/* CSS Document */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,ul,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display:block;}
*{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
body { font-family:"Montserrat", Noto Sans SC, "Hiragino Sans GB", STHeiti, "PingFang SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; color:#666; text-decoration:none; font-size:14px;}
body.bodyn{ background:#fff;}
textarea { resize:none;}
img{ max-width:100%;}
iframe,img { border:0;}
ul,ol,li { list-style:none;}
input, select, textarea { outline:0; -webkit-user-modify:read-write-plaintext-only;}
input { -webkit-appearance:none;}
a{ text-decoration:none; color:#666; transition:0.2s; -webkit-transition:0.2s;}
a:hover{ color:#0271c2;}
.clearfix { clear:both; zoom:1;}
.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden;}
.fl{ float:left;}
.fr{ float:right;}

/*滚动条*/
::-webkit-scrollbar{ width:6px; height:12px}
::-webkit-scrollbar-button:vertical{ display:none;}
::-webkit-scrollbar-track:vertical{ background-color:black}
::-webkit-scrollbar-track-piece{ background:#FFF}
::-webkit-scrollbar-thumb:vertical{ background-color:#11418b; border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{ background-color:#11418b}
::-webkit-scrollbar-corner:vertical{ background-color:#11418b}
::-webkit-scrollbar-resizer:vertical{ background-color:#11418b}

.m{ width:95%; max-width:1400px; margin:0 auto; position:relative;}
.n{ padding:80px 0;}
.nm{ background:#faf8f9;}
.nm .m{ background:#fff; box-shadow:0 0 50px -20px rgba(0, 0, 0, .15);}

.top{ padding:0 5%; border-bottom:1px solid rgba(255,255,255,0.1); display:flex; position:fixed; left:0; top:0; width:100%; transition:0.2s; z-index:9999;}
.top:hover{ background:#fff;}
.top .logo{ height:45px; width:150px; background: url(../images/logo1.png) no-repeat; background-size: contain; margin:12.5px 0;}
.top .top_nav{ display:flex; width:calc(100% - 150px - 200px); justify-content:center; border-right:1px solid rgba(255,255,255,0.25);}
.top .top_nav li{ line-height:70px; margin:0 2%; transition:0.2s; border-bottom:2px solid rgba(238,65,0,0);}
.top .top_nav li a{ color:#fff; font-size:16px;}
.top .top_tel{ color:#fff; line-height:70px; font-size:18px; text-align:center; width:200px; font-weight:bold;}
.top.on .logo,.top:hover .logo{ background: url(../images/logo.png) no-repeat; background-size: contain;}
.top.on .top_nav li a,.top:hover .top_nav li a{ color:#111;}
.top.on .top_tel,.top:hover .top_tel{ color:#111;}
.top.on2{ background:#fff;}
.top .top_nav li:hover{ border-bottom:2px solid rgba(238,65,0,1);}
.top .lang{ display:flex; align-items:center; column-gap:10px;}

.main .pagination-main{ right:30px;}
.main .pagination-main .swiper-pagination-bullet{ outline:none; width:5px; height:5px; background:#a5a7a3; opacity:1; margin:15px 0; transition:0.2s;}
.main .pagination-main .swiper-pagination-bullet:hover{ transform:scale(2,2);}
.main .pagination-main .swiper-pagination-bullet-active{ transform:scale(2,2); border: 3px solid #ee4100;}

.banner{ height:100%; position:relative;}
.banner .swiper-slide{ background-repeat:no-repeat; background-position:center; background-size:cover;}
.banner .pagination-banner{ bottom:20px;}
.banner .pagination-banner .swiper-pagination-bullet{ outline:none; margin:0 10px; border: 1px solid #fff; background: transparent; width: 10px; height: 10px; border-radius: 50px; opacity:1; transition:0.5s;}
.banner .pagination-banner .swiper-pagination-bullet-active{  width:30px; background:#fff;}
.banner .bannertxt{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center; color:#fff; z-index:11;}
.banner .bannertxt .p1{ font-size: 54px; font-weight: bold;}
.banner .bannertxt .p2{ margin-top:30px; font-size:17px; line-height:1.7;}
.amore{ display:inline-block; margin-top:90px; position:relative; text-align:center;}
.amore a{ font-size:15px; color:#fff; padding:25px 40px; display:inline-block; border: 1px solid #fff;}
.amore a span{ font-size:10px; display:inline-block; margin-left:20px; transform:scale(0.5,0.5);}

.slide2{ background:url(../images/aboutbg3.jpg) no-repeat center center; padding:0 5%; display:flex; flex-direction:column; justify-content:center;}
.pt{ font-size: 45px; color: #444; font-weight: 600; margin-bottom: 15px; text-align:center;}
.pt2{ font-size:16px; color:#555; text-align:center;}
.pt3{ font-size: 24px; color: #fff; text-align:center;}
.slide2 .proclass{ display:flex; justify-content:center; margin-top:20px; column-gap:10px;}
.slide2 .proclass li a{ display:block; padding:6px 20px; background: #FFF; font-size: 16px; border-radius: 30px;}
.slide2 .proclass li:hover a,.slide2 .proclass li.on a{ background:#444; color:#fff;}

.proslide{ position:relative; width:100%; margin-top:60px;}
.proslide .ind_pro .swiper-slide{ position:relative;}
.proslide .ind_pro .swiper-slide:before{ content:""; position:absolute; left:0; bottom:0; width:2px; height:0; background:#ee4100; transition: all 0.3s 0.3s ease-out; z-index:2;}
.proslide .ind_pro .swiper-slide:after{ content:""; position:absolute; right:0; top:0; width:2px; height:0; background:#ee4100; transition: all 0.3s 0.3s ease-out; z-index:2;}
.proslide .ind_pro .swiper-slide:hover:before{ height:100%;}
.proslide .ind_pro .swiper-slide:hover:after{ height:100%;}
.proslide .ind_pro{}
.proslide .ind_pro .proi{ overflow:hidden; position:relative;}
.proslide .ind_pro .swiper-slide .proi:before{ content:""; position:absolute; left:0; top:0; width:0; height:2px; background:#ee4100; transition: all 0.3s 0.0s ease-out; z-index:2;}
.proslide .ind_pro .swiper-slide:hover .proi:before{ width:100%;}
.proslide .ind_pro .proi img{ transition: all 0.6s;}
.proslide .ind_pro .prot{ padding:30px 30px 40px 30px; background:#fff;}
.proslide .ind_pro .swiper-slide .prot:before{ content:""; position:absolute; right:0; bottom:0; width:0; height:2px; background:#ee4100; transition: all 0.3s 0.0s ease-out; z-index:2;}
.proslide .ind_pro .swiper-slide:hover .prot:before{ width:100%;}
.proslide .ind_pro .prot .protit{ font-size:18px; font-weight:bold; color:#07236a;}
.proslide .ind_pro .prot .prodes{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:15px 0; color:#666;}
.proslide .ind_pro .prot .more{ font-weight:bold; color:#333;}
.proslide .ind_pro .swiper-slide:hover .proi img{ transform: scale(1.05);}

.slide2 .scr{ position:relative; padding-top:35px; display:flex; justify-content:space-between;}
.slide2 .swiper-scrollbar{ left:0; bottom:0; background:none; box-shadow: 0 -1px 0 #c6c6c6 inset; width: calc(100% - 320px); border-radius:0; display:flex; align-items:flex-end;}
.slide2 .swiper-scrollbar-drag{ background:#ee4100; height:5px;}
.slide2 .propn{ width:300px; display:flex; justify-content:center; column-gap:20px;}
.swnext,.swprev{ width:50px; height:50px; position:relative; cursor:pointer; display:flex; justify-content:center; align-items:center; font-size:20px; color:#ee4100; outline:none; z-index:99;}
.swnext:after,.swprev:after{ content:""; position:absolute; width:100%; height:100%; top:0; left:0; border-radius:50%; border:1px dashed #ee4100; box-sizing:border-box;}
.swnext:hover:after,.swprev:hover:after{ animation:a 2.5s linear infinite}
@keyframes a {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(1turn);
 transform: rotate(1turn);
}
}

.none{ display:none;}

.slide3{ background:url(../images/sec7_bg.jpg) no-repeat center center; display:flex; flex-direction:column; justify-content:center;}
.slide3 .pt{ color:#fff;}
.slide3 .pt2{ color:#fff;}
.slide3 ul{ display:flex; width:100%; max-width:1600px; margin:0 auto; justify-content:space-between; margin-top:90px;}
.slide3 ul li{ width:25%; text-align:center; border-right:1px solid rgba(204,204,204,0.2);}
.slide3 ul li:last-child{ border:none;}
.slide3 ul li p{ font-size: 100px; font-weight: bold; color: #ee4100;}
.slide3 ul li span{ font-size:16px; color:#fff;}


.slide4{ background:url(../images/sec4_bg.jpg) no-repeat center center; display:flex; flex-direction:column; justify-content:center;}
.slide4 .pt{ color:#fff;}
.slide4 .pt2{ color:#fff;}
.slide4 ul{ width:90%; margin:150px auto 0; display:flex; justify-content:space-between;}
.slide4 ul li{ width:25%; text-align:center; cursor:pointer; transition:0.5s;}
.slide4 ul li:hover{ transform:translateY(-30px);}
.slide4 ul li img{ height:50px;}
.slide4 ul li .p1{ font-size:21px; font-weight:bold; color:#fff; margin-top:30px;}
.slide4 ul li .p2{ font-size:17px; margin-top:20px; color:#fff;}

.slide5{ position:relative;}
.slide5>ul{ display:grid; grid-template-areas: 'myArea .' 'myArea .'; grid-template-columns: 50%; height:100%;}
.slide5>ul li{ height:100%; background:#ccc; overflow:hidden;}
.slide5>ul li:nth-child(1){ grid-area: myArea;}
.slide5>ul li div{ transition:0.5s; height:100%; display:flex; justify-content:center; align-items:center; position:relative;}
.slide5>ul li div:hover{ transform: scale(1.05);}
.slide5>ul li:nth-child(1) div{ background: url(../images/bg_media.jpg) no-repeat center; background-size: cover;}
.slide5>ul li:nth-child(2) div{ background: url(../images/equip2.jpg) no-repeat center; background-size: cover;}
.slide5>ul li:nth-child(3) div{ background: url(../images/bg_ir.jpg) no-repeat center; background-size: cover;}
.slide5>ul li div a{ display:inline-block; color:#fff; font-size:16px; font-weight:bold; border-bottom: #fff 2px solid;}
.slide5>ul li div a span{ display:inline-block; margin-left:20px;}
.slide5>ul li div a:hover{ color:#ee4100;}
.slide5>ul li:nth-child(1) div a{ position:absolute; left:50%; bottom:25%; transform:translate(-50%,50%);}
.slide5 .s5txt{ position:absolute; width:100%; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center;}
.slide5 .s5txt .p1{ font-size: 49px; color: #fff; font-weight:bold;}
.slide5 .s5txt .p2{ font-size: 16px; color: #FFF; margin-top:20px;}

.slide6{ background:url(../images/sec2_bg.jpg) no-repeat center center; display:flex; flex-direction:column; justify-content:center; padding:0 10%;}
.slide6 .pt{ color:#fff;}
.slide6 .pt2{ color:#fff;}
.slide6 ul{ display:flex; justify-content:space-between; margin-top:140px;}
.slide6 ul li{ width:calc(100% / 6); text-align:center; transition:all ease 0.36s;}
.slide6 ul li:hover{ transform: translateY(-20px);}
.slide6 ul li img{ height:50px;}
.slide6 ul li p{ color:#fff; margin-top:15px;}

.slide7{ background:url(../images/secbg8.jpg) no-repeat center center; display:flex; flex-direction:column; justify-content:center; padding:0 5%;}
.newslide{ position:relative; width:100%; padding-top:60px; overflow:hidden;}
.slide7 .ind_news{ overflow:initial;}
.slide7 .swiper-slide{ transition:all ease 0.36s;}
.slide7 .swiper-slide:hover{ transform: translateY(-20px);}
.slide7 .swiper-slide a{ display:block; padding:50px 40px; background: rgba(255,255,255,0.4);}
.slide7 .swiper-slide a .p1{ font-size:16px;}
.slide7 .swiper-slide a .p2{ font-size:18px; color:#333; font-weight:bold; margin:20px 0;}
.slide7 .swiper-slide a .p3{ font-size:15px; line-height:1.6; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.slide7 .swiper-slide a .p4{ color:#000; margin-top:30px;}
.slide7 .swiper-slide a:hover{ background: #0a2b59;}
.slide7 .swiper-slide a:hover .p1{ color:#fff;}
.slide7 .swiper-slide a:hover .p2{ color:#fff;}
.slide7 .swiper-slide a:hover .p3{ color:#fff;}
.slide7 .swiper-slide a:hover .p4{ color:#fff;}
.slide7 .scr{ position:relative; padding-top:35px; display:flex; justify-content:space-between;}
.slide7 .swiper-scrollbar{ left:0; bottom:0; background:none; box-shadow: 0 -1px 0 #c6c6c6 inset; width: calc(100% - 320px); border-radius:0; display:flex; align-items:flex-end;}
.slide7 .swiper-scrollbar-drag{ background:#ee4100; height:5px;}
.slide7 .propn{ width:300px; display:flex; justify-content:center; column-gap:20px;}

.slide8{ height:auto;}
.bottom{ padding:70px 0 0; background:#0a2b59;}
.bottom .bottom2{ display:flex; justify-content:space-between; width:90%; margin:0 auto;}
.bottom .bottom2 ul{}
.bottom .bottom2 ul p{ font-size:17px; margin-bottom:10px; color:#fff; font-weight:bold; line-height:1.6;}
.bottom .bottom2 ul li{ line-height:1.8; color:#ccc; font-size:15px;}
.bottom .bottom2 ul li a{ color:#9baec7;}
.bottom .bottom2 ul:last-child{ text-align:right;}
.bottom .bottom2 ul li span{ display:block; font-size:15px; line-height:2;}
.bottom .bottom2 .erweima{ width:110px;}
.bottom .foot{ display:flex; justify-content:space-between; width:90%; margin:0 auto; padding:40px 0; margin-top:70px; border-top:rgba(255,255,255,0.1) 1px solid;}
.bottom .foot p{ color:rgba(255,255,255,0.4); font-size:15px;}
.bottom .foot p a{ color:#9baec7; font-size:15px;}

.bannern{ height:500px; background:linear-gradient(to top, rgb(15,34,63,0.1), rgb(15,34,63,0.1)),url(../images/bannern.jpg) no-repeat top center;  display:flex; align-items:center; color:#fff; background-attachment:fixed;}
.bannern a{ color:#fff;}
.bannern .p1{ font-size:60px; font-weight:bold;}
.bannern .p2{ font-size:24px; line-height:1.8;}
.bannernpro{ background:linear-gradient(to top, rgb(15,34,63,0.1), rgb(15,34,63,0.1)),url(../images/banner2.jpg) no-repeat top center; background-attachment:fixed;}
.bannernequ{ background:linear-gradient(to top, rgb(15,34,63,0.1), rgb(15,34,63,0.1)),url(../images/bannernpro.jpg) no-repeat top center; background-attachment:fixed;}
.bannernhonor{ background:linear-gradient(to top, rgb(15,34,63,0.1), rgb(15,34,63,0.1)),url(../images/bannernhonor.jpg) no-repeat top center; background-attachment:fixed;}
.bannernews{ background:linear-gradient(to top, rgb(15,34,63,0.1), rgb(15,34,63,0.1)),url(../images/bannernews.jpg) no-repeat top center; background-attachment:fixed;}
.bannerncon{ background:linear-gradient(to top, rgb(15,34,63,0.1), rgb(15,34,63,0.1)),url(../images/bannerncon.jpg) no-repeat top center; background-attachment:fixed;}
.bannerncase{ background:linear-gradient(to top, rgb(15,34,63,0.2), rgb(15,34,63,0.2)),url(../images/bannerncase.jpg) no-repeat top center; background-attachment:fixed;}



.now{ border-bottom: 1px solid #ddd; background:#fff;}
.now ul{ display:flex; font-size:16px;}
.now ul li{ border-right: 1px solid #ddd; transition:0.2s;}
.now ul li:hover,.now ul li.on{ background:#0a2b59;}
.now ul li:hover a span,.now ul li.on a span{ color:#fff;}
.now ul li:first-child{ border-left: 1px solid #ddd;}
.now ul li a{ display:block; display:flex; padding:0 20px;}
.now ul li a span{ display:block; line-height:60px; color:#0a2b59; transition:0.2s;}
.now ul li a div{ line-height:60px; margin-left:100px; font-size:12px; display:flex; align-items:center;}
.now ul li a p{ background: #ccc; border-radius: 50%; width: 18px; height: 18px; text-align:center; line-height:18px; color:#fff; transition:0.2s;}
.now ul li:hover a p,.now ul li.on a p{  color:#0a2b59; background:#fff;}

.about{ padding:90px 150px;}
.about p{ font-size:31px; font-weight:bold; color:#333; letter-spacing:2px;}

.about2{ background:url(../images/about.jpg) no-repeat center center; position:relative;}
.about2 .m{ padding:130px 150px 150px;}
.about2 .m p{ font-size:20px; line-height:1.5; margin-bottom:30px; color:#fff; letter-spacing:1px;}
.about2 .logoab{ position:absolute; right:5%; bottom:5%; opacity:0.5;}

.cp1{ font-size:36px; color:#000; text-align:center; font-weight:bold;}
.cp1 span{ color:#0a2b59;}
.cpth{ text-align:center;}
.heading_border{ width: 20px; display: inline-block; position: relative; text-align:center; margin:20px 0;}
.heading_border span{ height: 2px; width: 16px; background: #0a2b59; display: inline-block; margin-bottom:2px;}
.heading_border:before{ content: ""; height: 2px; width: 80px; position: absolute; left: -85px; top: calc(50% - 1px); background-color: #0a2b59;}
.heading_border:after{ content: ""; height: 2px; width: 80px; position: absolute; right: -85px; top: calc(50% - 1px); background-color: #0a2b59;}
.heading_border span:last-child{ margin-bottom:0;}

.culture ul{ margin-top:50px; display:flex; column-gap:2%; text-align:center;}
.culture ul li{ width:32%; padding:50px 20px; box-shadow:0 0 10px #ccc;}
.culture ul li img{ height:80px;}
.culture ul li .p1{ font-size:26px; font-weight:bold; color:#0a2b59; margin:20px 0;}
.culture ul li .p2{ font-size:16px;}

.product{ background:#f8f8f8;}
.product ul{ display:flex; column-gap:2%; flex-wrap:wrap;}
.product ul li{ position:relative; width:23.5%; margin-bottom:2%;}
.product ul li:before{ content:""; position:absolute; left:0; bottom:0; width:2px; height:0; background:#ee4100; transition: all 0.3s 0.3s ease-out; z-index:2;}
.product ul li:after{ content:""; position:absolute; right:0; top:0; width:2px; height:0; background:#ee4100; transition: all 0.3s 0.3s ease-out; z-index:2;}
.product ul li:hover:before{ height:100%;}
.product ul li:hover:after{ height:100%;}
.product ul li{}
.product ul li .proi{ overflow:hidden; position:relative;}
.product ul li .proi:before{ content:""; position:absolute; left:0; top:0; width:0; height:2px; background:#ee4100; transition: all 0.3s 0.0s ease-out; z-index:2;}
.product ul li:hover .proi:before{ width:100%;}
.product ul li .proi img{ transition: all 0.6s;}
.product ul li .prot{ padding:30px 30px 40px 30px; background:#fff;}
.product ul li .prot:before{ content:""; position:absolute; right:0; bottom:0; width:0; height:2px; background:#ee4100; transition: all 0.3s 0.0s ease-out; z-index:2;}
.product ul li:hover .prot:before{ width:100%;}
.product ul li .prot .protit{ font-size:18px; font-weight:bold; color:#07236a;}
.product ul li .prot .prodes{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:15px 0; color:#666;}
.product ul li .prot .more{ font-weight:bold; color:#333;}
.product ul li .swiper-slide:hover .proi img{ transform: scale(1.05);}

.nm{ background:#f8f8f8;}
.nm .m{ padding:80px;}

.ny_content{ font-size:16px; line-height:1.8;}
.ny_content p{ margin-bottom:10px;}
.npt{ text-align:center; font-weight:bold; font-size:24px; color:#666; margin:0 0 50px 0;}
.u_np{ margin-top:50px; text-align:center;}
.u_np li{ display:inline-block; margin:0 20px;}
.u_np li a{ display:inline-block; padding:20px 30px; background:#8f8f8f; color:#fff;}
.u_np li a:hover{ background:#00459c;}


.equipment{ background:#fff;}
.equipment .imgbox{ display:flex; flex-wrap:wrap; column-gap:2%;}
.equipment .imgbox a{ width:23.5%; display:block; margin-bottom:2%; text-align:center; position:relative;}
.equipment .imgbox a img{ border:1px solid #f1f1f1; height:400px; object-fit:cover; width:100%;}
.equipment .imgbox a p{ padding:20px 0; background:#f1f1f1; font-size:16px;}
.equipment .imgbox a .cover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #0a2b59; opacity: 0; -webkit-transition: all .2s ease; transition: all .2s ease; display:flex; align-items:center; justify-content:center;}
.equipment .imgbox a:hover .cover { opacity: .8;}
.equipment .imgbox a .cover span{ color:#fff; font-size:60px; transform:translateY(50px); transition:all 0.2s 0.1s;}
.equipment .imgbox a:hover .cover span{ transform:translateY(0);}

.honor .imgbox{ column-gap:10%; column-gap:2%;}
.honor .imgbox a{ width:23.5%;}
.honor .imgbox a img{ border:1px solid #f1f1f1; height:433px; object-fit:contain; width:100%;}


.case{ background:#fff;}
.case ul{ display:flex; flex-wrap:wrap; column-gap:2%;}
.case ul li{ width:23.5%; margin-bottom:2%; text-align:center; position:relative;}
.case ul li img{ border:1px solid #f1f1f1; height:230px; object-fit:cover; width:100%;}
.case ul li p{ padding:20px 0; background:#f1f1f1; font-size:16px;}

.lg-container{ z-index:99999; position:relative;}
.lg-backdrop{ background-color: rgba(0,0,0,0.5) !important;}
.lg-toolbar .lg-icon{ color:#fff !important;}

.newslist ul{ display:flex; flex-wrap:wrap; column-gap:2%;}
.newslist ul li{ width:23.5%; margin-bottom:2%; position:relative;}
.newslist ul li:after{ content:""; position:absolute; width:0; height:2px; bottom:0; left:0; background:#0a2b59; transition:0.5s;}
.newslist ul li:hover:after{ width:100%;}
.newslist ul .inm_i{ overflow:hidden;}
.newslist ul .inm_i img{ display:block; transition:1s; width:100%;}
.newslist ul li:hover img{ transform:scale(1.1,1.1);}
.newslist ul .inm_t{ padding:20px; background:#f5f5f5;}
.newslist ul .p1{ font-size:20px; color:#1a1a1a; margin:0 0 20px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newslist ul .p2{ font-size:16px; color:#808080;}

.contact{}
.contact .pc1{ font-size:42px; color:#000; text-align:center;}
.contact .pc2{ margin-top: 10px; font-size: 16px; color:#999; text-align:center;}
.contact>ul{ display:flex; justify-content:space-between; margin-top:60px;}
.contact>ul li{ width:20%; text-align:center; padding:0 30px; border-right:1px solid #ddd;}
.contact>ul li:last-child{ border:none;}
.contact>ul li span{ color:#0a2b59; font-size:45px;}
.contact>ul li .p1{ font-size:16px; color:#666; margin:20px 0;}
.contact>ul li .p2{ color:#000;}
.contact2{ display:flex; margin-top:60px;}
.contact2 .contact_l{ width:50%;}
.contact2 .contact_r{ width:50%; padding:50px; background:#f8f8f8; display:flex; align-items:center;}

.contact_r .form-control{ background:#fff;border-radius:0;border:1px solid transparent;-webkit-box-shadow:none;box-shadow:none;color:#000;font-weight:400;font-size:16px;padding:14.5px 26px; width:48%; margin-right:4%; float:left; margin-bottom:20px;}
.contact_r .form-control:nth-child(2n){ margin-right:0;}
.contact_r .form-control:focus { border-color: #ebebeb;}
.contact_r .form-control-text{ width:100%; height:160px;}
.contact_r .btn-theme{background:#0a2b59;border-radius:2px;color:#fff;display:inline-block;transition:0.3s;-webkit-transition:0.3s;font-weight:500;font-size:17px;padding:15px 50px; cursor:pointer; border:none; margin-top:30px;}
.contact_r .btn-theme:hover{ background:#000;}

.newslist{ background:#fff;}
.newslist .list{}
.newslist .list .item {background:#fff;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.2);box-shadow:0 0 5px rgba(0,0,0,0.2);width:49%;float:left;margin-right:2%;box-sizing:border-box;padding:40px 40px 30px 40px;margin-bottom:30px;-webkit-transition:all .3s;transition:all .3s;}
.newslist .list .item:hover {-webkit-transform:translateY(-15px);transform:translateY(-15px);}
.newslist .list .item:nth-child(2n) {margin-right:0;}
.newslist .list .item .tim {line-height:20px;height:20px;font-size:12px;margin-bottom:10px;color:#999;}
.newslist .list .item .nam {font-size:18px;color:#ee2e32;line-height:26px;height:52px;overflow:hidden;margin-bottom:20px;}
.newslist .list .item .nam a {text-decoration:none;font-size:18px;font-weight:400;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;}
.newslist .list .item .nam a:hover {color:#0a2b59;}
.newslist .list .item .txt {font-size:15px;color:#333;line-height:24px;margin-bottom:40px;font-weight:300;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;word-break:break-all;-webkit-line-clamp:2;}
.newslist .list .item .btn {line-height:24px;height:24px;width:100%;margin-bottom:30px;}
.newslist .list .item .btn a {display:block;}
.newslist .list .item .btn a.l01 {float:left;color:#0a2b59;}
.newslist .list .item .btn a.l02 {float:right;width:24px;height:24px;background:url(../images/hb01img01s.png) no-repeat center;}

.mmenu { display: none;}

.productitem .pro_img{ width:95%; max-width:800px; margin:0 auto; position:relative;}
.productitem .pro_img2{ margin-bottom:10px; overflow:hidden;}
.productitem .swiper-wrapper{ height:auto;}
.productitem .swiper-button-next{ right:-50px;}
.productitem .swiper-button-prev{ left:-50px;}
.productitem .swiper-button-next,.productitem .swiper-button-prev{ outline:none;}
.productitem .pro_img2 iframe{ width:100%; height:600px; object-fit: cover;}
.productitem .pro_img2 img{ width:100%; height:540px; object-fit: contain;}
.productitem .pro_img3{ overflow:hidden;}
.productitem .pro_img3 img{ cursor:pointer; height:114px; width:100%; object-fit: cover;}
.productitem .pro_img3 .swiper-slide{ border:2px solid #fff;}
.productitem .pro_img3 .swiper-slide-thumb-active{ border:2px solid #ec0000;}


@media (max-width: 1400px) {
.honor .imgbox a img{ height:calc(409 / 1400  * 100vw);}
}
@media (max-width: 1200px) {
.n{ padding:50px 0;}
.top{ position:sticky; background:#fff; justify-content:space-between;}
.top .logo{ background: url(../images/logo.png) no-repeat; background-size: contain;}
.top .top_nav{ display:none;}
.top .top_tel{ display:none;}
.mmenu { display: block; width:40px; margin-top:12.5px;}
.honor .imgbox a img{ height:calc(280 / 1400 * 100vw);}
.banner .bannertxt{ left:10%; width:80%; transform:translate(0,-50%);}
.banner .bannertxt .p1{ font-size:30px;}
.banner .bannertxt .p2{ font-size:14px;}
.amore a{ padding:10px 20px;}
.pt{ font-size:24px;}
.pt2{ font-size:14px;}
.pt3{ font-size:18px;}
.slide2{ height:auto; padding:50px 2%; background:url(../images/aboutbg3.jpg) no-repeat center top;}
.slide2 .proclass li a{ font-size:14px; padding:5px 15px;}
.proslide .ind_pro .prot{ padding:20px;}
.proslide .ind_pro .prot .protit{ font-size:16px;}
.slide2 .swiper-scrollbar{ width:50%;}
.slide2 .propn{ width:140px;}
.slide3{ height:auto; padding:50px 2%;}
.slide3 ul{ margin-top:50px; flex-wrap:wrap;}
.slide3 ul li{ width:49%;}
.slide3 ul li p{ font-size:36px;}
.slide4{ height:auto; padding:50px 2%;}
.slide4 ul li .p2{ display:none;}
.slide4 ul li .p1{ font-size:16px;}
.slide5{ height:120vw;}
.slide5 .s5txt .p1{ font-size:24px;}
.slide5 .s5txt .p2{ font-size:14px;}
.slide5>ul li div a{ font-size:14px;}
.slide6{ height:auto; padding:50px 2%;}
.slide6 ul{ flex-wrap:wrap; margin-top:60px;}
.slide6 ul li{ width:calc(100% / 3); margin-bottom:2%;}
.slide7{ height:auto; padding:50px 2%;}
.slide7 .swiper-slide a{ padding:20px;}
.slide7 .swiper-slide a .p2{ font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.slide7 .swiper-slide a .p3{ font-size:14px;}
.slide7 .swiper-scrollbar{ width:50%;}
.slide7 .propn{ width:140px;}
.bottom{ padding:0;}
.bottom .bottom2{ display:none;}
.bottom .foot{ margin-top:0; flex-wrap:wrap;}
.bottom .foot p{ font-size:12px;}
.bottom .foot p a{ font-size:12px;}

.bannern{ height:300px; background-attachment:inherit; background-size:cover !important;}
.bannern .p1{ font-size:30px;}
.bannern .p2{ font-size:18px;}
.now ul li{ display:none;}
.now ul li:first-child{ display:block;}
.now ul li.on{ display:block;}
.about{ padding:30px 20px;}
.about p{ font-size:18px;}
.about2 .m{ padding:30px 20px;}
.about2 .m p{ font-size:16px;}
.about2 .amore{ z-index:9;}
.product ul li{ width:49%;}
.product ul li .prot{ padding:20px;}
.nm .m{ padding:30px;}
.equipment .imgbox a{ width:49%;}
.equipment .imgbox a img{ height:130px;}
.honor .imgbox{ column-gap:2%;}
.honor .imgbox a{ width:49%;}
.honor .imgbox a img{ height:calc(440 / 1400 * 100vw);}
.newslist .list .item{ width:100%; padding:20px;}
.newslist .list .item .nam{ height:auto;}
.newslist .list .item .tim{ display:none;}
.newslist .list .item .btn{ margin-bottom:0;}
.contact>ul{ flex-wrap:wrap;}
.contact>ul li{ width:49%; margin-bottom:20px;}
.contact>ul li:last-child{ width:100%;}
.contact2{ flex-wrap:wrap;}
.contact2 .contact_l{ width:100%; height:300px; overflow:hidden;}
.contact2 .contact_l iframe{ transform:translateY(-100px);}
.contact2 .contact_r{ width:100%; padding:20px;}
.culture ul{ flex-wrap:wrap; column-gap:0;}
.culture ul li{ width:100%; padding:20px; margin-bottom:20px;}
}