@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: 1680px) {
	.banner .swiper-slide .txt h3{ font-size:5em;}
    .banner .swiper-slide .txt h4{ font-size:2.2em; margin-bottom:40px;}
    .banner .swiper-slide .txt a{ font-size:1.6em; padding:10px 50px;}
    .ileads{ padding:60px 0;}
    .ileads .ild h4{ font-size:3.2em;}
    .fo1 .warp{ padding:40px 20px 20px 20px;}
    .fo1 .tel h3{ font-size:3.6em;}
    .fo2 .warp{ padding:40px 20px  160px 20px;}
    .fo3{ padding:20px 0 30px 0;}
    .banner .swiper-slide{ height:700px;}
}
@media screen and (max-width: 1450px) {
	.head .hm .login{ padding-left:20px;}
	.banner .swiper-slide{ height:500px;}
	.banner .swiper-slide .txt h3{ font-size:4em;}
    .banner .swiper-slide .txt h4{ font-size:2em; margin-bottom:30px;}
    .banner .swiper-slide .txt a{ font-size:1.4em; padding:6px 40px;}
    .header .munes .mune .m-dot{ margin: 12px 30px;}
    .ip .ipb .box .t p{ font-size:2em;}
    .ip .ipl a{  margin: 0 10px;}
    .ip .ipb .box .ipbd{ width:25%;}
    .ip .ipb .box .ipbd:nth-child(5){ display:none;}
    .il1 .ild a{ padding: 80px 20px 360px 20px;}
    .ileads .ild h3{ font-size:3.6em;}
    .ileads .ild h4{ font-size:2.8em;}
    .ileads .il1{ margin-bottom:40px;}
    .footer .fo1 .logo img{ width:200px;}
    .fo1 .tel h3{ font-size:3.2em}
    .fo1 .tel p{ font-size:1.6em;}
    .fo2 .fmenu h3 a{ font-size:1.6em; margin-bottom:20px;}
    .fo2 .fmenu p a{ margin-bottom:10px;}
    .fo2 .warp { padding: 40px 20px 120px 20px;}
}
@media screen and (max-width: 1250px) {
	.banner .swiper-pagination{ bottom:20px;}
    .banner .swiper-slide .txt h3{ font-size:3.2em;}
    .banner .swiper-slide .txt h4{ font-size:1.6em;}
    .banner .swiper-slide .img{ width:60%;}
    .banner .swiper-slide .txt{ width:40%;}
    .ip .ipb .box .t p{ font-size:1.8em;}
    .il2 .ild{ padding:80px 20px;}
    .ileads .ild h3{ font-size:3.2em;}
    .fo2 .warp { padding: 40px 20px 80px 20px;}
}
@media screen and (max-width: 1024px) {
	.header .munes,.footer .fo1,.footer .fo2,.footer .fweb{ display:none;}
    .head .hm .login{ padding-right:40px;}
    #hamburger{ top:12px; right:15px;}
    .ileads .ild{ background-size:cover !important;}
    .il1 .ild a{ padding:60px 20px 280px 20px;}
    .fo3 .warp{ display:block;}
    .fo3 .tip{ text-align:center;}
    .fo3 .tip p{ padding:0; display:block;}
    .fo3{ padding:12px 0;}
    .ileads .ild h4{ font-size:2em;}
    .ileads .il1{ margin-bottom:20px;}
    .il1 .ild{ width: calc(50% - 10px); border-radius:0;}
    .il2 .ild{ width: calc(33.33% - 10px); border-radius:0;}
    .banner .swiper-slide .txt h3{ font-size:2.6em;}
    .head .hm .lun{ display:none;}
}
@media screen and (max-width: 850px) {
	.ip .ipl a{ padding:6px 12px;}
	.banner .swiper-slide{ height:300px;}
	.banner .swiper-slide .txt h3{font-size: 2.4em;}
	.banner .swiper-slide .txt h4{ margin:15px 0 0 0;}
	.banner .swiper-slide .txt a{ display:none;}
	.ip .ipb .box .ipbd{ width:50%;}
	.ip .ipb .box{ flex-wrap:wrap;}
	.ileads .ild h3{ font-size:2.4em;}
}
@media screen and (max-width: 650px) {
	.header img{ width:120px; padding:12px 0;}
	#hamburger{ top:18px;}
	.banner .swiper-slide .txt h3{font-size: 2.2em;}
	.banner .swiper-slide{ display:block; height:440px;}
	.banner .swiper-slide .img{ width:100%; height:300px;}
	.banner .swiper-slide .txt{ height:140px; width:100%;}
	.ip .ipl a{ margin:0;}
	.ip .ipb .box .t p{ font-size:1.4em; margin:0;}
	.ileads .il1, .ileads .il2{ display:block;}
	.il1 .ild,.il2 .ild{ width:100%; margin-bottom:20px;}
	.ileads{ padding:40px 0 20px 0;}
	.bottomlist ul li img{ width:25px; height:25px; }
	.footer{ margin-bottom:37px;}
	.banner .swiper-slide{ background-size: 40%;}
}

