@charset "utf-8"; @font-face { font-family: 'SourceHanSansCN-Regula'; src: url('../font/SourceHanSansCN-Regula.eot'); src: url('../font/SourceHanSansCN-Regula.eot?#iefix') format('embedded-opentype'); src: url('../font/SourceHanSansCN-Regula.woff') format('woff'), url('../font/SourceHanSansCN-Regula.ttf') format('truetype'), url('../font/SourceHanSansCN-Regula.svg#DIN Condensed Bold') format('svg'), local('SourceHanSansCN-Regula'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DIN Condensed Bold'; src: url('../font/DIN Condensed Bold.eot'); src: url('../font/DIN Condensed Bold.eot?#iefix') format('embedded-opentype'); src: url('../font/DIN Condensed Bold.woff') format('woff'), url('../font/DIN Condensed Bold.ttf') format('truetype'), url('../font/DIN Condensed Bold.svg#DIN Condensed Bold') format('svg'), local('DIN Condensed Bold'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GOTHIC'; src: url('../font/GOTHIC.eot'); src: url('../font/GOTHIC.eot?#iefix') format('embedded-opentype'); src: url('../font/GOTHIC.woff') format('woff'), url('../font/GOTHIC.ttf') format('truetype'), url('../font/GOTHIC.svg#GOTHIC') format('svg'), local('GOTHIC'); font-weight: normal; font-style: normal; } body, html { width: 100%; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; overflow-x: hidden; } body { margin: 0px; padding: 0px; margin: 0px auto; font-size: 12px; line-height: 24px; color: #666666; min-width: 320px; zoom: 1; background: #f0f0f0; font-family: "SourceHanSansCN-Regula"; word-break: break-all; } ul, li, form, dl, dt, dd, div, ul, li, h1, h2, h3, h4, h5, h6, p, em, i { font-style: normal; list-style: none; padding: 0px; margin: 0px; } .h1, .h2, .h3, .h4, .h5, .h6, .p { padding: 0px; margin: 0px; } select, input, textarea { font-size: 12px; border-radius: 0; -webkit-border-radius: 0; color: #414446; font-family: "微软雅黑"; } input:focus { outline: none; } input, button, select, textarea { outline: none; /*-webkit-appearance:none;*/ /*强制去除表单自带的样式*/ } textarea { resize: none; /*-webkit-appearance:none;*/ /*强制去除textarea自带的样式*/ } textarea, input, select { background: none; border: none; margin: 0; padding: 0; } article, aside, footer, header, hgroup, nav, section, figure, figcaption { display: block; } /*html5设置*/ figure, figcaption { margin: 0px; padding: 0px; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } img { max-width: 100%; border: none; border: 0; vertical-align: top; } a { color: #333; text-decoration: none; noline: -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transition: all 0.2s linear; -webkit-transition: all 0.2s linear; } a:focus { outline: none; -moz-outline: none; } li { transition: all 0.2s linear; -webkit-transition: all 0.2s linear; } a:hover, li:hover { text-decoration: none; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; } .fl { float: left; } .fr { float: right; } .tr { text-align: right; } .hidetxt { display: none; } .clear { clear: both; } .clearfix { overflow: hidden; _zoom: 1; } :-moz-placeholder { color: #b2b2b2; } ::-moz-placeholder { color: #b2b2b2; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #b2b2b2; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #b2b2b2; } .w1600 { max-width: 1600px; min-width: 320px; margin: 0px auto; } .w1400 { max-width: 1400px; min-width: 320px; margin: 0px auto; } .w1300 { max-width: 1300px; min-width: 320px; margin: 0px auto; } .w1200 { max-width: 1200px; min-width: 320px; margin: 0px auto; } .w1000 { max-width: 1000px; min-width: 320px; margin: 0px auto; } .Whitebg { background: #fff; } .relative { position: relative; } .wow { visibility: hidden; } .auto { padding: 0 2.6%; } .f_red { color: #e1021a; } @media ( max-width:1600px) { .w1600 { padding: 0 8%; } .auto { padding: 0 5%; } } @media ( max-width:1440px) { .w1400, .w1300 { padding: 0 10%; } } @media ( max-width:1200px) { .w1600, .w1400, .w1300, .w1200, .auto { padding: 0 5%; } } @media ( max-width:1000px) { .w1000 { padding: 0 15px; } } @media ( max-width:640px) { .auto, .w1600, .w1400, .w1300, .w1200 { padding: 0 15px; } } /* 动画 */ @-webkit-keyframes animParticle { from { -webkit-transform: translateY(0px); transform: translateY(0px); } to { -webkit-transform: translateY(-2560px); transform: translateY(-2560px); } } @keyframes animParticle { from { -webkit-transform: translateY(0px); transform: translateY(0px); } to { -webkit-transform: translateY(-2560px); transform: translateY(-2560px); } } @-webkit-keyframes bounce-down { 25% { -webkit-transform: translateY(-10px); } 50%, 100% { -webkit-transform: translateY(0); } 75% { -webkit-transform: translateY(10px); } } @keyframes bounce-down { 25% { transform: translateY(-10px); } 50%, 100% { transform: translateY(0); } 75% { transform: translateY(10px); } } /*公用样式*/ .effect-img { text-align: center; zoom: 1; overflow: hidden; } .effect-img img { opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } li:hover .effect-img img, dd:hover .effect-img img { opacity: 1; -webkit-transform: scale3d(1.05, 1.05, 1); transform: scale3d(1.05, 1.05, 1); } .wow { visibility: hidden; } .Ban { background-size: cover; background-attachment: fixed; position: relative; } .Ban .img { display: none; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 2; } .Baninfo { color: #fff; padding-top: 12%; width: 58%; position: relative; z-index: 5; } .Baninfo .title span { display: block; font-size: 60px; line-height: 146px; } .Baninfo .title i { display: block; width: 50px; height: 2px; background: #fff; } .Baninfo .info { font-size: 28px; line-height: 48px; margin: 38px 0px 100px; } .Baninfo .arrow { width: 64px; -webkit-animation: bounce-down 1.5s linear infinite; animation: bounce-down 1.5s linear infinite; } .BreadBox { margin-top: -70px; position: relative; z-index: 99; } .Position { font-size: 14px; line-height: 30px; color: #fff; margin-bottom: 33px; display: none; } .Position a { color: #fff; } .Menu .title { display: none; padding: 0px 20px; background: #e1021a; line-height: 50px; } .Menu .title span { display: block; font-size: 18px; color: #fff; background: url(../images/down.png) no-repeat right center; } .Menu ul li { display: inline-block; line-height: 70px; width: 12.5%; font-size: 18px; } .Menu ul li:nth-child(3),.Menu ul li:nth-child(4){ display:none; } .Menu ul li a { display: block; background: rgba(255, 255, 255, 0.2); color: #fff; text-align: center; } .Menu ul li.on a, .Menu ul li:hover a { background: #e1021a; color: #fff; } /*pages*/ .Pages { width: 100%; text-align: center; color: #666666; font-size: 14px; line-height: 29px; } .Pages a { display: inline-block; width: 29px; text-align: center; border: 1px solid #e5e5e5; color: #999999; margin: 0px 4px; } .Pages .a_prev, .Pages .a_next { display: inline-block; font-family: "宋体"; font-weight: bold; } .Pages .num a:hover, .Pages .num a.a_cur { color: #fff; background: #0077ba; border: 1px solid #0077ba; } /*pages end*/ @media ( max-width:1600px) { .Baninfo .title span { font-size: 35px; line-height: 80px; } .Baninfo .info { font-size: 18px; line-height: 28px; } } @media ( max-width:768px) { .Baninfo { padding-top: 20%; } .Baninfo .title span { font-size: 25px; } .BreadBox { margin-top: 0; padding: 15px 0px; } .Position, .Menu ul { display: none; } .Menu .title { display: block; } .Menu ul { background: #fff; } .Menu ul li { display: block; width: auto; font-size: 16px; line-height: 50px; } .Menu ul li a { color: #333; text-align: left; padding: 0px 20px; } .Menu ul li.on a, .Menu ul li:hover a { background: none; color: #e1021a; } } @media ( max-width:640px) { .Baninfo { width: 100%; } .Baninfo .arrow { width: 40px; } } @media ( max-width:480px) { .Ban .img { display: block; } .Baninfo { padding-top: 34%; } } /*Top*/ .Header { padding: 40px 0px; position: fixed; width: 100%; left: 0px; top: 0px; z-index: 9999; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; } .fixednav { background: rgba(0, 0, 0, 0.3); padding: 5px 0px; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; } .fixednav .Logo { width: 120px; margin-top: 10px; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; } .Top { position: relative; } .Logo { width: 170px; float: left; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; } .Logo img { display: block; width: 100%; } .Search { vertical-align: middle; position: relative; height: 28px; width: 190px; padding-right: 30px; display: inline-block; z-index: 999; overflow: hidden; } .Search form { width: 100%; display: block; height: 100%; } .Search .input { display: block; width: 0px; height: 28px; font-size: 14px; color: #fff; width: 0; padding: 0; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; } .Search .input::placeholder { color: #999; } .Search .btn { height: 30px; width: 30px; text-align: center; font-size: 14px; color: #fff; background: url(../images/fdj.png) no-repeat center center; position: absolute; top: 50%; margin-top: -15px; right: 0px; } .t2.on .Search { border-bottom: 1px solid #fff; } .t2.on .Search .input { width: 100%; padding: 0px 10px; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; } .Topinfo { float: right; line-height: 40px; height: 40px; overflow: hidden; } .Topinfo li { float: left; font-size: 14px; color: #fff; } .Topinfo li a { color: #fff; } .Topinfo li a:hover, .Topinfo li a.on { color: #e1021a; font-weight: bold; } .Topinfo li i { color: #817c81; padding: 0px 8px; } .Topinfo li.t2 { margin: 0px 10px 0px; } .Topinfo li.t2 .sbtn { display: none; width: 25px; } .Topinfo li.t3 { padding-left: 37px; background-position: left center; background-repeat: no-repeat; background-image: url(../images/t1.png); } .header_menu { position: absolute; top: 50%; left: 221px; margin-top: -12px; width: 29px; height: 21px; overflow: hidden; z-index: 9; } .header_menu i { display: block; height: 3px; background: #fff; margin-bottom: 6px; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; } .header_menu i:last-child { width: 15px; } .header_menu:hover i:last-child { width: 100%; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; } .Showbox .close_bar { width: 96%; overflow: hidden; text-align: right; font-size: 16px; font-weight: bold; line-height: 50px; margin-bottom: 3%; } .Showbox .close_bar a { color: #e1021a; } .Showbox .close_bar img { display: inline-block; margin-left: 20px; vertical-align: middle; transition: transform ease-in 0.3s; } .Showbox .close_bar a:hover img { transform: rotate(180deg); } .Showbox { width: 100%; height: 96%; padding: 2% 0; background: rgba(49, 48, 47, 0.95); overflow: auto; overflow-x: none; position: fixed; z-index: 9990; top: 0; left: -100%; } .Nav { width: 50%; float: left; } .Nav dl { width: 40%; float: left; } .Nav dl h2 { line-height: 50px; font-size: 50px; color: #cc0022; font-weight: bold; margin-bottom: 15%; } .Nav dl h2 .icon { display: inline-block; margin-right: 10px; } .Nav dl li .am { display: block; font-size: 24px; line-height: 64px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); color: #d9d4d0; } .Nav dl.n1 li { margin-bottom: 15%; position: relative; } .Nav dl.n2 { float: right; } .Nav li .foldbtn { position: absolute; display: none; width: 65px; height: 65px; right: 0px; top: 0px; background-position: center center; background-repeat: no-repeat; background-image: url(../images/jia.png); overflow: hidden; } .Nav li:hover .am, .Nav li.active .am { color: #e1021a; } .Nav li:hover .am i, .Nav li.active .am i { opacity: 1; } .Nav li .SubNav { margin-top: 5%; } .Nav li .SubNav a { display: block; line-height: 48px; font-size: 18px; color: #999998; } .Nav li .SubNav a:hover { color: #e1021a; } .TopNews { width: 360px; float: right; background: #dfd8d2; text-align: right; } .TopNews .date { font-family: "GOTHIC"; padding: 20px 40px 10px; display: inline-block; width: 66px; text-align: center; position: relative; } .TopNews .date span { display: block; font-size: 50px; line-height: 58px; color: #e1021a; font-weight: bold; } .TopNews .date em { display: block; font-size: 14px; line-height: 31px; color: #808080; padding-left: 30px; } .TopNews .date i { position: absolute; width: 59px; height: 1px; left: 50%; margin-left: -28px; top: 82px; background: #666; transform: rotate(156deg); } .TopNews .effect-img img { display: block; width: 100%; } .TopNews .txt { padding: 5% 40px; } .TopNews .txt .name { display: block; font-size: 20px; max-height: 70px; line-height: 35px; font-family: "微软雅黑"; overflow: hidden; color: #000; margin-bottom: 24px; } .TopNews .txt .info { font-size: 14px; line-height: 28px; height: 84px; overflow: hidden; color: #666666; } .TopNews .txt .more { display: inline-block; margin-top: 30px; width: 44px; height: 24px; background: url(../images/more.png) no-repeat center center; } .TopNews:hover .effect-img img { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } .Banner { position: relative; } .Banner .slides li { position: relative; overflow: hidden; display:block; } .Banner .slides li a { display: block; background-repeat: no-repeat; background-position: center center; } .Banner li .libox { position: relative; overflow: hidden; } .Banner li .boximg { position: absolute; background-repeat: no-repeat; background-position: center center; background-size: cover; } .Banner li .boximg img { display: none; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; } .Banner li .w1400 { position: absolute; left: 50%; top: 0px; margin-left: -700px; width: 1400px; z-index: 9; } .Banner li .BanTxt { color: #fff; padding-top: 18%; } .Banner li .BanTxt .line { display: block; width: 80px; height: 4px; background: #e1021a; margin-bottom: 40px; } .Banner li .BanTxt .title span { display: block; font-size: 70px; line-height: 87px; font-family: "微软雅黑"; } .Banner li .BanTxt .title em { display: block; font-size: 30px; line-height: 40px; font-weight: bold; font-family: "GOTHIC"; text-transform: uppercase; } .Banner li .BanTxt .info { font-size: 36px; margin: 30px 0px; display: inline-block; letter-spacing: 0.4em; line-height: 76px; border-top: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .Banner li .BanTxt .title1 { font-size: 50px; line-height: 84px; font-family: "微软雅黑"; text-shadow: 3px 3px 15px #000; } .Banner li .BanTxt .title2 { font-size: 70px; line-height: 104px; margin-bottom: 4%; font-family: "微软雅黑"; text-shadow: 3px 3px 15px #000; } .Banner li .BanTxt .more { display: block; width: 181px; line-height: 61px; font-size: 20px; cursor: pointer; font-family: "微软雅黑"; background: #e1021a; text-align: center; } .Banner .flex-control-nav { width: 100%; left: 0px; right: auto; height: 20px; text-align: center; padding: 0; bottom: 5%; background: none; z-index: 99; } .Banner .flex-control-paging li { display: inline-block; margin: 0px 5px; width: 20px; } .Banner .flex-control-paging li a { display: block; background-color: rgba(255, 255, 255, 0); box-shadow: none; width: 20px; height: 20px; background-image: url(../images/dotpic.png); background-repeat: no-repeat; background-position: center top; border-radius: 0px; } .Banner .flex-control-paging li .flex-active { background-position: center bottom; } .Banner .flex-control-paging li a.flex-active { background-color: rgba(255, 255, 255, 0); } .Banner li.flex-active-slide .BanTxt .ani { animation: fadeInUp 1s linear; } /*动画*/ /*动画*/ .animate-full { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .a_item, .a_item:after { background: transparent; } .a_item:after { position: absolute; content: ""; top: 2560px; } .a_item1 { -webkit-animation: animParticle 80s linear infinite; animation: animParticle 80s linear infinite; box-shadow: 0px 0px #fff, 1221px 360px #fff, 728px 2324px #fff, 2212px 539px #fff, 850px 196px #fff, 1332px 1795px #fff, 1293px 736px #fff, 1827px 1193px #fff, 1203px 73px #fff, 172px 1191px #fff, 2290px 2040px #fff, 1774px 922px #fff, 52px 637px #fff, 2423px 1506px #fff, 986px 1363px #fff, 2475px 1229px #fff, 1405px 996px #fff, 2464px 2194px #fff, 642px 634px #fff, 397px 776px #fff, 797px 1365px #fff, 473px 457px #fff, 1358px 221px #fff, 248px 1013px #fff, 1794px 2320px #fff, 2408px 1985px #fff, 955px 208px #fff, 1252px 2396px #fff, 201px 2105px #fff, 2307px 1866px #fff, 835px 256px #fff, 2155px 1878px #fff, 1811px 1992px #fff, 1014px 1257px #fff, 1253px 1522px #fff, 2396px 507px #fff, 287px 473px #fff, 309px 20px #fff, 565px 295px #fff, 1707px 963px #fff, 2332px 2227px #fff, 244px 2386px #fff, 127px 942px #fff, 1538px 2326px #fff, 758px 2554px #fff, 587px 1426px #fff, 78px 1628px #fff, 2056px 1159px #fff, 868px 135px #fff, 2047px 1385px #fff, 1330px 1110px #fff, 1690px 2024px #fff, 1567px 734px #fff, 2326px 802px #fff, 1782px 972px #fff, 1714px 1072px #fff, 110px 1842px #fff, 2188px 1234px #fff, 845px 1947px #fff, 875px 697px #fff, 459px 116px #fff, 1680px 2362px #fff, 2038px 383px #fff, 1455px 647px #fff, 1062px 301px #fff, 2013px 396px #fff, 2530px 1206px #fff, 1490px 2044px #fff, 665px 1111px #fff, 786px 2356px #fff, 283px 1809px #fff, 1006px 1300px #fff, 2286px 85px #fff, 1684px 996px #fff, 1802px 1438px #fff, 946px 833px #fff, 1224px 358px #fff, 2120px 470px #fff, 2441px 1156px #fff, 1963px 41px #fff, 713px 431px #fff, 1541px 662px #fff, 540px 134px #fff, 2269px 197px #fff, 862px 250px #fff, 1068px 146px #fff, 841px 996px #fff, 2488px 1560px #fff, 340px 1111px #fff, 1741px 1880px #fff, 1469px 1179px #fff, 129px 1479px #fff, 1738px 1845px #fff, 2140px 771px #fff, 274px 1896px #fff, 1868px 2009px #fff, 1202px 1364px #fff, 1103px 2544px #fff, 1229px 2194px #fff, 377px 2341px #fff, 1938px 767px #fff, 1825px 630px #fff, 566px 753px #fff, 702px 2485px #fff, 64px 1595px #fff, 742px 1868px #fff, 1361px 1467px #fff, 787px 1154px #fff, 1739px 2533px #fff, 2439px 2281px #fff, 1867px 983px #fff, 1885px 569px #fff, 452px 917px #fff, 169px 331px #fff, 1588px 2324px #fff, 1609px 907px #fff, 1636px 2494px #fff, 2384px 1635px #fff, 952px 2386px #fff, 1935px 1816px #fff, 579px 1049px #fff, 2404px 1995px #fff, 399px 2205px #fff, 426px 1385px #fff, 1608px 663px #fff, 2342px 2480px #fff, 1134px 83px #fff, 1238px 895px #fff, 1783px 1271px #fff, 2427px 217px #fff, 842px 1849px #fff, 1087px 627px #fff, 1074px 2537px #fff, 1592px 2037px #fff, 1667px 1442px #fff, 1363px 1101px #fff, 2267px 1133px #fff, 2546px 2141px #fff, 149px 822px #fff, 965px 1098px #fff, 1020px 1483px #fff, 785px 493px #fff, 263px 2065px #fff, 1664px 1833px #fff, 1489px 1260px #fff, 1260px 232px #fff, 904px 2248px #fff, 1269px 1284px #fff, 1322px 2491px #fff, 2556px 734px #fff, 605px 854px #fff, 909px 2420px #fff, 1950px 423px #fff, 1719px 2546px #fff, 499px 1254px #fff, 1180px 1642px #fff, 2208px 1576px #fff, 2380px 617px #fff, 849px 2400px #fff, 1649px 829px #fff, 530px 2433px #fff, 1044px 954px #fff, 2506px 86px #fff, 2373px 1848px #fff, 2154px 276px #fff, 1574px 1539px #fff, 2425px 946px #fff, 343px 2196px #fff, 1901px 506px #fff, 2531px 2367px #fff, 524px 1427px #fff, 807px 2262px #fff, 135px 1717px #fff, 815px 1620px #fff, 1723px 181px #fff, 1303px 341px #fff, 882px 2120px #fff, 1183px 1403px #fff, 1731px 2361px #fff, 501px 1746px #fff, 738px 2438px #fff, 1694px 1156px #fff, 2411px 121px #fff, 1678px 2129px #fff, 2110px 1377px #fff, 2437px 1419px #fff, 1464px 274px #fff, 966px 5px #fff, 1385px 114px #fff, 291px 1330px #fff, 352px 287px #fff, 2014px 700px #fff, 1185px 1792px #fff, 242px 1608px #fff, 2284px 703px #fff, 1511px 2141px #fff, 1367px 1526px #fff, 1109px 828px #fff, 422px 1651px #fff, 745px 2356px #fff, 826px 1335px #fff, 1966px 2100px #fff, 160px 70px #fff, 247px 1222px #fff, 1751px 1974px #fff, 1926px 745px #fff, 1306px 625px #fff, 2144px 96px #fff, 1508px 2348px #fff, 105px 520px #fff, 971px 734px #fff, 1947px 2070px #fff, 1260px 1108px #fff, 1198px 382px #fff, 510px 2438px #fff, 541px 633px #fff, 905px 1061px #fff, 1053px 290px #fff, 906px 57px #fff, 2065px 1996px #fff, 2489px 27px #fff, 1743px 1685px #fff, 24px 677px #fff, 221px 1182px #fff, 1229px 2258px #fff, 597px 2078px #fff, 781px 349px #fff, 1527px 1867px #fff, 2509px 285px #fff, 1663px 1457px #fff, 2003px 1133px #fff, 354px 483px #fff, 9px 1007px #fff, 1470px 540px #fff, 893px 589px #fff, 1166px 2074px #fff, 1432px 1161px #fff, 871px 800px #fff, 1368px 1061px #fff, 2285px 2532px #fff, 734px 2405px #fff, 1362px 746px #fff, 1295px 386px #fff, 1571px 2256px #fff, 293px 2297px #fff, 2077px 1121px #fff, 2415px 2144px #fff, 1657px 2504px #fff, 2006px 288px #fff, 377px 1567px #fff, 915px 972px #fff, 2219px 2367px #fff, 1417px 1798px #fff, 2453px 2258px #fff, 1273px 1551px #fff, 2550px 1727px #fff, 1990px 1074px #fff, 695px 403px #fff, 703px 551px #fff, 960px 1731px #fff, 1367px 633px #fff, 2054px 2042px #fff, 2095px 430px #fff, 487px 2484px #fff, 2025px 2423px #fff, 826px 312px #fff, 641px 1924px #fff, 2335px 581px #fff, 416px 1584px #fff, 1357px 367px #fff, 183px 1990px #fff, 383px 339px #fff, 1455px 1553px #fff, 1185px 1404px #fff, 2328px 2384px #fff, 2255px 1454px #fff, 2243px 1142px #fff, 1464px 533px #fff, 459px 932px #fff, 1622px 377px #fff, 715px 1434px #fff, 911px 2004px #fff, 506px 1759px #fff, 28px 812px #fff, 2230px 983px #fff, 846px 2341px #fff, 1168px 795px #fff, 859px 27px #fff, 1172px 946px #fff, 353px 1016px #fff, 859px 2000px #fff, 2520px 2238px #fff, 409px 1636px #fff, 1648px 2468px #fff, 85px 1438px #fff, 115px 259px #fff, 988px 1869px #fff, 116px 2255px #fff, 1206px 501px #fff, 1089px 1399px #fff, 582px 1139px #fff, 1619px 1203px #fff, 1060px 1564px #fff, 2150px 1262px #fff, 108px 2118px #fff, 1476px 1521px #fff, 2301px 2526px #fff, 2083px 1981px #fff, 54px 2294px #fff, 2080px 689px #fff, 1355px 168px #fff, 1435px 660px #fff, 1733px 607px #fff, 1243px 802px #fff, 2176px 159px #fff, 690px 2114px #fff, 102px 57px #fff, 552px 2044px #fff, 1277px 2045px #fff, 2558px 1198px #fff, 1378px 2084px #fff, 502px 2040px #fff, 2248px 1725px #fff, 1155px 2133px #fff, 611px 1664px #fff, 2423px 2026px #fff, 1621px 2153px #fff, 473px 853px #fff, 347px 904px #fff, 110px 529px #fff, 1990px 1864px #fff, 1589px 1225px #fff, 1602px 1817px #fff, 1850px 2518px #fff, 498px 424px #fff, 1053px 1441px #fff, 2551px 1918px #fff, 197px 1171px #fff, 344px 2423px #fff, 4px 1905px #fff, 2151px 2512px #fff, 90px 1033px #fff, 2139px 525px #fff, 254px 2452px #fff, 1040px 1696px #fff, 1980px 302px #fff, 1470px 537px #fff, 2259px 2453px #fff, 1648px 2427px #fff, 1576px 1785px #fff, 543px 395px #fff, 1920px 1104px #fff, 1510px 335px #fff, 1639px 1057px #fff, 2088px 1302px #fff, 1100px 2077px #fff, 1412px 465px #fff, 160px 1166px #fff, 2253px 2416px #fff, 1384px 1488px #fff, 2103px 248px #fff, 425px 1175px #fff, 2482px 326px #fff, 2073px 252px #fff, 1263px 145px #fff, 1042px 360px #fff, 731px 623px #fff, 43px 2219px #fff, 2129px 1083px #fff, 334px 1888px #fff, 267px 1242px #fff, 1882px 1678px #fff, 76px 405px #fff, 260px 2431px #fff, 296px 398px #fff, 2456px 409px #fff, 2456px 246px #fff, 1044px 1749px #fff, 854px 454px #fff, 1678px 592px #fff, 1117px 1328px #fff, 2348px 1541px #fff, 1604px 2019px #fff, 1601px 859px #fff, 2555px 1175px #fff, 2533px 1415px #fff, 648px 1910px #fff, 350px 2193px #fff, 1661px 1844px #fff, 1157px 1020px #fff, 158px 1015px #fff, 1308px 1932px #fff, 906px 2144px #fff, 917px 2041px #fff, 188px 2162px #fff, 1678px 1741px #fff, 1655px 1991px #fff, 41px 1947px #fff, 631px 2067px #fff, 776px 1616px #fff, 1455px 1742px #fff, 787px 2536px #fff, 1100px 1224px #fff, 1952px 2052px #fff, 1072px 1862px #fff, 160px 97px #fff, 16px 2475px #fff, 286px 2374px #fff, 1389px 2213px #fff, 1062px 1594px #fff, 881px 1544px #fff, 2415px 1687px #fff, 2356px 230px #fff, 1404px 1465px #fff, 1780px 2396px #fff, 1493px 652px #fff, 2131px 1904px #fff, 1425px 2110px #fff, 784px 2367px #fff, 84px 2338px #fff, 1766px 623px #fff, 951px 1095px #fff, 1146px 1646px #fff, 1464px 1483px #fff, 1986px 783px #fff, 776px 1941px #fff, 238px 1554px #fff, 142px 303px #fff, 1976px 1322px #fff, 1388px 2007px #fff, 1399px 712px #fff, 1443px 861px #fff, 100px 1115px #fff, 2420px 183px #fff, 954px 1417px #fff, 2493px 130px #fff, 821px 1762px #fff, 1944px 1526px #fff, 1561px 813px #fff, 647px 1642px #fff, 1892px 39px #fff, 2229px 2224px #fff, 1561px 1029px #fff, 1385px 2322px #fff, 113px 1767px #fff, 1041px 2532px #fff, 2383px 1873px #fff, 1176px 879px #fff, 2110px 2123px #fff, 652px 1356px #fff, 374px 1679px #fff, 756px 2261px #fff, 1274px 1607px #fff, 2303px 1752px #fff, 151px 893px #fff, 2118px 1496px #fff, 1995px 893px #fff, 964px 330px #fff, 2375px 24px #fff, 2262px 88px #fff, 1741px 1586px #fff, 686px 462px #fff, 605px 1989px #fff, 562px 794px #fff, 2351px 1436px #fff, 30px 2091px #fff, 428px 507px #fff, 552px 1139px #fff, 802px 948px #fff, 2447px 117px #fff, 1138px 20px #fff, 1531px 427px #fff, 2482px 1249px #fff, 2271px 1130px #fff, 611px 21px #fff, 397px 2071px #fff, 842px 905px #fff, 271px 1441px #fff, 1331px 1038px #fff, 2508px 1959px #fff, 1295px 1186px #fff, 121px 1649px #fff, 1608px 1699px #fff, 1165px 1462px #fff, 291px 49px #fff, 982px 2143px #fff, 869px 739px #fff, 655px 1302px #fff, 15px 1338px #fff, 1387px 2253px #fff, 391px 194px #fff, 2098px 1329px #fff, 888px 2337px #fff, 82px 890px #fff, 530px 995px #fff, 21px 2106px #fff, 1660px 2213px #fff, 2500px 998px #fff, 2447px 568px #fff, 1775px 541px #fff, 70px 2551px #fff, 2032px 530px #fff, 1849px 955px #fff, 777px 350px #fff, 1898px 2499px #fff, 1329px 1825px #fff, 1899px 1390px #fff, 1874px 661px #fff, 2259px 261px #fff, 445px 1453px #fff, 1311px 601px #fff, 885px 1007px #fff, 1126px 1867px #fff, 914px 2047px #fff, 228px 427px #fff, 2254px 1785px #fff, 739px 67px #fff, 1798px 200px #fff, 1751px 872px #fff, 2312px 1203px #fff, 1713px 1709px #fff, 1106px 1282px #fff, 1830px 1557px #fff, 2110px 96px #fff, 1310px 1200px #fff, 300px 320px #fff, 82px 304px #fff, 952px 1719px #fff, 2336px 1387px #fff, 1196px 810px #fff, 1019px 1004px #fff, 1236px 12px #fff, 1529px 892px #fff, 1770px 1560px #fff, 924px 709px #fff, 1216px 996px #fff, 2065px 777px #fff, 2189px 220px #fff, 1814px 888px #fff, 2524px 1473px #fff, 2274px 810px #fff, 260px 208px #fff, 992px 683px #fff, 772px 796px #fff, 73px 1840px #fff, 1288px 1212px #fff, 1994px 262px #fff, 2532px 2194px #fff, 1676px 2126px #fff, 697px 2247px #fff, 831px 2102px #fff, 2454px 1070px #fff, 2486px 1509px #fff, 2018px 1828px #fff, 189px 1062px #fff, 578px 2405px #fff, 620px 2261px #fff, 2098px 1763px #fff, 810px 2558px #fff, 548px 1510px #fff, 1860px 627px #fff, 1972px 1256px #fff, 1082px 2203px #fff, 2110px 1326px #fff, 1225px 2292px #fff, 2407px 38px #fff, 1923px 639px #fff, 1260px 1397px #fff, 358px 2343px #fff, 2288px 1461px #fff, 934px 541px #fff, 1034px 2061px #fff, 627px 2295px #fff, 157px 394px #fff, 1581px 1976px #fff, 2523px 2080px #fff, 1613px 1845px #fff, 1904px 2103px #fff, 716px 2100px #fff, 1985px 786px #fff, 162px 163px #fff, 2163px 1129px #fff, 911px 1736px #fff, 2225px 1974px #fff, 1298px 1283px #fff, 1169px 212px #fff, 1342px 927px #fff, 64px 2043px #fff, 510px 1063px #fff, 2044px 1019px #fff, 987px 365px #fff, 221px 257px #fff, 719px 1944px #fff, 387px 1713px #fff, 2351px 1796px #fff, 1393px 1029px #fff, 693px 1737px #fff, 408px 1793px #fff, 2091px 2402px #fff, 2014px 60px #fff, 1806px 589px #fff; height: 1px; width: 1px; } .a_item1:after { box-shadow: 0px 0px #fff, 2326px 1492px #fff, 1462px 1434px #fff, 967px 1554px #fff, 1566px 1237px #fff, 2355px 1164px #fff, 2239px 1675px #fff, 1875px 1466px #fff, 551px 455px #fff, 63px 25px #fff, 719px 2038px #fff, 374px 1662px #fff, 1097px 2328px #fff, 473px 359px #fff, 2257px 108px #fff, 2163px 2446px #fff, 700px 878px #fff, 64px 821px #fff, 1884px 584px #fff, 100px 2403px #fff, 428px 1351px #fff, 2470px 1850px #fff, 780px 1972px #fff, 386px 2427px #fff, 940px 493px #fff, 1689px 2406px #fff, 648px 118px #fff, 1051px 415px #fff, 1819px 237px #fff, 1898px 2410px #fff, 320px 306px #fff, 84px 1310px #fff, 566px 1219px #fff, 1364px 761px #fff, 264px 1233px #fff, 1537px 1297px #fff, 2052px 316px #fff, 370px 510px #fff, 1007px 1501px #fff, 1024px 2430px #fff, 2540px 485px #fff, 2293px 1713px #fff, 2283px 2161px #fff, 2154px 2465px #fff, 220px 1668px #fff, 1146px 808px #fff, 1531px 1965px #fff, 1855px 2220px #fff, 1665px 742px #fff, 761px 2349px #fff, 65px 89px #fff, 1274px 2326px #fff, 1847px 835px #fff, 1171px 963px #fff, 824px 762px #fff, 2240px 488px #fff, 2026px 1753px #fff, 2315px 2519px #fff, 2079px 2545px #fff, 1293px 1528px #fff, 443px 512px #fff, 2313px 356px #fff, 703px 724px #fff, 1830px 39px #fff, 1314px 112px #fff, 982px 163px #fff, 1809px 298px #fff, 985px 772px #fff, 677px 1887px #fff, 1341px 260px #fff, 1423px 922px #fff, 397px 855px #fff, 869px 1420px #fff, 872px 2112px #fff, 1846px 565px #fff, 891px 906px #fff, 1204px 678px #fff, 2401px 108px #fff, 2059px 937px #fff, 33px 2373px #fff, 1000px 1782px #fff, 1614px 498px #fff, 48px 2472px #fff, 525px 521px #fff, 2065px 2544px #fff, 238px 723px #fff, 1919px 1273px #fff, 1077px 990px #fff, 1997px 1713px #fff, 258px 2291px #fff, 1573px 278px #fff, 1206px 2184px #fff, 391px 394px #fff, 597px 2466px #fff, 1356px 1335px #fff, 1946px 559px #fff, 2177px 1668px #fff, 594px 2358px #fff, 1124px 594px #fff, 1296px 1352px #fff, 2449px 143px #fff, 578px 1974px #fff, 1562px 742px #fff, 2382px 1199px #fff, 837px 17px #fff, 1177px 1970px #fff, 1842px 369px #fff, 741px 648px #fff, 2294px 431px #fff, 417px 2363px #fff, 1443px 455px #fff, 1022px 784px #fff, 670px 355px #fff, 63px 227px #fff, 2034px 2104px #fff, 1737px 2245px #fff, 939px 1741px #fff, 1882px 1686px #fff, 1035px 19px #fff, 323px 2530px #fff, 1430px 2068px #fff, 549px 740px #fff, 1007px 1619px #fff, 786px 1524px #fff, 222px 299px #fff, 818px 2166px #fff, 161px 579px #fff, 1261px 2026px #fff, 207px 464px #fff, 944px 293px #fff, 1270px 582px #fff, 539px 307px #fff, 1056px 2188px #fff, 1099px 1269px #fff, 2316px 957px #fff, 1850px 2487px #fff, 1007px 2504px #fff, 311px 451px #fff, 58px 1462px #fff, 2435px 733px #fff, 1788px 1348px #fff, 2102px 2039px #fff, 556px 1295px #fff, 2455px 59px #fff, 910px 1062px #fff, 213px 1123px #fff, 1654px 895px #fff, 419px 2457px #fff, 2046px 350px #fff, 1964px 716px #fff, 2146px 915px #fff, 2457px 2155px #fff, 2417px 544px #fff, 1219px 2527px #fff, 2083px 872px #fff, 866px 1958px #fff, 1098px 1706px #fff, 1660px 190px #fff, 1855px 1013px #fff, 2410px 818px #fff, 827px 1757px #fff, 1469px 2312px #fff, 1143px 319px #fff, 813px 1456px #fff, 294px 1253px #fff, 2173px 934px #fff, 2104px 393px #fff, 690px 1142px #fff, 1357px 2173px #fff, 1457px 1072px #fff, 1749px 2402px #fff, 901px 49px #fff, 1805px 157px #fff, 1285px 587px #fff, 256px 1531px #fff, 2333px 21px #fff, 1060px 779px #fff, 1202px 1172px #fff, 1750px 146px #fff, 1063px 531px #fff, 1375px 2538px #fff, 460px 1951px #fff, 807px 495px #fff, 1902px 300px #fff, 1639px 764px #fff, 1544px 1153px #fff, 1307px 2114px #fff, 2205px 1541px #fff, 980px 1879px #fff, 1854px 1040px #fff, 1035px 1873px #fff, 1698px 2134px #fff, 35px 303px #fff, 568px 2277px #fff, 2289px 1942px #fff, 155px 426px #fff, 1656px 766px #fff, 647px 2315px #fff, 864px 1346px #fff, 2448px 2366px #fff, 251px 2444px #fff, 2416px 692px #fff, 2110px 1165px #fff, 1173px 2095px #fff, 1628px 1953px #fff, 1909px 1456px #fff, 1528px 694px #fff, 1672px 1539px #fff, 2022px 1307px #fff, 2484px 1498px #fff, 2187px 384px #fff, 2407px 259px #fff, 1365px 191px #fff, 2129px 538px #fff, 1850px 2271px #fff, 1561px 224px #fff, 2142px 2084px #fff, 197px 126px #fff, 2221px 542px #fff, 1410px 1766px #fff, 578px 860px #fff, 2143px 2560px #fff, 2002px 1015px #fff, 820px 2021px #fff, 1223px 2256px #fff, 1839px 914px #fff, 284px 1517px #fff, 2373px 1983px #fff, 1961px 541px #fff, 103px 221px #fff, 2036px 2442px #fff, 1544px 539px #fff, 1940px 1410px #fff, 1225px 710px #fff, 422px 540px #fff, 1552px 1076px #fff, 1577px 549px #fff, 46px 2495px #fff, 939px 462px #fff, 2313px 1469px #fff, 849px 1320px #fff, 1475px 1454px #fff, 1701px 2113px #fff, 1719px 846px #fff, 1349px 1924px #fff, 357px 1998px #fff, 1361px 2275px #fff, 1347px 1117px #fff, 2471px 369px #fff, 770px 401px #fff, 186px 1818px #fff, 13px 1230px #fff, 2275px 1963px #fff, 1293px 2133px #fff, 783px 1323px #fff, 1387px 572px #fff, 244px 1224px #fff, 415px 1579px #fff, 1973px 522px #fff, 1670px 977px #fff, 2319px 1289px #fff, 2234px 2288px #fff, 2124px 1196px #fff, 2117px 2105px #fff, 1161px 1953px #fff, 1778px 1555px #fff, 972px 1749px #fff, 662px 600px #fff, 1111px 2060px #fff, 298px 1415px #fff, 1063px 207px #fff, 962px 886px #fff, 1404px 1079px #fff, 1249px 2528px #fff, 752px 2292px #fff, 2413px 1827px #fff, 1830px 1137px #fff, 1326px 1714px #fff, 1844px 40px #fff, 1790px 929px #fff, 292px 1434px #fff, 237px 2474px #fff, 441px 490px #fff, 1238px 484px #fff, 2148px 358px #fff, 122px 435px #fff, 2094px 1780px #fff, 1305px 326px #fff, 2070px 574px #fff, 2043px 1770px #fff, 1357px 1270px #fff, 2261px 1996px #fff, 2009px 1936px #fff, 320px 171px #fff, 397px 1628px #fff, 1514px 1778px #fff, 58px 2475px #fff, 573px 767px #fff, 975px 307px #fff, 424px 878px #fff, 905px 130px #fff, 924px 439px #fff, 1916px 1096px #fff, 1445px 1775px #fff, 14px 213px #fff, 363px 2334px #fff, 2126px 364px #fff, 666px 538px #fff, 591px 1867px #fff, 541px 767px #fff, 1258px 1222px #fff, 1185px 2054px #fff, 236px 356px #fff, 1057px 2379px #fff, 1070px 1040px #fff, 2283px 1169px #fff, 2276px 981px #fff, 526px 1773px #fff, 565px 551px #fff, 648px 1415px #fff, 1883px 2540px #fff, 1021px 454px #fff, 1737px 1265px #fff, 2015px 1892px #fff, 631px 1477px #fff, 531px 1751px #fff, 2208px 1509px #fff, 445px 933px #fff, 2125px 1504px #fff, 284px 570px #fff, 140px 886px #fff, 2213px 1652px #fff, 2000px 2271px #fff, 2540px 1758px #fff, 1202px 1617px #fff, 1328px 1215px #fff, 1709px 1229px #fff, 320px 2307px #fff, 947px 130px #fff, 965px 855px #fff, 1126px 346px #fff, 259px 81px #fff, 1872px 2250px #fff, 362px 249px #fff, 1413px 393px #fff, 261px 2122px #fff, 2413px 584px #fff, 245px 415px #fff, 1674px 414px #fff, 2508px 1525px #fff, 571px 198px #fff, 628px 371px #fff, 740px 345px #fff, 441px 937px #fff, 2199px 1890px #fff, 1774px 1437px #fff, 2436px 2274px #fff, 655px 1494px #fff, 670px 1151px #fff, 1268px 1108px #fff, 1036px 2528px #fff, 2052px 427px #fff, 263px 1100px #fff, 1703px 1196px #fff, 2117px 2081px #fff, 115px 857px #fff, 2492px 2258px #fff, 1149px 2193px #fff, 992px 527px #fff, 612px 2267px #fff, 2276px 1283px #fff, 943px 437px #fff, 1122px 706px #fff, 1904px 2477px #fff, 343px 1556px #fff, 2381px 937px #fff, 2543px 2373px #fff, 338px 946px #fff, 2067px 1923px #fff, 508px 451px #fff, 2303px 140px #fff, 2396px 1789px #fff, 241px 236px #fff, 2558px 137px #fff, 360px 1189px #fff, 1023px 447px #fff, 2090px 1px #fff, 2133px 1168px #fff, 1934px 248px #fff, 2006px 1788px #fff, 2527px 2211px #fff, 537px 311px #fff, 487px 1420px #fff, 1240px 1322px #fff, 669px 179px #fff, 990px 791px #fff, 1547px 409px #fff, 724px 1518px #fff, 125px 1908px #fff, 1091px 1370px #fff, 2556px 2438px #fff, 2371px 2094px #fff, 655px 1075px #fff, 1754px 219px #fff, 1032px 2182px #fff, 326px 72px #fff, 249px 2429px #fff, 2327px 298px #fff, 63px 1260px #fff, 264px 2225px #fff, 2386px 1786px #fff, 139px 564px #fff, 856px 888px #fff, 1503px 2538px #fff, 2260px 1064px #fff, 1560px 1867px #fff, 300px 1193px #fff, 669px 1131px #fff, 1739px 833px #fff, 57px 1826px #fff, 1941px 1176px #fff, 222px 2530px #fff, 2515px 2459px #fff, 1981px 2463px #fff, 2130px 2236px #fff, 2155px 420px #fff, 282px 1051px #fff, 2451px 1170px #fff, 1546px 2218px #fff, 1343px 527px #fff, 2378px 2315px #fff, 2420px 1441px #fff, 865px 530px #fff, 468px 1972px #fff, 973px 2159px #fff, 549px 2082px #fff, 1830px 637px #fff, 2133px 1326px #fff, 1952px 204px #fff, 911px 683px #fff, 2182px 2126px #fff, 612px 424px #fff, 1744px 36px #fff, 2460px 2542px #fff, 2481px 1999px #fff, 1955px 2106px #fff, 182px 1767px #fff, 1499px 2340px #fff, 862px 2077px #fff, 506px 481px #fff, 1922px 1674px #fff, 2275px 1356px #fff, 943px 1886px #fff, 190px 1712px #fff, 1918px 2047px #fff, 959px 2550px #fff, 2441px 1017px #fff, 2213px 2247px #fff, 1400px 11px #fff, 1708px 28px #fff, 979px 2279px #fff, 1767px 660px #fff, 28px 626px #fff, 2108px 1110px #fff, 71px 50px #fff, 2391px 1804px #fff, 2113px 680px #fff, 966px 408px #fff, 1274px 37px #fff, 397px 678px #fff, 220px 1636px #fff, 787px 967px #fff, 1970px 1318px #fff, 946px 2175px #fff, 1481px 776px #fff, 1715px 1499px #fff, 93px 1295px #fff, 2299px 118px #fff, 1546px 392px #fff, 559px 2281px #fff, 2185px 1302px #fff, 1525px 1316px #fff, 417px 432px #fff, 1368px 1589px #fff, 1793px 509px #fff, 2342px 446px #fff, 931px 1448px #fff, 2542px 1708px #fff, 565px 298px #fff, 2197px 1728px #fff, 2202px 1098px #fff, 1411px 2511px #fff, 2218px 2389px #fff, 1685px 1179px #fff, 1892px 264px #fff, 2437px 887px #fff, 1903px 2197px #fff, 2155px 973px #fff, 719px 2524px #fff, 2502px 1110px #fff, 1315px 2463px #fff, 1274px 1313px #fff, 1816px 817px #fff, 1346px 2210px #fff, 2462px 2287px #fff, 2011px 2020px #fff, 711px 896px #fff, 1142px 86px #fff, 1465px 584px #fff, 365px 983px #fff, 1342px 165px #fff, 1787px 942px #fff, 2083px 1670px #fff, 2362px 1870px #fff, 2366px 2271px #fff, 221px 720px #fff, 198px 1116px #fff, 85px 2021px #fff, 1588px 1935px #fff, 992px 490px #fff, 1109px 2235px #fff, 266px 2059px #fff, 873px 2088px #fff, 141px 1131px #fff, 1241px 49px #fff, 2225px 1601px #fff, 1774px 510px #fff, 304px 1928px #fff, 1752px 390px #fff, 1944px 650px #fff, 2168px 2329px #fff, 1095px 1888px #fff, 2408px 1348px #fff, 1155px 252px #fff, 417px 991px #fff, 951px 2093px #fff, 991px 2384px #fff, 1737px 2346px #fff, 2091px 725px #fff, 1245px 2122px #fff, 67px 259px #fff, 1033px 1323px #fff, 104px 1811px #fff, 1268px 2398px #fff, 2256px 2299px #fff, 1772px 1298px #fff, 2248px 2083px #fff, 1810px 904px #fff, 863px 1972px #fff, 425px 2016px #fff, 602px 259px #fff, 1943px 2410px #fff, 1518px 1206px #fff, 1972px 2505px #fff, 1948px 1022px #fff, 2039px 2021px #fff, 1040px 1974px #fff, 1688px 1713px #fff, 2546px 2116px #fff, 1409px 866px #fff, 574px 1022px #fff, 2330px 407px #fff, 2438px 208px #fff, 2425px 1113px #fff, 1778px 539px #fff, 1467px 446px #fff, 1351px 2278px #fff, 1798px 560px #fff, 901px 2082px #fff, 2118px 1424px #fff, 845px 1194px #fff, 2509px 248px #fff, 2232px 610px #fff, 1649px 1228px #fff, 2175px 370px #fff, 1319px 1296px #fff, 2093px 1073px #fff, 45px 1390px #fff, 1201px 2439px #fff, 1867px 939px #fff, 2090px 2551px #fff, 1368px 330px #fff, 1213px 1253px #fff, 1796px 1085px #fff, 345px 1812px #fff, 362px 1981px #fff, 1133px 2078px #fff, 886px 2027px #fff, 1457px 2099px #fff, 594px 1950px #fff, 2031px 2002px #fff, 389px 1686px #fff, 1334px 1245px #fff, 1380px 1303px #fff, 2479px 2037px #fff, 2498px 1272px #fff, 365px 2043px #fff, 2085px 1672px #fff, 2554px 1162px #fff, 2418px 1639px #fff, 514px 370px #fff; height: 1px; width: 1px; } .a_item2 { -webkit-animation: animParticle 140s linear infinite; animation: animParticle 140s linear infinite; box-shadow: 0px 0px #fff, 2377px 731px #fff, 2236px 2052px #fff, 2003px 2152px #fff, 1927px 1614px #fff, 1401px 1671px #fff, 430px 2511px #fff, 227px 578px #fff, 1363px 2444px #fff, 1283px 1929px #fff, 548px 1366px #fff, 1905px 1963px #fff, 400px 1214px #fff, 225px 1739px #fff, 811px 1754px #fff, 526px 1194px #fff, 981px 111px #fff, 113px 1402px #fff, 1121px 825px #fff, 2041px 1054px #fff, 24px 1781px #fff, 860px 382px #fff, 1509px 1802px #fff, 2528px 2259px #fff, 230px 2133px #fff, 1477px 727px #fff, 478px 594px #fff, 1657px 1580px #fff, 1617px 220px #fff, 2170px 1334px #fff, 337px 2229px #fff, 1558px 1046px #fff, 1006px 1456px #fff, 871px 846px #fff, 1686px 1095px #fff, 1537px 2423px #fff, 2111px 762px #fff, 1260px 2082px #fff, 1168px 2130px #fff, 147px 156px #fff, 1006px 503px #fff, 1684px 1335px #fff, 2085px 1454px #fff, 2254px 1034px #fff, 1149px 1645px #fff, 1354px 2203px #fff, 551px 2058px #fff, 1055px 571px #fff, 1078px 2455px #fff, 323px 1519px #fff, 47px 503px #fff, 2290px 2390px #fff, 2522px 2530px #fff, 2059px 628px #fff, 315px 1155px #fff, 527px 2124px #fff, 2510px 468px #fff, 2393px 2167px #fff, 601px 1023px #fff, 762px 432px #fff, 649px 1594px #fff, 65px 2291px #fff, 1436px 2275px #fff, 2504px 537px #fff, 680px 2536px #fff, 449px 2496px #fff, 2254px 1307px #fff, 63px 609px #fff, 2386px 14px #fff, 565px 1206px #fff, 1545px 416px #fff, 1512px 2321px #fff, 896px 1314px #fff, 360px 2471px #fff, 2337px 1842px #fff, 264px 1869px #fff, 470px 660px #fff, 1085px 2007px #fff, 768px 332px #fff, 2178px 2073px #fff, 132px 1676px #fff, 834px 1328px #fff, 228px 1257px #fff, 325px 77px #fff, 1873px 443px #fff, 1771px 574px #fff, 845px 1861px #fff, 2499px 2240px #fff, 207px 1039px #fff, 2281px 1515px #fff, 1985px 992px #fff, 2324px 629px #fff, 2013px 1750px #fff, 2496px 1688px #fff, 188px 245px #fff, 1534px 1739px #fff, 2229px 150px #fff, 1405px 1201px #fff, 1513px 2249px #fff, 1387px 570px #fff, 1631px 2518px #fff, 1592px 2455px #fff, 1124px 1412px #fff, 1168px 98px #fff, 1698px 220px #fff, 682px 1613px #fff, 762px 79px #fff, 2458px 2200px #fff, 392px 2096px #fff, 921px 301px #fff, 2095px 1960px #fff, 774px 1351px #fff, 2482px 2217px #fff, 914px 2066px #fff, 2482px 197px #fff, 2003px 121px #fff, 1054px 1399px #fff, 2276px 679px #fff, 2004px 923px #fff, 1478px 734px #fff, 2486px 2391px #fff, 291px 224px #fff, 960px 1952px #fff, 1454px 2495px #fff, 443px 1691px #fff, 648px 320px #fff, 723px 2028px #fff, 2418px 377px #fff, 2052px 905px #fff, 1953px 1650px #fff, 848px 1574px #fff, 2099px 824px #fff, 2400px 1911px #fff, 2446px 550px #fff, 1374px 2434px #fff, 2027px 121px #fff, 1155px 2194px #fff, 1003px 283px #fff, 370px 790px #fff, 2029px 2073px #fff, 1932px 1445px #fff, 2509px 2346px #fff, 1018px 2093px #fff, 1368px 1353px #fff, 2182px 1195px #fff, 297px 1087px #fff, 313px 288px #fff, 1821px 976px #fff, 825px 2500px #fff, 374px 162px #fff, 2093px 2008px #fff, 1870px 756px #fff, 120px 1743px #fff, 149px 1501px #fff, 645px 303px #fff, 1175px 1737px #fff, 2332px 2182px #fff, 2321px 309px #fff, 1316px 1227px #fff, 1496px 2211px #fff, 547px 2454px #fff, 2183px 1255px #fff, 2198px 114px #fff, 2558px 1591px #fff, 1606px 1388px #fff, 2490px 2335px #fff, 643px 2414px #fff, 340px 2353px #fff, 561px 1726px #fff, 1101px 1709px #fff, 628px 63px #fff, 2px 1097px #fff, 264px 649px #fff, 1685px 139px #fff, 1875px 968px #fff, 2345px 626px #fff, 1519px 1688px #fff, 1060px 2509px #fff, 760px 1301px #fff, 367px 758px #fff, 165px 2003px #fff, 789px 1204px #fff, 1506px 99px #fff, 417px 1270px #fff, 158px 2149px #fff, 1472px 114px #fff, 722px 696px #fff, 1477px 2475px #fff, 2118px 156px #fff, 1855px 2450px #fff, 1958px 201px #fff, 1617px 525px #fff, 834px 280px #fff, 2500px 1928px #fff, 2037px 1069px #fff, 821px 1287px #fff, 225px 2521px #fff, 716px 813px #fff, 855px 446px #fff, 2107px 2126px #fff, 232px 323px #fff; height: 2px; width: 2px; } .a_item2:after { box-shadow: 0px 0px #fff, 1619px 353px #fff, 1742px 1356px #fff, 261px 895px #fff, 2542px 2467px #fff, 763px 530px #fff, 567px 1558px #fff, 798px 2060px #fff, 1431px 304px #fff, 2441px 749px #fff, 875px 2477px #fff, 925px 702px #fff, 1623px 2520px #fff, 736px 1216px #fff, 472px 810px #fff, 2314px 318px #fff, 1486px 2371px #fff, 552px 2263px #fff, 225px 2497px #fff, 1297px 1437px #fff, 2542px 2087px #fff, 1805px 909px #fff, 1992px 2034px #fff, 1312px 1986px #fff, 2213px 2394px #fff, 2105px 1353px #fff, 203px 1058px #fff, 228px 2018px #fff, 2303px 2473px #fff, 896px 579px #fff, 1083px 1222px #fff, 398px 2333px #fff, 392px 822px #fff, 2039px 1962px #fff, 2338px 99px #fff, 980px 1197px #fff, 2369px 206px #fff, 1203px 612px #fff, 1339px 1894px #fff, 1754px 695px #fff, 1204px 420px #fff, 1532px 247px #fff, 1135px 1089px #fff, 703px 403px #fff, 2152px 204px #fff, 980px 149px #fff, 2141px 1930px #fff, 2531px 204px #fff, 978px 1560px #fff, 714px 1167px #fff, 1921px 218px #fff, 1492px 1092px #fff, 1751px 309px #fff, 1707px 1723px #fff, 442px 1996px #fff, 1498px 2129px #fff, 869px 164px #fff, 1098px 368px #fff, 2366px 1189px #fff, 975px 2292px #fff, 928px 874px #fff, 1374px 1237px #fff, 2111px 1444px #fff, 532px 358px #fff, 260px 265px #fff, 139px 638px #fff, 1968px 86px #fff, 725px 1461px #fff, 748px 2084px #fff, 904px 1409px #fff, 456px 281px #fff, 2067px 1598px #fff, 1011px 843px #fff, 778px 299px #fff, 2204px 1641px #fff, 676px 386px #fff, 842px 421px #fff, 4px 759px #fff, 827px 1053px #fff, 827px 1990px #fff, 2409px 1190px #fff, 834px 2150px #fff, 2384px 1711px #fff, 2559px 961px #fff, 1155px 522px #fff, 346px 2560px #fff, 212px 2499px #fff, 1828px 225px #fff, 1886px 1784px #fff, 1328px 1903px #fff, 2112px 235px #fff, 38px 1368px #fff, 1052px 1608px #fff, 8px 2288px #fff, 197px 829px #fff, 776px 1342px #fff, 963px 2153px #fff, 1739px 2226px #fff, 156px 76px #fff, 1319px 1570px #fff, 648px 1628px #fff, 1863px 1188px #fff, 652px 499px #fff, 1709px 1404px #fff, 1715px 1497px #fff, 1691px 1672px #fff, 1598px 2388px #fff, 764px 1558px #fff, 2144px 793px #fff, 275px 2091px #fff, 1799px 177px #fff, 768px 1757px #fff, 1596px 2534px #fff, 870px 1106px #fff, 32px 1857px #fff, 2078px 1326px #fff, 1146px 2444px #fff, 1297px 853px #fff, 2270px 803px #fff, 1173px 686px #fff, 1538px 1007px #fff, 857px 1784px #fff, 473px 2389px #fff, 1858px 906px #fff, 402px 527px #fff, 1048px 447px #fff, 2148px 973px #fff, 534px 2329px #fff, 122px 1901px #fff, 1536px 462px #fff, 1700px 730px #fff, 2538px 625px #fff, 1672px 301px #fff, 2139px 1154px #fff, 681px 760px #fff, 1954px 1260px #fff, 2350px 2448px #fff, 967px 1890px #fff, 1893px 1589px #fff, 292px 517px #fff, 742px 176px #fff, 2437px 1279px #fff, 449px 1452px #fff, 956px 1941px #fff, 854px 669px #fff, 200px 947px #fff, 1959px 1191px #fff, 1201px 666px #fff, 663px 835px #fff, 504px 1763px #fff, 2000px 1449px #fff, 1457px 1910px #fff, 1936px 875px #fff, 2474px 1402px #fff, 829px 785px #fff, 2093px 1355px #fff, 2267px 138px #fff, 1912px 1988px #fff, 932px 2105px #fff, 282px 2138px #fff, 933px 1769px #fff, 855px 158px #fff, 356px 1742px #fff, 2169px 388px #fff, 756px 516px #fff, 489px 285px #fff, 2065px 2265px #fff, 2522px 12px #fff, 741px 987px #fff, 2495px 462px #fff, 2056px 1562px #fff, 859px 1333px #fff, 2297px 2271px #fff, 508px 1764px #fff, 1628px 367px #fff, 1674px 896px #fff, 174px 1972px #fff, 1766px 1128px #fff, 2116px 1787px #fff, 1979px 242px #fff, 1260px 487px #fff, 1630px 2544px #fff, 1523px 1757px #fff, 263px 925px #fff, 2111px 688px #fff, 740px 260px #fff, 2012px 1936px #fff, 2357px 2055px #fff, 685px 1876px #fff, 336px 809px #fff, 2225px 1713px #fff, 988px 676px #fff, 865px 1973px #fff, 416px 2502px #fff, 1591px 555px #fff, 1829px 419px #fff, 1294px 80px #fff, 1674px 1420px #fff, 2280px 1402px #fff, 1796px 558px #fff, 1309px 2264px #fff; height: 2px; width: 2px; } .a_item3 { -webkit-animation: animParticle 200s linear infinite; animation: animParticle 200s linear infinite; box-shadow: 0px 0px #fff, 50px 2432px #fff, 2477px 149px #fff, 1329px 2341px #fff, 1103px 700px #fff, 1134px 1776px #fff, 2493px 1588px #fff, 1537px 674px #fff, 784px 1px #fff, 1130px 140px #fff, 981px 827px #fff, 1917px 394px #fff, 365px 2158px #fff, 2168px 2192px #fff, 665px 1068px #fff, 2065px 1285px #fff, 2543px 1757px #fff, 2004px 1077px #fff, 2527px 1880px #fff, 1328px 1375px #fff, 1928px 647px #fff, 1580px 2213px #fff, 427px 789px #fff, 1714px 2228px #fff, 653px 451px #fff, 1938px 2309px #fff, 666px 1011px #fff, 115px 769px #fff, 1749px 322px #fff, 546px 1637px #fff, 2098px 1648px #fff, 1767px 1028px #fff, 392px 2417px #fff, 1041px 207px #fff, 1471px 1330px #fff, 1017px 2233px #fff, 761px 829px #fff, 1357px 1475px #fff, 95px 2294px #fff, 136px 1495px #fff, 2037px 2087px #fff, 981px 2048px #fff, 957px 1625px #fff, 707px 557px #fff, 2521px 1902px #fff, 1608px 2222px #fff, 1113px 444px #fff, 2279px 1360px #fff, 1942px 779px #fff, 896px 828px #fff, 2456px 2124px #fff, 440px 1044px #fff, 2165px 1586px #fff, 1583px 646px #fff, 1510px 1210px #fff, 2353px 2416px #fff, 2539px 1559px #fff, 1706px 149px #fff, 2287px 1839px #fff, 2384px 1326px #fff, 641px 1151px #fff, 812px 198px #fff, 1837px 2063px #fff, 902px 2424px #fff, 718px 2347px #fff, 71px 337px #fff, 1540px 1890px #fff, 1476px 736px #fff, 1609px 1570px #fff, 676px 1855px #fff, 712px 1986px #fff, 1669px 1083px #fff, 471px 1763px #fff, 78px 1374px #fff, 1476px 53px #fff, 2229px 2104px #fff, 1340px 1743px #fff, 2282px 430px #fff, 285px 2451px #fff, 2229px 911px #fff, 1485px 1252px #fff, 1340px 89px #fff, 1890px 20px #fff, 1131px 477px #fff, 548px 857px #fff, 1269px 1370px #fff, 1328px 511px #fff, 120px 1501px #fff, 2040px 1236px #fff, 465px 438px #fff, 1011px 1105px #fff, 839px 2212px #fff, 356px 2425px #fff, 1603px 753px #fff, 325px 1414px #fff, 130px 1505px #fff, 773px 1846px #fff, 171px 1098px #fff, 2558px 329px #fff, 465px 940px #fff, 1911px 2022px #fff; height: 3px; width: 3px; } .a_item3:after { box-shadow: 0px 0px #fff, 1086px 944px #fff, 1061px 809px #fff, 2203px 2497px #fff, 654px 2448px #fff, 873px 2233px #fff, 1273px 2276px #fff, 420px 1398px #fff, 802px 1689px #fff, 818px 1661px #fff, 2004px 432px #fff, 1289px 1806px #fff, 70px 650px #fff, 916px 1690px #fff, 2075px 1549px #fff, 1511px 171px #fff, 2060px 2221px #fff, 401px 1805px #fff, 2453px 2043px #fff, 1804px 2199px #fff, 490px 2213px #fff, 1781px 498px #fff, 1517px 1200px #fff, 143px 327px #fff, 1687px 2107px #fff, 1777px 1659px #fff, 1210px 2400px #fff, 1270px 2422px #fff, 859px 1677px #fff, 1206px 685px #fff, 491px 2462px #fff, 1685px 529px #fff, 1370px 1625px #fff, 206px 483px #fff, 588px 838px #fff, 1739px 2422px #fff, 867px 2167px #fff, 1259px 1853px #fff, 8px 2483px #fff, 2394px 350px #fff, 1668px 1817px #fff, 2513px 2214px #fff, 461px 1885px #fff, 1960px 245px #fff, 1931px 693px #fff, 490px 1322px #fff, 1063px 2508px #fff, 1684px 2280px #fff, 1636px 2003px #fff, 1417px 1630px #fff, 1986px 1411px #fff, 49px 545px #fff, 1392px 1795px #fff, 589px 975px #fff, 987px 1789px #fff, 2047px 2276px #fff, 2510px 160px #fff, 1887px 1855px #fff, 174px 1947px #fff, 425px 849px #fff, 1441px 684px #fff, 294px 309px #fff, 598px 1172px #fff, 1144px 203px #fff, 2531px 1270px #fff, 1152px 756px #fff, 223px 16px #fff, 2481px 711px #fff, 1625px 1311px #fff, 2539px 1251px #fff, 740px 1174px #fff, 1887px 1851px #fff, 2420px 1526px #fff, 678px 1715px #fff, 368px 1321px #fff, 282px 1981px #fff, 674px 2127px #fff, 576px 277px #fff, 1868px 1068px #fff, 167px 1565px #fff, 561px 509px #fff, 2313px 197px #fff, 147px 997px #fff, 164px 1124px #fff, 2029px 736px #fff, 841px 55px #fff, 79px 1046px #fff, 1078px 908px #fff, 6px 2337px #fff, 2010px 941px #fff, 808px 445px #fff, 1088px 2447px #fff, 2323px 913px #fff, 1958px 18px #fff, 1311px 1521px #fff, 120px 1078px #fff, 827px 441px #fff, 736px 1469px #fff, 581px 410px #fff, 1785px 72px #fff, 60px 2513px #fff; height: 3px; width: 3px; } .a_item4 { -webkit-animation: animParticle 600s linear infinite; animation: animParticle 600s linear infinite; box-shadow: 0px 0px #fff, 414px 2048px #fff, 1259px 1152px #fff, 1473px 1873px #fff, 474px 1480px #fff, 2226px 2175px #fff, 300px 474px #fff, 1801px 1137px #fff, 1658px 1691px #fff, 476px 353px #fff, 1712px 1792px #fff, 1987px 2277px #fff, 1530px 880px #fff, 486px 789px #fff, 2360px 2523px #fff, 1029px 1551px #fff, 2266px 883px #fff, 2144px 1970px #fff, 783px 427px #fff, 1136px 1986px #fff, 1438px 1067px #fff, 2498px 2452px #fff, 2520px 1734px #fff, 982px 65px #fff, 981px 2195px #fff, 1098px 444px #fff, 541px 1012px #fff, 2000px 1908px #fff, 1927px 1464px #fff, 899px 2061px #fff, 429px 1020px #fff, 478px 2050px #fff, 1899px 1343px #fff, 1582px 1567px #fff, 1834px 24px #fff, 2406px 27px #fff, 2130px 1473px #fff, 1677px 729px #fff, 2180px 1092px #fff, 959px 2438px #fff, 1288px 488px #fff, 482px 549px #fff, 2205px 1321px #fff, 1576px 191px #fff, 1832px 2466px #fff, 1518px 830px #fff, 2507px 686px #fff, 1871px 2510px #fff, 1999px 651px #fff, 1294px 461px #fff, 399px 1696px #fff, 922px 82px #fff, 214px 2483px #fff, 187px 781px #fff, 241px 974px #fff, 2474px 1474px #fff, 873px 264px #fff, 912px 2341px #fff, 1899px 2397px #fff, 1269px 2524px #fff, 584px 1912px #fff, 1050px 1899px #fff, 1126px 1529px #fff, 481px 1271px #fff, 2332px 614px #fff, 966px 2448px #fff, 226px 2264px #fff, 312px 1550px #fff, 893px 1419px #fff, 766px 2500px #fff, 1149px 541px #fff, 964px 1674px #fff, 2173px 1024px #fff, 148px 2082px #fff, 2158px 1717px #fff, 1291px 1593px #fff, 669px 2138px #fff, 599px 2245px #fff, 2546px 2298px #fff, 736px 683px #fff, 953px 1553px #fff, 428px 1490px #fff, 2315px 1813px #fff, 135px 25px #fff, 1112px 1552px #fff, 1507px 809px #fff, 2104px 2020px #fff, 1635px 1289px #fff, 841px 199px #fff, 1031px 1114px #fff, 789px 97px #fff, 1081px 1204px #fff, 2336px 998px #fff, 155px 1626px #fff, 1818px 2179px #fff, 2470px 183px #fff, 708px 2464px #fff, 378px 2023px #fff, 43px 1862px #fff, 2169px 1848px #fff, 1121px 844px #fff, 42px 1208px #fff, 1045px 111px #fff, 249px 2331px #fff, 329px 1712px #fff, 1712px 1125px #fff, 2151px 2378px #fff, 2180px 1910px #fff, 2408px 733px #fff, 1007px 1559px #fff, 600px 1844px #fff, 1468px 717px #fff, 1217px 2243px #fff, 2067px 1050px #fff, 1735px 1161px #fff, 1913px 2436px #fff, 2094px 2079px #fff, 257px 792px #fff, 1779px 664px #fff, 2208px 1906px #fff, 1822px 1992px #fff, 452px 1755px #fff, 165px 893px #fff, 125px 1558px #fff, 2072px 2037px #fff, 2308px 738px #fff, 1772px 181px #fff, 1665px 1336px #fff, 1884px 2165px #fff, 1627px 522px #fff, 2256px 1730px #fff, 1256px 611px #fff, 337px 649px #fff, 1006px 1605px #fff, 105px 690px #fff, 180px 2031px #fff, 26px 60px #fff, 609px 380px #fff, 404px 1740px #fff, 279px 2199px #fff, 1765px 1024px #fff, 2505px 1290px #fff, 1078px 2544px #fff, 2560px 518px #fff, 1947px 1564px #fff, 583px 2149px #fff, 2283px 755px #fff, 191px 2356px #fff, 2328px 2059px #fff, 585px 275px #fff, 436px 2105px #fff, 96px 1523px #fff, 2466px 1312px #fff, 653px 580px #fff, 1746px 67px #fff, 2063px 1922px #fff, 2480px 2011px #fff, 1032px 39px #fff, 1914px 2078px #fff, 418px 2531px #fff, 2396px 1553px #fff, 156px 1007px #fff, 840px 1952px #fff, 1047px 2049px #fff, 1032px 1748px #fff, 1677px 2371px #fff, 1393px 186px #fff, 1661px 471px #fff, 1196px 1150px #fff, 459px 1267px #fff, 1989px 2239px #fff, 1810px 1522px #fff, 1780px 211px #fff, 2534px 858px #fff, 1859px 2092px #fff, 1264px 567px #fff, 2270px 233px #fff, 1422px 1103px #fff, 2428px 929px #fff, 2544px 349px #fff, 1175px 1865px #fff, 2062px 321px #fff, 1172px 2220px #fff, 1449px 1601px #fff, 1104px 1406px #fff, 2016px 868px #fff, 287px 892px #fff, 1979px 2428px #fff, 2479px 2173px #fff, 2473px 1836px #fff, 179px 470px #fff, 1947px 423px #fff, 2298px 1132px #fff, 2506px 1241px #fff, 2406px 390px #fff, 1470px 2304px #fff, 184px 1269px #fff, 225px 1981px #fff, 1747px 2484px #fff, 902px 1546px #fff, 683px 1929px #fff, 1520px 1918px #fff, 238px 727px #fff, 2503px 2162px #fff, 651px 863px #fff, 1781px 1482px #fff, 1130px 147px #fff, 1000px 730px #fff, 742px 1450px #fff, 1528px 2022px #fff, 53px 2337px #fff, 999px 1518px #fff, 67px 1191px #fff, 2536px 511px #fff, 917px 727px #fff, 577px 724px #fff, 1559px 1884px #fff, 462px 1828px #fff, 1535px 43px #fff, 684px 1672px #fff, 664px 1682px #fff, 1456px 380px #fff, 913px 2065px #fff, 2467px 2468px #fff, 292px 2544px #fff, 1377px 293px #fff, 2163px 1450px #fff, 1421px 2030px #fff, 1401px 2182px #fff, 1853px 2477px #fff, 745px 1372px #fff, 2006px 307px #fff, 1163px 1649px #fff, 28px 1418px #fff, 797px 594px #fff, 2546px 1842px #fff, 2109px 2137px #fff, 2256px 2498px #fff, 355px 1518px #fff, 887px 1833px #fff, 1269px 1436px #fff, 507px 508px #fff, 157px 345px #fff, 270px 2373px #fff, 1872px 1096px #fff, 1163px 1117px #fff, 1827px 30px #fff, 1196px 1174px #fff, 1901px 1862px #fff, 1371px 1001px #fff, 608px 371px #fff, 75px 1041px #fff, 821px 168px #fff, 240px 2285px #fff, 75px 132px #fff, 709px 1703px #fff, 522px 555px #fff, 1586px 1021px #fff, 2056px 2197px #fff, 217px 837px #fff, 1507px 525px #fff, 860px 148px #fff, 313px 95px #fff, 2155px 1186px #fff, 805px 1703px #fff, 257px 565px #fff, 1345px 958px #fff, 432px 836px #fff, 1373px 1717px #fff, 582px 399px #fff, 1512px 9px #fff, 903px 1119px #fff, 1829px 1985px #fff, 1639px 581px #fff, 146px 75px #fff, 366px 1479px #fff, 1783px 1668px #fff, 1648px 645px #fff, 1204px 1728px #fff, 2140px 836px #fff, 2400px 752px #fff, 1081px 944px #fff, 1410px 2098px #fff, 1243px 2052px #fff, 1818px 930px #fff, 2091px 1613px #fff, 1508px 876px #fff, 2528px 2263px #fff, 65px 177px #fff, 1525px 1747px #fff, 250px 1829px #fff, 890px 2061px #fff, 2559px 316px #fff, 1771px 383px #fff, 2328px 201px #fff, 1832px 690px #fff, 172px 1531px #fff, 1830px 2467px #fff, 971px 1269px #fff, 2026px 1665px #fff, 1173px 1937px #fff, 1516px 1311px #fff, 1633px 1523px #fff, 1992px 489px #fff, 1682px 685px #fff, 2353px 354px #fff, 1780px 1500px #fff, 445px 2144px #fff, 365px 675px #fff, 2477px 204px #fff, 498px 214px #fff, 1153px 1249px #fff, 2345px 1813px #fff, 604px 1442px #fff, 2528px 2266px #fff, 2292px 1468px #fff, 881px 544px #fff, 215px 2177px #fff, 290px 1571px #fff, 1755px 505px #fff, 2083px 318px #fff, 73px 710px #fff, 58px 1752px #fff, 769px 1984px #fff, 340px 1214px #fff, 1334px 695px #fff, 1004px 1503px #fff, 2478px 1364px #fff, 865px 786px #fff, 2229px 2217px #fff, 1262px 2446px #fff, 2227px 514px #fff, 437px 2119px #fff, 173px 1395px #fff, 828px 1599px #fff, 174px 243px #fff, 1145px 611px #fff, 834px 31px #fff, 2px 106px #fff, 1012px 2400px #fff, 1462px 404px #fff, 1887px 1785px #fff, 2357px 2099px #fff, 394px 853px #fff, 2535px 438px #fff, 1303px 132px #fff, 852px 260px #fff, 853px 918px #fff, 815px 1715px #fff, 196px 546px #fff, 274px 1505px #fff, 2173px 1621px #fff, 875px 1832px #fff, 1897px 1335px #fff, 2391px 2219px #fff, 1502px 341px #fff, 1520px 308px #fff, 1109px 1629px #fff, 574px 1383px #fff, 2314px 2233px #fff, 28px 1197px #fff, 1532px 1880px #fff, 1054px 386px #fff, 739px 553px #fff, 1962px 2472px #fff, 393px 2086px #fff, 2323px 1181px #fff, 1720px 1305px #fff, 2055px 1946px #fff, 917px 631px #fff, 2446px 1286px #fff, 51px 1083px #fff, 1810px 501px #fff, 1359px 61px #fff, 2560px 139px #fff, 2445px 65px #fff, 2243px 2131px #fff, 1670px 1125px #fff, 1345px 2006px #fff, 2347px 2540px #fff, 563px 1052px #fff, 828px 1983px #fff, 98px 598px #fff, 259px 1425px #fff, 2277px 1585px #fff, 731px 1316px #fff, 1545px 104px #fff, 1205px 2528px #fff, 2170px 2351px #fff, 1197px 2016px #fff, 1446px 346px #fff, 1124px 521px #fff, 979px 412px #fff, 1261px 1574px #fff, 299px 138px #fff, 1849px 148px #fff, 651px 2098px #fff, 970px 365px #fff, 599px 1107px #fff, 866px 1505px #fff, 1670px 1786px #fff; height: 1px; width: 1px; } .a_item4:after { box-shadow: 0px 0px #fff, 801px 1763px #fff, 1879px 2041px #fff, 1636px 2448px #fff, 2005px 2189px #fff, 2030px 1255px #fff, 1472px 174px #fff, 1245px 1717px #fff, 1395px 645px #fff, 1262px 400px #fff, 255px 2362px #fff, 1377px 915px #fff, 1120px 2283px #fff, 1839px 1919px #fff, 4px 1413px #fff, 1943px 608px #fff, 862px 2455px #fff, 2126px 2418px #fff, 104px 2056px #fff, 1029px 2115px #fff, 729px 1278px #fff, 847px 2364px #fff, 2079px 1295px #fff, 2427px 1777px #fff, 703px 304px #fff, 880px 1496px #fff, 1332px 2144px #fff, 1259px 1943px #fff, 2032px 2519px #fff, 299px 1178px #fff, 746px 594px #fff, 1119px 2099px #fff, 1921px 804px #fff, 1806px 552px #fff, 180px 319px #fff, 2370px 1374px #fff, 1316px 2183px #fff, 913px 1359px #fff, 1211px 457px #fff, 1459px 2044px #fff, 1727px 2259px #fff, 1490px 634px #fff, 1773px 1190px #fff, 465px 1526px #fff, 1560px 869px #fff, 653px 1470px #fff, 2180px 796px #fff, 1275px 1659px #fff, 1524px 1060px #fff, 1050px 898px #fff, 771px 60px #fff, 2397px 1900px #fff, 1756px 2330px #fff, 2265px 510px #fff, 817px 801px #fff, 1996px 2111px #fff, 1852px 1229px #fff, 1373px 1767px #fff, 1224px 616px #fff, 257px 2408px #fff, 2483px 826px #fff, 1249px 324px #fff, 1791px 160px #fff, 1437px 1106px #fff, 1611px 521px #fff, 524px 2170px #fff, 2077px 379px #fff, 855px 1464px #fff, 111px 921px #fff, 337px 465px #fff, 649px 1470px #fff, 918px 1791px #fff, 1017px 1492px #fff, 63px 677px #fff, 1055px 2287px #fff, 1647px 948px #fff, 1749px 104px #fff, 2510px 322px #fff, 2270px 1927px #fff, 1830px 1397px #fff, 776px 453px #fff, 1550px 1123px #fff, 1349px 1472px #fff, 1318px 1418px #fff, 1227px 30px #fff, 450px 336px #fff, 1046px 1585px #fff, 1383px 1805px #fff, 2020px 2175px #fff, 2185px 2094px #fff, 2035px 686px #fff, 260px 2418px #fff, 2464px 1577px #fff, 2218px 1956px #fff, 43px 2383px #fff, 1346px 268px #fff, 1680px 1409px #fff, 86px 2353px #fff, 2086px 59px #fff, 1595px 2101px #fff, 453px 2401px #fff, 2266px 1453px #fff, 419px 2524px #fff, 1853px 979px #fff, 1655px 1412px #fff, 706px 1255px #fff, 366px 1090px #fff, 2482px 1887px #fff, 2185px 292px #fff, 486px 795px #fff, 1286px 2232px #fff, 1454px 2270px #fff, 1806px 821px #fff, 73px 1938px #fff, 1861px 448px #fff, 109px 1196px #fff, 1098px 2113px #fff, 1654px 2147px #fff, 144px 84px #fff, 1075px 752px #fff, 1619px 2138px #fff, 2556px 206px #fff, 60px 1053px #fff, 1396px 2525px #fff, 929px 443px #fff, 1454px 1967px #fff, 1677px 2038px #fff, 1666px 1766px #fff, 2043px 1814px #fff, 1324px 1352px #fff, 551px 95px #fff, 462px 415px #fff, 2559px 2183px #fff, 813px 646px #fff, 130px 1595px #fff, 347px 2062px #fff, 1252px 163px #fff, 183px 673px #fff, 1428px 442px #fff, 2314px 2426px #fff, 1350px 418px #fff, 1443px 810px #fff, 2391px 680px #fff, 2202px 378px #fff, 160px 1077px #fff, 300px 2053px #fff, 2531px 1705px #fff, 79px 2317px #fff, 985px 1171px #fff, 481px 1147px #fff, 1380px 1966px #fff, 2410px 1090px #fff, 1833px 834px #fff, 969px 1943px #fff, 1722px 2234px #fff, 2001px 166px #fff, 1921px 1847px #fff, 1689px 88px #fff, 78px 2289px #fff, 595px 679px #fff, 1570px 865px #fff, 1408px 237px #fff, 1028px 1472px #fff, 1760px 1378px #fff, 875px 459px #fff, 1241px 2109px #fff, 2541px 749px #fff, 655px 1720px #fff, 826px 1891px #fff, 1265px 611px #fff, 2204px 1881px #fff, 555px 276px #fff, 2068px 1750px #fff, 48px 2398px #fff, 2289px 2206px #fff, 358px 925px #fff, 441px 2166px #fff, 1300px 1498px #fff, 2001px 489px #fff, 2186px 1632px #fff, 740px 242px #fff, 252px 1808px #fff, 1104px 1047px #fff, 571px 1245px #fff, 876px 1722px #fff, 2294px 538px #fff, 912px 2135px #fff, 2093px 2467px #fff, 588px 2339px #fff, 629px 1537px #fff, 1143px 1954px #fff, 430px 1050px #fff, 1736px 1588px #fff, 707px 1731px #fff, 1807px 2187px #fff, 209px 1396px #fff, 632px 2049px #fff, 96px 391px #fff, 201px 1119px #fff, 2105px 2026px #fff, 1975px 2253px #fff, 462px 721px #fff, 1459px 683px #fff, 2189px 994px #fff, 906px 1890px #fff, 702px 2530px #fff, 2406px 1185px #fff, 1517px 945px #fff, 2551px 2547px #fff, 714px 1729px #fff, 2306px 604px #fff, 1339px 712px #fff, 1876px 1873px #fff, 1316px 977px #fff, 93px 1048px #fff, 963px 1191px #fff, 2371px 1240px #fff, 238px 148px #fff, 2429px 1120px #fff, 461px 2251px #fff, 399px 2400px #fff, 1266px 367px #fff, 524px 740px #fff, 729px 363px #fff, 2505px 2293px #fff, 2116px 1050px #fff, 1517px 2242px #fff, 1485px 1873px #fff, 1079px 580px #fff, 2315px 152px #fff, 2223px 1123px #fff, 1851px 305px #fff, 2058px 1978px #fff, 746px 1140px #fff, 1283px 70px #fff, 270px 1385px #fff, 210px 1417px #fff, 1162px 2278px #fff, 1644px 1006px #fff, 487px 1301px #fff, 2206px 886px #fff, 504px 1020px #fff, 1282px 1724px #fff, 1796px 2440px #fff, 2490px 1268px #fff, 2358px 2204px #fff, 798px 712px #fff, 793px 2279px #fff, 2199px 68px #fff, 976px 2509px #fff, 1957px 2064px #fff, 560px 638px #fff, 1169px 1589px #fff, 923px 2490px #fff, 892px 873px #fff, 1097px 1225px #fff, 1681px 281px #fff, 770px 771px #fff, 125px 807px #fff, 1975px 1625px #fff, 584px 1920px #fff, 129px 2294px #fff, 2021px 1136px #fff, 2455px 1429px #fff, 1410px 1574px #fff, 31px 573px #fff, 704px 626px #fff, 1669px 194px #fff, 1829px 995px #fff, 780px 1076px #fff, 2064px 290px #fff, 290px 1526px #fff, 2315px 1624px #fff, 2500px 680px #fff, 236px 2188px #fff, 634px 1416px #fff, 201px 1830px #fff, 1109px 1417px #fff, 438px 1645px #fff, 1750px 1178px #fff, 693px 426px #fff, 2090px 658px #fff, 518px 456px #fff, 1512px 692px #fff, 2269px 767px #fff, 38px 2116px #fff, 812px 1596px #fff, 535px 1518px #fff, 202px 512px #fff, 289px 472px #fff, 1575px 1496px #fff, 256px 190px #fff, 1555px 1206px #fff, 1959px 865px #fff, 2144px 1184px #fff, 2084px 2452px #fff, 535px 194px #fff, 955px 729px #fff, 870px 728px #fff, 389px 2074px #fff, 2434px 755px #fff, 1983px 2172px #fff, 2333px 1394px #fff, 152px 1782px #fff, 1406px 389px #fff, 597px 584px #fff, 1601px 1603px #fff, 1526px 1406px #fff, 1045px 15px #fff, 1660px 147px #fff, 450px 1450px #fff, 755px 463px #fff, 1756px 346px #fff, 1897px 2200px #fff, 105px 1681px #fff, 1146px 1108px #fff, 816px 1036px #fff, 1549px 721px #fff, 1714px 1478px #fff, 739px 2013px #fff, 1035px 1502px #fff, 598px 19px #fff, 1609px 1075px #fff, 2218px 2046px #fff, 573px 648px #fff, 989px 2341px #fff, 2054px 2012px #fff, 2162px 1436px #fff, 1765px 1710px #fff, 1534px 439px #fff, 652px 1621px #fff, 2471px 167px #fff, 1527px 1404px #fff, 1489px 1333px #fff, 1205px 2219px #fff, 267px 2268px #fff, 1567px 2206px #fff, 2191px 2363px #fff, 2506px 1227px #fff, 1105px 1890px #fff, 2480px 2008px #fff, 1789px 2147px #fff, 2303px 1623px #fff, 1168px 19px #fff, 843px 2280px #fff, 600px 565px #fff, 1006px 208px #fff, 1224px 2209px #fff, 750px 1146px #fff, 291px 469px #fff, 58px 2305px #fff, 1057px 722px #fff, 1008px 63px #fff, 1042px 2453px #fff, 2495px 757px #fff, 207px 457px #fff, 238px 1126px #fff, 372px 710px #fff, 2086px 1334px #fff, 579px 1384px #fff, 2146px 2412px #fff, 2313px 95px #fff, 1462px 2300px #fff, 1718px 706px #fff, 1360px 321px #fff, 1353px 987px #fff, 434px 89px #fff, 583px 460px #fff, 663px 31px #fff, 2354px 2272px #fff, 1843px 137px #fff, 1016px 852px #fff, 1292px 928px #fff, 600px 595px #fff, 1961px 218px #fff, 2245px 140px #fff, 599px 86px #fff, 1898px 1964px #fff, 1530px 178px #fff, 88px 2085px #fff, 1211px 2520px #fff, 1844px 2539px #fff, 2229px 1991px #fff, 1329px 1174px #fff, 1575px 235px #fff, 2538px 164px #fff, 1413px 217px #fff, 1462px 1970px #fff, 2244px 1771px #fff, 1750px 803px #fff, 568px 2294px #fff, 237px 1204px #fff, 1741px 2178px #fff, 56px 1297px #fff, 1012px 816px #fff, 691px 684px #fff, 1556px 2358px #fff, 119px 893px #fff, 297px 740px #fff, 1975px 420px #fff, 166px 2458px #fff; height: 1px; width: 1px; } .mouse { position: absolute; width: 16px; height: 72px; display: none; background: url(../images/mouse.png) no-repeat; right: 9.9%; bottom: 6.9%; z-index: 10; -webkit-animation: bounce-down 1.5s linear infinite; animation: bounce-down 1.5s linear infinite; } @media(max-width:1500px) { .Search { width: 150px; } } @media ( max-width:1440px) { .TopNews .txt .name { font-size: 18px; } .Banner li .w1400 { width: 100%; left: 0; right: 0; margin-left: 0; } .Banner li .BanTxt .title span, .Banner li .BanTxt .title1 { font-size: 40px; line-height: 60px; } .Banner li .BanTxt .title em { font-size: 20px; } .Banner li .BanTxt .info { font-size: 24px; margin: 25px 0px; } .Banner li .BanTxt .title2 { font-size: 35px; line-height: 60px; } .mouse { right: 10.55%; bottom: 10%; } .fixednav .Logo { width: 100px; } .Logo { width: 150px; } .Nav dl h2 { font-size: 26px; } .Nav dl.n1 li { margin-bottom: 10%; } .Nav dl li .am { font-size: 17px; } .Nav li .SubNav a { font-size: 15px; line-height: 32px; } } @media(max-width:1366px) { .header_menu { left: 170px; } .gp { left: 220px !important; } .Topinfo li.t2 { margin: 0 10px; } } @media ( max-width:1024px) { .Topinfo li.t2 .sbtn { display: inline-block; } .Search { position: absolute; top: 100%; right: 0px; text-align: left; border: 2px solid #e1021a; width: 170px; padding-right: 50px; display: none; z-index: 999; } .mouse { left: 50%; margin-left: -8px; right: auto; bottom: 3%; } } @media ( max-width:850px) { .Header { padding: 15px 0px; } .fixednav.Header { padding: 5px 0px; } .fixednav .Logo { margin-top: 5px; } .Topinfo li.t2 .sbtn { margin-top: 5px; } .Logo { width: 140px; } .Topinfo { height: 28px; line-height: 28px; } .Topinfo li.t2 .sbtn { width: 17px; } .TopNews, .Nav dl h2 { display: none; } .Nav, .Nav dl { width: 100%; float: none; } .Nav dl.n1 li { margin-bottom: 0; } .Nav dl ul li { position: relative; } .Nav li .SubNav { margin-top: 15px; display: none; } .Nav li.on .SubNav { display: block; } .Nav li .foldbtn { display: block; } .Banner li .w1400 { left: 5%; right: 5%; } } @media ( max-width:480px) { .fixednav .Logo { width: 100px; } .Logo { width: 100px; margin-top: 2px; } .header_menu { left: auto; right: 0px; } .Topinfo { margin-right: 66px; } .Topinfo li i { padding: 0px 2px; } .Topinfo li.t2 { margin: 4px 10px 0px; } .Topinfo li.t2 .sbtn { margin-top: 0px; } .Banner li .boximg { background-attachment: scroll; background: none !important; } .Banner li .boximg img { display: block; } .Banner li .BanTxt { padding-top: 40%; } .Banner li .BanTxt .title span, .Banner li .BanTxt .title1 { font-size: 28px; line-height: 40px; } .Banner li .BanTxt .info { font-size: 20px; line-height: 40px; } .Banner li .BanTxt .more { width: 120px; line-height: 40px; font-size: 16px; } .Banner li .BanTxt .title2 { font-size: 28px; } } /*bottom*/ .Footer { background-image: url(../images/footbg.jpg); } .Blogo { border-bottom: 1px solid rgba(255, 255, 255, 0.15); } .Blogo .txt { display: inline-block; font-size: 22px; line-height: 42px; padding-left: 40px; color: #fff; } .Sitepath { padding: 3% 0 5%; border-bottom: 1px solid rgba(255, 255, 255, 0.15); } .Sitepath dl { width: 23.5%; float: left; } .Sitepath dl:nth-child(5n) { width: auto; } .Sitepath dl dt a { display: block; line-height: 45px; margin-bottom: 8px; font-size: 18px; color: #fff; font-weight: bold; } .Sitepath dl dd a { display: block; font-size: 14px; line-height: 30px; color: rgba(255, 255, 255, 0.4); } .Sitepath dl dd a:hover { color: #e1021a; } .Bottom { padding: 18px 0; line-height: 80px; font-size: 14px; color: rgba(255, 255, 255, 0.5); text-transform: uppercase; } .Bottom a { color: #939393; } .Bottom .wx { width: 80px; } .Bottom i { padding: 0px 10px; } #back-to-top { width: 50px; height: 50px; display: none; background-color: rgba(225, 2, 26, 0.5); background-image: url(../images/gotop.png); background-repeat: no-repeat; background-position: center center; position: fixed; right: 0px; bottom: 0%; z-index: 99; } @media ( max-width:1440px) { .Blogo.p5 { padding: 3% 0; } .Blogo .icon { width: 150px; vertical-align: middle; } .Sitepath dl dt a { font-size: 16px; } } @media ( max-width:1024px) { .Sitepath dl { width: 21.5%; } } @media ( max-width:640px) { .Blogo, .Sitepath { display: none; } .Bottom { text-align: center; line-height: 28px; } .Bottom span { float: none !important; } .Bottom .txt { display: block; margin-top: 15px; } } /*index*/ .p3 { padding: 3% 0; } .m5 { margin: 5% 0; } .p5 { padding: 5% 0; } .Backfixed { background-attachment: fixed; } .boxbg { background-repeat: no-repeat; background-position: center center; background-size: cover; } .HomeTit { text-align: center; margin-bottom: 5%; } .HomeTit span { display: block; font-size: 40px; line-height: 52px; color: #333333; font-weight: bold; } .HomeTit i { display: block; width: 40px; height: 2px; background: #e1021a; margin: 20px auto 0px; } .HomeProduct li { background: #fff; margin: 2% 0; } .HomeProduct li .pic { width: 56%; float: right; } .HomeProduct li .pic img { display: block; width: 100%; } .HomeProduct li .box { width: 44%; float: left; } .HomeProduct li .box .txt { padding: 10% 5%; } .HomeProduct li .box dl { text-align: center; } .HomeProduct li .box dl dd { width: 24%; display: inline-block; text-align: center; } .HomeProduct li .box dl dd .icon { width: 110px; height: 90px; position: relative; display: inline-block; } .HomeProduct li .box dl dd .icon img { position: absolute; left: 0px; top: 0px; width: 100%; } .HomeProduct li .box dl dd .i1 { transition: 400ms; } .HomeProduct li .box dl dd .i2 { -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha (opacity=0); transition: 500ms; } .HomeProduct li .box dl dd:hover .icon .i2 { -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } .HomeProduct li .box dl dd:hover .icon .i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2); } .HomeProduct li .box dl dd .name { display: block; font-size: 18px; line-height: 28px; margin-top: 12px; color: #000; } .HomeProduct li .box dl dd:hover .name { color: #e1021a; } .HomeProduct li:nth-child(2n) .pic { float: left; } .HomeProduct li:nth-child(2n) .box { float: left; } .HomeVideo { position: relative; } .HomeVideo .img { display: block; width: 100%; } .HomeVideo .sign { position: absolute; width: 20%; left: 2%; top: 5%; z-index: 5; } .HomeVideo .video { background: #000; } .HomeVideo .video, .HomeVideo .video video { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 3; } .HomeAbout { background: #fff; } .HomeAbout .pic { width: 50%; float: right;position:relative;padding-top:30%; } .HomeAbout .pic iframe{position:absolute;left:0;top:0;width:100% !important;height:100% !important;} .HomeAbout .pic img { display: block; width: 100%; } .HomeAbout .box { width: 50%; float: left; } .HomeAbout .box .txt { padding: 10% 5%; } .HomeAbout .box .txt dl dd { width: 33.3333%; float: left; text-align: center; color: #444444; } .HomeAbout .box .txt dl dd .num { font-size: 40px; line-height: 94px; } .HomeAbout .box .txt dl dd span { font-family: "DIN Condensed Bold"; font-size: 90px; padding-right: 8px; } .HomeAbout .box .txt dl dd .info { font-size: 18px; line-height: 47px; } .HomeJoin .txt { padding: 15% 5%; color: #fff; } .HomeJoin .txt .title1 { font-size: 50px; line-height: 85px; } .HomeJoin .txt .title2 { font-size: 70px; line-height: 105px; font-family: "微软雅黑"; margin-bottom: 5%; } .HomeJoin .txt .more { position: relative; display: inline-block; width: 180px; line-height: 60px; font-size: 20px; color: #fff; text-align: center; background: #e1021a; font-family: "微软雅黑"; } .HomeJoin .txt .more i { display: none; position: absolute; width: 44px; height: 9px; right: -20px; top: 50%; margin-top: -4px; background: url(../images/more2.png) no-repeat; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; overflow-x: hidden; } .HomeJoin .txt .more:hover i { right: -30px; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; overflow-x: hidden; } .HomeNews { background-image: url(../images/newsbg.png); background-size: cover; } .HomeNews .con { position: relative; } .HomeNews .date { position: absolute; left: 0px; top: 0px; text-align: center; font-family: "GOTHIC"; font-weight: bold; } .HomeNews .date i { position: absolute; width: 59px; height: 39px; left: 50%; margin-left: -28px; top: 45px; background-image: url(../images/line8.png); } .HomeNews .date span { display: block; font-size: 50px; line-height: 54px; padding-bottom: 7px; color: #e1021a; } .HomeNews .date em { display: block; font-size: 16px; line-height: 40px; color: #808080; padding-left: 30px; } .HomeNews .time { font-size: 16px; color: #e1021a; font-family: "GOTHIC"; font-weight: bold; display: none; } .NewsTop { width: 35%; float: left; background: #fff; } .NewsTop .pic img { display: block; width: 100%; height: 305px; } .NewsTop .box { padding: 42px 36px 0px; height: 268px; } .NewsTop .box .date { width: 85px; } .NewsTop .box .txt { margin-left: 120px; } .NewsTop .box .txt .name { font-size: 20px; line-height: 36px; height: 72px; overflow: hidden; color: #000; margin-bottom: 5px; } .NewsTop .box .txt .more { margin-top: 42px; display: block; width: 140px; height: 50px; background-color: #e1021a; background-image: url(../images/more2.png); background-position: center center; background-repeat: no-repeat; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; } .NewsTop .box .txt .more:hover { background-position: 70% center; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; } .HomeNews .list { width: 63%; float: right; } .HomeNews .list li { padding: 55px 50px 55px 0px; background: #fff; margin-bottom: 10px; } .HomeNews .list li:last-child { margin-bottom: 0; } .HomeNews .list li a { display: block; position: relative; } .HomeNews .list li .date { width: 155px; } .HomeNews .list li .txt { margin-left: 155px; line-height: 30px; background: url(../images/line3.png) no-repeat left center; padding-left: 50px; } .HomeNews .list li .txt .name { font-size: 20px; color: #000; margin-bottom: 5px; } .HomeNews .list li .txt .info, .NewsTop .box .txt .info { font-size: 14px; color: #808080; } .HomeNews .list li .txt .name, .HomeNews .list li .txt .info, .NewsTop .box .txt .info { height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .HomeNews .list li .txt .more { display: block; width: 43px; height: 17px; background-image: url(../images/more.png); background-repeat: no-repeat; background-position: center center; margin-top: 38px; opacity: 0.2; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; } .HomeNews .list li:hover .txt .more { opacity: 1; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; margin-left: 15px; } .HomeNews .list li:hover .name { color: #e1021a; } @media ( max-width:1600px) { .HomeNews .list li { padding: 39px 30px 39px 0px; } .HomeTit span { font-size: 25px; line-height: 42px; } .HomeProduct li .box dl dd .icon { width: 80px; height: 65px; } .HomeAbout .box .txt dl dd .num { font-size: 20px; } .HomeAbout .box .txt dl dd span { font-size: 60px; } .HomeAbout .box .txt dl dd .info { font-size: 15px; } .HomeJoin .txt .title1 { font-size: 25px; line-height: 50px; } .HomeJoin .txt .title2 { font-size: 30px; line-height: 50px; margin-bottom: 3%; } } @media ( max-width:1024px) { .HomeProduct li .box dl dd .name { font-size: 16px; margin-top: 0px; } } @media ( max-width:768px) { .HomeProduct li .pic, .HomeProduct li .box, .HomeAbout .pic, .HomeAbout .box { width: 100%; float: none; } .HomeProduct li .box .txt, .HomeAbout .box .txt { padding: 5%; } .HomeAbout .pic {padding-top:100%;} .HomeTit span { font-size: 20px; line-height: 26px; } .HomeTit i { margin-top: 10px; } .HomeProduct li .box dl dd .icon { width: 60px; height: 49px; } .HomeAbout .box .txt dl dd .num { line-height: 60px; } .HomeAbout .box .txt dl dd span { font-size: 48px; } .HomeAbout .box .txt dl dd .info { font-size: 16px; line-height: 28px; } .NewsTop, .HomeNews .list { width: 100%; float: none; } .NewsTop .pic img { height: auto; } .NewsTop .box { padding: 20px; height: auto; } .NewsTop .box .txt .name { font-size: 18px; line-height: 24px; height: 48px; } .NewsTop .box .txt .more { width: 100px; height: 30px; margin-top: 15px; } .HomeNews .list { margin-top: 10px; } .HomeNews .list li { padding: 20px 20px 20px 0px; } .HomeNews .list li .date { width: 110px; } .HomeNews .list li .txt { margin-left: 110px; padding-left: 28px; } .HomeNews .list li .txt .name { font-size: 16px; } .HomeNews .list li .txt .more { margin-top: 20px; } .HomeNews .date span { font-size: 38px; line-height: 40px; } } @media ( max-width:480px) { .Backfixed { background-attachment: scroll; } .HomeAbout .box .txt dl dd .num { font-size: 16px; } .HomeAbout .box .txt dl dd span { font-size: 26px; font-weight: bold; } .HomeAbout .box .txt dl dd .info { font-size: 14px; padding: 0px 5px; } .HomeProduct li .box dl dd .name { font-size: 14px; } .HomeProduct li .box .txt, .HomeAbout .box .txt { padding: 5% 0; } .HomeJoin .txt .title1 { font-size: 20px; } .HomeJoin .txt .title2 { font-size: 24px; } .HomeJoin .txt .more { width: 120px; line-height: 40px; font-size: 16px; } .NewsTop .box .date { width: 54px; } .HomeNews .date span { font-size: 30px; } .NewsTop .box .txt { margin-left: 75px; } .NewsTop .box .txt .name { font-size: 16px; } .HomeNews .list li .date { width: 90px; } .HomeNews .list li .txt { margin-left: 90px; padding-left: 18px; } .HomeNews .list li .txt .more { margin-top: 10px; } .HomeNews .date i { top: 32px; } } /* 走进奥门威奥门威斯人网站 */ .Title01 { text-align: center; } .Title01 span { display: block; font-size: 40px; line-height: 40px; color: #000; } .Title01 p { font-size: 22px; color: #666666; margin-top: 30px; } .Title01 i { display: inline-block; width: 40px; height: 2px; background: #e1021a; margin-top: 25px; } .whitetxt.Title01 span, .whitetxt.Title01 p { color: #fff; } .wedding_site_nav { width: 35px; position: fixed; right: 0px; top: 30%; z-index: 100; } .wedding_site_nav a { display: block; text-align: center; line-height: 20px; background-repeat: no-repeat; font-size: 16px; color: #e1021a; padding: 20px 0px 10px; background-position: center top; background-image: url(../images/arr1.png); } .wedding_site_nav a span { display: none; font-weight: bold; padding: 0px 2px; } .wedding_site_nav a.active { background-image: url(../images/arr2.png); } .wedding_site_nav a.active span { display: block; } .AboutBox { background: #fff; } .AboutBox .box { margin-top: 3%; } .AboutBox .box .con { font-size: 14px; line-height: 28px; color: #4c4c4c; text-align: center; } .AboutBox .box .list { margin-top: 3%; } .AboutBox .box .list dd { width: 50%; float: left; text-align: center; } .AboutBox .box .list dd .dbox { padding: 6% 0; } .AboutBox .box .list dd.i1 .dbox { border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; } .AboutBox .box .list dd.i2 .dbox { border-bottom: 1px solid #d9d9d9; } .AboutBox .box .list dd.i3 .dbox { border-right: 1px solid #d9d9d9; } .AboutBox .box .list dd .num { font-size: 40px; line-height: 76px; height: 76px; color: #e1021a; } .AboutBox .box .list dd span { font-family: "DIN Condensed Bold"; font-size: 80px; padding-right: 8px; } .AboutBox .box .list dd .info { font-size: 18px; line-height: 32px; color: #454545; margin-top: 16px; } .KoteiCar { background: #fafafa; } .KoteiCar .box { background-image: url(../images/carbg.png); padding: 125px 0 0px; background-position: center top; background-repeat: no-repeat; } .KoteiCar .box .pic { text-align: center; } .KoteiCar .box .pic img { display: inline-block; } .KoteiCar .list { margin-top: -52px; text-align: center; display: none; } .KoteiCar .list li { display: inline-block; width: 23%; vertical-align: top; } .KoteiCar .list li .con { padding: 26px 15px 12px; background: #fff; color: #333; box-shadow: 0px 0px 20px #ccc; text-align: center; margin: 0 5%; } .KoteiCar .list li .con .title span { display: block; font-size: 24px; line-height: 53px; font-family: "微软雅黑"; } .KoteiCar .list li .con .title i { display: block; width: 15px; height: 2px; background: #e1021a; margin: 0 auto; animation: j_width .5s linear forwards; } .KoteiCar .list li .con p { margin-top: 10px; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; } .KoteiCar .list li:hover .title i { animation: ad_width .5s linear forwards; height: 2px; } @keyframes j_width { from { width: 100% } to { width: 15px } } /* .KoteiCar .list li:hover .con{background: #fff; color: #333; box-shadow: 0px 0px 20px #ccc;} */ .LeaderBox { background: #000; position: relative; min-height: 730px; } .LeaderBox .pic { width: 45%; position: absolute; left: 0px; bottom: 0; } .LeaderBox .pic img { display: inline-block; } .LeaderBox .Title01 { text-align: left; } .LeaderBox .txt { width: 60%; float: right; position: relative; z-index: 2; } .LeaderBox .txt .list dd { width: 32%; float: left; margin-right: 2%; font-size: 18px; color: #ccc; line-height: 40px; } .LeaderBox .txt .list dd:nth-child(3n) { margin-right: 0; } .LeaderBox .txt .con { margin-top: 69px; padding: 50px 0px; font-size: 14px; line-height: 28px; font-weight: bold; color: #737373; border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .ideaBox { background-image: url(../images/ideabg.jpg); } .ideaBox .list { margin-top: 4%; background: #fff; position: relative; } .ideaBox .list .img { text-align: center; width: 50%; margin: 0 auto; padding: 3% 0; } .ideaBox .list li { position: absolute; } .ideaBox .list li.i1 { left: 2%; top: 5%; width: 33%; } .ideaBox .list li.i2 { left: 2%; bottom: 5%; width: 20%; } .ideaBox .list li.i3 { right: 2%; top: 40%; width: 20%; } .ideaBox .list li .name { display: block; margin-bottom: 3%; width: 174px; line-height: 40px; text-align: center; font-size: 22px; background: #d2151d; color: #fff; } .ideaBox .list li dl { font-size: 18px; color: #231815; line-height: 36px; } .ideaBox .list li dl dt { font-family: "Microsoft YaHei"; } .HonnorMain { background-image: url(../images/honnorbg.jpg); } .DateSlide { background: url(../images/line4.jpg) repeat-x left 83px; margin: 3% 0 5%; } .DateSlide .slides li { height: 85px; font-size: 18px; background-repeat: no-repeat; background-position: center bottom; background-image: url(../images/arr5.png); } .DateSlide .slides li a { display: block; padding: 32px 0px 12px; line-height: 41px; text-align: center; color: #999; } .DateSlide .slides li a span { font-family: "GOTHIC"; font-weight: bold; } .DateSlide .slides li.flex-active-slide { background-image: url(../images/arr6.png); } .DateSlide .slides li.flex-active-slide a { padding: 0px 0px 34px; line-height: 53px; font-size: 36px; color: #000; } .HonCon { position: relative; } .HonCon li .con { background: #fff; } .HonCon li .con .pic { width: 39%; float: left; } .HonCon li .con .txt { width: 53%; float: right; padding: 3% 4%; } .HonCon li .con .txt .date { line-height: 46px; font-size: 24px; color: #e1021a; margin-bottom: 3%; } .HonCon li .con .txt .date span { font-size: 50px; font-family: "GOTHIC"; font-weight: bold; } .HonCon li .con .txt .info { font-size: 16px; color: #4c4c4c; line-height: 24px; height: 128px; border-bottom: 1px solid #e6e6e6; } .HonCon li .con .txt .mCustomScrollbar { height: 90px; overflow: auto; } .HonCon li .con .txtcon i { font-size: 16px; font-weight: bold; margin-right: 5px; color: #e1021a; display: inline-block; } .HonCon .flex-direction-nav a { line-height: 1000px; overflow: hidden; top: auto; left: auto; margin-left: 0; bottom: 65px; width: 50px; height: 50px; background-color: #e5e5e5; background-repeat: no-repeat; background-position: center center; } .HonCon .flex-direction-nav .flex-prev { right: 130px; background-image: url(../images/left.png); } .HonCon .flex-direction-nav .flex-next { right: 60px; background-image: url(../images/right.png); } .HonCon .flex-direction-nav a:hover { background-color: #e1021a; } .BookSlide { margin-top: 4%; } .BookSlide .title { font-size: 32px; line-height: 45px; color: #000; text-align: center; margin-bottom: 3%; } .BookSlide .list { position: relative; padding-bottom: 6%; } .BookSlide .list .slides li a { display: block; margin: 0px 10px; } .BookSlide .list .slides li .pic img { display: block; width: 100%; -webkit-box-reflect: below 0px -webkit-linear-gradient(top, rgba(0, 0, 0, 0)0, rgba(0, 0, 0, 0.2)100%); } .BookSlide .list .slides li .name { display: block; font-size: 18px; line-height: 32px; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; color: #000; margin-top: 40px; } .BookSlide .flex-control-nav { bottom: 0px; } .BookSlide .flex-control-paging li a { width: 16px; height: 16px; box-shadow: none; background-image: url(../images/dot.png); background-repeat: no-repeat; background-position: center top; background-color: rgba(255, 255, 255, 0) } .BookSlide .flex-control-paging li a.flex-active { background-position: center bottom; } @media ( max-width:1600px) { .LeaderBox { min-height: 600px; } .Title01 span, .BookSlide .title { font-size: 25px; } .Title01 i { margin-top: 15px; } .Title01 p { font-size: 18px; margin-top: 15px; } .AboutBox .box .list dd span { font-size: 60px; } .AboutBox .box .list dd .num { font-size: 25px; } .KoteiCar .list li .con .title span { font-size: 20px; } .LeaderBox .txt .list dd { font-size: 16px; } .HonCon li .con .txt .date span { font-size: 30px; } .DateSlide .slides li.flex-active-slide a { font-size: 26px; } } @media ( max-width:1366px) { .ideaBox .list li dl { line-height: 30px; font-size: 16px; } } @media ( max-width:1024px) { .KoteiCar .list { margin-top: 3%; } .wedding_site_nav { width: 16px; } .wedding_site_nav a { width: 100%; padding-right: 0; } .wedding_site_nav a.active span { display: none; } .LeaderBox .pic { position: static; text-align: center; width: 100%; margin-bottom: 4%; transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); } .LeaderBox .txt { width: 100%; float: none; } .LeaderBox .txt .con { margin-top: 4%; padding: 4% 0 0; border-bottom: none; } .ideaBox .list .img { width: auto; padding: 5%; } .ideaBox .list ul { padding: 0 5% 3%; } .ideaBox .list li { position: static; padding-bottom: 3%; } .ideaBox .list li.i1, .ideaBox .list li.i2, .ideaBox .list li.i3 { width: 100%; } .ideaBox .list li .name { width: 120px; font-size: 18px; } .HonCon li .con .txt .info { height: auto; border-bottom: none; } .HonCon .flex-direction-nav a { width: 40px; height: 40px; top: 50%; bottom: auto; margin-top: -20px; } .HonCon .flex-direction-nav .flex-prev { left: 0px; right: auto; } .HonCon .flex-direction-nav .flex-next { right: 0px; } } @media ( max-width:768px) { .Title01 span, .BookSlide .title { font-size: 18px; } .Title01 span { line-height: 20px; } .Title01 p { font-size: 16px; } .AboutBox .box .list dd span { font-size: 40px; } .AboutBox .box .list dd .num { font-size: 18px; } .AboutBox .box .list dd .info { font-size: 16px; margin-top: 0; } .KoteiCar .list li { width: 24%; } .KoteiCar .list li .con { padding: 10px; margin: 0; } .KoteiCar .list li .con .title span { font-size: 16px; line-height: 40px; } .LeaderBox .txt .list dd { font-size: 14px; } .HonCon li .con .txt .info { font-size: 14px; } .BookSlide .list .slides li .name { font-size: 14px; margin-top: 15px; } .DateSlide .slides li { font-size: 16px; } .DateSlide .slides li.flex-active-slide a { font-size: 20px; } .HonCon li .con .txt .date { font-size: 18px; } .HonCon li .con .txt .date span { font-size: 24px; } } @media ( max-width:480px) { .AboutBox .box .list dd .info { font-size: 14px; } .KoteiCar .list li { width: 49%; margin-bottom: 5px; } .LeaderBox .txt .list dd { width: 48%; } .LeaderBox .txt .list dd:nth-child(2n) { float: right; margin-right: 0; } .HonCon li .con .pic { width: 100%; float: none; } .HonCon li .con .txt { width: auto; float: none; padding: 6% 4%; } } /* 智能网联汽车 */ .whitebg { background: #fff; } .CarAbout .con { font-size: 22px; line-height: 42px; color: #666666; margin: 3% 0 0; text-align: center; } .CarAbout .list { text-align: center; margin-top: 5%; } .CarAbout .list dd { display: inline-block; width: 17%; margin: 0 1%; background: #e1021a; padding: 15px 0px; } .CarAbout .list dd a { display: block; } .CarAbout .list dd .icon { display: inline-block; position: relative; width: 105px; height: 85px; } .CarAbout .list dd .icon img { position: absolute; left: 0px; top: 0px; width: 100%; } .CarAbout .list dd .icon .i1 { transition: 400ms; } .CarAbout .list dd .icon .i2 { -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha (opacity=0); transition: 500ms; } .CarAbout .list dd:hover .icon .i2 { -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } .CarAbout .list dd:hover .icon .i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2); } .CarAbout .list dd .name { display: block; line-height: 36px; font-size: 18px; color: #fff; } .CarAbout .list dd:hover { background: #fff; box-shadow: 0px 0px 20px #ccc; } .CarAbout .list dd:hover .name { color: #e1021a; } .AdvantageBox { background-image: url(../images/advbg1.jpg); background-position: center bottom; } .Advantage { background-image: url(../images/advbg2.jpg); background-size: auto; background-position: center top; } .Advantage .list { margin-top: 4%; } .Advantage .list li { float: left; width: 22%; margin: 0 4% 0 0; background: #fff; text-align: center; position: relative; } .Advantage .list li:nth-child(4n) { margin-right: 0; } .Advantage .list li .line { position: absolute; width: 100%; height: 2px; background: #e1021a; left: 50%; top: 0px; transform: translate(-50%); } .Advantage .list li .con { padding: 50px 10px; } .Advantage .list li .title { margin-top: 6%; } .Advantage .list li .title span { display: block; font-size: 24px; line-height: 43px; color: #000; } .Advantage .list li .title p { font-size: 16px; color: #4c4c4c; line-height: 35px; } .Advantage .list li:hover .title span { color: #e1021a; } .Advantage .list li:hover .line { animation: ad_width .5s linear forwards; height: 2px; } @keyframes ad_width { from { width: 0 } to { width: 100% } } .EcologyBox { background-image: url(../images/ecologybg.jpg); } .EcologyBox .box { padding: 10% 5%; } .EcologyBox .box .con { color: #fff; } .LinkMain { padding: 10% 0 5%; } .LinkMain .lines { border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; background: url(../images/line3.png) repeat-y center top; position: relative; } .LinkMain .box { width: 40%; padding: 0 5% 60px; float: left; position: relative; } .LinkMain .box .title { text-align: center; background: #fff; width: 260px; margin: -68px auto 65px; } .LinkMain .box .title .num { line-height: 94px; font-size: 90px; color: #e1021a; font-family: "DIN Condensed Bold"; } .LinkMain .box .title p { font-size: 18px; line-height: 47px; color: #444444; } .LinkSlider dl { border-left: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; } .LinkSlider dl dd { width: 20%; float: left; } .LinkSlider dl dd a { display: block; border-bottom: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; } .LinkSlider li:hover .effect-img img { opacity: 1; -webkit-transform: scale3d(1, 1.1, 1); transform: scale3d(1, 1, 1); } .LinkSlider dd:hover .effect-img img { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } .LinkSlider .flex-direction-nav { position: absolute; width: 260px; background: #fff; bottom: -29px; left: 50%; text-align: center; margin-left: -130px; } .LinkSlider .flex-direction-nav li { display: inline-block; } .LinkSlider .flex-direction-nav a { line-height: 1000px; overflow: hidden; position: static; display: block; margin: 0 1px; width: 90px; height: 60px; background-color: #e5e5e5; background-repeat: no-repeat; background-position: center center; } .LinkSlider .flex-direction-nav .flex-prev { background-image: url(../images/left.png); } .LinkSlider .flex-direction-nav .flex-next { background-image: url(../images/right.png); } .LinkSlider .flex-direction-nav a:hover { background-color: #e1021a; } .LinkSlider .effect-img img { height: 64px; } @media ( max-width:1440px) { .CarAbout .con { font-size: 18px; } .CarAbout .list dd .icon { width: 80px; height: 65px; } .Advantage .list li { width: 23.5%; margin-right: 2%; } .Advantage .list li .title span { font-size: 18px; } .Advantage .list li .title p { font-size: 14px; } .LinkMain .box .title .num { font-size: 60px; line-height: 70px; } } @media ( max-width:768px) { .CarAbout .con { font-size: 16px; line-height: 28px; } .CarAbout .list dd .name { font-size: 16px; line-height: 26px; } .Advantage .list li { width: 48%; margin-bottom: 10px; } .Advantage .list li:nth-child(2n) { float: right; margin-right: 0; } } @media ( max-width:640px) { .CarAbout .list dd .icon { width: 55px; height: 45px; } .Advantage .list li .con .icon { width: 80px; } .LinkMain .box { width: auto; float: none; } .LinkMain .box .title { margin-top: -35px; } .LinkMain .box .title .num { font-size: 40px; line-height: 45px; } .LinkMain .box:nth-child(2) .title .num { padding-top: 15px; } .LinkMain .box:nth-child(2n) .title { margin-top: 60px; } .LinkSlider .flex-direction-nav { width: 140px; margin-left: -70px; } .LinkSlider .flex-direction-nav a { width: 40px; height: 40px; } } @media ( max-width:480px) { .CarAbout .list dd { width: 49%; margin: 0.5% 0; } .Advantage { background-size: 100% auto; } .Advantage .list li { width: 49%; } .Advantage .list li .con { padding: 30px 10px 20px; } .LinkMain { padding: 15% 0; } .LinkMain .box .title .num { font-weight: bold; } } /* 智能座舱 */ .CarList { margin: 3% 0; } .CarList li { background: #fff; margin: 2% 0; } .CarList li .Title01 { text-align: left; } .CarList li .Title01 span { font-size: 36px; } .CarList li .effect { width: 54%; float: left; position: relative; } .CarList li .effect .img { display: block; width: 100%; } .CarList li .video { background: #000; } .CarList li .video, .CarList li .video video { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 3; } .CarList li .box { width: 46%; float: left; } .CarList li .box .txt { padding: 10% 8% 5%; } .CarList li .box .txt .icon { display: none; width: 55px; margin-bottom: 4%; } .CarList li .box .txt .info { font-size: 18px; line-height: 38px; color: #666666; margin: 5% 0; } .CarList li .box .txt .info i { padding: 0 3%; display: inline-block; } .CarList li .ins { margin-top: 5%; } .CarList li .ins dd { padding-left: 20px; background-image: url(../images/arr7.png); background-repeat: no-repeat; background-position: left 18px; font-size: 20px; color: #000000; line-height: 38px; } .CarList li .ins dd p { font-size: 16px; color: #666; } .CarList li .ins.w2 dd { width: 40%; float: left; } .CarList li:nth-child(2n) .effect { float: right; } .CarList li:hover .icon img { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .CarList li dd:hover .icon img { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } @media ( max-width:1440px) { .CarList li .Title01 span { font-size: 24px; line-height: 30px; } .CarList li .box .txt .info { font-size: 16px; line-height: 28px; } .CarList li .ins dd { font-size: 16px; line-height: 28px; background-position: left 12px; } .CarList li .ins dd p { font-size: 14px; } } @media ( max-width:1024px) { .CarList li .effect, .CarList li:nth-child(2n) .effect, .CarList li .box { width: 100%; float: none; } .CarList li .box .txt { padding: 5%; } .CarList li .box .txt .info { margin: 3% 0; } } @media ( max-width:768px) { .CarList li .box .txt .icon { margin: 0 auto; } .CarList li .Title01 { text-align: center; } .CarList li .Title01 span { font-size: 16px; line-height: 20px; } .CarList li .box .txt .info, .CarList li .ins dd { font-size: 14px; } } @media ( max-width:480px) { .CarList li .box .txt .icon { width: 40px; } .CarList li .effect { overflow-y: visible; } .CarList li .ins.w2 dd { width: 100%; } } /*探索奥门威奥门威斯人网站*/ .tsbtn { display: block; width: 170px; height: 56px; background: #e6e6e6; font-family: 'SourceHanSansCN-Regula'; font-size: 16px; color: #000; line-height: 56px; text-align: center; } .tsbtn i { padding-left: 15px; } .tsbtn:hover { background: #e1021a; color: #fff; } @media ( max-width:1199px) { .tsbtn { width: 150px; height: 40px; line-height: 40px; font-size: 16px; } } .Over { background: #fff; padding-top: 3%; } .Over .tsbox { width: 100%; height: auto; margin-top: 3%; } .Over .tsbox .tslist { text-align: center; position: relative; background-size: cover; background-repeat: no-repeat; } .Over .tsbox .tslist .slides li { padding: 50px 0px 120px; background-size: cover; } .Over .tsbox .tslist .peo { border-radius: 50%; text-align: center; } .Over .tsbox .tslist .peo img { border-radius: 50%; } .Over .tsbox .tslist .name { font-size: 28px; color: #fff; font-family: "微软雅黑"; margin: 25px 0; } .Over .tsbox .tslist .ts1 { font-size: 16px; color: #fff; } .Over .tsbox .tslist .ts2 { font-size: 18px; color: #fff; line-height: 38px; margin-top: 55px; } .tslist .flex-control-nav { bottom: 5%; } .tslist .flex-control-paging li a { width: 16px; height: 16px; box-shadow: none; background: url(../images/dot2.png); background-repeat: no-repeat; background-position: center center; background-color: rgba(255, 255, 255, 0) } .tslist .flex-control-paging li a.flex-active { background: url(../images/dot3.png) center center no-repeat; } .tslist .flex-direction-nav a { width: 50px; height: 50px; text-indent: 99999px; } .tslist .flex-direction-nav .flex-disabled { opacity: 1!important; z-index: 1 } .tslist .flex-direction-nav .flex-prev { background: url(../images/jtfl.png) center center no-repeat; background-size: 100% 100%; left: 0px; } .tslist .flex-direction-nav .flex-next { background: url(../images/jtrh.png) center center no-repeat; background-size: 100% 100%; right: 0px; } .tslist .flex-direction-nav a:before { display: none; } .tslist .flex-direction-nav .flex-prev:hover { background: url(../images/jtfl1.png) center center no-repeat; background-size: 100% 100%; } .tslist .flex-direction-nav .flex-next:hover { background: url(../images/jtrh1.png) center center no-repeat; background-size: 100% 100%; } .info1 { font-size: 24px; color: #666; text-align: center; margin-top: 40px; } .whbox .hd { width: 890px; height: 310px; position: relative; margin: 3% auto; background-image: url(../images/wline.png); } .whbox .hd li { width: 110px; height: 110px; position: absolute; background-image: url(../images/maskbg.png); background-repeat: no-repeat; background-size: cover; } .whbox .hd li a { display: block; padding: 12px 0px 18px; text-align: center; } .whbox .hd li .icon { width: 46px; height: 46px; position: relative; margin: 0 auto; } .whbox .hd li .icon img { position: absolute; width: 100%; left: 0px; top: 0px; } .whbox .hd li .icon .i1 { transition: 400ms; } .whbox .hd li .icon .i2 { -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha (opacity=0); transition: 500ms; } .whbox .hd li.on { background-image: url(../images/maskon.png); } .whbox .hd li.on .icon .i2 { -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } .whbox .hd li.on .icon .i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2); } .whbox .hd li .name { display: block; font-size: 14px; line-height: 34px; color: #000; } .whbox .hd li.on .name { color: #fff; } .whbox .hd li.w1, .whbox .hd li.w4 { left: 0px; } .whbox .hd li.w2, .whbox .hd li.w5 { left: 130px; } .whbox .hd li.w3, .whbox .hd li.w6 { left: 260px; } .whbox .hd li.w7 { left: 390px; top: 100px; } .whbox .hd li.w10, .whbox .hd li.w13 { right: 0px; } .whbox .hd li.w9, .whbox .hd li.w12 { right: 130px; } .whbox .hd li.w8, .whbox .hd li.w11 { right: 260px; } .whbox .hd li.w1, .whbox .hd li.w2, .whbox .hd li.w9, .whbox .hd li.w10 { top: 0px; } .whbox .hd li.w4, .whbox .hd li.w5, .whbox .hd li.w12, .whbox .hd li.w13 { bottom: 0px; } .whbox .hd li.w3, .whbox .hd li.w8 { top: 30px; } .whbox .hd li.w6, .whbox .hd li.w11 { bottom: 30px; } .whbox .bd { text-align: center; } .whbox .bd .txt { font-size: 20px; line-height: 38px; color: #666; margin-bottom: 3%; } @media (max-width: 1199px) { .Over .tsbox .tslist .slides li { padding: 40px 0px 100px; } .info1 { margin-top: 14px; font-size: 18px; } .whbox .bd .txt { font-size: 16px; line-height: 28px; } } @media (max-width: 998px) { .Over .tsbox .tslist .ts1 { font-size: 14px; } .Over .tsbox .tslist .ts2 { font-size: 16px; margin-top: 30px; line-height: 24px; } .Over .tsbox .tslist .name { font-size: 22px; margin: 15px 0; } .whbox .hd { background: none; text-align: center; width: 100%; height: auto; } .whbox .hd li { position: static; display: inline-block; margin: 0 1.5% 2%; width: 95px; height: 95px; } .whbox .hd li a { padding: 20px 0px; } .whbox .hd li .icon { width: 30px; height: 30px; } .whbox .hd li .name { font-size: 12px; line-height: 24px; } } @media (max-width:640px) { .Over { padding-top: 6%; } .Over .tsbox .tslist .ts2 { font-size: 14px; } } /* 20220413 */ .TopNav { float: right; } .TopNav ul li { display: inline-block; margin: 0 10px; font-size: 15px; line-height: 40px; } .TopNav ul li a { color: #fff; } .Header .w1600 { padding: 0 3%; } @media(max-width:1620px){ .TopNav ul li{margin:0 15px;} .Search{width:150px;} } @media(max-width:1500px) { .TopNav ul li { margin: 0 12px; } } @media(max-width:1440px){ .header_menu{left:180px;} .gp{left:225px !important;} } @media(max-width:1366px) { .TopNav ul li { margin: 0 6px; } .Header .w1600{padding:0 2%;} .Search{width:120px;} } @media(max-width:1240px){ .TopNav { display: none; } .Header .w1600 { padding: 0 3%; } } @media(max-width:1024px) { } @media(max-width:640px){ .gp{left:110px !important;} .header_menu{left:auto;} } /* 22-05-07 */ .SixCoreBox { background: url(../uploadfiles/image/sw_bg.jpg) top center no-repeat; } .SixCoreBox .Title01 p { font-size: 22px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #ffffff; margin-top: 26px; } .SixCore { padding: 5% 0; } .SixCore .list { margin-left: -1.33%; padding-top: 2%; } .SixCore .list li { width: 32%; margin-left: 1.33%; float: left; background: #fff; padding: 2%; box-sizing: border-box; margin-bottom: 1.33%; } .SixCore .list li a { display: block; } .SixCore .list li .icon { position: relative; width: 110px; height: 110px; background-color: #ffffff; border: solid 1px #e5e5e5; border-radius: 50%; margin: 0 auto; } .SixCore .list li .icon img { position: absolute; left: 0px; top: 0px; width: 100%; } .SixCore .list li .icon .i1 { transition: 400ms; } .SixCore .list li .icon .i2 { -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha (opacity=0); transition: 500ms; } .SixCore .list li:hover .icon { background-color: #e1021a; } .SixCore .list li:hover .icon .i2 { -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } .SixCore .list li:hover .icon .i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2); } .SixCore .list li .txtbox { text-align: center; } .SixCore .list li .txtbox .tit { font-size: 24px; font-weight: normal; font-stretch: normal; line-height: 40px; letter-spacing: 0px; color: #000000; } .SixCore .list li .txtbox .txt { font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 26px; letter-spacing: 0px; color: #4d4d4d; height: 52px; } @keyframes UP { 0% { background-position-y: 100%; opacity: 0.2; } 100% { background-position-y: 0; opacity: 1; } } .SixCore .slogen {} .SixCore .slogen ul { position: relative; overflow: hidden; } .SixCore .slogen ul li { width: 33.33%; float: left; height: 80px; background: url(../images/arr.png) bottom center no-repeat; -webkit-animation: UP 1s ease-out; -moz-animation: UP 1s ease-out; animation: UP 1s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; } .SixCore .slogen ul li:nth-child(1) {} .SixCore .slogen .txt { height: 80px; background-color: #e1021a; width: 100%; text-align: center; font-size: 30px; font-weight: normal; font-stretch: normal; line-height: 80px; letter-spacing: 2.4px; color: #ffffff; } @media(max-width:480px) { .SixCore .list li { width: 48%; } .SixCore .list li .icon { width: 80px; height: 80px; } .SixCore .list li .txtbox .tit { font-size: 16px; line-height: 30px; } .SixCore .list li .txtbox .txt { font-size: 14px; height: 84px; } .SixCore .slogen ul li { width: 50%; } .SixCore .slogen ul li:nth-child(1) { display: none; } .SixCore .slogen .txt { height: 60px; font-size: 20px; line-height: 60px; } } .WorkSceneBox { background: #fff url(../images/sw_bg2.jpg) bottom center no-repeat; } .WorkSceneBox .SceneBox { width: 96%; margin: 0 auto; max-width: 1820px; min-width: 320px; } .SceneBox {} .SceneList { margin-left: -2%; overflow: hidden; margin-top: 3%; } .SceneList li { width: 25%; margin-left: 0.5%; float: left; margin-bottom: 20px; } .SceneList li .imgbox { width: 100%; overflow: hidden; position: relative; padding-top: 71%; } .SceneList li .imgbox span { background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .SceneList li .tit { margin-top: 5%; font-size: 22px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #333333; text-align: center; } .SceneList .slick-arrow { width: 50px; height: 50px; border-radius: 0; margin-top: -54px; border: none; } .SceneList .slick-prev { left: 2%; background: url(../images/a_l.png) center no-repeat; } .SceneList .slick-next { right: 0; background: url(../images/a_r.png) center no-repeat; } .SceneList .slick-prev:hover { background: url(../images/a_l1.png) center no-repeat; } .SceneList .slick-next:hover { background: url(../images/a_r1.png) center no-repeat; } @media(max-width:480px) { .SceneList li .tit { font-size: 16px; } } .LightHouseBox { position: relative; } .LightHouseBox .Title01 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 99; } .LightHouseBox .lightBg {} .LightHouseBox .lightBg .imgbox { width: 100%; overflow: hidden; position: relative; padding-top: 26.3%; } .LightHouseBox .lightBg .imgbox span { background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } @media(max-width:480px) { .LightHouseBox .lightBg .imgbox { padding-top: 50%; } } .NewsSpecial {} .NewsSpecial .NewsList { margin-top: 3%; } .NewsSpecial .NewsList ul { margin-left: -0.5%; } .NewsSpecial .NewsList ul li { width: 23%; margin: 0 0 1% 0.5%; float: left; background: #fff; box-sizing: border-box; } .NewsSpecial .NewsList ul li .date { width: auto; } .NewsSpecial .NewsList ul li .date i { position: absolute; width: 40px; height: 39px; left: 50%; margin-left: -18px; top: 20px; } .NewsSpecial .NewsList ul li .date em { line-height: 14px; } .NewsSpecial .NewsList ul li .date span { font-size: 36px; font-weight: normal; font-stretch: normal; line-height: 40px; letter-spacing: 0px; color: #e1021a; } .NewsSpecial .NewsList ul li .txt { padding-left: 80px; } .NewsSpecial .NewsList ul li .txt .name { font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 30px; height: 60px; letter-spacing: 0px; color: #000000; } .NewsSpecial .NewsList ul li .txt .info { font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 24px; height: 48px; letter-spacing: 0px; color: #808080; margin: 10px 0; } .NewsSpecial .NewsList ul li .pic img { height: 230px; } .NewsSpecial .NewsList ul.slick-dots { display: flex; justify-content: center; margin-left: 1%; } .NewsSpecial .NewsList ul.slick-dots li { width: 16px; height: 16px; background: none; display: flex; justify-content: center; align-items: center; margin-bottom: 0; } .NewsSpecial .NewsList ul.slick-dots li button { width: 7px; height: 7px; background-color: #cccccc; } .NewsSpecial .NewsList ul.slick-dots li.slick-active button { width: 16px; height: 16px; background: url(../images/dot3.png) center center no-repeat; } @media(max-width:488px) { .NewsSpecial .NewsList ul li, .NewsSpecial .NewsList ul li:nth-child(2n) { float: left; margin: 0; } .NewsSpecial .NewsList ul { padding-bottom: 20px; } .NewsSpecial .NewsList ul.slick-dots { margin-left: 0; } .NewsSpecial .NewsList ul li .date { display: block; } } /* 22-05-09 */ .AnnCon1 { background: #fff8e2 url(../uploadfiles/image/bir_bg1.jpg) top center no-repeat; } .AnnTitle { padding-bottom: 6%; } .AnnCon1 .VideoBox { padding: 5.8%; background-color: #f7f0cb; } .AnnCon1 .VideoBox .ClassVideo { width: 100%; position: relative; } .AnnCon1 .VideoBox .ClassVideo:before { content: ''; width: 38px; height: 38px; position: absolute; top: -23px; left: -23px; background: url(../images/ann_before.png) center no-repeat; } .AnnCon1 .VideoBox .ClassVideo:after { content: ''; width: 38px; height: 38px; position: absolute; right: -23px; bottom: -23px; background: url(../images/ann_after.png) center no-repeat; } .AnnCon1 .VideoBox .ClassVideo .pc { position: relative; z-index: 99; } .AnnCon1 .VideoBox .ClassVideo .imgbox img { vertical-align: middle; } .AnnCon1 .VideoBox .ClassVideo .videoView { position: absolute; left: 0; top: 0; width: 100%; display: none; z-index: 4; } .AnnCon1 .VideoBox .ClassVideo .videoView video { display: block; width: 100%; object-fit: cover; } .AnnCon1 .VideoBox .ClassVideo .btns { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 9; background: url(../images/play1.png) center no-repeat; } @media(max-width:488px) {} .AnnCon2 { background: url(../uploadfiles/image/bir_bg2.jpg) top center no-repeat; } .AnnCon2 .CongrList { padding: 2% 0; } .AnnCon2 .CongrList .slick-list { overflow: visible; } .AnnCon2 .CongrList li { transform: scale(0.71); transition: all 0.3s linear; opacity: 0.2; position: relative; border: solid 1px rgba(0, 0, 0, 0); box-sizing: border-box; } .AnnCon2 .CongrList li .txtbox { position: absolute; left: 5%; bottom: 5%; width: 80%; line-height: 30px; font-size: 14px; color: #fff; } .AnnCon2 .CongrList li.slick-active { opacity: 1; } .AnnCon2 .CongrList li.slick-center { opacity: 1; transform: scale(1.12); border: solid 1px #f7f0cb; box-shadow: 25px 43.3px 20px 0px rgba(0, 0, 0, 0.2); } .AnnCon2 .CongrList li .imgbox { width: 100%; overflow: hidden; position: relative; padding-top: 147%; } .AnnCon2 .CongrList li .imgbox span { background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .CongrList .slick-arrow { width: 50px; height: 50px; border-radius: 0; margin-top: -54px; border: none; } .CongrList .slick-prev { left: 2%; background: url(../images/a_l.png) center no-repeat; } .CongrList .slick-next { right: 2%; background: url(../images/a_r.png) center no-repeat; } .CongrList .slick-prev:hover { background: url(../images/a_l1.png) center no-repeat; } .CongrList .slick-next:hover { background: url(../images/a_r1.png) center no-repeat; } @media(max-width:488px) { .AnnCon2 .CongrList li { transform: scale(1); } .AnnCon2 .CongrList li.slick-center { transform: scale(1); } } .AnnCon3 { background-color: #fff8e2; } .w1230 { max-width: 1230px; width: 96%; min-width: 320px; margin: 0 auto; } .ReportList {} .ReportList li { padding: 40px; margin: 0 15px; background: #f7f0cb url(../images/yh.png) top left no-repeat; background-position-x: 20px; background-position-y: 10px; } .ReportList li .imgbox { width: 100%; overflow: hidden; position: relative; padding-top: 60%; } .ReportList li .imgbox span { background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .ReportList li .txtbox {} .ReportList li .txtbox .tit { font-size: 16px; font-weight: bold; font-stretch: normal; line-height: 30px; height: 60px; letter-spacing: 0px; color: #333333; margin: 5% 0; } .ReportList li .txtbox .txt { font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 26px; letter-spacing: 0px; color: #666666; height: 78px; } .ReportList li .txtbox .more { display: block; width: 44px; height: 9px; background-image: url(../images/more.png); margin-top: 5%; } .ReportList li:hover { background-color: #7d0000; } .ReportList li:hover .txtbox .tit { color: #fff; } .ReportList li:hover .txtbox .txt { color: #fff; } .ReportList li:hover .txtbox .more { background-image: url(../images/more2.png); } .ReportList .slick-arrow { width: 50px; height: 50px; border-radius: 0; margin-top: -54px; border: none; } .ReportList .slick-prev { left: -8%; background: url(../images/a_l.png) center no-repeat; } .ReportList .slick-next { right: -8%; background: url(../images/a_r.png) center no-repeat; } .ReportList .slick-prev:hover { background: url(../images/a_l1.png) center no-repeat; } .ReportList .slick-next:hover { background: url(../images/a_r1.png) center no-repeat; } @media(max-width:488px) {} .AnnCon4 { background: #860000 url(../uploadfiles/image/bir_bg3.jpg) bottom center no-repeat; background-size: cover; } .AnnCon4 .w1350 { max-width: 1350px; min-width: 320px; margin: 0 auto; width: 96%; } .HisList {} .HisList .slider { /*background:url(../images/curcil_line.png) center no-repeat; background-size: 100%;*/ height: 477px; } .HisList .slick-track { background: url(../images/line_bg0.png) 0 center repeat-x; height: 477px; } .HisList .item { position: relative; height: auto; } .HisList .item:nth-child(13n+1) { top: 40.5%; } .HisList .item:nth-child(13n+2) { top: 62%; } .HisList .item:nth-child(13n+3) { top: 18.3%; } .HisList .item:nth-child(13n+4) { top: 38.5%; } .HisList .item:nth-child(13n+5) { top: 4.5%; } .HisList .item:nth-child(13n+6) { top: 32.8%; } .HisList .item:nth-child(13n+7) { top: 23%; } .HisList .item:nth-child(13n+8) { top: 35.5%; } .HisList .item:nth-child(13n+9) { top: 57%; } .HisList .item:nth-child(13n+10) { top: 48%; } .HisList .item:nth-child(13n+11) { top: 22.8%; } .HisList .item:nth-child(13n+12) { top: 30.5%; } .HisList .item:nth-child(13n+13) { top: 11.5%; } /*.HisList .item:nth-child(5n+1):after{content:"";position:absolute;left:0;top:-113%;width:100%;height:289px;background:url(../images/linebg1.png) center bottom no-repeat;background-size:contain;} .HisList .item:nth-child(2):after{content:"";position:absolute;left:0;top:-173% !important;width:100%;height:289px;background:url(../images/linebg2.png) center top no-repeat;background-size:contain;} .HisList .item:nth-child(5n+2):after{content:"";position:absolute;left:0;top:-145.5%;width:100%;height:289px;background:url(../images/linebg2.png) center top no-repeat;background-size:contain;} .HisList .item:nth-child(5n+3):after{content:"";position:absolute;left:0;top:-26%;width:100%;height:289px;background:url(../images/linebg3.png) center top no-repeat;background-size:contain;} .HisList .item:nth-child(5n+4):after{content:"";position:absolute;left:0;top:-74%;width:100%;height:289px;background:url(../images/linebg4.png) center top no-repeat;background-size:contain;} .HisList .item:nth-child(5n+5):after{content:"";position:absolute;left:0;top:90%;width:108%;height:289px;background:url(../images/linebg5.png) center top no-repeat;background-size:contain;}*/ .HisList .item:nth-child(5n+1):before, .HisList .item:nth-child(5n+3):before, .HisList .item:nth-child(5n+5):before { content: ''; width: 7px; height: 76px; background: url(../images/ico_line_top.png) center no-repeat; position: absolute; left: 17px; top: 15px; } .HisList .item:nth-child(5n+2):before, .HisList .item:nth-child(5n+4):before { content: ''; width: 7px; height: 76px; background: url(../images/ico_line_bott.png) center no-repeat; position: absolute; left: 17px; top: 15px; } .HisList .item .icon { position: relative; width: 40px; height: 40px; z-index: 1; border-radius: 50%; float: left; } .HisList .item:nth-child(5n+1) .icon { margin-top: 30%; } .HisList .item:nth-child(5n+3) .icon { margin-top: 30%; } .HisList .item:nth-child(5n+5) .icon { margin-top: 30%; } .HisList .item:nth-child(5n+2) .txtbox { margin-top: 23%; } .HisList .item:nth-child(5n+4) .txtbox { margin-top: 23%; } .HisList .item .icon img { position: absolute; left: 0px; top: 0px; width: 100%; } .HisList .item .icon .i1 { transition: 400ms; } .HisList .item .icon .i2 { -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha (opacity=0); transition: 500ms; } .HisList .item:hover .icon {} .HisList .item:hover .icon .i2 { -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } .HisList .item:hover .icon .i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2); } .HisList .item .txtbox { padding: 10px; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; color: #f7f0cb; float: left; width: 70%; position: relative; z-index: 1; } .HisList .item .txtbox:after { content: ''; width: 6px; height: 13px; background: url(../images/arr_left.png) center no-repeat; position: absolute; left: -6px; top: 15px; display: none; } .HisList .item:hover .txtbox:after { display: block; } .HisList .item .txtbox .date { font-size: 24px; font-weight: bold; font-stretch: normal; line-height: 26px; } .HisList .item .txtbox .txt { font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 26px; } .HisList .item:hover .txtbox { background-color: #f7f0cb; color: #760000; } .HisList .slick-arrow { width: 50px; height: 50px; border-radius: 0; margin-top: -54px; border: none; } .HisList .slick-prev { left: -4%; background: url(../images/a_l.png) center no-repeat; } .HisList .slick-next { right: -4%; background: url(../images/a_r.png) center no-repeat; } .HisList .slick-prev:hover { background: url(../images/a_l1.png) center no-repeat; } .HisList .slick-next:hover { background: url(../images/a_r1.png) center no-repeat; } @media(max-width:1440px) { .HisList .slick-prev { left: 0; } .HisList .slick-next { right: 0; } .HisList .item:nth-child(5n+1):after { top: -117%; } .HisList .item:nth-child(2):after { top: -171% !important; } .HisList .item:nth-child(5n+4):after { top: -73%; } .HisList .item:nth-child(5n+5):after { top: 89%; } } @media(max-width:1366px) { .HisList .item:nth-child(5n+1):after { top: -121%; } .HisList .item:nth-child(2):after { top: -169% !important; } .HisList .item:nth-child(5n+4):after { top: -72%; } .HisList .item:nth-child(5n+5):after { top: 88%; } } @media(max-width:1024px) { .HisList .slider { height: auto; } .HisList .slick-track { height: auto; background: none; } .HisList .item:nth-child(5n+1) { margin-top: 0; } .HisList .item:nth-child(5n+1):after { background: none; } .HisList .item:nth-child(5n+2) { margin-top: 0; } .HisList .item:nth-child(5n+2):after { background: none; } .HisList .item:nth-child(2):after { background: none; } .HisList .item:nth-child(5n+3) { margin-top: 0; } .HisList .item:nth-child(5n+3):after { background: none; } .HisList .item:nth-child(5n+4) { margin-top: 0; } .HisList .item:nth-child(5n+4):after { background: none; } .HisList .item:nth-child(5n+5) { margin-top: 0; } .HisList .item:nth-child(5n+5):after { background: none; } .HisList .item .icon, .HisList .item .txtbox { margin-top: 0 !important; } .HisList .item .txtbox { padding: 0 20px; } .HisList .slick-arrow { top: 100%; } .HisList .item .txtbox .date { font-size: 20px; } .HisList .item .txtbox .txt { font-size: 14px; } } .ulmar { margin-top: 98px; } @media(max-width:768px) { .ulmar { margin-top: 0; } } /* 22-7-25 */ .Scale-img { zoom: 1; overflow: hidden; } .Scale-img img, .Scale-img span { opacity: 1; -webkit-transition: opacity 0.6s, -webkit-transform 0.6s; transition: opacity 0.6s, transform 0.6s; } .Scale-img:hover img, .Scale-img:hover span { opacity: 1; -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); top: 0px; left: 0px; } .SituPro { background-color: #f0f0f0; } .splist {} .splist ul { margin-left: -1.33%; overflow: hidden; } .splist ul li { width: 32%; margin-left: 1.33%; float: left; } .splist ul li .txtbox { background-color: #ffffff; padding: 5%; text-align: center; } .splist ul li .txtbox .tit { font-size: 24px; font-weight: normal; font-stretch: normal; line-height: 40px; letter-spacing: 0px; color: #000000; } .splist ul li .txtbox .txt { font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 26px; letter-spacing: 0px; color: #666666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; } .splist ul li .imgbox { padding-top: 53%; width: 100%; overflow: hidden; position: relative; } .splist ul li .imgbox span { background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .Ksolution { padding: 8% 0 15%; } .Ksolution .con { font-family: MicrosoftYaHeiLight; font-size: 22px; font-weight: normal; font-stretch: normal; line-height: 45px; letter-spacing: 2px; color: #ffffff; margin-top: 8%; } .ascenlist .slick-arrow { width: 50px; height: 50px; border-radius: 0; margin-top: -25px; border: none; } .ascenlist .slick-prev { left: -5%; background: url(../images/a_l.png) center no-repeat; } .ascenlist .slick-next { right: -5%; background: url(../images/a_r.png) center no-repeat; } .ascenlist .slick-prev:hover { background: url(../images/a_l1.png) center no-repeat; } .ascenlist .slick-next:hover { background: url(../images/a_r1.png) center no-repeat; } .ascenlist ul { margin-top: 30px; } .ascenlist ul li { overflow: hidden; position: relative; } .ascenlist ul li .imgbox { width: 57%; padding-top: 35.5%; overflow: hidden; position: relative; } .ascenlist ul li .imgbox span { background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .ascenlist ul li .txtbox { width: 50%; padding: 5%; box-sizing: border-box; position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 10; background-color: #fff; font-size: 20px; font-weight: normal; font-stretch: normal; line-height: 35px; letter-spacing: 2px; color: #333333; } .ascenlist ul li .txtbox p { margin-bottom: 20px; } @media(max-width:1024px) { .splist ul li .txtbox .tit { font-size: 20px; line-height: 30px; } .ascenlist .slick-prev { left: 0; } .ascenlist .slick-next { right: 0; } .Ksolution .con { font-size: 18px; line-height: 36px; } .ascenlist ul li .txtbox { line-height: 28px; font-size: 16px; padding: 3%; } .ascenlist ul li .imgbox { width: 50%; padding-top: 30.5%; } } @media(max-width:768px) { .ascenlist ul li { padding-bottom: 10%; } .ascenlist ul li .imgbox { width: 100%; padding-top: 60%; } .ascenlist ul li .txtbox { left: 0; width: 100%; transform: translateY(0); } .splist ul { margin-left: 0; } .splist ul li { width: 100%; float: none; margin-left: 0; margin-bottom: 2%; } } @media(max-width:480px) { .splist ul li .txtbox .tit { font-size: 16px; } .splist ul li .txtbox .txt { font-size: 14px; } .Ksolution .con { font-size: 16px; } .ascenlist ul li .txtbox { line-height: 22px; font-size: 14px; } .Bottom .txt a img { margin-top: 4px !important; } } .splist_1 { margin-top: 3%; } .splist_1 ul li { width: 100%; margin-bottom: 2%; overflow: hidden; display: flex; justify-content: space-between; } .splist_1 ul li .imgbox { width: 44%; padding-top: 24%; position: relative; overflow: hidden; } .splist_1 ul li .imgbox span { background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .splist_1 ul li .txtbox { width: 54%; background: #ffffff; padding: 4%; box-sizing: border-box; font-size: 20px; font-weight: normal; font-stretch: normal; line-height: 35px; letter-spacing: 2px; color: #333333; } .splist_1 ul li:nth-child(2n) { flex-direction: row-reverse; } @media(max-width:1440px) { .splist_1 ul li .txtbox { font-size: 18px; } } @media(max-width:768px) { .splist_1 ul li { display: block; margin-bottom: 4%; } .splist_1 ul li .imgbox { padding-top: 38%; } .splist_1 ul li .imgbox, .splist_1 ul li .txtbox { width: 100%; } .splist_1 ul li .txtbox { font-size: 16px; line-height: 28px; } } @media(max-width:1440px) {} /* 20220802 */ /* 20220802 */ .addKsolu{padding:0;} .addKsolu .addKsoluBox{padding-top:20px;} .addKsolu .addKsoluBox ul li{width:33.33%;float:left;position: relative;} .addKsolu .addKsoluBox ul li .img{padding-top:135%;position: relative;} .addKsolu .addKsoluBox ul li .img span{background-position: center center;background-repeat: no-repeat;background-size: cover;position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;} .addKsolu .addKsoluBox ul li .txt{width:100%;height:100%;position: absolute;top:0;left:0;transition: all .5s;-webkit-transition: all .5s;} .addKsolu .addKsoluBox ul li .txt .txtbox{position: absolute;text-align: center;top:50%;left:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width:80%;} .addKsolu .addKsoluBox ul li .txt b{width:30px;height:1px;background: #fff;margin:30px auto;display: block;} .addKsolu .addKsoluBox ul li .txt .dec{color:#fff;font-size: 14px;line-height: 26px;height:0;overflow: hidden;opacity: 0;transition: all .5s;-webkit-transition: all .5s;} .addKsolu .addKsoluBox ul li:hover .txt{background: rgba(246,32,43,0.6);} .addKsolu .addKsoluBox ul li .txt .dec{display: block;height:78px;opacity: 1;} .addKsolu .addKsoluBox ul li .txt .ico img{max-width:64px;max-height:64px;} .addKsolu .cont{font-size: 18px;margin-bottom:15px;text-align: center;} @media(max-width:640px){ .addKsolu .cont{font-size: 16px;margin-bottom:10px;} .addKsolu .addKsoluBox ul li{width:100%;margin-bottom:10px;} .addKsolu .addKsoluBox ul li .img{padding-top:80%;} .addKsolu .addKsoluBox ul li .txt .ico img{max-height:40px;max-width:40px;} } /*20230927*/ @font-face { font-family: 'meiryo'; src: url('../font/meiryo.ttc') format('truetype'), local('meiryo'); font-weight: normal; font-style: normal; } .imgbox { overflow: hidden; position: relative; } .imgbox span { background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .imgbox img { width: auto !important; max-height: 100%; } .ytable { display: table; width: 100%; table-layout: fixed; } .ytable-cell { display: table-cell; vertical-align: middle; } .dot { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .dot2,.dot3,.dot4 { display: -webkit-box; display: box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; } .dot2 { -webkit-line-clamp: 2; } .dot3 { -webkit-line-clamp: 3; } .dot4 { -webkit-line-clamp: 4; } body.jp { font-family: Meiryo; } body.jp .auto { max-width: 1400px; margin: 0 auto } .HomePart1 { background: url(../images/jpbg1.jpg) no-repeat center/cover; } .Ban2.Ban{height: 50vh !important} .Ban2.Ban .Baninfo{padding-top: 8%;} .Ban2.Ban .Baninfo .title span{line-height: 2;} .Ban2.Ban .Baninfo .info{margin: 20px auto 40px;} .Htit { text-align: center; } .Htit h3 { font-size: 40px; line-height: 40px; color: #000000; position: relative; padding-bottom: 30px; margin-bottom: 30px; font-weight: normal; } .Htit h3:after { position: absolute; left: 50%; width: 40px; margin-left: -20px; bottom: 0; content: ""; height: 2px; background-color: #56a2ed; } .Htit p { font-size: 18px; line-height: 40px; color: #000000; } .HomePart1 .Part1_b { margin-top: 40px; } .HomePart1 .Part1_b li.slick-slide { width: 100%; padding: 60px; background: #fff; display: inline-block; } .HomePart1 .Part1_b li .txt { float: left; width: 47% } .HomePart1 .Part1_b li .txt h3 { font-size: 20px; font-weight: normal; color: #333333; line-height: 40px; height: 40px; } .HomePart1 .Part1_b li .txt h3 a { background-color: #56a2ed; border-radius: 3px; height: 30px; line-height: 30px; padding: 0 10px; color: #fff; font-size: 16px; display:none } .HomePart1 .Part1_b li .txt h3 a img { vertical-align: middle; max-width: 0 5px; margin-top: -3px; } .HomePart1 .Part1_b li .txt p { padding-left: 21px; background: url(../images/jpdot1.png) no-repeat left 10px; font-size: 16px; color: #333333; line-height: 28px; margin-top: 20px; } .HomePart1 .Part1_b li .imgbox { float: right; width: 47%; padding-top: 30%; } .HomePart1 .Part1_b li .imgbox .play { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .HomePart1 .Part1_b .slick-dots { text-align: center; margin-top: 20px; } .HomePart1 .Part1_b .slick-dots li { display: inline-block; width: 15px; height: 15px; background: none; font-size: 0; border: 1px solid #ccc; margin: 5px; border-radius: 50% } .HomePart1 .Part1_b .slick-dots li button { display: none } .HomePart1 .Part1_b .slick-dots li.slick-active { background: #e1021a; border-color: #e1021a } .Popup { position: fixed; background: rgba(0, 0, 0, 0.75); z-index: 99999999; } .videobox .Popup { position: absolute; } .Popup { width: 100%; height: 100%; top: 0; left: 0; z-index: 99999; } .Popup .ytable { height: 100%; } .Popup .ytable .video { max-width: 800px; width: 80%; margin: 0 auto; padding: 10px; background: #fff; box-shadow: 0 0 20px 5px rgba(0,0,0,.15); } .Popup video { width: 100%; } .videobox .Popup video { height: 100%; background: #000; } .Popup .close { position: absolute; right: 20px; top: 20px; width: 30px; height: 30px; cursor: pointer; z-index: 10; cursor: pointer; } .Popup .close:before, .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); } .Popup .close:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); } .HomePart1 .btns { display: inline-block; width: 100%; text-align: center; margin-top: 60px; } .HomePart1 .btns a { display: inline-block; width: 250px; height: 50px; border-radius: 25px; background-image: linear-gradient( #56a2ed, #56a2ed), linear-gradient( #e1021a, #e1021a); background-blend-mode: normal, normal; line-height: 50px; font-size: 16px; color: #ffffff; } .HomePart2 { display: inline-block; width: 100%; background: url(../images/jpbg2.jpg) no-repeat center top/cover; padding: 3% 0 } .HomePart2 .txtScroll-top { margin-top: 60px; } .HomePart2 .txtScroll-top .infoList li { display: flex; width: 100%; justify-content: space-between; margin-bottom: 60px; } .HomePart2 .txtScroll-top .infoList li .date { width: 10%; color: #333333; line-height: 40px; } .HomePart2 .txtScroll-top .infoList li .date span { display: block; font-size: 40px; } .HomePart2 .txtScroll-top .infoList li .date time { font-size: 16px; } .HomePart2 .txtScroll-top .infoList li .txt { width: 45% } .HomePart2 .txtScroll-top .infoList li .txt h3 { font-size: 24px; font-weight: bold; line-height: 36px; color: #333333; margin-bottom: 15px; } .HomePart2 .txtScroll-top .infoList li .txt p { font-size: 16px; line-height: 30px; color: #333333; } .HomePart2 .txtScroll-top .infoList li .txt p a:hover{color: #e1021a;} .HomePart2 .txtScroll-top .infoList li .txt span { font-size: 16px; font-weight: bold; color: #56a2ed; line-height: 30px; margin-top: 30px; display: inline-block; margin-bottom: 10px; display:none } .HomePart2 .txtScroll-top .infoList li .imgbox { width: 28.75%; padding-bottom: 200px; } .HomePart2 .txtScroll-top .infoList li:hover .txt h3 { color: #e1021a } .HomePart2 .txtScroll-top .hd ul { text-align: center; } .HomePart2 .txtScroll-top .hd ul li { display: inline-block; width: 15px; height: 15px; background: none; font-size: 0; border: 1px solid #ccc; margin: 5px; border-radius: 50%; cursor: pointer; } .HomePart2 .txtScroll-top .hd ul li.on { background: #e1021a; border-color: #e1021a } .HomePart3 { display: inline-block; width: 100%; background: #f0f5fb; padding: 3% 0 } .HomePart3 * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .HomePart3 .HomePart3_l { width: 26%; background: #fff; padding: 30px; min-height: 500px; } .HomePart3 .HomePart3_l .tit { font-size: 16px; color: #56a2ed; line-height: 36px; margin-bottom: 50px; } .HomePart3 .txtScroll-left .infoList li h3 { font-size: 20px; font-weight: bold; line-height: 36px; color: #333333; } .HomePart3 .txtScroll-left .infoList li p { font-size: 16px; line-height: 30px; color: #666666; margin: 30px auto 50px; } .HomePart3 .txtScroll-left .infoList li time { display: inline-block; font-size: 16px; color: #aaaaaa; line-height: 30px; height: 30px; padding-left: 37px; background: url(../images/jptime.png) no-repeat left center; } .HomePart3 .txtScroll-left .hd { text-align: center; height: 30px; line-height: 30px; display: inline-block; width: 100%; margin-top: 40px; } .HomePart3 .txtScroll-left .hd a { width: 33px; display: inline-block; padding: 0 35px; height: 30px; cursor: pointer; } .HomePart3 .txtScroll-left .hd a.prev { background: url(../images/jpleft2.png) no-repeat center; position: relative; } .HomePart3 .txtScroll-left .hd a.next { background: url(../images/jpright2.png) no-repeat center; } .HomePart3 .txtScroll-left .hd a.prev:after { position: absolute; right: 0; top: 0; width: 1px; height: 30px; background: #DEDDDD; content: "" } .HomePart3 .HomePart3_r { width: 72%; background: #fff; max-height:500px; } .HomePart3 .txtScroll-left2 { position: relative; } .HomePart3 .txtScroll-left2 .txt { background-color: #ffffff; width: 35%; padding: 30px; float: left; } .HomePart3 .txtScroll-left2 .txt .tit { font-size: 16px; color: #56a2ed; line-height: 36px; margin-bottom: 50px; } .HomePart3 .txtScroll-left2 .txt h3 { font-size: 20px; font-weight: bold; line-height: 36px; color: #333333; } .HomePart3 .txtScroll-left2 .txt p { font-size: 16px; line-height: 30px; color: #666666; margin: 30px auto 50px; } .HomePart3 .txtScroll-left2 .txt time { display: inline-block; font-size: 16px; color: #aaaaaa; line-height: 30px; height: 30px; padding-left: 37px; background: url(../images/jptime.png) no-repeat left center; } .HomePart3 .txtScroll-left2 .imgbox { width: 100%; padding-bottom: 500px; position: relative; } .HomePart3 .txtScroll-left2 .imgbox .tit{position:absolute;top:30px;left:30px;z-index:9;color: #56a2ed; font-size: 16px; color: #56a2ed; line-height: 36px;} .HomePart3 .txtScroll-left2 .imgbox .play { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .HomePart3 .txtScroll-left2 .hd { position: absolute; width: 100%; bottom: 0; height: 30px; line-height: 30px; } .HomePart3 .txtScroll-left2 .hd .prenext { width: 35%; bottom: 42px; position: absolute; left: 0; text-align: center; } .HomePart3 .txtScroll-left2 .hd .prenext a { width: 33px; display: inline-block; padding: 0 35px; height: 30px; cursor: pointer; } .HomePart3 .txtScroll-left2 .hd .prenext a.prev { background: url(../images/jpleft2.png) no-repeat center; position: relative; } .HomePart3 .txtScroll-left2 .hd .prenext a.next { background: url(../images/jpright2.png) no-repeat center; } .HomePart3 .txtScroll-left2 .hd .prenext a.prev:after { position: absolute; right: 0; top: 0; width: 1px; height: 30px; background: #DEDDDD; content: "" } .HomePart3 .txtScroll-left2 .hd .num { width: 100%; position: absolute; left: 0; bottom: 30px; text-align: center; } .HomePart3 .txtScroll-left2 .hd .num li { display: inline-block; width: 15px; height: 15px; background: none; font-size: 0; border: 1px solid #fff; margin: 0 15px; background: #fff; border-radius: 50%; cursor: pointer; } .HomePart3 .txtScroll-left2 .hd .num li.on { background: #56a2ed; border-color: #56a2ed } .HomePart4 { float: left; display: inline-block; width: 100%; background: url(../images/jpbg3.jpg) no-repeat center /cover; padding: 8% 0; position: relative; min-height: 760px; } .HomePart4 .Htit { text-align: left; } .HomePart4 .Czgj { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/jpbg4.png) no-repeat center bottom; min-height: 760px; } .HomePart4 .Czgj .bd { position: absolute; right: 13.5%; bottom: 15% } .HomePart4 .Htit h3:after{left: 0;margin-left: 0;} .HomePart4 .Czgj .bd ul .imgbox { width: 204px; border-radius: 50%; height: 204px; border: solid 12px rgba(255, 255, 255, 0.2); float: left; } .HomePart4 .Czgj .bd ul .txt { float: right; margin-left: 60px; padding: 20px 0 } .HomePart4 .Czgj .bd ul .txt h3 { font-size: 72px; color: #333333; letter-spacing: -1px; font-weight: normal; line-height: 1.5; } .HomePart4 .Czgj .bd ul .txt p { font-size: 22px; line-height: 36px; color: #333333; } .HomePart4 .slick-initialized .slick-slide>div { position: absolute; padding-bottom: 50px; font-size: 16px; line-height: 28px; color: #333333; cursor: pointer; max-width: 240px; } .HomePart4 .slick-slide{min-height:600px} .HomePart4 .Czgj .hd ul li b { font-size: 20px; font-weight: normal; } .HomePart4 .slick-initialized .slick-slide>div li:before { width: 10px; background-color: #ffffff; border: solid 3px #56a2ed; position: absolute; left: 50%; bottom: 0; margin-left: -8px; content: ""; border-radius: 50%; transition: all 0.3s; height: 10px; z-index: 5; } .HomePart4 .slick-initialized .slick-slide>div li:after { animation: infinite scale2 2s ; width: 16px; background-color: #56a2ed; height: 16px; opacity: 0.3; position: absolute; left: 50%; bottom: 0; margin-left: -8px; content: ""; transition: all 0.3s; border-radius: 50%; z-index: 4; } @keyframes scale2 { 0% { transform: scale(1) ; } 100% { transform: scale(2) ; } } .HomePart4 .slick-initialized .slick-slide>div:hover:before { width: 20px; height: 20px; margin-left: -13px; } .HomePart4 .slick-initialized .slick-slide>div:hover:after { width: 26px; height: 26px; margin-left: -13px; } .HomePart4 .slick-initialized .slick-slide>div:nth-child(1) li:before, .HomePart4 .slick-initialized .slick-slide>div:nth-child(3) li:before, .HomePart4 .slick-initialized .slick-slide>div:nth-child(2) li:before { left: 50px } .HomePart4 .slick-initialized .slick-slide>div:nth-child(1) li:after, .HomePart4 .slick-initialized .slick-slide>div:nth-child(3) li:after, .HomePart4 .slick-initialized .slick-slide>div:nth-child(2) li:after { left: 50px } .HomePart4 .slick-initialized .slick-slide>div:nth-child(3) li:after, .HomePart4 .slick-initialized .slick-slide>div:nth-child(3) li:before { bottom: auto; top: 0 } .HomePart4 .slick-initialized .slick-slide>div:nth-child(6) li:after, .HomePart4 .slick-initialized .slick-slide>div:nth-child(6) li:before { left: 0; bottom: auto; top: 0 } .HomePart4 .slick-slider{padding-top:5%} .HomePart4 .slick-initialized .slick-slide>div:nth-child(1) { left: 1px; bottom: 48%; } .HomePart4 .slick-initialized .slick-slide>div:nth-child(2) { left: 21.5%; bottom: 63%; } .HomePart4 .slick-initialized .slick-slide>div:nth-child(3) { left: 44%; bottom: 34%; padding-bottom: 0; padding-top: 50px; } .HomePart4 .slick-initialized .slick-slide>div:nth-child(4) { left: 60%; bottom: 66%; } .HomePart4 .slick-initialized .slick-slide>div:nth-child(5) { left: 80.5%; bottom: 69.5%; } .HomePart4 .slick-initialized .slick-slide>div:nth-child(6) { left: 80.5%; bottom: 40%; padding-bottom: 0; padding-top: 30px; padding-left: 30px; } .HomePart4 .slick-initialized .slick-slide>div:nth-child(7) { left: 82%; bottom: 84%; } .HomePart4 .slick-initialized .slick-slide{position: relative;} .HomePart4 .Czgj .hd .arrow .next { width: 64px; height: 64px; border-radius: 50%; background: url(../images/jpright3.png) no-repeat center #56a2ed; display: inline-block; position: absolute; right: 5%; top: 50%; margin-top: -32px; cursor: pointer; } /*20231012*/ .HomePart1.p3,.HomePart2,.HomePart3.p3,.HomePart5.p3{padding: 6% 0;float: left;width: 100%;} .HomePart2 .txtScroll-top .hd{text-align: center;} .HomePart2 .txtScroll-top .hd a{display: inline-block;width: 250px;line-height: 50px;text-align: center;color: #ffffff;font-size: 16px; height: 50px; background-image: linear-gradient(#56a2ed,#56a2ed),linear-gradient( #e1021a,#e1021a); background-blend-mode: normal, normal; border-radius: 25px;} .HomePart2 .txtScroll-top .infoList li .imgbox{width: 38.85%;padding-bottom: 312px;} .HomePart2 .txtScroll-top .infoList li .txt{width: 53%} .HomePart5{display: inline-block;width: 100%;background: #fff} .HomePart5_b .slick-slide div{float: left;width: 32%;margin-right: 2%;margin-bottom: 1%;} .HomePart5_b .slick-slide div:nth-child(3n){margin-right: 0;} .HomePart5_b .slick-slide div.imgbox{padding-bottom: 75%;width: 100%;margin-right: 0;} .HomePart4 {min-height: 660px;padding: 3% 0;min-height: 660px;height: 660px;} .HomePart4 .Czgj{min-height:660px;max-height:660px;height:660px;top: 20%} .NewsList .Title02 p{float: left;margin-right: 5%;} .NewsList .Title02{width: 60%;} .NewsList .Title02 p.on i,.NewsList .Title02 p:hover i{opacity: 1;} .NewsList .Title02 i{opacity: 0;transform: all 0.3s} .NewsList .Title02 p.on span,.NewsList .Title02 p:hover span{color: #e1021a} .SixCoreBox { background: url(../images/sw_bg.jpg) top center no-repeat; } .SixCoreBox .Title01 p { font-size: 22px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #ffffff; margin-top: 26px; text-align: center; } .SixCore { padding: 5% 0; } .SixCore .list { margin-left: -1.33%; padding-top: 2%; } .SixCore .list li { width: 32%; margin-left: 1.33%; float: left; background: #fff; padding: 2%; box-sizing: border-box; min-height: 320px; margin-bottom: 1.33%; } .SixCore .list li a { display: block; } .SixCore .list li .icon { position: relative; width: 110px; height: 110px; background-color: #ffffff; border: solid 1px #e5e5e5; border-radius: 50%; margin: 0 auto; } .SixCore .list li .icon img { position: absolute; left: 0px; top: 0px; width: 100%; } .SixCore .list li .icon .i1 { transition: 400ms; } .SixCore .list li .icon .i2 { -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha (opacity=0); transition: 500ms; } .SixCore .list li:hover .icon { background-color: #e1021a; } .SixCore .list li:hover .icon .i2 { -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } .SixCore .list li:hover .icon .i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2); } .SixCore .list li .txtbox { text-align: center; } .SixCore .list li .txtbox .tit { font-size: 20px; font-weight: normal; font-stretch: normal; line-height: 40px; letter-spacing: 0px; color: #000000; min-height: 190px; } .SixCore .list li .txtbox .txt::-webkit-scrollbar{ width: 1px; height:6px;-webkit-overflow-scrolling : touch; background-color: #e6e6e6;} .SixCore .list li .txtbox .txt::-webkit-scrollbar-track{ background-color: #e6e6e6;} .SixCore .list li .txtbox .txt::-webkit-scrollbar-thumb{ border-radius: 1px; background-color: #58504a;} .SixCore .list li .txtbox .txt::-webkit-scrollbar-button{ height: 0px; background-color: #e6e6e6;} .SixCore .list li .txtbox .txt { font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 26px; letter-spacing: 0px; color: #4d4d4d; height: 110px; overflow-y:auto } @keyframes UP { 0% { background-position-y: 100%; opacity: 0.2; } 100% { background-position-y: 0; opacity: 1; } } .SixCore .slogen {} .SixCore .slogen ul { position: relative; overflow: hidden; } .SixCore .slogen ul li { width: 33.33%; float: left; height: 80px; background: url(../images/arr.png) bottom center no-repeat; -webkit-animation: UP 1s ease-out; -moz-animation: UP 1s ease-out; animation: UP 1s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; } .SixCore .slogen ul li:nth-child(1) {} .SixCore .slogen .txt { height: 80px; background-color: #e1021a; width: 100%; text-align: center; font-size: 30px; font-weight: normal; font-stretch: normal; line-height: 80px; letter-spacing: 2.4px; color: #ffffff; } @media(max-width:480px) { .SixCore .list li { width: 48%; } .SixCore .list li .icon { width: 80px; height: 80px; } .SixCore .list li .txtbox .tit { font-size: 16px; line-height: 30px; } .SixCore .list li .txtbox .txt { font-size: 14px; height: 84px; } .SixCore .slogen ul li { width: 50%; } .SixCore .slogen ul li:nth-child(1) { display: none; } .SixCore .slogen .txt { height: 60px; font-size: 20px; line-height: 60px; } } .WorkSceneBox { background: #fff url(../images/sw_bg2.jpg) bottom center no-repeat; } .WorkSceneBox .SceneBox { width: 96%; margin: 0 auto; max-width: 1820px; min-width: 320px; } .SceneBox {} .SceneList { margin-left: -2%; overflow: hidden; margin-top: 3%; } .SceneList li { width: 25%; margin-left: 0.5%; float: left; margin-bottom: 20px; } .SceneList li .imgbox { width: 100%; overflow: hidden; position: relative; padding-top: 71%; } .SceneList li .imgbox span { background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .SceneList li .tit { margin-top: 5%; font-size: 22px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #333333; text-align: center; } .SceneList .slick-arrow { width: 50px; height: 50px; border-radius: 0; margin-top: -54px; border: none; } .SceneList .slick-prev { left: 2%; background: url(../images/a_l.png) center no-repeat; } .SceneList .slick-next { right: 0; background: url(../images/a_r.png) center no-repeat; } .SceneList .slick-prev:hover { background: url(../images/a_l1.png) center no-repeat; } .SceneList .slick-next:hover { background: url(../images/a_r1.png) center no-repeat; } @media(max-width:480px) { .SceneList li .tit { font-size: 16px; } } .LightHouseBox { position: relative; } .LightHouseBox .Title01 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 99; } .LightHouseBox .lightBg {} .LightHouseBox .lightBg .imgbox { width: 100%; overflow: hidden; position: relative; padding-top: 26.3%; } .LightHouseBox .lightBg .imgbox span { background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } @media(max-width:480px) { .LightHouseBox .lightBg .imgbox { padding-top: 50%; } } .NewsSpecial {} .NewsSpecial .NewsList { margin-top: 3%; } .NewsSpecial .NewsList ul { margin-left: -0.5%; } .NewsSpecial .NewsList ul li { width: 23%; margin: 0 0 1% 0.5%; float: left; background: #fff; box-sizing: border-box; } .NewsSpecial .NewsList ul li .date { width: auto; } .NewsSpecial .NewsList ul li .date i { position: absolute; width: 40px; height: 39px; left: 50%; margin-left: -18px; top: 20px; } .NewsSpecial .NewsList ul li .date em { line-height: 14px; } .NewsSpecial .NewsList ul li .date span { font-size: 36px; font-weight: normal; font-stretch: normal; line-height: 40px; letter-spacing: 0px; color: #e1021a; } .NewsSpecial .NewsList ul li .txt { padding-left: 80px; } .NewsSpecial .NewsList ul li .txt .name { font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 30px; height: 60px; letter-spacing: 0px; color: #000000; } .NewsSpecial .NewsList ul li .txt .info { font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 24px; height: 48px; letter-spacing: 0px; color: #808080; margin: 10px 0; } .NewsSpecial .NewsList ul li .pic img { height: 230px; } .NewsSpecial .NewsList ul.slick-dots { display: flex; justify-content: center; margin-left: 1%; } .NewsSpecial .NewsList ul.slick-dots li { width: 16px; height: 16px; background: none; display: flex; justify-content: center; align-items: center; margin-bottom: 0; } .NewsSpecial .NewsList ul.slick-dots li button { width: 7px; height: 7px; background-color: #cccccc; } .NewsSpecial .NewsList ul.slick-dots li.slick-active button { width: 16px; height: 16px; background: url(../images/dot3.png) center center no-repeat; } @media(max-width:488px) { .NewsSpecial .NewsList ul li, .NewsSpecial .NewsList ul li:nth-child(2n) { float: left; margin: 0; } .NewsSpecial .NewsList ul { padding-bottom: 20px; } .NewsSpecial .NewsList ul.slick-dots { margin-left: 0; } .NewsSpecial .NewsList ul li .date { display: block; } } .NewsList2.NewsList ul li .txt{padding-left: 0;} .NewsList .AboutBox{margin-top: 3%;} .HomePart5_b .slick-dots{float: left;width: 100%;text-align: center;} .HomePart5_b .slick-dots li button{display: none} .HomePart5_b .slick-dots li { display: inline-block;font-size: 0; width: 15px; height: 15px; background: none; font-size: 0; border: 1px solid #ccc; margin: 5px; border-radius: 50%; cursor: pointer; } .HomePart5_b .slick-dots li.slick-active { background: #e1021a; border-color: #e1021a } /*PicList002949 */ .PicList002949 .item{margin: 2.08vw 0;box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);background: #fff;padding:5% 3%} .PicList002949 .item a:hover{color: #e1021a;} .PicList002949 .txt {padding:0} .PicList002949 .txt .inner{padding: 0 2.03vw 0 1.56vw;font-size:14px} .PicList002949 .txt p.dot3{line-height: 2.142em; max-height: 6.426em;color: #666;margin: 20px 0} .PicList002949 .tit{font-size: 24px; line-height: 1em;} .PicList002949 .tit:after{display: block; margin-top: 1.25em; content: '';background: #e1021a; width: 48px; height: 2px;} .PicList002949 .item a:hover .tit:after{background: #e1021a;} .PicList002949 .pic img{width: 100%} .PicList002949 .pic video{width: 100%;object-fit: fill;min-height: 320px;height:100%;float:left} @media(min-width:1025px){ .PicList002949 .pic{ width:35%;} .PicList002949 .pic video{width: 100%;object-fit: fill;min-height: 320px;max-height:320px;} } @media(min-width:641px) and (max-width:1024px){ .PicList002949 .pic{ width:50%;} .PicList002949 .tit{font-size: 3vw;} } @media(max-width:640px){ .PicList002949 .ytable, .PicList002949 .ytable-cell{display: block;} .PicList002949 .txt .inner{padding: 5vw;font-size: 3.5vw;} .PicList002949 .tit{font-size: 5vw;} } .Banner2 li.flex-active-slide .BanTxt .ani{display:none} .HomePart4 .slick-dots{position: absolute;bottom: 10%;text-align: center;width: 100%;z-index: 999;} .HomePart4 .slick-dots li button{display: none;} .HomePart4 .slick-dots li{font-size: 0;display: inline-block; width: 15px; height: 15px; background: none; font-size: 0; border: 1px solid #ccc; margin: 5px; border-radius: 50%; cursor: pointer;} .HomePart4 .slick-dots li.slick-active{ background: #e1021a; border-color: #e1021a} @media(max-width:768px){ .HomePart1 .Part1_b li .txt,.HomePart1 .Part1_b li .imgbox,.HomePart2 .txtScroll-top .infoList li .txt,.HomePart2 .txtScroll-top .infoList li .imgbox,.HomePart3 .HomePart3_l,.HomePart3 .HomePart3_r,.HomePart3 .txtScroll-left2 .txt,.HomePart3 .txtScroll-left2 .imgbox{width:100%;} .HomePart1 .Part1_b li .imgbox{padding-bottom:66.66%} .HomePart2 .txtScroll-top .infoList li{margin-bottom:20px;} .Banner2 li .boximg img{display:block} .HomePart2 .txtScroll-top .infoList li{display:inline-block} .HomePart3 .HomePart3_l{margin-bottom:30px;padding:15px;min-height: unset;} .HomePart5_b .slick-slide div{width:100%;float:left;margin-right:0} .HomePart5_b .slick-slide div:nth-child(2n){float:right} .HomePart3 .txtScroll-left2 .hd,.Banner li.flex-active-slide .BanTxt .ani{display:none} .HomePart3 .txtScroll-left2 .imgbox{padding-bottom:66.66%} .HomePart3 .txtScroll-left2 .txt .tit{margin-bottom:10px;} .HomePart3 .txtScroll-left2 .txt p{margin:10px auto} .HomePart1 .Part1_b li.slick-slide{padding:20px;} .HomePart1 .Part1_b li .txt h3{height:60px;} .Htit h3{font-size:24px;line-height:30px;} .HomePart4 .slick-initialized .slick-slide>div{position:static;width:48%;float: left;min-width:unset} .HomePart4 .slick-initialized .slick-slide>div:nth-child(2n){folat:right} .HomePart4 .slick-slide{min-height:unset} .HomePart4 .slick-initialized .slick-slide>div li:after,.HomePart4 .slick-initialized .slick-slide>div li:before{opacity:0} .HomePart4,.HomePart4 .Czgj{height:auto;max-height:unset;min-height:460px} .HomePart4 .Czgj{min-height:300px;} }