@charset "utf-8";
@font-face { font-family: 'shs'; src: url('../css/fonts/SourceHanSansCN-Regular.otf'); }
@font-face { font-family: "pf"; src: url("../css/fonts/PingFang Heavy.woff2") format("woff2"),  url("../css/fonts/PingFang Heavy.woff") format("woff"),  url("../css/fonts/PingFang Heavy.ttf") format("truetype"),  url("../css/fonts/PingFang Heavy.eot") format("embedded-opentype"),  url("../css/fonts/PingFang Heavy.svg") format("svg"); font-weight: normal; font-style: normal; }
.center { text-align: center; }
.h54 { font-size: 54px; line-height: 1.2; }
.h48 { font-size: 48px; line-height: 1.2; }
.h32 { font-size: 32px; }
.h26 { font-size: 26px; }
.h24 { font-size: 24px; }
.h20 { font-size: 20px; }
.h18 { font-size: 18px; }
.h16 { font-size: 16px; }
.middle-box { font-size: 0; letter-spacing: -1.5em; }
.middle-box:after { content: '0'; display: inline-block; vertical-align: middle; height: 100%; font-size: 0; }
.middle-cont { display: inline-block; vertical-align: middle; font-size: 14px; letter-spacing: 0; }
.bgi { background-repeat: no-repeat; background-size: cover; background-position: center; height: 100%; }
.red { color: #ab2b21; display: inline-block; }
.height100 { background: #fff; position: relative; font-family: 'shs'; }
.height100 .middle-cont { width: 100%; }
/* pc 端下拉选框 */
.select-mod { position: relative; text-align: left; }
.select-mod .select-bar { position: relative; border: 1px solid; border-radius: 5px; }
.select-mod .select-btn { position: relative; padding: 17px 55px 17px 15px; overflow: hidden; cursor: pointer; }
.select-mod .select-btn:before { content: '\e737'; position: absolute; top: 50%; right: 0; width: 40px; text-align: center; font-family: icon; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.select-mod .select-val { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.select-mod .select-input { display: block; width: 100%; }
.select-mod .select-native { display: none; }
.select-mod .select-cont, .select-mod .select-query { position: absolute; left: 0; right: 0; top: 100%; padding-top: 1px; background-color: #fff; background-clip: content-box; z-index: 1; opacity: 0; visibility: hidden; }
.select-mod .select-cont:before, .select-mod .select-query:before { content: ''; position: absolute; left: 0; top: 1px; right: 0; bottom: 0; border: 1px solid; border-radius: 5px; }
.select-mod .select-opts, .select-mod .squery-list { position: relative; max-height: 200px; padding: 15px; padding-right: 5px; }
.select-mod .select-item, .select-mod .squery-item { padding: 2px 0; cursor: pointer; }
.select-mod .select-item.selected, .select-mod .select-item:hover, .select-mod .squery-item.selected, .select-mod .squery-item:hover { color: #890315; }
.select-mod .select-item.selected, .select-mod .squery-item.selected { cursor: default; }
.select-mod .select-grp { padding: 5px; margin-bottom: 2px; background-color: gainsboro; }
.select-mod .select-tit { padding: 5px; background-color: silver; cursor: pointer; }
.select-mod .select-box { padding: 5px; display: none; }
.select-mod .select-grp.open .select-box { display: block; }
.select-mod.sc-show .select-btn:before { content: '\e736'; }
.select-mod.sc-show .select-cont, .select-mod.sq-show .select-query { opacity: 1; visibility: visible; }
.select-mod .select-btn:hover:before { color: #890315; }
.select-mod .select-query { }
.select-mod .select-query:before { }
.select-mod .squery-list { }
.select-mod .squery-item { }
.select-mod .mCSB_scrollTools .mCSB_draggerRail { width: 3px; background: #e7e7e7; }
.select-mod .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 3px; background: #a00000; }
/* pc 端分页 */
input, button, textarea, select { font: inherit; outline: 0; border: 0; background: none; color: inherit; }
input:focus, textarea:focus { color: inherit; }
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
}
.page-mod { text-align: center; }
.page-mod .page-box { display: inline-block; vertical-align: top; }
.page-mod .page-item { float: left; min-width: 35px; font-family: Arial; font-size: 16px; line-height: 33px; color: #707070; cursor: pointer; }
.page-mod .page-item + .page-item { margin-left: 5px; }
.page-mod .page-prev + .page-item { margin-left: 0; }
.page-mod .page-link { display: block; padding: 0 5px; border-radius: 4px; border: 1px solid #dddddd; height: 33px; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: .3s; }
.page-mod .page-dot { font-weight: bold; letter-spacing: 0.2em; }
.page-mod .page-arr { }
.page-mod .page-arr .page-link:before { vertical-align: bottom; font-family: icon; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
.page-mod .page-item.page-prev { margin-right: 10px; }
.page-mod .page-prev .page-link:before { content: '\e734'; }
.page-mod .page-item.page-next { margin-left: 10px; }
.page-mod .page-next .page-link:before { content: '\e735'; }
.page-mod .page-item.page-jump { margin-left: 15px; width: 100px; }
.page-mod .page-table { display: table; width: 100%; height: 100%; border-radius: 4px; border: 1px solid #dddddd; height: 33px; overflow: hidden; }
.page-mod .page-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; }
.page-mod .page-cell:last-child { background: #c1883f; }
.page-mod .page-input { padding: 0 10px; }
.page-mod .page-input input { display: block; width: 100%; height: auto; line-height: 1.5; text-align: center; }
.page-mod .page-btn { display: block; width: 45px; cursor: pointer; background: none; padding: 0; border: 0; color: #fff; }
.page-mod .page-link.cur { background-color: #890315; border-color: #890315; color: #fff; cursor: default; pointer-events: none; }
.page-mod .page-link.disable { opacity: 0.5; color: inherit; cursor: default; pointer-events: none; }
.page-mod .page-link[href]:not(.cur):hover, .page-mod .page-btn:hover { color: #890315; }
.special1 { text-align: center; position: relative; top: 0; width: 100%; left: 0; overflow: hidden; height: 100vh; }
.special1 .frame{height:100%;}
.special1 .child{height:100%;position: relative;overflow: hidden;}
.special1 .slick-dots { position: absolute; bottom: 8.5%; left: 0; width: 100%;visibility: hidden;opacity: 0; }
.special1 .slick-dots li { border: 2px solid #fff; padding: 0; width: 25px; height: 25px; box-sizing: border-box; margin: 0 20px; }
.special1 .slick-dots li.slick-active { border-color: #c1883f; background: #c1883f; }
.special1 .slick-list{height:100%;}
.special1 .slick-track{height:100%;}
.special1 .slick-slide>div{height:100%;}
.special1 .middle-cont { width: auto; }
.special1 .txt { line-height: 1.2; color: #fff; letter-spacing:0.3em;}
.special1 .txt .ico { margin-bottom: 20px; text-align: center;}
.special1 .txt .ico img{width:190px;margin:auto;}
.special1 .t1 { font-weight: bold; }
.special1 .t2 { border-bottom1: 1px solid rgba(255,255,255,0.2); margin-top:10px; }
.special1 .cur1 { width: 17px; height: 29px; margin: 55px auto 0; background: url(../image/jjl/cur1.png) no-repeat center; cursor: pointer; animation: cur 1s linear 0s infinite; display: none;}
.special1 .scalebgi { position: absolute; left: 0; top: 0; bottom: 0px; right: 0; background-position: center; background-repeat: no-repeat; background-size: cover; transform:scale(1.5); transition:all 3s ease-out 0s;}
.special1.showd .scalebgi{transform:none;}
.special1 .t600 { position: absolute; left: 0; right: 0; top: 0%; bottom: 0; background: url(../image/600.svg) center center no-repeat;background-size:contain; transform: scale(0); visibility: hidden;; }
.special1.showd .t600 { opacity: 1; transition: opacity 3s ease-out 0.5s,transform 4s ease-in 0.5s; filter: blur(0px); transform: scale(10); visibility: visible; opacity: 0;pointer-events:none;}
.special1 .middle-cont { position: relative; transform:translateY(-20%);}
.special1 .panel{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;display: none;}
.special1 .panel.show{display:block;}
.special2 { position: relative; overflow: hidden; padding:110px 0;background: #f7f7f7 url(../image/jjl/special2.jpg) no-repeat bottom center; background-size: 100% auto;}
.special2 .fun { text-align: center; margin-top:40px;}
.special2 .fun .slick-arrow { display: inline-block; vertical-align: middle; width: 51px; height: 51px; margin: 0 15px; background-size: cover; background-position: center; background-repeat: no-repeat; cursor: pointer; }
.special2 .fun .slick-prev { background-image: url(../image/jjl/prev1.png); }
.special2 .fun .slick-next { background-image: url(../image/jjl/next1.png); }
.special2 .bgi { }
.special2 .tit .t1 { font-weight: bold; }
.special2 .slick-mod { padding: 0 8%; margin-top:40px;}
.special2 .slick-item { overflow: hidden; }
.special2 .list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.special2 .list .item { width: calc(33.33% - 43px); border-bottom1: 1px dashed #ccc;  margin: 0 0 0 64px; padding: 30px 0; }
.special2 .list .item a{display:flex; flex-direction:column;height:100%;}
.special2 .list .item .t1{flex:1;position: relative;padding-left:20px;}
.special2 .list .item .t1:before{content:"";position: absolute;left:0;top:13px;width:10px;height:10px;background:#a00000;border-radius:100%;}
.special2 .list .item .date { color: #8e0302; font-family: Arial; text-align: right;}
.special2 .list .item:nth-child(3n+1) { margin-left: 0; }
.special3 { position: relative;padding-bottom:30px; font-family: 'shs';}
.special3 .slick-slide img { width: 100%; height: auto; }
.special3 .slick-dots { position: absolute; bottom: 8.5%; left: 0; width: 100%; }
.special3 .slick-dots li { border: 2px solid #fff; padding: 0; width: 25px; height: 25px; box-sizing: border-box; margin: 0 20px; }
.special3 .slick-dots li.slick-active { border-color: #c1883f; background: #c1883f; }
.special3 .ico{position:absolute;right:10%;bottom:10%;color: #fff;text-align: center;}
.special3 .ico img{display:block;margin-bottom:10px;transition:all 0.2s ease-out}
.special3 .ico:hover img{transform:scale(1.1);}
.special3 .bb{position:relative; margin-top: 45px;padding: 0 7.8%; display:flex;align-items:center; justify-content:center;}
.special3 .bb .r{display:inline-block;vertical-align: middle;margin-left:15px;}
.special3 .bb .r a{font-size:18px;display: inline-block;}
.special3 .bb .r a img{margin-right:10px;transition:all 0.15s ease-out 0s;width:65px;}
.special3 .bb .r a:hover img{transform:scale(0.9);}
.special3 .bb .arr { display: inline-block; width: 12px; height: 20px;  margin-left: 15px;}
.special3 .bb .arr:after{content:"\e735";font-family:icon;color: #a00000;}


.special4 { overflow: hidden; position: relative; padding:110px 0;}
.special4 .list { display: -ms-flexbox; display: flex; padding: 0 7.8%; }
.special4 .list .item { position: relative; text-align: center; -ms-flex: 1; flex: 1; padding: 10px 0 55px; }
.special4 .list .item .img { position: relative; padding-bottom: 127%;}
.special4 .list .item .img img { width: 100%; height: auto; position: absolute; left: 0; top: 0; max-height: 100%; }
.special4 .list .item .t1 { padding: 0 12%; }
.special4 .bb{position:relative; margin-top: 45px;padding: 0 7.8%; display:flex; align-items:center; flex-direction:column;}
.special4 .bb .r{display:inline-block;vertical-align: middle;margin-top:15px;}
.special4 .bb .r a{margin-left:25px;font-size:18px;display: inline-block;}
.special4 .bb .r a img{margin-right:10px;transition:all 0.15s ease-out 0s;width:65px;}
.special4 .bb .r a:hover img{transform:scale(0.9);}
.special4 .more { display: inline-block; }
.special4 .more .arr { display: inline-block; width: 12px; height: 20px;  margin-left: 15px;}
.special4 .more .arr:after{content:"\e735";font-family:icon;color: #a00000;}
.special5 { overflow: hidden; position: relative; background: #f7f7f7;  font-family: 'shs';}
.special5 .content{margin:10px;}
.special5 .list {width:100%;}
.special5 .list .item { width: calc(50% - 20px); margin: 10px; background: #fff; text-align: center; box-sizing: border-box;position: relative;}
.special5 .list .item .img { position: relative;overflow: hidden;display:flex; align-items:center; justify-content:center;padding-top:1.5vw;}
.special5 .list .item .a{display:block;}
.special5 .list .item .b{display:none;}
.special5 .list .item:hover .b{display:block;}
.special5 .list .item:hover .a{display:none;}
.special5 .list .item .img img {max-width:100%;max-height:100%;}
.special5 .list .item .t1{padding:1.5vw 0;}
.special5 .r .list .item .img{height:14vw; }
.special5 .more{position: relative;width:auto;padding:1.5vw 0;text-align: center;margin:15px;margin-top:0;}
.special5 .more b{color:#9b2120;margin-left:10px;}
.special5 .more .arr { display: inline-block; width: 12px; height: 20px;  margin-left: 15px;}
.special5 .more .arr:after{content:"\e735";font-family:icon;color: #a00000;}

.special6 { position: relative;background: #f7f7f7; overflow: hidden;  font-family: 'shs'; padding-bottom:20px;}
.special6 .middle-cont { width: 100%; }
.special6 .cont { display: -ms-flexbox; display: flex;height:56vw;position: relative;}
.special6 .cont .videos { width:100%;position: relative; }
.special6 .cont .videos video { object-fit: cover; outline: none;width:100%;height:100%; display: block;}
.special6 .cont .r { -ms-flex: 1; flex: 1; background: #f7f7f7; width:320px; position:absolute;right:-320px;top:0;bottom:0;background:rgba(255,255,255,0.4);transition:all 0.5s ease-out 0s;}
.special6 .cont .r.full{right:0;}
.special6 .cont .r:hover{right:0;}
.special6 .cont .r .sw{background:url(../image/png2a.png) center center no-repeat;width:30px;height:61px;position: absolute;left:-30px;top:50%;margin-top:-30px;cursor: pointer;}
.special6 .cont .r .tit { text-align: center; padding-bottom: 20px; }
.special6 .cont .r .list { margin:-10px auto;  width:250px;}
.special6 .cont .r .list .item { text-align: center; cursor: pointer;padding-bottom:15px;}
.special6 .cont .r .list .item .img { height:142px;overflow: hidden;position: relative;}
.special6 .cont .r .list .item.now .img:after{content:"";position: absolute;left:0;top:0;right:0;bottom:0;border:4px solid #8e0302;}
.special6 .cont .r .list .item .img img { width: 100%; height: auto; }
.special6 .cont .r .list .item .t1 { padding: 10px 0; }
.special6 .cont .r .mCSB_inside > .mCSB_container { margin-right: 0; }
.special6 .cont .r .mCSB_scrollTools { right: 40px; }
.special6 .cont .r .mCSB_scrollTools .mCSB_draggerRail { width: 5px; background: #e7e7e7; }
.special6 .cont .r .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 5px; background: #a00000; }
.special6 .cont .r .nav{text-align: center;display: none;}
.special6 .cont .r span{font-family:icon;font-size:28px;color: #fff;padding:10px;display: inline-block;text-shadow:1px 1px 1px rgba(0,0,0,0.3);}
.special6 .cont .r .b{font-size:20px;text-align: center;margin-top:30px;}
.special6 .cont .r .b b{font-family:icon;font-size:20px;color: #a00000;}
.special6 .more{position: relative;width:auto;padding:1.5vw 0;text-align: center;margin:10px;}
.special6 .more b{color:#9b2120;margin-left:10px;}
.special6 .more .arr { display: inline-block; width: 12px; height: 20px;  margin-left: 15px;}
.special6 .more .arr:after{content:"\e735";font-family:icon;color: #a00000;}

.special7 { position: relative; background: #f7f7f7 url(../image/bg1.jpg) no-repeat bottom center; background-size: 100% auto; padding: 110px 0 0; }
.special7 .bgi { }
.special7 .middle-cont { width: 100%; }
.special7 .tit { padding-bottom: 40px; }
.special7 iframe { max-width: 100%; min-width: 100%; }
.special8 { position: relative; /*background: #f7f7f7;*/ padding-top:20px;}
.special8 .clock_in { padding-left: 20px; padding-right: 20px; margin-top: 0; padding:0px 0;}
.special8 .clock_in .list .item { width: calc(19% - 0.8%); margin-right: 0.8%; }
.date_page .screen { position: relative; overflow: hidden; }
.collection1 { padding: 100px 0; }
.collection1 .tit .t1 { font-weight: bold; }
.collection1 .sear-box { display: -ms-flexbox; display: flex; margin: 45px 0 40px; }
.collection1 .sear-box .g { -ms-flex: 1; flex: 1; }
.collection1 .sear-box .g+.g { margin-left: 20px; }
.collection1 .sear-box .select-mod .select-bar { border-radius: 0; border: 1px solid #e3e3e3; background: #fff; }
/*.collection1 .sear-box .select-mod .select-btn:before {color: #e3e3e3;}*/
.collection1 .sear-box .ipt { border: 1px solid #e3e3e3; padding: 17px 15px; background: #fff; }
.collection1 .sear-box .ipt input { width: 100%; display: block; height: 28px; line-height: 28px; }
.collection1 .sear-box .btn_wp { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; }
.collection1 .sear-box .btn_wp .button1 { width: 155px; line-height: 65px; text-align: center; background: #8e0302; color: #fff; }
.collection1 .sear-box .rao { cursor: pointer; white-space: nowrap; }
.collection1 .sear-box .rao .i1 { display: inline-block; width: 16px; height: 16px; border: 1px solid #e3e3e3; position: relative; box-sizing: border-box; margin-right: 10px; position: relative; top: 1px; }
.collection1 .sear-box .rao.act .i1:after { content: ""; position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 7px; height: 7px; background: #8e0302; }
.collection1 .list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.collection1 .list .item { margin: 0 0 20px 20px; box-shadow: 0px 0px 20px 0px #ccc; width: calc(25% - 15px); box-sizing: border-box; padding: 20px 17px 15px; }
.collection1 .list .item .img { width: 100%; position: relative; padding-bottom: 61%; overflow: hidden; }
.collection1 .list .item .img img { position: absolute; left: 50%; top: 50%; max-width: 100%; max-height: 100%; transition: all 0.4s ease; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.collection1 .list .item:nth-child(4n+1) { margin-left: 0; }
.collection1 .list .item .txt { padding: 10px 10px 0; }
.collection1 .list .item .txt .t2 { color: #890315; }
.collection1 .page-mod { padding-top: 60px; }
/*.building .s12 {height: 90vh;}*/

.building_xx1 .building { margin-left: 0; }
.building_xx1 .building .section { display: none; min-height: 765px; }
.building_xx1 .building .section .text .h1 { display: none; }
.building_xx1 .building .section.show { display: block; }
.building_xx1 .building .section .links { margin-top: 15px; }
.building_xx2 { background: #fff url(../image/jjl/special2.jpg) no-repeat bottom center; background-size: 100% auto; padding: 120px 0; font-family: 'shs'; }
.building_xx2 .cont { overflow: hidden; }
.building_xx2 .cont .text { overflow: hidden; padding-right: 135px; text-align: justify; text-justify: inter-ideograph; padding-top: 13%; }
.building_xx2 .cont .text .t1 { font-weight: bold; }
.building_xx2 .cont .text .p { color: #666; margin-top: 25px; font-weight: 100; }
.building_xx2 .cont .pic { float: right; width: 475px; height: auto; }
.building_xx2 .cont .pic img { width: 100%; height: auto; }
.building_xx3 { overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: cover; color: #fff; padding: 120px 0 215px; font-family: 'shs'; }
.building_xx3 .tit .t1 { font-weight: bold; }
.building_xx3 .fun { text-align: center; }
.building_xx3 .fun .slick-arrow { display: inline-block; vertical-align: middle; width: 51px; height: 51px; margin: 0 15px; background-size: cover; background-position: center; background-repeat: no-repeat; cursor: pointer; }
.building_xx3 .fun .slick-prev { background-image: url(../image/jjl/prev1.png); }
.building_xx3 .fun .slick-next { background-image: url(../image/jjl/next1.png); }
.building_xx3 .list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 5px 0 60px; }
.building_xx3 .list .item { width: calc(50% - 16px); text-align: center; margin: 0 0 0 30px; padding: 25px 0; border-bottom: 1px dashed #fff; font-weight: 100; }
.building_xx3 .list .item .t1 { text-align: left; }
.building_xx3 .list .item:nth-child(2n+1) { margin-left: 0; }
.building_xx4 { background: #fff url(../image/jjl/special2.jpg) no-repeat bottom center; background-size: 100% auto; padding: 120px 0; font-family: 'shs'; }
.building_xx4 .tit .t1 { font-weight: bold; }
.building_xx4 .list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 40px 0 45px; }
.building_xx4 .list .item { width: calc(33.33% - 20px); margin: 0 0 0 30px; }
.building_xx4 .list .item:nth-child(3n+1) { margin-left: 0; }
.building_xx4 .list .item .img { position: relative; overflow: hidden; padding-bottom: 52.5%; }
.building_xx4 .list .item .img img { width: 100%; height: auto; position: absolute; left: 0; top: 0; }
.building_xx4 .list .item .txt .date { padding: 35px 0 5px; font-family: Arial; }
.building_xx4 .more { margin-top: 0; display: inline-block; }
.building_xx4 .more .arr { display: inline-block; width: 12px; height: 20px; background: url(../image/jjl/arr1.png) no-repeat center; margin-left: 15px; }
.tabar { text-align: center; height: 25px; line-height: 25px; }
.tabar a { background: url(../image/jjl/list_dragon4.png) left -7px no-repeat; padding-left: 35px; display: inline-block; height: 100%; margin: 0 35px; font-size: 20px; color: #474747; }
.tabar a.now { background-position: left -45px; }
.tit-span { display: inline-block; vertical-align: middle; margin: 0 10px; line-height: 1; padding: 0 !important; background: none !important; }
.tit-span + span { display: inline-block; vertical-align: middle; line-height: 1; margin-top: -1px; }
.tit-span img { height: 32px; width: 22px; max-width: 100px; }
.nav_bottom { padding-bottom: 45px; }
.nav_bottom h1 { text-align: center; height: auto; line-height: normal; font-size: 26px; }
.nav_bottom .title1 span {/*height:34px;line-height:28px;*/ display: inline-block; }
.nav_bottom .list { margin-top: 20px; }
.nav_bottom .item { width: 25%; float: left; height: 225px; display: table; }
.nav_bottom.s5 .item { width: 20%; }
.nav_bottom .item a { display: table-cell; height: 100%; vertical-align: middle; text-align: center; }
.nav_bottom .d1 { background: url(../image/home_block4_bg1.jpg); }
.nav_bottom .d2 { background: url(../image/home_block4_bg2.jpg); }
.nav_bottom .d3 { background: url(../image/home_block4_bg3.jpg); }
.nav_bottom .d4 { background: url(../image/home_block4_bg4.jpg); }
.nav_bottom .d5 { background: url(../image/home_block4_bg5.jpg); }
.nav_bottom .item span { text-align: center; display: inline-block; color: #fff; transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; }
.nav_bottom .item span img { width: 126px; }
.nav_bottom .item span strong { font-weight: normal; font-size: 18px; display: block; margin-top: 5px; }
.nav_bottom .item:hover span { margin-top: -10px; }
.personal1 .tit { font-size: 26px; margin-bottom: 20px; }
.personal1 .clock_in { background: url(../image/jjl/bg_gray.jpg); margin-bottom: 30px; }
.clock_in .list2 { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 60px; }
.clock_in .list2 .item { width: calc(33.3% - 13px); background: #fff; padding: 20px; text-align: center; box-sizing: border-box; margin: 0 0 20px 20px; box-shadow: 0px 0px 20px 0px #ccc; }
.clock_in .list2 .item:nth-child(3n+1) { margin-left: 0; }
.clock_in .list2 .item .img { position: relative; padding-bottom: 69%; overflow: hidden; }
.clock_in .list2 .item .img:after { content: ""; display: block; position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 73px; height: 73px; background: url(../image/jjl/play1.png) no-repeat center; }
.clock_in .list2 .item .img img { position: absolute; left: 0; top: 0; width: 100%; height: auto; }
.clock_in .list2 .item .txt { padding-top: 15px; }
.mask-over { position: relative; left: 0; top: 0; width: 100%; height: 450vh; overflow: hidden; z-index: 11; pointer-events: none; }
.mask-w { position: fixed; left: 0; right: 0; bottom: 0; top: 0; background: rgba(255,255,255,0.5); }
.mask-over .mask1 { position: fixed; left: 50%; top: 50%; width: 10vw; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.mask-over img { display: block; width: 100%; height: auto; margin-top: 115px; }
.footer .share .item { position: relative; }
.footer .share .item .share-pop { box-sizing: border-box; position: absolute; left: 50%; bottom: 100%; margin-left: -81px; margin-bottom: 10px; padding: 10px; width: 162px; height: 162px; background-color: #fff; border: 1px solid #333; border-radius: 5px; opacity: 0; visibility: hidden; -webkit-transform: translateY(50%); transform: translateY(50%); -webkit-transition-property: opacity, visibility, transform; transition-property: opacity, visibility, transform; -webkit-transition-duration: .3s; transition-duration: .3s; }
.footer .share .item .share-pop:before, .footer .share .item .share-pop:after { content: ''; position: absolute; left: 0; right: 0; top: 100%; margin: auto; width: 0; height: 0; border: 10px solid transparent; }
.footer .share .item .share-pop:before { border-top-color: #333; }
.footer .share .item .share-pop:after { border-top-color: #fff; border-width: 9px; }
.footer .share .item .share-pop img { display: block; width: 100%; }
.footer .share .item.x-show .share-pop { opacity: 1; visibility: visible; -webkit-transform: translateY(0%); transform: translateY(0%); }
.footer .share .item.x-show, .footer .share .item:hover { z-index: 1; }

@media screen and (min-width:1024px) {
.m-show { display: none; }
/*
	.full_head {height: 48px;position: fixed;top: 0;left: 0;width: 100%;z-index: 12;}
	.full_head .cont {position: relative;height: 100%;}
	.full_head .logo {width: 147px;height: 44px;top: 40px;left: 100px;position: absolute;}
	.full_head .tools {top: 43px;right: 100px;}
	.full_head .nav_main ul {margin-top: 36px;}
	.full_head .nav_main li a {font-size: 18px;}
	.full_head .w-show {display: none !important;}
	.full_head.w {border-bottom-color: rgba(255,255,255,0.1);background-color: rgba(0,0,0,0.4);}
	.full_head.w .nav_main li a {color: #fff;}
	.full_head.w .f-show {display: none !important;}
	.full_head.w .w-show {display: block !important;}
	.full_head.w .tools .d span:after {border-top-color: #fff;}
	*/
	
.special4 .list .item .img img { transition: all 0.6s ease; }
.special4 .list .item:hover .img img { transform: translateY(-5%) scale(1.05); }
.clock_in .list .item .pic img { transition: all 0.4s ease; }
.clock_in .list .item:hover .pic img { transform: scale(1.1); }
.clock_in .list2 .item .img img { transition: all 0.4s ease; }
.clock_in .list2 .item:hover .img img { transform: scale(1.1); }
.special2 .fun .slick-prev:hover { background-image: url(../image/jjl/prev1_a.png); }
.special2 .fun .slick-next:hover { background-image: url(../image/jjl/next1_a.png); }
.building_xx3 .fun .slick-prev:hover { background-image: url(../image/jjl/prev1_a.png); }
.building_xx3 .fun .slick-next:hover { background-image: url(../image/jjl/next1_a.png); }
.collection1 .list .item:hover .img img { transform: translate(-50%, -50%) scale(1.1); }
}

@media screen and (max-width:1440px) {
.special4{padding:90px 0;}
.special4 .list{padding:0 30px;}
.special2{padding-top:160px;}
.h24{font-size:20px;}
.special4 .bb .r{position:static; transform:none;text-align: center;margin-left:0;}
.clock_in .list .item{padding:15px 15px 0;}
.clock_in .list .item .text{font-size:16px;}
.clock_in .tit{font-size:40px;}
.special6 .cont .r .list .item:nth-child(4){display:none;}
.special2 .list .item .t1:before{top:10px;}
}
@media screen and (max-width:1366px) {
.special6 .cont .r .mCSB_scrollTools { right: 5%; }
.full_head .logo { left: 30px; }
.full_head .tools { right: 30px; }
.building_xx2 .cont .text { padding-right: 50px; }
.building .section .text .p { margin-top: 15px; }
}

@media screen and (max-width:1250px) {
.header .nav_main { width: 710px; }
.header .nav_main li a { padding: 0 15px; }
.header .tools .d span { position: relative; top: -1px; }
.collection1 .sear-box .btn_wp .button1 { width: 125px; }
}

@media screen and (max-width:1024px) {
.p-show { display: none; }
.m-show { display: block; }
.h54 { font-size: 50px; }
.h48 { font-size: 44px; }
.h32 { font-size: 30px; }
.h26 { font-size: 24px; }
.h24 { font-size: 22px; }
.h20 { font-size: 18px; }
.h18 { font-size: 18px; }
.h16 { font-size: 16px; }
.full_head { height: 70px; }
.full_head .f-show { display: block !important; }
.full_head .w-show { display: none !important; }
.full_head .logo { width: 140px; left: 30px; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); }
.full_head .tools { top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); }
/* mobile 分页	*/
.page-mod .page-box { display: none; }
.page-mod .page-item { margin: 0 0.05rem; min-width: 0.6rem; font-size: 0.32rem; line-height: 0.6rem; }
.page-mod .page-link { padding: 0 0.1rem; border-radius: 0.05rem; }
.page-mod .page-prev { margin-right: 0.1rem; }
.page-mod .page-next { margin-left: 0.1rem; }
.page-mod .page-jump { margin-left: 0.2rem; width: 2rem; }
.page-mod .page-table { border-radius: 0.05rem; }
.page-mod .page-input { padding: 0 0.1rem; }
.page-mod .page-btn { width: 0.8rem; }
.page-mod .page-more { display: inline-block; padding: 0.1rem 0.3rem; border: 1px solid; border-radius: 999px; }
/* mobile 下拉选框 */
.select-mod .select-btn { padding: 0.12rem 1rem 0.12rem 0.2rem; }
.select-mod .select-btn:before { width: 0.8rem; }
.select-mod .select-val { visibility: hidden; }
.select-mod .select-native { display: block; position: absolute; left: 0; top: 0; padding: 0 1rem 0 0.2rem; width: 100%; height: 100%; }
.select-mod .select-opts, .select-mod .squery-list { padding: 0.2rem; padding-right: 0.1rem; max-height: 3rem; }
.select-mod .select-item, .select-mod .squery-item { padding: 0.05rem 0; }
.collection1 { padding: 30px 0 80px; }
.collection1 .wrap { width: auto; margin: 0 30px; }
.collection1 .list .item { padding: 10px; }
.collection1 .page-mod { padding-top: 30px; }
.collection1 .sear-box .btn_wp .button1 { width: 110px; }
.special8 .clock_in .list .item { width: calc(25% - 0.8%); margin-right: 0.8%; }
.special4 { height: auto !important; padding: 80px 0; }
.special4 .list { -ms-flex-wrap: wrap; flex-wrap: wrap; }
.special4 .list .item { min-width: 33.33%; }
.special4 .list .item .t1 { font-size: 26px; }
.special7 { display: none; }
.date_page .building { margin-left: 0; }
.footer .share .item .share-pop { position: fixed; left: 0; top: 0; margin: 0; padding: 0; width: 100%; height: 100%; border: 0; border-radius: 0; background-color: rgba(0,0,0,0.8); }
.footer .share .item .share-pop:before, .footer .share .item .share-pop:after { display: none; }
.footer .share .item .share-pop img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 2rem; height: 2rem; }
.building_xx1 .building .section { min-height: 600px; }
.building_xx2 .cont .text { padding-right: 20px; }
.building_xx3 { padding: 100px 0 180px; }
.building_xx4 { padding: 100px 0; }
.tabar a { margin: 0 20px; }
.clock_in .list2 .item { padding: 10px; }
.special6 { padding-bottom: 40px; }
}

@media screen and (max-width:1023px) {
.h54 { font-size: 0.46rem; }
.h48 { font-size: 24px; }
.h32 { font-size: 0.42rem; }
.h30 { font-size: 0.42rem; }
.h28 { font-size: 0.38rem; }
.h26 { font-size: 0.36rem; }
.h24 { font-size: 0.3rem; }
.h22 { font-size: 0.3rem; }
.h20, .h18 { font-size: 0.38rem; }
.h16 { font-size: 0.28rem; }
.collection1 { padding: 0 0 1rem; }
.collection1 .wrap { margin: 0 0.25rem; }
.collection1 .sear-box { display: block; margin: 0.5rem 0; }
.collection1 .sear-box .ipt { padding: 0.1rem 0.2rem; }
.collection1 .sear-box .g+.g { margin-left: 0; margin-top: 0.1rem; }
.collection1 .sear-box .btn_wp { display: block; }
.collection1 .sear-box .btn_wp .button1 { width: 50%; line-height: 0.8rem; display: block; margin: 0.2rem auto 0; }
.collection1 .list { -ms-flex-pack: justify; justify-content: space-between; }
.collection1 .list .item { width: calc(50% - 0.1rem); margin: 0 0 0.2rem; padding: 0.2rem; }
.collection1 .list .item:nth-child(4n+1) { margin-left: 0px; }
.collection1 .list .item .txt { padding: 0.15rem 0.1rem 0; }
.collection1 .page-mod { padding-top: 0.3rem; }
.collection1 .sear-box .rao .i1 { top: 0.02rem; }
.special2 { height: auto !important; }
.special2 .bgi { padding: 0.6rem 0 0.6rem; }
.special2 .slick-mod { padding: 0 0.25rem; margin-top:30px;}
.special2 .list .item { min-width: 100%; margin: 0 0 0; padding: 0.3rem 0;  border-top: 1px dashed #ccc; }
.special3 .slick-dots li { width: 0.3rem; height: 0.3rem; margin: 0 0.15rem; }
.special4 { padding: 0.4rem 0 0.8rem; }
.special4 .list { padding: 0 0.25rem; }
.special4 .list .item { min-width: 50%; padding: 0.2rem 0 0.4rem; }
.special4 .list .item .t1 { font-size: 0.3rem; }
.special4 .more { margin-top: 0.5rem; font-size: 0.38rem; }
.special4 .more .arr { margin-left: 0.15rem; width: 0.28rem; height: 0.3rem; background-size: contain; position: relative; top: 0.02rem; }
.clock_in .links { margin-top: 0.2rem; }
.clock_in .list { margin-top: 0.4rem; }
.special8 .clock_in { padding:30px 15px;}
.special8 .clock_in .list .item { width: calc(50% - 6px); margin-right: 11px; }
.clock_in .loadmore { margin-top: 0.5rem; }
/*.building .section {height: auto;}*/
	/*.building .s12 {padding-bottom: 55%;}*/
.special6 { padding: 0.4rem 0 0rem; }
.special6 .cont { display: block; padding: 0 0.25rem;height:auto; }
.special6 .cont .videos .sw{display:none;}
.special6 .cont .videos { width: 100%; }
.special6 .cont .r { padding:0; margin-left: 0; width:auto;margin-top:15px;width:auto;position:static;}
.special6 .cont .r span.prev{transform:rotate(-90deg);}
.special6 .cont .r span.next{transform:rotate(-90deg);}
.special6 .cont .r .slick-slide{margin:0 5px;}
.special6 .cont .r .mCSB_scrollTools { right: 0; }
.special6 .cont .r .mCSB_inside > .mCSB_container { margin-right: 10px; }
.special6 .cont .r .scroll1 { height: 2.4rem; }
.special6 .cont .r .tit { padding-bottom: 0rem; text-align: left; }
.special6 .cont .r .list { margin: 0 -5px; display:flex; flex-wrap:wrap; justify-content:space-between;width:auto;}
.special6 .cont .r .list .item { text-align: left;width:calc(50% - 7.5px); }
.special6 .cont .r .list .item .t1 { font-size: 0.28rem; padding: 0.2rem 0 0; text-align: center;}
.special6 .cont .r .list .item .img{height:auto;}
.special6 .cont .videos.full{position:static;}
.clock_in .loadmore { font-size: 0.34rem; }
.full_head .logo { left: 0.25rem; }
.full_head .tools { right: 0.25rem; }
.building_xx1 .building { padding-top: 0.6rem; }
.building_xx1 .building .section { min-height: inherit; }
.building_xx2 { padding: 0.6rem 0 1.4rem; }
.building_xx2 .cont .text { padding-top: 0.5rem; padding-right: 0; }
.building_xx2 .cont .text .p { margin-top: 0.2rem; }
.building_xx2 .cont .pic { float: none; width: auto; }
.building_xx3 { padding: 1rem 0 3rem; }
.building_xx3 .list { padding: 0 0 0.5rem; }
.building_xx3 .list .item { margin: 0; width: 100%; padding: 0.3rem 0; }
.building_xx4 { padding: 1rem 0 1.6rem; }
.building_xx4 .list { margin: 0.4rem 0 0.5rem; }
.building_xx4 .list .item { width: 100%; margin: 0; }
.building_xx4 .list .item+.item { margin-top: 0.5rem; }
.building_xx4 .list .item .txt .date { padding: 0.2rem 0 0rem; }
.clock_in .list .item .info .name { display: inline-block; }
.clock_in .list .item .info .img { width: 0.7rem; height: 0.7rem; margin-right: 0.1rem; }.special3 .bb .r a
.clock_in .list .item .info .tpi { height: auto; line-height: 0.5rem; font-size: 0.28rem; border-radius: 5px; }
.clock_in .list .item .info .fx { margin-top: 0.1rem; }
.tabar { height: auto; line-height: inherit; text-align: left; width: 103%; }
.tabar a { font-size: 0.32rem; margin: 0.2rem 0.3rem 0 0; }
.personal1 .tit { font-size: 0.38rem; margin-bottom: 0.2rem; }
.nav_bottom h1 { font-size: 0.38rem; }
.tit-span { width: 0.28rem; height: auto; margin: 0 0.1rem; vertical-align: middle; position: relative; top: -0.03rem; }
.tit-span img { width: 100%; height: auto; }
.clock_in .list2 .item { width: 100%; margin: 0; }
.clock_in .list2 .item +.item { margin-top: 0.2rem; }
.clock_in .list2 .item .txt { padding: 0.2rem 0 0.1rem; }
.nav_bottom .item { width: 50%; height: 3.1rem; }
.nav_bottom .item span img { width: 1.6rem; }
.clock_in .list2 { margin-top: 0.4rem; }
.clock_in .list2 .item .img:after { width: 1.2rem; height: 1.2rem; background-size: cover; }

.special2{padding:30px 0;}
.special4 .bb{margin-top:15px;padding:0 15px;}
.special4 .bb .r a img{width:20px;width:30px;margin-right:5px;}
.special5 .content{display:block;}
.special5 .l{width:auto;}
.special5 .r{width:auto;}
.special5 .list .item{margin:5px;width:calc(50% - 10px);}
.special5 .list .item .t1{font-size:16px;height:60px;}
.special5 .r .list .item .img{height:auto;}
.special5 .more{font-size:0.38rem;}

.clock_in .tit{font-size:30px;}
.special6 .cont .r .list .item:nth-child(4){display:block;}
.special4 .bb .r{display:flex; justify-content:space-between;}
.special4 .bb .r a{margin:0;font-size:14px;}
.clock_in .list .item .text{font-size:14px;}
.special3 .ico{width:65px;right:15px;bottom:15px;font-size:12px;}
.special3 .ico img{margin-bottom:5px;}
.special6 .cont .r .b{font-size:0.38rem;}
.clock_in .tit{font-size:24px;font-weight: normal;}

.special2 .fun{margin-top:30px;}
.special2 .fun .slick-next{width:40px;height:40px;background-size:contain;}
.special2 .fun .slick-prev{width:40px;height:40px;background-size:contain;}

.special3 .bb{margin-top:30px; flex-direction:column;}
.special3 .bb .r{position:static; transform:none;margin-top:20px;text-align: center; justify-content:center;margin-left:0;}
.special2 .list .item .t1{padding-left:15px;}
.special2 .list .item .t1:before{width:6px;height:6px;top:8px;}
}