/*product*/
@media screen and (max-width: 1680px) {
	.product{ padding:40px 0 60px 0;}
	.product .pds .pd .t span { background-size:30px; padding: 6px 50px 6px 10px;}
    .product .pds .pd{ margin:20px 5px;}
	.product .pds .pd .t span{ background-position: 50px center;}
}
@media screen and (max-width: 1450px) {
	.product .pds .pd { width: calc(25% - 10px);}
	.plists a{ margin: 0 20px;}
    .plists{ padding:20px 0;}
    .product .pds .pd .t p{ margin-bottom:10px;}
}
@media screen and (max-width: 1250px) {
	.product .pds .pd .t p{ font-size:1.6em;}
	.plists a{ padding:2px 12px;}
	.plists{ padding:16px 0;}
}
@media screen and (max-width: 850px) {
	.product .pds .pd { width: calc(50% - 10px);}
	.product .pds .pd{ margin:10px 5px;}
	.product{ padding:20px 0 40px 0;}
    div.fy a,div.fy span.current, div.fy span.disabled{  padding:4px 8px; }
}
@media screen and (max-width: 650px) {
	.product .pds .pd { width: calc(50%); margin:10px 0;}
	.plists a{ margin:5px;}
}

/*productshow*/
@media screen and (max-width: 1680px) {
	.pro-ban .txt h3{ font-size:5em;}
	.pro-ban .txt{ padding-left:6%;}
	.pro-ban .txt h4{ font-size:3.2em;}
	.pro-ban{ height:700px;}
	.pro-d{ padding:100px 0;}
	.pro-d .d .t p{ font-size:1.8em;}
	.pro-d2 .pd .t h3{ font-size:2em;}
	.pro-d3 .pimg{ padding:60px;}
	.pro-d3{ padding:60px 0;}
}
@media screen and (max-width: 1450px) {
	.pro-ban .txt h3{ font-size:4em;}
	.pro-ban .txt{ padding-left:40px;}
	.pro-ban .txt h4{ font-size:2.4em;}
    .pro-ban .txt h5{ font-size:2.8em;}
    .pro-ban{ height:600px;}
    .pro-d{ padding:60px 0;}
    .pro-d .d .t p{ font-size:1.6em;}
    .pro-d .dot{ margin-top:30px;}
    .pro-d2 .pd .t p{ font-size:1.4em;}
    .pro-d3 .pimg{ padding:40px 0;}
    .pro-d3 .pimg .pi p{ font-size:1.6em;}
    .pro-d3 .txt .table tr td{ padding:12px 8px;}
}
@media screen and (max-width: 1250px) {
    .pro-ban{ height:400px;}
    .pro-ban .txt h3{ font-size:2.8em;}
    .pro-ban .txt h4{ font-size:1.6em;}
    .pro-ban .txt h5{ font-size:2em;}
    .pro-ban .txt p{ font-size:1.4em;}
    .pro-d .txt h3{ font-size:2em;}
    .pro-d .d .t{ padding:10px;}
    .pro-d2 .pd .t h3{ font-size:1.8em;}
    .pro-d3 .imgs .tit h3{ font-size:2em;}
    .pro-d3 .pimg{ padding:0 0 40px 0;}
    .pro-d3 .txt .tip h3{ font-size:1.6em;}
    .pro-d3{ padding:60px 0 20px 0;}
    .pro-btn a{ font-size:1.4em;}
    .pro-btn .warp{ padding-bottom:40px;}
}
@media screen and (max-width: 850px) {
	.pro-ban{ height:300px;}
	.pro-ban .txt h3{ font-size:2em;}
	.pro-ban .txt{ padding-left:20px;}
	.pro-ban .txt span{margin:10px 0;}
	.pro-d{ padding:40px 0;}
	.pro-d .d {  border-radius: 0px;  margin: 0 5px; width: calc(50% - 10px);}
	.pro-d .d .t p{ font-size:1.4em;}
	.pro-d2 .pd{ width:100%;}
	.pro-d3 .pimg .pi {  width: calc(50% - 10px);  margin: 5px;}
	.pro-d3 .pimg .pi p{ font-size:1.4em;}
	.pro-btn .warp{ display:block;}
	.pro-btn a{ width:100%; margin-top:5px;}
}
@media screen and (max-width: 650px) {
	.pro-ban .txt p{ display:none;}
	.pro-ban .txt h4{ font-size:1.2em; margin-top:6px; line-height:1;}
	.pro-d{ padding:20px 0;}
	.pro-d .txt h3{ font-size:1.6em;}
	.pro-d .txt p{ font-size:1.4em;}
	.pro-d .d .t{  padding:4px;}
	.pro-d .dot{ margin-top:10px; flex-wrap:wrap;}
	.pro-d .d{ width:100%; margin-top:10px;}
	.pro-d2 .pd .t h3{ font-size:1.6em; margin-bottom:4px;}
	.pro-d2 .pd .t{ padding:10px;}
	.pro-d3{ padding:40px 0;}
	.pro-d3 .imgs .tit h3{ font-size:1.6em;}
	.pro-d3 .imgs .tit p{ font-size:1.4em;}
	.pro-d3 .pimg .pi{  width: calc(100% - 10px);}
	.pro-d3 .table{ overflow:auto;}
	.pro-d3 table{ min-width:1000px;}
	.pro-d3{ padding:40px 0 20px 0;}
}

