/*body*/
body {
    height: auto;
}

.main-container .btn-area {
    cursor: pointer;
}
/* banner */
.banner-container {
    border-top: 1px solid transparent;
    margin-top: 1px;
    height: 909px;
    background: url('../images/zlsq/banner.gif') center no-repeat;
}
.banner-container .btn-area {
    width: 160px;
    height: 40px;
    background: url('../images/zlsq/b-4.png');
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    margin: 0 auto;
    margin-top: 426px;
    cursor: pointer;
}
.banner-container .btn-area:hover {
    color: #fff;
    background: url('../images/zlsq/b-4.png');
}
.banner-container .search-area {
    height: 340px;
    background: #fff;
    margin-top: 60px;
}
.banner-container .search-area .title-area {
    height: 106px;  
    border-bottom: 2px solid #ebac2c;
}
.banner-container .search-area .title-area .p1 {
    font-size: 35px;
    color: #fea801;
    text-align: center;
    padding: 18px 0 8px 0;
}
.banner-container .search-area .title-area .p2 {
    font-size: 18px;
    color: #fea801;
    text-align: center;
}
.banner-container .search-area .check-area {
    height: 120px;
    line-height: 120px; 
    font-size: 16px;
}
.banner-container .search-area .check-area .place {
    color: #fea801; 
    font-size: 18px;
    margin: 0 10px 0 80px;
}
.banner-container .search-area .check-area .item {
    position: relative;
    display: inline-block;
}
.banner-container .search-area .check-area .item .y-box {
    position: absolute;
    width: 16px;
    height: 16px;
    border: 1px solid #fea801;
    color: #fea801;
    top: 51px;
    left: -1px;
    line-height: 18px;
    text-align: center;
    margin-right: 5px;
}
.banner-container .search-area .check-area .cbox {
    width: 18px;
    height: 18px;
    border: 1px solid #000;
    vertical-align: sub;
    margin-right: 5px;
    /*-webkit-appearance: radio;*/
}
.banner-container .search-area .check-area .c-text {
    margin-right: 78px;
}
.banner-container .search-area .shuru-area {
    position: relative;
    width: 1029px;
    height: 62px;
    background: url('../images/zlsq/long-inp.png');
    margin: 0 auto;
}
.banner-container .search-area .shuru-area .inp-l {
    position: absolute;
    width: 456px;
    height: 55px;
    line-height: 55px;
    top: 4px;
    left: 20px;
    font-size: 14px;
}
.banner-container .search-area .shuru-area .inp-r {
    position: absolute;
    top: 4px;
    left: 500px;
    width: 390px;
    line-height: 55px;
    height: 55px;
    font-size: 14px;    
}
.banner-container .search-area .shuru-area .btn-search {
    position: absolute;
    top: 0;
    right: 0px;
    width: 130px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;  
    font-weight: bold;
    cursor: pointer;
    color: #fff;  
}
/*常见专利服务类型*/
.type-content {
    background: #fff;
}
.type-content .title-area {
    height: 120px;
    background: url('../images/zlsq/t-type.png') center 20px no-repeat;
}
.type-content .content {
    height: 680px;
}
.type-content .content .item {
    position: relative;
    width: 580px;
    height: 284px;
    padding: 50px;
    float: left;
    box-shadow: 2px 2px 20px #ccc;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    margin: 0 40px 50px 0;    
}
.type-content .content .item.no-mg {
    margin: 0 0 50px 0;
}
.type-content .content .item h2 {
    font-size: 18px;
    font-weight: bold;
}
.type-content .content .item p {
    font-size: 16px;
    color: #666;
    margin: 50px 0;
}
.type-content .content .item p.mg-t {
    margin-bottom: 30px;
}
.type-content .btn-area {
    width: 155px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color: #666;
    background: url('../images/zlsq/b-1.png');
}
.type-content .btn-area:hover {
    font-size: 18px;
    color: #fff;
    background: url('../images/zlsq/b-2.png');
}
.type-content .bg-area {
    position: absolute;
    top: 40px;
    right: 50px;
    width: 200px;
    height: 200px;
}
.type-content .item1 .bg-area {
    background: url('../images/zlsq/x1.png');
}.type-content .item2 .bg-area {
    background: url('../images/zlsq/x2.png');
}.type-content .item3 .bg-area {
    background: url('../images/zlsq/x3.png');
}.type-content .item4 .bg-area {
    background: url('../images/zlsq/x4.png');    
}
/*为什么要申请*/
.why-content {
    background: #f8f7f7;
    height: 600px;
}
.why-content .title-area {
    height: 160px;
    background: url('../images/zlsq/t-why.png') center no-repeat;
}
.why-content .item {
    width: 140px;
    height: 330px;
    margin-right: 60px;
    vertical-align: middle;
    display: inline-block;
}
.why-content .item.no-mgr {
    margin-right: 0;
}
.why-content .item .b-top {
    font-size: 18px;
    height: 156px;
    text-align: center;
    margin-bottom: 36px;
    border-bottom: 2px solid #ccc;
    font-weight: bold;
}
.why-content .item .bg-area {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    margin-bottom: 20px;
}
.why-content .btn-area {
    width: 160px;
    height: 40px;
    background: url('../images/zlsq/b-3.png');
    text-align: center;
    line-height: 40px;
    color: #333;
    font-weight: bold;
    font-size: 18px;
    margin: 0 auto;
    cursor: pointer;
}
.why-content .btn-area:hover {
    background: url('../images/zlsq/b-4.png');
    color: #fff;
}
.why-content .item1 .bg-area {
    background: url('../images/zlsq/w-1.png') center no-repeat;
}
.why-content .item2 .bg-area {
    background: url('../images/zlsq/w-2.png') center no-repeat;
}
.why-content .item3 .bg-area {
    background: url('../images/zlsq/w-3.png') center no-repeat;
}
.why-content .item4 .bg-area {
    background: url('../images/zlsq/w-4.png') center no-repeat;
}
.why-content .item5 .bg-area {
    background: url('../images/zlsq/w-5.png') center no-repeat;
}
.why-content .item6 .bg-area {
    background: url('../images/zlsq/w-6.png') center no-repeat;
}
.why-content .item1:hover .bg-area {
    background: url('../images/zlsq/w1.png') center no-repeat;
}
.why-content .item2:hover .bg-area {
    background: url('../images/zlsq/w2.png') center no-repeat;
}
.why-content .item3:hover .bg-area {
    background: url('../images/zlsq/w3.png') center no-repeat;
}
.why-content .item4:hover .bg-area {
    background: url('../images/zlsq/w4.png') center no-repeat;
}
.why-content .item5:hover .bg-area {
    background: url('../images/zlsq/w5.png') center no-repeat;
}
.why-content .item6:hover .bg-area {
    background: url('../images/zlsq/w6.png') center no-repeat;
}
.why-content .item1:hover .b-top {
    color: #fd5557;
    border-bottom: 2px solid #fd5557;
}
.why-content .item2:hover .b-top {
    color: #fd5557;
    border-bottom: 2px solid #fd5557;
}
.why-content .item3:hover .b-top {
    color: #fd5557;
    border-bottom: 2px solid #fd5557;
}
.why-content .item4:hover .b-top {
    color: #fd5557;
    border-bottom: 2px solid #fd5557;
}
.why-content .item5:hover .b-top {
    color: #fd5557;
    border-bottom: 2px solid #fd5557;
}
.why-content .item6:hover .b-top {
    color: #fd5557;
    border-bottom: 2px solid #fd5557;
}


