/*竖*/
.ccbox_v {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: box;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
}
/*横*/
.ccbox_h {
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: box;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
}

nav.patent-nav {
	height: 155px;
	background-color: #FFF;
	border-bottom: 2px solid #f2f2f2;
}
	ul.patent-nav-list {
		width: 1200px;
		margin: 0 auto;
		height: 100%;
	}
		ul.patent-nav-list > li {
			float: left;
			width: 400px;
			height: 100%;
			cursor: pointer;
			padding: 30px;
			text-align: center;
			color: #a8a8a8;
            position:relative;
		}
		ul.patent-nav-list > li.active {
			color: #FFF;
			background: -webkit-linear-gradient(#0365ff, #09c8fe); 
			background: -moz-linear-gradient(#0365ff, #09c8fe); 
			background: linear-gradient(#0365ff, #09c8fe); 
		}
			ul.patent-nav-list > li div {
				width: 60px;
				height: 60px;
				margin: 0 auto;
				background-size: 100% auto;
				background-repeat: no-repeat;
				background-position: center top;
			}
			ul.patent-nav-list > li:nth-child(1) div {
				background-image: url('../images/practical_patent/patent_nav_1.png');
			}
			ul.patent-nav-list > li:nth-child(2) div {
				background-image: url('../images/practical_patent/patent_nav_2.png');
			}
			ul.patent-nav-list > li:nth-child(3) div {
				background-image: url('../images/practical_patent/patent_nav_3.png');
			}
			ul.patent-nav-list > li.active div {
				background-position: center -61px;
			}
			ul.patent-nav-list > li h3 {
				padding-top: 20px;
				font-size: 20px;
			}
		ul.patent-nav-list > li:hover {
			color: #FFF;
			background: -webkit-linear-gradient(#0365ff, #09c8fe); 
			background: -moz-linear-gradient(#0365ff, #09c8fe); 
			background: linear-gradient(#0365ff, #09c8fe); 
		}
			ul.patent-nav-list > li:hover div {
				background-position: center -61px;
			}

            ul.patent-nav-list > li p {
				position: absolute;
				width: 100%;
				height: 100%;
				left: 0px;
				top: 0px;
				line-height: 155px;
				font-size: 20px;
				display: none;
			}
		ul.patent-nav-list > li:hover {
			color: #FFF;
			background: -webkit-linear-gradient(#0365ff, #09c8fe); /* Safari 5.1 - 6.0 */
			background: -moz-linear-gradient(#0365ff, #09c8fe); /* Firefox 3.6 - 15 */
			background: linear-gradient(#0365ff, #09c8fe); /* 标准的语法 */
		}
			ul.patent-nav-list > li:hover p {
				display: block;
			}
			ul.patent-nav-list > li:hover div {
				display: none;
			}
			ul.patent-nav-list > li:hover h3 {
				display: none;
			}

            ul.software-service-list {
	height: 245px;
}
	ul.software-service-list > li {
		float: left;
		width: 350px;
		text-align: left;
		margin-right: 75px;
	}
	ul.software-service-list > li:last-child {
		margin-right: 0px;
	}
		div.service-list-title {
			padding-bottom: 15px;
		}
			div.service-list-title > div {
				width: 32px;
				height: 32px;
				padding: 4px;
				border-radius: 50%;
				background-color: #0182fe;
				display: inline-block;
				margin-right: 10px;
			}
				div.service-list-title > div > img {
					width: 100%;
					height: 100%;
				}
			div.service-list-title > h1 {
				font-size: 24px;
				color: #0182fe;
				display: inline-block;
			}
            ol.service-item {
			text-align: left;
			counter-reset: li;
			list-style-type: decimal;
			padding-left: 1.5rem;
			line-height: 25px;
			color: #636363;
			/* list-style-position: inside; */
		}


/* 主标题通用样式 */
section.currency > div > h1 {
    font-size: 32px;
    color: #4b4b4b;
    text-align: center;
    padding: 45px 0px 20px;
}

/*  注册流程开始  */
section.process {
	height: 558px;
	background-color: white;
	background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
	text-align: center;
	overflow: hidden;
}
	ul.process-region {
		width: 1125px;
		height: 90px;
		padding-top: 20px;
		text-align: center;
		margin: 0 auto;
	}
		ul.process-region > li {
			font-size: 22px;
			background-color: #fff;
			width: 200px;
			line-height: 45px;
			border: 1px solid #D9D9D9;
			float: left;
			cursor: pointer;
			background-position: center top;
			background-repeat: no-repeat;
			background-size: 100% auto;
			position: relative;
            margin-right:31px;
            box-sizing:border-box;
            padding:42px 15px 0px 15px;
            height:240px;
		}
            ul.process-region > li i {
                content:" ";
                position:absolute;
                left:50%;
                width:50px;height:50px; margin-left:-25px;
                top:-25px;
                background:url(../images/tmtransfer/img1.png) center top;
            }
            ul.process-region > li:hover {
                border-bottom:3px solid #4187D7;
            }
            ul.process-region > li.active {
                border-bottom:3px solid #4187D7;
            }
             ul.process-region > li:hover i{
                 background-position:center bottom;
             }
            ul.process-region > li.active i {
                background-position:center bottom;
            }

            ul.process-region > li:nth-child(1) i {
                background-image:url(../images/tmtransfer/img1.png);
            }
            ul.process-region > li:nth-child(2) i {
                background-image:url(../images/tmtransfer/img2.png);
            }
            ul.process-region > li:nth-child(3) i {
                background-image:url(../images/tmtransfer/img3.png);
            }
            ul.process-region > li:nth-child(4) i {
                background-image:url(../images/tmtransfer/img4.png);
            }
            ul.process-region > li:nth-child(5) i {
                background-image:url(../images/tmtransfer/img5.png);
            }
        ul.process-region > li:last-child {
			margin-right:0px;
		}

		ul.process-region > li.active {
			/* background-color: #246fd5; */
			background-position: center bottom;
			/* color: #FFF; */
		}

            ul.process-region > li h1 {
                font-size:18px;position:relative;margin-bottom:11px;
            }
            ul.process-region > li h1::after {
                content:" ";
                width:35px;
                position:absolute;
                border-top:1px solid #4B4B4B;
                left:50%;
                margin-left:-18.5px;
                bottom:0px;
            }
            ul.process-region > li p {
                font-size:14px;line-height:22px; color:#B3B3B3;
            }


/*	ul.process-list {
		height: 205px;
	}*/
		ul.process-list > li {
			color: #7b7b7b;
			text-align: center;
			line-height: 25px;
			width: 14.28%;
			float: left;
			position: relative;
			padding-top: 30px;
		}

            ul.process-list > li a{
			    display:block;
		    }
			ul.process-list > li > img {
				margin-bottom: 35px;
			}
			ul.process-list > li > div {
				width: 90px;
				height: 30px;
				position: absolute;
				right: -45px;
			}
			ul.process-list > li:nth-child(2n+0) > div{
				top: 95px;
				background-image: url('../images/process-next-bottom.png');
			}
			ul.process-list > li:nth-child(2n+1) > div{
				top: 10px;
				background-image: url('../images/process-next-top.png');
			}

/* 和协对比其它品牌开始 */
section.contrast {
	height: 1110px;
	background-color: #f8f8f8;
	overflow: hidden;
}
	div.contrast-title {
		width: 1105px;
		height: 65px;
		margin: 0 auto;
		line-height: 65px;
		color: #FFF;
		text-align: center;
		font-size: 0;
		background-image: url('../images/trademark/contrast-title-bak.png');
		background-repeat: no-repeat;
	}
		div.contrast-title > span:nth-child(2n+1){
			display: inline-block;
			width: 40%;
			font-size: 32px;
		}
		div.contrast-title > span:nth-child(2){
			display: inline-block;
			width: 20%;
			font-size: 45px;
			font-weight: bold;
			vertical-align: top;
		}

	div.contrast-con {
		height: 890px;
		width: 1105px;
		margin: 0 auto;
		border: 1px solid #5cbfff;
		border-top: none;
		padding: 30px 120px;
		text-align: center;
	}
		ul.contrast-list > li {
			height: 110px;
/*			border: 1px solid #5cbfff;*/
			margin-bottom: 15px;
			padding: 0px 30px;
			text-align: left;
			background-repeat: no-repeat;
			background-image: url('../images/trademark/contrast-list-bak.png');
		}
		ul.contrast-list > li:last-child{
			margin-bottom: 0px;
		}
			ul.contrast-list > li > div{
				width: 50%;
				float: left;
				position: relative;
			}
				ul.contrast-list > li > div > div {
					height: 27px;
					width: 88px;
					position: absolute;
					top: 40px;
					right: -44px;
					color: #fff;
					text-align: center;
					font-size: 17px;
					line-height: 25px;
					background-image: url('../images/trademark/contrast-vs.png');
				}
					ul.contrast-list > li > div > span {
						display: inline-block;
						width: 270px;
						padding-left: 13px;
						line-height: 25px;
					}
				ul.contrast-list > li > div:first-child {
					color: #595959;
				}
					ul.contrast-list > li > div:first-child > img {
						width: 50px;
						height: 50px;
						margin-top: 30px;
						vertical-align: bottom;
						display: inline-block;
					}
				ul.contrast-list > li > div:last-child {
					color: #6f7070;
				}
					ul.contrast-list > li > div:last-child > img {
						width: 50px;
						height: 50px;
						margin-top: 30px;
						margin-left: 70px;
						vertical-align: bottom;
						display: inline-block;
					}
					img.contrast-my-3 { margin-bottom: 20px; }
					span.contrast-to-3 { padding-bottom: 15px; }

/* 企业首选开始 */
section.case {
	height: 560px;
	background-color: white;
	text-align: center;
	overflow: hidden;
}
	ul.case-list > li {
		height: 158px;
		width: 20%;
		border-right: 1px solid #ebebeb;
		border-top: 1px solid #ebebeb;
		float: left;
		position: relative;
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position: center bottom;
	}
	ul.case-list > li:nth-child(1){
		background-image: url('../images/case-1.png');
	}
	ul.case-list > li:nth-child(2){
		background-image: url('../images/case-2.png');
	}
	ul.case-list > li:nth-child(3){
		background-image: url('../images/case-5.png');
	}
	ul.case-list > li:nth-child(4){
		background-image: url('../images/case-6.png');
	}
	ul.case-list > li:nth-child(5){
        background-image: url('../images/case-7.png');
	}
	ul.case-list > li:nth-child(6){
        background-image: url('../images/zndx.jpg');
	}
	ul.case-list > li:nth-child(7){
        background-image: url('../images/hndx.jpg');
	}
	ul.case-list > li:nth-child(8){
        background-image: url('../images/xtdx.jpg');
	}
	ul.case-list > li:nth-child(9){
		background-image: url('../images/hhdx.jpg');
	}
	ul.case-list > li:nth-child(10){
		
		background-image: url('../images/cslg.jpg');
	}
	ul.case-list > li:hover {
		background-position: center top;
	}

	ul.case-list > li:nth-child(5n+1){
		border-left: 1px solid #ebebeb;
	}
	ul.case-list > li:nth-child(1n+6){
		border-bottom: 1px solid #ebebeb;
	}
		ul.case-list > li > a {
			display: block;
			height: 100%;
		}

/* 保驾护航开始 */
section.escort {
	height: 493px;
	background: #f8f8f8 url(../images/patent/zjbg.jpg) center center;
	text-align: center;
	overflow: hidden;
}
	section.escort button {
		margin-top: 55px;
	}
	ul.expert-list {
		position: relative;
		height: 615px;

	}
		ul.expert-list > li {
            position:relative;
			width: 220px;
            height: 320px;
            text-align: left;
            margin-top: 15px;
            margin-right:25px;
            float:left;
            top: 0px;
            cursor: pointer;
            background-color: #FFF;
            overflow:hidden;
            border-radius:10px;
            -moz-box-shadow: 0px 3px 10px rgba(0,0,0,0.1);
            box-shadow: 0px 3px 10px rgba(0,0,0,0.1);

		}
            ul.expert-list > li:last-child {
                margin-right:0px;
            }
            ul.expert-list > li .hidecon {
                margin:0px 12px;
                color:#fff;line-height:30px; font-size:14px;
                transform: scale(.9,.9) translateY(-170px);
			    -webkit-transform: scale(.9,.9) translateY(-170px);
			    -o-transform: scale(.9,.9) translateY(-170px);
			    -moz-transform: scale(.9,.9) translateY(-170px); opacity:0;
            }
            ul.expert-list > li .hidecon .conrow{
                position:relative;padding-left:70px;
            }
            ul.expert-list > li .hidecon .conrow h2{
                position:absolute;left:0px; top:0px; width:70px;font-size:14px;
            }


            ul.expert-list > li:hover .hidecon {
                opacity:1;
                transform: scale(.9,.9) translateY(-220px);
			    -webkit-transform: scale(.9,.9) translateY(-220px);
			    -o-transform: scale(.9,.9) translateY(-220px);
			    -moz-transform: scale(.9,.9) translateY(-220px);
            }


		ul.expert-list > li:hover {
			transform: scale(1.1,1.1);
			-webkit-transform: scale(1.1,1.1);
			-o-transform: scale(1.1,1.1);
			-moz-transform: scale(1.1,1.1);
			z-index: 9;
			background: -webkit-linear-gradient(#006bff, #02b9fe); /* Safari 5.1 - 6.0 */
			background: -o-linear-gradient(#006bff, #02b9fe); /* Opera 11.1 - 12.0 */
			background: -moz-linear-gradient(#006bff, #02b9fe); /* Firefox 3.6 - 15 */
			background: linear-gradient(#006bff, #02b9fe); /* 标准的语法 */
		}
            ul.expert-list > li:hover div.tx  {
                background-color:#fff;
                transform: scale(0.5,0.5) translateY(-80px);
			    -webkit-transform: scale(0.6,0.6) translateY(-80px);
			    -o-transform: scale(0.5,0.5) translateY(-80px);
			    -moz-transform: scale(0.5,0.5) translateY(-80px);
            }

		ul.expert-list > li:hover h1 {color: #FFF;}
		ul.expert-list > li:hover h4 {color: #FFF;}
		ul.expert-list > li:hover h5 {background-color: #FFF; color: #006bff;}
		ul.expert-list > li:hover > div.expert-item  {
			opacity:0;
		}
		ul.expert-list > li:hover > div.expert-item > aside:nth-of-type(2) {
			display: block;
		}
		ul.expert-list > li:hover > div.expert-item > aside:nth-of-type(1) {
			display: none;
		}

			ul.expert-list div.expert-item {
				height: 100%;
                padding: 200px 30px 0px;
                background-size: 100% auto;
                background-position: center bottom;
                text-align: center;
			}
			ul.expert-list > li > div.tx {
                width:120px;height:120px;
                background-position:center 112%;
                background-repeat:no-repeat;
                background-color:#0182FE;
                border-radius:50%;
                position:absolute;left:50%;margin-left:-60px; top:53px;
                transform: scale(1,1);
			    -webkit-transform: scale(1,1);
			    -o-transform: scale(1,1);
			    -moz-transform: scale(1,1);
            }
			ul.expert-list > li:nth-child(1) > div.tx{
				background-image: url('../images/patent/zj1.png');
			}
			ul.expert-list > li:nth-child(2) > div.tx{
				background-image: url('../images/patent/zj2.png');
			}
			ul.expert-list > li:nth-child(3) > div.tx{
				background-image: url('../images/patent/zj3.png');
			}
			ul.expert-list > li:nth-child(4) > div.tx{
				background-image: url('../images/patent/zj4.png');
			}
			ul.expert-list > li:nth-child(5) > div.tx{
				background-image: url('../images/patent/zj6.png');
			}
				div.expert-item > div {
				    padding-bottom: 12px;
                    height: 35px;
                    border-bottom: 1px solid #CACACA;
                    margin-bottom: 4px;
				}

					div.expert-item > div > h1 {
						font-size: 20px;
                        color: #224e6b;
                        display: inline-block;
                        font-weight: bold;
					}
					div.expert-item > div > h5 {
						font-size: 14px;
						color: #FFF;
						background-color: #224e6b;
						text-align: center;
						height: 20px;
						width: 65px;
						border-radius: 5px;
						line-height: 20px;
						/*display: inline-block;*/
						float: right;
						margin-top: 25px;
					}
				div.expert-item > aside > h4 {
					line-height: 25px;
                    font-size: 19px;
                    color: #4B4B4B;
				}

/* 售后服务开始 */
section.service {
	height: 440px;
	background-color: #FFF;
	overflow: hidden;
}
	ul.service-list {
		padding-top: 40px;
		height: 470px;
	}
		ul.service-list > li {
			height: 425px;
			width: 380px;
			border: 1px solid #0182fe;
			border-radius: 10px;
			float: left;
			margin-right: 30px;
			padding: 40px 30px;
			position: relative;
		}
		ul.service-list > li:last-child{
			margin-right: 0px;
		}
			ul.service-list > li > h1 {
				font-size: 30px;
				color: #0182fe;
				text-align: center;
				line-height: 90px;
			}
			ul.service-list > li > div {
				width: 95px;
				height: 95px;
				position: absolute;
				left: 142px;
				top: -48px;
				background-color: #0182fe;
				border-radius: 50%;
				padding: 22px;
			}
			ul.service-list > li > h4 {
				line-height: 25px;
				color: #636363;
			}

/*  我要注册开始  */
section.register {
	height: 386px;
	background-color: #3373c0;
	text-align: center;
	background-image: url('../images/trademark/register-bak.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	overflow: hidden;
}
	section.register > div.main {
		width: 730px;
		margin: 0 auto;
		text-align: right;
	}
		section.register > div > h1 {
			color: #FFF;
			font-size: 32px;
		    text-align: center;
		    font-weight:100;
		    padding: 45px 0px 40px;
		}
		section.register label {
			color: #FFF;
			font-size: 26px;
			padding-right: 15px;
		}
		section.register input {
			width: 586px;
			height: 56px;
			border-radius: 5px;
			font-size: 22px;
			padding: 10px 20px;
		}
		section.register input:last-of-type{
			margin-top: 18px;
			margin-bottom: 50px;
		}
		section.register button {
			cursor: pointer;
			display: block;
			width: 160px;
			height: 45px;
			margin: 0 auto;
		}

/* 立享五大免费服务开始 */
section.free-admission {
	height: 330px;
	background-color: #FFF;
	overflow: hidden;
}
	ul.free-admission-list > li {
		width: 20%;
		float: left;
		text-align: center;
	}
		ul.free-admission-list > li > h3 {
			color: #394b50;
			line-height: 75px;
		}



button.block {
	margin-top: 40px;
	width: 160px;
	height: 45px;
	border:1px solid #4994FD;
    box-sizing:border-box;
    border-radius:8px;
    font-size: 19px;
    color: #4994FD;

}
button.block:hover {
    background:#4994FD;
    color:#fff;

    background-image: -moz-linear-gradient(left, #2A5AFD, #42C1FC); /* Firefox */
    background:-webkit-gradient(linear, 10% top, 90% bottom, from(#2A5AFD), to(#42C1FC));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2A5AFD', endColorstr='#2A5AFD', GradientType='0'); /* IE*/
}


.zltab{width:580px;margin:0px auto; border-bottom:1px solid #E9E9E9; position:relative;}
.zltab li{
    float: left;
    width: 220px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 20px;
    color: #595959;
    margin: 0px;
    cursor:pointer;
}
    .zltab ul {
        position: relative;
    width: 440px;
    padding: 0px;
    margin: 0px auto;
    height: 44px;

    }
.zltab ul:after{
    position:absolute; content:" "; left:0px; bottom:0px; width:220px;height:2px; overflow:hidden;background:#246FD5;
    transition: all 0.7s;
-moz-transition: all 0.7s;	/* Firefox 4 */
-webkit-transition: all 0.7s;	/* Safari 和 Chrome */
-o-transition: all 0.7s;	/* Opera */
}
.zltab ul.r:after{left:220px;}
.zltab li.on{
    color:#246FD5;
}
.zltabcon .inner{
    display:none;
    height:320px;
}
.zltabcon .inner.on{
    display:block;
}

.qxsb { color:#246FD5;padding-top:86px;
}
.qxsb .line{
    padding-bottom:10px;
}
.qxsb .item{
    width:150px;
}
.qxsb img{
    margin-bottom:10px;
}