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

/*index*/
@media screen and (max-width: 1600px){
	.banner .swiper-slide{ height:800px;}
	.header .head2 .mune>a{ font-size:1.6em;}
}
@media screen and (max-width: 1450px){
	.banner .swiper-slide{ height:700px;}
	.header .head2 .logo img{ width:260px;}
	.header .head2 .mune>a { padding: 19px 30px;}
	.header .head2 .mune .lun{ padding:18px 0;}
	.banner .txt h3, .i-tit h3,.ia .boxs .box h3 { font-size: 4.2em;}
	.ia { padding:60px 0;}
	.ia .boxs { margin-top: 40px;}
	.inews {  padding: 60px 0 35px 0;}
}
@media screen and (max-width: 1250px){
	.banner .swiper-slide{ height:600px;}
	.header .head2 .mune>a { padding: 19px 20px;}
	.banner .txt,.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .swiper-pagination-fraction{ left:20px;}
	.banner .txt{ bottom:120px;}
	.banner .txt h3, .i-tit h3,.ia .boxs .box h3 { font-size: 3.6em;}
	.ic .boxs .box2{ padding:0 25px; width:30%;}
	.ic .boxs .box3, .ic .boxs .box4, .ic .boxs .box5 { width: 13%;}
	.ic .boxs .box1{ width:12%;}
	.ic .boxs .box3 h3, .ic .boxs .box4 h3, .ic .boxs .box5 h3{ font-size:1.6em;}
}
@media screen and (max-width: 1024px){
	.header .head1,.header .head2 .mune{ display:none;}
	.banner .swiper-slide{ height:500px;}
	.banner .play{ top:40%;}
	.banner .play img{ width:80px;}
	.ia .boxs .box{ height:360px; }
	.ic .boxs .box{ display:block; float:left; padding:40px 40px; height:220px;}
	.ic .boxs .box1{ width:25%;}
	.ic .boxs .box2{ width:75%;}
	.ic .boxs .box3,.ic .boxs .box4,.ic .boxs .box5,.ic .boxs .box6{ width:25%;}
	.ic .boxs .box1 .t{ margin-top:40px;}
	.ic .boxs .box6{ background:#333;}
	.banner .txt h3, .i-tit h3,.ia .boxs .box h3 { font-size: 3.2em;}
}
@media screen and (max-width: 800px){
	.banner .txt h3, .i-tit h3,.ia .boxs .box h3 { font-size: 2.8em; line-height:32px; margin-top:10px;}
	.inews .boxs .swiper-slide{ padding:20px ;}
	.footer .fo1{ display:none;} 
	.ic{ padding:35px 0;}
	.ic .boxs .box1{  display:none;}
	.ic .boxs .box2{ width:100%;}
	.ic .boxs .box3,.ic .boxs .box4,.ic .boxs .box5,.ic .boxs .box6{ width:50%; height:140px; padding:20px;}
	.ic .boxs .box6 img{ padding:2px;}
	.ic .boxs .box3 img,.ic .boxs .box4 img,.ic .boxs .box5 img{ width:40px;}
	.ic .boxs .box3 h3, .ic .boxs .box4 h3, .ic .boxs .box5 h3 { font-size: 1.6em;  padding: 10px 0 0px 0;}
	.ic .boxs .box1 h3{ font-size:2em; line-height:24px; margin-left:-60px;}
	.ic .boxs .box1 h4{ font-size:1.4em;}
	.banner .swiper-slide{ height:400px;}
	.banner .txt{ bottom:80px;}
	.banner .play { top: 160px;}
	.ia .boxs .box p {  font-size: 1.6em;}
	.ia .boxs .box {  height: 320px;}
	.ia{ padding:40px 0;}
	.ia .boxs,.ip .boxs{ margin-top:20px;}
	.inews .boxs .swiper-slide{ margin:30px 0;}
	.inews {  padding: 40px 0 25px 0;}
}
@media screen and (max-width: 600px){
	.ia .boxs .box {  width: calc(100% - 15px);  margin: 10px 7.5px; height:fit-content;  padding:30px;}
	.banner .txt h3, .i-tit h3,.ia .boxs .box h3 { font-size: 2.4em; }
	.ip .swiper-button-prev, .ip .swiper-container-rtl .swiper-button-next, .ip .swiper-button-next, .banner .swiper-container-rtl .swiper-button-prev { width: 30px; height: 40px;  background-size: 30px 40px; top: 40%;}
    .header .head2 .logo img{ width:180px;}
    #hamburger{ top:15px; right:20px;}
    .banner .swiper-slide{ height:320px;}
    .banner .play { top: 35%; left:50%; margin-left:-30px; margin-top:-30px;}
    .banner .swiper-button-prev, .banner .swiper-container-rtl .swiper-button-next, .banner .swiper-button-next, .banner .swiper-container-rtl .swiper-button-prev {
    width: 30px;  height: 40px; background-size: 30px 40px;}
    .banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:20px;}
    .banner .txt{ bottom:40px;}
    .banner .txt h4{ margin-bottom:0;}
}
@media screen and (max-width: 500px){
	.ip .ip-slider{ max-width:300px;}
	.banner .play img{ width:60px;}
	.banner .txt h4{ font-size:1.6em;}
	.banner .txt h3, .i-tit h3,.ia .boxs .box h3 { font-size: 2em; margin-top:0;}
	.i-tit h4 {  font-size: 1.4em;}
	.ia .boxs .box a { margin-top: 25px;  font-size: 1.4em; padding: 12px 30px;}
}

