﻿@charset "utf-8";
@media only screen and (max-width : 1919px) {
.banner img{ width: 100%; height: auto; }
}
@media only screen and (max-width : 1400px) {

}
@media only screen and (max-width : 1200px) {

}
@media only screen and (max-width : 1024px) {
.webmain{ min-width: initial; }
.content{ padding: 0 10px; width: auto; }
.nav_handle{ display: block; }

.header{ background: #222; height: auto; }
.header .logo{ padding: 10px 0; }
.header .logo img{ height: 30px; }
.header .search{ position: static; }
.header .search .ann{ width: 30px; line-height: 50px; font-size: 14px; }
.header .search:hover .xf{ top: 100%; width: 100%; box-sizing: border-box; }
.header .inmuen{ display: none; float: none; clear: both; margin: 0; padding: 5px 0 10px; }
.header .inmuen ul li{ float: none; padding-right: 35px; position: relative; }
.header .inmuen ul li:before{ content: ">"; font-family: '宋体'; color: #fff; display: block; width: 35px; line-height: 35px; position: absolute; right: 0; top: 0; text-align: center; transition: all .5s; }
.header .inmuen ul li a{ padding: 0; line-height: 35px; }
.header .inmuen ul li:hover:before{ transform: rotate(90deg); }
.header .inmuen ul li .erji{ position: static; width: auto; margin: 0; width: calc(100% + 35px); padding: 10px 0; }
.header .inmuen ul li .erji a{ width: 50%; float: left; box-sizing: border-box; text-align: left; }
.header .inmuen ul li .erji:after{ content: ""; display: block; clear: both; }
.header .inmuen ul li:nth-child(4):before,.header .inmuen ul li:nth-child(5):before,.header .inmuen ul li:nth-child(6):before{ display: none; }
.header .lang{ line-height: 50px; font-size: 12px; margin-left: 10px; }

.banner{ margin-top: 50px; }
.banner .pagination{ bottom: 0 !important; }
.banner .pagination .swiper-pagination-bullet{ width: 8px; height: 8px; margin: 0 2px; }
.banner .swiper-slide video{ display: none; }
.banner .swiper-slide .fgc{ display: none; }
.y-kefu-box01{ zoom:.6; }

.inpro{ padding: 30px 0; }
.inpro .blmtit{ font-size: 20px; margin-bottom: 20px; }
.inpro .leftnav{ display: none; }
.inpro .right{ float: none; width: auto; }
.inpro .right ul li{ width: 48%; }

.fadvy{ font-size: 30px; margin-bottom: 20px; }

.innews{ padding: 30px 0; }
.innews .lmtit{ font-size: 20px; margin-bottom: 20px; }
.innews .lmjj{ font-size: 14px; margin-bottom: 15px; }
.innews .list ul li{ width: 98%; }
.inpro .right ul li .tit{ height: 35px; line-height: 35px; font-size: 14px; }

.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: 14px; 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: 14px; }
.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; }
.footer .fcon .li img{ display: block; margin: 0 auto; }
.footer .fcon .li:nth-last-child(1){ padding-left: 0; margin-top: 10px; }

.nynav{ margin-top: 0; }
.nynav .list{ padding: 0; }
.nynav .list .weizhi{ position: static; width: auto; text-align: left; padding: 0; margin-bottom: 10px; height: auto; }
.nynav .list ul{ overflow-x: auto; display: block; white-space: nowrap; }

.pages{ padding-top: 20px; zoom:.8; }
.pages a{ line-height: 25px; padding: 0 8px; font-size: 12px; margin: 3px; }

.showpro{ margin-top: 50px; }
.nypage{ padding: 30px 0; }
.nypage h3{ font-size: 20px; }

.nynews{ padding: 30px 0; }
.nynews ul li{ width: 98%; }
.nynews ul li .tit{ font-size: 14px; padding-right: 80px; }

.shownews{ padding: 30px 0; }
.shownews .tit{ font-size: 18px; }
.shownews .date{ font-size: 12px; padding-bottom: 10px; }
.shownews .wz{ padding: 15px 0; }
.shownews .pre .li{ text-align: left; width: 100%; height: 30px; line-height: 30px; font-size: 12px; }
.shownews .pre .li:nth-child(2){ text-align: left; }
.shownews .pre{ padding: 10px 15px; }

.nyrecruit { padding: 30px 0; }
.nyrecruit .list{ zoom:.8; }
.nyrecruit .lmtit span.span1 { padding: 5px; font-size: 14px; width: 25%; }
.nyrecruit .lmtit span.span2 { display: none; }
.nyrecruit ul li span.span1 { padding: 6px 5px; font-size: 14px; width: 25%; }
.nyrecruit ul li span.span2 { display: none; }
.nyrecruit ul .erji{ padding: 15px; }

.showinfo{ padding: 30px 0; }
.box{ zoom:.5; position: relative; margin: 0 auto; }
.showinfo .nr{ padding: 0; min-height: initial; }
.showinfo .nr .lmtit{ font-size: 18px; padding-top: 10px; padding-bottom: 5px; }
.showinfo .nr .jj{ padding: 15px 0; }
.showinfo .nr .contact{ padding: 0; margin-top: 0; }
.showinfo .nr .phone{ height: auto; padding: 10px; line-height: initial; width: auto; font-size: 14px; text-align: center; }
.showinfo .nr .ann{ position: static; display: block; width: auto; line-height: 40px; font-size: 14px; }
.showinfo .nr .phone span{ font-size: 25px; }
.showprodetail .pre{ margin-top: 30px; padding: 10px 0; }

.showprodetail .detail .hd ul li span{ padding-left: 0; }
.showprodetail .detail .bd ul .wz{ padding-top: 15px; font-size: 14px; line-height: 25px; }

.repro{ padding: 30px 0; }
.repro .lmtit{ font-size: 20px; }
.repro .list ul{ width: 102%; left: -1%; }
.repro .list ul li{ width: 48%; margin: 1%; }
.repro .list ul li .tit{ font-size: 14px; margin-top: 0; }

.nymess{ padding: 30px 0; }
.nymess .lmtit{ font-size: 20px; }
.nymess .lmjj{ font-size: 14px; margin-bottom: 10px; }
.nymess .list .text{ font-size: 14px; height: 40px; padding: 0 10px; }
.nymess .list .li1,.nymess .list .li3{ width: 98%; margin-bottom: 10px; }
.nymess .list textarea{ font-size: 14px; padding: 5px 10px; }
.nymess .list .li3{ width: 98%; }
.nymess .list .li2{ margin: 0 1% 10px; }
.nymess .list .li3 img{ height: 40px; }
.nymess .list .sub{ width: 100%; height: 40px; font-size: 14px; margin: 0; }

.inabout{ padding: 30px 0; }
.inabout .nr{ margin: 0; padding: 0; }
.inabout .nr{ padding: 0; }
.inabout .nr .pic{ position: static; width: 100%; height: auto; margin-bottom: 15px; }
.inabout .nr .wz{ padding: 0; }
.inabout .nr .wz .btit{ font-size: 20px; }
.inabout .nr .wz .tit{ font-size: 16px; margin-bottom: 15px; }
.inabout .nr .wz .jj{ font-size: 14px; line-height: 25px; margin-bottom: 15px; }
.inshuju ul li{ padding: 0 10px; zoom:.6; }
.inshuju{ padding-top: 0; }
.inabout .nr .wz .more{ zoom:.8; }

.nydown{ padding: 30px 0; }
.nydown ul li{ zoom:.8; margin: 0 0 15px; }
.nydown .pages{ padding-top: 5px; }

.nybanner{ height: 200px; }

.nypro{ padding: 30px 0; }
.nypro .bblmtit{ font-size: 20px; }
.nypro.inpro .leftnav{ display:block; width：100%; float:none; zoom:.7; width:100%; margin-bottom:20px; }

.nynews1{ padding: 20px 0 30px; }
.nynews1 ul li{ padding: 10px 0; }
.nynews1 ul li .pic{ height: auto; width: 100%; position: static; padding-bottom: 60%; }

.nynews.nyhonor ul li{ width: 48%; }
}
@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) {

}

