@charset "utf-8";
/* CSS Document */
/* index */
body{ padding-top:0;}
.op0{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.wrap{ width:1200px; margin:0 auto;}
.tab-cell{ display:table-cell; vertical-align: middle;}
.mob-nav{ display:none; width:35px; height:50px; background-size:auto 40%; position:relative;}
.mob-nav:before{ content:''; position:absolute; left:50%; top:50%; height:2px; width:26px; margin-left:-13px; margin-top:-8px; background:#333; transition:all 0.5s ease;}
.mob-nav:after{ content:''; position:absolute; left:50%; top:50%; height:2px; width:26px; margin-left:-13px; margin-top:6px; background:#333; transition:all 0.5s ease;}
.mob-nav span{position:absolute; left:50%; top:50%; height:2px; width:26px; margin-left:-13px; margin-top:-1px; background:#333; transition:all 0.5s ease;}
.mob-nav.on{ transition:all 0.5s ease;}
.mob-nav.on:before{ margin-top:-1px; transform:rotate(45deg); transition:all 0.5s ease;}
.mob-nav.on:after{ margin-top:-1px; transform:rotate(-45deg); transition:all 0.5s ease;}
.mob-nav.on span{width:0;transition:all 0.5s ease;}
.lateo{ background:#008dd5; color:#fff; line-height:50px; height:50px;}
.t-logo-none{margin-left:12px;}
.vabol span{ margin-right:20px; background:url(../images/a1.png) no-repeat left center; padding-left:25px;}
.vabol span:nth-child(2){ background:url(../images/a2.png) no-repeat left center;}
.vabol span img{ margin-right:5px;display:none;}
.aeocl{ padding:10px 0; line-height:30px;}
.aeocl a{ margin:0 5px; color:#fff;}
.aeocl a.lang{ border:1px solid #fff;line-height:28px; padding:0 10px; border-radius:3px;}
.lbaibc {
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    padding: 20px 20px 40px 120px;
}

.top{ background:#fff; left:0%; top:0px; width:100%; z-index:15; box-shadow:0 0 5px rgba(0,0,0,0.1); transition:all 0.5s ease;}
.t-logo{ padding:1px 0;}
.t-logo a{ display:block;}
.s-t-search{ margin-top:20px;}
.alanvl a{ margin:0 8px;}
.s-t-search a{ display:block; width:58px; height:58px; background:url(../images/fd.svg) no-repeat center center;background-size: auto 40%;}
.alanvl{ line-height:58px;}
.T-nav{}
.T-nav > li{ float:left; padding:0 36px;}
.T-nav > li > a{ line-height:99px; font-size:16px; display:block; position:relative; transition:all 0.5s ease;}
.T-nav > li > a:after{ content:''; position:absolute; width:0px; height:2px; display:block; left:50%; transform:translateX(-50%); bottom:0; background:#008dd5;transition:all 0.2s ease;}
.T-nav > li .sec{position:absolute;top:99px; left:0; width:100%;  box-shadow:0 0 5px rgba(0,0,0,0.15); background:#fff; z-index:4;}
.T-nav > li .sec a{display:block; line-height:45px; text-align:center; transition:all 0.5s ease;}
.T-nav > li .thr{ position:absolute;  box-shadow:0 0 5px rgba(0,0,0,0.15); top:99px; left:0; width:100%; background:#fff; display:none; padding:40px 40px 40px 0;}
.T-nav > li .thr a{ display:block;}
.T-nav > li .thr .lbamt{ width:200px;border-bottom:none; padding:0; min-height:320px; border-right:1px solid #ddd; text-align:center;}
.T-nav > li .thr .lbamt p{ padding:4px 0;}
.T-nav > li .thr .lbamt a{ line-height:30px; padding:0 20px; display:inline-block; border-radius:15px;}
.T-nav > li .thr .lbamt a.cur{background:#f0f0f0;}
.lmtaeo{ width:312px;text-align: center;}
.search-bg{ background:rgba(0,0,0,0.5); position:fixed; left:0; top:149px; width:100%; height:calc(100% - 149px); z-index:10; display:none;}
.lbotal{ position:absolute; right:0; top:149px;padding:20px 4%; z-index:16; width:100%; background:rgba(0,141,213,0.8); display:none;}
.lbotal:before{ content:''; position:absolute; left:0; height:25px; bottom:-25px; width:100%;}
.lbotal .c2{ float:left; width:110px; height:35px; background:none; border:1px solid #fff;border-radius:3px; color:#fff; cursor:pointer; transition:all 0.5s ease;}
.lbotal .c1{ float:left;color:#fff; width:calc(100% - 272px); border:none; background:none; height:35px; padding:0 10px ; font-size:16px; transition:all 0.5s ease;}
/*
.lbotal.on .c2{ opacity:1; transform:translateX(0px); transition:all 1s ease;}
.lbotal.on .c1{ opacity:1; transform:translateX(0px); transition:all 1.5s ease;}
*/
.lbotal .olte > a{ float:left; line-height:33px; padding:0 20px; border:1px solid #fff;border-radius:3px;color:#fff; margin-left:10px; position:relative; z-index:2;}
.lbotal .olte{max-width:1000px;padding-bottom:13px; margin:0 auto; border-bottom:2px solid #fff;}

.vloa span{ display:block; line-height:33px; border:1px solid #fff; padding-left:8px; width:80px; color:#fff; background:url(../images/xx2.png) no-repeat 95% center; background-size:auto 25%;}
.vloa p{display:none; position:absolute; width:100%; left:0; top:35px; border:1px solid #fff; z-index:3; background:#fff;}
.vloa p a{ display:block; line-height:40px; padding-left:8px;}

.slideBox{ width:100%;   overflow:hidden; position:relative; }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:100%;  display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }




.blmca{ position:relative; line-height:50px; padding:25px 0;color:#333; font-size:24px; font-weight:bold; padding-left:15px;}
.blmca:before{ content:'';position:absolute; display:block;  width:5px; height:24px; left:0; top:50%; margin-top:-11px; background:#008dd5;}

.aebol{ width:400px;}
.ind-main{ padding-bottom:4%;}
.ablbo{ width:410px;}
.ablbo li{ margin-bottom:30px;}
.ablbo li a{ display:block;  background:#fbfbfb; transition:all 0.5s ease;}
.ablbo li a .pic{ text-align:center;padding:10px 0 10px 20px; width:160px;height: 289px;display: table;}
.ablbo li a .pic img{ max-height:260px;}
.ablbo li a .con{ width:calc(100% - 160px);padding:45px 20px;}
.ablbo li a .con .d1{ border-bottom:1px solid #ddd; line-height:50px; height:50px; overflow:hidden; font-size:18px;}
.ablbo li a .con .d2{ margin-top:15px; color:#999; line-height:25px; height:125px; overflow:hidden;}

.lmbaoe li{ width:586px; float:left;}
.lmbaoe li:nth-child(2n){ float:right;}
.lmbaoe li a{ display:block; background:#fbfbfb;border-radius:5px; height:235px; overflow:hidden; transition:all 0.5s ease;}
.lmbaoe li a .pic{ width:60%; text-align:center;height: 235px;display: table;}
.lmbaoe li a .pic img{ max-height:235px;}
.lmbaoe li a .con{ width:40%; padding:25px 35px;}
.lmbaoe li a .con .d1{ border-bottom:1px solid #ddd; line-height:50px; height:50px; overflow:hidden; font-size:18px;}
.lmbaoe li a .con .d2{ margin-top:5px; color:#999; line-height:25px; height:125px; overflow:hidden;}
.iktea li a .pic{padding:20px 0 20px 20px;}
.iktea li a .pic img{max-height:195px;}

.vopaec{ margin-top:4%;}
.vopaec a{ display:inline-block; transition:all 0.5s ease; width:142px; line-height:42px; color:#008dd5; border:1px solid #008dd5; border-radius:5px; font-size:16px; transition:all 0.5s ease;}

.ind-02 li{ margin-bottom:25px;}
.ind-02 li a{ display:block;}
.ind-02 li a .pic{ width:48.5%;}
.ind-02 li a .pic img{ width:100%; height:266px; object-fit:cover;}
.ind-02 li a .con{ width:48.5%;}
.ind-02 li a .con .d1{ font-size:18px; line-height:45px; height:45px; overflow:hidden;}
.ind-02 li a .con .d2{ line-height:25px; height:125px; overflow:hidden; color:#666; margin-top:10px;}
.ind-02 li a .con .d3{ margin-top:20px; color:#008dd5;}
.ind-02 li:nth-child(2n) a .pic{ float:right;}
.ind-02 li:nth-child(2n) a .con{ float:left;}

.ind-03{ background:#e5f3fb;}
.ind-03 .pic{ width:50%; display:none;}
.ind-03 .pic img{ width:100%; height:400px; object-fit:cover;}
.ind-03 .con{ width:50%; padding:35px;}
.ind-03 .con .d1{ color:#008dd5; font-size:24px;}
.ind-03 .con .d2{ color:#666; margin-top:20px; line-height:24px; height:216px; overflow:hidden;}
.ind-03 .con .d3{ margin-top:20px;}
.ind-03 .con .d3 a{ display:inline-block; transition:all 0.5s ease; width:142px; line-height:42px; color:#008dd5; border:1px solid #008dd5; border-radius:5px; font-size:16px;}

.blpta li{ width:48.5%; float:left; margin-bottom:3%;}
.blpta li:nth-child(2n){ float:right;}
.blpta li a{ display:block; border:1px solid #ddd; padding:12px;border-radius: 5px; transition:all 0.5s ease;}
.blpta li a .date{ color:#fff; background:#008dd5; width:104px; height:104px; padding-top:20px;}
.blpta li a .date strong{ font-size:32px; display:block;}
.blpta li a .con{ width:calc(100% - 124px); padding-right:10px; padding-top:5px;}
.blpta li a .con .d1{ font-size:18px; line-height:35px; height:35px; overflow:hidden;}
.blpta li a .con .d2{ line-height:25px; height:50px; overflow:hidden; color:#666;}

.yvaetc li{ width:32%; float:left; margin-right:2%;}
.yvaetc li:nth-child(3n){ margin-right:0;}
.yvaetc li a{ display:block; border:1px solid #ddd; padding:12px 12px 25px;}
.yvaetc li a .pic img{ width:100%; height:154px; object-fit:cover;}
.yvaetc li a .tit{ font-size:18px; line-height:35px; height:35px; overflow:hidden; margin-top:15px; text-align:center;}
.yvaetc li a .con{ color:#666; line-height:25px; height:50px; overflow:hidden;}

.foot{ background:#008dd5; color:#fff;}
.plbam{ border-bottom:1px solid #33a4dd;}
.enmca{ width:938px; padding-top:45px;}
.enmca dl{ width:16.66%; float:left;}
.enmca dt{ font-weight:bold; line-height:35px; padding-bottom:10px; position:relative; margin-bottom:22px;}
.enmca dt:after{ content:''; position:absolute; left:0; bottom:0; height:2px; width:30px; background:#fff;}
.enmca dt a{ color:#fff;}
.enmca dd{ line-height:30px;}
.enmca dd a{ color:#b8d6ef; transition:all 0.5s ease;}


.hopbe{ width:262px; border-left:1px solid #33a4dd; padding:45px 0 45px 40px;}
.hopbe .d1{ line-height:30px;}
.hopbe .d2{ margin:8px 0;}
.hopbe .d2 a{ background:#fff; display:inline-block; line-height:35px; width:132px; text-align:center;}
.hopbe .d3{ margin-top:25px; line-height:35px;}
.hopbe .d3 .list{ text-align:center;}
.ateol{ line-height:25px; padding:15px 0;}
.ateol a{ color:#fff;}
.ateol i{ margin:0 5px;}
.pqelc li{ margin-bottom:2%;}
.ny-nav{ border-bottom:1px solid #eee; padding:20px 0; font-size:16px;}
.ny-nav span{ display: none;}
.ny-nav p a{ float:left; width:14.2%; text-align:center; line-height:35px;}
.ny-nav p a i{ display:inline-block; padding-left:40px; background:url(../images/b1.png) no-repeat left center;}
.ny-nav p a i.T10010{ background: url(../images/泵.svg) no-repeat left center;}
.ny-nav p a i.T10011{ background: url(../images/接头.svg) no-repeat left center;}
.ny-nav p a i.T10012{ background: url(../images/阀.svg) no-repeat left center;}
.ny-nav p a i.T10014{ background: url(../images/管材.svg) no-repeat left center;}
.ny-nav p a i.T10015{ background: url(../images/针.svg) no-repeat left center;}
.ny-nav p a i.T10016{ background: url(../images/工具.svg) no-repeat left center;}
.ny-nav p a i.T10141{ background: url(../images/摇臂.svg) no-repeat left center;}
.ny-nav p a i.T10159{ background: url(../images/其他.svg) no-repeat left center;}
.ny-nav p a i.T10013{ background: url(../images/注射器.svg) no-repeat left center;}





.ny-nav p a.cur i{ background:url(../images/b2.png) no-repeat left center; color:#008dd5;}

.ny-nav p a.cur i.T10010{ background: url(../images/泵1.svg) no-repeat left center;}
.ny-nav p a.cur i.T10011{ background: url(../images/接头1.svg) no-repeat left center;}
.ny-nav p a.cur i.T10012{ background: url(../images/阀1.svg) no-repeat left center;}
.ny-nav p a.cur i.T10014{ background: url(../images/管材1.svg) no-repeat left center;}
.ny-nav p a.cur i.T10015{ background: url(../images/针1.svg) no-repeat left center;}
.ny-nav p a.cur i.T10016{ background: url(../images/工具1.svg) no-repeat left center;}
.ny-nav p a.cur i.T10141{ background: url(../images/摇臂1.svg) no-repeat left center;}
.ny-nav p a.cur i.T10159{ background: url(../images/其他1.svg) no-repeat left center;}
.ny-nav p a.cur i.T10013{ background: url(../images/注射器1.svg) no-repeat left center;}


.dreag{ padding:25px 0; line-height:32px;}
.mbabc i{ margin:0 5px;}
.mbabc{background:url(../images/hs.png) no-repeat left center; padding-left:25px;}
.bs-search{ height:32px; border:1px solid #ddd; border-radius:16px; width:202px;}
.bs-search .c1{ width:160px; height:30px; border:none; padding:0 10px; background:none; float:left;}
.bs-search .c2{ width:40px; height:30px; background:url(../images/fd.png) no-repeat center center; background-size:40% auto; border:none; cursor:pointer; float:left;}

.lbanmt .pic{ width:30%; border:1px solid #ddd; display:table; height:360px; text-align:center; box-shadow:0 0 8px rgba(0,0,0,0.1);}
.lbanmt .pic p{ display:table-cell; vertical-align:middle;}
.lbanmt .pic img{ max-width:85%; max-height:320px;}
.lbanmt .con{ width:65%;}
.lbanmt .con table td{ padding:8px 10px; line-height:1.6; font-size:18px;}
.lbanmt .con table td.tr{ color:#000; font-weight:bold; font-size:20px; text-align:justify;text-align-last: justify;}
.lotae{ margin-top:30px;}
.lotae a{ display:inline-block; margin-right:10px; width:145px; line-height:44px;  border-radius:5px; font-size:16px; text-align:center;transition:all 0.5s ease;}
.lotae a.a1{border:1px solid #f60; color:#f60;}
.lotae a.a2{border:1px solid #008dd5; color:#008dd5;}
.otaepc{ margin-top:5%;}
.otaepc span{ float:left; position:relative; text-align: center; width:23.5%; line-height:44px; font-size:16px; margin-right:2%; border-bottom:2px solid #e2e2e2; cursor:pointer;}
.otaepc span:nth-child(4n){ margin-right:0;}
.otaepc span.cur{ color:#008dd5; font-weight:bold;}

.otaepc span:after{ content:''; background:#008dd5; height:2px; position:absolute; bottom:-2px; display:block; width:0; left:50%; transform:translateX(-50%); transition:all 0.5s ease;}
.otaepc span.cur:after{ width:100%;transition:all 0.5s ease;}





.baebu{ padding:2% 0; line-height:2; color:#464646;}
.lbvaom{ padding-top:15px; line-height:2; color:#464646;}
.lbvaom li{ margin-bottom:3%;}
.lbvaom li .pic{ width:48.5%;}
.lbvaom li .con{ width:48.5%;}
.lbvaom li:nth-child(2n) .pic{ float:left;}
.lbvaom li:nth-child(2n) .con{ float:right;}
.lbvaom li .con .d1{ font-size:18px;}

.pagecsl{ margin-top:3%;}
.pagecsl a,.pagecsl span{ display:inline-block; line-height:30px; padding:0 12px; background:#fff; border:1px solid #ddd; margin:0 3px;}
.pagecsl a.cur{ background:#008dd5; border-color:#008dd5; color:#fff;}

.koaecb li{ width:23.5%; float:left; margin-right:2%; margin-bottom:2%; position: relative;}
.koaecb li:nth-child(4n){ margin-right:0;}
.koaecb li a{ display:block;border-radius: 5px; padding:30px; background:#efefef; position:relative;transition:all 0.5s ease;}
.koaecb li a:after{ content:''; position:absolute; width:0; left:0; bottom:0; height:3px; background:#008dd5; transition:all 0.5s ease;}
.koaecb li a.del{ padding:0; z-index: 1; display:block; width:24px; height:24px; background:url(../images/del.png);position:absolute; right:10px; top:10px;}
.koaecb li a.del:after{display:none;}
.koaecb li a .pic{ height:200px;width:100%; display:table; text-align:center;}
.koaecb li a .pic img{ max-height:180px;}
.koaecb li a .tit{ line-height:35px; height:35px; overflow:hidden; border-bottom:1px solid #ddd; text-align:center; font-size:18px;}
.koaecb li a .con{ line-height:20px; color:#666; margin-top:10px; height:100px; overflow:hidden; text-align:center;}

.comakt .d1{ font-size:42px;}
.comakt .d2{ margin-top:5px; font-size:16px; color:#666;}

.baolt li{ width:48.5%; float:left; margin-top:3%; position:relative;}
.baolt li:nth-child(2n){ float:right;}
.baolt li a{ display:block; position:relative; color:#333;}
.baolt li .pic img{ width:100%; height:288px; object-fit:cover;}
.baolt li span{ position:absolute; transition:all 0.5s ease; display:block; padding:0 30px; line-height:40px; left:0; bottom:20px; background:rgba(255,255,255,0.6);}

.mbeauc{ margin-top:4%;}
.mbeauc .con{ width:46%;}
.vlcmt{ line-height:1; border-left:3px solid #008dd5; padding-left:10px;}
.vlcmt .d1{ font-weight:bold; color:#008dd5;}
.vlcmt .d2{ font-size:20px; margin-top:6px;}
.ecaln{ line-height:2; margin-top:30px; color:#666; font-size:16px;}
.mbeauc .pic{ width:50%;}
.contact-ol{ margin-top:4%;}
.contact-ol .title{ color:#008dd5; font-size:20px;}

.baebo{ margin-top:4%;}
.baebo li{ width:33.33%; float:left;}
.baebo li .d1{ font-size:16px; margin:22px 0; color:#666;}
.baebo li .d2{ color:#008dd5; font-size:22px;}
.vabola{ margin-top:4%;}
.vabola .list{ display:inline-block; margin:0 30px;}
.vabola .list .pic{ padding:5px; }
.vabola .list .tit{ margin-top:15px;}
#map{ height:480px; margin-top:4%;}
.lbota{ margin-top:4%;}
.lbota span{ font-size:24px; display:inline-block; padding-bottom:20px; border-bottom:2px solid #008dd5;}

.lcaeb{ max-width:666px; margin:30px auto 0;}
.lcaeb .c1{ width:calc(100% - 150px); height:35px; border:1px solid #ddd; padding:0 10px; float:left;}
.lcaeb .c2{ width:135px; height:35px; border:1px solid #008dd5; color:#008dd5; font-size:16px; cursor:pointer; background:#fff; float:right;}

.laebut{ background:url(../images/d.png) repeat-y 256px top;}
.laebut li{ margin-bottom:3%;}
.laebut li .year{ width:256px; color:#008dd5; font-size:42px; font-weight:bold;}
.laebut li .con{ width:calc(100% - 256px); padding-left:160px; position:relative;}
.laebut li .con:before{ content:''; width:140px; height:8px; top:15px; left:-3px; position:absolute; background:url(../images/vv.png);}
.laebut li .con .list{ padding:5px 0 5px 80px; position:relative; line-height:25px; font-size:16px;}
.laebut li .con .list span{ position:absolute; left:0; top:5px; display:block; width:60px; color:#008dd5; font-size:20px;}
.laebut li .con .list span a{ display:block; position:absolute; right:0; top:3px; width:25px; height:20px; background:url(../images/t.png) no-repeat center center;}


.pagination li{float:left;}
.pagination li.active a{color:red;}
.news-nav{ background:#f3f3f3; padding:15px 0; text-align:center;}
.news-nav a{ display:inline-block; width:132px; border:1px solid #ddd; line-height:36px; border-radius:5px; font-size:16px; margin:0 10px; transition:all 0.5s ease;}
.news-nav a.cur{ color:#fff; background:#008dd5; border-color:#008dd5;}

.news-list li{ border-radius:10px; box-shadow: 0 0 10px rgba(0,0,0,0.2); margin-bottom:20px;}
.news-list li a{ display:block; padding:20px;}
.news-list li a .date{ width:80px; color:#fff; border-radius:5px; padding:20px 0; background:#008dd5; text-align:center;}
.news-list li a .date strong{ display:block; font-size:24px;}
.news-list li a .pic{  width:360px;}
.news-list li a .pic img{ width:100%; height:170px; object-fit:cover;}
.news-list li a .con{ width:calc(100% - 400px);}
.news-list li a .con .d1{ color:#008dd5; font-size:16px; line-height:30px;}
.news-list li a .con .d2{ font-size:24px; margin-top:10px; line-height:32px; height:32px; overflow:hidden;}
.news-list li a .con .d3{color:#666; line-height:25px; height:50px; overflow:hidden; margin-top:20px;}
.news-list li a .con .d4{color:#666;font-size: 20px; margin-top:22px; line-height:32px;}
.news-list li a .con .d4 span{ padding:0 20px;font-size:14px; color:#008dd5; border:1px solid #008dd5; border-radius:3px;transition:all 0.5s ease;}

.news-list li.noimg a .pic{display:none;}

.news-list li.noimg a .con{width:calc(100% - 110px);}


.news-list2 li a .pic img{height:240px;}

.news-list2 li a .con .d3{height:75px;}
.news-list li a .con .d4{margin-top:60px;}





.lbaibc{ border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,0.2); padding:20px 20px 40px 120px;}
.lbaibc .date{ width:80px; color:#fff; border-radius:5px; padding:20px 0; background:#008dd5; text-align:center; position:absolute; left:20px ; top:20px;}
.lbaibc .date strong{ display:block; font-size:24px;}
.lbamt{ padding:15px 0; border-bottom:1px solid #ddd; position:relative;}
.lbamt .d1{ font-size:24px;}
.lbamt .d2{ margin-top:10px; color:#787878;}
.lbamt .fx{ position:absolute; right:0; bottom:15px;}


.edit-con{ line-height:2; font-size:16px; color:#464646; margin-top:3%;}
.wvaol{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:99; background:rgba(0,0,0,0.8);}
.wvaol .gb{ position:absolute; right:0; top:0; cursor:pointer; width:30px; height:30px; background:url(../images/icon30.png) no-repeat center center;}
.wvaol .pic{ display:block; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%;}
.wvaol .pic img{ max-width:100%; max-height:100%;}
.wvaol .pic span{ display:inline-block; position:relative;}


.svblm{ padding:15px 0; border-bottom:1px solid #ddd;}
.svblm .d1{ font-size:16px;}

.lvenac{ margin-top:30px;}
.lvenac span{ display:inline-block; width:90px; cursor:pointer; font-size:16px; line-height:35px; border:1px solid #008dd5; border-radius:5px; color:#008dd5; margin:0 8px;}
.lvenac span.cur{ background:#008dd5; color:#fff;}

.vamoqx{ max-width:860px; margin:0 auto;}
.vamoqx .prev,.vamoqx .next{ position:absolute; right:-62px; top:50%; width:62px; height:62px; background:no-repeat center center; background-size:100% 100%; z-index:10;}
.vamoqx .prev{ background-image:url(../images/up.png); margin-top:-82px;}
.vamoqx .next{ background-image:url(../images/down.png); margin-top:20px;}





.lmcaol{ max-width:860px; margin:30px auto 0;}
.lmcaol a{ display:inline-block; color:#fff; line-height:30px; padding:0 20px; border-radius:3px; background:#008dd5;}

.lmrae{ font-size:18px; font-weight:bold; margin-top:20px;}
.vncaem{ padding:0 60px;}
.vncaem .prev,.vncaem .next{transition:all 0.5s ease; position:absolute;top:50%; width:30px; height:75px; margin-top:-38px; background:no-repeat center center; background-size:50% auto; z-index:10; border:1px solid #999; border-radius:5px;}
.vncaem .prev{ left:0; background-image:url(../images/left.png);}
.vncaem .next{ right:0; background-image:url(../images/right.png);}

.pbcean{min-height:111px;margin-top: 20px;}
.nacmca{margin-bottom:20px;}
.nacmca a{display: inline-block;
    width: 90px;
    cursor: pointer;
    font-size: 16px;
    line-height: 35px;
    border: 1px solid #008dd5;
    border-radius: 5px;
    background: #008dd5;
    color: #fff;
    margin: 0 8px; text-align:center;}

.cd-01 > li{}
.cd-01 > li > a{display:block;line-height:45px; padding:0 45px; font-size:15px;}
.cd-02 > li > a{display:block;line-height:45px; padding:0 60px; font-size:15px;}
.cd-03 a{display:block;line-height:45px; padding:0 75px; font-size:15px;}

.oteknc td{ border-radius:5px; overflow:hidden; border:2px solid #fff; padding:10px; line-height:22px;}
.oteknc thead td{ color:#fff; background:#999;}
.oteknc td a{ line-height:30px; border:2px solid #e00; color:#e00; display:inline-block; padding:0 25px; border-radius:15px;}
.oteknc td.vd{width:140px;}




.foplac{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:999;}
.olbtec{ width:640px; background:#fff; position:fixed; left:50%; top:50%; margin-left:-320px; margin-top:-160px; padding:20px;}
.olbtec .gb{ position:absolute; cursor:pointer; right:0; top:0; width:30px; height:30px; background:url(../images/icon30.png) no-repeat center center;}
.olbtec thead td{ color:#fff; background:#999; border-right:2px solid #fff;}
.olbtec td{ padding:12px 10px; border-bottom:1px solid #eee;}
.olbtec td .t2{ width:100px;}
.olbtec td .t3{ width:140px;}
.volpa{ margin-top:20px; line-height:22px; padding-left:90px;}
.volpa span{ position:absolute; left:0; top:0; color:#e00;}
.olbtec td a{ display:block; color:#e00; text-align:center; border-radius:15px; width:100%; margin:0 auto; max-width:120px; line-height:30px; border:1px solid #e00;}


@media screen and (max-width: 640px){
  .olbtec{ width:100%; left:0; margin-left:0;}
  .olbtec td.t2{ display:none;}
  .olbtec td.t3{width:100px;}
  .olbtec td a{font-size:12px; line-height:25px;}
}





@media (min-width: 1201px){
.T-nav > li:hover > a,.T-nav > li > a.on{ color:#008dd5;}
.T-nav li .sec,.T-nav > li .thr{ display:block; opacity:0; visibility: hidden; transform:translateY(30px); transition:all 0.1s ease;}
.T-nav li:hover .sec,.T-nav > li:hover .thr{ opacity:1; visibility: visible; transform:translateY(0px); transition:all 0.3s ease;}
.T-nav > li:hover > a:after,.T-nav > li > a.on:after{ width:100%; transition:all 0.5s ease;}
.vopaec a:hover,.ind-03 .con .d3 a:hover{ color:#fff; background:#008dd5; transition:all 0.5s ease;}
.koaecb li a:hover:after{ width:100%; transition:all 0.5s ease;}
.enmca dd a:hover{ color:#fff; transition:all 0.5s ease;}
.ablbo li a:hover,.lmbaoe li a:hover{ box-shadow:0 0 8px rgba(0,0,0,0.2); transition:all 0.5s ease;}
.ny-nav p a:hover i{ background: url(../images/b2.png) no-repeat left center;}


.ny-nav p a:hover i.T10010{ background: url(../images/泵1.svg) no-repeat left center;}
.ny-nav p a:hover i.T10011{ background: url(../images/接头1.svg) no-repeat left center;}
.ny-nav p a:hover i.T10012{ background: url(../images/阀1.svg) no-repeat left center;}
.ny-nav p a:hover i.T10014{ background: url(../images/管材1.svg) no-repeat left center;}
.ny-nav p a:hover i.T10015{ background: url(../images/针1.svg) no-repeat left center;}
.ny-nav p a:hover i.T10016{ background: url(../images/工具1.svg) no-repeat left center;}
.ny-nav p a:hover i.T10141{ background: url(../images/摇臂1.svg) no-repeat left center;}
.ny-nav p a:hover i.T10159{ background: url(../images/其他1.svg) no-repeat left center;}
.ny-nav p a:hover i.T10013{ background: url(../images/注射器1.svg) no-repeat left center;}

.news-nav a:hover{color: #fff; background: #008dd5; border-color: #008dd5; transition:all 0.5s ease;}
.news-list li a .con .d4 span:hover{background:#008dd5; color:#fff; border-radius:3px;transition:all 0.5s ease;}
.T-nav > li .sec a:hover{background:#f9f9f9; transition:all 0.5s ease;}
.blpta li a:hover,.koaecb li a:hover{  box-shadow:0 0 10px rgba(0,0,0,0.15); transition:all 0.5s ease;}
.vncaem .prev:hover{ background-image:url(../images/left2.png); background-color:#008dd5; border-color:#008dd5;transition:all 0.5s ease;}
.vncaem .next:hover{ background-image:url(../images/right2.png); background-color:#008dd5; border-color:#008dd5;transition:all 0.5s ease;}
.koaecb{min-height:500px;}
.koaecb{ padding-top:30px; border-top:1px solid #ddd;}
.baolt li:hover span{color:#fff; background:#008dd5; transition:all 0.5s ease;}
.lotae a.a1:hover{color:#fff; background:#f60; transition:all 0.5s ease;}
.lotae a.a2:hover{color:#fff; background:#008dd5; transition:all 0.5s ease;}


}






@media (max-width: 1200px){
body{ padding-top:50px;}
.wrap,.wrap1200{ width:100%; max-width:768px; margin:0 auto; padding:0 3%;}
.float-sild{ right:10px; bottom:10px; margin:0; top:auto;}
.float-sild .list:nth-child(-n+2) {display: none;}
.top{ padding:0; top:0; width:100%; left:0; margin-left:0; background:#fff; position:fixed; z-index:20;}
.top .t-logo{ padding:10px 0;}
.top .t-logo img{ height:30px;}
.t-logo-none{display:none;}
.top .T-nav > li > a{ color:#666; transition:all 0.5s ease;}
.T-nav{ position:fixed; left:0; top:50px; margin:0; padding:0; width:100%; height:calc(100vh - 50px); background:#fff; z-index:22; overflow:auto; display:none;}
.T-nav > li{ width:100%;padding:0; border-bottom:1px solid #eee;}
.sovcl{ height:50px; padding:5px 0;}
.T-nav > li > a{ background:none !important; line-height:45px; padding:0 30px; font-size:16px;}
.T-nav > li .sec{ position:relative; top:0; left:0; width:100%; padding:0; box-shadow:0 0 0; border:none; display:none;}
.T-nav > li .thr{ position:relative; top:0; left:0; width:100%; padding:0; box-shadow:0 0 0; border:none;}
.T-nav > li .thr .lbamt  a{ line-height:40px; margin:0; font-size:15px; padding:0 5%; text-align:left; width:100%;}
.mob-nav{ display:block;}
.alanvl{ line-height:50px; margin-top:0;}
.s-t-search{ margin:0;}
.s-t-search a{ width:40px; height:50px;}
.lbotal{top:50px;position: fixed;}
.lbotal .c1{ }
.lbolc span{ width:100px;}
.search-bg{ top:50px; height:calc(100% - 50px);}
.lateo{height:auto;}
.lateo .vabol{ display:none;}
.aeocl{ position:absolute; top:0px; right:50%; margin-right:-247px; z-index:3;}
.aeocl a{ color:#333;}
.aeocl a.lang{ border-color:#333;}

.lmtaeo{ display:none;}
.T-nav > li .thr .lbamt{ width:100%; border:none; height:auto;}
.T-nav > li .thr .lbamt p{ padding:0;}
.aebol{ width:100%;}
.ablbo{ width:100%;}
.ablbo li{ margin:4% 0 0;}
.lmbaoe li{ width:100%; margin:4% 0 0;}
.lmbaoe li a .pic{ width:140px;}
.lmbaoe li a .pic img{ max-height:200px;}
.lmbaoe li a .con{ width:calc(100% - 160px);}
.lmbaoe li a .con .d2{ margin-top:15px;}
.ind-03 .con .d1{ font-size:20px;}
.ind-03 .pic{ width:100%;display:block}
.ind-03 .pic img{ height:auto;}
.ind-03 .con{ width:100%; padding:4%;background: #e5f3fb;}
.ind-03 .con .d1{ font-size:18px;}
.ind-03 .con .d2{ margin-top:10px; height:72px;}
.enmca{ display:none;}
.hopbe{ float:left; border:none; padding:20px 0;}
.ateol .title{ width:100%;}
.ateol .link{ width:100%;}
.hopbe{ width:100%;}
.hopbe .d3 .list{ float:left; margin-right:30px;}
.vopaec a{ line-height:32px; font-size:14px; width:120px;}
.blmca{ padding:0 0 0 15px; font-size:20px;}
.ny-nav{ padding:0;}
.ny-nav span{ display:block; line-height:50px; background:url(../images/xx.png) no-repeat right center;}
.ny-nav p{ display:none;}
.ny-nav p a{ text-align:left; width:100%; padding:3px 15px;}
.ny-nav p a i,.ny-nav p a.cur i{ background:none; padding-left:45px; font-size:14px;}
.dreag{ padding:15px 0;}
.mbabc{ display:none;}
.koaecb li{ width:49%;}
.koaecb li:nth-child(2n){ margin-right:0;}
.koaecb li a{ padding:4%;}
.comakt .d1{ font-size:30px;}
.comakt .d2{ font-size:14px;}
.contact-ol .title{ font-size:16px;}
.baebo li{ padding:0 10px;}
.baebo li .d1{ margin:10px 0;}
.baebo li .d2{ font-size:16px; word-break:break-all;}
.lbota span{ font-size:20px; padding-bottom:10px;}
.laebut{ background-position:150px top;}
.laebut li .year{ width:150px;}
.laebut li .con{ width:calc(100% - 150px);}
.news-list li a .con .d4 span{ padding:0 15px;}
.lbamt .fx{ display:none;}
.lbamt .d1{ font-size:20px;}
.wvaol .pic{ width:100%; left:0; transform:translate(0,-50%); text-align:center;}
.news-list li a .con .d4{font-size:12px;}
}
@media (max-width: 900px){
.vamoqx .prev,.vamoqx .next{ right:0; width:50px; height:50px;}
}

@media (max-width: 780px){
.wrap{ padding:0 3%;}
.blpta li{ width:100%;}
.lbanmt .pic{ width:100%;}
.lbanmt .con{ width:100%; margin-top:3%;}
.otaepc span{ font-size:14px;}
.lbvaom li .pic{ width:100%;}
.lbvaom li .con{ width:100%; margin-top:5px;}
.pagecsl a.mob-none{ display:none;}
.baolt li{ width:100%;}
.baolt li .pic img{ height:auto;}
.comakt .d1{ font-size:20px;}
.mbeauc .con{ width:100%;}
.mbeauc .pic{ width:100%; margin-top:3%;}
.vlcmt .d2{ font-size:18px;}
.ecaln{ margin-top:20px; font-size:15px;}
.baebo li .pic img{ height:45px;}
.vabola .list{ margin:0 10px;}
.baebo li .d2{ font-size:14px;}
#map{ height:200px;}
.laebut{ background:none;}
.laebut li .year{ width:80px; font-size:24px;}
.laebut li .con{ width:calc(100% - 80px); padding:0; font-size:15px;}
.laebut li .con:before{ display:none;}
.laebut li .con .list{padding:5px 10px 10px 50px; font-size:15px;}
.laebut li .con .list span{width:40px;}


.news-list li a .date{ padding:10px; width:auto;}
.news-list li a .date strong{ display:inline-block; margin-right:5px; font-size:20px;}
.news-list li a .pic{ width:100%; margin:10px 0;}
.news-list li a .pic img{ height:auto;}
.news-list li a .con{ width:100% !important;}
.news-list li a .con .d2{ font-size:18px; line-height:25px; height:25px;}
.news-list li a .con .d3{ height:auto; max-height:75px; margin-top:10px;}
.news-nav a{ margin:0 3px; width:80px; font-size:14px;}
.lbaibc{ padding:4%;}
.lbaibc .date{ padding:10px 0; width:100px; text-align:center; position:relative; left:0; top:0;}
.lbaibc .date strong{ display:inline-block; margin-right:5px; font-size:20px;}
.lbamt .d1{ font-size:18px;}
.news-list li a .con .d4{margin-top:15px;}
.lbanmt .con table td{font-size:15px;}
.lbanmt .con table td.tr{font-size:16px;}
.oteknc td a{font-size;12px; padding:0 8px;}
.oteknc td.vd{width:80px;}
.top .wrap{ padding:0 15px;}
.aeocl{margin:0; right:86px;}
}




@media (max-width: 640px){
.ablbo li a,.lmbaoe li a{ padding:4%;}
.lmbaoe li a{height:auto;}
.ablbo li a .pic,.lmbaoe li a .pic{ width:100%; text-align:center;padding:0;}
.ablbo li a .con,.lmbaoe li a .con{ width:100%;padding:0;}
.ind-02 li a .pic{ width:100%;}
.ind-02 li a .pic img{ height:auto;}
.ind-02 li a .con{ width:100%; padding:10px 0;}
.ind-02 li a .con .d2{ height:75px;}
.ind-02 li a .con .d3{ margin-top:10px;}
.blpta li a .date{ width:80px; height:80px; padding-top:12px;}
.blpta li a .date strong{ font-size:24px;}
.blpta li a .con{ width:calc(100% - 90px);}
.blpta li a .con .d1{ font-size:16px; line-height:25px; height:25px;}
.blpta li a .con .d2{ line-height:22px; height:44px;}
.yvaetc li{ width:100%; margin-bottom:4%;}
.yvaetc li a .pic img{ height:auto;}
.koaecb li{ width:100%; margin-right:0;}
.lbotal .c2{width:50px;}
.lbotal .olte > a{padding:0; width:50px; text-align:center;}
.lbotal .c1{width: calc(100% - 212px);}
.aeocl a.lang{}


}





.shade {position: fixed;left: 0; top: 0; z-index: 21;display: none; width: 100%;height: 100%; background-color: #000;filter: alpha(opacity=50); opacity: 0.5; }
.big-video {
    position: fixed;
    left: 50%;
    top: 50%;
	margin-top:-240px;
    z-index: 22;
    display: none;
    margin-left: -450px;
    background-color: #fff;
    width: 900px;
    box-sizing: border-box;
}
.big-video-main {
    height: 480px;
}
.big-video-clo {
    position: absolute;
    right: -35px;
    top: 0;
    width: 30px;
    height: 30px;
    background: url(../images/icon30.png) no-repeat center center;
    cursor: pointer;
}

@media screen and (max-width: 750px){
.big-video {
    width: 100%;
    left: 0;
    margin-left: 0;
}
.big-video-main {
    height: 185px;
}
.big-video-clo {
    right: 0;
    z-index: 21;
}
}






/*2020-11-05*/
.sec-navc{ margin-top:0px;}
.sec-navc dl{ float:left; width:16.66%; text-align:center; padding-bottom:46px;}
.sec-navc dl dt{ border-bottom:1px solid #ddd; font-size:18px; padding:20px 0; position:relative;}
.sec-navc dl dt .vd{ position:absolute; left:0; width:100%; bottom:-46px; display:none;}
.sec-navc dl dt .vd i{ font-size:14px; background:#e7e7e7; display:inline-block; padding:0 22px; line-height:30px; border-radius:15px;}
.sec-navc dl dd{ margin-top:10px; background:#fff; position:relative; z-index:2;}
.sec-navc dl dd .vda{ padding:6px 0;}
.sec-navc dl dd .vda a{ display:inline-block; padding:0 22px; line-height:30px; border-radius:15px;}
.sec-navc dl dd .vda a.cur{ background:#e7e7e7;}
@media (max-width: 1200px){
.sec-navc dl{ width:100%; padding:0; text-align:left;}
.sec-navc dl dt.on{ background:url(../images/apc.png) no-repeat right center; font-size:15px; padding:12px 0; background-size:12px auto;}
.sec-navc dl dt{ background:url(../images/apd.png) no-repeat right center; font-size:15px; padding:12px 0; background-size:12px auto;}
.sec-navc dl dt .vd{ left:0; bottom:5px; text-align:right; padding-right:20px;}
.sec-navc dl dd{ font-size:14px; margin-top:5px; display: none;}
.sec-navc dl dd .vda{ padding:3px 0;}
}




/*2020-11-18*/
.btaeol{ margin-bottom:4%;}
.btaeol a{ display:inline-block; border-radius:3px; font-size:16px; width:95px; line-height:30px; border:1px solid #ddd; margin:0 5px;}
.btaeol a.cur{ color:#fff; background:#008dd5; border-color:#008dd5;}
.blteac{ overflow:auto;}
.optel{ min-width:800px;}
.optel td{ padding:10px 0; text-align:center; font-size:16px;}
.optel td .vv{ border-bottom:1px solid #ddd; padding-bottom:15px;}
.optel tbody td{ border-top:10px solid #fff;}
.optel td .blue{ color:#008dd5;}
.ltepa .list{ border-radius:5px; overflow:hidden; width:47%; background:#eee no-repeat right bottom; background-size:55% auto; height:330px; padding:40px 40px 0;}
.ltepa .list .d1{ position:relative; font-size:28px;}
.ltepa .list .d1 a:after{ content:''; position:absolute; left:0; bottom:0; height:2px; width:40px; background:#666; transition:all 0.5s ease;}
.ltepa .list .d1 a{ color:#008dd5; display:inline-block;position:relative; padding-bottom:12px;}
.ltepa .list .d2{ line-height:25px; margin-top:25px; max-width:280px;}

.zp-list li{ width:30%; border-radius:5px; margin-right:5%; margin-bottom:2%; float:left; font-size:14px; padding:10px; background:#fbfbfb; position:relative; transition:all 0.5s ease;}
.zp-list li > span{ position:absolute; right:0; top:0; color:#fff; line-height:32px; width:32px; text-align:center; display:block; background:#e8361e;}
.zp-list li:nth-child(3n){ margin-right:0;}
.zp-list li a{ display:block; border:2px solid #fbfbfb; padding:20px; transition:all 0.5s ease;}
.zp-list li a .tit{ line-height:50px; height:50px; overflow:hidden; border-bottom:1px solid #ddd; position:relative; font-size:18px;}
.zp-list li a .tit:after{ content:''; position:absolute; left:0; height:5px; bottom:-3px; width:40px; transition:all 0.5s ease; background:#ddd;}
.zp-list li a .con{ line-height:30px; margin-top:20px; height:120px; overflow:hidden; color:#999;}
.zp-list li a .tim{ margin-top:10px; color:#999; border-top:1px solid #ddd; color:#008dd5; padding-top:12px;}

.olteac{ border-bottom:1px solid #ddd; line-height:32px; padding:10px 0;}
.ab-tit{ font-weight:bold; font-size:22px;}
.ab-tit span{ display:inline-block; vertical-align:middle; line-height:25px; width:25px; font-weight:normal; font-size:14px; color:#fff; background:#e8361e; margin-left:8px; text-align:center; border-radius:3px;}
.botael{ font-size:12px;}
.botael span{ margin-left:20px;}
.folpta{ margin-top:10px; line-height:30px;}
.folpta span{ float:left; width:20%;}

.bltaeo{display: -webkit-flex; display: flex; flex-wrap:wrap;justify-content:space-between;}
.bltaeo .list{ width:48%; background:#f7f7f7; padding:30px; margin-top:4%;}
.bltaeo .list .d1{ font-weight:bold; font-size:18px;}
.bltaeo .list .d2{ color:#666; line-height:2; margin-top:20px;}

.otaepl{ margin-top:4%;}
.otaepl h5{ font-size:22px; margin-bottom:20px;}
.buaeva{ width:300px;}
.buaeyq{ width:640px; margin-left:40px;}
.buaeyq textarea{ width:100%; height:100px; border:1px solid #ddd; padding:10px;}
.sraeov{ width:120px; height:120px; background:url(../testimg/xz06.jpg);}
.sraeov input{ opacity:0; position:absolute; left:0; top:0; width:120px; height:120px;}
.tlteab{ width:320px; margin:4% auto 0; max-width:100%;}
.tlteab td{ color:#666; padding:12px 0;}
.tlteab td .c1{ width:100%; height:36px; border:1px solid #ddd; padding:0 10px;}
.tlteab td .c2{ height:36px; width:100px; color:#fff; border:none; cursor:pointer; background:#008dd5;}
.tlteab td .c3{ color:#008dd5; border:1px solid #008dd5; background:#fff; height:36px; width:120px; cursor:pointer; transition:all 0.5s ease;}




@media (min-width: 1201px){
.btaeol a:hover{ color:#fff; background:#008dd5; border-color:#008dd5;}
.zp-list li:hover{ box-shadow:0 0 6px rgba(0,0,0,0.2); transition:all 0.5s ease;}

.tlteab td .c3:hover{ color:#fff; background:#008dd5; transition:all 0.5s ease;}
.ltepa .list:hover .d1 a:after,.zp-list li:hover a .tit:after{width:100%;background:#008dd5; transition:all 0.5s ease;}
}

@media (max-width: 1200px){
.zp-list li{ width:49%; margin-right:2%;}
.zp-list li:nth-child(3n){ margin-right:2%;}
.zp-list li:nth-child(2n){ margin-right:0;}
.folpta span{ width:100%;}
.bltaeo .list{ width:100%; padding:4%;}
.bltaeo .list .d1{ font-size:16px;}
.buaeva{ width:100%;}
.buaeyq{ width:100%; margin-top:5%; margin-left:0;}
.otaepl h5{ font-size:18px;}


}

@media (max-width: 768px){
.btaeol a{ width:80px; font-size:14px; margin:0 2px;}
.ltepa .list{ width:100%; margin-bottom:4%; height:auto; padding-bottom:120px;}
.ltepa .list .d1{ font-size:20px;}
.ab-tit{ width:100%; font-size:18px;}
.botael{ width:100%;}
.botael span{ margin:0 15px 0 0;}
}

@media (max-width: 640px){
.zp-list li{ width:100%; margin-right:0 !important;}
}





.lmonct{ max-width:590px; margin:5% auto 0;}
.lmonct h5{ text-align:center; color:#008dd5; font-size:28px;}
.lmbbt{ border:1px solid #ddd; padding:8%; margin-top:5%;}
.lmbbt .d1{ font-size:16px;}
.lmbbt .d2{ margin:5px 0 20px;}
.lmbbt .d2 .c1{ height:45px; border:1px solid #ddd; width:100%; padding:0 10px;border-radius:3px;}
.lmbbt .d3 .c2{ width:115px; height:40px; color:#fff; background:#008dd5; border:none; cursor:pointer; border-radius:3px; font-size:16px;}
.lmbbt .d3 a{ float:right; line-height:40px; color:#008dd5;}

.ecolt{ max-width:990px; margin:5% auto 0;}
.ecolt h5{ text-align:center; color:#008dd5; font-size:28px;}
.mobalc{ padding:40px; border:1px solid #ddd;margin-top:5%;}
.mobalc .d1{ font-size:16px; line-height:32px;}
.mobalc .d1 span{ color:#e60918;}
.mobalc .d2 .c1{ height:45px; border:1px solid #ddd; width:450px; padding:0 10px;border-radius:3px;}
.mobalc .d2 span{ font-size:16px; margin-left:10px;}
.mobalc .d2 span label{ margin-right:20px;}
.mobalc .d2 span label input{ margin-right:8px;}
.lbueab input{ width:115px; height:40px; color:#fff; background:#008dd5; border:none; cursor:pointer; border-radius:3px; font-size:16px;}
.mobalc .d2 .c2{ height:43px; width:100px; border:none; cursor:pointer; color:#fff; background:#008dd5; border-radius:3px;}
.buteav a{ display:inline-block; margin:0 10px; line-height:30px; width:95px; font-size:16px; border:1px solid #ddd; border-radius:3px;}
.buteav a.cur{ color:#fff; background:#008dd5; border-color:#008dd5;}
.bg-olte{ background:rgba(0,0,0,0.7); position: fixed; left:0; top:0; width:100%; height:100%; z-index:999;}
.copatc{ position:fixed; z-index:1000; right:0; top:0; height:100%;}

.btnsl{ position:absolute; left:-90px; top:50%; margin-top:-45px; width:90px; height:90px; background:#008dd5 url(../images/bb01.svg) no-repeat center center;background-size: 40% auto; cursor:pointer;}
.icomta{ width:0; overflow:hidden; transition:all 0.8s ease;}
.icomta.on{ width:670px; transition:all 1s ease;}
.loatec{ width:670px; border-left:1px solid #008dd5; background:#fff; height:100vh; padding:15px 5%;}
.loatec h3{ background:url(../images/right.png) no-repeat right center; background-size:auto 30%; border-bottom:2px solid #ddd; font-size:22px; line-height:55px;}
.loatec h3 a{ display:block; padding-left:45px; background:url(../images/bb02.svg) no-repeat left center;background-size: auto 60%;}
.olbpec{ height:calc(100vh - 85px); overflow:auto;}
.olbpec li{ width:47%; margin-right:6%; margin-top:6%;}
.olbpec li:nth-child(2n){ margin-right:0;}


@media (max-width: 1200px){
.mobalc,.lmbbt{ padding:5%;}
.mobalc .d2 .c1{ width:100%;}
.mobalc .d2 span{ width:100%; font-size:14px; margin:8px 0 12px; display:block;}
}

@media (max-width: 768px){
.buteav a{ font-size:14px; width:70px; margin:0 5px;}
.btnsl{left:-60px; width:60px; height:60px; margin-top:-30px;}
.icomta.on,.loatec{ width:calc(100vw - 60px);}
.olbpec li{ width:100%; margin-right:0; margin-top:3%;}
.loatec h3{ font-size:18px;}
}


















.relmv{position:absolute; left:0; top:0; z-index:6; width:100%; height:100%;}
.relmv h5{position: absolute;width:100%; left:0; text-align:center; top:50%; margin-top:-100px; color:#008dd5 !important;}
ul.Loading{
	color: #008dd5;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	margin:0;
	padding:0;
	display: flex;
}

ul.Loading li{
	list-style-type: none;
	height: 20px;
	width: 20px;
   background: linear-gradient(to right, #fff, #008dd5); 
	margin: 0 5px;
	border-radius: 50%;
	animation: animate 1.5s linear infinite;
   box-shadow: 1px 1px 5px #fff;
}


@keyframes animate {
	0%{
	transform: translateY(0);	
	}
	60%{
	transform: translateY(0);	
	}
	80%{
	transform: translateY(-20px);	
	}
	100%{
	transform: translateY(0);	
	}
}

ul.Loading li:nth-child(1)
{
	animation-delay: 0;
}
ul.Loading li:nth-child(2)
{
	animation-delay: -1.2s;
}
ul.Loading li:nth-child(3)
{
	animation-delay: -1s;
}
ul.Loading li:nth-child(4)
{
	animation-delay: -.8s;
}
ul.Loading li:nth-child(5)
{
	animation-delay: -.6s;
}


.fenleip a:hover{border:none;background:#008dd5;color:#fff !important;}