@charset "gb2312";


html{ overflow-x:hidden; overflow-y:auto;}
body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select {margin:0; padding:0;}
body {min-width:1200px; background:#FFF; -webkit-text-size-adjust:100%; font: 14px/180% Microsoft YaHei;  color:#646464; font-weight: normal; background-color:#fff;}


h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}

.clear { clear:both;}
ul, ol, dl { list-style:none;}
img {vertical-align:middle; outline:none; border:none;}

a {color:#5e5e5e;text-decoration:none;}
.clearfix { zoom: 1;}
a:hover { text-decoration:none;}

em, i,b { font-style: normal;}
 b{font-weight:normal;}
input, select, textarea { outline: none; border: none; background: none;}
.l-col-1, .l-col-1-5, .l-col-10, .l-col-11, .l-col-12, .l-col-2, .l-col-3, .l-col-4, .l-col-5, .l-col-6, .l-col-7, .l-col-8, .l-col-9 { float: left; min-height: 1px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.cf:after{content:"";clear:both;display:block;height:0;overflow:hidden}
.cf{zoom:1}



.banner-search {  width: 100%;  height: 104px; position: absolute; left: 0;  bottom: 0; z-index: 1; background: rgba(31, 36, 48, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#C81F2430, endcolorstr=#C81F2430);}
.banner-search .center {  width: 1000px; margin:0 auto; margin-top:28px;}

.search-input { z-index: 100; width:1000px;  z-index: 1;  margin: 15px auto 0; height: 54px; position: relative;}
.search-input input::placeholder{ color:#988f79;}
.search-input .search-text { width: 330px; height: 54px; color: #999; padding-left: 20px; line-height: 54px;  font-size: 16px; border-bottom-right-radius: 4px; border-top-right-radius: 4px; background: #fff;   border: 0;     position: relative;}
.search-input input.my_tel { border-bottom-left-radius: 4px; border-top-left-radius: 4px;  border-bottom-right-radius: 0px;  border-top-right-radius: 0px; margin-left:10px;}
.search-input .slide-button {  width: 120px; height: 54px;  top: 0; left: 0px; border-left: 1px solid #eee;border-bottom-left-radius: 4px; border-top-left-radius: 4px;  border-bottom-right-radius: 0px;  border-top-right-radius: 0px;  line-height: 36px; text-align: left;  padding-left: 20px; padding-top: 10px;  box-sizing: border-box; z-index: 2; font-size: 16px; color: #333; cursor: pointer;  background: #f5f5f5; float:left; }

.yixuan { color: #333; font-size: 18px;}
.search-input .jiao {  position: absolute; width: 0; height: 0; border-top: 6px solid #b3b3b3; border-left: 6px solid transparent; border-right: 6px solid transparent; top: 27px;  left: 100px;}
.search-input .slide-button.active .jiao {border-bottom: 6px solid #b3b3b3;border-left: 6px solid transparent;border-top: none;border-right: 6px solid transparent;top: 27px;}
.slide-box { display: none; position: absolute; z-index: 30; top: 49px;  left: 0; width: 100px; text-align: center;  line-height: 40px; background: #fff;  border-top: solid 1px #e6e6e6; border-bottom: solid 1px #e6e6e6;  z-index: 100000;}
.slide-box .li[data-checked='true'] {  display: none;}

.slide-box .li {  height: 40px; color: #666; font-size: 16px; border-bottom: solid 1px #e6e6e6; border-left: solid 1px #eee; border-right: solid 1px #e6e6e6; cursor: pointer;}

.search-input .trade-button { right: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; background: #fd924b;}

.search-input .search-button {  border-radius: 0; right: 155px;  width: 190px; height: 54px; position: absolute;  top: 0; right: 0; background: #fd924b;  border: 0; border-top-right-radius: 4px;  border-bottom-right-radius: 4px; }

.search-input .search-button span {   position: relative; color: #fff;  font-size: 22px;  line-height: 48px;}


/*首页商标注册*/
.section01,.section03,.section02{width:100%; margin: 0 auto; padding:26px 0 26px;}
.wrapper, .lanrenzhijia,.tabbox{ width:1200px; margin:0 auto;  margin-top:20px;margin-bottom:10px;}
.home_title{ color:#646464; font-size:32px; text-align:center;  position: relative; z-index: 3;  margin-bottom:32px; height:32px; line-height:32px;}
.home_title i,.home_title h2,.home_title h1,.home_title .tit{padding: 0 15px;  }
.home_title h2,.home_title h1,.home_title .tit{ display:inline;}
.home_title h2 b,.home_title h1 b,.home_title .tit b{ width:100px; height:1px; }


.home_sort li { float: left; text-align: center; margin-bottom:20px;   border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; overflow:hidden; padding-top:25px; padding-bottom:20px; }
.sb_sort li {  width: 278px; margin-left:10px; margin-right:10px; height:230px;border:1px solid #ebebeb;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s }
.sb_sort li:hover{-webkit-transform:translateY(-7px);-ms-transform:translateY(-7px);transform:translateY(-7px);-webkit-box-shadow:0 3px 50px 0 rgba(0,0,0,.075);box-shadow:0 3px 50px 0 rgba(0,0,0,.075);}
.home_sort li i { width: 73px; height: 75px; display: inline-block;  }
.home_sort li i img{ width: 73px; height: 75px;}
.home_sort li h3 a { display:block; font-size: 24px; color: #fd924b; line-height: 40px;  margin: 20px 0 10px; padding:0;  -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }

.home_sort li p { color: #999999; font-size: 16px; line-height: 28px; padding:0 38px; }

.home_other_list ul{ border:1px solid #e4e4e4; padding:0 15px; margin-left:15px; margin-right:15px;}

.home_other_list li{ float:left; height:30px; line-height:30px; padding:15px 40px; padding-left:0;}
.home_other_list li a{ font-size:16px;}
.home_other_list li a:hover{ color:#fd924b;}
.home_other_list li b{ font-size:16px; font-weight:bold; margin-right:15px;}

.success_btn a {
    display: block;
    width: 270px;
    height: 54px;
    line-height: 54px;
    color: #fff;
    background: #fd924b;
    font-size: 24px;
    margin: 0 auto;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: center;
    margin-top: 28px;
    margin-bottom: 30px;
}



/*商标案件*/
.trademark-type-boxlist { float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 226px; height:auto; padding: 25px 0px; display: block;  float: left; margin: 0 7px 20px 7px;  text-align: center; background: #fff;  -webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}

.trademark-type-boxlist:hover{-webkit-box-shadow:0 3px 50px 0 rgba(0,0,0,.075);box-shadow:0 3px 50px 0 rgba(0,0,0,.075);-webkit-transform:translateY(-7px);-ms-transform:translateY(-7px);transform:translateY(-7px)}

.trademark-type-boxlist i {  width: 55px;  height: 55px; display: inline-block; margin: 0 auto;}
.trademark-type-boxlist h3 { padding-top: 20px; font-size: 18px; font-weight: normal;}
.trademark-type-boxlist h3 a:hover{ color:#fd924b;}

/*商标查询*/
.banner01,.gg,.inner_banner{ clear:both;position:relative; width:1920px; margin:0 auto; left:50%; margin-left:-960px; overflow:hidden;}
.banner01{ position:relative; height:470px;}
.banner01 .inner_search{ position:absolute; width:100%; left: 0;  bottom: 0; z-index: 1;}
.banner01 .search01{ }
.banner01 .con_title{ margin-bottom:25px;text-align: center;}

.con_title .text_tx {  color: #fff;}
.con_title .text_en { font-size: 17px; line-height: 17px;  color: #c1c1c1;  text-transform: uppercase;}
.con_title .text_tx {  color: #d1dbfc;}
.con_title p {  font-weight: 600;}
.search .search-cont{ width:1000px; margin:0 auto;}

.search .search-cont input::placeholder{ color:#988f79;}
.search .search-infor { font-size: 16px; color: #f1f0f0; line-height: 48px; margin: 5px 0px 0; float:left;}
.search .search-infor span { font-weight:bold}
.search .search_sort a{ display:block; border:1px solid #9a9a9a; width:130px; height:32px; line-height:32px; background:url(../img/fl_btn_50.png) no-repeat 119px center; padding-left:25px; float:right; color:#fff; margin-top:10px; font-size:16px; margin-right:6px; }


.search .search-cont input { width: 38%; height: 55px; float: left; outline: none; font-size: 16px; padding-left: 15px; border: 1px #fff solid; margin-right: 20px; color: #646464; background:#fff;}
.search .search-cont .y_phone{ margin-right:0;}
.search .search-cont button { width: 18%; height: 57px; float: left; outline: none; color: #ffffff; font-size: 20px; background: #fd924b; border: 1px #fd924b solid;cursor: pointer;}


/*注册流程*/
.sect-step_wrap{background-color:#fff; padding:26px 0 0px; }
.tab{padding:0 20px 37px;text-align:justify;line-height:0;border-bottom:3px solid #fd924b}
.tab .fix{display:inline-block;margin:0;padding:0;width:100%;height:0;overflow:hidden}
.tab .item{display:inline-block;vertical-align:middle;padding:0 10px;text-align:center;cursor:pointer;color:#646464;font-size:20px}
.tab .item .ico{margin:0 auto 5px;width:88px;height:88px}
.tab .item .ico-1{ background:url(../../images/sbzc/Process_01_h.png) no-repeat center;}
.tab .item .ico-2{background:url(../../images/sbzc/Process_02_h.png) no-repeat center;}
.tab .item .ico-3{background:url(../../images/sbzc/Process_03_h.png) no-repeat center;}
.tab .item .ico-4{background:url(../../images/sbzc/Process_04_h.png) no-repeat center;}
.tab .item .ico-5{background:url(../../images/sbzc/Process_05_h.png) no-repeat center;}
.tab .item .ico-6{background:url(../../images/sbzc/Process_06_h.png) no-repeat center;}
.tab .item .ico-7{background:url(../../images/sbzc/Process_07_h.png) no-repeat center;}
.tab .item .text{margin-top:5px;line-height:1}
.tab .item .time1{margin-top:15px;line-height:1; color:999999; font-size:16px;}
.tab .item.on .ico-1{background:url(../../images/sbzc/Process_01_l.png) no-repeat center;}
.tab .item.on .ico-2{background:url(../../images/sbzc/Process_02_l.png) no-repeat center;}
.tab .item.on .ico-3{background:url(../../images/sbzc/Process_03_l.png) no-repeat center;}
.tab .item.on .ico-4{background:url(../../images/sbzc/Process_04_l.png) no-repeat center;}
.tab .item.on .ico-5{background:url(../../images/sbzc/Process_05_l.png) no-repeat center;}
.tab .item.on .ico-6{background:url(../../images/sbzc/Process_06_l.png) no-repeat center;}
.tab .item.on .ico-7{background:url(../../images/sbzc/Process_07_l.png) no-repeat center;}
.tab .item.on .text{color:#fd924b}
.tabbox .content{padding:20px 0 10px; height:350px; overflow:hidden;}
.tabbox .content li{display:none;}
.sect-step_detail{position:relative;}
.sect-step_detail .line{position:absolute;top:0;left:640px;bottom:0;border-left:1px solid #d0d0d0}
.sect-step_detail .main{float:left;width:640px;padding:10px 0 5px;font-size:16px;line-height:1.5;color:#333}
.sect-step_detail .main .row{margin-left:-4px;margin-right:-4px; display:block;}
.sect-step_detail .main .bg{background-color:#eaeaea}
.sect-step_detail .main .col{padding:0 4px}
.sect-step_detail .main .card{padding:5px 15px}
.sect-step_detail .side{overflow:hidden;padding:0 30px 0 50px}
.sect-step_detail .side .hd{margin:8px 0 14px 20px;color:#ef8624;font-size:18px;line-height:30px}
.sect-step_detail .side .list{line-height:24px;color:#333}
.sect-step_detail .side .list p{margin-bottom:20px}
.sect-step_detail .side .list .text{display:block;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.sect-step_detail .side .list .btn{float:right;margin-left:10px}
.sect-step_detail .btn{padding:0 12px;height:24px;line-height:22px;font-size:14px}
.ui-btn--warning { color: #fff; border: 1px solid #fd924b; background-color: #fd924b;}
.ui-btn--warning { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 18px; font-size: 14px; height: 28px; line-height: 26px; text-align: center; border: 0 none; white-space: nowrap;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;  outline: 0; cursor: pointer; -webkit-appearance: none; -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; -o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;}
.m-b-md { margin-bottom: 20px;}

.l-col-5 { width: 41.66667%;}
.l-col-3 {  width: 30%;}
.m-b-xxs { margin-bottom: 5px;}
.m-t-sm { margin-top: 15px;}
.text-warning { color: #ef8624;}
.text-smer{ font-size:14px;}
.text-center { text-align: center;}
.p-hor-xs {  padding-left: 10px; padding-right: 10px;}
.p-ver-xxs { padding-top: 5px; padding-bottom: 5px;}
.sect-step_detail .main .row:after, .sect-step_detail .main .row:before {
    content: '';
    display: table;
}
.m-b-xs { margin-bottom: 10px;}
.l-col-10{ display:block; clear:both;}
.l-col-8 { width: 66.66667%;}
.l-col-10 { width: 83.33333%;}
.p-all-xs { padding: 10px;}
.sect-step_detail .main .row:after {clear: both;}



/*商标答疑*/
.trademark_q{ margin-top:25px;}
.trademark_q dl { float:left; width:570px; margin:0 15px 35px 15px;}

.trademark_q dt,.trademark_q dd { float: left;}
.trademark_q dt{ width:196px; overflow:hidden;}
.trademark_q dt img { width: 196px; height: 121px; transition: all 1s;}
.trademark_q dt img:hover{transform: scale(1.2);}
.trademark_q dd { width: 349px; padding-left: 25px;}
.trademark_q dd .tit {  font-size: 16px;  line-height: 30px; margin-bottom:15px;}
.trademark_q dd .tit a{ color: #262626;}
.trademark_q dd .tit a:hover{ color:#fd924b;}
.trademark_q dd .msg { font-size: 14px; line-height: 22px; color: #999;}

.patent_sort li,.copyright_sort li{  width: 378px; margin-left:10px; margin-right:10px; height:280px; background:#fff; border:1px solid #ebebeb;  }


/*专利申请流程*/
.patent_process li { float: left; width: 122px;   padding-top: 10px;  text-align: center; }
.patent_process li i { width: 116px; height: 115px; display: inline-block; }
.patent_process li p { color: #646464; font-size: 16px; line-height: 28px; margin-top:15px; }
.process_line { width: 25px !important; background:url(../../images/sbzc/patent_line.png) center center no-repeat; margin:51px 33px; height:13px; }