﻿@charset "utf-8";
/* 主标题通用样式 */
section.currency > div > h1 {
    font-size: 32px;
    color: #4b4b4b;
    text-align: center;
    padding: 45px 0px 40px;
}

/*  注册流程开始  */
section.process {
	height: 437px;
	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-3.png');
	}
	ul.case-list > li:nth-child(4){
		background-image: url('../images/case-4.png');
	}
	ul.case-list > li:nth-child(5){
		background-image: url('../images/case-5.png');
	}
	ul.case-list > li:nth-child(6){
		background-image: url('../images/case-6.png');
	}
	ul.case-list > li:nth-child(7){
		background-image: url('../images/case-7.png');
	}
	ul.case-list > li:nth-child(8){
		background-image: url('../images/case-8.png');
	}
	ul.case-list > li:nth-child(9){
		background-image: url('../images/case-9.png');
	}
	ul.case-list > li:nth-child(10){
		background-image: url('../images/case-10.png');
	}
	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: 890px;
	background-color: #f8f8f8;
	text-align: center;
	overflow: hidden;
}
	section.escort button {
		margin-top: 55px;
	}
	ul.expert-list {
		position: relative;
		height: 615px;
	}
		ul.expert-list > li {
			width: 20%;
			height: 600px;
			text-align: left;
			margin-top: 15px;
			position: absolute;
			top: 0px;
			cursor: pointer;
		}
		ul.expert-list > li:nth-child(1){left: 0%;}
		ul.expert-list > li:nth-child(2){left: 20%;}
		ul.expert-list > li:nth-child(3){left: 40%;}
		ul.expert-list > li:nth-child(4){left: 60%;}
		ul.expert-list > li:nth-child(5){left: 80%;}
		ul.expert-list > li:nth-child(odd){
			background-color: #FFF;
		}
		ul.expert-list > li:nth-child(even){
			background-color: #e0e0e0;
		}
		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 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 > div {
			border-bottom: 1px solid #FFF;
		}
		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;
		}

			div.expert-item {
				height: 100%;
				padding: 40px 30px;
				background-repeat: no-repeat;
				background-size: 100% auto;
				background-position: center bottom;
			}
			ul.expert-list > li:nth-child(1) > div.expert-item{
				background-image: url('../images/trademark/escort-1.png');
			}
			ul.expert-list > li:nth-child(2) > div.expert-item{
				background-image: url('../images/trademark/escort-2.png');
			}
			ul.expert-list > li:nth-child(3) > div.expert-item{
				background-image: url('../images/trademark/escort-3.png');
			}
			ul.expert-list > li:nth-child(4) > div.expert-item{
				background-image: url('../images/trademark/escort-4.png');
			}
			ul.expert-list > li:nth-child(5) > div.expert-item{
				background-image: url('../images/trademark/escort-7.png');
			}
				div.expert-item > div {
					padding-bottom: 30px;
					height: 75px;
					border-bottom: 1px solid #224e6b;
					margin-bottom: 25px;
				}
				div.expert-item > aside:last-child {
					display: none;
				}
					div.expert-item > div > h1 {
						font-size: 36px;
						color: #224e6b;
						display: inline-block;
						float: left;
					}
					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 {
					color: #6f8596;
					line-height: 25px;
				}

/* 售后服务开始 */
section.service {
	height: 640px;
	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: inherit;
		    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*/
}
