@charset "utf-8";
@media only screen and (max-width : 1919px) {
.banner img{ width: 100%; height: auto; }
}
@media only screen and (max-width : 1600px) {

}
@media only screen and (max-width : 1400px) {
.content{ max-width: 1200px; }
.header .logo{ padding: 30px 0; }
.header .logo img{ height: 50px; }
}
@media only screen and (max-width: 1024px) {
.Bottomerkg,.Bottomer{ display: none; }
.customerxf{ right: 10px; bottom: 20px; }
.customerxf .li{ width: 30px; height: 30px; line-height: 30px; font-size: 18px; margin-top: 5px; }
.customerxf .li img{ height: 18px; }
.webshow{ display: none !important; }
.wapshow{ display: block !important; }
.webmain{ min-width: initial; }
.content{ padding: 0 10px; }
.nav_handle{ display: block; }
.y-kefu-box01{ zoom:.7; }

.header{ min-width: initial; }
.header .logo{ padding: 10px 0; }
.header .logo img{ height: 30px; }
.header .inmuen{ display: none; float: none; clear: both; padding: 0 0 5px; }
.header .inmuen ul li{ float: none; margin: 0; line-height: 35px; }
.header .inmuen ul li > a{ font-size: 16px; }
.header .inmuen ul li i{ float: right; }
.header .inmuen ul li:hover .erji{ box-shadow: initial; width: auto; position: static; margin: 0; background: #f5f5f5; }
.header .inmuen ul li .erji:before{ display: none; }
.header .inmuen ul li .erji a{ font-size: 14px; height: 30px; line-height: 30px; }
.headerkg{ height: 50px; }
.banner .banner-left{ zoom:.5; left: 20px; }
.banner .banner-right{ zoom:.5; right: 20px; }
.banner .swiper-slide .fgc{ font-size: 16px; line-height: 30px; }
.banner .swiper-slide .pic{ padding-bottom: 80%; }
.banner .pagination{ zoom:.6; }

.inabout{ padding: 30px 0; }
.inabout .lmtit{ font-size: 25px; margin-bottom: 10px; }
.inabout .wz{ font-size: 14px; line-height: 25px; }

.inpar{ padding: 30px 0; }
.inpar .lmtit{ font-size: 25px; margin-bottom: 10px; }
.inpar .list ul li{ width: 48%; line-height: 80px; padding: 10px; }
.inpar .list ul li .pic img{ max-width: 120px; max-height: 70px; }
.inpar .list ul li:hover{ transform: translateY(0px); box-shadow: initial; }

.footer{ padding: 30px 0 0; }
.footer .fnav{ float: none; width: auto; margin-bottom: 10px; padding: 0; border-bottom: 1px solid #C5C5C51C; }
.footer .fnav .tit{ font-size: 16px; position: relative; line-height: 22px; }
.footer .fnav .tit:before{ content: "+"; float: right; }
.footer .fnav a{ font-size: 14px; line-height: 25px; height: 25px; }
.footer .fnav .erji{ display: none; padding-bottom: 10px; }
.footer .fnav:hover .erji{ display: block; }
.footer .fnav:hover .tit:before{ content: "-"; }
.footer .fcon{ float: none; width: auto; max-width: initial; }
.footer .fcon .tit{ font-size: 16px; }
.footer .fcon .li{ font-size: 14px; line-height: 25px; }
.footer .fenx{ padding: 20px 0; }
.footer .fenx a{ zoom:.7; }
.footer .banq{ padding: 10px 0; font-size: 12px; line-height: initial; }

.inpar.nypar .lmtit{ margin-bottom: 15px; }

.nyserverlist{ padding: 30px 0; }
.nyserverlist .lmtit{ font-size: 25px; margin-bottom: 15px; }
.nyserverlist .list ul li .fgc{ font-size: 18px; }

.nyserver{ padding: 30px 0; }
.nyserver .lmtit{ font-size: 25px; margin-bottom: 15px; }
.nyserver .wz{ font-size: 14px; line-height: 22px; }
.nyserver .wz h3{ font-size: 18px; }
.nyserver .wz img{ height: auto; }

.nycontactlist{ padding: 30px 0 0; }
.nycontactlist .list .li{ width: 98%; margin: 1%; padding: 15px; }
.nycontactlist .list .li.li1 .wz{ font-size: 14px; line-height: 25px; }

.nycontact{ padding: 30px 0; }
.nycontact .lmtit{ font-size: 20px; margin-bottom: 5px; }
.nycontact .lmjj{ font-size: 14px; margin-bottom: 15px; }
.nycontact .mess{ padding: 20px 15px; }
.nycontact .mess .li.li1{ width: 100%; margin-right: 0; margin-bottom: 10px; }
.nycontact .mess .li .text{ height: 40px; margin-top: 5px; font-size: 14px; }
.nycontact .mess .li .tit{ font-size: 14px; }
.nycontact .mess .li .textarea{ font-size: 14px; }
.nycontact .mess .sub{ font-size: 14px; height: 40px; border-radius: 20px; width: 100%; max-width: initial; }
.nycontact .mess .li{ margin-bottom: 10px; }
}
@media only screen and (max-width : 910px) {

}
@media only screen and (max-width : 850px) {

}
@media only screen and (max-width : 640px) {

}
@media only screen and (max-width : 480px) {

}
@media only screen and (max-width : 360px) {

}