/* 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:Microsoft Yahei; 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:#00828f;}
.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: 1200px; margin: 0 auto; position:relative;}
.n{ padding:50px 0;}
.n_m{ padding:30px; margin:50px auto; background:#fafafa; width:98%; max-width:1200px;}


.top{ position:fixed; width:100%; left:0; top:0; padding:20px 40px; background:linear-gradient(to right, #fff, #cee4f2); box-shadow: 2px 2px 5px rgba(0,0,0,0.1); z-index:9;}
.top .logo{ height:30px; float:left;}

.nav{ float:left; width:70%; text-align:center;}
.nav>li{ display:inline-block; margin:0 15px; position:relative;}
.nav>li>a{ font-size:15px; font-weight:bold; line-height:30px;}
.nav>li ul{ position:absolute; top:100%; left:0; padding:20px; background:#f1f5f6; min-width:150%; text-align:left; opacity:0; visibility:hidden; transition:0.2s;}
.nav>li ul li{ margin:5px 0; white-space:nowrap;}
.nav>li:hover ul{ opacity:1; visibility:visible;}

.top select{ float:right; width:100px; color:#fff; height:30px; border:none; border-radius:15px; padding:0 10px 0 25px; background:#00828f url(../images/global.png) no-repeat 10px 9px; background-size:13px; cursor:pointer;}

/*banner*/
.bannerslide{ margin-top:70px !important;}
.bannerslide .swiper-slide { background-position: center; position: relative; height: 708px;}
.bannerslide .wrapper { position: relative; height:100%;}
.bannerslide .wrapper .img { position: absolute; top: 100px; left:110px; -webkit-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition: all .4s .4s; transition: all .4s .4s; opacity: 0; }
.bannerslide .wrapper .img .p1{ margin-bottom:40px; font-size:40px; font-weight:bold; color:#00828f;}
.bannerslide .wrapper .img .p2{ font-size:12px; color:#00828f; font-weight:bold; margin-bottom:10px;}
.bannerslide .wrapper .img .p3{ font-size:14px; color:#fff; text-transform:uppercase;}
.bannerslide .wrapper .img a{ font-size:13px; border-radius:4px; color:#fff; display:inline-block; background:#00828f; padding:0 30px; line-height:35px;}
.bannerslide .swiper-slide-active .img { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
.bannerslide .swiper-slide-active .bg{ transition: all 14s cubic-bezier(0, 1, .34, .99); transform: scale(1, 1)}
.paginationw { position: absolute; left: 0; text-align: center; bottom: 10px !important; width: 100%; z-index: 9; }
.swiper-pagination-bullet { background: #fff; }
.swiper-pagination-bullet-active { background: #007bba; }

.ind_ab{ max-width:1600px; margin:0 auto; padding:110px 40px;}
.ia1{ float:left; width:22%;}
.ia1 .p1{ font-size:24px; margin-bottom:30px; height:25px;}
.ia1 ul{ padding-left:20px; margin-bottom:30px;}
.ia1 ul li{ list-style-type: disc; line-height:1.8;}
.ia1 a{ color:#fff; background:#00828f; line-height:45px; padding:0 25px; display:inline-block; border-radius: 5px;}
.ia2{ float:left; width:20%; margin-left:6%;}
.ia2 .p1{ font-size:18px; margin-bottom:30px; font-weight:bold; height:25px;}
.ia2 .p2{ line-height:1.6; margin-bottom:30px;}
.ia2 img{ width:42px;}

.ind_p1{ padding:70px 0; background:#f8f8f0 url(../images/pros.jpg) no-repeat center top;}
.ipt1{ text-align:center; font-size:36px; font-weight:bold; color:#333;}
.ipt2{ text-align:center; font-size:18px;}
.iptable{ margin-top:630px;}
.iptable table{ width:1100px; margin:0 auto; text-align:center;}
.iptable table td{ padding:5px 0;}
.iptable table tr:first-child td{ background:#158b98; color:#fff;}
.ind_p2{ padding:70px 0; background:#f7f7f7;}
.ind_p2 .p1{ font-size:24px; font-weight:bold; text-align:center; color:#333;}
.ind_p2 ul{ max-width:1600px; text-align:center; margin:30px auto 0;}
.ind_p2 ul li{ display:inline-block; margin:0 2px;}
.ind_p2 ul li a{ display: inline-block; border: #CCC 1px solid; padding: 10px 20px; border-radius: 5px; background: #FFF;}
.ind_p2 ul li a:hover{ color:#fff; background:#00828f;}
.ind_p2 .d1{ padding:50px 40px 20px; max-width:1600px; margin:0 auto;}
.ind_p2 .d2{ float:left; width:32%; margin-right:2%;}
.ind_p2 .d2:last-child{ margin-right:0;}
.ind_p2 .d3{ padding:30px; background:#fff;}
.ind_p2 .d3 .p2{ float:left; width:20%; font-size:36px; color:#ccc;}
.ind_p2 .d3 .p3{ float:right; width:80%; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 3; line-height:2; padding-top:10px;}
.ind_p2 .d4{ text-align:center;}
.ind_p2 .d4 a{ display:inline-block; margin-top:20px; padding-bottom: 5px; border-bottom: #ccc 1px solid;}

.ind_animation{ padding:70px 0;}
.ind_animation .p1{ font-size:24px; font-weight:bold; text-align:center; color:#333;}
.ind_animation .p2{ text-align:center; line-height:1.8; margin:20px 0 40px;}
.ind_animation .p3{ text-align:center; font-size:18px;}
.ind_animation .p4{ text-align:center;}
.ind_animation .p4 a{ display:inline-block; margin-top:20px; padding-bottom: 5px; border-bottom: #ccc 1px solid;}
.ind_animation .iframe{ text-align:center; max-height:1600px; margin:30px auto 0;}
.ind_animation .iframe iframe{ width:800px; height:480px; border:#000 30px solid; border-radius:35px; margin:0 auto;}

.ind_equ{ padding:70px 0; background:#f7f7f7;}
.ind_equ .ie{ max-width:1600px; margin:0 auto; padding:0 40px;}
.ind_equ .iel{ float:left; width:40%; padding-right:150px;}
.ind_equ .iel .p1{ font-size:24px; font-weight:bold; margin-top:30px;}
.ind_equ .iel .p2{ display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 4; margin:40px 0 50px; line-height:1.6;}
.ind_equ .iel a{ color:#fff; background:#00828f; line-height:45px; padding:0 25px; display:inline-block; border-radius: 5px;}
.ind_equ .ier{ float:right; width:60%; padding-top:30px;}

.ind_news{ padding:70px 40px; max-width:1600px; margin:0 auto;}
.ind_news .p1{ font-size:24px; font-weight:bold; text-align:center; color:#333;}
.ind_news .p2{ text-align:center; line-height:1.8; margin:20px 0 30px;}
.ind_news .u1{ text-align:center;}
.ind_news .u1 li{ display:inline-block; margin:0 5px;}
.ind_news .u1 li a{ display:inline-block; padding-bottom: 5px; border-bottom: #ccc 1px solid;}
.ind_news .u1 li:first-child a{ color:#00828f; border-bottom: #00828f 1px solid; font-weight:bold;}
.ind_news .u2{ margin-top:40px;}
.ind_news .u2 li{ width:32%; float:left; margin-right:2%; padding:50px; background:#f7f7f7;}
.ind_news .u2 li:nth-child(3n){ margin-right:0;}
.ind_news .u2 li .p3{ font-size:18px; margin-bottom:20px;}
.ind_news .u2 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;}
.ind_news .u2 li .p5 a{ display:inline-block; padding:0 20px; line-height: 40px; border: #ccc 1px solid; color: #666; background: #FFF; border-radius: 5px;}
.ind_news .u2 li .p5 a:hover{ color:#fff; background:#00828f;}
.ind_news .u2 li .p5 img{ float:right; height:11px; margin-top:10px;}

.bottom{ padding:70px 0; background:#f7f7f7;}
.bottom2{ max-width:1600px; margin:0 auto; padding:0 40px;}
.bottom2 ul{ float:left; width:14%;}
.bottom2 p{ color:#333; font-weight:bold; margin-bottom:20px;}
.bottom2 ul li{ line-height:1.8;}
.bottom2 .bottom_r{ float:right; text-align:right; width:30%;}
.bottom2 .bottom_r span{ line-height:1.6; display:inline-block;}

.foot{ padding:30px 0; background:#00828f;}
.foot2{ max-width:1600px; margin:0 auto; padding:0 40px;}
.foot2 .pl{ float:left; color:#ccc;}
.foot2 .pr{ float:right;}
.foot2 .pr a{ color:#ccc; margin-left:10px;}

.bannern{ height:300px; background:url(../images/bannern.jpg) no-repeat center center; background-size:cover; position:relative; margin-top:70px;}
.bannern>div{ color:#fff; font-size:30px; font-weight:bold; position:absolute; left:0; width:40%; height:40%; top:40%; background:rgba(0,142,152,0.3); display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: end; -webkit-box-align: center;}
.bannern>div p{ width:50%; text-align:center;}
.bannern>div p span{ font-size:24px; text-transform:uppercase;}

.t{ height:70px;}
.about{ padding:30px 80px; font-size:16px;}
.h_t{ text-align:center; font-size:30px; font-weight:normal; margin-bottom:50px; display:none;}
.h_t2{ display:inline-block; text-align:left; color:#fff; background:#60bdc7; padding:5px 20px;}
.about ul{ position:relative; float:left; padding-top:20px;}
.about ul li{ margin-bottom:30px;}
.about ul li:before{ content:" ● "; color:#008e98; font-size:30px; display:inline-block; position:relative; top:2px; margin-right:10px;}
.about ul .x{ position:absolute; left:8px; top:40px; bottom:40px; width:1px; border-left:1px solid #008e98;}
.about .com{ float:right;}
.about .p1{ color:#008e98; font-size:24px; margin:20px 0;}
.about .about2 p{ margin-bottom:15px;}
.about .about2 p span{ color:#F07700; font-weight:bold;}

.news_u1{ text-align:center;}
.news_u1 li{ display:inline-block;}
.news_u1 li a{ color: #fff; background: #00828f; border:1px solid #ccc; padding: 10px 25px; display: inline-block; border-radius: 5px; transition:0.2s;}
.news_u1 li a:hover{ color: #00828f; background: #fff;}
.news_u2{ margin-top:40px;}
.news_u2 li{ width:48.5%; float:left; margin-right:3%; padding:50px; background:#f7f7f7; margin-bottom:3%;}
.news_u2 li:nth-child(2n){ margin-right:0;}
.news_u2 li .p3{ font-size:18px; margin-bottom:20px;}
.news_u2 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_u2 li .p5 a{ display:inline-block; padding:0 20px; line-height: 40px; border: #ccc 1px solid; color: #666; background: #FFF; border-radius: 5px;}
.news_u2 li .p5 a:hover{ color:#fff; background:#00828f;}
.news_u2 li .p5 img{ float:right; height:11px; margin-top:10px;}

.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;}

.pn{ margin-top:30px; display:flex;}
.pn li{ float:left; width:42%; padding:20px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.pn li img{ height:14px; margin-right:20px;}
.pn li span{ display:inline-block; width:80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.pn li:last-child img{ margin-right:0; margin-left:20px;}
.pn li:last-child{ float:right; text-align:right;}
.pn li:nth-child(2){ width:16%; border:1px solid #ddd; text-align:center;}

.d_p{ font-size:30px; text-align:center; margin-bottom:30px;}
.demo iframe{ width:800px; height:480px; border:#000 30px solid; border-radius:35px; margin:0 auto; display:block;}

.quality ul li{ width:18.4%; float:left; margin-right:2%; margin-bottom:20px; position:relative;}
.quality ul li:nth-child(5n){ margin-right:0;}

.content2{ color:#333; padding:0 50px;}
.content2 .tp1{ font-size:30px; text-align:center; color:#008c99; margin-bottom:50px;}
.content2 .ppt1{ display:inline-block; font-size:30px; font-weight:bold; border-bottom:2px solid #008c99; color:#008c99; position:relative; padding-left:110px;}
.content2 .ppt1:before{ content:" "; position:absolute; height:70%; width:100px; top:15%; left:0; background:#008c99;}
.content2 .pt1{ border-top:1px solid #ccc; border-right:1px solid #ccc; text-align:center; width:90%; margin:0 auto 30px;}
.content2 .pt1 tr:first-child{ background:#008c99; color:#fff;}
.content2 .pt1 tr:nth-child(2n){ background:#f9f3bf;}
.content2 .pt1 td{ border-left:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 0;}
.content2 .ppp{ font-size:18px; padding:50px 80px 0; line-height:2.5; width:50%; float:left; font-weight:bold;}
.content2 .h_i{ width:50%; float:left;}
.content2 .ppp2{ font-size:18px; padding:0 80px; margin-bottom:15px; line-height:2; font-weight:bold;}
.content2 .ppp3{ width:90%; margin:20px auto; padding:20px 30px; border-top:2px solid #008c99; font-weight:bold;}
.content2 .ppp4{ padding:100px 150px 0;}
.content2 .ppp5{ border:none; margin:0 auto;}
.content2 .pt2{ border-top:1px solid #ccc; border-right:1px solid #ccc; text-align:center; width:60%; margin:0 auto 30px;}
.content2 .pt2 tr:first-child{ background:#008c99; color:#fff;}
.content2 .pt2 tr:nth-child(2n){ background:#f9f3bf;}
.content2 .pt2 td{ border-left:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 0;}
.content2 .pt3{ border-top:2px solid #008c99; width:90%;}
.content2 .pt3 tr:first-child{ background:#f9f3bf; color:#333;}
.content2 .pt3 tr{ background:#f9f3bf;}
.content2 .pt4{ width:85%;}
.content2 .pt4 tr:nth-child(2n){ background:#fff;}
.content2 .pt4 tr td:first-child{ background:#f9f3bf;}
.content2 .pt4 tr:first-child td:first-child{ background:#008c99;}

/*joinus*/
.joinus{}
.jobbox{ margin-bottom: 20px; border-bottom: 1px solid #dedede; width:48%; margin-right:4%; float:left;}
.jobbox:nth-child(2n){ margin-right:0;}
.jobbox .qline { background: #eee; border-top: 2px solid #008c99; line-height: 20px; padding: 10px 20px;}
.jobbox .qline.qlineon { color: #008c99; }
.jobbox .aline { display: none; }
.join_more { width: 100%; background: #fff; }
.join_more tbody tr td { line-height: 24px; padding: 11px 20px; border-bottom: 1px solid #dedede; font-size: 14px; color: #666; font-family: microsoft yahei; }
.join_more tbody tr td span { color: #000; }
.join_more tbody tr td .squareli li { padding-left: 9px; background: url(../images/li.png) 0 center no-repeat; }

/*contact*/
.contact{ padding-top: 20px; margin-top: 20px;}
.contact_m{ position:relative; display:flex;}
.contact_l{ background:rgba(0,0,0,0.4); width:50%; padding:50px; color:#fff;}
.contact_r{ background:rgba(0,0,0,0.5); width:50%; padding:50px;} 
.contact_l .p1{ font-size:24px; margin-bottom:30px;}
.contact_l .p2{ font-size:16px; line-height:1.8;}
.contact_r .p1{ font-size:16px; color:#fff;}
.contact_l .p2 img{ height:150px;}

.msg{ width: 100%; margin-top:30px;}
.msg div{ width: 100%; padding-bottom: 36px; float: left;}
.msg div .lf{ float: left;}
.msg div .ri{ float: right;}
.msg div i{ width: 90px; display: block; font-style: normal; font-size: 16px; float: left; letter-spacing: 3px; color: #fff;}
.msg div i font{ color: #dc0000;}
.msg div p{ margin:5px 0;}
.msg div p input{ width: 350px; height: 25px; border:none; border-bottom:1px solid #fff; background:none; overflow: hidden; font-size: 16px; font-family: "微软雅黑"; color:#fff; }
.msg div p select{ width:184px; height: 48px; float: left; border:1px solid #d9d9d9; border-radius:4px; overflow: hidden; font-size: 16px; text-indent: 12px; margin-left: 8px; font-family: "微软雅黑"	}
.msg div textarea{ width:350px; border:none; border-bottom:1px solid #fff; background:none; overflow: hidden; font-size: 16px; height: 100px; font-family: "微软雅黑"; color:#fff; margin-bottom:50px;}
.submits{ display: block; padding:5px 20px; color: #000; font-size: 14px;background: #fff;border:0 none; cursor: pointer;font-family: "微软雅黑"; margin-top:20px;}

.equipment ul li{ width:32%; float:left; margin-right:2%; margin-bottom:20px; position:relative;}
.equipment ul li:nth-child(3n){ margin-right:0;}

.a_m{ float: right; display: none;}
@media (max-width: 1120px) {
.nav,.top select{ display:none;}
.bannerslide .swiper-slide{ height:350px; background-size:cover;}
.bannerslide .wrapper .img{ position:relative; top:auto; left:auto; text-align:center; padding-top:60px; text-shadow:0 0 3px #fff;}
.bannerslide .wrapper .img .p1{ font-size:20px;}
.ind_ab{ padding:30px 20px;}
.ia1,.ia2{ width:100%; margin-left:0; margin-bottom:20px;}
.ind_p1{ padding:30px 20px; background-size:cover;}
.iptable{ margin-top:200px; overflow-x:auto;}
.ipt1{ font-size:20px;}
.ind_p2{ padding:30px 20px;}
.ind_p2 .d1{ padding:20px 0;}
.ind_p2 .d2{ width:100%; float:none; margin-right:0;}
.ind_p2 .d3{ padding:15px;}
.ind_animation{ padding:30px 20px;}
.ind_animation .iframe iframe{ width:100%; height:250px; border:#000 10px solid;}
.ind_equ{ display:none;}
.ind_news .u2 li{ width:100%; margin-right:0; padding:20px; margin-bottom:10px;}
.bottom{ display:none;}
.a_m{ display:block;}
.top{ position:relative;}
.t{ display:none;}
.bannerslide{ margin-top:0 !important;}
.n_m{ margin:0 auto; padding:20px 20px;}
.content2{ padding:0;}
.content2 .ppt1{ font-size:20px;}
.content2 .ppp,.content2 .h_i{ padding:0; width:100%;}
.content2 .ppp2{ padding:0;}
.content2 .pt2{ width:100%;}
.content2 .tp1{ font-size:20px;}
.news_u2 li{ width:100%; margin-right:0; padding:20px;}
.d_p{ font-size:20px;}
.demo iframe{ width:100%;}
.quality ul li{ width:49%;}
.quality ul li:nth-child(5n){ margin-right:2%;}
.quality ul li:nth-child(2n){ margin-right:0;}
.contact_l,.contact_r{ width:100%; padding:20px;}
.contact_m{ display:block; margin-top:0; padding-top:0;}
}