body{ background: #f6fafb;}
.service{padding: 20px 25px;  background: white;box-shadow: #e6e6e6 0px 0px 15px;
    -webkit-box-shadow: #e6e6e6 0px 0px 15px;}
.serviceNav{width: 107%;}
.serviceNav a{float: left; font-size: 25px; color: #666666; height: 68px; line-height: 68px; padding: 0 94px; background: #f7f7f7;}
.serviceNav a:hover{color: white; background: #265b97;}
.serviceNav .on{color: white; background: #265b97;box-shadow: #e6e6e6 0px 0px 15px;
    -webkit-box-shadow: #e6e6e6 0px 0px 15px;}
.main{padding: 20px; background: white;border:1px solid #f3f3f3 }
.work01{border-bottom: 4px solid #eeeeee; margin-top: 25px; padding-bottom: 30px;}
.work055Main .txt{
    cursor: pointer !important;
}
.tit{ border-bottom:#f0f0f0 1px solid; height:44px; margin-bottom:4px;}
.tit span{ display:block; float:left;}
.tit span.tit-1{ width:61px; height:48px; line-height:40px; background:url(tit-icon01.jpg) no-repeat; text-indent:14px; position:relative;}
.tit span.tit-2{ display:inline-block; height:48px; line-height:48px; background:url(tit-icon03.jpg) repeat-x; font-size:22px; color:#265b97; padding:0 10px 0 15px;}
.tit span.tit-3{ width:30px; height:48px; background:url(tit-icon02.jpg) no-repeat;}
.tit span.tit-1 img{ position:absolute; top:12px; left:12px; max-width:22px; max-height:22px;}
.tit span.tit-2 a{ color:#265b97; text-decoration:none;}

.work01Main{width: 110%;}
.work01Main .title{width: 245px; height: 40px; text-align: left; margin-left: 67px; margin-top: 15px;}
.work01Main .ico{ float: left; width: 357px; height: 107px; background: white;border:1px solid #fbfcfd;box-shadow: #e6e6e6 0px 0px 15px;-webkit-box-shadow:#e6e6e6 0px 0px 15px; margin-top: 30px; margin-right: 20px;}
.2023new{
 width: 350px;
    margin-left: 5px;margin-top: 25px;
}
.work01Main .img{ width: 56px; height: 100%;  display: inline-block; margin: 0 auto; }
.work01Main .txt{display: inline-block; font: 20px; cursor:default; color: black; vertical-align: top; width: auto; text-align: left; height: 40px; line-height: 40px;  }
.work01Main .txt:hover{ color: black;}
.work01Main .click{ width: 265px; text-align: left; height: 20px; margin-left: 65px; margin-top: 14px; }
.work01Main .click a{ display: inline-block; margin: 0 10px; font-size: 16px; color: #265b97; margin-top: 10px;}
.work01Main .child a{display: inline-block; padding: 0 10px;}
.work01Main >a:nth-child(1) .img{ background: url(patent01.png) no-repeat center;}

.work01Main .on{ background: #bd5252;}
.work01Main .on .txt{ color: white;}
.work01Main .on a{ color: white;}

.work01Main span{ display: block;margin: 0 auto;text-align: center;  margin-top: 10px; font-size: 16px; color: #333333;}

/*pc 20201231*/
.work03Main{width: 110%;}
.work03Main .title{width: 260px; height: 40px; text-align: left; margin-left: 67px; margin-top: 15px;}
.work03Main .ico{ float: left; width: 357px; height: 107px; background: white;border:1px solid #fbfcfd;box-shadow: #e6e6e6 0px 0px 15px;-webkit-box-shadow:#e6e6e6 0px 0px 15px; margin-top: 30px; margin-right: 20px;}

.work03Main .img{ width: 56px; height: 100%;  display: inline-block; margin: 0 auto; }
.work03Main .txt{display: inline-block; font: 20px; cursor:default; color: black; vertical-align: top; width: auto; text-align: left; height: 40px; line-height: 40px;  }
.work03Main .txt:hover{ color: black;}
.work03Main .click{ width: 265px; text-align: left; height: 20px; margin-left: 65px; margin-top: 14px; }
.work03Main .click a{ display: inline-block; margin: 0 10px; font-size: 16px; color: #265b97; margin-top: 10px;}
.work03Main .child a{display: inline-block; padding: 0 10px;}
.work03Main >a:nth-child(1) .img{ background: url(zhuanlisf01.png) no-repeat center;}
.work03Main .ico:first-child .img {background: url(zhuanlisf01.png) no-repeat center;}
.work03Main .ico:first-child:hover .img {background: url(zhuanlisf01_1.png) no-repeat center;}
.work01Main #iconew:first-child .img {background: url(zhuanlisf01.png) no-repeat center;}
.work01Main #iconew:first-child:hover .img {background: url(zhuanlisf01_1.png) no-repeat center;}

.work03Main .on{ background: #bd5252;}
.work03Main .on .txt{ color: white;}
.work03Main .on a{ color: white;}

.work03Main span{ display: block;margin: 0 auto;text-align: center;  margin-top: 10px; font-size: 16px; color: #333333;}
/*pc 20201231 end*/

.work01_1Main{width: 110%;}
.work01_1Main .title{width: 263px; height: 40px; text-align: center; margin: 0 auto; margin-top: 15px;}
.work01_1Main .ico{ float: left; width: 357px; height: 107px; background: white;border:1px solid #fbfcfd;box-shadow: #e6e6e6 0px 0px 15px;-webkit-box-shadow:#e6e6e6 0px 0px 15px; margin-top: 30px; margin-right: 20px;}
.work01_1Main .img{ width: 56px; height: 100%;  display: inline-block; margin: 0 auto;  }
.work01_1Main .txt{display: inline-block; font: 20px; cursor:default; color: black; vertical-align: top; width: auto; text-align: left; height: 40px; line-height: 40px;  }
.work01_1Main .txt:hover{ color: black;}
.work01_1Main .click{ width: 100%; text-align: center; height: 20px; margin-top: 14px; }
.work01_1Main .click a{ display: inline-block; margin: 0 10px; font-size: 16px; color: #265b97;}
.work01_1Main .child a{display: inline-block; padding: 0 10px;}
.work01_1Main .on{ background: #bd5252;}
.work01_1Main .on .txt{ color: white;}
.work01_1Main .on a{ color: white;}
.work01_1Main span{ display: block;margin: 0 auto;text-align: center;  margin-top: 10px; font-size: 16px; color: #333333;}

.work01_2Main{width: 110%;}
.work01_2Main .title{width: 265px; height: 40px; text-align: left; margin-left:67px; margin-top: 7px; cursor: pointer;}
.work01_2Main .ico{ float: left; width: 357px; height: 54px; background: white;border:1px solid #fbfcfd;box-shadow: #e6e6e6 0px 0px 15px;-webkit-box-shadow:#e6e6e6 0px 0px 15px; margin-top: 30px; margin-right: 20px;cursor: pointer;}
.work01_2Main .img{ width: 56px; height: 100%;  display: inline-block; margin: 0 auto; background: url(patent05.png) no-repeat center; }
.work01_2Main .txt{display: inline-block; font: 20px; cursor:default; color: black; vertical-align: top; width: auto; text-align: left; height: 40px; line-height: 40px;cursor: pointer; }
.work01_2Main .txt:hover{ color: black;}
.work01_2Main .click{ width: 100%; text-align: center; height: 20px; margin-top: 14px; }
.work01_2Main .click a{ display: inline-block; margin: 0 10px; font-size: 16px; color: #265b97;}
.work01_2Main .child a{display: inline-block; padding: 0 10px;}
.work01_2Main .on{ background: #bd5252;}
.work01_2Main .on .txt{ color: white;}
.work01_2Main .on a{ color: white;}
.work01_2Main span{ display: block;margin: 0 auto;text-align: center;  margin-top: 10px; font-size: 16px; color: #333333;}

.work02{border-bottom: 4px solid #eeeeee;margin-top: 25px; padding-bottom: 30px;}
.work02Main{width: 110%;}
.work02Main a{float: left; width: 170px; padding: 0 15x; height: 107px; background: white;border:1px solid #fbfcfd;box-shadow: #e6e6e6 0px 0px 15px;-webkit-box-shadow:#e6e6e6 0px 0px 15px;margin-top: 30px;margin-right: 20px;}
.work02Main .img{ width: 100%;height: 40px; display: block; margin: 0 auto; margin-top: 14px;}
.work02Main .on{ background: #bd5252;}
.work02Main .on span{ color: white;}
.work02Main span{ display: block;margin: 0 auto;text-align: center;  margin-top: 10px; font-size: 16px; color: #333333;}
.More{ padding: 18px 20px; margin-top: 20px; background: white; margin-bottom: 30px;box-shadow: #e6e6e6 0px 0px 15px;-webkit-box-shadow: #e6e6e6 0px 0px 15px;}
.More a{ float: left ;  border-radius: 5px; text-align: center; height: 78px; line-height: 78px; padding: 0 42px !important; background: #f7f7f7; margin-right: 10px;}
.More .img{float: left;  background: url(more01.png) no-repeat center; width: 34px; height: 100%;  overflow: hidden;}
.More a:first-child .img{background: url(more01.png) no-repeat center;}
.More a:first-child +a .img{background: url(more02.png) no-repeat center;}
.More a:first-child +a+a .img{background: url(more03.png) no-repeat center;}
.More a:first-child +a+a+a .img{background: url(more04.png) no-repeat center;}
.More span{float: left; font-size: 22px;  margin-left: 10px; height: 100%;}

/* .More a:hover{background:url(more05.png) no-repeat center; background-size: 100% 100%;} */
/* .More a:first-child:hover .img{ background: url(more01_1.png) no-repeat center;}
.More a:first-child +a:hover .img{ background: url(more02_1.png) no-repeat center;}
.More a:first-child +a+a:hover .img{ background: url(more03_1.png) no-repeat center;}
.More a:first-child +a+a+a:hover .img{ background: url(more04_1.png) no-repeat center;}
.More a:hover span{ color: white;} */

.work03{margin-top: 25px; padding-bottom: 30px;}
.work03 .work03Main{ margin-top: 20px;}
.work03 .work03Main a{position: relative; display: block; float: left; width: 50%; overflow: hidden; height: 50px; line-height: 50px; text-indent: 70px; font-size: 16px; color: black; }
.work03 .work03Main a span{ position: absolute; display: block; width: 16px; height: 16px; line-height: 16px; text-align: center; background: #bd5252; color: white; font-size: 10px; top: 7px; left: 40px; text-indent: 0;}

/* 移动端 */
@media screen and (max-width:768px) {
    body{ background: #f6fafb; width: 100%; min-width: 100%;}
    .wrapper{width: 90%; margin: 0 5%;}
    .service{padding: 0.2rem 0.25rem;  background: white;}
    .serviceNav a{float: left; font-size: 0.25rem; color: #666666; height: 0.68rem; line-height: 0.68rem; padding: 0 0.93rem; background: #f7f7f7; width: 100%; text-align: center;}
    .serviceNav a:hover{color: white; background: #265b97;}
    .serviceNav .on{color: white; background: #265b97;}
    .main{padding: 0.20rem; background: white; }
    .work01{border-bottom: 0.04rem solid #eeeeee; margin-top: 0.25rem; padding-bottom: 0.30rem;}
    
    .tit{ border-bottom:#f0f0f0 0.01rem solid; height:0.44rem; margin-bottom:0.04rem;}
    .tit span{ display:block; float:left;}
    .tit span.tit-1{ width:0.61rem; height:0.48rem; line-height:0.40rem; background:url(tit-icon01.jpg) no-repeat; text-indent:0.14rem; position:relative;}
    .tit span.tit-2{ display:inline-block; height:48rem; line-height:48rem; background:url(tit-icon03.jpg) repeat-x; font-size:0.22rem; color:#265b97; padding:0 0.10rem 0 0.15rem;}
    .tit span.tit-3{ width:0.30rem; height:0.48rem; background:url(tit-icon02.jpg) no-repeat;}
    .tit span.tit-1 img{ position:absolute; top:0.12rem; left:0.12rem; max-width:0.22rem; max-height:0.22rem;}
    .tit span.tit-2 a{ color:#265b97; text-decoration:none;}

    .work01Main{width: 100%;}
    .work01Main a{float: left; background: white;border:0.01rem solid #fbfcfd;box-shadow: #e6e6e6 0rem 0rem 0.15rem;-webkit-box-shadow:#e6e6e6 0rem 0rem 0.15rem; margin-top: 0.30rem; margin-right: 0.20rem;}
    .work01Main .img{ width: 100%; height: 0.40rem; display: block; margin: 0 auto; margin-top: 0.14rem;  background-size:0.4rem 0.4rem!important; }
    .work01Main a:first-child+a+a+a, .work01Main a:first-child+a+a+a+a, .work01Main a:first-child+a+a+a+a+a, .work01Main a:first-child+a+a+a+a+a+a{width: 100%}
    .work01Main{width: 100%;}

.work01Main .title{width: 100%; height: 0.6rem; text-align: left; margin-left: 0.67rem; margin-top: 0.15rem; overflow: hidden;}
.work01Main .ico{ float: left; width: 100%; height: auto; background: white;border:0.01rem solid #fbfcfd;box-shadow: #e6e6e6 0rem 0rem 15rem;-webkit-box-shadow:#e6e6e6 0rem 0rem 0.15rem; margin-top: 0.30rem; margin-right: 0.20rem;}

.work01Main .img{ width: 0.56rem; height: 100%;  display: inline-block; margin: 0 auto; margin-top: 0!important; }
.work01Main .txt{display: inline-block; font-size: 0.28rem; cursor:default; color: black; vertical-align: top; width: auto; text-align: left; height: auto; line-height: 0.6rem!important; }
.work01Main .txt:hover{ color: black;}
.work01Main .click{ width: 2.65rem; text-align: left; height: 0.20rem; margin-left: 0.65rem; margin-top: 0.14rem; }
.work01Main .click a{ width: 100%; display: block; margin: 0 0.10rem; font-size: 0.28rem; color: #265b97; margin-top: 0.10rem;}
.work01Main .child a{display: inline-block; padding: 0 0.10rem;}
.work01Main >a:nth-child(1) .img{ background: url(patent01.png) no-repeat center;}
.work01Main .on{ background: #bd5252;}
.work01Main .on .txt{ color: white;}
.work01Main .on a{ color: white; background: #bd5252;}
.work01Main span{ display: block;margin: 0 auto;text-align: center;  margin-top: 0.10rem; font-size: 0.16rem; color: #333333;}


    .work01Main .on{ background: #bd5252;}
    .work01Main .on span{ color: white;}
    .work01Main span{ display: block;margin: 0 auto;text-align: center;  margin-top: 0.10rem; font-size: 0.16rem; color: #333333;}


/*移动20201231*/

    .work03Main{width: 100%;}
    .work03Main a{float: left; background: white;border:0.01rem solid #fbfcfd;box-shadow: #e6e6e6 0rem 0rem 0.15rem;-webkit-box-shadow:#e6e6e6 0rem 0rem 0.15rem; margin-top: 0.30rem; margin-right: 0.20rem;}
    .work03Main .img{ width: 100%; height: 0.40rem; display: block; margin: 0 auto; margin-top: 0.14rem;  background-size:0.4rem 0.4rem!important; }
    .work03Main a:first-child+a+a+a, .work03Main a:first-child+a+a+a+a, .work03Main a:first-child+a+a+a+a+a, .work03Main a:first-child+a+a+a+a+a+a{width: 100%}
    .work03Main{width: 100%;}

    .work03Main .title{width: 100%; height: 0.6rem; text-align: left; margin-left: 0.67rem; margin-top: 0.15rem; overflow: hidden;}
    .work03Main .ico{ float: left; width: 100%; height: auto; background: white;border:0.01rem solid #fbfcfd;box-shadow: #e6e6e6 0rem 0rem 15rem;-webkit-box-shadow:#e6e6e6 0rem 0rem 0.15rem; margin-top: 0.30rem; margin-right: 0.20rem;}

    .work03Main .img{ width: 0.56rem; height: 100%;  display: inline-block; margin: 0 auto; margin-top: 0!important; }
    .work03Main .txt{display: inline-block; font-size: 0.28rem; cursor:default; color: black; vertical-align: top; width: auto; text-align: left; height: auto; line-height: 0.6rem!important; }
    .work03Main .txt:hover{ color: black;}
    .work03Main .click{ width: 2.65rem; text-align: left; height: 0.20rem; margin-left: 0.65rem; margin-top: 0.14rem; }
    .work03Main .click a{ width: 12%; display: block; margin: 0 0.10rem; font-size: 0.28rem; color: #265b97; margin-top: 0.10rem;}
    .work03Main .child a{display: inline-block; padding: 0 0.10rem;}
    .work03Main >a:nth-child(1) .img{ background: url(zhuanlisf01.png) no-repeat center;}
    .work03Main .ico:first-child .img {background: url(zhuanlisf01.png) no-repeat center;}
    .work03Main .ico:first-child:hover .img {background: url(zhuanlisf01_1.png) no-repeat center;}
    
    .work03Main .on{ background: #bd5252;}
    .work03Main .on .txt{ color: white;}
    .work03Main .on a{ color: white; background: #bd5252;}
    .work03Main span{ display: block;margin: 0 auto;text-align: center;  margin-top: 0.10rem; font-size: 0.16rem; color: #333333;}

    .work03Main .on{ background: #bd5252;}
    .work03Main .on span{ color: white;}
    .work03Main span{ display: block;margin: 0 auto;text-align: center;  margin-top: 0.10rem; font-size: 0.16rem; color: #333333;}

/*移动20201231 end*/

    .work01_1Main a{float: left; width: 100%; height: 1.07rem; background: white;border:0.01rem solid #fbfcfd;box-shadow: #e6e6e6 0rem 0rem 0.15rem;-webkit-box-shadow:#e6e6e6 0rem 0rem 0.15rem; margin-top: 0.30rem; margin-right: 0.20rem;}
    .work01_1Main .img{ width: 100%; height: 0.40rem; display: block; margin: 0 auto; margin-top: 0.14rem;  background-size:0.4rem 0.4rem!important; }
    
    .work01_1Main .on{ background: #bd5252;}
    .work01_1Main .on span{ color: white;}
    .work01_1Main span{ display: block;margin: 0 auto;text-align: center;  margin-top: 0.10rem; font-size: 0.16rem; color: #333333;}
    .work02{border-bottom: 0.04rem solid #eeeeee;margin-top: 0.25rem; padding-bottom: 0.30rem;}
    .work02Main{width: 100%;}
    .work02Main a{float: left; width: 100%; height: 1.07rem; background: white;border:0.01rem solid #fbfcfd;box-shadow: #e6e6e6 0rem 0rem 0.15rem;-webkit-box-shadow:#e6e6e6 0rem 0rem 0.15rem;margin-top: 0.30rem;margin-right: 0.20rem;}
    .work02Main .img{ width: 100%;height: 0.40rem; display: block; margin: 0 auto; margin-top: 0.14rem; background-size:0.4rem 0.4rem!important; }
    
    .work02Main .on{ background: #bd5252;}
    .work02Main .on span{ color: white;}
    .work02Main span{ display: block;margin: 0 auto;text-align: center;  margin-top: 0.10rem; font-size: 0.16rem; color: #333333;}
    .More{ padding: 0.18rem 0.20rem; margin-top: 0.20rem; background: white; margin-bottom: 0.30rem;}
    .More a{ float: left ;  border-radius: 0.05rem; text-align: center; height: 0.78rem; line-height: 0.78rem; padding: 0 0.69rem; background: #f7f7f7; margin-right: 0.10rem; width: 100%; margin-bottom: 0.2rem;}
    .More .img{float: left;  background: url(more01.png) no-repeat center; width: 0.4rem; height: 100%;  overflow: hidden; margin-left: 30%; background-size:0.4rem 0.4rem!important; }
    
    .More span{float: left; font-size: 0.22rem;  margin-left: 0.10rem; height: 100%;}
    
    .More .on{background:url(more05.png) no-repeat center; background-size: 100% 100%;}
    
    .More .on span{ color: white;}

    .work03{margin-top: 0.25rem; padding-bottom: 0.3rem;}
.work03 .work03Main{ margin-top: 0.20rem;}
.work03 .work03Main a{position: relative; display: block; float: left; width: 100%; overflow: hidden; height: 0.50rem; line-height: 0.5rem; text-indent: 0.7rem; font-size: 0.16rem; color: black; }
.work03 .work03Main a span{ position: absolute; display: block; width: 0.16rem; height: 0.16rem; line-height: 0.16rem; text-align: center; background: #bd5252; color: white; font-size: 0.1rem; top: 0.18rem; left: 0.4rem; text-indent: 0;}

    
    .pubconone{width:100%;height: auto}
    .pubconone_left{width: 100%;float: none;height: 4.37rem}
    .luboslide ul li p{display: none}
    .luboslide ol{width: 100%;text-align:center;}
    .luboslide ol li a{background: #fff;display: block;width: 100%;height: 100%;border-radius: 50%;-webkit-border-radius:50%;}
    .luboslide ol li{float: none;margin:0 0.1rem;font-size: 0px;width: 0.14rem;height: 0.14rem;}
    .luboslide ol li a.flex-active{background: #265b97}
    .pubconone_right{width: 100%;background: none;float: none}
    .tit{height: 0.6rem;margin-bottom: 0.1rem}
    .tit-tab{position: relative;top:3px;overflow: hidden;}
    .tit span.tit-1{width: 0.78rem;height: 0.6rem;background: url(tit-icon01.jpg) no-repeat;background-size: contain;-webkit-background-size: contain;}
    .tit span.tit-1 img{max-width: 0.3rem;max-height: 0.3rem;top: 0.14rem;left:0.14rem;}
    .tit span.tit-2{font-size: 0.32rem;font-weight: normal;height: 0.6rem;line-height: 0.6rem;background: url(tit-icon03.jpg) repeat-x;-webkit-background-size: contain; padding:0 0.25rem;}
    .tit span.tit-3{    height: 0.6rem;background: url(tit-icon02.jpg) no-repeat;background-size: contain;-webkit-background-size: contain;background-size: 100% 100%;}
    .tit span.tit-2_spe{padding-left:0.2rem;padding-right: 0.1rem}
    .ico6 .img{height:65% !important;}
    .ico6 .txt{line-height: 0.45rem !important;}
    .ico6 .click{margin-top: -0.65rem !important;}
    }
    @media screen and (max-width: 768px){
        .serviceNav{
            width:100%
            }
        .work01Main .ico6{
            height: 85px;
        }
 .work01Main .ico6 .title{
            height: 80px;
        }
 .work01Main .ico{
            width:100%
        }
        .work01_2Main .ico{
            width:100%
        }
.2023new{
width: 2.65rem;
    text-align: left;
    height: 0.20rem;
    margin-left: 0.65rem;
    margin-top: 0.14rem;
}
        .work01_2Main .title{
            width:100%
        }
        .work01_2Main{
            width:100%
        }
.work01_2Main{width: 100%;}
.work01_2Main .title{width: 100%; height: 0.40rem; text-align: left; margin-left:0.67rem; margin-top: 0.07rem; cursor: pointer;}
.work01_2Main .ico{ float: left; width: 100%; height: 0.54rem; background: white;border:0.01rem solid #fbfcfd;box-shadow: #e6e6e6 0rem 0rem 0.15rem;-webkit-box-shadow:#e6e6e6 0rem 0rem 0.15rem; margin-top: 0.30rem; margin-right: 0.20rem;cursor: pointer;}
.work01_2Main .img{ width: 0.45rem; height: 100%;  display: inline-block; margin: 0 auto; background: url(patent05.png) no-repeat center; background-size: 100% 100%!important; }
.work01_2Main .txt{display: inline-block; font-size: 0.28rem; cursor:default; color: black; vertical-align: top; width: auto; text-align: left; height: 0.40rem; line-height: 0.40rem;cursor: pointer; }
.work01_2Main .txt:hover{ color: black;}
.work01_2Main .click{ width: 100%; text-align: center; height: 0.20rem; margin-top: 0.14rem; }
.work01_2Main .click a{ display: inline-block; margin: 0 0.10rem; font-size: 0.28rem; color: #265b97;}
.work01_2Main .child a{display: inline-block; padding: 0 0.10rem;}
.work01_2Main .on{ background: #bd5252;}
.work01_2Main .on .txt{ color: white;}
.work01_2Main .on a{ color: white;}
.work01_2Main span{ display: block;margin: 0 auto;text-align: center;  margin-top: 0.10rem; font-size: 0.16rem; color: #333333;}
.work01Main .ico:nth-child(6) .title{height: 0.6rem;}
.ico6 .img{height:65% !important;}
    .ico6 .txt{line-height: 0.45rem !important;}
    .ico6 .click{margin-top: -0.65rem !important;}
    }