@media(min-width:1025px){
    .Top002262{position:absolute;top:0;left:0;width:100%;background:none}
}

.index_banner{position:relative;max-width:100%;margin:auto;top:0}
.index_banner .banner_item{width:100%;height:auto}
.index_banner   .owl-dots{position:absolute;bottom:5%;left:0;right:0;margin:auto;text-align:center}
.index_banner  .owl-dots .owl-dot{display:inline-block;height:50px;width:50px;border:1px solid transparent;position:relative;border-radius:50%;margin:5px;box-sizing:border-box;outline:none}
.index_banner  .owl-dots .owl-dot.active{border:1px solid #fff}
.index_banner  .owl-dots .owl-dot::after{content:"";display:block;height:7px;width:7px;position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%;background:#fff;margin:auto}
.index_block .title{text-align:center;margin:2% 0;line-height:40px;font-size:40px;font-weight:bold;letter-spacing:4px;color:#0086c4;position:relative;background-repeat:no-repeat;background-position:center 40%;background-size:auto 50%}
.index_block .title::after{content:"";display:block;width:40px;height:2px;background-color:#ffb400;margin:3% auto 0}

.index_product .title{margin: 2% 0 1%; background-image:url(../images/product-title.png)}
.index_product .search{background:#0086c4 url(../images/bg_3.jpg) no-repeat center center;background-size:cover}
.index_product .search .s-search{max-width:600px;margin:0 auto;padding:0.8% 0}
.index_product .search .s-search .s-text{position:relative}
.index_product .search .s-search .s-text .text{width:100%;height:50px;line-height:50px;padding:0 50px 0 15px;color: #999;}
.index_product .search .s-search .s-text .btn{width:50px;height:50px;position:absolute;top:0;right:0;display:block;background:url(../images/Top002262-search.png) no-repeat center center}
.index_product .search .s-search .s-key{margin-top:2%;color:#DAE6EB;line-height:24px}
.index_product .search .s-search .s-key a{margin:0 2% 0 0;margin-right:2%;display:inline-block;color:#DAE6EB}
.index_product .search .s-search .s-key a:hover{color:#fff}
.index_product .carousel{margin:2.5% 0 3%}
.index_product .goods  a{box-sizing:border-box;border:1px solid #e0f0f6;border-right:6px solid #e0f0f6;background-color:#f8fdff;display:block}
.index_product .img{padding-bottom:67%;background-repeat:no-repeat;background-position:center center;background-size:cover;border-bottom:1px solid #e0f0f6}
.index_product .desc{padding:7% 0;background-color:#fff}
.index_product .desc h3{text-align:center;font-size:20px;font-weight:normal}
.index_product .desc p{padding:0 10% 0 30%;color:#999999;position:relative;margin-top:4%;display:-webkit-box;line-height:1.6}
.index_product .desc p::after{content:attr(data-label);position:absolute;width:30%;text-align:right;top:0;left:0}
.index_product a:hover  .desc{background-color:#199e55;color:#fff}
.index_product a:hover .desc p{color:#fff}

.index_case{background:url(../images/bg_4.jpg) no-repeat center center;background-size:cover;overflow:hidden}
.index_case .title{background-image:url(../images/case-title.png);color:#fff}
.case_banner{position:relative;margin:auto;padding-bottom:3%}
.case_banner  a{display:block;float:left;width:100%;margin:0;overflow:hidden}
.case_banner .img{padding-bottom:66%;background-repeat:no-repeat;background-position:center center;background-size:cover}
.case_banner .desc{position:relative;padding:0 6% 8%;background:#fff;text-align:center}
.case_banner .desc h3{font-size:20px;font-weight:normal;padding-top:58px}
.case_banner .desc  p{margin-top:4%;color:#999999;line-height:1.6}
.case_banner  a:hover .desc{background-color:#199e55}
.case_banner  a:hover .desc h3,.case_banner  a:hover .desc p{color:#fff}
.case_banner .desc .icon{position:absolute;height:100px;width:100px;border-radius:50%;background-color:#fff;top:0;left:0;right:0;margin:auto;transform:translateY(-50%)}
.case_banner .desc .img{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.case_banner .owl-dots{margin:3% auto 0;text-align:center}
.case_banner .owl-dots .owl-dot{display:inline-block;width:14px;height:13px;background-color:#ffffff;opacity:0.5;border-radius:50%;margin:0 10px;outline:none}
.case_banner .owl-dots .owl-dot.active{opacity:1}

.index_introduce{background:url(../images/bg_6.png) no-repeat center bottom;background-size:100% auto;overflow:hidden}
.index_introduce .title{background-image:url(../images/introduce-title.png)}
.index_introduce .content{position:relative;padding-bottom:5%}
.index_introduce .left{width:65%;position:relative;z-index:10}
.index_introduce .right{width:40%;height:500px;background:url(../images/bg_5.png) no-repeat center center;background-size:cover;position:absolute;right:0;top:50px;padding:60px 60px 60px 115px;box-sizing:border-box}
.index_introduce  h1{font-size:19px;color:#ffffff;position:relative;margin:0}
.index_introduce .line{width:21px;height:1px;background-color:#ffb400;margin:20px 0 30px}
.index_introduce .detail{line-height:30px;color:#ffffff;margin:0}
.index_introduce .phone{display:inline-block;font-size:16px;color:#ffffff;padding:15px 20px;border:1px solid rgba(255,255,255,0.2);margin-top:25px;border-radius:100px}
.index_introduce .phone span:nth-child(2){font-weight:600}
.index_introduce .more{position:absolute;bottom:100px;left:0;width:252px;height:56px;z-index:100;display:block;line-height:56px;text-align:right;padding-right:50px;background:#34bc71;color:#fff;overflow:hidden}
.index_introduce .more::after{content:"";display:block;width:50px;height:50px;background-color:#ffffff;position:absolute;bottom:0;right:0;border-left:2px solid #0186c4;transform:rotate(45deg) translate(80%)}

.index_honor{overflow:hidden}
.index_honor .title{background-image:url(../images/honor-title.png)}
.honer_banner{position:relative;margin:auto;padding-bottom:3%}
.honer_banner .item{padding-right:50%}
.honer_banner  .num{font-weight:bold;font-size:60px;color:#199e55}
.honer_banner .num .label{display:inline-block;margin-left:10px}
.honer_banner .num .label div:first-child{position:relative;padding-left:20px;font-size:24px}
.honer_banner .num .label div:first-child::after{content:"";display:block;width:12px;height:3px;background-color:#199e55;position:absolute;top:0;bottom:0;left:0;margin:auto}
.honer_banner .num .label div:last-child{font-weight:bold;font-size:20px;letter-spacing:2px;color:#cbd2ce}
.honer_banner .owl-item:nth-child(1) .num_no::before{content: "00"}
.honer_banner .owl-item:nth-child(1) .num_no::before{content: "01"}
.honer_banner .owl-item:nth-child(2) .num_no::before{content: "02"}
.honer_banner .owl-item:nth-child(3) .num_no::before{content: "03"}
.honer_banner .owl-item:nth-child(4) .num_no::before{content: "04"}
.honer_banner .owl-item:nth-child(5) .num_no::before{content: "05"}
.honer_banner .owl-item:nth-child(6) .num_no::before{content: "06"}
.honer_banner .owl-item:nth-child(7) .num_no::before{content: "07"}
.honer_banner .owl-item:nth-child(8) .num_no::before{content: "08"}
.honer_banner .owl-item:nth-child(9) .num_no::before{content: "09"}
.honer_banner .list{margin-top:8%}
.honer_banner .list li{font-size:16px;color:#666666;position:relative;margin-bottom:20px;padding-left:30px}
.honer_banner .list li::after{content:"";display:block;width:10px;height:10px;border:solid 2px #199e55;opacity:0.6;transform:rotate(45deg) translateY(-50%);position:absolute;left:0;top:10px}
.honer_banner .item .img{width:calc(50% - 20px);position:absolute;bottom:0;right:0}
.honer_banner .owl-dots{margin:3% auto 0;text-align:center}
.honer_banner .owl-dots .owl-dot{display:inline-block;background-color:#c8eafa;width:13px;height:13px;border-radius:50%;margin:0 10px;outline:none}
.honer_banner .owl-dots .owl-dot.active{background-color:#0086c4}

.index_new{background-color:#f8fdff;overflow:hidden}
.index_new .title{background-image:url(../images/new-title.png)}
.index_new .carousel{padding-bottom:3.5%}
.index_new  a{display:block;box-sizing:border-box;padding:15px;border:solid 5px transparent}
.index_new a:hover{border:solid 5px #0086c4}
.index_new .out .img{padding-bottom:74%;background-repeat:no-repeat;background-position:center center;background-size:cover}
.index_new .out .h3{position:relative;padding:35px 30px 40px;text-align:center;font-size:18px;letter-spacing:1px;margin:0;color:#333}
.index_new .out .h3::after{content:'';position:absolute;bottom:18px;left:0;right:0;margin:auto;display:block;width:70px;height:3px;background-color:#199e55}
.index_new .out p{line-height:1.8;color:#999999;text-align:center;margin:0}
.index_new .in{display:none}
.index_new .in .img{padding-bottom:74%;background:url("../uploadfiles/image/index-new1.png") no-repeat center center;background-size:100% 100%}
.index_new .in .h3{position:relative;padding:5px 30px 40px;text-align:center;font-size:18px;letter-spacing:1px;margin:0;color:#333}
.index_new .in p::after{content:'';position:absolute;top:-18px;left:-30px;margin:auto;display:block;width:70px;height:3px;background-color:#0086c4}
.index_new .in p{position:relative;line-height:1.8;color:#999999;text-align:center;margin:0 0 30px 0}
.index_new a:hover .in{display:block}
.index_new a:hover .out{display:none}

.index_style{background:url(../images/index-style.jpg) no-repeat center 56%;overflow:hidden}
.index_style .title{background-image:url(../images/style-title.png)}
.style_banner{max-width:1200px;position:relative;margin:-6px auto 2%}
.style_banner .item{width:100%}
.style_banner  a{position:relative;display:block;float:left;width:100%;margin:0;overflow:hidden}
.style_banner .img{padding-bottom:70%;background-repeat:no-repeat;background-position:center center;background-size:cover}
.style_banner .desc{position:relative;padding:0 10% 8%;background:#fff;overflow:hidden}
.style_banner .desc .h3{padding:8% 0 0;font-size:20px;color:#333333;text-align:center}
.style_banner .desc p{padding:4% 0 0;position:relative;color:#999999}
.style_banner .desc::after{content:"";display:block;width:24px;height:2px;background-color:#0086c4;margin:6% auto 0}
.style_banner  a:hover .desc{background-color:#199e55}
.style_banner  a:hover .desc::after{background-color:#ffffff}
.style_banner  a:hover .desc h3,.style_banner  a:hover .desc p{color:#fff}
.style_banner .owl-dots{margin:2% auto 0;text-align:center}
.style_banner .owl-dots .owl-dot{display:inline-block;width:13px;height:13px;background-color:#0086c4;opacity:0.5;border-radius:50%;margin:0 10px;outline:none}
.style_banner .owl-dots .owl-dot.active{opacity:1}

.index_partner{overflow:hidden}
.index_partner .title{background-image:url(../images/partner-title.png)}
.partner_banner{padding:0 5px;position:relative;margin:0 auto 3%}
.partner_banner .item,.partner_banner a{display:inline-block;height:113px;width:calc(100% - 30px);border:1px solid #e1e1e1;margin:0 15px;overflow:hidden}
.partner_banner .item:hover,.partner_banner a:hover{border:1px solid #199e55}
.partner_banner.owl-carousel .item  img,.partner_banner.owl-carousel a  img{width:auto;max-width:100%;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}
.partner_banner.owl-carousel .owl-nav,.partner_banner.owl-carousel .owl-nav.disabled{display:block;position:absolute;height:0px;top:0;bottom:0;left:0;right:0;margin:auto}
.partner_banner.owl-carousel .owl-nav button.owl-next,.partner_banner.owl-carousel .owl-nav button.owl-prev{position:absolute;top:0;bottom:0;margin:auto;height:40px;width:40px;color:transparent;background:url("../images/partner-prev.png") no-repeat center center;background-size:100% 100%;outline:none}
.partner_banner.owl-carousel .owl-nav button.owl-next{background-image:url("../images/partner-next.png");right:0}
.partner_banner.owl-carousel .owl-nav button.owl-prev{left:0}
.partner_banner .owl-dots{display:none}

@media (max-width:1200px){
    .index_product .input,.index_product .hot-words{width:60%}
    .index_banner .owl-dots .owl-dot{height:40px;width:40px}
    .index_introduce .left{width:100%}
    .index_introduce .right{position:relative;width:100%;height:auto;padding:60px}
    .index_introduce .more{position:relative;top:0;left:0;margin-top:4%;padding:0;width:150px;height:44px;line-height:44px;text-align:center;color:#fff;overflow:hidden}
    .index_introduce .right{top:10px}
    .style_banner,.case_banner,.index_product .goods,.index_new .content,.index_partner{box-sizing:border-box;padding-left:10px;padding-right:10px;width:100%}
}

@media (max-width:900px){
    .index_banner .owl-dots .owl-dot{height:30px;width:30px}
    .index_block .title{font-size:30px}
    .index_introduce .right{padding:30px 20px}
}

@media (max-width:720px){
    .index_banner .owl-dots .owl-dot{height:25px;width:25px}
    .index_product .search .s-search{padding:4% 0}
    .honer_banner .item .img{position:relative;width:100%}
    .case_banner .owl-dots .owl-dot{margin:0 5px}
    .honer_banner .item{padding:0}
    .honer_banner .num .label{margin:0}
    .honer_banner .list{margin-top:30px}
    .honer_banner .num{font-size:50px}
    .honer_banner .num .label div:first-child{font-size:20px}
    .honer_banner .num .label div:last-child{font-size:16px}
    .honer_banner .owl-dots{margin: -6% auto 0; position: relative; z-index: 2;}
    .honer_banner .owl-dots .owl-dot{margin:0 5px}
}

@media (max-width:480px){
    .index_product .goods li{width:100%;margin:0 0 20px;padding:0 20px;box-sizing:border-box}
    .index_new li{width:100%;margin:0 0 20px;padding:0 20px;box-sizing:border-box}
}