@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: 1640px) {
	.header{ padding:20px 60px;}
	.header .munes .mune .m-dot>a{ margin:0 25px;}
	.iab{ padding:0px 60px;}
	.iab .iab-tit p{ font-size:1.6em;}
	.iab .iab-tit h3{ font-size:2.8em;}
	.iab .iab-txt h3{ font-size:1.6em;}
	.iab .iab-img{ margin:40px 0;}
	.iab2{ padding:0px 60px;}
	.iab2 .txt h4{ font-size:2.4em;}
	.iab2 .txt .t{ padding:6% 0;}
	.iab2 .txt h3{ font-size:2.4em;}
	.iab2 .txt{  padding:40px;}
	.ip{ padding:0 60px;}
	.ip .tit h3{ font-size:2.4em; margin-bottom:20px;}
    .ipa .tit h3{ font-size:2.4em;}
    .inews .tits h3{ font-size:2.4em;}
    .inews{ padding:0 60px;}
    .inews .txts .tit{ margin-bottom:20px;}
    .footer .fo2 { padding: 16vh 60px 50px 60px;}
    .footer .fo1{ padding:20px 60px;}
}
@media screen and (max-width: 1450px) {
	.header{ padding:20px 40px;}
	.header .logo img{ width:100px;}
	.header .munes .mune .m-dot>a{ padding:10px 0;}
    .banner .txt{ padding:0 5%;}
    .iab .iab-img{ width:1000px; margin:0 auto;}
    .iab .iab-tit h3{ font-size:2.4em;}
    .ip .swiper-pagination .on{ font-size:50px;}
    .ip .tit{ padding:0 0 40px 0;}
    .ip .swiper-slide .txt h3 a{ font-size:2em;}
    .ipa .tit h3{ margin-bottom:20px;}
    .inews .txts .nd{ padding:20px 0;}
    .inews .txts .nd h3{ font-size:1.8em;}
    .inews .txts{ padding-top:6vh;}
    .footer .fo1 .logo img{ width:100px;}
    .footer .fo1 .fm{ padding:10px 30px;}
    .footer .fo1 .fm h3 a{ font-size:1.6em; margin-bottom:20px;}
    .footer .fo2 { padding: 10vh 40px 30px 40px;}
    .footer .fo1{ padding:20px 40px;}
    .footer .fo3{ padding:20px 40px;}
    .footer .fo2 .txt h3{ font-size:2em;}
    .hb .header{ padding:10px 60px;}
}
@media screen and (max-width: 1200px) {
	.header{ padding:20px;}
	.header .munes .mune .m-dot>a{ margin: 0 0 0 34px;}
	.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:100px;}
	.banner .swiper-pagination{ bottom:30px; right:20px;}
	.banner .txt img{ max-width:46%; }
	.iab .iab-tit h3{ font-size:2em;}
	.iab .iab-tit p{ font-size:1.4em;}
	.iab .iab-img{ width:800px;}
	.iab2 .img .iv .t h3{ font-size:1.8em;}
	.iab2 .txt .d .di{ padding:6px 20px;}
	.iab2 .txt .d .di img{ width:80px;}
	.iab2 .txt h3{ font-size:2em;}
	.iab2 .txt .t{ padding:10px 0 30px 0;}
	.iab2 .txt h4{ font-size:2em;}
	.iab2 .img .iv{ padding:6%;}
	.ip .tit h3{ font-size:2em;}
	.ip .swiper-slide .txt{ margin:20px 0 0 auto;}
    .ipa .tit p{ font-size:1.4em;}
    .ipa .tit h3{ font-size:2em;}
    .inews .tits h3{ font-size:2em; margin-bottom:12px;}
    .inews .txts .nd span{ margin-bottom:0;}
    .footer .fo1 .fm{ padding:10px 20px;}
    .hb .header{ padding:10px 40px;}
}
@media screen and (max-width: 1024px) {
	.header{ padding:10px 20px;}
	.header .logo img{ width:80px;}
    .header .munes{ display:none;}
    .iab2{ padding:0 20px;}
    .iab2 .txt{ padding:40px 20px;}
    .iab2 .txt h4{ font-size:1.8em;}
    .ipa:after,.ipa:before{ background-size: 80% auto !important;}
    .inews .txts .nd{ padding:12px 0;}
    .inews .tits{ width:100%; padding:0;}
    .inews .inews-box{ display:block;}
    .inews .txts{ width:100%; padding-top:20px;}
    .inews .txts .nd h3{ font-size:1.6em;}
    .inews .txts .tit{ margin-bottom:10px;}
    .footer .fo1{ display:none;}
    .footer .fo2{ padding:20px;}
    .footer .fo3{ padding:12px 20px;}
    .footer .fo3 .share .fs{ display:none;}
    #m0 .bottomlist{ display:none;}
    #m0 .footer{ margin-bottom:0;}
    .footer .fo2{ justify-content: center;}
    .down.fp-section{ height: auto !important;}
    .iab .iab-img{ max-width:100%;}
    .hb .header{ padding:10px 20px;}
}
@media screen and (max-width: 850px) {
	.section,.section .fp-tableCell,.fp-section{ height: auto !important;}
	.banner .swiper-slide{ height:400px;}
	#m0 .bottomlist{ display:block;}
    #m0 .footer{ margin-bottom:52px;}
     .hb .header{ padding:10px 10px;}
    #fp-nav{ display:none;}
    .iab .iab-img .iabt img,.iab .iab-img .iabi img{ transform: scale(1);}
    .iab{ padding:20px;}

    .iab .iab-tit, .iab .iab-txt{ display:block;}
    .iab2{ padding:20px;}
    .iab2 .iab-t{ display:block; height:auto;}
    .iab2 .txt{ width:100%; }
    .iab2 .img{ width:100%;}
    .ip{ padding:30px 20px;}
    .ip .swiper-pagination .on{ font-size:30px;}
    .ipa{ padding:40px 0;}
    .ipa .tit{ padding-bottom:40vh;}
    .inews{ padding:40px 20px;}
    .footer .fo3{ display:block; text-align:center;}
    .footer .fo3 .share{ display:block;}
	.banner .txt img {    max-width: 30%;}
	.header .logo img{width: 70px;}
}
@media screen and (max-width: 650px) {
	.bottomlist ul li img{ width:25px; height:25px;}
	#m0 .footer{ margin-bottom:34px;}
	.twos{ margin-top:20px;}
	.twos .two{ margin-right:20px;}
	.iab-txt .iabt{ margin:20px 0;}
	.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:80px;}
	.iab .iab-tit h3{ font-size:1.8em;}
	.iab2 .txt .d{ flex-wrap:wrap;}
	.ip .ipl-slider{ padding:40px 0 0 0; margin-top:-40px;}
}
@media screen and (max-width: 450px) {
    .header .logo{ padding:0 ;}
    .banner .swiper-slide{ height:240px;}
    .iab2 .txt h3{ font-size:1.8em;}
    .iab2 .txt h4{ font-size:1.6em;}
    .iab2 .txt{ padding:20px;}
    .ip .swiper-slide .txt h3 a{ font-size:1.8em;}
    .ipa .tit h3{ font-size:1.8em;}
    .ipa .tit {  padding-bottom: 35vh;}
    .ipa:after,.ipa:before{ top:60px; background-size: 140% auto !important;}
    .inews .tits h3{ font-size:1.8em;}
    .inews{ padding:30px 20px;}
    .inews .txts .txt{ display:block;}
    .inews .txts .txt p{ width:100%;}
    .footer .fo2 .txt h3{ font-size:1.8em; margin-bottom:0;}
}

