.contaner{ width: 1200px; margin: 0 auto; } .new_10_28 a{ } .subnavbox a{ color: #fff; } /*商标注册流程*/ .soft_function{width:1200px;margin:0 auto;height: 770px;} .soft_con_icon{width:1200px;height:160px;display:block;padding-top:10px} .soft_con_icon ul li{text-align:center;float:left;display:block;list-style:none;height:160px;width:125px; margin:0 8px 0 9px; position:relative;} .soft_con_icon ul li img{display: block; width:125px; height:160px;margin: 0 auto;} .soft_con_icon ul li a p{left:0;color:#333333;font-size:14px;font-family:"微软雅黑";text-align:center; line-height: 30px; position:absolute; top: 120px; width: 125px; text-align: center;} .soft_con_icon .arrow{background:url(../images/icon14.png) no-repeat right center; width: 16px;} .soft_con{width:1200px;height: 585px;} .soft_con1{height:5px;width:1200px;background:#ff2536; overflow: hidden;} .soft_con2{width:1200px;} .soft_con2 div img{margin:20px 50px 0px 49px} .soft_con2 div p{text-align:center} .p1{font-size:20px;color:#555555;font-family:"微软雅黑";line-height:45px} .p2{font-size:14px;color:#c0c0c0;font-family:"微软雅黑";width:208px;height:50px;line-height:24px;margin:auto;overflow: hidden;} .title{ background-image:url(../images/title-xian_26.png); background-repeat:no-repeat; background-position:center bottom; border-bottom:1px solid #dcdcdc; text-align:center; margin-bottom:20px;} .title h3{line-height:130px; font-size:36px; font-weight:normal;} .procedures-nav{ overflow:hidden; border-bottom:5px solid #ff2536; padding-left:23px; margin-bottom:10px;} .procedures-nav li{ float:left; margin-right:12px;} .procedures-nav li a{ float:left; width:123px; height:45px; background-repeat:no-repeat; background-position:center 25px; text-align:center; padding-top:115px; background-color:#fff;} .procedures-nav li a:hover{ background-color:#ff2536; color:#fff;} .proceduresAhover{ background-color:#ff2536; color:#fff;} .procedures-icon01{ background-image:url(../images/icon04.png);} .procedures-icon01:hover{ background-image:url(../images/icon15.png);} .proceduresHover01{ background-image:url(../images/icon15.png);} .procedures-icon02{ background-image:url(../images/icon05.png);} .procedures-icon02:hover{ background-image:url(../images/icon16.png);} .procedures-icon03{ background-image:url(../images/icon06.png);} .procedures-icon03:hover{ background-image:url(../images/icon17.png);} .procedures-icon04{ background-image:url(../images/icon07.png);} .procedures-icon04:hover{ background-image:url(../images/icon18.png);} .procedures-icon05{ background-image:url(../images/icon08.png);} .procedures-icon05:hover{ background-image:url(../images/icon19.png);} .procedures-icon06{ background-image:url(../images/icon09.png);} .procedures-icon06:hover{ background-image:url(../images/icon20.png);} .procedures-icon07{ background-image:url(../images/icon10.png);} .procedures-icon07:hover{ background-image:url(../images/icon21.png);} .procedures-content{ overflow:hidden; padding-left:25px; padding-right:25px;} .soft_con2 .three li{ width: 594px; float: left;} .soft_con2 .three li div.three_bottom{border-bottom: 1px solid #ccc; padding-bottom:40px;} .procedures-content h3{ font-size:18px; margin-bottom:25px; font-weight:normal;} .procedures-content>li{ float:left; border-bottom:1px solid #ccc;padding-bottom: 40px; margin-top:30px;} .procedures-content li{ float:left; border-bottom:1px solid #ccc;padding-bottom: 40px;} .procedures-content>li.procedures-xian01{ padding-bottom: 0; } .procedures-content>li.problem{border-bottom:none 0; width: 460px; height: 225px;} .three .procedures-problem li{ width: 450px;} .procedures-problem>li p{ float: left; width: 75%;} .procedures-info{ overflow:hidden;} .three .procedures-info li,.procedures-info li{ float:left; background-color:#f3f3f3; width:195px;padding-bottom:0px; margin-right:3px;} .three .procedures-info li p,.procedures-info li p{ text-align: left; width:130px; margin:30px auto 20px; font-size:13px; height:70px;} .procedures-info li a{ border:1px solid #ff2536; color:#ff2536; width:88px; height:28px; margin:0 auto; line-height:28px; text-align:center; margin-bottom: 20px; margin-left: 5px;} .procedures-xian01{ float:left; height:240px; border-right:1px solid #cccccc; margin-left:40px; margin-right:30px; margin-top:20px;} .soft_con2 .three>li.three_line{ height: 500px; width: 1px;} .procedures-appreciate{ overflow:hidden; width:594px;} .procedures-appreciate a{ float:left; width:135px; height:41px; line-height:41px; font-size:14px; color:#fff; text-align:center; margin-right:60px; margin-bottom:35px;} .procedures-button01{ background-color:#61d1f2;} .procedures-button02{ background-color:#ff543d;} .procedures-button03{ background-color:#4b5abc;} .procedures-customer{ overflow:hidden;} .procedures-customer li{ float:left; width:235px; margin-right:5px; background-color:#f3f3f3; padding-top:15px; height:115px;} .procedures-customer li h4{ background-image:url(../images/icon11.png); font-size:14px; background-repeat:no-repeat; background-position:14px center; padding-left:40px;} .procedures-customer li h5{ background-image:url(../images/icon12.png); font-size:14px; background-repeat:no-repeat; background-position:14px center; padding-left:40px;} .procedures-customer li p{background-image:url(../images/icon13.png); font-size:13px; color:#666; background-repeat:no-repeat; background-position:30px center; padding-left:40px; line-height:30px;} .procedures-problem li{ background-color:#f3f3f3; margin-bottom:1px; width:420px; height:28px; padding-top:6px; padding-bottom:6px; line-height:28px; padding-left:16px; padding-right:8px; margin-bottom:1px;} .procedures-problem li a{ float:right; border:1px solid #ff2536; color:#ff2536; width:88px; height:28px;line-height:28px; text-align:center;} .soft_con3{padding-left: 20px; padding-right:20px;} .soft_con3 h4{ line-height:30px; margin-top: 5px;} .soft_con3>div{ text-align: center;} .soft_con3>div>img{display: inline;} .banner02{ background-image:url(../images/banner01.png); background-repeat:no-repeat; background-position:center top; height:500px; } .banner02-text{ margin:0 auto; height:400px; position:relative; width:500px; padding-top:45px;} .banner02-logo{ width:800px; position:relative; text-align:center; top:60px;} .banner02-logo img{position:absolute; top:-430px; left:465px;} .banner02-logo a{position:absolute; top:-65px; left:530px; width:140px; height:35px; line-height:35px; text-align:center; border:1px solid #FFF; color:#FFF;} /*商标注册4大理由*/ .fourereason{ background-color:#fff;} .reasonbox{ overflow:hidden;} .reason-left{ float:left;} .reason_left_top{ text-align:center; background: url("../images/reason.gif") no-repeat center; width: 565px; height: 420px; position: relative;} .reason_left_top p a{font-size: 16px; font-weight: bold; line-height: 14px;} .reason_left_top p span{ font-family: arial; font-weight: normal; color: #999;font-size: 12px;} .reason_left_t{ position: absolute; top: 50px; left: 245px; } .reason_left_l{ position: absolute; top: 205px; left: 55px; } .reason_left_r{ position: absolute; top: 205px; left: 410px; } .reason_left_b{ position: absolute; top: 360px; left: 225px; } .reason_left_bottom>a>p{ width:150px;height:36px; line-height:36px; border:2px solid #df1244; text-align:center; margin:10px auto 0;} .reason-right{ float:left;} .reason-rightbox{ background-image:url(../images/reason-xian.png); background-repeat:repeat-y; background-position:34px top; padding-top:50px; padding-bottom:20px;} .reason-rightbox li{ background-repeat:no-repeat; background-position:left center; height:71px; padding-left:95px; width:540px; margin-bottom:30px; padding-top:15px;} .reason-rightbox li h3{ font-size:14px; margin-bottom:15px;} .reason-rightbox li p a{ float:left; font-size:12px; color:#999;} .reason-icon01{background-image:url(../images/icon30.png);} .reason-icon02{background-image:url(../images/icon31.png);} .reason-icon03{background-image:url(../images/icon32.png);} .reason-icon04{background-image:url(../images/icon33.png);} /*顾问推荐*/ .guwen{ background-image:url(../images/inter_icon38.png); background-repeat:no-repeat; background-position:center top;; background-size: 100% auto; text-align: center; height:130px; line-height: 130px; font-size: 48px; color: #fff;} .guwen-title{ font-size:18px; text-align:center; line-height:36px; margin-top:20px; margin-bottom:60px;} .guwenBox{ overflow:hidden; margin-bottom:30px;} .guwenBox>li{ float:left; padding-left:23px; margin-right:40px; margin-bottom:57px; width: 533px;} .guwensmallBox{ } .guwensmallBox li{ float:left;} .guwenBox-left img{ width:150px; height:150px; margin-right:8px;} .guwenBox-right h3{ font-size:24px; font-weight:normal; margin-bottom:20px;} .guwenBox-right>h3>span{ font-size:12px; color:#898989; margin-left:5px;} .guwenBox-right>p{ width:363px; font-size:12px; color:#999; line-height:18px; margin-bottom:10px;} .guwen_brand li {position:relative;margin-right: 2px;} .guwen_brand_info{position:absolute;z-index: 9; left: -40px; width: 120px; background: url("../images/vipnav.png") no-repeat top center; word-wrap: break-word; } .guwen_brand_info p{ text-align: center; background-color: #df1344;color:#fff; border-radius: 3px; margin-top: 4px; padding: 8px;font-size: 12px;} .guwen_brand_info p span{position:absolute; width:0; height:0; overflow:hidden; border:7px solid transparent; border-bottom-color:#df1344; left:45%; top:-10px;} .guwenBox-right>h4{ overflow:hidden;} .guwenBox-right>h4>a{ float:left; margin-right:5px; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5;} .guwen_brand li a.consult{ background-color:#0088b8; float:right; width:100px; height:30px; line-height:30px; text-align:center; color:#fff;margin-top: 4px;} /*选择中细软的理由*/ .reason{ background-color:#0676b2;} .reason>.title{ background-image:url(../images/title-xian_27.png); background-repeat:no-repeat; background-position:center bottom; border-bottom:1px solid #fff; text-align:center; margin-bottom:20px; margin-bottom:40px;} .reason>.title>h3{line-height:130px; font-size:36px; font-weight:normal; color:#fff;} .pk{ overflow:hidden; background-image:url(../images/banner02.png); background-repeat:no-repeat; background-position:center top; height:465px; padding-top:149px; position:relative;} .pk li{ float:left; font-size:16px; text-align:center; width:340px; line-height:36px; margin-left:130px; margin-right:130px;} .pk-left{ color:#fff;} .pk-right{ color:#000;} .pkimg-left{ position:absolute; top:290px; left:0px;} .pkimg-right{ position:absolute; top:290px; right:0px;} .subnavbox{ background-color:#53bffa;} .subnav{ padding:40px 0px; height:40px;} .subnav>li{ position: relative; float: left;} .subnav>li>p{ float:left; width:168px; height:36px; line-height:36px; border:2px solid #fff; margin-left:34px; margin-right:34px; color:#fff; text-align:center; position: relative;font-weight: bold;} .subnav-up{ position:absolute;z-index: 999; bottom:38px; left:34px; width:142px; border:1px solid #fff; height: auto; padding-top:20px; padding-left:14px; padding-right:14px; padding-bottom:20px; background-color:#53bffa;} .subnav-up>li{ padding-left:10px; background-image:url(../images/subnavli.png); background-repeat:no-repeat; background-position:left 5px; font-size:12px; color:#fff; line-height:18px; margin-bottom:3px;font-weight:bold;} /*选择中细软*/ .choose{ padding-bottom:75px;} .choose-title{ text-align:center; font-size:18px; color:#999; font-weight:normal; line-height:30px; margin-bottom:45px;} .choosebox{ overflow:hidden; border-bottom:2px solid #ffbd00;} .choosebox>li{position: relative; float:left; width:110px; padding-top:125px; color:#666; font-size:18px;background-repeat:no-repeat; background-position:center 10px; text-align:center; height:60px; margin-left:140px; margin-right:140px;} .choosebox>li:hover{background-position:center top; } .chooselihover{background-image:url(../images/icon34.png) bottom;} .choosebox>a:hover{ float:left; background-image:url(../images/icon34.png); background-position:center bottom; background-repeat:no-repeat;} .choosebox>li.chooselihover span{position:absolute; width:0; height:0; overflow:hidden; border:20px solid transparent; border-bottom-color:#ffbd00; left:35%; bottom:0px;} .chooseAhover{float:left; background-image:url(../images/icon34.png); background-position:center bottom; background-repeat:no-repeat;} .chooseNav01{ background-image:url(../images/icon22.png); } /* .chooseNav01:hover{ background-image:url(../images/icon26.png); } */ .chooseHover01{ background-image:url(../images/icon26.png); } .chooseNav02{ background-image:url(../images/icon23.png); } /* .chooseNav02:hover{ background-image:url(../images/icon27.png); }*/ .chooseHover02{ background-image:url(../images/icon27.png); } .chooseNav03{ background-image:url(../images/icon24.png); } /*.chooseNav03:hover{ background-image:url(../images/icon28.png); }*/ .chooseHover03{ background-image:url(../images/icon28.png);} .chooseNav04{ background-image:url(../images/icon25.png); } /*.chooseNav04:hover{ background-image:url(../images/icon29.png); }*/ .chooseHover04{background-image:url(../images/icon29.png);} .success{ margin-top:76px; padding-left:80px; padding-right:80px;} .success .successrow{ overflow:hidden;} .success .successrow li{ height: 94px; width: 219px; margin: 0 20px 20px 20px; float: left; } .success .successrow li a{ border:1px solid #ccc; font-size:24px; color:#999; text-align:center; display: table-cell; vertical-align: middle; width:217px; height:94px; line-height:0; overflow: hidden; } .success .successrow li a img{ display: inline-block; max-width: 217px; max-height: 94px;} .success .successrow li a.button{ height: 93px; line-height: 39px; text-align:center; display: block;} .success .successrow li a.button{ height: 93px; line-height: 93px;} .partner{height:27px; background-image:url(../images/map01.png); background-repeat:no-repeat; background-position:center top; margin-top:45px; padding-top:465px; margin-left:100px; padding-left:445px;} .choose-more{ background-color:#df1344; width:100px; height:30px; font-size:14px; color:#fff; line-height:30px; text-align:center;} .qualifications{ padding-top:40px; padding-right:100px;} .qualifications .q_img li{ width: 488px; height: 488px; overflow: hidden; float: left; margin: 5px; display: table-cell;vertical-align: middle;text-align: center;line-height: 0;overflow: hidden;} .qualifications .q_img li img{ display: inline-block; max-height: 488px; max-width: 488px;} .certificate{ overflow:hidden; background-color:#f6f6f6; padding-top:30px; padding-left:30px; padding-right:30px; padding-bottom:40px; margin-bottom:45px;} .certificate>li{ float:left; margin-left:18px; margin-right:18px;} .qualifications>h4{ padding-left:35px; padding-right:70px; font-weight:normal; line-height:36px; margin-bottom:85px;} .qualifications>h4>a{ font-size:16px; float:left;} .public{ padding-top:60px; padding-left:78px; padding-right:78px;} .publicrow{ overflow:hidden;} .publicrow li{ float:left;} .publicinfo{ width:231px; height:96px; padding:20px 15px; background-color:#eeeeee;} .publicinfo h3{ font-size:18px; margin-bottom:15px;} .publicinfo p{ font-size:12px; line-height:20px; color:#666;} .publicMore a{ text-align:center; line-height:136px; width:517px; background-color:#eeeeee; font-size:24px; color:#999;}