/* 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: "微软雅黑"; 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:#01afe1;}
.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:#008c99; border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{ background-color:#334da2}
::-webkit-scrollbar-corner:vertical{ background-color:#008c99}
::-webkit-scrollbar-resizer:vertical{ background-color:#008c99}

.m{ width:95%; max-width:1200px; margin:0 auto; position:relative;}
.m2{ width: 95%; max-width: 1340px; margin: 0 auto; position:relative;}
.n{ padding:50px 0;}
.n_m{ padding: 50px 0; background: #f5f7f9;}
.main{ padding:50px 0;}

.top  .lang { float: right; margin-right: 20px; }
.top  .lang a { float: right; margin-right: 10px; background: url(../img/lang02.jpg) no-repeat left center; padding-left: 26px; display: block; }

.top{ padding:0 40px; line-height:40px; font-size:12px; border-bottom:#eee 2px solid;}
.nav_d{ padding:0 40px; position:relative;}
.logo{ padding:20px 0; float:left;}
.logo img{ height:40px;}
.logo_i{ float:left;}
.logo_t{ float:left; font-size:15px; font-weight:bold;}
.logo_t span{ letter-spacing: 1px;}
.nav{ text-align:center; float:left; width:65%;}
.nav>li{ display:inline-block; position:relative;}
.nav>li>a{ line-height:80px; display:block; font-size:14px; padding:0 16px; font-weight:bold;}
.nav>li:hover>a{ background:#06aff1; color:#fff;}
.nav>li ul{ position:absolute; left:0; top:120%; z-index:9; background:#06aff1; padding:20px 5px; white-space:nowrap; opacity:0; visibility:hidden; transition:0.2s; min-width:120%;}
.nav>li:hover ul{ opacity:1; visibility:visible; top:100%;}
.nav>li ul li{ line-height:2; text-align:left;;}
.nav>li ul li a{ display:inline-block; padding:0 20px; color:#fff;}
.search{ float:right; line-height:80px; cursor:pointer; margin-right:2%;}

.bg{ height:25px; background: url(../images/toplinebg.jpg) repeat center center;}
.seabox { position: absolute; right: 40px; top: 80px; background: #f1f1f1; width: 260px; padding: 20px; line-height: 1; opacity: 0; visibility: hidden; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all .2s; transition: all .2s; z-index:2;}
.seabox.sbon { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); }
.seabox input { border: 0; background: #fff url(../images/seaicon.png) no-repeat 94% center; padding: 0 20px; line-height: 40px; width: 100%; box-sizing: border-box; }
.seabox input:focus { outline: none; background-color: #f9f9f9; }

.bannerbg{ height:700px; background: url(../images/bannerbg.jpg) repeat-x center center;}


/*banner*/
.bannerslide{ width:calc(100% - 80px); margin:0 auto; overflow:hidden;}
.bannerslide .swiper-wrapper{ padding:40px 0;}
.bannerslide .swiper-slide { background-position: center !important; position: relative; height: 620px; width:100% !important;}
.bannerslide .wrapper { position: relative; height:100%;}
.paginationw { position: absolute; left: 0; text-align: center; bottom: 50px !important; width: 100%; z-index: 9; }
.swiper-pagination-bullet { background: #fff; }
.swiper-pagination-bullet-active { background: #007bba; }

.pt1{ text-align:center; font-size:30px; font-weight:bold;}
.pt2{ text-align:center; margin-top:10px;}
.ind_p1{ padding:70px 0; background:#f3f8fc url(../images/compbg.jpg) no-repeat center center;}
.ip1m{ padding:60px 40px 0 40px; display:flex;}
.ip1m .item{ width:20%; text-align:center; padding:0 30px;}
.ip1m .item img{ height:40px; margin-bottom:30px;}
.ip1m .item .p1{ font-size:18px; color:#333; font-weight:bold; margin-bottom:20px;}
.ip1m .item .p2{ line-height:1.6;}

.ind_p2{ padding:70px 0 50px;}
.ip2m{ padding:0 40px; margin-top:70px;}
.gallery-thumbs {height:120px;box-sizing:border-box;padding:0px 0;width:500px;top:-5px;margin-bottom:50px;}
.gallery-thumbs .swiper-slide {height:100%;opacity:0.8;width:50px;background:#f2f5fa; text-align:center;}
.gallery-thumbs .swiper-slide img{ height:30px; margin:20px 0px 10px 0px;}
.gallery-thumbs .swiper-slide .p1{ font-size:16px; color:#333;}
.gallery-thumbs .swiper-slide .p2{ font-size:11px; color:#333;}
.gallery-thumbs .swiper-slide-thumb-active {opacity:1;border-top:#2ab9fb 6px solid;}
.swiper-button-next,.swiper-button-prev {width:16px;height:20px;background-size:17px 40px;}
.gallery-top{ height:540px;}

.ind_p3{ background:#f3f8fc; padding:70px 0;}
.ip3_ul1{ text-align:center; margin-top:20px;}
.ip3_ul1 li{ display:inline-block;}
.ip3_ul1 li a{ display:block; padding:7px 14px; border:#CCC 1px solid;}
.ip3_ul1 li.on a,.ip3_ul1 li:hover a{ background:#06aff1; color:#fff;}
.ip3m{ padding:0 40px; margin-top:50px; position:relative;}
.ip3m .paginationw{ bottom:-30px !important;}
.ip3m .paginationw .swiper-pagination-bullet{ margin:0 5px;}
.ip3m .paginationw .swiper-pagination-bullet:focus{ outline: none;}
.ip3m .ind_p_i{ display:block; width:100%;}
.ip3m .ind_p_d{ background:#fff; text-align:center; padding:20px 20px 40px;}
.ip3m .ind_p_d .p1{ font-size:18px; color:#333; font-weight:bold;}
.ip3m .ind_p_d .p2{ font-size:15px; color:#777; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:20px auto;}
.ip3m .ind_p_d a{ display:inline-block; border:#ccc 1px solid; padding:5px 10px;}
.ip3m .ind_p_d a:hover{ background:#06aff1; color:#fff;}

.ind_p4{ padding:40px; text-align:center;}
.ip4m{ padding:130px 0; background: url(../images/careerbg.jpg) no-repeat center center; background-size: cover; position:relative;}
.ip4_ul1{ text-align:center;}
.ip4_ul1 .p1{ color:#ccc;}
.ip4_ul1 .p2{ font-size:16px; color:#ccc; margin:30px auto; max-width:800px; line-height:1.6;}
.ip4_ul1 .p3{ font-family:'楷体', '华文楷体'; font-size:28px; color:#fff;}
.ip4_ul1 img{ height:100px; margin-top:10px; border-radius:50%;}
.ip4m .paginationw{ bottom:50px !important;}
.ip4m .paginationw .swiper-pagination-bullet{ margin:0 5px; background:#fff !important; opacity:1 !important;}
.ip4m .paginationw .swiper-pagination-bullet-active{ background:#007aff !important;}
.ip4m .paginationw .swiper-pagination-bullet:focus{ outline: none;}
.ind_p4 .pt2{ margin-top:60px; line-height:1.6;}
.ind_p4 .more{ display:inline-block; background:#01afe1; border:2px solid #01afe1; color:#fff; padding:10px 20px; margin:20px 0;}
.ind_p4 .more:hover{ background:#fff; color:#01afe1;}
.ind_p4 .cuslogo{ max-width:700px; margin:20px auto 0;}
.ind_p4 .cuslogo img{ height:50px; filter: grayscale(100%);}
.ind_p4 .cuslogo span{ display:block; margin-top:10px;}

.ind_p5{ padding:70px 40px; background:#f1f8fc;}
.ip5m{ display: grid; grid-template-areas: 'myArea myArea . .' '. . myArea2 myArea2'; grid-template-columns: 25% 25% 25%; margin-top:50px;}
.ip5m .item{ padding:50px 70px; height:400px;}
.ip5m .item:nth-child(1){ grid-area: myArea; background:#e5f2f7 url(../images/adva.jpg) no-repeat center bottom;}
.ip5m .item:nth-child(2){ background:#fff url(../images/advb.jpg) no-repeat center bottom;}
.ip5m .item:nth-child(3){ background:#fff url(../images/advc.jpg) no-repeat center bottom;}
.ip5m .item:nth-child(4){ background:#dce9ee url(../images/advd.jpg) no-repeat center bottom;}
.ip5m .item:nth-child(5){ background:#fff url(../images/adve.jpg) no-repeat center bottom;}
.ip5m .item:nth-child(6){ grid-area: myArea2; background:#e5f2f7 url(../images/advf.jpg) no-repeat center bottom;}
.ip5m .item .p1{ font-size:21px; margin-bottom:30px; font-weight:bold; color:#333;}
.ip5m .item .p2{ line-height:1.6;}
.ip5m .item .p2 span{ color:#01afe1; font-weight:bold; font-size:24px;}
.ip5m .item:nth-child(1) .p2{ width:60%; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 3;}

.ind_p6{ padding:70px 40px;}
.ind_p6 .ul1{ text-align:center; margin:20px 0 50px;}
.ind_p6 .ul1 li{ display:inline-block;}
.ind_p6 .ul1 li a{ display:block; padding:10px 20px; border:#CCC 1px solid;}
.ind_p6 .ul1 li a:hover{ background:#01afe1; color:#fff;}
.ip6m_1{ padding:40px 0; border-top:#e8e8e8 1px solid;}
.ip6m_1_l{ width:45%; float:left;}
.ip6m_1 .ip6m_1_l .p1 a{ font-size:18px; font-weight:bold; color:#333;}
.ip6m_1 .ip6m_1_l .p1 span{ float:right; background: #01afe1; color: #FFF; padding: 0px 5px; line-height:1.6;}
.ip6m_1 .ip6m_1_l .p2{ margin:15px 0; line-height:1.6;}
.ip6m_1_r{ width:45%; float:right;}
.ip6m_1_r li{ line-height:1.6; list-style:disc; margin-bottom:5px;}
.ip6m_1_r li a{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:inline-block;}
.ip6m_1_r li .p1{ float:right; background: #01afe1; color: #FFF; padding: 0px 5px; margin-right:10px;}
.ip6m_1_r li .p2{ float:right;}
.ip6m_2{ background: url(../images/newsimgs.jpg) no-repeat top center; padding-top:370px;}
.ip6m_2 li{ float:left; width:23.5%; margin-right:2%; padding:40px; background:#f5f5f5;}
.ip6m_2 li:last-child{ margin-right:0;}
.ip6m_2 li a{ font-size:17px; font-weight:bold;}
.ip6m_2 li .p1{ color:#999; margin:5px 0 20px;}
.ip6m_2 li .p2{ display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 2;}
.ip6m_2 li .p3{ text-align:right;}
.ip6m_2 li .p3 span{ background: #01afe1; color: #FFF; font-size: 14px; width: 16px; height: 16px; text-align: center; margin-top: 30px; font-weight: bold; line-height: 14px;  display: inline-block; border-radius:50%;}

.ind_p7{ padding:70px 0; background:#f1f8fc;}
.ind_p7 .ul1{ text-align:center; margin:20px 0 50px;}
.ind_p7 .ul1 li{ display:inline-block;}
.ind_p7 .ul1 li a{ display:block; padding:10px 20px; border:#CCC 1px solid;}
.ind_p7 .ul1 li a:hover{ background:#01afe1; color:#fff;}

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

.bottom{ background: #263041; padding: 60px 0; color: #989da6; border-top: #e6a501 5px solid;}
.bottom a{ color:#989da6;}
.bottom ul{ border-bottom:#183a51 1px solid; padding-bottom:30px;}
.bottom li{ float:left; margin-right:50px;}
.bottom li:nth-child(n+4){ float:right;}
.bottom li:nth-child(4){ margin-right:0;}
.bottom .bottom2{ text-align:center; margin-top:-50px;}
.bottom .bottom2 img{ display:inline-block;}
.bottom .bottom2 .p1{ margin:20px 0;}
.bottom .bottom2 .p1 a{ color:#fff; display:inline-block;}
.bottom .bottom2 .p2{ line-height:1.6;}

.banner_n{ height:300px; background:url(../images/banner_ab.jpg) no-repeat center center; background-size:cover; padding-top:150px;}
.banner_n .m{ transform:translateY(-50%);}
.banner_n p{ text-transform:uppercase; color:#fff;}
.banner_n p.cn{ font-size:40px; font-weight:bold; position:relative;}
.banner_n p.cn:before{ content:""; width:80px; height:2px; background:#fff; display:block; margin-bottom:10px;}
.banner_n p.en{ font-size:30px; font-weight:lighter;}
.banner_equ{ background:linear-gradient(to top, rgb(0 0 0 / 0.4), rgb(0 0 0 / 0.1)),url(../images/banner_equ.jpg) no-repeat center center; background-size:cover;}
.banner_case{ background:linear-gradient(to top, rgb(0 0 0 / 0.4), rgb(0 0 0 / 0.1)),url(../images/banner_case.jpg) no-repeat center center; background-size:cover;}
.banner_news{ background:linear-gradient(to top, rgb(0 0 0 / 0.4), rgb(0 0 0 / 0.1)),url(../images/banner_news.jpg) no-repeat center center; background-size:cover;}
.banner_pro{ background:linear-gradient(to top, rgb(0 0 0 / 0.4), rgb(0 0 0 / 0.1)),url(../images/banner_pro.jpg) no-repeat center center; background-size:cover;}


.location2{ background:#fafafa;}
.location{ line-height:80px; font-size:16px; float:left;}
.location a{ margin:0 5px;}
.location img{ vertical-align:middle;}
.nav_m{ float:right;}
.nav_m li{ float:left;}
.nav_m li a{ display:block; line-height:80px; padding:0 20px; font-size:16px; border-bottom:2px solid #fafafa;}
.nav_m li a:hover,.nav_m li a.on{ color:#01afe1; border-bottom:2px solid #01afe1;}

.ab1 img{ width:50%; float:left;}
.ab1>div{ padding:20px 40px; float:left; width:50%;}
.about .pp1{ font-size:34px; font-weight:bold; color:#333;}
.about .pp1 span{ color:#01afe1;}
.about .ppc{ text-align:center;}
.about .pp2{ text-transform:uppercase; color:#999; margin:10px 0; font-size:18px;}
.about .p3{ line-height:1.6; text-indent:2em;}
.about .ul1{ margin:50px 0;}
.about .ul1 li{ float:left; width:calc(100% / 3); text-align:center; position:relative;}
.about .ul1 li .sp1{ font-size:64px; font-weight:bold; color:#01afe1;}
.about .ul1 li .sp2{ font-size:24px; font-weight:bold; color:#01afe1;}
.about .ul1 li .sp3{ display:block; font-size:18px; color:#333;}
.about .ul1 li:before{ content:""; position:absolute; top:50%; left:0; width:50px; height:2px; background:#333;}
.about .ul1 li:after{ content:""; position:absolute; top:50%; right:0; width:50px; height:2px; background:#333;}

.company_image{ margin:20px 0 !important; text-align:center;}
.company_image .swiper-wrapper{ transition-timing-function:linear !important; }
.company_image .swiper-slide span{ display:block; padding:10px 0; font-size:16px;}
.ab_honor img{ border:2px solid #ccc;}


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

.equipment .imgbox a{ width:32%; margin-right:2%; display:block; float:left; margin-bottom:1%; text-align:center; position:relative;}
.equipment .imgbox a img{ width:100%; height:260px;}
.equipment .imgbox a p{ margin:10px 0;}
.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); }

.customer ul li{ float:left; width:48%; margin-right:4%; display:flex; margin-bottom:50px;}
.customer ul li:nth-child(2n){ margin-right:0;}
.customer ul li img{ display:block; width:30%;}
.customer ul li div{ background:#f5f5f5; width:65%; padding:20px; margin-left:5%; position:relative;}
.customer ul li div:before{ content:""; position:absolute; left:-30px; top:calc(50% - 15px); border:15px solid transparent; border-right-color: #f5f5f5;}
.customer ul li .p1{ font-size:18px; font-weight:bold; margin-bottom:20px;}
.customer ul li .p2{ line-height:1.6;}

.partner ul li{ float:left; width:23.5%; margin-right:2%; margin-bottom:20px;}
.partner ul li:nth-child(4n){ margin-right:0;}
.partner ul li img{ padding:5px; border:2px solid #f1f1f1; transition:0.2s;}
.partner ul li:hover img{ border:2px solid #01afe1;}
.partner ul li .p1{ padding:20px 0; text-align:center;}

.news li{ width:48.5%; float:left; margin-right:3%; padding:50px; background:#f7f7f7; margin-bottom:3%;}
.news li:nth-child(2n){ margin-right:0;}
.news li .p3{ font-size:18px; margin-bottom:20px;}
.news li .p4{ max-width: 90%; margin-bottom:40px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 2; line-height:1.6;}
.news li .p5 a{ display:inline-block; padding:0 20px; line-height: 40px; border: #ccc 1px solid; color: #666; background: #FFF; border-radius: 5px;}
.news li .p5 a:hover{ color:#fff; background:#01afe1;}
.news li .p5 img{ float:right;}

.contact{}
.contact .item{float: left;width: 32%;margin-right: 2%;text-align: center;min-height: 200px;border:1px solid #01afe1;border-radius: 10px;box-sizing: border-box; margin-bottom:2%;}
.contact .item:nth-child(3n){margin-right: 0;}
.contact .item .pad{padding: 20px;}
.contact .item i{width: 60px;height: 60px;margin: 0 auto;border:1px solid #01afe1;box-sizing: border-box;border-radius: 50px;padding: 10px;display: block;background-image: url(../images/icon05.png);background-repeat: no-repeat;background-position: center;background-size: 50% auto; transition:0.5s;}
.contact .item .nam{padding: 20px 0;font-size: 18px;font-weight: bold;color: #333;}
.contact .item p{font-size: 14px;color: #777; margin-bottom:0; height:2em;}
.contact .item:hover i{ transform:rotateY(180deg);}
.contact .item:nth-child(1) i{background-image: url(../images/icon06.png);}
.contact .item:nth-child(2) i{background-image: url(../images/icon08.png);}
.contact .item:nth-child(3) i{background-image: url(../images/icon09.png);}
.contact .item:nth-child(4) i{background-image: url(../images/icon07.png);}
.contact .item:nth-child(5) i{background-image: url(../images/icon04.png);}

.contactform {padding:0 0 5%;}
.contactform .c_row {width:32%;margin-left:2%;margin-bottom:30px;}
.contactform .c_row.noml {margin-left:0;}
.contactform .c_row .user {width:100%;border:1px solid #01afe1;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;behavior:url(/pie/pie.htc);position:relative;padding:0 18px;box-sizing:border-box;height:48px;line-height:48px;color:#999;font-size:14px;}
.contactform .m_row {margin-bottom:30px;}
.contactform .m_row .mess {border-radius:5px;padding:14px 18px;line-height:28px;font-size:14px;color:#999;width:100%;border:1px solid #01afe1;min-height:200px;box-sizing:border-box;}
.contactform .c_submit {width:150px;height:50px;background:#01afe1;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;position:relative;margin:0 auto;}
.contactform .c_submit .mit {height:50px;width:150px;border:none;background:none;line-height:50px;font-size:16px;color:#fff;cursor:pointer;}

.contact .ind_p7{ padding:0; background:none;}
.contact .ip7m{ display:block;}
.contact .ip7m .ind_map,.contact .ip7m .ip7m_r{ width:100%; float:none;}


.side { width: 25%; float: left;}
.sidenav { background:linear-gradient(135deg, #01afe1, #07b075); border-radius: 10px; overflow: hidden; margin-bottom: 20px; }
.sidenav .hd { line-height: 50px; height: 50px; color: #fff; font-size: 18px; padding: 0 20px 0 108px; background: url(../images/iconlogo.png) no-repeat 16px center; background-size: auto 20px; }
.sidenav .hd strong { font-weight: normal; }
.sidenav .bd { padding: 10px; background: #fff; margin: 0 6px 6px; border-radius: 0 0 6px 6px; }
.sidenav .snul {  }
.sidenav .snul .snli { margin-bottom: 2px; line-height: 40px; }
.sidenav .snul .snli .sna { padding: 0 20px; color: #666; font-size: 14px; display: block; border-radius: 4px; -webkit-transition: all .2s; transition: all .2s; background: #f1f1f1 url(../images/ck.gif) no-repeat -16px center; background-size: 16px 14px; }
.sidenav .snul .snli .sna:hover, .sidenav .snul .snli.on .sna { background-color: #01afe1; color: #fff; opacity: .9; filter: alpha(opacity=90); background-position: 18px center; box-shadow:0 5px 10px rgb(1 175 225 / 0.4); padding-left: 40px; }

.bbsub { padding: 10px 0 10px 40px; display: none; }
.snli.on .bbsub { display: block; }
.bbsub .bbsli { line-height: 36px; }
.bbsub .bbsli .bbsa {}
.bbsub .bbsli.on .bbsa { color: #f30; }

.sidebox { background: #dedede; overflow: hidden; margin-bottom: 20px; border-radius: 10px; }
.sidebox .hd { line-height: 40px; height: 40px; text-align: center; font-size: 16px; color: #333; }
.sidebox .bd { margin: 0 6px 6px; padding: 20px; background: #fff; border-radius: 0 0 6px 6px; position: relative; }
.sbcon { line-height:1.6;}

.main_r{ width:72%; float:right;}
.main_r .hd { background: url(../images/LoacalBg.jpg); padding: 20px; margin-bottom: 20px; }
.main_r .hd .name { position: relative; float: left; color: #01afe1; font-size: 20px; font-weight: bold; }
.main_r .hd .now { float: right; font-size: 12px; color: #999; line-height:2;}
.main_r .hd .now a { color: #999; }
.main_r .hd .now .split { margin: 0 4px; font-family: simsun; }

.pro_ul li{ float:left; width:32%; margin-right:2%; margin-bottom:2%; transition:0.2s; border: 1px solid #ddd;}
.pro_ul li:nth-child(3n){ margin-right:0;}
.pro_ul li:hover{ box-shadow:0 0 10px #aaa;}
.pro_ul li .ind_p_i{ display:block;}
.pro_ul li .ind_p_d{ background:#fafafa; text-align:center; padding:20px 10px;}
.pro_ul li .ind_p_d .p1{ font-size:16px; color:#333; font-weight:bold;}
.pro_ul li .ind_p_d .p2{ color:#777; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:20px auto;}
.pro_ul li .ind_p_d a{ display:inline-block; border:#ccc 1px solid; padding:5px 10px;}
.pro_ul li .ind_p_d a:hover{ background:#06aff1; color:#fff;}

.news_detail{ background:none;}
.news_d_tit{ font-size:26px; margin-bottom:30px; font-weight:600;}
.news_d_time{ margin:30px 0;}
.news_d_time img{ margin-left:20px;}
.news_content p{ line-height:1.6; margin-bottom:10px;}

.newsitem p{ line-height:1.6; margin-bottom:10px;}
.npt{ text-align:center; font-weight:bold; font-size:24px; color:#666; margin:1em 0 2em !important;}
.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;}

.pro_dd{ margin-top:20px;}
.pi .pro_img{ float:left; width:45%; padding:10px; border:1px solid #ccc; overflow:hidden;}
.pi .pro_d{ float:right; width:50%; font-size:16px; line-height:1.6; padding-top:20px;}
.pi .pro_d .prot{ font-size:18px; font-weight:bold; color:#01afe1;}
.pi .pro_d .prop{ margin:20px 0;}
.pi .pro_d p span{ font-weight:bold; width:5em; display:inline-block; text-align-last: justify;}
.pi .pro_d .pro_con{ padding-top:20px; margin-top:50px; border-top:1px solid #adadad;}
.pi .pro_d .pro_con img{ float:left; margin-right:10px; margin-top:10px;}
.pi .pro_d .pro_con p{ float:left; line-height:1.5; font-size:14px;}
.pi .pro_d .pro_con a{ float:right; color:#fff; background:#07b075; padding:5px 10px; margin-top:15px;}
.pi .pro_img2{ position:relative; margin-bottom:10px;}
.pi .pro_img2 .swiper-button-next,.pi .pro_img2 .swiper-button-prev{ color:#fff; outline:none;}
.pi .pro_img2 img{ width:100%; height:275px; object-fit: cover;}

.pi .pro_img3 img{ cursor:pointer;}
.pi .pro_img3 .swiper-slide-thumb-active img{ border:2px solid #01afe1; width:100%; height:85px; object-fit: cover;}
.pro_main{ position:relative; margin-top:30px;}
.pro_main .pro1{ background: #f1f1f1; height: 50px; line-height: 50px; padding: 0 20px; border-radius: 10px; margin-bottom: 10px; color: #01afe1; font-size: 20px; font-weight: bold; position:relative;}
.pro_main .pro1:before { content: ''; display: block; width: 4px; height: 20px; background: #01afe1; position: absolute; left: 0; top: 15px; }
.pro_main .proth{ text-indent:2em; line-height:1.6; margin:10px 0; font-size:16px;}
.pro_main .product_img{ text-align:center;}

.a_m { float: right; display: none; margin-top:28px;}

@media (max-width: 1120px) {
.top{ display:none;}
.nav_d{ padding:0 20px;}
.logo_t{ display:none;}
.logo{ width:70%;}
.logo img{ height:auto;}
.nav,.search{ display:none;}
.a_m { display: block;}
.bannerbg{ height:auto;}
.bannerslide{ width:calc(100% - 20px);}
.bannerslide .swiper-wrapper{ padding:10px 0;}
.bannerslide .swiper-slide{ height:190px; background-size:cover !important;}
.paginationw{ bottom:10px !important;}
.pt1{ font-size:20px;}
.pt2{ font-size:12px; line-height:1.6;}
.ind_p1{ padding:20px 10px;}
.ip1m{ padding:20px; flex-wrap:wrap;}
.ip1m .item{ width:50%; padding:0 10px; margin-bottom:20px;}
.ip1m .item .p1{ font-size:16px;}
.ip1m .item .p2{ font-size:12px;}
.ind_p2{ padding:20px 10px;}
.ip2m{ margin-top:30px; padding:0;}
.gallery-top{ height:300px;}
.gallery-top .swiper-slide{ background-size:cover !important;}
.gallery-thumbs{ width:100%;}
.ind_p3{ padding:20px 10px;}
.ip3m{ padding:0; margin-top:20px;}
.ip3m .paginationw{ bottom:-10px !important;}
.ind_p4{ padding:0 0 20px 0;}
.ip4m{ padding:50px 10px;}
.ip4m .paginationw{ bottom:20px !important;}
.ind_p4 .cuslogo{ padding:0 10px;}
.ind_p4 .cuslogo img{ height:auto;}
.ind_p4 .cuslogo span{ display:none;}
.ind_p5{ padding:20px 10px;}
.ip5m{ margin-top:20px; display:block;}
.ip5m .item{ height:auto; padding:10px 20px; background:none !important;}
.ip5m .item:nth-child(1) .p2{ width:100%;}
.ip5m .item .p1{ font-size:16px; margin-bottom:10px;}
.ip5m .item .p2 span{ font-size:16px;}
.ind_p6{ padding:20px 10px;}
.ip6m_1{ padding:20px 0;}
.ip6m_1_l{ width:100%;}
.ip6m_1_r{ width:100%;}
.ip6m_2{ display:none;}
.ip6m_1_r li a{ max-width:75%;}
.ip6m_1_r li .p1{ display:none;}
.ind_p7{ padding:20px 0;}
.ip7m{ display:block;}
.ip7m .ind_map{ width:100%;}
.ip7m .ind_map iframe{ height:250px;}
.ip7m_r{ width:100%; padding:20px;}
.ip7m_r .p2_l,.ip7m_r .p2_r{ width:100%;}
.bottom{ padding:20px 0;}
.bottom ul{ display:none;}
.bottom .bottom2{ margin-top:0;}
.bottom .bottom2 img,.bottom .p2{ display:none;}

.banner_n{ height:200px; padding-top:100px; background-size:cover;}
.banner_n p.cn{ font-size:20px;}
.banner_n p.en{ font-size:16px;}
.location{ line-height:50px; font-size:14px;}
.nav_m{ display:none;}
.main{ padding:20px 0;}

.ab1 img,.ab1>div{ width:100%; float:none;}
.ab1>div{ padding:20px;}
.about .pp1{ font-size:18px;}
.about .pp2{ margin:5px 0; font-size:14px;}
.about .p3{ line-height:1.8;}
.about .ul1{ margin:10px 0;}
.about .ul1 li .sp1{ font-size:20px;}
.about .ul1 li .sp2{ font-size:14px;}
.about .ul1 li .sp3{ font-size:14px;}
.about .ul1 li:before{ width:15px;}
.about .ul1 li:after{ width:15px;}

.news li{ width:100%; margin-right:0; padding:20px;}
.equipment .imgbox a{ width:49%; overflow:hidden;}
.equipment .imgbox a:nth-child(3n){ margin-right:2%;}
.equipment .imgbox a:nth-child(2n){ margin-right:0;}
.equipment .imgbox a img{ height:200px; object-fit:cover;}


.customer ul li{ width:100%; margin-right:0; margin-bottom:20px; display:block;}
.customer ul li img{ padding-top:20px;}
.customer ul li img,.customer ul li div{ float:left;}
.customer ul li .p1{ font-size:14px;}
.customer ul li .p2{ font-size:12px;}

.partner ul li{ width:49%; margin-bottom:0;}
.partner ul li .p1{ font-size:12px;}
.partner ul li:nth-child(2n){ margin-right:0;}

.side{ display:none;}
.main_r{ width:100%; float:none;}
.main_r .hd .name{ float:none; margin-bottom:10px;}
.main_r .hd .now{ float:none;}

.pro_ul li{ width:49%;}
.pro_ul li:nth-child(3n){ margin-right:2%;}
.pro_ul li:nth-child(2n){ margin-right:0;}

.pi .pro_img,.pi .pro_d{ width:100%; float:none;}
.pi .pro_d .pro_con{ margin-top:20px;}
}