/*
.Top { float:left; width:100%; height:auto; background:#fff;}
.logo { float:left; width:auto; height:auto; margin-top:20px;}*/
.Navs { float:left; width:auto; height:auto; margin-left:50px;}
.Navs li { float:left; width:auto; height:auto; margin-right:25px; position:relative;}
.Navs li>a { float:left; line-height:96px; border-bottom:4px solid #fff; color:#717070; font-size:15px;}
.Navs li:hover>a {border-bottom-color:#008cd6;}
.Navs li:hover .Drop { display:block;}
.Navs .on>a { border-bottom-color:#008cd6;}
.Drop { position:absolute; top:100px; background:url(../images/drop.png); width:312px; height:auto; left:0; display:none; z-index:10000;}
.Drop a { float:left; width:104px; height:50px; line-height:50px; text-align:center; font-size:14px; color:#717070;}
.Drop a:hover { color:#008cd6;}
.Phone { float:right; width:auto; min-width:290px; height:auto; padding-top:24px;}
.Phone-l { float:left; width:auto; height:auto;}
.Phone-l span { font-size:12px; color:#b1b0b0; display:block;}
.Phone-l strong { font-size:26px; color:#008cd6; display:block; font-family:"Times New Roman", Times, serif;}
.Phone a { float:right; width:105px; height:33px; margin-top:5px; text-align:center; line-height:33px; background:url(../images/ico.png) no-repeat 12px #7a7a7a; border-radius:200px; color:#f2f2f2; font-size:14px; box-sizing:border-box; padding-left:24px;}


.banner-lb{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.banner{ position: relative; width:100%; height: 710px; overflow:hidden; }
.banner-lb a{ display: block; position: relative; height: 710px; overflow:hidden; }
.banner-lb a img{ position: absolute; left: 50%; margin-left: -960px; top: 0; width: 1920px; max-width: 1920px; height: 710px; }
.banner-lb .slick-dots{ bottom: 30px; }
.banner-lb .slick-dots li,.banner-lb .slick-dots li button{ background: #afa8a6; border-radius: 50%; width: 10px; height: 10px; }
.banner-lb .slick-dots li.slick-active button{ background: #358df1; }
.banner-lb .slick-dots li button:before{ display: none; }
.search-box{ position: absolute; left: 50%; z-index:999; margin-left: -600px; top: 355px; width: 470px; }
.search-box .form-control{ width: 330px; text-indent:10px; height: 56px; background: #fff; border-radius: 0; box-shadow: none; font-size: 25px; border:none; }
.btn-search{ position: absolute; right: 0; top: 0; height: 56px; border:none; width: 130px; border-radius: 0; background: #0da0e6; font-size: 28px; color: #fff!important; line-height: 28px; text-align: center; padding:0; }

.content{
    width: 1200px;
    margin: auto;
}
.btns{
    margin-bottom: 10px;
}
.product-max{
    overflow: hidden;
}

.box-w { width:1190px; margin:auto !important;}
.box-banner { float:right; width:585px; height:300px; margin-top:-490px !important; background:#008cd6;}
.box-banner h2{ font-size:60px; color:#ffffff; line-height:90px; padding-top:20px !important; text-align:center; font-weight:400; }
.Moinfo { float:left; width:auto; height:auto; padding-left:170px !important;}
.Moinfo p { font-size:14px; color:#fff ; line-height:26px;}
.Moinfo a { font-size:14.5px; color:#fff; line-height:40px; width:148px; border:1px solid #fff; float:left; margin-top:20px !important; padding-left:8px !important; box-sizing:border-box;}


.Trade { float:left; width:100%; height:auto;}
.Title { float:left; width:100%; height:auto; text-align:center; padding:34px 0;}
.Title h2 { font-size:35px; color:#0086d1; line-height:58px; background:url(../images/border.png) no-repeat center bottom; font-weight:400;}
.Title h6 { font-size:16px; color:#afadad; line-height:48px; font-weight:400;}
.Title p { font-size:16px; color:#717070; text-align:center; line-height:30px;}
.Ficobox { position:relative; width:100%; height:630px; float:left;}

.okhqb_content .focus_box .focus_nav_box .focus_nav a.oncur{ background:#0086d1; color:#fff;}
.okhqb_header .header .header_bottom .goods_category .cate_list{ display:block;}

/* 轮播图片 */
.okhqb_content{ width:100%; float:left;}
.okhqb_content .banner_box{ width:100%; float:left;}
.okhqb_content .focus_box{ width:100%; height:630px;  overflow:hidden; position:relative; z-index:20;}
.okhqb_content .focus_box .focus_list{ height:630px; position:absolute; z-index:21; top:0; left:0; background:#fff;}
.okhqb_content .focus_box .focus_list li{ float:left;}
.okhqb_content .focus_box .focus_list li img{ width:100%; height:630px;}
.okhqb_content .focus_box .focus_nav_box{ width:1030px; position:absolute; height:68px; bottom:66px; left:80px; text-align:center; z-index:21; }
.okhqb_content .focus_box .focus_nav_box .focus_nav{ display:inline-block;}
.okhqb_content .focus_box .focus_nav_box .focus_nav{ *display:inline}
.okhqb_content .focus_box .focus_nav_box .focus_nav a{ width:155px; height:68px;  *height:68px; overflow:hidden; display:block; background:url(../images/ico1.png) no-repeat right #fff; font-size:14px; outline:none; float:left; line-height:68px; color:#797d80; word-break:break-all; overflow:hidden}

.box-in { float:left; width:100%; height:630px; position:relative;}
.box-in img { width:100%; height:630px;}
.Nam { position:absolute; right:100px; width:430px; top:150px;}
.Nam h2 { font-size:35px; color:#0086d1; font-weight:400; line-height:60px;}
.Nam p { font-size:14px; color:#0086d1; line-height:20px; padding-left:60px;}
.Nam a { float:left; width:148px; height:35px; background:#4c4c4c; color:#fff; font-size:15px; padding:0 8px; box-sizing:border-box; margin-left:60px; line-height:35px; margin-top:20px;}
#More { background:url(../images/more.png) no-repeat #f9f9f9; background-position:center 15px; font-size:14px; color:#797d80; width:100px; padding-top:10px ; box-sizing:border-box; float:right; height:68px; line-height:60px; border-left:1px solid #ccc; }
.Product { float:left; width:100%; height:auto; margin-top:47px;}
.Proleft { float:left; width:259px; height:387px; background:url(../images/back1.png) no-repeat center;}
.Protitle { float:left; width:100%; height:auto; text-align:center; margin-top:25px;}
.Protitle h2 { font-size:35px; color:#ffffff; font-weight:400;}
.Protitle h5 { font-size:20px; color:#ffffff; font-weight:400; text-transform:uppercase;}
.Pro-list { float:right; width:155px; height:auto; margin-top:30px;}
.Pro-list li { cursor:pointer; background:url(../images/back2.png); border:1px solid #999; border-right:none !important; padding-left:15px; height:35px; line-height:35px; font-size:16px; color:#ffffff; margin-top:16px;}
.Pro-list .on { background:#fff; border-color:#fff; color:#0086d1;}
.Pro-right { float:right; width:930px; height:385px; border:1px solid #f1eded; border-left:none !important;}
.Proul { float:left; width:100%; height:auto;}
.Proul>li { float:left; width:100%; height:auto; display:none;}
.Proul>.on { display:block;}
.Procont { float:left; width:100%; height:auto; text-align:center; padding-top:45px;}
.Procont li { width:242px; height:auto; border:1px solid #f1eded; display:inline-block; margin:0 25px;}
.Procont li img { width:100%; height:245px;}
.Procont li span { font-size:14px; color:#3e3d3d; line-height:54px; display:block; text-align:center;}
.Cando { float:left; width:100%; height:auto; margin-top:25px;}
.Cando-list { float:left; width:100%; height:auto;}
.Cando-list li { float:left; width:394px; height:206px; text-align:center; background:#f9f9f9; box-sizing:border-box; margin-right:2px; margin-bottom:2px;}
.Cando-list li a { float:left; width:100%; height:206px; padding-top:36px; box-sizing:border-box;}
.Cando-img { width:100%; height:auto; float:left; padding-bottom:10px;}
.Cando-img i { display:table-cell; vertical-align:middle; width:394px; height:90px;}
.Cando-img i img { margin:auto;}
.imgsnone { display:none;}
.Cando-list li span { font-size:20px; color:#918d8d; display:block; line-height:30px; text-align:center; float:left; width:100%;}
.Cando-list li:hover { background:#0086d1;}
.Cando-list li:hover .imgblock { display:none;}
.Cando-list li:hover .imgsnone { display:block;}
.Cando-list li:hover span { color:#fff;}

.Title2 { float:left; width:100%; height:auto; text-align:center; padding:34px 0;}
.Title2 h2 { font-size:35px; color:#0086d1; line-height:58px; background:url(../images/border.png) no-repeat center bottom; font-weight:400;}
.Title2 p { font-size:16px; color:#fff; text-align:center; line-height:30px;}


.Advantage { float:left; width:100%; height:auto; background:url(../images/back3.png) no-repeat top center; margin-top:45px;}
.Advan-box { float:left; width:100%; height:auto; box-sizing:border-box; padding:45px 0 0; background:#fff;}
.Advan-Top { float:left; width:100%; height:auto;}
.Advan-Top li { float:left; width:100%; height:auto; display:none;}
.Advan-Top .on { display:block;}
.Advanli { float:left; width:100%; height:auto; padding:0 46px; box-sizing:border-box;}
.Advanleft { float:left; width:380px; height:auto; margin-top:55px;}
.Advanleft strong { display:block; font-size:30px; color:#0086d1; line-height:70px; font-weight:400;}
.Advanleft p { font-size:14px; color:#a4a1a2; line-height:26px; font-family:"宋体";}
.Advanleft a { float:left; width:94px; height:27px; font-family:"宋体"; text-align:center; line-height:27px; color:#fff; margin-top:22px; padding-right:28px; background:url(../images/more-x.png) no-repeat right center #0086d1;}
.Advan-Bot { float:left; width:100%; height:auto; text-align:center; margin-top:44px; background:url(../images/li.png) repeat-x}
.Advanlist li { display:inline-block; width:auto; height:auto; margin:0 45px; cursor:pointer;}
.Advanlist li i { width:21px; height:21px; display:block; border:2px solid #fff; background:#bdbbbc; border-radius:200px; margin:0 auto;}
.Advanlist li span { font-size:14px; color:#6b6666; line-height:40px;}
.Advanlist { float:left; width:100%; height:auto; text-align:center;}
.Advanlist .on i{ background:#0086d1; }
.Equipment { float:left; width:100%; height:auto;}
.Equi-box { float:left; width:100%; height:auto;}
.Equi-box li { float:left; width:292px; height:273px; background:#f2f0f0; box-sizing:border-box; padding:20px; margin-right:8px; margin-bottom:8px;}
.Equi-img { width:252px; height:186px; vertical-align:middle; display:table-cell;}
.Equi-img img { display:block; margin:auto;}
.Equi-box li span { font-size:14px; color:#ffffff; background:#bebdbd; text-align:center; line-height:45px; float:left; width:100%;}
.Equi-box li:hover span { background:#008cd6;}
.Equi-box ul { width:104%;}
.Client { float:left; width:100%; height:auto;}
.Client-links { float:left; width:100%; height:auto;}
.Client-links li { float:left; width:198px; height:92px;}
.Client-links li a { display:table-cell; vertical-align:middle; width:198px; height:92px;}
.Client-links li a img { display:block; margin:auto;}
.New { float:left ; width:100%; height:auto; margin-top:50px;}
.New-box { width:553px; height:auto;}
.New-Title { float:left; width:100%; height:auto; box-sizing:border-box; padding:0 12px; background:#ebe8e8;}
.New-Title span { float:left; font-size:18px; color:#008cd6; line-height:42px;}
.New-Title a { float:right; font-size:14px; color:#717070; padding-right:30px; background:url(../images/more-img.png) no-repeat right; line-height:42px;}
.New-cont { float:left; width:100%; height:auto; margin-top:10px;}
.New-cont li { float:left; width:100%; height:69px; overflow:hidden; border-bottom:1px dashed #ebe8e8; padding:16px 0;}
.New-num { float:left; width:69px; height:69px; text-align:center; line-height:69px; font-size:38px; color:#ffffff; background:#bdbbbc;}
.Newinfo { float:right; width:456px; height:auto;}
.Newinfo h4 { font-weight:400; font-size:14px; color:#717070; line-height:26px;}
.Newinfo h4 span { float:left; font-size:14px; color:#717070; line-height:26px; max-width:362px; overflow:hidden;}
.Newinfo h4 i { float:right; line-height:26px; font-size:14px; color:#a4a1a2;}
.Newinfo p { float:left; width:100%; height:36px; font-size:12px; line-height:18px; color:#a4a1a2; overflow:hidden; margin-top:7px;}
.New-cont li:hover .New-num{ background:#008cd6;}
.Bottom { float:left; width:100%; height:auto; padding-top:40px; padding-bottom:60px; background:#3e3d3d;}
.About { float:left; width:337px;height:160px; box-sizing:border-box; border-right:1px solid #4e4c4c; position:relative; padding-bottom:22px;}
.About strong { font-weight:400; color:#008cd6; font-size:18px; line-height:40px; display:block; background:url(../images/ico2.png) no-repeat left; padding-left:40px;}
.About h4 { font-size:18px; color:#ffffff; line-height:32px; font-weight:400; margin-top:5px;}
.About h5 { font-size:14px; color:#ffffff; line-height:20px; font-weight:400;}
.About p { font-size:12px; color:#ffffff; position:absolute; bottom:0;}

.Hotline { float:left; width:410px; height:160px; box-sizing:border-box; border-right:1px solid #4e4c4c; padding-left:36px; position:relative; padding-bottom:22px;}
.Hotline strong { font-weight:400; color:#008cd6; font-size:18px; line-height:40px; display:block; background:url(../images/ico3.png) no-repeat left; padding-left:40px;}
.Hotline h5 { font-size:14px; color:#ffffff; line-height:20px; font-weight:400; margin-top:6px;}
.Hotline p { font-size:12px; color:#656363;  position:absolute; bottom:0; font-family:Arial, Helvetica, sans-serif;}
.Botlinks { float:right; width:420px; height:160px;}
.linsk-t { float:left; width:100%; height:auto;}
.linsk-t li { display:inline-block;}
.linsk-t li a { font-size:18px; color:#008cd6; line-height:42px;}
.linsk-t li i { margin:0 10px; font-size:18px; color:#008cd6;}
.Links-li { float:left; width:106%; height:auto;}
.Links-li li { float:left; width:auto; height:auto; margin-right:12px; min-width:59.5px;}
.Links-li li span { font-size:14px; color:#656363; line-height:26px;}
.Links-li li a { font-size:14px; color:#656363; line-height:26px;}



/*浮动客服*/
#floatDivBoxs{width:128px;background:#008cd6;position:fixed;top:180px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#f08326;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{ background:#f5f5f5; float:left;}
#floatDivBoxs .floatDqq li{height:auto; font-size:14px;border-bottom:1px solid #e3dbdb; float:left; width:100%; }
#floatDivBoxs .floatDqq li a { color:#717070; padding-left:18px; border-bottom:1px solid #fff; float:left; width:100%; box-sizing:border-box; line-height:35px;}
#floatDivBoxs .floatDqq li a:hover { background:#e5e7e8; color:#008cd6;}
#floatDivBoxs .floatDtxt{font-size:13px;color:#fff;padding-top: 60px; background:url(../images/ico4.png) no-repeat top #008cd6; float:left; width:100%; text-align:center; margin:10px 0;}
#floatDivBoxs .floatDtxt i { display:block; font-size:13px; color:#fff;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#008cd6; padding-top:4px;}
#rightArrow{width:34px;height:102px;background:url(../images/sq.png) no-repeat #008cd6 4px; text-align:center; position:fixed;top:180px;right:128px;z-index:999; border-top-left-radius:4px; border-bottom-left-radius:4px;}
#rightArrow a{display:block;height:100%; width:100%;}



.img-box { margin-left:12px; margin-top:10px;}
.Top-in { float:left; width:100%; height:57px; background:#fff; text-align:center; margin:25px 0 30px;}
.Top-in li { display:inline-block; padding-left:40px; background-repeat:no-repeat; background-position:left; margin:0 80px;}
.Top-in li a { float:left ; width:100%; height:auto; line-height:57px; color:#717070; font-size:16px; }
.back1 { background-image:url(../images/ico5.png)}
.back2 { background-image:url(../images/ico6.png)}
.back3 { background-image:url(../images/ico7.png)}
.back4 { background-image:url(../images/ico8.png)}
.back5 { background-image:url(../images/ico9.png)}

.Top-in .back1:hover { background-image:url(../images/ico5s.png)}
.Top-in .back2:hover { background-image:url(../images/ico6s.png)}
.Top-in .back3:hover { background-image:url(../images/ico7s.png)}
.Top-in .back4:hover { background-image:url(../images/ico8s.png)}
.Top-in .back5:hover { background-image:url(../images/ico9s.png)}
.Top-in .back1.on { background-image:url(../images/ico5s.png)}
.Top-in .back2.on { background-image:url(../images/ico6s.png)}
.Top-in .back3.on { background-image:url(../images/ico7s.png)}
.Top-in .back4.on { background-image:url(../images/ico8s.png)}
.Top-in .back5.on { background-image:url(../images/ico9s.png)}
.Top-in li:hover a { color:#008cd6;}
.Top-in .on a { color:#008cd6;}
.news-max li:nth-child(1){background-image:url(../images/sico1.png)}
.news-max li:nth-child(2){background-image:url(../images/sico2.png)}
.news-max li:nth-child(1).on { background-image:url(../images/sico1s.png)}
.news-max li:nth-child(2).on { background-image:url(../images/sico2s.png)}


.Cont-box { float:left; width:100%; height:auto; background:#fff; padding-top:5px; padding-bottom:35px;}
.Cont-list { float:left; width:100%; height:auto;}
.Cont-list li { float:left; width:351px; height:350px; background:#f2f2f2; margin-left:34px; margin-top:36px; }
.Conbox { float:left; width:100%; height:163px; position:relative;}
.Conbox img { width:100%; height:163px;}
.Conbox span { font-size:20px; color:#ffffff; line-height:52px; position:absolute; bottom:0; left:20px;}
.Cont-info { float:left; width:100%; height:auto; box-sizing:border-box; padding:14px 18px;}
.Cont-info p { font-size:12px; color:#008cd6; line-height:24px; display:block; height:100px;}
.Cont-info i { font-size:14px; color:#3e3d3d; border-radius:200px; border:1px solid #0086d1; display:block; margin:0 auto; width:100px; height:30px; line-height:30px; text-align:center;}
.Cont-list li:hover { background:#fff; box-shadow:0 0px 4px 3px #ecebeb;}
.Cont-list li:hover i { background:#0086d1; color:#fff;}
.Demand { float:left; width:100%; height:auto; padding:60px; background:#fff; box-sizing:border-box;}
.Demand h2 { font-weight:400; font-size:16px; color:#008cd6; padding-left:29px; background:#ededed; line-height:46px;}
.Demand-form { float:left; width:100%; height:auto; padding:0 29px 30px; box-sizing:border-box; border:1px solid #ededed;}
.Demand-form span { font-size:14px; color:#717070; float:left; width:130px; line-height:32px;}
.Demand-box { float:left; width:100%; height:auto; padding:22px 0 12px; border-bottom:1px solid #ededed;}
.Demand-in { float:left; width:880px; height:auto;}
.Demand-in select { width:140px; height:30px; padding-left:10px; font-size:14px; border:1px solid #ededed; line-height:30px;}
.Demand-in p { float:left; width:100%; height:auto; font-size:14px; color:#a9a4a4; line-height:30px;}
.Demand-in i { font-size:14px; color:#a9a4a4; line-height:30px; margin-left:10px;}
.Demand-in input[type="text"] { width:300px; height:28px; padding-left:10px; font-size:14px; border:1px solid #ededed; line-height:30px; outline:none;}
.Demand-in textarea { width:860px; height:140px; padding-left:10px; padding-right:10px; font-size:14px; border:1px solid #ededed; line-height:30px; outline:none; resize:none;}
.submit{ width:114px; height:30px; background:#008cd6; border:1px solid #008cd6; color:#fff; font-size:14px; margin-left:130px; }

.Map { float:left; width:100%; height:auto; padding:54px; background:#fff; box-sizing:border-box;}
.Map-left { float:left; width:520px;}
.Map-left h3 { font-size:21.5px; color:#008cd6; line-height:36px; font-weight:400;}
.Map-left h5 { font-size:18px; color:#008cd6; line-height:24px; font-weight:400;}
.Map-left p { font-size:14px; color:#717070; line-height:26px;}
.Map-img { float:left; width:100%; height:auto; margin-top:30px;}
.Map-right { float:right; width:504px; height:auto;}
.Map-box { float:left; width:100%; height:auto; padding-bottom:24px;}
.Map-box strong { display:block; font-size:16px; color:#008cd6; background:url(../images/ico10.png) no-repeat left; font-weight:400; padding-left:80px; line-height:66px;}
.Map-box span { font-size:14px; color:#fff; background:#9e9e9e; border-radius:200px; padding:0 11px; line-height:20px; margin-top:20px; float:left;}
.Map-box p { float:left; width:100%; height:auto; font-size:14px; color:#717070; line-height:24px;}
.ico11 { background-image:url(../images/ico11.png) !important;}
.Banner-box { float:left; width:100%; height:257px; background: no-repeat center;}
.Leftbanner { float:left; width:618px; height:auto;}


/*焦点图*/
.focus{ position:relative; width:618px; height:353px; background-color: #000; float: left;}
.focus img{ width: 618px; height: 353px;}
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;}
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}
.focus .fPic{ position:absolute; left:0px; top:0px; }
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:80px; line-height: 80px; background:rgba(0,0,0,0.6);
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }
.focus .shadow a{ text-decoration:none; color:#fff; font-size:20px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }
.focus .fcon img{ display:block; }
.focus .fbg{bottom:-31px; left:0; position:absolute; height:4px; text-align:center; z-index: 200; }
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}
.focus .D1fBt a{position:relative; display:inline; width:40px; height:4px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}
.focus .D1fBt img{display:none}
.focus .D1fBt i{display:none; font-style:normal; }
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}
.focus .prev:hover{  background-position:0 0; }
.focus .next:hover{  background-position:-40px 0;}

.About-right { float:right; width:483px; height:auto;}
.About-right h6 { font-size:20px; color:#008cd6; line-height:41px; height:131px; float:left; width:100%; border-bottom:1px dashed #ebe8e8; font-weight:400;}
.About-right p { font-size:14px; color:#717070; line-height:30px; padding-top:70px; float:left; width:100%;}
.About-in { float:left; width:100%; height:auto; padding-bottom:110px;}
.Ulture { float:left; width:100%; height:auto; background:#f2f2f2; padding-bottom:80px;}
.Ulture-info { float:left; width:100%; height:auto; background:url(../images/back4.png) no-repeat center;}
.Ulture-l { float:left; width:358px; height:auto; margin-left:10px;}
.Ulture-box { float:left; width:100%; height:auto; border-bottom:1px dashed #d2cfcf; padding-bottom:50px;}
.Ulture-box h3 { font-size:20px; color:#008cd6; font-weight:400;}
.Ulture-box p { font-size:14px; color:#717070; line-height:30px; margin-top:6px;}
.Ulture-box2 { float:left; width:100%; height:auto; padding-top:50px;}
.Ulture-box2 h3 { font-size:20px; color:#008cd6; font-weight:400;}
.Ulture-box2 p { font-size:14px; color:#717070; line-height:30px; margin-top:6px;}
.Ulture-r { float:right; width:390px; height:auto;}

.Certific { float:left; width:100%; height:auto;}
.Certi-box { float:left; width:100%; height:auto; margin:40px 0 0; position:relative;}
.Swi-Title { float:left; width:100%; height:115px; background:#fff; position:relative; margin:24px 0;}
.Swi-list { float:left; width:100%; height:57px; border-bottom:1px solid #f2f2f2; text-align:center;}
.Swi-list>li { display:inline-block; margin:0 95px;}
.Swi-list>li>a { font-size:20px; color:#717070; line-height:57px;}

.Swi-list>.on>a{ color:#008cd6; background:#EDEDED; padding:5px;}
.Swi-list>.on>.list-none { display:block !important;}
.list-none { position:absolute; width:100%; height:57px; text-align:center; bottom:0; left:0; display:none;}
.list-none li { display:inline-block; margin:0 85px;}
.list-none li a { font-size:16px; color:#717070; line-height:57px; }
#li-pad li{ margin:0 30px;}
.list-none .on a { color:#008cd6;}
.Only { float:left; width:100%; height:auto; box-sizing:border-box; padding:20px; background:#fff;}
.Only-Title { float:left; width:100%; height:auto; background:#ededed;}
.Only-list { float:left; width:auto; height:46px;}
.Only-list li { float:left; width:auto; height:46px; padding:0 11px; margin-left:44px; line-height:43px; font-size:14px; color:#717070; border-top:3px solid #ededed; cursor:pointer;}
.Only-list .on { background:#fff; border-color:#008cd6; color:#008cd6;}
.Search { float:right; width:auto; height:auto; margin-top:8px; margin-right:8px;}
.Search input[type="text"]{ width:193px; height:30px; line-height:30px; padding-left:38px; box-sizing:border-box; background:url(../images/search.png) no-repeat 10px #fff; border:none; outline:none; float:left;}
.Search input[type="submit"]{ width:64px; height:30px; font-size:14px; color:#fff; background:#008cd6; border:none; outline:none; float:left;}
.Only-cont { float:left; width:100%; height:auto;}
.Only-info { float:left; width:100%; height:auto;}
.Only-info>li { display:none; float:left; width:100%; height:auto;}
.Only-info>.on { display:block;}
.Only-box { float:left; width:100%; height:auto;}
.Only-box h6 { font-weight:400; font-size:20px; color:#008bd5; line-height:72px;}
.Only-Table { float:left; width:100%; height:auto;}
.Only-Table th { background:#008cd6; text-align:center; color:#fff; font-weight:400; font-size:	14px; height:40px}
.Only-Table td { font-size:14px; color:#717070; text-align:center; height:78px;}
.Only-Table tr:hover { background:#d2deef;}
.Only-Table tr {background:#f2f2f2;}
.Only-Table td a { font-size:14px; color:#008cd6; display:block; width:78px; height:23px; border:1px solid #008cd6; border-radius:200px;  text-align:center; line-height:23px; margin:0 auto;}
.Only-Table td a:hover { background:#008cd6; color:#fff;}
.Zhrfc-box { float:left; width:100%; height:auto; margin-top:12px;}
.Fin-Top { float:left; width:100%; height:auto; background:#fff; box-sizing:border-box; padding:0 60px;}
.Finhead { float:left; width:100%; height:auto;}
.Finhead strong { font-size:20px; color:#008cd6; line-height:106px; font-weight:400;}
.Page-in { float:right; width:auto; height:auto;}
.Page-in span { font-size:14px; color:#008cd6; line-height:106px; margin-left:10px;}
.Page-in a { font-size:14px; color:#717070; line-height:106px;}
.SwiCont { float:left; width:100%; height:auto;}
.SwiTop { float:left; width:100%; height:46px; background:#ededed; box-sizing:border-box; padding-left:20px;}
.SwiTop ul { float:left; width:auto; height:auto;}
.SwiTop li { float:left; width:auto; height:auto; padding:0 15px; border-top:3px solid #ededed; text-align:center; line-height:43px; cursor:pointer; font-size:14px; color:#717070;}
.SwiTop .on { background:#fff; border-top-color:#008cd6; color:#008cd6;}
.isrcong { float:right; font-size:14px; color:#fff; width:auto; height:25px; border-radius:200px; background:#008cd6; padding:0 5px; line-height:25px; margin-right:23px; margin-top:10px;}
.Swi-info { float:left; width:100%; height:auto;}
.Swi-vivc { float:left; width:100%; height:auto; border-bottom:1px solid #e4e0e0;}
.Swi-vivc li { float:left; width:auto; height:auto; margin-right:28px; line-height:45px;}
.Swi-vivc li a { color:#717070; font-size:14px;}
.Swi-vivc li a:hover { color:#0088d4;}
.Swi-vivc .on a { color:#0088d4;}
.Swi-box { float:left; width:100%; height:auto; margin-top:5px;}
.Swi-ul { float:left; width:100%; height:auto;}
.Swi-ul>li { float:left; width:100%; height:auto; display:none;}
.Swi-ul>.on { display:block;}
.FileDow { float:left; width:100%; height:auto;}
.FileDow li { float:left; width:100%; height:auto; margin-top:15px;}
.FileDow li h3 { font-weight:400; font-size:14px; color:#717070; line-height:36px;}
.Fileinfo { float:left; width:100%; height:auto; border-top:1px solid #e4e0e0; background:#f2f2f2;}
.Fileinfo span { font-size:12px; color:#717070; margin-left:30px; line-height:36px; float:left;}
.Dows { float:right; margin-right:30px; color:#717070;}
.Dows a { font-size:12px; color:#717070; line-height:36px;}
.bul { color:#008cd6 !important;}
.Page { float:left; width:100%; height:auto; margin-top:32px; margin-bottom:32px;}
.Page a { font-size:12px; color:#666666; border:1px solid #cccccc; width:60px; height:30px; line-height:30px; text-align:center; background:#fff; float:left; margin-right:5px;}
.Page a:nth-child(1){ display:none;}
.Page b:nth-child(2){ display:none;}
.Page b {font-size:12px; color:#666666; text-align:center; line-height:30px;}
.Page span { font-size:12px; color:#666666; line-height:30px; float:left; margin-right:5px;}
.Page input[type="text"]{ width:30px; height:30px; border:1px solid #ccc; text-align:center; line-height:28px; float:left; outline:none; margin-right:5px;}
.Related { float:left; width:100%; height:auto; margin-top:32px; background:#fff; box-sizing:border-box; padding:0 60px 50px;}
.Related strong { font-weight:400; font-size:18px; color:#008cd6; line-height:24px; border-left:4px solid #008cd6; margin:42px 0 28px; float:left; padding-left:10px;}
.Related-li { float:left; width:106%; height:auto;}
.Related-li li { float:left; width:219px; height:203px; border:1px solid #f2f2f2; margin-right:60px; position:relative; text-align:center;}
.Related-li li img { float:left; width:100%; height:170px;}
.Related-li li span { float:left; width:100%; height:33px; line-height:33px; font-size:14px; color:#6a6868; background:#f2f2f2;}
.postblock { position:absolute; top:0; left:0; width:100%; height:203px; background:url(../images/ico12.png) no-repeat center #1896d8; text-align:center; padding-top:110px; box-sizing:border-box; display:none;}
.postblock p { font-size:14px; color:#fff; line-height:46px;}
.Related-li li:hover .postblock{ display:block !important;}
.Info { float:left; width:100%; height:auto; margin-top:30px;}
.Info h1 { font-weight:400; font-size:20px; color:#008cd6; line-height:35px; background:#e4e0e0; padding-left:12px;}
.Info-cont { float:left ;width:100%; height:auto; border-bottom:1px solid #e4e0e0;}
.Info-cont span { font-size:14px; color:#717070; line-height:36px; float:left; width:33%; height:auto; margin-top:10px;}
.Info-cont font { color:#008cd6;}
.Info-cont p { color:#717070; font-size:14px; line-height:36px;}
.Info h3 { font-weight:400; font-size:14px; color:#008cd6; line-height:43px; display:block; border-bottom:1px solid #e4e0e0;}
.xq-cont { float:left; width:100%; height:auto; padding:24px 0 2px;}
.xq-cont p { font-size:14px; color:#717070; line-height:28px;}
.xq-cont a { font-size:15px; color:#fff; background:#23b7e5; text-align:center; width:126px; height:35px; line-height:35px; border-radius:3px; float:left; margin-top:43px;}
.Apply { float:left ;width:100%; height:auto; margin-top:44px; padding-bottom:100px;}
.Apply-let { float:right; width:456px; height:auto; text-align:center; padding-top:90px;}
.Apply-box { float:left; width:590px; height:auto;}
.Apply-box p { font-size:14px; color:#858484; line-height:25px;}
.textbox { float:left; width:253px; height:auto; margin-right:6px; margin-top:28px;}
.textbox input[type="text"]{ width:100%; height:32px; border:none; background:#f2f2f2; box-sizing:border-box; padding-left:10px; line-height:32px; margin-bottom:7px; outline:none;}
.textarea { float:left; width:auto; height:auto; margin-top:28px;}
.textarea textarea { float:left; width:330px; height:188px; box-sizing:border-box; padding:0 10px; line-height:32px; border:none; background:#f2f2f2; outline:none; resize:none;}
#submit { float:right; width:52px; height:32px; background:#008cd6; color:#fff; margin-top:7px; border:none;}
.Proinfo { float:left; width:100%; height:auto; margin-top:40px; padding-bottom:60px;}
.Proimg { float:left; width:222px; height:206px;}
.Proimg img { width:100%; height:100%;}
.Porcont { float:right; width:738px; height:auto;}
.Porlist { float:left; width:100%; height:auto; padding-bottom:30px; border-bottom:1px solid #e8e8e8;}
.Porlist span { float:left; width:50%; height:auto; font-size:18px; color:#717070; line-height:32px;}
.Porlist span font { color:#008cd6;}
.Porcont h6 { font-weight:400; font-size:14px; color:#6a6868; line-height:84px;}
.Porct { float:left; width:100%; height:auto;}
.Procing { float:left; width:370px; height:auto;}
.Procing h5 { font-weight:100; font-size:16px; color:#008cd6; line-height:66px; display:block;}
.Procing p { font-size:12px; color:#717070; line-height:24px; letter-spacing:0.1px;}
.Procing span{ font-size:12px; color:#717070; line-height:24px; letter-spacing:0.1px;}



.Newcont { float:left; width:100%; height:auto; background:#fff; padding:20px 60px 60px; box-sizing:border-box;}
.Newcont>ul>li { float:left; width:100%; height:auto; border-bottom:1px dashed #d4d4d4; padding:30px 0;}
.Newcont>ul>li img { float:left; width:272px; height:170px;}
.New-sinfo { float:left; width:600px; height:auto; margin-top:10px; margin-left:50px;}
.New-sinfo strong { font-weight:400; font-size:22px; color:#333333; line-height:60px;}
.Newbotinfo { float:left; width:100%; height:auto; margin-top:10px;}
.Newbox { float:left; width:52px; height:52px; background:#c2cacb; text-align:center; box-sizing:border-box; padding-top:3px;}
.Newbox b { display:block; font-size:21.5px; color:#fff; text-align:center;}
.Newbox i { display:block; font-size:12px; color:#fff; text-align:center;}
.Newbotinfo p { font-size:14px; color:#717070; line-height:26px; float:left; width:515px; height:auto; margin-left:16px;}
.Share-box { float:right; width:80px; height:auto; margin-top:20px;}
.Share-box span { font-size:14px; color:#b2b7bd; line-height:52px; border-bottom:1px dashed #d4d4d4; display:block; box-sizing:border-box; padding-left:38px; background:url(../images/sico3.png) no-repeat left;}
.Share-box a { font-size:14px; color:#b2b7bd; display:block; padding-left:42px; background:url(../images/sico4.png) no-repeat left; line-height:40px; margin-top:5px;}
.Newcont>ul>li:hover strong { color:#008cd6;}
.Newcont>ul>li:hover .Newbox { background:#008cd6;}

.Newtitle { float:left ; width:100%; height:auto; border-bottom:1px solid #c2cacb; margin-top:20px;}
.Newtitle h1 { font-weight:400; font-size:22px; color:#333333; line-height:100%; padding-bottom:42px;}
.Intecont { float:left; width:100%; height:auto;}
.Intecont span { font-size:12px; color:#9a9393; line-height:46px;}
.Intecont a { font-size:12px; color:#9a9393; line-height:46px; padding-left:15px; margin:0 5px;}
.Intecont .Sa1 { background:url(../images/sico5.png) no-repeat left;}
.Intecont .Sa2 { background:url(../images/sico6.png) no-repeat left;}
.Newbox-info { width:820px; height:auto; text-align:center; float:left; margin-left:130px;font-size:14px; color:#717070; text-align:left; line-height:26px; margin-top:40px;}
.Newbox-info p  span div{  padding:50px 0;}
.Turedict { float:left; width:100%; height:auto;}
.Turetitle { float:left; width:100%; height:30px; background:url(../images/sico7.png) repeat-x center; margin-top:70px;}
.Turetitle strong { font-size:18px; color:#fff; display:block; width:122px; height:30px; line-height:30px; text-align:center; background:#1595d9; font-weight:400;}
.Turelist { float:left; width:100%; height:auto; margin-top:18px; border-bottom:1px solid #d4d4d4; padding-bottom:20px;}
.Turelist li { float:left; width:100%; height:auto; border-bottom:1px dashed #d4d4d4;}
.Turelist li span { font-size:14px; color:#717070; line-height:40px;}
.Turelist li a { float:right; font-size:14px; color:#b2b7bd; line-height:40px;}
.Botcont { float:left; width:100%; height:auto;}
.Page-box { float:right; line-height:80px;}
.Page-box span { font-size:12px; margin-left:6px; color:#626262;}
.Page-box span a { color:#626262;}
.Share { float:left; margin-top:30px;}



/*********2016-06-07****************/
.Ottbox { float:left; width:100%; height:auto;}
.Ottbox>h2 { font-size:20px; color:#008cd6; line-height:106px; border-bottom:1px solid #e4e0e0; font-weight:400;}
.Ottlist { float:left; width:100%; height:auto; margin-top:10px;}
.Ottlist li { float:left; width:100%; height:auto; padding:28px 0; border-bottom:1px dashed #d4d4d4;}
.Ottlist li img { float:left; width:205px; height:136px;}
.noticebox { float:right; width:826px; height:auto; box-sizing:border-box; padding-right:15px; margin-top:10px;}
.noticebox h3 { font-size:22px; color:#333333; line-height:46px; font-weight:400;}
.intice_box { float:left; width:100%; height:auto;}
.intice_box p { font-size:12px; color:#626262; line-height:26px; float:left; width:730px; height:78px;}
.time_box { float:right; background:#c2cacb; width:52px; height:52px; text-align:center; box-sizing:border-box; padding-top:8px;}
.time_box strong { font-size:21.5px; color:#ffffff; line-height:22px; display:block;}
.time_box span { font-size:12px; color:#ffffff; line-height:120%; display:block;}
.Ottlist li:hover { background:#f2f2f2;}
.Ottlist li:hover .time_box { background:#008cd6; }

/*2016-6-26*/

.you-info{ width:100%; height:auto; float:left;  background:#fff; margin-top:13px;}
.You-Itop{ text-align:center;}
.You-Itop h3{ font-size:35px; color:#0086d1; line-height:72px; width:100%; text-align:center; margin-top:15px; font-weight:100; background:url(../images/h3ico.jpg) center bottom no-repeat;}
.You-Itop span{ margin:auto; line-height:50px; color:#afadad; font-size:21px; text-transform:capitalize; }
.You-Itop p{ font-size:16px; color:#717070; text-align:center; width:100%; line-height:35px;}
.Nav-You{ width:1074px;height:auto; margin:30px auto;}
.Nav-You #li1 li{ background:url(../images/Yico1-1.png) no-repeat;}

.Nav-You #li2 li{ background:url(../images/Yico2.png) no-repeat;}
.Nav-You #li3 li{ background:url(../images/Yico3.png) no-repeat;}
.Nav-You #li4 li{ background:url(../images/Yico4.png) no-repeat;}
.Nav-You #li5 li{ background:url(../images/Yico5.png) no-repeat;}
.Nav-You #li6 li{ background:url(../images/Yico6.png) no-repeat;}
.Nav-You #li1 .on{background:url(../images/Yico1.png) !important;}
.Nav-You #li2 .on{background:url(../images/Yico2-1.png) !important;}
.Nav-You #li3 .on{background:url(../images/Yico3-1.png) !important;}
.Nav-You #li4 .on{background:url(../images/Yico4-1.png) !important;}
.Nav-You #li5 .on{background:url(../images/Yico5-1.png) !important;}
.Nav-You #li6 .on{background:url(../images/Yico6-1.png) !important;}

.Nav-You li{ width:179px; height:92px; float:left;}
.Nav-You li div{ width:90px; height:auto; float:right; margin-right:12px; margin-top:15px;}
.Nav-You li div span{ color:#fff; font-size:16px; float:left; line-height:23px; color:#008cd6;}

.You-text{ width:1070px; height:auto; margin:auto;}

.product-max{    padding: 120px 20px 100px 20px;
    background: #f5f5f5;}
.product-max .w1190{ overflow: hidden;}

.Ind-text-M{ width:100%; background:#fff; float:left; height:auto; padding-top:20px;}
.Ind-text{ width:1070px; height:auto; margin:auto;}
.titleimg{ width:100%; float:left;}
.Titlediv{ width:100%; font-size:20px; margin:40px auto; background:#ededed; line-height:46px; text-indent:18px;  color:#008cd6; height:46px; float:left;}


.bottom{ background: #333; padding-top: 30px; margin-top: 100px; }
footer{background:#333;margin-top:40px; overflow:hidden;}
.footer .footer-top{padding:30px 0;width:1200px;margin:0 auto; overflow:hidden;}
.footer .footerItem{float:left;width:14%}
.footer .footerItem:first-child{width:20%}
.footer .footerItem:last-child{width:38%}
.footer .footerItem:first-child img{margin-bottom:8px;margin-top:-5px}
.footer .footerItem:last-child img{margin-top:3px}
.footer .footerItem .subscription{border-top:0;padding:15px 0;background:0}
.footer .footerItem .subscription .el-input-group__append{background:#da271f;border:0;color:#FFF}
.footer .footerItem .social-share .social-share-icon{margin-bottom:10px}
.footer .footerItem p.title{color:#fff;line-height:24px;margin:0;margin-bottom:12px;text-align:left;font-size:14px}
.footer .footerItem li a{color:#b3b3b3;line-height:24px}
.footer .footerItem>img{width:102px}
.footer .footerItem>p{color:#fff;line-height:24px}
.footer .footer-bottom{background:#181818;padding:10px 25px 0 25px;text-align:center}
.footer .footer-bottom p{line-height:25px;color:#fff;text-align:center;padding-bottom:5px}
.footer .footer-bottom img{width:285px;margin-bottom:10px}
.footer .footer-bottom p a{color:#fff;padding:0 10px;cursor:pointer}
#cnzz_stat_icon_1261745636{transform:translate(-50%,0);left:80%;bottom:10px;position:absolute}
div#storeSearch{height:77px;text-align:center;word-spacing:0;padding-top:21px;position:absolute;top:-100px;background-color:#000;left:50%;z-index:99;width:1200px;margin-left:-600px}
div#storeSearch>div,div#storeSearch>input,div#storeSearch>p{display:inline-block;vertical-align:middle}
div#storeSearch>p{width:120px;height:50px;background:#da271f;color:#fff;margin-right:10px;line-height:50px}
div#storeSearch>input{width:318px;height:48px;border:1px solid #da271f;padding-left:22px;color:#333}
div#storeSearch>div.search_result{width:100px;height:50px;background:#da271f;opacity:1;cursor:pointer;color:#fff;line-height:50px}
div#storeSearch>div img{margin-top:-4px}div#storeSearch>input::-webkit-input-placeholder{color:#b9b9b9}
.gz-list li{ float: left; margin-right: 15px; }
.gz-list li a{ font-size: 18px; color: #fff!important; }
.gz-list li a span{ padding-left: 30px; background: url(../images/footer06.png) left center no-repeat; display: block; margin-top: 2px; }
.gz-list li .dropdown-menu a{ color: #333!important; display: block; font-size: 16px!important; padding:5px 15px; }
.dropdown{ background: url(../images/07.png) right center no-repeat; padding-right: 30px; }
.footer .footerItem li a:hover{ color: #fff; }
.header-r a:hover,.title-a a:hover,.shop-list-tt a:hover,.wd-title a:hover,.footer-bottom p a:hover{ color: #0da0e6; }
.news-tt a:hover{ text-decoration: underline!important; }
.x-nav{
    min-height: 20px;
    line-height: 20px;
}
.x-nav i{
    font-size: 14px;
}
.x-nav a{
    font-size: 14px;
    color: #757575;
    font-weight: bold;
}
.x-nav .blue{
    color: #0070bb;
}
.contentbig{
    margin-top: 20px;
}
.max60{
    width: 60%;
    margin: 0 auto;

}
.x-red{
    color: red;
}
.height30{
     height: 30px;
 }
.height20{
    height: 20px;
}
.bba{
    color: #0070bb;
}
.loginbtn{
    padding: 5px 10px;
    border-radius: 4px;
    color: #fff;
    border: 1px solid #004792;
    background: #0070bb;
    background-image: -webkit-linear-gradient(top,#0070bb 0%,#004792 100%);
    background-image: -o-linear-gradient(top,#0070bb 0%,#004792 100%);
    background-image: linear-gradient(to bottom,#0070bb 0%,#004792 100%);
    background-repeat: repeat-x;
}
.rightcontent{
    margin-top: 20px;
}
#headerNav li a:hover{
    color: #008cd6;
}
#headerNav li{
    position: relative;
}
#headerNav li .childmenu{
    position: absolute;
    left: 0;
    display: flex;
    justify-content: flex-start;
    box-shadow: 0 0 20px 0 rgb(169 169 169/30%);
    background: #fff;
    z-index: 99;
    min-height: 80px;
}
#headerNav li .childmenu .left{
    width: 170px;

    padding: 5px 0px;
    border-right: 1px solid #e0e4e9;
}
#headerNav li .childmenu .left li{
    height: 35px;
    display: flex;
    align-items: center;
    width: 100%;
}
#headerNav li .childmenu .left li a{
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    padding:0 5px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    color: #333;
}

#headerNav li .childmenu .right{
    height: 100%;
    width: 450px;
    padding: 10px;
}
#headerNav li .childmenu .right div{
    height: auto;
    line-height: normal;
}
#headerNav li .childmenu .right a{
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #008cd6;
}
#headerNav li .childmenu .right .top{
    display: flex;
    justify-content: space-between;
}
#headerNav li .childmenu .right .content{
    width: 100%;
}
#headerNav li .childmenu .right .content .row-item{
    display: block;
    width: 140px;
    float: left;
    margin: 10px 5px;
}
#headerNav li .childmenu .right .content .row-item:hover{
    box-shadow: 0 0 20px 10px rgba(169,169,169,.3);
}
#headerNav li .childmenu .right .content .row-item .img{
    width: 100%;
    height: 80px;
    background: #3c3c3c;
    margin-bottom: 5px;

}
#headerNav li .childmenu .right .content .row-item .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#headerNav li .childmenu .right .content .row-item .cate_name{
    font-size: 12px;
    width: 100%;
    text-align: center;
    overflow:hidden;

    white-space: nowrap;

    text-overflow: ellipsis;
}
.page{
    text-align: center;

}
.page a{
    display: inline-block;
    background: #fff;
    color: #888;
    padding: 5px;
    min-width: 15px;
    border: 1px solid #E2E2E2;

}
.page span{
    display: inline-block;
    padding: 5px;
    min-width: 15px;
    border: 1px solid #E2E2E2;
    cursor: pointer;
}
.page span.current{
    display: inline-block;
    background: #008cd6;
    color: #fff;
    padding: 5px;
    min-width: 15px;
    border: 1px solid #008cd6;
}
.page .pagination li{
    display: inline-block;
    margin-right: 5px;
    text-align: center;
}
.page .pagination li.active span{
    background: #008cd6;
    color: #fff;
    border: 1px solid #008cd6;

}
button.el-button{
    border-color: transparent;
    background-color: transparent;
    color: inherit;
    border-top: 0;
    border-bottom: 0;
}
body{

}
.blue{
    color: #008cd6;
}
button{
    cursor: pointer;
}