/* 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:#480607;}
.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:#e5421e; border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{ background-color:#e5421e}
::-webkit-scrollbar-corner:vertical{ background-color:#e5421e}
::-webkit-scrollbar-resizer:vertical{ background-color:#e5421e}

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

.top{ background:#324047; display:flex; justify-content:space-between;}
.top .logo{ padding:20px 0 20px 30px;}
.top .logo img{ height:50px;}
.top .top_nav{ text-align:center; padding:20px 0; line-height:50px;}
.top .top_nav li{ display:inline-block; font-size:16px; margin:0 15px;}
.top .top_nav li a{ color:#fff; font-weight:bold;}
.top .top_nav li a:hover{ color:#e5421e;}
.top .global{ width:200px; text-align:center; padding:20px 0; line-height:50px; color:#fff; background:#e5421e; position:relative;}
.top .global span{ line-height:50px; font-size:18px; margin:0 2px;}
.top .global ul{ position:absolute; left:0; top:120%; z-index:9; background:#e5421e; padding:10px 20px; white-space:nowrap; opacity:0; visibility:hidden; transition:0.2s; min-width:120%;}
.top .global:hover ul{ opacity:1; visibility:visible; top:100%;}
.top .global ul li{ line-height:2; text-align:left;}
.top .global ul li a{ display:inline-block; padding:0 20px; color:#fff;}
.top .global ul li a:hover{ color:#324047;}

/*banner*/
.bannerslide {position:relative;}
.bannerslide .swiper-slide { background-position: center; position: relative; height: 730px;}
.bannerslide .img { position: absolute; top: 170px; left:150px; -webkit-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition: all .4s .4s; transition: all .4s .4s; opacity: 0; width:500px;}
.bannerslide .img .p1{ color:#fff; font-size:16px; text-transform:uppercase;}
.bannerslide .img .p2{ text-align: left; font-size: 45px; line-height: 1.2; margin:30px 0 50px; color: #fff; font-weight:bold;}
.bannerslide .img a{ display:inline-block; padding:10px 40px; background:#e5421e; color:#fff; line-height:30px; border-radius: 30px;}
.bannerslide .img a:hover{ background:#324047;}
.bannerslide .swiper-slide-active .img { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
.paginationw { position: absolute; left: 0; text-align: left; bottom: 50px !important; padding-left:40px; width: 100%; z-index: 9; }
.swiper-pagination-bullet { width: 3px; height: 20px; display: inline-block; border-radius: 3px; background: #000; opacity: .2; -webkit-transition: all 1s;}
.swiper-pagination-bullet:focus{ outline:none;}
.swiper-pagination-bullet-active { background: #e5421e; height: 40px; opacity: 1;}

.ind_pro{ padding:80px; background:#f1f1f1;}
.ind_pro .ip_d1{ display:flex; justify-content:space-between; margin-bottom:40px;}
.ind_pro .ip_d1 p{ font-size:30px; font-weight:bold; color:#010101;}
a.pro_more{ display:inline-block; font-size:16px; line-height:40px;}
a.pro_more span{ color:#e5421e;}
.ind_pro .ip_d2{ display: grid; grid-template-areas: 'myArea myArea myArea2 myArea2' 'myArea myArea . .'; grid-template-columns: 25%; grid-gap: 12px;}
.ind_pro .ip_d2 .item{ position:relative; top:0; transition:0.2s;}
.ind_pro .ip_d2 .item:hover{ top:-10px;}
.ind_pro .ip_d2 .item img{ display:block; width:100%;}
.ind_pro .ip_d2 .item:nth-child(1){ grid-area: myArea;}
.ind_pro .ip_d2 .item:nth-child(2){ grid-area: myArea2;}
.ind_pro .ip_d2 .item:nth-child(3){}
.ind_pro .ip_d2 .item:nth-child(4){}
.ind_pro .ip_d2 .item a{ position:absolute; width:100%; height:100%; left:0; top:0; padding:50px;}
.ind_pro .ip_d2 .item .p1{ color:#fff; font-size:16px;}
.ind_pro .ip_d2 .item .p2{ color:#fff; font-size:30px; font-weight:bold; margin:15px 0 20px 0;}
.ind_pro .ip_d2 .item .p3{ color:#fff; font-size:14px; display:inline-block; padding:5px 15px; border:1px solid #fff; border-radius:20px;}

.ind_ab1{ padding:80px; display:flex; justify-content:space-between;}
.ind_ab1 .ia1l{ width:calc(50% - 200px);}
.ind_ab1 .ia1l .p1{ font-size:16px; margin-bottom:10px;}
.ind_ab1 .ia1l .p2{ font-size:30px; font-weight:bold; color:#010101;}
.ind_ab1 .ia1r{ width:50%; font-size:16px; line-height:1.6;}

.ind_ab2{ padding:80px; background:#253036;}
.ind_ab2 .p1{ text-align:center; color:#999; font-size:16px; line-height:1.6;}
.ind_ab2 ul{ display:flex;}
.ind_ab2 ul li{ width:calc(100% / 3); text-align:center; margin:40px 0 80px;}
.ind_ab2 ul li .p2{ margin-bottom:10px; color:#e5421e; font-size:18px; font-weight:bold;}
.ind_ab2 ul li .p2 strong{ font-size:60px;}
.ind_ab2 ul li .p3{ color:#fff; font-size:16px; padding:0 60px; line-height:1.6;}

.ind_ab3{ display:flex;}
.ind_ab3 .item{ width:calc(100% / 3); border:1px solid #fff; position:relative;}
.ind_ab3 .img{ overflow:hidden;}
.ind_ab3 .img img{ transition:2s;}
.ind_ab3 .item:hover .img img{ transform:scale(1.1,1.1);}
.ind_ab3 .txt{ position:absolute; left:50px; right:50px; bottom:80px; padding-right:100px; color:#fff;}
.ind_ab3 .txt .p1{ font-size:13px; text-transform: uppercase;}
.ind_ab3 .txt .p2{ font-size:36px; font-weight:bold; margin:10px 0 30px;}
.ind_ab3 .txt .p3{ font-size:16px; line-height:1.6;}

.ind_pro2{ padding:80px;}
.ind_pro2 .pt1{ text-align:center; font-size:40px; font-weight:bold; color:#161d27;}
.ind_pro2 .ip_d1{ display:flex; justify-content:space-between; margin:30px 0;}
.ind_pro2 .ip_d1 ul{ text-align:center;}
.ind_pro2 .ip_d1 ul li{ display:inline-block; border-top: #fff 2px solid; margin:0 10px; padding-top:5px; transition:0.2s;}
.ind_pro2 .ip_d1 ul li:hover{ border-top: #000 2px solid;}
.ind_pro2 .ip_d1 ul li a{ font-size:18px;}
.ind_pro2 .ip_d1 .dblank{ width:110px;}
.ind_pro2 .ip_d1 .pro_more{ width:110px; text-align:right;}


.ip2_ul2{ overflow:hidden; margin-top:50px;}
.ip2_ul2 .ind_p_d{ background:#f2f2f2; padding:40px;}
.ip2_ul2 .ind_p_d .p1{ font-size: 16px; color:#666;}
.ip2_ul2 .ind_p_d .p2{ font-size: 20px; color: #e5421e; font-weight: bold; margin:10px 0 20px 0; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 1;}
.ip2_ul2 .ind_p_d .p3{ font-size: 16px; color:#333; line-height:1.6;}
.ip2_ul2 .swiper-slide img{ display:block; width:100%;}

.ind_con{ padding:80px; background:#f2f2f2;}
.ind_con .ic{ display:flex; justify-content:space-between;}
.ind_con .ic .ic1{ width:calc(50% - 5px); position:relative;}
.ind_con .ic .ic1 img{ display:block; width:100%;}
.ind_con .ic .ic1 video{ display:block; width:100%;}
.ind_con .ic .ic1 .txt{ position:absolute; width:100%; height:100%; left:0; top:0; padding:50px; color:#fff; background:rgba(0,0,0,0.4);}
.ind_con .ic .ic1 .txt .p1{ font-weight: bold; font-size: 30px;}
.ind_con .ic .ic1 .txt .p2{ font-size:12px; text-transform:uppercase; margin:10px 0 50px;}
.ind_con .ic .ic1 .txt .p3{ font-size:16px; line-height:1.6; width:400px;}
.ind_con .ic .ic1 .txt a{ display:inline-block; font-size:16px; background:#e5421e; border:2px solid #e5421e; color:#fff; padding:15px 30px; border-radius: 30px; margin-top:30px;}
.ind_con .ic .ic1 .txt a:hover{ background:#fff; color:#e5421e;}

.ind_news{ padding:80px; background:#3d4e55 url(../images/mapbg.png) no-repeat center center; background-size: cover; display:flex; justify-content:space-between;}
.ind_news .inl{ color:#fff; width:35%; padding-right:10%;}
.ind_news .inl .p1{ font-weight: bold; font-size: 30px;}
.ind_news .inl .p2{ font-size:16px; text-transform:uppercase; margin:10px 0 50px;}
.ind_news .inl .p3{ font-size:16px; line-height:1.6;}
.ind_news .inl a{ display:inline-block; font-size:16px; background:#e5421e; border:2px solid #e5421e; color:#fff; padding:15px 30px; border-radius: 30px; margin-top:50px;}
.ind_news .inl a:hover{ background:#fff; color:#e5421e;}
.ind_news .inr{ width:65%; display:flex; flex-wrap:wrap; justify-content:space-between;}
.ind_news .inr .item{ width:46%; padding:10px 0 30px 0; border-bottom: #8a9599 1px solid; margin-bottom:20px;}
.ind_news .inr .item .p1{ font-size:18px; font-weight:bold; margin-bottom:20px; color:#fff;}
.ind_news .inr .item .p2{ font-size:16px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 2; color: #fff; line-height: 1.6;}
.ind_news .inr .item .da{ display:flex; justify-content:space-between; color:#fff; margin-top:40px;}
.ind_news .inr .item .da a{ color:#fff; font-size:16px;}
.ind_news .inr .item .da a:hover{ color:#e5421e;}

.bottom{ padding:80px; background:#324148; display:flex; justify-content:space-between; color:#fff;}
.bottom .logob{ width:30%;}
.bottom .logob img{ height:40px;}
.bottom p{ font-size:16px; font-weight:bold; margin-bottom:15px;}
.bottom li{ font-size:16px; margin-bottom:5px; line-height:1.6;}
.bottom li a{ color:#fff;}
.bottom .erweima{ text-align:right;}
.bottom .erweima img{ height:115px;}
.bottom .erweima span{ display:block; margin-top:10px;}

.foot{ padding:30px 80px; background:#2a3438; display:flex; justify-content:space-between; font-size:16px; color:#fff;}
.foot a{ color:#fff; margin-left:10px;}

.banner_n{ height:400px; background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url(../images/cta-bg.jpg) no-repeat center center; background-size:cover; display:flex; align-items: center; justify-content:center; background-attachment:fixed !important;}
.banner_n .m{ text-align:center; z-index:1; width:auto;}
.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; margin-bottom:10px;}
.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_n .ppb{ position:absolute; font-size:250px; font-family: "Rajdhani", sans-serif; font-weight:bold; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: rgba(255, 255, 255, 0.2);}
.banner_n .ppbs{ font-size:200px;}
.banner_re{ background:url(../images/banner_re.jpg) no-repeat center center;}
.banner_news{ background:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url(../images/banner_news.jpg) no-repeat center center;}
.banner_join{ background:linear-gradient(to top, rgba(0,0,0,0.3), rgba(0,0,0,0.3)),url(../images/banner_join.jpg) no-repeat center center;}
.banner_honor{ background:linear-gradient(to top, rgba(0,0,0,0.2), rgba(0,0,0,0.2)),url(../images/banner_honor.jpg) no-repeat center center;}
.banner_pro{ background:linear-gradient(to top, rgba(0,0,0,0.2), rgba(0,0,0,0.2)),url(../images/banner_pro.jpg) no-repeat center center;}
.banner_equ{ background:linear-gradient(to top, rgba(0,0,0,0.2), rgba(0,0,0,0.2)),url(../images/banner_equ.jpg) no-repeat center center;}
.banner_con{ background:linear-gradient(to top, rgba(0,0,0,0.2), rgba(0,0,0,0.2)),url(../images/banner_con.jpg) no-repeat center center;}
.banner_video{ background:linear-gradient(to top, rgba(0,0,0,0.2), rgba(0,0,0,0.2)),url(../images/banner_video.jpg) no-repeat center center;}

.about{ padding:100px 0;}
.ab1{ display:flex;}
.ab1l{ width:600px; object-fit: cover;}
.ab1l2{ background:#e5421e; display:flex; align-items: center; color:#fff; justify-content: center; text-align:center; padding:80px 0;}
.ab1l2 p{ font-size:20px; font-weight:bold;}
.ab1l2 p span{ font-size:60px;}
.ab1l2 img{ width:60%; margin-bottom:10px;}
.abr{ padding:60px; width:calc(100% - 600px); background:#f5f5f5; display:flex; align-items: center;}
.abr .p1{ text-transform:uppercase; font-weight:bold; color:#e5421e; font-size:20px; margin-bottom:20px;}
.abr .p2{ font-size:16px; line-height:1.8; margin-bottom:10px;}
.abr .p2 span.sp1{ font-size:20px; color:#e5421e; font-weight:bold;}
.abr .p2 span.fas{ width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 100%; background-color: #f2dfca; color: #e5421e; font-size:12px; margin-right:10px;}

.about2{ padding:80px 0; background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/cta-bg.jpg) no-repeat center center; background-attachment:fixed;}
.about2 ul{ display:flex; justify-content: space-between;}
.about2 ul li{ width:30%; padding:30px 0; text-align:center; color:#fff; border:1px solid rgba(255,255,255,0.2);}
.about2 ul li .p1{ font-size:18px;}
.about2 ul li .p1 span{ font-size:40px; font-weight:bold;}
.about2 ul li .p2{ font-size:16px; margin-top:10px; line-height:2;}

.honor .imgbox{ display:flex; flex-wrap:wrap;}
.honor .imgbox a{ width:23.5%; display:block; margin-right:2%; margin-bottom:2%; text-align:center; position:relative;}
.honor .imgbox a:nth-child(4n){ margin-right:0;}
.honor .imgbox a img{ border:1px solid #efe2d3;}
.honor .imgbox a p{ padding:10px 0; background:#f1f1f1;}
.honor .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; }
.honor .imgbox a:hover .cover { opacity: .6; filter: alpha(opacity=60); }
.honor .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; }
.honor .imgbox a:hover .ico01 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }
.honor .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; }
.honor .imgbox a:hover .ico02 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }

.equipment .imgbox a img{ height:240px; object-fit:cover;}

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

.photo .imgbox a{ width:32%;}
.photo .imgbox a:nth-child(4n){ margin-right:2%;}
.photo .imgbox a:nth-child(3n){ margin-right:0;}
.photo .imgbox a img{ width:100%; height:300px; object-fit:cover;}

.product .ul3{}
.product .ul3 li{ float:left; width:23.5%; margin-right:2%;}
.product .ul3 li:nth-child(4n){ margin-right:0;}
.product .ul3 li a{ display:block; line-height:50px; font-size:16px; text-align:center; background:#f8f8f8; color:#333;}
.product .ul3 li a:hover,.product .ul3 li.on a{ background:#e5421e; color:#fff;}

.product .ul2{ display:flex; flex-wrap:wrap; margin-top:50px;}
.product .ul2 li{ width:23.5%; margin-right:2%; margin-bottom:2%; transition:0.2s;}
.product .ul2 li:nth-child(4n){ margin-right:0;}
.product .ul2 li:hover{ box-shadow:0 0 10px #ccc;}
.product .ul2 .ind_p_i{ display:block; width:100%; height:250px; object-fit: cover;}
.product .ul2 .ind_p_d{ background:#f2f2f2; padding:30px;}
.product .ul2 .ind_p_d .p1{ font-size: 16px; color:#666;}
.product .ul2 .ind_p_d .p2{ font-size: 20px; color: #e5421e; font-weight: bold; margin:10px 0 20px 0; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 1;}
.product .ul2 .ind_p_d .p3{ font-size: 16px; color:#333; line-height:1.6;}


.productitem{ background:#f5f5f5;}
.productitem .m2{ padding:80px; max-width:1200px; background:#fff;}
.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:#e5421e;}

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

.contact{ display:flex; justify-content:space-between;}
.contact .contact_l{ width:48%; display:flex; align-items:center; justify-content:center; background:#f6f6f6;}
.contact .contact_l>div{ display:flex; flex-wrap:wrap; justify-content:space-between; width:85%;}
.contact .contact_l .item{ padding:40px 20px; border:1px solid rgba(0,0,0,.1); background:#fff; text-align:center; width:32%; margin-bottom:10%;}
.contact .contact_l .item:nth-child(-n+3){ margin-bottom:4%; margin-top:10%;}
.contact .contact_l .item .fas,.contact .contact_l .item .fab{ font-size:40px; color:#e5421e;}
.contact .contact_l .item .p1{ color:#111; font-size:16px; margin:10px 0; font-weight:bold;}
.contact .contact_l .item .p2{ color:#999; line-height:1.8;}
.contact .contact_r{ width:48%; padding:50px; background:#fff; box-shadow:0 0 10px #ccc; display:flex; justify-content:space-between; flex-wrap:wrap;}
.contact .contact_r .item{ background:#f6f6f6; padding:15px; width:32%;}
.contact .contact_r .item:nth-child(1){ width:100%; margin-bottom:2%;}
.contact .contact_r .item .p1{ font-size:18px; font-weight:bold; color:#e5421e; margin-bottom:20px;}
.contact .contact_r .item .p2{ line-height:1.6;}

.video ul{ display:flex; flex-wrap:wrap;}
.video ul li{ width:23.5%; margin-right:2%; margin-bottom:2%; transition:0.2s; position:relative; text-align:center;}
.video ul li:nth-child(4n){ margin-right:0;}
.video ul li a img{ display:block; width:100%;}
.video ul li a p{ padding:10px 0; background:#f1f1f1;}
.video ul li 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; }
.video ul li a:hover .cover { opacity: .6; filter: alpha(opacity=60); }
.video ul li 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; }
.video ul li a:hover .ico01 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }
.video ul li a .ico02 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: 64px; background: url(../images/i7.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
.video ul li a:hover .ico02 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }


.menu{ float:right; width:50px; height:50px; background:center center no-repeat transparent; background-image:url(../images/amenuicon.png); display:none; margin-top:20px; margin-right:20px;}

@media (max-width: 1120px) {
.top .top_nav,.top .global{ display:none;}
.menu{ display:block;}
.bannerslide .img{ display:none;}
.bannerslide .swiper-slide{ height:300px; background-size:cover;}
.ind_pro{ padding:50px 20px;}
.ind_pro .ip_d2{  grid-template-areas: 'myArea myArea' 'myArea2 myArea2' ' . .'; grid-template-columns: 50%; grid-gap: 10px;}
.ind_pro .ip_d2 .item a{ padding:20px;}
.ind_pro .ip_d2 .item .p2{ font-size:18px;}
.ind_ab1{ padding:50px 20px; flex-wrap:wrap;}
.ind_ab1 .ia1l{ width:100%; margin-bottom:30px;}
.ind_ab1 .ia1r{ width:100%;}
.ind_ab1 .ia1l .p2{ font-size:20px;}
.ind_ab2{ padding:50px 20px;}
.ind_ab2 ul{ flex-wrap:wrap;}
.ind_ab2 ul li{ width:100%; margin:20px 0;}
.ind_ab2 ul li .p2 strong{ font-size:30px;}
.ind_ab3{ flex-wrap:wrap;}
.ind_ab3 .item{ width:100%;}
.ind_ab3 .txt{ padding-right:0; left:20px; top:50px; right:20px;}
.ind_ab3 .txt .p2{ font-size:20px;}
.ind_pro2{ padding:50px 20px;}
.ind_pro2 .pt1{ font-size:24px;}
.ind_pro2 .ip_d1 ul{ font-size:0;}
.ind_pro2 .ip_d1 ul li{ width:50%; margin:0;}
.ind_pro2 .ip_d1 .pro_more,.ind_pro2 .ip_d1 .dblank{ display:none;}
.ind_con{ padding:50px 20px;}
.ind_con .ic{ flex-wrap:wrap;}
.ind_con .ic .ic1{ width:100%; margin-bottom:20px;}
.ind_con .ic .ic1 .txt{ padding:20px;}
.ind_con .ic .ic1 .txt .p1{ font-size:20px;}
.ind_con .ic .ic1 .txt .p2{ margin:10px 0 20px;}
.ind_con .ic .ic1 .txt .p3{ width:100%;}
.ind_con .ic .ic1 .txt a{ display:none;}
.ind_news{ padding:50px 20px; flex-wrap:wrap;}
.ind_news .inl{ width:100%; padding-right:0; margin-bottom:20px;}
.ind_news .inl a{ padding:10px 20px;}
.ind_news .inr{ width:100%;}
.ind_news .inr .item{ width:100%}
.bottom{ display:none;}
.foot{ padding:30px 20px; display:block;}
.foot a{ display:block; margin-left:0;}
.n{ padding:50px 0;}
.banner_n{ height:250px; background-size:cover !important;}
.banner_n .ppb{ font-size:60px;}
.banner_n p.p1{ font-size:40px;}
.banner_n ul li{ letter-spacing:1px;}
.about{ padding:50px 0;}
.ab1{ flex-wrap:wrap;}
.ab1l{ width:100%;}
.ab1l2{ padding:30px 0;}
.ab1l2 p span{ font-size:30px;}
.abr{ width:100%; padding:20px;}
.about2 ul{ flex-wrap:wrap;}
.about2 ul li{ width:100%;}
.honor .imgbox a{ width:49%;}
.honor .imgbox a:nth-child(4n){ margin-right:2%;}
.honor .imgbox a:nth-child(2n){ margin-right:0;}
.product .ul3 li{ width:49%;}
.product .ul3 li:nth-child(4n){ margin-right:2%;}
.product .ul3 li:nth-child(2n){ margin-right:0;}
.product .ul2 li{ width:49%;}
.product .ul2 li:nth-child(4n){ margin-right:2%;}
.product .ul2 li:nth-child(2n){ margin-right:0;}
.product .ul2 .ind_p_d{ padding:10px;}
.product .ul2 .ind_p_i{ height:150px;}
.product .ul2 .ind_p_d .p1{ font-size:14px;}
.product .ul2 .ind_p_d .p2{ font-size:16px;}
.productitem .m2{ padding:20px;}
.productitem .m2 img{ height:auto;}
.newslist .list .item{ width:100%; margin-right:0; padding:20px;}
.video ul li{ width:49%;}
.video ul li:nth-child(4n){ margin-right:2%;}
.video ul li:nth-child(2n){ margin-right:0;}
.ny_content iframe{ width:100%;}
.contact{ flex-wrap:wrap;}
.contact .contact_l{ width:100%;}
.contact .contact_r{ width:100%;}
.contact .contact_l .item{ width:49%; margin-bottom:4%;}
.contact .contact_l .item:nth-child(-n+3){ margin-top:0;}
.contact .contact_l .item:nth-child(-n+2){ margin-top:10%;}
.contact .contact_r{ padding:20px;}
.contact .contact_r .item{ width:100%; margin-bottom:2%;}
}