* { outline: 0; /* -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; */ } input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; } ul, li, form, dl, dt, dd, div, ol, figure, article, nav, menu, aside, pre { padding: 0; margin: 0; } .clear { clear: both; height: 0px; overflow: hidden; zoom: 0; } .clearfix:after { content: ''; display: block; height: 0; clear: both; } @media(min-width:1025px) { .fl { float: left; } .fr { float: right; } .w22 { width: 22%; } .w75 { width: 75%; } } img { border: none; max-width: 100%; vertical-align: middle; } a { color: #333; text-decoration: none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 鍘绘帀閾炬帴瑙︽懜楂樹寒 */ } table, table td { border-collapse: collapse; } table { border-spacing: 0; } .img-block{ display: block; width: 100%; } .auto { margin: 0 auto; } .ytable { display: table; width: 100%; } .ytable-fixed { table-layout: fixed; } .ytable-cell { display: table-cell; vertical-align: middle; } @media (max-width:1024px) { .ytable.xy, .ytable.xy > .ytable-cell{display: block;} } .Ispic { background-repeat: no-repeat; background-position: center center; background-size: cover; } :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .nM { margin: 0; } .nP { padding: 0; } .dot { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .Top_w .Main_nav .Main_navCon .tab-ul{ text-align: left;} .Top_w .Main_nav .Main_navCon .tab-ul span {display: inline-block;font-size: 15px;line-height: 32px;margin-right: 1vw;color: #fff;cursor: pointer; text-align: left;} .Top_w .Main_nav .Main_navCon .tab-ul span.on {font-weight: bold;} .auto_w1520{ max-width: 1520px; width: 96%;} .Spec{background-color: #f1f6f9;padding: 40px 0;} .tabaa p {margin-bottom: 20px;margin: 0;display: flex;align-items: baseline;} .tabaa p strong {display: inline-block;width: 90px;flex-shrink: 0;font-size: 16px;} .tabaa p span {width: auto;} .tabaa a {display: inline-block;cursor: pointer;width: 130px;height: 42px;position: relative;border-radius: 22px;border: 1px solid #E2E2E2;text-align: center;line-height: 42px;color: #333;font-size: 16px;margin-right: 15px;transition: all .3s;margin-bottom: 20px;} .tabaa a.active, .tabaa a:hover{background-color: #e62129;color: #fff;border: 1px solid transparent;} @media(max-width:640px){ .tabaa a {width: 130px;margin-right: 10px; margin-bottom: 10px; font-size: 14px;} } /*Menu003185 */ .Menu003185{background-color: #fff;} .Menu003185_fixd { position: fixed; width: 100%; top: 0; left: 0; z-index: 9999; } .Menu003185 li:not(:last-child){margin-right: 50px;} .Menu003185 li a{color: #333333;display: block;font-size: 16px; padding: 30px 0;position: relative; cursor: pointer} .Menu003185 li a:after{position: absolute;content: ''; height: 2px;width: 0;transition: 0.3s;background-color: #e62129; left: 50%;transform: translateX(-50%); bottom: 0;} .Menu003185 li a:hover:after, .Menu003185 li.aon a:after{width: 100%;} @media (min-width:1025px) { .Menu003185 li{float: left;} } @media (max-width:1024px) { .Menu003185 ul{overflow: auto;white-space: nowrap;} .Menu003185 li{display: inline-block;position: relative;} } /*PicList002735 */ .PicList002735{background-color: #f1f6f9; padding: 4% 0;} .PicList002735 li{ margin-bottom: 50px; } .PicList002735 li a{display: block;background: #fff; border: 1px solid #f4f4f4; transition: 0.3s;padding: 50px 0;} .PicList002735 li a:hover{ box-shadow: 0 15px 30px rgba(0,0,0,0.1);} .PicList002735 li .Ispic{ background-size: contain;background-color: #fff; padding-bottom: 72%;width: 80%; margin: 0 auto; } .PicList002735 li .txt{padding: 25px 20px 0;position: relative;} .PicList002735 li .txt::before {content: '';display: block;width: 100%;height: 1px;background-color: #f4f4f4;position: absolute;top: 0;left: 0;} .PicList002735 li .txt h3{font-size: 16px; color: #333; font-weight: normal; text-align: left;} .PicList002735 li .txt p{line-height: 28px;color: #555;height: 84px; } .PicList002735 li .tip {font-size: 14px;color: #333;padding: 0 40px;line-height: 14px;height: 16px;} .PicList002735 li a:hover h3{ color: #e6212a;} @media(min-width:481px){ .PicList002735 li{float: left;} } @media(min-width:769px){ .PicList002735 li{width: calc(100% / 5 - 4.8px); } .PicList002735 li:not(:nth-child(5n)){margin-right: 6px;} } @media(min-width:481px) and (max-width:768px){ .PicList002735 li{width: 48%; } .PicList002735 li:not(:nth-child(2n)){margin-right: 4%;} } /*鍒嗛〉*/ .pages{margin: 40px 0; padding:10px; line-height:18px; zoom:1; overflow:hidden; text-align: center;} .pages span{ padding:0px 3px; display:inline-block;} .pages a{ display:inline-block; margin:0px 2px; color: #acacac; } .pages a:hover{color:#fff; border:solid 1px #f1f1f1; background:#e6212a;} .pages .p_page em{ font-style:normal; font-family:Arial;} .pages .p_page em a{ padding:8px 15px; border:solid 1px #e1e1e1; background:#fff; border-radius: 4px; font-size: 14px;} .pages .p_page em a:hover{color:#fff; border:solid 1px #f1f1f1; background:#e62129;} .pages .p_page em a.a_cur{ color:#fff; border:solid 1px #f1f1f1; background:#e6212a;} .pages .p_page b{ font-weight:normal;} .Pages .a_prev,.Pages .a_next{padding:8px 28px; border:solid 1px #e1e1e1; background:#fff; border-radius: 4px; font-size: 14px; color: #e62129;} .Pages .p_cur,.Pages .a_first,.Pages .a_end,.Pages .p_count,.Pages .p_total,.Pages .p_jump{display: none;} /*鍒嗛〉*/ .Banner{/*height: 268px;*/width: 100%;} .Banner img{ width:100%; display: block;} .BanList_pc{display: block;} .BanList_wap{display: none;} /*Banner*/ /*Menu003135 */ .Menu003135{background: #f1f6f9;height: 80px;} .Menu003135_fixd {position: fixed;width: 100%;top: 0;left: 0;z-index: 9999;} .Menu003135 .current h3{ font-size: 18px;color: #333; margin: 0;line-height: 80px; font-weight: normal;} .Menu003135 .nav-menu li{float: left;font-size: 16px;line-height: 80px;} .Menu003135 .nav-menu li:not(:last-child){margin-right:60px;} .Menu003135 .nav-menu li a{display: block;position: relative;} .Menu003135 .nav-menu li a:hover, .Menu003135 .nav-menu li .active{color: #e62129;} .Menu003135 .nav-menu li .active:before{position: absolute;content: ''; left: 0; bottom: 0;width: 100%; height: 2px;background-color: #e62129;} @media (max-width:1024px) { .Menu003135 .current{display: none;} .Menu003135 .nav-menu li{line-height:3;} .Menu003135 .nav-menu li:not(:last-child){margin-right:30px;} } #p-show1, #p-show2, #p-show3, #p-show4, #p-show5, #p-show6 { padding-top: 120px;margin-top: -120px; } /*Galary003154 */ .Galary003154{ position: relative;} .Galary003154 .auto > div{ max-width: 800px;margin: 0 auto; } .Galary003154 .slider-for .Ispic{padding-bottom: 50.059%; background-size: contain; } .Galary003154 .slider-for li{position: relative;} .Galary003154 .slider-for li .txt{position: absolute; bottom: 0; left: 50px;background-color: #e62129; color: #fff; font-size: 1.25em;line-height: 3; padding:1.3em 0; width: 15em;text-align: center;transition: 0.5s 1s; opacity: 0;} .Galary003154 .slider-for li.slick-current .txt{opacity: 1;left: 0;} .Galary003154 .auto .slider-nav{margin-top: 1.625em;} .Galary003154 .slider-nav .slider{margin: 0 -0.7em;} .Galary003154 .slider-nav li div{padding: 0 0.9375em;} .Galary003154 .slider-nav .Ispic{padding-bottom: 64.706%; border: 2px solid #fff;border-radius: 4px; opacity: 0.24;} .Galary003154 .slider-nav li.slick-current .Ispic{border-color: #e62129;opacity: 1;} .Galary003154 .slick-arrow{width:50px; border-radius: 50%;height: 50px;border: solid 2px #ffffff;font-size: 1em;z-index: 10;position: absolute; top: 50%;margin-top: -25px;background-position: center;background-repeat: no-repeat;} .Galary003154 .slick-arrow:before{position: absolute; content: ''; width: 25%; height: 25%;border-left: 2px solid #e62129;border-top: 2px solid #e62129; transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg); left: 35%; top: 40%;} .Galary003154 .slick-next:before{transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);} .Galary003154 .slick-prev{left: -60px; } .Galary003154 .slick-next{right: -60px; } .Galary003154 .slick-arrow:hover{background-color: #e62129; border-color: #e62129;} .Galary003154 .slick-arrow:hover:before{border-color: #fff;} @media (min-width:1025px) { .Galary003154 .auto{padding:4em 0;} } @media (max-width:1024px) { .Galary003154 .auto{padding:2em 0;} .Galary003154 .auto .slider-nav{margin-top: 0.5em;} .Galary003154 .slider-nav .slider{margin: 0 -0.3em;} .Galary003154 .slider-nav li div{padding: 0 0.3em;} } @media (max-width:640px) { .Galary003154 {padding: 0 2%} .Galary003154 .slick-prev{left: 0px; } .Galary003154 .slick-next{right: 0px; } } .Profile {background-color: #F6F7F9;padding: 5% 0;text-align: center;position: relative;} .Profile .intro {position: relative;margin: 0 auto;max-width:1000px;text-align: center;} .Profile .intro .title h3 {font-weight:bold;font-size:30px;color:#e62129;margin-bottom:24px;} .Profile .intro .title h4 {font-size:20px;color:#333;margin-bottom:40px; font-weight: normal;} .Profile .intro .txt {color:#666;font-size:16px;line-height:2;margin:0 auto;text-align:center;} .clo-tit{font-size: 36px;font-weight: bold;color: #333;margin-bottom: 40px;} @media (max-width:640px) { .clo-tit{ font-size: 6vw;} } /*PicList002926 */ .PicList002926{padding: 4% 0; position: relative;} .PicList002926 .more{ text-align: center;width: 125px; line-height: 40px;color: #fff; background: #a5894b;display: block;} .PicList002926 .more:hover{background: #a52d34;} .PicList002926 .more:after{display: inline-block; content: '';background: url("../images/PicList002926_more.png") no-repeat; width: 25px; height: 6px; vertical-align: middle; margin-left: 5px;} @media(max-width:480px){ .PicList002926 .more{line-height: 10vw;} } .PicList002926 .item{margin-bottom: 2vw;} .PicList002926 .item .pic a{display: block; overflow: hidden;} .PicList002926 .item .pic img{transition: 0.3s;} .PicList002926 .item:hover .pic img{transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);} .PicList002926 .item .info .inner{ padding: 2.03vw 1.98vw;text-align: left;} .PicList002926 .item .icon img{max-height: 32px;} .PicList002926 .item .txt h3{font-size: 24px;color: #333;line-height: 2;color: #333;padding-bottom: 20px; font-weight: normal;margin: 0;} .PicList002926 .item .txt p{color: #666;line-height:2; margin: 0; font-size: 16px;} @media(min-width:1025px){ .PicList002926 .item .pic{width: 50%;} .PicList002926 .item:nth-child(2n-1) .info .inner{margin-left: 2.6vw;} .PicList002926 .item:nth-child(2n) .info .inner{margin-right: 2.6vw;} } @media(max-width:1024px){ .PicList002926 .item .ytable, .PicList002926 .item .ytable-cell{display: block;} } @media(max-width:640px){ .PicList002926 .item .txt h3{font-size: 5vw;} .PicList002926 .item .txt p{font-size: 3.5vw;} .PicList002926 .item .info .inner{padding: 5vw 3vw;} } /*slick Basic*/ .Floor002829 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .Floor002829 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .Floor002829 .slick-list:focus {outline: none} .Floor002829 .slick-list.dragging {cursor: pointer;cursor: hand;} .Floor002829 .slick-slider .slick-track, .Floor002829 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} .Floor002829 .slick-track {position: relative; top: 0; left: 0; display: block;} .Floor002829 .slick-track:before, .Floor002829 .slick-track:after{display: table; content: '';} .Floor002829 .slick-track:after{ clear: both;} .Floor002829 .slick-loading .slick-track { visibility: hidden;} .Floor002829 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .Floor002829 .slick-slide .slick-loading img { display: none;} .Floor002829 .slick-slide .dragging img { pointer-events: none;} .Floor002829 .slick-initialized .slick-slide { display: block;} .Floor002829 .slick-loading .slick-slide { visibility: hidden;} .Floor002829 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .Floor002829 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ /* .Floor002470 涓篸emo缂栧彿 */ .Floor002470{ padding: 4% 0 ; overflow: hidden; position: relative;} .Floor002470 .item{ } .Floor002470 .item-inner{ position: relative; overflow: hidden; } .Floor002470 .item .linkhref{ position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 100%; display: block;} .Floor002470 .item .pic{ background-repeat: no-repeat; background-position: center; background-size: cover; padding-bottom:43%;} .Floor002470 .item .word{position: absolute; color: #fff; bottom: 20px; left: 20px;} .Floor002470 .item .word h2{ font-size:18px; font-weight: normal; margin: 0; padding-left: 33px; position: relative;} .Floor002470 .item .word h2 i{ font-style: normal; position: absolute; left: 0; top: 50%; margin-top: -11px;} .Floor002470 .item .word figure{ font-size: 14px; padding: 0 15px 0 33px; opacity: 0;transition: all .3s; line-height: 22px; height: 0; overflow: hidden;} .Floor002470 .item .item-inner:hover .word figure{ margin: 15px 0 0; opacity: 1; height: 44px;} .Floor002470 ul li{list-style: none;} .Floor002470 .slick-dots{position: absolute; left: 50%;transform: translateX(-50%);z-index: 30; bottom: 5%;} .Floor002470 .slick-dots li{float: left; width: 18px; height: 18px;border: solid 2px #ffffff; margin: 0 5px;border-radius: 50%;} .Floor002470 .slick-dots li button{display: none;} .Floor002470 .slick-dots li.slick-active{border: 0;background-color: #ffffff;} @media only screen and (min-width: 768px) { .Floor002470 .item .word h2{ font-size: 20px;} .Floor002470 .item1{ width: 50%; } } @media only screen and (min-width: 1024px) { .Floor002470 .item1{ width: 50%; } .Floor002470 .item .word h2{ font-size: 22px;} } @media only screen and (min-width: 1200px) { .Floor002470 .item .word h2{ font-size: 24px;} } .Floor002470 .videobox .play{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/Floor002470-play.png) no-repeat center; cursor: pointer; } .Floor002470 .videobox .play span{ position: absolute; top: 50%; left: 0; width: 100%; height: 100%; display: block;color: #fff; font-size: 18px; text-align: center; padding-top: 40px;} @media only screen and (max-width: 480px) { .Floor002470 .videobox .play{ background-size: 30px 30px;} .Floor002470 .videobox .play span{ font-size: 16px; padding-top: 20px;} } .Floor002470 > .Popup{position: fixed;background:rgba(0, 0, 0, 0.75);} .Floor002470 .videobox .Popup{position: absolute;} .Floor002470 .Popup{ width: 100%; height: 100%; top: 0; left: 0; z-index: 99999;} .Floor002470 .Popup .ytable{height: 100%;} .Floor002470 .Popup .ytable .video{ max-width: 1000px; width: 100%; margin: 0 auto; padding: 10px; background: #fff; box-shadow: 0 0 20px 5px rgba(0,0,0,.15);} .Floor002470 .Popup video{ width: 100%; } .Floor002470 .videobox .Popup video{ height: 100%;background: #000; } .Floor002470 .Popup .close{position: absolute;right: 20px;top: 20px; width: 30px; height: 30px; cursor: pointer; z-index: 10; cursor: pointer;} .Floor002470 .Popup .close:before, .Floor002470 .Popup .close:after{position: absolute;width: 100%; left: 0; top: 50%; height: 3px; margin-top: -1.5px; background: #fff; content: '';transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);} .Floor002470 .Popup .close:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);} /*Floor002934 */ .Floor002934{padding: 4% 0; position: relative;} .Floor002934 .slider{position: relative; z-index: 1;} .Floor002934 .title{position: absolute; left: 0; top: 0; height: 100%; width: 58px;background: url("../images/Floor002934_titlebg.jpg") no-repeat center center;background-size: cover;} .Floor002934 .title a{color: #fff;position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 20px;font-size: 20px;} .Floor002934 .slider li a{display: block; } .Floor002934 .slider .Ispic{padding-bottom: 65.334%;} .Floor002934 .slider li aside{margin: 10px 0; font-size: 16px;color: #333; text-align: center; line-height: 2;} .Floor002934 .slider li p{color: #b9b9b9;line-height: 1.428em; height: 2.856em; margin: 0;} .Floor002934 .slick-arrow{width:50px; border-radius: 50%;height: 50px;font-size: 1em;z-index: 10;position: absolute; top: 50%;margin-top: -50px;background-position: center;background-repeat: no-repeat; font-size: 0;background-color: #f1f6f9; opacity: 0; transition: 0.3s;} .Floor002934 .slick-arrow:before{position: absolute; content: ''; width: 25%; height: 25%;border-left: 2px solid #e62129;border-top: 2px solid #e62129; transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg); left: 40%; top: 40%;} .Floor002934 .slick-next:before{transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);} .Floor002934 .slick-prev{left: 50px; } .Floor002934 .slick-next{right: 50px; } .Floor002934 .slick-arrow:hover{background-color: #e62129; border-color: #e62129;} .Floor002934 .slick-arrow:hover:before{border-color: #fff;} .Floor002934 .slider:hover .slick-arrow{opacity: 1;} @media(min-width:1025px){ .Floor002934 .slider{margin: 0 -15px;} .Floor002934 .slider li a{margin: 0 15px;} } @media(max-width:1024px){ .Floor002934 .slider .ul{padding: 3vw 5vw 2vw;} .Floor002934 .slider li a{margin: 0 1vw;} .Floor002934 .slick-prev{left: 1vw;} .Floor002934 .slick-next{right: 1vw;} } @media(max-width:640px){ .Floor002934 .slick-arrow{opacity: 1} .Floor002934 .title{width: 10vw;} .Floor002934 .title a{font-size: 4vw;width: 4vw;} .Floor002934 .slider li a{margin: 0 2vw;} } /*RighInfo002554 */ .RighInfo002554{ padding:4% 0; position: relative;} /* .RighInfo002554 .table_1{width: 100%;height: 600px;overflow-x: hidden;overflow-y: auto;} */ .RighInfo002554 .table_1{overflow-x: auto} .RighInfo002554 .table_1 th, .RighInfo002554 .table_1 td{ text-align:center; border:1px solid #eee; border-collapse:collapse; line-height:26px; padding: 10px 10px; font-size: 14px; } .RighInfo002554 .table_1 th{ font-size:14px; font-weight:normal;} .RighInfo002554 .table_1 .th{background: #e62129;color:#fff; text-align:center;} @media(max-width:480px){ .RighInfo002554 .table_1{ overflow:auto;} .RighInfo002554 .table_1 table{ width:180%;} } /* .TextList009 涓篸emo缂栧彿 */ .TextList009{ padding:4% 0; position: relative;} .TextList009 li{border: 1px solid #e5e5e5;margin-bottom: 20px; position:relative; padding:0 20px; width: 30%; float: left; margin-right: 5%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .TextList009 li:nth-child(3n){margin-right: 0%;} .TextList009 li a{ height: 85px; line-height:85px; font-size:16px;display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background:url(../images/TextList009-icon.png) no-repeat right center; padding-right:40px;} .TextList009 li time{ position:absolute; text-align:center; left:0; top:10px; height:65px; width:107px; color:#afafaf; border-right:1px dashed #E0E0E0; line-height:normal; font-size:14px;} .TextList009 li time span{ display:block; font-size:22px; padding-top:10px;} .TextList009 li:hover{ background-color:#e62129;color:#fff;} .TextList009 li:hover a{background-image:url(../images/TextList009-icon_hover.png); color:#fff;} .TextList009 li:hover time{color:#fff;} /* 浜у搧绛涢€ */ .p-sx {position:fixed;top:77vh;left:0;width:50px;background-color:#e62129;height:180px;z-index:99999;} .p-sx.fix {top:calc(50vh - 80px);} .p-sx .other {width:50px;height:180px;text-align:center;cursor:pointer;position:relative;float:left;transition: all 0s;z-index:5;} /*.p-sx .other::before{content:'';display:block;width:100%;height:100%;background-color:#e62129;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}*/ .p-sx::after,.p-sx::before{width: 16px;height: 16px;border-radius:50%;content: '';/* background-color: rgba(255, 255, 255, .9); */position:absolute;left:17px;top:23%;z-index:6;} .p-sx::before{animation: scale 2s infinite;animation-delay:0.8s; } .p-sx::after{animation: scale2 2s infinite;animation-delay:1.2s; } @keyframes scale{0%{ transform: scale(.5); opacity:.9}100%{ transform: scale(2); opacity: 0;}} @keyframes scale2{0%{ transform: scale(.5);opacity:.9;}100%{ transform: scale(2);opacity:0;}} .p-sx.active::after,.p-sx.active::before{display:none;} .p-sx .other span {display:block;width:18px;color:#fff;font-size:16px;padding-top:80px;margin:0 auto;position:relative;z-index:3; line-height: 20px;} .p-sx .other span::before {content:'';display:block;width:18px;height:18px;background-image:url(../images/p-nav1.png);position:absolute;top:40px;left:50%;margin-left:-9px;z-index:3;} .p-sx .other1 {position:absolute;left:-50px;height:90vh;overflow-y:auto;width:0;transition:all .3s; padding:50px 0; } .p-sx .other1::-webkit-scrollbar {width:0px;height:1px;} .p-sx .other1::-webkit-scrollbar-thumb {background:#e62129;} .p-sx .other1::-webkit-scrollbar-track {background:#fff;} .p-sx .other1 .tit {border-bottom:1px solid #f4f4f4;padding-bottom:27px;} .p-sx .other1 .tit h3 {display:inline-block;font-size:30px;font-weight:bold;color:#333;height:30px;line-height:30px;} .p-sx .other1 .tit p {display:inline-block;color:#808080;font-size:16px;height:30px;line-height:30px;} .p-sx .other1 dl {padding:20px 0 4px;border-bottom:1px solid #f4f4f4;} .p-sx .other1 dl dt {display:block;width:200px;float:left;color:#4D4D4D;font-size:18px;} .p-sx .other1 dl dd {display:block;float:left;max-width:calc(100% - 200px);} .p-sx .other1 .qh li{display: none;} .p-sx .other1 .qh li:nth-child(1){display: block;} .p-sx .other1 .qh li a{} .p-sx .other1 dl dd .el-checkbox {transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;margin-bottom:16px;margin-right:30px;display:inline-block;width:220px;box-sizing:border-box;height:58px;border-radius:5px;background-color:#F9F9F9;padding:9px 15px;border:1px solid transparent;} .p-sx .other1 dl dd .el-checkbox img {display:block;width:40px;height:40px;float:left;background-image:url(../images/mr-img.jpg)} .p-sx .other1 dl dd .el-checkbox span {display:block;height:40px;line-height:40px;float:right;font-size:14px;color:#333;} .p-sx .other1 dl dd .el-checkbox .el-checkbox__inner{display: none;} .p-sx .other1 dl dd .el-checkbox .el-checkbox__label{width:100%;padding-left: 0;} .p-sx .other1 dl:nth-child(5) dd .el-checkbox img,.p-sx .other1 dl:nth-child(6) dd .el-checkbox img{display:none;} .p-sx .other1 dl:nth-child(5) dd .el-checkbox span,.p-sx .other1 dl:nth-child(6) dd .el-checkbox span{float:left;} /* .p-sx .other1 dl dd a {transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;margin-bottom:16px;margin-right:30px;display:inline-block;width:220px;box-sizing:border-box;height:58px;border-radius:5px;background-color:#F9F9F9;padding:9px 15px;border:1px solid transparent;} */ .p-sx .other1 dl dd a{color:#333;font-size: 14px; display:inline-block;margin-bottom:16px;margin-right:20px;width:142px;border:1px solid transparent; border-radius:5px;background-color:#f1f6f9; text-align: center; padding:9px 15px;} .p-sx .other1 dl dd a.on{border:1px solid #e62129; background: #e62129; color: #fff} .p-sx .other1 dl dd a:hover{ border:1px solid #e62129;} .p-sx .other1 dl dd a img {display:block;width:40px;height:40px;float:left;} .p-sx .other1 dl dd a span {display:block;height:40px;line-height:40px;float:right;font-size:14px;color:#333;} .p-sx .other1 button.more {box-shadow: 0 0 15px rgba(0,0,0,0.04);position: relative;overflow: hidden;font-weight: 700;display: block;width: 230px;height: 50px;background-color: #fff;border-radius: 30px;font-size: 16px;text-align: center;line-height: 50px;background-color: #e62129;color: #fff;transition: all .3s linear;-moz-transition: all .3s linear;-webkit-transition: all .3s linear;-o-transition: all .3s linear;-ms-transition: all .3s linear;} .p-sx .other1 p.more { box-shadow: 0 0 15px rgba(0,0,0,0.04); position: relative; overflow: hidden; font-weight: 700; display: block; width: 230px; height: 50px; background-color: #fff; border-radius: 30px; font-size: 16px; text-align: center; line-height: 50px; background-color: #e62129; color: #fff; transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear; } .p-sx .other1 button.more {border:1px solid #ececec;margin:60px 0;outline:none;cursor:pointer;} .p-sx .other1 p.more {border: 1px solid #ececec;margin: 60px 0;outline: none;cursor: pointer;} .p-sx .other1 dl dd .el-checkbox.is-checked,.p-sx .other1 dl dd a.active{border:1px solid #e62129;} .p-sx .other1 dl dd .el-checkbox.is-checked span {color:#e62129;} .p-sx.active {width:100%;top:0;height:100vh;background-color:#fff;} .p-sx.active .other {width:50px;background-color:#F9F9F9;height:100vh;z-index:5;} .p-sx.active .other span {color:#e62129;height:180px;position:absolute;top:50%;margin-top:-90px;left:50%;margin-left:-9px;} .p-sx.active .other span::before {background-image:url(../images/p-nav2.png);} .p-sx.active .other1 {width:calc(100% - 50px);left:60px;} .p-sx.active .other1 .zl-scrollBarBox{right: -1%!important;} @media(max-width:1024px){ .p-sx .other1{padding: 25px 0} .p-sx .other1 dl dt, .p-sx .other1 dl dd{float: none; width: 100%; max-width: 100%} .p-sx .other1 dl dt{padding-bottom: 10px} } @media(max-width:640px){ .p-sx .other1 dl dd a{width:40%; margin-right: 0} .p-sx .other1 dl dd a:nth-child(2n+1){clear: both; margin-right: 2%} } /* 鑲$エ */ .gupiao{ padding: 4% 0;} .gupiao .box{ padding: 4.5% 5%; background: #f1f6f9;} .gupiao .l-box{ float: left; width: 27%;max-width: 300px; overflow: hidden;border-right: #e5e5e5 solid 1px;box-sizing: border-box;} .gupiao .l-box .t1{ color: #444444; font-size: 20px;} .gupiao .l-box .t2{ color: #444444; font-size: 14px;margin-top: 20px; line-height: 1.2; position: relative;} .gupiao .l-box .t2 .sp{ display: inline-block; vertical-align: baseline; font-size: 50px;margin-right: 5px;} .gupiao .l-box.up .t2 .sp{color: #e6212a;} .gupiao .l-box.down .t2 .sp{color: #43b610;} .gupiao .l-box .t2 .icon{display: inline-block; vertical-align: text-bottom; margin-left: 45px;} .gupiao .l-box .t2 .icon img{display: none;} .gupiao .l-box.up .t2 .icon .ic1, .gupiao .l-box.down .t2 .icon .ic2{display: block;} .gupiao .l-box .t3{ color: #444444; font-size: 14px;margin-top: 20px;} .gupiao .l-box.up .t3 span{ color: #e6212a;} .gupiao .l-box.down .t3 span{color: #43b610;} .gupiao .r-box{ float:right;width: 72%;box-sizing: border-box; overflow: hidden;} .gupiao .r-box ul li{float: left;width: 25%; padding:0 10px; margin-bottom: 20px;box-sizing: border-box; overflow: hidden;} .gupiao .r-box ul li .t1{color: #444444;font-size: 14px;} .gupiao .r-box ul li .t2{color: #000000;font-size: 30px;margin-top: 20px;line-height: 1.2;} .gupiao .r-box .text{padding-top: 15px; color: #666666; font-size: 14px;line-height: 2; padding-left: 10px;} @media(max-width:1100px){ .gupiao .box{padding:4%} .gupiao .l-box{width:32%} .gupiao .l-box .t2 .sp{font-size: 40px;} .gupiao .r-box{width:67%} .gupiao .r-box ul li .t2{font-size: 22px;} } @media(max-width:768px){ .gupiao .l-box, .gupiao .r-box{width:100%; float: none} .gupiao .l-box{border-right: none;max-width: inherit} .gupiao .l-box .t2, .gupiao .l-box .t3{display: inline-block; min-width: 48%} .gupiao .l-box .t2 .icon{ margin-left:20px;} .gupiao .l-box .t3{text-align: right} .gupiao .l-box .t2 .sp{font-size: 30px;} .gupiao .r-box{border-top: #e5e5e5 solid 1px; padding-top: 3%; margin-top: 3%} } @media(max-width:480px){ .gupiao .r-box ul li{width: 50%; margin-bottom: 0} .gupiao .r-box ul li div{display: inline-block} } /* 涓存椂鍏憡 */ .Notice .o-title .t1{ color: #333333; font-size: 30px;} .Notice ul{margin-bottom: 50px;margin-top: 25px;border-top: #eeeeee solid 1px;} .Notice ul li{border-bottom: #eeeeee solid 1px;overflow: hidden;padding: 25px 0px;background: url(../images/img69.png) right 2% top 27px no-repeat;} .Notice ul li a{display: block;width: 100%;overflow: hidden;box-sizing: border-box;padding-right: 5%;} .Notice ul li .date{float: left;width: 11%;border-right: #eeeeee solid 1px;overflow: hidden;box-sizing: border-box;font-weight: normal;font-size: 18px;color: #999999;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;} .Notice ul li .txt{float: left;width: 89%;overflow: hidden;box-sizing: border-box;padding-left: 3%;color: #333;font-size: 16px;line-height: 1.8;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;} .Notice ul li:hover .date, .Notice ul li:hover .txt{color: #e6212a;} @media(max-width:1024px){ .Notice ul li{padding: 10px 0} .Notice ul li .date{width: auto; position: absolute; padding-right: 10px; font-size: 14px;} .Notice ul li .txt{float: none; width: 100%; padding-left:100px;} .Notice .o-title .t1{font-size: 22px} } /* 瀹氭湡鍏憡 */ .Regular{ padding: 4% 0 0 0; } .Regular .ir_screen {color: #333;line-height: 2;font-size: 16px;} .Regular .ir_screen .tit{ float: left; width: 100px; margin-bottom: 10px; } .Regular .ir_screen .year{ display: inline-block; width: -moz-calc(100% - 100px); width: -webkit-calc(100% - 100px); width: calc(100% - 100px); } .Regular .ir_screen .year ul li{ position: relative; float: left; padding-left: 30px; margin-right: 20px; background: url(../images/img70.png) left -50px center no-repeat; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .Regular .ir_screen .year ul li a{ font-family: 'syr'; color: #222222; } .Regular .ir_screen .year ul li.on a, .ir_screen .year ul li:hover a{ color: #e62129; } .Regular .ir_screen .year ul li.on, .ir_screen .year ul li:hover{ background: url(../images/img70.png) left center no-repeat; } .notice_box{ padding: 2% 0 0 0;} .notice_box ul li{float: left;width: 32%;margin-right: 2%;margin-bottom: 2%; } .notice_li{background-color: #f1f6f9;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;} .notice_li:hover{background: #e62129;box-shadow: 0px 1px 38px rgba(25,174,174,0.19);} .notice_li a{position: relative;z-index: 2;display: block;width: 100%;overflow: hidden;box-sizing: border-box;padding: 11% 6.8% 9% 9%;} .notice_li a:before{content: '';position: absolute;left: 0;bottom: -50%;width: 100%;height: 100%;background: url(../images/img73.png) bottom center no-repeat;background-size: 100% auto;-webkit-transition: all 0.7s ease;transition: all 0.7s ease;} .notice_li:hover a:before{bottom: 0;} .notice_li .t1{color: #999999;font-size: 16px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;} .notice_li .t2{color: #000000;font-size: 18px;line-height: 1.7;margin-top: 15px;height: 92px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;} .notice_li:hover .t1,.notice_li:hover .t2,.notice_li:hover .t3 .more{color: #FFFFFF;} .notice_li .t3{margin-top: 10px;overflow: hidden;} .notice_li .t3 .more{float: left;display: inline-block;color: #e62129;font-size: 16px;padding-right: 28px;background: url(../images/img74.png) center right no-repeat;background-size: 17px 13px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;} .notice_li.on .t3 .more, .notice_li:hover .t3 .more{background: url(../images/img75.png) center right no-repeat;background-size: 17px 13px;} .notice_li .icon{float: right;width: 30px;height: 25px;background: url(../images/img71.png) right center no-repeat;} .notice_li:hover .icon{background: url(../images/img72.png) right center no-repeat;} @media(min-width:1024px){ .notice_box ul li{width: 32%;} .notice_box ul li:nth-child(3n){margin-right: 0;} } @media(min-width:640px) and (max-width:1024px){ .notice_box ul li{width:49%;} .notice_box ul li:nth-child(2n){margin-right: 0;} } @media(max-width:640px){ .notice_box ul li{width:100%; float: none; margin-right: 0} .notice_li a{padding: 2%} .notice_li .t2{height: auto; font-size: 16px} .notice_li .t1, .notice_li .t3 .more{font-size: 14px;} }