@charset "utf-8"; .rejuvenation{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; z-index: 999;} /* 弹窗 */ .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{} .pop-video .pop-dialog{ width: 842px; height: 536px; z-index: 1;} .pop-video .pop-cont{ width: 100%; height: 100%;} .pop-video .pop-cont iframe, .pop-video .pop-cont video{ width: 100%; height: 100%; min-width: 100%; min-height: 100%; display: none;} .x-show.pop-video .pop-cont iframe, .x-show.pop-video .pop-cont video{ 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); } /* 复用标题 */ .t_head{ position: relative; padding: 36px 0 40px; font-family: 'fzqkbysjw'; text-align: center;} .t_head .h30{ line-height: 44px;} /*.t_head .h30 br{ display:none; }*/ .t_head .h30:before, .t_head .h30:after{ content: ''; display: inline-block; width: 22px; height: 44px; vertical-align: top; background: url(../images/png7.png) no-repeat;} .t_head.white .h30:before, .t_head.white .h30:after{ background-image: url(../images/png8.png);} .t_head.blue .h30:before, .t_head.blue .h30:after{ background-image: url(../images/png75.png);} .t_head .h30:before{ background-position: left; margin-right: 18px;} .t_head .h30:after{ background-position: right; margin-left: 18px;} .t_head .bp-inner{ width: 170px;} .t_head .tab-box{ margin-top: 32px;} .t_head .tab-link{ margin: 0 18px;} .t_line{ position: absolute; left: 0; right: 0; bottom: 0; height: 17px;} .t_line .bd{ position: absolute; left: 30px; right: 30px; bottom: 5px; border-top: 1px solid #d8d8d8;} .t_line:before, .t_line:after{ content: ''; position: absolute; top: 0; width: 30px; height: 17px; background: url(../images/png21.png) no-repeat;} .t_line:before{ left: 0; background-position: left;} .t_line:after{ right: 0; background-position: right;} .img{ position: relative;} .img .mask{ position: absolute; left: 0; right: 0; top: 0; bottom: 0;} .sidebar{ position: fixed; right: -55px; top: 30%; z-index: 2; font-family: "微软雅黑"; display: none;-webkit-transition:all 0.6s ease;transition:all 0.6s ease;} .sidebar .sb-item{ position: relative; width: 70px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; box-shadow: 0px 0px 24px 0px rgba(4, 1, 1, 0.32); cursor: pointer;} .sidebar .sb-item + .sb-item{ margin-top: 5px;} .sidebar .box{ position: relative; right: 0; width: 140px; -webkit-transition: right .5s; -ms-transition: right .5s; transition: right .5s; } .sidebar .pop{ position: absolute; right: 100%; top: 50%; margin-top: -81px; padding: 29px 33px 29px 29px; background: url(../images/png82.png) no-repeat; display: none;} .sidebar .pop .img{ display: block; width: 104px; height: 104px;} .sidebar .ico{ padding: 15px; width: 40px; height: 40px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background: url(../images/opacity-50.png); -webkit-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; } .sidebar .ico img{ display: block; width: 100%;} .sidebar .txt{ width: 70px; height: 70px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-color: #9a2929; color: #fff; line-height: 20px; text-align: center; display: none;} .sidebar .sb-wx:hover .ico{ display: none;} .sidebar .sb-wx:hover .txt{ display: block;} .sidebar .sb-wx:hover .pop{ display: block;} .sidebar.x-show {display:block;} .sidebar:hover {right:0;} .more{ position: relative; display: inline-block; padding: 0 38px; font-family: "微软雅黑"; font-size: 16px; line-height: 1.25;} .more:before, .more:after{ content: ''; position: absolute; top: 0; bottom: 0; width: 20px; background: url(../images/png5.png) no-repeat;} .more.s{ padding: 0 22px; font-size: 14px; line-height: 16px;} .more.s:before, .more.s:after{ width: 16px;} .more.w{ color: #fff;} .more.w:before, .more.w:after{ background-image: url(../images/png31.png);} .more:before{ left: 0; background-position: left top;} .more:after{ right: 0; background-position: right top;} .more.b:before, .more.b:after{ background-image: url(../images/png6.png);} .more.sb{ padding: 0 22px; font-size: 14px; line-height: 16px;} .more.sb:before, .more.sb:after{ width: 16px; background-image: url(../images/png9.png);} .more:hover{ color: #9a2929;} .more:hover:before{ background-position: left bottom;} .more:hover:after{ background-position: right bottom;} .t_more{ position: relative; display: inline-block; padding: 0 22px; font-family: "微软雅黑"; vertical-align: middle;} .t_more:before, .t_more:after{ content: ''; position: absolute; top: 0; bottom: 0; width: 21px; background: url(../images/horn21_b.png) no-repeat;} .t_more:before{ left: 0; background-position: left top;} .t_more:after{ right: 0; background-position: right top;} .t_more:hover{ color: #9a2929;} .t_more:hover:before{ background-position: left bottom;} .t_more:hover:after{ background-position: right bottom;} .t_more.b14, .t_more.w14, .t_more.bg14, .t_more.by14{ padding: 0 22px;} .t_more.b14:before, .t_more.b14:after{ width: 21px; background-image: url(../images/horn21_b.png);} .t_more.w14:before, .t_more.w14:after{ width: 21px; background-image: url(../images/horn21_w.png);} .t_more.bg14:before, .t_more.bg14:after{ width: 21px; background-image: url(../images/horn21_bg.png);} .t_more.by14:before, .t_more.by14:after{ width: 21px; background-image: url(../images/horn21_by.png);} .t_more.b16, .t_more.by16, .t_more.w16{ padding: 0 38px; font-size: 16px;} .t_more.b16:before, .t_more.b16:after{ width: 24px; background-image: url(../images/horn24_b.png);} .t_more.w16:before, .t_more.w16:after{ width: 24px; background-image: url(../images/horn24_w.png);} .t_more.by16:before, .t_more.by16:after{ width: 24px; background-image: url(../images/horn24_by.png);} .t_more.bg14:hover{ color: #3a5748;} .t_more.by16:hover, .t_more.by14:hover{ color: #b99777;} .loader{ display: inline-block; padding-left: 30px; background: url(../images/png38.png) left no-repeat; font-family: "微软雅黑"; font-size: 16px;} .loader:hover{ color: #9a2929;} .txtcenter{ text-align: center;} .bp-border{ position: relative; display: inline-block; padding: 0 10px; font-family: "微软雅黑"; vertical-align: middle; overflow: hidden;} .bp-border:before, .bp-border:after{ content: ''; position: absolute; top: 0; bottom: 0; width: 10px; background: url(../images/png23.png) no-repeat;} .bp-border:before{ left: 0; background-position: left;} .bp-border:after{ right: 0; background-position: right;} .bp-border .bp-inner{ background: url(../images/png25.png) repeat-x; line-height: 48px;} .bp-border.cur, a.bp-border:hover{ color: #fff;} .bp-border.cur:before, .bp-border.cur:after, a.bp-border:hover:before, a.bp-border:hover:after{ background-image: url(../images/png24.png);} .bp-border.cur .bp-inner, a.bp-border:hover .bp-inner{ background-image: url(../images/png26.png);} .screen-mod{ font-family: "微软雅黑";} .screen-mod:after{ content: ''; display: table; clear: both;} .screen-mod .vr, .screen-mod .tab-box{ float: left;} .screen-mod .select-mod, .screen-mod .input, .screen-mod .input-mod{ display: inline-block; vertical-align: middle;} .screen-mod .vr{ margin: 13px 30px; height: 22px; border-left: 1px solid #d8d8d8;} .screen-mod .tab-box{} .screen-mod .select-box{ float: right;} .screen-mod .select-bar{ display: block;} .screen-mod .select-mod{ margin-right: 12px; width: 150px;} .screen-mod .select-btn{ padding: 10px 25px 10px 5px; height: auto; line-height: 2;} .screen-mod .select-btn:after{ height: 28px;} .screen-mod .input-mod{} .screen-mod .input{ margin-right: 12px;} .screen-mod .submit{} .screen-mod .tab-link{ text-align: center;} .screen-mod .tab-link + .tab-link{ margin-left: 12px;} .screen-mod .tab-link .bp-inner{ width: 70px;} .screen-mod .select-cont:before, .screen-mod .select-query:before{ border-color: #d8d8d8;} .screen-mod .input{ width: 290px;} .screen-mod .input input{ display: block; width: 100%; height: 48px;} .screen-mod .input .bp-border{ display: block;} .screen-mod .input .bp-inner{ padding: 0 8px;} .screen-mod .submit{ cursor: pointer;} .screen-mod .submit .bp-inner{ width: 100px;} .screen-mod .submit button{ display: block; width: 100%; cursor: pointer;} /**************************19.7.11 jjl*/ .screen-mod .input input {padding: 0;background: none;} .screen-mod .input.w1 {width: 207px;} .screen-mod .textbox {height: auto !important;width: 100% !important;background: none;border: 0;box-shadow: none;} .screen-mod .textbox .textbox-text {display: block;width: auto;box-shadow: none !important;color: #333;!important;} .screen-mod .textbox .textbox-addon .combo-arrow {background: none;text-align: center;opacity: 1;color: #333;} .screen-mod .textbox:hover .textbox-addon .combo-arrow {color: #909090;} .screen-mod .textbox .textbox-addon .combo-arrow:after {content: '\e824';line-height: 21px;margin: auto;height: 21px;font-family: "xfont" !important;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;} .screen-mod .textbox.textbox-focused .textbox-addon .combo-arrow:after {content: '\e823';} /*19.7.11 jjl**************************************** */ .list-mod1{ overflow: hidden;} .list-mod1 .dl{ padding: 32px 0 12px;} .list-mod1 .dt{ margin-bottom: 19px; font-size: 24px;} .list-mod1 .dd{ margin-left: -15px; overflow: hidden; font-family: "微软雅黑";} .list-mod1 .box{ float: left; margin-bottom: 15px; margin-left: 15px; width: 400px; height: 230px; background-color: #fff; overflow: hidden;} .list-mod1 .xlabel{ position: relative; padding: 22px 0 21px; color: #fff; overflow: hidden;} .list-mod1 .xlabel:before{ content: ''; position: absolute; left: 0; right: 0; top: 50%; border-top: 1px solid #d8d8d8;} .list-mod1 .xlabel:after{ content: ''; position: relative; float: left; width: 22px; height: 23px; background: url(../images/png22.png) no-repeat;} .list-mod1 .xlabel .s{ position: relative; float: left; padding: 1px 12px 1px 15px; background-color: #9a2929;} .list-mod1 .cont{ padding-left:30px; padding-right: 25px; height:130px; position: relative; } .list-mod1 .h16{ margin-bottom: 13px; line-height: 1.375;} .list-mod1 .p{ color: #707070; line-height: 1.5714;} .list-mod1 .h16:hover{ color: #9a2929;} .list-mod1 .t_more{ position: absolute; left:30px; bottom:0; } .list-mod2{ font-family: "微软雅黑";} .list-mod2 .list-link{ position: relative; display: block; padding: 23px 50px 23px 45px; background-color: #fff; overflow: hidden;} .list-mod2 .list-link:after{ content: ''; position: absolute; left: 0; right: 100%; bottom: 0; border-bottom: 2px solid; -webkit-transition: right 0.5s; transition: right 0.5s; } .list-mod2 .list-link + .list-link{ margin-top: 5px;} .list-mod2 .date{ float: right; margin-left: 20px; font-family: Arial;} .list-mod2 .p{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .list-mod2 .list-link:hover{ color: #9a2929;} .list-mod2 .list-link:hover:after{ right: 0;} .list-mod3{ font-family: "微软雅黑";} .list-mod3 .list-item{ padding: 33px 55px 33px 52px; background: url(../images/img27.jpg) no-repeat; overflow: hidden;} .list-mod3 .list-item + .list-item{ margin-top: 15px;} .list-mod3 .img{ float: left; margin-right: 50px; width: 440px; height: 248px;} .list-mod3 .cont{ height: 248px; overflow: hidden;} .list-mod3 .h16{ margin-top: 9px; margin-bottom: 17px;} .list-mod3 .t1{ margin-top: 0px; margin-bottom: 17px;} .list-mod3 .date{ position: relative; margin-bottom: 16px; overflow: hidden;} .list-mod3 .date:before{ content: ''; position: absolute; left: 0; right: 0; top: 50%; border-top: 1px solid #dadada;} .list-mod3 .date .s{ position: relative; float: left; padding-right: 45px; background: #fff url(../images/png33.png) right top no-repeat; font-family: Arial;} .list-mod3 .p{ margin-bottom: 38px;} .list-mod3 .list-item:hover .h16, .list-mod3 .list-item:hover .date{ color: #9a2929;} .list-mod3 .list-item:hover .s{ background-position: right bottom;} .list-mod3 .list-item:hover .date:before{ border-color: #9a2929;} .list-mod3 .list-item:hover .more{ color: #9a2929;} .list-mod3 .list-item:hover .more:before{ background-position: left bottom;} .list-mod3 .list-item:hover .more:after{ background-position: right bottom;} .list-mod4{ font-family: "微软雅黑";} .list-mod4 .list-link{ position: relative; display: block; padding: 23px 30px 23px; border-bottom: 1px dashed #b5b5b5;} .list-mod4 .date{ float: right; margin-left: 20px; font-family: Arial;} .list-mod4 .p{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .list-mod4 .list-link:hover{ color: #9a2929;} .list-mod5{ margin-right: -15px; font-family: "微软雅黑"; overflow: hidden;} .list-mod5 .list-item{ float: left; margin-right: 15px; margin-bottom: 15px; width: 400px; height: 254px; overflow: hidden;} .list-mod5 .img{ float: left; width: 50%;} .list-mod5 .cont{ float: left; width: 50%; height: 100%; background: url(../images/img76.jpg) no-repeat;} .list-mod5 .h16{ padding-top: 32px; margin: 0 28px 15px; line-height: 1.5;} .list-mod5 .p{ margin: 0 28px 37px; line-height: 1.5714;} .list-mod5 .date{ padding: 0 28px; background: url(../images/png42.png) right top no-repeat; font-family: Arial;} .list-mod5 .list-item:hover .h16{ color: #9a2929;} .list-mod5 .list-item:hover .date{ background-position: right bottom; color: #9a2929;} .list-mod6{ font-family: "微软雅黑";} .list-mod6 .list-item{ background-color: #fff;} .list-mod6 .list-item + .list-item{ margin-top: 5px;} .list-mod6 .qa-title{ position: relative; padding: 23px 52px; cursor: pointer;} .list-mod6 .qa-cont{ position: relative; padding: 39px 52px 65px; display: none;} .list-mod6 .list-item:first-child .qa-cont{ display: block;} .list-mod6 .num{ position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 50px; height: 27px; font-family: "impact"; font-size: 18px; text-align: center;} .list-mod6 .kw{ float: right; margin-left: 20px;} .list-mod6 .q{ overflow: hidden;} .list-mod6 .p{} .list-mod6 .p + .p{ margin-top: 22px;} .list-mod6 .t_line{ top: 0; bottom: auto; left: 35px; right: 35px;} .list-mod7{ font-family: "微软雅黑";} .list-mod7 .list-item{ padding: 33px 52px; background: url(../images/img81.jpg) no-repeat; overflow: hidden;} .list-mod7 .list-item + .list-item{ margin-top: 15px;} .list-mod7 .img{ position: relative; float: left; margin-right: 50px;} .list-mod7 .cont{ padding-top: 29px; overflow: hidden;} .list-mod7 .h16{ margin-bottom: 17px;} .list-mod7 .sub{ position: relative; margin-bottom: 16px; overflow: hidden;} .list-mod7 .sub:before{ content: ''; position: absolute; left: 0; right: 0; top: 50%; border-top: 1px solid #dadada;} .list-mod7 .sub .s{ position: relative; float: left; padding-right: 40px; background-color: #fff;} .list-mod7 .sub .s + .s{ padding-right: 45px; background: #fff url(../images/png33.png) right top no-repeat;} .list-mod7 .p{ margin-bottom: 37px;} .list-mod7 .h16:hover{ color: #9a2929;} .list-mod7 .play{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../images/png40.png) center no-repeat;} .list-mod8{ margin-right: -15px; color: #fff; text-align: center; overflow: hidden;} .list-mod8 .list-item{ position: relative; float: left; margin-right: 15px; margin-bottom: 15px; width: 400px;} .list-mod8 .img{ height: 225px;} .list-mod8 .h16{ position: absolute; left: 0; right: 0; bottom: 0; padding: 12px; background: url(../images/opacity-b60.png);} .slot{ position: relative; height: 100%; overflow: hidden;} .slot-track{ position: relative; float: left; width: 4.76%; height: 100%; overflow: hidden;} .slot-track:first-child{ width: 4.8%;} .slot-item{ position: relative; height: 100%;} .slot-item.s1{ background-image: url(../images/c1.png);} .slot-item.s2{ background-image: url(../images/c2.png);} .slot-item.s3{ background-image: url(../images/c3.png);} .slot-item.s4{ background-image: url(../images/c4.png);} .slot-item.s5{ background-image: url(../images/c5.png);} .slot-item.s6{ background-image: url(../images/c6.png);} .slot-item.s7{ background-image: url(../images/c7.png);} .slot-item.s8{ background-image: url(../images/c8.png);} .slot-item.s9{ background-image: url(../images/c9.png);} .slot-item.s10{ background-image: url(../images/c10.png);} .slot-item.s11{ background-image: url(../images/c11.png);} .slot-item.s12{ background-image: url(../images/c12.png);} .slot-item.s13{ background-image: url(../images/c13.png);} .slot-item.s14{ background-image: url(../images/c14.png);} .slot-item.s15{ background-image: url(../images/c15.png);} .slot-item.s16{ background-image: url(../images/c16.png);} .slot-item.s17{ background-image: url(../images/c17.png);} .slot-item.s18{ background-image: url(../images/c18.png);} .slot-item.s19{ background-image: url(../images/c19.png);} .slot-item.s20{ background-image: url(../images/c20.png);} .slot-item.s21{ background-image: url(../images/c21.png);} .slot-item.s22{ background-image: url(../images/c22.png);} .slot-item.s23{ background-image: url(../images/c23.png);} .slot-item.s24{ background-image: url(../images/c24.png);} .slot-item.s25{ background-image: url(../images/c25.png);} .slot-item.s26{ background-image: url(../images/c26.png);} .slot-item.s27{ background-image: url(../images/c27.png);} .slot-item.s28{ background-image: url(../images/c28.png);} .slot-item.s29{ background-image: url(../images/c29.png);} .slot-item.s30{ background-image: url(../images/c30.png);} .slot-item.s31{ background-image: url(../images/c31.png);} .slot-item.s32{ background-image: url(../images/c32.png);} .slot-item.s33{ background-image: url(../images/c33.png);} .slot-item.s34{ background-image: url(../images/c34.png);} .slot-item.s35{ background-image: url(../images/c35.png);} .slot-item.s36{ background-image: url(../images/c36.png);} .slot-item.s37{ background-image: url(../images/c37.png);} .slot-item.s38{ background-image: url(../images/c38.png);} .slot-item.s39{ background-image: url(../images/c39.png);} .slot-item.s40{ background-image: url(../images/c40.png);} .slot-item.s41{ background-image: url(../images/c41.png);} .slot-item.s42{ background-image: url(../images/c42.png);} .fullpage{ color: #fff; } .fullpage .section{ overflow: hidden;} .fullpage .bread-mod{ position: absolute; left: 0; right: 0; top: 130px; z-index: 3;} .home_visibi {visibility:hidden;opacity:0;} .home1{} .home1 .slick-mod, .home1 .slick-mod div{ height: 100%;} .home1 .slick-item{ position: relative;} .home1 .slick-item div{ height: auto;} .home1 .slick-link{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: center bottom no-repeat; background-size: cover;} .home1 .slick-dots{ bottom: 35px;} .home1 .slick-dot{ margin: 0 10px; padding: 0; width: 31px; height: 31px; background: url(../images/png2.png) left no-repeat;} .home1 li.slick-active{ background-position: right; background-color: transparent;} .home1 .cont{ position: absolute; top: 32%; left: 50%; bottom: 18%; margin-left: 21%; color: #d6cbbe; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; writing-mode: tb-rl; } .home1 .cont .h65{ margin-left: 20px; font-size: 65px;} .home1 .cont .p{ font-size: 21px; -webkit-writing-mode: vertical-lr; writing-mode: vertical-lr; writing-mode: tb-lr; } .home1 .cont .p + .p{ margin-right: 27px;} .home1 .cont .date{ margin-right: 33px; font-size: 36px;} .home2{} .home2 .slot{ position: absolute; left: 0; right: 0; top: 0; bottom: 0;} .home2 .slot-item.s1{ bottom: 40%;} .home2 .slot-item.s2{ bottom: 20%;} .home2 .slot-item.s3{ bottom: 72%;} .home2 .slot-item.s4{ bottom: 12%;} .home2 .slot-item.s5{ bottom: 78%;} .home2 .slot-item.s6{ bottom: 22%;} .home2 .slot-item.s7{ bottom: 22%;} .home2 .slot-item.s8{ bottom: 27%;} .home2 .slot-item.s9{ bottom: 46%;} .home2 .slot-item.s10{ bottom: 46%;} .home2 .slot-item.s11{ bottom: 20%;} .home2 .slot-item.s12{ bottom: 12%;} .home2 .slot-item.s13{ bottom: 20%;} .home2 .slot-item.s14{ bottom: 78%;} .home2 .slot-item.s15{ bottom: 37.5%;} .home2 .slot-item.s16{ bottom: 20%;} .home2 .slot-item.s17{ bottom: 20%;} .home2 .slot-item.s18{ bottom: 70%;} .home2 .slot-item.s19{ bottom: 84%;} .home2 .slot-item.s20{ bottom: 20%;} .home2 .slot-item.s21{ bottom: 43%;} .home2 .slot-item.s22{ top: 60%;} .home2 .slot-item.s23{ top: 80%;} .home2 .slot-item.s24{ top: 28%;} .home2 .slot-item.s25{ top: 88%;} .home2 .slot-item.s26{ top: 22%;} .home2 .slot-item.s27{ top: 78%;} .home2 .slot-item.s28{ top: 78%;} .home2 .slot-item.s29{ top: 73%;} .home2 .slot-item.s30{ top: 54%;} .home2 .slot-item.s31{ top: 54%;} .home2 .slot-item.s32{ top: 80%;} .home2 .slot-item.s33{ top: 88%;} .home2 .slot-item.s34{ top: 80%;} .home2 .slot-item.s35{ top: 22%;} .home2 .slot-item.s36{ top: 62.5%;} .home2 .slot-item.s37{ top: 80%;} .home2 .slot-item.s38{ top: 80%;} .home2 .slot-item.s39{ top: 30%;} .home2 .slot-item.s40{ top: 16%;} .home2 .slot-item.s41{ top: 80%;} .home2 .slot-item.s42{ top: 57%;} .home2 .title{ position: absolute; top: 0; bottom: 0; left: 5.8%;} .home2 .title-txt{ position: relative; padding-top: 45px; padding-bottom: 45px; font-size: 30px; white-space: nowrap; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; writing-mode: tb-rl; } .home2 .title-txt:before, .home2 .title-txt:after{ content: ''; position: absolute; left: 0; right: 0; margin: auto; width: 34px; height: 24px; background: url(../images/png3.png) no-repeat;} .home2 .title-txt:before{ top: 0; background-position: left;} .home2 .title-txt:after{ bottom: 0; background-position: right;} .home2 .book{ position: absolute; left: 0; right: 0; top: 50%;} .home2 .book-item{ position: absolute; width: 9.52%; background: center no-repeat; background-size: contain; text-align: center; box-shadow: 0px 0px 38px 0px rgba(4, 1, 1, 0.4); opacity: 0; visibility: hidden;} .home2 .book-item:before{ content: ''; display: block; padding-bottom: 173.92%;} .home2 .book-item.b1{ left: 14.32%; top: 0; margin-top: -110px; background-image: url(../images/b1.png);} .home2 .book-item.b2{ left: 23.84%; top: 0; margin-top: -35px; background-image: url(../images/b2.png);} .home2 .book-item.b3{ left: 28.6%; bottom: 0; margin-bottom: 35px; background-image: url(../images/b3.png);} .home2 .book-item.b4{ left: 38.12%; bottom: 0; margin-bottom: -45px; background-image: url(../images/b4.png);} .home2 .book-item.b5{ left: 38.12%; top: 0; margin-top: 45px; background-image: url(../images/b5.png);} .home2 .book-item.b6{ left: 47.64%; bottom: 0; margin-bottom: -112px; background-image: url(../images/b6.png);} .home2 .book-item.b7{ left: 57.16%; top: 0; margin-top: -110px; background-image: url(../images/b7.png);} .home2 .book-item.b8{ left: 71.44%; bottom: 0; margin-bottom: 8px; background-image: url(../images/b8.png);} .home2 .book-item.b9{ left: 76.2%; top: 0; margin-top: 42px; background-image: url(../images/b9.png);} .home2 .book-item.b10{ left: 85.72%; top: 0; margin-top: -110px; background-image: url(../images/b10.png);} .home2 .book .box{ position: absolute; left: 0; right: 0; top: 15.625%;} .home2 .book .icon{ margin: auto; margin-bottom: 12%; width: 76%;} .home2 .book .icon img{ display: block; width: 100%;} .home2 .book .p{ font-family: "微软雅黑"; font-size: 18px;} .home2 .horns{ position: absolute; left: 0; right: 0; top: 0; bottom: 0;} .home2 .horn{ position: absolute; width: 25px; height: 25px; background: url(../images/png4.png) no-repeat;} .home2 .horn.lt{ left: 0; top: 0; background-position: left top;} .home2 .horn.rt{ right: 0; top: 0; background-position: right top;} .home2 .horn.lb{ left: 0; bottom: 0; background-position: left bottom;} .home2 .horn.rb{ right: 0; bottom: 0; background-position: right bottom;} .home3{} .home3 .bg{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: center no-repeat; background-size: cover;} .home3 .mask{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../images/opacity-b25.png);} .home3 .cont{ position: absolute; left: 0; right: 0; top: 16%; margin: auto; width: 580px; text-align: center;} .home3 .cont .h30{ margin-bottom: 5px; line-height: 40px;} .home3 .cont .h24{ margin-bottom: 20px;} .home3 .cont .h24 .b{ display: inline-block; font-family: impact; font-size: 100px;} .home3 .slot-box{ height: 100%; visibility: hidden;} .home3.fp-completely .slot-box{ visibility: visible;} .home3 .slot-box .slot{ position: absolute; left: 0; right: 0; top: 0; bottom: 0;} .home3 .slot-box .slot:first-child{ top: 0; bottom: 50%;} .home3 .slot-item.s1{ bottom: 44%;} .home3 .slot-item.s2{ bottom: 75%;} .home3 .slot-item.s3{ bottom: 90%;} .home3 .slot-item.s4{ bottom: 86%;} .home3 .slot-item.s5{ bottom: 78%;} .home3 .slot-item.s6{ bottom: 89%;} .home3 .slot-item.s7{ bottom: 92%;} .home3 .slot-item.s8{ bottom: 92%;} .home3 .slot-item.s9{ bottom: 95%;} .home3 .slot-item.s10{ bottom: 94%;} .home3 .slot-item.s11{ bottom: 95%;} .home3 .slot-item.s12{ bottom: 94%;} .home3 .slot-item.s13{ bottom: 96%;} .home3 .slot-item.s14{ bottom: 96%;} .home3 .slot-item.s15{ bottom: 94%;} .home3 .slot-item.s16{ bottom: 90%;} .home3 .slot-item.s17{ bottom: 87%;} .home3 .slot-item.s18{ bottom: 91%;} .home3 .slot-item.s19{ bottom: 82%;} .home3 .slot-item.s20{ bottom: 72%;} .home3 .slot-item.s21{ bottom: 57%;} .home3 .slot-item.s22{ top: 73%;} .home3 .slot-item.s23{ top: 82.5%;} .home3 .slot-item.s24{ top: 92%;} .home3 .slot-item.s25{ top: 89%;} .home3 .slot-item.s26{ top: 91%;} .home3 .slot-item.s27{ top: 78%;} .home3 .slot-item.s28{ top: 89%;} .home3 .slot-item.s29{ top: 95%;} .home3 .slot-item.s30{ top: 91%;} .home3 .slot-item.s31{ top: 93.75%;} .home3 .slot-item.s32{ top: 96.35%;} .home3 .slot-item.s33{ top: 96.35%;} .home3 .slot-item.s34{ top: 93.55%;} .home3 .slot-item.s35{ top: 91%;} .home3 .slot-item.s36{ top: 93.55%;} .home3 .slot-item.s37{ top: 96.35%;} .home3 .slot-item.s38{ top: 93.55%;} .home3 .slot-item.s39{ top: 87.5%;} .home3 .slot-item.s40{ top: 82.5%;} .home3 .slot-item.s41{ top: 73.125%;} .home3 .slot-item.s42{ top: 58.55%;} .home3 .more:hover{ color: #fff;} .home4{ background: url(../images/img3.jpg) center no-repeat; background-size: cover;} .home4 .row{ position: absolute; left: 0; right: 0; top: 20%; text-align: center; color: #333;} .home4 .col{ display: inline-block; width: 27%; vertical-align: top;} .home4 .box{ margin: 0 8%;} .home4 .title{ margin-bottom: 14%; overflow: hidden;} .home4 .title .h30{ position: relative; float: left; padding: 0 32px;} .home4 .title .h30:before, .home4 .title .h30:after{ content: ''; position: absolute; top: 0; bottom: 0; width: 22px; background: url(../images/png7.png) no-repeat;} .home4 .title .h30:before{ left: 0; background-position: left;} .home4 .title .h30:after{ right: 0; background-position: right;} .home4 .title .t_more{ float: right; margin-top: 14px;} .home4 .img{ position: relative; height: 248px; background: center no-repeat; background-size: cover;} .home4 .img .link{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; font-family: "微软雅黑"; color: #fff;} .home4 .img .link:hover{color: #fff !important;;} .home4 .img .h16{ position: absolute; left: 0; right: 0; bottom: 0; padding: 20px; background: url(../images/opacity-b60.png); text-align: left;} .home4 .h16{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .home4 .li{ font-family: "微软雅黑"; text-align: left;} .home4 .li:hover{ color: #9a2929;} .home4 .date{ font-family: Arial; color: #333;} .home4 .ul1{ padding: 37px 0 21px; border-bottom: 1px dashed #b5b5b5;} .home4 .ul1 .li{ overflow: hidden;} .home4 .ul1 .li + .li{ margin-top: 11px;} .home4 .ul1 .date{ float: right; margin-left: 20px;} .home4 .ul1 .h16{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .home4 .ul2{} .home4 .ul2 .li{ padding-bottom: 25px; border-bottom: 1px dashed #b5b5b5;} .home4 .ul2 .li + .li{ margin-top: 28px;} .home4 .ul2 .h16{ margin-bottom: 10px;} .home4 .ul2 .p{ margin-bottom: 15px; height: 42px; overflow: hidden;} .home4 .ul3{ margin-bottom: 27px;} .home4 .ul3 .li{} .home4 .ul3 .li + .li{ margin-top: 15px;} .home4 .ul3 .h16{ margin-bottom: 10px;} .home5{ background: center no-repeat; background-size: cover;} .home5 .h30{ position: absolute; left: 0; right: 0; top: 15.83%; text-align: center;} .home5 .h30 .s{ position: relative; padding: 0 42px; display: inline-block; vertical-align: top;} .home5 .h30 .s:before, .home5 .h30 .s:after{ content: ''; position: absolute; top: 0; bottom: 0; width: 22px; background: url(../images/png8.png) no-repeat;} .home5 .h30 .s:before{ left: 0; background-position: left;} .home5 .h30 .s:after{ right: 0; background-position: right;} .home5 .area{} .home5 .no{ position: absolute; left: 0; bottom: 0; margin-left: 90px; margin-bottom: 100px; color: #fff; white-space: nowrap;} .home5 .map{ position: absolute; top: 22.56%; right: 50%; margin-right: -180px; width: 891px; height: 641px; background: url(../images/png77.png) no-repeat; font-family: "微软雅黑"; font-size: 12px; text-align: center; overflow: hidden;} .home5 .map-point{ position: absolute; cursor: pointer;} .home5 .map-point.p1{ left: 664px; top: 100px;} .home5 .map-point.p2{ left: 656px; top: 160px;} .home5 .map-point.p3{ left: 625px; top: 204px;} .home5 .map-point.p4{ left: 545px; top: 236px;} .home5 .map-point.p5{ left: 572px; top: 255px;} .home5 .map-point.p6{ left: 535px; top: 268px;} .home5 .map-point.p7{ left: 567px; top: 306px;} .home5 .map-point.p8{ left: 615px; top: 352px; width: 1em; line-height: 1;} .home5 .map-point.p9{ left: 642px; top: 384px;} .home5 .map-point.p10{ left: 612px; top: 423px;} .home5 .map-point.p11{ left: 588px; top: 476px;} .home5 .map-point.p12{ left: 650px; top: 502px; width: 1em; line-height: 1; pointer-events: none;} .home5 .map-point.p13{ left: 548px; top: 549px;} .home5 .map-point.p14{ left: 530px; top: 562px;} .home5 .map-point.p15{ left: 469px; top: 605px;} .home5 .map-point.p16{ left: 572px; top: 362px; width: 1em; line-height: 1;} .home5 .map-point.p17{ left: 548px; top: 455px;} .home5 .map-point.p18{ left: 523px; top: 523px;} .home5 .map-point.p19{ left: 500px; top: 276px; width: 1em; line-height: 1;} .home5 .map-point.p20{ left: 509px; top: 350px;} .home5 .map-point.p21{ left: 492px; top: 396px;} .home5 .map-point.p22{ left: 488px; top: 452px;} .home5 .map-point.p23{ left: 431px; top: 521px; max-width:56px;} .home5 .map-point.p24{ left: 440px; top: 350px;} .home5 .map-point.p25{ left: 424px; top: 425px;} .home5 .map-point.p26{ left: 419px; top: 468px;} .home5 .map-point.p27{ left: 372px; top: 228px;} .home5 .map-point.p28{ left: 382px; top: 329px;} .home5 .map-point.p29{ left: 353px; top: 398px;} .home5 .map-point.p30{ left: 315px; top: 503px;} .home5 .map-point.p31{ left: 260px; top: 300px;} .home5 .map-point.p32{ left: 111px; top: 209px;} .home5 .map-point.p33{ left: 134px; top: 375px;} .home5 .map-point.p34{ left: 401px; top: 287px; max-width:56px;} .home5 .map .city{ line-height: 16px;} .home5 .map .pop{ position: absolute; right: -10px; bottom: 100%; padding: 15px 50px 15px 22px; background-color: #b3a087; border-radius: 10px; box-shadow: 0px 0px 13px 0px rgba(4, 1, 1, 0.31); white-space: nowrap; display: none;} .home5 .map .pop:before, .home5 .map .pop:after{ content: ''; position: absolute;} .home5 .map .pop:before{ right: 22px; top: 15px; width: 18px; height: 20px; background: url(../images/png76.png) no-repeat;} .home5 .map .pop:after{ right: 10px; top: 100%; border: 8px solid transparent; border-top-color: #b3a087;} .home5 .map .pop .s{} .home5 .map .pop .s + .s{ margin-left: 15px;} .home5 .map-point.p32 .pop {left:10px;right:inherit;} .home5 .map-point.p32 .pop:after {left:10px;right:inherit;} .home5 .map-point:hover{ z-index: 1;} .home5 .map-point:not(.p12):hover .city{ visibility: hidden;} .home5 .map-point:not(.p12):hover .pop{ display: block;} .home5 .map-cont{ position: absolute; left: 50%; top: 30.625%; margin-left: 227px; padding: 26px 24px 14px 26px; background-color: #9e8c73; box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.48);} .home5 .map-item{ width: 391px; font-family: "微软雅黑"; text-align: center;} .home5 .map-item .h24{ margin-bottom: 22px;} .home5 .tab-bar{ margin-bottom: 8px;} .home5 .tab-track{ display: inline-block; border-bottom: 1px solid #b8a588; vertical-align: bottom; overflow: hidden;} .home5 .tab-term{ position: relative; float: left; margin: 0 8px; padding-bottom: 14px; font-size: 16px; cursor: pointer;} .home5 .tab-term:before{ content: '0'; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; width: 0; border: 12px solid transparent; font-size: 0;} .home5 .tab-term.cur{ color: #ffedcf;} .home5 .tab-term.cur:before{ content: '1'; border-bottom: 9px solid #b8a588;} .home5 .tab-cont{ position: relative;} .home5 .tab-item{ position: absolute; left: 0; top: 0; right: 0; overflow: hidden; opacity: 0; visibility: hidden;} .home5 .tab-item.act{ position: relative; opacity: 1; visibility: visible;} .home5 .total{ position: relative; display: inline-block; padding: 0 42px; vertical-align: top; font-size: 16px;} .home5 .total:before, .home5 .total:after{ content: ''; position: absolute; top: 0; bottom: 0; width: 24px; background: url(../images/png10.png) no-repeat;} .home5 .total:before{ left: 0; background-position: left;} .home5 .total:after{ right: 0; background-position: right;} .home5 .total .b{ padding: 0 10px; font-family: impact; font-size: 30px;} .home5 .tab-item .p_mor{ margin: 0 10px;} .home5 .table{ margin-bottom: 13px; margin-right: -5px; overflow: hidden;} .home5 .td{ float: left; margin-right: 5px; margin-bottom: 5px; padding: 10px 0; width: 127px; background-color: #b3a087;} .home5 .td.h{ padding: 14px 0;} .home5 .td.s{ width: 97px;} .home5 .td.h.s{ padding: 14px 0 35px;} .home5 .td.s .p{ margin: 0 15px;} .home5 .td.l{ width: 157px; padding: 5px 0;} .home5 .td.l .num, .home5 .td.l .p{ display: inline-block; vertical-align: middle;} .home5 .td.l .p{ margin: 0 15px;} .home5 .td .num{ font-family: impact; font-size: 30px;} .home5 .td .p{ margin: 0 25px;} .home5 .td:nth-child(n+9){ width: 157px; padding: 5px 0;} .home5 .td:nth-child(n+9) .num, .home5 .td:nth-child(n+9) .p{ display: inline-block; vertical-align: middle;} .home5 .td:nth-child(n+9) .p{ margin: 0 15px;} .home5 .td:nth-child(8){ width: 97px;} .home5 .td:nth-child(8) .p{ margin: 0 15px;} .home5 .td:nth-child(4),.home5 .td:nth-child(5),.home5 .td:nth-child(6){ padding: 8px 0 0; height:100px;} .home5 .td:nth-child(7),.home5 .td:nth-child(8){ padding: 20px 0 29px;} .home6{ background: url(../images/img8.jpg) center no-repeat; background-size: cover;} .home6 .widget-area-edit {border: 0 !important;} .home6 .tab-cont{ position: absolute; left: 0; top: 0; bottom: 0; right: 100%; visibility: hidden; opacity: 0; -webkit-transition: visibility .3s, opacity .3s, right .8s; -moz-transition: visibility .3s, opacity .3s, right .8s; transition: visibility .3s, opacity .3s, right .8s; } .home6.fp-completely .tab-cont{ right: 50%; visibility: visible; opacity: 1;} .home6 .tab-item{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: center no-repeat; background-size: cover; visibility: hidden; opacity: 0; -webkit-transition: visibility .3s, opacity .3s; -moz-transition: visibility .3s, opacity .3s; transition: visibility .3s, opacity .3s; } .home6 .tab-item.act{ opacity: 1; visibility: visible;} .home6 .title{ position: absolute; top: 0; bottom: 0; left: 13%;} .home6 .title-txt{ position: relative; padding: 45px 2px; width: 1em; font-size: 30px; line-height: 1;} .home6 .title-txt:before, .home6 .title-txt:after{ content: ''; position: absolute; left: 0; right: 0; margin: auto; width: 34px; height: 24px; background: url(../images/png11.png) no-repeat;} .home6 .title-txt:before{ top: 0; background-position: left;} .home6 .title-txt:after{ bottom: 0; background-position: right;} .home6 .tab-bar{ position: absolute; left: 50%; top: 0; bottom: 0; right: 0; color: #333; visibility: hidden; opacity: 0; -webkit-transition: visibility .3s, opacity .3s; -moz-transition: visibility .3s, opacity .3s; transition: visibility .3s, opacity .3s; } .home6.fp-completely .tab-bar{ visibility: visible; opacity: 1;} .home6 .tab-track{ position: absolute; top: 0; bottom: 0; left: 26%; width: 42%;} .home6 .tab-term{ position: relative; display: inline-block; width: 22px; height: 100%; vertical-align: top; cursor: pointer;} .home6 .tab-term a{ -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; writing-mode: tb-rl; } .home6 .tab-term:before{ content: ''; position: absolute; right: 50%; top: 0; bottom: 0; border-left: 1px solid #ccc;} .home6 .tab-term .h16{ position: relative; padding: 25px 0 30px; background: url(../images/png14.png); font-family: "微软雅黑"; font-size: 16px; line-height: 1.375; white-space: nowrap;} .home6 .tab-term .h16:before, .home6 .tab-term .h16:after{ content: ''; position: absolute; left: 0; width: 22px; height: 12px; background: url(../images/png12.png) no-repeat;} .home6 .tab-term .h16:before{ top: 0; background-position: left top;} .home6 .tab-term .h16:after{ bottom: 0; background-position: right top;} .home6 .tab-term.t1 .h16{ top: 40%;} .home6 .tab-term.t2 .h16{ top: 27%;} .home6 .tab-term.t3 .h16{ top: 42%;} .home6 .tab-term.t4 .h16{ top: 36%;} .home6 .tab-term.t5 .h16{ top: 48%;} .home6 .tab-term.t6 .h16{ top: 34%;} .home6 .tab-term.cur, .home6 .tab-term:hover{ color: #9a2929;} .home6 .tab-term.cur:before, .home6 .tab-term:hover:before{ border-color: #9a2929;} .home6 .tab-term.cur .h16:before, .home6 .tab-term:hover .h16:before{ background-position: left bottom;} .home6 .tab-term.cur .h16:after, .home6 .tab-term:hover .h16:after{ background-position: right bottom;} .home6 .p-more{ position: absolute; top: 0; bottom: 0; left: 75%;} .home6 .p-more:before{ content: ''; position: absolute; right: 50%; top: 0; bottom: 0; border-left: 1px solid #ccc;} .home6 .link{ position: relative; padding: 35px 4px; width: 1em; background: url(../images/png14.png); font-family: "微软雅黑"; font-size: 16px; line-height: 1;} .home6 .link:before, .home6 .link:after{ content: ''; position: absolute; width: 20px; height: 20px; background: url(../images/png13.png) no-repeat;} .home6 .link:before{ left: 0; top: 0; background-position: left;} .home6 .link:after{ right: 0; bottom: 0; background-position: right;} .home7{ background: url(../images/img9.jpg) center no-repeat; background-size: cover;} .home7 .img{ position: absolute; overflow: hidden; visibility: hidden; opacity: 0; -webkit-transition: visibility .3s, opacity .3s; -moz-transition: visibility .3s, opacity .3s; transition: visibility .3s, opacity .3s; } .home7.fp-completely .img{ visibility: visible; opacity: 1;} .home7 .img.i1{ top: 0; right: 50%; margin-right: -95px; width: 990px; height: 472px;} .home7 .img.i2{ bottom: 0; left: 50%; margin-left: -260px; width: 1222px; height: 540px;} .home7 .img img{ display: block; width: 100%;} .home7 .cont{ position: absolute; width: 530px;} .home7 .cont.c1{ left: 50%; top: 15%; margin-left: 15%; text-align: right;} .home7 .cont.c2{ right: 50%; bottom: 12%; margin-right: 15%;} .home7 .cont .h30{ margin-bottom: 25px; line-height: 44px;} .home7 .cont .h30:before, .home7 .cont .h30:after{ content: ''; display: inline-block; width: 22px; height: 44px; vertical-align: top; background: url(../images/png8.png) no-repeat;} .home7 .cont .h30:before{ background-position: left; margin-right: 18px;} .home7 .cont .h30:after{ background-position: right; margin-left: 18px;} .home7 .cont .p{ margin-bottom: 30px; font-family: "微软雅黑";text-align:justify; text-justify: inter-ideograph;} .home7 .cont .more{} .home8{} .home8 .right{ float: left; width: 16.66%; height: 100%;} .home8 .right .list-item {width:100%;} .home8 .right-item{ position: relative; float: left; width: 50%; height: 100%; background: left no-repeat; background-size: cover; -webkit-transition: width .5s; -ms-transition: width .5s; transition: width .5s; } .home8 .list{ overflow: hidden; height: 100%;} .home8 .list-item{ position: relative; float: left; width: 20%; height: 100%; background: center no-repeat; background-size: cover; -webkit-transition: width .5s; -ms-transition: width .5s; transition: width .5s; } .home8 .list-item { background-position: left;} .home8 .title-txt{ position: relative; display: inline-block; padding: 40px 0; width: 1em; font-size: 26px; line-height: 1;} .home8 .title-txt:before, .home8 .title-txt:after{ content: ''; position: absolute; left: 0; right: 0; margin: auto; width: 32px; height: 22px; background: url(../images/png17.png) no-repeat;} .home8 .title-txt:before{ top: 0; background-position: left;} .home8 .title-txt:after{ bottom: 0; background-position: right;} .home8 .cont{ position: absolute; left: 50%; top: 26%; margin-left: -15px; width: 30px; -webkit-writing-mode: vertical-lr; writing-mode: vertical-lr; writing-mode: tb-lr; } .home8 .link{ position: relative; display: inline-block; padding: 35px 4px; width: 1em; font-family: "微软雅黑"; font-size: 16px; line-height: 1;} .home8 .link:before, .home8 .link:after{ content: ''; position: absolute; width: 20px; height: 20px; background: url(../images/png5.png) no-repeat;} .home8 .link:before{ left: 0; top: 0; background-position: left;} .home8 .link:after{ right: 0; bottom: 0; background-position: right;} .home8 .link:hover{ color: #9a2929;} .home8 .link:hover:before, .home8 .link:hover:after{ background-image: url(../images/png84.png);} .home8 .dot{ display: inline-block; margin: 15px; height: 90px; border-left: 1px dotted;} .home8 .h30{ position: absolute; left: 12.5%; top: 26%; width: 30px; line-height: 1; -webkit-writing-mode: vertical-lr; writing-mode: vertical-lr; writing-mode: tb-lr; -webkit-transition: left .5s, margin .3s; -ms-transition: left .5s, margin .3s; transition: left .5s, margin .3s; font-size: 26px; } /*.home8 .right .cont{ left: 18%; margin-left: 0;}*/ .home8 .right .dot{ margin: 15px 0;} .home8 .l1 .h30{ color: #f0e5d8;} .home8 .l2 .h30{ color: #c3b09a;} .home8 .l3 .h30{ color: #9e8f8f;} .home8 .right-item.cur{ width: 80%; background-position: center;} .home8 .right-item.sib{ width: 20%;} .home8 .list-item.cur{ width: 44%; background-position: center;} .home8 .list-item.sib{ width: 12%;} .home8 .list-item.sib .h30{ left: 50%; margin-left: -15px;} .mechanism1{} .mechanism1 .list-mod1{ margin-bottom: 90px;} .policy1{ padding-bottom: 100px;} .policy1 .t_head{ margin-bottom: 35px;} .policy1 .screen-mod{ margin-bottom: 37px;} .policy1 .list-mod2{ margin-bottom: 36px;} .information1{ padding-bottom: 58px;} .information1 .t_head{ padding-bottom: 34px;} .block-mod1{ height: 347px; font-family: "微软雅黑"; overflow: hidden;} .block-mod1 .tab-cont, .block-mod1 .tab-bar{ float: left; width: 50%; height: 100%;} .block-mod1 .tab-cont{ overflow: hidden;} .block-mod1 .tab-bar{ background: url(../images/img19.jpg) no-repeat;} .block-mod1 .tab-item{ display: none;} .block-mod1 .tab-item.act{ display: block;} .block-mod1 .tab-term{ margin-left: 60px; margin-right: 60px; color: #fff;} .block-mod1 .tab-term:first-child{ margin-top: 40px;} .block-mod1 .tab-term + .tab-term{ margin-top: 21px;} .block-mod1 .img{ overflow: hidden;} .block-mod1 .img img{ display: block; width: 100%;} .block-mod1 .cont{ position: relative; padding-bottom: 29px; display: none;} .block-mod1 .cont:after{ content: ''; position: absolute; left: 0; right: 0; bottom: 7px; height: 1px; background: url(../images/png29.png) repeat-x;} .block-mod1 .h16{ margin-bottom: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .block-mod1 .h16:hover{ color:#c0a890;} .block-mod1 .p{ margin-bottom: 14px; line-height: 1.5714;} .block-mod1 .date{ font-family: Arial;} .block-mod1 .tab-term.cur .cont{ display: block;} .information2{ padding-bottom: 56px;} .information2 .t_head{ padding-bottom: 34px;} .information2 .block-mod2{ margin-bottom: 34px;} .block-mod2{ height: 422px; font-family: "微软雅黑"; color: #fff;} .block-mod2 .block-item{ float: left; width: 595px; height: 100%; background: url(../images/img20.jpg) no-repeat;} .block-mod2 .block-item + .block-item{ margin-left: 40px;} .block-mod2 .title{ margin-left: 65px; margin-right: 65px; margin-bottom: 21px; padding-top: 48px; overflow: hidden;} .block-mod2 .h24{ float: left;} .block-mod2 .t_more{ float: right;} .block-mod2 .ul{ margin-left: 65px; margin-right: 65px;} .block-mod2 .li{ position: relative;} .block-mod2 .li + .li{ margin-top: 23px; padding-top: 27px;} .block-mod2 .li + .li:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: url(../images/png30.png) repeat-x;} .block-mod2 .h16{ margin-bottom: 6px; line-height: 1.5;} .block-mod2 .h16:hover{ color: #9a2929;} .information3{ padding-bottom: 56px;} .information3 .t_head{ padding-bottom: 34px;} .information3 .block-mod3{ margin-bottom: 34px;} .block-mod3{ position: relative; font-family: "微软雅黑"; text-align: center; overflow: hidden;} .block-mod3 .slick-mod{ margin-right: -15px;} .block-mod3 .slick-slide{ margin-right: 15px;} .block-mod3 .slick-arrow{ top: 87px;} .block-mod3 .slick-next{ right: 15px;} .block-mod3 .img{ height: 225px;} .block-mod3 .img img{ display: block; width: 100%;} .block-mod3 .cont{ padding: 28px 30px 26px; background-color: #fff;} .block-mod3 .h16{ margin-bottom: 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .block-mod3 .date{ font-family: Arial;} .block-mod3 .slick-item:hover{ color: #9a2929;} .information4{ padding-bottom: 100px;} .information4 .t_head{ padding-bottom: 34px;} .information4 .block-mod4{ margin-bottom: 35px; color: #fff;} .block-mod4{ position: relative; height: 524px; background: url(../images/img24.jpg) no-repeat; font-family: "微软雅黑"; overflow: hidden;} .block-mod4 .block-item{ position: relative; margin: 0 65px;} .block-mod4 .block-item:first-child{ margin-top: 43px;} .block-mod4 .block-item + .block-item{ margin-top: 21px; padding-top: 28px;} .block-mod4 .block-item + .block-item:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: url(../images/png30.png) repeat-x;} .block-mod4 .h16{ margin-bottom: 19px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .block-mod4 .h16:hover{ color: #9a2929;} .block-mod4 .p{ margin-bottom: 13px;} .block-mod4 .date{ font-family: Arial;} .dynamic1{ padding-bottom: 100px;} .dynamic1 .t_head .h30{ margin-bottom: 32px;} .dynamic1 .t_head .tab-link{ margin: 0 18px;} .dynamic1 .t_head .bp-inner{ width: 170px;} .dynamic1 .list-mod3{ margin-bottom: 35px;} .newsdetails1{ margin-bottom: 26px;} .newsdetails1 .video-js {margin: 0 auto;} .newsdetails1 .vjs-default-skin .vjs-big-play-button {left:50%;top:50%;margin: -42px 0 0 -63px;} .newPage{ padding:0 0 50px; border-bottom:1px solid #ccc; } .newsdetails2{ padding-bottom: 100px;} .newsdetails2 .title{ position: relative; padding-bottom: 24px;} .newsdetails2 .t_line:before, .newsdetails2 .t_line:after{ background-image: url(../images/png20.png);} .ally1{ padding: 60px 0 98px;} .ally1 .fr_txt {text-align: right;padding-bottom: 15px;} .ally1 .table{ margin-bottom: 35px; background: url(../images/img30.jpg) center top no-repeat; font-family: "微软雅黑"; text-align: center; padding-bottom: 1px; border-bottom: 1px dashed #b5b5b5;} .ally1 .table table{ width: 100%;} .ally1 .table thead{} .ally1 .table tr{} .ally1 .table tbody tr + tr{ border-top: 1px dashed #b5b5b5;} .ally1 .table th{ height: 68px; font-size: 16px; font-weight: normal; color: #fff;} .ally1 .table td{ height: 66px; box-sizing: border-box;} .ally1 .table .en{ font-family: Arial;} .ally1 .table tr:hover{ color: #415568;} .article-mod1{ font-family: "微软雅黑";text-indent: 2em;} .article-mod1 .article-title{ position: relative; padding-top: 40px; padding-bottom: 26px; text-align: center;} .article-mod1 .article-title .h24{ margin-bottom: 15px;line-height: 1.6} .article-mod1 .article-title .h16{ margin-bottom: 37px;} .article-mod1 .article-title .h22{ margin-bottom: 37px;} .article-mod1 .article-title .sub{ white-space: nowrap;} .article-mod1 .article-title .sub-item{ position: relative; padding-left: 20px;} .article-mod1 .article-title .sub-item + .sub-item{ margin-left: 75px;} .article-mod1 .article-title .ico{ position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 14px; height: 14px;} .article-mod1 .article-title .en{ font-family: Arial;} .article-mod1 .article-cont{ position: relative; padding: 20px 30px 57px; line-height: 1.7142;font-size: 16px;} .article-mod1 .article-cont p {margin-bottom: 15px;} .article-mod1 .article-cont p:last-child {margin-bottom:0;} .article-cont table{ display:block; margin:0 auto; border:0 !important; } .article-mod1 .article-cont .imgs{ margin-bottom: 45px; overflow: hidden;} .article-mod1 .article-cont .img{ float: left; width: 578px; height: 325px; overflow: hidden;} .article-mod1 .article-cont .img + .img{ float: right;} .article-mod1 .article-cont .img img{ display: block; width: 100%;} .article-mod1 .article-cont img,.article-mod1 .article-cont video{ max-width: 100%; height: auto !important;margin-left: -2em;} .article-mod1 .article-nav{ padding: 27px 30px; overflow: hidden;} .article-mod1 .article-nav .more{ float: left;} .article-mod1 .article-nav .author{ float: right;} .article-mod2{} .article-mod2 .t_head{ padding: 36px 0 32px;} .article-mod2 .table{ margin-bottom: 40px; border-top: 1px dashed #b5b5b5; font-family: "微软雅黑"; overflow: hidden;} .article-mod2 .table table{ width: 100%;} .article-mod2 .table tr{ border-bottom: 1px dashed #b5b5b5;} .article-mod2 .table td{ width: 50%;} .article-mod2 .table .p{ padding: 19px 30px; font-size: 18px;} .article-mod2 .slick-wrap{ overflow: hidden; position: relative;} .article-mod2 .slick-arrow{ top: 298px; } .article-mod2 .slick-prev{ left: 53px;} .article-mod2 .slick-next{ right: 53px;} .article-mod2 .slick-item {text-align:center; } .article-mod2 .slick-item img {display:inline-block;max-width:100%;max-height:100%;vertical-align:middle;width:auto;} .article-mod2 .image{ position: relative; margin-bottom: 15px; padding: 60px 154px 0; background:url(../images/bg1.jpg) no-repeat 0 0; background-size: 100% 100%; } .article-mod2 .image:before, .article-mod2 .image:after{ content: ''; position: absolute; top: 0; bottom: 0; width: 154px; } .article-mod2 .image:before{ left: 0; } .article-mod2 .image:after{ right: 0; } .article-mod2 .image .slick-item {} .article-mod2 .thumb .slick-item {height:131px;} .article-mod2 .image .slick-item .img{ font-size: 0; letter-spacing: -1.5em; height:520px; } .article-mod2 .image .slick-item .img:after{ content: '0'; display: inline-block; vertical-align: middle; height: 100%; font-size: 0;} .article-mod2 .thumb .slick-item{ font-size: 0; letter-spacing: -1.5em;} .article-mod2 .thumb .slick-item:after{ content: '0'; display: inline-block; vertical-align: middle; height: 100%; font-size: 0;} .article-mod2 .thumb{ margin-right: -15px;} .article-mod2 .thumb .slick-slide{ margin-right: 15px;} .article-mod2 .thumb .slick-item{ position: relative; cursor: pointer;} .article-mod2 .thumb .slick-item:after{ content: '0';position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../images/png44.png) no-repeat; font-size: 0; display: none;background-size: 100% 100%; } .article-mod2 .thumb .slick-current .slick-item:after{ content: '1'; display: block;} .article-mod2 .article-cont{ padding: 35px 30px 95px; font-family: "微软雅黑";} .article-mod2 .article-cont .p{} .article-mod2 .article-cont .p + .p{ margin-top: 21px;} .article-mod2 .image .slick-item .p{ color:#fff; text-align:left; font-size:22px; line-height:1.5em; max-height:3em; margin-bottom:50px; overflow: hidden; padding-right:100px; margin-top:20px; } .slick_pages{ position:absolute; right:150px; top:605px; color:#fff; font-size:22px; font-family:"arial"; } .exhibition1{ padding-bottom: 57px;} .exhibition1 .slick-item .img {height:342px;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;vertical-align:middle;max-width:100%;max-height:100%;width:auto;} .exhibition1 .slick-wrap{ height: 342px;} .exhibition1 .slick-arrow{ background-image: url(../images/png43.png);} .exhibition1 .image{ float: left; width: 608px;} .exhibition1 .cont{ float: right; width: 610px; height: 342px; background: url(../images/img44.jpg) no-repeat; color: #fff;} .exhibition1 .cont .slick-mod{ margin: 0 55px;} .exhibition1 .cont .slick-item{ font-family: "微软雅黑";} .exhibition1 .cont .slick-nav{ position: relative; margin: 0 65px 0 40px; background: url(../images/png39.png) right no-repeat; overflow: hidden;} .exhibition1 .cont .slick-arrow{ position: static; float: left;} .exhibition1 .cont .slick-next{ margin-left: 20px;} .exhibition1 .cont .t_head{ padding: 66px 55px 27px; text-align: left;} .exhibition1 .cont .t_head .h30::before, .exhibition1 .cont .t_head .h30::after{ background-image: url(../images/png8.png);} .exhibition1 .cont .h20{ margin-bottom: 15px;} .exhibition1 .cont .p{ margin-bottom: 33px;} .exhibition2{ padding-bottom: 100px; text-align: center; overflow: hidden;} .exhibition2 .t_head{ padding-bottom: 34px;} .exhibition2 .list{ margin-right: -14px; font-family: "微软雅黑"; overflow: hidden;} .exhibition2 .list-item{ float: left; margin-bottom: 15px; margin-right: 14px; width: 608px; height: 400px;} .exhibition2 .img{ margin-bottom: 15px; height: 342px; overflow: hidden;} .exhibition2 .p{ font-size: 16px;} .exhibition2 .list-item:hover{ color: #9a2929;} .movies1{ padding-bottom: 100px;} .movies1 .t_head{ margin-bottom: 35px; padding: 36px 0 46px;} .movies1 .screen-mod{ margin-bottom: 40px;} .movies1 .screen-mod .tab-box{ float: left;} .movies1 .screen-mod .select-box{ float: right;} .movies1 .screen-mod .bp-inner{ width: 100px;} .movies1 .screen-mod .submit button{ width: 100px;} .movies1 .waterfall{ font-family: "微软雅黑"; overflow: hidden;} .movies1 .waterfall .play{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../images/png40.png) center no-repeat;} .movies1 .waterfall .img{ position: relative; overflow: hidden;} .movies1 .waterfall .img img{ display: block; width: 100%;} .movies1 .waterfall .cont{ padding: 27px 35px; background-color: #fff;} .movies1 .waterfall .h16{ margin-bottom: 15px;} .movies1 .waterfall .p{} .movies1 .wf-width{ width: 400px;} .movies1 .wf-space{ width: 15px;} .movies1 .wf-item{ width: 400px; margin-bottom: 22px; opacity: 0; overflow: hidden; -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); } .movies1 .waterfall.show .wf-item{ opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .movies1 .wf-item:hover{ color: #9a2929;} .movies2{ padding-bottom: 100px;} .movies2 .t_head{ margin-bottom: 35px; padding: 36px 0 46px;} .movies2 .screen-mod{ margin-bottom: 40px;} .movies2 .screen-mod .tab-box{ float: left;} .movies2 .screen-mod .select-box{ float: right;} .movies2 .screen-mod .bp-inner{ width: 100px;} .movies2 .screen-mod .submit button{ width: 100px;} .movies2 .waterfall{ margin-bottom: 15px; font-family: "微软雅黑"; overflow: hidden;} .movies2 .waterfall .play{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../images/png40.png) center no-repeat;} .movies2 .waterfall .img{ position: relative; height: 224px; overflow: hidden;} .movies2 .waterfall .img img{ display: block; width: 100%;} .movies2 .waterfall .cont{ padding: 27px 35px; background-color: #fff;} .movies2 .waterfall .h16{ margin-bottom: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .movies2 .waterfall .p{ height: 3em; overflow: hidden;} .movies2 .wf-item{ float: left; width: 400px; height: 355px; margin-bottom: 20px; margin-left: 15px; overflow: hidden;} .movies2 .wf-item:nth-child(3n+1){ margin-left: 0;} .movies2 .wf-item:hover{ color: #9a2929;} .resource1{ padding-bottom: 100px;} .resource1 .t_head{ padding: 36px 0 40px;} .resource1 .waterfall{ font-family: "微软雅黑"; overflow: hidden;} .resource1 .waterfall .play{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../images/png40.png) center no-repeat;} .resource1 .waterfall .img{ position: relative; overflow: hidden;} .resource1 .waterfall .img img{ display: block; width: 100%;} .resource1 .waterfall .cont{ padding: 27px 35px; background-color: #fff; text-align: center;} .resource1 .waterfall .h16{ margin-bottom: 8px;} .resource1 .waterfall .date{ font-family: Arial;} .resource1 .wf-width{ width: 400px;} .resource1 .wf-space{ width: 15px;} .resource1 .wf-item{ width: 400px; margin-bottom: 22px; opacity: 0; overflow: hidden; -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); } .resource1 .waterfall.show .wf-item{ opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .resource1 .wf-item:hover{ color: #9a2929;} .learning1{ margin-bottom: 56px;} .learning1 .t_head{ padding-bottom: 34px;} .block-mod5{ margin-bottom: 35px; padding: 19px 30px; background: url(../images/img63.jpg) no-repeat; font-family: "微软雅黑"; color: #fff; overflow: hidden;} .block-mod5 .block-item{ float: left; width: 50%;} .block-mod5 .pad{ margin: 0 30px; padding: 26px 0 23px;} .block-mod5 .block-item + .block-item .pad{ border-top: 1px dashed #e5dbd1;} .block-mod5 .block-item:first-child + .block-item .pad{ border-top: none;} .block-mod5 .h16{ margin-bottom: 13px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .block-mod5 .date{ font-family: Arial;} .block-mod5 .h16:hover{ color: #9a2929;} .learning2{ margin-bottom: 56px;} .learning2 .t_head{ padding-bottom: 34px;} .learning2 .block-mod6{ margin-bottom: 34px;} .block-mod6{ height: 347px; font-family: "微软雅黑"; color: #fff;} .block-mod6 .block-item{ position: relative; float: left; width: 50%; height: 100%;} .block-mod6 .block-item + .block-item{ background: url(../images/img19.jpg) no-repeat;} .block-mod6 .date{ font-family: Arial;} .block-mod6 .img{ } .block-mod6 .img img{ display: block; width: 100%;} .block-mod6 .info{ position: absolute; left: 0; right: 0; bottom: 0; padding: 12px 40px; background: url(../images/opacity-b60.png); overflow: hidden;} .block-mod6 .info .date{ float: right; margin-left: 20px;} .block-mod6 .info .p{ overflow: hidden; font-size: 16px; white-space: nowrap; text-overflow: ellipsis;} .block-mod6 .list{ padding: 12px 60px;} .block-mod6 .list-item{ padding: 27px 0 21px;} .block-mod6 .list-item + .list-item{ background: url(../images/png29.png) repeat-x;} .block-mod6 .list .h16{ margin-bottom: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .block-mod6 .list .p{ margin-bottom: 14px;} .block-mod6 .list .date{} .block-mod6 .list .h16:hover{color:#c0a890;} .learning3{ padding-bottom: 100px;} .learning3 .t_head{ padding-bottom: 35px;} .learning3 .block-mod7{ margin-bottom: 34px;} .block-mod7{ font-family: "微软雅黑"; color: #fff; overflow: hidden;} .block-mod7 .block-item{ position: relative; float: left; width: 234px; height: 296px;} .block-mod7 .block-item + .block-item{ margin-left: 15px;} .block-mod7 .img{} .block-mod7 .img img{ display: block; width: 100%;} .block-mod7 .info{ position: absolute; left: 0; right: 0; bottom: 0; padding: 15px 25px 13px; background: url(../images/opacity-b60.png); font-size: 16px;} .block-mod7 .mask{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 40px 0; background: url(../images/img69.jpg) no-repeat; visibility: hidden; opacity: 0; -webkit-transition: visibility .5s, opacity .5s; -moz-transition: visibility .5s, opacity .5s; transition: visibility .5s, opacity .5s; } .block-mod7 .h16{ margin: 0 25px 17px; line-height: 1.5;} .block-mod7 .p{ margin: 0 25px 22px; height: 110px; line-height: 1.5714;} .block-mod7 .date{ padding: 0 25px; background: url(../images/png41.png) right no-repeat; font-family: Arial;} .block-mod7 .block-item:hover .mask{ visibility: visible; opacity: 1;} .interview1{ padding-bottom: 100px; overflow: hidden;} .interview1 .t_head{ padding-bottom: 34px;} .interview1 .list-mod5{ margin-bottom: 20px;} .knowledge1{ padding-bottom: 100px;} .knowledge1 .t_head .tab-box{ margin-top: 33px;} .knowledge1 .t_head .tab-link{ margin: 0 18px; cursor: pointer;} .knowledge1 .t_head .bp-inner{ width: 170px;} .knowledge1 .tab-bar{} .knowledge1 .tab-box{} .knowledge1 .tab-term{} .knowledge1 .tab-term.cur{} .knowledge1 .tab-cont{} .knowledge1 .tab-item{ display: none;} .knowledge1 .tab-item.act{ display: block;} .openclass1{ padding-bottom: 100px;} .openclass1 .t_head{ padding-bottom: 34px;} .openclass1 .list-mod7{ margin-bottom: 35px;} .directorydetails1{} .directorydetails1 .t_head{ padding: 75px 0 36px;} .directorydetails1 .section1{ height: 404px; color: #fff; overflow: hidden;} .directorydetails1 .slick-wrap{ position: relative; float: left; width: 50%; height: 100%; background: url(../images/img83.jpg) no-repeat;} .directorydetails1 .slick-wrap .slick-mod {height:100%;} .directorydetails1 .slick-wrap .slick-item {height:100%;text-align:center;} .directorydetails1 .slick-slider .slick-track, .directorydetails1 .slick-slider .slick-list {height:100%;} .directorydetails1 .slick-initialized .slick-slide {height:100%;} .directorydetails1 .slick-initialized .slick-slide div {height:100%;} .directorydetails1 .slick-initialized .slick-slide img {display:inline-block;max-height:100%;max-width:100%;} .directorydetails1 .slick-nav{ position: absolute; left: 0; bottom: 0; padding: 12px 40px; background: url(../images/opacity-b60.png);} .directorydetails1 .slick-arrow{ top: 0; bottom: 0; width: 25px; height: 44px; background-image: url(../images/png48.png); opacity: 1;} .directorydetails1 .slick-arrow:hover{ background-image: url(../images/png49.png);} .directorydetails1 .slick-prev{ left: 15px;} .directorydetails1 .slick-next{ right: 15px;} .directorydetails1 .slick-paging{ font-family: Arial;} .directorydetails1 .info-wrap{ position: relative; float: left; width: 50%; height: 100%; background: url(../images/img83.jpg) no-repeat; font-family: "微软雅黑";} .directorydetails1 .box{ position: absolute; left: 40px; top: 90px; bottom: 0; right: 0; text-align: center; overflow: hidden;} .directorydetails1 .dl{ position: relative; float: left; width: auto; height: 100%; color: #a2adb6; white-space: nowrap; } .directorydetails1 .dl + .dl{ margin-left: 20px;} .directorydetails1 .dl:before, .directorydetails1 .dl:after{ content: ''; position: absolute; left: 50%; opacity: 0.5; filter: alpha(opacity=50);} .directorydetails1 .dl:before{ top: 0; left: 41px; margin-left: -8px; width: 17px; height: 25px; background: url(../images/png50.png) no-repeat;} .directorydetails1 .dl:after{ top: 25px; bottom: 0; left: 41px; border-left: 1px solid #fff;} .directorydetails1 .dl:hover{ color: #fff;} .directorydetails1 .dl:hover:before, .directorydetails1 .dl:hover:after{ opacity: 1; filter: alpha(opacity=100);} .directorydetails1 .dt, .directorydetails1 .dd{ display: inline-block; padding-top: 40px; line-height: 40px; word-break: break-all; vertical-align: top;white-space: normal;padding: 40px 12.4px 0;line-height:1;text-align:left; width: 16px; /* -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; writing-mode: tb-rl; */ } .directorydetails1 .dt{ font-size: 16px;} .directorydetails1 .dd{} .directorydetails1 .section2{ position: relative; padding-top: 74px; font-family: "微软雅黑";} .directorydetails1 .section2:before{ content: ''; position: absolute; left: 26px; top: 0; bottom: 0; border-left: 1px solid #d8d8d8;} .directorydetails1 .useless{ position: relative; margin-left: 26px;} .directorydetails1 .useless:before, .directorydetails1 .useless:after{ content: ''; position: absolute; background: no-repeat;} .directorydetails1 .useless:before{ top: 0; left: 18px; width: 17px; height: 25px; background-image: url(../images/png53.png);} .directorydetails1 .useless:after{ bottom: 0; left: 17px; width: 15px; height: 15px; background-image: url(../images/png52.png);} .directorydetails1 .unit{ position: relative; padding-top: 45px;} .directorydetails1 .title{ position: relative; padding-left: 83px; padding-bottom: 22px; background: url(../images/png51.png) right bottom no-repeat;} .directorydetails1 .no{ position: absolute; left: 0; top: 50%; margin-top: -70px; padding: 25px 0 35px; background: url(../images/png14.png); font-family: impact; font-size: 60px; color: #415568;} .directorydetails1 .no:before, .directorydetails1 .no:after{ content: ''; position: absolute; background: no-repeat;} .directorydetails1 .no:before{ top: 0; left: 19px; width: 15px; height: 15px; background-image: url(../images/png52.png);} .directorydetails1 .no:after{ bottom: 0; left: 18px; width: 17px; height: 25px; background-image: url(../images/png53.png);} .directorydetails1 .t_more{ float: right;} .directorydetails1 .h24{ overflow: hidden;} .directorydetails1 .cont{ padding: 26px 0 47px 83px;} .directorydetails1 .cont .p{ line-height: 1.5714;font-size:16px;} .directorydetails1 .list{ padding: 30px 0 100px 83px; overflow: hidden;} .directorydetails1 .list-item{ position: relative; float: left; width: 372px;} .directorydetails1 .list-item + .list-item{ margin-left: 15px;} .directorydetails1 .img{ height: 210px; overflow: hidden;} .directorydetails1 .img img{ display: block; width: 100%;} .directorydetails1 .list .p{ position: absolute; left: 0; right: 0; bottom: 0; padding: 12px; background: url(../images/opacity-b60.png); font-size: 16px; text-align: center; color: #fff;} .block-mod8{ height: 850px; overflow: hidden;} .block-mod8 .block-item{ position: relative; float: left; width: 50%; height: 100%; background: url(../images/img88.jpg) center no-repeat; background-size: cover;} .block-mod8 .img{} .block-mod8 .title{ position: absolute; left: 78px; top: 255px; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; writing-mode: tb-rl; } .block-mod8 .title .h30{ position: relative; display: inline-block; padding: 40px 0; width: 1em; font-size: 30px; line-height: 1;} .block-mod8 .title .h30:before, .block-mod8 .title .h30:after{ content: ''; position: absolute; left: 0; right: 0; margin: auto; width: 32px; height: 22px; background: url(../images/png17.png) no-repeat;} .block-mod8 .title .h30:before{ top: 0; background-position: left;} .block-mod8 .title .h30:after{ bottom: 0; background-position: right;} .block-mod8 .title .dot{ display: inline-block; margin: 30px 0; height: 80px; border-left: 1px dotted;} .block-mod8 .list{ position: relative; margin-left: 162px; height: 100%; overflow: hidden;} .block-mod8 .list:after{ content: ''; position: absolute; left: 518px; top: 0; bottom: 0; width: 98px; background: url(../images/png55.png) bottom no-repeat;} .block-mod8 .list-item{ position: relative; float: left; padding-top: 25px; padding-right: 25px; height: 100%; font-size: 16px; color: #9da4ac;} .block-mod8 .list-item + .list-item{ margin-left: 32px;} .block-mod8 .list-item:before, .block-mod8 .list-item:after{ content: ''; position: absolute;} .block-mod8 .list-item:before{ top: 0; right: 0; width: 17px; height: 25px; background: url(../images/png54.png) no-repeat;} .block-mod8 .list-item:after{ top: 25px; right: 8px; bottom: 0; border-left: 1px solid #fff; opacity: 0.2; filter: alpha(opacity=20);} .block-mod8 .list-item:hover{ color: #fff;} .block-mod8 .list-item.l1{ top: 276px;} .block-mod8 .list-item.l2{ top: 250px;} .block-mod8 .list-item.l3{ top: 326px;} .block-mod8 .list-item.l4{ top: 276px;} .block-mod8 .list-item.l5{ top: 250px;} .block-mod8 .list-item.l6{ top: 326px;} .block-mod8 .list-item a, .block-mod8 .list-item .link{ display: block; width: 1.5em; line-height: 1; word-break: break-all; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; writing-mode: tb-rl; } .directory1{ padding: 98px 0 100px; font-family: "微软雅黑"; color: #333; overflow: hidden;} .directory1 .title{ margin-bottom: 53px; text-align: center;} .directory1 .title .h30{ margin-bottom: 31px; font-family: 'fzqkbysjw';} .directory1 .title .p{ height: 66px; line-height: 1.5714; overflow: hidden;text-align: justify;text-indent:2em;} .directory1 .title .p.auto{ height: auto;} .directory1 .title .rmore{ margin: 27px auto 36px; width: 16px; height: 14px; background: url(../images/png56.png) left no-repeat; cursor: pointer;} .directory1 .title .rmore.down{ background-position: right 0;} .directory1 .title .t_more.b16{ font-size: 18px; line-height: 24px;} .directory1 .title .t_more.b16:before, .directory1 .title .t_more.b16:after{ background-image: url(../images/horn24_bb.png);} .directory1 .title .t_more.b16:hover{ color: #3e5265;} .directory1 .num-box{ margin-bottom: 57px; text-align: center;} .directory1 .num-item{ display: inline-block; width: 330px; vertical-align: top;} .directory1 .num-item .b{ font-family: impact; font-size: 92px; line-height: 1.3; color: #3e5265;} .directory1 .num-item .h18{} .directory1 .screen-mod{ margin-bottom: 44px; height: 48px;} .directory1 .select-mod{ margin-right: 0; width: 147px;} .directory1 .select-mod + .select-mod{ width: 207px;} .directory1 .input{ margin-right: 0; width: 268px;} .directory1 .submit.cur:before, .directory1 .submit.cur:after{ background-image: url(../images/png61.png);} .directory1 .submit.cur .bp-inner{ background-image: url(../images/png62.png);} .directory1 .list-mod8{ margin-bottom: 20px;} .directory1 .time-box{ position: relative; margin-top: 120px; margin-bottom: 45px; padding: 0 48px;} .directory1 .time-box:before{ content: ''; position: absolute; bottom: 100%; left: 0; right: 0; height: 76px; background: url(../images/png60.png) center top no-repeat;} .directory1 .scroll-box{ position: relative; height: 70px; overflow: hidden;} .directory1 .scroll-unit{ position: absolute; left: 0; top: 0; font-size: 0; white-space: nowrap;} .directory1 .scroll-item{ position: relative; display: inline-block; padding-top: 37px; width: 163px; background: url(../images/png59.png) center 11px no-repeat; text-align: center; vertical-align: top; cursor: pointer;} .directory1 .scroll-item:before{ content: ''; position: absolute; left: 50%; top: 0; height: 27px; border-left: 1px solid; display: none;} .directory1 .scroll-item.first{ background-image: url(../images/png63.png);} .directory1 .scroll-item.last{ background-image: url(../images/png64.png);} .directory1 .scroll-prev, .directory1 .scroll-next{ position: absolute; top: 10px; width: 50px; height: 35px; background: url(../images/png58.png) no-repeat; cursor: pointer;} .directory1 .scroll-prev{ left: 0; background-position: left;} .directory1 .scroll-next{ right: 0; background-position: right;} .directory1 .disabled{ background-image: url(../images/png57.png);} .directory1 .scroll-item:hover{ opacity: 0.8;} .directory1 .scroll-item.cur{ color: #9a2929;} .directory1 .scroll-item.cur:before{ display: block;} .directory1 .time-box .h18{ position: relative; display: inline-block; vertical-align: bottom; padding: 6px 15px; font-family: Arial;} .directory1 .time-box .num{ position: absolute; right: 0; top: 0; font-size: 12px;} .directory1 .tab-bar{ margin-bottom: 31px; padding-bottom: 5px; background: url(../images/png65.png) center bottom no-repeat; font-size: 16px; text-align: center; overflow: hidden;} .directory1 .tab-term{ position: relative; float: left; width: 350px; padding-bottom: 14px;} .directory1 .tab-term:first-child{ margin-left: 100px; width: 80px;} .directory1 .tab-term:after{ content: ''; position: absolute; left: 50%; bottom: 0; margin-left: -12px; border: 12px solid transparent; border-bottom: 9px solid #3e5265; display: none;} .directory1 .tab-term.cur{ color: #9a2929;} .directory1 .tab-term.cur:after{ display: block;} .directory1 .table-box{ } .directory1 .table-box .en{ font-family: Arial;} .directory1 .table-box .h18{ margin-bottom: 28px;} .directory1 .table-box .h18 .en{ color: #3e5265;} .directory1 .table{ margin-bottom: 60px; background: url(../images/img98.jpg) center top no-repeat;} .directory1 .table table{ width: 100%; text-align: center;} .directory1 .table tr{} .directory1 .table tr:hover{ color: #3e5265;} .directory1 .table tbody tr{ border-bottom: 1px dashed #b5b5b5;} .directory1 .table th{ height: 68px; font-weight: normal; font-size: 16px; color: #fff;} .directory1 .table td{ height: 68px;} .experimental1{ height: 756px; background: center no-repeat; background-size: cover;} .experimental1 .cont{ position: absolute; left: 0; top: 145px; width: 50%;} .experimental1 .h30{ margin-bottom: 25px;} .experimental1 .txt{ max-height: 310px; font-family: "微软雅黑"; line-height: 1.5714; overflow: hidden;} .experimental1 .p{} .experimental1 .mCSB_scrollTools, .experimental1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px;} .experimental1 .mCSB_inside > .mCSB_container{ margin-right: 65px;} .experimental1 .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; background-color: #66967e;} .experimental1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #66967e;} .experimental2{ padding: 100px 0; color: #333;} .experimental2 .title{ position: relative; margin-bottom: 29px; padding-bottom: 28px; text-align: center;} .experimental2 .list-mod2{ margin-bottom: 30px;} .experimental2 .list-mod2 .list-link{ padding: 20px 95px 20px 40px;} .experimental2 .list-mod2 .list-link:hover{ color: #3a5748;} .experimental2 .txtcenter{ margin-bottom: 54px;} .experimental2 .table-grp + .table-grp{ margin-top: 78px;} .experimental2 .table-box{ font-family: "微软雅黑";} .experimental2 .table-box .h24{ margin-bottom: 40px; text-align: center;} .experimental2 .table-box .en{ font-family: Arial;} .experimental2 .table{ background: url(../images/img100.jpg) center top no-repeat;} .experimental2 .table table{ width: 100%; text-align: center;} .experimental2 .table tr{} .experimental2 .table tr:hover{ color: #3a5748;} .experimental2 .table tbody tr{ border-bottom: 1px dashed #b5b5b5;} .experimental2 .table th{ height: 68px; font-weight: normal; font-size: 16px; color: #fff;} .experimental2 .table td{ height: 44px; padding: 12px 10px;} .experimental3{ height: 734px; background: center no-repeat; background-size: cover;} .experimental3 .cont{ position: absolute; left: 0; top: 185px; width: 50%;} .experimental3 .h30{ margin-bottom: 25px;} .experimental3 .txt{ font-family: "微软雅黑"; line-height: 1.5714; overflow: hidden;max-height: 310px;} .experimental3 .mCSB_scrollTools, .experimental3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px;} /*.experimental3 .mCSB_inside > .mCSB_container{ margin-right: 65px;}*/ .experimental3 .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; background-color: #66967e;} .experimental3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #66967e;} .experimental3 .p + .p{ margin-top: 18px;} .rejuvenation1{ background: center no-repeat; background-size: cover;} .rejuvenation1 .box{ position: absolute; top: 30%; left: 0; width: 535px;} .rejuvenation1 .t_head{ margin-bottom: 36px; padding: 0; text-align: left;} .rejuvenation1 .t_head .h30:before, .rejuvenation1 .t_head .h30:after{ background-image: url(../images/png8.png);} .rejuvenation1 .cont{ max-height: 278px; font-family: "微软雅黑"; overflow: hidden;} .rejuvenation1 .h16{ margin-bottom: 10px;} .rejuvenation1 .p{ margin-bottom: 22px; line-height: 1.5714;} .rejuvenation1 .link{ text-decoration: underline; color: #a9d0f6;} .rejuvenation1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #677f96;} .rejuvenation1 .mCSB_scrollTools .mCSB_draggerRail{ background-color: #637281;} .rejuvenation2{ position: relative; padding: 100px 0 98px; background: url(../images/img103.jpg) center no-repeat; background-size: cover; color: #37475a;} .rejuvenation2 .umbrella{ position: absolute; left: 0; right: 0; top: -118px; height: 558px; overflow: hidden;} .rejuvenation2 .umbrella:before{ content: ''; position: absolute; left: 50%; top: 0; margin-left: 273px; width: 582px; height: 558px; background: url(../images/png66.png) no-repeat;} .rejuvenation2 .t_head{ margin-bottom: 41px; padding: 0;} .rejuvenation2 .list-link{ background-color: #b8c5d1;} .rejuvenation2 .list-link:after{ display: none;} .rejuvenation2 .list-link:hover{ background-color: #3e5265; color: #fff!important;} .rejuvenation2 .list-mod2{ margin-right: 20px; max-height: 500px; overflow: hidden;} .rejuvenation2 .mCS_no_scrollbar.list-mod2{ margin-right: 0;} .rejuvenation2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #3e5265;} .rejuvenation2 .mCSB_scrollTools .mCSB_draggerRail{ background-color: #a3b5c5;} .rejuvenation2 .mCSB_outside + .mCSB_scrollTools{ right: -20px;} .rejuvenation3{ padding: 180px 0 161px; background: url(../images/img104.jpg) center no-repeat; background-size: cover;} .rejuvenation3 .t_head{ margin-bottom: 41px; padding: 0; color: #37475a;} .rejuvenation3 .list-box{ padding: 70px 15px 50px 0; background: url(../images/img105.jpg) center no-repeat; font-family: "微软雅黑";} .rejuvenation3 .list-track{ max-height: 320px; overflow: hidden;} .rejuvenation3 .list-item{ float: left; margin-bottom: 19px; width: 50%;} .rejuvenation3 .list-item .date{ float: right; margin-right: 46px;} .rejuvenation3 .list-item .p{ padding: 0 30px 0 48px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .rejuvenation3 .list-item:hover{ color: #77a7d5;} .rejuvenation3 .mCSB_container:after{ content: ''; position: absolute; top: 0; bottom: 0; left: 50%; border-left: 1px dashed #657584;} .rejuvenation3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #677f96;} .rejuvenation3 .mCSB_scrollTools .mCSB_draggerRail{ background-color: #657584;} .rejuvenation3 .mCSB_outside + .mCSB_scrollTools{ right: -20px;} .rejuvenation4{ padding: 100px 0 45px; background: url(../images/img112.jpg) center no-repeat; background-size: cover; color: #37475a;} .rejuvenation4 .t_head{ margin-bottom: 34px; padding: 0;} .rejuvenation4 .slick-mod{ font-family: "微软雅黑";} .rejuvenation4 .slick-item{ margin-right: -15px; text-align: center; overflow: hidden;} .rejuvenation4 .slick-nav{ position: relative; background: url(../images/png67.png) center no-repeat; text-align: center;} .rejuvenation4 .slick-arrow{ position: static; display: inline-block; margin: 0 26px; width: 15px; height: 24px; background-image: url(../images/png37.png); vertical-align: top; opacity: 0.5;} .rejuvenation4 .slick-arrow:hover{ opacity: 1;} .rejuvenation4 .slick-arrow{} .rejuvenation4 .list-box{ margin-right: -15px; overflow: hidden;} .rejuvenation4 .list-item{ float: left; margin-right: 15px; width: 400px; height: 321px;} .rejuvenation4 .img{ margin-bottom: 21px; height: 225px; overflow: hidden;} .rejuvenation4 .img img{ display: block; width: 100%;} .rejuvenation4 .h16{ margin-bottom: 4px;} .rejuvenation4 .date{ font-family: Arial;} .rejuvenation5{ padding: 45px 0 75px; background: url(../images/img113.jpg) center no-repeat; background-size: cover; color: #37475a;} .rejuvenation5 .t_head{ margin-bottom: 34px; padding: 0;} .rejuvenation5 .table{ margin-bottom: 14px; font-family: "微软雅黑";} .rejuvenation5 .table-head{ padding: 0 65px 0 30px;} .rejuvenation5 .table-body{ max-height: 344px; padding: 0 65px 0 40px; overflow: hidden;} .rejuvenation5 .table .en{ font-family: Arial;} .rejuvenation5 .table{ background: #b8c5d1 url(../images/img114.jpg) center top no-repeat;} .rejuvenation5 .table table{ width: 100%; text-align: center;} .rejuvenation5 .table tr{} .rejuvenation5 .table tr:hover{ color: #fff;} .rejuvenation5 .table tbody tr + tr{ border-top: 1px solid #c5ced7;} .rejuvenation5 .table th{ height: 68px; font-weight: normal; font-size: 16px; color: #fff;text-align:center;} .rejuvenation5 .table th:first-child{ text-align: left;} .rejuvenation5 .table td{ height: 44px; padding: 12px 0;} .rejuvenation5 .table td:first-child{ text-align: left;} .rejuvenation5 .tip{ font-family: "微软雅黑"; text-align: center;} .rejuvenation5 .mCSB_container{ margin-right: 0;} .rejuvenation5 .mCSB_scrollTools{ top: 30px; bottom: 30px; right: 28px;} .rejuvenation5 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #3e5265;} .rejuvenation5 .mCSB_scrollTools .mCSB_draggerRail{ background-color: #a3b5c5;} .rejuvenation6{ padding: 98px 0 107px; background: url(../images/img115.jpg) center no-repeat; background-size: cover;} .rejuvenation6 .t_head{ margin-bottom: 41px; padding: 0; color: #37475a;} .rejuvenation6 .list-box{ margin-bottom: 30px; padding: 70px 15px 50px 0; background: url(../images/img105.jpg) center no-repeat; font-family: "微软雅黑";} .rejuvenation6 .list-track{ max-height: 320px; overflow: hidden;} .rejuvenation6 .list-item{ float: left; margin-bottom: 19px; width: 50%;} .rejuvenation6 .list-item .date{ float: right; margin-right: 46px;} .rejuvenation6 .list-item .p{ padding: 0 30px 0 48px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .rejuvenation6 .list-item:hover{ color: #77a7d5;} .rejuvenation6 .mCSB_container:after{ content: ''; position: absolute; top: 0; bottom: 0; left: 50%; border-left: 1px dashed #657584;} .rejuvenation6 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #677f96;} .rejuvenation6 .mCSB_scrollTools .mCSB_draggerRail{ background-color: #657584;} .rejuvenation6 .mCSB_outside + .mCSB_scrollTools{ right: -20px;} .rejuvenation6 .t_more{ color: #37475a;} .rejuvenation6 .t_more.b16:before, .rejuvenation6 .t_more.b16:after{ background-image: url(../images/horn24_blue.png);} .train1{ height: 850px; background: center no-repeat; background-size: cover;} .train1 .cont{ position: absolute; right: 0; top: 31%; width: 630px;} .train1 .h30{ margin-bottom: 26px;} .train1 .p{ font-family: "微软雅黑";} .train1 .list-track {height:250px;} .train1 .mCSB_scrollTools{ width: 39px;} .train1 .mCSB_inside > .mCSB_container{ margin-right: 38px;} .train1 .mCSB_scrollTools .mCSB_draggerRail{ width: 5px; background-color: #e5dacc;} .train1 .mCSB_scrollTools .mCSB_dragger{ height: 39px;} .train1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 39px; background: url(../images/png74.png) no-repeat;} .train2{ padding: 98px 0; background: url(../images/img119.jpg) center no-repeat; background-size: cover; color: #333;} .train2 .t_head{ margin-bottom: 34px; padding: 0;} .train2 .list-mod2{ margin-bottom: 33px;} .train2 .list-link:hover{ color: #b99777;} .train3{ padding: 95px 0 143px; background: url(../images/img121.jpg) center no-repeat; background-size: cover; font-family: "微软雅黑";} .train3 .t_head{ margin-bottom: 34px; padding: 0;} .train3 .t_head .h30:before, .train3 .t_head .h30:after{ background-image: url(../images/png8.png);} .train3 .list-box{ padding: 70px 42px; background: url(../images/img120.jpg) center no-repeat;} .train3 .list-track{ max-height: 288px; overflow: hidden;min-height:288px;} .train3 .list-item{ float: left; padding: 13px 0; width: 20%; border-bottom: 1px dashed #e5dacc;} .train3 .list-item a {cursor: inherit;} .train3 .mCSB_scrollTools{ width: 39px;} .train3 .mCSB_inside > .mCSB_container{ margin-right: 38px;} .train3 .mCSB_scrollTools .mCSB_draggerRail{ width: 5px; background-color: #e5dacc;} .train3 .mCSB_scrollTools .mCSB_dragger{ height: 39px;} .train3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 39px; background: url(../images/png74.png) no-repeat;} .train4{ padding: 102px 0 55px; color: #333; font-family: "微软雅黑";} .train4 .block-box{ height: 363px;} .train4 .block-item{ float: left; width: 595px;} .train4 .block-item + .block-item{ float: right;} .train4 .t_head{ margin-bottom: 25px; padding: 0; overflow: hidden;} .train4 .t_head .h30{ float: left;} .train4 .t_head .t_more{ float: right; margin-top: 11px;} .train4 .box{ height: 363px; background: url(../images/img122.jpg) no-repeat; box-shadow: 0px 0px 24px 0px rgba(190, 174, 150, 0.31); overflow: hidden;} .train4 .list{ padding: 20px 42px;} .train4 .list .list-item{ padding: 28px 0 25px;} .train4 .list .list-item + .list-item{ border-top: 1px dashed #ececec;} .train4 .list .h16{ margin-bottom: 11px;} .train4 .list .p{ margin-bottom: 12px; line-height: 1.5714;} .train4 .list .date{ font-family: Arial;} .train4 .list .list-item:hover{ color: #c1a891;} .train4 .table{ margin: 29px 42px; max-height: 304px; overflow: hidden;} .train4 .table table{ width: 100%;} .train4 .table tr{} .train4 .table tr + tr{ border-top: 1px dashed #ececec;} .train4 .table td{ width: 25%; height: 60px; font-size: 16px;} .train4 .table td:hover{ color: #c1a891;} .train4 .mCSB_scrollTools .mCSB_draggerRail{ background-color: #dacbbd;} .train4 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #daccbe;} .train5{ padding: 40px 0 118px; font-family: "微软雅黑"; color: #333;} .train5 .t_head{ margin-bottom: 34px; padding: 0;} .train5 .box{ margin-bottom: 33px; overflow: hidden;} .train5 .date{ font-family: Arial; font-size: 14px;} .train5 .left{ position: relative; float: left; width: 608px;} .train5 .left img{ display: block; width: 100%;} .train5 .left .p{ position: absolute; left: 0; right: 0; bottom: 0; padding: 20px 35px 20px 45px; background: url(../images/opacity-b60.png); font-size: 16px; color: #fff;} .train5 .left .date{ float: right; margin-left: 20px;} .train5 .left .h16{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .train5 .right{ float: right; width: 608px;} .train5 .right-item{ background-color: #fff; overflow: hidden;} .train5 .right-item + .right-item{ margin-top: 15px;} .train5 .right .img{ float: left; width: 290px;} .train5 .right .img img{ display: block; width: 100%;} .train5 .right .cont{ padding: 44px 40px; overflow: hidden;} .train5 .right .h16{ margin-bottom: 6px; line-height: 1.5;} .train5 .h16:hover {color:#c1a891;} .train6{ padding: 94px 0 97px; background: url(../images/img129.jpg) center no-repeat; background-size: cover; font-family: "微软雅黑";} .train6 .t_head{ margin-bottom: 34px; padding: 0;} .train6 .t_head .h30:before, .train6 .t_head .h30:after{ background-image: url(../images/png8.png);} .train6 .list-box{ margin-bottom: 40px; overflow: hidden;} .train6 .list-item{ float: left; width: 400px; text-align: center;} .train6 .list-item + .list-item{ margin-left: 15px;} .train6 .img{ margin-bottom: 21px; height: 225px; overflow: hidden;} .train6 .img img{ display: block; width: 100%;} .train6 .p{ margin-bottom: 3px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .train6 .date{ font-family: Arial;} .train6 .t_more:hover{ color: #fff;} .train6 .t_more:hover:before{ background-position: left top;} .train6 .t_more:hover:after{ background-position: right top;} .contact1{ padding-bottom: 100px; font-family: "微软雅黑"; overflow: hidden;} .contact1 .t_head{ padding: 36px 0 33px;} .contact1 .map, .contact1 .form{ float: left; width: 50%; height: 492px;} .contact1 .form{ background: url(../images/img116.jpg) no-repeat;} .contact1 .box{ padding: 35px 83px; color: #fff;} .contact1 .h24{ margin-bottom: 15px;} .contact1 .yzm_wp {margin-bottom: 20px;} .contact1 .yzm_wp .yzm_img {display: inline-block;margin-left:8px;} .contact1 .yzm_wp .yzm_img .img {width: 120px;height: 48px;display:block;} .contact1 .yzm_wp .yzm_img .img img {width: 100%;height: 100%;} .contact1 .bp-border:before, .contact1 .bp-border:after{ background-image: url(../images/png70.png);} .contact1 .bp-inner, .contact1 .bp-border.cur .bp-inner{ padding: 0 10px; background-image: url(../images/png71.png);} .contact1 .input{ margin-bottom: 8px;} .contact1 .input .bp-border{ display: block;} .contact1 .input input{ display: block; width: 100%; height: 48px;} .contact1 .textarea{ margin-bottom: 8px;} .contact1 .textarea .bp-border{ display: block;} .contact1 .textarea .bp-border:before, .contact1 .textarea .bp-border:after{ background-image: url(../images/png72.png);} .contact1 .textarea .bp-inner{ padding: 10px; background-image: url(../images/png73.png); line-height: 1.5;} .contact1 .textarea textarea{ display: block; width: 100%; height: 108px;} .contact1 .submit{ cursor: pointer;} .contact1 .submit button{ width: 150px; cursor: pointer;} .contact1 .cont{ padding: 50px 0 55px;} .contact1 .cont .p{ line-height: 1.7142;} .contact1 .cont .p + .p{ margin-top: 12px;} .contact1 .info{ margin: 0 -23px; background: url(../images/png69.png) center 103px no-repeat; overflow: hidden;} .contact1 .info .en{ font-family: Arial;} .contact1 .info-item{ float: left; width: 222px; text-align: center;} .contact1 .info-item + .info-item{ margin-left: 129px;} .contact1 .info-item .icon{ padding: 66px; background: url(../images/png68.png) left no-repeat;} .contact1 .info-item img{ display: block; width: 90px; height: 90px;} .contact1 .info-item .i1{} .contact1 .info-item .i2{ display: none;} .contact1 .info-item .h16{ margin: -5px 20px 0; line-height: 1.5;} .contact1 .info-item:hover .icon{ background-position: right;} .contact1 .info-item:hover .i1{ display: none;} .contact1 .info-item:hover .i2{ display: block;} .contact1 ::-webkit-input-placeholder{ color: #fff;} .contact1 :-moz-placeholder{ color: #fff; opacity: 1;} .contact1 ::-moz-placeholder{ color: #fff; opacity: 1;} .contact1 :-ms-input-placeholder{ color: #fff;} .contact1 .placeholder{ color: #fff;} .chinadirectory1{ position: relative; height: 840px; background: center no-repeat; background-size: cover;} .chinadirectory1 .mask{ position: absolute; left: 0; right: 0; top: 0; bottom: 0;} .chinadirectory2{ position: relative;} .chinadirectory2 .info-box{ position: absolute; left: 0; right: 0; bottom: 100%;} .chinadirectory2 .info-box .h30{ margin-bottom: 35px; padding: 0 320px; line-height: 1.333; text-align: center;} .chinadirectory2 .info-box .cont{ position: relative; height: 379px; background: url(../images/img131.jpg) no-repeat; font-family: "微软雅黑"; overflow: hidden;} .chinadirectory2 .info-box .pad{ padding: 85px 50px 32px;} .chinadirectory2 .info-box .pad .txt {max-height: 238px;text-align:justify;} .chinadirectory2 .info-box .cont .p{ line-height: 1.5714;} .chinadirectory2 .info-box .cont .p + .p{ margin-top: 22px;} .chinadirectory2 .info-box .txtcenter{ margin-top: 29px;} .chinadirectory2 .info-box .t_more{ cursor: pointer;} .chinadirectory2 .info-box .close{ position: absolute; right: 0; top: 0; width: 44px; height: 44px; background: url(../images/png78.png) no-repeat; cursor: pointer;} .chinadirectory2 .info-box .pop{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../images/img131.jpg) no-repeat; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s, visibility 0.3s;z-index: 9; transition: opacity 0.3s, visibility 0.3s; } .chinadirectory2 .info-box .pop.show{ opacity: 1; visibility: visible;} .chinadirectory2 .info-box .list{ max-height: 325px; padding: 43px 55px 0; overflow: hidden;} .chinadirectory2 .info-box .dl{} .chinadirectory2 .info-box .dl + .dl{ margin-top: 32px;} .chinadirectory2 .info-box .dt{ margin-bottom: 11px; font-size: 16px;color:#9a2929;} .chinadirectory2 .info-box .dd{} .chinadirectory2 .info-box table{ width: 100%;} .chinadirectory2 .info-box tr{} .chinadirectory2 .info-box td{ height: 39px;} .chinadirectory2 .info-box table{} .chinadirectory2 .info-box .mCSB_draggerRail, .chinadirectory2 .info-box .mCSB_dragger .mCSB_dragger_bar{ background-color: #daccbe;} .chinadirectory2 .title{ position: absolute; right: 50%; bottom: 310px; margin-right: 585px; color: #333; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; writing-mode: tb-rl; } .chinadirectory2 .title .h30{ position: relative; display: inline-block; padding: 40px 0; width: 1em; font-size: 30px; line-height: 1;} .chinadirectory2 .title .h30:before, .chinadirectory2 .title .h30:after{ content: ''; position: absolute; left: 0; right: 0; margin: auto; width: 32px; height: 22px; background: url(../images/png11.png) no-repeat;} .chinadirectory2 .title .h30:before{ top: 0; background-position: left;} .chinadirectory2 .title .h30:after{ bottom: 0; background-position: right;} .chinadirectory2 .tab-mod{ position: relative; padding-bottom: 583px;} .chinadirectory2 .tab-bar{ position: relative; margin: auto; width: 1230px;} .chinadirectory2 .tab-bar:after{ content: ''; position: absolute; left: 0; right: 0; top: 0; height: 117px; background: url(../images/png79.png) center no-repeat; pointer-events: none;} .chinadirectory2 .tab-term{ position: relative; display: inline-block; width: 94px; vertical-align: top; font-family: Arial; font-size: 20px; font-weight: bold; text-align: center; color: #333; cursor: pointer;} .chinadirectory2 .tab-term.cur{ color: #9a2929;} .chinadirectory2 .tab-term:before{ content: ''; display: block; margin-bottom: 7px; background: url(../images/png80.png) center bottom no-repeat;} .chinadirectory2 .tab-term.t1:before{ height: 177px;} .chinadirectory2 .tab-term.t2:before{ height: 157px;} .chinadirectory2 .tab-term.t3:before{ height: 166px;} .chinadirectory2 .tab-term.t4:before{ height: 177px;} .chinadirectory2 .tab-term.t5:before{ height: 166px;} .chinadirectory2 .tab-term.t6:before{ height: 177px;} .chinadirectory2 .tab-term.t7:before{ height: 166px;} .chinadirectory2 .tab-term.t8:before{ height: 154px;} .chinadirectory2 .tab-term.t9:before{ height: 177px;} .chinadirectory2 .tab-term.t10:before{ height: 166px;} .chinadirectory2 .tab-term.t11:before{ height: 177px;} .chinadirectory2 .tab-cont{ position: absolute; left: 50%; right: 0; bottom: 0; margin-left: -567px; overflow: hidden;} .chinadirectory2 .tab-item{ position: absolute; left: 0; right: 0; top: 0; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; } .chinadirectory2 .tab-item.act{ position: relative; opacity: 1; visibility: visible;} .chinadirectory2 .scroll-arr{ position: absolute; bottom: 0; width: 15px; height: 88px; background: url(../images/png27.png) no-repeat; cursor: pointer;} .chinadirectory2 .scroll-arr:hover{ background-image: url(../images/png28.png);} .chinadirectory2 .scroll-prev{ left: 0; background-position: left;} .chinadirectory2 .scroll-next{ right: 0; background-position: right;} .chinadirectory2 .scroll-box{ position: relative; margin: 0 98px; height: 228px; overflow: hidden;} .chinadirectory2 .scroll-unit{ position: absolute; left: 0; top: 0; height: 100%; font-size: 0; white-space: nowrap;} .chinadirectory2 .scroll-track{ height: 583px; font-size: 0; overflow: hidden;} .chinadirectory2 .scroll-item{ position: relative; display: inline-block; vertical-align: top; width: 277px; font-family: "微软雅黑"; text-align: center;} .chinadirectory2 .scroll-item.s1{ margin-left: 45px; top: 32px;} /*.chinadirectory2 .scroll-item.s1 .p{ top: 50px; bottom: auto;}*/ .chinadirectory2 .scroll-item.s2{ margin-left: -152px; top: 182px;} .chinadirectory2 .scroll-item.s3{ margin-left: -60px; top: 128px;} .chinadirectory2 .scroll-item.s4{ margin-left: 44px;} .chinadirectory2 .scroll-item .img{ height: 277px; overflow: hidden;position:relative;} .chinadirectory2 .scroll-item img{ display: block; width: 100%; height:100%; } .chinadirectory2 .scroll-item .year{ position: absolute; left: 0; top: 0; right: 0; padding: 45px 0; font-family: Arial; font-weight: bold; font-size: 86px;} .chinadirectory2 .scroll-item .p{ font-size: 14px;position: absolute;left: 0;right: 0;bottom: 0;padding: 12px;background: url(../images/opacity-b60.png);} .chinadirectory2 .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 320px; right: auto; bottom: 35px; width: 490px; height: 38px;} .chinadirectory2 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ margin: 16px 0; height: 5px; background-color: #9a2929;} .chinadirectory2 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ margin: 0; width: 38px; height: 38px; background: url(../images/png81.png) no-repeat;} .chinadirectory2 .scroll-item:hover{ z-index: 10; } .chinadirectory3{ padding: 50px 0 100px; color: #333;} .chinadirectory3 .t_head{ margin-bottom: 35px; padding: 0;} .chinadirectory3 .list-box{ margin-bottom: 32px; padding: 70px 15px 50px 0; background: url(../images/img139.jpg) center no-repeat; font-family: "微软雅黑";} .chinadirectory3 .list-track{ overflow: hidden;} .chinadirectory3 .list-item{ float: left; margin-bottom: 19px; width: 50%;} .chinadirectory3 .list-item .date{ float: right; margin-right: 46px;} .chinadirectory3 .list-item .p{ padding: 0 30px 0 48px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .chinadirectory3 .list-item:hover{ color: #972828;} .special1{ position: relative; height: 1018px;} .special1:after{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 241px; background: url(../images/png86.png) center no-repeat;} .special1 .img{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: center no-repeat; background-size: cover;} .special1 .cont{ position: absolute; left: 0; right: 0; top: 280px; text-align: center;} .special1 .t{ margin: 0 auto 10px; width: 916px; height: 70px; overflow: hidden;} .special1 .t img{ display: block; width: 100%;} .special1 .date{ margin-bottom: 20px; font-family: "微软雅黑"; font-size: 20px;} .special1 .h22{} .special1 .h22 + .h22{ margin-top: 10px;} .special2{ padding: 110px 0 51px; background: url(../images/img142.jpg) center no-repeat; background-size: cover; font-family: "微软雅黑";} .special2 .box{ height: 440px;} .special2 .img{ float: left; margin-right: 10px; width: 790px; height: 100%; overflow: hidden;} .special2 .img img{ display: block; width: 100%;} .special2 .cont{ height: 100%; background: url(../images/img143.jpg) no-repeat; overflow: hidden;} .special2 .pad{ padding: 88px 50px;} .special2 .h16{ margin-bottom: 21px;} .special2 .date{ margin-bottom: 21px; margin-right: -50px; background: url(../images/png87.png) right no-repeat; font-family: Arial;} .special2 .p{ margin-bottom: 27px; line-height: 1.5714;} .special2 .t_more:hover{ color: #fff; opacity: 0.8;} .special2 .t_more:hover:before{ background-position: left top;} .special2 .t_more:hover:after{ background-position: right top;} .special3{ padding: 131px 0 48px; background: url(../images/img145.jpg) center no-repeat; background-size: cover;} .special3 .img{ height: 533px; overflow: hidden;} .special3 .img img{ display: block; width: 100%;} .special3 .slot{ position: absolute; left: 0; right: 0; bottom: 0; height: 183px; -webkit-transition: height 0.3s; transition: height 0.3s; } .special3 .slot-track{ width: 7.14%;} .special3 .slot-track:first-child{ width: 7.18%;} .special3 .slot-item.s1{ top: 80px; background-image: url(../images/c43.png);} .special3 .slot-item.s2{ top: 37px; background-image: url(../images/c44.png);} .special3 .slot-item.s3{ top: 65px; background-image: url(../images/c45.png);} .special3 .slot-item.s4{ top: 81px; background-image: url(../images/c46.png);} .special3 .slot-item.s5{ top: 59px; background-image: url(../images/c47.png);} .special3 .slot-item.s6{ top: 14px; background-image: url(../images/c48.png);} .special3 .slot-item.s7{ top: 37px; background-image: url(../images/c49.png);} .special3 .slot-item.s8{ background-image: url(../images/c50.png);} .special3 .slot-item.s9{ top: 25px; background-image: url(../images/c51.png);} .special3 .slot-item.s10{ top: 80px; background-image: url(../images/c52.png);} .special3 .slot-item.s11{ top: 59px; background-image: url(../images/c53.png);} .special3 .slot-item.s12{ top: 25px; background-image: url(../images/c54.png);} .special3 .slot-item.s13{ top: 65px; background-image: url(../images/c55.png);} .special3 .slot-item.s14{ top: 80px; background-image: url(../images/c56.png);} .special3 .t_head .h30::before, .special3 .t_head .h30::after{ background-image: url(../images/png8.png);} .special3 .cont{ position: absolute; left: 0; right: 0; bottom: 0; padding: 59px 0 37px; text-align: center;} .special3 .box{ padding-bottom: 26px; display: none;} .special3 .t_head{ margin-bottom: 19px; padding: 0;} .special3 .h16{ margin-bottom: 12px; font-family: "微软雅黑";} .special3 .date{ margin-bottom: 7px; font-size: 16px;} .special3 .p{ font-family: "微软雅黑";} .special3 .p + .p{ margin-top: 8px;} .special3 .x-wrap:hover .slot{ height: 325px;} .special3 .x-wrap:hover .box{ display: block;} .special3 .t_more:hover{ color: #fff; opacity: 0.8;} .special3 .t_more:hover:before{ background-position: left top;} .special3 .t_more:hover:after{ background-position: right top;} .special4{ padding: 48px 0 97px; background: url(../images/img147.jpg) center no-repeat; background-size: cover; color: #37475a;} .special4 .t_head{ margin-bottom: 33px; padding: 0;} .special4 .box{ margin-bottom: 33px; font-family: "微软雅黑"; color: #fff; overflow: hidden;} .special4 .date{ font-family: Arial; font-size: 14px;} .special4 .left{ position: relative; float: left; width: 608px;} .special4 .left img{ display: block; width: 100%;} .special4 .left .p{ position: absolute; left: 0; right: 0; bottom: 0; padding: 14px 35px 14px 45px; background: url(../images/opacity-b60.png); font-size: 16px; color: #fff;} .special4 .left .date{ float: right; margin-left: 20px;} .special4 .left .h16{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .special4 .left:hover .h16 {color:#989fc6;} .special4 .right{ float: right; width: 608px;} .special4 .right-item{ background: url(../images/img146.jpg); overflow: hidden;} .special4 .right-item + .right-item{ margin-top: 15px;} .special4 .right .img{ float: left; width: 290px;} .special4 .right .img img{ display: block; width: 100%;} .special4 .right .cont{ padding: 44px 40px; overflow: hidden;} .special4 .right .h16{ margin-bottom: 6px; line-height: 1.5;} .special4 .right-item:hover .h16 {color:#989fc6;} .special4 .t_more:hover{ color: #37475a;} .special4 .t_more.b16::before, .special4 .t_more.b16::after{ background-image: url(../images/horn24_blue.png);} .special5{ padding: 40px 0 100px; background: url(../images/img154.jpg) center no-repeat; background-size: cover;} .special5 .t_head{ padding: 58px 0 28px;} .special5 .t_head .h30::before, .special5 .t_head .h30::after{ background-image: url(../images/png8.png);} .special5 .box{ float: left; width: 404px; height: 543px; background: center no-repeat; font-family: "微软雅黑"; text-align: center;} .special5 .box.b1{ background-image: url(../images/img151.jpg);} .special5 .box.b2{ margin-top: 70px; margin-left: 9px; background-image: url(../images/img152.jpg);} .special5 .box.b3{ margin-left: 9px; background-image: url(../images/img153.jpg);} .special5 .img{ margin: 0 50px 19px; height: 174px; overflow: hidden;} .special5 .h16{ margin: 0 50px 12px; line-height: 1.5; text-align: left;} .special5 .b1:hover .h16 {color:#4d5998;} .special5 .b2:hover .h16 {color:#989fc6;} .special5 .b3:hover .h16 {color:#4d5998;} .special5 .date{ margin: 0 50px 46px; font-family: Arial; text-align: left;} .special5 .t_more:hover{ color: #fff; opacity: 0.8;} .special5 .t_more:hover:before{ background-position: left top;} .special5 .t_more:hover:after{ background-position: right top;} .special6{ padding: 95px 0 94px; background: url(../images/img156.jpg) center no-repeat; background-size: cover;} .special6 .t_head{ margin-bottom: 41px; padding: 0; color: #37475a;} .special6 .list-box{ margin-bottom: 30px; padding: 70px 15px 50px 0; background: url(../images/img155.jpg) center no-repeat; font-family: "微软雅黑";} .special6 .list-track{ position: relative; max-height: 320px; overflow: hidden;} .special6 .list-track:after{ content: ''; position: absolute; left: 50%; top: 0; bottom: 0; border-left: 1px dashed #7a7f94;} .special6 .list-item{ float: left; margin-bottom: 19px; width: 50%;} .special6 .list-item .date{ float: right; margin-right: 46px;} .special6 .list-item .p{ padding: 0 30px 0 48px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .special6 .list-item:hover{ color: #989fc6;} .special6 .mCSB_container:after{ content: ''; position: absolute; top: 0; bottom: 0; left: 50%; border-left: 1px dashed #657584;} .special6 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #677f96;} .special6 .mCSB_scrollTools .mCSB_draggerRail{ background-color: #657584;} .special6 .mCSB_outside + .mCSB_scrollTools{ right: -20px;} .special6 .t_more{ color: #37475a;} .special6 .t_more.b16:before, .special6 .t_more.b16:after{ background-image: url(../images/horn24_blue.png);} .special7{ padding-bottom: 90px; background: url(../images/img160.jpg) center no-repeat; background-size: cover; color: #37475a; overflow: hidden;} .special7 .t_head{ margin-bottom: 34px; padding: 0;} .special7 .slick-mod{ margin-right: -15px; font-family: "微软雅黑";} .special7 .slick-slide{ margin-right: 15px; width: 400px;} .special7 .slick-item{ height: 293px; text-align: center;} .special7 .slick-nav{ position: relative; background: url(../images/png88.png) center no-repeat; text-align: center;} .special7 .slick-arrow{ position: static; display: inline-block; margin: 0 26px; width: 15px; height: 24px; background-image: url(../images/png37.png); vertical-align: top; opacity: 0.5;} .special7 .slick-arrow:hover{ opacity: 1;} .special7 .img{ margin-bottom: 21px; height: 225px; overflow: hidden;} .special7 .img img{ display: block; width: 100%;} .special7 .h16{ margin-bottom: 4px;} .special7 .slick-item:hover .h16 {color:#989fc6;} .special7 .date{ font-family: Arial;} .special8{ padding: 91px 0 101px; background: url(../images/img164.jpg) center no-repeat; background-size: cover; overflow: hidden;} .special8 .t_head{ margin-bottom: 34px; padding: 0;} .special8 .slick-mod{ margin-right: -15px; font-family: "微软雅黑";} .special8 .slick-slide{ margin-right: 15px; width: 400px;} .special8 .slick-item{ height: 293px; text-align: center;} .special8 .slick-nav{ position: relative; background: url(../images/png89.png) center no-repeat; text-align: center;} .special8 .slick-arrow{ position: static; display: inline-block; margin: 0 26px; width: 15px; height: 24px; background-image: url(../images/png37.png); vertical-align: top;} .special8 .slick-arrow:hover{ background-image: url(../images/png90.png);} .special8 .img{ position: relative; margin-bottom: 21px; height: 225px; overflow: hidden;} .special8 .img img{ display: block; width: 100%;} .special8 .h16{ margin-bottom: 4px;} .special8 .slick-item:hover .h16 {color:#989fc6;} .special8 .date{ font-family: Arial;} .special8 .play{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 81px; height: 81px; background: url(../images/png40.png) no-repeat;} .special8_new .con{ margin: 0 -7.5px; font-size: 0; } .special8_new .slick-item{ display: inline-block; vertical-align: top; width: 400px; /*height: auto; */margin: 0 7.5px 15px; } .special8_new .t_more:hover { color: #fff;opacity: 0.8; } .special8_new .t_more:hover:before{ background-position: left top; } .special8_new .t_more:hover:after{ background-position: right top; } .s_tit{ position: absolute; left: 38px; padding: 45px 0; width: 44px; line-height: 1;} .s_tit .h44{ font-size: 44px;} .s_tit .s_more{ position: relative; display: block; margin: 50px 10px 0; padding: 34px 0; font-size: 22px; color: #b3d4ff;} .s_tit .s_more:before, .s_tit .s_more:after{ content: ''; position: absolute; left: 50%; width: 20px; height: 19px; background: no-repeat; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .s_tit .s_more:before{ top: 0; background-image: url(../images/png93.png);} .s_tit .s_more:after{ bottom: 0; background-image: url(../images/png94.png);} .s_tit .line:before, .s_tit .line:after{ content: ''; position: absolute; left: 50%; height: 9999px; border-left: 1px dashed #536175;} .s_tit .line:before{ bottom: 100%;} .s_tit .line:after{ top: 100%;} .s_tit .line .l1, .s_tit .line .l2{ position: absolute; left: 0; right: 0; margin: auto; width: 17px; height: 25px; background: no-repeat;} .s_tit .line .l1{ top: 0; background-image: url(../images/png92.png);} .s_tit .line .l2{ bottom: 0; background-image: url(../images/png95.png);} .special9{ position: relative; height: 956px;overflow:hidden;} .special9 .bg{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: center no-repeat; background-size: cover;} .special9 .arrow{ position: absolute; left: 0; right: 0; bottom: 15px; margin: auto; width: 92px; height: 65px; background: url(../images/png91.png) no-repeat; cursor: pointer;} .special10{ position: relative; height: 1185px; background: url(../images/img177.jpg) center no-repeat; overflow: hidden;} .special10 .x-wrap {overflow: hidden;} .special10 .s_tit{ top: 294px;} .special10 .s_tit .line:before{ height: 105px;} .special10 .img{ position: absolute; right: 0; top: 405px; padding: 57px 54px; width: 828px; height: 453px; background: url(../images/img168.jpg) no-repeat; box-shadow: 0px 5px 30px 0px rgba(2, 2, 2, 0.15);} .special10 .img img{ display: block; width: 100%;} .special11{ position: relative; height: 1398px; background: url(../images/img178.jpg) center no-repeat; overflow: hidden;} .special11 .s_tit{ top: 203px;} .special11 .box{ position: absolute; left: 50%; top: 284px; margin-left: -200px;} .special11 .img{ width: 680px; height: 910px;} .special11 .img img{ display: block; width: 100%;} .special11 .cont{ position: absolute; left: 0; top: 210px; padding: 135px 98px 110px 130px; width: 485px; background-color: rgba(0,0,0,0.4); font-family: "微软雅黑"; font-size: 18px;} .special11 .cont .li{ overflow: hidden;} .special11 .cont .li + .li{ margin-top: 8px;} .special11 .cont .fl{ float: left;} .special11 .cont .fr{ overflow: hidden;} .special11 .png{ position: absolute;} .special11 .png img{ display: block; width: 100%;} .special11 .png.p1{ right: 100%; bottom: 0; margin-right: -28px; margin-bottom: 92px; width: 216px; height: 380px;} .special11 .png.p2{ left: 100%; bottom: 68px; margin-left: -178px; width: 515px; height: 968px;} .special12{ position: relative; height: 947px; background: url(../images/img179.jpg) center no-repeat; overflow: hidden;} .special12 .s_tit{ top: 27px;} .special12 .box{ position: absolute; left: 168px; top: 62px; right: 0;} .special12 .slick-paging{ position: relative; z-index: 3;} .special12 .slick-dots{ position: static; font-size: 22px; text-align: left;} .special12 .slick-dot{ display: block;} .special12 .slick-dot + .slick-dot{ margin-top: 20px;} .special12 .slick-dot .arr{ position: relative; display: inline-block; margin-right: 10px; margin-top: 5px; width: 13px; height: 24px; background: url(../images/png100.png) no-repeat; vertical-align: top;} .special12 .slick-dot .arr:after{ content: ''; position: absolute; left: 13px; right: 0; top: 50%; border-top: 1px dashed #7386a0;} .special12 .slick-dot:hover, .special12 .slick-dot.slick-active{ color: #a0b7d6;} .special12 .slick-dot:hover .arr, .special12 .slick-dot.slick-active .arr{ padding-right: 50px;} .special12 .slick-mod{ margin-top: -85px;} .special12 .slick-item{ overflow: hidden;} .special12 .img{ height: 644px; overflow: hidden;} .special12 .img img{ display: block; width: 100%;} .special12 .cont{ position: relative; margin-top: -220px; padding: 40px 50px 35px; width: 538px; height: 170px; background: url(../images/img169.jpg); box-shadow: 0px 5px 30px 0px rgba(2, 2, 2, 0.15); font-family: "微软雅黑"; z-index: 3;} .special12 .cont .h18{ margin-bottom: 15px; line-height: 1.6667;} .special12 .cont .p{ margin-bottom: 30px;} .special12 .slick-ctrl{ position: absolute; left: 30px; bottom: 15px; overflow: hidden;} .special12 .slick-ctrl:after{ content: ''; position: absolute; left: 50%; top: 0; bottom: 0; margin: auto; height: 10px; border-left: 1px solid rgba(255,255,255,0.4);} .special12 .slick-arrow{ position: static; float: left; margin: 0 12px; width: 40px; background: left no-repeat;} .special12 .slick-prev{ background-image: url(../images/png101.png);} .special12 .slick-next{ background-image: url(../images/png102.png);} .special12 .slick-arrow:hover{ background-position: right;} .special13{ position: relative; height: 1080px; background: url(../images/img180.jpg) center no-repeat; overflow: hidden;} .special13 .s_tit{ top: 178px;} .special13 .ul{} .special13 .li{ position: absolute;} .special13 .li .img{ overflow: hidden;} .special13 .li .img img{ display: block; width: 100%;} .special13 .li .h30{ position: absolute; width: 30px; line-height: 1;padding: 0; } .special13 .li.l1{ top: 396px; left: 30px;} .special13 .li.l1 .img{ width: 654px; height: 652px;} .special13 .li.l1 .h30{ top: 90px; right: 212px;left: auto;} .special13 .li.l2{ top: 127px; left: 532px;} .special13 .li.l2 .img{ width: 458px; height: 641px;} .special13 .li.l2 .h30{ top: 195px; left: 75px;} .special13 .li.l3{ top: 276px; right: 0;} .special13 .li.l3 .img{ width: 340px; height: 642px;} .special13 .li.l3 .h30{ top: 225px; left: 72px;} .special13.jjl_xg1 .li .s_more{margin-left: 0;margin-right: 0;margin-top: 20px;} .special14{ position: relative; height: 900px; background: url(../images/img181.jpg) center no-repeat; overflow: hidden;} .special14 .s_tit{ top: 139px;} .special14 .tab-mod{ position: absolute; left: 160px; right: 0; top: 236px;} .special14 .tab-bar{ position: absolute; top: 260px; right: 0; padding: 50px 40px 40px 25px; width: 310px; background: url(../images/img169.jpg); box-shadow: 0px 5px 30px 0px rgba(2, 2, 2, 0.15); z-index: 1;} .special14 .tit{ padding-left: 32px; font-family: "微软雅黑";} .special14 .tit .h14{ margin-bottom: 10px; height: 42px; overflow: hidden;} .special14 .tit .date{ color: #84a6cc;} .special14 .tab-term + .tab-term{ margin-top: 25px;} .special14 .tab-term.cur{ background: url(../images/png107.png) left 8px no-repeat;} .special14 .tab-cont{ position: relative; width: 825px; height: 550px; overflow: hidden;} .special14 .tab-item{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; visibility: hidden;} .special14 .tab-item.act{ position: relative; visibility: visible;} .special14 .tab-item .tit{ display: none;} .special14 .tab-item .img{ width: 100%; height: 100%; border-radius: 70px; overflow: hidden;} .special14 .tab-item img{ display: block; width: 100%;} .special14 .png{ position: absolute; right: 0; top: 0; margin-right: -30px; margin-top: -60px; z-index: 1;} .special14 .png img{ display: block; width: 100%;} .special15{ position: relative; height: 1204px; background: url(../images/img182.jpg) center no-repeat; overflow: hidden;} .special15 .s_tit{ top: 208px;} .special15 .ul{ position: absolute; right: 0; top: 50%; margin-top: 100px; height: 840px; z-index: 1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .special15 .li{ position: absolute; width: 426px; height: 350px; overflow: hidden;} .special15 .li img{ display: block; width: 100%;} .special15 .li .h25{ position: absolute; left: 0; right: 0; bottom: 0; padding: 11px; max-height: 72px; background-color: rgba(0,0,0,0.8); font-family: "微软雅黑"; font-size: 25px; text-align: center; overflow: hidden;} .special15 .li.l1{ right: 85px; top: 0; z-index: 2;} .special15 .li.l2{ right: 350px; top: 235px; z-index: 1;} .special15 .li.l3{ bottom: 0; right: 0;} .special15 .li:hover{ z-index: 3;} .special15 .png{ position: absolute; left: 60px; top: 0; max-width: 554px; max-height: 1178px; overflow: hidden;} .special15 .png img{ display: block; width: 100%;} .special16{ position: relative; height: 1292px; background: url(../images/img183.jpg) center no-repeat; overflow: hidden;} .special16 .s_tit{ top: 213px;} .special16 .ul{ position: absolute; left: 160px; right: 22px; top: 132px; height: 846px;} .special16 .li{ position: absolute; border-radius: 50%; box-shadow: 0px 5px 30px 0px rgba(2, 2, 2, 0.15); overflow: hidden; cursor: pointer;} .special16 .li:after{ content: ''; position: absolute; left: 50%; top: 50%; width: 73px; height: 73px; background: url(../images/png109.png) no-repeat; background-size: contain; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .special16 .li img{ display: block; width: 100%;} .special16 .li .p{ position: absolute; left: 0; right: 0; bottom: 50px; margin: auto; width: 60%; font-family: "微软雅黑"; font-size: 20px; text-align: center;} .special16 .li.l1{ left: 0; top: 110px; width: 653px; height: 653px;} .special16 .li.l1:after{ width: 93px; height: 93px;} .special16 .li.l1 .p{ bottom: 100px; font-size: 25px;} .special16 .li.l2{ left: 450px; top: 0; width: 295px; height: 295px; z-index: 1;} .special16 .li.l2 .p{ bottom: 30px;} .special16 .li.l3{ right: 0; bottom: 0; width: 386px; height: 386px;} .special16 .li.l3 .p{} .special16 .link{ position: absolute; left: 41px; bottom: 128px; margin-top: 250px; padding: 41px 0; width: 37px; height: 171px; background: url(../images/png110.png) no-repeat; font-size: 22px; line-height: 1; text-align: center; color: #b3d4ff;} /* 2019.12.16 xf */ .pop-vd{} .pop-vd .pop-dialog{ width: 842px; height: 536px; z-index: 1;} .pop-vd .video{ width: 100%; height: 100%;} .pop-vd .video video{ width: 100%; height: 100%; min-width: 100%; min-height: 100%;} .special17{ position: relative; height: 948px; background: url(../images/img185.jpg) center no-repeat; background-size: cover;} .special17 .mask{ position: absolute; left: 0; right: 0; top: 0; bottom: 0;} .special17 .x-wrap{ width: 1220px;} .special17 .scroll{ height: 260px; overflow: hidden;} .special17 .img{ position: absolute; left: 20px; top: 302px; width: 472px; height: 345px; overflow: hidden;} .special17 .img img{ display: block; width: 100%;} .special17 .cont{ position: absolute; right: 0; top: 273px; width: 700px;} .special17 .cont .h48{ margin-bottom: 10px; font-size: 48px; text-align: center;} .special17 .cont .p{ font-family: "微软雅黑"; font-size: 16px; word-break: break-all; text-align: justify; text-justify: inter-ideograph;} .special18{ padding: 100px 0 90px; background: url(../images/img187.jpg) center top no-repeat; background-size: cover;} .special18.st{ padding-top: 230px;} .special18 .x-wrap{ width: 1220px;} .special18 .unit1{} .special18 .unit1 .img{ float: left; width: 610px; height: 362px; overflow: hidden;} .special18 .unit1 .img img{ display: block; width: 100%;} .special18 .unit1 .cont{ height: 362px; background: url(../images/img188.jpg) no-repeat; overflow: hidden;} .special18 .unit1 .pad{ padding-top: 60px;} .special18 .unit1 .h24{ margin-bottom: 27px; padding-left: 105px; color: #333;} .special18 .unit1 .ul{} .special18 .unit1 .li{ padding: 9px 105px; font-family: "微软雅黑"; font-size: 16px; overflow: hidden;} .special18 .unit1 .li.o{ margin-left: 58px; padding-left: 47px; background-color: #c7a464; border-top-left-radius: 999px; border-bottom-left-radius: 999px; color: #333;} .special18 .unit1 .li.e{ margin-right: 58px; padding-right: 47px; background-color: rgba(120,20,20,0.66); border-top-right-radius: 999px; border-bottom-right-radius: 999px;} .special18 .unit1 .li + .li{ margin-top: 12px;} .special18 .unit1 .li .l{ float: left;} .special18 .unit1 .li .d{ overflow: hidden;} .special18 .unit1 .tip{ margin: 34px 32px 0; font-family: "微软雅黑"; line-height: 1.8571; text-indent: 2em; clear: both;} .special18 .unit2{ margin-top: 105px;} .special18 .unit2 .h24{ margin-bottom: 45px; text-align: center;} .special18 .unit2 .cont{ padding: 45px 32px 48px; background-color: #d8b87f;} .special18 .unit2 .scroll{ max-height: 210px;} .special18 .unit2 .p{ font-family: "微软雅黑"; line-height: 1.8571; text-indent: 2em; color: #994c39;} .special18 .unit2 .mCSB_scrollTools .mCSB_draggerRail{ background-color: #994c39;} .special18 .unit3{ margin-top: 125px;} .special18 .unit3 .h24{ margin-bottom: 38px; text-align: center;} .special18 .unit3 .table{ margin-bottom: 30px; background: url(../images/img239.jpg) center top no-repeat; font-family: "微软雅黑"; text-align: center;} .special18 .unit3 .table .en{ font-family: Arial;} .special18 .unit3 table{ width: 100%;} .special18 .unit3 thead{} .special18 .unit3 tbody{} .special18 .unit3 tbody tr{ border-bottom: 1px dashed #b5b5b5;} .special18 .unit3 tr{} .special18 .unit3 th{ height: 68px; font-size: 16px; font-weight: normal; color: #994c39;} .special18 .unit3 td{ height: 66px;} .special18 .unit3 .page-mod .page-item .prev, .special18 .unit3 .page-mod .page-item .next{ width: 30px; background-image: url(../images/png118.png);} .special18 .unit3 .page-mod .page-item > a:hover, .special18 .unit3 .page-mod .page-item > a.cur{ background-color: #d8b87f; color: #994c39 !important;} .special18 .unit3 .page-mod .page-item > .prev:hover, .special18 .unit3 .page-mod .page-item > .next:hover{ background-color: transparent;} .special19{ position: relative;} .special19 .unit{ position: relative; padding: 157px 8% 0; overflow: hidden; z-index: 2;} .special19 .unit:before, .special19 .unit:after{ content: ''; position: absolute; top: 0; bottom: 0; background: no-repeat; background-size: cover; z-index: 0;} .special19 .unit.u1:before{ left: 0; width: 29%; background-image: url(../images/img191.jpg);} .special19 .unit.u1:after{ right: 0; width: 71%; background-image: url(../images/img192.jpg);} .special19 .unit.u2:before{ right: 0; width: 29%; background-image: url(../images/img193.jpg);} .special19 .unit.u2:after{ left: 0; width: 71%; background-image: url(../images/img194.jpg);} .special19 .border{ position: absolute; top: 70px; bottom: 70px; z-index: 1;} .special19 .border:before, .special19 .border:after{ content: ''; position: absolute;} .special19 .unit.u1 .border{ left: 29%; right: 3.64%;} .special19 .unit.u2 .border{ right: 29%; left: 3.64%;} .special19 .unit.u1 .border:before{ top: 0; bottom: 0; left: 0; right: 0; border: 4px solid #e8d19c; border-left: 0 none; opacity: 0.6;} .special19 .unit.u1 .border:after{ top: 14px; bottom: 14px; left: 0; right: 14px; border: 1px solid #e8d19c; border-left: 0 none; opacity: 0.5;} .special19 .unit.u2 .border:before{ top: 0; bottom: 0; left: 0; right: 0; border: 4px solid #e8d19c; border-right: 0 none; opacity: 0.6;} .special19 .unit.u2 .border:after{ top: 14px; bottom: 14px; left: 14px; right: 0; border: 1px solid #e8d19c; border-right: 0 none; opacity: 0.5;} .special19 .img{ position: absolute; bottom: 0; width: 51.51%; z-index: 2;} .special19 .unit.u1 .img{ left: 8%;} .special19 .unit.u2 .img{ right: 8%;} .special19 .img .box{ display: block; padding-bottom: 55.91%; background: center no-repeat; background-size: cover;} .special19 .cont{ position: relative; padding: 27px 0 160px; width: 34.14%; z-index: 2;} .special19 .unit.u1 .cont{ float: right;} .special19 .unit.u2 .cont{} .special19 .cont .h24{ margin-bottom: 19px; text-align: center;} .special19 .cont .p{ font-family: "微软雅黑"; line-height: 1.8571; text-indent: 2em; word-break: break-all; text-align: justify; text-justify: inter-ideograph;} .special19 .cont .p + .p{ margin-top: 7px;} .special19 .cont .link{ display: block; margin: 36px auto 0; width: 176px; background: url(../images/png113.png) no-repeat; font-family: "微软雅黑"; font-size: 16px; line-height: 2.5; text-align: center;} .special20{ height: 1460px; background: url(../images/img199.jpg) center top no-repeat;} .special20 .x-wrap{ width: 1220px;} .special20 .unit{ padding-top: 107px;} .special20 .unit .h24{ margin-bottom: 28px; text-align: center;} .special20 .unit .link{ display: block; margin: auto; width: 176px; background: url(../images/png113.png) no-repeat; font-family: "微软雅黑"; font-size: 16px; line-height: 2.5; text-align: center;} .special20 .unit .img{ position: relative; height: 100%; overflow: hidden;} .special20 .unit .img img{ display: block; width: 100%;} .special20 .unit .vd{ cursor: pointer;} .special20 .unit .vd:after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 60px; height: 60px; background: url(../images/png114.png) center no-repeat;} .special20 .unit .h24{} .special20 .unit.u1{} .special20 .unit.u2{} .special20 .unit.u1 .ul{ margin: 0 -5px 30px; overflow: hidden;} .special20 .unit.u1 .li{ float: left; margin: 0 5px 10px; width: 400px; height: 224px;} .special20 .unit.u2 .box{ position: relative; margin-bottom: 45px; padding-left: 50%; height: 471px; background-color: #fff;} .special20 .unit.u2 .ul{ padding: 27px 50px;} .special20 .unit.u2 .li{ padding: 20px 0; border-bottom: 1px solid #d6d6d6; font-family: "微软雅黑"; color: #707070; cursor: pointer;} .special20 .unit.u2 .li:last-child{ border-bottom: 0 none;} .special20 .unit.u2 .img{ position: absolute; left: 0; right: 50%; top: 0; bottom: 0; visibility: hidden;} .special20 .unit.u2 .cont{} .special20 .unit.u2 .h18{ margin-bottom: 8px; color: #333;} .special20 .unit.u2 .p{ margin-bottom: 3px; text-indent: 2em; line-height: 1.5714;} .special20 .unit.u2 .date{ font-family: Arial;} .special20 .unit.u2 .li.cur{ border-bottom: 2px solid #d8b87f; color: #d8b87f;} .special20 .unit.u2 .li.cur:last-child{ border-bottom: 0 none;} .special20 .unit.u2 .li.cur .h18{ color: #d8b87f;} .special20 .unit.u2 .li.cur .img{ visibility: visible;} .special21{ position: relative; margin-bottom: -106px; height: 939px; background: url(../images/img200.jpg) center no-repeat;} .special21:after{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 243px; background: url(../images/png117.png) center no-repeat;} .special21 .mask{ position: absolute; left: 0; right: 0; top: 0; bottom: 0;} .special21 .x-wrap{ width: 1220px;} .special21 .scroll{ height: 260px; overflow: hidden;} .special21 .img{ position: absolute; left: 20px; top: 302px; width: 472px; height: 345px; overflow: hidden;} .special21 .img img{ display: block; width: 100%;} .special21 .cont{ position: absolute; right: 0; top: 273px; width: 700px;} .special21 .cont .h48{ margin-bottom: 10px; font-size: 48px; text-align: center;} .special21 .cont .p{ font-family: "微软雅黑"; font-size: 16px; text-indent: 2em; word-break: break-all; text-align: justify; text-justify: inter-ideograph;} .special21 .cont .p + .p{ margin-top: 14px;} .special22{ padding: 88px 0 100px; background: url(../images/img206.jpg);} .special22 .h24{ position: relative; margin-bottom: 32px; padding-bottom: 32px; border-bottom: 1px solid #bf3f3f; text-align: center;} .special22 .h24:after{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; width: 50px; height: 4px; background-color: #e8b97a;} .special22 .ul{ margin: 0 -5px 22px; overflow: hidden;} .special22 .li{ float: left; margin: 0 5px 18px; width: 400px; height: 300px; background: url(../images/png116.png) center bottom no-repeat; font-family: "微软雅黑"; text-align: center;} .special22 .img{ margin-bottom: 26px; height: 225px; overflow: hidden;} .special22 .img img{ display: block; width: 100%;} .special22 .link{ display: block; margin: auto; width: 176px; background: url(../images/png113.png) no-repeat; font-family: "微软雅黑"; font-size: 16px; line-height: 2.5; text-align: center;} .special23{ height: 1044px; background: url(../images/img211.jpg) center no-repeat; background-size: cover;} .special23 .cont{ position: absolute; top: 327px; left: 0; right: 0; margin: 0 100px; text-align: center;} .special23 .h66{ margin-bottom: 12px; font-size: 66px;} .special23 .h44{ margin-bottom: 56px; font-size: 44px; line-height: 1.46;} .special23 .logo{ margin: auto; width: 315px; height: 230px; overflow: hidden;} .special23 .logo img{ display: block; width: 100%;} .special24{ padding: 110px 0; background: url(../images/img212.jpg); overflow: hidden;} .special24 .h48{ margin-bottom: 14px; font-size: 48px; text-align: center;} .special24 .info{ position: relative; margin-bottom: 90px; padding-bottom: 34px; font-family: "微软雅黑"; font-size: 16px; line-height: 1.625;} .special24 .info .cont{ height: 234px; overflow: hidden;} .special24 .info.open .cont{ height: auto;} .special24 .info .p{ text-indent: 2em; word-break: break-all; text-align: justify; text-justify: inter-ideograph;} .special24 .info .p + .p{ margin-top: 26px;} .special24 .arr{ position: absolute; left: 50%; bottom: 0; width: 28px; height: 20px; cursor: pointer; overflow: hidden; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .special24 .info.open .arr{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .special24 .arr img{ display: block; width: 100%;} .special24 .unit{ text-align: center;} .special24 .unit + .unit{ margin-top: 110px;} .special24 .unit .h30{ margin-bottom: 95px;} .special24 .ul{ display: inline-block;} .special24 .ul:after{ content: ''; display: table; clear: both;} .special24 .li{ position: relative; float: left; margin: 6px; margin-top: -65px; width: 234px;} .special24 .li:nth-child(9n+1){ margin-left: 129px;} .special24 .li.nf{ margin-left: 6px;} .special24 .stamp{ display: none;} .special24 .li .hive{ padding-bottom: 115.18%;} .special24 .li .box{ position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; overflow: hidden; -webkit-transform: translate(-50%, -50%) rotate(-60deg) skewY(30deg); -ms-transform: translate(-50%, -50%) rotate(-60deg) skewY(30deg); transform: translate(-50%, -50%) rotate(-60deg) skewY(30deg); -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .special24 .li .inner{ position: absolute; width: 100%; height: 100%; overflow: hidden; -webkit-transform: skewY(-30deg) rotate(60deg); -ms-transform: skewY(-30deg) rotate(60deg); transform: skewY(-30deg) rotate(60deg); } .special24 .li .img{ position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; overflow: hidden; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .special24 .li .img img{ display: block; width: 100%;} .special24 .li .border{ position: absolute; left: 0; right: 0; top: 50%; height: 50%; border-left: 3px solid #d4484b; border-right: 3px solid #d4484b; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .special24 .li .border:before, .special24 .li .border:after{ content: ''; position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; border-left: 3px solid #d4484b; border-right: 3px solid #d4484b;} .special24 .li .border:before{ -webkit-transform: translate(-50%, -50%) rotate(60deg); -ms-transform: translate(-50%, -50%) rotate(60deg); transform: translate(-50%, -50%) rotate(60deg); } .special24 .li .border:after{ -webkit-transform: translate(-50%, -50%) rotate(-60deg); -ms-transform: translate(-50%, -50%) rotate(-60deg); transform: translate(-50%, -50%) rotate(-60deg); } .special24 .li .mask{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,0.4); visibility: hidden;} .special24 .li .h24{ position: absolute; left: 50%; top: 50%; width: 85%; line-height: 1.1666; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .special24 .li:hover{ z-index: 1;} .special24 .li .box:hover .mask{ visibility: visible;} .load_ld a{ display: inline-block; padding-left: 20px; line-height:20px; background:url(../images/icon11.png) no-repeat left center; color:#9a2929; } .load_ld{ padding-top: 20px; } /*19.9.27jjl修改*/ .special11 .x-wrap {overflow: hidden;} .special10.jjl_xg1 .s_tit {text-align: center;} .special11.jjl_xg1 .s_tit {text-align: center;} .special12.jjl_xg1 .s_tit {text-align: center;} .special13.jjl_xg1 .s_tit {text-align: center;} .special13.jjl_xg1 .li .h30 {font-size: 20px;} .special14.jjl_xg1 .s_tit {text-align: center;} .special15.jjl_xg1 .s_tit {text-align: center;} .special16.jjl_xg1 .s_tit {text-align: center;} .special10.jjl_xg1 {height: 995px;} .special15.jjl_xg1 .li .h25 {font-size: 16px;text-align: left;} .special16.jjl_xg1 .li .p {font-size: 16px;} .special12.jjl_xg1 .slick-dots {font-size: 18px;} .special12.jjl_xg1 .slick-dot .arr {margin-top: 0;} .special12.jjl_xg1 .cont .h16 {margin-bottom: 15px;} .special11.jjl_xg1 .png.p2{ left: 100%; bottom: 128px; margin-left: -178px; width: 415px; height: 808px;} .special15.jjl_xg1 .png{ position: absolute; left: 60px; top: 110px; max-width: 504px; max-height: 978px; overflow: hidden;} .special15.jjl_xg1 .li.l3 {bottom: 30px;} .special16.jjl_xg1 .link {bottom: 200px;} .special10.jjl_xg1 #xwfbh {position:absolute;left: 0;top: 245px;} .special11.jjl_xg1 #zchd {position:absolute;left: 0;top: 185px;} .special13.jjl_xg1 #xlhd {position:absolute;left: 0;top: 115px;} .special15.jjl_xg1 #jcts {position:absolute;left: 0;top: 160px;} .special16.jjl_xg1 #spjj {position:absolute;left: 0;top: 110px;} .special12.jjl_xg1 #ztbd {position:absolute;left: 0;top: -70px;} .special11 .box {margin-left: -300px;} .special23.jjlxg1 .cont {position: static;padding-top: 120px;} @media screen and (max-width: 1680px){ .special15.jjl_xg1 .png {max-width: 454px;top:80px;} .special15.jjl_xg1 .li.l3 {bottom: 60px;} } @media screen and (max-width: 1440px){ .special11.jjl_xg1 .png.p2 {width:455px;height: 855px;} } @media screen and (max-width: 1366px){ .special11.jjl_xg1 .png.p2 {width:365px;height: 686px;bottom: 200px;} .special15.jjl_xg1 .png {max-width: 410px;top: 100px;} .special15.jjl_xg1 .li {width: 356px;height: 292px;} .special15.jjl_xg1 .li.l3 {bottom: 160px;} } /* 搜索结果页 */ .result{ padding:60px 0; } .result .key{ color:#5c983e; } .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 a:hover{ opacity: 0.8;} @media screen and (min-width:1230px){ .sidebar .sb-item:hover .ico{ display: none;} .sidebar .sb-item:hover .txt{ display: block;} .sidebar .sb-item:hover .pop{ display: block;} .section{ height:985px; } } @media screen and (min-width: 751px) and (max-width: 1440px){ /*.sidebar{ visibility: hidden;}*/ .home7 .cont.c1{ margin-left: 10%;} .home7 .cont.c2{ margin-right: 10%;} .home6 .tab-term.t1 .h16{ top: 40%;} .home6 .tab-term.t2 .h16{ top: 22%;} .home6 .tab-term.t3 .h16{ top: 37%;} .home6 .tab-term.t4 .h16{ top: 30%;} .home6 .tab-term.t5 .h16{ top: 43%;} .home6 .tab-term.t6 .h16{ top: 29%;} .mapW{ position:absolute; width:100%; height:100%; left:0; top:0; transform:scale(0.85); -webkit-transform:scale(0.85); } } @media screen and (min-width: 751px) and (max-width: 1366px){ .home4 .row{ top: 10%;} .home5 .h30{ top: 5%;} .home5 .no{ margin-top: -35px;} .home5 .map{ top: 5%;} .home5 .map-cont{ top: 20%;} } @media screen and (min-width: 751px){ .focus .item{ height: 600px;} } @media screen and (max-width: 750px){ .contact1 .yzm_wp .yzm_img .img {height: 0.58rem;width: 1.6rem;} .home_visibi {visibility:visible;opacity:1;} .sidebar {display:none;} .pop-video .pop-dialog, .pop-alert .pop-dialog{ width: 7rem; height: 5rem;} .pop-video .pop-close{ top: -1rem;} .t_head{ padding: 0.5rem 0;} .t_head .h30{ line-height: 1.2;} .t_head .h30::before, .t_head .h30::after{ position: relative; top: 0.05rem; width: 0.22rem; height: 0.44rem; background-size: 200%;} .t_head .h30::before{ margin-right: 0.2rem;} .t_head .h30::after{ margin-left: 0.2rem;} .t_head .tab-box{ margin-top: 0.3rem;} .t_head .tab-link{ margin: 0 0.1rem 0.2rem;} .t_head .bp-inner{ padding: 0 0.2rem; width: auto;} .t_line{ height: 0.17rem;} .t_line::before, .t_line::after{ width: 0.3rem; height: 0.17rem; background-size: 200%;} .t_line::before{} .t_line::after{} .t_line .bd{ left: 0.3rem; right: 0.3rem; bottom: 0.05rem;} .sidebar{ top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .sidebar .sb-item{ width: 0.7rem;} .sidebar .sb-item + .sb-item{ margin-top: 0.1rem;} .sidebar .box{ width: 1.4rem;} .sidebar .ico{ padding: 0.15rem; width: 0.4rem; height: 0.4rem;} .sidebar .txt{ width: 0.7rem; height: 0.7rem; line-height: 1;} .sidebar .txt .middle-cont{ font-size: 0.2rem;} .more{ padding: 0 0.38rem; font-size: 0.28rem; line-height: 1.25;} .more:before, .more:after{ width: 0.3rem; background-size: 200%;} .more.sb, .more.s{ padding: 0 0.4rem; font-size: 0.28rem; line-height: 1.25;} .more.sb:before, .more.s:before, .more.sb:after, .more.s:after{ width: 0.35rem;} .t_more{ padding: 0 0.4rem;} .t_more:before, .t_more:after{ width: 0.4rem; background-image: url(../images/horn35_b.png); background-size: 200%;} .t_more:hover:before{ background-position: left top;} .t_more:hover:after{ background-position: right top;} .t_more.b14, .t_more.w14, .t_more.bg14, .t_more.by14, .t_more.b16, .t_more.by16, .t_more.w16{ padding: 0 0.4rem; font-size: 0.28rem;} .t_more.b14:before, .t_more.b14:after, .t_more.bg14:before, .t_more.bg14:after, .t_more.by14:before, .t_more.by14:after, .t_more.by16:before, .t_more.by16:after, .t_more.b16:before, .t_more.b16:after{ width: 0.4rem; background-image: url(../images/horn35_b.png);} .t_more.w14:before, .t_more.w14:after, .t_more.w16:before, .t_more.w16:after{ width: 0.4rem; background-image: url(../images/horn35_w.png);} .loader{ padding-left: 0.3rem; background-size: 0.26rem; font-size: 0.28rem;} .bp-border{ padding: 0 0.12rem;} .bp-border:before, .bp-border:after{ width: 0.12rem; background-size: 200%;} .bp-border .bp-inner{ line-height: 0.58rem; background-size: contain;} .screen-mod{ text-align: center;} .screen-mod .vr{ display: none;} .screen-mod .tab-box{ float: none; margin-bottom: 0.2rem;} .screen-mod .select-box{ float: none; text-align: center; overflow: hidden;} .screen-mod .select-bar{} .screen-mod .select-mod{ margin-right: 0.2rem; width: 3rem;} .screen-mod .select-btn{ padding: 0; height: auto; line-height: 2.25;} .screen-mod .select-btn:after{ height: auto;} .screen-mod .input-mod{ display: block; margin-top: 0.2rem;} .screen-mod .input{ margin-right: 0.2rem;} .screen-mod .tab-link{ text-align: center;} .screen-mod .tab-link + .tab-link{ margin-left: 0.2rem;} .screen-mod .tab-link .bp-inner{ width: 0.8rem;} .screen-mod .input{ width: 4rem;} .screen-mod .input input{ display: block; width: 100%; height: auto;} .screen-mod .input .bp-border{ display: block;} .screen-mod .input .bp-inner{ padding: 0 0.1rem;} .screen-mod .submit button{ } .list-mod1 .dl{ padding: 0.3rem 0 0.2rem;} .list-mod1 .dt{ margin-bottom: 0.2rem; font-size: 0.36rem;} .list-mod1 .dd{ margin-left: 0;} .list-mod1 .box{ float: none; margin-bottom: 0.2rem; margin-left: 0; padding-bottom: 0.2rem; width: 100%; height: auto;} .list-mod1 .xlabel{ padding: 0.2rem 0;} .list-mod1 .xlabel:after{ width: 0.39rem; height: 0.39rem; background-size: contain;} .list-mod1 .xlabel .s{ padding: 0 0.2rem;} .list-mod1 .cont{ padding: 0 0.2rem;} .list-mod1 .h16{ margin-bottom: 0.2rem;} .list-mod1 .p{ margin-bottom: 0.2rem;} .list-mod2 .list-link{ padding: 0.2rem 0.5rem;} .list-mod2 .list-link + .list-link{ margin-top: 0.1rem;} .list-mod2 .date{ margin-left: 0.1rem;} .list-mod3 .list-item{ padding: 0.3rem 0.5rem; background-size: 100% 100%;} .list-mod3 .list-item + .list-item{ margin-top: 0.2rem;} .list-mod3 .img{ float: none; margin-right: 0; width: 100%; height: auto;} .list-mod3 .cont{ padding: 0.5rem 0.2rem; height: auto;} .list-mod3 .h16{ margin-top: 0; margin-bottom: 0.2rem;} .list-mod3 .h16{ margin-top: 0; margin-bottom: 0.2rem;} .list-mod3 .date{ margin-bottom: 0.2rem;} .list-mod3 .date .s{ padding-right: 0.5rem; background-size: 0.46rem;} .list-mod3 .p{ margin-bottom: 0.3rem;} .list-mod4 .list-link{ padding: 0.2rem;} .list-mod4 .date{ margin-left: 0.2rem;} .list-mod5{ margin-right: 0;} .list-mod5 .list-item{ float: none; margin-right: 0; margin-bottom: 0.2rem; width: 100%; height: 4.44rem;} .list-mod5 .cont{ background-position: right; background-size: cover;} .list-mod5 .h16{ padding-top: 0.3rem; margin: 0 0.2rem 0.2rem;} .list-mod5 .p{ margin: 0 0.2rem 0.3rem;} .list-mod5 .date{ padding: 0 0.2rem; background-size: auto 0.78rem;} .list-mod6 .list-item + .list-item{ margin-top: 0.1rem;} .list-mod6 .qa-title{ padding: 0.2rem 0.5rem 0.2rem 0.8rem;} .list-mod6 .qa-cont{ padding: 0.5rem;} .list-mod6 .num{ width: 0.8rem; height: 0.45rem; font-size: 0.3rem;} .list-mod6 .kw{ margin-left: 0rem;float:none;} .list-mod6 .p + .p{ margin-top: 0.2rem;} .list-mod6 .t_line{ left: 0.5rem; right: 0.5rem;} .list-mod7 .list-item{ padding: 0.3rem 0.5rem; background-size: 100% 100%;} .list-mod7 .list-item + .list-item{ margin-top: 0.2rem;} .list-mod7 .img{ float: none; margin-right: 0;} .list-mod7 .cont{ padding: 0.3rem 0;} .list-mod7 .h16{ margin-bottom: 0.2rem;} .list-mod7 .sub{ margin-bottom: 0.2rem;} .list-mod7 .sub:before{ display: none;} .list-mod7 .sub .s{ padding-right: 0.5rem;} .list-mod7 .sub .s + .s{ padding-right: 0.5rem; background: none;} .list-mod7 .p{ margin-bottom: 0.3rem;} .list-mod7 .play{ background-size: 1rem;} .list-mod8{ margin-right: 0;} .list-mod8 .list-item{ float: none; margin-right: 0; margin-bottom: 0.2rem; width: 100%;} .list-mod8 .img{ height: auto;} .list-mod8 .h16{ padding: 0.2rem;} .fullpage .section{ position: relative;} .home1{ height: 8rem;} .home1 .slick-dots{ bottom: 0.5rem;} .home1 .slick-dot{ margin: 0 0.1rem; width: 0.31rem; height: 0.31rem; background-size: 200%;} .home2{ padding: 1rem 0;} .home2 .title{ position: relative; left: 0; margin-bottom: 0.5rem; text-align: center;} .home2 .title-txt{ position: static; padding-top: 0; padding-bottom: 0; font-size: 0.4rem; -webkit-writing-mode: horizontal-tb; writing-mode: horizontal-tb; writing-mode: lr-tb; } .home2 .title-txt:before, .home2 .title-txt:after{ display: none;} .home2 .book{ position: relative; top: 0; text-align: center; overflow: hidden;} .home2 .book-item{ position: relative; display: inline-block; vertical-align: top; margin: 0 5% 0.2rem; width: 35%; opacity: 1; visibility: visible;} .home2 .book-item:before{ content: ''; display: block; padding-bottom: 173.92%;} .home2 .book-item.b1{ left: 0; margin-top: 0; background-image: url(../images/b1.png);} .home2 .book-item.b2{ left: 0; margin-top: 0; background-image: url(../images/b2.png);} .home2 .book-item.b3{ left: 0; margin-bottom: 0.2rem; background-image: url(../images/b3.png);} .home2 .book-item.b4{ left: 0; margin-bottom: 0.2rem; background-image: url(../images/b4.png);} .home2 .book-item.b5{ left: 0; margin-top: 0; background-image: url(../images/b5.png);} .home2 .book-item.b6{ left: 0; margin-bottom: 0.2rem; background-image: url(../images/b6.png);} .home2 .book-item.b7{ left: 0; margin-top: 0; background-image: url(../images/b7.png);} .home2 .book-item.b8{ left: 0; margin-bottom: 0.2rem; background-image: url(../images/b8.png);} .home2 .book-item.b9{ left: 0; margin-top: 0; background-image: url(../images/b9.png);} .home2 .book-item.b10{ left: 0; margin-top: 0; background-image: url(../images/b10.png);} .home2 .book .box{ position: absolute; left: 0; right: 0; top: 15.625%;} .home2 .book .icon{ margin: auto; margin-bottom: 12%; width: 76%;} .home2 .book .icon img{ display: block; width: 100%;} .home2 .book .p{ font-family: "微软雅黑"; font-size: 18px;} .home2 .horns{ position: absolute; left: 0; right: 0; top: 0; bottom: 0;} .home2 .horn{ position: absolute; width: 25px; height: 25px; background: url(../images/png4.png) no-repeat;} .home2 .horn.lt{ left: 0; top: 0; background-position: left top;} .home2 .horn.rt{ right: 0; top: 0; background-position: right top;} .home2 .horn.lb{ left: 0; bottom: 0; background-position: left bottom;} .home2 .horn.rb{ right: 0; bottom: 0; background-position: right bottom;} .home3{ height: 8rem;} .home3 .cont{ width: 7rem;top:30%;} .home3 .cont .h30{ margin-bottom: 0.1rem; line-height: 1.2;} .home3 .cont .h24{ margin-bottom: 0.2rem;} .home3 .cont .h24 .b{ font-size: 0.5rem;} .home3 .slot-box{ height: 100%; visibility: visible;} .home4{ padding: 1rem 0;} .home4 .row{ position: static;} .home4 .col{ display: block; margin-bottom: 0.5rem; width: 100%;} .home4 .box{ margin: 0 0.25rem;} .home4 .title{ margin-bottom: 0.3rem;} .home4 .title .h30{ padding: 0 0.3rem;} .home4 .title .h30:before, .home4 .title .h30:after{ width: 0.22rem; background-size: 200%;} .home4 .title .t_more{ margin-top: 0.07rem;} .home4 .img{ height: 3.94rem;} .home4 .img .h16{ padding: 0.2rem;} .home4 .ul1{ padding: 0.3rem 0;} .home4 .ul1 .li + .li{ margin-top: 0.1rem;} .home4 .ul1 .date{ margin-left: 0.2rem;} .home4 .ul2 .li{ padding-bottom: 0.2rem;} .home4 .ul2 .li + .li{ margin-top: 0.2rem;} .home4 .ul2 .h16{ margin-bottom: 0.1rem;} .home4 .ul2 .p{ margin-bottom: 0.2rem; height: auto;} .home4 .ul3{ margin-bottom: 0.3rem;} .home4 .ul3 .li + .li{ margin-top: 0.2rem;} .home4 .ul3 .h16{ margin-bottom: 0.1rem;} .home5{ padding: 1rem 0;} .home5 .h30{ position: static;} .home5 .h30 .s{ padding: 0 0.4rem;} .home5 .h30 .s:before, .home5 .h30 .s:after{ width: 0.22rem; background-size: 200%;} .home5 .no{ display: none;} .home5 .map{ position: static; margin-right: 0; padding: 0.5rem 0; width: 100%; height: auto; background: none; font-size: 0;text-align:left;} .home5 .map-point{ position: static; display: inline-block; min-width: 33.33%; vertical-align: top;} .home5 .map-point.p8, .home5 .map-point.p12, .home5 .map-point.p16, .home5 .map-point.p19{ width: auto; line-height: 1.5;} .home5 .map .city{ padding: 0.1rem; font-size: 0.28rem; line-height: 1.5;display:none;} .home5 .map-point:hover .city{ visibility: visible;display:none;} .home5 .map-point:hover .pop, .home5 .map .pop{ display: block;visibility:visible;position:static;font-size:0.24rem;padding:0.15rem 0.2rem;margin:0 0.05rem;text-align:left;background:none;} .home5 .map .pop .s + .s {margin-left:0.2rem;} .home5 .map .pop:before {display:none;} .home5 .map .pop:after {display:none;} .home5 .map-cont{ position: static; margin: 0 0.25rem; padding: 0.5rem 0.2rem;background:none;} .home5 .map-item{ width: 100%; text-align: center;} .home5 .map-item .h24{ margin-bottom: 0.2rem;} .home5 .tab-bar{ margin-bottom: 0.1rem;} .home5 .tab-term{ margin: 0 0.1rem; padding-bottom: 0.2rem; font-size: 0.26rem;} .home5 .total{ padding: 0 0.45rem; font-size: 0.26rem; line-height: 0.62rem; vertical-align: bottom;} .home5 .total:before, .home5 .total:after{ width: 0.34rem; background-size: 200%;} .home5 .total .b{ display: inline-block; padding: 0 0.1rem; font-size: 0.4rem;} .home5 .table{ display: inline-block; margin-bottom: 0.2rem; margin-right: 0;} .home5 .td{ margin: 0.1rem; padding: 0.1rem 0.2rem !important; height:auto !important; width: auto;} .home5 .td.h{ padding: 0.1rem 0.2rem;} .home5 .td.s{ width: auto;} .home5 .td.h.s{ padding: 0.1rem 0.2rem;} .home5 .td.s .p{ margin: 0;} .home5 .td.l{ width: auto; padding: 0.1rem 0.2rem;} .home5 .td.l .num, .home5 .td.l .p{ display: block;} .home5 .td.l .p{ margin: 0;} .home5 .td .num{ font-size: 0.4rem;} .home5 .td .p{ margin: 0;} .home6{ padding-bottom: 1rem;} .home6 .tab-cont{ position: relative; right: 0; height: 7.5rem; visibility: visible; opacity: 1;} .home6 .title{ position: static; padding: 0.2rem 0; text-align: center;} .home6 .title-txt{ padding: 0; width: auto; font-size: 0.4rem; line-height: 1.5;} .home6 .title-txt:before, .home6 .title-txt:after{ display: none;} .home6 .tab-bar{ position: static; visibility: visible; opacity: 1;} .home6 .tab-track{ position: static; width: 100%;} .home6 .tab-term{ display: block; padding: 0rem 0.25rem; width: 100%;} .home6 .tab-term a{ -webkit-writing-mode: horizontal-tb; writing-mode: horizontal-tb; writing-mode: lr-tb; } .home6 .tab-term:before{ display: none;} .home6 .tab-term .h16{ position: static; padding: 0; background: none; font-size: 0.26rem;} .home6 .tab-term .h16:before, .home6 .tab-term .h16:after{ display: none;} .home6 .p-more{ position: static; text-align: center;} .home6 .p-more:before{ display: none;} .home6 .link{ padding: 0 0.4rem; width: auto; background: none; font-size: 0.26rem; line-height: 1.5;} .home6 .link:before, .home6 .link:after{ top: 0; bottom: 0; margin: auto; width: 0.2rem; height: 0.2rem; background-size: 200%;} .home7{ padding: 1rem 0.25rem;} .home7 .cont{ position: static; width: 100%; text-align: center;} .home7 .cont.c1{ margin-left: 0; margin-bottom: 0.5rem; text-align: center;} .home7 .cont.c2{ margin-right: 0;} .home7 .cont .h30{ margin-bottom: 0.3rem; line-height: 1.5; text-align: center;} .home7 .cont .h30:before, .home7 .cont .h30:after{ display: none;} .home7 .cont .p{ margin-bottom: 0.3rem; text-align: left;} .home8 .right{ height: 8rem;} .home8 .right-item{} .home8 .list{ height: 8rem;} .home8 .list-item{ width: 25%; height: 100%;} .home8 .title-txt{ padding: 0.4rem 0; font-size: 0.36rem;} .home8 .title-txt:before, .home8 .title-txt:after{ width: 0.32rem; height: 0.22rem; background-size: 200%;} .home8 .cont{ top: 0.5rem; margin-left: 0; width: 1em;left:26%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .home8 .link{ padding: 0.35rem 0; width: 1em; font-size: 0.3rem;} .home8 .link:before, .home8 .link:after{ width: 0.2rem; height: 0.2rem; background-size: 200%;} .home8 .dot{ margin: 0.2rem 0; height: 1rem;} .home8 .h30{ top: 0.5rem; width: 1em; font-size: 0.36rem;} .home8 .right .title-txt, .home8 .right .link{} .home8 .right .title-txt::before, .home8 .right .title-txt::after, .home8 .right .link::before, .home8 .right .link::after{} .home8 .right .dot{ margin: 0.2rem 0;} .home8 .right .cont{ left: 30%; margin-left: 0;} .home8 .list-item {width:20%;} .home8 .right-item.cur{ width: 80%; background-position: center;} .home8 .right-item.sib{ width: 20%;} .home8 .list-item.cur{ width: 60%; background-position: center;} .home8 .list-item.sib{ width: 10%;} .home8 .list-item.sib .h30{ left: 50%; margin-left: 0;} .mechanism1 .list-mod1{ margin-bottom: 0.5rem;} .policy1{ padding-bottom: 1rem;} .policy1 .t_head{ margin-bottom: 0.5rem;} .policy1 .screen-mod{ margin-bottom: 0.5rem;} .policy1 .list-mod2{ margin-bottom: 0.5rem;} .information1{ padding-bottom: 0.5rem;} .information1 .t_head{ padding-bottom: 0.3rem;} .block-mod1{ height: auto;} .block-mod1 .tab-cont, .block-mod1 .tab-bar{ float: none; width: 100%;} .block-mod1 .tab-cont{ display: none;} .block-mod1 .tab-bar{ background-size: 100% 100%; overflow: hidden;} .block-mod1 .tab-term{ margin-left: 0.5rem; margin-right: 0.5rem;} .block-mod1 .tab-term:first-child{ margin-top: 0.5rem;} .block-mod1 .tab-term + .tab-term{ margin-top: 0.2rem;} .block-mod1 .cont{ padding-bottom: 0.3rem;} .block-mod1 .cont:after{ bottom: 0.1rem;} .block-mod1 .h16{ margin-bottom: 0.2rem;} .block-mod1 .p{ margin-bottom: 0.2rem;} .information2{ padding-bottom: 0.5rem;} .information2 .t_head{ padding-bottom: 0.3rem;} .information2 .block-mod2{ margin-bottom: 0.3rem;} .block-mod2{ height: auto;} .block-mod2 .block-item{ float: none; padding: 0.3rem 0.5rem 0.5rem; width: 100%; background-size: 100% 100%;} .block-mod2 .block-item + .block-item{ margin-left: 0; margin-top: 0.2rem;} .block-mod2 .title{ margin: 0 0 0.2rem; padding-top: 0.3rem;} .block-mod2 .more{} .block-mod2 .ul{ margin: 0;} .block-mod2 .li + .li{ margin-top: 0.2rem; padding-top: 0.2rem;} .block-mod2 .h16{ margin-bottom: 0.1rem;} .information3{ padding-bottom: 0.5rem;} .information3 .t_head{ padding-bottom: 0.3rem;} .information3 .block-mod3{ margin-bottom: 0.3rem;} .block-mod3 .slick-mod{ margin-right: 0;} .block-mod3 .slick-slide{ margin-right: 0;} .block-mod3 .slick-arrow{ top: 1.47rem;} .block-mod3 .slick-next{ right: 0;} .block-mod3 .img{ height: 3.94rem;} .block-mod3 .cont{ padding: 0.3rem;} .block-mod3 .h16{ margin-bottom: 0.1rem;} .information4{ padding-bottom: 1rem;} .information4 .t_head{ padding-bottom: 0.3rem;} .information4 .block-mod4{ margin-bottom: 0.3rem;} .block-mod4{ padding: 0.5rem; height: auto; background-size: 100% 100%;} .block-mod4 .block-item{ margin: 0;} .block-mod4 .block-item:first-child{ margin-top: 0;} .block-mod4 .block-item + .block-item{ margin-top: 0.2rem; padding-top: 0.2rem;} .block-mod4 .h16{ margin-bottom: 0.2rem;} .block-mod4 .p{ margin-bottom: 0.1rem;} .dynamic1{ padding-bottom: 1rem;} .dynamic1 .t_head .h30{ margin-bottom: 0.3rem;} .dynamic1 .t_head .tab-link{ margin: 0 0.1rem 0.1rem;} .dynamic1 .t_head .bp-inner{ padding: 0 0.2rem; width: auto;} .dynamic1 .list-mod3{ margin-bottom: 0.3rem;} .newsdetails1{ margin-bottom: 0.3rem;} .newsdetails1 .video-js{ width: 100% !important; height: 100% !important; } .article-mod1 .article-cont img, .article-mod1 .article-cont video{ position: static; display: block; margin: auto; } .newsdetails2{ padding-bottom: 1rem;} .newsdetails2 .title{ position: relative; padding-bottom: 0.3rem;} .article-mod1 .article-title{ padding-top: 0.5rem; padding-bottom: 0.3rem; text-indent: 0;} .article-mod1 .article-title .h24{ margin-bottom: 0.3rem;} .article-mod1 .article-title .sub{ padding: 0 0.2rem; white-space: normal;} .article-mod1 .article-title .sub-item{ display: block; padding-left: 0.35rem; text-align: left;} .article-mod1 .article-title .sub-item + .sub-item{ margin-left: 0; margin-top: 0.1rem;} .article-mod1 .article-title .ico{ width: 0.24rem; height: 0.24rem;} .article-mod1 .article-cont{ padding: 0.2rem;} .article-mod1 .article-cont .imgs{ margin-bottom: 0.3rem;} .article-mod1 .article-cont .img{ float: none; width: 100%; height: auto;} .article-mod1 .article-cont .img + .img{ float: none; margin-top: 0.2rem;} .article-mod1 .article-cont .p,.article-mod1 .article-cont p{ margin-bottom: 0.2rem;} .article-mod1 .article-nav{ padding: 0.2rem;} .article-mod2 .t_head{ padding: 0.5rem 0;} .article-mod2 .table{ margin-bottom: 0.4rem;} .article-mod2 .table .p{ padding: 0.2rem; font-size: 0.3rem;} .article-mod2 .table tr{ border-bottom: none;} .article-mod2 .table td{ display: block; width: 100%; border-bottom: 1px dashed #b5b5b5;} .article-mod2 .slick-prev{ left: 0;} .article-mod2 .slick-next{ right: 0;} .article-mod2 .image{ margin-bottom: 0.2rem; padding: 0.3rem 0.8rem 0;} .article-mod2 .image:before, .article-mod2 .image:after{ display: none;} .article-mod2 .thumb{ display: none;} .article-mod2 .article-cont{ padding: 0.2rem 0.2rem 1rem;} .article-mod2 .article-cont .p + .p{ margin-top: 0.2rem;} .article-mod2 .slick-arrow{ top:2rem; width:0.8rem; } .article-mod2 .image .slick-item .p{ margin-top:0.2rem; margin-bottom:0.4rem; font-size:0.24rem; padding:0 0.5rem 0 0; max-height: none;} .slick_pages{ top:4.7rem; right:0.4rem; font-size:0.3rem; } .ally1{ padding: 0.5rem 0 1rem;} .ally1 .table{ margin-bottom: 0.3rem; background-size: 100% 0.7rem;} .ally1 .table th{ height: 0.7rem; font-size: 0.28rem;} .ally1 .table th:first-child {width: 1rem !important;} .ally1 .table th:last-child {width: 1.6rem !important;} .ally1 .table td{ height: 0.7rem;padding: 0.2rem 0.1rem;} .exhibition1{ padding-bottom: 0.6rem;} .exhibition1 .slick-wrap{ height: auto;} .exhibition1 .image{ float: none; width: 100%;} .exhibition1 .image .slick-arrow{ top: 0; bottom: 0;} .exhibition1 .cont{ float: none; padding: 0.3rem 0; width: 100%; height: auto; background-size: 100% 100%;} .exhibition1 .cont .slick-mod{ margin: 0 0.2rem;} .exhibition1 .cont .t_head{ padding: 0.2rem;} .exhibition1 .cont .h20{ margin-bottom: 0.2rem;} .exhibition1 .cont .p{ margin-bottom: 0.3rem;} .exhibition2{ padding-bottom: 1rem;} .exhibition2 .t_head{ padding-bottom: 0.3rem;} .exhibition2 .list{ margin-right: 0; margin-bottom: 0.3rem;} .exhibition2 .list-item{ float: none; margin-bottom: 0.3rem; margin-right: 0; width: 100%; height: auto;} .exhibition2 .img{ margin-bottom: 0.2rem; height: auto;} .exhibition2 .p{ font-size: 0.28rem;} .movies1{ padding-bottom: 1rem;} .movies1 .t_head{ margin-bottom: 0.3rem; padding: 0.5rem 0;} .movies1 .screen-mod{ margin-bottom: 0.5rem;} .movies1 .screen-mod .bp-inner, .movies1 .screen-mod .submit button{ width: 1rem;} .movies1 .screen-mod .select-btn{ width: 2rem;} .movies1 .screen-mod .select-mod{ width: auto;} .movies1 .screen-mod .tab-box{ margin-bottom: 0;} .movies1 .screen-mod .input-mod{ display: inline-block; margin-top: 0;} .movies1 .waterfall{ margin-bottom: 0.5rem;} .movies1 .waterfall .play{ background-size: 1rem;} .movies1 .waterfall .cont{ padding: 0.3rem;} .movies1 .waterfall .h16{ margin-bottom: 0.2rem;} .movies1 .waterfall .p{} .movies1 .wf-width{ width: 7rem;} .movies1 .wf-space{ width: 0;} .movies1 .wf-item{ width: 7rem; margin-bottom: 0.2rem;} .movies2{ padding-bottom: 1rem;} .movies2 .t_head{ margin-bottom: 0.3rem; padding: 0.5rem 0;} .movies2 .screen-mod{ margin-bottom: 0.5rem;} .movies2 .screen-mod .bp-inner, .movies1 .screen-mod .submit button{ width: 1rem;} .movies2 .screen-mod .select-btn{ width: 2rem;} .movies2 .screen-mod .select-mod{ width: auto;} .movies2 .screen-mod .tab-box{ margin-bottom: 0;} .movies2 .screen-mod .input-mod{ display: inline-block; margin-top: 0;} .movies2 .waterfall{ margin-bottom: 0.5rem;} .movies2 .waterfall .img{ height: auto;} .movies2 .waterfall .play{ background-size: 1rem;} .movies2 .waterfall .cont{ padding: 0.3rem;} .movies2 .waterfall .h16{ margin-bottom: 0.2rem;} .movies2 .wf-item{ width: 7rem; height: auto; margin-bottom: 0.2rem; margin-left: 0;} .resource1{ padding-bottom: 1rem;} .resource1 .t_head{ margin-bottom: 0.3rem; padding: 0.5rem 0;} .resource1 .waterfall{ margin-bottom: 0.5rem;} .resource1 .waterfall .play{ background-size: 1rem;} .resource1 .waterfall .cont{ padding: 0.3rem;} .resource1 .waterfall .h16{ margin-bottom: 0.2rem;} .resource1 .waterfall .p{} .resource1 .wf-width{ width: 7rem;} .resource1 .wf-space{ width: 0;} .resource1 .wf-item{ width: 7rem; margin-bottom: 0.2rem;} .learning1{ margin-bottom: 0.5rem;} .learning1 .t_head{ padding-bottom: 0.3rem;} .block-mod5{ margin-bottom: 0.3rem; padding: 0.2rem 0.3rem; background-size: 100% 100%;} .block-mod5 .block-item{ float: none; width: 100%;} .block-mod5 .pad{ margin: 0 0.3rem; padding: 0.2rem 0;} .block-mod5 .block-item:first-child + .block-item .pad{ border-top: 1px dashed #e5dbd1;} .block-mod5 .h16{ margin-bottom: 0.2rem;} .learning2{ margin-bottom: 0.5rem;} .learning2 .t_head{ padding-bottom: 0.3rem;} .learning2 .block-mod6{ margin-bottom: 0.3rem;} .block-mod6{ height: auto;} .block-mod6 .block-item{ float: none; width: 100%;} .block-mod6 .block-item + .block-item{ background-size: 100% 100%;} .block-mod6 .info{ padding: 0.2rem 0.3rem;} .block-mod6 .info .date{ margin-left: 0.2rem;} .block-mod6 .info .p{ font-size: 0.28rem;} .block-mod6 .list{ padding: 0.2rem 0.5rem;} .block-mod6 .list-item{ padding: 0.3rem 0;} .block-mod6 .list .h16{ margin-bottom: 0.2rem;} .block-mod6 .list .p{ margin-bottom: 0.2rem;} .learning3{ padding-bottom: 1rem;} .learning3 .t_head{ padding-bottom: 0.3rem;} .learning3 .block-mod7{ margin-bottom: 0.3rem;} .block-mod7 .block-item{ margin-bottom: 0.2rem; width: 3.4rem; height: 4.35rem;} .block-mod7 .block-item + .block-item{ margin-left: 0;} .block-mod7 .block-item:nth-child(2n){ margin-left: 0.2rem;} .block-mod7 .info{ padding: 0.2rem 0.3rem; font-size: 0.28rem;} .block-mod7 .mask{ display: none;} .interview1{ padding-bottom: 1rem;} .interview1 .t_head{ padding-bottom: 0.3rem;} .interview1 .list-mod5{ margin-bottom: 0.2rem;} .knowledge1{ padding-bottom: 1rem;} .knowledge1 .t_head .tab-box{ margin-top: 0.3rem;} .knowledge1 .t_head .tab-link{ margin: 0 0.1rem;} .knowledge1 .t_head .bp-inner{ padding: 0 0.2rem; width: auto;} .openclass1{ padding-bottom: 1rem;} .openclass1 .t_head{ padding-bottom: 0.3rem;} .openclass1 .list-mod7{ margin-bottom: 0.3rem;} .directorydetails1 .t_head{ padding: 0.5rem 0;} .directorydetails1 .section1{ height: auto;} .directorydetails1 .slick-wrap{ float: none; width: 100%;height:4.5rem;} .directorydetails1 .slick-nav{ padding: 0.2rem 0.5rem;} .directorydetails1 .slick-arrow{ width: 0.25rem; height: 0.39rem;} .directorydetails1 .slick-prev{ left: 0.2rem;} .directorydetails1 .slick-next{ right: 0.2rem;} .directorydetails1 .info-wrap{ float: none; width: 100%; background-size: 100% 100%;} .directorydetails1 .box{ position: static; padding: 0.4rem 0.3rem; text-align: left;} .directorydetails1 .dl{ float: none; width: auto; overflow: hidden;} .directorydetails1 .dl + .dl{ margin-left: 0; margin-top: 0.3rem;} .directorydetails1 .dl:before, .directorydetails1 .dl:after{ display: none;} .directorydetails1 .dt, .directorydetails1 .dd{ padding-top: 0; line-height: 1.5; width: auto; font-size: 0.28rem; -webkit-writing-mode: horizontal-tb; writing-mode: horizontal-tb; writing-mode: lr-tb; } .directorydetails1 .dd{ margin-left: 0rem;padding: 0.05rem 0 0;display:block;text-align:justify;} .directorydetails1 .dt{ font-size: 0.28rem;padding:0;} .directorydetails1 .section2{ padding-top: 0.5rem;} .directorydetails1 .section2:before{ display: none;} .directorydetails1 .unit{ padding-top: 0.5rem;} .directorydetails1 .title{ padding: 0.2rem 0 0.2rem 0.8rem; background: transparent; border-bottom: 1px solid #d8d8d8;} .directorydetails1 .no{ margin-top: 0; padding: 0; font-size: 0.5rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .directorydetails1 .no:before, .directorydetails1 .no:after{ display: none;} .directorydetails1 .cont{ padding: 0.3rem 0;} .directorydetails1 .list{ padding: 0.3rem 0;} .directorydetails1 .list-item{ float: none; width: 100%;} .directorydetails1 .list-item + .list-item{ margin-left: 0; margin-top: 0.2rem;} .directorydetails1 .img{ height: auto;} .directorydetails1 .list .p{ padding: 0.2rem; font-size: 0.28rem;} .block-mod8{ height: auto;} .block-mod8 .block-item{ float: none; width: 100%; height: 100%;} .block-mod8 .img{ height: 6.64rem;} .block-mod8 .title{ position: static; -webkit-writing-mode: horizontal-tb; writing-mode: horizontal-tb; writing-mode: lr-tb; } .block-mod8 .title .h30{ padding: 0.3rem; width: auto; font-size: 0.4rem; line-height: 1.2;} .block-mod8 .title .h30:before, .block-mod8 .title .h30:after{ display: none;} .block-mod8 .title .dot{ display: none;} .block-mod8 .list{ margin-left: 0; padding: 0.3rem;} .block-mod8 .list:after{ display: none;} .block-mod8 .list-item{ position: static; float: none; padding: 0.1rem 0; font-size: 0.28rem;} .block-mod8 .list-item + .list-item{ margin-left: 0;} .block-mod8 .list-item:before, .block-mod8 .list-item:after{ display: none;} .block-mod8 .list-item a, .block-mod8 .list-item .link{ display: inline; width: auto; -webkit-writing-mode: horizontal-tb; writing-mode: horizontal-tb; writing-mode: lr-tb; } .directory1{ padding: 1rem 0;} .directory1 .title{ margin-bottom: 0.5rem;} .directory1 .title .h30{ margin-bottom: 0.3rem;} .directory1 .title .p{ height: 1.13rem; line-height: 1.5;} .directory1 .title .rmore{ margin: 0.3rem auto; width: 0.16rem; height: 0.14rem; background-size: 200%;} .directory1 .title .t_more.b16{ font-size: 0.26rem; line-height: 1.5;} .directory1 .title .t_more.b16:before, .directory1 .title .t_more.b16:after{ background-image: url(../images/horn35_b.png);} .directory1 .num-box{ margin-bottom: 0.5rem;} .directory1 .num-item{ width: auto;} .directory1 .num-item .b{ font-size: 0.5rem;} .directory1 .screen-mod{ margin-bottom: 0.5rem; height: auto;} .directory1 .select-mod{ margin-right: 0; margin-bottom: 0.2rem; width: 3.4rem;} .directory1 .select-mod + .select-mod{ width: 3.4rem;} .directory1 .input{ margin-right: 0; width: 5.2rem;} .directory1 .submit.cur .bp-inner{ padding: 0 0.2rem; width: auto;} .directory1 .list-mod8{ margin-bottom: 0.2rem;} .directory1 .time-box{ margin-top: 0; margin-bottom: 0.5rem; padding: 0;} .directory1 .time-box:before{ display: none;} .directory1 .scroll-box{ height: 1rem;} .directory1 .scroll-item{ padding-top: 0.4rem; width: 1.63rem; background-position: center 0.1rem; background-size: contain;} .directory1 .scroll-item:before{ height: 0.25rem;} .directory1 .scroll-prev, .directory1 .scroll-next{ display: none;} .directory1 .time-box .h18{ padding: 0.1rem 0.3rem;} .directory1 .time-box .num{ font-size: 0.22rem;} .directory1 .tab-bar{ margin-bottom: 0.3rem; padding-bottom: 0; background: none; font-size: 0.28rem; white-space: nowrap; overflow-x: auto;} .directory1 .tab-term{ display: inline-block; float: none; vertical-align: top; width: auto; margin-left: 0.2rem; padding-bottom: 0.2rem;} .directory1 .tab-term:first-child{ margin-left: 0; width: auto;} .directory1 .tab-term:after{ margin-left: -6px; border: 6px solid transparent; border-bottom: 6px solid #3e5265;} .directory1 .table-box .h18{ margin-bottom: 0.2rem;} .directory1 .table{ margin-bottom: 0.5rem; background-size: 100% 0.7rem; overflow-x: auto;} .directory1 .table table{ width: auto;} .directory1 .table th{ padding: 0 0.2rem; width: auto; height: 0.7rem; font-size: 0.28rem; white-space: nowrap;} .directory1 .table td{ padding: 0 0.2rem; height: 0.7rem; white-space: nowrap;} .experimental1{ padding: 1rem 0.3rem; height: auto;} .experimental1 .cont{ position: static; width: 100%;} .experimental1 .h30{ margin-bottom: 0.2rem;} .experimental1 .txt{ max-height: 1.95rem; line-height: 1.5;} .experimental1 .mCSB_inside > .mCSB_container{ margin-right: 0.5rem;} .experimental2{ padding: 1rem 0;} .experimental2 .title{ margin-bottom: 0.2rem; padding-bottom: 0.3rem;} .experimental2 .list-mod2{ margin-bottom: 0.3rem;} .experimental2 .list-mod2 .list-link{ padding: 0.2rem 0.5rem;} .experimental2 .txtcenter{ margin-bottom: 0.5rem;} .experimental2 .table-grp + .table-grp{ margin-top: 0.5rem;} .experimental2 .table-box .h24{ margin-bottom: 0.3rem;} .experimental2 .table{ background-size: 100% 0.7rem; overflow-x: auto;} .experimental2 .table table{ width: auto;} .experimental2 .table th{ width: auto; height: 0.7rem; padding: 0 0.3rem; font-size: 0.28rem; white-space: nowrap;} .experimental2 .table td{ width: auto; height: 0.7rem; padding: 0.1rem;} .experimental2 .table th:nth-child(2), .experimental2 .table th:nth-child(3){ padding: 0 1rem;} .experimental3{ padding: 1rem 0.3rem; height: auto;} .experimental3 .cont{ position: static; width: 100%;} .experimental3 .h30{ margin-bottom: 0.2rem;} .experimental3 .txt{ line-height: 1.5; max-height: 1.95rem;} .experimental3 .p + .p{ margin-top: 0.2rem;} .rejuvenation1 .box{ top: 50%; right: 0; padding: 0 0.3rem; width: 100%; background-size: cover; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .rejuvenation1 .t_head{ margin-bottom: 0.3rem; text-align: center;} .rejuvenation1 .cont{ max-height: 2.9rem; text-align: left;} .rejuvenation1 .h16{ margin-bottom: 0.2rem;} .rejuvenation1 .p{ margin-bottom: 0.2rem; line-height: 1.5;} .rejuvenation2{ padding: 1rem 0 0.3rem; background-size: cover;} .rejuvenation2 .umbrella{ top: -1rem; height: 5.58rem;} .rejuvenation2 .umbrella:before{ margin-left: 2rem; width: 5.82rem; height: 5.58rem; background-size: contain;} .rejuvenation2 .t_head{ margin-bottom: 0.3rem;} .rejuvenation2 .list-mod2{ margin-right: 0.2rem; max-height: 5.3rem;} .rejuvenation2 .mCSB_outside + .mCSB_scrollTools{ right: -0.2rem;} .rejuvenation3{ padding: 1rem 0; background-size: cover;} .rejuvenation3 .t_head{ margin-bottom: 0.3rem;} .rejuvenation3 .t_head .h30{ font-size: 0.4rem;} .rejuvenation3 .list-box{ padding: 0.5rem 0.2rem 0.5rem 0; background-size: 100% 100%;} .rejuvenation3 .list-track{ max-height: 3.5rem;} .rejuvenation3 .list-item{ float: none; margin-bottom: 0.2rem; width: 100%;} .rejuvenation3 .list-item .date{ margin-right: 0.5rem;} .rejuvenation3 .list-item .p{ padding: 0 0.3rem;} .rejuvenation3 .mCSB_container:after{ display: none;} .rejuvenation3 .mCSB_outside + .mCSB_scrollTools{ right: -0.2rem;} .rejuvenation4{ padding: 1rem 0; background-size: cover;} .rejuvenation4 .t_head{ margin-bottom: 0.3rem;} .rejuvenation4 .slick-item{ margin-right: 0;} .rejuvenation4 .slick-nav{ font-size: 0;} .rejuvenation4 .slick-arrow{ margin: 0 0.3rem; width: 0.15rem; height: 0.24rem;} .rejuvenation4 .list-box{ margin-right: 0;} .rejuvenation4 .list-item{ float: left; margin-right: 0; width: 3.4rem; height: 3.5rem;} .rejuvenation4 .list-item:nth-child(2n){ margin-left: 0.2rem;} .rejuvenation4 .img{ margin-bottom: 0.2rem; height: auto;} .rejuvenation4 .h16{ margin-bottom: 0.1rem;} .rejuvenation5{ padding: 0.5rem 0; background-size: cover;} .rejuvenation5 .t_head{ margin-bottom: 0.3rem;} .rejuvenation5 .table{ margin-bottom: 0.2rem; background-size: 100% 0.7rem; overflow-x: auto;} .rejuvenation5 .table-head{ padding: 0; width: 150%;} .rejuvenation5 .table-body{ max-height: 4.35rem; padding: 0; width: 150%;} .rejuvenation5 .table table{ table-layout: fixed;} .rejuvenation5 .table th{ padding: 0 0.2rem; width: auto; height: 0.7rem; font-size: 0.28rem; white-space: nowrap;} .rejuvenation5 .table th:first-child{ text-align: center;} .rejuvenation5 .table td{ padding: 0.2rem; width: auto; height: 0.7rem;} .rejuvenation5 .table td:first-child{ text-align: center;} .rejuvenation5 .table td:nth-child(1){ padding: 0 0.4rem;} .rejuvenation5 .table td:nth-child(2){ white-space: nowrap;} .rejuvenation5 .mCSB_scrollTools{ top: 0.3rem; bottom: 0.3rem; right: -0.1rem;} .rejuvenation6{ padding: 1rem 0;} .rejuvenation6 .t_head{ margin-bottom: 0.3rem;} .rejuvenation6 .list-box{ padding: 0.5rem 0.2rem 0.5rem 0; background-size: 100% 100%;} .rejuvenation6 .list-track{ max-height: 3.5rem;} .rejuvenation6 .list-item{ float: none; margin-bottom: 0.2rem; width: 100%} .rejuvenation6 .list-item .date{ margin-right: 0.5rem;} .rejuvenation6 .list-item .p{ padding: 0 0.3rem;} .rejuvenation6 .mCSB_container:after{ display: none;} .rejuvenation6 .mCSB_outside + .mCSB_scrollTools{ right: -0.2rem;} .contact1{ padding-bottom: 1rem;} .contact1 .t_head{ padding: 0.3rem 0;} .contact1 .map, .contact1 .form{ float: none; width: 100%; height: 5rem;} .contact1 .form{ height: auto; background-size: 100% 100%;} .contact1 .box{ padding: 0.5rem;} .contact1 .h24{ margin-bottom: 0.3rem;} .contact1 .bp-inner, .contact1 .bp-border.cur .bp-inner{ padding: 0 0.1rem;} .contact1 .input input{ height: auto;} .contact1 .input, .contact1 .textarea{ margin-bottom: 0.2rem;} .contact1 .textarea .bp-inner{ padding: 0.1rem;} .contact1 .textarea textarea{ height: 1.34rem;} .contact1 .submit button{ width: 2rem;} .contact1 .cont{ padding: 0.5rem 0;} .contact1 .cont .p{ line-height: 1.5;} .contact1 .cont .p + .p{ margin-top: 0.2rem;} .contact1 .info{ margin: 0; background: none; text-align: center;} .contact1 .info-item{ float: none; display: inline-block; margin-bottom: 0.2rem; width: 45%; vertical-align: top;} .contact1 .info-item + .info-item{ margin-left: 0;} .contact1 .info-item .icon{ margin: auto; padding: 0.66rem; width: 2.22rem; background-size: 200%;} .contact1 .info-item img{ width: 0.9rem; height: 0.9rem;} .contact1 .info-item .h16{ margin: 0 0.1rem;} .train1 .cont{ padding: 0 0.3rem; width: 100%;} .train1 .h30{ margin-bottom: 0.3rem;} .train2{ padding: 1rem 0;} .train2 .t_head{ margin-bottom: 0.3rem;} .train2 .list-mod2{ margin-bottom: 0.3rem;} .train3{ padding: 1rem 0;} .train3 .t_head{ margin-bottom: 0.3rem;} .train3 .list-box{ padding: 0.5rem; background-size: 100% 100%;} .train3 .list-track{ max-height: 4rem;} .train3 .list-item{ padding: 0.2rem 0; width: 50%;} .train3 .mCSB_scrollTools{ width: 0.39rem;} .train3 .mCSB_scrollTools .mCSB_draggerRail{ width: 0.05rem;} .train3 .mCSB_inside > .mCSB_container{ margin-right: 0.38rem;} .train3 .mCSB_scrollTools .mCSB_dragger{ height: 0.39rem;} .train3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 0.39rem; background-size: contain;} .train4{ padding: 1rem 0 0.5rem;} .train4 .block-box{ height: auto;} .train4 .block-item{ float: none; width: 100%;} .train4 .block-item + .block-item{ float: none; margin-top: 0.5rem;} .train4 .t_head{ margin-bottom: 0.3rem;} .train4 .t_head .t_more{ margin-top: 0.07rem;} .train4 .box{ height: auto; background-size: 100% 100%;} .train4 .list{ padding: 0.2rem;} .train4 .list .list-item{ padding: 0.3rem;} .train4 .list .h16{ margin-bottom: 0.2rem;} .train4 .list .p{ margin-bottom: 0.2rem; line-height: 1.5;} .train4 .table{ margin: 0.3rem; max-height: 5rem;} .train4 .table td{ height: 0.6rem; font-size: 0.28rem;} .train5{ padding: 0.5rem 0 1rem;} .train5 .t_head{ margin-bottom: 0.3rem;} .train5 .box{ margin-bottom: 0.3rem;} .train5 .date{ font-size: 0.26rem;} .train5 .left{ margin-bottom: 0.2rem; float: none; width: 100%;} .train5 .left .p{ padding: 0.2rem 0.3rem; font-size: 0.28rem;} .train5 .left .date{ margin-left: 0.2rem;} .train5 .right{ float: none; width: 100%;} .train5 .right-item + .right-item{ margin-top: 0.2rem;} .train5 .right .img{ width: 3.2rem;} .train5 .right .cont{ padding: 0.2rem;} .train5 .right .h16{ margin-bottom: 0.1rem;} .train6{ padding: 1rem 0;} .train6 .t_head{ margin-bottom: 0.3rem;} .train6 .list-box{ margin-bottom: 0.3rem;} .train6 .list-item{ float: none; width: 100%;} .train6 .list-item + .list-item{ margin-left: 0; margin-top: 0.2rem;} .train6 .img{ margin-bottom: 0.2rem; height: auto;} .train6 .p{ margin-bottom: 0.1rem;} .chinadirectory1{ height: 8rem;} .chinadirectory2 .info-box .h30{ margin-bottom: 0.3rem; padding: 0;} .chinadirectory2 .info-box .cont{ padding: 0.5rem; height: 4rem; background-size: 100% 100%;} .chinadirectory2 .info-box .pad{ padding: 0; height: 100%; overflow: auto;} .chinadirectory2 .info-box .cont .p{ line-height: 1.5;} .chinadirectory2 .info-box .cont .p + .p{ margin-top: 0.2rem;} .chinadirectory2 .info-box .txtcenter{ margin-top: 0.3rem;} .chinadirectory2 .info-box .close{ width: 0.44rem; height: 0.44rem; background-size: contain;} .chinadirectory2 .info-box .pop{ background-size: 100% 100%;} .chinadirectory2 .info-box .list{ max-height: 4rem; padding: 0.3rem;} .chinadirectory2 .info-box .dl + .dl{ margin-top: 0.3rem;} .chinadirectory2 .info-box .dt{ margin-bottom: 0.2rem; font-size: 0.28rem;} .chinadirectory2 .info-box tr{ font-size: 0;} .chinadirectory2 .info-box td{ display: inline-block; padding: 0.05rem 0; width: 50%; vertical-align: top; height: auto; font-size: 0.26rem; line-height: 1.3;} .chinadirectory2 .title{ position: static; margin-right: 0; -webkit-writing-mode: horizontal-tb; writing-mode: horizontal-tb; writing-mode: lr-tb; } .chinadirectory2 .title .h30{display: block; padding: 0.5rem 0.25rem; width: 100%; font-size: 0.4rem; line-height: 1.5;} .chinadirectory2 .title .h30:before, .chinadirectory2 .title .h30:after{ display: none;} .chinadirectory2 .tab-mod{ padding-bottom: 0;} .chinadirectory2 .tab-bar{ margin: 0 0.25rem; width: auto;} .chinadirectory2 .tab-bar:after{ height: 0.67rem; background-size: contain;top: -0.02rem;} .chinadirectory2 .tab-term{ width: 0.54rem; font-size: 0.2rem; white-space: nowrap;} .chinadirectory2 .tab-term:before{ margin-bottom: 0.1rem;} .chinadirectory2 .tab-term.t1:before{ height: 1.7rem;} .chinadirectory2 .tab-term.t2:before{ height: 1.5rem;} .chinadirectory2 .tab-term.t3:before{ height: 1.6rem;} .chinadirectory2 .tab-term.t4:before{ height: 1.7rem;} .chinadirectory2 .tab-term.t5:before{ height: 1.6rem;} .chinadirectory2 .tab-term.t6:before{ height: 1.7rem;} .chinadirectory2 .tab-term.t7:before{ height: 1.6rem;} .chinadirectory2 .tab-term.t8:before{ height: 1.5rem;} .chinadirectory2 .tab-term.t9:before{ height: 1.7rem;} .chinadirectory2 .tab-term.t10:before{ height: 1.6rem;} .chinadirectory2 .tab-term.t11:before{ height: 1.7rem;} .chinadirectory2 .tab-cont{ position: relative; left: 0; margin-left: 0;} .chinadirectory2 .scroll-arr{ width: 0.15rem; height: 0.8rem; background-size: 200%;} .chinadirectory2 .scroll-box{ margin: 0 0.53rem; height: 2.3rem;} .chinadirectory2 .scroll-track{ height: 5rem;} .chinadirectory2 .scroll-item{ width: 2rem;} .chinadirectory2 .scroll-item.s1{ margin-left: 0.4rem; top: 0.3rem;} .chinadirectory2 .scroll-item.s1 .p{ top: 0.3rem;bottom:inherit;} .chinadirectory2 .scroll-item.s2{ margin-left: -1.5rem; top: 1.8rem;} .chinadirectory2 .scroll-item.s3{ margin-left: -0.3rem; top: 1rem;} .chinadirectory2 .scroll-item.s4{ margin-left: 0.5rem;} .chinadirectory2 .scroll-item .img{ height: 2rem;} .chinadirectory2 .scroll-item .year{ padding: 0.5rem 0; font-size: 0.6rem;} .chinadirectory2 .scroll-item .p{ bottom: 0rem; padding: 0.1rem 0.1rem; font-size: 0.2rem;} .chinadirectory2 .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; right: 0; bottom: 0.3rem; margin: auto; width: 5rem;} .chinadirectory3{ padding: 0.5rem 0 1rem;} .chinadirectory3 .t_head{ margin-bottom: 0.3rem;} .chinadirectory3 .list-box{ padding: 0.5rem 0.2rem 0.5rem 0; background-size: 100% 100%;} .chinadirectory3 .list-item{ float: none; margin-bottom: 0.2rem; width: 100%;} .chinadirectory3 .list-item .date{ margin-right: 0.5rem;} .chinadirectory3 .list-item .p{ padding: 0 0.3rem;} .special1{ height: 10rem;} .special1:after{ height: 2.41rem; background-size: cover;} .special1 .cont{ top: 3rem; padding: 0 0.3rem;} .special1 .t{ margin-bottom: 0.1rem; width: 6rem; height: 0.46rem;} .special1 .date{ margin-bottom: 0.2rem; font-size: 0.26rem;} .special1 .h22 + .h22{ margin-top: 0.2rem;} .special2{ padding: 1rem 0 0.5rem;} .special2 .box{ height: auto;} .special2 .img{ float: none; margin-right: 0; width: 100%;} .special2 .cont{ background-size: 100% 100%;} .special2 .pad{ padding: 0.5rem;} .special2 .h16{ margin-bottom: 0.2rem;} .special2 .date{ margin-bottom: 0.2rem; margin-right: 0; background-position: 2rem; background-size: auto 0.3rem;} .special2 .p{ margin-bottom: 0.2rem; line-height: 1.5;} .special3{ padding: 1rem 0 0.5rem;} .special3 .img{ height: auto;} .special3 .slot{ margin: 0 0.25rem; height: 2rem;} .special3 .cont{ padding: 0.5rem;} .special3 .box{ padding-bottom: 0.2rem;} .special3 .t_head{ margin-bottom: 0.2rem;} .special3 .h16{ margin-bottom: 0.1rem;} .special3 .date{ margin-bottom: 0.1rem; font-size: 0.28rem;} .special3 .p + .p{ margin-top: 0.1rem;} .special3 .x-wrap:hover .slot{ height: 2rem;} .special3 .x-wrap:hover .box{ display: none;} .special4{ padding: 0.5rem 0;} .special4 .t_head{ margin-bottom: 0.3rem;} .special4 .box{ margin-bottom: 0.3rem;} .special4 .date{ font-size: 0.26rem;} .special4 .left{ margin-bottom: 0.2rem; float: none; width: 100%;} .special4 .left .p{ padding: 0.2rem 0.3rem; font-size: 0.28rem;} .special4 .left .date{ margin-left: 0.2rem;} .special4 .right{ float: none; width: 100%;} .special4 .right-item + .right-item{ margin-top: 0.2rem;} .special4 .right .img{ width: 3.2rem;} .special4 .right .cont{ padding: 0.2rem;} .special4 .right .h16{ margin-bottom: 0.1rem;} .special5{ padding: 0.5rem 0;} .special5 .t_head{ padding: 0.3rem 0;} .special5 .box{ float: none; padding-bottom: 0.5rem; width: 100%; height: auto; background-size: 100% 100%;} .special5 .box.b2{ margin-top: 0.2rem; margin-left: 0;} .special5 .box.b3{ margin-top: 0.2rem; margin-left: 0;} .special5 .img{ margin: 0 0.2rem 0.2rem; height: auto;} .special5 .h16{ margin: 0 0.2rem 0.1rem;} .special5 .date{ margin: 0 0.2rem 0.2rem;} .special5 .t_more{ margin-left: 0.2rem;} .special6{ padding: 1rem 0;} .special6 .t_head{ margin-bottom: 0.3rem;} .special6 .list-box{ padding: 0.5rem 0.2rem 0.5rem 0; background-size: 100% 100% !important;} .special6 .list-track{ max-height: none;} .special6 .list-track:after{ display: none;} .special6 .list-item{ float: none; margin-bottom: 0.2rem; width: 100%} .special6 .list-item .date{ margin-right: 0.5rem;} .special6 .list-item .p{ padding: 0 0.3rem;} .special6 .mCSB_container:after{ display: none;} .special6 .mCSB_outside + .mCSB_scrollTools{ right: -0.2rem;} .special7{ padding-bottom: 1rem;} .special7 .t_head{ margin-bottom: 0.3rem;} .special7 .slick-mod{ margin-right: 0;} .special7 .slick-slide{ margin-right: 0; width: 7rem;} .special7 .slick-item{ height: auto;} .special7 .slick-nav{ font-size: 0;} .special7 .slick-arrow{ margin: 0 0.3rem; width: 0.15rem; height: 0.24rem;} .special7 .list-box{ margin-right: 0;} .special7 .img{ margin-bottom: 0.2rem; height: auto;} .special7 .h16{ margin-bottom: 0.3rem;} .special8{ padding: 1rem 0;} .special8 .t_head{ margin-bottom: 0.3rem;} .special8 .slick-mod{ margin-right: 0;} .special8 .slick-slide{ margin-right: 0; width: 7rem;} .special8 .slick-item{ height: auto;} .special8 .slick-nav{ font-size: 0;} .special8 .slick-arrow{ margin: 0 0.3rem; width: 0.15rem; height: 0.24rem;} .special8 .list-box{ margin-right: 0;} .special8 .img{ margin-bottom: 0.2rem; height: auto;} .special8 .h16{ margin-bottom: 0.3rem;} .special8 .play{ width: 0.8rem; height: 0.8rem; background-size: contain;} .special8_new .con{ margin: 0 0 0.6rem; } .special8_new .slick-item{ display: block; width: 100%; margin: 0 0 0.3rem; } /* 移动端搜索结果页 */ .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;} .load_ld {padding-top:0.2rem;} .article-mod2 .image .slick-item .img{height:4.2rem;} .exhibition1 .slick-item .img {height:4rem;background: url(../images/img44.jpg) no-repeat;background-size: 100% 100%;} /*11224*/ .list-mod1 .t_more{ position: relative; left:0; } .list-mod1 .cont{ height:auto; } .chinadirectory2 .info-box .pad .txt {max-height: 2.15rem;} .directorydetails1 .cont .p {font-size:0.28rem;} .article-cont table{ width:100% !important; } .ally1 .fr_txt {padding-bottom: 0.2rem;} /*4022*/ .newPage{ padding:0.2rem 0 0.6rem; } .screen-mod .input.w1 {width: 3.4rem;margin-bottom: 0.2rem;} .article-mod1 .article-title .h16{margin-bottom: 0.5rem;} .article-mod1 .article-title .h22{margin-bottom: 0.5rem;} .s_tit{ position: relative; left: 0; padding: 0; width: 100%; line-height: 1.2;} .s_tit .h44{ font-size: 0.5rem;} .s_tit .s_more{ position: absolute; right: 0; top: 50%; margin: 0; padding: 0 0.3rem; font-size: 0.3rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .s_tit .s_more:before, .s_tit .s_more:after{ left: auto; top: 50%; width: 0.2rem; height: 0.2rem; background-size: cover; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); } .s_tit .s_more:before{ left: 0;} .s_tit .s_more:after{ right: 0; bottom: auto;} .s_tit .line{ display: none;} .special9{ height: 13.34rem;} .special9 .arrow{ bottom: 0.2rem; width: 0.92rem; height: 0.65rem; background-size: contain;} .special10{ padding: 1rem 0 0.5rem; height: auto; background-size: cover;} .special10 .s_tit{ top: 0; margin-bottom: 0.3rem;} .special10 .img{ position: static; padding: 0.5rem; width: 100%; height: auto; background-size: contain;} .special11{ padding: 0.5rem 0; height: auto; background-size: cover;} .special11 .s_tit{ top: 0; margin-bottom: 0.3rem;} .special11 .box{ position: relative; left: 0; top: 0; margin-left: 0;} .special11 .img{ width: 100%; height: auto;} .special11 .cont{ left: 0.3rem; right: 0.3rem; top: 2rem; padding: 0.5rem; width: auto; font-size: 0.3rem;} .special11 .cont .li + .li{ margin-top: 0.1rem;} .special11 .png{ display: none;} .special12{ padding: 0.5rem 0; height: auto; background-size: cover;} .special12 .s_tit{ top: 0; margin-bottom: 0.3rem;} .special12 .box{ position: relative; left: 0; top: 0; bottom: 0.8rem;} .special12 .slick-paging{ display: none;} .special12 .slick-mod{ margin-top: 0;} .special12 .img{ height: auto;} .special12 .cont{ margin-top: 0; padding: 0.5rem; width: 100%; height: 4.2rem;} .special12 .cont .h18{ margin-bottom: 0.2rem; line-height: 1.2;} .special12 .cont .p{ margin-bottom: 0.3rem;} .special12 .slick-ctrl{ left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .special12 .slick-ctrl:after{ height: 0.2rem;} .special12 .slick-arrow{ margin: 0 0.1rem; width: 0.4rem; height: 0.5rem; background-size: 200%;} .special12 .slick-prev{ background-image: url(../images/png101.png);} .special12 .slick-next{ background-image: url(../images/png102.png);} .special12 .slick-arrow:hover{ background-position: right;} .special13{ padding: 0.5rem 0; height: auto; background-size: cover;} .special13 .s_tit{ top: 0; margin-bottom: 0.3rem;} .special13 .li{ position: relative;} .special13 .li .h30{ width: 0.5rem;} .special13 .li.l1{ top: 0; left: 0;} .special13 .li.l1 .img{ width: 100%; height: auto;} .special13 .li.l1 .h30{ top: 1rem; right: 2rem;} .special13 .li.l2{ top: 0; left: 0;} .special13 .li.l2 .img{ width: 100%; height: auto;} .special13 .li.l2 .h30{ top: 3rem; left: 1rem;} .special13 .li.l3{ top: 0; right: 0;} .special13 .li.l3 .img{ width: 100%; height: auto;} .special13 .li.l3 .h30{ top: 2rem; left: 1rem;} .special14{ padding: 0.5rem 0; height: auto; background-size: cover;} .special14 .s_tit{ top: 0; margin-bottom: 0.3rem;} .special14 .tab-mod{ position: static;} .special14 .tab-bar{ display: none;} .special14 .tit{ padding: 0.3rem;} .special14 .tit .h14{ margin-bottom: 0.1rem; height: auto;} .special14 .tab-term + .tab-term{ margin-top: 0.2rem;} .special14 .tab-term.cur{ background-size: 0.13rem; background-position: left 0.07rem;} .special14 .tab-cont{ width: 100%; height: auto;} .special14 .tab-item{ position: relative; visibility: visible;} .special14 .tab-item + .tab-item{ margin-top: 0.3rem;} .special14 .tab-item .tit{ display: block;} .special14 .tab-item .img{ border-radius: 0;} .special14 .png{ display: none;} .special15{ padding: 0.5rem 0; height: auto; background-size: cover;} .special15 .s_tit{ top: 0; margin-bottom: 0.3rem;} .special15 .ul{ position: static; margin-top: 0; height: auto; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .special15 .li{ position: relative; width: 100%; height: auto;} .special15 .li .h25{ padding: 0.2rem; max-height: none; font-size: 0.3rem;} .special15 .li.l1{ right: 0; top: 0; margin-bottom: 0.2rem;} .special15 .li.l2{ right: 0; top: 0; margin-bottom: 0.2rem;} .special15 .li.l3{ bottom: 0; right: 0;} .special15 .png{ display: none;} .special16{ padding: 0.5rem 0; height: auto; background-size: cover;} .special16 .s_tit{ top: 0; margin-bottom: 0.3rem;} .special16 .ul{ position: static; margin-bottom: 0.5rem; height: auto;} .special16 .li{ position: relative; border-radius: 50%;} .special16 .li .p{ bottom: 1rem; font-size: 0.3rem;} .special16 .li:after{ width: 0.8rem; height: 0.8rem;} .special16 .li.l1{ left: 0; margin-bottom: 0.2rem; top: 0; width: 100%; height: auto;} .special16 .li.l1:after{ width: 0.8rem; height: 0.8rem;} .special16 .li.l1 .p{ bottom: 1rem; font-size: 0.3rem;} .special16 .li.l2{ left: 0; margin-bottom: 0.2rem; width: 100%; height: auto;} .special16 .li.l2 .p{ bottom: 1rem;} .special16 .li.l3{ width: 100%; height: auto;} .special16 .li.l3 .p{} .special16 .link{ position: static; display: block; margin: auto; padding: 0; width: 1.71rem; height: auto; font-size: 0.22rem; line-height: 0.37rem; background-image: url(../images/png111.png); background-size: contain;} .special10.jjl_xg1 {height: auto;} .special13.jjl_xg1 .li .h30 {font-size: 0.38rem;} .special15.jjl_xg1 .li.l3 {bottom: 0;} .special10.jjl_xg1 #xwfbh {position:absolute;left: 0;top: 0;} .special11.jjl_xg1 #zchd {position:absolute;left: 0;top: 0;} .special13.jjl_xg1 #xlhd {position:absolute;left: 0;top: 0;} .special15.jjl_xg1 #jcts {position:absolute;left: 0;top: 0;} .special16.jjl_xg1 #spjj {position:absolute;left: 0;top: 0;} .special12.jjl_xg1 #ztbd {position:absolute;left: 0;top: 0;} .special15.jjl_xg1 .li .h25 {font-size: 0.26rem;} .special15.jjl_xg1 .li {width: 100%;height: auto;} /* 2019.12.16 xf */ .pop-vd .pop-dialog{ width: 7rem; height: 5rem;} .pop-vd .pop-close{ top: -1rem;} .special17{ padding: 2.5rem 0 1rem; height: auto;} .special17 .x-wrap{ width: 100%;} .special17 .img{ position: static; margin: 0 auto 0.5rem; width: 90%; height: auto;} .special17 .cont{ position: static; width: 100%;} .special17 .cont .h48{ margin-bottom: 0.2rem; font-size: 0.7rem;} .special17 .cont .p{ font-size: 0.3rem; line-height: 1.5;} .special18{ padding: 1rem 0;} .special18.st{ padding-top: 2rem;} .special18 .x-wrap{ width: 100%;} .special18 .unit1 .img{ float: none; width: 100%; height: auto;} .special18 .unit1 .cont{ height: auto; background-size: cover;} .special18 .unit1 .pad{ padding: 0.5rem 0;} .special18 .unit1 .h24{ margin-bottom: 0.2rem; padding-left: 0.5rem;} .special18 .unit1 .li{ padding: 0.1rem 0.5rem; font-size: 0.3rem;} .special18 .unit1 .li.o{ margin-left: 0.25rem; padding-left: 0.25rem;} .special18 .unit1 .li.e{ margin-right: 0.25rem; padding-right: 0.25rem;} .special18 .unit1 .li + .li{ margin-top: 0.2rem;} .special18 .unit1 .tip{ margin: 0.5rem 0 0; line-height: 1.5;} .special18 .unit2{ margin-top: 1rem;} .special18 .unit2 .h24{ margin-bottom: 0.5rem;} .special18 .unit2 .cont{ padding: 0.5rem 0.3rem;} .special18 .unit2 .scroll{ max-height: 3.1rem;} .special18 .unit2 .p{ line-height: 1.5;} .special18 .unit3{ margin-top: 1rem;} .special18 .unit3 .h24{ margin-bottom: 0.3rem;} .special18 .unit3 .table{ margin-bottom: 0.3rem; background-size: contain; overflow-x: auto;} .special18 .unit3 table{ width: auto; white-space: nowrap;} .special18 .unit3 thead{ background-color: #d8b87f;} .special18 .unit3 th{ padding: 0 0.3rem; height: 0.8rem; font-size: 0.3rem;} .special18 .unit3 td{ padding: 0.1rem 0; height: 0.6rem;} .special19 .unit{ padding: 0;} .special19 .unit:before, .special19 .unit:after{ display: none;} .special19 .border{ display: none;} .special19 .img{ position: static; width: 100%;} .special19 .cont{ padding: 0.5rem 0.25rem; width: 100%; background: url(../images/img192.jpg) no-repeat; background-size: cover;} .special19 .unit.u1 .cont{ float: none;} .special19 .cont .h24{ margin-bottom: 0.2rem;} .special19 .cont .p{ line-height: 1.5;} .special19 .cont .p + .p{ margin-top: 0.1rem;} .special19 .cont .link{ margin-top: 0.5rem; width: 2.64rem; background-size: contain; font-size: 0.3rem; line-height: 2;} .special20{ padding: 1rem 0; height: auto; background-size: cover;} .special20 .x-wrap{ width: 100%;} .special20 .unit{ padding-top: 0;} .special20 .unit .h24{ margin-bottom: 0.3rem;} .special20 .unit .link{ width: 2.64rem; background-size: contain; font-size: 0.3rem; line-height: 2;} .special20 .unit .vd:after{ width: 0.6rem; height: 0.6rem; background-size: cover;} .special20 .unit.u1{ margin-bottom: 1rem;} .special20 .unit.u1 .ul{ margin: 0 0 0.3rem;} .special20 .unit.u1 .li{ margin: 0 0.05rem 0.1rem; width: 3.4rem; height: 1.9rem;} .special20 .unit.u2 .box{ margin-bottom: 0.5rem; padding-left: 0; height: auto;} .special20 .unit.u2 .ul{ padding: 0;} .special20 .unit.u2 .li{ padding: 0;} .special20 .unit.u2 .img{ position: static; visibility: visible;} .special20 .unit.u2 .cont{ padding: 0.5rem 0.2rem;} .special20 .unit.u2 .h18{ margin-bottom: 0.1rem;} .special20 .unit.u2 .p{ margin-bottom: 0.05rem; line-height: 1.5;} .special20 .unit.u2 .li.cur{ border-bottom: 1px solid #d6d6d6; color: #707070;} .special20 .unit.u2 .li.cur .h18{ color: #333;} .special21{ margin-bottom: -2rem; padding: 2rem 0 3rem; height: auto; background-size: cover;} .special21 .x-wrap{ width: 100%;} .special21 .img{ position: static; margin: 0 auto 0.5rem; width: 90%; height: auto;} .special21 .cont{ position: static; width: 100%;} .special21 .cont .h48{ margin-bottom: 0.2rem; font-size: 0.7rem;} .special21 .cont .p{ font-size: 0.3rem;} .special21 .cont .p + .p{ margin-top: 0.1rem;} .special22{ padding: 1rem 0;} .special22 .h24{ margin-bottom: 0.3rem; padding-bottom: 0.3rem;} .special22 .ul{ margin: 0 0 0.3rem;} .special22 .li{ margin: 0 0.05rem 0.1rem; width: 3.4rem; height: 3.2rem; background-size: contain;} .special22 .img{ margin-bottom: 0.2rem; height: auto;} .special22 .link{ width: 2.64rem; background-size: contain; font-size: 0.3rem; line-height: 2;} .special23{ padding: 3rem 0 1rem; height: auto;} .special23 .cont{ position: static; margin: 0;} .special23 .h66{ margin-bottom: 0.2rem; font-size: 0.7rem;} .special23 .h44{ margin-bottom: 0.5rem; font-size: 0.55rem;} .special23 .logo{ width: 4rem; height: auto;} .special24{ padding: 1rem 0;} .special24 .h48{ margin-bottom: 0.2rem; font-size: 0.5rem;} .special24 .info{ margin-bottom: 1rem; font-size: 0.24rem;} .special24 .info .p + .p{ margin-top: 0.2rem;} .special24 .arr{ margin-top: 0.2rem; width: 0.28rem; height: 0.2rem;} .special24 .unit + .unit{ margin-top: 1rem;} .special24 .unit .h30{ margin-bottom: 1rem;} .special24 .ul{ margin: 0 0.05rem;} .special24 .li{ margin: 0.05rem; margin-top: -0.6rem; width: 2.2rem;} .special24 .li:nth-child(9n+1){ margin-left: 0.05rem;} .special24 .li:nth-child(9n+4){ margin-right: 0.05rem;} .special24 .li:nth-child(5n+4){ margin-left: 1.2rem;} .special24 .li:nth-child(5n+5){ margin-right: 1.2rem;} .special24 .stamp{ display: inline-block;} .special24 .li .border:before, .special24 .li .border:after{ width: calc( 100% + 6px ); height: calc( 100% + 6px );} .special23.jjlxg1 .cont {padding-top: 0;} } .tac{text-align:center;} a.a{position:absolute;left:0;top:0;right:0;bottom:0;cursor: pointer;background: rgba(0,0,0,0);} .special7_1_1{background:url(../images/bg1_1.jpg) center center no-repeat;height:980px;position: relative;} .special7_1_1 .t1{position:absolute;left:50%;top:140px;margin-left:-500px;transform:scale(1.1);opacity:0;transition:all 2s ease-out 0s;} .special7_1_1.showd .t1{transform:none;opacity:1;} .special7_1_1 .t2{position:absolute;left:50%;top:250px;margin-left:-60px;transform:translateX(100px);opacity:0;transition:all 1s ease-out 1s;} .special7_1_1.showd .t2{transform:none;opacity:1;} .special7_1_2{background:url(../images/bg1_2.jpg) center center no-repeat;height:987px;position: relative;} .special7_1_2 .title{padding-top:25px;} .special7_1_2 .content{margin-top:50px;} .special7_1_2 .circle{position:relative;height:569px;width:1031px;margin:auto;} .special7_1_2 .bg1{background:url(../images/png2_0.png) center top no-repeat;height:569px;transform:rotate(-180deg);transition:all 1s ease-out 0s;opacity: 0;} .special7_1_2.showd .bg1{transform:none;opacity: 1;} .special7_1_2 .bg2{position:absolute;left:0;top:0;right:0;} .special7_1_2 .bg2 .b{opacity:0;transition:all 0.3s ease-out 0s;} .special7_1_2 .bg2 .b.s{opacity:1;transform:none;} .special7_1_2 .bg2 .b:nth-child(1){background:url(../images/png2_1.png) center center no-repeat;position: absolute;left:-1px;top:78px;width:432px;height:475px;} .special7_1_2 .bg2 .b:nth-child(2){background:url(../images/png2_2.png) center center no-repeat;position: absolute;left:50%;top:0;width:538px;height:377px;margin-left:-268px;} .special7_1_2 .bg2 .b:nth-child(3){background:url(../images/png2_3.png) center center no-repeat;position: absolute;right:-4px;top:75px;width:439px;height:475px;} .special7_1_2 .item{position:absolute;width:330px;text-align: center;opacity:0;transition:all 0.5s ease-out 1s;} .special7_1_2 .item .h{font-size:32px;margin-top:30px;color: #fff;} .special7_1_2 .item:nth-child(1){top:200px;left:80px;transform:translate(100px,100px);} .special7_1_2 .item:nth-child(2){top:40px;left:50%;margin-left:-165px;transform:translate(0,100px);} .special7_1_2 .item:nth-child(3){top:200px;right:80px;transform:translate(-100px,100px);} .special7_1_2.showd .item{opacity:1;transform:none;} .special7_1_2 .bb{margin-top:50px;text-align: center;} .special7_1_2 .more1{background:url(../images/png5.png) center center no-repeat;text-align: center;width:129px;height:47px;line-height:47px;color: #4e2020;display: inline-block;font-size:20px;cursor: pointer;} .special7_1_3{background:url(../images/bg1_3.jpg) center center no-repeat;height:813px;} .special7_1_3 .content{margin-top:50px;} .special7_1_3 .child{width:333px;padding:0 20% 0 15px;border-left:1px solid #c69e5e;position: relative;box-sizing:border-box;} .special7_1_3 .child:hover{background:url(../images/png8.png) center bottom no-repeat;} .special7_1_3 .child .date{color:#642929;font-family:Arial;font-size:16px;line-height:1;} .special7_1_3 .child .date b{font-size:58px;font-weight:normal;} .special7_1_3 .child .h{margin-top:35px;font-size:20px;} .special7_1_3 .child:hover .h{color:#c69e5e;} .special7_1_3 .child .h:before{content:"";background:url(../images/png6.png) center center no-repeat;width:17px;height:13px;display: inline-block;margin-right:5px;vertical-align: middle;} .special7_1_3 .child .p{color:#666666;margin-top:30px;font-size:16px;} .special7_1_3 .child .m{margin-top:20px;font-size:16px;display: inline-block;} .special7_1_3 .nav{margin-top:30px;text-align: center;} .special7_1_3 .nav .prev{margin-right:30px;position:static;background:none;} .special7_1_3 .nav .next{position:static;background:none;} .special7_1_3 .bb{margin-top:50px;text-align: center;} .special7_1_3 .more1{background:url(../images/png5.png) center center no-repeat;text-align:center;width:129px;height:47px;line-height:47px;color: #4e2020;display: inline-block;font-size:20px;cursor: pointer;} .special7_1_4{background:url(../images/bg1_4.jpg) center center no-repeat;height:996px;} .special7_1_4 .title{padding-top:135px;} .special7_1_4 .content{height:640px;margin-top:40px;position: relative;} .special7_1_4 .content:before{content:"";background:url(../images/png4.png) center center no-repeat;width:19px;height:17px;position: absolute;left:-7px;top:100%;} .special7_1_4 .g{margin-top:20px;} .special7_1_4 .g:first-child{margin-top:0;} .special7_1_4 .date{color: #fff;font-size:16px;font-family:Arial;} .special7_1_4 .item{height:169px;background:rgba(255,255,255,0.15);margin-top:20px;position: relative;} .special7_1_4 .item .pic{float: left;width:300px;} .special7_1_4 .item .pic img{width:100%;} .special7_1_4 .item .text{overflow: hidden;padding:25px 60px 0;color: #fff;font-size: 16px;} .special7_1_4 .item .text .h{font-size:20px;} .special7_1_4 .item .text .p{margin-top:10px;} .special7_1_4 .item .text .d{margin-top:10px;} .special7_1_4 .mCSB_inside > .mCSB_container{margin:0 0 0 90px;} .special7_1_4 .mCSB_scrollTools{left:0;right:auto;} .special7_1_4 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#c69e5e;} .special7_1_4 .mCSB_scrollTools .mCSB_draggerRail{background:#c69e5e;} .special7_1_4 .mCSB_dragger_bar span{color:#fff;position: absolute;left:10px;top:50%;transform:translateY(-50%);font-family:Arial;font-size:16px;} .special7_2_1{background:url(../images/bg2_1.jpg) center center no-repeat;height:939px;} .special7_2_1 .x-wrap{padding-top:190px;} .special7_2_1 .content{margin-top:50px;position: relative;} .special7_2_1 .pic{width:50%;position: absolute;left:0;top:0;} .special7_2_1 .list{position: relative;top:75px;margin-left:380px;background:#fff;padding:75px 50px;} .special7_2_1 .list .inner{height:390px;} .special7_2_1 .item{margin-top:45px;position: relative;} .special7_2_1 .item:first-child{margin-top:0;} .special7_2_1 .item .h{font-size:20px;} .special7_2_1 .item:hover .h{color:#7A2123;} .special7_2_1 .item .date{margin:15px 0;color: #999999;background:url(../images/png7.png) right center no-repeat;font-family:Arial;font-size:16px;} .special7_2_1 .item .p{color: #999;font-size:16px;} .special7_2_1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#813a31;} .special7_2_1 .mCSB_scrollTools .mCSB_draggerRail{background:#813a31;} .special7_2_2{background:url(../images/bg2_2.jpg) center center no-repeat;height:1096px;} .special7_2_2 .x-wrap{padding-top:110px;} .special7_2_2 .frame{margin-top:45px;} .special7_2_2 .frame .item{background:rgba(121,54,41,0.7);color: #fff;position: relative;height:185px;margin-top:20px;font-size:16px;} .special7_2_2 .frame .item:hover{background:rgba(121,54,41,1);} .special7_2_2 .frame .item:first-child{margin-top:0;} .special7_2_2 .frame .item .pic{float: left;width:329px;overflow: hidden;} .special7_2_2 .frame .item .text{overflow: hidden;padding:25px 50px 0;} .special7_2_2 .frame .item .tit:after{content:"";display: block;clear: both;} .special7_2_2 .frame .item .h{font-size:20px;float: left;} .special7_2_2 .frame .item .date{float: right;} .special7_2_2 .frame .item .ah{margin-top:10px;} .special7_2_2 .frame .item .p{margin-top:10px;} .special7_2_2 .nav{margin-top:50px;} .special7_2_2 .nav .prev{margin-right:30px;position:static;background:none;} .special7_2_2 .nav .next{position:static;background:none;} .special7_2_3{background:url(../images/bg2_3.jpg) center center no-repeat;height:1017px;} .special7_2_3 .x-wrap{padding-top:80px;} .special7_2_3 .content{margin-top:50px;} .special7_2_3 .content .d{position:relative;overflow: hidden;height:307px;} .special7_2_3 .content .d .text{height:100%;background:#fff;padding:25px;box-sizing:border-box;position: relative;width:50%;} .special7_2_3 .content .d .text:after{content:"";border:10px solid transparent;border-left:10px solid #fff;position: absolute;top:50%;left:100%;margin-top:-10px;} .special7_2_3 .content .d .text .h{font-size:20px;} .special7_2_3 .content .d .text .p{font-size:16px;margin-top:10px;color: #666;} .special7_2_3 .content .d .text .date{margin-top:20px;font-size:16px;font-family:Arial;} .special7_2_3 .content .d:nth-child(1){float:left;width:50%;height:614px;} .special7_2_3 .content .d:nth-child(1) .text{position:absolute;left:0;bottom:0;width:50%;height:50%;background:#fff;} .special7_2_3 .content .d:nth-child(2) .pic{width:50%;float:left;} .special7_2_3 .content .d:nth-child(2) .text{float: right;background: #fff;} .special7_2_3 .content .d:nth-child(2) .text:after{content:"";border:10px solid transparent;border-right:10px solid #fff;position: absolute;top:50%;right:100%;margin-top:-10px;left:auto;} .special7_2_3 .content .d:nth-child(3) .pic{width:50%;float:right;} .special7_2_3 .content .d:nth-child(2):hover .text:after{border-right:10px solid #c09f66;border-left:none;} .special7_2_3 .nav{margin-top:50px;} .special7_2_3 .nav .prev{margin-right:30px;position:static;background:none;} .special7_2_3 .nav .next{position:static;background:none;} .x-header.spc{background:rgba(0,0,0,0.3);position: absolute;left:0;top:0;right:0;color: #fff;} .x-header.spc .nav-mod{ background: url(../images/opacity-10.png) repeat-x;} .x-header.spc .nav-mod:before{ display: none;} .x-header.spc .nav-mod .nav-lv2{ background: url(../images/opacity-b25.png);} .x-header.spc .nav-mod .nav-lv2:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: url(../images/opacity-10.png) repeat-x;} .x-header.spc .nav-mod .nav-lv2 .nav-item + .nav-item{ background-image: url(../images/png1.png);} .x-footer.spc{background:url(../images/bg3.jpg);color: #fff;} .x-footer.spc .about-site{border-top:none;} @media screen and (min-width: 1024px){ .special7_2_3 .content .d:hover .text{background:url(../images/pic7_1.jpg) center center no-repeat;background-size:cover;color: #fff;} .special7_2_3 .content .d:hover .text:after{border-left:10px solid #c09f66;} .special7_2_3 .content .d:hover .p{color: #fff;} } @media screen and (max-width: 1023px){ .special7_1_1{text-align:center;padding:30px 15px;height:calc(100vh - 1.5rem);} .special7_1_1 .t1{position:static;margin:auto;width:90%;} .special7_1_1 .t2{position:static;margin:auto;width:90%;} .title img{height:45px;} .special7_1_2{height:auto;padding:40px 0;} .special7_1_2 .title{padding-top:0px;} .special7_1_2 .circle{width:auto;height:auto;} .special7_1_2 .bg1{display:none;} .special7_1_2 .bg2{display:none;} .special7_1_2 .content{margin-top:10px;} .special7_1_2 .bb{margin-top:10px;} .special7_1_2 .list{display:flex;} .special7_1_2 .item{position:relative;left:auto !important;top:auto !important;right:auto !important;bottom:auto !important;margin:20px auto !important;transform:none !important;opacity:1;display:flex;align-items:center;flex-direction:column;} .special7_1_2 .item .ico{width:auto;height:100px;} .special7_1_2 .item .h{font-size:18px;margin-top:10px;} .special7_1_2 .item .ico img{height:100%;} .special7_1_3{padding:40px 0;height:auto;background-position:center top;} .special7_1_3 .content{margin-top:20px;} .special7_1_3 .child{padding:0;border: none;} .special7_1_3 .child .h{margin-top:15px;} .special7_1_3 .child .p{margin-top:15px;} .special7_1_4{padding:40px 0;height:auto;background-position:center bottom;background-size:auto 120%;} .special7_1_4 .title{padding-top:0px;} .special7_1_4 .content{height:auto;} .special7_1_4 .mCSB_inside > .mCSB_container{margin:0;} .special7_1_4 .item{height:auto;} .special7_1_4 .item .pic{width:auto;float: none;} .special7_1_4 .item .text{padding:15px;} .special7_1_4 .content::before{display:none;} .special7_2_1{height:auto;background-position:center top;} .special7_2_1 .x-wrap{padding:90px 15px 40px;} .special7_2_1 .content{margin-top:30px;} .special7_2_1 .pic{display:none;} .special7_2_1 .list{margin:0;position:static;padding:20px;} .special7_2_1 .item{border-top:1px solid #ddd;padding-top:30px;margin-top:30px;} .special7_2_1 .item .date{background:none;margin-top:5px;} .special7_2_2{padding:40px 0;height:auto;background-position:center top;} .special7_2_2 .x-wrap{padding-top:0px;} .special7_2_2 .frame .item{height:auto;} .special7_2_2 .frame .item .pic{width:auto;float:none;} .special7_2_2 .frame .item .text{padding:20px;} .special7_2_2 .frame .item .h{float: none;} .special7_2_2 .frame .item .date{float: none;} .special7_2_2 .frame .item .p{display:none;} .special7_2_2 .frame{margin-top:30px;} .special7_2_2 .nav{margin-top:20px;} .special7_2_3{height:auto;padding:40px 0;background-size:auto 120%;} .special7_2_3 .content .d:nth-child(1){float: none;width:auto;height:auto;margin-top:0;} .special7_2_3 .content .d:nth-child(2) .text .p{color: #333;} .special7_2_3 .content .d:nth-child(1) .text{position:static;width:auto;height:auto;} .special7_2_3 .content .d:nth-child(2) .pic{width:auto;float: none;} .special7_2_3 .content .d .text{padding:20px;height:auto;} .special7_2_3 .content .d:nth-child(3) .pic{float: none;width:auto;} .special7_2_3 .content .d{height:auto;margin-top:15px;} .special7_2_3 .content .d:nth-child(2) .text{background:#fff;color: #333;} .special7_1_1{background-image:url(../images/bg1_1a.jpg);height:90vh;background-size:100% auto;} .special7_1_1 .t1{display:none;} .special7_1_1 .t2{display:none;} .special7_2_3 .x-wrap{padding:0;} .special7_2_3 .content .d .text{width:auto;} } @media screen and (max-width: 750px){ .x-header.spc .menu-head{background:none;border:none;} .x-header.spc .logo .txt{width:180px;line-height:1.5;} .x-header.spc .logo .dot{font-size:0;display: block;} .x-header.spc .nav-mod{background:url(../images/bg3.jpg);} .x-header.spc .nav-mod .nav-item + .nav-item{border-color:rgba(255,255,255,0.2);} .x-header.spc .nav-mod .search-box{border-color:rgba(255,255,255,0.2);} .x-header.spc .nav-mod .share-box{border-color:rgba(255,255,255,0.2);} .x-header.spc .nav-mod .search-txt input::placeholder{color:#fff;} }