﻿@charset "utf-8";
@media only screen and (max-width : 1919px) {
.banner img{ width: 100%; height: auto; }
}
@media only screen and (max-width : 1600px) {
.content{ max-width: 1200px; }
.header .inmuen ul li{ padding: 0 20px; }
.inabout .nr .video{ width: 530px; }
.inabout .nr{ padding-right: 600px; }
.inabout .nr .wz{ font-size: 14px; line-height: 22px; margin-bottom: 20px; }
.inabout .nr .inshuj ul li .sz span{ font-size: 45px; }
.inabout .nr .inshuj{ margin-bottom: 30px; }
.inapp .lmtit .hd{ float: none; width: 100%; clear: both; }
.inapp .lmtit .hd ul li{ font-size: 14px; margin-right: 20px; margin-left: 0; }
.inapp .bd ul .rightwz .jj{ font-size: 14px; line-height: 22px; margin-bottom: 30px; }
.incase .list ul li .tit{ font-size: 16px; line-height: 40px; height: 40px; }
.incase .list ul li:nth-child(1) .pic, .incase .list ul li:nth-child(2) .pic{ padding-bottom: 138%; }

.inmain .left{ width: 280px; }
.inmain .rightnr{ width: calc(100% - 310px); }
.showinfo .nr{ padding-left: 740px; }
.showprodetail .rightnr{ width: 280px; }
.showprodetail .left{ width: calc(100% - 310px); }
.nyshuj ul li .tit{ font-size: 12px; }
.nyshuj ul li .sz span{ font-size: 45px; }
.nyhistory{ padding-bottom: 170px; }
.nyhistory .nydasj .list ul li:nth-child(5){ margin-top: 0px; }
.nyhistory .nydasj .list ul li:nth-child(6){ margin-top: -80px; }
.nyhistory .nylic .nr ul li .jj{ left: -80%; }

.nycontact .nr{ padding-right: 700px; }
.nycontact .nr .mess{ width: 650px; }

.inbaoj .nr{ font-size: 30px; }
.footer .ftop .rfenx{ font-size: 25px; }
.showprodetail .repro .btit{ font-size: 18px; }
}
@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; }
.y-kefu-box01{ zoom:.6; }

