@charset "utf-8";

/*首页 头部*/
.container{width:100%; margin:0 auto; background-color:#fff; box-sizing:border-box;}
.header-index{ height:0.4rem; background-color:#00A2E9; padding:0 0.12rem; overflow:hidden; box-sizing:border-box; border-bottom:solid 1px #00A2E9; z-index:9; left:0; top:0;}
.hi-logo{ width:40%; height:0.4rem; line-height:0.4rem;   float:left; }
.hi-search{ width:52%; height:0.4rem; line-height:0.4rem; float:right;    text-align:right;}
.his-text{ display:block; font-size:0.16rem; color:#fff;  }
.his-btn{ height:0.12rem; width:0.12rem; background-image:url(../yuan/images/icon003.png);  position:absolute; right:0.13rem; top:0.06rem;}
.clear { clear:both; }

/*首页  banner*/
.banner{ height:100%; position:relative; overflow:hidden; width:100%; margin-top:0.02rem;background-color:#fff;}
.banner_list{position:absolute; width: 100%;  height: 100%;}
.banner_list ul{ overflow:hidden;}
.banner_list ul li{position:absolute; float:left; width: 100%;  height: 100%;}
.banner_list ul li a{ display:block;font-size: 0.12rem;}
.banner_buttons{ position:absolute; margin-left:-0.25rem; bottom:0.05rem; left:50%; -ms-transform: translate(-50%,-50%);}
.banner_buttons span{width:0.05rem; height:0.05rem; border:1px solid #fff; border-radius:50%; float:left; margin:0 0.05rem; cursor:pointer;}
.banner_buttons .on{background-color:#fff;}


.banner_buttons ul li{width:0.05rem; height:0.05rem; border:1px solid #fff; border-radius:50%; float:left; margin:0 0.05rem; cursor:pointer;}
.zizhichaxun{ height:100%; position:relative; overflow:hidden; width:100%; margin-top:0.02rem;background-color:#fff;}
/*首页  导航*/
.nav-index ul{ overflow:hidden; padding:0.18rem 0 0.04rem 0;}
.nav-index ul li{ float:left; text-align:center; width:33.3%; font-size: 0.12rem;  padding-bottom: 0.12rem;}
.ni-img{ position:relative; width:1rem; margin:0 auto;}
.ico-free{ width:0.24rem; height:0.2rem; position:absolute; right:0; top:0; background:url(../yuan/images/icon006.png) no-repeat; background-size:100%;}
.ni-img img{width:0.45rem; height: 0.45rem;}
.ni-text{ height:0.25rem; line-height:0.25rem;}
.ni-text a{ font-size:0.14rem; color:#333;}

/*首页  热门推荐*/
.hot-recommend{ margin-top:0.05rem;}
.hr-title{ height:0.4rem; line-height:0.4rem; overflow:hidden; width:1.7rem;text-align:center; margin: 0 auto;}
.hr-title li{ float:left;}
.hrt-line{ width:0.28rem; height:1px; background-color:#00A2E9; margin-top:0.20rem;}
.hrt-text{ font-size:0.18rem; color:#00A2E9; padding:0 0.05rem;}
.hrt-ico{ width:0.18rem; height:0.24rem; position:relative; top:5px; display:inline-block;  background:url(../yuan/images/icon001.png) no-repeat; background-size: contain; margin-right:5px;}
.hr-content{ overflow:hidden;  border-bottom:solid 1px #ddd; border-top:solid 1px #ddd; font-size:0.12rem;}
.hr-content h3{ font-size:0.15rem; line-height:0.2rem; font-weight:normal;}
.hrc-left{ width:39.5%; float:left; border-right:solid 1px #ddd; text-align:center; padding:0.12rem 0 0.26rem 0; }
.hrcl-img{ padding:0.1rem 0; }
.hrcl-img img{ width:0.7rem; padding-top: 0.06rem; }
.hrcl-text{ font-size:0.12rem; color: #666; }
.hrc-right{ width:60%; float:left;}
.hrc-right img{ width:0.76rem;  position: absolute; right: 0.1rem; bottom: 0.12rem;}
.hrcr-con{ padding:0.1rem 0.1rem 0.12rem 0.12rem;  box-sizing:border-box; position: relative;}
.hrcr-con:nth-child(1){ border-bottom:solid 1px #ddd;}
.hrcr-con h3{ text-align:left; padding-right:0.2rem;}
.hrcr-con .hrc-btn{ margin-top: 0.1rem; text-align:right; display:block; height:0.2rem; padding-right:0.2rem;}
.hrcr-con .hrc-btn a{ float:left;}
.hrc-btn a{ width:0.73rem; height:0.2rem; line-height:0.2rem; text-align:center; display:block; background-color:#00A2E9; font-size:0.12rem; color:#fff; border-radius:2px; margin:0 auto; }

/*首页  常见问题*/
.serve{margin-top:0.05rem; box-sizing:border-box; }
.st-ico{width:0.18rem; height:0.18rem; position:relative; top:2px; display:inline-block;  background:url(../yuan/images/icon002.png) no-repeat; background-size: contain; margin-right:5px;}
.serve-content{ border-top:solid 1px #efefef;}
.sc-content{ overflow:hidden; padding:0.12rem; border-bottom:solid 1px #efefef;}
.sc-content:last-child{border-bottom:none; }
.scc-title{  height:0.18rem; line-height:0.18rem; font-size:0.16rem; color:#333; font-weight:normal; }
.scc-title em{ display:inline-block; width: 0.15rem; height: 0.16rem; background: url("../yuan/images/icon011.png") no-repeat; background-size: 100%; margin-right: 0.02rem; position: relative; top: 0.02rem;}
.scc-text{ font-size:0.14rem; color:#666; line-height:0.2rem; padding:0.07rem 0 0 0.18rem; box-sizing: border-box; position: relative; }
.scc-text em{ display:inline-block; width: 0.15rem; height: 0.16rem; background: url("../yuan/images/icon012.png") no-repeat; background-size: 100%; margin-right: 0.02rem; position:absolute; top: 0.08rem; left: 0;}
.scc-btn{ padding-left: 0.18rem; }
.scc-btn a{ width:1.2rem; height:0.22rem; line-height:0.22rem; text-align:center; display:block; font-size:0.12rem; color:#fff; border-radius:3px; float:left; margin-right:0.12rem;}
.btn-green{ background-color:#00A2E9;}
.btn-orange{ background-color:#ff8f3b;}

/*首页  底部*/
.footer{ height:0.5rem;  overflow:hidden; position: fixed; bottom: 0;  width: 100%;}
.footer ul{ width:100%; overflow:hidden; background-color:#f5f5f5; border-top:solid 0.01rem #ddd;}
.footer ul li{ float:left; width:22%; text-align: center;}
.footer-time{ border-right:solid 0.01rem #ddd;}
.footer-cost,.footer-flow{ border-left:solid 0.01rem #fff; border-right:solid 0.01rem #ddd;}
.footer ul .footer-offer{  width:32%;   background-color: #00A2E9;}
.footer ul li a{ display:block; height:0.5rem;  text-align:center; font-size:0.12rem; color:#5d656b;}
.footer ul .footer-offer a{  color: #fff;}
.footer ul li a em{ display: inline-block; width: 0.13rem; height: 0.13rem; padding: 0.08rem 0 0.06rem 0;}
.footer ul li a em img{ width: 100%;}

/*业务分类*/
.bt-content ul{ overflow:hidden; background-color:#fff;}
.bt-content ul li{ width:33.1%; height:0.86rem; float:left; display:block; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; text-align:center; font-size:0.12rem; }
.bt-content ul li:nth-child(3n){ border-right:none;}
.btc-img{ height:0.5rem;  padding-top:0.1rem;  box-sizing:border-box;  }
.btc-img img{height:0.34rem; width:0.34rem; }
.btc-text{  font-size:0.12rem; color:#333;}
.btc-btn{ padding:0.2rem 0;}
.btc-btn a{ width:2.65rem; height:0.4rem; line-height:0.4rem; text-align:center; display:block; margin:0 auto; color:#fff; font-size:0.15rem; background-color:#ff8f3b; border-radius:2px; }






/* 站点说明： 公用样式，链接、按钮等
 * 开发时间： 
 * 开发者： 
 * 维护者： 
 *
 * 样式版本： v1.0
 * 版本时间： 
 * 注意事项： 公用样式，链接、按钮等
 */

html{
    font-size:100px;/*10÷16=62.5%*/
}
.nM-title{
    position: relative;
}
.nM-title h1{
    color: #fff;
    height:0.42rem;
    line-height:0.42rem;
    background-color: #00A2E9;
    font-size: 0.18rem;
    text-align: center;
    font-weight: normal;
}
.nM-title a{
    position: absolute;
    right: 0.125rem;
    width: 0.24rem;
    height: 0.43rem;
    color: #333;
    font-size: 0.12rem;
    top:0;
    text-align: right;
}

.nM-title a.aClose{
    background: rgba(0,0,0,0.2);
    text-align: center;
    width: 0.33rem;
    height: 0.33rem;
    top:0.05rem;
    font-size: 0.2rem;
    line-height: 0.33rem;
    right: 0.05rem;
}
.nM-title p{ height: 0.33rem; line-height: 0.33rem; text-align: center; font-size: 0.12rem; color: #666; background-color: #f0f0f0;}

.nM-prompt{
    padding-bottom: 0.08rem;
    padding-top: 0.08rem;
    background-color: #f0f0f0;
    border-bottom: 1px solid #f1ece5;
}
.nM-prompt p{
    font-size: 0.11rem;
    line-height: 0.15rem;
    text-align: center;
    color: #666;
}
.nM-prompt p span{
    color: #ff7d01;
}
.pop-form{
    position: absolute;
    z-index: 18;
    width: 100%;
    top: 0;
    /*height: 100%;*/
    background: #fff;
}

 
 
 .main{
    background: #f1f1f1;
}
em{
    background-repeat: no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}
 


  /*首页  主导航*/
.nav-main{  position: relative;   z-index: 8; }
.nav-scroll{  width: 100%; overflow-x: scroll; height:0.36rem; }
.ns-con{ width: 100%;  height:0.36rem;  padding-right:0.36rem; }
.ns-con li{ float:left; width: 25%; height:0.36rem; }
.ns-con li a{ display:block; height:0.35rem; line-height:0.35rem; text-align:center; font-size:0.14rem; color:#333; }
.ns-con li.current a{ border-bottom:solid 0.01rem #00A2E9; color:#00A2E9;}
.droplist-btn{ height:0.36rem; width: 0.36rem;  position: absolute; bottom: 0; right: 0;  background:#fff url("../yuan/images/icon027.png") no-repeat center; background-size: 40%; box-shadow: -0.04rem 0 0.06rem #ccc;}
.droplist-btndown{  background:#fff url("../yuan/images/icon028.png") no-repeat center; background-size: 40%; }
.nav-droplist{ position: absolute; width: 100%; box-sizing: border-box; padding:0.1rem 0.06rem; left: 0; top: 0.84rem; overflow: hidden; background: rgba(255,255,255,0.95); display: none;}
.nav-droplist li{ width: 24.9%; float: left; box-sizing: border-box; padding: 0.06rem;}
.nav-droplist li a{ display: block; height: 0.25rem; line-height: 0.25rem; text-align: center; border: solid 0.01rem #c4c4c4; font-size: 0.12rem; color: #333;}
.cover{ position: absolute; left: 0; bottom: 0; height: 0.06rem; width: 100%; background-color: #f1f1f1; z-index: 10;  }




/*查询*/
.inquire{ background-color: #fff; }
.inquire-banner{ height: 1.3rem;}
.inquire-banner img{ width: 100%; vertical-align: top;}
.inquire-form{ width: 100%; background-color: #fff; z-index: 11;  }
.if-con{ width: 90%; padding: 0.16rem; margin: 0 auto; border: solid 1px #cfcfcf; box-shadow: 0 0 3px #ccc; font-size: 0.23rem;}
.if-con p{ margin-top: 0.23rem;}
.if-con input{ font-size: 0.2rem; height: 0.6rem; line-height: 0.33rem;width: 100%; box-sizing: border-box; padding-left: 0.13rem; border-radius: 0.03rem;  background-color: #fff;border: solid 0.016rem #b0b0b0;}
.ifc-tel{ position: relative;}
.form-error{ position: absolute; left: 0; top: 0.56rem; color: #e94b2a; display: none; font-size: 0.16rem;}
.form-error em{  display: inline-block; width: 0.16rem; height: 0.16rem; background: url("../yuan/images/icon_01.png") no-repeat; background-size: 100%; margin-top: 0.06rem;}
.if-con .f-submit{ display: block; width: 100%; height:0.66rem; line-height: 0.66rem; text-align: center; font-size: 0.23rem; color: #fff; background-color: #00A2E9; border-radius: 0.33rem; border: none; }
.ifc-text{ text-align: center;}
.ifc-text span{ color: #e94b2a; }
.liuchengtu{height:7.6rem; width:100%; margin-top:0.02rem;}


/* 国际商标  */
.tc-con{ overflow: hidden; padding: 0.15rem 0.17rem; border-bottom: solid 0.014rem #f2f2f2;}
.tcc-img{ width: 1.2rem; float: left; margin-top: 0.014rem;}
.tcc-text{ width: 1.86rem; float: left; box-sizing: border-box; padding-left: 0.17rem;}
.tcc-text h3{ font-weight: normal; font-size: 0.17rem; color: #333; padding-bottom: 0.028rem;}
.tcc-text p{ font-size: 0.14rem; color: #666; line-height: 0.2rem;}
.tcc-text p span{ color: #00A2E9;}
.tc-con .btn-blue{ 
width:1.26rem; float: right; height: 0.34rem; line-height: 0.34rem; font-size:0.17rem; margin-top: 0.23rem;
    background-color: #00A2E9;
    border-radius: 0.1rem;
	    color: #fff;
    text-align: center;
}
.footer1 li{ font-size:0.12rem; color:#404040; margin-bottom:0.1rem; margin-left:0.3rem; height:22px; line-height:22px; }


/*其他服务*/
.va-con{ overflow:hidden; border-bottom:solid 1px #ddd; padding:0.13rem 0.12rem; font-size:0.12rem; box-sizing:border-box;}
.va-con:last-child{ border-bottom:none;}
.vac-img{ float:left; }
.vac-img img{ height:0.83125rem; width:0.95rem; }
.vac-con{  margin-left:1.1rem;}
.vacc-title{ font-size:0.16rem;  color:#333; font-weight:normal;}
.vacc-text{ font-size:0.12rem; color:#666; line-height:0.2rem; padding:0.05rem 0; }
.vacc-btn a{  width:0.73rem; height:0.2rem; line-height:0.2rem; text-align:center; display:block; font-size:0.12rem; color:#fff; border-radius:3px; float:left; margin-right:0.07rem;}
.vacc-btn .btn-apply{ background-color:#1cb96a;}
.vacc-btn .btn-price{ background-color:#00A2E9;}

/*********常见问题**/
.answer-box {
  padding: .15rem 0 .2rem 0; }
  .answer-box .img-box {
    float: left;
    width: 20%; }
    .answer-box .img-box img {
      width: .55rem;
      height: .55rem;
      vertical-align: top; }
  .answer-box .content-box {
    float: right;
    width: 80%; }
    .answer-box .content-box .tit {
      color: #00A2E9;
      font-size: .16rem;
      padding-bottom: .05rem; }
    .answer-box .content-box .content {
      font-size: .12rem;
      line-height: .2rem;
      color: #666; }
	 
.contact-btn-box {
  background-color: #f1f1f1;
  padding-top: .2rem; }
  .contact-btn-box .contact-btn {
    height: .4rem;
    font-size: .15rem;
    background-color: #00A2E9;
    display: block;
    margin: 0 auto;
    width: 70%;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    line-height: .4rem; }
	
.que-part {
  border-top: 4px solid #efefef;}
  .que-part .main {
    padding: 0 .18rem; }
    .que-part .main .que-title {
      border-bottom: 1px solid #dedede;
      padding-top: .1rem;
      height: .3rem;
      line-height: .3rem;
      font-size: .15rem; }
	  
	  
.clearfix {
    zoom: 1;
}

  .answer-box .content-box22 {
    width: 100; }
    .answer-box .content-box22 .tit {
      color: #00A2E9;
      font-size: .16rem;
      padding-bottom: .05rem; }
    .answer-box .content-box22 .content {
      font-size: .14rem;
      line-height: .2rem;
      color: #666; }
  
/*价格栏目商标注册页面*/

/*======================================form================================================*/
.nM-form {
    background-color: #fff;
    padding-top: 0.19rem;
    margin: 0 auto;
    width: 2.64rem;


}
.nM-form input{
color: #adadad;
}
.form-input, .form-submit, .form-select {
    width: 2.64rem;
    height: 0.5rem;
    font-size: 0.12rem;
    padding: 0;
}
.form-input input[type='text'], .form-input input[type='tel'], .form-select select {
    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, sans-serif;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    width: 2.5rem;
    border: 1px solid #aaaaaa;
    font-size: 0.12rem;
    padding-left: 0.13rem;
    border-radius: 0.05rem;
    margin-bottom: 0.06rem;
}
.form-tel{
    height: 0.4rem;
}
.f-submit {
    width: 100%;
    height: 0.40rem;
    line-height: 0.40rem;
    border: 0;
    border-radius: 0.05rem;
    font-size: 0.18rem;
    text-align: center;
    color: #fff;
    background-color: #00A2E9;
}
.nM-form .telTip{
    height: 0.16rem;
    margin-bottom: 0.11rem;
}
.form-input .form-error {
    display: none;
    font-size: 0.12rem;
    color: #e94b2a;
    line-height: 0.12rem;
}
.nM-form .form-input .mobile-error{
    border: 1px solid #e94b2a;

}


/* 注册需准备以下材料 */
ul.regist-data-list {
    background-color: #efefef;
    padding: 0.15rem 0rem;
}
    ul.regist-data-list > li {
        width: 3.45rem;
        height: 1.6rem;
        background-color: #FFF;
        border: 1px solid #f6f6f6;
        border-radius: 0.03rem;
        margin: 0 auto 0.15rem;
        display: flex;
    }
        ul.regist-data-list > li > div:first-child {

            margin: 0rem 0.35rem;
			
        }
        ul.regist-data-list > li > div:last-child {
            flex: 1;
        }
        ul.regist-data-list > li img {
            width: 0.55rem;
        }
            div.regist-data-content {
                text-align: left;
            }
                div.regist-data-content > h2 {
                    font-size: 0.16rem;
                    padding-top: 0.2rem;
                    padding-bottom: 0.08rem;
					color:#333;
					font-weight:normal;
                }
                div.regist-data-content > h4 {
                    font-size: 0.14rem;
                    color: #666;
					line-height:0.2rem;
					
                    
					font-weight:normal;
                }
                    div.regist-data-content > h4 > span {
                        color: #00A2E9;
                        display: inline-block;
                        margin-right: 0.02rem;
                    }
                    div.regist-data-content > a > button {
                        width: 0.85rem;
                        height: 0.23rem;
                        background-color: #00A2E9;
                        border-radius: 0.02rem;
                        color: #FFF;
                        margin-top: 0.12rem;
                    }

/* 成功案例 */
ul.trademark-case-list {
    display: flex;
    flex-flow: wrap;
    padding: 0.2rem 0.1rem;
    justify-content: space-around;
}
    ul.trademark-case-list > li {
        width: 1.6rem;
        color: #434343;
        border: 1px solid #b5b5b5;
        margin-bottom: 0.05rem;
    }
        ul.trademark-case-list > li > a > div:first-child {
            
        }
        ul.trademark-case-list > li > a > div:last-child {
            padding: 0.1rem;
            background-color: #d4d4d4;
            text-align: left;
        }
            ul.trademark-case-list > li > a > div > h4 {
                color: #333;
                font-size: 0.14rem;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
				font-weight:normal;
            }
            ul.trademark-case-list > li img {
                width: 100%;
            }