/*banner*/
.banner .bd li:nth-child(3n+1) a{background: url(../image/img_banner13.jpg)no-repeat center;}
.banner .bd li:nth-child(3n+2) a{background: url(../image/img_banner13.jpg)no-repeat center;}
.banner .bd li:nth-child(3n+3) a{background: url(../image/img_banner13.jpg)no-repeat center;}
/*热门业务 l 极速办理*/
.hotService{background: url(../image/bg_hot.jpg)no-repeat center;height: 620px;margin-top: 48px;padding-top: 33px;}
.hotService ul{display: flex;flex-flow: row wrap;background-color: #FFFFFF;margin-top: 49px;}
.hotService li{text-align: center;border-left: dashed 1px #dbdbdb;border-bottom: dashed 1px #dbdbdb;width: 25%;
	height: 195px;overflow: hidden;position: relative;}
.hotService li:nth-child(n+5){border-bottom: none}
.hotService li:nth-child(4n+1){border-left: none;}
.hotService li .left{width: 100%;transition: width 0.5s;height: 100%;padding-top: 30px;position: absolute;top: 0;
	left: 0;background-color: #FFFFFF;z-index: 1;}
.hotService li:hover .left{width: 165px;background-color: #c7161c;}
.hotService li .left .img{width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;
	margin: 0 auto 10px;}
.hotService li:nth-child(1) .left .img{background: url(../image/img_materialR1.png)no-repeat center;}
.hotService li:nth-child(2) .left .img{background: url(../image/img_materialR2.png)no-repeat center;}
.hotService li:nth-child(3) .left .img{background: url(../image/img_materialR3.png)no-repeat center;}
.hotService li:nth-child(4) .left .img{background: url(../image/img_materialR4.png)no-repeat center;}
.hotService li:nth-child(5) .left .img{background: url(../image/img_materialR5.png)no-repeat center;}
.hotService li:nth-child(6) .left .img{background: url(../image/img_materialR6.png)no-repeat center;}
.hotService li:nth-child(7) .left .img{background: url(../image/img_materialR7.png)no-repeat center;}
.hotService li:nth-child(8) .left .img{background: url(../image/img_materialR8.png)no-repeat center;}
.hotService li:nth-child(1):hover .left .img{background: url(../image/img_materialW1.png)no-repeat center;}
.hotService li:nth-child(2):hover .left .img{background: url(../image/img_materialW2.png)no-repeat center;}
.hotService li:nth-child(3):hover .left .img{background: url(../image/img_materialW3.png)no-repeat center;}
.hotService li:nth-child(4):hover .left .img{background: url(../image/img_materialW4.png)no-repeat center;}
.hotService li:nth-child(5):hover .left .img{background: url(../image/img_materialW5.png)no-repeat center;}
.hotService li:nth-child(6):hover .left .img{background: url(../image/img_materialW6.png)no-repeat center;}
.hotService li:nth-child(7):hover .left .img{background: url(../image/img_materialW7.png)no-repeat center;}
.hotService li:nth-child(8):hover .left .img{background: url(../image/img_materialW8.png)no-repeat center;}
.hotService li .left h4{font-size: 24px;color: #333333;font-weight: 700;line-height: 48px;}
.hotService li .left p{font-size: 12px;color: #999999;text-transform: uppercase;line-height: 20px;}
.hotService li:hover .left h4,.hotService li:hover .left p{color: #FFFFFF;}
.hotService li .left .dot{background: url(../image/icon_dotR.png)no-repeat center;width: 10px;height: 12px;
	margin: 9px auto 0;}
.hotService li:hover .left .dot{background: url(../image/icon_dotW.png)no-repeat center;}
.hotService li .right{font-size: 14px;height: 100%;width: 134px;position: absolute;top: 0;left: 300px;
	border-left: solid 4px #e3e3e3;transition: left 0.5s;}
.hotService li .right:before{position: absolute;content: '';border-style: solid;border-width: 7px;
	border-color: transparent #e3e3e3 transparent transparent;left: -17px;top: 45px;}
.hotService li .right:after{position: absolute;content: '';border-style: solid;border-width: 7px;
	border-color: transparent #ffffff transparent transparent;left: -12px;top: 45px;}
.hotService li:hover .right{left: 165px;padding-top: 26px;padding-left: 8px;z-index: 2;}
.hotService li .right p{color: #666666;text-align: left;line-height: 30px;}
.hotService li .right .handle{color: #c7161c;cursor: pointer;width: 116px;height: 34px;line-height: 32px;border-radius: 17px;
	display: block;border: solid 1px #c7161c;margin-top: 20px;}
.hotService li .right .handle:hover{color: #FFFFFF;background-color: #c7161c;}
/*商标注册流程*/
.process{margin-top: 43px;}
.process ul{display: flex;margin-top: 62px;height: 394px;}
.process li{text-align: center;width: 200px;border: solid 1px #eeeeee;transition: all 0.3s;height: 373px;position: relative;}
.process li:hover{border-color: #c7161c;border-width: 5px 1px 1px 1px;box-shadow: 0 0 10px 4px rgba(199,22,28,0.05);margin-top: -15px;height: 407px;}
.process li h3{font-size: 28px;color: #FFFFFF;font-weight: 700;background-color: #c7161c;font-style: italic;
	width: 46px;height: 46px;margin: 31px auto 9px;border-radius: 50%;line-height: 46px;transition: all 0.3s;}
.process li:hover h3{box-shadow: 0 3px 6px 2px rgba(0,0,0,0.2);margin-top: -27px;}
.process li h4{font-size: 18px;color: #333333;font-weight: 700;position: relative;line-height: 50px;}
.process li h4:before{position: absolute;content: '';width: 18px;height: 4px;background-color: #c7161c;left: 50%;
	margin-left: -9px;bottom: 0;}
.process li p{font-size: 15px;color: #777777;line-height: 30px;margin-top: 25px;margin-bottom: 5px;}
.process li p span{color: #c7161c;text-decoration: underline;}
.process li>img{margin-top: 30px;position: absolute;left: 0;top: 136px;transition: all 0.3s;}
.process li:hover>img{bottom: 0;top: inherit;}
.process li h5{font-size: 16px;color: #333333;height: 19px;line-height: 19px;text-align: center;margin: 49px 0 22px;
	position: relative;}
.process li:hover h5{display: none;}
.process li h5 img{position: absolute;right: 20px;top: 0;}
.process a{display: block;margin: 40px auto 0;font-size: 18px;color: #FFFFFF;background-color: #c7161c;cursor: pointer;
	width: 306px;height: 50px;line-height: 50px;text-align: center;transition: all 0.3s;}
.process a:hover{opacity: 0.9;}
/*商标注册所需材料*/
.material{background: url(../image/bg_material.jpg)no-repeat center;height: 600px;padding-top: 34px;margin-top: 54px;}
.material .title h3{color: #FFFFFF;}
.material ul{display: flex;justify-content: space-between;color: #FFFFFF;margin-top: 39px;}
.material ul li{width: 596px;height: 300px;display: flex;}
.material ul li:nth-child(1){background: #3f3f3f url(../image/bg_material1.png)no-repeat left center;}
.material ul li:nth-child(2){background: #3f3f3f url(../image/bg_material2.png)no-repeat left center;}
.material li .left{text-align: center;width: 296px;padding-top: 112px;}
.material li .left h4{font-size: 24px;line-height: 50px;}
.material li .left h5{font-size: 12px;text-transform: uppercase;color: rgba(255,255,255,0.4);line-height: 26px;}
.material li .right{padding-left: 35px;width: 300px;padding-top: 26px;padding-right: 22px;}
.material li:hover .right{background-color: rgba(255,255,255,0.05);}
.material li .right p{font-size: 15px;border-bottom: dashed 1px #565656;position: relative;padding-left: 24px;line-height: 48px;}
.material li .right p:before{position: absolute;content: '';width: 10px;height: 10px;border-radius: 50%;
	left: 4px;top: 19px;background-color: #626684;}
.material li:nth-child(2) .right p:before{background-color: #b1433d;}
.material a{display: block;margin: 46px auto 0;font-size: 18px;color: #FFFFFF;background-color: #c7161c;cursor: pointer;
	width: 306px;height: 50px;line-height: 50px;text-align: center;transition: all 0.3s;}
.material a:hover{opacity: 0.9;}
/*商标注册的6大理由*/
.reason{margin-top: 43px;margin-bottom: 54px;}
.reason .content{text-align: center;position: relative;margin-top: 70px;}
.reason .content .part{position: absolute;}
.reason .content .part h5{font-size: 12px;color: #333333;font-weight: 700;text-transform: uppercase;line-height: 20px;}
.reason .content .part h4{font-size: 18px;color: #c7161c;font-weight: 700;line-height: 34px;}
.reason .content .part p{font-size: 16px;color: #666666;line-height: 24px;margin-top: 4px;}
.reason .content .part1{left: 152px;top: -30px;}
.reason .content .part2{left: 78px;top: 140px;}
.reason .content .part3{left: 151px;top: 342px;}
.reason .content .part4{right: 151px;top: -30px;}
.reason .content .part5{right: 67px;top: 140px;}
.reason .content .part6{right: 183px;top: 342px;}
.reason a{display: block;margin: 72px auto 0;font-size: 18px;color: #FFFFFF;background-color: #c7161c;cursor: pointer;
	width: 306px;height: 50px;line-height: 50px;text-align: center;transition: all 0.3s;}
.reason a:hover{opacity: 0.9;}