/* 商标注册 */

body {
    background-color: #f6f7fb;
}


.box-banner .min-box{
	position: relative;
    z-index: 50;
    background: url(../img/point-3.jpg);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 32px 24px 36px;
    padding-top: 34px;
    margin-top: -40px;
    margin-bottom: 52px;
    box-shadow: 0 0 15px 1px rgb(116 116 116 / 10%);
}
.box-banner .min-box .shadow-title{
	width: 100%;
    text-align: center;
    font-size: 28px;
    color: #333333;
	margin-bottom:30px;
}
.box-banner .min-box .search{
	width: 100%;
	height: 62px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-left: 205px;
}
.box-banner .min-box .search span{
	width: 793px;
	height: 100%;
	overflow: hidden;
	border-radius: 100px;
	border: solid 1px #c9d0e1;
	display: flex;
	align-items: center;
	justify-content: center;
}
.box-banner .min-box .search span select{
	height: 100%;
	width: 130px;
	padding: 0 15px;
	border: none;
	border-right: solid 1px #e5e5e5;
	font-size: 16px;
	background-color: #ffffff;
}
.box-banner .min-box .search span input{
	width: 498px;
	height: 100%;
	border: none;
	text-indent: 15px;
	font-size: 14px;
	color: #333333;
}
.box-banner .min-box .search span input::placeholder{
	color: #999999;
}
.box-banner .min-box .search span button{
	width: 165px;
	height: 100%;
	font-size: 16px;
	background-color: #245fc3;
	color: #ffffff;
	border: none;
}
.box-banner .min-box .search .trademark-reg{
	display: flex;
	color: #ffffff;
	width: 150px;
	margin-left: 28px;
	height: 100%;
	border: solid 1px #ffffff;
	border-radius: 100px;
	align-items: center;
	justify-content: center;
}

