/*
    banner
 */
.banner{

}
.banner-img{
    min-width:1220px;
}
.banner-img img{
    width:100%;
    height: auto;
    min-width:1220px;
}


/*
    copyright-menu
 */
.copyright-menu{
    width:100%;
    background: -webkit-linear-gradient(left, #535353 0 , #535353 50%,  #313131 51%); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #535353 0 , #535353 50%,  #313131 51%); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #535353 0 , #535353 50%,  #313131 51%); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #535353 0 , #535353 50%,  #313131 51%);
    min-width: 1220px;
}
.menu-nav{
    font-size:0;
    width:1220px;
    margin:0 auto;
}
.menu-nav .menu-item{
    display:inline-block;
    width:305px;
    height: 120px;
}
.menu-nav .menu-item:nth-child(odd){
    background-color:#313131;
}
.menu-nav .menu-item:nth-child(even){
    background-color:#535353;
}
.menu-nav .menu-link{
    color:#fff;
    font-size:23px;
    font-size:23.64px;
    font-weight:bold;
}
.menu-link span{
    display:inline-block;
    line-height: 120px;
}
.menu-nav .menu-item:nth-child(1) .menu-txt{
    padding-left:60px;
    margin-left:77px;
    background: url("../images/copyright-img1.png") no-repeat left center;
}
.menu-nav .menu-item:nth-child(2) .menu-txt{
    padding-left:78px;
    margin-left:69px;
    background: url("../images/copyright-img2.png") no-repeat left center;
}
.menu-nav .menu-item:nth-child(3) .menu-txt{
    padding-left:70px;
    margin-left:71px;
    background: url("../images/copyright-img3.png") no-repeat left center;
}
.menu-nav .menu-item:nth-child(4) .menu-txt{
    padding-left:61px;
    margin-left:82px;
    background: url("../images/copyright-img4.png") no-repeat left center;
}

/*
    section
 */
.section{
    min-width:1220px;
}
.section-box{
    width:1220px;
    margin:0 auto;

}
.hotRec .section-head{
    margin-top:54px;
}
.section-title{
    text-align:center;
    height:100px;
    position:relative;
}
.section-title:before{
    content:'';
    height:14px;
    width:60px;
    border:3px solid #d32828;
    border-bottom:0;
    position:absolute;
    left:calc(50% - 33px);
    top:0;
}
.section-title:after{
    content:'';
    height:0;
    width:66px;
    border-bottom:3px solid #d32828;
    position:absolute;
    left:calc(50% - 33px);
    bottom:0;
}
.section-title h3{
    font-size: 36px;
    line-height: 36px;
    padding:25px 0 8px;
    color: #535353;
    font-weight:normal;
}
.section-title p{
    font-size:14px;
    line-height: 22px;
    color:#959595;
}
/*
    热门商标服务推荐
 */
.hotRec .section-body{
    margin-top:39px;
}
.recommends{
    font-size:0;
}
.recommends li{
    display:inline-block;
    font-size:12px;
}
.recommends li+li{
    margin-left:33px;
}
.recommends li:nth-child(3){margin-left:34px;}
.recommends .recom-item{
    width:280px;
    height:350px;
    text-align: center;
    background-color:#f3f3f4;
    color:#535353;
    font-size:16px;
    position:relative;
    overflow: hidden;
}
.recom-item img{margin:0 auto 19px;padding-top:15px;}
.recom-item .rec-item-title{
    font-weight:bold;
    line-height: 22px;
    margin-bottom: 9px;
}
.recom-item .rec-item-tip{
    font-size:16px;
    line-height:16px;
    margin-bottom:25px;
}
.recom-item .rec-item-btn{
    display:inline-block;
    width:150px;
    height:44px;
    line-height: 44px;
    background-color: #d32828;
    border-radius:3px;
    color:#fff;
}
.recom-item .rec-item-hot{
    position: absolute;
    top: -7px;
    right: -31px;
    color: #fff;
    font-size: 16px;
    line-height: 36px;
    padding-top:12px;
    background-color: #d32828;
    width:94px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.recommends .recom-item:hover{
    background-color:#ebebec;
}
.recommends .recom-item:hover p{
    color:#5e4141;
}
.recom-item .rec-item-btn:hover{
    background-color: #ba1212;
}

.type-list{
    font-size:0;
    margin-top:57px;
    border-right:1px solid #eee;
    border-bottom:1px solid #eee;
}
.type-list li{
    border-left:1px solid #eee;
    border-top:1px solid #eee;
    display:inline-block;
    width:243px;
    height:168px;
    vertical-align: top;
}
.type-list li:nth-child(3n){
    width:242px;
}
.type-list .type-item{
    color:#535353;
    font-size:20px;
    text-align: center;
    height:100%;
}
.type-list .type-item-active,.type-list a:hover{
    box-shadow: 0px 0px 8px 0px rgba(253, 91, 12, 0.5);
}
.type-item .type-img{}
.type-img img{margin:0 auto;}
.type-list li:nth-child(1) .type-img{padding: 29px 0 20px;}
.type-list li:nth-child(2) .type-img{padding: 37px 0 22px;}
.type-list li:nth-child(3) .type-img{padding: 35px 0 20px;}
.type-list li:nth-child(4) .type-img{padding: 37px 0 19px;}
.type-list li:nth-child(5) .type-img{padding: 30px 0 18px;}
.type-list li:nth-child(6) .type-img{padding: 20px 0 14px;}
.type-list li:nth-child(7) .type-img{padding: 27px 0 17px;}
.type-list li:nth-child(8) .type-img{padding: 30px 0 14px;}
.type-list li:nth-child(9) .type-img{padding: 38px 0 20px;}
.type-list li:nth-child(10) .type-img{padding: 38px 0 17px;}
.type-list li:nth-child(11) .type-img{padding: 27px 0 16px;}
.type-list li:nth-child(12) .type-img{padding: 37px 0 27px;}
.type-list li:nth-child(13) .type-img{padding: 36px 0 23px;}
.type-list li:nth-child(14) .type-img{padding: 37px 0 17px;}
.type-list li:nth-child(15) .type-img{padding: 27px 0 18px;}

.type-item .type-title{
    line-height: 20px;
}

/*
    办理登记版权
 */
.handle-box{
    background: url("../images/handle-bg.jpg") no-repeat center center / 100% 350px;
    min-width: 1220px;
    margin-top:75px;
}
.handle-box .handle-block{
    width:1220px;
    height:350px;
    margin:0 auto;
    text-align: center;
}
.handle-cont{
    display:inline-block;
    padding-right:160px;
    background: url("../images/handle-img.png") no-repeat right center;
    position:relative;
    top:110px;
}
.handle-cont .handle-h1{
    font-size:69px;
    line-height: 69px;
    color:#fff;
    font-weight:bold;
    margin-bottom: 36px;
}
.handle-cont .handle-h1 span+span{
    margin-left:34px;
    font-style:italic;
}
.handle-cont .handle-summary{
    display: inline-block;
    font-size:24px;
    line-height: 42px;
    font-style:italic;
    color:#c4a46e;
}
.handle-cont .handle-btn{
    display:inline-block;
    height:42px;
    border:1px solid #d32828;
    box-sizing: border-box;
    line-height: 40px;
    font-size:24px;
    color:#d32828;
    margin-left:27px;
}
.handle-btn span{
    height:100%;
    display: inline-block;
}
.handle-btn span:first-child{
    color:#fff;
    background:#d32828;
    width:65px;
    text-align: right;
    padding-right:5px;
}
.handle-btn span:last-child{
    width:64px;
    text-align: left;
    padding-left:4px;
}


/*
    版权注册流程和常见问题 process
 */
.process .section-head{
    margin-top:104px;
}
.process-cont{
    margin-top:40px;
}
.process-nav{font-size:0;margin-bottom:38px;}
.process-nav li{
    display:inline-block;
    font-size:16px;
    color:#626262;
    cursor: pointer;
}
.process-list{

}
.process-list .process-block{
    display: none;
    position: relative;
}
.process-list .process-block:first-child{display: block;}

.process-nav li{
    width:202px;
    height:111px;
    display:inline-block;
    border:1px solid #e5e5e5;
    text-align: center;
    vertical-align: top;
}
.process-nav li+li{
    border-left:0;
}
.process-nav li .proc-nav-img{
    font-style:normal;
    height:45px;
    margin-top:18px;
    margin-bottom:14px;
    overflow: hidden;
}
.process-nav li:nth-child(1) .proc-nav-img{
    background:url("../images/processImg/process1.png") no-repeat center 2px;
}
.process-nav li:nth-child(2) .proc-nav-img{
    background:url("../images/processImg/process2.png") no-repeat center bottom;
}
.process-nav li:nth-child(3) .proc-nav-img{
    background:url("../images/processImg/process3.png") no-repeat center bottom;
}
.process-nav li:nth-child(4) .proc-nav-img{
    background:url("../images/processImg/process4.png") no-repeat center center;
}
.process-nav li:nth-child(5) .proc-nav-img{
    background:url("../images/processImg/process5.png") no-repeat center center;
}
.process-nav li:nth-child(6) .proc-nav-img{
    background:url("../images/processImg/process6.png") no-repeat center 4px;
}
.process-nav li:nth-child(1).process-active .proc-nav-img{
    background-image: url("../images/processImg/process1-active.png");
}
.process-nav li:nth-child(2).process-active .proc-nav-img{
    background-image: url("../images/processImg/process2-active.png");
}
.process-nav li:nth-child(3).process-active .proc-nav-img{
    background-image: url("../images/processImg/process3-active.png");
}
.process-nav li:nth-child(4).process-active .proc-nav-img{
    background-image: url("../images/processImg/process4-active.png");
}
.process-nav li:nth-child(5).process-active .proc-nav-img{
    background-image: url("../images/processImg/process5-active.png");
}
.process-nav li:nth-child(6).process-active .proc-nav-img{
    background-image: url("../images/processImg/process6-active.png");
}
.process-nav li .proc-nav-title{
    font-size:16px;
    color: #626262;
    line-height:18px;
}
.process-nav li.process-active{
    border-color:#d32828;
    background-color:#d32828;
    position:relative;
}
.process-nav li.process-active .proc-nav-title{
    color:#fff;
    font-weight:bold;
}
.process-nav li.process-active:after{
    position:absolute;
    top:100%;
    left:50%;
    margin-left:-12px;
    content: '';
    height:0;
    box-sizing: border-box;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 28px solid #d32828;
}
/*      版权流程体      */
.process-block{
    font-size:0;
}
.process-block > div{
    display: inline-block;
    width:600px;
    min-height:358px;
    border:1px solid #e5e5e5;
    box-sizing: border-box;
    vertical-align: top;
    font-size:16px;
}
.pro-block-head p{
    background: #eee;
    color:#535353;
    line-height: 52px;
    text-align: center;
}
.pro1-left-body{
    font-size:0;
}
.pro1-left{
    display: inline-block;
    vertical-align: top;
    font-size:14px;
    color:#535353;
    box-sizing: border-box;
}
.pro1-left-l{
    padding-left:29px;
    margin-right:7px;
    width:299px;
}
.pro1-title{
    font-size:16px;
    margin-top:25px;
    margin-bottom:12px;
    line-height: 16px;
}
/* 流程列表1 */
.pro-list1{

}
.pro-list1 .pro-list1-li{
    line-height: 34px;
}
.pro-list1-li .pro-list1-i{
    display: inline-block;
    vertical-align: top;
    font-style:normal;
    width:19px;height:19px;
    margin-top:7px;margin-right:5px;
    color:#fff;
    font-size:12px;
    line-height: 19px;
    text-align: center;
    border-radius: 50%;
    background:#d32828;
}
.pro-list1-li .pro-list1-txt{
    display: inline-block;
    vertical-align: top;
    font-size:14px;
    color:#535353;
}

.pro-block-right{
    margin-left:20px;
}
.pro-block-right .pro-list1{
    margin-left:64px;
    margin-top:26px;
}
.pro-list1.pro1-list1 .pro-list1-li{
    line-height: 42px;
}
.pro1-list1 .pro-list1-li .pro-list1-i{
    margin-top:11px;
}
.pro1-consult{
    text-align: center;
}
.pro1-consult .pro1-consult-phone{
    color:#d32828;
    font-size:30px;
    line-height: 30px;
    font-weight:bold;
    margin:27px 0 31px;
}
.pro1-consult-phone span{
    display: inline-block;
    padding-left:37px;
    font-family: Impact;
    background: url("../images/pro-phone.png")
                no-repeat left top;
}
.pro1-consult-btn{
    font-size:13px;
    color:#fff;
    width:152px;
    line-height: 33px;
    background: #d32828;
    border-radius: 5px;
    margin:0 auto;
    text-align: center;
}
.pro1-consult-btn:hover{background: #b31f1f}

/* 申请阶段 */
.pro-list2{
    font-size:0;
}
.pro-list2-li{
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    width:198px;
    margin-left:2px;
    text-align: center;
}
.pro-list2 li:nth-child(3n+1){margin-left:0;}
.pro-list2-li .pro-list2-i{
    font-size:30px;
    display: inline-block;
    width:66px;
    height:66px;
    line-height: 66px;
    color:#fff;
    background: #d32828;
    border-radius: 50%;
    font-weight: bold;
    margin:22px 0 10px;
}
.pro-list2-li .pro-list2-txt{
    font-size: 14px;
    color:#535353;
    line-height: 20px;
}
.pro2-list1 .pro-list1-li{
    line-height: 30px;
}
.pro2-list1 .pro-list1-li .pro-list1-i{
    margin-top:6px; margin-right: 12px;
}
.pro-block-right .pro2-list1{
    margin-top:19px;margin-left:77px;
}
.pro2-body .pro1-consult .pro1-consult-phone{
    margin:17px 0 14px;
}
/* 3. 受理通知书下发 */
.pro3-l-body{
    padding:48px 53px 0;
    color:#535353;
}
.pro3-h3{
    font-size: 18px;
    line-height: 18px;
    margin-bottom:24px;
}
.pro3-h3-txt{
    font-size: 14px;
    line-height: 30px;
    height:136px;
}
/* 4. 实质审查 */
.pro4-body .pro1-consult .pro1-consult-phone{
    margin:24px 0 12px;
}
/* 5. */
.pro5-body .pro5-list1{
    margin-left: 77px;
    margin-top: 36px;
}
.pro5-body .pro1-consult .pro1-consult-phone{
    margin:52px 0 14px;
}
/* 6. */
.pro6-body .pro1-consult .pro1-consult-phone {
    margin: 10px 0 14px;
}

/*
    重要性
 */
.importance{
    background: #f3f3f4;
    padding-top:60px;
    margin-top:77px;
}
.import-list{
    font-size: 0;
    margin-top:46px;
    padding-bottom:40px;
}
.import-list li{
    margin-left:25px;
    width:390px;height: 130px;
    border-radius: 58px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    background-color: #fff;
    margin-bottom:24px;
}
.import-list li:nth-child(3n+1){
    margin-left:0;
}
.import-list .import-list-h4{
    font-size:16px;
    color:#535353;
    line-height: 16px;
    position: absolute;
    left:113px;top:23px;
}
.import-list .import-list-txt{
    font-size:14px;
    color:#959595;
    line-height: 22px;
    position: absolute;
    left:113px;top:23px;
    position: absolute;
    left:113px;
    right:20px;
    top:46px;
    bottom:18px;
    overflow: hidden;
}
.import-list .import-list-img{
    width:90px;height:90px;
    border-radius: 50%;
    background-color: #f3f3f4;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top:20px;left:10px;
}
.import-list li:nth-child(1) .import-list-img{
    background-image: url("../images/importance/img1.png");
}
.import-list li:nth-child(2) .import-list-img{
    background-image: url("../images/importance/img2.png");
}
.import-list li:nth-child(3) .import-list-img{
    background-image: url("../images/importance/img3.png");
}
.import-list li:nth-child(4) .import-list-img{
    background-image: url("../images/importance/img4.png");
}
.import-list li:nth-child(5) .import-list-img{
    background-image: url("../images/importance/img5.png");
}
.import-list li:nth-child(6) .import-list-img{
    background-image: url("../images/importance/img6.png");
}
.import-list li:nth-child(7) .import-list-img{
    background-image: url("../images/importance/img7.png");
}
.import-list li:nth-child(8) .import-list-img{
    background-image: url("../images/importance/img8.png");
}
.import-list li:nth-child(9) .import-list-img{
     background-image: url("../images/importance/img9.png");
 }


/*
    我们服务过的客户
 */
.ourCustomer{
    padding-top:105px;
}
.ourcus-block{
    margin:34px 0 76px;
}
.ourcus-ul{
    font-size:0;
    border-bottom: 1px solid #eee;
    border-right:1px solid #eee;
}
.ourcus-ul li{
    font-size:12px;
    border-left:1px solid #eee;
    border-top:1px solid #eee;
    display: inline-block;
    vertical-align: top;
}
.ourcus-ul li a{
    width:243px;
    height:124px;
    background-position: center center;
    background-repeat: no-repeat;
}
.ourcus-ul li:nth-child(5n+1) a{
    width:242px;
}
.ourcus-ul li:nth-child(1) a{
    background-image: url("../images/ourcustomer/img1.png");
}
.ourcus-ul li:nth-child(2) a{
    background-image: url("../images/ourcustomer/img2.png");
}
.ourcus-ul li:nth-child(3) a{
    background-image: url("../images/ourcustomer/img3.png");
}
.ourcus-ul li:nth-child(4) a{
    background-image: url("../images/ourcustomer/img4.png");
}
.ourcus-ul li:nth-child(5) a{
    background-image: url("../images/ourcustomer/img5.png");
}
.ourcus-ul li:nth-child(6) a{
    background-image: url("../images/ourcustomer/img6.png");
}
.ourcus-ul li:nth-child(7) a{
    background-image: url("../images/ourcustomer/img7.png");
}
.ourcus-ul li:nth-child(8) a{
    background-image: url("../images/ourcustomer/img8.png");
}
.ourcus-ul li:nth-child(9) a{
    background-image: url("../images/ourcustomer/img9.png");
}
.ourcus-ul li:nth-child(10) a{
    background-image: url("../images/ourcustomer/img10.png");
}
.ourcus-ul li:nth-child(1):hover a{
    background-image: url("../images/ourcustomer/img1-hover.png");
}
.ourcus-ul li:nth-child(2):hover a{
    background-image: url("../images/ourcustomer/img2-hover.png");
}
.ourcus-ul li:nth-child(3):hover a{
    background-image: url("../images/ourcustomer/img3-hover.png");
}
.ourcus-ul li:nth-child(4):hover a{
    background-image: url("../images/ourcustomer/img4-hover.png");
}
.ourcus-ul li:nth-child(5):hover a{
    background-image: url("../images/ourcustomer/img5-hover.png");
}
.ourcus-ul li:nth-child(6):hover a{
    background-image: url("../images/ourcustomer/img6-hover.png");
}
.ourcus-ul li:nth-child(7):hover a{
    background-image: url("../images/ourcustomer/img7-hover.png");
}
.ourcus-ul li:nth-child(8):hover a{
    background-image: url("../images/ourcustomer/img8-hover.png");
}
.ourcus-ul li:nth-child(9):hover a{
    background-image: url("../images/ourcustomer/img9-hover.png");
}
.ourcus-ul li:nth-child(10):hover a{
    background-image: url("../images/ourcustomer/img10-hover.png");
}

.banner-bottom{margin-top: 20px;}