/* CSS Document */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,ul,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display:block;}
*{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
body { font-family:Arial,Sans-serif; color:#666; text-decoration:none; font-size:14px;/* background:#e7f5ff;*/ scroll-behavior: smooth;}
body.bodyn{ background:#fff;}
body,html{ scroll-behavior: smooth;}
textarea { resize:none;}
img{ max-width:100%;}
iframe,img { border:0;}
ul,ol,li { list-style:none;}
input, select, textarea { outline:0; -webkit-user-modify:read-write-plaintext-only;}
input { -webkit-appearance:none;}
a{ text-decoration:none; color:#666; transition:0.2s; -webkit-transition:0.2s;}
a:hover{ color:#0271c2;}
.clearfix { clear:both; zoom:1;}
.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden;}
.fl{ float:left;}
.fr{ float:right;}

/*滚动条*/
::-webkit-scrollbar{ width:6px; height:12px}
::-webkit-scrollbar-button:vertical{ display:none;}
::-webkit-scrollbar-track:vertical{ background-color:black}
::-webkit-scrollbar-track-piece{ background:#FFF}
::-webkit-scrollbar-thumb:vertical{ background-color:#00459c; border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{ background-color:#00459c}
::-webkit-scrollbar-corner:vertical{ background-color:#00459c}
::-webkit-scrollbar-resizer:vertical{ background-color:#00459c}

.m{ width:95%; max-width:1600px; margin:0 auto; position:relative;}
.n{ padding:80px 0;}

.top{ padding:20px 0; box-shadow: 0 0 5px #ccc; background:#fff;}
.top .m{ display:flex; justify-content:space-between;}
.top .logo img{ height:calc(80 / 1920 * 100vw);}
.top .top_nav{ display:flex; justify-content:space-between; line-height:calc(80 / 1920 * 100vw); font-size:18px; width:68%;}
.top .top_nav li a{ color:#000;}
.top .top_nav li{ position:relative; display:flex; font-weight:bold; font-family:"Montserrat";}
.top .top_nav li:hover a{ color:#0271c2;}
.top .top_nav li:after{ content:""; position:absolute; width:100%; height:2px; background:#0271c2; left:0; bottom:0; width:0; transition:0.2s;}
.top .top_nav li:hover:after{ width:100%;}
.top .language{ line-height:calc(80 / 1920 * 100vw);}
.top .language a{ margin-left:5px;}

.indexbody .slogan{ display:none;}
.slogan{ height:200px; background:linear-gradient(to top, rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.1)),url(../images/slogan.jpg) no-repeat top center; background-attachment:fixed;}
.slogant{ display:flex; justify-content:center; font-size:52px; color:#fff; line-height:200px; font-weight:bold; column-gap: 15px;}
.slogant div:nth-child(2){ color:#90d152; text-align:center; position:relative; display:flex; justify-content:center;}
.slogant div:nth-child(2):after{ content:"|"; display:inline-block; color:#fff; font-weight:normal; transform:translateY(-5px);}
.slogant div:nth-child(2) p{ white-space:nowrap; display:inline-block; overflow:hidden; animation:slogant 4s; animation-timing-function: linear; animation-iteration-count:infinite;}
.bannerslide .slogan{ display:block; position:absolute; left:0; bottom:0; width:100%; background:none; z-index:99; height:150px;}
.bannerslide .slogan .slogant{ line-height:150px;}

@keyframes slogant
{
    0%   { width:100%;}
    25%   { width:100%;}
    50%  { width:100%;}
    75%   { width:0;}
    100% { width:100%;}
}

/*banner*/
.bannerslide{ height:calc(700 / 1920 * 100vw); position:relative; overflow: hidden;}
.bannerslide .swiper-wrapper{}
.bannerslide .swiper-slide { background-position: center !important; position: relative; display:flex; overflow:hidden; padding:0 0 0 10vw; display:flex; align-items:center;}
.bannerslide .swiper-slide .slidebg{ position:absolute; top:0; left:0; width:100%; height:100%; transition:all 10s linear .1s; background-size:cover !important;}
.bannerslide .swiper-slide .bannertxt{ color:#fff; text-transform:capitalize; transition:all 0.5s linear .1s; transform:translateY(-100px);}
.bannerslide .swiper-slide .bannertxt>p{ font-size:calc(45 / 1920 * 100vw); font-weight:bold; line-height:1.2; text-transform:uppercase; font-family:"Montserrat"; position:relative;}
.bannerslide .swiper-slide .bannertxt>p:before{ content:""; position:absolute; bottom:130%; left:0; width:2vw; height:5px; background:#90d152;}
.bannerslide .swiper-slide .bannertxt>p:after{ content:""; position:absolute; bottom:130%; left:2vw; width:2vw; height:5px; background:#34a9ff;}
.bannerslide .swiper-slide .bannertxt>div{ display:flex; margin:2vw 0;}
.bannerslide .swiper-slide .bannertxt>div .item{ margin-right:1vw; text-align:center;}
.bannerslide .swiper-slide .bannertxt>div .item span{ display:block; margin:0 auto; width:5vw; height:5vw; background:#fff; border-radius:50%; color:#0271c2; font-size:2vw; display:flex; justify-content:center; align-items:center;}
.bannerslide .swiper-slide .bannertxt>div .item p{ text-align:center; font-size:1.1vw; margin-top:1vw; width:9.5vw;}
.bannerslide .swiper-slide .bannertxt a{ display:inline-block; font-size:16px; padding:0.8vw 1.2vw; background:#90d152; color:#fff; position: relative; border-radius: 5px; overflow: hidden;}
.bannerslide .swiper-slide .bannertxt a:before{ content:""; position:absolute; width:100%; height:100%; right:100%; bottom:100%; border-radius:5px; background:#0271c2; transition:0.5s;}
.bannerslide .swiper-slide .bannertxt a:after{ content:""; position:absolute; width:100%; height:100%; left:100%; top:100%; border-radius:5px; background:#0271c2; transition:0.5s;}
.bannerslide .swiper-slide .bannertxt a p{ position:relative; z-index:1;}
.bannerslide .swiper-slide .bannertxt a:hover:before{ right:0; bottom:0;}
.bannerslide .swiper-slide .bannertxt a:hover:after{ left:0; top:0;}

.bannerslide .swiper-slide-active .bannertxt{ transform:translateY(0);}
.bannerslide .wrapper { position: relative; height:100%;}
.bannerslide .swiper-pagination{ bottom:20px; z-index:999;}
.bannerslide .swiper-pagination .swiper-pagination-bullet{ outline:none; margin:0 10px; border: 1px solid #fff; background: transparent; width: 10px; height: 10px; border-radius: 50px; opacity:1; transition:0.5s;}
.bannerslide .swiper-pagination .swiper-pagination-bullet-active{  width:30px; background:#fff;}

.ind_ab{ background:url(../images/compbg.jpg) no-repeat center center; background-size:cover;}
.ind_ab .m{ display:flex;}
.ind_ab .m .ind_abi{ width:45%; overflow:hidden; position:relative;}
.ind_ab .m .ind_abi img{ width:100%; height:100%; object-fit:cover;}
.ind_ab .m .ind_abt{ width:55%; background:#fff; padding:60px; display:flex; flex-direction:column; justify-content:center;}
.ind_ab .m .ind_abt .p1{ font-size:36px; color:#333; padding-bottom:15px; position:relative; font-weight:bold;}
.ind_ab .m .ind_abt .p1:after{ content:""; position: absolute; left:0; top: 100%; width: 60px; height: 3px; background: #0271c2;}
.ind_ab .m .ind_abt .p2{ font-size:16px; line-height:2; margin-top:30px;}
.ind_ab .m .ind_abt ul{ display:flex; justify-content:space-between; margin:50px 0;}
.ind_ab .m .ind_abt ul li{ width:20%; text-align:center; font-size:13px;}
.ind_ab .m .ind_abt ul li img{ height:50px; margin-bottom:10px;}
.ind_ab .m .ind_abt a{ display:inline-block; color:#282737; border:1px solid #0271c2; padding:10px 20px;}
.ind_ab .m .ind_abt a:hover{ color:#fff; background:#0271c2;}


.ind_ab .m .ind_abi .swiper-pagination{ bottom:20px;}
.ind_ab .m .ind_abi .swiper-pagination .swiper-pagination-bullet{ outline:none; margin:0 10px; border: 1px solid #fff; background: transparent; width: 10px; height: 10px; border-radius: 50px; opacity:1; transition:0.5s;}
.ind_ab .m .ind_abi .swiper-pagination .swiper-pagination-bullet-active{  width:30px; background:#fff;}




.pt{ font-size:36px; color:#333; padding-bottom:15px; position:relative; font-weight:bold; text-align:center; text-transform:capitalize;}
.pt:after{ content:""; position: absolute; left:50%; top: 100%; transform:translateX(-50%); width: 60px; height: 3px; background: #0271c2;}

.ind_pro{ overflow:hidden;}
.ind_prolist .swiper-wrapper{ height:auto; margin-top:50px;}
.ind_prolist .swiper-wrapper .swiper-slide{ transition:0.5s; transform: scale(0.9);}
.ind_prolist .swiper-wrapper .swiper-slide img{ width:100%; height:320px; object-fit:cover;}
.ind_prolist .swiper-wrapper .swiper-slide-active,.ind_prolist .swiper-wrapper .swiper-slide-duplicate-active{ transform: scale(1);}
.ind_prolist .swiper-wrapper .swiper-slide-active img,.ind_prolist .swiper-wrapper .swiper-slide-duplicate-active img{ padding:10px; border: 1px solid #0271c2; background:#fff;}

.ind_pro2{ background:#e7f5ff;}
.ind_pro2 .m{ overflow:hidden;}
.ind_prolist2 .swiper-wrapper{ height:auto; margin-top:50px;}
.ind_prolist2 .swiper-wrapper .swiper-slide{ transition:0.5s; transform: scale(0.9);}
.ind_prolist2 .swiper-wrapper .swiper-slide img{ width:100%; height:320px; object-fit:cover;}
.ind_prolist2 .swiper-wrapper .swiper-slide-active,.ind_prolist2 .swiper-wrapper .swiper-slide-duplicate-active{ transform: scale(1);}
.ind_prolist2 .swiper-wrapper .swiper-slide-active img,.ind_prolist2 .swiper-wrapper .swiper-slide-duplicate-active img{ padding:10px; border: 1px solid #0271c2; background:#fff;}

.bottom{ padding:80px 0; background: #0271c2;}
.bottom .m{ display:flex; justify-content:space-between;}
.bottom .logob img{ height:150px;}
.bottom .bot_nav{ margin-left:6%; font-size:18px;}
.bottom .bot_nav ul{ column-count:2; column-gap:50px;}
.bottom .bot_nav p{ font-size:24px; font-weight:bold; color:#fff; margin-bottom:20px;}
.bottom .bot_nav li{ margin-bottom:20px;}
.bottom .bot_nav a{ color:#fff;}
.bottom .bot_con{ color:#fff; font-size:18px; margin-left:6%;}
.bottom .bot_con p{ margin-bottom:20px;}
.bottom .bot_con p.p1{ font-size:24px; font-weight:bold;}
.bottom .bot_con p span{ display:inline-block; width:20px; margin-right:10px;}
.bottom .bot_con p a{ color:#fff;}

.now{ border-bottom:1px solid #ddd; background:#fff;}
.now .m{ display:flex; justify-content:space-between;}
.now a{ text-transform:uppercase; font-size:16px; margin:0 10px; font-weight:bold; line-height:60px; display:inline-block;}
.now ul li{ display:inline-block;}

.about{ padding:120px 0; position:relative;}
.about:after{ content:""; position:absolute; width: 45%; height: 100%; background: #e7f5ff; right: 0px; top: 0px; z-index:-1;}
.aboutm{ display:flex; justify-content:space-between; flex-wrap:wrap;}
.aboutm .aboutl{ width:calc(700 / 1600 * 100%); padding:50px 0;}
.aboutm .aboutl h2 { font-size: 36px; color: #333; position: relative; padding-bottom: 40px; text-transform:capitalize;}
.aboutm .aboutl h2 b { position: absolute; left: 0px; top: 15px; font-size: 60px; color: #e7f5ff; z-index: -1; font-weight: bold; text-transform: uppercase;}
.aboutm .aboutl p{ font-size: 16px; margin-top: 30px; line-height: 2; text-align:justify; color: #000;}
.aboutm .aboutr{ width:calc(800 / 1600 * 100%);}
.aboutm .aboutr img{ width:100%; height:100%; object-fit:cover;}
.aboutm2{ margin-top:80px;}
.aboutm2 .aboutl{ width:calc(750 / 1600 * 100%); padding-right:50px;}

.about2{ padding:100px 0; background:linear-gradient(to top, rgb(0 0 0 / 0.5), rgb(0 0 0 / 0.5)),url(../images/about2.jpg) no-repeat center center; background-size:cover;}
.about2 .m{ display:flex;}
.about2 .ab2t{ width:48%; margin-left:auto; background:#fff; padding:45px 50px 60px; border-radius:5px;}
.about2 .ab2t p{ font-size:16px; line-height:1.8;}
.about2 .ab2t a{ display:inline-block; color:#fff; background:#0271c2; padding:15px 20px; border-radius:5px; font-size:16px; text-transform:capitalize; margin-top:30px; position:relative; overflow:hidden;}
.about2 .ab2t a:before{ content:""; position:absolute; width:100%; height:100%; right:100%; bottom:100%; border-radius:5px; background:#242E37; transition:0.5s;}
.about2 .ab2t a:after{ content:""; position:absolute; width:100%; height:100%; left:100%; top:100%; border-radius:5px; background:#242E37; transition:0.5s;}
.about2 .ab2t a p{ position:relative; z-index:1;}
.about2 .ab2t a:hover:before{ right:0; bottom:0;}
.about2 .ab2t a:hover:after{ left:0; top:0;}

.about3{ display:flex; justify-content:space-between;}
.about3 .item{ background:#fafafa; width:32%; padding:50px; border-radius:10px; font-size:16px; line-height:2;}
.about3 .item span{ font-size:50px; margin-bottom:20px; color:#0271c2;}

.product{ background:#fff;}
.product .m{ background:#fff; box-shadow: 0 0 50px -20px rgba(0, 0, 0, .15); padding: 80px;}
.proul{ display:flex; flex-wrap:wrap;}
.proul li{ width:23.5%; margin-right:2%; margin-bottom:2%; transition:0.2s;}
.proul li:nth-child(4n){ margin-right:0;}
.proul li .proimg{ border:1px solid #e6e6e6;}
.proul li .protit{ background:#f1f1f1; padding:20px; font-size:0; transition:0.2s;}
.proul li .protit .p1{ font-size: 18px; color: #333; line-height: 30px; font-weight: 600; height:3.33em; text-transform:capitalize;}
.proul li .protit .p2{ font-size:14px; margin-top:10px;}
.proul li .protit .b1,.proul li .protit .b2{ width: 16px; height: 3px; background: #0270c1; margin-top: 10px; display:inline-block;}
.proul li .protit .b2{ background: #90d152;}
.proul li:hover{ box-shadow:0 0 10px #ccc;}
.proul li:hover .protit{ background:#0270c1;}
.proul li:hover .protit .p1,.proul li:hover .protit .p2{ color:#fff;}


.pro_image{ display:flex; height:500px;}
.pro_image .pi_l{ height:100%; position:relative;}
.pro_image .pi1{ width:120px; height:calc(100% - 90px); margin-left:0; margin-right:0; margin-top:45px;}
.pro_image .pi1 img{ border:1px solid #ccc; width:100%; height:100%; cursor:pointer;}
.pro_image .pi1 .swiper-slide-thumb-active img{ border:1px solid #0270c1;}
.pro_image .pi_l .pi1-swiper-button-next{ position:absolute; width:100%; height:35px; left:0; bottom:0; background:#0270c1 url(../images/jtn.png) no-repeat center center; z-index:9; cursor:pointer; display:block !important;}
.pro_image .pi_l .pi1-swiper-button-prev{ position:absolute; width:100%; height:35px; left:0; top:0; background:#0270c1 url(../images/jtp.png) no-repeat center center; z-index:9; cursor:pointer; display:block !important;}
.pro_image .pi_l .swiper-button-disabled{ background-color:#ccc;}
.pro_image .pi_l .pi1-swiper-button-next:focus{ outline:none;}
.pro_image .pi_l .pi1-swiper-button-prev:focus{ outline:none;}

.pro_image .pi_r{ width:calc(500px * 600 / 574); margin-left:20px;}
.pro_image .pi_r img{ width:100%; height:100%; object-fit:cover; border:1px solid #ccc;}

.pro_image .pi_t{ width:530px; display:flex; align-items: center; justify-content:flex-start; padding-left:50px;}
.pro_image .pi_t2 .p1{ font-size:24px; font-weight:bold; color:#333;}
.pro_image .pi_t2 .p2{ font-size:18px; margin:20px 0; color:#aaa;}
.pro_image .pi_t2 a{ display:inline-block; font-size:18px; font-weight:bold; color:#fff; background:#0270c1; padding:15px 40px; margin:20px 0 40px;}
.pro_image .pi_t2 a:hover{ background:#0270c1; padding:15px 45px;}
.pro_image .pi_t2 li{ margin-bottom:20px; font-size:16px; color:#333; font-weight:normal;}
.pro_image .pi_t2 li span{ margin-right:20px; color:#0270c1;}

.pro_des{ margin:50px 0;}
.pro_des .pro_dt{ background:#e7f5ff; padding:20px 30px;}
.pro_des .pro_dt p{ font-size:20px; font-weight:bold; color:#333; float:left;}
.pro_des .pro_dt span{ float:right; font-size:24px; transition:0.2s;}
.pro_des .pro_dm{ padding:0 50px; margin:40px 0;}
.pro_des .pro_dm p{ font-size:16px; line-height:1.8; margin-bottom:10px;}

.protable{ width:100%;}
.protable td,.protable th{ border: 1px solid #fff; box-sizing: border-box; padding:20px;}
.protable tr:nth-child(2n+1) { background: #eee;}

.pro_other .pother{ font-size:24px; font-weight:bold; color:#111; border-bottom:1px solid #0270c1; padding-bottom:15px; margin-bottom:40px;}
.pro_other ul{ display:flex;}
.pro_other li{ width:23.5%; margin-right:2%;}
.pro_other li:nth-child(4n){ margin-right:0;}
.pro_other li .pro_img{ overflow:hidden;}
.pro_other li .pro_img img{ display:block; transition:2s;}
.pro_other li:hover .pro_img img{ transform:scale(1.1,1.1);}
.pro_other li p{ text-align:center; font-size:16px; line-height:3; background:#f5f5f5; transition:0.5s;}
.pro_other li:hover p{ background:#0270c1; color:#fff;}

.contactb{ background:#fff;}
.contact{ display:flex; justify-content:space-between; background:#fff; box-shadow: 0 0 50px -20px rgba(0, 0, 0, .15); padding: 80px;}
.contact .contact_l{ width:40%; display:flex; align-items:center; justify-content:center; background:#f6f6f6;}
.contact .contact_l>div{ display:flex; flex-wrap:wrap; justify-content:space-between; width:80%;}
.contact .contact_l .item{ padding:40px 20px; border:1px solid rgba(0,0,0,.1); background:#fff; text-align:center; width:48%; margin-bottom:4%;}
.contact .contact_l .item:nth-last-child(-n+2){ margin-bottom:0;}
.contact .contact_l .item .fas,.contact .contact_l .item .fab,.contact .contact_l .item .far{ font-size:40px; color:#0270c1;}
.contact .contact_l .item .p1{ color:#111; font-size:16px; margin:10px 0; font-weight:bold;}
.contact .contact_l .item .p2{ color:#999; line-height:1.8;}
.contact .contact_r{ width:55%; padding:50px; background:#fff; box-shadow:0 0 10px #ccc;}
.contact .contact_r .p1{ font-size:36px; font-weight:bold; color:#0270c1; text-transform:uppercase;}
.contact .contact_r .p2{ margin:10px 0;}
.contact .contact_r form{ margin-top:30px;}
.contact .contact_r form input{ width:49%; margin-bottom:2%; height:50px; line-height:50px; border-radius:3px; padding-left:20px; box-sizing:border-box; background:#f7f7f7; float:left; border:none; font-size:16px;}
.contact .contact_r form input:nth-child(1){ margin-right:2%;}
.contact .contact_r form input:nth-child(3){ width:100%;}
.contact .contact_r form textarea{ width: 100%; border:none; height: 160px; border-radius: 3px; padding-left: 20px; padding-top:20px; background:#f7f7f7; margin-bottom:30px; font-size:16px;}
.contact .contact_r form div input{ background:#0270c1; color:#FFF; padding:10px 20px; border-radius:3px; float:left; height:auto; width:auto; line-height:inherit; cursor:pointer;}

.whatsapp{ position:fixed; right:0; top:300px; z-index:99999;}
.whatsapp li{ display:flex; justify-content:flex-end;}
.whatsapp li div{ display:flex; padding:10px 20px; color:#fff; background:#9778ff; border-radius:20px 0 0 20px; font-size:16px; margin-bottom:5px; white-space:nowrap; transition:0.5s; min-width:150px; max-width:150px;}
.whatsapp li:hover div{ max-width:300px;}
.whatsapp li:nth-child(2) div{ background:#45a4eb;}
.whatsapp li:nth-child(3) div{ background:#66b433;}
.whatsapp li:nth-child(4) div{ background:#46bac6;}
.whatsapp li:nth-child(5) div{ background:#fd3939;}
.whatsapp li .fas,.whatsapp li .fab,.whatsapp li .far{ margin-right:10px; font-size:20px; width:20px;}
.whatsapp li a{ color:#fff; display:flex;}
.whatsapp li p{ display:flex; align-items:center;}
.whatsapp li .sp1{ transition:0.5s;}
.whatsapp li .sp2{ display:inline-block; opacity:0; overflow:hidden; transition:0.5s;}
.whatsapp li:hover .sp2{ opacity:1;}

.mmenu { display: none;}



@media (max-width: 1200px) {
.n{ padding:50px 0;}
.top .top_nav,.top .language{ display:none;}
.top .logo{ width:calc(100% - 50px);}
.top .logo img{ width:auto; height:50px;}
.mmenu { display: block; width:40px;}
.bannerslide .slogan{ display:none;}
.slogan{ height:auto; padding:30px 0; background-size: cover;}
.slogant{ flex-wrap:wrap; text-align:center; line-height:1.5; font-size:30px; align-items:center;}
.slogant div:nth-child(3){ width:100%;}
.bannerslide{ height:calc(1200 / 1920 * 100vw);}
.bannerslide .swiper-slide{ padding-left:5vw;}
.bannerslide .swiper-slide .slidebg{ background-size: cover !important; background-position-x:80% !important;}
.bannerslide .swiper-slide .bannertxt>p{ font-size: calc(70 / 1920 * 100vw);}
.bannerslide .swiper-slide .bannertxt>div .item{ width:30%;}
.bannerslide .swiper-slide .bannertxt>div .item p{ margin:1vw auto; font-size:2vw;}
.bannerslide .swiper-slide .bannertxt a p{ font-size:3vw;}
.ind_ab .m{ flex-wrap:wrap;}
.ind_ab .m .ind_abi{ width:100%;}
.ind_ab .m .ind_abt{ width:100%; padding:20px;}
.ind_ab .m .ind_abt>div{ text-align:right; display:flex; justify-content:flex-end;}
.ind_ab .m .ind_abt>div>div{ width:50%; text-align:center; transform:translateY(calc(-100% - 20px));}
.ind_ab .m .ind_abt .p1{ font-size:24px;}
.ind_ab .m .ind_abt ul{ margin:30px 0 0; flex-wrap:wrap;}
.ind_ab .m .ind_abt ul li{ width:48%; margin-bottom:20px;}
.bottom{ padding:50px 0;}
.bottom .m{ flex-wrap:wrap;}
.bottom .logob{ width:100%; text-align:center;}
.bottom .bot_nav{ display:none;}
.bottom .bot_con{ margin-left:0; margin-top:30px;}
.bottom .bot_con p{ font-size:3.5vw;}
.bottom .bot_con p a{}
.bottom .bot_con p span{ margin-right:5px;}
.about{ padding:50px 0;}
.aboutm .aboutl{ width:100%; padding-right:0;}
.aboutm .aboutr{ width:100%;}
.about:after{ display:none;}
.aboutm .aboutl h2{ font-size:24px;}
.aboutm .aboutl h2 b{ font-size:36px;}
.aboutm .aboutl p{ margin-top:10px; line-height:1.8;}
.aboutm .aboutr img{ height:auto;}
.about2 .ab2t{ width:100%; padding:20px;}
.about3{ flex-wrap:wrap;}
.about3 .item{ width:100%; padding:20px;}
.product .m{ padding:20px;}
.proul li{ width:100%; margin-right:0;}
.pro_image{ height:auto; flex-wrap:wrap;}
.pro_image .pi_l{ display:none;}
.pro_image .pi_r{ width:100%; height:80vw; margin-left:0;}
.pro_image .pi_t{ width:100%; padding-left:0; padding-top:20px;}
.pro_image .pi_t2 .p1{ font-size:18px;}
.pro_image .pi_t2 a{ margin:10px 0 20px;}
.pro_des .pro_dm{ padding:0;}
.pro_other ul{ flex-wrap:wrap;}
.pro_other li{ width:49%; margin-right:2%;}
.pro_other li:nth-child(2n){ margin-right:0;}
.contact{ padding:20px; flex-wrap:wrap;}
.contact .contact_l{ width:100%; padding:20px;}
.contact .contact_l>div{ width:100%;}
.contact .contact_l .item{ width:100%;}
.contact .contact_r{ width:100%; padding:20px;}
.contact .contact_r .p1{ font-size:24px;}
.whatsapp{}
.whatsapp li div{ min-width:inherit; max-width:45px; padding:10px 15px;}
.whatsapp li .sp1{ opacity:0;}
.whatsapp li:hover .sp1{ opacity:1;}
}