@charset "utf-8";
/* CSS Document */

html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
*{margin:0 ; padding:0;}
body{ font-family:"微软雅黑"; font-size:16px; color:#333333; background:#fff;}

.fr { float:right;}
.fl { float:left;}
.clear { clear:both;}
li { list-style:none;}
a { text-decoration:none;color:#333333;}
img { border:0;}

:root{--base-font-size:16px;--line-height-base:1.6}
.fz{width:92%;padding:0 4%;margin:0 auto;font-size:1em;line-height:var(--line-height-base)}
h1{font-size:1.8rem;line-height:1.2;font-weight:500;margin-bottom:0.75em}
h2{font-size:1.5rem;line-height:1.3;font-weight:500;margin-bottom:0.8em}
h3{font-size:1.2rem;line-height:1.4;font-weight:600;margin-bottom:0.85em}
h4{font-size:1.1rem;line-height:1.5;font-weight:550;margin-bottom:0.9em; }
p{font-size:1em;line-height:var(--line-height-base);margin-bottom:1.5em}
@media only screen and (min-width:600px){:root{--base-font-size:17px}
h1{font-size:2.0rem}
h2{font-size:1.7rem}
}
@media only screen and (min-width:768px){:root{--base-font-size:18px}
.fz{width:95%;padding:0 2.5%;max-width:1000px}
h1{font-size:2.2rem}
h2{font-size:1.9rem}
h3{font-size:1.4rem}
}@media only screen and (min-width:992px){:root{--base-font-size:19px}
.fz{width:80%;padding:0 2%;max-width:1200px}
h1{font-size:2.4rem}
h2{font-size:2.0rem}
h3{font-size:1.5rem}
}@media only screen and (min-width:1200px){:root{--base-font-size:20px}
.fz{width:75%;padding:0 1.5%;max-width:1400px}
h1{font-size:2.6rem}
h2{font-size:2.2rem}
h3{font-size:1.6rem}
}@media only screen and (min-width:1600px){:root{--base-font-size:21px}
.fz{width:70%;padding:0 1%;max-width:1600px}
h1{font-size:2.8rem}
h2{font-size:2.4rem}
h3{font-size:1.7rem}
}@media only screen and (min-width:1920px){:root{--base-font-size:22px}
.fz{width:65%;max-width:1800px}
h1{font-size:3.0rem}
h2{font-size:2.6rem}
h3{font-size:1.8rem}
}

/* 导航 */
.scrolled {background:#fff; box-shadow:0 0px 10px rgba(0, 0, 0, 0.1); width:100%;z-index:88888;position:fixed; top:0;}
.index_logo{position:absolute;top:0;z-index:888;width:15%;}
.index_logo a{display:block;}
.index_logo img{height:80px;padding-top:18px;max-width:100%;}
.head{height:114px;z-index:9999;position:relative;}
.head .nav{display:block;width:65%;position:absolute;right:2%;top:0;}
.head .nav .nav_pc{width:100%;float:right; display: flex;justify-content: space-between;}
.head .nav ul li .s_navbox .s_a{text-align:left;}
.head .nav ul li{text-align:center;z-index:999;position:relative;width: max-content !important;}
.head .nav ul li:last-child{text-align:left;width:6% !important; color:#666; }
.head_lang{display: flex;align-items: center;gap: 5px;}
.head_lang a{ display:flex;}
.head .nav ul li .f_a{line-height:114px;display:block;font-size:17px;color:rgba(51,51,51,1);width:100%;position:relative;}
.head .nav ul li .f_a p{position:absolute;left:0;top:0;width:100%;}
.head .nav ul li .f_a p em{margin:90px auto 0;display:block;height:3px;width:0;background:#feee79;transition:all 0.6s;-moz-transition:all 0.6s;-ms-transition:all 0.6s;-transition:all 0.6s;-webkit-transition:all 0.6s;}
.head .nav ul li .f_a:hover p em{width:25px;transition:all 0.6s;-moz-transition:all 0.6s;-ms-transition:all 0.6s;-transition:all 0.6s;-webkit-transition:all 0.6s;}
.head .nav ul li:hover .f_a p em{width:25px;transition:all 0.6s;-moz-transition:all 0.6s;-ms-transition:all 0.6s;-transition:all 0.6s;-webkit-transition:all 0.6s;}
.head .nav ul li:hover .f_a{color:#000;transition:all .3s}
.head .nav ul li .s_navbox{padding:10px 20px 20px;display:none;z-index:9999;box-sizing:border-box;background:#fff;border-radius:4px;border-bottom:none;box-shadow:0px 0px 24px 0px rgba(75,76,79,0.1);width: max-content;position: absolute;}
.head .nav ul li .s_navbox .s_a a{position:relative;color:#fff;font-size:15px;display:block;padding:0 10px;height:45px;line-height:45px;color:#353535;transition:all 0.6s;-moz-transition:all 0.6s;-ms-transition:all 0.6s;-transition:all 0.6s;-webkit-transition:all 0.6s;border-bottom:#e3e9ee 1px dashed;}
.head .nav ul li .s_navbox .s_a a:hover{color:#000;}
.m_nav{display:none}
.headlf .m_logo{display:none}
.headrg .m_menuimg{display:none}
.head .nav ul li:last-child .s_navbox{ right:-65px;position: absolute;width:130px}
@media screen and (max-width: 1920px){.head .nav{ width:70%;} }
/*移动端导航*/
.m_navList ul li:first-child{ text-align:center; padding:15% 0 15%;}
.m_navList ul li .c_logo{ width:65%;}
.m_tel { display:none}
@media screen and (max-width: 1024px) and (min-width: 0px){
   .msgNum{display: none;}
   .head{display:none}
   .m_img{display:block;height:110px;background:rgba(255, 255, 255, 1);width:100%;z-index:9999;overflow: hidden; position:relative;}
   .m_img .headlf{  position:absolute; left:0; top:0; height:90px; padding-left:20px;z-index:9 ;}
   .m_img .headlf .m_logo{height:65px;display:inline-block;margin-top:20px;}
   .m_img .headlf a{ display:block;}
   .m_img .headrg{padding-top:35px;padding-right:20px; position:absolute; right:0; top:0; z-index:999;}
   .m_img .headrg a .m_menuimg{height:25px;vertical-align:top;display: block}
   .m_tel { display:block;  position:absolute; right:90px; top:10px;width:25%; text-align:right;z-index:9999 ; height:110px;  }
   .m_tel img { height:38px; padding-top:28px;padding-right:15px;}
   .m_tel a { color:#7b7b7b; font-weight:bold; font-size:16px; display:block ; margin-top:20px; width:40px;  height:40px; text-align:center; line-height:40px; float:right; border-radius:50px; border:1px solid #dedede}
   
   .m_tel a:hover{ color: #fbdd1c;}
.headrg .a_js span{display:block;height:3px;background:#666;margin-bottom:8px;transition:all 0.3s;  -webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%;-o-transform-origin: 0% 50%;transform-origin: 0% 50%;}
.headrg .a_js span:nth-child(1){ width:35px; }
.headrg .a_js span:nth-child(2){ width:45px;}
.headrg .a_js span:nth-child(3){margin-bottom:0;width:35px;}
.container .navTrigger-on span:nth-child(1){transform: translateX(3px) translateY(0px) rotate(45deg); width:39px !important;}
.container .navTrigger-on span:nth-child(2){opacity:0; width:45px !important;}
.container .navTrigger-on span:nth-child(3){transform:translateX(3px) translateY(11px) rotate(-45deg); width:39px !important;}
   
   .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:100000000}
   .m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
   .m_nav .closeicon{position:absolute;width:20%;left:3%;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#f2f2f2;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
   .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
   .m_nav .m_navList ul li{border-bottom:1px solid #ccc}
   .m_nav .m_navList ul li a{display:block;height:45px;color:#333;line-height:45px;padding-left:5%;font-size:16px}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%; height:45px; position:relative;}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
   .m_nav .m_navList ul li .m_f_a i{width: 100%;height:35px;box-sizing: border-box; padding:0 5px; display: block; position:absolute; left:0; top:0;}
   .icon{ background:url(../images/plus.png) 100% no-repeat;background-position: right 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(../images/reduce.png) 100% no-repeat!important;background-position: right 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
   .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
}
@media screen and (max-width: 1200px){.head .nav ul li:last-child{width: 6% !important;}}
@media screen and (max-width: 320px){.m_img .headlf .m_logo{ height:50px;} .m_img .headlf,.m_img,.m_tel{ height:70px;} .m_img .headlf .m_logo{ margin-top:10px;} .m_img .headrg{ padding-top:20px;} .m_tel{ top:-4px;}}

/*=====banner=====*/
/* 轮播图 */
.slider {position: relative;overflow: hidden;width: 100%;}
.slideBox .hd {height: 10px;z-index:1; overflow: hidden;position: absolute;left: 50%;bottom: 20px;transform: translateX(-50%);z-index: 1;}
.slideBox .hd ul{ text-align:center;  padding-top:5px;  }
.slideBox .hd ul li {cursor:pointer;float: left;margin-right: 5px;width: 30px;height: 10px;line-height: 14px;text-align: center;background: #fff;}
.slideBox .hd ul .on {background: #00a2ff;color: #fff;}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li img{width:100%; vertical-align:top; display:block;} 

）
.banner {margin: 0 auto;width: 100%; }
.flexslider {margin: 0;padding: 0;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden; position:relative; }
.flexslider .slides > li div { background-position: center; background-repeat: no-repeat; background-size: cover; }
.flexslider .slides > li div a { display:block; width:100%; }

.swiper-pagination-bullet{width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,15px)) !important;height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,15px))!important;}

.flexslider .slides > li .img img{display:block;width:100%;    width: 100%;height: calc(100vh - 75px);object-fit: cover;  }

.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides {display: block;}
.banner ul li .li_video{ background:#000;}
.banner #video { width:100%; }
.flexslider {margin: 0 auto;position: relative;width:100%;zoom: 1;} 
.pro-switch {overflow: hidden;position: relative;width:100%;}
.no-js .slides > li:first-child {display: block;}

.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;}
.flexslider .slides {zoom: 1;}
.flex-direction-nav {height: 0;}
.flex-direction-nav a {width:60px;height:60px; border-radius:5px;margin: -58px 0 0;display: block;position: absolute;top: 50%;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background:rgba(0,0,0,0.2) url(../images/b_r.png) no-repeat center center;right: 2%;  }
.flex-direction-nav .flex-next:hover {background:#feee79 url(../images/b_r.png) no-repeat center center;}
.flex-direction-nav .flex-prev {background:rgba(0,0,0,0.2) url(../images/b_l.png) no-repeat center center;left: 2%;}
.flex-direction-nav .flex-prev:hover {background:#feee79 url(../images/b_l.png) no-repeat center center;}
.flexslider:hover .flex-next {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;filter:alpha(opacity=50);}

.flex-control-nav {width: 100%;position: absolute;bottom:5%;text-align: center;}
.flex-control-nav li {margin: 0 5px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {display:block;height:6px;overflow: hidden;text-indent:-99em;width:90px; border-radius:10px; background: rgba(204, 204, 204, 1);cursor: pointer;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.flex-control-paging li a.flex-active {background:#feee79;width:90px; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }

 

/*------产品分类------*/
.prosort{ margin-top:4em;}
.prosort_title{ text-align:center;}
.productlist {overflow:hidden}
.swiper-container{width:100%;height:100%;position: relative;}
.swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.prosort_02{ padding:20px 0;}
@media screen and (max-width: 1400px) and (min-width: 1200px){.prosort_02{  min-height:56px; overflow:hidden;}}
#swiper1{ padding-bottom:50px;}
.prosort_01 img{ width:100%; display:block;}
#swiper1 .swiper-slide a{border:1px solid rgba(233, 233, 233, 0.5);box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1); display:block;}
.prosortbj{margin-top:-280px; height:280px;}
.productlist  .swiper-container .swiper-wrapper{ padding-bottom:30px;}

.banner_02{ text-align:center;	}
.banner_01{ background:#f4f4f4;}
.banner_02 img{ width:100%;}


@media screen and (max-width: 1600px){.banner_02 img{ min-height: 180px;object-fit: cover;max-width: 100%;}}


@media screen and (max-width: 1200px){
	.flexslider .slides > li div {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;}
	.flexslider .slides > li .img img{ min-height:230px; height:auto;    object-fit: cover;}
	.flex-control-paging li a{width: 10px;}
	.flex-control-paging li a.flex-active{width: 10px;}
}

@media screen and (max-width: 450px){.banner_02 img{ min-height: 150px}}
.new_pro{margin-top:3em}
.new_pro_title{margin-bottom:2em}
.new_pro_title01{font-size:36px}
.new_pro01 ul{display:grid;grid-template-columns:repeat(4,1fr);gap:1em;align-items:stretch}
.new_pro01 ul{display:grid;grid-template-columns:repeat(4,1fr);gap:1em;align-items:stretch}
.new_pro01 li{display:flex;flex-direction:column;background:#fff;border-radius:8px;overflow:hidden;transition:all .3s ease}
.new_pro01_title{text-align:center;padding:15px 0;flex-grow:1;display:flex;flex-direction:column;justify-content:center}
.new_pro01 li:hover{box-shadow:0 0 10px #ebebe9;transform:translateY(-5px)}

@media (max-width:992px){.new_pro01 ul{grid-template-columns:repeat(2,1fr)}}
@media (max-width:320px){.new_pro01 ul{grid-template-columns:1fr}}
.new_pro01 li a{ display:block; border-bottom:1px solid #dfdfdf;}
.new_pro01 li:hover a{box-shadow:0 0 10px #ebebe9; border-bottom:2px solid #fbdd1c;transform:translateY(-5px);}
.new_pro01_img img{ width:100%; display:block;height: auto;object-fit: cover;}
.new_pro01_title{ text-align:center; padding:15px 0;}
.new_pro01_title01{ font-size: inherit; }
@media screen and (max-width: 1500px) and (min-width: 1200px){.new_pro01_title01{ min-height:50px; overflow:hidden;}}
.students ul{ display: grid;grid-template-columns: repeat(3, 1fr);gap: 2%;}
@media (max-width:720px){.students ul{ display: grid;grid-template-columns: repeat(2, 1fr);gap: 2%;}  .students ul li:nth-child(3){ display:none;} .new_pro01 li a{ border-bottom:none;} .swiper-pagination-2{ display:none;}}
@media (max-width:480px){.new_pro_title02{ display:none;} .new_pro_title .fl{ float:none;}}
@media (max-width:320px){.students ul{grid-template-columns:1fr}}
.students ul li img{ width:100%;}

.pro_recommend{background-image:url(../images/bj_01.jpg);width: 100%; margin-top:3em; text-align:center;}
.pro_recommend_title{padding: 3em 0 0em;text-align:center; }


.bodyCon08 { padding-bottom:50px;}
#swiper2{ margin:2em auto; width:100%; overflow:hidden;}
#swiper2 .swiper-slide a{display:block; padding-bottom:30px;}
#swiper2 ul{ display:flex; flex-wrap:wrap;}
#swiper2 .swiper-slide img{ width:100%;}
.swiper2_2{     padding: 1em 0 0.1em;}
.swiper2_3{color: #666;}
#swiper2 .swiper-slide{ height:auto; }
#swiper2 .swiper-slide a:hover .swiper2_1 img{ opacity:0.8 }


.pro_list{ width: 100%;overflow: hidden;}
#swiper3,#swiper4{ width:100%; overflow:hidden;}
#swiper3 .swiper-slide a{display:block; padding-bottom:30px;}
#swiper3 ul{ display:flex; flex-wrap:wrap;}
#swiper3 .swiper-slide img{ width:100%;}
#swiper3 .swiper-slide{ height:auto; }
#swiper3 .swiper-slide a:hover .swiper2_1 img{ opacity:0.8 }


/* 热销产品 */
.pro_hot_pro{ margin-bottom:2em;}
.pro_hot_pro ul{ display: grid;grid-template-columns: repeat(3, 1fr);gap:2em;}
.pro_hot_pro li{box-shadow:0 0 10px #ebebe9;}
.pro_hot_pro li a{ display:block; text-align:center; width:100%; }
.pro_hot_pro li img{ width:100%; display:block;}
.pro_hot_pro02{ padding:0.5em; margin-bottom:0.5em;}
.pro_hot_pro li .pro_hot_pro03{ margin:0 auto; background:#999999;color:#fff; display:inline-block; padding:0.5em 3em;}
.pro_hot_pro li:hover{ }
.pro_hot_pro li:hover .pro_hot_pro03{ background:#ffe31c;}
.pro_hot_pro li:hover img{ opacity:0.8;}
@media (max-width:1200px){.pro_hot_pro ul{gap: 10px;} .pro_hot_pro02{ font-size:14px;}}
@media (max-width:992px){.pro_hot_pro ul{grid-template-columns:repeat(2,1fr); gap:1em; }}




/*------内页banner------*/
.ny_banner{width:100%;overflow:hidden;position:relative}
.ny_banner img{width:100%;display:block;object-fit:cover;object-position:center}
@media (max-width:992px){.ny_banner{min-height:200px}
.ny_banner img {width: auto; min-width: 100%; height: 100%; position: absolute;left: 50%; transform: translateX(-50%);}}
.intro img{ max-width:100%;}

/* 产品中心 */
.indexmaipiece{ background:#fff; padding:60px 0px; margin-top:60px;}
.web{width:1100px;margin:0 auto;padding:0;}
.indexproductintro dl dd .morebtn{display:block;width:93px;height:32px;line-height:32px;text-align:center;font-size:14px;margin-top:30px;}
.indexproductintro dl dd .morebtn a{display:block;width:93px;height:32px; background:#e7f0f9; border:1px solid #e7f0f9; color:#066abe}
.indexproductintro dl dd .morebtn a:hover{ background:#066abe; border:1px solid #e7f0f9; color:#e7f0f9}
.indexproductlist{width:100%;margin-top:25px;overflow:hidden;}
.indexproductlist ul{width:1240px;height:363px;overflow:hidden;}
.indexproductlist ul li{float:left;width:245px;margin-right:43px;border-bottom: 1px solid #dfdfdf;}
.indexproductlist ul li img{display:block; width:100%;margin:0 auto; height:245px;}
.indexproductlist ul li span{padding:0 16px;line-height:48px;height:48px;overflow:hidden;margin-top:8px;font-size:16px;color:#1a1a1a;}
.indexproductlist ul li p{padding:0 16px;font-size:14px;line-height:20px;color:#666;height:60px;overflow:hidden;}
.indexproductdot{text-align:center; margin-top:80px;}
.indexproductdot a{display:inline-block;*display:inline;*zoom:1;width:15px;height:15px;margin:0 5px;background:#666666; border-radius:15px;}
.indexproductdot a.cur{background:#feee79; border-radius:15px;}
.indexproductlist li:hover{box-shadow:0 0 10px #ebebe9;border-bottom: 2px solid #fbdd1c;transform: translateY(-5px);}

.web02{width:1200px;margin:0 auto;padding:0;}
.indexproductlist02{width:100%;margin-top:25px;overflow:hidden;text-align:center; }
.indexproductlist02 ul{width:1200px;overflow:hidden; margin-bottom:60px;}
.indexproductlist02 ul li{float:left;width:365px;margin-right:35px; text-align:center;}
.indexproductlist02 ul li img{display:block; width:100%;margin:0 auto;border: 1px solid #f6f6f6; margin-bottom:10px;}
.indexproductlist02 ul li span{font-size:24px;}
.indexproductdot02 a{display:inline-block;*display:inline;*zoom:1;width:15px;height:15px;margin:0 5px;background:#666666; border-radius:15px;}
.indexproductdot02 a.cur{background:#fff; border-radius:15px;}
.indexproductlist02 ul li:hover{transform: translateY(-5px); }
.indexproductlist02 ul li:hover img{box-shadow:0 0 10px #ebebe9;}


/* 关于我们 */
.abouut_sy{ margin-top:3em;}
.abouut_content{    display: flex;flex-direction: column;justify-content: center;text-align: center;}
.abouut_content_l{ display:block; overflow:hidden;}
.abouut_content_l img{ width:100%; display:block;transition:all 1s ease; }
.abouut_content_l:hover img{ transform:scale(1.05)}
.abouut_content_r{position: relative;overflow: hidden;display: flex;flex-direction: column;}
.abouut_content_rr{padding:2em 0em 0 0em;line-height:1.6;}
.abouut_content_r01{margin-bottom:1em}
.abouut_content_r03{border-radius:5px;display:inline-block;overflow:hidden;position:relative;text-align:center;margin-top:0.5em;font-size:24px;font-weight:bold}
.abouut_content_r03 a{display:block;padding:0.25em 4em;background:#999999;color:#fff;position:relative}
.abouut_content_r03 a:before{position:absolute;width:47px;height:47px;content:"";right:-25px;bottom:-18px;border-radius:50%;z-index:1;background-color:#ffe31c;transition:all 0.5s cubic-bezier(0.68,-0.55,0.265,1.55);transform:scale(1);opacity:0.8}
.abouut_content_r03 a:hover:before{width:150%;height:150%;right:-25%;bottom:-25%;border-radius:0;transform:scale(1.1);opacity:1;box-shadow:0 0 15px rgba(255,227,28,0.6)}
.abouut_content_r03 a span{position:relative;z-index:2;display:inline-block}
@media (max-width:1600px){.abouut_content	_rr{padding: 0.5em 0.5em 0 0.5em;} abouut_content_r03 a{padding: 0.15em 2em;}}
@media (max-width:1400px){.abouut_content{grid-template-columns: repeat(1, 1fr);} .abouut_content_r03 a{padding: 0em 2em;}}
@media (max-width:720px){.abouut_content_rr{text-align: center;} .abouut_content_r01{ font-size:1.1rem;}}
@font-face {
  font-family: "iconfont"; /* Project id 2119329 */
  src: url('../fonts/iconfont.ttf') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-bofang:before {
  content: "\e633";
}

.abouut_pa{ padding:2em 0;}
.tab-content{display:none}
.tab-content.active{display:block}


.swiper-slide .nyryzs_slideimg {display:block;overflow:hidden;width:100%;position:relative;padding-top:56.25%}
.nyryzs_slideimg iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}
.swiper-wrapper .swiper-slide a:hover img{transform:scale(1.02)}
.swiper-wrapper .swiper-slide a:hover .nyryzs_slidep{color:#000}
.swiper-container{height:auto}


.sy_video  .swiper-slide .nyryzs_slideimg {padding-top: 177.78%;}
.productlist  .swiper-button-next,.productlist .swiper-button-prev{ color:#fff ;}
.productlist .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.productlist .swiper-button-next:after, .swiper-button-prev:after{ color:#fff}
/* 优势 */
.sy_about{background-image:url(../images/bj_01.jpg); margin-top:3em; text-align:center; }
.value_info_c ul{ display: grid;grid-template-columns: repeat(5, 1fr);gap: 2%; padding:2em 0;}
.value_info_c ul li{ flex:1;flex-direction: column;align-items: center;}
.htmleaf-container { height:130px;}
.buttonBox{ position:relative; margin:20px 0 0;  outline:none;transition:all 1s;}
#seventh span{color:#555;  position:relative;text-transform:uppercase;font-weight: bold;letter-spacing:1px;border:none;font-size:2em;outline:none;transition:all 0.3s;}
@media (max-width:1400px){#seventh span{ font-size:1.6em;}}
@media (max-width:540px){.sy_about{ display:none;}}
#seventh p span{ text-transform:none;    font-size: 1.1em;    line-height: 1.3;font-weight: normal;}

#seventh i { color:#555;  position: relative; top: -19px; margin-left:5px; font-style:normal;}
.value_info li .value_img img { height:3.5em;}
.vm1{ opacity:0.5;}
.value_info li .value_img { width:100%; height:3.5em; margin:0 auto;   overflow:hidden; position:relative;  }
.value_info li .value_img em { width:100%; display:block; height:3.5em; position:absolute; left:0;transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}
.value_info li .value_img .vm1 { bottom:0;}
.value_info li:hover .value_img .vm1 { bottom:3.5em;transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}
.value_info li .value_img .vm2 { bottom:-75px;}
.value_info li:hover .value_img .vm2 { bottom:0;transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}   
@media (max-width:1500px) {.value_info_c ul {grid-template-columns: repeat(3, 1fr);}}



/* 品牌资讯 */
.sy_news{ padding:2em 0; }
.sy_news_title{font-size:24px}
.tab_list li{background:#999999;margin-left:10px;text-align:center;border-radius:20px;overflow:hidden;display:inline-block; overflow:hidden;}
.tab_list li a{color:#fff;padding:0.5em 1.5em;display:block;font-weight:bold}
.tab_list .black{background:#ffe11b}
.tab_list .black a{color:#333}
.about_tab{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch; width:100%;}
.about_tab li{display:flex;flex-direction:column;min-height:100%}
.about_tab li a{display:flex;flex-direction:column;height:100%;background:rgba(233,233,233,0.2);text-decoration:none;color:inherit}
.sy_newsl{position:relative;padding-top:56.25%;overflow:hidden;flex-shrink:0;}
.sy_newsl img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center; transition:all 0.5s ease;}
.sy_newsr{padding:1em;flex:1;display:flex;flex-direction:column}
.sy_newsr1{padding:0.5em 0; font-weight:bold;}
.sy_newsr2{ color:#666;}
.about_tab li:hover .sy_newsl img {transform: scale(1.1); }
.about_tab li:hover{ box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);}
@media (max-width:992px){.about_tab{grid-template-columns:repeat(2,1fr); gap:2%;} .about_tab li:nth-child(3){ display:none;} .about_tab{ width:100%;} }
@media (max-width:576px){.sy_newsr2{ display:none;} .sy_newsc{ background:#f1f1f1; }
.sy_newsnr{ display:flex; flex-wrap:wrap;justify-content: center;align-items: center; margin-bottom:1em;}
.sy_news{ padding: 0;}
.sy_newsr{ padding:0;}
.about_tab  .sy_newsr1{ font-weight:normal;}.about_tab li:hover{box-shadow:none;}
}


/* 底部 */
.foot{ background:#505050;color:#fff;}
.bottom{padding:3em 0;}
.bottom a{ color:#fff;}
.copy{ background:#404040; text-align:center; color:#d1d1d2; padding:1.5em 0; font-size:12px;}
.copy p{ opacity:0.5;}
.bottom dl{    display: flex; gap:5%;justify-content: space-between;}
.bottom dl dt:nth-child(1){ width: 30%;}
.bottomcc{ margin-top:20px;}
.bottom dl p,.bottom_nav a{ opacity:0.8;}
.bottom_nav li{ padding:0.2em 0;}
.bottom_nav li:hover a{ opacity:1;}
.copy a{ color:#d1d1d2;text-decoration:underline;}
.copy a:hover{color:#fff;}
.bottom dl dt:last-child p{ margin-bottom:0; text-align:center;}
.copynr{display: flex;justify-content: center;gap: 20px;}
@media (max-width:768px){.copynr{gap: 5px;flex-direction: column;}}

@media (max-width:792px){
	.bottom dl{display:flex; flex-wrap:wrap; justify-content: center;}
	.bottom dl dt:nth-child(1){ display:block; width:100%; text-align:center;}
	.bottom dl dt:nth-child(2){ padding:0;text-align:center;display:block; width:100%; }
	.bottom dl dt:nth-child(3),.bottom dl dt:nth-child(4),.bottom dl dt:nth-child(5),.bottom dl dt:nth-child(6){ display:none;}
	.bottom{ padding:2em 0 0.5em;}

}

@media (max-width:1200px){.bottom dl dt:nth-child(2){display: none;}}



#container,.prosortconb{ background:#f9f9f9;}
.containernr{ background:#fff; padding:2em 5%; border-radius: 10px;border: 1px solid #dedede;box-shadow: 0px 1px .24rem 0px rgba(223, 223, 223, 0.7);}

#container img{ max-width:100%;}
.prosortconb { padding:3em 0}
#container img{ max-width:100%;} 
.prosortconb .prosort{ margin-top:2em;}
@media (max-width:768px){.prosortconb{ padding:1em 0;} }


.pagecon01{ padding:80px 0; display:flex; flex-wrap:wrap;}
.page01{ width:50%; box-sizing:border-box; padding-right:3.5%;}
.page02{ width:50%;}
.page02_img{ margin-bottom:80px;}
.page02 img{ width:100%;}
.page_ys01{ display:flex; line-height:1;}
.page_ys01 span{ font-size:64px; }
.page02_ys{ display:flex; flex-wrap:wrap;row-gap: 10px;}
.page_ys01 i{ font-style:normal; font-size:16px;}
.page02_ys li{ width:33.333%; box-sizing:border-box;}
.page01 .containernr02 p{ margin-bottom:5px;}
.page01 .containernr02{ color:rgb(102, 102, 102); font-size:15px; line-height:1.5;}
@media (max-width:1600px){.page01{ width:100%; padding:0}.page02{ width:100%;}.page_ys01 span{ font-size:50px; }}
@media (max-width:1200px){.page_ys01 span{ font-size:30px; }
.page02_ys li{ width:32%; margin-left:2%}
.page02_ys li:nth-child(3n){ margin-left:0;}

}


@media (max-width:768px){
.page02_ys li{ width:49%; margin-left:2%}
.page02_ys li:nth-child(3n){ margin-left:2%;}
.page02_ys li:nth-child(2n){ margin-left:0%;}
}

.AboutCulture{text-align:center;background-color:#f9f9f9; padding:80px 0;}
.CultureTitle{ text-align:center;color:#333;font-weight:bold}
.CultureRemark{color:#666;line-height:1.6; padding:0 18%; font-size:24px; text-align:center;}
.AboutCulture .ItemTitle{color:#143eb6;line-height:1.6;}
.CultureList{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:3em; flex-wrap:wrap;}
.CultureList li{width:25%;border:2px solid #f1f1f1;padding:3em 3.5em;background-color:#fff;cursor:default;display:flex;flex-direction:column;align-items:center;text-align:center;box-sizing: border-box;}
.CultureList li:hover .ItemIcon{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}
.CultureList li .ItemIcon{width:7em;height:7em;border:0.5em solid #f9f9f9;border-radius:50%;margin:0 auto;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;display:flex;justify-content:center;align-items:center;overflow:hidden}
.CultureList li .ItemIcon .BGInit{width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;transition:all 0.3s ease}
.CultureList li:hover .ItemIcon .BGInit{transform:scale(1.1)}
.CultureList li .ItemTitle{width:100%;margin-top:1em;color:#333;line-height:1.2;font-weight:bold;-webkit-transition:all 0.5s;transition:all 0.5s; font-size:30px; font-weight:600;}
.CultureList li .ItemRemark{width:100%;margin-top:1em;color:rgba(102,102,102,0.8);line-height:1.5; font-size:18px;}
.CultureList li:hover .ItemTitle{ color:#feee79	}
@media (max-width:1600px){.CultureList li{padding:2.5em 1.25em}	}
@media (max-width:1200px){.CultureList  li{width:50%;}}
@media (max-width:750px){.CultureList{-ms-flex-wrap:wrap;flex-wrap:wrap}
.CultureList li .ItemTitle{ font-size:18px;}
.CultureList li .ItemRemark{ font-size:12px;}
.CultureRemark{ font-size:16px; padding:0 2%;}
.AboutCulture{ padding:30px 0;}
}

.AboutGrow{padding:80px 0;}
.GrowList{ margin-top:3em;}
.GrowList img{ width:100%;}

.AboutMarketcontent { display:flex; flex-wrap:wrap;}
.Marketmapcon img{ max-width:100%;}
.MarketText{ width:30%; padding-right:2%; box-sizing:border-box;text-align: left;}
.Marketmap{ width:70%;}
.MarketText03{ display:flex; flex-direction: column; gap:20px;}
.MarketText03 li{ display:flex; gap:10px;}
.MarketText01{ font-size:30px; margin-bottom:20px;}
.MarketText02{ font-size:14px; line-height:2; color:rgb(102, 102, 102); margin-bottom:50px;}
.DataItem02_a{ font-size:30px; font-weight:600;}
.DataItem02_b{ color:rgb(51, 51, 51)}
.DataItem01{background:#fff;width:4em;height:4em;padding:0.5em;border-radius:100%;display:flex;justify-content:center;align-items:center}
.DataItem01 img{max-width:100%;max-height:100%;object-fit:contain; width:100%;}

@media (max-width:1500px){
	.MarketText{ width:50%;}
	.Marketmap{ width:50%;}
	}
@media (max-width:1200px){
	.MarketText{ width:100%; padding:0;}
	.Marketmap{ width:100%;}
	.MarketText03{flex-direction: row;
        margin: 30px auto;justify-content: center;}
	}







/* 内页产品页 */

.prosort{ margin-bottom:2em; background:#fff; }
.prosort .prosort_title{ margin-bottom:1em;}
.prosort_a{ padding:3em 2% 0;    margin-top: 3em;}
.pro_list{text-align:center;}
#swiper3 .swiper-slide{background:#fff;border-bottom: 2px solid transparent;}
#swiper3 .swiper-slide:hover{box-shadow:0 0 10px #ebebe9; border-bottom:2px solid #fbdd1c;transform:translateY(-5px);}
#swiper3 .swiper-slide:hover .prosort_02{color:#fbdd1c}


.pro_sort_title{margin-bottom:1em}
.product-grid{display:flex;padding:0;margin:0;list-style:none; flex-wrap:wrap;}
.product-grid li:nth-child(3n+1){ margin-left:0;}
.product-grid li a{ display:block; padding:2em;}
.product-grid > li{background:#fff; width:32%; margin:0 0 2% 2%;transition:all 0.3s;box-sizing: border-box;}
.pro_sort_ny03{overflow:hidden;flex:1;display:flex}
.pro_sort_ny03 img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s;}
.product-grid > li:hover .pro_sort_ny03 img{transform:scale(1.07)}
.product-grid > li:hover .pro_sort_ny06{color:#ffe520}
.pro_sort_ny04{ padding-top:2em;}
.pro_sort_ny06{ display:none;}
.pro_sort_ny05 { text-align:center; float:none !important; color:rgb(51, 51, 51)}

.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.product-grid li:hover .pro_sort_ny05 { color:#000;}

@media (max-width:1200px){
	
}










.pro_sort_more{text-align:center;padding:1em 0;position:relative}
.pro_sort_more a{display:inline-block;position:relative;padding:10px 30px;color:#333;text-decoration:none;transition:all 0.4s ease;overflow:hidden}
.pro_sort_more a:hover{transform:translateY(-3px)}
.pro_sort_more a::before{content:'';position:absolute;width:0;height:2px;bottom:0;left:50%;background-color:#ffe520;transition:all 0.4s ease;transform:translateX(-50%)}
.pro_sort_more a:hover::before{width:80%}

/*分页显示*/
.page{padding:1em 0;text-align:center;display:flex;justify-content:center;align-items:center;gap:0px}
.page span,.page_list a{display:inline-flex;align-items:center;justify-content:center;min-width:2em;height:2em;text-decoration:none;color:#333;border-radius:4px;line-height:2em;box-sizing:border-box}
.page_list a{ display:inline-block; margin-left:0.25em;border:1px solid #f3f3f3;background:#fff;}
.page_list a:nth-child(1){ margin-left:0}
.page_list a.selected{color:#666;background:#ffe520;border-color:#ffe520}
.page_rows{background:#dedede;border:1px solid #f3f3f3;margin-left:8px; padding:0 0.25em;}
.page_list a:not(.selected):hover{background:#f5f5f5}
.page > *{height:2em}
.prosortcon{ margin:2em auto;}
.prosortcona{background:#fff;padding:2em 0 0;border-radius:10px;border:1px solid #dedede;box-shadow:0px 1px .24rem 0px rgba(223,223,223,0.7)}
.prosortcon_a{text-align:center;}
.ny_product_l{display:flex;width:100%;align-items:flex-start;justify-content:center;gap:1em;padding:0 3em;box-sizing:border-box}
.jqzoom{position:relative;flex:1;min-width:0;aspect-ratio:1/1;overflow:hidden;}
.jqzoom img{width:100%;height:100%;object-fit:contain;display:block}
.spec-scroll{width:110px;display:flex;flex-direction:column}
.spec-scroll .items{flex:1;overflow-y:auto;scrollbar-width:thin}
.spec-scroll .items ul{display:flex;flex-direction:column;gap:0.8em;padding:0;margin:0;list-style:none}
.spec-scroll .items li{aspect-ratio:1/1;border:1px solid #f2f2f2;transition:border-color 0.3s;cursor:pointer}
.spec-scroll .items li:hover{border-color:#999}
.spec-scroll .items li img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:768px){.ny_product_l{flex-direction:column;align-items:center;gap:1.5em;padding:0 1em}
.jqzoom{width:100%;max-width:600px}
.spec-scroll{width:100%;max-width:600px;flex-direction:row}
.spec-scroll .items{overflow-x:auto;overflow-y:hidden;display:flex;padding-bottom:0.5em}
.spec-scroll .items ul{flex-direction:row;gap:0.8em}
.spec-scroll .items li{width:80px;min-width:80px;height:80px}
}@media (max-width:480px){.prosortcona{padding:1em 0 0}
.jqzoom{aspect-ratio:4/3}
}

/* 产品详情 */
.ny_product_r01{ font-size:24px; padding:20px 0;border-bottom:1px solid #cdcdcd; margin-bottom:40px;}
.ny_product_r02{ color:#999; font-size:14px; line-height:28px; height:360px; overflow:auto;}
.pro_xqnr .pro_xqnr02 img{ text-align:center;}
.prosort02{display: flex;justify-content: center;}

.next_map li{ float:left; padding:0 15px; margin:40px 0 30px; width:300px; color:#999;}
.next_map li a{ color:#999;}
.next_map li:hover{ color:#333; cursor:pointer; }
.next_map li:hover a{ color:#333;text-decoration:underline;}
.next_map ul{ width:660px; margin:0 auto;}
.next_map {text-align:center;}




.ny_nav01 {display:flex;flex-wrap:wrap; justify-content: space-between;align-items: center;}
.ny_nav02 ul{display: inline-flex; flex-wrap:wrap;justify-content: center;}
.ny_nav02 li{ text-align:center;	}
.ny_nav02 li a{ display:block;padding:1.5em;	}
.ny_nav02 li:hover {background:#fde221;}
.ny_nav02 li:selection {background:#fde221;}
.dhicon{ color:#999; font-size:12px;display: inline-flex;}
.dhicon li{ float:left;}
.dhicon a{ color:#999; padding:0 5px;}
.dhicon li:after{ content:">";}
.dhicon a:hover{color:#333;}

@media (max-width:720px){.ny_nav { display:none;}}
.newlist ul{flex-wrap:wrap;display:flex}
.newlist li{background:#f8f8f8;margin-bottom:2em;width:32%;margin-right:2%;margin-top:2%;display:block;background:#fff;box-sizing:border-box}
.newlist li:nth-child(3n){margin-right:0}
.newlist li a{display:flex;flex-direction:column;height:100%}
.newlist li .newlist_a{overflow:hidden;display:block;position:relative;padding-top:56.25%}
.newlist li .newlist_a img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:all 0.3s ease}
.newlist li:hover .newlist_a img{transform:scale(1.1)}
.newlist_b{padding:2em;flex:1;display:flex;flex-direction:column}
.newlist_bcon{flex:1;display:flex;flex-direction:column}
.newlist_c{font-size:18px;font-weight:bold;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;overflow-wrap:break-word; color:rgb(51, 51, 51,0.8) }
.newlist_d{ display:flex;justify-content: space-between; color:#666; font-size:16px;align-items: center;}
.newlist_e{color:#999;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1; font-size:14px; margin:20px 0;}
.newlist li:hover{box-shadow:0px 1px .24rem 0px rgba(223,223,223,0.4)}
.newlist_f{margin-top:1em;color:#999}
.newlist li:hover .newlist_c{color:#333}
.newlist li:hover .newlist_f{color:#fde221}
.newlist_d2{ width:auto;}
.newlist_d2:after{content: "";display: block;width: 0.36rem;min-width: 30px;height: 0.36rem;min-height: 30px;background: url(../images/right3.png) center / cover no-repeat;}

@media (max-width:1600px){.newlist_c { font-size:20px;} .newlist_e{ font-size:16px;} .newlist_d{ font-size:14px;} .newlist_b{ padding:1em;}.newlist_e{ margin:10px 0;}}
@media (max-width:900px){.newlist_c { font-size:18px;} .newlist_e{ font-size:14px;} .newlist_d{ font-size:12px;} 
.newlist li{width:49%;margin-right:2%;margin-bottom:10px;display:block;background:#fff;box-sizing:border-box}
.newlist li:nth-child(3n){margin-right:2%;}
.newlist li:nth-child(2n){margin-right:0;}

}


.news{ display:grid;grid-template-columns:3fr 1fr;gap:2em; padding-top:3em;}
.news_l01_1 h3{ margin-bottom:0.5em}
.newsnr{padding:4em 5%;}
.news_l01_2{ color:#666;}
.news_l01_2 span{ margin-left:1em;}
.news_l01_2 span:nth-child(1){ margin-left:0;}
.news_l01{ border-bottom:1px dashed #666; padding-bottom:1em; margin-bottom:1em; text-align:center;}
.news_l02{ color:#777; margin-top:1em;}
.news_l02 h1,.news_l02 h2,.news_l02 h3,.news_l02 h4{ font-size:inherit;}
.news_l02 img{ max-width:100%;}
.news_l02 p{word-break: break-all;}
.news_l{background:#fff; border-radius:10px; border:1px  solid #dedede;box-shadow: 0px 1px .24rem 0px rgba(223, 223, 223, 0.7); }
.news_r02 ul{ display:flex; flex-wrap:wrap;}
.news_r02 li a{ padding:0 0.5em}
.news_r02 li{ padding:0 1em; border-bottom:1px solid #dedede;}
.news_r03{ font-weight:bold;	}
.news_r02 li:hover{ background:#fff; border-bottom:2px solid #fde221;}
.news_rimg a{ display:block; overflow:hidden;}
.news_rimg a img{ display:block; transition:all 0.3s ease;}
.news_rimg a:hover img{ transform:scale(1.05)}

.news_l03 a{ width:100%;}
.news_l03{ margin-top:1em;background:#f1f1f1;}
.news_l03 ul{display:grid;grid-template-columns:repeat(2, 1fr); }
.news_l03 ul li{ padding:1em 1em;}
.news_l03 ul li:hover{ background:#fde221}
.news_l06{ display:none;}
@media (max-width:1600px){.news{grid-template-columns:1fr	;gap:0;} .news_r{ display:none;}
.news_l03 ul{grid-template-columns:1fr} .news_l03 ul li{ padding:0.5em 0;} .newsnr{padding: 3em 5%;}}
@media (max-width:760px){.news_l06 { display:none;}}}
/*==============================================================================================*/
/*cate-css
/*==============================================================================================*/
.ny_nav { border-bottom:1px solid #dedede; background:#fff}
.ny_nav02 li {overflow:hidden;display:inline-block;}
.ny_nav02 li.cur {background:#fde221}
.ny_nav02 li ul {display:none}
.arclist{ background:#fff; padding:60px;}
.arclist li{ border-bottom:1px dashed #cecece; padding:10px 15px; font-size:14px;}
.arclist li a{ float:left;}
.arclist li span{ float:right; color:#999;}
.arclist li:hover{ background:#f6f6f6;}


.nodata{ font-size:24px; text-align:center; color:#999; margin:60px 0 0;}


@font-face {font-family: Jonapp Black; src: url("../fonts/Jonapp Black.ttf");}

.contact_con{ margin:3em 0;}
.contact_con ul{display:grid;grid-template-columns:1fr 1fr 1fr; gap:5%;}
.contact_con01_2{font-family:Jonapp Black; font-size:4em; text-transform:uppercase; color:#999}
.contact_con01_3:after{ content:""; background:#fde221; display:inline-block;width: 40px;height: 2px;}
.contact_con01_4{margin-top: 20px;font-size: 15px;line-height: 25px;color: #666;}
.contact_con01_5{margin-top: 20px;height: 140px;overflow: hidden;}
.contact_con01_5 img{border-radius: 10px;}

.contact_con li:nth-child(2),.contact_con li:nth-child(3){ background-color: #fff;padding:2em;border-radius: 15px;box-shadow: 0px 0px 10px rgb(102, 102, 102, 0.1);}
.contact_con02_1{ background:#fde221; border-radius:5px; display:inline-block;  padding:0.5em 4em; margin-left:-4em; margin-bottom:2em; font-weight:bold; margin-top:1em}
.contact_con ul {display: grid;grid-template-columns: repeat(3, 1fr);gap: 5%;}
.contact_con02_2 p{ margin-bottom:0.25em;}
.contact_con ul{display:grid;grid-template-columns:repeat(3,1fr);gap:5%}
@media (max-width:1920px){.contact_con ul{grid-template-columns:1.5fr 2fr 1.5fr;gap:3%}
.contact_con ul li img{max-width:100%}
}
@media (max-width:1500px){.contact_con01_2{ font-size:3em;}.contact_con02_1{padding: 0.5em 1em;margin-left: -3em;}}
@media (max-width:1200px){.contact_con ul{grid-template-columns:1fr 1fr;grid-template-areas:"full full" "left right";gap:20px;}
.contact_con ul li:first-child{grid-area:full;}
.contact_con ul li:nth-child(2){grid-area:left;}
.contact_con ul li:nth-child(3){grid-area:right;}
}
@media (max-width:980px){
	.contact_con01_2{ font-size:3em;}
	.contact_con02_1{padding: 0.5em 1em;margin-left: -3em;}
	.contact_con ul{grid-template-columns: 1fr;grid-template-areas: "full" "left" "right"; gap:1em;} 
	.contact_con ul li:first-child{grid-area:full}.contact_con ul li:nth-child(2){grid-area:left}.contact_con ul li:nth-child(3){grid-area:right;}}
.containernr  { padding-top:3em; margin:2em auto}	
.containernr  .containernr01{padding-bottom:1em;}
.prosortconc{ letter-spacing:1px;}
.pro_relate { margin-top:2em;}
.pro_relate .pro_hot_pro li .pro_hot_pro03{ display:none;}


.con_map{ margin:3em auto;}
.con_map_A{ text-align:center;}
.con_map .contact_con01_3:after{ display:none; content:"";}

.abmlist ul{padding:0;margin:0;list-style:none;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap; text-align:center;}
.abmlist ul li{-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:0 0 calc(25% - 10px);-ms-flex:0 0 calc(25% - 10px);flex:0 0 calc(25% - 10px);margin:5px;box-sizing:border-box}
.abmlist ul li .abmlist01{ display:block; overflow:hidden;}

.abmlist ul li .abmlist02{ color:#333;}
.abmlist ul li img{ display:block; transition:all ease 1s;}
.abmlist ul li:hover img{ transform:scale(1.1)}
.abmlist ul li:hover .abmlist02{ color:#000;}
.abmlist ul li .abmlist01{ position:relative;}
.abmlist ul li .abmlist01:after{ content:"\e633"; height:100%; width:100%; background:rgba(0,0,0,0.4);    position: absolute;top: 0;left: 0;font-family: "iconfont"; color:#ccc;display: flex;align-items: center;justify-content: center;font-size: 3em; transition:all 0.3s ease}
.abmlist ul li:hover .abmlist01:after{content:"\e633";background:rgba(0,0,0,0.6);color:#fff;}	
@media (max-width:1200px){.abmlist ul li{-webkit-flex:0 0 calc(33.333% - 10px);-ms-flex:0 0 calc(33.333% - 10px);flex:0 0 calc(33.333% - 10px);}}
@media (max-width:720px){.abmlist ul li{-webkit-flex:0 0 calc(50% - 10px);-ms-flex:0 0 calc(50% - 10px);flex:0 0 calc(50% - 10px);}}



.abmlist_video iframe.videocc{ width:100%; border:none;    aspect-ratio: 9 / 16;}
.abmlist_video2 li{ width:32%; margin-left:2%; margin-bottom:2%;}
.abmlist_video2 li:nth-child(3n+1){  margin-left:0%;}

.abmlist_video2 ul{padding:0;margin:0;list-style:none;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap; text-align:center;}
.abmlist_video2 ul li .abmlist02{color:#333;}.abmlist_video2 ul li:hover .abmlist02{ color:#000;}
.abmlist_video2 iframe.videocc{ width:100%; border:none;    aspect-ratio: 3 / 2;}

.abmlist_video ul{padding:0;margin:0;list-style:none;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap; text-align:center;}
.abmlist_video ul li{-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:0 0 calc(25% - 20px);-ms-flex:0 0 calc(25% - 20px);flex:0 0 calc(25% - 20px);margin:10px;box-sizing:border-box}
.abmlist_video ul li .abmlist02{color:#333;}.abmlist_video ul li:hover .abmlist02{ color:#000;}
@media (max-width:1200px){.abmlist_video ul li{-webkit-flex:0 0 calc(33.333% - 20px);-ms-flex:0 0 calc(33.333% - 20px);flex:0 0 calc(33.333% - 20px);}}
@media (max-width:720px){.abmlist_video ul li{-webkit-flex:0 0 calc(50% - 10px);-ms-flex:0 0 calc(50% - 10px);flex:0 0 calc(50% - 10px);margin:5px;}
.abmlist_video2 li{ width:49%;}
.abmlist_video2 li:nth-child(3n+1){  margin-left:2%;}
.abmlist_video2 li:nth-child(2n+1){  margin-left:0%;}

}


.scalepro{margin:80px auto}
.scalepro.fz{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:10px;aspect-ratio:3 / 2}
.scalepro_left.large-item{grid-column:1;grid-row:1 / span 3}
.scalepro_mid.medium-item{grid-column:2;grid-row:1 / span 2}
.scalepro_mid.small-item{grid-column:2;grid-row:3}
.scalepro_right.small-item:nth-child(3){grid-column:3;grid-row:1}
.scalepro_right.small-item:nth-child(5){grid-column:3;grid-row:2}
.scalepro_right.small-item:nth-child(6){grid-column:3;grid-row:3}
.ItemContent{position:relative;width:100%;height:100%;overflow:hidden}
.ItemImg{width:100%;height:100%;background-size:cover;background-position:center;transition:transform 0.3s}
.ItemName{position:absolute;left:0;padding:30px;line-height: 1;font-size: calc(22 * 100vw / 1920);font-weight:600;color:#fff;z-index:2;transition:all 0.3s;top:0}
.ItemName span{ display:block;}
.ItemName p{ font-weight:normal; font-size:14px; margin-top:20px; display:inline-block; padding:10px 1.5em; border-radius:5px; border:1px solid rgba(255,255,255,1);}
.ItemMask{position:absolute;top:100%;left:0;right:0;height:100%;background:rgba(0,0,0,0.7);transition:all 0.3s ease-out;display:flex;flex-direction:column;color:#fff}
.ItemRemark{padding:30px;margin-top:40px}
.scalepro a:hover .ItemName p{ color:#ff7500; border-color:#ff7500;}
.scalepro a:hover .ItemMask{top:0}
.scalepro a:hover .ItemImg{transform:scale(1.05)}
.scalepro_left,.scalepro_mid,.scalepro_right{position:relative;overflow:hidden}
@media (max-width:768px){.scalepro.fz{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;aspect-ratio:auto;height:auto}
.scalepro_left.large-item{grid-column:1;grid-row: 1 / span 2;}
.scalepro_mid.medium-item{grid-column:2;grid-row:1;aspect-ratio: 1 / 1.1;}
.scalepro_mid.small-item{grid-column:2;grid-row:2;aspect-ratio:1/0.68}
.scalepro_right.small-item:nth-child(3){grid-column:1;grid-row:3;aspect-ratio:1/0.68}
.scalepro_right.small-item:nth-child(5){grid-column:2;grid-row:3;aspect-ratio:1/0.68}
.scalepro_right.small-item:nth-child(6){grid-column:1 / span 2;grid-row:4;aspect-ratio:2/1}
.ItemName{font-size:16px;padding:15px}
.ItemRemark{margin-top:30px;padding:15px;        line-height: 1;}
.scalepro{ margin:50px auto;}
}
@media (max-width:480px){.ItemName{font-size:14px;padding:10px}
.ItemRemark{margin-top:20px;padding:10px;font-size:12px}
.scalepro.fz{gap:8px}
}

@media (max-width: 1920px) and (min-width: 551px){.ItemName{font-size: calc(12px + 10 * 100vw / 1920);}}
@media (max-width: 550px) {.ItemName {font-size: calc(12px + 10 * 550px / 1920);}}

.caleprolist{background:#f9f9f9;padding:80px 0;position:relative}
.caleprolistcon{display:flex;justify-content:space-between}
.caleprolistleft{width:25%;background:rgba(255,229,32,0.06);height:max-content}
.caleprolistleft li a{display:block;padding:1.5em}
.caleprolistleft li:hover a{ display:block;background:#ffe520;color:#000}
.xhvr{display:block;background:#ffe520;color:#000}
.caleprolistright{width:70%}
.pro_sortcon{display:flex;justify-content:space-between;align-items:center;}
.menu-toggle{display:none;cursor:pointer;position:relative;z-index:1001}
.menu-toggle span{display:block;width:25px;height:3px;background:#333;margin:6px 0;transition:all 0.3s ease}
@media (max-width:768px){
	.caleprolistleft li a{ padding:10px;font-size: 14px;}
	.caleprolist { padding:50px 0;}
	.pro_sort_title,.pro_sort_title h2{ margin:0;font-size: 18px;}
	.caleprolistcon{flex-direction:column}
.menu-toggle{display:block}
.pro_sortcon{ display:flex; }
.caleprolistleft{position:absolute;top:110px;left:0;width:100%;max-height:0;overflow:hidden;opacity:0;z-index:1000;background:rgba(255,255,255,0.98);box-shadow:0 5px 15px rgba(0,0,0,0.1);transition:all 0.3s ease}
.caleprolistleft.active{max-height:max-content;opacity:1;overflow-y:auto}
.caleprolistright{width:100%;margin-top:0}
.menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.menu-toggle.active span:nth-child(2){opacity:0}
.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}
.product-grid li a{ padding:1em}
.pro_sort_ny04{ padding-top:1em;}
.pro_sort_ny05 { font-size:14px;}
}
@media (max-width:600px){
	.product-grid > li{ width:49%;}
	.product-grid li:nth-child(3n+1){ margin-left:2%;}
	.product-grid li:nth-child(2n+1){ margin-left:0;}
	
	
	}
@media (max-width:480px){
.menu-toggle{padding:8px}
.menu-toggle span{width:20px;height:2px}
.pro_sort_ny05 { font-size:12px;}
}





.back-to-top{transform: rotate(270deg);position:fixed;bottom:100px;right:30px;width:50px;height:50px;border-radius:50%;background-color:#333;color:white;border:none;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,0.2);opacity:0;visibility:hidden;transition:opacity 0.3s,visibility 0.3s;z-index:1000;display:flex;align-items:center;justify-content:center;font-size:24px}
.back-to-top:hover{background-color:#ffe31c;transform: rotate(270deg);}
.back-to-top.show{opacity:1;visibility:visible}

.bottom_navf{ display:none;position: fixed;width: 100%;bottom: 0;        z-index: 999; font-size:12px;}
.bottom_navf img{ max-width:20px;}
.bottom_navf li {padding:10px 0;width: 25%;background: #333;text-align: center;    box-sizing: border-box;}
.bottom_navfli a{ color:#fff;display: block; padding:20px 0;border-left: .1px solid #f1f1f1;}
.bottom_navf li:hover{background: #ffe520;}
.bottom_navf p{ margin-bottom:0; color:#fff;}
.bottom_navf span{ height:25px;display: block;}
@media screen and (max-width: 768px) {.bottom_navf{ display:flex;}
.copy{ padding:1.5em 0 100px;}
}

















.