@charset "utf-8"; /*鼠标选中文字的样式*/ ::-moz-selection { background: #51d4b8; color: #fff; } ::selection { background: #51d4b8; color: #fff; } /*网站默认滚动跳的样式*/ ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.1); } ::-webkit-scrollbar-thumb { background-color: #008b3f; } ::-webkit-scrollbar-thumb:window-inactive { background-color: #008b3f; } ::-webkit-scrollbar-thumb:vertical:hover { background-color: #008b3f; } /*==常用字号==*/ .tit-12 { font-size: 12px; line-height: 1.5; } .tit-13 { font-size: 13px; line-height: 1.5; } .tit-14 { font-size: 14px; line-height: 1.6; } .tit-15 { font-size: 15px; line-height: 1.6; } .tit-16 { font-size: 16px; line-height: 1.6; } .tit-17 { font-size: 17px; line-height: 1.6; } .tit-18 { font-size: 18px; line-height: 1.6; } .tit-18-1 { font-size: 18px; line-height: 1; } .tit-19 { font-size: 19px; line-height: 1.6; } .tit-20 { font-size: 20px; line-height: 1.6; } .tit-22 { font-size: 22px; line-height: 1.6; } .tit-24 { font-size: 24px; line-height: 1.6; } .tit-25 { font-size: 25px; line-height: 1.6; } .tit-26 { font-size: 26px; line-height: 1.6; } .tit-27 { font-size: 27px; line-height: 1.6; } .tit-28 { font-size: 28px; line-height: 1.6; } .tit-29 { font-size: 29px; line-height: 1.6; } .tit-30 { font-size: 30px; line-height: 1.6; } .tit-32 { font-size:32px; line-height: 1.6; } .tit-34 { font-size:34px; line-height: 1.6; } .tit-36 { font-size:78px; line-height: 1.6; font-weight:bold; } .tit-38 { font-size:38px; line-height: 1.6; } .tit-40 { font-size:40px; line-height: 1.6; } .tit-42 { font-size:42px; line-height: 1.6; } .tit-44 { font-size:44px; line-height: 1.6; } .tit-46 { font-size:46px; line-height: 1.6; } .tit-48 { font-size:48px; line-height: 1.6; } .tit-50 { font-size:50px; line-height: 1.6; } .tit-52 { font-size:52px; line-height: 1.6; } .tit-54 { font-size:390%; line-height: 1.6; } .tit-56 { font-size:56px; line-height: 1.6; } .tit-58 { font-size:58px; line-height: 1.6; } .tit-60 { font-size:60px; line-height: 1.6; } .tit-62 { font-size:62px; line-height: 1.6; } .tit-64 { font-size:64px; line-height: 1.6; } .tit-66 { font-size:66px; line-height: 1.6; } .tit-68 { font-size:68px; line-height: 1.6; } .tit-70 { font-size:70px; line-height: 1.6; } .tit-72 { font-size:72px; line-height: 1.6; } .tit-74 { font-size:74px; line-height: 1.6; } .tit-76 { font-size:76px; line-height: 1.6; } .tit-78 { font-size:78px; line-height: 1.6; } .tit-80 { font-size:80px; line-height: 1.6; } .p-12 { font-size: 12px; line-height: 1.6; } .p-14 { font-size: 14px; line-height: 1.6; } .p-16 { font-size: 16px; line-height: 1.6; } .p-18 { font-size: 18px; line-height: 1.6; } .p-20 { font-size: 20px; line-height: 1.6; } .p-24 { font-size:24px; line-height: 1.6; } .p-12 img { max-width: 100%; } .p-14 img { max-width: 100%; } .p-16 img { max-width: 100%; } .p-18 img { max-width: 100%; } .p-20 img { max-width: 100%; } .p-24 img { max-width: 100%; } /*@media (max-width: 1681px) { .tit-12 { font-size: 12px; line-height: 1.5; } .tit-13 { font-size: 13px; line-height: 1.5; } .tit-14 { font-size: 13px; line-height: 1.6; } .tit-15 { font-size: 14px; line-height: 1.6; } .tit-16 { font-size: 15px; line-height: 1.6; } .tit-17 { font-size: 16px; line-height: 1.6; } .tit-18 { font-size: 17px; line-height: 1.6; } .tit-19 { font-size: 18px; line-height: 1.6; } .tit-20 { font-size: 19px; line-height: 1.6; } .tit-22 { font-size: 20px; line-height: 1.6; } .tit-24 { font-size: 22px; line-height: 1.6; } .tit-25 { font-size: 23px; line-height: 1.6; } .tit-26 { font-size: 24px; line-height: 1.6; } .tit-27 { font-size: 25px; line-height: 1.6; } .tit-28 { font-size: 26px; line-height: 1.6; } .tit-29 { font-size: 27px; line-height: 1.6; } .tit-30 { font-size: 26px; line-height: 1.6; } .tit-32 { font-size:29px; line-height: 1.6; } .tit-34 { font-size:31px; line-height: 1.6; } .tit-36 { font-size:33px; line-height: 1.6; } .tit-38 { font-size:35px; line-height: 1.6; } .tit-40 { font-size:37px; line-height: 1.6; } .tit-42 { font-size:38px; line-height: 1.6; } .tit-44 { font-size:40px; line-height: 1.6; } .tit-46 { font-size:42px; line-height: 1.6; } .tit-48 { font-size:44px; line-height: 1.6; } .tit-50 { font-size:45px; line-height: 1.6; } .tit-52 { font-size:47px; line-height: 1.6; } .tit-54 { font-size:49px; line-height: 1.6; } .tit-56 { font-size:51px; line-height: 1.6; } .tit-58 { font-size:53px; line-height: 1.6; } .tit-60 { font-size:54px; line-height: 1.6; } .tit-62 { font-size:56px; line-height: 1.6; } .tit-64 { font-size:58px; line-height: 1.6; } .tit-66 { font-size:60px; line-height: 1.6; } .tit-68 { font-size:62px; line-height: 1.6; } .tit-70 { font-size:63px; line-height: 1.6; } .tit-72 { font-size:65px; line-height: 1.6; } .tit-74 { font-size:66px; line-height: 1.6; } .tit-76 { font-size:68px; line-height: 1.6; } .tit-78 { font-size:70px; line-height: 1.6; } .tit-80 { font-size:72px; line-height: 1.6; } .p-12 { font-size: 12px; line-height: 1.6; } .p-14 { font-size: 13px; line-height: 1.6; } .p-16 { font-size: 15px; line-height: 1.6; } .p-18 { font-size: 17px; line-height: 1.6; } .p-20 { font-size:18px; line-height: 1.6; } .p-24 { font-size:22px; line-height: 1.6; } } @media (max-width: 1481px) { .tit-13 { font-size: 12px; line-height: 1.5; } .tit-14 { font-size: 12px; line-height: 1.6; } .tit-15 { font-size: 13px; line-height: 1.6; } .tit-16 { font-size: 14px; line-height: 1.6; } .tit-17 { font-size: 15px; line-height: 1.6; } .tit-18 { font-size: 16px; line-height: 1.6; } .tit-19 { font-size: 17px; line-height: 1.6; } .tit-20 { font-size: 18px; line-height: 1.6; } .tit-22 { font-size: 19px; line-height: 1.6; } .tit-24 { font-size: 20px; line-height: 1.6; } .tit-25 { font-size: 21px; line-height: 1.6; } .tit-26 { font-size: 22px; line-height: 1.6; } .tit-27 { font-size: 23px; line-height: 1.6; } .tit-28 { font-size: 24px; line-height: 1.6; } .tit-29 { font-size: 25px; line-height: 1.6; } .tit-30 { font-size: 26px; line-height: 1.6; } .tit-32 { font-size:27px; line-height: 1.6; } .tit-34 { font-size:28px; line-height: 1.6; } .tit-36 { font-size:30px; line-height: 1.6; } .tit-38 { font-size:32px; line-height: 1.6; } .tit-40 { font-size:34px; line-height: 1.6; } .tit-42 { font-size:34px; line-height: 1.6; } .tit-44 { font-size:36px; line-height: 1.6; } .tit-46 { font-size:42px; line-height: 1.6; } .tit-48 { font-size:40px; line-height: 1.6; } .tit-50 { font-size:41px; line-height: 1.6; } .tit-52 { font-size:42px; line-height: 1.6; } .tit-54 { font-size:44px; line-height: 1.6; } .tit-56 { font-size:46px; line-height: 1.6; } .tit-58 { font-size:48px; line-height: 1.6; } .tit-60 { font-size:49px; line-height: 1.6; } .tit-62 { font-size:50px; line-height: 1.6; } .tit-64 { font-size:52px; line-height: 1.6; } .tit-66 { font-size:54px; line-height: 1.6; } .tit-68 { font-size:56px; line-height: 1.6; } .tit-70 { font-size:58px; line-height: 1.6; } .tit-72 { font-size:59px; line-height: 1.6; } .tit-74 { font-size:60px; line-height: 1.6; } .tit-76 { font-size:62px; line-height: 1.6; } .tit-78 { font-size:63px; line-height: 1.6; } .tit-80 { font-size:64px; line-height: 1.6; } .p-12 { font-size: 12px; line-height: 1.6; } .p-14 { font-size: 12px; line-height: 1.6; } .p-16 { font-size: 14px; line-height: 1.6; } .p-18 { font-size: 16px; line-height: 1.6; } .p-20 { font-size:17px; line-height: 1.6; } .p-24 { font-size:20px; line-height: 1.6; } } @media (max-width: 1281px) { .tit-13 { font-size: 12px; line-height: 1.5; } .tit-14 { font-size: 12px; line-height: 1.6; } .tit-15 { font-size: 12px; line-height: 1.6; } .tit-16 { font-size: 13px; line-height: 1.6; } .tit-17 { font-size: 14px; line-height: 1.6; } .tit-18 { font-size: 15px; line-height: 1.6; } .tit-19 { font-size: 16px; line-height: 1.6; } .tit-20 { font-size: 17px; line-height: 1.6; } .tit-22 { font-size: 18px; line-height: 1.6; } .tit-24 { font-size: 19px; line-height: 1.6; } .tit-25 { font-size: 20px; line-height: 1.6; } .tit-26 { font-size: 21px; line-height: 1.6; } .tit-27 { font-size: 22px; line-height: 1.6; } .tit-28 { font-size: 23px; line-height: 1.6; } .tit-29 { font-size: 24px; line-height: 1.6; } .tit-30 { font-size: 25px; line-height: 1.6; } .tit-32 { font-size: 26px; line-height: 1.6; } .tit-34 { font-size: 27px; line-height: 1.6; } .tit-36 { font-size: 28px; line-height: 1.6; } .tit-38 { font-size: 29px; line-height: 1.6; } .tit-40 { font-size: 30px; line-height: 1.6; } .tit-42 { font-size: 31px; line-height: 1.6; } .tit-44 { font-size: 32px; line-height: 1.6; } .tit-46 { font-size: 34px; line-height: 1.6; } .tit-48 { font-size: 36px; line-height: 1.6; } .tit-50 { font-size: 38px; line-height: 1.6; } .tit-52 { font-size: 40px; line-height: 1.6; } .tit-54 { font-size: 42px; line-height: 1.6; } .tit-56 { font-size: 43px; line-height: 1.6; } .tit-58 { font-size: 44px; line-height: 1.6; } .tit-60 { font-size: 45px; line-height: 1.6; } .tit-62 { font-size: 46px; line-height: 1.6; } .tit-64 { font-size: 47px; line-height: 1.6; } .tit-66 { font-size: 48px; line-height: 1.6; } .tit-68 { font-size: 49px; line-height: 1.6; } .tit-70 { font-size: 51px; line-height: 1.6; } .tit-72 { font-size: 52px; line-height: 1.6; } .tit-74 { font-size: 53px; line-height: 1.6; } .tit-76 { font-size: 54px; line-height: 1.6; } .tit-78 { font-size: 55px; line-height: 1.6; } .tit-80 { font-size: 56px; line-height: 1.6; } .p-12 { font-size: 12px; line-height: 1.6; } .p-14 { font-size: 12px; line-height: 1.6; } .p-16 { font-size: 13px; line-height: 1.6; } .p-18 { font-size: 15px; line-height: 1.6; } .p-20 { font-size: 16px; line-height: 1.6; } .p-24 { font-size: 18px; line-height: 1.6; } } @media (max-width: 1100px) { .tit-13 { font-size: 12px; line-height: 1.5; } .tit-14 { font-size: 12px; line-height: 1.6; } .tit-15 { font-size: 12px; line-height: 1.6; } .tit-16 { font-size: 13px; line-height: 1.6; } .tit-17 { font-size: 14px; line-height: 1.6; } .tit-18 { font-size: 15px; line-height: 1.6; } .tit-19 { font-size: 16px; line-height: 1.6; } .tit-20 { font-size: 16px; line-height: 1.6; } .tit-22 { font-size: 17px; line-height: 1.6; } .tit-24 { font-size: 18px; line-height: 1.6; } .tit-25 { font-size: 19px; line-height: 1.6; } .tit-26 { font-size: 20px; line-height: 1.6; } .tit-27 { font-size: 21px; line-height: 1.6; } .tit-28 { font-size: 22px; line-height: 1.6; } .tit-29 { font-size: 23px; line-height: 1.6; } .tit-30 { font-size: 24px; line-height: 1.6; } .tit-32 { font-size: 25px; line-height: 1.6; } .tit-34 { font-size: 26px; line-height: 1.6; } .tit-36 { font-size: 27px; line-height: 1.6; } .tit-38 { font-size: 28px; line-height: 1.6; } .tit-40 { font-size:29px; line-height: 1.6; } .tit-42 { font-size: 30px; line-height: 1.6; } .tit-44 { font-size: 31px; line-height: 1.6; } .tit-46 { font-size: 32px; line-height: 1.6; } .tit-48 { font-size: 33px; line-height: 1.6; } .tit-50 { font-size: 34px; line-height: 1.6; } .tit-52 { font-size: 35px; line-height: 1.6; } .tit-54 { font-size: 36px; line-height: 1.6; } .tit-56 { font-size: 37px; line-height: 1.6; } .tit-58 { font-size: 38px; line-height: 1.6; } .tit-60 { font-size: 39px; line-height: 1.6; } .tit-62 { font-size: 40px; line-height: 1.6; } .tit-64 { font-size: 41px; line-height: 1.6; } .tit-66 { font-size: 42px; line-height: 1.6; } .tit-68 { font-size: 43px; line-height: 1.6; } .tit-70 { font-size: 44px; line-height: 1.6; } .tit-72 { font-size: 45px; line-height: 1.6; } .tit-74 { font-size: 46px; line-height: 1.6; } .tit-76 { font-size: 47px; line-height: 1.6; } .tit-78 { font-size: 48px; line-height: 1.6; } .tit-80 { font-size: 49px; line-height: 1.6; } .p-12 { font-size: 12px; line-height: 1.6; } .p-14 { font-size: 12px; line-height: 1.6; } .p-16 { font-size: 13px; line-height: 1.6; } .p-18 { font-size: 15px; line-height: 1.6; } .p-20 { font-size: 16px; line-height: 1.6; } .p-24 { font-size: 18px; line-height: 1.6; } }*/ @media (max-width: 1681px) { /*==常用字号==*/ .tit-12 { font-size: 12px; line-height: 1.5; } .tit-13 { font-size: 13px; line-height: 1.5; } /*.tit-14 { font-size: 13px; line-height: 1.6; } .tit-15 { font-size: 14px; line-height: 1.6; } .tit-16 { font-size: 15px; line-height: 1.6; } .tit-17 { font-size: 16px; line-height: 1.6; } .tit-18 { font-size: 17px; line-height: 1.6; }*/ .tit-14 { font-size: 14px; line-height: 1.6; } .tit-15 { font-size: 15px; line-height: 1.6; } .tit-16 { font-size: 16px; line-height: 1.6; } .tit-17 { font-size: 17px; line-height: 1.6; } .tit-18 { font-size: 18px; line-height: 1.6; } .tit-19 { font-size: 18px; line-height: 1.6; } .tit-20 { font-size: 19px; line-height: 1.6; } .tit-22 { font-size: 20px; line-height: 1.6; } .tit-24 { font-size: 22px; line-height: 1.6; } .tit-25 { font-size: 23px; line-height: 1.6; } .tit-26 { font-size: 24px; line-height: 1.6; } .tit-27 { font-size: 25px; line-height: 1.6; } .tit-28 { font-size: 26px; line-height: 1.6; } .tit-29 { font-size: 27px; line-height: 1.6; } .tit-30 { font-size: 26px; line-height: 1.6; } .tit-32 { font-size:28px; line-height: 1.6; } .tit-34 { font-size:30px; line-height: 1.6; } .tit-36 { font-size:80px; line-height: 1.6; } .tit-38 { font-size:34px; line-height: 1.6; } .tit-40 { font-size:36px; line-height: 1.6; } .tit-42 { font-size:36px; line-height: 1.6; } .tit-44 { font-size:38px; line-height: 1.6; } .tit-46 { font-size:40px; line-height: 1.6; } .tit-48 { font-size:42px; line-height: 1.6; } .tit-50 { font-size:42px; line-height: 1.6; } .tit-52 { font-size:44px; line-height: 1.6; } .tit-54 { font-size:345%; line-height: 1.6; } .tit_hei{ height:280px; overflow:hidden; } .tit-56 { font-size:48px; line-height: 1.6; } .tit-58 { font-size:50px; line-height: 1.6; } .tit-60 { font-size:53px; line-height: 1.6; } .tit-62 { font-size:53px; line-height: 1.6; } .tit-64 { font-size:55px; line-height: 1.6; } .tit-66 { font-size:57px; line-height: 1.6; } .tit-68 { font-size:59px; line-height: 1.6; } .tit-70 { font-size:61px; line-height: 1.6; } .tit-72 { font-size:63px; line-height: 1.6; } .tit-74 { font-size:65px; line-height: 1.6; } .tit-76 { font-size:67px; line-height: 1.6; } .tit-78 { font-size:69px; line-height: 1.6; } .tit-80 { font-size:71px; line-height: 1.6; } .p-12 { font-size: 12px; line-height: 1.6; } .p-14 { font-size: 13px; line-height: 1.6; } .p-16 { font-size: 15px; line-height: 1.6; } .p-18 { font-size: 17px; line-height: 1.6; } .p-20 { font-size:18px; line-height: 1.6; } .p-24 { font-size:22px; line-height: 1.6; } } @media (max-width: 1481px) { /*==常用字号==*/ .tit-13 { font-size: 12px; line-height: 1.5; } .tit_hei{ height:230px; } /*.tit-14 { font-size: 12px; line-height: 1.6; } .tit-15 { font-size: 13px; line-height: 1.6; } .tit-16 { font-size: 14px; line-height: 1.6; } .tit-17 { font-size: 15px; line-height: 1.6; } .tit-18 { font-size: 16px; line-height: 1.6; }*/ .tit-14 { font-size: 14px; line-height: 1.6; } .tit-15 { font-size: 15px; line-height: 1.6; } .tit-16 { font-size: 16px; line-height: 1.6; } .tit-17 { font-size: 16px; line-height: 1.6; } .tit-18 { font-size: 17px; line-height: 1.6; } .tit-19 { font-size: 17px; line-height: 1.6; } .tit-20 { font-size: 17px; line-height: 1.6; } .tit-22 { font-size: 18px; line-height: 1.6; } .tit-24 { font-size: 20px; line-height: 1.6; } .tit-25 { font-size: 21px; line-height: 1.6; } .tit-26 { font-size: 22px; line-height: 1.6; } .tit-27 { font-size: 23px; line-height: 1.6; } .tit-28 { font-size: 24px; line-height: 1.6; } .tit-29 { font-size: 25px; line-height: 1.6; } .tit-30 { font-size: 26px; line-height: 1.6; } .tit-32 { font-size:26px; line-height: 1.6; } .tit-34 { font-size:26px; line-height: 1.6; } .tit-36 { font-size:70px; line-height: 1.6; } .tit-38 { font-size:30px; line-height: 1.6; } .tit-40 { font-size:32px; line-height: 1.6; } .tit-42 { font-size:32px; line-height: 1.6; } .tit-44 { font-size:34px; line-height: 1.6; } .tit-46 { font-size:36px; line-height: 1.6; } .tit-48 { font-size:38px; line-height: 1.6; } .tit-50 { font-size:38px; line-height: 1.6; } .tit-52 { font-size:38px; line-height: 1.6; } .tit-54 { font-size:300%; line-height: 1.6; } .tit-56 { font-size:42px; line-height: 1.6; } .tit-58 { font-size:44px; line-height: 1.6; } .tit-60 { font-size:46px; line-height: 1.6; } .tit-62 { font-size:48px; line-height: 1.6; } .tit-64 { font-size:49px; line-height: 1.6; } .tit-66 { font-size:51px; line-height: 1.6; } .tit-68 { font-size:53px; line-height: 1.6; } .tit-70 { font-size:53px; line-height: 1.6; } .tit-72 { font-size:55px; line-height: 1.6; } .tit-74 { font-size:57px; line-height: 1.6; } .tit-76 { font-size:58px; line-height: 1.6; } .tit-78 { font-size:61px; line-height: 1.6; } .tit-80 { font-size:62px; line-height: 1.6; } .p-12 { font-size: 12px; line-height: 1.6; } .p-14 { font-size: 12px; line-height: 1.6; } .p-16 { font-size: 16px; line-height: 1.6; } .p-18 { font-size: 17px; line-height: 1.6; } .p-20 { font-size:19px; line-height: 1.6; } .p-24 { font-size:22px; line-height: 1.6; } } @media (max-width: 1281px) { /*==常用字号==*/ .tit-13 { font-size: 12px; line-height: 1.5; } .tit_hei{ height:240px; } /*.tit-14 { font-size: 12px; line-height: 1.6; } .tit-15 { font-size: 12px; line-height: 1.6; } .tit-16 { font-size: 13px; line-height: 1.6; } .tit-17 { font-size: 14px; line-height: 1.6; } .tit-18 { font-size: 15px; line-height: 1.6; }*/ .tit-14 { font-size: 13px; line-height: 1.6; } .tit-15 { font-size: 14px; line-height: 1.6; } .tit-16 { font-size: 15px; line-height: 1.6; } .tit-17 { font-size: 15px; line-height: 1.6; } .tit-18 { font-size: 16px; line-height: 1.6; } .tit-19 { font-size: 16px; line-height: 1.6; } .tit-20 { font-size: 16px; line-height: 1.6; } .tit-22 { font-size: 17px; line-height: 1.6; } .tit-24 { font-size: 19px; line-height: 1.6; } .tit-25 { font-size: 19px; line-height: 1.6; } .tit-26 { font-size: 20px; line-height: 1.6; } .tit-27 { font-size: 21px; line-height: 1.6; } .tit-28 { font-size: 22px; line-height: 1.6; } .tit-29 { font-size: 23px; line-height: 1.6; } .tit-30 { font-size: 24px; line-height: 1.6; } .tit-32 { font-size:24px; line-height: 1.6; } .tit-34 { font-size:24px; line-height: 1.6; } .tit-36 { font-size:56px; line-height: 1.6; } .tit-38 { font-size:28px; line-height: 1.6; } .tit-40 { font-size:28px; line-height: 1.6; } .tit-42 { font-size:28px; line-height: 1.6; } .tit-44 { font-size:30px; line-height: 1.6; } .tit-46 { font-size:32px; line-height: 1.6; } .tit-48 { font-size:34px; line-height: 1.6; } .tit-50 { font-size:34px; line-height: 1.6; } .tit-52 { font-size:34px; line-height: 1.6; } .tit-54 { font-size:250%; line-height: 1.6; } .tit-56 { font-size:36px; line-height: 1.6; } .tit-58 { font-size:38px; line-height: 1.6; } .tit-60 { font-size:40px; line-height: 1.6; } .tit-62 { font-size:42px; line-height: 1.6; } .tit-64 { font-size:43px; line-height: 1.6; } .tit-66 { font-size:43px; line-height: 1.6; } .tit-68 { font-size:45px; line-height: 1.6; } .tit-70 { font-size:47px; line-height: 1.6; } .tit-72 { font-size:47px; line-height: 1.6; } .tit-74 { font-size:49px; line-height: 1.6; } .tit-76 { font-size:50px; line-height: 1.6; } .tit-78 { font-size:52px; line-height: 1.6; } .tit-80 { font-size:53px; line-height: 1.6; } .p-12 { font-size: 12px; line-height: 1.6; } .p-14 { font-size: 12px; line-height: 1.6; } .p-16 { font-size: 15px; line-height: 1.6; } .p-18 { font-size: 17px; line-height: 1.6; } .p-20 { font-size: 18px; line-height: 1.6; } .p-24 { font-size: 22px; line-height: 1.6; } } @media (max-width: 1100px) { /*==常用字号==*/ .tit-13 { font-size: 12px; line-height: 1.5; } .tit_hei{ height:190px; } /*.tit-14 { font-size: 12px; line-height: 1.6; } .tit-15 { font-size: 12px; line-height: 1.6; } .tit-16 { font-size: 12px; line-height: 1.6; } .tit-17 { font-size: 13px; line-height: 1.6; } .tit-18 { font-size: 14px; line-height: 1.6; } .tit-19 { font-size: 15px; line-height: 1.6; } .tit-20 { font-size: 15px; line-height: 1.6; } .tit-22 { font-size: 16px; line-height: 1.6; } */ .tit-14 { font-size: 13px; line-height: 1.6; } .tit-15 { font-size: 13px; line-height: 1.6; } .tit-16 { font-size: 14px; line-height: 1.6; } .tit-17 { font-size: 14px; line-height: 1.6; } .tit-18 { font-size: 16px; line-height: 1.6; } .tit-19 { font-size: 16px; line-height: 1.6; } .tit-20 { font-size: 17px; line-height: 1.6; } .tit-22 { font-size: 17px; line-height: 1.6; } .tit-24 { font-size: 18px; line-height: 1.6; } .tit-25 { font-size: 18px; line-height: 1.6; } .tit-26 { font-size: 19px; line-height: 1.6; } .tit-27 { font-size: 19px; line-height: 1.6; } .tit-28 { font-size: 20px; line-height: 1.6; } .tit-29 { font-size: 21px; line-height: 1.6; } .tit-30 { font-size: 22px; line-height: 1.6; } .tit-32 { font-size:22px; line-height: 1.6; } .tit-34 { font-size:22px; line-height: 1.6; } .tit-36 { font-size:50px; line-height: 1.6; } .tit-38 { font-size:26px; line-height: 1.6; } .tit-40 { font-size:26px; line-height: 1.6; } .tit-42 { font-size:26px; line-height: 1.6; } .tit-44 { font-size:28px; line-height: 1.6; } .tit-46 { font-size:28px; line-height: 1.6; } .tit-48 { font-size:30px; line-height: 1.6; } .tit-50 { font-size:30px; line-height: 1.6; } .tit-52 { font-size:30px; line-height: 1.6; } .tit-54 { font-size:185%; line-height: 1.6; } .tit-56 { font-size:32px; line-height: 1.6; } .tit-58 { font-size:34px; line-height: 1.6; } .tit-60 { font-size:36px; line-height: 1.6; } .tit-62 { font-size:36px; line-height: 1.6; } .tit-64 { font-size:37px; line-height: 1.6; } .tit-66 { font-size:38px; line-height: 1.6; } .tit-68 { font-size:39px; line-height: 1.6; } .tit-70 { font-size:41px; line-height: 1.6; } .tit-72 { font-size:42px; line-height: 1.6; } .tit-74 { font-size:43px; line-height: 1.6; } .tit-76 { font-size:44px; line-height: 1.6; } .tit-78 { font-size:44px; line-height: 1.6; } .tit-80 { font-size:45px; line-height: 1.6; } .p-12 { font-size: 12px; line-height: 1.6; } .p-14 { font-size: 12px; line-height: 1.6; } .p-16 { font-size: 14px; line-height: 1.6; } .p-18 { font-size: 16px; line-height: 1.6; } .p-20 { font-size: 18px; line-height: 1.6; } .p-24 { font-size: 20px; line-height: 1.6; } } /*==常用行高==*/ .line-height_0 { line-height: 1; } .line-height_1 { line-height: 1.5; } .line-height_2 { line-height: 2; } .line-height_24 { line-height: 24px; } .line-height_26 { line-height: 26px; } .line-height_28 { line-height: 28px; } .line-height_30 { line-height: 30px; } .line-height_32 { line-height: 32px; } .line-height_34 { line-height: 34px; } .line-height_36 { line-height: 36px; } .line-height_38 { line-height: 38px; } .line-height_40 { line-height: 40px; } /*==常用颜色==*/ .col-fff { color: #fff; } .col-222 { color: #222; } .col-333 { color: #333; } .col-666 { color: #666; } .col-000 { color: #000; } .col-888 { color: #888; } .col-4c { color: #4c4c4c; } .col-red { color: #da3830; } /*视频平铺 16:9的比例*/ .full-video { position: relative !important; left: auto !important; right: auto !important; bottom: auto !important; top: auto !important; height: 100vh; -webkit-transition: width 0.56s, right 0.56s, bottom 0.56s, left 0.56s, top 0.56s, opacity 0.56s !important; transition: width 0.56s, right 0.56s, bottom 0.56s, left 0.56s, top 0.56s, opacity 0.56s !important; } .full-video video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .full-video-in { width: 100vw; height: 100%; right: 0; bottom: 0; position: absolute; top: 0; left: 0; } /*视频平铺1920*1080的视频 最大高度1080 宽度1920*/ .home-video { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } /*==flex 弹性布局==*/ .flex-row-nowrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .flex-row-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .flex-row-wrap-1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .flex-row-wrap-2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .flex2-row-nowrap { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .flex2-row-wrap { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .flex2-row-wrap-1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .flex2-row-wrap-2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } /*==进场效果==*/ .imgbg-tong:after { content: ""; margin: 0 0 0 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; z-index: 4; -webkit-transition: all 0.5s ease-in-out 0.5s; transition: all 0.5s ease-in-out 0.5s; } .imgbg-tong:before { content: ""; margin: 0 0 0 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #111; z-index: 5; opacity: 1; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .js-m.animate.imgbg-tong:before, .js-m.animate.imgbg-tong:after { margin-right: 0; right: 0; bottom: 0; left: 100%; } /*==下拉select加自己的下拉箭头样式==*/ .select-arrow { border: none; background: transparent url(../img/img3.png) no-repeat right center; background-size: 24px auto; outline: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; } /*== 飘动效果0 animation: planet1 35s infinite linear; ==*/ @-webkit-keyframes animation-1 { 0% { -webkit-transform: rotate(0) translate(2.5%, 0) rotate(0); transform: rotate(0) translate(2.5%, 0) rotate(0); } 50% { -webkit-transform: rotate(180deg) translate(2.5%, 2%) rotate(-180deg); transform: rotate(180deg) translate(2.5%, 2%) rotate(-180deg); } 100% { -webkit-transform: rotate(360deg) translate(2.5%, 0) rotate(-360deg); transform: rotate(360deg) translate(2.5%, 0) rotate(-360deg); } } @keyframes animation-1 { 0% { -webkit-transform: rotate(0) translate(2.5%, 0) rotate(0); transform: rotate(0) translate(2.5%, 0) rotate(0); } 50% { -webkit-transform: rotate(180deg) translate(2.5%, 2%) rotate(-180deg); transform: rotate(180deg) translate(2.5%, 2%) rotate(-180deg); } 100% { -webkit-transform: rotate(360deg) translate(2.5%, 0) rotate(-360deg); transform: rotate(360deg) translate(2.5%, 0) rotate(-360deg); } } @media (max-width: 767px) { .v-abouts-top .picBox{ width:100%; } .v-abouts-top .words{ width:100%; } .tit-20 { font-size: .2rem; line-height: 1.6; } .tit-22 { font-size: 2.1rem; line-height: 1.6; } .tit-24 { font-size: .24rem; line-height: 1.6; } .tit-25 { font-size: .25rem; line-height: 1.6; } .tit-26 { font-size: .26rem; line-height: 1.6; } .tit-27 { font-size: .27rem; line-height: 1.6; } .tit-28 { font-size: .28rem; line-height: 1.6; } .tit-29 { font-size: .29rem; line-height: 1.6; } .tit-30 { font-size: .30rem; line-height: 1.6; } .tit-32 { font-size: .32rem; line-height: 1.6; } .tit-34 { font-size: .34rem; line-height: 1.6; } .tit-36 { font-size: 2.36rem; line-height: 1.6; } .tit-38 { font-size: .38rem; line-height: 1.6; } .tit-40 { font-size: .4rem; line-height: 1.6; } .tit-42 { font-size: .42rem; line-height: 1.6; } .tit-44 { font-size: .44rem; line-height: 1.6; } .tit-46 { font-size: .46rem; line-height: 1.6; } .tit-48 { font-size: .48rem; line-height: 1.6; } .tit-50 { font-size: .5rem; line-height: 1.6; } .tit-52 { font-size: .52rem; line-height: 1.6; } .tit-54 { font-size: 1.8rem; line-height: 1.6; } .tit-56 { font-size: .56rem; line-height: 1.6; } .tit-58 { font-size: .58rem; line-height: 1.6; } .tit-60 { font-size: .6rem; line-height: 1.6; } .tit-62 { font-size: .62rem; line-height: 1.6; } .tit-64 { font-size: .64rem; line-height: 1.6; } .tit-66 { font-size: .66rem; line-height: 1.6; } .tit-68 { font-size: .68rem; line-height: 1.6; } .tit-70 { font-size: .75rem; line-height: 1.6; } .tit-72 { font-size: .72rem; line-height: 1.6; } .tit-74 { font-size: .74rem; line-height: 1.6; } .tit-76 { font-size: .76rem; line-height: 1.6; } .tit-78 { font-size: .78rem; line-height: 1.6; } .tit-80 { font-size: .8rem; line-height: 1.6; } } /*# sourceMappingURL=nece.css.map */