/*news*/
@media screen and (max-width: 1024px){
	.banners{ height:320px;}
	.lead-line .warp>*{ font-size:1.4em;}
	.news-t .box{ padding:40px 0;} 
	.news-t .box .txt{ padding-left:20px;}
	.news-t .box .txt span{ left:140px;}
	.news-t .box .txt:after{ left:20px; }
	.news-t .box .img{ width:260px;}
	.news-t .box .txt h3{ font-size:1.8em; margin-bottom:10px;}
	.news-t .box .txt h4{ font-size:1.4em; height:72px; line-height:24px;}
	.news-t .box .img .date h3{ font-size:2.4em;}
	.news-t {  padding-bottom: 40px;}
	div.fy{ padding-top:20px;}
	div.fy a,div.fy span.current,div.fy span.disabled { padding:8px 12px;}
}
@media screen and (max-width: 600px){
	.banners{ height:200px;}
	.news-t .box a>*{ display:block; width:100%;}
	.news-t .box a .img{ margin-bottom:20px;}
	.news-t .box a .txt{ padding-left:0;}
	.news-t .box .txt span{ left:120px; bottom:-40px;}
	.news-t .box .txt:after{ left:0px; bottom:-28px;}
	.news-t .box .txt h4{ margin-bottom:20px;}
	.news-t .box .img{ max-width:320px; width:100%;}
	.news-t .box{ padding:30px 0;} 
}

/*newsshow*/
@media screen and (max-width: 1550px) {
	.newsshow{ padding:60px 0;}
}
@media screen and (max-width: 1024px) {
	.newsshow .tit,.newsshow .btn{ padding:40px 20px;}	
	.newsshow .txt{ padding:20px;}
}
@media screen and (max-width: 600px) {
	.newsshow .tit h3{ font-size:1.6em;}
	.newsshow .tit .dot h4{ font-size:1em; padding:10px 2px;}
	.newsshow .tit{ padding:30px 20px 0 20px;}
	.newsshow .btn{ padding:0px 20px 30px 20px;}	
	.newsshow .btn a{ padding:10px 15px;}
	.newsshow { padding: 40px 0;}
	.newsshow .btn a { padding: 8px 10px;}
}