.box-banner .min-box .forms{
	width: 100%;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.box-banner .min-box .forms *{
	margin: 0 8px 0;
	height: 100%;
	border-radius: 8px;
}
.box-banner .min-box .forms input{
	width: 278px;
	border: solid 1px #c9d0e1;
	background-color: #ffffff;
	padding: 0 23px;
	padding-right: 0;
	color: #c2c2c2;
}
.box-banner .min-box .forms button{
	width: 278px;
	border: none;
	color: #fff;
	background-color: #ef424b;
	padding: 0 23px;
}
.box-banner .min-box .forms input::placeholder{
	color: #999999;
	padding-left: 27px;
}
.box-banner .min-box .forms input:nth-child(1)::placeholder{
	background-image: url(../img/rp_icon201.png);
	background-repeat: no-repeat;
}
.box-banner .min-box .forms input:nth-child(2)::placeholder{
	background-image: url(../img/rp_icon202.png);
	background-repeat: no-repeat;
}
.box-banner .min-box .forms input:nth-child(3)::placeholder{
	background-image: url(../img/rp_icon203.png);
	background-repeat: no-repeat;
}
.box-banner .min-box .forms input:nth-child(4)::placeholder{
	background-image: url(../img/rp_icon204.png);
	background-repeat: no-repeat;
}




.hotservice {
    width: 100%;
	overflow:hidden;
	padding:30px 0 90px;
}

.common_title{
    text-align: center;
	padding-bottom: 30px;
}
.common_title .h2 {
    font-size: 32px;
    color: #141414;
    font-weight: bold;
}
.common_title .p1 {
    margin-top: 3px;
    font-size: 16px;
    color: #868686;
}
.hotservice_t {
	width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hotservice_tli {
    position: relative;
    width: 392px;
    height: 440px;
    padding: 40px 30px;
    background-color: #fff;
    background-position: top;
    background-repeat: no-repeat;
    display: inline-block;
}
.hotservice_tli:not(:last-child) {
    margin-right: 12px;
}

.hotservice_tli:nth-child(1) {
    background-image: url(../img/part1_timg1.png);
}

.hotservice_tli:nth-child(2) {
    background-image: url(../img/part1_timg2.png);
}

.hotservice_tli:nth-child(3) {
    background-image: url(../img/part1_timg3.png);
}

.hotservice_tli .title {
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF;
    position: relative;
}

.hotservice_tli .title::after {
    position: absolute;
    top: 95px;
    left: 0;
    content: '';
    width: 20px;
    height: 2px;
    background: #FFFFFF;
    opacity: 0.32;
}

.hotservice_tli .subtitle {
    font-size: 13px;
    color: #FFFFFF;
    margin-top: 6px;
    height: 39px;
}

.hotservice_tli .ul1 {
    margin-top: 83px;
}

.hotservice_tli .ul1 li {
    position: relative;
    font-size: 16px;
    color: #333333;
    padding-left: 22px;
    margin-bottom: 16px;
	list-style:none;
}

.hotservice_tli .ul1 li::before {
    position: absolute;
    top: 8px;
    left: 0;
    content: '';
    width: 8px;
    height: 8px;
    background: linear-gradient(180deg, #FFBF5C 0%, #FC8542 100%);
    border-radius: 50%;
}

.hotservice_tli .ul1 li .sprites {
    margin-right: 10px;
    float: right;
    margin-top: 6px;
	width: 18px;
    height: 14px;
	display: inline-block;
	background: url(../img/css_sprites.png) no-repeat;
}
.hotservice_tli .ul2 {
    width: 332px;
    height: 177px;
    padding: 21px 34px;
    background: #F8FAFF;
    border-radius: 2px;
    position: relative;
    z-index: 2;
}
.hotservice_tli .ul2 li {
    font-size: 14px;
    color: #333333;
    margin-bottom: 17px;
    display: inline-block;
}
.hotservice_tli .ul2 li:not(:nth-child(3n)) {
    margin-right: 44px;
}




.hotservice_b {
    margin-top: 12px;
}

.hotservice_b {
  margin-top: 12px;
}

.hotservice_bli {
  position: relative;
  width: 392px;
  height: 140px;
  padding: 17px 114px 0 30px;
  background: #FFFFFF;
  box-shadow: 0px 10px 20px 0px rgba(0, 40, 79, 0.06);
  display: inline-block;
  float: left;
  background: #fff url('../img/part1_bbg.png') no-repeat right bottom;
  overflow: hidden;
}

.hotservice_bli:not(:last-child) {
  margin-right: 12px;
}

.hotservice_bli>.sprites {
	position: absolute;
	top: 36px;
	right: 28px;
	width: 68px;
	height: 68px;
	display: inline-block;
	
}
.hotservice_bli>.sprites.bg-part1_bicon1{
	background: url(../img/sprites1.png) no-repeat;
}
.hotservice_bli>.sprites.bg-part1_bicon2{
	background: url(../img/sprites2.png) no-repeat;
}
.hotservice_bli>.sprites.bg-part1_bicon3{
	background: url(../img/sprites3.png) no-repeat;
}

.hotservice_bli .title {
  position: relative;
  font-size: 20px;
  color: #333333;
  font-weight: bold;
}

.hotservice_bli .title:after {
  content: '';
  width: 20px;
  height: 2px;
  background: #C7CEDE;
  position: absolute;
  top: 84px;
  left: 0;
}

.hotservice_bli .subtitle {
  font-size: 13px;
  color: rgba(51, 51, 51, .5);
  margin-top: 3px;
  line-height: 18px;
}



.common_title.white .h2 {
    color: #fff;
}
.common_title.white .p1 {
    color: rgba(255, 255, 255, 0.65);
}

/* 遇到注册阻碍怎么办 */
.shoulddo {
  width: 100%;
  overflow:hidden;
  padding:90px 0;
  background: url(../img/part2_bg.png) no-repeat center;
}


.shoulddo_tli {
  width: 300px;
  height: 284px;
  padding: 40px 30px;
  background: linear-gradient(360deg, #FFFFFF 0%, #F2F6FF 100%);
  display: inline-block;
  float: left;
  position: relative;
}

.shoulddo_tli:not(:last-child) {
  border-right: 1px solid #E5ECF3;
}

.shoulddo_tli:hover {
  position: relative;
  box-shadow: 0px 24px 40px 0px rgba(0, 0, 0, 0.1);
  z-index: 1;
}

.shoulddo_tli>.sprites {
	width: 68px;
    height: 68px;
	display: inline-block;
}

.shoulddo_tli>.sprites.bg-part2_ticon1 {
    background: url(../img/sprites4.png) no-repeat;
}
.shoulddo_tli>.sprites.bg-part2_ticon2 {
    background: url(../img/sprites5.png) no-repeat;
}
.shoulddo_tli>.sprites.bg-part2_ticon3 {
    background: url(../img/sprites6.png) no-repeat;
}
.shoulddo_tli>.sprites.bg-part2_ticon4 {
    background: url(../img/sprites6.png) no-repeat;
}

.shoulddo_tli .title {
  font-size: 18px;
  color: #333333;
  font-weight: bold;
  margin-top: 8px;
}

.shoulddo_tli .subtitle {
  font-size: 13px;
  color: rgba(51, 51, 51, .5);
  line-height: 20px;
  margin-top: 8px;
}

.shoulddo_b {
  width: 1200px;
  height: 156px;
  background: #FFFFFF;
  margin-top: 8px;
}

.shoulddo_bli {
  padding: 40px 30px 0 126px;
  display: inline-block;
  width: 400px;
  height: 156px;
  float: left;
  position: relative;
  transition: all .3s;
}

.shoulddo_bli:hover {

  box-shadow: 0 0 19px 3px rgb(51 51 51 / 10%);
}

.shoulddo_bli:not(:last-child) {
  border-right: 1px solid #E5ECF3;
}

.shoulddo_bli>.sprites {
  position: absolute;
  left: 30px;
  width: 80px;
  height: 80px;
 display: inline-block;
}

.shoulddo_bli>.sprites.bg-part2_bicon1 {
    background: url(../img/sprites8.png) no-repeat;
}
.shoulddo_bli>.sprites.bg-part2_bicon2 {
    background: url(../img/sprites9.png) no-repeat;
}


.shoulddo_bli .title {
  font-size: 18px;
  color: #333333;
}

.shoulddo_bli .subtitle {
  font-size: 13px;
  color: rgba(51, 51, 51, .5);
  line-height: 18px;
  margin-top: 5px;
}


/* 商标信息变更 */
.msgchange {
	overflow:hidden;
	padding:90px 0;
  background: #EFF1F3;
}
.msgchangewarp {
  position: relative;
}

.msgchange_li {
  display: inline-block;
  float: left;
  width: 392px;
  height: 156px;
  margin-bottom: 12px;
  padding: 30px;
  background: #FFFFFF;
  overflow: hidden;
  position: relative;
}

.msgchange_li:hover {
  box-shadow: 0px 24px 40px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 1;
}

.msgchange_li:not(:nth-child(3n)) {
  margin-right: 12px;
}

.msgchange_li .title {
  font-size: 20px;

  color: #333333;
  font-weight: bold;
  margin-bottom: 11px;
}

.msgchange_li .title .sprites {
  vertical-align: -11px;
  margin-right: 6px;
  width: 40px;
  height: 40px;
  display: inline-block;
}

.msgchange_li .title .sprites.bg-part4_icon1 {
    background: url(../img/sprites10.png) no-repeat;
}
.msgchange_li .title .sprites.bg-part4_icon2 {
    background: url(../img/sprites11.png) no-repeat;
}
.msgchange_li .title .sprites.bg-part4_icon3 {
    background: url(../img/sprites12.png) no-repeat;
}
.msgchange_li .title .sprites.bg-part4_icon4 {
    background: url(../img/sprites13.png) no-repeat;
}
.msgchange_li .title .sprites.bg-part4_icon5 {
    background: url(../img/sprites14.png) no-repeat;
}
.msgchange_li .title .sprites.bg-part4_icon6 {
    background: url(../img/sprites15.png) no-repeat;
}
.msgchange_li .title .sprites.bg-part4_icon7 {
    background: url(../img/sprites16.png) no-repeat;
}

.msgchange_li .subtitle li {
  font-size: 13px;
  color: rgba(51, 51, 51, .5);
  line-height: 20px;
  position: relative;
  margin-bottom: 5px;
  padding-left: 13px;
  list-style:none;
}

.msgchange_li .subtitle li:after {
  content: '';
  width: 4px;
  height: 4px;
  background: #f66060;
  position: absolute;
  left: 0;
  top: 8px;
}

.msgchange_lilast {
  position: absolute;
  left: 0;
  top: 0;
  width: 392px;
  height: 325px;
  background: url('../img/part4_lbg.png') center -1px no-repeat;
  padding: 65px 30px 0;
}

.msgchange_lilast .title {
  font-size: 30px;

  font-weight: bold;
  color: #FFFFFF;
}

.msgchange_lilast .subtitle {
  font-size: 18px;

  color: rgba(255, 255, 255, .66);
  line-height: 24px;
  margin-top: 6px;
}



/* 注册流程 */
.process {
  width: 100%;
  overflow:hidden;
  background: url('../img/part5_bg.png') center  no-repeat;
  padding:75px 0;
}

.process .common_title_t p {
  font-size: 18px;
}

.process_l {
  height: 328px;
  background: #fff;
  padding: 51px 41px;
  position: relative;
}

.process_l:after {
    content: '';
    position: absolute;
    top: 106px;
    left: 71px;
    width: 972px;
    height: 2px;
    background: #F0F2F5;
    z-index: 0;
}

.process_l li {
  width: 225px;
  height: 140px;
  float: left;
  margin-left: 15px;
  position: relative;
  z-index: 1;
  list-style:none;
}
.process_l li .sprites {
    width: 98px;
    height: 98px;
	display: inline-block;
}

.process_l li .sprites.bg-part5_icon1{
    background: url(../img/sprites17.png) no-repeat;
}
.process_l li .sprites.bg-part5_icon2{
    background: url(../img/sprites18.png) no-repeat;
}
.process_l li .sprites.bg-part5_icon3{
    background: url(../img/sprites19.png) no-repeat;
}
.process_l li .sprites.bg-part5_icon4{
    background: url(../img/sprites20.png) no-repeat;
}
.process_l li .sprites.bg-part5_icon5{
    background: url(../img/sprites21.png) no-repeat;
}

.process_l li:last-child {
  width: 157px;
}

.process_l li:first-child {
  margin-left: 0;
}

.process_l_n {
  width: 33px;
  height: 33px;
  font-size: 28px;
  color: #DEE1E9;
  line-height: 30px;
  margin: 11px 0 19px;
}
.process_l .bg-part5_icon0 {
  position: absolute;
  top: 47px;
  right: 32px;
    width: 26px;
    height: 17px;
	display: inline-block;
    background: url(../img/sprites22.png) no-repeat;
}

.process_l_t {
  font-size: 18px;
  color: #424a66;
  font-weight: bold;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.process_l_d {
  font-size: 12px;
  color: #6C7485;
  margin-top: 2px;
  -webkit-tra
}


.more-question{
	background-color:#f7f8fc;
	overflow:hidden;
	padding:90px 0 0;
}

.more-question .min-box .question-list{
	width: 100%;
	margin-top: 45px;
	overflow:hidden;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	align-content: space-between;
	counter-reset: setnum1;
}
.more-question .min-box .question-list .question-item{
	width:50%;
	padding: 15px;
}
.more-question .min-box .question-list .question-item .top-title{
	margin-left: 20px;
	width: calc(100% - 20px);
	height: 45px;
	position: relative;
	font-size: 16px;
	color: #333333;
	padding-left: 15px;
}
.more-question .min-box .question-list .question-item .top-title::before{
	counter-increment: setnum1;
	content: "Q"counter(setnum1);
	position: absolute;
	width: 24px;
	top: 0;
	left: -20px;
	height: 24px;
	border-radius: 45px;
    border: 1px solid #f66060;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ef1e25;
    font-size: 12px;
}
.more-question .min-box .question-list .question-item .req-text{
	padding: 20px;
    color: #878d99;
    box-shadow: 0 0 8px 0 rgba(135,140,179,.1);
    border: 1px solid #f0efef;
    background-color: #fff;
    position: relative;
    transition: all .2s;
    min-height: 40px;
}
.more-question .min-box .question-list .question-item .req-text:after {
    width: 10px;
    height: 10px;
    border-top: 1px solid #f0efef;
    border-right: 1px solid #f0efef;
    background: #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    content: '';
    display: block;
    position: absolute;
    top: -6px;
    z-index: 9;
    left: 32px;
}

.more-question .min-box .center-link{
	width: 100%;
	height: 44px;
	display: flex;
	margin-top: 45px;
	align-items: center;
	justify-content: center;
}
.more-question .min-box .center-link .links{
	display: block;
	padding: 0 26px;
	line-height: 44px;
	margin: 0 5px;
	text-decoration: none;
	border: solid 1px #ff7229;
	border-radius: 4px;
	color: #ff7229;
}
.more-question .min-box .center-link .links:last-child{
	background-color: #ff7229;
	color: #ffffff;
}



.more-service{
	background-color: #f7f8fc;
	overflow:hidden;
	padding:90px 0;
}
.more-service .min-box .service-list{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top:45px;
}
.more-service .min-box .service-list .box-item{
	width: 16.66666667%;
	overflow:hidden;
	padding: 15px;
}

.more-service .min-box .service-list .box-item dl {
    background-color: #fff;
    padding: 30px 15px;
	overflow:hidden;
    text-align: center;
    transition: all linear .2s;
    overflow: hidden;
    border-radius: 3px;
    box-shadow: 0 0 12px 3px rgb(116 116 116 / 5%);
}

.more-service .min-box .service-list .box-item dl img{
    width: 80px;
    height: 80px;
    display: block;
    margin: 0 auto;
}

.more-service .min-box .service-list .box-item dl .top-title {
    margin-top: 20px;
    font-size: 16px;
    transition: all linear .2s;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
}

.more-service .min-box .service-list .box-item .min-text{
	width: 100%;
	text-align: center;
	font-size: 12px;
	color: #999999;
}
.more-service .min-box .service-list .box-item .bt-ditt{
	display: block;
	margin: 26px auto;
	width: 8px;
	height: 8px;
	background-color: #e2e2e2;
	position: relative;
	border-radius: 8px;
}
.more-service .min-box .service-list .box-item .bt-ditt::after{
	top: 0;
	left: 200%;
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background-color: #e2e2e2;
}
.more-service .min-box .service-list .box-item .bt-ditt::before{
	top: 0;
	right: 200%;
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background-color: #e2e2e2;
}
.max-title-def {
    width: 100%;
    text-align: center;
    font-size: 26px;
    font-weight: 400;
    color: #303030;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 45px;
}
.max-title-def::after {
    content: "";
    width: 34px;
    height: 34px;
    margin-left: 8px;
    opacity: .9;
    background: url(../img/title-ico.png) left center no-repeat;
}