@charset "utf-8";
/* CSS Document */
/*all*/
@media screen and (max-width: 1024px) {
	#hamburger{ display:block !important;}
	/*.bottomlist{ display:block;}
	.footer{ margin-bottom:52px;}*/

}

/*index*/
@media screen and (max-width: 1600px) {
	.banner .layer img{ max-height:60vh;}
	.header .mune{ padding:30px 0;}
	.ibrand .brand-box .brand-tip .brand-t{ padding:90px 0; width:400px;}
	.ivideos .ivideos-slider .swiper-button-white { width: 40px;   height: 80px;   background-size: 40px 80px;}
	.iphotos .iphotos-slider .tips img{ max-width:40%;}
	.iphotos .iphotos-slider .swiper-slide.swiper-slide-active{ padding:0 0% 0 10%;}
	.iphotos .iphotos-slider .swiper-slide{ padding:0 0% 0 10%;}
	.iphotos .iphotos-slider .txt h3{ line-height:36px;}
	.iphotos .iphotos-slider .txt .t1{ height:144px;}
	.ift .feedback .tit h3{ font-size:2.8em;}
	.ift .feedback .tit h4{ font-size:2em;}
	.footer .txt{ width:240px;}
	.footer .links .lid{ padding:0 12px;}
	.footer .two{ width:180px;}
	.ivideos .ivideos-slider .iv-logo1 { background-size: 9%;}
}
@media screen and (max-width: 1360px) {
	.warp{ padding:0 45px;}
	.header .mune{ padding:24px 0;}
	.header .logo{ padding:15px 0;}
	.header .m-list>a{ padding:0  18px; }
	.header .mune .hid-box{ margin-right:20px;}
	.header .mune .hid-mune span:last-child{ width:35px; height:16px;}
	.header .mune .hid-mune span:last-child:after, .header .mune .hid-mune span:last-child:before{ width:35px;}
	.ibrand .brand-box .brand-tip .brand-t{padding:60px 0;width:300px;}
	.ibrand .brand-box .brand-tip .brand-t img{ width:200px;}
	.ivideos .ivideos-slider .swiper-button-white { width: 30px;   height: 60px;   background-size: 30px 60px;}
	#fp-nav.right{ right:20px;}
	.iphotos .iphotos-slider{ padding:0 60px 2% 60px;}
	.iphotos .iphotos-slider .swiper-slide.swiper-slide-active{ padding:0 0% 0 6%;}
	.iphotos .iphotos-slider .swiper-slide{ padding:0 6% 0 0%;}
	.iphotos .iphotos-slider .txt{ padding:20px 4%;}
	.iphotos .iphotos-slider .tips{ left:60px; }
	.iphotos .iphotos-slider .btn{ right: 21%;}
	.iphotos .iphotos-slider .txt h3{ font-size:1.6em;}
	.iphotos .iphotos-slider .txt p{ line-height:24px;}
	.iphotos .iphotos-slider .txt .t2{ height:86px;}
	.ift .feedback .tit h3{ font-size:2em; letter-spacing: 8px;}
	.ift .feedback .tit h4{ font-size:1.6em; letter-spacing: 4px;}
	.ift .feedback .tit{ margin-bottom:20px;}
	.ift .feedback input{ padding:8px 10px;}
	.ift .feedback .dots .dot { width: calc(33.33% - 30px); margin: 2% 15px;}
	.ift .feedback{ padding:6% 0;  height:60vh;}
	#m1 .footer{ height:40vh;}
	.footer{ padding:60px 0;}
	.footer .links .lid:last-child{ display:none; }
	.footer .links .lid{ width:20%;}
	.ift .feedback .fc-btn{ font-size:1.6em;}
	.header .mune .hid-mune span:last-child:after{ top:2px;}
	.header .mune .hid-mune span:last-child:before{ bottom:2px;}
}
@media screen and (max-width: 1200px) {
	.iphotos .iphotos-slider .btn{ right: 18%;}
	.min-banner{height:400px;}
	.article-show .list .img{height:200px;}
}
@media screen and (max-width: 1024px) {
	.header .mune{ display:none;}
	.header .mune .hid-box{ float:right; margin-top:60px;}
	.header .mune>*{ float:right;}
	.header .m-list{ float:none; margin:20px 0;}
	.header .m-list>a{ display:block;}
	.header .mune .hid-mune{ position:absolute; right:40px;}
	.footer .links{ display:none;}
	.footer .txt{ padding:20px; width:50%;}
	.footer .txt img{ max-height:70%;}
	.ift .feedback{padding: 18vh 0;height:70vh;}
	#m1 .footer{ height:30vh;}
	.footer .two{ padding:0;}
	#fp-nav{ display:none;}
	.ibrand .brand-box{width:100%;display: table;height:33.33vh;}
	.ibrand .brand-box .brand-tip{/* display:block; */}
	.ibrand .brand-box .brand-tip .brand-t{height:100%;padding:4% 0;}
	.iphotos .iphotos-slider .btn .iphotos-prev,.iphotos .iphotos-slider .btn .iphotos-next{ width: 30px; height: 16px; background-size: 30px 16px;}
	.iphotos .iphotos-slider .btn{ width:120px; right:24%}
	.ibrand .brand-box .brand-tip:hover:after{ transform: scaleY(0.5);}
	.ibrand .brand-box .brand-tip .brand-t img{ max-height:24vh; width:auto;}
	.ivideos .ivideos-slider .swiper-slide{ padding:8% 6%; }
	.min-banner{height:350px;}
	.article-show .list li{width:48%;margin:0 1% 10% 1%;}
	.article-show .list .img{height:180px;}
}
@media screen and (max-width: 640px) {
	.header .logo img{ width:160px; padding:0;}
	.warp{ padding:0 20px;}
	.banner .btn span {  width: 25px; height: 40px; border: 1px solid #fff;}
	.banner .layer img{ max-height:50vh;}
	.iphotos .iphotos-slider .txt{ bottom:0; width:100%; top:auto; bottom:0; right:0;}
	.iphotos .iphotos-slider .swiper-slide.swiper-slide-active,.iphotos .iphotos-slider .swiper-slide{ padding:0;}
	.iphotos .iphotos-slider .txt h3{ line-height:28px; font-size:1.4em; }
	.iphotos .iphotos-slider .txt .t1{ margin-bottom:20px;}
	.iphotos .iphotos-slider .txt p{ line-height:20px;}
	.iphotos .iphotos-slider .txt h3,.iphotos .iphotos-slider .txt p{ display:inline;}
	.ibrand .brand-box .brand-tip .brand-t img{ width:auto; max-height:22vh;}
	.ibrand .brand-box .brand-tip .brand-t{width: auto; padding:0; display:table-cell;  vertical-align: middle;}
	.ibrand .brand-box .brand-tip{ display:table; height: 100%;}
	.iphotos .iphotos-slider{padding:0 0 20px 0;}
	.iphotos .iphotos-slider .tips{ left:20px; display:none;}
	.iphotos .iphotos-slider .btn{ width:140px; height:20px;  bottom:0; right:4%;}
	.iphotos .iphotos-slider .txt{ width:100%;}
	.iphotos .iphotos-slider .txt .t1{ margin-bottom:12px; max-height:144px; height:auto;}
	.iphotos .iphotos-slider .txt .t2{  max-height:96px; height:auto;}
	.ift .feedback .dots .dot { width: calc(100% - 0px);}
	.ift .feedback .dots .dot{ margin:12px 0;}
	.ift .feedback input{ padding:4px 12px;}
	.ift .feedback{ height:80vh; padding:10vh 0;}
	.ift .feedback .tit h3{ font-size:1.6em; letter-spacing:4px; margin-bottom:6px;}
	.ift .feedback .tit h4{ font-size:1.4em; letter-spacing:0;}
	.footer{padding: 41px 0;}
	.footer .two p{ display:inline;}
	.footer .two img{ display:block; margin:0 auto;}
	.iphotos .iphotos-slider .swiper-slide a{ width:100%;}
	.banner video{ display: none;}
	.ivideos .ivideos-slider .iv-logo1 { background-size: 30%;}
	.ivideos .ivideos-slider .iv-logo2 { background-size: 16%;}
	.ivideos .ivideos-slider .iv-logo3 { background-size: 16%;}
	.ivideos .ivideos-slider .swiper-slide{ padding:0 0 20% 0;}
	.ivideos .ivideos-slider .swiper-button-white{ top:34%; background-size:25px; width:25px;}
	.footer .warp>*{ display:block; width:100%; border:none;}
	.footer .txt img{ width:80px;}
	.footer .warp .links{ display:none;}
	#m1 .header{ background:rgba(0,0,0,0.6);}
	.min-banner{height:250px;}
	.article-show .list li{width:100%;margin:0 0 20% 0;}
	.article-show .list .img{height:250px;}
}
@media screen and (max-width: 420px) {
	.header .logo img{ padding:0;}
	.ibrand .brand-box .brand-tip .brand-t:before,.ibrand .brand-box .brand-tip .brand-t a:before,.ibrand .brand-box .brand-tip .brand-t:after{ display:none;}
	.ibrand .brand-box .brand-tip .brand-t{ padding:20px 0; width:100%; height:100%;}
	.ibrand .brand-box .brand-tip .brand-t img{ width:auto; max-height:100%;}
	.ibrand .brand-box .brand-tip{ padding:0;}
	.ivideos .warp{ padding:0;}
	.ivideos .ivideos-slider .swiper-slide img{ max-width:96%;}
	.ivideos .ivideos-slider .swiper-button-white { width: 20px;   height: 40px;   background-size: 20px 40px;}
	.ift .feedback .dots .dot p{ line-height:24px;}
	.ift .feedback .fc-btn{ margin-top:20px; font-size:1.4em; padding:0 0 6px 0;}
	#m1 .footer{ height:auto;}
	.ift .feedback{ height:84vh;}
	.footer{ padding:20px 0;}
	.footer .two img{ width:50px;}
	.header .logo{ padding:11px 0;}
	#hamburger{top:18px; right:20px;}
	.ibrand .brand-box .brand-tip .brand-t img{ max-width:20vh;}
	.ivideos .ivideos-slider .swiper-slide{ padding:0 0 32% 0;}
	.ivideos .ivideos-slider .iv-logo1 { background: url(../images/iv-logo1.png) center bottom no-repeat;  background-size: 50%;}
	.ivideos .ivideos-slider .iv-logo2 { background: url(../images/iv-logo2.png) center bottom no-repeat;  background-size: 30%; }
	.ivideos .ivideos-slider .iv-logo3 { background: url(../images/iv-logo3.png) center bottom no-repeat;  background-size: 30%;}
	.footer .txt{ padding:0 0 10px 0;}
	.footer .txt img{ width:80px;}
	.min-banner{height:200px;}
	.article-show .list .img{height:200px;}
}


/*brand*/
@media screen and (max-width: 1700px) {
	.brand-box .bb .txts{ padding:5% 5% 40px 0;}
	.b-top img{ max-width:30%;}
}
@media screen and (max-width: 1500px) {
	.tits h3{ font-size:3.2em;}
	.tits h4{ font-size:2em; margin-top:5px;}
	.b-list a{ font-size:1.6em;}
	.b-list{ margin-top:30px;}
	.brand-box .bb .txts .txt .d h3{ font-size:1.6em; margin-bottom:10px;}
	.brand-box .bb .imgs{ width:40%; padding-right:6%;}
	.brand-box .bb .txts{ width:60%;}
	.brand-box .bb .txts .txt{ max-width:96%; max-height:550px;}
}
@media screen and (max-width: 1350px) {
	.brand-box .bb .txts{ padding:6% 40px 40px 0;}
}
@media screen and (max-width: 1250px) {
	.brand-box .bb .imgs{ width:480px; padding-right:40px;}
	.brand-box .bb .txts{ width:calc(100% - 480px);}
	.brand-box .bb .txts .bc p{ font-size:1.4em;}
	.b-top{ padding:12px 0 10px 0;}
	.b-top img{ max-width:35%;}
	.brand-box .bb{ margin-bottom:30px;}
	.header .logo a{display: block;}
}
@media screen and (max-width: 1024px) {
	.brand-box .bb .imgs{ text-align:center; width:100%; overflow:hidden; padding:0;}
	.brand-box .bb .imgs img{ max-width:480px; width:100%;}
	.brand-box .bb .txts{ width:calc(100%); padding:40px 5%;}
	.brand-box .bb .txts .txt{ max-width:100%;}
	.brand-box .bb .txts .txt .d{ max-width:98%; margin-bottom:30px;}
	.b-top img{ max-width:240px; }
}
@media screen and (max-width: 850px) {
	.tits h3{ font-size:2.4em;}
	.tits h4{ font-size:1.8em;}
	.b-list{ margin-bottom:40px;}
}
@media screen and (max-width: 650px) {
	.b-list a{ padding:0 10px; margin:5px 0;}
	.brand-box .bb .txts .txt .d h3{ font-size:1.4em;}
}
@media screen and (max-width: 450px) {
	.tits h3{ font-size:2em;}
	.tits h4{ font-size:1.6em;}
	.b-list a{ font-size:1.4em;}
}

/*factory*/
@media screen and (max-width: 1700px) {
	.factory.brand-box .bb .txts {  padding: 0;}
	.factory.brand-box .bb .txts .txt{  max-height:600px;}
}
@media screen and (max-width: 1600px) {
	.warp2{ max-width:1200px;}
	.factory .bb .imgs p{ padding:30px 0;}
	.factory .bb .tit{ padding-bottom:60px;}
	.service .s1-ban,.service .s2-ban,.service .s3-ban,.factory .fa-ban{ height:460px;}
}
@media screen and (max-width: 1250px) {
	.warp2{ max-width:960px;}
	.factory .bb{ padding:80px 0;}
	.factory.brand-box .bb .imgs{ width:40%;}
	.factory.brand-box .bb .txts{ width:60%;}
	.service .s1-ban,.service .s2-ban,.service .s3-ban,.factory .fa-ban{ height:420px;}
}
@media screen and (max-width: 1024px) {
	.factory.brand-box .bb .imgs{ width:30%; padding-right:40px;}
	.factory.brand-box .bb .txts{ width:70%;}
	.factory.brand-box .bb .txts .txt{  max-height:600px;}
	.factory .bb{ padding:60px 0;}
	.factory .bb .tit{ padding-bottom:40px;}
	.service .s1-ban,.service .s2-ban,.service .s3-ban,.factory .fa-ban{ height:360px;}
}
@media screen and (max-width: 850px) {
	.factory.brand-box .bb .imgs{ width:100%; padding-right:0px; max-width:360px; margin:0 auto; float:none;}
	.factory.brand-box .bb .txts{ width:100%; padding:40px 40px 0 40px;}
	.service .s1-ban,.service .s2-ban,.service .s3-ban,.factory .fa-ban{ height:280px;}
}
@media screen and (max-width: 650px) {
	.factory.brand-box .bb .txts{ width:100%; padding:0px 0px 0 0px;}
	.factory .bb{ padding:40px 0;}
}

/*contact*/
@media screen and (max-width: 1700px) {
	.contact .map{ width:30%;}
}
@media screen and (max-width: 1400px) {
	.contact .map{ width:35%;}
	.contact .txts{ padding:40px 40px;}
	#container{ height:800px;}
	.contact .txts .txt h3,.contact .txts .cs>h3{ font-size:1.8em;}
	.contact .txts .txt h4{ font-size:1.6em;}
	.contact .txts .cs{ margin-top:30px;}
}
@media screen and (max-width: 1024px) {
	.contact>*{ display:block; }
	.contact .map,.contact .txts{ width:100%;}
	#container{ height:600px;}
	.contact .txts .cs .csd{ width:calc(100% + 20px); margin-left:-10px;}
	.contact .txts .cs .dot .d1{ transform:rotateY(180deg);}
	.contact .txts .cs .dot .d2{ padding: 20px 0; background:#efefef; opacity: 1; transform:rotateY(0deg); }
	.contact .txts .cs .dot .d2 p{ color:#333;}
}
@media screen and (max-width: 850px) {
	.contact .txts .cs .cd .b { height:auto;  width: calc(100%); margin:4px 0;}
	.contact .txts .cs .cd .b h3{ font-size:1.4em; margin-bottom:10px;}
	.contact .txts{ padding:40px 20px;}
	.contact .txts .txt .d{ width:100%;}
}
@media screen and (max-width: 650px) {
	#container{ height:400px;}
	.contact .txts .cs .dot{  margin:5px; width:calc(50% - 10px); }
	.contact .txts .cs .dot .cds{ height:auto;}
	.contact .txts .cs .dot .cds h3{ font-size:1.4em;}
	.contact .txts .cs .dot .cd img{ width:30px;}
}
@media screen and (max-width: 450px) {

	.contact .txts .txt h4{ font-size:1.4em; margin:16px 0 0 0;}
}

/*shop*/
@media screen and (max-width: 1600px) {
	.shop{ padding:100px 0;}
	.shop .maps .demo{ padding:40px 0 40px 40px;}
}
@media screen and (max-width: 1200px) {
	.shop .tit .s-sreach{ padding-top:30px;}
	.shop .maps{ margin-top:40px;}
	.shop{ padding:60px 0;}
	.shop .maps .demo{ padding:20px 0 40px 40px;}
	.shop .maps .demo h2{ font-size:2em;}
}
@media screen and (max-width: 1024px) {
	.shop #container-shop{ width:100%; height:500px;}
	.shop .maps .demo{ width:100%;  padding:40px 0 0 0;}
	.shop .maps .scrollbar-inner{ height:240px;}
}
@media screen and (max-width: 850px) {
	.shop .tit .s-sreach{  width:100%; margin-top:20px; padding:0;}
	.shop .tit .tits{ float:none; }
	.shop .tit .s-sreach input{ padding:5px 10px;}
	.shop .tit .s-sreach .fc-btn{ width: 40px;}
	.shop .tit .s-sreach{ text-align:right;}
	.shop .maps{ margin-top:20px;}
}
@media screen and (max-width: 450px) {
	.shop{ padding:40px 0;}
	.shop .tit .s-sreach input{ padding:2px 10px;}
	.shop .maps .demo{ padding-top:20px;}
	.shop .maps .demo .dot{ padding:10px 0 15px 0;}
	.shop .maps .scrollbar-inner{ height:200px;}
	.shop .maps .demo h2{ line-height:1.2; margin-bottom:10px;}
	.shop #container-shop{ height:300px;}
} 


/*product*/
@media screen and (max-width: 1600px) {
	.product .p-list{ padding:70px 0;}
	.product .p-list .txt h3{ font-size:5.2em; line-height:1.2;}
	.product .pb-boxs .dots .dot{ margin:30px 50px 10px 50px;}
}
@media screen and (max-width: 1400px) {
	.product .pb-boxs .dots .dot { width: calc(25% - 40px); margin:20px 20px 0px 20px;}
	.product .pb-boxs .pboxs{  padding:60px 0 20px 0;}
}
@media screen and (max-width: 1250px) {
	.product .p-list .pban-slider{ max-width:75%;}
	.product .p-list .btn a{ font-size:1.6em;}
	.product .p-list .txt h3{ font-size:4.2em; }
	.product .p-list .txt img{ width:160px;}
	.product .pb-boxs{ padding:40px 0 60px 0;}
}
@media screen and (max-width: 1024px) {
	.product .p-list{ padding:50px 0;}
	.product .p-list .txt h3{ font-size:3.2em;}
	.product .p-list .txt{ max-width:600px;}
	.product .p-list .pban-slider{ max-width:100%;}
	.product .p-list .imgs{ padding-bottom:40px;}
	.product .p-list .txt h3{ padding:40px 0;}
	.product .pb-boxs .pboxs{ padding:40px 0 20px 0;}
	.product .pb-boxs .tit h3{ font-size:1.6em;}
	.product .pb-boxs .pboxs .p-links .links2 a{ font-size:1.4em;}
	.product .pb-boxs .dots .dot .txt h3{ font-size:1.4em;}
	.product .pb-boxs .dots .dot .img img{ transform:scale(1);}
}
@media screen and (max-width: 850px) {
	.product .pb-boxs .dots .dot { width: calc(50% - 40px); margin:20px 20px 0 20px;}
	.product .pb-boxs .dots .dot img{ width:100%;}
}
@media screen and (max-width: 650px) {
	.product .p-list .txt h3{ font-size:2.4em;}
	.product .p-list .txt{ max-width:400px;}
	.product .p-list .txt img{ width:120px;}
}
@media screen and (max-width: 450px) {
	.product .p-list{ padding:30px 0;}
	.product .p-list .txt h3{ padding:30px 0;}
	.product .pb-boxs{ padding:40px 0;}
	.product .pb-boxs .pboxs{ padding:20px 0;}
	.product .pb-boxs .pboxs .p-links a{ margin:0 4px;}
	.product .pb-boxs .dots .dot { width: calc(50% - 40px); margin:20px 20px 0 20px;}
	.product .pb-boxs .dots .dot .txt{ padding:10px 0;}
	.product .pb-boxs .dots .dot .txt h3{ height:20px;}
	.product .pb-boxs .dots .dot .txt p{ height:40px; line-height:20px;}
}