/*about*/
@media screen and (max-width: 1640px) {
	.ab-banner .txt h3{ font-size: 2.2em; }
	.ab-banner .txt h4{ font-size: 3.2em; margin: 12px 0 18px 0; }
	.ab-banner .txt p{ font-size: 2.2em;}
	.tit-tip h4{ font-size:3.2em;}
	.tit-tip h3{ font-size:2em;}
	.ab1 .ab1-boxs{ padding:60px 0 80px 0;}
	.about .tit h5{ font-size:2em;}
	.about .tit h3{ font-size:2.8em;}
	.ab2 .ab2-tit{ padding:60px 0;}
	.ab2 .ab2-tit .warp{ padding:0 40px;}
	.ab3 .abc-b1{ padding:70px 30px;}
    .ab3 .btxt h4{ font-size:2em; }
    .ab3 .abc-b21:first-child h4{ margin-bottom:40px;}
    .ab3 .btxt h3{ margin-bottom:40px;}
    .ab3 .abc-b2 .btxt, .ab3 .abc-b3 .btxt{ padding:40px 30px;}
    .ab4{ padding:80px 0;}
    .ab5 .time-txt .box h3{ font-size:5em;}
    .ab6 .ab6-txt{ padding-top:60px;}
    .ab5{ padding:80px 0;}
    .ab-banner{ height:600px;}
}
@media screen and (max-width: 1450px) {
	.ab-banner .txt h3{ font-size: 2em; }
	.ab-banner .txt h4{ font-size: 2.8em; margin: 10px 0 18px 0; }
	.ab-banner .txt p{ font-size: 2em;}
	.ab1{  margin-top:-240px;}
	 .ab-banner{ height:500px; background-size:auto 50%;}
    .tit-tip h4{ font-size:2.4em;}
    .tit-tip h3{ font-size:1.8em;}
    .about .tit h5{ font-size:1.8em;}
    .about .tit h3{ font-size:2.4em;}
    .ab1 .ab1-boxs{ padding:40px 0;}
    .ab2 .ab2-tit{ padding:40px 0;}
    .ab2 .ab2-yl .at h3{ font-size:2em;}
    .ab2 .ab-story .t h3{ font-size:2em;  margin-bottom:30px;}
    .ab2 .ab-story{ padding-bottom:120px;}
    .ab3 .abc-b2 .btxt, .ab3 .abc-b3 .btxt{ padding:30px 20px;}
    .ab5 .time-txt .box h3{ font-size:4em;}
    .ab5 .time-txt .box p{ font-size:1.6em;}
    .ab5 .time-txt .box,.ab5 .time-txt{ height:300px;}
    .ab6-txt .txt a{ margin-top:60px;}
}
@media screen and (max-width: 1250px) {
	.ab-banner .txt h4{ font-size: 2.4em; margin: 10px 0 16px 0; }
	.ab-banner .txt p{ font-size: 1.8em;}
	 .ab-banner{ height:400px; }
	 .ab1{  margin-top:-160px;}
	 .tit-tip h4{ font-size:2em;}
	 .about .tit h5{ font-size:1.6em;}
    .about .tit h3{ font-size:2em;}
    .about .tit h4{ font-size:1.6em;}
    .ab1 .ab1-boxs .txt .img img{ max-height:400px;}
    .ab1 .ab1-boxs .txt .img{ margin:20px auto;}
    .ab2 .ab2-yl .warp>* {  padding: 60px 0 180px 0;}
    .ab2 .ab2-yl .ai{ padding-left:20px;}
    .ab2 .ab-story .t{ margin-top:40px;}
    .ab3 .abc-b3 .abc-b31 h4{ margin-bottom:40px;}
    .ab3 .abc-b1 .tit{ margin-bottom:60px;}
    .ab3 .btxt h4{ font-size:1.6em;}
    .ab4{ padding:60px 0;}
    .ab4 .tit{ margin-bottom:40px;}
    .ab4 .txt .more h3{ font-size:1.6em;}
    .ab4 .txt .more a,.ab6-txt .txt a{ font-size:1.4em;}
}
@media screen and (max-width: 1024px) {
	.ab-banner .txt h4{ font-size: 2.4em; margin: 10px 0 10px 0; }
	.ab-banner .txt p{ font-size: 1.6em;}
    .ab1 .ab1-boxs .txt .img img{ height:300px;}	
    .ab2 .ab-story{ padding-bottom:60px;}
    .ab3 .abc-b3{ width:100%; border-top:4px solid #ffff;}
    .ab3{ flex-wrap:wrap;}
    .ab3 .abc-b1{ width:40%;}
    .ab3 .abc-b2{ width:60%;}
    .ab3 .abc-b3 .abc-b31,.ab3 .abc-b21:first-child{ border-bottom:4px solid #ffff;}
    .ab3 .abc-b3 .abc-b32:nth-child(2),.ab3 .abc-b1 { border-right: 4px solid #fff;}
    .ab3 .abc-b2{ border:none;}
    .ab3 .abc-b3 .abc-b31 h4{ margin-bottom:20px;}
    .ab4 .txt .t{ margin-bottom:30px;}
    .ab4{ padding:40px 0;}
    .ab5{ padding:60px 0;}
    .ab5 .time-txt .box h3{ font-size:3em; margin-right:50px;}
    .ab5 .tld p{ font-size:1.6em;}
    .ab6-txt .tit{margin-bottom:40px;}
}
@media screen and (max-width: 850px) {
	.ab-banner .txt h3{ font-size: 1.6em; }
	.ab-banner .txt h4{ font-size: 2em; margin: 4px 0 10px 0; }
	.ab-banner .txt p{ font-size: 1.4em;}
	.ab-banner{ height:300px; }
	 .ab1{  margin-top:-120px;}
	 .ab2 .ab2-tit .warp{ padding:0 20px;}
	 .ab2 .ab2-yl .warp{ display:block;}
	 .ab2 .ab2-yl .at{ width:100%; padding:40px 0 20px 0;}
	 .ab2 .ab2-yl .ai{ width:100%; border:none; padding-top:0px; padding-bottom:100px;}
    .ab2 .ab2-yl .ai p{ margin:0 0 10px 0;}
    .ab2 .ab-story{ margin-top:-80px; padding-bottom:40px;}
    .ab2 .ab-story img{ max-width:60%;}
    .ab2 .ab-story .t h3{ font-size:1.8em; margin-bottom:10px;}
	.ab5 .tld p{ display: none;}
}
@media screen and (max-width: 650px) {
	.tit-tip h4{ font-size:1.8em;}
	.about .tit h3{ font-size:1.8em;}
	.about .tit h4{ font-size:1.4em;}
	.ab2 .ab2-tit{ padding:20px 0;}
	.ab2 .ab2-yl .ai{ padding:0 0 100px 0;}
	.ab2 .ab2-yl .at h3{ font-size:1.8em;}
    .ab2 .ab-story img{ max-width:100%;}
    .ab2 .ab-story .t{ margin-top:20px;}
    .ab2 .ab-story{  padding-bottom:20px;}
    .ab3 .abc-b1{ width:100%; border:none; border-bottom:4px solid #fff;}
    .ab3 .abc-b1{ padding:40px 20px;}
    .ab3 .btxt h3{ margin-bottom:10px;}
    .ab3 .abc-b1 .tit{ margin-bottom:20px;}
    .ab3 .abc-b2{ width:100%;}
    .ab3 .abc-b21:first-child h4{ margin-bottom:10px;}
    .ab3 .abc-b3 .abc-b32:nth-child(2){ width:100%;border:none; border-bottom:4px solid #fff;}
    .ab3 .abc-b3 .abc-b32{ width:100%;}
    .ab4 .tit{ margin-bottom:20px;}
    .ab5 .time-txt .box p{ font-size:1.4em;}
    .ab5 .time-txt .box h3{ font-size:2em; margin-right:20px;}
    .ab5:after{ width:100%; height:100%; background-size:200% auto; background-position:top center;}
    .ab6 .ab6-txt{ padding-top:40px;}
    .ab6-txt .tit{ margin-bottom:20px;}
    .ab6-txt .txt a{ margin-top:20px;}
}

/*honor&presence*/
@media screen and (max-width: 1450px) {
	.honor .hboxs .hb {  width: calc(25% - 20px);  margin: 10px 10px;}
	.honor .hb .t p{ margin:10px 0 0 0;}
	.honor .hb .t p{ font-size:1.4em;}
}
@media screen and (max-width: 1024px) {
    .honor .hboxs .hb {  width: calc(33.33% - 20px);}
    .honor .back{ padding:20px 0;}
}
@media screen and (max-width: 650px) {
    .honor .hboxs .hb {  width: calc(50% - 10px); margin: 5px;}
    .honor .back a{ font-size:1.4em;}
    .honor{ padding-bottom:30px;}
}

/*product*/
@media screen and (max-width: 1640px) {
	.product{ padding:60px 0;}
    .product .tit h3{ font-size:3.2em;}
    .product .tit h4{ font-size:2em;}
    .product .pban{ padding:80px 50px; margin:30px 0;}
    .product .pban h3{ font-size:2.4em;}
    .product .p-list a{ font-size:1.4em; margin:0 20px;}
    .product .p-list span{ font-size:1.4em;}
    .product .pb{ margin:20px 15px;}
}
@media screen and (max-width: 1450px) {
	.product{ padding:40px 0;}
	.product .pban{ padding:80px 40px;}
	.product .pb .txt{  padding:20px 10px;}
}
@media screen and (max-width: 1250px) {
	.product .tit h3{ font-size:2.4em;}
    .product .tit h4{ font-size:1.8em;}
    .product .pban h3{ font-size:2em;}
    .product .pro-list .p-list{ margin:20px 0;}
    .product .pb{ margin:10px 15px;}
}
@media screen and (max-width: 1024px) {
	.product .pb{ width: calc(33.33% - 20px); margin: 10px 10px;}
	.product .pb .txt{ padding:10px;}
	.product .p-list a{ padding:6px 0; margin:0 10px;}
	.product .p-list span{ margin:0;}
}
@media screen and (max-width: 850px) {
	.product .pb .txt{ padding:6px 0;}
	.product .tit h3{ font-size:2em;}
	.product{ padding:20px 0 40px 0;}
}
@media screen and (max-width: 650px) {
    .product .tit h4{ font-size:1.6em;}
    .product .pban{ padding:40px 20px;}
    .product .pban h3{ font-size:1.6em;}
    .product .pro-list .p-list{ display:block;}
    .product .p-list .pl{ width:100%;}
    .product .pb{ width: calc(50% - 20px); margin: 10px 10px;}
    div.fy a,div.fy span.current,div.fy span.disabled{  padding:4px 8px;}

}
@media screen and (max-width: 450px) {
	 .product .pb{ width: calc(100% - 20px);}
}

/*news*/
@media screen and (max-width: 1640px) {
	.banners .warp2{ height:450px; background-size: cover !important; background-attachment: inherit !important;}
	.banners .txt h4{ font-size:3.2em;}
	.news-t .ntxt1{ padding:40px 0;}
	.news-t .ntxt1 .nb .txt h5{ font-size:1.6em;}
    .news-t .ntxt1 .nb .txt h3{ font-size:2.4em;}
    .news-t .ntxt1 .nb .txt h4{ margin-bottom:10px;}
    .news-t{ padding:40px 0;}
    .news-t .ntxt2 .nt .date h3{ font-size:2.4em;}
    .news-t .ntxt2{ padding-bottom:40px;}
}
@media screen and (max-width: 1450px) {
	.banners .txt h4{ font-size:2.4em;}
	.banners .txt h3{ font-size:2em;}
	.banners .txt{ padding:0;}
	.news-t .n-list a{ font-size:1.4em;}
	.news-t .ntxt1 .nb .txt h3{ font-size:2em;}
	.news-t .ntxt1 .nb .txt span{ margin-top:16px;}
	.news-t .ntxt2 .nt .date{ width:160px;}
	.news-t .ntxt2 .nt .txt h4{ font-size:1.6em; margin-bottom:10px;}
    .news-t .ntxt2 .nt a { padding: 30px 10px;}
    .news-t .ntxt2{ padding-bottom:20px;}
}
@media screen and (max-width: 1250px) {
	.banners .warp2{ height:400px;}
	.news-t .ntxt2 .nt .date h3{ font-size:2em;}
	.news-t .ntxt2 .nt .date{ width:120px;}
    .news-t .ntxt1 .nb .txt p {   height: 48px;   -webkit-line-clamp: 2;}
    .banners .txt h4{ font-size:2em;  margin-bottom:10px;}
    .news-t .ntxt2 .nt a{ padding:20px 10px;}
}
@media screen and (max-width: 1024px) {
	.banners .warp2{ height:300px;}
	.banners .txt h3{ font-size:1.6em;}
	.news-t .ntxt1 .nb .txt{ padding:10px 0;}
	.news-t .n-list a{ padding:4px 20px; margin-left:10px;}
}
@media screen and (max-width: 850px) {
	.news-t .ntxt1 .nb { width: calc(33.33% - 15px);}
    .news-t .ntxt1 .nb:nth-child(4){ display:none;}
    .news-t .ntxt2 .nt .date{ width:80px;}
}
@media screen and (max-width: 650px) {
	.footer { margin-bottom:37px;}
	.news-t .ntxt1 .nb:nth-child(3){ display:none;}
	.news-t .ntxt1 .nb { width: calc(50% - 15px);}
}
@media screen and (max-width: 450px) {
	.banners .warp2{ height:240px;}
	.banners .txt h4{ font-size:1.6em; margin-top:4px;}
	.banners .txt h3{ margin-bottom:0;}
	.news-t .ntxt1{ padding:20px 0; flex-wrap:wrap;}
	.news-t .ntxt1 .nb{ width:100%; margin:10px 0;}
	.news-t .ntxt2 .nt .txt{ width:calc(100% - 90px);}
	.news-t .ntxt2 .nt .date h3{ font-size:1.6em;}
}


/*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;}
}

/*partner*/
@media screen and (max-width: 1640px) {
	.tits h5{ font-size:2em;}
	.tits h3{ font-size:2.4em;}
	.tits h4{ font-size:1.6em;}
	.pa-tips{ padding:80px 0 60px 0;}
	.partner-t{ padding:80px 0 100px 0;}
	.pa-c{ margin-top:60px;}
	.pa-c h3{ font-size:2.4em;}
}
@media screen and (max-width: 1450px) {
	.pa-tips{ padding:60px 0;}
	.pa-c{ padding:120px 0;}
	.pa-tips .pat{ margin:10px;}
}
@media screen and (max-width: 1250px) {
	.tits h5{ font-size:1.8em;}
	.tits h3{ font-size:2em;}
	.pa-tips .pat {  margin: 5px 5px;  width: calc(16.66% - 10px);}
    .pa-tips{ padding:40px 0;}
    .pa-c h3{ font-size:2em; margin-bottom:15px;}
    .pa-c a{ padding:6px 30px;}
}
@media screen and (max-width: 1024px) {
	.partner-t{ padding:60px 0;}
	.pa-tit{ flex-wrap:wrap;}
	.pa-tit .tits{order:-1; }
	.pa-c{ margin-top:40px;}
	.pa-tips .pat { width: calc(25% - 10px);}
	.pa-tips .pat a:after{ bottom:0; height:30%; background: url(../images/partner/pa-more.png) center center rgba(90,157,54,0.4) no-repeat;}
}
@media screen and (max-width: 850px) {
	.pa-tit .txt{ margin:20px 0 0 0; width:100%;}
	.pa-tips{ padding:20px 0;}
	.pa-c{ padding:100px 0;}	
}
@media screen and (max-width: 650px) {
	.partner-t{ padding:40px 0;}
	.pa-tips .pat { width: calc(33.33% - 10px);}
}
@media screen and (max-width: 450px) {
	.tits h5{ font-size:1.6em;}
	.pa-tips .pat { width: calc(50% - 10px);}
	.pa-tips .pat a:after{ background-size: auto 80%;}
	.tits h3{ font-size:1.8em;}
	.pa-c{ padding:80px 10px;}
	.pa-c h3{ font-size:1.8em;}
}

/*partnershow*/
@media screen and (max-width: 1640px) {
	.pashow{ padding-top:20px;}
	.pn{ padding-top:10px;}
}
@media screen and (max-width: 1024px) {
	.pashow .tit img{ width:200px;}
	.pn{ display:block;}
	.pn a{ display:block; margin-top:10px;  max-width:100%;}
    .pn a:last-child{ text-align: left;;}
}
@media screen and (max-width: 650px) {
	.pashow .tit img{ width:160px;}
	.pn a{ padding:6px 14px;}
}

/*welfare*/
@media screen and (max-width: 1640px) {
	.wel1 .welt1 .txt{ padding-left:60px;}
	.wel1 .welt2 .img1{ margin-top:-200px;}
	.wel1 .welt1 .txt .t{ margin-top:40px;}
	.wel2{ margin-top:0;}
	.wel2 .txt{ padding:0 60px;}
	.wel3{ padding:100px 0;}
}
@media screen and (max-width: 1450px) {
	.wel1{ padding-top:80px;}
	.wel1 .welt1 .img{ padding-top:120px;}
	.wel3{ padding:80px 0;}
    .wel3 .wel-box .wb{ margin:20px;}
    .wel3 .wel-box .wb .t{ padding-top:10px;}
}
@media screen and (max-width: 1250px) {
	.wel1{ padding-top:60px;}
	.wel1 .welt1 .txt{ padding-left:0;}
	.wel1 .welt2 .img1{ margin-top:-80px;}
	.wel2{ padding-bottom:80px;}
	.wel3{ padding:60px 0;}
    .wel3 .wel-box .wb{ width: calc(33.33% - 20px); margin: 10px 10px;}
}
@media screen and (max-width: 1024px) {
	.wel1 .welt1 .img{ padding-top:80px;}
	.wel1 .welt2 .img1{ margin-top:0px;}
	.wel2 .txt{ padding:0 30px;}
	.wel3 .wel-box .wb .t p{ font-size:1.4em;}
	.wel1 .welt1 .txt .t{ margin-top:20px;}
	.wel1{ padding-top:40px;}
}
@media screen and (max-width: 850px) {
	.wel1 .welt1, .wel1 .welt2{ display:block;}
	.wel1 .welt1 .txt, .wel1 .welt2 .img1{ width:100%;}
	.wel1 .welt1 .txt .t{ margin-right:0;}
    .wel1 .welt1 .img{ padding-top:20px; width:100%;}
    .wel1 .welt2 .img1{ padding:0;}
    .wel1 .welt1 .img, .wel1 .welt2 .img2{ width:100%; margin-top:20px;}
    .wel2{ display:block;}
    .wel2 .img{ width:100%; margin-top:20px;}
    .wel2 .txt{ width:100%; } 
    .wel2{ padding-bottom:0px;}
    .wel3 .wel-box .wb{ width: calc(50% - 20px);}
}
@media screen and (max-width: 450px) {
	.wel3{ padding:40px 0;}
	.wel3 .wel-box .wb{ width: calc(50% - 10px); margin:5px;}
	.wel3 .wel-box .wb .t{ padding-top:4px;}
}

/*welfareshow*/
@media screen and (max-width: 1640px) {
	.welfareshow .tit{ padding-bottom:30px;}
	.welfareshow .tit h3{ font-size:2.2em;}
}
@media screen and (max-width: 1250px) {
	.wels-box .wsb {  width: calc(33.33% - 20px);  margin: 10px 10px;}
    .welfareshow .tit{ padding-bottom:20px;}
    .welfareshow .back{ padding:20px 0;}
    .welfareshow .back a{ font-size:1.4em;}
    .welfareshow{ padding-bottom:80px;}
}
@media screen and (max-width: 1024px) {
	 .welfareshow{ padding-bottom:60px;}
	 .welfareshow .tit h3{ font-size:1.8em;}
}
@media screen and (max-width: 650px) {
	.wels-box .wsb {  width: calc(50% - 10px);  margin: 5px;}
	 .welfareshow .tit h3{ font-size:1.6em;}
	 .welfareshow .tit{ padding-bottom:10px;}
	 .welfareshow{ padding-bottom:40px;}
}

/*contact*/
@media screen and (max-width: 1640px) {
	.feedback .form .tit h3{ font-size:2em;}
    .feedback .form .tit{ padding:40px;}
    .feedback .form form{ padding:40px;}
    #container{ height:840px;}
}
@media screen and (max-width: 1450px) {
	.ctxts .ctxt p{ font-size:1.4em; line-height:24px;}
	.contact-t{ padding:60px 0;}
	.contact-t .ctxts{ margin-top:40px;}
}
@media screen and (max-width: 1250px) {
	.feedback .form .tit{ padding:20px;}
	.feedback .form .tit h3{font-size:1.8em;}
	.feedback input, .feedback textarea{ padding:6px 12px;}
    .feedback .dot h3{ padding-bottom:6px;}
    .feedback .fc-btn{ padding:8px 0; width:100%;}
    .feedback textarea{ margin:30px 0  20px 0;}
    .feedback .dot{ margin-bottom:16px;}
    #container{ height:540px;}
    .ctxts .ctxt{ padding:0 20px;}
}
@media screen and (max-width: 1024px) {
	.feedback .form form{ padding:20px;}
	.contact-t{ padding:40px 0;}
	.banners{ background-size:auto 40%;}
	.twos .two{ margin-right:20px;}
	.twos{ margin-top:20px;}
}
@media screen and (max-width: 850px) {
    .feedback .form .tit h3{ font-size:1.6em;}	
    .contact-t .ctxts{ margin-top:20px;}
    .ctxts .ctxt img{ width:20px;}
    .ctxts .ctxt h3{ margin-bottom:10px;}
    .feedback .form{ position:static; width:100%;}
    .ctxts .ctxt{ width:50%;}
    .contact-t .ctxts{ flex-wrap:wrap;}
    .ctxts .ctxt:last-child{ width:100%; margin-top:20px; padding-left:0;}
	#container{  width: 100%;}
}
@media screen and (max-width: 650px) {
	#container{ height:300px;}
	.feedback .form form{ display:block;}
	.feedback .fc1{ width:100%;}
	.feedback .fc2{ width:100%;}
	.feedback textarea{ margin:5px 0 20px 0;}
	.feedback .form form{ padding:30px 20px;}
	.ctxts .ctxt{ width:100%;  padding-left:0; margin-top:20px; border:none;}
}