/*service*/
@media screen and (max-width: 1680px) {
    .service .stxts h3{ font-size:2em;}	
    .service .stxts .t2 .dot .d h4{ font-size:2em;}
    .service .stxts .t2 .dot .d span{ width:30px; height:30px; font-size:2em; line-height:30px;}
}
@media screen and (max-width: 1450px) {
	.service .stxts .t1{ margin-bottom:50px;}
	.service .stxts .t2 .dot .d{ padding:12px 10px;}
	.service .stxts .t2 .dot .d h4{ font-size:1.8em;}
	.service .stxts .imgs{ margin-top:20px;}
}
@media screen and (max-width: 1250px) {
	.service .stxts .t2 .dot .d h4{ font-size:1.8em;}
    .service .stxts .t2 .dot .d span{ width:24px; height:24px; font-size:1.6em; line-height:24px;}
    .service .stxts h3{ font-size:1.8em;}
    .service .stxts .t1{ margin-bottom:30px;}
}
@media screen and (max-width: 650px) {
	.sboxs .tit h3{ font-size:2.4em !important;}
    .service .stxts .t2 .dot{ display:block;}
    .service .stxts .t2 .dot .d{ width:100%; margin-top:10px;}	
    .service .stxts .imgs img{ margin-top:20px;}
    .service .stxts h3{ font-size:1.6em; margin-bottom:10px;}
    .service .stxts .t2 .dot .d h4{ font-size:1.6em;}
}

