.ability01more-page .sec1 .text p{ font-size:20px; font-family:"syht light","PingFang SC","寰蒋闆呴粦","Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; margin-top:5rem; } .ability01more-page .sec1 .text{ width:70%; margin:0 auto; } /*鎵嬫満閫傞厤-浼佷笟瀹炲姏*/ .ability01-page .mobile .sec6 .tit h3{ font-size:2.4rem; } .ability01-page .mobile .sec6 .tit{ top:35px; } .ability01-page .mobile .sec6 .text{ top:20px; } /*鎵嬫満閫傞厤-浼佷笟瀹炲姏*/ /*浼佷笟瀹炲姏-瀹為獙瀹?/ .ability01-page .sec6 { text-align: center; } .ability01-page .sec6 .tit h3 { font-size: 54px; color: #c3000f; font-weight: lighter; margin-bottom: 12px; font-family: "syht light"; font-family: "寰蒋闆呴粦" \0; } .ability01-page .tit p{ font-size: 24px; color: #444; font-family: "egbt"; } .ability01-page .sec6 .bg{ width: 100%; } .ability01-page .sec6 .tit{ position:relative; top:100px; margin-bottom: 26px; opacity: 0; transition: all 1s; } .ability01-page .sec6.active .tit{ opacity: 1; } .ability01-page .sec6 .text{ position:relative; top:100px; padding-top:40px; 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; } .ability01-page .sec6.active .text{ opacity: 1; } /*浼佷笟瀹炲姏-瀹為獙瀹?/ /*浼佷笟瀹炲姏-浜や粯涓庣敓浜?/ .ability01-page .sec2_2 .container-box{ font-size: 0; } .ability01-page .sec2_2 .container-box.odd{ background-color: #f9f9f9; } .ability01-page .sec2 .sec2_2 .container-box .left{ display: inline-block; vertical-align: top; width: 50%; transition: all 1s; opacity: 0; overflow: hidden; } .ability01-page .web .sec2_2 .container-box .left{ position: relative; left: -100%; overflow: hidden; } .ability01-page .web .sec2_2 .container-box .left img{ transition: all 0.5s; } .ability01-page .web .sec2_2 .container-box .left:hover img{ transform: scale(1.1,1.1); } .ability01-page .web .sec2_2 .container-box.active .left{ left: 0; } .ability01-page .sec2_2 .container-box.active .left{ opacity: 1; } .ability01-page .mobile .sec2_2 .container-box .left img{ width: 100%; } .ability01-page .web .sec2_2 .container-box .left img{ height: 100%; width:125%; } .ability01-page .sec2 .sec2_2 .container-box .right{ display: inline-block; vertical-align: top; width: 50%; transition: all 1s; opacity: 0; } .ability01-page .web .sec2_2 .container-box .right{ position: relative; right: -100%; } .ability01-page .web .sec2_2 .container-box.active .right{ right: 0; } .ability01-page .sec2_2 .container-box.active .right{ opacity: 1; } .ability01-page .sec2_2 .container-box .right .icon{ display: inline-block; vertical-align: top; width: 15%; text-align: center; } .ability01-page .sec2_2 .container-box .right .icon .icon-box{ line-height: 1; display: inline-block; vertical-align: middle; } .ability01-page .sec2_2 .container-box .right .icon img{ margin-bottom: 30px; } .ability01-page .sec2_2 .container-box .right .icon:hover img{ animation:roundani 0.5s linear; -webkit-animation:roundani 0.5s linear; } .ability01-page .sec2_2 .container-box .right .icon p{ font-size: 30px; color: #444; font-family: "syht light"; font-family: "寰蒋闆呴粦"\0; font-weight: lighter; } .ability01-page .sec2_2 .container-box .right .text{ display: inline-block; vertical-align: top; width: 63.5%; } .ability01-page .sec2_2 .container-box .right .text .text-box{ line-height: 1; display: inline-block; vertical-align: middle; width: 100%; } .ability01-page .sec2_2 .container-box .right .text .text-box p{ font-size: 18px; color: #53585a; line-height: 26px; margin-bottom: 16px; max-width: 82%; } .ability01-page .sec2_2 .container-box .right .text .text-box p b{ color: #444; font-family: "syht light"; font-family: "寰蒋闆呴粦"\0; } .ability01-page .sec2_2 .container-box .right .text .text-box p.last-child{ margin-bottom: 0; } .ability01-page .web .zznl-bg-ft { position: relative; /* 瀹瑰櫒闇€瑕佺浉瀵瑰畾浣嶄互渚垮瓙鍏冪礌鍙互缁濆瀹氫綅 */ display: flex; background-image: url('/bundles/frontend/images/ability01/zznl.png?version=2.9.2'); background-size: cover; /* 灏濊瘯浣跨敤 contain */ background-repeat: no-repeat; height: 464px; will-change: transform, opacity; /* 鎻愬墠浼樺寲 */ } .ability01-page .web .zznl-bg-ft .font { font-size: 20px; position: absolute; /* 鏂囨湰瀹瑰櫒闇€瑕佺粷瀵瑰畾浣 */ bottom: 20px; /* 浠庡簳閮ㄨ捣濮嬬偣鍚戜笂鍋忕Щ涓€瀹氱殑璺濈 */ width: 100%; /* 鏂囨湰瀹瑰櫒鐨勫搴︿负100% */ display: flex; /* 浣跨敤 flex 甯冨眬 */ justify-content: space-between; /* 鍦ㄤ竴琛屼腑骞冲潎鍒嗛厤绌洪棿 */ padding: 0 30px; /* 缁欏乏鍙充袱杈圭暀鍑轰竴浜涢棿璺濅互閫傚簲鏂囨湰 */ } .ability01-page .web .zznl-bg-ft .font div { display: inline-block; /* 浣挎枃鏈厓绱犳按骞虫帓鍒 */ vertical-align: bottom; /* 浣挎枃鏈簳閮ㄥ榻 */ margin: 0; /* 绉婚櫎鎵€鏈夎竟璺 */ white-space: nowrap; /* 闃叉鏂囨湰鎹㈣ */ } /* 鍙€夛細涓烘瘡涓枃鏈厓绱犳坊鍔犻澶栫殑鏍峰紡锛屼緥濡傞鑹叉垨瀛椾綋澶у皬绛 */ .ability01-page .web .zznl-bg-ft .font .bt1 { position: absolute; bottom: 40px; left: 310px; } .ability01-page .web .zznl-bg-ft .font .bt2 { position: absolute; bottom: 40px; left: 740px; } .ability01-page .web .zznl-bg-ft .font .bt3 { position: absolute; bottom: 40px; left: 1140px; } .ability01-page .web .zznl-bg-ft .font .bt4 { position: absolute; bottom: 40px; left: 1560px; } .ability01-page .lb0 .bx-wrapper{ border: 0 none;!important; box-shadow: none;!important; margin:0px;!important; } .ability01-page .lb0 .bx-wrapper .bx-controls.bx-has-controls-direction.bx-has-pager { display: none;!important; } /*zl*/ .ability01-page .zl-bg { display: flex; background-image: url('/bundles/frontend/images/ability01/new/jx-02.png?version=2.9.2'); /* 璁剧疆鑳屾櫙鍥剧墖 */ background-size: cover !important; /* 鑳屾櫙鍥剧墖瑕嗙洊鏁翠釜鍏冪礌 */ background-repeat: no-repeat !important;; /* 鑳屾櫙鍥剧墖涓嶉噸澶 */ /*background-position: center; !* 鑳屾櫙鍥剧墖灞呬腑 *!*/ /*width: 98%; !* 瀹藉害璁剧疆涓?00% *!*/ height: 464px; /* 楂樺害璁剧疆涓?00px */ } .ability01-page .zl-bg .ft{ margin-left: 60px; } .ability01-page .zl-bg .ft .right{ margin-left: 150px; display: inline-block; } .ability01-page .jx-01-bg .jx-bt-1{ margin-left: -705px; margin-top: -10px; } .ability01-page .jx-01-bg .jx-bt-1 .bt1{ color: #444; position: absolute; white-space: pre; letter-spacing: 4px; font-weight: lighter; font-size: 48px; font-family: "syht light"; margin-top: -80px; } .ability01-page .jx-01-bg .jx-bt-1 .bt1 .jx-icon{ margin-left: 350px; position: absolute; margin-top: 50px; } .ability01-page .zl-bg .ft .bt1{ color: #444; position: absolute; white-space: pre; letter-spacing: 4px; margin-top: 40px; font-weight: lighter; font-size: 48px; font-family: "syht light"; } .ability01-page .zl-bg .ft p{ font-size: 18px; margin-top: 40px; } .ability01-page .zl-bg .ft .p1{ margin-top: 100px; } .ability01-page .jx-01-bg { /*display: flex;*/ background-image: url('/bundles/frontend/images/ability01/new/jx-01-org-en.png?version=2.9.4'); /* 璁剧疆鑳屾櫙鍥剧墖 */ background-size: cover !important; /* 鑳屾櫙鍥剧墖瑕嗙洊鏁翠釜鍏冪礌 */ background-repeat: no-repeat !important;; /* 鑳屾櫙鍥剧墖涓嶉噸澶 */ /*background-position: center; !* 鑳屾櫙鍥剧墖灞呬腑 *!*/ /*width: 98%; !* 瀹藉害璁剧疆涓?00% *!*/ height: 464px; /* 楂樺害璁剧疆涓?00px */ } .ability01-page .jx-01-bg .inner-lb1 { margin-left: 1440px; width: 400px; } .ability01-page .jx-01-bg .inner-lb1 .bx-wrapper img { max-width: 100%; height: 350px; display: block; } .ability01-page .jx-01-bg .inner-lb1 .bx-wrapper .bx-viewport{ height: 491px!important; } .ability01-page .jx-01-bg .inner-lb1 .bx-wrapper img{ margin-top: 60px; } .ability01-page .jx-01-bg .inner-lb1 .bx-wrapper { border: 0 none; !important; box-shadow: none; !important; margin: 0px; !important; } .ability01-page .jx-01-bg .inner-lb1 .bx-wrapper .bx-controls.bx-has-controls-direction.bx-has-pager { display: none; !important; } /*zl-end*/ .ability01-page .jx-01-bg .inner-lb1 .bx-wrapper .bx-controls.bx-has-controls-direction.bx-has-pager { display: none;!important; } /*浼佷笟瀹炲姏-浜や粯涓庣敓浜?/ /*鐮斿彂鑳藉姏*/ .ability01-page #main{ overflow: hidden; } .ability01-page .sec1{ text-align: center; padding: 50px 0; background-repeat: no-repeat; /*background-image: url(/bundles/frontend/images/ability01_sec1_bg.png);*/ } .ability01-page .sec1 h3{ font-family: "syht light"; font-family: "寰蒋闆呴粦"\0; font-size: 54px; color: #c3000f; margin-bottom: 15px; font-weight: normal; } .ability01-page .sec1 p{ font-size: 24px; color: #444; font-family: "egbt"; } .ability01-page .sec2 .container-box{ font-size: 0; } .ability01-page .sec2 .container-box.odd{ background-color: #f9f9f9; } .ability01-page .sec2 .container-box .left{ display: inline-block; vertical-align: top; width: 37.5%; transition: all 1s; opacity: 0; overflow: hidden; } .ability01-page .web .sec2 .container-box .left{ position: relative; left: -100%; overflow: hidden; } .ability01-page .web .sec2 .container-box .left img{ transition: all 0.5s; } .ability01-page .web .sec2 .container-box .left:hover img{ transform: scale(1.1,1.1); } .ability01-page .web .sec2 .container-box.active .left{ left: 0; } .ability01-page .sec2 .container-box.active .left{ opacity: 1; } .ability01-page .mobile .sec2 .container-box .left img{ /*height: 100%;*/ width:100%; } .ability01-page .web .sec2 .container-box .left img{ width: 125%; } .ability01-page .sec2 .container-box .right{ display: inline-block; vertical-align: top; width: 62.5%; transition: all 1s; opacity: 0; } .ability01-page .web .sec2 .container-box .right{ position: relative; right: -100%; } .ability01-page .web .sec2 .container-box.active .right{ right: 0; } .ability01-page .sec2 .container-box.active .right{ opacity: 1; } .ability01-page .sec2 .container-box .right .icon{ display: inline-block; vertical-align: top; width: 34.8%; text-align: center; } .ability01-page .sec2 .container-box .right .icon .icon-box{ line-height: 1; display: inline-block; vertical-align: middle; } .ability01-page .sec2 .container-box .right .icon img{ margin-bottom: 30px; } .ability01-page .sec2 .container-box .right:hover .icon img{ animation:roundani 0.5s linear; -webkit-animation:roundani 0.5s linear; } .ability01-page .sec2 .container-box .right .icon p{ font-size: 30px; color: #444; font-family: "syht light"; font-family: "寰蒋闆呴粦"\0; font-weight: lighter; } .ability01-page .sec2 .container-box .right .text{ display: inline-block; vertical-align: top; width: 65.2%; /*padding-left: 5%;*/ transition: all 0.5s; } .ability01-page .sec2 .container-box .right:hover .text{ background-color: #c2000f; } .ability01-page .sec2 .container-box .right .text .text-box{ line-height: 1; display: inline-block; vertical-align: middle; width: 100%; } .ability01-page .sec2 .container-box .right .text .text-box td.first{ width: 65%; } .ability01-page .sec2 .container-box .right .text .text-box p{ font-size: 18px; color: #53585a; line-height: 26px; max-width: 88%; transition: all 0.5s; } .ability01-page .sec2 .container-box .right:hover .text .text-box p{ color: #fff; } .ability01-page .sec2 .container-box .right .text .text-box p b{ color: #444; font-family: "syht light"; font-family: "寰蒋闆呴粦"\0; transition: all 0.5s; } .ability01-page .sec2 .container-box .right:hover .text .text-box p b{ color: #fff; } .ability01-page .sec2 .container-box .right .text .text-box p.last-child{ margin-bottom: 0; } .ability01-page .sec2 .container-box .right .text .text-box .more{ font-size: 14px; display: inline-block; padding: 5px 10px; color: #c2000f; border: 1px solid #c2000f; border-radius: 4px; } .ability01-page .sec2 .container-box .right:hover .text .text-box .more{ color: #fff; border: 1px solid #ffff; } /*瀹為獙瀹よ祫婧?/ .ability01more-page{ background-color: #f0f0f0; } .ability01more-page #main{ overflow: hidden; } .ability01more-page .sec1{ text-align: center; padding: 50px 0; background-repeat: no-repeat; /*background-image: url(/bundles/frontend/images/ability01more_sec1_bg.png);*/ } .ability01more-page .sec1 h3{ font-family: "syht light"; font-family: "寰蒋闆呴粦"\0; font-size: 54px; color: #c3000f; margin-bottom: 15px; font-weight: normal; } .ability01more-page .sec1 p{ font-size: 24px; color: #444; font-family: "egbt"; } .ability01more-page .sec2{ font-family: "Microsoft Yahei"; padding-bottom: 122px; } .ability01more-page .sec2 ul{ width: 1520px; margin: 0 auto 50px; max-width: 100%; font-size: 0; text-align: center; } .ability01more-page .sec2 ul li{ box-shadow: 0 0 8px rgba(0,0,0,0.1); background-color: #fff; width: 23.66%; padding: 40px 30px 0; min-height: 400px; margin: 0.66%; display: inline-block; vertical-align: top; text-align: left; } .ability01more-page .sec2 ul li.big{ width: 48.68%; } .ability01more-page .sec2 ul li.big.low{ min-height: 470px; } .ability01more-page .sec2 ul li.small{ min-height: 370px; padding-top: 30px; } .ability01more-page .sec2 ul li h3{ font-weight: normal; font-size: 24px; color: #666; margin-bottom: 18px; } .ability01more-page .sec2 ul li.small h3{ margin-bottom: 10px; } .ability01more-page .sec2 ul li h3 span{ font-size: 18px; } .ability01more-page .sec2 ul li p{ font-family: "Microsoft Yahei"; font-weight: lighter; font-size: 16px; color: #666; line-height: 26px; } .ability01more-page .sec2 ul li.small p{ min-height: 110px; } .ability01more-page .sec2 ul li img{ width: 100%; margin-bottom: 12px; } .ability01more-page .sec2 ul li.small img{ margin-bottom: 0; } .ability01more-page .sec2 .back{ border: 1px solid #bfbfbf; border-radius: 4px; display: block; margin: 0 auto; color: #666; font-size: 24px; width: 140px; height: 48px; line-height: 46px; text-align: center; } /*鍒堕€犺兘鍔?/ .ability02-page #main{ overflow: hidden; } .ability02-page .sec1{ text-align: center; padding: 50px 0; background-repeat: no-repeat; background-image: url(/bundles/frontend/images/ability01_sec1_bg.png); } .ability02-page .sec1 h3{ font-family: "syht light"; font-family: "寰蒋闆呴粦"\0; font-size: 54px; color: #c3000f; margin-bottom: 15px; font-weight: normal; } .ability02-page .sec1 p{ font-size: 24px; color: #444; font-family: "egbt"; } .ability02-page .sec2 .container-box{ font-size: 0; } .ability02-page .sec2 .container-box.odd{ background-color: #f9f9f9; } .ability02-page .sec2 .container-box .left{ display: inline-block; vertical-align: top; width: 50%; transition: all 1s; opacity: 0; overflow: hidden; } .ability02-page .web .sec2 .container-box .left{ position: relative; left: -100%; overflow: hidden; } .ability02-page .web .sec2 .container-box .left img{ transition: all 0.5s; } .ability02-page .web .sec2 .container-box .left:hover img{ transform: scale(1.1,1.1); } .ability02-page .web .sec2 .container-box.active .left{ left: 0; } .ability02-page .sec2 .container-box.active .left{ opacity: 1; } .ability02-page .mobile .sec2 .container-box .left img{ width: 100%; } .ability02-page .web .sec2 .container-box .left img{ height: 100%; } .ability02-page .sec2 .container-box .right{ display: inline-block; vertical-align: top; width: 50%; transition: all 1s; opacity: 0; } .ability02-page .web .sec2 .container-box .right{ position: relative; right: -100%; } .ability02-page .web .sec2 .container-box.active .right{ right: 0; } .ability02-page .sec2 .container-box.active .right{ opacity: 1; } .ability02-page .sec2 .container-box .right .icon{ display: inline-block; vertical-align: top; width: 15%; text-align: center; } .ability02-page .sec2 .container-box .right .icon .icon-box{ line-height: 1; display: inline-block; vertical-align: middle; } .ability02-page .sec2 .container-box .right .icon img{ margin-bottom: 30px; } .ability02-page .sec2 .container-box .right .icon:hover img{ animation:roundani 0.5s linear; -webkit-animation:roundani 0.5s linear; } .ability02-page .sec2 .container-box .right .icon p{ font-size: 30px; color: #444; font-family: "syht light"; font-family: "寰蒋闆呴粦"\0; font-weight: lighter; } .ability02-page .sec2 .container-box .right .text{ display: inline-block; vertical-align: top; width: 63.5%; } .ability02-page .sec2 .container-box .right .text .text-box{ line-height: 1; display: inline-block; vertical-align: middle; width: 100%; } .ability02-page .sec2 .container-box .right .text .text-box p{ font-size: 18px; color: #53585a; line-height: 26px; margin-bottom: 16px; max-width: 82%; } .ability02-page .sec2 .container-box .right .text .text-box p b{ color: #444; font-family: "syht light"; font-family: "寰蒋闆呴粦"\0; } .ability02-page .sec2 .container-box .right .text .text-box p.last-child{ margin-bottom: 0; } /*璐ㄩ噺淇濋殰*/ .ability03-page #main{ overflow: hidden; } .ability03-page .sec1{ text-align: center; padding: 50px 0; background-repeat: no-repeat; background-image: url(/bundles/frontend/images/ability01_sec1_bg.png); } .ability03-page .sec1 h3{ font-family: "syht light"; font-family: "寰蒋闆呴粦"\0; font-size: 54px; color: #c3000f; margin-bottom: 15px; font-weight: normal; } .ability03-page .sec1 p{ font-size: 24px; color: #444; font-family: "egbt"; } .ability03-page .web .sec2 .container-box.even{ background-color: #f0f0f0; } .ability03-page .sec2 .container-box .left{ width: 50%; transition: all 1s; opacity: 0; overflow: hidden; float: left; position: relative; } .ability03-page .sec2 .container-box.even .left{ float: right; } .ability03-page .web .sec2 .container-box.odd .left{ left: -100%; } .ability03-page .web .sec2 .container-box.odd.active .left{ left: 0; } .ability03-page .web .sec2 .container-box.even .left{ right: -100%; } .ability03-page .web .sec2 .container-box.even.active .left{ right: 0; } .ability03-page .sec2 .container-box.active .left{ opacity: 1; } .ability03-page .web .sec2 .container-box .left img{ width: 100%; } .ability03-page .mobile .sec2 .container-box .left img{ width: 100%; } .ability03-page .sec2 .container-box .right{ width: 50%; transition: all 1s; opacity: 0; float: right; position: relative; text-align: center; } .ability03-page .sec2 .container-box.even .right{ float: left; } .ability03-page .web .sec2 .container-box.odd .right{ right: -100%; } .ability03-page .web .sec2 .container-box.odd.active .right{ right: 0; } .ability03-page .web .sec2 .container-box.even .right{ left: -100%; } .ability03-page .web .sec2 .container-box.even.active .right{ left: 0; } .ability03-page .sec2 .container-box.active .right{ opacity: 1; } .ability03-page .sec2 .container-box .right .text-box{ line-height: 1; display: inline-block; vertical-align: middle; text-align: left; max-width: 72%; } .ability03-page .sec2 .container-box .right .text-box p{ font-size: 18px; color: #53585a; line-height: 28px; margin-bottom: 18px; } .ability03-page .sec2 .container-box .right .text-box p b{ color: #444; font-family: "syht light"; font-family: "寰蒋闆呴粦"\0; } .ability03-page .sec2 .container-box .right .text-box p.last-child{ margin-bottom: 0; } .ability03-page .sec2 .container-box .right .text-box td{ font-size: 18px; color: #53585a; line-height: 48px; } .ability03-page .sec2 .container-box.odd .right .text-box td{ padding-left: 60px; } .ability03-page .sec2 .container-box .right .text-box td span{ border-radius: 50%; overflow: hidden; width: 10px; height: 10px; display: inline-block; vertical-align: middle; margin-right: 10px; background-color: #b71c22; } .ability03-page .sec2 .container-box .right .text-box th{ color: #444; font-family: "syht light"; font-family: "寰蒋闆呴粦"\0; font-size: 18px; line-height: 48px; text-align: left; } .ability03-page .sec2 .container-box .right .text-box .more{ font-size: 14px; display: inline-block; padding: 5px 10px; color: #c2000f; border: 1px solid #c2000f; border-radius: 4px; } .ability03-page .sec2 .container-box .right .text-box .more:hover{ color: #fff; background-color: #c2000f; } /*杩囩▼璐ㄩ噺鎺у埗*/ .ability03more-page{ background-color: #f0f0f0; } .ability03more-page #main{ overflow: hidden; } .ability03more-page .sec1{ text-align: center; padding: 50px 0; background-repeat: no-repeat; background-image: url(/bundles/frontend/images/ability01more_sec1_bg.png); } .ability03more-page .sec1 h3{ font-family: "syht light"; font-family: "寰蒋闆呴粦"\0; font-size: 54px; color: #c3000f; margin-bottom: 15px; font-weight: normal; } .ability03more-page .sec1 p{ font-size: 24px; color: #444; font-family: "egbt"; } .ability03more-page .sec2{ font-family: "Microsoft Yahei"; padding-bottom: 122px; } .ability03more-page .sec2 ul{ width: 1520px; margin: 0 auto 50px; max-width: 100%; font-size: 0; text-align: center; } .ability03more-page .sec2 ul li{ box-shadow: 0 0 8px rgba(0,0,0,0.1); background-color: #fff; width: 23.66%; padding: 40px 30px 0; min-height: 550px; margin: 0.667%; display: inline-block; vertical-align: top; text-align: left; } .ability03more-page .sec2 ul li.small{ min-height: 250px; padding-top: 30px; } .ability03more-page .sec2 ul li h3{ font-weight: normal; font-size: 24px; line-height: 1.5; color: #666; margin-bottom: 18px; } .ability03more-page .sec2 ul li.small h3{ margin-bottom: 10px; } .ability03more-page .sec2 ul li h3 span{ font-size: 18px; } .ability03more-page .sec2 ul li p{ font-family: "Microsoft Yahei"; font-weight: lighter; font-size: 16px; color: #666; line-height: 26px; } .ability03more-page .sec2 ul li img{ width: 100%; margin-bottom: 12px; } .ability03more-page .sec2 .back{ border: 1px solid #bfbfbf; border-radius: 4px; display: block; margin: 0 auto; color: #666; font-size: 24px; width: 140px; height: 48px; line-height: 46px; text-align: center; } /*瀹㈡埛鏈嶅姟*/ .ability04-page #main{ overflow: hidden; } .ability04-page .sec1{ text-align: center; padding: 50px 0; background-repeat: no-repeat; background-image: url(/bundles/frontend/images/ability01_sec1_bg.png); } .ability04-page .sec1 h3{ font-family: "syht light"; font-family: "寰蒋闆呴粦"\0; font-size: 54px; color: #c3000f; margin-bottom: 15px; font-weight: normal; } .ability04-page .sec1 p{ font-size: 24px; color: #444; font-family: "egbt"; } .ability01-page .sec2_3 .container-box{ position: relative; } .ability01-page .sec2_3 .container-box .bg{ width: 100%; } .ability01-page .web .sec2_3 .container-box .box{ position: absolute; width: 50%; height: 100%; top: 0; text-align: center; transition: all 0.5s; opacity: 0; } .ability01-page .sec2_3 .container-box.odd .box{ right: -100%; } .ability01-page .sec2_3 .container-box.even .box{ left: -100%; } .ability01-page .sec2_3 .container-box.odd.active .box{ right: 0; opacity: 1; } .ability01-page .sec2_3 .container-box.even.active .box{ left: 0; opacity: 1; } .ability01-page .sec2_3 .container-box .text{ line-height: 1; display: inline-block; vertical-align: middle; text-align: left; width: 65%; } .ability01-page .sec2_3 .container-box .text .tit{ margin-bottom: 25px; } .ability01-page .sec2_3 .container-box .text .tit img{ vertical-align: middle; margin-right: 28px; } .ability01-page .sec2_3 .container-box .text .tit div{ display: inline-block; vertical-align: middle; } .ability01-page .sec2_3 .container-box .text .tit div h3{ font-weight: lighter; font-size: 48px; color: #444; font-family: "syht light"; font-family: "寰蒋闆呴粦"\0; } .ability01-page .sec2_3 .container-box .text .tit div p{ font-size: 24px; color: #666; font-family: "egbt"; } .ability01-page .sec2_3 .container-box .text .text-box p{ font-size: 18px; color: #666; line-height: 26px; font-family: "syht light"; font-family: "寰蒋闆呴粦"\0; } @keyframes roundani{ 0% { transform: rotateY(0deg); } 100% { transform: rotateY(360deg); } } @-webkit-keyframes roundani{ 0% { -webkit-transform: rotateY(0deg); } 100% { -webkit-transform: rotateY(360deg); } } /*鍒涙柊鑳藉姏*/ .ability05-page #main{ overflow: hidden; } .ability05-page .sec1{ text-align: center; padding: 50px 0; background-repeat: no-repeat; background-image: url(/bundles/frontend/images/ability01_sec1_bg.png); } .ability05-page .sec1 h3{ font-family: "syht light"; font-family: "寰蒋闆呴粦"\0; font-size: 54px; color: #c3000f; margin-bottom: 15px; font-weight: normal; } .ability05-page .sec1 p{ font-size: 24px; color: #444; font-family: "egbt"; margin-bottom: 40px; } .ability05-page .sec1 div{ font-size: 16px; color: #53585a; padding: 0 11%; line-height: 1.5; } .ability05-page #main .inner{ width: 78.2%; padding-bottom: 80px; } .ability05-page .sec2,.ability05-page .sec3,.ability05-page .sec4,.ability05-page .sec5,.ability05-page .sec6,.ability05-page .sec7{ position: relative; float: left; overflow: hidden; } .ability05-page .sec2{ width: 100%; } .ability05-page .sec3,.ability05-page .sec4,.ability05-page .sec5,.ability05-page .sec6,.ability05-page .sec7{ width: 50%; } .ability05-page .sec2 .bg,.ability05-page .sec3 .bg,.ability05-page .sec4 .bg,.ability05-page .sec5 .bg,.ability05-page .sec6 .bg,.ability05-page .sec7 .bg{ width: 100%; } .ability05-page .sec2 .text-box,.ability05-page .sec3 .text-box,.ability05-page .sec4 .text-box,.ability05-page .sec5 .text-box,.ability05-page .sec6 .text-box,.ability05-page .sec7 .text-box{ position: absolute; left: 100px; top: 100px; z-index: 2; } .ability05-page .sec2 .text-box .line,.ability05-page .sec3 .text-box .line,.ability05-page .sec4 .text-box .line,.ability05-page .sec5 .text-box .line,.ability05-page .sec6 .text-box .line,.ability05-page .sec7 .text-box .line{ width: 140px; height: 2px; margin-bottom: 30px; opacity: 0; transform: translateY(20px); -webkit-transform: translateY(20px); transition-property: transform,opacity,background-color; transition-duration: 1s,1s,1s; transition-delay: 1s,1s,0s; } .ability05-page .sec2 .text-box .line,.ability05-page .sec5 .text-box .line,.ability05-page .sec6 .text-box .line{ background-color: #fff; } .ability05-page .sec3 .text-box .line,.ability05-page .sec4 .text-box .line,.ability05-page .sec7 .text-box .line{ background-color: #444; } .ability05-page .sec2 .text-box h3,.ability05-page .sec3 .text-box h3,.ability05-page .sec4 .text-box h3,.ability05-page .sec5 .text-box h3,.ability05-page .sec6 .text-box h3,.ability05-page .sec7 .text-box h3{ font-size: 36px; font-weight: bold; margin-bottom: 40px; opacity: 0; transform: translateY(20px); -webkit-transform: translateY(20px); transition-property: transform,opacity,color; transition-duration: 1s,1s,1s; transition-delay: 1s,1s,0s; } .ability05-page .sec4 .text-box h3{ transition-delay: 2.5s; -webkit-transition-delay: 2.5s; } .ability05-page .sec2 .text-box p,.ability05-page .sec3 .text-box p,.ability05-page .sec4 .text-box p,.ability05-page .sec5 .text-box p,.ability05-page .sec6 .text-box p,.ability05-page .sec7 .text-box p{ font-size: 16px; line-height: 28px; opacity: 0; transform: translateY(20px); -webkit-transform: translateY(20px); transition-property: transform,opacity,color; transition-duration: 1s,1s,1s; transition-delay: 1.5s,1.5s,0s; } .ability05-page .sec4 .text-box p{ transition-delay: 3s; -webkit-transition-delay: 3s; } .ability05-page .sec2 .text-box h3,.ability05-page .sec5 .text-box h3,.ability05-page .sec6 .text-box h3,.ability05-page .sec2 .text-box p,.ability05-page .sec5 .text-box p,.ability05-page .sec6 .text-box p{ color: #fff; } .ability05-page .sec3 .text-box h3,.ability05-page .sec4 .text-box h3,.ability05-page .sec7 .text-box h3,.ability05-page .sec3 .text-box p,.ability05-page .sec4 .text-box p,.ability05-page .sec7 .text-box p{ color: #444; } .ability05-page .sec2 .text-box h3:hover,.ability05-page .sec5 .text-box h3:hover,.ability05-page .sec6 .text-box h3:hover,.ability05-page .sec2 .text-box p:hover,.ability05-page .sec5 .text-box p:hover,.ability05-page .sec6 .text-box p:hover,.ability05-page .sec3 .text-box h3:hover,.ability05-page .sec4 .text-box h3:hover,.ability05-page .sec7 .text-box h3:hover,.ability05-page .sec3 .text-box p:hover,.ability05-page .sec4 .text-box p:hover,.ability05-page .sec7 .text-box p:hover{ color: #c3000f; } .ability05-page .sec2 .text-box h3:hover .line,.ability05-page .sec5 .text-box h3:hover .line,.ability05-page .sec6 .text-box h3:hover .line,.ability05-page .sec3 .text-box h3:hover .line,.ability05-page .sec4 .text-box h3:hover .line,.ability05-page .sec7 .text-box h3:hover .line{ background-color: #c3000f; } .ability05-page .sec2 .img1,.ability05-page .sec3 .img1,.ability05-page .sec4 .img1,.ability05-page .sec5 .img1,.ability05-page .sec6 .img1,.ability05-page .sec7 .img1{ z-index: 1; opacity: 0; transition: all 1s 0.5s; -webkit-transition: all 1s 0.5s; transform: translateY(20px); -webkit-transform: translateY(20px); } .ability05-page .sec4 .img1{ transition-delay: 2s; -webkit-transition-delay: 2s; } .ability05-page .sec2.active .img1,.ability05-page .sec3.active .img1,.ability05-page .sec4.active .img1,.ability05-page .sec5.active .img1,.ability05-page .sec6.active .img1,.ability05-page .sec7.active .img1,.ability05-page .sec2.active .text-box p,.ability05-page .sec3.active .text-box p,.ability05-page .sec4.active .text-box p,.ability05-page .sec5.active .text-box p,.ability05-page .sec6.active .text-box p,.ability05-page .sec7.active .text-box p,.ability05-page .sec2.active .text-box h3,.ability05-page .sec3.active .text-box h3,.ability05-page .sec4.active .text-box h3,.ability05-page .sec5.active .text-box h3,.ability05-page .sec6.active .text-box h3,.ability05-page .sec7.active .text-box h3,.ability05-page .sec2.active .text-box .line,.ability05-page .sec3.active .text-box .line,.ability05-page .sec4.active .text-box .line,.ability05-page .sec5.active .text-box .line,.ability05-page .sec6.active .text-box .line,.ability05-page .sec7.active .text-box .line{ opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); } .ability05-page .sec2.web .img1{ position: absolute; right: 5%; bottom: 0; width: 69.733%; } .ability05-page .sec3.web .img1{ position: absolute; right: 0; bottom: 0; width: 100%; } .ability05-page .sec2.mobile .img1{ position: absolute; right: 0; bottom: 0; width: 70.67%; } .ability05-page .sec3.mobile .img1{ position: absolute; right: 0; bottom: 0; width: 91.467%; } .ability05-page .sec4 .img1{ position: absolute; right: 0; bottom: 0; width: 86.67%; } .ability05-page .sec5 .img1{ position: absolute; right: 0; bottom: 0; width: 100%; } .ability05-page .sec6 .img1{ position: absolute; right: 0; bottom: 0; width: 100%; } .ability05-page .sec6 .img2{ margin-top: 21%; width: 77%; opacity: 0; transition: all 1s 2s; -webkit-transition: all 1s 2s; transform: translateY(20px); -webkit-transform: translateY(20px); } .ability05-page .sec6.active .img2{ opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); } .ability05-page .sec7 .img1{ position: absolute; right: 0; bottom: 0; width: 100%; } @media only screen and (max-width:1800px){ .ability01-page .sec2 .container-box .right .text .text-box p{ font-size: 16px; line-height: 24px; } .ability01-page .sec2_3 .container-box .text{ width: 90%; } } @media only screen and (max-width:1770px){ .ability03-page .sec2 .container-box .right .text-box td,.ability03-page .sec2 .container-box .right .text-box th{ line-height: 30px; } .ability03-page .sec2 .container-box .right .text-box{ max-width: 78%; } } @media only screen and (max-width:1600px){ .ability01-page .sec2 .container-box .right .text .text-box p{ max-width: 94%; } .ability05-page .sec2 .text-box,.ability05-page .sec3 .text-box,.ability05-page .sec4 .text-box,.ability05-page .sec5 .text-box,.ability05-page .sec6 .text-box,.ability05-page .sec7 .text-box{ left: 50px; top: 50px; } } @media only screen and (max-width:1400px){ .ability01-page .sec2 .container-box .right .text .text-box p{ font-size: 14px; line-height: 20px; max-width: 96%; } .ability01-page .sec2 .container-box .right .text .text-box .more{ font-size: 12px; } } @media only screen and (max-width:1366px){ /*浼佷笟瀹炲姏-瀹為獙瀹?/ .ability01-page .sec6 .text{ font-size: 18px; } /*浼佷笟瀹炲姏-瀹為獙瀹?/ .ability03-page .sec2 .container-box .right .text-box p{ font-size: 16px; line-height: 26px; } .ability03-page .sec2 .container-box .right .text-box td,.ability03-page .sec2 .container-box .right .text-box th{ line-height: 30px; font-size: 16px; } .ability03-page .sec2 .container-box .right .text-box{ max-width: 82%; } /*杩囩▼璐ㄩ噺鎺у埗*/ .ability03more-page .sec2 ul li h3{ font-size: 22px; } .ability05-page .sec2 .text-box h3,.ability05-page .sec3 .text-box h3,.ability05-page .sec4 .text-box h3,.ability05-page .sec5 .text-box h3,.ability05-page .sec6 .text-box h3,.ability05-page .sec7 .text-box h3{ margin-bottom: 15px; } .ability05-page .sec2 .text-box .line,.ability05-page .sec3 .text-box .line,.ability05-page .sec4 .text-box .line,.ability05-page .sec5 .text-box .line,.ability05-page .sec6 .text-box .line,.ability05-page .sec7 .text-box .line{ margin-bottom: 15px; } .ability05-page .sec2 .text-box,.ability05-page .sec3 .text-box,.ability05-page .sec4 .text-box,.ability05-page .sec5 .text-box,.ability05-page .sec6 .text-box,.ability05-page .sec7 .text-box{ left: 25px; top: 25px; } .ability05-page .sec7 .img1{ right: -8%; } } @media only screen and (max-width:1280px){ .ability01-page .sec2 .container-box .right .text .text-box p{ font-size: 13px; line-height: 20px; } .ability01-page .sec2 .container-box .right .icon p{ font-size: 24px; } .ability01more-page .sec2 ul li p{ font-size: 15px; } .ability01-page .sec2_2 .container-box .right .icon p{ font-size: 24px; } .ability02-page .sec2 .container-box .right .icon p{ font-size: 24px; } .ability03-page .sec2 .container-box .right .text-box{ max-width: 88%; } .ability01-page .sec2_2 .container-box .right .text .text-box p{ max-width: 83%; } .ability01-page .sec2_2 .container-box .right .text .text-box p{ max-width: 83%; } .ability02-page .sec2 .container-box .right .text .text-box p{ max-width: 83%; } /*杩囩▼璐ㄩ噺鎺у埗*/ .ability03more-page .sec2 ul li h3{ font-size: 20px; } .ability03more-page .sec2 ul li.small{ min-height: 280px; } .ability01-page .sec2_3 .container-box .text{ width: 87%; } .ability01-page .sec2_3 .container-box .text .tit div h3{ font-size: 34px; } .ability01-page .sec2_3 .container-box .text .text-box p{ font-size: 16px; line-height: 26px; } .ability05-page .sec2 .text-box,.ability05-page .sec3 .text-box,.ability05-page .sec4 .text-box,.ability05-page .sec5 .text-box,.ability05-page .sec6 .text-box,.ability05-page .sec7 .text-box{ left: 25px; top: 25px; } .ability05-page .sec6 .img2{ margin-top: 10%; } .ability05-page .sec2 .text-box h3,.ability05-page .sec3 .text-box h3,.ability05-page .sec4 .text-box h3,.ability05-page .sec5 .text-box h3,.ability05-page .sec6 .text-box h3,.ability05-page .sec7 .text-box h3{ font-size: 30px; } .ability05-page .sec2 .text-box p,.ability05-page .sec3 .text-box p,.ability05-page .sec4 .text-box p,.ability05-page .sec5 .text-box p,.ability05-page .sec6 .text-box p,.ability05-page .sec7 .text-box p{ font-size: 14px; } } @media only screen and (max-width:1200px){ .ability01-page .sec2_3 .container-box .text .text-box p{ font-size: 16px; line-height: 26px; } .ability01-page .sec2_3 .container-box .text .tit div h3{ font-size: 36px; } .ability01-page .sec2_3 .container-box .text .tit div p{ font-size: 16px; } } @media only screen and (max-width:1100px){ .ability01-page .sec2 .container-box .right .text .text-box p{ max-width: 90%; } } @media only screen and (max-width:1024px){ .ability01-page .zl-bg .ft .bt1 { color: rgb(68, 68, 68) !important; position: absolute !important; white-space: pre !important; letter-spacing: 4px !important; margin-top: 40px !important; font-weight: lighter !important; font-size: 28px !important; font-family: "syht light" !important; } .ability01-page .zl-bg .ft .bt1 img{ display: none; } .ability01-page .jx-01-bg { /* display: flex; */ background-image: url(/bundles/frontend/images/ability01/new/jx-01-org.png?version=2.9.4); background-size: cover !important; background-repeat: no-repeat !important; height: 184px!important; } .ability01-page .zl-bg { display: flex !important;; background-image: url() !important;; background-size: cover !important; background-repeat: no-repeat !important; height: 464px !important;; } .ability01-page .sec2_3 .container-box .text { width: 100%; padding: 6.6%; margin-left: 10px !important; margin-top: -10px; } .ability01-page .jx-01-bg .jx-bt-1 .bt1 { color: rgb(68, 68, 68) !important; position: absolute !important; /* white-space: pre !important; */ letter-spacing: 4px !important; font-weight: lighter !important; font-size: 28px !important; font-family: "syht light" !important; margin-top: -60px !important; margin-left: 180px; } .ability01-page .jx-01-bg .jx-bt-1 .bt1 img{ display: none; } .ability01-page .zl-bg { display: flex!important; background-size: cover !important; background-repeat: no-repeat !important; height: 464px!important; } .ability01-page .sec6{ margin-top: 60px!important; } .ability01-page .zznl-bg-ft { position: relative; display: flex; background-image: url(/bundles/frontend/images/ability01/zznl.png?version=2.9.2); background-size: cover; background-repeat: no-repeat; height: 160px !important; will-change: transform, opacity; } .ability01-page .zznl-bg-ft div { display: none !important; } /*鎵嬫満閫傞厤*/ .ability01-page .sec2_3 .container-box .text .tit div h3{ font-size:2.4rem; } .ability01-page .sec6 .tit h3{ font-size:2.4rem; } .ability01-page .sec6{ margin-top:-140px; } /*鎵嬫満閫傞厤*/ /*浼佷笟瀹炲姏-瀹為獙瀹?/ .ability01-page .sec6{ padding-top: 40px; } .ability01-page .sec6 .tit{ margin-bottom: 16px; } .ability01-page .sec6 .text{ font-size: 1.5rem; line-height: 26px; width: 90.4%; } /*浼佷笟瀹炲姏 瀹為獙瀹?/ .ability01-page .sec2 .container-box .left { width: 98% !important; height: auto !important; } .ability01-page .sec2 .sec2 .container-box .right { width: 98% !important; } /*鐮斿彂鑳藉姏*/ .ability01-page .sec1{ padding: 40px 0; background-size: auto 100%; margin-top: 20px; /*background-image: url(/bundles/frontend/images/ability01_sec1_bg_mobile.png);*/ } .ability01-page .sec1 h3{ font-size: 2.4rem; margin-bottom: 5px; } .ability01-page .sec1 p{ font-size: 1rem; } .ability01-page .sec2{ padding: 0 2%; } .ability01-page .sec2 .container-box.odd{ background-color: transparent; } .ability01-page .sec2 .container-box .right{ width: 100%; } .ability01-page .sec2 .container-box .right .icon{ width: 27%; } .ability01-page .sec2 .container-box .right .icon img{ margin-bottom: 15px; width: 32px; } .ability01-page .sec2 .container-box .right .icon p{ font-size: 1.5rem; } .ability01-page .sec2 .container-box .right .text{ width: 73%; padding: 0px 0 22px 0; } .ability01-page .sec2 .container-box .right .text .text-box p{ font-size: 1.5rem; line-height: 26px; max-width: 100%; color: #666; } .ability01more-page .sec2{ padding-bottom: 60px; } .ability01more-page .sec2 ul li{ width: 48%; margin: 1%; padding: 20px 30px; min-height: 500px; } .ability01more-page .sec2 ul li.big{ width: 98%; } .ability01more-page .sec2 ul li.small p{ min-height: 80px; } .ability01-page .sec2_3 .container-box .text { width: 100%; padding: 6.6%; margin-left: 10px!important; } /*鍒堕€犺兘鍔?/ .ability02-page .sec1{ padding: 40px 0; background-size: auto 100%; background-image: url(/bundles/frontend/images/ability01_sec1_bg_mobile.png); } .ability02-page .sec1 h3{ font-size: 2.4rem; margin-bottom: 5px; } .ability02-page .sec1 p{ font-size: 1rem; } .ability01-page .sec2_2{ padding: 0 2%; } .ability02-page .sec2{ padding: 0 2%; } .ability01-page .sec2_2 .container-box.odd{ background-color: transparent; } .ability02-page .sec2 .container-box.odd{ background-color: transparent; } .ability01-page .sec2_2 .container-box .left{ width: 100%; } .ability02-page .sec2 .container-box .left{ width: 100%; } .ability01-page .sec2_2 .container-box .right{ width: 100%; } .ability02-page .sec2 .container-box .right{ width: 100%; } .ability01-page .sec2_2 .container-box .right .icon{ width: 15%; } .ability02-page .sec2 .container-box .right .icon{ width: 15%; } .ability01-page .sec2_2 .container-box .right .icon img{ margin-bottom: 15px; width: 28px; } .ability02-page .sec2 .container-box .right .icon img{ margin-bottom: 15px; width: 28px; } .ability01-page .sec2_2 .container-box .right .icon p{ font-size: 1.5rem; } .ability02-page .sec2 .container-box .right .icon p{ font-size: 1.5rem; } .ability01-page .sec2_2 .container-box .right .text{ width: 73%; padding: 22px 0; } .ability02-page .sec2 .container-box .right .text{ width: 73%; padding: 22px 0; } .ability01-page .sec2_2 .container-box .right .text .text-box p{ font-size: 1.2rem; line-height: 18px; margin-bottom: 0; max-width: 100%; color: #666; } .ability02-page .sec2 .container-box .right .text .text-box p{ font-size: 1.2rem; line-height: 18px; margin-bottom: 0; max-width: 100%; color: #666; } /*璐ㄩ噺淇濋殰*/ .ability03-page .sec1{ padding: 40px 0; background-size: auto 100%; background-image: url(/bundles/frontend/images/ability01_sec1_bg_mobile.png); } .ability03-page .sec1 h3{ font-size: 2.4rem; margin-bottom: 5px; } .ability03-page .sec1 p{ font-size: 1rem; } .ability03-page .sec2 .container-box .left{ width: 100%; } .ability03-page .sec2 .container-box .right{ width: 100%; float: left; text-align: left; padding: 21px 4%; } .ability03-page .sec2 .container-box .right .text-box{ max-width: 100%; } .ability03-page .sec2 .container-box .right .text-box p{ font-size: 1.2rem; line-height: 18px; margin-bottom: 9px; } .ability03-page .sec2 .container-box .right .text-box .more{ font-size: 1rem; } .ability03-page .sec2 .container-box .right .text-box td{ font-size: 1.2rem; line-height: 25px; } .ability03-page .sec2 .container-box:nth-child(5) .right .text-box td{ padding: 0 12px; } .ability03-page .sec2 .container-box .right .text-box td span{ width: 5px; height: 5px; margin-right: 5px; } .ability03-page .sec2 .container-box .right .text-box th{ font-size: 1.2rem; line-height: 25px; } /*杩囩▼璐ㄩ噺鎺у埗*/ .ability03more-page .sec2{ padding-bottom: 60px; } .ability03more-page .sec2 ul li{ width: 48%; margin: 1%; padding: 20px 30px; min-height: 600px; } .ability03more-page .sec2 ul li.small{ min-height: 200px; } /*瀹㈡埛鏈嶅姟*/ .ability04-page .sec1{ padding: 40px 0; background-size: auto 100%; background-image: url(/bundles/frontend/images/ability01_sec1_bg_mobile.png); } .ability04-page .sec1 h3{ font-size: 2.4rem; margin-bottom: 5px; } .ability04-page .sec1 p{ font-size: 1rem; } .ability01-page .sec2_3 .container-box .text{ width: 100%; padding: 6.6%; } .ability01-page .sec2_3 .container-box .text .tit{ margin-bottom: 10px; } .ability01-page .sec2_3 .container-box .text .tit img{ margin-right: 13px; width: 24px; } .ability01-page .sec2_3 .container-box .text .tit div h3{ font-size: 2.2rem; } .ability01-page .sec2_3 .container-box .text .tit div p{ font-size: 1.2rem; } .ability01-page .sec2_3 .container-box .text .text-box p{ font-size: 1.5rem; line-height: 26px; } /*鍒涙柊*/ .ability05-page .sec1{ padding: 40px 0; background-size: auto 100%; background-image: url(/bundles/frontend/images/ability01_sec1_bg_mobile.png); } .ability05-page .sec1 h3{ font-size: 2.4rem; margin-bottom: 5px; } .ability05-page .sec1 p{ font-size: 1rem; } .ability05-page .sec2 .text-box p,.ability05-page .sec3 .text-box p,.ability05-page .sec4 .text-box p,.ability05-page .sec5 .text-box p,.ability05-page .sec6 .text-box p,.ability05-page .sec7 .text-box p{ font-size: 1.5rem; line-height: 20px; } } @media only screen and (max-width:768px){ /*鎵嬫満閫傞厤*/ .ability01-page .sec6 .text{ top:80px; } /*鎵嬫満閫傞厤*/ .ability01-page .sec2_3 .container-box .text .text-box p{ font-size: 1.2rem; line-height: 18px; } .ability01more-page .sec2 ul li{ min-height: 450px; } /*杩囩▼璐ㄩ噺鎺у埗*/ .ability03more-page .sec2 ul li{ min-height: 540px; } .ability05-page #main .inner{ width: 92%; } .ability05-page .sec2 .text-box h3,.ability05-page .sec3 .text-box h3,.ability05-page .sec4 .text-box h3,.ability05-page .sec5 .text-box h3,.ability05-page .sec6 .text-box h3,.ability05-page .sec7 .text-box h3{ font-size: 2rem; } .ability05-page .sec2 .text-box p,.ability05-page .sec3 .text-box p,.ability05-page .sec4 .text-box p,.ability05-page .sec5 .text-box p,.ability05-page .sec6 .text-box p,.ability05-page .sec7 .text-box p{ font-size: 1.2rem; line-height: 20px; } } @media only screen and (max-width:767px){ /*鎵嬫満閫傞厤*/ .ability01more-page .sec1 .text p{ font-size:1.3rem; } .ability01-page .sec6 .text{ font-size:1.2rem; } .ability01-page .sec2 .container-box .right .icon p{ font-size:1.2rem; } .ability01-page .sec6{ margin-top:unset; } .ability01-page .sec2 .container-box .right .text{ padding:22px 0 22px 0; } .ability01-page .sec2 .container-box .right .text .text-box p{ font-size:1.2rem; line-height:20px; } /*鎵嬫満閫傞厤*/ /*浼佷笟瀹炲姏 瀹為獙瀹?/ .ability01-page .sec6{ padding-top: 20px; } .ability01-page .sec6 .text{ width: 92%; } /*浼佷笟瀹炲姏 瀹為獙瀹?/ /*瀹為獙瀹よ祫婧?/ .ability01more-page .sec1{ padding: 40px 0; background-size: auto 100%; } .ability01more-page .sec1 h3{ font-size: 2.4rem; margin-bottom: 5px; } .ability01more-page .sec1 p{ font-size: 1rem; } .ability01more-page .sec2{ padding-bottom: 30px; } .ability01more-page .sec2 ul{ margin: 0 auto 25px; } .ability01more-page .sec2 ul li{ padding: 10px 15px; min-height: 200px; } .ability01more-page .sec2 ul li.small{ min-height: 245px; } .ability01more-page .sec2 ul li.big.low{ min-height: auto; } .ability01more-page .sec2 ul li h3{ font-size: 1.3rem; margin-bottom: 10px; } .ability01more-page .sec2 ul li h3 span{ font-size: 1.2rem; } .ability01more-page .sec2 ul li p{ font-size: 1.1rem; line-height: 20px; } .ability01more-page .sec2 .back{ font-size: 1.3rem; height: 24px; line-height: 22px; width: 70px; } /*杩囩▼璐ㄩ噺鎺у埗*/ .ability03more-page .sec1{ padding: 40px 0; background-size: auto 100%; } .ability03more-page .sec1 h3{ font-size: 2.4rem; margin-bottom: 5px; } .ability03more-page .sec1 p{ font-size: 1rem; } .ability03more-page .sec2{ padding-bottom: 30px; } .ability03more-page .sec2 ul{ margin: 0 auto 25px; } .ability03more-page .sec2 ul li{ padding: 10px 15px; min-height: 355px; } .ability03more-page .sec2 ul li.small{ min-height: 200px; } .ability03more-page .sec2 ul li h3{ font-size: 1.3rem; margin-bottom: 10px; } .ability03more-page .sec2 ul li h3 span{ font-size: 1.2rem; } .ability03more-page .sec2 ul li p{ font-size: 1.1rem; line-height: 20px; } .ability03more-page .sec2 .back{ font-size: 1.3rem; height: 24px; line-height: 22px; width: 70px; } .ability05-page #main .inner{ width: 100%; padding-bottom: 0; } .ability05-page .sec1 div{ font-size: 1.5rem; line-height: 1.5; max-width: 80%; margin: 0 auto; } .ability05-page .sec3,.ability05-page .sec4,.ability05-page .sec5,.ability05-page .sec6,.ability05-page .sec7{ width: 100%; } .ability05-page .sec4 .img1{ transition-delay: 0.5s; -webkit-transition-delay: 0.5s; } .ability05-page .sec4 .text-box h3{ transition-delay: 1s; -webkit-transition-delay: 1s; } .ability05-page .sec4 .text-box p{ transition-delay: 1.5s; -webkit-transition-delay: 1.5s; } } @media only screen and (max-width:414px){ .ability01more-page .sec2 ul li{ min-height: 200px; } } @media only screen and (max-width:375px){ .ability01more-page .sec2 ul li{ min-height: 200px; } } @media only screen and (max-width:320px){ .ability01-page .sec2_3 .container-box .text .tit img{ margin-right: 5px; } .ability01-page .sec2_3 .container-box .text{ padding: 5%; } .ability01more-page .sec2 ul li{ min-height: 200px; } }