﻿/*众创服务*/
.h-zcfw .topnav .nav_left ul li.on a{background:none;color:#fff;}
.pServe {position:relative;min-width:980px;}
* ,html,body,.pServe{font-family:"Microsoft YaHei" ,SimHei;}
/*公共部分*/
.pServe-head .logo ,.sIcon ,.pServe-cost .white:after ,.spply-speed-dd.one dd:after {background:url(../images/zcfw/ser-sprit.png) no-repeat;}
/*图标*/
.sIcon {display:inline-block;}
.sIcon.phone {width:51px;height:37px;background-position:-340px 0;}/*电话热线*/
.sIcon.matter {width:238px;height:238px;background-position:0 -51px;}/*R*/
.sIcon.dec {width:9px;height:10px;background-position:-376px -99px;}/*小箭头*/
.sIcon.cicle {width:68px;height:90px;background-position:-241px -49px;}/*小箭头*/
.sIcon.comp {width:360px;height:296px;background-position:-44px -291px;}/*电脑*/
.sIcon.hexagon {width:77px;height:89px;background-position:-242px -149px;}/*六边形*/
/*小三角形*/
.arrow{display:block;width:0;height:0;font-size:0;border-style:solid;border-width:0 10px 10px;
       border-color:transparent transparent #fff;}

/*头部*/
.pServe-head {}
.pServe-head .con {margin:0 auto;padding:15px 0;width:980px;overflow:hidden;}
.pServe-head .logo {float:left;display:block;width:333px;height:48px;text-indent:-9999em;overflow:hidden;background-position:0 0;}
.pServe-head .tel {float:right;*width:170px;overflow:hidden;}
.pServe-head .tel i {display:block;float:left;margin-top:3px;}
.pServe-head .tel p {float:right;margin-left:10px;font-size:14px;color:#a20101;line-height:22px;}
.pServe-head .tel .name {display:block;color:#333;border-bottom:1px solid #bbb;}

/*导航*/
.pServe-nav {height:36px;}
.pServe-nav .sn-bg {line-height:36px;background:#eee;}
.pServe-nav .sn-con {margin:0 auto;width:980px;color:#a4a4a4;font-size:14px;overflow:hidden;}
.pServe-nav .sn-con a {padding-left:13px;margin-right:10px;margin-left:-1px;font-size:14px;color:#444;border-left:1px solid #a4a4a4;}
.pServe-nav .sn-con a.curt ,.pServe-nav .sn-con a:hover {color:#22a7f0;}

/*banner*/
.pServe-banner {width:100%;height:280px;background:url(../images/zcfw/ser-banner1.jpg) center no-repeat;}
.pServe-banner.banner2 {background-image:url(../images/zcfw/ser-banner2.jpg);}
.pServe-banner.banner3 {background-image:url(../images/zcfw/ser-banner3.jpg);}
.pServe-banner.banner4 {background-image:url(../images/zcfw/ser-banner4.jpg);}

/*正文内容*/
.pServe-con {margin:0 auto;padding-bottom:50px;width:980px;}
.pServe-box {margin-top:50px;}
.pServe-box .title {font-size:36px;line-height:50px;color:#333;text-align:center;}
.pServe-box .box {position:relative;}
/*业务事项*/
.pServe-matter .box .sIcon {display:block;margin:0 auto;margin-top:20px;}
.pServe-matter .box {padding-bottom:200px;}
.pServe-matter p {position:absolute;padding:15px 20px;color:#333;font-size:0;line-height:36px;background:#fff;border:1px solid #0bb07a;}
.pServe-matter p b {display:block;position:absolute;left:25px;top:10px;font-size:40px;font-weight:300;}
.pServe-matter p span {display:inline-block;margin-left:50px;font-size:20px;}
.pServe-matter p .arrow {position:absolute;}
.pServe-matter p.one {left:50px;top:20px;width:220px;}
.pServe-matter p.one .arrow {border-width:10px ;}
.pServe-matter p.one .arrowb {top:24px;right:-21px;border-color:transparent transparent transparent #0bb07a;}
.pServe-matter p.one .arrowc {top:24px;right:-20px;z-index:9;border-color:transparent transparent transparent #fff;}
.pServe-matter p.two {right:20px;top:20px;width:250px;}
.pServe-matter p.two .arrow {border-width: 10px ;}
.pServe-matter p.two .arrowb {top:40px;left:-21px;border-color:transparent #0bb07a transparent transparent;}
.pServe-matter p.two .arrowc {top:40px;left:-20px;z-index:9;border-color:transparent #fff transparent transparent;}
.pServe-matter p.three {left:128px;bottom:40px;width:670px;}
.pServe-matter p.three .arrowb {top:-10px;left:50%;margin-left:-5px;border-color:transparent transparent #0bb07a;}
.pServe-matter p.three .arrowc {top:-9px;left:50%;z-index:9;margin-left:-5px;border-color:transparent transparent #fff;}
/*注册费用*/
.pServe-cost {margin:0 40px;}
.pServe-box .tip {display:block;position:relative;margin-top:15px;padding-left:70px;color:#333;font-size:18px;line-height:32px;font-weight:300;
                   border-bottom:1px solid #bbb;}
.pServe-box .tip b {position:absolute;left:0;bottom:-1px;padding:0 12px;height:32px;line-height:32px;color:#fff;font-weight:300;
                     background:#22a7f0;}
.pServe-cost .con {margin-top:20px;background:#fff;}
.pServe-cost .con.fl {width:400px;}
.pServe-cost .con.fr {width:450px;}
.pServe-cost .kind {height:120px;line-height:120px;font-size:28px;border:1px solid #22a7f0;background:#fff;}
.pServe-cost .white {display:inline-block;position:relative;padding:0 20px 0 40px;color:#fff;background:#22a7f0;}
.pServe-cost .white:after {content:'';position:absolute;top:0;right:-42px;width:42px;height:120px;background-position:0 -291px;}
.pServe-cost .blue {display:inline-block;color:#22a7f0;text-align:center;}
.pServe-cost .fl .blue {margin-left:40px;}
.pServe-cost .fr .blue {margin-left:30px;}
.pServe-cost .txt {padding:35px 25px;color:#666;border:1px solid #bbb;border-top:0;}
.pServe-cost dt {margin-bottom:5px;font-size:24px;line-height:40px;}
.pServe-cost dt .dec {margin-right:15px;}
.pServe-cost dd {margin-left:25px;font-size:18px;line-height:36px;}
.pServe-cost dd .dot {display:inline-block;margin-right:15px;width:4px;height:4px;font-size:12px;background:#666;vertical-align:4px;}
/*新增商标注册流程 2016-3-12*/
.pServe-cost.flow {margin-top:40px;text-align:center;} 
.pServe-cost.flow .box {margin:0 auto;margin-top:20px;width:877px;height:338px;text-align:center;background:url(../images/zcfw/zcfw-flow.jpg) center no-repeat;} 
/*申请专利*/
.pServe-apply {margin:0 30px;color:#333;}
.pServe-apply .item {margin:60px 40px 0 40px;text-indent:2em;font-size:18px;color:#333;line-height:30px;}
.pServe-apply .title {text-align:left;border-bottom:1px solid #bbb;}
.apply-matter-li {margin-top:20px;width:50%;}
.apply-matter-li li {height:90px;font-size:24px;line-height:90px;overflow:hidden;}
.apply-matter-li li .sIcon {margin-right:20px;font-size:30px;color:#22a7f0;font-style:normal;text-align:center;}
.apply-matter-li li.first {height:79px;line-height:64px;}
.apply-matter-li li.first .sIcon {height:79px;background-position:-241px -60px;}
.apply-matter-li li.last {height:79px;*height:90px;*margin-top:-10px;}
.apply-matter-li li.last .sIcon {height:79px;*vertical-align:10px;}
.apply-kind-li {margin-top:30px;overflow:hidden;}
.apply-kind-li li {float:left;width:33.333%;text-align:center;*width:33%;}
.apply-kind-li li img {margin:0 auto;width:135px;}
.apply-kind-li li span {display:block;margin-top:20px;font-size:18px;}
.apply-speed {margin:50px 90px 0 90px;}
.spply-speed-dd {width:240px;text-align:center;}
.spply-speed-dd dt {margin-top:20px;font-size:24px;line-height:30px;}
.spply-speed-dd dd {position:relative;margin-top:15px;width:100%;height:64px;font-size:24px;color:#fff;line-height:64px;font-weight:300;}
.spply-speed-dd dd.red {background:#e8776b;}
.spply-speed-dd dd.green {background:#53bda8;}
.spply-speed-dd dd.blue {background:#69c1f0;}
.spply-speed-dd dd.redD {background:#e74c3c;}
.spply-speed-dd dd.greenD {background:#1bbc9b;}
.spply-speed-dd dd.blueD {background:#22a7f0;}
.spply-speed-dd.one dd:after {content:'';position:absolute;top:20px;right:-160px;width:45px;height:27px;background-position:-347px -49px;}
.apply-cost {}
.apply-cost .title {bordeR:0;}
.apply-cost .con {width:400px;font-size:24px;}
.apply-cost .kind {margin-top:15px;height:90px;text-align:center;line-height:90px;color:#fff;background:#e74c3c;}
.apply-cost .txt {padding:30px 50px;border:1px solid #bbb;border-top:0;}
.apply-cost .txt dd {color:#666;line-height:40px;}
/*计算机著作权*/
.comp-matter {}
.comp-matter p {padding:0;border:0;}
.comp-matter p strong {display:block;padding:0 15px;margin-bottom:10px;height:64px;line-height:64px;color:#fff;font-size:28px;font-weight:300;background:#22a7f0;}
.comp-matter p span {position:relative;margin:0;padding:0;padding-left:15px;font-size:20px;line-height:32px;color:#666;}
.comp-matter p .dot {display:block;position:absolute;top:14px;left:5px;width:4px;height:4px;font-size:12px;background:#22a7f0;}
.comp-matter p.one {left:40px;top:40px;width:250px;}
.comp-matter p.one strong {width:200px;}
.comp-matter p.two {right:20px;top:40px;width:250px;}
.comp-matter p.two strong {width:200px;}
.comp-matter p.three {left:294px;bottom:40px;width:395px;}
/*版权登记 2016-3-12*/
.copyright {}
.copyright .title {margin-top:60px;text-align:center;border-bottom:0;}
.copyright .item {margin:15px 20px 0 20px}
.copyright-li {position:relative;margin:0 auto;margin-top:80px;padding:20px 0 30px 0;width:840px;color:#666;border:1px solid #22a7f0;}
.copyright-li strong {display:block;position:absolute;top:-20px;left:270px;width:300px;text-align:center;font-size:24px;font-weight:300;background:#fff;}
.copyright-li ul {overflow:hidden;}
.copyright-li ul li {float:left;margin:40px 0 0 65px;padding:0 10px;width:115px;line-height:24px;font-size:20px;border-left:2px solid #22a7f0;
                     white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/*项目申报*/
.project-ser ,.project-tel {margin:50px 30px 0 30px;}

.project-ser p {position:relative;float:left;margin:70px 60px 0 30px;padding:20px 15px;height:100px;width:330px;font-size:20px;line-height:32px;
                text-indent:2em;color:#666;border:1px solid #22a7f0;}
.project-ser p.one {line-height:100px;text-indent:0;}
.project-ser p .sIcon {position:absolute;left:-40px;top:-48px;font-size:36px;text-align:center;color:#fff;font-style:normal;line-height:90px;text-indent:0;}
.project-tel .box {margin:0 auto;margin-top:20px;width:700px;font-size:20px;border:1px solid #22a7f0;}
.project-tel .name {padding:0 25px;height:40px;line-height:40px;color:#fff;background:#22a7f0;}
.project-tel p {padding:15px 25px;line-height:30px;color:#333;}
/*项目类别 2016-3-12*/
.project-kind {}
.project-kind .box {position:relative;margin:0 auto;margin-top:25px;width:807px;height:218px;background:url(../images/zcfw/zcfw-apply.jpg) center no-repeat;}
.project-kind .box a {position:absolute;width:100px;height:30px;text-indent:-9999em;overflow:hidden;}
.project-kind .box a.link1 {top:101px;left:13px;}
.project-kind .box a.link2 {top:184px;left:183px;}
.project-kind .box a.link3 {top:101px;left:353px;}
.project-kind .box a.link4 {top:184px;left:523px;}
.project-kind .box a.link5 {top:101px;left:693px;}
/*右侧二维码悬浮*/
.pServe-win {position:fixed;top:50%;left:50%;margin-left:500px;margin-top:-100px;padding:10px 5px;width:95px;background:#22a7f0;color:#fff;}
.pServe-win .qq {text-align:center;}
.pServe-win .qq img {margin:0 auto;}
.pServe-win .box {margin:8px 0;padding:5px 0;text-align:center;border-style:dotted;border-color:#fff;border-width:1px 0 1px 0;}
.pServe-win .box strong {font-size:14px;line-height:20px;}
.pServe-win .box img {margin:5px auto;width:80px;height:80px;}
.pServe-win .tel {margin-left:5px;line-height:18px;}
.pServe-win .tel strong {display:block;font-size:14px;}
/************************登录、注册 start******************************/
.tzzp-wrap{width:1000px;margin:0 auto;padding-top:15px;}
.reg-main{position:relative;overflow:hidden;border:1px solid #bebebe;border-radius:5px;background:#fff;}
.head-logo{margin-bottom:15px;}
.reg-form{width:548px;}
.reg-img{width:450px;}
.form{width:400px;margin:0 auto;}
.form .reg-bd{padding-top:10px;}
.reg-hd{position:relative;width:100%;height:36px;border-bottom:1px solid #bebebe;}
.reg-hd ul {position:absolute;top:0;left:0;width:100%;height:37px;overflow:hidden;}
.reg-hd li{float:left;}
.reg-hd li a{display:block;width:200px;padding:10px 0 11px 0;font-size:16px;font-family:"Microsoft Yahei";text-align:center;color:#666;}
.reg-hd li.on a{color:#009dda;border-bottom:2px solid #009dda;}

.input-con{margin-top:6px;height:38px;padding:0 20px;border:1px solid #bebebe;border-radius:5px;}
.input-con:hover{border-color:#019dda;}
.text-input{display:inline-block;*display:inline;*zoom:1;width:100%;height:38px;*height:32px;line-height:38px;font-size:14px;border:none;outline:none;background-color:#fff;}
.wrong-tip{height:14px;margin:2px 0 0 20px;}
.wrong-tip p{display:none;color:#fd4c22;}
.psdword label,.psdword span{color:#999;}
.psdword ul{display:inline;}
.psdword ul li{display:inline-block;*display:inline;*zoom:1;width:30px;height:7px;background:#999;margin-right:5px;}
.psdword ul li.seuty01,.psdword ul li.seuty02,.psdword ul li.seuty03{background:#eeeeee;}
.ver-code .input-con{display:inline-block;*display:inline;*zoom:1;width:125px;}
.ver-code span{color:#009dda;}
.img-code{display:inline-block;width:114px;height:40px;margin:0 10px 0 0;vertical-align: -17px;*vertical-align: -5px;}
.ver-phone{position:relative;}
.ver-phone .text-input{width:215px;}
.ver-phone .a-vercd{position:absolute;top:-1px;right:-1px;width:142px;font-size:14px;border-radius:0 5px 5px 0;}
.chose-con{position:relative;}
.job-ul{margin:10px 0;}
.job-ul li{display:inline-block;*display:inline;*zoom:1;margin-right:40px;cursor:pointer;}
.job-ul li span{margin-left:8px;color:#666;vertical-align: 2px;}
.select-ul{position:relative;width:200px;padding:5px 20px;background:#ebebeb;border-radius:4px;color:#999;cursor:pointer;}
.select-ul .arow{position:absolute;top:10px;right:9px;display:block;width:0;height:0;border-style:solid;border-width:6px 6px 0 6px;border-color:#999 transparent transparent transparent; }
.tip-ul{position:absolute;top:0;left:0;z-index:10;}
.tip-ul li{position:absolute;top:-112px;width:147px;height:109px;color: #333;background:url(/skin2016/images/reg/tip-bg.png) no-repeat;}
.tip-ul li.top01{left:-17px;}
.tip-ul li.top02{left:105px;}
.tip-ul li.top03{left:230px;}
.tip-ul li span{display:block;width:74px;margin:30px auto 10px auto;}
.a-blue{color:#009dda;}
.a-blue:hover{text-decoration:underline;}
.known-con{margin:10px 0;}
.known-con .agree{margin-left:8px;vertical-align: 2px;color:#333;}
.btn-con{padding-top:10px;}
.btn-con span{margin-left:20px;color:#666;font-family:"Microsoft Yahei";}
.reg-btn{display:inline-block;width:260px;height:40px;line-height:40px;font-size:18px;font-family:"Microsoft Yahei";text-align:center;color:#fff;border-radius:5px;background:#009dda;}
.reg-btn:hover{background:#0290c7;}
.reg-join{position:absolute;top:0;left:497px;width:222px;height:119px;background:url(/skin2016/images/reg/login-bg.png) no-repeat;font-family:"Microsoft Yahei";}
.reg-join span{position:absolute;top:20px;left:40px;font-size:18px;color:#fff;}
.reg-join a{position:absolute;top:50px;left:40px;display:block;font-size:14px;color:#fff;}
.reg-join a:hover{text-decoration:underline;}

.login{margin-top:18px;}
.login-a{margin-top:55px;padding:20px 0;*padding:12px 0;text-align:center;border-top:1px dotted #bebebe;}
.login-a label{font-size:14px;color:#999;font-family:"Microsoft Yahei";*vertical-align: 24px;}
.login-qq{display:inline-block;width:38px;height:38px;border:1px solid #009fe3;margin-left:12px;border-radius:20px;vertical-align: 12px;text-indent:-9999px;background:url(/skin2016/images/reg/conet.png) no-repeat 9px 7px;}
.login-wechat{display:inline-block;width:38px;height:38px;border:1px solid #44b035;margin-left:16px;border-radius:20px;vertical-align: 12px;text-indent:-9999px;background:url(/skin2016/images/reg/conet.png) no-repeat -39px 7px;}
.radio-con{margin:10px 0;}
.radio-con span{margin-left:8px;color:#666;vertical-align: 2px;}