/*sale*/
@media screen and (max-width: 1680px) {
    .sboxs .tit h3{ font-size:4.2em;}
    .sboxs .warp{ padding:0 0 0 20px;}
    .sale .stxts .tip h3{ margin:50px 0; font-size:2em;}
}
@media screen and (max-width: 1250px) {
    .sale .stxts table tr td{ padding:8px;}
    .sboxs .tit h3{ font-size:3.2em}
}
@media screen and (max-width: 1024px) {
	.sale .stxts .tip h3{ margin:40px 0; font-size:1.6em;}
}
@media screen and (max-width: 850px) {
	.sboxs .warp{ padding:0;}
	.sboxs .tit{ padding:20px !important;}
    .sboxs table{ min-width:1000px;}
    .sboxs .ta1,.sboxs .ta2{ overflow:auto;}
} 

/*knowlege*/
@media screen and (max-width: 1680px) {
	.sboxs .tit{ padding:60px 40px;}
	.knowlege .tit h3{ font-size:3.2em;}
	.sboxs .stxts{ padding:60px 50px;}
	.knowlege .stxts .dot span, .knowlege .stxts .dot p{ font-size:1.4em;} 
}
@media screen and (max-width: 1450px) {
	.sboxs .tit{ width:300px; padding:60px 0;}
	.sboxs .stxts { width: calc(100% - 300px);}
}
@media screen and (max-width: 1024px) {
	.sboxs .tit{ width:220px; padding:40px 0;}
	.knowlege .tit h3{ font-size:2.4em;}
    .sboxs .tit h4{ font-size:1.6em;}
    .sboxs .stxts{ padding:40px 20px;}
    .sboxs .stxts { width: calc(100% - 220px);}
}
@media screen and (max-width: 850px) {
	.sboxs .warp{ display:block;}
	.sboxs .tit{ padding:20px 0; width:100%; border:none; border-bottom:1px solid #c0c0c0;}
    .sboxs .stxts{ width:100%; padding:40px 20px;}
}
@media screen and (max-width: 650px) {
	.knowlege .tit h3{ font-size:2em;}
	.knowlege .stxts .dot{ padding:8px;}
	.knowlege .stxts .dot span,.knowlege .stxts .dot p{ width:100%;}
}

/*network*/
@media screen and (max-width: 1680px) {
	.join .txts .t h3{ font-size:2em;}
	.join .txts .txt {  width: calc(50% - 80px);   margin: 0 40px;}
    .application .tip h4{ margin:40px 0 20px 0;}
    .application .ad p{ margin-bottom:20px;}
}
@media screen and (max-width: 1450px) {
	.join .txts .txt {  width: calc(50% - 40px);   margin: 0 20px;}
    .application .tit h3{ font-size:2em;}
    .application .ad{ margin-bottom:20px;}
    .lists a{ margin:0 20px;}
}
@media screen and (max-width: 1024px) {
	 .application .tip h4{ margin:20px 0;}
	 .application input, .application textarea, .application select{ padding:8px 10px;}
	 .application .ad p{ margin-bottom:10px;}
	 .application{ padding:60px 0;}
	 .join{padding:50px 0;}
	 .join .txts .t{ margin-top:20px;}
	 .lists a{ margin:5px; padding:4px 10px;}
	 .lists{ padding:10px 0;}
}
@media screen and (max-width: 850px) {
	.join .txts .t h3{ font-size:1.8em; margin-bottom:10px;}
	.join .txts{ flex-wrap:wrap;}
	.join .txts .txt { max-width:500px; width: calc(100%); margin:20px auto 0 auto;}
    .application .ad p{ font-size:1.4em;}
    .application textarea{ margin-bottom:0;}
    .join .txts{ margin-top:0;}
}
@media screen and (max-width: 650px) {
	.join,.application{ padding:40px 0;}
	.join .txts .t h3{ font-size:1.6em;}
	.application .tip h4{ font-size:1.6em; margin:15px 0 5px 0;}
	.application .adt{ flex-wrap:wrap;}
	.application .adt1 input,.application .adt input, .application .adt select{ width:100%; margin-top:10px;}
}

/*construction*/
@media screen and (max-width: 1680px) {
	.construction .txt h3{ font-size:2.2em;}
	.construction .imgs{ padding-bottom:40px;}
	.construction{ padding:50px 0 90px 0;}
}
@media screen and (max-width: 1450px) {
    .construction .txt h3{ font-size:2em;}
    .construction{ padding:50px 0;}
}
@media screen and (max-width: 1250px) {
	.construction .txt h3{ font-size:1.8em;}
    .construction .imgs{ padding-bottom:0;}
    .construction .imgs{ padding:30px 20px; display:block;}
    .construction .imgs .img1{ width:100%; margin-bottom:20px;}
    .construction .imgs .img2{ width:100%;}
    .construction .imgs .img2 img{ max-width:33.33%;}
}
@media screen and (max-width: 1024px) {
	.construction .txt{ display:block; padding:20px 20px 0 20px;}
	.construction .txt h3{ width:100%; padding:0;}
	.construction .txt .t{ width:100%;}
}
@media screen and (max-width: 650px) {
	.construction{ padding:40px 0;}
	.construction .imgs{ padding:30px 20px 0 20px;}
	.construction .txt .t p{ margin:10px 0 0 0;}
}

/*download*/
@media screen and (max-width: 1680px) {
	.download{ padding:120px 0 140px 0;}
	.download h3{ font-size:3.2em; }
	.download a{ padding:10px;}
}
@media screen and (max-width: 1024px) {
    .download h3{ font-size:2.4em; }
    .download h4 { font-size: 1.8em; margin: 10px 0 20px 0;}
    .download a p{ font-size:1.6em;}
    .download a img{ width:24px;}
    .download .dlt>img{ width:120px;}
}
@media screen and (max-width: 650px) {
	.download{ padding:80px 0;}
	.download h3{ font-size:2em; }
    .download h4{ font-size:1.6em;}
    .download .btn{ display:block; text-align:center;}
    .download a{ margin:40px auto 0 auto;}
} 

/*about*/
@media screen and (max-width: 1680px) {
	.ab1{ padding:120px 0 70px 0;}
	.ab4 .ab4l{ padding:50px 0;}
	.ab4 .ab4i{ padding:80px 0;}
}
@media screen and (max-width: 1450px) {
	.ab1{ padding:100px 0 70px 0;}
	.ab1 .txt .tits h5{ font-size:2em;}
    .ab4 .ab4i .imgs>div{ width:calc(25% - 10px);}
}
@media screen and (max-width: 1250px) {
	.ab1{ padding:60px 0;}
	.ab1 .txt .tits h5{ font-size:1.8em;}
    .ab1 .img .img2{ padding-left:40px;}
    .ab4 .ab4i{ padding:60px 0;}
    .ab4 .ab4i .btn a{ padding:10px 40px; }
    .ab4 .ab4i .btn{ margin-top:40px;}
}
@media screen and (max-width: 1024px) {
	.ab1 .txt, .ab1 .img{ display:block;}
	.ab1 .txt .tits{ width:100%;  padding:0; margin-bottom:20px;}
	.ab1 .txt .tits h5{ margin-top:6px; padding-top:6px;}
	.ab1{ padding:40px 0;}
	.ab1 .txt .t{ width:100%;}
	.ab1 .txt .t p{ margin-bottom:10px;}
	.ab1 .img{ text-align:center;}
	.ab1 .img .img1{ width:100%; margin:20px 0;}
	.ab1 .img .img2{ width:100%; padding:0;}
}
@media screen and (max-width: 850px) {
	.ab4 .ab4l{ padding:30px 0;}
	.ab1 .txt .tits h5{ font-size:1.4em;}
    .ab4 .ab4i{ padding:40px 0;}
}
@media screen and (max-width: 650px) {
	.ab4 .ab4i .imgs{ flex-wrap:wrap;}
    .ab4 .ab4i .imgs>div{ width:calc(50% - 10px); margin:5px;}
    .ab4 .ab4i .btn a{ padding:6px 30px;}
    .ab4 .ab4i .btn{ margin-top:20px;}
}
/*ab2-3*/
@media screen and (max-width: 1680px) {
	.ab2 .abvt{ padding:70px 50px;}
	.ab2 .abvt .abvs{ margin:60px 0 80px 0;}
    .ab3 .imgs{ margin:40px 0;}
}
@media screen and (max-width: 1450px) {
	.ab2 .abvt .abvs{ margin:40px 0 60px 0;}
    .ab2 .more, .ab3 .more{ padding:8px 40px;}
    .ab3{ padding:60px 0;}
    .ab2 .abv:after{ background-size:60px; }
    .ab2 .abv:hover:after{ background-size:70px;}
}
@media screen and (max-width: 1250px) {
	.ab3 .imgs{ flex-wrap:wrap;}
	.ab3 .imgs .img{ width:calc(50% - 10px); margin:5px;}
	.ab2 .abvt .abd{ margin-right:20px; width:calc(50% - 20px);}
    .ab2 .abvt{ padding:50px 20px;;}
}
@media screen and (max-width: 1024px) {
	.ab2 .abvt .abvs{ margin:20px 0 40px 0;}
    .ab2 .abvt{ padding:40px 20px;}
    .ab3{ padding:40px 0;}
}
@media screen and (max-width: 850px) {
	.ab2{ flex-wrap:wrap;}
	.ab2 .abvt{ order:-1;}
	.ab2 .abv{ height:400px; width:100%;}
}
@media screen and (max-width: 650px) {
	.ab2 .abv{ height:300px;}
    .ab2 .more, .ab3 .more{ padding:8px 20px;}
    .ab3 .imgs{ margin:20px 0;}
    .ab3 .imgs .img{ width:100%;}
    .ab2 .abvt .abd{ width:100%; margin:10px 0 0 0;}
    .ab2 .abvt .abvs{ flex-wrap:wrap; margin-bottom:20px;} 
}
/*atlas*/
@media screen and (max-width: 1680px) {
    .atlas{ padding:60px 0;}
    .atlas .imgs{ margin-bottom:30px;}	
}
@media screen and (max-width: 1250px) {
	.atlas .imgs{ margin-bottom:10px;}	
}
@media screen and (max-width: 1024px) {
	.atlas{ padding:40px 0;}
	.atlas .imgs .img {  width: calc(33.33% - 10px);}
}
@media screen and (max-width: 850px) {
	.atlas .imgs .img {  width: calc(50% - 10px);}
}
@media screen and (max-width: 650px) {
	.atlas .imgs .img {  width: calc(100% - 10px);}
}


/*honor*/
@media screen and (max-width: 1680px) {
	.honor{ padding:60px 0;}
}
@media screen and (max-width: 1250px) {
	.himgs .img { width: calc(25% - 20px); margin: 10px 10px;}
}
@media screen and (max-width: 850px) {
	.honor{ padding:40px 0;}
	.himgs .img { width: calc(25% - 10px); margin: 5px 5px;}
}
@media screen and (max-width: 650px) {
	.himgs .img { width: calc(50% - 10px);}
}

/*news*/
@media screen and (max-width: 1680px) {
	.banners{ height:400px;}
	.tits h3{ font-size:4.2em;}
	.news-t .nboxs .nb .txt h3{ font-size:2.2em;}
}
@media screen and (max-width: 1450px) {
	.banners{ height:350px;}
	.tits h3{ font-size:3.6em;}
    .tits h4{ font-size:1.8em;}
    .news-t .nboxs .nb .txt h3{ font-size:2em;}
    .news-t .nboxs .nb .txt{ padding:20px 0 0 0;}
}
@media screen and (max-width: 1250px) {
	.news-t .nboxs{ padding-top:20px;}
	.news-t .nboxs .nb { width: calc(50% - 20px);   margin: 20px 10px;}
    .news-t .nboxs .nb .txt p{ height: 48px; -webkit-line-clamp:2; }
}
@media screen and (max-width: 1024px) {
	.banners{ height:300px;}
	.news-t{ padding:40px 0;}
	.tits h3{ font-size:3.2em;}
	.news-t .tits{ padding-bottom:10px;}
}
@media screen and (max-width: 650px) {
	.banners{ height:200px;}
	.tits h3{ font-size:2.4em;}
	.tits h4{ font-size:1.6em;}
	.news-t .nboxs .nb { width: calc(100%); margin:20px 0 0 0;}
	.news-t .nboxs{ padding-top:0px;}
	.news-t .nboxs .nb .txt h3{ font-size:1.6em;}
	.news-t .nboxs .nb .txt span{ padding:4px 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;}
}

/*contact*/
@media screen and (max-width: 1680px) {
	.feedback .tit h3{ font-size:4.2em;}
	.contact .txt{ height:600px;}
	.contact .txt .t1 h3{ font-size:2em;}
}
@media screen and (max-width: 1450px) {
	#container{ height:600px;}
	.contact .txt{ height:500px;}
	.contact .txt .t1 h4{ margin-bottom:20px;}
	.feedback .tit h3{ font-size:3.2em;}
}
@media screen and (max-width: 1250px) {
	#container{ height:500px;}
    .contact .txt{ padding:40px;}
    .contact .txt .t2 img{ width:100px;}
    .feedback{ padding:40px 0;}
    .feedback input, .feedback textarea{ padding:6px 10px;}
}
@media screen and (max-width: 1024px) {
	.feedback .dot input { width: calc(50% - 10px);}
    .feedback .tit{ margin-bottom:30px;}
    .feedback .tit h4{ font-size:1.8em;}
    .feedback .fc-btn{ padding:10px 50px;}
}
@media screen and (max-width: 850px) {
	.contact{ display:block;}
	.contact .map{ width:100%;}
	#container{ height:300px;}
    .contact .txt{ height:auto; width:100%; padding:40px 20px;}
    .feedback .tit h3{ font-size:2.4em;}
}
@media screen and (max-width: 650px) {
	.feedback .dot input{ width:100%; margin-bottom:20px;}
	.feedback .dot{ display:block; margin-bottom:0}
	.feedback .btn{ margin:30px  auto 0 auto;}
}

/*logins*/
@media screen and (max-width: 1680px) {
	.log-all{ padding:100px 20px;}
    .log-all .logbox .img{min-height: 707px;}
}
@media screen and (max-width: 1450px) {
    .log-all .logbox .img{ min-height:600px;}
    .log-all .logbox .txt h3{ font-size:2em;}
    .log-all .logbox form{ margin-top:20px;}
    
}
@media screen and (max-width: 1250px) {
	.log-all{ padding:80px 20px;}
	.log-all .logbox .img{min-height: 560px;}
    .log-all .logbox input{ font-size:1.4em;}
    .register.txt .d{ margin-top:0;}
    .register.txt input{ margin-top:0px !important;}
    .register.txt .d>.lt, .register.txt .yz{ width:100%;}
    .register.txt .d p{ margin-top:10px;}
    .register.txt .btn{ margin-top:20px;}
    .pass.txt .yz .lyz {
        margin-top: 0px;
    }

    .pass.txt  .lyz2 {
        margin-top: 20px;
    }
}
@media screen and (max-width: 1024px) {
	 .pass2.txt form p{ font-size:1.4em;} 
}
@media screen and (max-width: 850px) {
	.log-all{ padding:60px 20px;}
	.log-all .logbox>*{ width:100%;}
	.log-all .logbox{ flex-wrap:wrap;}
	.log-all .logbox .img{ min-height:300px;}
	.log-all .logbox .txt{  padding:40px 20px;}
	.pass3.txt a{ margin-top:30px;}
	.pass3.txt a{ font-size:1.4em;}
    .register.txt .d{ flex-wrap:wrap;}
    .register.txt .d p{ width:100%; text-align:left;}
        .register.txt .d > .lt, .register.txt .yz {
            width: 100%;
        }
}
@media screen and (max-width: 650px) {
	.log-all{ padding:40px 20px;}
	.pass2.txt input{ margin-top:14px;}
	.log-all .logbox .txt h3{ font-size:1.6em;}
}
@media screen and (max-width: 450px) {
	.login.txt .lt{ background-size:20px;}
	.login.txt .lt{ padding: 6px 16px 6px 34px;}
}