/* 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:Arial; color:#666; text-decoration:none; font-size:14px; 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:#e00000;}
.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:#ee2e32; border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{ background-color:#ee2e32}
::-webkit-scrollbar-corner:vertical{ background-color:#ee2e32}
::-webkit-scrollbar-resizer:vertical{ background-color:#ee2e32}

.m{ width:95%; max-width:1200px; margin:0 auto; position:relative;}
.n{ padding:80px 0;}

.top{ background:#f3f3f3; line-height:40px;}

.top_menu{}
.logo{ float:left; padding:15px 0;}
.top_menu ul{ float:right;}
.top_menu ul li{ float:left;}
.top_menu ul li a{ font-size:18px; line-height:111px; font-weight:bold; padding:0 20px; display:inline-block;}
.top_menu ul li a:hover{ background:#5e6077; color:#fff;}

/*banner*/
.bannerslide {position:relative;}
.bannerslide .swiper-slide { background-position: center; position: relative; height: 730px;}
.bannerslide .swiper-button-prev { background: url(../images/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 60px; height: 60px; z-index:1111111;}
.bannerslide .swiper-button-next { background: url(../images/arrows.png) no-repeat right bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 60px; height: 60px; z-index:1111111;}
.bannerslide .swiper-button-prev:after,.bannerslide .swiper-button-next:after{ display:none;}

.search{ position:absolute; bottom:0; left:calc(50% - 600px); background:rgba(103,103,105,0.8); padding:30px 50px; z-index:9999;  font-size:0;}
.search input{ border:none; padding:15px; background:#fff; width:70%; float:left; font-size:16px;}
.search button{ background:#e71f1a; color:#fff; border:none; padding:15px 20px; cursor:pointer; width:29%; float:right; font-size:16px;}

.pt1{ text-align:center; font-size:12px; text-transform:uppercase;}
.pt2{ text-align:center; font-size:26px; position:relative; padding-bottom:15px;}
.pt2:before{ content:""; position:absolute; width:25px; height:7px; left:calc(50% - 12.5px); bottom:0; background:#e00000;}
.pt2:after{ content:""; position:absolute; width:104px; height:1px; left:calc(50% - 52px); bottom:3px; background:#e00000;}
.ind_pro .pt1,.ind_pro .pt2{ color:#fff;}
.ind_pro .pt2:before,.ind_pro .pt2:after{ background:#fff;}
.ind_pro{ padding:50px 0; background:url(../images/pro_bg.jpg) no-repeat center center; margin-bottom:50px;}
.ind_pro ul{ display:flex; margin-top:30px;}
.ind_pro ul li{ width:48%; margin-right:4%;}
.ind_pro ul li:nth-child(2n){ margin-right:0;}
.ind_pro ul li .pimg{ overflow:hidden;}
.ind_pro ul li .pimg img{ transition:3s;}
.ind_pro ul li:hover .pimg img{ transform:scale(1.1,1.1);}
.ind_pro ul li .pti{ display:flex; padding:20px 0; border-bottom:1px solid #fff; transition:0.5s;}
.ind_pro ul li .pti .p1{ width:60%; color:#fff; font-size:20px;}
.ind_pro ul li .pti .p2{ width:30px; height:30px; color:#fff; background:#e00000; border-radius:15px; text-align:center; line-height:30px; font-size:16px; margin-left:calc(40% - 30px);}
.ind_pro ul li:hover .pti{ background:#e00000; padding-left:10px;}

.ind_ab{ padding:90px 0 55px; margin-top:30px; background:url(../images/ia_bg.jpg) no-repeat center top;}
.ind_ab .ia_m{ display:flex; padding:60px; background:#fff; box-shadow:0 0 5px #aaa;}
.ind_ab .ia_l{ padding-right:50px;}
.ind_ab .ia_l .p1{ display:inline-block; font-size:25px; font-weight:bold; color:#333; border-bottom:5px solid #e00000; padding-bottom:15px; margin-bottom:40px;}
.ind_ab .ia_l .p2{ font-size:16px; line-height:2;}
.ind_ab .ia_l a{ font-size:16px; display:inline-block; background:#e00000; color:#fff; padding:10px 40px; margin-top:30px;}
.ind_ab .ia_l a:hover{ padding:10px 45px;}
.ind_ab .ia_r{ width:calc(560 / 1080 * 100%); object-fit:cover;}

.ind_video{ padding:50px 100px; background:url(../images/iv_bg.jpg) no-repeat center center;}
.ind_video ul{ display:flex; margin-top:50px;}
.ind_video ul li{ width:calc(100% / 3 - 8px); margin-right:12px; position:relative;}
.ind_video ul li:nth-child(3n){ margin-right:0;}
.ind_video ul li a{ display:block; position:relative; z-index:2;}
.ind_video ul li a:after{ content:""; position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.3) url(../images/vi.png) no-repeat center center; opacity:0; transition:0.2s;}
.ind_video ul li a:hover:after{ opacity:1;}

.bottom{ background:#000; color:#fff; padding:50px 0;}
.bottom a{ color:#fff;}
.bottom ul{ float:left; margin-right:120px;}
.bottom ul p{ font-size:18px; margin-bottom:20px;}
.bottom ul li{ line-height:2; position:relative;}
.bottom ul li:before{ content:" - ";}
.bottom ul.u2 li:before{ content:"";}
.bottom .fb{ float:right; width:35%;}
.bottom .fb p{ font-size:18px; margin-bottom:20px;}
.bottom .fb .fbl{ float:left; width:70%;}
.bottom .fb .fbl input{ display:block; border:none; padding:15px; width:100%; margin-bottom:10px; height:45px;}
.bottom .fb .fbl textarea{ display:block; border:none; padding:15px; width:100%; height:100px;}
.bottom .fb .fbr{ float:right; width:28%;}
.bottom .fb .fbr input{ display:block; border:none; padding:15px; width:100%; height:100px; font-size:16px; color:#fff; cursor:pointer; transition:0.2s;}
.bottom .fb .fbr .submit{ background:#e00000; margin-bottom:10px;}
.bottom .fb .fbr .reset{ background:#888;}
.bottom .fb .fbr input:hover{ opacity:0.8;}
.foot{ text-align:center; border-top:1px solid #fff; border-bottom:1px solid #fff; padding:20px 0; margin-top:80px; font-size:16px;}

.banner_n{ height:400px; background:linear-gradient(to top, rgb(5 16 59 / 0.4), rgb(5 16 59 / 0.1)),url(../images/banner_ab.jpg) no-repeat center center; background-size:cover; display:flex; align-items: center; justify-content:center;}
.banner_n .m{ text-align:center;}
.banner_n p{ text-transform:uppercase; color:#fff;}
.banner_n p.p1{ font-size: 60px; color: #fff; font-weight: 700; text-transform: uppercase; font-family: "Montserrat", sans-serif;}
.banner_n ul{ display: flex; flex-wrap: wrap; justify-content: center;}
.banner_n ul li{ color:#fff; font-size:18px; letter-spacing:5px; line-height:1.5; font-weight:bold; font-family: "Montserrat", sans-serif;}
.banner_n ul li:not(:last-child){ margin-right:10px;}
.banner_n ul li a{ color:#fff;}
.banner_pro{ background:linear-gradient(to top, rgb(5 16 59 / 0.4), rgb(5 16 59 / 0.1)),url(../images/banner_pro.jpg) no-repeat center center;}
.banner_news{ background:linear-gradient(to top, rgb(5 16 59 / 0.4), rgb(5 16 59 / 0.1)),url(../images/banner_news.jpg) no-repeat center center;}
.banner_video{ background:linear-gradient(to top, rgb(5 16 59 / 0.4), rgb(5 16 59 / 0.1)),url(../images/banner_video.jpg) no-repeat center center;}
.banner_equ{ background:linear-gradient(to top, rgb(5 16 59 / 0.4), rgb(5 16 59 / 0.1)),url(../images/banner_equ.jpg) no-repeat center center;}
.banner_con{ background:linear-gradient(to top, rgb(5 16 59 / 0.4), rgb(5 16 59 / 0.1)),url(../images/banner_con.jpg) no-repeat center center;}

.about{ padding:100px 0;}
.ab1{ display:flex;}
.ab1 .ab_d1{ width:400px; float:left; position:relative;}
.ab1 .ab_d1 img{ clip-path: polygon(0% 0%, 100% 12%, 100% 0%, 100% 100%, 0% 88%); width:400px;}
.ab1 .ab_d1 .about-thumb-shape{ background-color:#e71f1a;border-radius:2px;content:"";height:100%;left:-20px;position:absolute;top:-20px;width:100%;z-index:-1;clip-path:polygon(0% 0%,100% 12%,100% 0%,100% 100%,0% 88%);-webkit-clip-path:polygon(0% 0%,100% 12%,100% 0%,100% 100%,0% 88%);}
.ab1 .ab_d2{ padding-left:100px; float:left; width:calc(100% - 400px); display:flex; align-items: center; justify-content:center;}
.about .pp1{ font-size:34px; font-weight:bold; color:#333;}
.about .pp1 span{ color:#e71f1a;}
.about .ppc{ text-align:center;}
.about .pp2{ text-transform:uppercase; color:#999; margin:10px 0; font-size:18px;}
.about .p3{ line-height:1.8; text-indent:2em; font-size:16px; margin-bottom:20px;}

.ab_con{ -webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#5e6077;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden; margin-top:120px;}
.ab_con .ac_left{ -webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:255px;padding:0 0 0 70px;width:calc(50% - 35px);}
.ab_con .ac_left p{ color: #fff; font-weight: 700; font-size: 35px;}
.ab_con .ac_right{ -webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;min-height:255px;overflow:hidden;padding-left:85px;padding-right:84px;position:relative;right:0;text-align:center;width:calc(50% + 36px);clip-path:polygon(15% 0%,100% 0%,100% 100%,100% 100%,0% 100%);-webkit-clip-path:polygon(15% 0%,100% 0%,100% 100%,100% 100%,0% 100%);}
.ab_con .ac_right:before{ background-image:url(../images/bg1.jpg);background-repeat:no-repeat;background-size:cover;content:"";height:100%;left:4px;position:absolute;top:0;width:100%;z-index:-1;clip-path:polygon(15% 0%,100% 0%,100% 100%,100% 100%,0% 100%);-webkit-clip-path:polygon(15% 0%,100% 0%,100% 100%,100% 100%,0% 100%);}
.ab_con .ac_right p{ color: #fff; font-weight: 700; font-size: 60px;}

.pro_n{ background:none; padding:80px 0;}
.pro_n ul{ flex-wrap:wrap;}
.pro_n ul li{ margin-bottom:2%;}
.pro_n ul li .pti{ border-bottom: 1px solid #e00000;}
.pro_n ul li .pti .p1{ color:#e00000;}
.pro_n ul li:hover .pti .p1{ color:#fff;}

.ny_content{ line-height:1.6;}
.npt{ text-align:center; font-weight:bold; font-size:24px; color:#666; margin:0 0 1em 0;}
.u_np{ display:flex; margin-top:40px;}
.u_np li{ border:1px solid #ccc; padding:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.u_np li:nth-child(2){ width:20%; text-align:center; border-left:none; border-right:none; margin-right:0 !important;}
.u_np li:first-child,.u_np li:last-child{ width:40% !important; margin-right:0 !important;}
.u_np li:last-child{ text-align:right;}

.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:#ee2e32;}
.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:#ee2e32;}
.newslist .list .item .btn a.l02 {float:right;width:24px;height:24px;background:url(../images/hb01img01s.png) no-repeat center;}

.video_n{ background:none; padding:80px 0;}
.video_n ul{ margin-top:0; flex-wrap:wrap;}
.video_n ul li{ width:32%; margin-right:2%; margin-bottom:2%;}

.equipment .imgbox a{ width:32%; margin-right:2%; display:block; float:left; margin-bottom:2%; text-align:center; position:relative;}
.equipment .imgbox a p{ padding:10px 0; background:#f1f1f1;}
.equipment .imgbox a:nth-child(3n){ margin-right:0;}
.equipment .imgbox a .cover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #333; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .2s ease; transition: all .2s ease; }
.equipment .imgbox a:hover .cover { opacity: .6; filter: alpha(opacity=60); }
.equipment .imgbox a .ico01 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: -94px; background: url(../images/i5.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
.equipment .imgbox a:hover .ico01 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }
.equipment .imgbox a .ico02 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: 64px; background: url(../images/i6.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
.equipment .imgbox a:hover .ico02 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }

.lg-backdrop{ background-color: rgba(0,0,0,0.5) !important;}
.lg-toolbar .lg-icon{ color:#fff !important;}

.contact_m{ padding:70px 60px; background: #fafafa url(../images/lines.png) no-repeat bottom right;}
.contact_m .p1{ margin-bottom:20px;}
.contact_m .p2_l{ width:50%; float:left;}
.contact_m .p2_1{ margin-bottom:5px;}
.contact_m .p2_2{ font-size:24px; font-weight:bold; margin-bottom:5px; font-family:Verdana, Geneva, sans-serif;}
.contact_m .p2_3{ margin-bottom:20px;}
.contact_m .p2_r{ width:50%; float:left; line-height:1.6;}
.contact_m form{ margin-top:30px;}
.contact_m form input{ width:32%; margin-right:2%; border:#CCC 1px solid; height:40px; line-height:40px; border-radius:3px; padding-left:20px; box-sizing:border-box; background:none; float:left;}
.contact_m form input:nth-child(3){ margin-right:0;}
.contact_m form textarea{ width: 100%; border: #CCC 1px solid; height: 80px; line-height: 40px; border-radius: 3px; padding-left: 20px; background: none; margin:20px 0;}
.contact_m form div input{ background:#5e6077; color:#FFF; padding:10px 20px; border-radius:3px; float:left; height:auto; width:auto; line-height:inherit; cursor:pointer;}
.contact_m form div .fr{ max-width:60%;}


.a_m{ float:right; display:none;}


@media (max-width: 1120px) {
.n{ padding:50px 0;}
.top{ display:none;}
.top_menu ul{ display:none;}
.a_m{ display:block; margin-top:30px;}
.bannerslide .swiper-slide{ height:250px; background-size:cover;}
.ind_pro{ background-size:cover;}
.ind_pro ul{ display:block;}
.ind_pro ul li{ width:100%; margin-right:0;}
.ind_ab .ia_m{ padding:30px; display:block;}
.ind_ab .ia_l{ padding-right:0;}
.ind_ab .ia_r{ width:100%; margin-top:30px;}
.ind_video{ padding:50px 20px;}
.ind_video ul{ display:block;}
.ind_video ul li{ width:100%; margin-right:0; margin-bottom:20px;}
.bottom_m{ display:none;}
.foot{ margin-top:0;}
.banner_n{ height:250px; background-size:cover;}
.banner_n p.p1{ font-size:36px;}
.banner_n ul li{ letter-spacing:2px;}
.about{ padding:50px 0;}
.ab1{ display:block;}
.ab1 .ab_d1{ display:none;}
.ab1 .ab_d2{ width:100%; padding-left:0;}
.ab_con{ margin-top:30px;}
.ab_con .ac_left{ padding:0 0 0 30px; min-height:100px;}
.ab_con .ac_left p{ font-size:18px;}
.ab_con .ac_right{ padding:0 20px; min-height:100px;}
.ab_con .ac_right p{ font-size:18px;}
.pro_n{ padding:50px 0;}
.newslist .list .item{ width:100%; margin-right:0; padding:20px;}
.ny_content iframe{ width:100%;}
.contact_m{ width:100%; padding:20px;}
.contact_m .p2_l,.contact_m .p2_r{ width:100%;}
.equipment .imgbox a{ width:49%;}
.equipment .imgbox a:nth-child(3n){ margin-right:2%;}
.equipment .imgbox a:nth-child(2n){ margin-right:0;}
}