.fw-box{width: 100%;min-width: 1440px;background: #F3F5F7}
.fw-main{padding-top: 20px}
.fw-top{width:1200px;margin: 0 auto;background: #FFFFFF;}
.fw-top-main{padding: 50px 20px;display: flex}
.fw-top-main-r{margin-left: 30px}
.fw-top-main-r dt h1{
    font-size:24px;
    font-weight:bold;
    color:rgba(51,51,48,1);
}
.fw-top-main-r dt span{font-size:14px;color:#999999;margin-top: 15px}
.number-b{margin-left: 31px;color: #999999}
.tit-b{display: flex;margin-top:10px }
.tit-b ul{display: flex;}
.tit-b ul li{margin-right: 15px;padding: 5px 10px;background: url("/img/service/tit-bg.png") no-repeat center;}
.fw-tit-bg{background: url("/img/service/filter-bg.png") no-repeat center;width: 704px;height: 108px;font-size: 14px}
.fw-tit-bg .bg-mode{padding: 15px 30px;font-family:MicrosoftYaHei;color:rgba(51,51,51,1);}
.tit-btn ul li{cursor:pointer;}
.fw-top-main-r dd{
    font-size:14px;
    width: 704px;
    color:rgba(51,51,51,1);
}
.fw-top-main-r dd div{
    /*height: 43px; */
    line-height: 43px;
    display: flex
}
.fw-top-main-r dd div span{display: block;width: 100px;text-align: right;margin-right: 30px}
.fw-top-main-r dd div ul{
    display: flex;
    width: 604px;
}
.fw-top-main-r dd div li{margin-right: 10px}
.fw-top-main-r dd .tit-btn li a{display: block;width:136px;height:48px;border:1px solid #E0E0E0;line-height: 48px;text-align: center;color: #333333}
.fw-top-main-r dd .tit-btn li.active a{border:2px solid rgba(229,1,19,1);color:rgba(229,1,19,1);}
.tit-btn{margin-bottom: 10px;}
.tit-btn div button {
    min-width: 120px;
    padding: 5px 10px;
    /*width:136px;*/
    height:40px;
    border:1px solid rgba(224,224,224,1);
    margin-right: 10px;
    font-size:14px;
    color:rgba(102,102,102,1);
    background: transparent;
    margin-bottom: 10px;
}
.tit-btn div button.active{border:2px solid rgba(229,1,19,1);color: #E50113;background: url("../img/pay/icon02.png") no-repeat;background-position:110px 5px;}
.tit-btn .serv {
    display: flex;
    /*justify-content: space-between;*/
    flex-wrap: wrap;
    width: 604px;
}
.nobtn{background: #EEEEEE;opacity:0.5; pointer-events:none;}
/*.fw-top-main-r dd div li.active a{border:2px solid rgba(229,1,19,1);}*/
.number-btn li{display: flex;width:140px;height:40px;border:1px solid rgba(224,224,224,1);text-align: center}
.number-btn li a{width: 40px;height: 40px;display: block;line-height: 40px;cursor: pointer;}
.number-btn li input{width: 60px;display: block;line-height: 40px;border: 0;text-align: center}
/*//按钮*/
.fw-top-btn{display: flex}
.fw-top-btn .goPay{display: block;width:167px;height:40px;background:rgba(229,1,19,1);border-radius:4px;font-size:14px;font-weight:bold;color:#FFFFFF;margin-right: 30px}
.fw-top-btn .consult{margin-right:30px;display: block;width:167px;height:36px;background:#FFFFFF;border:2px solid rgba(246,22,37,1);border-radius:4px;font-size:14px;font-weight:bold;color:#E50113;line-height: 36px;text-align: center}

.fw-body{width: 1200px;margin: 0 auto;margin-top: 30px}
.tit-nav{width: 1200px;height: 72px;background: #FFFFFF;text-align: center}
.tit-nav ul{width: 1200px;height: 72px;display: flex;font-size:18px;font-family:MicrosoftYaHei;color:rgba(102,102,102,1);}
.tit-nav ul li{width: 130px;height: 72px;line-height: 72px;}
.tit-nav ul li.active{color: #E50113}
.fw-tit-img{width: 100%}
.fw-tit-img img{width: 100%}
.fw-wj{width: 1000px;margin: 0 auto}
.fw-wj ul.cu{display: flex;}
.fw-wj ul li.cc{
    width:438px;
    height:207px;
    background:rgba(238,238,238,1);
    margin-right: 50px;
    /*margin-top: 50px;*/
    display: flex
}
.fw-wjimg{padding: 19px 20px}
.fw-text{text-align: left}
.fw-text h2{font-size:18px;font-family:MicrosoftYaHei-Bold,MicrosoftYaHei;font-weight:bold;color:rgba(51,51,51,1);margin-top: 40px;margin-left: 20px}
.fw-text ul li{margin-top: 10px;margin-left: 20px}
.fw-text ul li:before{content: "";width: 5px;height: 5px;display: inline-block;border-radius:45px;background: #FF910E;margin-right: 8px;margin-bottom: 3px}
/*主题标题样式*/
.fw-tit-btn h2{font-size:30px;font-family:MicrosoftYaHei-Bold,MicrosoftYaHei;font-weight:bold;color:rgba(51,51,51,1);text-align: center;padding-top: 50px;margin-bottom: 50px}
/*mod组一样式*/
.fw-body-b{background: #FFFFFF;margin: 0 auto;text-align: center}
.fw-mode1{margin-top: 50px;font-size:18px;font-family:MicrosoftYaHei;color:rgba(51,51,51,1);width: 930px;margin: 0 auto}
.fw-mode1-top {
    width:930px;
    /*height:84px;*/
    background:rgba(242,242,242,1);
    margin-bottom: 10px;
    line-height: 84px
}

.fw-mode-body{padding: 28px 56px;font-size:16px;font-family:MicrosoftYaHei;color:rgba(51,51,51,1);}
.body-tit{;margin-bottom: 25px;font-size:18px;font-family:MicrosoftYaHei-Bold,MicrosoftYaHei;font-weight:bold;color:rgba(51,51,51,1);text-align: left;}
.body-tit img{margin-right: 25px}
.body-text{text-align: left;line-height: 30px}

.fw-mode1-btm{display: flex}
.fw-mode1-l{width:460px;height:336px;background:rgba(242,242,242,1);margin-right: 10px}
.fw-mode1-l dt{width:460px;height:246px;background:#F2F2F2;}
.fw-mode1-l dd{width:460px;height:91px;background:#E4E4E4;font-size:14px;font-family:MicrosoftYaHei;color:#333333;line-height: 30px}
.fw-mode1-l dd div{padding: 23px 41px;text-align: left}
.fw-mode1-r{width:460px;height:336px;background:#F2F2F2;margin-right: 10px}
.fw-mode1-r dt{width:460px;height:246px;background:#F2F2F2;}
.fw-mode1-r dd{width:460px;height:91px;background:#E4E4E4;}
.fw-mode1-r dd div{padding: 23px 41px;text-align: left;font-size:14px;font-family:MicrosoftYaHei;color:#333333;line-height: 30px}



/*发明专利证书*/
/*.fw-zsimg{width: 1200px;}*/
.fw-zsimg ul{display: flex}
.fw-zsimg ul li{margin: 0 auto}

.fw-tit-mode {
    margin-bottom: 15px;
}
.process-hide {
    display: none;
}
.process-show {
    /*display: block;*/
}


.fw-body-con {
    margin: 59px 50px;
    padding-bottom: 140px;
}
.fw-body-con h2 {
    text-align: center;
    font-weight: 400;
    color: #333333;
    font-size: 36px;
}
.fw-body h3 {
    height: 70px;
    line-height: 70px;
    padding-left: 30px;
    font-size: 18px;
    font-weight: 400;
    color: #333333;
}
.fw-body .explain-con {
    height: 222px;
    background: #F5F5FA;
    margin-top: 40px;
    margin-bottom: 20px;
    display: flex;
    padding: 50px 50px 0 30px;
}
.fw-body .explain-con img {
    height: 142px;
    margin-top: -10px;
}
.fw-body .explain-con-text {
    margin-left: 51px;
    font-weight: 400;
    color: #999999;
    font-size: 16px;
    margin-right: 50px;
    line-height: 30px;
    text-align: left;
}
.fw-body .sub-tit {
    display: flex;
    position: relative;
    padding-top: 45px;
    padding-bottom: 30px;
}
.fw-body .sub-tit .line {
    height: 1px;
    width: 100%;
    border: dashed 1px #DDDDDD;
}
.fw-body .sub-tit .square-img {
    margin-top: -6px;
    margin-right: 8px;
    height: 14px;
}
.fw-body .sub-tit .words{
    margin-top: -18px;
    margin-right: 10px;
    color: #6F727B;
    font-size: 26px;
    word-break: keep-all;
}
.fw-body .sub-tit .down-img {
    margin-top: -7px;
    margin-left: 8px;
    height: 17px;
}
.fw-body .procedure-img {
    text-align: center;
    padding: 20px 0;
}
.fw-body .advantage-con, .fw-body .question-con {
    padding-left: 25px;
    font-size: 18px;
    color: #666666;
    line-height: 30px;
    text-align: left;
}

.xqy-money {
    color: #E50113;
}
.xqy-money span {
    font-size: 30px;
}
.purchase-hint {
    color: #999;
    padding-top: 10px;
    font-size: 12px;
}
.fw-zsimg img {
    max-width: 100%;
}

.apply-hint {
    height: 50px;
    line-height: 50px;
    padding-left: 40px;
    background: #53596C;
    color: #FFFCFC;
}
#registerPriceHint {
    display: none;
}
.service-detail-common-service .main{
    display: flex;
    margin-bottom: 20px;
}
.service-detail-common-service .main .box{
    margin: 0 10px 0 10px;
    padding:20px;
    width: 249px;
    background: #FFFFFF;
    border: 1px solid #EAF0FF;
    box-shadow: 0px 2px 8px 0px rgba(76, 92, 221, 0.1);
    border-radius: 10px;
    text-align: center;
    cursor:pointer;
}
.service-detail-common-service .main .box:hover{
    background: #F6F6FA;
}
.service-detail-common-service .main .box .name{
    font-size: 16px;
    font-weight: bold;
    color: #101010;
    line-height: 55px;
}
.service-detail-common-service .main .box .content{
    font-size: 12px;
    font-weight: 400;
    color: #383838;
    line-height: 17px;
}
.service-detail-common-service .main .box .price{
    font-size: 16px;
    font-weight: bold;
    color: #F50F1A;
    line-height: 30px;
}
.service-detail-common-service .main .box .price i{
    font-size: 12px;
}
.service-detail-common-service .main .box .but{
    background: rgba(137, 35, 238, 0);
    border: 2px solid #C2C5D4;
    border-radius: 16px;
    font-size: 12px;
    font-weight: 400;
    color: #C2C5D4;
    line-height: 30px;
    text-align: center;
    width: 87px;
    margin: 0 auto;
}
.service-detail-common-service .main .box:hover .but{
    border: 2px solid #9A010D;
    box-shadow: 0px 3px 7px 4px rgba(222, 227, 254, 0.97);
    color: #FFFFFF;
    background: #E50113;
}
.service-detail-common-about-us .introduce{
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    border: 1px solid #D9D9D9;
}
.service-detail-common-about-us .introduce .about-us-img,.service-detail-common-about-us .introduce .about-us-segmentation{
    width: 100%;
}

.service-detail-common-about-us .introduce .li{
    width: 50%;
}
.service-detail-common-about-us .introduce .rt{
    padding:20px 20px 20px 20px;
    position: relative;
}
.service-detail-common-about-us .introduce .rt .name{
    font-size: 24px;
    font-weight: normal;
    color: #282828;
    line-height: 28px;
    text-align: left;
    margin: 10px 0 10px 0;
}
.service-detail-common-about-us .introduce .rt .content{
    text-align: left;
    padding:20px 10px 20px 10px;
    font-size: 16px;
    font-weight: 400;
    color: #737373;
    line-height: 26px;
    text-indent:2em;
}
.service-detail-common-about-us .introduce .rt .triangle{
    width: 0;
    height: 0;
    border-bottom: 80px solid #E50113;
    border-left: 120px solid transparent;
}
.service-detail-common-about-us .introduce .rt .corner-mark{
    position: absolute;
    right: 0;
    bottom: 0;
}
.service-detail-common-about-us .introduce .rt .text{
    position: absolute;
    bottom: 5px;
    right: 10px;
    font-size: 13px;
    font-weight: normal;
    color: #FFFFFF;
    line-height: 26px;
}
.service-detail-common-about-us .certification{
    margin: 20px 0 20px 0;
    background: #F2F2F2;
    position: relative;
    padding:20px;
}
.service-detail-common-about-us .certification img{
    width: 160px;
    height: 224px;
    margin: 0 10px 0 10px;
}
#service-detail-common-next-certification{
    background-image: url(../img/service/about-us-right.png);
    background-repeat: repeat;
    background-position: center center;
    background-size:cover;
    width: 32px;
    height: 31px;
    right: 0!important;

}
#service-detail-common-prev-certification{
    left: 0 !important;
    background-image: url(../img/service/about-us-left.png);
    background-repeat: repeat;
    background-position: center center;
    background-size:cover;
    width: 32px;
    height: 31px;
}
#service-detail-common-prev-certification:after{
    content: none !important;
}
#service-detail-common-next-certification:after{
    content: none !important;
}
.service-detail-common-help .main{
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    width: 100%;
    margin-right: -20px;
}
.service-detail-common-help .main .li{
    width: 100%;
    padding:20px 40px 20px 0;
}

.service-detail-common-help .main .li .box{
    background: #F6F6F6;
    border-radius: 4px;
    width: 100%;
    text-align: left;
    padding:20px;
}
.service-detail-common-help .main .li .box img{
    width: 24px;
    height: 24px;
}
.service-detail-common-help .main .li .box .quiz{
    display: flex;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #DDDDDD;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.service-detail-common-help .main .li .box .quiz .name{
    margin-left:10px;
    font-size: 18px;
    font-weight: 400;
    color: #444444;
    line-height: 30px;
}
.service-detail-common-help .main .li .box .answer{
    display: flex;
}
.service-detail-common-help .main .li .box .answer img{
    display: flex;
    align-self:center;
}
.service-detail-common-help .main .li .box .answer .name{
    margin-left:10px;
    font-size: 14px;
    font-weight: 400;
    color: #999999;
    line-height: 22px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}
.service-detail-common-help .more{
    display: flex;
    justify-content: center;
    width: 100%;
    padding-top:20px;
    text-align: center;
}
.service-detail-common-help .more a{
    width: 160px;
    height: 40px;
    background: #E50113;
    border-radius: 19px;
    line-height: 40px;
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
}
.service-detail-box .tt{
    display: flex;
    justify-content: center;
    font-size: 24px;
    font-weight: 400;
    align-items: flex-start;
    color: #333333;
    line-height: 45px;
    margin-bottom: 30px;

}
.service-detail-box .tt div{
    padding: 0 10px;
}
.service-detail-box .tt .icon{
    position: relative;
    width: 16px;
    height: 10px;
    top: 18px;
}
.service-detail-box .service-introduction{
    display: flex;
    justify-content: center;
    padding-bottom: 80px;
}
.service-detail-box .service-introduction .item-box{
    flex: 1;
    justify-content: center;
    display: flex;
    padding: 0 20px;
}
.service-detail-box .service-introduction .item{
    background: #FFFFFF;
    box-shadow: 0px 5px 9px 0px rgba(18, 18, 18, 0.18);
    border-radius: 10px;
    position: relative;
    padding-bottom: 20px;
}
.service-detail-box .service-introduction .item .top{
    background: linear-gradient(-90deg, #0E77DB, #3790FB);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #ffffff;
    padding: 20px;
    position: relative;
    margin-bottom: 30px;
    height: 111px;
}
.service-detail-box .service-introduction .item .top:after{ position:absolute; left:0; right:0; bottom:-11px; content:""; z-index:1; height:20px; width:100%; border-radius:50%; background:#fff;}

.service-detail-box .service-introduction .item .top .name{
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 26px;
    padding-bottom: 10px;
}
.service-detail-box .service-introduction .item .top .names{
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 70px;
}
.service-detail-box .service-introduction .item .top .describe{
    font-size: 12px;
    font-weight: 500;
    color: #FFFFFF;
    padding-bottom: 10px;
}
.service-detail-box .service-introduction .item .ul{
    padding: 0 20px;
}
.service-detail-box .service-introduction .item .li{
    text-align: left;
    display: flex;
    padding-bottom: 15px;
    font-size: 14px;
    font-weight: 500;
    color: #333333;
}
.service-detail-box .service-introduction .item .li span{
    width: 9px;
    height: 9px;
    background: #328DF7;
    border-radius: 50%;
    display: block;
    position: relative;
    top: 6px;
    margin-right: 10px;
}
.service-detail-box .service-introduction .item .li div{
    flex:1;
}
.service-detail-box .service-introductions{
    height: 152px;
    background: #F6F6F6;
    border-radius: 10px;
    position: relative;
    margin-bottom: 160px;
}
.service-detail-box .service-introductions .h3{
    background: linear-gradient(-90deg, #0E77DB, #3790FB);
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 50px;
    height: 50px;
}
.service-detail-box .service-introductions .item-box{
    display: flex;
    position:absolute;
    margin:30px;
}
.service-detail-box .service-introductions .item-box .item{
    background: #FFFFFF;
    box-shadow: 0px 5px 6px 0px rgba(18, 18, 18, 0.08);
    border-radius: 10px;
    margin-right: 30px;
    position: relative;
    flex:1;
}
.service-detail-box .service-introductions .item-box .item:last-child{
    margin-right: 0;
}
.service-detail-box .service-introductions .item-box .item .content{
    padding:30px;
    font-size: 14px;
    font-weight: 500;
    color: #333333;
}
.service-detail-box .service-introductions .item-box .item .bottom{
    height: 7px;
    background: #62AEF7;
    box-shadow: 0px 5px 6px 0px rgba(18, 18, 18, 0.08);
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.service-detail-box .advantage-service{
    overflow: hidden;
}
.service-detail-box .advantage-service .img{
    position: relative;
    left: -92px;
    width: 1400px;
}
.service-detail-box .service-process{
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    margin-bottom: 80px;
}
.service-detail-box .service-process .item{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.service-detail-box .service-process .item .item-box{
    width: 198px;
}
.service-detail-box .service-process .arrows{
    font-size: 48px;
    font-weight: 400;
    color: #53596C;
    position: relative;
    top:40px;
}
.service-detail-box .service-process .img{
    width: 129px;
    height: 149px;
    margin-bottom: 20px;
}
.service-detail-box .service-process .name{
    font-size: 22px;
    font-weight: 400;
    color: #333333;
    padding-bottom: 10px;
}
.service-detail-box .service-process .describe{
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 25px;
}
.service-detail-box .service-process-8 .item{
    width: 200px;
    margin-bottom: 30px;
}
.service-detail-box .service-process-8 .arrows{
    padding: 0 20px;
}
.service-detail-box .material-requested{
    display: flex;
    padding: 0 40px;
    margin-bottom: 80px;
    justify-content: center;
}
.service-detail-box .material-requested .item-box{
    flex: 1;
    padding: 0 30px;
}
.service-detail-box .material-requested .item .img{
    width: 441px;
}
.service-detail-box .material-requested .item-box .item{
    background: rgba(238,238,238,1);
    display: flex;
    padding:20px;
}
.service-detail-box .material-requested .item-box .item .nr{
    text-align: left;
    padding-left:20px;
}
.service-detail-box .material-requested .item-box .item .nr .name{
    font-size: 32px;
    font-weight: 400;
    color: #333333;
    line-height: 45px;
    padding-bottom: 10px;
}
.service-detail-box .material-requested .item-box .item .nr .li{
    display: flex;
}
.service-detail-box .material-requested .item-box .item .nr .li .symbol {
    content: "";
    width: 5px;
    height: 5px;
    display: inline-block;
    border-radius: 45px;
    background: #FF910E;
    margin-right: 8px;
    margin-bottom: 3px;
    position: relative;
    top:8px;
}
.service-detail-box .material-requested .item-box .item .nr .li .name{
    font-size: 12px;
    font-weight: 400;
    color: #999999;
    line-height: 20px;
    flex: 1;
}