﻿@charset "utf-8";
@media only screen and (max-width : 1919px) {
.banner img{ width: 100%; height: auto; }
}
@media only screen and (max-width : 1400px) {
.webmain{ min-width: 1200px; }
.content{ width: 1200px; }
.injieg .list ul li{ padding: 0 10px; }
.nycase .prev,.nycase .next{ top: 405px; }

.nyservice{ background-size: 1200px auto; }
}
@media only screen and (max-width : 1200px) {

}
@media only screen and (max-width : 1024px) {
.webmain{ min-width: initial; padding-top: 50px; }
.content{ width: auto; padding: 0 10px; }
.header{ background: url(../images/index_01.jpg) no-repeat left center; background-size: cover; }
.header .logo{ padding: 10px 0; }
.header .logo img{ height: 30px; }
.nav_handle{ display: block; }
.header .inmuen{ display: none; width: auto; float: none; clear: both; padding: 0 0 10px; }
.header .inmuen ul li{ float: none; }
.header .inmuen ul li > a{ font-size: 15px; line-height: 35px; padding: 0; text-align: center; }
.header .inmuen ul li:hover .erji{ display: none; }
.banner .pagination{ bottom: 0; }
.banner .pagination .swiper-pagination-switch{ width: 8px; height: 8px; margin: 0 3px; }

.inzhaos{ padding: 20px 0 0; }
.inzhaos .lmtit{ font-size: 20px; margin-top: 25px; margin-bottom: 10px; letter-spacing: 0; }
.inzhaos .lmxian{ margin: 0 auto 50px; }

.inzhaos .list ul li{ float: none; height: 200px; }
.inzhaos .list.num2 ul li{ width: auto; float: none; }
.inzhaos .list.num2 ul li.on{ width: auto; }
.inzhaos .list.num3 ul li{ width: auto; float: none; }
.inzhaos .list.num3 ul li.on{ width: auto; }
.inzhaos .list.num4 ul li{ width: auto; float: none; }
.inzhaos .list.num4 ul li.on{ width: auto; }
.inzhaos .list ul li .fgc{ padding: 15px; }
.inzhaos .list ul li .tit{ font-size: 16px; margin-bottom: 15px; letter-spacing: 0; }
.inzhaos .list ul li .jj{ font-size: 14px; line-height: 25px; height: 75px; overflow: hidden; margin-bottom: 10px; }
.inzhaos .list ul li .ann{ font-size: 14px; height: 35px; line-height: 35px; position: static; width: 100px; }

.injieg{ padding: 20px 0; }
.injieg .lmtit{ font-size: 20px; margin-top: 25px; margin-bottom: 10px; letter-spacing: 0; }
.injieg .lmxian{ margin: 0 auto 50px; }
.injieg .list ul li{ width: 50%; padding: 10px 5px; }
.injieg .list ul li .ico{ width: 80px; height: 80px; background-size: auto 80px !important; margin: 0 auto 5px; }
.injieg .list ul li .tit{ font-size: 16px; height: 25px; line-height: 25px; }
.injieg .list ul li .jj{ font-size: 12px; line-height: 20px; height: 60px; overflow: hidden; }

.inabout{ padding: 60px 0; }
.inabout .nr .ann{ float: right; margin-bottom: 10px; font-size: 16px; letter-spacing: 0; width: 130px; height: 35px; line-height: 35px; }
.inabout .nr .en{ letter-spacing: 0; margin-top: 10px; width: 175px; clear: both; margin-top: 0; }

.incase{ padding: 20px 0 0; }
.incase .lmtit{ font-size: 20px; margin-top: 25px; margin-bottom: 10px; letter-spacing: 0; }
.incase .lmxian{ margin: 0 auto 50px; }
.incase .list ul li{ width: 100%; margin: 5px 0; }
.incase .list ul li .fgc{ padding: 15px; position: static; background: #f5f5f5; opacity: 1; }
.incase .list ul li .tit{ font-size: 16px; margin-bottom: 10px; letter-spacing: 0; color: #333; }
.incase .list ul li .jj{ font-size: 14px; line-height: 25px; height: 75px; overflow: hidden; margin-bottom: 10px; color: #666; margin-bottom: 10px; }
.incase .list ul li .ann{ font-size: 14px; height: 35px; line-height: 35px; width: 100px; left: 15px; bottom: 15px; position: static; }

.inpar{ padding: 20px 0 50px; }
.inpar .lmtit{ font-size: 20px; margin-top: 25px; margin-bottom: 10px; letter-spacing: 0; }
.inpar .lmxian{ margin: 0 auto 50px; }
.inpar .bd ul li{ width: 50%; } 
.inpar .bd ul li a{ padding: 10px; }

.footer{ padding: 20px 0; }
.footer .flogo{ text-align: center; float: none; margin-bottom: 10px; }
.footer .flogo img{ height: 40px; }
.footer .right{ float: none; }
.footer .right .fnav{ text-align: center; }
.footer .right .fnav a{ font-size: 12px; padding: 0 10px; } 
.footer .right .fnav a:nth-last-child(1){ padding-right: 10px; }
.footer .right .banq{ letter-spacing: 0; float: none; text-align: center; }

.nybanner{ height: 400px; }

.nyaboutnav{ padding: 20px 0 0; }
.nyaboutnav ul li{ width: 31.3333%; margin: 1%; float: left; padding: 10px 0; }
.nyaboutnav ul li .ico{ width: 50px; height: 50px; background-size: cover !important; margin: 0 auto 10px; }
.nyaboutnav ul li .tit{ font-size: 14px; letter-spacing: 0; height: 30px; line-height: 30px; }
.nyaboutnav ul li .jj{ zoom:.9; }

.nyabout{ padding: 30px 0 50px; }
.nyabout .logopic{ padding-bottom: 20px; }
.nyabout .logopic img{ height: 80px; }
.nyabout .wz{ padding: 20px 10px; font-size: 14px; line-height: 25px; }
.nyabout .wz h3{ font-size: 18px; margin: 0; }
.nyaboutpic{ height: 300px; }

.nyhistory{ padding: 30px 0 50px; }
.nyhistory .bli .sanj,.nyhistory .bli .xian{ display: none; }
.nyhistory .bli{ padding: 0; }
.nyhistory .bli .sli{ margin-bottom: 20px; padding-left: 50px; }
.nyhistory .bli .sli .wz{ max-width: initial; font-size: 14px; line-height: 25px; padding: 0; }
.nyhistory .bli .sli .tit .jiao{ display: none; }
.nyhistory .bli .sli .tit{ height: 40px; line-height: 40px; width: 40px; font-size: 12px; left: 0; margin-left: initial; top: 50%; margin-top: -20px; }
.nyhistory .bli .sli .tit:before{ display: none; }
.nyhistory .bli .lmtit{ left: initial; margin: 0; width: auto; margin-bottom: 20px; }
.nyhistory .bli .lmtit .table{ font-size: 14px; line-height: 25px; }
.nyhistory .bli .lmtit .tit{ font-size: 20px; }
.nyhistory .bli .blmtit{ width: 100px; height: 100px; padding: 23px 0; font-size: 18px; line-height: 25px; }

.nyjoin .nyjoinnav{ padding: 20px 0 0; }
.nyjoin .nyjoinnav ul li{ padding: 0; min-height: initial; }
.nyjoin .nyjoinnav ul li .pic{ position: static; width: auto; height: auto; margin-bottom: 5px; }
.nyjoin .nyjoinnav ul li .tit{ font-size: 16px; padding: 0 10px; margin-bottom: 5px; }
.nyjoin .nyjoinnav ul li .jj{ font-size: 12px; line-height: 22px; height: 66px; overflow: hidden; padding: 0 10px; margin-bottom: 10px; }

.nyjoin .info .tit{ font-size: 22px; margin-bottom: 10px; }

.nyjoin .nr{ padding: 10px 0 30px; font-size: 14px; line-height: 25px; }
.nyjoin .nr h3{ font-size: 20px; margin: 20px auto; line-height: 30px; }
.nyjoin .nr .mess .li{ width: 98%; margin-bottom: 10px; }
.nyjoin .nr .mess .li .text{ height: 35px; font-size: 14px; padding: 0 10px; }
.nyjoin .nr .mess .tis{ padding: 0 0 10px; font-size: 12px; }
.nyjoin .nr .mess{ padding-bottom: 10px; }
.nyjoin .nr .mess .sub{ width: 100%; }
.nyjoin .nr .mess .wz{ font-size: 14px; padding-bottom: 10px; }
.nyjoin .nr h4{ font-size: 16px; }
.nyjoin .nr iframe{ width: calc(100% - 10px) !important; border: 5px solid #9d001c; height: 300px !important; }

.nynav{ padding: 20px 0 0; }
.nynav ul{ display: block; position: relative; width: 102%; left: -1%; }
.nynav ul li{ display: block; width: 98%; margin: 1%; float: left; height: auto; padding-left: 170px; }
/*.nynav ul li .en{ display: none; }
.nynav ul li .ico{ position: relative; left: initial; top: initial; width: 50px; height: 50px; margin: 0 auto; }
.nynav ul li .cn{ font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; text-align: center; }
.nynav ul li:before{ display: none; }*/

.nycase{ padding: 0; margin-bottom: 20px; }
.nycase .list{ padding: 20px 0; }
.nycase .list ul li{ font-size: 16px; margin-right: 20px; line-height: 30px; }
.nycase .bd .pic{ margin-bottom: 10px; }
.nycase .wz{ font-size: 14px; line-height: 25px; }
.nycase .prev,.nycase .next{ position: static; display: inline-block; width: 35px; height: 35px; background: #f5f5f5; margin: 0 5px; font-family: '宋体'; font-size: 16px; color: #333; line-height: 35px; text-align: center; }
.nycase .prev:before{ content: "<"; }
.nycase .next:before{ content: ">"; }
.nycase .sxia{ text-align: center; padding: 10px 0; }
.nycase .prev:hover,.nycase .next:hover{ background: #004290; color: #fff; }

.nyservice{ padding: 20px 0; background: none; }
.nyservice ul li{ padding: 0; width: 50%; float: left; padding: 10px 0; box-sizing: border-box; }
.nyservice ul li .tit{ width: 100px; height: 100px; font-size: 16px; line-height: 25px; padding: 24px 0; margin-bottom: 10px; }
.nyservice ul li .jj{ position: static; font-size: 12px; line-height: 22px; }

.nypage{ padding: 50px 0; font-size: 14px; line-height: 25px; }
.nypage iframe{ width: calc(100% - 10px) !important; border: 5px solid #f7f7f7; height: 300px !important; }

.nyzhaop{ padding: 20px 0 0; }
.nyzhaop .lmtit{ font-size: 20px; margin-top: 15x; margin-bottom: 10px; letter-spacing: 0; }
.nyzhaop .lmxian{ margin: 0 auto 20px; }
.nyzhaop .hd ul li{ height: 40px; line-height: 40px; font-size: 16px; }
.nyzhaop .hd{ width: auto; float: none; margin-bottom: 20px; }
.nyzhaop .bd{ width: auto; float: none; }
.nyzhaop .bd .btit{ font-size: 20px; margin-bottom: 10px; }
.nyzhaop .bd .wz{ padding: 0 0 20px; font-size: 14px; line-height: 25px; }
.nyzhaop .bd .stit{ font-size: 18px; margin-bottom: 10px; }

.nywenh{ padding: 40px 0 0; }
.nywenh ul li{ padding: 0; margin-bottom: 40px; }
.nywenh ul li .pic{ padding: 20px; height: 200px; }
.nywenh ul li .ctit{ font-size: 20px; margin-bottom: 5px; }
.nywenh ul li .etit{ font-size: 14px; letter-spacing: 0; }
.nywenh ul li .wz{ position: static; margin-top: -40px; width: 90%; margin: -40px auto 0; padding: 15px; height: auto; }
.nywenh ul li .wz .tit{ font-size: 20px; margin-bottom: 15px; }
.nywenh ul li .wz .jj{ font-size: 14px; line-height: 25px; }
.nywenh ul li:nth-child(even){ padding: 0; }
.nywenh ul li:hover .wz{ transform: inherit; }
.nywenh ul li:nth-child(even):hover .wz{ transform: inherit; }
}
@media only screen and (max-width : 910px) {

}
@media only screen and (max-width : 850px) {
.nybanner{ height: 300px; }
}
@media only screen and (max-width : 640px) {
.nybanner{ height: 220px; }
}
@media only screen and (max-width : 480px) {
.nybanner{ height: 180px; }
.nyaboutpic{ height: 150px; }
}
@media only screen and (max-width : 360px) {
.nybanner{ height: 150px; }
}