@charset "utf-8";


/***************************  内容部分  ***************************/
section.banner {position:relative;width:100%;height:auto;padding:0 !important;overflow:hidden;}
section.banner img {width:100%;height:auto;cursor:pointer;}
section.banner dl.container {position:absolute;top:50%;left:calc(50% - 40rem);width:auto;height:auto;transform:translateY(-70%);}
section.banner dl.container dt {width:100%;height:auto;font-size:5rem;color:#fff;line-height:6rem;}
section.banner dl.container dd {width:100%;height:auto;margin-top:0.5rem;font-size:2rem;color:#fff;line-height:3rem;}
section.productType {width:80rem;height:auto;padding:3rem calc(50% - 40rem) 2rem;}
section.productType name {width:100%;height:4rem;display:block;text-align:center;font-size:3rem;color:#1c1e20;line-height:4rem;}
section.productType div {width:calc(100% + 2rem);height:auto;margin-top:1rem;margin-left:-1rem;display:flex;flex-wrap:wrap;justify-content:flex-start;}
section.productType div a {width:calc(25% - 2rem);height:3rem;padding:2rem 0;padding-top:7rem;margin:1rem;display:block;text-align:center;font-size:1.5rem;color:#1c1e20;line-height:3rem;border-radius:0.5rem;cursor:pointer;}
section.introduce {width:80rem;height:auto;padding:3rem calc(50% - 40rem);display:flex;flex-wrap:nowrap;justify-content:space-between;background:#fff;}
section.introduce name {width:50%;height:auto;display:block;}
section.introduce name img {width:auto;height:3rem;margin:2rem;}
section.introduce dl {width:calc(50% - 3rem);height:auto;margin:2rem 0;padding:2rem;padding-left:1rem;}
section.introduce dl dt {width:100%;height:2rem;font-size:1.5rem;color:#1c1e20;line-height:2rem;}
section.introduce dl dd {width:100%;height:auto;margin-top:1rem;font-size:1rem;color:#1c1e20;line-height:1.5rem;}
section.introduce dl a {position:relative;z-index:2;width:auto;height:2rem;padding:0 1.5rem;margin-top:1rem;display:inline-block;font-size:1rem;color:#fff;line-height:2rem;white-space:nowrap;background:#005c96;border-radius:0.2rem;cursor:pointer;}
section.introduce dl a:hover {box-shadow:0 0 0.5rem #1c1e2040;}
section.productList {width:80rem;height:auto;padding:3rem calc(50% - 40rem) 2rem;}
section.productList div {width:100%;height:auto;display:flex;flex-wrap:nowrap;justify-content:space-between;}
section.productList div name {width:100%;height:4rem;display:block;font-size:3rem;color:#1c1e20;line-height:4rem;}
section.productList div a {width:auto;height:2rem;padding:0 1.5rem;margin-top:2rem;display:block;font-size:1rem;color:#fff;line-height:2rem;white-space:nowrap;background:#005c96;border-radius:0.2rem;cursor:pointer;}
section.productList div a:hover {box-shadow:0 0 0.5rem #1c1e2040;}
section.productList ul {width:calc(100% + 2rem);height:auto;margin-top:1rem;margin-left:-1rem;display:flex;flex-wrap:wrap;justify-content:flex-start;}
section.productList ul li {position:relative;width:calc(25% - 4rem);height:16.5rem;padding:1rem;margin:1rem;background:#fff;border-radius:0.5rem;cursor:pointer;}
section.productList ul li:hover {box-shadow:0 0 1rem #1c1e2040;}
section.productList ul li img {position:absolute;top:50%;left:50%;width:auto;max-width:calc(100% - 4rem);height:auto;max-height:calc(100% - 4rem);transform:translate(-50%, -50%);}
section.productList ul li span {position:absolute;z-index:1;top:0;left:0;width:auto;height:auto;padding:0 1.5rem;font-size:1rem;color:#fff;line-height:2rem;background:#005c96;border-radius:0.5rem 0 0 0;}
section.productList ul li a {position:absolute;z-index:2;top:0;left:0;width:calc(100% - 2rem);height:calc(100% - 2rem);padding:1rem;display:none;background:#005c9680;border-radius:0.5rem;}
section.productList ul li a:after {content:"";position:absolute;top:50%;left:50%;width:calc(100% - 2rem - 2px);height:calc(100% - 2rem - 2px);border:solid 1px #fff;transform:translate(-50%, -50%);}
section.productList ul li:hover a {display:block;}
section.productList ul li a p {width:100%;height:auto;margin:4rem 0 1rem;display:block;text-align:center;font-size:1.5rem;color:#fff;line-height:3rem;}
section.productList ul li a i {width:100%;height:auto;display:block;text-align:center;font-size:1rem;font-style:normal;color:#fff;line-height:1.5rem;}
section.news {width:80rem;height:auto;padding:3rem calc(50% - 40rem) 2rem;background:#fff;}
section.news div {width:100%;height:auto;display:flex;flex-wrap:nowrap;justify-content:space-between;}
section.news div name {width:100%;height:4rem;display:block;font-size:3rem;color:#1c1e20;line-height:4rem;}
section.news div a {width:auto;height:2rem;padding:0 1.5rem;margin-top:2rem;display:block;font-size:1rem;color:#fff;line-height:2rem;white-space:nowrap;background:#005c96;border-radius:0.2rem;cursor:pointer;}
section.news div a:hover {box-shadow:0 0 0.5rem #1c1e2040;}
section.news ul {width:100%;height:auto;margin-top:2rem;display:flex;flex-wrap:nowrap;justify-content:space-between;}
section.news ul li {width:calc(33.333% - 8rem);height:14rem;padding:2rem;border-radius:0.5rem;cursor:pointer;}
section.news ul li:hover {box-shadow:0 0 1rem #1c1e2040;}
section.news ul li span {width:100%;height:2rem;display:block;font-size:1.5rem;color:#1c1e20;line-height:2rem;white-space:nowrap;overflow:hidden;}
section.news ul li i {width:100%;height:1rem;margin:1rem 0;display:block;font-size:0.8rem;font-style:normal;color:#1c1e2080;line-height:1rem;}
section.news ul li p {width:100%;height:6rem;display:block;text-indent:2rem;font-size:1rem;color:#1c1e20;line-height:1.5rem;overflow:hidden;}
/**********  视频  **********/
section.video {position:fixed;z-index:3;top:50%;left:50%;width:100%;height:100%;background:#1c1e2080;transform:translate(-50%, -50%);}
section.video video {position:absolute;top:50%;left:50%;width:auto;max-width:80%;height:auto;max-height:80%;transform:translate(-50%, -50%);}