/*
 	作者：唯你网产品设计中心
 	时间：2015-11-10
 	描述:唯你网-频道页 
*/
.banner-channel {
	width: 100%;
	height: 400px;
	background: url(../images/r-channel/company-banner.jpg) no-repeat center center;
}
.banner-channel {
	position:relative;
	text-align: center;
}

.banner-channel p {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
}
.banner-channel .p1 {
	top: 85px;
	font-size:18px;
	color:#FFF;
	 letter-spacing: 12px;
}
.banner-channel .p2 {
	top: 142px;
	font-size: 18px;
	color: #FFF;
}
.channel-btn {
	position: absolute;
	left: 0;
	top: 270px;
	width: 100%;
	height: 33px;
	opacity: 0;
	filter: alpha(opacity=0);
	text-align: center;
}
.channel-btn a {
	display: inline-block;
	width: 128px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #FFF;
	text-align: center;
	border: 1px solid #FFF;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 2px 2px #666 inset;
	-webkit-box-shadow: 0 2px 2px #666 inset;
	box-shadow: 0 2px 2px #666 inset;
}
.channel-btn a:hover {
	color: #ec8558;
	background: #FFF;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.channel-btn a.first {
	margin-right: 40px;
}


.channel a {
	display: inline-block;
	width: 158px;
	height: 40px;
	line-height: 40px;
	margin: 286px 5px 0;
	font-size: 16px;
	color: #666;
	background:#FFF;
	
}
.channel a:hover {
	color: #FFF;
	background: #F08915;
}
.we-company {
	padding: 65px 0;
}
.channel-h2 {
	line-height: 25px;
	padding-bottom: 65px;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}