/*join*/
@media screen and (max-width: 1024px) {
	.join-t .boxs .box .panel-body .txts>*{ display:block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.join-t .boxs .box .panel-body .txts .t2{ width:100%;}
	.join-t .boxs .t p{ display:inline; font-size:1.4em; line-height:20px;}
	.join-t{ padding:40px 0;}
	.tits h3 { font-size: 2.4em;}
	.join-t .boxs .box>h3,.join-t .boxs .box .panel-header{ padding:12px 15px; font-size:1.6em;}
	.join-t .boxs .box .panel-header:after{ top:14px;}
	.join-t .boxs .box .panel-body .txts .t1{ padding:25px 15px;}
	.join-t .boxs .box .panel-body .txts .t1 .dot {  margin-bottom: 20px;}
	.join-t .boxs .box .panel-body .txts .t1 .dot p{ line-height:24px;}
	.join-t .boxs .box .panel-body .txts .t2{ padding:15px;}
}
@media screen and (max-width: 800px) {
	.join-t .boxs .box .panel-header:after{ width:15px; height:15px; background-size:cover;}
	.tits h3 { font-size: 2em;}
}

/*contact*/
@media screen and (max-width: 1024px) {
	.c3 .dot{ width:calc(100% + 40px); margin-left:-20px;}
	.c3 .fc-input{ width:calc(50% - 40px); margin:0 20px 30px 20px;}
	.c1 .boxs .left { padding: 0 25px;}
	#container{ height:300px !important;}
}
@media screen and (max-width: 800px) {
	.c1 .boxs { padding:0}
	.c1 .boxs .left .dot .t2 h3{ width:5em;}
	.c1 .boxs .left .dot .t2>*{ width:100%; display:block;}
	.c1 .boxs .left .dot .t2{ margin-top:0;}
	.c3 { padding: 40px 0;}
	.c3 .fc-input { margin: 0 20px 15px 20px;}
	.c1 .boxs>*{ width:100%; display:block; padding:25px 20px;}
	.c1 .boxs .left{ border:none; border-bottom:2px solid #f3f3f3;}
	.c3 .dot{ width:calc(100%); margin-left:0px;}
	.c3 .fc-input{ width:calc(100%); margin:0 0px 15px 0px;}
	.c3 input, .c3 textarea{ padding:12px;}
	.c3 .btn .fc-btn {  padding: 12px 40px; margin:0 4px;}
}

/*about*/
@media screen and (max-width: 1300px) {
	.ab1 .dots{ width:calc(100%); margin-left:0px; margin-top:40px;}
	.ab1 .dots .dot{ width:calc(33.33% - 40px); margin:0 20px;}
	.ab1 .dots .dot .txt h3{ margin-bottom:30px;}
	.ab1 .dots .dot .txt{ padding:40px 20px;}
}
@media screen and (max-width: 1024px) {
	.ab1 .txts p{ margin-top:20px;}
	.ab1,.ab3,.ab4,.ab5{ padding:40px 0;}
	.ab4 p{ padding:20px 0; }
	.ab4 img{ width:calc(25% - 16px);}
	.ab1 .dots .dot{ width:calc(33.33% - 20px); margin:0 10px;}
	.ab1 .dots .dot .txt h4{ font-size:1.8em; line-height:20px;}
	.ab1 .dots .dot .txt h5{ line-height:20px; margin-bottom:15px;}
	.ab1 .dots .dot .txt p{ font-size:1.4em; line-height:24px;}
}
@media screen and (max-width: 800px) {
	.ab4 img{ width:calc(33.33% - 16px);}
	.ab1 .txts p,.ab4 p,.ab3 .txts p{  font-size: 1.4em;  line-height: 24px;}
	.ab1 .txts {  margin-top: 30px;}
	.ab1 .txts h3 { font-size: 2em;}
	.ab3 .txts p { padding: 20px 0;}
	.ab1 .dots .dot{ height:340px;}
	.ab1 .dots .dot img{ opacity:0;}
	.ab1 .dots .dot .txt h3{ font-size:2em;}
}
@media screen and (max-width: 600px) {
	.iv{ height:320px !important; padding: 30px 0 0 0;}
	.ab1 .txts h4 { font-size: 1.2em; line-height:14px;}
	.ab1 .dots .dot{ width:100%; float:none; margin:0 auto; max-width:360px;  height:280px;}
}
@media screen and (max-width:500px) {
	.ab4 img{ width:calc(50% - 4px); margin:2px 2px;}
	.ab1 .txts h3 { font-size: 1.6em; line-height:24px;}
}

/*catalog*/
@media screen and (max-width: 1300px) {
	.catalog-t .dot{ width:calc(100% + 20px); margin-left:-10px; }
	.catalog-t .dot .d{ width:calc(25% - 40px); margin:0 20px;}
}
@media screen and (max-width: 1200px) {
	.catalog-t .dot{ width:calc(100%); margin-left:0px; padding:0;}
	.catalog-t .dot .d{ width:calc(25% - 20px); margin:0 10px;}
	.catalog-t h3 { font-size: 2.4em; line-height:28px;}
}
@media screen and (max-width: 1024px) {
	.catalog-t{ padding:30px 0 0 0;}
	.catalog-t h3 { font-size: 2em; padding-bottom:10px;}
	.catalog-t .dot .d{ padding:15px 0;}
}
@media screen and (max-width: 800px) {
	.catalog-t .dot .d{ width:calc(33.33% - 20px);}
	.catalog-t{ padding:30px 0 20px 0;}
}
@media screen and (max-width: 600px) {
	.catalog-t .dot .d{ width:calc(50% - 20px);}
	.catalog-t .dot .d a{ padding:10px 20px; font-size:1.4em; margin:10px auto 0 auto; display:block; width:fit-content;}
}
@media screen and (max-width: 500px) {
	.catalog-t h3 { font-size: 1.8em;}
	.catalog-t .dot .d a{ padding:8px 20px;}
}

/*product*/
@media screen and (max-width: 1024px) {
	.product-t .product-box .product-des .right{ width:160px;}
	.product-t .p-list { width: 210px;}
	.product-t .product-box { width: calc(100% - 210px);}
	.product-t .product-box .product-des .left{ padding:16px 20px;}
	.product-t .product-box .product-des{ padding:40px 0;}
	.product-t .product-box .txts .dots{ width:calc(100% + 10px); margin-left:-5px;}
	.product-t .product-box .txts .dot{ width:calc(33.33% - 10px); margin:0 5px 15px 5px;}
	.product-t .product-box .txts .dot p{ padding:12px;}
	.product-t { padding: 40px 0 40px 0;}
}
@media screen and (max-width: 800px) {
	.product-t .product-box .txts .dot{ width:calc(50% - 10px);}
	.product-t .product-box .txts .dots{ margin-top:20px;}
	.product-t .product-box .txts .tit h3{ font-size:1.8em;}
	.product-t .product-box .product-des .right a>*{ font-size:1.8em;}
	.product-t .p-list .tit h3{ font-size:1.8em;}
	.product-t .p-list .tit h4{ font-size:1.4em;}
	.product-t .p-list .txt{ padding:10px;}
	.product-t .p-list .txt .pl h3{ padding:8px 0; font-size:1.2em;}
	.product-t .p-list .txt .pl h3 a{ padding-left:10px;}
	.product-t .p-list .txt .pl p{ font-size:1.2em; padding:5px 0 5px 15px;}
	.product-t .p-list .txt .pl h3 span{ top:16px;}
	.product-t .p-list .txt .pl p:after{ top:14px; left:4px;}
	.product-t .p-list{ width:160px;}
	.product-t .product-box { width: calc(100% - 160px); padding-left:20px;}
	.product-t .product-box .product-des>*,.product-t .product-box .product-des .right{ display:block; width:100%; padding:12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.product-t { padding: 20px 0;}
}
@media screen and (max-width: 600px) {
	.product-t .p-list{ width:120px;}
	.product-t .product-box { width: calc(100% - 120px); padding-left:10px;}
	.product-t .product-box .txts .dot p{ font-size:1.4em; padding:6px 12px;}
	.product-t .p-list .txt{ padding:10px 4px;}
	.product-t .p-list .tit{ padding:6px;}
	.product-t .p-list .tit h4{ font-size:1.2em;}
	.product-t .p-list .txt .pl h3{ line-height:14px;}
	.product-t .p-list .txt .pl p{ line-height:18px;}
	.product-t .p-list .txt .pl h3 span{ top:10px;}
	.product-t .p-list .txt .pl p:after{ top:12px; left:4px;}
	.product-t .product-box .product-des{ padding:20px 0;}
	.product-t .product-box .product-des .left h3{ font-size:1.8em;}
	.product-t .warp{ padding:0;}
	.product-t .product-box .txts .dot {  width: calc(100% - 10px);}
	.product-t .product-box{ padding:0 10px;}
}