/*为什么选择京师企服*/
.choice-content {
    background: #fff;
    height: 662px;
}
.choice-content .title-area {
    height: 160px;
    background: url('../images/zlsq/t-choice.png') center no-repeat;
}
.choice-content .content {
    position: relative;
    height: 485px;
    background: url('../images/zlsq/c-bg.png') center no-repeat;
    font-size: 16px;
    color: #666;
}
.choice-content .content .l-text {
    position: absolute;
    top: 140px;
    left: 136px;
}
.choice-content .content .r-text {
    position: absolute;
    top: 140px;
    right: 126px;
}
.choice-content .content p {
    line-height: 48px;
}
/*服务流程*/
.process-content {
    height: 656px;
    background: url('../images/zlsq/process.png') center no-repeat;
}
.process-content .title-area {
    height: 130px;
    background: url('../images/zlsq/t-p.png') center 50px no-repeat;
}
.process-content .btn-area {
    width: 160px;
    height: 40px;
    margin: 0 auto;
    margin-top: 440px;
    text-align: center;
    line-height: 40px;
    color: #333;
    font-weight: bold;
    font-size: 18px;
    background: url('../images/zlsq/b-3.png') center no-repeat;
}
.process-content .btn-area:hover {
    width: 160px;
    height: 40px;
    color: #fff;
    background: url('../images/zlsq/b-4.png') center no-repeat;
}
/*京师企服的优势*/
.advantage-content {
    background: #fff;
    height: 1070px;
}
.advantage-content .title-area {
    height: 130px;
    background: url('../images/zlsq/t-advantage.png') center 50px no-repeat;
}
.advantage-content .content {
    height: 800px;
    margin-top: 26px;
}
.advantage-content .content .item {
    position: relative;
    width: 1030px;
    height: 107px;
    margin: 0 auto;
    margin-bottom: 26px;
    background: url('../images/zlsq/ad-b.png') center no-repeat;
}
.advantage-content .item img {
    position: absolute;
    top: 24px;
    left: 80px;
}
.advantage-content .item .text-area {
    position: absolute;
    width: 780px;
    top: 30px;
    left: 190px;
}
.advantage-content .item .p1 {
    font-size: 18px;
    color: #fff;
}
.advantage-content .item .p2 {
    font-size: 14px;
    color: #fff;
}
.advantage-content .item .dashed {
    border: 1px dashed #fff;
    margin: 5px 0;
}
.advantage-content .btn-area {
    width: 160px;
    height: 40px;
    margin-top: 20px;
    background: url('../images/zlsq/b-3.png');
    text-align: center;
    line-height: 40px;
    color: #333;
    font-weight: bold;
    font-size: 18px;
    margin: 0 auto;
    margin-top: 20px;
}
.advantage-content .btn-area:hover {
    color: #fff;
    background: url('../images/zlsq/b-4.png');
}
/*modal*/
.modal-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 99999;
}
.modal-container .modal {
    position: absolute;
    width: 750px;
    height: 479px;
    top: 626px;
    left: 50%;
    margin-left: -375px;
    background: url('../images/zlsq/modal.png') center no-repeat;
}
.modal-container .modal .title-area {
    font-size: 30px;
    color: #fea801;
    text-align: center;
    height: 100px;
    line-height: 100px;
}
.modal-container .modal .close-area {
    position: absolute;
    top: 30px;
    right: 40px;
    width: 28px;
    height: 28px;   
    cursor: pointer;
    background: url('../images/zlsq/close.png');
}
.modal-container .modal p {
    position: absolute;
    width: 100%;
    font-size: 14px;
    color: #999;
    text-align: center;
}
.modal-container .modal .p1 {
    top: 365px;
}
.modal-container .modal .p2 {
    top: 396px;
}
.modal-container .modal p.tip-error {
    top: 278px;
    left: 100px;
    width: 200px;
    text-align: left;
    font-size: 14px;
    color: red;
}
.modal-container .modal .content .title {
    text-align: center;
    margin-top: 66px;
    margin-bottom: 33px;
    font-size: 18px;
    color: #666;
    font-weight: bold;
    overflow: hidden;
}
.modal-container .modal img {
    margin: 0 auto;
}