@charset "utf-8";/* CSS Document */
@font-face{font-weight:400;font-style:normal;font-family:fontawesome;font-display:swap;src:url(//:) format("no404"),url(../font/fontawesome-webfont.woff) format("woff"),url(../font/fontawesome-webfont.ttf) format("truetype")}
@font-face{font-weight:200;font-style:normal;font-family:Jost;src:local('Jost-Light'),local('Jost-Light'),url(../font/Jost-Light.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-weight:300;font-style:normal;font-family:Jost;src:local('Jost-Regular'),local('Jost-Regular'),url(../font/Jost-Regular.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-weight:400;font-style:normal;font-family:Jost;src:local('Jost-Medium'),local('Jost-Medium'),url(../font/Jost-Medium.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-weight:500;font-style:normal;font-family:Jost;src:local('Jost-SemiBold'),local('Jost-SemiBold'),url(../font/Jost-SemiBold.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-weight:600;font-style:normal;font-family:Jost;src:local('Jost-Bold'),local('Jost-Bold'),url(../font/Jost-Bold.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-weight:700;font-style:normal;font-family:Jost;src:local('Jost-ExtraBold'),local('Jost-ExtraBold'),url(../font/Jost-ExtraBold.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-weight:200;font-style:normal;font-family:Poppins;src:local('Poppins-Light'),local('Poppins-Light'),url(../font/Poppins-Light.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-weight:300;font-style:normal;font-family:Poppins;src:local('Poppins-Regular'),local('Poppins-Regular'),url(../font/Poppins-Regular.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-weight:400;font-style:normal;font-family:Poppins;src:local('Poppins-Medium'),local('Poppins-Medium'),url(../font/Poppins-Medium.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-weight:500;font-style:normal;font-family:Poppins;src:local('Poppins-SemiBold'),local('Poppins-SemiBold'),url(../font/Poppins-SemiBold.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-weight:600;font-style:normal;font-family:Poppins;src:local('Poppins-Bold'),local('Poppins-Bold'),url(../font/Poppins-Bold.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-weight:700;font-style:normal;font-family:Poppins;src:local('Poppins-Black'),local('Poppins-Black'),url(../font/Poppins-Black.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:iconfont;src:url(../font/iconfont.ttf?t=1622274305876) format('truetype')}
/****basic****/

/****banner END****/
/*mainpro*/
.mainpro_bg{width:100%;position:relative;padding:1rem 0;z-index:1;}
.mainpro_bg:before{position:absolute;content:'';background:url(../images/dots_home_slider.png) no-repeat;width:694px;height:173px;right:0;bottom:10px;opacity:.7;left:0;margin:0 auto;}
.mainpro{width:94%;margin:2rem auto;max-width:1300px;position:relative;}
.mainpro .webtitle{position:relative;margin:0 auto;padding:1.5rem 0;font-size:2.8rem;line-height:3rem;text-align:center;color:#111;font-weight:200;width:100%;font-family:'Poppins';}
.mainpro .webtitle span{display:inline-block;background:#fff;padding:0 1.5rem;position:relative;}
.mainpro .webtitle a{color:#111;background:#3F8DF0;padding:1rem 3rem;}
.mainpro .webtitle a:hover{color:#555}
.mainpro p{font-size:1.2rem;line-height:1.8rem;color:#777;font-weight:300;width:68%;margin:0 auto 2rem;text-align:center;}
.mainpro_link_box{width:85%;max-width:1300px;margin:0 auto;display:flex;flex-wrap:wrap;position:relative;justify-content:space-between;}
.mainprolink{width:calc(calc(100% / 3) - 4%);position:relative;margin:0 auto 2rem;}
.mainprolink a{width:100%;display:block;text-align:center;color:#555;font-weight:500;padding:0.5rem 0;font-size:1rem;position:relative;}
.mainprolink a:before{position:absolute;content:'';width:100%;height:100%;left:0;top:0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;transition:.3s all ease-in-out;}
.mainprolink a:hover{color:#3F8DF0;}
.mainprolink a:hover:before{border-top:1px solid #3F8DF0;border-bottom:1px solid #3F8DF0;height:120%;top:-10%;}
.mainpro_more{width:160px;position:relative;margin:1rem auto;text-align:center;}
.mainpro_more a{display:block;width:100%;font-size:0.9rem;line-height:0.9rem;font-weight:200;text-transform:uppercase;border:1px solid #ccc;padding:0.8rem 0;border-radius:2rem;letter-spacing:0.03rem;transition:.3s all ease-in-out;}
.mainpro_more a:hover{background:#efefef;}
.mainpro ul{width:100%;display:flex;position:relative;margin:0 auto;flex-wrap:wrap;}
.mainpro ul>li{width:23.5%;position:relative;margin:0 2% 1.5rem 0;transition:.3s all ease-in-out;border-radius:1rem;overflow:hidden;}
.mainpro ul>li:hover{box-shadow:4px 5px 16px 0px rgba(0,0,0,.5);}
.mainpro ul>li:nth-child(3){margin-right:0;}
.mainpro ul>li:nth-child(1){width:49%;}
.mainpro ul>li:nth-child(6){width:49%;margin-right:0;}
.mainpro ul>li>ol{width:100%;position:relative;display:flex;flex-wrap:wrap;flex-direction:row-reverse;}
.mainpro ul li ol li.product_img{width:100%;position:relative;z-index:1;}
.mainpro ul li ol li.product_img a{width:100%;display:block;position:relative;text-align:center;}
.mainpro ul li ol li.product_img a:before{position:absolute;content:'';background:linear-gradient(0deg,#000,transparent);width:100%;height:100%;margin:0 auto;left:0;right:0;transition:.3s all ease-in-out;z-index:1;opacity:.5;}
.mainpro ul li ol li.product_img a:hover:before{opacity:0.8;}
.mainpro ul li ol li.product_img img{width:100%;transition:.3s all ease-in-out;}
.mainpro ul li ol li.product_img .img_small{display:none;}
.mainpro ul li ol li.product_con{position:absolute;display:block;width:100%;transition:.5s all ease-in-out;z-index:1;left:0;bottom:0;}
.mainpro ul li ol li.product_con a{color:#fff;font-size:1.2rem;display:block;position:relative;line-height:1.3rem;padding:1rem 1rem 1.5rem;font-weight:300;text-align:center;}
.mainpro ul li ol li.product_con small{display:block;font-size:100%;}
.mainpro ul li ol li.product_con span{color:#666;font-size:1.05rem;line-height:1.5rem;display:block;padding:0;font-weight:300;text-align:center;}
.mainpro ul li ol li.product_con a span{display:block;font-size:1.15rem;line-height:1.5rem;color:#111;}
.mainpro ul li ol:hover li.product_con a{color:#4AE2BA;padding:1rem 1rem 2rem;}
.mainpro ul li ol li.product_con a:hover:before{width:140px;}
.mainpro ul li ol li.product_con a.more{width:100%;padding:0.5rem 0;font-size:0.9rem;line-height:0.9rem;text-align:center;background:0;display:block;margin:1rem 0;position:relative;text-transform:uppercase;color:#3F8DF0;border:1px solid #3F8DF0;overflow:hidden;border-radius:2rem;font-weight:300;}
.mainpro ul li ol li.product_con a.more:before{position:absolute;content:'';background:#3F8DF0;width:0;height:100%;left:0;top:0;z-index:-1;transition:.3s all ease-in-out;}
.mainpro ul li ol li.product_con a.more:hover{color:#fff;}
.mainpro ul li ol li.product_con a.more:hover:before{width:100%;}
.mainpro ul li ol li.product_more a{background:linear-gradient(40deg,#96a1b2,#003153);color:#fff;padding:0.5rem 1rem;display:block;margin:0 1rem 1.5rem;font-size:.9rem;line-height:1.1rem;}
@media (max-width:1299.98px){.mainpro1 ul li ol li.product_img span{font-size:1rem;}
}
@media (max-width:991.98px){.mainpro{margin:0rem auto;box-shadow:none;padding:0 15px;width:100%;}
.mainpro .webtitle{font-size:2rem;line-height:2.4rem;}
.mainpro p{font-size:1.1rem;line-height:1.6rem;width:100%;}
.mainpro>ul>li{width:49%;margin:0 2% 1.5rem 0}
.mainpro ul li ol li.product_img .img_big{display:none;}
.mainpro ul li ol li.product_img .img_small{display:block;}
.mainpro>ul>li:nth-child(3n){margin-right:2%}
.mainpro>ul>li:nth-child(3n+1){clear:none;}
.mainpro>ul>li:nth-child(2n){margin-right:0}
.mainpro>ul>li:nth-child(2n+1){clear:both;}
}
@media (max-width:767.98px){.mainpro_title{width:100%;margin:0;}
.mainpro_title span{text-align:left;font-size:2.4rem;line-height:2.8rem;}
.mainpro_title p{text-align:left;font-size:0.9rem;}
}
@media (max-width:575.98px){.mainpro>ul>li{width:100%;margin:0 0 2rem 0}
.mainpro ul > li:nth-child(1),.mainpro ul > li:nth-child(6){width:100%;}
.mainpro>ul>li:nth-child(3n){margin-right:0}
.mainpro ul li ol li.product_img img{width:100%;}
.mainpro ul li ol li.product_con a{font-size:1.2rem;line-height:1.5rem;padding:0.5rem 0 1rem;}
.mainpro ul li:nth-child(3) ol li.product_con a,.mainpro ul li:nth-child(4) ol li.product_con a{padding:0.5rem 0 1rem;}
.mainpro ul li ol li.product_con a span{display:inline-block;}
.mainpro ul li ol li.product_con span{font-size:0.95rem;}
.mainpro .webtitle:before{display:none;}
.mainpro .webtitle{width:auto;margin-bottom:0;padding-bottom:1rem;}
}