.index-page .part1_5 .fourth .num_text{ right:-60%; width:200%; } /*.index-page .part1_5 .second .num_text{*/ /* left:-3%;*/ /*}*/ /*.index-page .part1_5 .third .num_text{*/ /* right:-5%;*/ /*}*/ /*鏂伴椈鏍囬婊氬姩*/ .big { height: 60px; width: 100%; top:30px; position: relative; background-color:#fff; font-size:24px; text-align:left; } .small { width:50%; text-align:left; height: 35px; display:inline-block; overflow: hidden; vertical-align: middle; } .tran { margin-top: 0; transition: margin-top 2s } .small li { height: 35px; line-height: 25px; } .fbt-title{ display:inline-block; line-height:35px; vertical-align:unset; margin-left:11%; } /*鏂伴椈鏍囬婊氬姩*/ /*鏁版嵁閮ㄥ垎*/ .part1_5{ /*background-color: red;*/ width:100%; height:200px; margin-bottom:300px; margin-top:-40px; } .part1_5 ul li{ margin-top:3%; display:inline-block; width:20%; height:100px; font-size:40px; color:#555555; line-height: 150px; text-align: center; position:relative; /*left:-6%;*/ } .input_center{ display: block; margin: 50px auto 0; } .num_span { font-weight:700; /*border: 1px solid;*/ width: 100%; /*overflow: hidden;*/ height: 100px; margin: 10px auto; position:relative; /*right:25%;*/ } .num_text{ position:relative; top:-35%; font-size:24px; float:right; width:100%; /*left:-6%;*/ } .num_span span { float:right; width: 25px; /* 涔﹀啓妯″紡*/ writing-mode: vertical-rl; /* 鎺у埗琛屽唴瀛楃鐨勬棆杞?/ text-orientation: upright; margin-top: 0em; -webkit-transition: margin-top 1.5s ease-out; -o-transition: margin-top 1.5s ease-out; transition: margin-top 1.5s ease-out; } /*鏁版嵁閮ㄥ垎*/ /*鏁版嵁鍥剧墖閮ㄥ垎*/ .index-page .part1_5_img ul li{ /*width: 18%;*/ width: 16%; float: left; } .index-page .part1_5_img ul li a{ display: block; background-size: 100% auto; background-repeat: no-repeat; } .index-page .part1_5_img ul li.odd a{ /*background-color: #f7f7f7;*/ background-position: left top; padding: 40% 0 30%; } .index-page .part1_5_img ul li.even a{ /*background-position: left bottom;*/ padding: 30% 0 80%; } .index-page .part1_5_img ul li.one a{ background-image: url(/bundles/frontend/images/index/part1_5/img01.jpg); } .index-page .part1_5_img ul li.two a{ background-image: url(/bundles/frontend/images/index/part1_5/img02.jpg); } .index-page .part1_5_img ul li.three a{ background-image: url(/bundles/frontend/images/index/part1_5/img03.jpg); } .index-page .part1_5_img ul li.four a{ background-image: url(/bundles/frontend/images/index/part1_5/img04.jpg); } .index-page .part1_5_img ul li.five a{ background-image: url(/bundles/frontend/images/index/part1_5/img05.jpg); } .index-page .part1_5_img ul li.six a{ background-image: url(/bundles/frontend/images/index/part1_5/img06.jpg); } .index-page .part1_5_img ul li h3{ font-size: 36px; color: #444; font-family: "syht light"; font-family: "寰蒋闆呴粦"\0; font-weight: lighter; margin-bottom: 18px; transition: all 0.5s; } .index-page .part1_5_img ul li p{ font-size: 24px; color: #444; font-family: "egbt"; transition: all 0.5s; } .index-page .part1_5_img ul li a:hover h3,.index-page .sec3 ul li a:hover p{ color: #c3000f; } /*鏁版嵁鍥剧墖閮ㄥ垎*/ /*浜у搧涓庢湇鍔?/ .index-page .sec5 .tit{ position:relative; top:-240px; } .index-page .sec5 .text{ position:relative; bottom:-220px; color:#666!important; } .index-page .sec5 .tit p{ /*color:#666!important;*/ } .index-page .sec5 .tit h3{ /*color:white!important;*/ } /*浜у搧涓庢湇鍔?/ .index-page #header{ background-color: transparent; } .index-page #header.white{ background-color: #fff; } .index-page #main{ padding-top: 0; margin-top:70px; } .index-page #main .tit h3{ font-size: 60px; color: #c3000f; font-weight: lighter; margin-bottom: 12px; font-family: "syht light"; font-family: "寰蒋闆呴粦"\0; } .ie11 .index-page #main .tit h3{ line-height: 60px; padding-top: 14px; } .index-page #main .tit p{ font-size: 24px; color: #444; font-family: "egbt"; } .index-page .sec1{ overflow: hidden; } .index-page .sec1 .bx-wrapper{ border: 0 none; } .index-page .sec1 li{ position: relative; } .index-page .sec1 .bg{ width: 100%; } .index-page .sec1 .color1{ position: absolute; top: 0; right: 15.6%; width: 25.6%; } .index-page .sec1 .color2{ position: absolute; bottom: 0; right: 0; width: 16.3%; } .index-page .sec1 .color3{ position: absolute; bottom: 8%; left: 0; width: 16.3%; } .index-page .sec1 .icon1{ position: absolute; top: 24.6%; right: 42.6%; width: 6%; animation:moveone 8s infinite; -webkit-animation:moveone 8s infinite; } .index-page .sec1 .icon2{ position: absolute; top: 33.4%; right: 31.3%; width: 3.35%; /*animation:movetwo 10s infinite;*/ /*-webkit-animation:movetwo 10s infinite;*/ } .index-page .sec1 .icon3{ position: absolute; bottom: 15.3%; right: 36.6%; width: 4.6%; animation:movethree 6s infinite; -webkit-animation:movethree 6s infinite; } .index-page .sec1 .icon4{ position: absolute; bottom: 28%; left: 46.4%; width: 5.05%; animation:movethree 9s infinite; -webkit-animation:movethree 9s infinite; } .index-page .sec1 .icon5{ position: absolute; bottom: 36.1%; right: 43.8%; width: 3.8%; animation:movetwo 7s infinite; -webkit-animation:movetwo 7s infinite; } .index-page .sec1 .icon6{ position: absolute; bottom: 23.4%; left: 23.7%; width: 5.05%; animation:movefour 4s infinite; -webkit-animation:movefour 4s infinite; } .index-page .sec1 .icon7{ position: absolute; top: 32.4%; left: 34.9%; width: 5.05%; animation:moveone 5s infinite; -webkit-animation:moveone 5s infinite; } .index-page .sec1 .icon8{ position: absolute; bottom: 30.2%; right: 20.8%; width: 6.7%; animation:movefour 8s infinite; -webkit-animation:movefour 8s infinite; } .index-page .sec1 .icon9{ position: absolute; top: 27.2%; left: 22.05%; width: 3.4%; /*animation:movethree 9s infinite;*/ /*-webkit-animation:movethree 9s infinite;*/ } .index-page .sec1 .line1{ position: absolute; top: -16%; left: 44%; width: 3.4%; animation:lineone 2s linear 1s infinite; -webkit-animation:lineone 2s linear 1s infinite; } .index-page .sec1 .line2{ position: absolute; top: -16%; left: 94%; width: 3.4%; animation:lineone 2s linear 2s infinite; -webkit-animation:lineone 2s linear 2s infinite; } .index-page .sec1 .line3{ position: absolute; top: -16%; left: 20%; width: 3.4%; animation:lineone 2s linear 3s infinite; -webkit-animation:lineone 2s linear 3s infinite; } .index-page .sec1 .line4{ position: absolute; top: -16%; left: 70%; width: 3.4%; animation:lineone 2s linear 4s infinite; -webkit-animation:lineone 2s linear 4s infinite; } .index-page .sec1 .round1{ position: absolute; top: 33%; left: 28.8%; width: 3.25%; /*animation:movefour 3s infinite;*/ /*-webkit-animation:movefour 3s infinite;*/ } .index-page .sec1 .round2{ position: absolute; bottom: 15.7%; left: 38.3%; width: 2.45%; /*animation:moveone 5s infinite;*/ /*-webkit-animation:moveone 5s infinite;*/ } .index-page .sec1 .round3{ position: absolute; top: 6.5%; left: 46%; width: 6.3%; /*animation:moveone 10s infinite;*/ /*-webkit-animation:moveone 10s infinite;*/ } .index-page .sec1 .round4{ position: absolute; right: 32.5%; bottom: 26.5%; width: 4%; /*animation:movethree 9s infinite;*/ /*-webkit-animation:movethree 9s infinite;*/ } .index-page .sec1 .round5{ position: absolute; bottom: 33.2%; left: 28.8%; width: 6.2%; /*animation:movethree 7s infinite;*/ /*-webkit-animation:movethree 7s infinite;*/ } .index-page .sec1 .round6{ position: absolute; top: 26.5%; right: 21%; width: 5%; /*animation:movefour 6s infinite;*/ /*-webkit-animation:movefour 6s infinite;*/ } @keyframes lineone{ 0% { transform: translate(0,0) } 100% { transform: translate(-3000px,3000px) } } @keyframes moveone{ 0% { transform: translate(10px,10px) } 50% { transform: translate(-10px,-10px) } 100% { transform: translate(10px,10px) } } @keyframes movetwo{ 0% { transform: translate(-10px,-10px) } 50% { transform: translate(10px,10px) } 100% { transform: translate(-10px,-10px) } } @keyframes movethree{ 0% { transform: translate(10px,-10px) } 50% { transform: translate(-10px,10px) } 100% { transform: translate(10px,-10px) } } @keyframes movefour{ 0% { transform: translate(-10px,10px) } 50% { transform: translate(10px,-10px) } 100% { transform: translate(-10px,10px) } } @-webkit-keyframes lineone{ 0% { -webkit-transform: translate(0,0) } 100% { -webkit-transform: translate(-3000px,3000px) } } @-webkit-keyframes moveone{ 0% { -webkit-transform: translate(10px,10px) } 50% { -webkit-transform: translate(-10px,-10px) } 100% { -webkit-transform: translate(10px,10px) } } @-webkit-keyframes movetwo{ 0% { -webkit-transform: translate(-10px,-10px) } 50% { -webkit-transform: translate(10px,10px) } 100% { -webkit-transform: translate(-10px,-10px) } } @-webkit-keyframes movethree{ 0% { -webkit-transform: translate(10px,-10px) } 50% { -webkit-transform: translate(-10px,10px) } 100% { -webkit-transform: translate(10px,-10px) } } @-webkit-keyframes movefour{ 0% { -webkit-transform: translate(-10px,10px) } 50% { -webkit-transform: translate(10px,-10px) } 100% { -webkit-transform: translate(-10px,10px) } } .index-page .sec2{ text-align: center; background-repeat: no-repeat; /*background-image: url(/bundles/frontend/images/index_sec2_bg.png);*/ background-position: 0 340px; } /*淇敼鐨勫湴鏂?/ .index-page .sec2 .part1{ padding: 112px 0 100px; } /*淇敼鐨勫湴鏂?/ .index-page .sec2 .part1 .tit{ margin-bottom: 45px; } .index-page .sec2 .part1 .text{ font-size: 20px; color: #666; line-height: 1.5; width: 1010px; max-width: 100%; margin: 0 auto 40px; font-family: "syht light"; font-family: "寰蒋闆呴粦"\0; } .index-page .sec2 .part1 ul{ width: 1500px; max-width: 100%; margin: 0 auto; } .index-page .sec2 .part1 ul li{ float: left; margin-right: 1%; margin-bottom: 1%; width: 24.24%; overflow: hidden; } .index-page .sec2 .part1 ul li.one{ margin-bottom: 0; } .index-page .sec2 .part1 ul li.four{ margin-right: 0; } .index-page .sec2 .part1 ul li.five{ margin-bottom: 0; } .index-page .sec2 .part1 ul li.six{ margin-bottom: 0; } .index-page .sec2 .part1 ul li.seven{ margin-bottom: 0; margin-right: 0; } .index-page .sec2 .part1 ul li img{ width: 100%; transition: all 0.5s; -webkit-transition: all 0.5s; } .index-page .sec2 .part1 ul li:hover img{ transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); } .index-page .sec2 .part2{ padding: 60px 0 0; text-align: center; } .index-page .sec2 .part2 .left{ display: inline-block; vertical-align: middle; *zoom:1; *display: inline; width: 430px; text-align: right; margin-right: 8%; } .index-page .sec2 .part2 .left .tit{ margin-bottom: 105px; } .index-page .sec2 .part2 .left .text{ line-height: 1.5; font-size: 20px; color: #666; font-family: "syht light"; font-family: "寰蒋闆呴粦"\0; text-align: left; margin-bottom: 45px; } .index-page .sec2 .part2 .left .more{ text-align: right; } .index-page .sec2 .part2 .left .more a{ font-size: 24px; color: #666; font-family: "syht light"; font-family: "寰蒋闆呴粦"\0; } .index-page .sec2 .part2 .left .more a:hover{ color: #c3000f; } .index-page .sec2 .part2 .right{ display: inline-block; vertical-align: middle; *zoom:1; *display: inline; text-align: left; max-width: 50%; } .index-page .sec2 .part2 .right img{ width: 100%; max-width: none; vertical-align: middle; } .index-page .sec2 .part2 .bx-wrapper{ border: 0 none; box-shadow: none; } .index-page .sec0 .bx-wrapper{ border: 0 none; box-shadow: none; margin:0px; } .index-page .sec0 .bx-wrapper .bx-controls.bx-has-controls-direction.bx-has-pager { display: none; } .index-page .sec2 .part2 .bx-wrapper .bx-pager.bx-default-pager a{ background-color: #666; } .index-page .sec2 .part2 .bx-wrapper .bx-pager.bx-default-pager a.active{ background-color: #c3000f; } .index-page .sec3{ padding: 120px 0 0; text-align: center; background-repeat: no-repeat; background-image: url(/bundles/frontend/images/index_sec3_bg.png); background-position: right top; } .index-page .sec3 .tit{ margin-bottom: 25px; } .index-page .sec3 .text{ line-height: 1.5; font-size: 20px; color: #666; font-family: "syht light"; font-family: "寰蒋闆呴粦"\0; margin-bottom: 65px; } .index-page .sec3 ul li{ width: 20%; float: left; } .index-page .sec3 ul li a{ display: block; background-size: 100% auto; background-repeat: no-repeat; } .index-page .sec3 ul li.odd a{ background-color: #f7f7f7; background-position: left top; padding: 131% 0 30%; } .index-page .sec3 ul li.even a{ background-position: left bottom; padding: 30% 0 131%; } .index-page .sec3 ul li.one a{ background-image: url(/bundles/frontend/images/index_sec3_img1.png); } .index-page .sec3 ul li.two a{ background-image: url(/bundles/frontend/images/index_sec3_img2.png); } .index-page .sec3 ul li.three a{ background-image: url(/bundles/frontend/images/index_sec3_img3.png); } .index-page .sec3 ul li.four a{ background-image: url(/bundles/frontend/images/index_sec3_img4.png); } .index-page .sec3 ul li.five a{ background-image: url(/bundles/frontend/images/index_sec3_img5.png); } .index-page .sec3 ul li h3{ font-size: 36px; color: #444; font-family: "syht light"; font-family: "寰蒋闆呴粦"\0; font-weight: lighter; margin-bottom: 18px; transition: all 0.5s; } .index-page .sec3 ul li p{ font-size: 24px; color: #444; font-family: "egbt"; transition: all 0.5s; } .index-page .sec3 ul li a:hover h3,.index-page .sec3 ul li a:hover p{ color: #c3000f; } /*淇敼鐨勫湴鏂?/ .index-page .sec4{ padding: 20px 0 146px; background-repeat: no-repeat; background-position: left top; /*background-image: url(/bundles/frontend/images/index_sec4_bg.png);*/ text-align: center; } /*淇敼鐨勫湴鏂?/ .index-page .sec4 .tit{ margin-bottom: 30px; } .index-page .sec4 .text{ font-size: 20px; color: #666; font-family: "syht light"; font-family: "寰蒋闆呴粦"\0; margin-bottom: 60px; } .index-page .sec4 ul .old{ border: 1px solid #ddd; display: inline-block; vertical-align: top; width: 17.6%; margin: 0 1.4%; } .index-page .sec4 ul li .img-box{ position: relative; overflow: hidden; } .index-page .sec4 ul li .img-box img{ width: 100%; } .index-page .sec4 ul li .img-box .cover{ position: absolute; top: -100%; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); background-repeat: no-repeat; background-position: center center; background-image: url(/bundles/frontend/images/index_sec4_covericon.png); transition: all 0.5s; } .index-page .sec4 ul li a:hover .img-box .cover{ top: 0; } .index-page .sec4 ul li .text-box{ text-align: left; padding: 24px 15px 22px; } .index-page .sec4 ul li .text-box .time{ font-size: 18px; color: #cd000f; font-family: "hero light"; padding-bottom: 6px; border-bottom: 1px solid #cd000f; display: inline-block; vertical-align: top; margin-bottom: 28px; } .index-page .sec4 ul li .text-box h3{ font-weight: normal; font-size: 20px; color: #444; margin-bottom: 15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height: 1.5\0; } .index-page .sec4 ul li .text-box p{ font-size: 14px; color: #666; line-height: 24px; font-family: "syht light"; font-family: "寰蒋闆呴粦"\0; height: 72px; } .index-page .sec5{ text-align: center; padding: 100px 0 260px; position: relative; } .index-page .sec5 .bg{ background-repeat: no-repeat; background-image: url(/bundles/frontend/images/index/pands/img01.jpg); background-size: 100%; background-position: center center; z-index: -2; position: absolute; left: 0; top: 0; height: 400px; width: 100%; } .index-page .sec5 .sun{ /*background-image: url(/bundles/frontend/images/index/pands/img01.jpg);*/ background-position: center top; background-size: auto 100%; background-repeat: no-repeat; z-index: -1; position: absolute; left: 0; top: 0; height: 100%; width: 100%; transition: all 0.5s; opacity: 0; } .index-page .sec5.active .sun{ opacity: 1; } .index-page .sec5 .tit{ margin-bottom: 32px; opacity: 1; /*transition: all 0.5s 0.3s;*/ } .index-page .sec5.active .tit{ opacity: 1; } .index-page .sec5 .text{ font-size: 20px; line-height:32px; color: white; font-family: "syht light"; font-family: "寰蒋闆呴粦"\0; margin-bottom: 68px; opacity: 1; /*transition: all 0.5s 0.3s;*/ } .index-page .sec5.active .text{ opacity: 1; } .index-page .sec5 .time{ font-size: 18px; color: #cd000f; font-family: "hero light"; padding-bottom: 5px; border-bottom: 1px solid #cd000f; display: inline-block; vertical-align: top; margin-bottom: 25px; opacity: 0; transition: all 0.5s 0.3s; } .index-page .sec5.active .time{ opacity: 1; } .index-page .sec5 h5{ font-weight: lighter; font-size: 16px; color: #444; line-height: 24px; font-family: "syht light"; font-family: "寰蒋闆呴粦"\0; margin-bottom: 25px; opacity: 0; transition: all 0.5s 0.3s; } .index-page .sec5.active h5{ opacity: 1; } .index-page .sec5 a{ font-size: 24px; color: #666; font-family: "syht light"; font-family: "寰蒋闆呴粦"\0; opacity: 0; transition: opacity 0.5s 0.3s; } .index-page .sec5 a:hover{ color: #c3000f; } .index-page .sec5.active a{ opacity: 1; } .index-page .sec6.old_sec6{ text-align: center; background-repeat: no-repeat; background-size: 100% auto; background-position: center top; /*background-image: url(/bundles/frontend/images/index_sec6_bg1.jpg);*/ padding-top: 30px; } .index-page .sec6 .bg{ width: 100%; } .index-page .sec6 .tit{ margin-bottom: 26px; opacity: 0; transition: all 1s; } .index-page .sec6.active .tit{ opacity: 1; } .index-page .sec6 .text{ font-size: 20px; color: #666; line-height: 32px; font-family: "syht light"; font-family: "寰蒋闆呴粦"\0; margin: 0 auto; width: 990px; max-width: 100%; opacity: 0; transition: all 1s 1s; display: block; } .index-page .sec6.active .text{ opacity: 1; } @media only screen and (max-width:1366px){ .index-page .sec2 .part2 .left{ margin-right: 4%; } .index-page .sec2 .part2 .left .tit{ margin-bottom: 30px; } .index-page .sec2 .part1 .text{ font-size: 18px; } .index-page .sec2 .part2 .left .text{ font-size: 18px; } .index-page .sec2 .part2 .left .more a{ font-size: 20px; } .index-page .sec3 .text{ font-size: 18px; } .index-page .sec4 .text{ font-size: 18px; } .index-page .sec5{ padding: 100px 0 100px; } .index-page .sec5 a{ font-size: 18px; } .index-page .sec6 .text{ font-size: 18px; } } @media only screen and (max-width:1280px){ .index-page .sec2 .part2 .left{ margin-right: 2%; } .index-page .sec2 .part2 .left .tit h3{ font-size: 48px; } } @media only screen and (max-width:1024px) and (min-width:1024px){ } @media only screen and (max-width:1024px){ .index-page .part1_5 .fourth .num_text{ margin-right:10%; } .num_span{ overflow: unset; height:unset; } .part1_5 ul li{ left:unset; } .index-page .sec6.old_sec6{ padding-top:50px!important } .part1_5{ height:0 } .index-page .sec5 .tit{ top:-140px!important; } .index-page .sec5 .bg{ top:35%!important; } .part1_5 ul li{ line-height:100px; } .index-page .sec5{ height:370px!important; } .index-page .sec5 .text{ bottom:-140px!important; } .index-page .sec4 .text .fbt-title{ font-size:1.3rem!important; /*width:100px!important;*/ } .index-page .sec4 .text .small{ font-size:1.3rem!important; } .part1_5{ margin-top:40px; } .index-page .fourth .num_text{ width:100%; } /*.index-page .first .num_text{*/ /* left:-5%!important;*/ /*}*/ /*.index-page .fourth .num_text{*/ /* left:-10%!important;*/ /*}*/ /*.index-page .second .num_text{*/ /* left:-16%!important;*/ /*}*/ /*.index-page .third .num_text{*/ /* left:5%!important;*/ /*}*/ .part1_5 ul li{ font-size:23px; height:120px; width:42%; } .num_text{ font-size:1.8rem; width:100% } .index-page #header{ background-color: #fff; } .index-page #main{ padding-top: 60px; } .index-page #main .tit h3{ font-size: 2.4rem; margin-bottom: 5px; } .ie11 .index-page #main .tit h3{ line-height: 2.4rem; padding-top: 5px; height: 2.4rem; } .index-page #main .tit p{ font-size: 1rem; } .index-page .sec2{ background-position: 0 148px; background-size: 93px auto; } .index-page .sec2 .part1{ padding: 40px 0 0; } .index-page .sec2 .part1 .tit{ margin-bottom: 25px; } .index-page .sec2 .part1 .text{ font-size: 1.3rem; line-height: 20px; margin: 0 auto 20px; padding: 0 2.6%; width: 100%; } .index-page .sec2 .part2{ padding: 300px 0 0; } .index-page .sec2 .part2 .left{ width: 100%; padding: 0 1%; margin-right: 0; margin-bottom: 30px; } .index-page .sec2 .part2 .left .tit{ margin-bottom: 25px; text-align: center; } .index-page .sec2 .part2 .left h4{ font-size: 1.8rem; text-align: center; margin-bottom: 12px; } .index-page .sec2 .part2 .left .text{ line-height: 20px; font-size: 1.3rem; text-align: center; margin-bottom: 12px; } .index-page .sec2 .part2 .left .more{ text-align: center; } .index-page .sec2 .part2 .left .more a{ font-size: 1.3rem; } .index-page .sec2 .part2 .right{ width: 100%; text-align: center; } .index-page .sec3{ padding: 66px 0 0; background-size: 132px auto; } .index-page .sec3 .tit{ margin-bottom: 15px; } .index-page .sec3 .text{ line-height: 20px; font-size: 1.3rem; margin-bottom: 18px; padding: 0 2.66%; } .index-page .sec3 .text br{ display: none; } .index-page .sec3 ul li{ width: 100%; text-align: left; } .index-page .sec3 ul li a{ background-size: auto 155%; } .index-page .sec3 ul li.odd a{ background-position: right top; padding: 16% 8%; } .index-page .sec3 ul li.even a{ background-position: right bottom; padding: 16% 8%; } .index-page .sec3 ul li h3{ font-size: 1.8rem; margin-bottom: 9px; } .index-page .sec3 ul li p{ font-size: 1.2rem; } .index-page .sec4{ padding: 24px 0 30px; background-size: 263px auto; } .index-page .sec4 .tit{ margin-bottom: 17px; } .index-page .sec4 .text{ font-size: 1.3rem; line-height: 20px; margin-bottom: 17px; padding: 0 2.66%; } .index-page .sec4 .text .big{ font-size: 10px; } .index-page .sec4 .text .fbt-title{ font-size:1.2rem; margin-left:3%; width:20%; } .index-page .sec4 .text .small{ width:70%; } .index-page .sec4 .text .small ul li{ width:100%; margin:0 0 0 0; } .index-page .sec4 ul li.old{ width: 46%!important; margin: 0 1.33% 2.7%!important; } .index-page .sec4 ul liimg-box .cover{ background-size: 21px 21px; } .index-page .sec4 ul li .text-box{ padding: 10px 7px 12px; } .index-page .sec4 ul li .text-box .time{ font-size: 1.2rem; padding-bottom: 5px; margin-bottom: 10px; } .index-page .sec4 ul li .text-box h3{ font-size: 1.3rem; margin-bottom: 5px; } .index-page .sec4 ul li .text-box p{ font-size: 1rem; line-height: 16px; height: 48px; } .index-page .sec5{ padding: 300px 0 50px; height:280px; } .index-page .sec5 .bg{ background-size: 100% auto; } .index-page .sec5 .tit{ margin-bottom: 16px; top:-40px; } .index-page .sec5 .text{ font-size: 1.3rem; line-height: 20px; padding: 0 3%; margin-bottom: 25px; } .index-page .sec5 .time{ font-size: 1.2rem; margin-bottom: 7px; } .index-page .sec5 h5{ font-size: 1.3rem; line-height: 18px; margin-bottom: 17px; } .index-page .sec5 a{ font-size: 1.2rem; } .index-page .sec6{ padding-top: 40px; } .index-page .sec6 .tit{ margin-bottom: 16px; } .index-page .sec6 .text{ font-size: 1.3rem; line-height: 20px; width: 90.4%; } } @media only screen and (max-width:768px) and (min-width: 768px){ /*鎵嬫満閫傞厤- 棣栭〉*/ .index-page .sec5{ padding:270px 0 50px; } .index-page .part1_5 .fourth .num_text{ right:-15%; } .index-page .sec5 .tit{ top:0!important; } .index-page .num_text{ top:-20%!important; } .index-page #main{ margin-top:unset!important; } .index-page .sec6.old_sec6{ padding-top:0!important; } .index-page .sec5 .text { bottom: -210px!important; } .index-page .sec5 .bg{ top:210px!important; } .index-page .part1_5{ height:50px!important; margin-top:40px!important; margin-bottom:40px!important; } .index-page .num_text{ font-size:18px!important; width:100%!important; } /*.index-page .first .num_text{*/ /* left:5%!important;*/ /*}*/ /*.index-page .fourth .num_text{*/ /* left:4%!important;*/ /*}*/ /*.index-page .second .num_text{*/ /* left:-2%!important;*/ /*}*/ /*.index-page .third .num_text{*/ /* left:-15%!important;*/ /*}*/ .index-page .part1_5 ul li{ font-size:25px!important; line-height:60px!important; width:42%!important; } .index-page .num_span span{ width:20px!important; } /*鎵嬫満閫傞厤- 棣栭〉*/ .index-page .sec2 .part2 .left{ padding: 0 2.66%; } .index-page .sec6{ padding-top: 20px; } .index-page .sec6 .text{ width: 92%; } .index-page .sec4 .text .big{ font-size: 10px; margin-bottom:40px; margin-top:-20px; } .index-page .sec4 .text .fbt-title{ width:30%; } .index-page .sec4 .text .small{ margin-left:3%; width:100%; font-size:1.2rem } } @media only screen and (max-width:767px){ .big{ margin-bottom:50px } /*鎵嬫満閫傞厤- 棣栭〉*/ .index-page .part1_5 .fourth .num_text{ margin-right:5%; } .index-page .part1_5 ul{ margin-top:-40px; } .index-page .sec5 { padding:200px 0 330px; } .index-page .sec5 .tit{ top:-40px!important; } .index-page .sec4{ padding:50px 0 60px!important; } .index-page .sec4 .text{ margin-bottom:30px!important; position: relative!important; margin-top: -25px!important; } .index-page .sec4 .text .fbt-title{ width:100%!important } .index-page .sec4 .text .small { margin-left: 3%!important; font-size:1.2rem!important; } .index-page .sec2 .part2 { padding: 0 0 0!important; } .index-page .first .num_text { width:100%; } .index-page .num_text{ top:-35%!important; } .index-page #main{ margin-top:unset!important; } .index-page .sec6.old_sec6{ padding-top:0!important; } .index-page .sec5 .text{ bottom:-80px!important; } .index-page .sec5 .bg{ top:60px!important; } .index-page .part1_5{ height:50px!important; margin-top:40px!important; margin-bottom:50px!important; } .index-page .num_text{ font-size:12px!important; /*width:unset!important;*/ } /*.index-page .fourth .num_text{*/ /* left:-4%!important;*/ /*}*/ /*.index-page .second .num_text{*/ /* left:-6%!important;*/ /*}*/ /*.index-page .third .num_text{*/ /* left:-23%!important;*/ /*}*/ .index-page .part1_5 ul li{ font-size:14px!important; line-height:60px!important; width:42%!important; height:90px; } .index-page .num_span span{ width:10px!important; } /*鎵嬫満閫傞厤- 棣栭〉*/ .index-page .sec2 .part1 ul{ max-width: 93.466%; } .index-page .sec2 .part1 ul li{ margin-right: 1.8545%; margin-bottom: 1.8545%; width: 49.072%; } .index-page .sec2 .part1 ul li.one{ margin-bottom: 1.8545%; } .index-page .sec2 .part1 ul li.two{ margin-right: 0; } .index-page .sec2 .part1 ul li.three{ margin-right: 0; } .index-page .sec2 .part1 ul li.four{ margin-right: 1.8545%; } .index-page .sec2 .part1 ul li.five{ margin-right: 0; margin-bottom: 1.8545%; } .index-page .sec2 .part1 ul li.six{ margin-bottom: 0; margin-right: 1.8545%; } .index-page .sec5 .bg{ background-size: 100% auto; } .index-page .sec6 .text{ width: 90.4%; } } @media only screen and (max-width:414px){ .index-page .sec2 .part1 .text{ margin-bottom: 20px; } @keyframes lineone{ 0% { transform: translate(0,0) } 100% { transform: translate(-500px,500px) } } @-webkit-keyframes lineone{ 0% { -webkit-transform: translate(0,0) } 100% { -webkit-transform: translate(-500px,500px) } } }