.header .logo{ padding: 10px 0; }
.header .logo img{ height: 30px; }
.searchmain{ top: 50px; }
.searchmain .content{ padding: 50px 20px; zoom:.8; }
.header .searchann .kai,.header .searchann .guan{ line-height: 50px; }
.header .lang{ font-size: 12px; margin-right: 10px; line-height: 50px; }
.header .inmuen{ display: none; float: none; clear: both; padding: 0 0 10px; margin: 0; }
.header .inmuen ul li{ float: none; padding: 0; position: relative; }
.header .inmuen ul li > a{ line-height: 40px; font-size: 16px; padding-right: 40px; }
.header .inmuen ul li > a:before{ display: none; }
.header .inmuen ul li i{ display: block; width: 40px; line-height: 40px; position: absolute; right: 0; top: 0; font-size: 20px; text-align: center; color: #fff; transition: all .5s; }
.header .inmuen ul li:hover i{ transform: rotate(90deg); }
.header .inmuen ul li .erji{ position: static; border-radius: 0; padding: 10px; }
.header .inmuen ul li .erji .sli{ margin: 0; width: auto; width: 33.3333%; }
.header .inmuen ul li .erji .sli .pic{ display: none; }
.header .inmuen ul li .erji .sli .tit{ margin-top: 0; height: 35px; line-height: 35px; }

.banner .pagination{ bottom: 10px !important; zoom:.7; }
.banner .banner-left{ left: 0; zoom:.7; }
.banner .banner-right{ right: 0; left: initial; zoom:.7; }

.inabout{ padding: 30px 0; }
.inabout .nr{ padding: 0; }
.inabout .nr .video{ position: static; width: auto; }
.inabout .nr .video .tit{ font-size: 20px; }
.inabout .nr .enlmtit{ font-size: 30px; margin-top: 20px; }
.inabout .nr .cnlmtit{ font-size: 25px; }
.inabout .nr .lmjj{ font-size: 18px; }
.inabout .nr .inshuj ul li,.inabout .nr .inshuj ul li:nth-child(1),.inabout .nr .inshuj ul li:nth-child(2){ width: 50%; margin-top: 10px; }
.inabout .nr .inshuj ul li .sz span{ font-size: 30px; }
.inabout .nr .inshuj ul li .tit{ font-size: 14px; }
.inabout .nr .more{ font-size: 14px; }

.inapp{ padding: 30px 0; }
.inapp .lmtit{ margin-bottom: 20px; }
.inapp .lmtit span{ float: none; font-size: 25px; }
.inapp .lmtit .hd ul li{ margin: 0; width: 50%; font-size: 13px; line-height: 25px; }
.inapp .bd ul .pic{ position: static;  width: 100%; height: auto; padding-bottom: 50%; }
.inapp .bd ul .content{ padding: 0; }
.inapp .bd ul .rightwz{ width: auto; padding: 10px; }
.inapp .bd ul .rightwz .tit{ font-size: 20px; }
.inapp .bd ul .rightwz .xian{ margin-bottom: 15px; }
.inapp .bd ul .rightwz .jj{ margin-bottom: 15px; }
.inapp .bd ul .rightwz .more{ margin-bottom: 20px; font-size: 14px; line-height: 40px; }
.inapp .bd{ padding-bottom: 30px; }
.inapp .bd ul .rightwz .list ul li .stit{ font-size: 12px; margin-top: 10px; }

.incase{ padding: 30px 0; }
.incase .lmtit{ margin-bottom: 20px; line-height: 30px; font-size: 25px; }
.incase .lmtit .more{ font-size: 14px; line-height: 30px; }
.incase .list ul li{ width: 48%; }
.incase .list ul li .tit{ font-size: 14px; }
.incase .list ul li .pic .jj{ display: none; }

.inyous{ padding: 30px 0; }
.inyous .lmtit{ font-size: 25px; line-height: 30px; margin-bottom: 20px; }
.inyous .lmtit span{ font-size: 30px; }
.inyous .list ul li{ width: 100%; zoom:.8; }

.inyewfw{ padding: 30px 0; }
.inyewfw .lmtit{ font-size: 25px; }
.inyewfw .lmjj{ font-size: 14px; margin-bottom: 15px; }

.inpar{ padding: 30px 0; }
.inpar .lmtit .en{ font-size: 30px; line-height: 35px; }
.inpar .lmtit .cn{ font-size: 25px; }
.inpar .left{ width: auto; padding: 0; }
.inpar .left .hd{ margin-top: 10px; }
.inpar .left .hd ul li{ width: 30px; height: 5px; }
.inpar .right{ width: auto; margin-top: 30px; padding: 0; }
.inpar .right .sz{ zoom:.4; }
.inpar .right .jj{ font-size: 14px; line-height: 25px; margin-bottom: 20px; }
.inpar .right .more{ font-size: 14px; line-height: 40px; }

.innews{ padding: 30px 0; }
.innews .lmtit{ line-height: 35px; }
.innews .lmtit .en{ font-size: 30px; line-height: 35px; vertical-align: top; }
.innews .lmtit .cn{ font-size: 25px; line-height: 35px; vertical-align: top; }
.innews .lmtit .more{ font-size: 14px; line-height: 35px; }
.innews .list ul li{ margin-top: 15px; width: auto; padding: 0; min-height: initial; float: none; }
.innews .list ul li .pic{ position: static; width: auto; padding-bottom: 50%; height: auto; }
.innews .list ul li .date{ font-size: 12px; margin-top: 10px; }
.innews .list ul li .tit{ font-size: 18px; height: 25px; line-height: 25px; }
.innews .list ul li .more{ margin-bottom: 15px; }
.innews .list ul li:nth-child(2){ width: auto; margin: 0; float: none; margin-top: 15px; border-bottom: 1px solid #d6d6d6; }
.innews .list ul li:nth-last-child(2){ border-bottom: 0; }
.innews .list ul li:nth-last-child(2) .more{ margin-bottom: 0; }

.inbaoj{ padding: 20px 0; }
.inbaoj .nr{ padding: 0; font-size: 16px; }
.inbaoj .nr .ann{ position: static; top: initial; margin-top: 10px; width: auto; line-height: 40px; font-size: 14px; }
.footer .ftop{ display: none; }
.footer .fmid{ padding: 30px 0 10px; }
.footer .fmid .fcon{ float: none; width: auto; margin-bottom: 20px; }
.footer .fmid .fcon .tit{ font-size: 20px; margin-bottom: 10px; }
.footer .fmid .fcon .jj{ line-height: 25px; }
.footer .fmid .fcon .jj i{ font-size: 16px; }
.footer .fbot{ padding: 0 0 30px; border-top: 0; }
.footer .fmid .fnav{ float: none; width: auto; margin: 0 0 10px; padding: 0; border-bottom: 1px solid #8ac45f; width: auto;}
.footer .fmid .fnav .tit{ font-size: 16px; position: relative; line-height: 22px; padding-bottom: 10px; margin-bottom: 0; }
.footer .fmid .fnav .tit:after{ content: "+"; float: right; }
.footer .fmid .fnav a{ font-size: 14px; line-height: 25px; height: 25px; }
.footer .fmid .fnav .erji{ display: none; padding-bottom: 10px; }
.footer .fmid .fnav:hover .erji{ display: block; }
.footer .fmid .fnav:hover .tit:after{ content: "-"; }
.footer .fmid .fnav .tit:before{ display: none; }
.footer .fbot .banq{ font-size: 12px; }
.footer .fbot .link{ display: none; }

.header.nyheader{ position: static; background: #69bc2c; min-width: inherit; }

.nybanner{ height: 200px; }
.nybanner .lmtit{ font-size: 25px; margin-bottom: 5px; }
.nybanner .lmxian{ width: 50px; height: 4px; }
.weizhi .left{ padding: 7px 0; float: none; }

.inmain{ padding: 30px 0; }
.inmain .left{ width: auto; float: none; }
.nynav .btit{ font-size: 20px; line-height: 50px; }
.nynav .btit i{ display: inline-block; float: right; line-height: 50px; }
.nynav ul{ display: none; }
.nynav:hover ul{ display: block; }
.nynav ul li a{ height: 35px; line-height: 35px; font-size: 14px; }

.nycon{ display: none; }
.inmain .rightnr{ width: auto; margin-top: 20px; float: none; }
.nypro ul{ width: 102%; left: -1%; }
.nypro ul li{ width: 48%; margin: 1%; }
.nypro ul li .tit{ font-size: 14px; margin: 5px 0; }
.nypro ul li .ann{ width: auto; font-size: 14px; line-height: 30px; border-radius: 5px; }

.feny{ zoom:.7; padding-top: 15px; }

.showinfo .nr{ padding: 15px; }
.box{ position: relative; zoom:.45; margin: 0 auto; left: inherit; top: inherit; }
.showinfo .nr .lmtit{ font-size: 20px; }
.showinfo .nr .ann a{ width: 49%; margin: 0; font-size: 14px; }
.showinfo .nr .ann a.ann1{ margin-right: 2%; }
.showprodetail{ margin-bottom: 30px; }

.showprodetail .left{ width: auto; float: none; }
.showprodetail .detail{ padding: 15px; }
.showprodetail .detail .hd ul li span{ font-size: 20px; font-weight: 500; }
.showprodetail .detail .bd ul .wz{ font-size: 14px; line-height: 25px; padding-top: 15px; }
.showprodetail .detail .bd ul .wz img{ margin: 5px 0; }
.showprodetail .detail .bd ul .wz h3{ font-size: 16px; margin: 10px 0; }
.showprodetail .detail .bd ul .wz video{ margin: 5px 0; }
.showprodetail .pre{ margin-top: 15px; }
.showprodetail .pre a{ width: 98%; height: 40px; line-height: 40px; font-size: 14px; text-align: left; margin-bottom: 10px; }
.showprodetail .rightnr{ width: auto; float: none; }
.showprodetail .nav{ display: none; }
.showprodetail .repro .btit{ font-size: 20px; line-height: 50px; }

.nypromess{ padding: 30px 0; }
.nypromess .lmtit{ font-size: 20px; margin-bottom: 15px; }
.nypromess .nr .text{ width: 100%; margin: 0 0 15px; font-size: 14px; }
.nypromess .nr .text.text1{ margin: 0; }
.nypromess .nr .textarea{ margin-top: 15px; font-size: 14px; }
.nypromess .nr .sub{ height: 40px; font-size: 14px; width: 100%; margin-top: 15px; }

.weizhi{ padding-bottom: 1px; }
.weizhi .caseann{ font-size: 14px; float: none; line-height: 40px; display: block; margin-top: 0; margin-bottom: 9px; }
.nycase ul li{ width: 48%; margin: 1%; }
.nycase ul li .tit{ font-size: 14px; line-height: 40px; height: 40px; }

.showcase .lmtit{ zoom:.8; }

.nyvideo ul li{ width: 98%; }
.nyvideo ul li .bpic{ margin-bottom: 5px; }

.weizhi .rnav{ width: auto; float: none; }
.weizhi .rnav ul{ display: block; overflow-x: auto; white-space: nowrap; }
.weizhi .rnav ul li{ display: inline-block; float: none; padding: 10px 0; }
.weizhi .rnav ul li a{ font-size: 16px; }

.nynews ul li{ padding: 15px; }
.nynews ul li .pic{ position: static; width: 100%; height: auto; padding-bottom: 60%; }
.nynews ul li .tit{ font-size: 18px; }
.nynews ul li .date{ font-size: 12px; margin: 5px 0 10px; }
.nynews ul li .jj{ margin-bottom: 10px; }

.nyshuj{ margin-top: 20px; }
.nyshuj ul li{ width: 50% !important; margin-top: 10px; }
.nyshuj ul li .sz span{ font-size: 30px; }
.nyshuj ul li .tit{ font-size: 14px; line-height: 35px; }

.nycul{ padding: 30px 0; }
.nycul .lmtit span{ font-size: 25px; }
.nycul .lmtit span:before{ height: 4px; margin-top: -2px; }
.nycul .lmtit span:after{ height: 4px; margin-top: -2px; }
.nycul .list ul li{ width: 99%; margin: 15px .5% 0; }
.nycul .list ul li .wz .tit{ font-size: 18px; }
.nycul .list ul li .wz .jj{ font-size: 14px; }

.nyhistory{ padding: 30px 0; background: #006794 !important; margin-bottom: 30px; }
.nyhistory .nylic .lmtit{ margin-bottom: 15px; }
.nyhistory .nylic .lmtit span{ font-size: 25px; }
.nyhistory .nylic .lmtit span:before{ height: 4px; margin-top: -2px; }
.nyhistory .nylic .lmtit span:after{ height: 4px; margin-top: -2px; }
.nyhistory .nylic .nr ul{ overflow-x: auto; zoom:.7; }
.nyhistory .nylic .nr ul li{ width: 200px; display: inline-block; float: none; margin-top: 110px; }
.nyhistory .nylic .nr ul li .jj{ width: auto; left: inherit; }
.nyhistory .nylic .nr ul li:nth-child(even){ position: relative; top: -120px; }

.nyhistory .nydasj .lmtit{ font-size: 25px; line-height: 50px; }
.nyhistory .nydasj .lmtit:before{ width: 4px; }
.nyhistory .nydasj .list{ margin-top: 0; padding-bottom: 40px; }
.nyhistory .nydasj .list ul li{ margin: 35px 0 0 !important; width: 100%; }
.nyhistory .nydasj .list ul li .tit{ zoom:.8; }
.nyhistory .nydasj .list ul li .jj{ min-height: inherit; }

.nyhonor{ padding: 30px 0; }
.nyhonor .lmtit{ margin-bottom: 15px; }
.nyhonor .lmtit span{ font-size: 25px; }
.nyhonor .lmtit span:before{ height: 4px; margin-top: -2px; }
.nyhonor .lmtit span:after{ height: 4px; margin-top: -2px; }
.nyhonor .list ul{ width: 102%; left: -1%; }
.nyhonor .list ul li{ width: 48%; margin: 1%; }

.nyjigou{ padding: 30px 0; }
.nyjigou .lmtit{ margin-bottom: 15px; }
.nyjigou .lmtit span{ font-size: 25px; }
.nyjigou .lmtit span:before{ height: 4px; margin-top: -2px; }
.nyjigou .lmtit span:after{ height: 4px; margin-top: -2px; }
.nyjigou .list ul li{ width: 98%; }
.nyjigou .list ul li .wz .tit{ font-size: 20px; }
.nyjigou .list ul li .wz .jj{ font-size: 14px; }

.nypar{ padding: 30px 0; }
.nypar .lmtit{ margin-bottom: 15px; }
.nypar .lmtit span{ font-size: 25px; }
.nypar .lmtit span:before{ height: 4px; margin-top: -2px; }
.nypar .lmtit span:after{ height: 4px; margin-top: -2px; }
.nypar .list ul li{ width: 31.3333%; margin: 1%; }
.nypar .zslist ul li{ width: 98%; margin: 1%; }
.nypar .zslist ul li .tit{ font-size: 14px; margin-bottom: 10px; }

.nycontact{ padding: 30px 0; }
.nycontact .lmtit{ font-size: 25px; }
.nycontact .lmjj{ font-size: 14px; line-height: 25px; }
.nycontact .nr{ padding: 0; }
.nycontact .nr .btit{ font-size: 20px; }
.nycontact .nr .mess{ position: static; width: auto; }
.nycontact .nr .li .tit{ font-size: 16px; }
.nycontact .nr .li .jj.bjj{ font-size: 25px; }
.nycontact .nr .li .jj{ font-size: 14px; }

.nycontact .nr .mess .text{ width: 100%; margin: 0 0 15px; }
.nycontact .nr .mess .text.text1{ margin: 0; }
.nycontact .nr .mess .textarea{ margin-top: 15px; }
.nycontact .nr .mess .sub{ width: 100%; height: 40px; font-size: 14px; }
}
@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) {

}