.channel-h2 span {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #999;
}
.we-company ul {
	padding: 0 25px;
	overflow: hidden;
}
.we-company li {
	float: left;
	width: 170px;
	height: 211px;
	padding: 55px 50px;
	text-align: center;
}
.we-company li:hover {
	background: url(../images/r-channel/company-li.png) no-repeat;
}
.we-company li + li {
	margin-left: 120px;
}
.we-company li h3 {
	font-size: 16px;
}
.we-company li em {
	display: block;
	width: 55px;
	height: 55px;
	margin: 15px auto;
	background:url(../images/r-channel/icon-channel1.png) no-repeat center center;
	background-size:90% 90%;
}
.we-company li em.em-hr {
	background:url(../images/r-channel/icon-channel2.png) no-repeat;
	background-size:90% 90%;
}
.we-company li em.em-wt {
	background:url(../images/r-channel/icon-channel3.png) no-repeat;
	background-size:90% 90%;
}
.we-company li:hover em{
	background-size:100% 100%;
}
.we-company li p {
	line-height: 22px;
	font-size: 14px;
	color: #898989;
}
.we-company li i {
	display: block;
	width: 49px;
	height: 2px;
	margin: 35px auto 0;
	background: url(../images/r-channel/icon-channel.png) no-repeat 0 -180px;
}
.Yep-proud {
	width: 100%;
	padding: 65px 0;
	background: url(../images/r-channel/company-bg.png) repeat;
}
.proud ul {
	padding: 0 122px;
	overflow: hidden;
	background: url(../images/r-channel/line.jpg) repeat-y center top;
}
.proud ul li {
	position: relative;
	padding-top: 60px;
	overflow: hidden;
}
.proud ul li.last {
	height: 25px;
	padding-top: 0;
}
.proud ul li em {
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: 11px;
	height: 11px;
	margin-left: -5.5px;
 *margin-left:-6px;
	background: url(../images/r-channel/icon-channel.png) no-repeat -19px -188px;
}
.proud ul li.first em, .proud ul li.last em {
	width: 15px;
	height: 15px;
	margin-left: -7.5px;
 *margin-left:-8px;
	background-position: 0 -188px;
}
.proud ul li.last em {
	top: 10px;
}
.proud ul li.first {
	padding-top: 0;
}
.proud ul div {
	width: 340px;
}
.proud ul div.pt120 {
	padding-top: 120px;
}
.proud ul div.tl-r {
	padding-left:32px;
	text-align: right;
}
.proud ul div.img {
	width: 373px;
}
.proud ul div.fr {
	margin-right: 34px;
}
.proud ul h3 {
	width: 80px;
	height: 22px;
	background: url(../images/r-channel/icon-channel.png) no-repeat;
}
.proud ul div.tl-r h3, .proud ul div.tl-r span, .proud ul div.tl-r p {
	float: right;
}
.proud ul .channel-h1 {
	background-position: 0 -208px;
}
.proud ul .channel-h2 {
	padding-bottom: 0;
	background-position: 0 -233px;
}
.proud ul .channel-h3 {
	background-position: 0 -258px;
}
.proud ul .channel-h4 {
	background-position: 0 -283px;
}
.proud ul div span {
	display: block;
	width: 100%;
	height: 3px;
	margin: 20px 0;
	background: url(../images/r-channel/icon-channel.png) no-repeat -22px -308px;
}
.proud ul div.tl-r span {
	background-position: right -308px;
}
.proud ul div p {
	font-size: 14px;
	color: #898989;
}
.we-journey {
	width: 100%;
	background: url(../images/r-channel/company-bg.jpg) no-repeat center center;
}
.journey {
	padding-top: 65px;
	overflow: hidden;
}
.journey ul {
	padding: 0 50px;
}
.journey ul li {
	position:relative;
	float: left;
	width: 296px;
	height: 382px;
}
.journey ul li + li {
	margin-left: 56px;
}
.journey ul li em {
	display: block;
	width: 296px;
	height: 382px;
}
.journey .journey-li1 .front {
	background: url(../images/r-channel/r-jlts1.png) no-repeat;
}
.journey .journey-li1 .end {
	position:absolute;
	top:0;
	left:0;
	background: url(../images/r-channel/r-jlts2.png) no-repeat;
}
.journey .journey-li2 .front {
	background: url(../images/r-channel/r-jlgm1.png) no-repeat;
}
.journey .journey-li2 .end{
	position:absolute;
	top:0;
	left:0;
	background: url(../images/r-channel/r-jlgm2.png) no-repeat;
}
.journey .journey-li3 .front{
	background: url(../images/r-channel/r-wtzp1.png) no-repeat;
}
.journey .journey-li3 .end{
	position:absolute;
	top:0;
	left:0;
	background: url(../images/r-channel/r-wtzp2.png) no-repeat;
}
.journey ul li .front{
	opacity: 1;
	filter:alpha(Opacity=100);
	visibility:visible;
	-webkit-transform: translateZ(0) rotateY(0);
    -moz-transform: translateZ(0) rotateY(0);
    -ms-transform: translateZ(0) rotateY(0);
    -o-transform: translateZ(0) rotateY(0);
    transform: translateZ(0) rotateY(0);
    -webkit-transition: all 0.25s ease 0.25s;
    -moz-transition: all 0.25s ease 0.25s;
    transition: all 0.25s ease 0.25s;
}
.journey ul li .end{
	 position: absolute;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	opacity: 0;
	filter:alpha(Opacity=0);
	visibility:hidden;
	 -webkit-transform: translateZ(-1000px) rotateY(-90deg);
    -moz-transform: translateZ(-1000px) rotateY(-90deg);
    -ms-transform: translateZ(-1000px) rotateY(-90deg);
    -o-transform: translateZ(-1000px) rotateY(-90deg);
    transform: translateZ(-1000px) rotateY(-90deg);
    -webkit-transition: all 0.25s ease 0.25s;
    -moz-transition: all 0.25s ease 0.25s;
    transition: all 0.25s ease 0.25s;
}
.journey ul li:hover .front{
	opacity: 0;
	filter:alpha(Opacity=0);
	-webkit-transform: translateZ(-1000px) rotateY(90deg);
    -moz-transform: translateZ(-1000px) rotateY(90deg);
    -ms-transform: translateZ(-1000px) rotateY(90deg);
    -o-transform: translateZ(-1000px) rotateY(90deg);
    transform: translateZ(-1000px) rotateY(90deg);
}
.journey ul li:hover .end{
	opacity: 1;
	filter:alpha(Opacity=100);
	visibility:visible;
	 -webkit-transform: translateZ(0) rotateY(0);
    -moz-transform: translateZ(0) rotateY(0);
    -ms-transform: translateZ(0) rotateY(0);
    -o-transform: translateZ(0) rotateY(0);
    transform: translateZ(0) rotateY(0);
}
/* 商标代办服务 */
.Our-Service{
	position:static;
	background:url(../temp/order/Our-Service-banner.jpg) no-repeat center top;
}
.Our-Service .main{
	position:relative;
	height:400px;
}
.Our-Service p{
	text-align:left;
	opacity: 0;
}
.Our-Service .p1{
	top:95px;
}
.Our-Service-form{
	position:absolute;
	top:115px;
	right:55px;
	width:245px;
}
.Our-Service-form li{
	position:relative;
	padding-bottom:30px;
	overflow:hidden;
}
.Our-Service-form span{
	display:inline-block;
	float:left;
	width:60px;
	height:30px;
	line-height:30px;
	padding-right:5px;
	font-size:12px;
	color:#FFF;
}
.Our-Service-form input{
	float:left;
	width:170px;
	height:20px;
	line-height:20px;
	padding:5px;
	font-size:12px;
	color:#535353;
	background:#FFF;
}
.Our-Service-form .err{
	position:absolute;
	top:30px;
	left:65px;
	display:inline-block;
	line-height:28px;
	color:#E72F0E;
}
.Our-Service-form a{
	display:block;
	height:40px;
	line-height:40px;
	margin-top:20px;
	font-size:16px;
	color:#FFF;
	background:#ff6000;
}
.Our-Service-form a:hover{
	background:#f55100;
}
.Fast-track{
	width:100%;
	margin-top:80px;
	overflow:hidden;
	background:url(../temp/order/Our-Service-bg.png) no-repeat center top;
}
.Fast-track2{
	background:url(../temp/order/Our-Service-bg3.png) no-repeat center top;
}
.Fast-track-img{
	padding-bottom:70px;
}
.Fast-track ul{
	padding:0 2px;
	overflow:hidden;
}
.Fast-track li{
	float:left;
	width:305px;
	padding:40px 30px 0;
	overflow:hidden;
	text-align:center;
}
.Fast-track li p{
	width:305px;
	height:94px;
	margin-bottom:10px;
	background:url(../temp/order/Fast%20track.png) no-repeat;
}
.Fast-track li:hover p{
	background:url(../temp/order/track-hover.png) no-repeat;
}
.Fast-track li p span{
	display:none;
	line-height:20px;
	padding-top:20px;
	font-size:14px;
	color:#FFF;
}
.Fast-track li:hover p span{
	display:block;
}
.Fast-track li p strong{
	display:inline-block;
	height:84px;
	line-height:84px;
	font-size:18px;
	font-weight:normal;
	color:#FFF;
	text-shadow:0px 2px 2px #555; 
}
.Fast-track li:hover p strong{
	display:none;
}
.Fast-track li p strong em{
	display:inline-block;
	width:40px;
	height:40px;
	vertical-align:middle;
	margin-right:2px;
	background:url(../temp/order/Our-Service.png) no-repeat;
}
.Fast-track li p strong .reject{
	background-position:-42px 0;
}
.Fast-track li p strong .dissent{
	background-position:-88px 0;
}
.Fast-track li p strong .alter{
	background-position:-128px 0;
}
.Fast-track li p strong .make-over{
	background-position:-172px 0;
}
.Fast-track li p strong .extension{
	background-position:-214px 0;
}
.Fast-track li a{
	display:inline-block;
	width:120px;
	height:28px;
	line-height:28px;
	font-size:14px;
	color:#999;
	border:1px solid #EEE;
}
.Fast-track li a:hover,.Fast-track li:hover a,.Fast-track li.active a{
	color:#FFF;
	background:#AFA2C2;
	border-color:#AFA2C2;
}
.reasons{
	overflow:hidden;
}
.reasons-l{
	position:relative;
	float:left;
	width:432px;
	height:440px;
	margin-left:60px;
}
.reasons-l li{
	position:absolute;
	float:none;
	padding:0;
	width:70px;
	text-align:center;
	color:#BBB;
}
.reasons-l li.li-position{
	top:35px;
	left:49px;
	width:335px;
	height:370px;
}
.reasons-l li.li-position1{
	background:url(../temp/order/po1.png) no-repeat;
}
.reasons-l li.li-position2{
	background:url(../temp/order/po2.png) no-repeat;
}
.rotate{
	-webkit-transition: all 1s;
	transition: all 1s;
}
.reasons-l li.li-position3{
	background:url(../temp/order/po3.png) no-repeat;
}
.reasons-l li.active{
	color:#69789E;
}
.reasons-l .traffic-permit,.reasons-l .protection{
	left:50%;
	margin-left:-35px;
}
.reasons-l .traffic-permit{
	top:0;
}
.reasons-l .protection{
	bottom:0;
}
.reasons-l .property,.reasons-l .aptitude{
	top:50%;
	margin-top:-24px;
}
.reasons-l .property{
	left:0;
}
.reasons-l .aptitude{
	right:0;
}
.reasons-l li em{
	display:block;
	width:26px;
	height:26px;
	margin:0 auto 3px;
	background:url(../temp/order/Our-Service.png) no-repeat;
}
.reasons-l .traffic-permit em{
	background-position:2px -45px
}
.reasons-l .protection em{
	background-position:-69px -45px
}
.reasons-l .property em{
	background-position:-33px -45px
}
.reasons-l .aptitude em{
	background-position:-102px -45px
}
.reasons-l .traffic-permit.active em{
	background-position:2px -74px
}
.reasons-l .protection.active em{
	background-position:-69px -74px
}
.reasons-l .property.active em{
	background-position:-33px -74px
}
.reasons-l .aptitude.active em{
	background-position:-102px -74px
}
.reasons-r{
	float:right;
	width:526px;
}
.reasons-r dl{
	padding-bottom:55px;
	overflow:hidden;
}
.reasons-r dl dt{
	float:left;
	width:56px;
	height:65px;
	background:url(../temp/order/Our-Service.png) no-repeat;
}
.reasons-r dl .traffic-permit{
	background-position:0 -106px;
}
.reasons-r dl.active .traffic-permit{
	background-position:0 -175px;
}
.reasons-r dl .property{
	background-position:-65px -106px;
}
.reasons-r dl.active .property{
	background-position:-65px -175px;
}
.reasons-r dl .protection{
	background-position:-129px -106px;
}
.reasons-r dl.active .protection{
	background-position:-129px -175px;
}
.reasons-r dl .aptitude{
	background-position:-194px -106px;
}
.reasons-r dl.active .aptitude{
	background-position:-194px -175px;
}
.reasons-r dl dd{
	float:right;
	width:452px;
	padding-top:3px;
}
.reasons-r dl dd h3{
	height:25px;
	line-height:25px;
	font-size:18px;
	font-weight:bold;
	color:#666;
}
.reasons-r dl dd p{
	line-height:20px;
	font-size:14px;
	color:#999;
}
.reasons-r dl.active dd p{
	color:#666;
}
.process{
	width:100%;
	height:467px;
	padding-top:80px;
	margin-top:40px;
	background:url(../temp/order/process-bg.jpg) no-repeat center top;
}
.Fast-track3{
	position:relative;
	z-index:101;
	height:478px;
	background:url(../temp/order/Our-Service-bg4.png) no-repeat center top;
}
.Fast-track3 .main{
	position:absolute;
	top:0;
	left:50%;
	z-index:101;
	margin-left:-550px;
}
.our-advantages{
	height:280px;
	margin-bottom:80px;
	background:url(../temp/order/advantages-r.png) repeat;
	border-bottom:6px solid #788398;
}
.our-advantages ol{
	float:left;
	width:142px;
	height:185px;
	padding-top:95px;
	background:url(../temp/order/advantages-l.png) repeat;
}
.our-advantages ol li{
	width:142px;
	height:30px;
	line-height:30px;
	padding:0;
	cursor:pointer;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
}
.our-advantages ol li.active{
	color:#e0ebff;
}
.our-advantages ol li em{
	display:inline-block;
	width:6px;
	height:6px;
	border:2px solid #FFF;
	margin:0 8px 2px 0;
	vertical-align:middle;
	border-radius:50%;
	background:#FFF;
}
.our-advantages ol li.active em{
	background:none;
}
.our-advantages ul {
	float:left;
	width:958px;
	padding:40px 0 0;
}
.our-advantages ul li{
	width:266px;
	padding:0 0 0 40px;
	text-align:left;
}
.our-advantages ul li b{
	display:block;
	padding-top:25px;
	font-size:14px;
	font-weight:normal;
	color:#ECEDEE;
}
.our-advantages ul li.active b{
	color:#FFF;
}
.our-advantages ul li img{
	filter:alpha(opacity=60); 
	opacity: 0.6; 
	-moz-opacity:0.6;
}
.our-advantages ul li.active img{
	filter:alpha(opacity=100); 
	opacity: 1; 
	-moz-opacity:1;
}
.Fast-track3 .h138{
	position:absolute;
	bottom:0;
	left:0;
	z-index:99;
	width:100%;
	height:138px;
	background:#E2E5ED;
}