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

.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 a{ 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;}
.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:262px;}
.work01Main .img{ width: 100%; height: 40px; display: block; margin: 0 auto; margin-top: 14px; }
.work01Main a:first-child .img{ background: url(patent01.png) no-repeat center;}
.work01Main a:first-child +a  .img{ background: url(patent02.png) no-repeat center;}
.work01Main a:nth-child(3) .img{ background: url(patent03.png) no-repeat center;}
.work01Main a:first-child.on .img{ background: url(patent01_1.png) no-repeat center;}
.work01Main  a:first-child +a.on .img{ background: url(patent02_1.png) no-repeat center;}
.work01Main .on:nth-child(3) .img{ background: url(patent03_1.png) no-repeat center;}
.work01Main .on{ background: #bd5252;}
.work01Main .on span{ color: white;}
.work01Main span{ display: block;margin: 0 auto;text-align: center;  margin-top: 10px; font-size: 16px; color: #333333;}
.work01_1Main a{float: left; width: 262px; 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: 100%; height: 40px; display: block; margin: 0 auto; margin-top: 14px; }
.work01_1Main a:nth-child(1) .img{ background: url(patent04.png) no-repeat center;}
.work01_1Main a:nth-child(2) .img{ background: url(patent05.png) no-repeat center;}
.work01_1Main a:nth-child(3) .img{ background: url(patent06.png) no-repeat center;}
.work01_1Main a:nth-child(4) .img{ background: url(patent07.png) no-repeat center;}
.work01_1Main .on:nth-child(1) .img{ background: url(patent04_1.png) no-repeat center;}
.work01_1Main .on:nth-child(2) .img{ background: url(patent05_1.png) no-repeat center;}
.work01_1Main .on:nth-child(3) .img{ background: url(patent06_1.png) no-repeat center;}
.work01_1Main .on:nth-child(4) .img{ background: url(patent07_1.png) no-repeat center;}
.work01_1Main .on{ background: #bd5252;}
.work01_1Main .on span{ color: white;}
.work01_1Main 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: 206px; 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 a:nth-child(1) .img{ background: url(patent08.png) no-repeat center;}
.work02Main a:nth-child(2) .img{ background: url(patent09.png) no-repeat center;}
.work02Main a:nth-child(3) .img{ background: url(patent10.png) no-repeat center;}
.work02Main a:first-child +a +a +a  .img{ background: url(patent11.png) no-repeat center;}
.work02Main a:nth-child(5) .img{ background: url(patent12.png) no-repeat center;}
.work02Main .on:nth-child(1) .img{ background: url(patent08_1.png) no-repeat center;}
.work02Main .on:nth-child(2) .img{ background: url(patent09_1.png) no-repeat center;}
.work02Main .on:nth-child(3) .img{ background: url(patent10_1.png) no-repeat center;}
.work02Main a:first-child +a +a +a.on .img{ background: url(patent11_1.png) no-repeat center;}
.work02Main .on:nth-child(5) .img{ background: url(patent12_1.png) no-repeat center;}
.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 69px; 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: 18px; 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; 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;}
    .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 .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;}
    .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%; }
    .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}
    }