@charset "gb2312";
/*
   Animation example, for spinners
*/
.animate-spin {
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    display: inline-block;
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-o-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-ms-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.btn-new-radius {
    border-radius: 30px;
}

/*首页改版*/


.index-banner.new-index {
    background: url(/pyfile/images/index-banner.jpg) no-repeat center top;
    height: 687px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/*搜索框*/
.tab li {
    cursor: pointer;
}

.tab span {
    position: absolute;
    right: 0;
    top: 10px;
    background: #ddd;
    width: 1px;
    height: 14px;
    overflow: hidden;
}

.index-btn-lg {
    padding: 9px 16px;
    font-size: 16px;
    line-height: 1.3333333;
    border-radius: 33px;
    border: 1px solid #f06100;
}

.form-control.index-input-new-lg {
    height: 41px;
    font-size: 15px;
    line-height: 1.3333333;
    border-radius: 6px;
    border-radius: 33px;
}

.index-co-btn-box {
    float: right;
    height: 55px;
    padding: 0px 20px;
}

.index-btn-right {
    width: 198px;
    height: 41px;
    font-size: 16px;
    background-color: #4285f4;
    border-radius: 30px;
    color: #fff !important;
    padding: 8px 20px;
}

.products .main {
    float: left;
    display: none;
}

.products .main.selected {
    display: block;
}

.tab li.active {
    color: #ff6600;
}

.tab li.active:after {
    position: absolute;
    content: '';
    border: solid 4px;
    border-color: transparent transparent #ff7200 transparent;
    margin-top: 20px;
    margin-left: -35px;
}

.index-newsearch {
    width: 890px;
    height: 130px;
    background-color: rgb(0, 0, 0, 0.2);
    filter: alpha(opacity=20);
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid #000bb9;
    border-radius: 8px;
    margin: 0px auto;
}

.index-choose {
    text-align: left;
    font-size: 14px;
    font-weight: 0;
    color: #fff;
    margin-left: 24px;
    margin-top: 8px;
}

.index-choose ul {
    height: 20px;
    margin-bottom: 10px;
}

.index-choose ul li {
    list-style: none;
    float: left;
    padding: 0px 10px;

}

.index-choose ul li:hover {
    color: #ff6600;
}

/*左侧导航*/
.index-hide {
    display: none
}

.ipr-new-left-nav {
    position: fixed;
    top: 50%;
    border-radius: 10px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50px;
    background: #fff;
    box-shadow: 0 0 4px #ccc;
    z-index: 99
}

.ipr-new-left-nav .left-nav-wrap {
    width: 50px;
    overflow: hidden
}

.ipr-new-left-nav ul {
    position: relative;
    padding: 8px 0
}

.ipr-new-left-nav ul:after, .ipr-new-left-nav ul:before {
    content: '';
    position: absolute;
    left: 19px;
    width: 12px;
    height: 2px;
    background: #f3f3f3
}

.ipr-new-left-nav ul:before {
    top: 3px
}

.ipr-new-left-nav ul:after {
    bottom: 3px
}

.ipr-new-left-nav .left-nav-item {
    float: left;
    width: 50px;
    text-align: center;
    background: #fff
}

.ipr-new-left-nav .left-nav-item a {
    display: inline-block;
    width: 40px;
    font-size: 12px;
    padding: 7px 5px;
    border-bottom: 1px dashed #f4f4f4;
    line-height: 1.5;
    text-align: center;
    color: #b3b3b3
}

.ipr-new-left-nav .left-nav-item:first-child a {
    border-top: 1px dashed #f4f4f4
}

.ipr-new-left-nav .left-nav-item.active {
    background: #4285f4;
}

.ipr-new-left-nav .left-nav-item.active a {
    color: #fff
}

@media screen and (min-width: 1900px) {
    .ipr-new-left-nav {
        left: 7.5%
    }
}

@media screen and (min-width: 1800px) and (max-width: 1899px) {
    .ipr-new-left-nav {
        left: 7.5%
    }
}

@media screen and (min-width: 1700px) and (max-width: 1799px) {
    .ipr-new-left-nav {
        left: 7.5%
    }
}

@media screen and (min-width: 1600px) and (max-width: 1699px) {
    .ipr-new-left-nav {
        left: 1.5%
    }
}

@media screen and (min-width: 1500px) and (max-width: 1599px) {
    .ipr-new-left-nav {
        left: 1.5%
    }
}

@media screen and (min-width: 1500px) and (max-width: 1599px) {
    .ipr-new-left-nav {
        left: 1.5%
    }
}

@media screen and (min-width: 1400px) and (max-width: 1499px) {
    .ipr-new-left-nav {
        left: 1.5%
    }
}

@media screen and (min-width: 1300px) and (max-width: 1399px) {
    .ipr-new-left-nav {
        left: 0
    }
}

/*内容开始*/
.index-content {
    width: 1200px;
    background-color: #fff;
    padding: 20px;
    border-radius: 15px;
    margin-top: -250px;
    box-shadow: 1px 4px 10px #e0e4ff;
}

/*焦点幻灯*/
#focus {
    width: 575px;
    height: 344px;
    overflow: hidden;
    position: relative;
    float: left;
}

#focus a {
    position: relative;
    zoom: 1;
}

#focus p {
    position: absolute;
    height: 38px;
    line-height: 38px;
    padding-left: 15px;
    bottom: 0;
    _bottom: -2px;
    left: 0;
    color: #fff;
    font-size: 13px;
}

#focus p span {
    float: left;
    margin-top: 9px;
}

#focus a:hover .text {
    text-decoration: underline;
    cursor: pointer
}

#focus s {
    position: absolute;
    height: 38px;
    line-height: 38px;
    width: 100%;
    bottom: 0;
    _bottom: -2px;
    left: 0;
    filter: Alpha(Opacity=70);
    Opacity: 0.7;
    background: #000;
    cursor: pointer
}

#ctr {
    position: absolute;
    bottom: 12px;
    _bottom: 10px;
    right: 17px;
    z-index: 2;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px
}

#ctr span {
    background: url(/pyfile/images/doc.png) no-repeat;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pyfile/images/doc.png', sizingMethod='crop');
    text-align: center;
    width: 12px;
    height: 11px;
    float: left;
    margin-right: 7px;
    cursor: pointer
}

#ctr span.current {
    background: url(/pyfile/images/doc_hover.png) no-repeat;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pyfile/images/doc_hover.png?20121224', sizingMethod='crop');
}

/*幻灯结束*/
.index-img {
    float: right;
    width: 585px;
    height: 342px;
}

.index-img-h {
    display: block;
}

.index-img-h:hover {
    transition: all .4s;
    transform: translateY(-4px);
    -ms-transform: translateY(-4px);
}

.index-img img {
    padding-left: 5px;
    padding-right: 5px;
}

.index-img1 {
    width: 285px;
    height: 115px;
    padding: 20px;
    border: 1px solid #f6fafc;
    box-shadow: 0 0 10px #f8fbfd;
    margin: 0px 3px;
}

.index-img-font1 {
    margin-top: 13px;
    margin-bottom: 4px;
    margin-left: 72px;
    font-size: 17px;
    color: #444444;
}

.index-img-font2 {
    margin-left: 72px;
    color: #999999;
}

.index-bline {
    background: url(/pyfile/images/index-bline.png) no-repeat center;
    height: 12px;
}

.new-index-title {
    border-left: 3px solid #4685ec;
    position: relative;
}

.index-new-title-in {
    font-size: 24px;
    font-weight: bold;
    display: inline-block;
    margin: auto;
    z-index: 2;
    padding: 0 10px;
    position: relative;
    background-color: #f5f8ff;
}

.index-new-title-in span {
    font-size: 16px;
    color: #999;
}

.index-tm-top-left {
    background: -webkit-linear-gradient(left, #699df6, #aecafa);
    background: -o-linear-gradient(right, #699df6, #aecafa);
    background: -moz-linear-gradient(right, #699df6, #aecafa);
    background: linear-gradient(to right, #699df6, #aecafa);
    color: #fff;
}

.index-box-top {
    width: 792px;
    font-size: 18px;
    letter-spacing: 3px;
    padding: 10px;
}

.text-color {
    color: #fff !important;
}

.panel-tm:hover {
    -webkit-box-shadow: 0 0 10px #aecafa;
    box-shadow: 0 0 10px #aecafa;
}

.index-tmcountry {
    width: 792px;
    height: 465px;
    background-color: #fdfdfe;
    padding: 15px;
    box-shadow: 0 0 10px #ddd;
}

.index-tmcountry-details {
    width: 190px;
    height: 210px;
    padding: 10px;
    float: left;
    margin-bottom: 15px;
}

.index-tmcountry-i {
    width: 103px;
    height: 103px;
    margin: 0px auto;
}

.index-tmcountry-title {
    font-size: 18px;
    color: #333333;
    font-weight: bold;
}

.index-tm-bottom {
    height: 145px;
    margin-top: 13px;
}

.index-box-top-right {
    width: 354px;
}

.index-tm-right-title {
    background-color: #e5efff;
    color: #333333;
    font-size: 18px;
    text-align: center;
    padding: 10px;
}

.index-tm-rightbox {
    width: 354px;
    height: 623px;
    background-color: #ffffff;
}

.index-tm-inp {
    width: 244px;
    margin: 5px 55px;
    padding: 6px 27px;
    border: 1px solid #fbc016;
    border-radius: 30px;
    font-size: 12px;
    outline: none;
}

.index-tm-icon {
    position: relative;
    display: table;
    border-collapse: separate;
}

.search-tm-pc {
    position: absolute;
    top: 12px;
    left: 61px;
    color: #ccc;
    z-index: 11;
    font-size: 14px;
}

.index-tm-btn-box {
    padding: 10px 90px 20px;
}

.index-tm-btn {
    width: 174px;
    background-color: #fbbc05;
    border-radius: 30px;
    color: #fff !important;
}

.index-tm-btn:hover {
    background-color: #fc9d2c;
}

.index-tm-right-question {
    background-color: #f5f8ff;
    width: 344px;
    height: 365px;
    margin: 5px;
    padding: 5px;
}

.index-tm-font1 {
    font-size: 16px;
    color: #333333;
    padding: 0px 10px;
    border-left: 3px solid #2c63f0;
}

.index-tm-font2 {
    height: 30px;
}

.index-tm-font2 a {
    width: 166px;
    padding: 5px 0px;
}

.index-tm-tool {
    width: 104px;
}

.index-tm-tool:hover {
    transition: all .4s;
    transform: translateY(-4px);
    -ms-transform: translateY(-4px);
}

.index-tm-font3 {
    font-size: 13px;
    color: #333333;
}

.img-tm-responsive1 {
    margin: 0px auto;
    padding: 20px 26px;
    display: block;
    max-width: 100%;
}

/*公司*/
.new-index-cotitle {
    border-left: 3px solid #faa904;
    position: relative;
}

.index-co-top-left {
    background: -webkit-linear-gradient(left, #faa804, #fcd006);
    background: -o-linear-gradient(right, #faa804, #fcd006);
    background: -moz-linear-gradient(right, #faa804, #fcd006);
    background: linear-gradient(to right, #faa804, #fcd006);
    color: #fff;
}

.illustrate-co-left {
    box-shadow: 0 0 15px #faa804 inset;
    font-size: 14px;
    padding: 5px 15px;
    border-radius: 15px;
    display: inline-block;
}

.index-cocountry-i {
    width: 168px;
    height: 133px;
    margin: 0px auto;
}

.index-cocountry-details {
    width: 190px;
    height: 240px;
    padding: 10px;
    float: left;
}

.index-cocountry {
    width: 792px;
    height: 510px;
    background-color: #fdfdfe;
    padding: 15px;
    box-shadow: 0 0 10px #ddd;
}

.index-co-rightbox {
    width: 354px;
    height: 510px;
    background-color: #ffffff;
}

.index-co-right-title {
    background-color: #fff4d0;
    color: #333333;
    font-size: 18px;
    text-align: center;
    padding: 10px;
}

.img-co-responsive {
    width: 100px;
    height: 140px;
    margin: 0px auto;
    padding: 20px 0px;
    display: block;
    max-width: 100%;
}

.index-co-btn-box {
    float: left;
    height: 55px;
    padding: 0px 20px;
}

.index-co-btn-left {
    width: 136px;
    height: 34px;
    background-color: #fbbc05;
    border-radius: 30px;
    color: #fff !important;
}

.index-co-btn-left:hover {
    background-color: #fc9d2c;
}

.index-co-btn-right {
    width: 136px;
    height: 34px;
    background-color: #4285f4;
    border-radius: 30px;
    color: #fff !important;
}

.index-co-btn-right:hover {
    background-color: #376bc2;
}

.index-co-right-question {
    background-color: #f5f8ff;
    width: 345px;
    height: 204px;
    margin: 5px;
    padding: 20px 4px;
    margin-top: 80px;
}

.index-co-bottom {
    display: block;
    background-color: #fff;
    width: 381px;
    height: 145px;
    border: 1px solid #e7e9f0;
    box-shadow: 0 0 10px #ddd;
}

.index-co-font1 {
    font-size: 22px;
    font-weight: 500;
    padding: 38px 20px;
    color: #000;
}

.index-co-font1:hover {
    font-size: 22px;
    font-weight: 500;
    padding: 38px 20px;
}

.index-co-font2 {
    font-size: 14px;
    color: #999999;
    font-weight: normal;
}

.img-co-responsive1 {
    margin: 0px auto;
    padding: 35px 26px;
    display: block;
    max-width: 100%;
}

/*专利*/
.new-index-patitle {
    border-left: 3px solid #298bce;
    position: relative;
}

.index-pa-top-left {
    background: -webkit-linear-gradient(left, #298bce, #4bc0e4);
    background: -o-linear-gradient(right, #298bce, #4bc0e4);
    background: -moz-linear-gradient(right, #298bce, #4bc0e4);
    background: linear-gradient(to right, #298bce, #4bc0e4);
    color: #fff;
}

.illustrate-pa-left {
    box-shadow: 0 0 15px #298bce inset;
    font-size: 14px;
    padding: 5px 15px;
    border-radius: 15px;
    display: inline-block;
}

.panel-pa:hover {
    -webkit-box-shadow: 0 0 10px #4bc0e4;
    box-shadow: 0 0 10px #4bc0e4;
}

.index-pa-right-title {
    background-color: #def8ff;
    color: #333333;
    font-size: 18px;
    text-align: center;
    padding: 10px;
}

.index-pacountry-i {
    width: 142px;
    height: 84px;
    margin: 10px auto;
    margin-top: 20px;
}

.img-pa-responsive1 {
    margin: 0px auto;
    padding: 20px 13px;
    display: block;
    max-width: 100%;
}

/*案件*/
.index-cacountry {
    width: 792px;
    height: 488px;
    background-color: #fdfdfe;
    padding: 15px;
    box-shadow: 0 0 10px #ddd;
}

.new-index-catitle {
    border-left: 3px solid #f77133;
    position: relative;
}

.index-ca-top-left {
    background: -webkit-linear-gradient(left, #f77133, #fbb25d);
    background: -o-linear-gradient(right, #f77133, #fbb25d);
    background: -moz-linear-gradient(right, #f77133, #fbb25d);
    background: linear-gradient(to right, #f77133, #fbb25d);
    color: #fff;
}

.illustrate-ca-left {
    box-shadow: 0 0 15px #f77133 inset;
    font-size: 14px;
    padding: 5px 15px;
    border-radius: 15px;
    display: inline-block;
}

.index-cacountry-i {
    width: 134px;
    height: 108px;
    margin: 0px auto;
}

.index-ca-right-title {
    background-color: #ffe4c7;
    color: #333333;
    font-size: 18px;
    text-align: center;
    padding: 10px;
}

.index-ca-rightbox {
    width: 354px;
    height: 488px;
    background-color: #ffffff;
}

.index-ca-right-question {
    background-color: #f5f8ff;
    width: 344px;
    height: 186px;
    margin: 5px;
    padding: 6px;
}

.index-xjp {
    height: 144px;
}

/*资讯问答*/
.new-index-infortitle {
    border-left: 3px solid #f77133;
    position: relative;
}

.index-infor-box {
    width: 373px;
    margin: 0px 6px;
    border: 1px solid #bcd1ff;
    border-radius: 8px;
}

.index-infor-bd {
    width: 371px;
    border-top: none;
    color: #666;
    border-radius: 0 0 5px 5px;
    background-size: 30%;
    background-color: #fff;
    margin-bottom: 2px;
}

.index-infor-left-top {
    width: 375px;
    height: 50px;
    font-size: 16px;
    color: #333333;
    padding: 13px 15px;
    font-weight: bold;
}

.index-infor-more {
    background-color: #7ea5f2;
    font-size: 13px;
    padding: 2px 15px;
    border-radius: 15px;
    display: inline-block;
    color: #fff !important;
}

.index-infor-more:hover {
    color: #fff;
}

.index-infor-font1 {
    width: 210px;
    height: 39px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 0px;
    color: #999999;
}

.index-infor-top {
    width: 341px;
    height: 100px;
    border-bottom: 1px dashed #cccccc;
    margin-bottom: 15px;
}

.index-infor-i {
    width: 105px;
    height: 61px;
    margin-top: 9px;
}

.indix-infor-details {
    width: 576px;
}

.index-infor-font2 {
    padding-right: 27px;
    color: #b8b8b8;
    padding-top: 5px;
}

.index-infor-font3 {
    color: #6699f5 !important;
    text-decoration: underline;
    padding-top: 5px;
}

.index-infor-font3:hover {
    color: #6699f5;
    text-decoration: underline;
}

.index-infor-font4 {
    width: 210px;
    height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 0px;
}

.ab-l1 li a.article:hover {
    color: #7ea5f2 !important;
}

/*知识体系问答*/
.index-knowledge {
    width: 1155px;
    height: 234px;
    background-color: #fff;
    border: 1px solid #e7e9f0;
    -webkit-box-shadow: 0 0 10px #e7e9f0;
    box-shadow: 0 0 10px #e7e9f0;
    padding: 15px;
}

.index-book-box {
    width: 765px;
    height: 197px;
}

.index-book-box a img:hover {
    transition: all .4s;
    transform: translateY(-4px);
    -ms-transform: translateY(-4px);
}

.index-book {
    color: #3c79f3;
    z-index: 11;
    font-size: 26px;
    position: absolute;
    top: 11px;
}

.index-book-font1 {
    font-size: 22px;
    padding: 0px 24px;
    font-weight: bold;
}

.index-answer-box {
    width: 348px;
    height: 197px;
}

.index-answer {
    color: #3c79f3;
    z-index: 11;
    font-size: 26px;
    position: absolute;
    top: 11px;
    left: 780px;
}

.index-answer-font1 {
    font-size: 22px;
    padding: 0px 24px;
    font-weight: bold;
}

.index-answer-speak {
    width: 349px;
    background: url(/pyfile/images/index-answer-bg.png) no-repeat;
    height: 125px;
    padding: 30px 15px;
}

.index-answer-cont {
    width: 276px;
    height: 63px;
    border: 1px solid #dae6f0;
    background-color: #fff;
}

.index-question {
    position: absolute;
    top: 104px;
    right: 25px;
}

.index-answer-font2 {
    padding: 6px;
    margin: 0px;
    color: #666666;
}

.index-answer-font3 {
    padding: 0px 6px;
    margin: 0px;
    color: #666666;
}

/* 成功案例*/
.success-example {
    height: 688px;
    background: url(/pyfile/images/index-question-bg.jpg) no-repeat center bottom #d8e7ff;
}

.index-example-font1 {
    display: block;
    font-size: 22px;
    color: #333333;
    padding: 19px 40px 20px 20px;
}

#Tab1 {
    padding: 20px 0px;
}

.Menubox {
    width: 100%;
    height: 28px;
    line-height: 28px;
}

.Menubox ul {
    margin: 0px;
    padding: 0px;
}

.Menubox li {
    float: left;
    display: block;
    cursor: pointer;
    background-color: #f5f8ff;
    width: 114px;
    text-align: center;
    color: #333333;
    border-radius: 8px;
    margin: 0px 10px;
}

.Menubox li.hover {
    padding: 0px;
    background: #fbbc05;
    width: 116px;
    color: #fff;
    height: 27px;
    line-height: 27px;
    border-radius: 8px;
}

.Contentbox {
    clear: both;
    margin-top: 40px;
    height: 403px;
    text-align: center;
    padding-top: 8px;
}

.index-certificate {
    width: 250px;
    height: 308px;
}

.index-certificate-box {
    width: 279px;
    height: 364px;
    border: 1px solid #dddddd;
    background-color: #f5f8ff;
    margin: 0px 3px;
}

.index-certificate-cont {
    width: 277px;
    height: 358px;
    background-color: #fff;
    border-bottom: 1px solid #dddddd;
    padding: 10px 0px;
    box-shadow: 0px 1px 10px #dddddd;
}

.index-certificate-font1 {
    margin-top: 5px;
    color: #999999;
}

.index-certificate-font2 {
    font-size: 18px;
}

.index-success-btn-box {
    width: 397px;
    margin: 0px 371px;
}

.index-success-btn {
    display: block;
    width: 397px;
    height: 52px;
    background-color: #4285f4;
    text-align: center;
    font-size: 22px;
    color: #fff !important;
    padding: 10px 0px;
    border-radius: 33px;
}

.index-success-btn:hover {
    color: #fff;
}

/*新商标综合页*/
.index-banner h1.tm-int-title {
    background: url(/pyfile/images/tm-title.png) no-repeat left top;
    width: 505px;
    height: 77px;
    display: inline-block;
    overflow: hidden;
    font-size: 70px;
    margin: 0 auto;
    letter-spacing: 5px;
    text-indent: -9999px;
}

.index-banner h3.text-tm-yellow {
    color: #fffc00;
}

.int-tm-title3 {
    color: #fff;
}

.int-tm-title3::before {
    content: "";
    display: inline-block;
    background: url(/pyfile/images/tm-int-new-icon.png) no-repeat;
    width: 151px;
    height: 26px;
    margin-right: 5px;
}

.int-tm-title3::after {
    content: "";
    display: inline-block;
    background: url(/pyfile/images/tm-int-new-icon.png) no-repeat 0 -36px;
    width: 151px;
    height: 26px;
    margin-left: 5px;
}

.tm-int-new-warpper {
    position: relative;
    height: 46px;
    width: 682px;
    border-radius: 33px;
    box-shadow: 4px 4px 10px #6f81eb;
    margin-top: 10px;
}

.newtm-inde-lines {
    height: 2px;
    border-bottom: 2px dotted #ccc;
    position: absolute;
    left: 0;
    top: 15px;
    width: 86%;
}

.newtm-more-font {
    display: block;
    margin-top: 6px;
    font-size: 14px;
    color: #333333;
}

.newtm-more-font a:hover {
    color: #ff6600;
}

.newtm-country {
    width: 245px;
    height: 139px;
    background: url(/pyfile/images/newtm-countrybg.png) no-repeat;
}

.form-control.input-new-lg {
    height: 46px;
    font-size: 15px;
    line-height: 1.3333333;
    border-radius: 6px;
    border-radius: 33px;
}

.btn-lg.btn-new-group {
    border-radius: 33px;
}

.tm-int-country-box {
    background-color: #fff;
    padding: 20px;
    margin-top: -245px;
    box-shadow: 0 0 10px #e5ecff;
}

.new-bac-color {
    background-color: #f5f8ff;
}

.tm-int-new-title-in {
    font-size: 24px;
    font-weight: bold;
    display: inline-block;
    margin: auto;
    z-index: 2;
    padding: 0 10px;
    position: relative;
    background-color: #fff;
}

.tm-int-new-title-in.blue {
    background-color: #f5f8ff;
}

.tm-int-new-title-in span {
    font-size: 16px;
    color: #999;
}

.country-box-list {
    list-style: none;
    padding: 0;
}

.country-box-list li {
    float: left;
    width: 247px;
    margin: 10px 13px;
}

.tm-intcountry-box {
    width: 100%;
    border: 1px solid #e3ebff;
    border-radius: 14px;
    position: relative;
}

.newtm-i {
    background-color: #e7eeff;
    box-shadow: 0 0 10px #bfd2ff;
    border-radius: 57px;
    padding: 4px;
}

.newtm-intcountry {
    padding: 13px;
}

.tm-c-detail {
    background-color: #fff;
}

.tm-c-detail-inbox {
    height: 99px;
    font-size: 14px;
    color: #5b6c94;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #fff;
    padding: 0px 10px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    width: 100%;
    margin-bottom: 0;
}

.tm-c-detail:hover .tm-c-detail-inbox {
    height: 99px;
    background-color: rgb(255, 255, 255, 0.8);
}

.newtm-font1 {
    font-size: 24px;
    font-weight: bold;
    color: #08225e;
    margin: 10px;
}

.tm-c-btn-box {
    padding: 0px 10px 0px;
    margin-bottom: 20px;
}

.tm-c-btn {
    width: 75%;
    background-color: #ff6600;
    border: 1px solid #ff6600;
    border-radius: 30px;
    color: #fff !important;
    margin: 0px auto;
}

.tm-c-btn:hover {
    background-color: #cc5200;
    border: 1px solid #b34800;
}

.tm-cou-title {
    position: absolute;
    left: 0;
    top: 10px;
    height: 40px;
    padding: 10px;
    color: #fff;
    border-radius: 0 25px 25px 0;
    filter: alpha(opacity=50);
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 3px;
}

.btn.btn-new-radius {
    border-radius: 30px;
}

.tm-intc-box {
    width: 49%;
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0 0 10px #ccc;
}

.tm-intc-box-top {
    font-size: 24px;
    letter-spacing: 3px;
    padding: 15px 10px;
}

.tm-intc-box-top-left {
    background: -webkit-linear-gradient(
            left,
            #4368ee,
            #7badf6
    ); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(
            right,
            #4368ee,
            #7badf6
    ); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(
            right,
            #4368ee,
            #7badf6
    ); /* Firefox 3.6 - 15 */
    background: linear-gradient(
            to right,
            #4368ee,
            #7badf6
    ); /* 标准的语法（必须放在最后） */
    color: #fff;
}

.illustrate-left {
    box-shadow: 0 0 15px #2c63f0 inset;
    font-size: 14px;
    padding: 5px 15px;
    border-radius: 15px;
    display: inline-block;
}

.tm-intc-box-top-right {
    background: -webkit-linear-gradient(
            left,
            #ff7c00,
            #ffb700
    ); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(
            right,
            #ff7c00,
            #ffb700
    ); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(
            right,
            #ff7c00,
            #ffb700
    ); /* Firefox 3.6 - 15 */
    background: linear-gradient(
            to right,
            #ff7c00,
            #ffb700
    ); /* 标准的语法（必须放在最后） */
    color: #fff;
}

.illustrate-right {
    box-shadow: 0 0 15px #ff4400 inset;
    font-size: 14px;
    padding: 5px 15px;
    border-radius: 15px;
    display: inline-block;
    margin-top: 3px;
}

.tm-intc-box-body {
    padding: 10px;
    height: 438px;
}

.tm-intc-box-b-left {
    width: 200px;
    height: 286px;
    float: left;
    overflow: hidden;
    display: inline-block;
}

.tm-intc-box-b-right {
    float: right;
    width: 325px;
}

.union-anther {
    padding: 0;
    list-style: none;
}

.union-anther li {
    width: 49%;
    float: left;
    margin-bottom: 10px;
    text-align: center;
}

.union-anther li:nth-child(2n) {
    float: right;
}

.union-anther li a {
    border: 1px solid #ddd;
    display: block;
    cursor: pointer;
    padding-top: 16px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.union-anther li a img {
    width: 70%;
}

.union-anther li a p {
    padding: 10px 0;
    background-color: #f1f6ff;
    margin-top: 15px;
    margin-bottom: 0;
}

.union-anther li a:hover {
    border-color: #f90;
    text-decoration: none;
}

.tm-intc-box-under {
    margin-top: 15px;
    position: relative;
    text-align: center;
}

.tm-intc-box-under h5 {
    position: relative;
    font-size: 16px;
    text-align: center;
    color: #666;
    display: inline-block;
    background-color: #fff;
    margin: auto;
    padding: 5px 10px;
    z-index: 1;
}

.tm-intc-box-eu {
    text-align: left;
    color: #999;
    text-indent: 2em;
    font-size: 14px;
    height: 60px;
}

.tm-trade-change {
    display: inline-block;
    padding: 3px 10px;
    margin: auto 5px;
    border: 1px solid #fff;
    cursor: pointer;
}

.tm-trade-change:hover,
.tm-trade-change.active {
    color: #f60;
    border-color: #f60;
    border-radius: 20px;
    text-decoration: none;
}

.tm-trade-change-list {
    padding: 0;
    list-style: none;
}

.tm-trade-change-list li {
    float: left;
    width: 165px;
    height: 125px;
    margin: 0 10px 10px;
}

.tm-trade-change-list li:first-child {
    margin-left: 0;
}

.tm-trade-change-list li:nth-child(3n) {
    margin-right: 0;
}

.tm-trade-change-list li:nth-child(4n) {
    margin-left: 0;
}

.tm-trade-change-list li img {
    width: 100%;
}

.tm-trade-change-list li a {
    display: block;
    cursor: pointer;
}

.tm-trade-change-list li a div {
    height: 80px;
    width: 165px;
    overflow: hidden;
}

.tm-trade-change-list li a p {
    margin-top: 5px;
    font-size: 14px;
    color: #999;
}

.tm-trade-change-list li a:hover {
    text-decoration: none;
}

.tm-trade-change-list::after {
    content: "";
    display: block;
    clear: both;
}

.tm-int-3c-top {
    padding: 0;
    list-style: none;
}

.tm-int-3c-top li {
    float: left;
    width: 165px;
    text-align: center;
    margin: 5px 10px 10px;
}

.tm-int-3c-top li:nth-child(1) {
    margin-left: 0;
}

.tm-int-3c-top li:nth-child(3n) {
    margin-right: 0;
}

.tm-int-3c-top li:nth-child(4) {
    margin-left: 0;
}

.tm-int-3c-top li a {
    display: block;
    padding: 3px 0;
    background-color: #fff9d5;
    color: #999;
    font-size: 12px;
    cursor: pointer;
}

.pkg-icon,
.pkg-icon.pkg-icon2,
.pkg-icon.pkg-icon3 {
    margin-top: 0px;
}

/*新版专利综合页*/
.index-banner h1.zl-int-title {
    font-size: 80px;
}

.index-banner.patent {
    background: url(/pyfile/images/banner-zl1.jpg) no-repeat center bottom !important;
    height: 622px;
    background-size: cover;
}

.zl-newsearch {
    width: 1075px;
    height: 180px;
    margin: 0px auto;
    background-color: rgb(0, 0, 0, 0.5);
    filter: alpha(opacity=50);
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid #525252;
    border-radius: 8px;
}

.zl-chooseCity {
    text-align: left;
    font-size: 16px;
    font-weight: 0;
    color: #fff;
    margin-left: 24px;
    margin-top: 24px;
}

.zl-chooseCity label {
    padding-left: 15px;
}

.zl-chooseCity label input {
    padding-left: 5px;
}

.zl-int-new-warpper {
    position: relative;
    padding: 10px;
    height: 66px;
    width: 1042px;
    margin: auto;
    border-radius: 33px;
}

.zl-int-new-warpper input.zl-search {
    width: 491px;
}

.zl-int-new-warpper input.zl-search-mid {
    width: 345px;
    height: 46px;
    font-size: 18px;
    padding-left: 10px;
}

.zl-intcountry-box {
    width: 257px;
    height: 300px;
    border: 1px solid #ddd;
    border-top: 2px solid #ff6600;
    box-shadow: 0 0 10px #ddd;
    position: relative;
}

.zl-intcountry-box:hover {
    text-decoration: none;
    transform: scale(1.05);
}

.zl-hotCity {
    height: 70px;
    margin: 20px;
}

.zl-city1 {
    font-size: 20px;
    font-weight: bold;
    color: #ff6600;
}

.zl-city2 {
    display: block;
    font-size: 12px;
    padding-top: 10px;
    color: #666666;
}

.zl-img {
    width: 68px;
    height: 68px;
    float: right;
}

.zl-morecity {
    width: 103px;
    height: 99px;
    margin: 20px 55px;
}

.zl-hotCity-font {
    font-size: 18px;
    text-align: center;
    color: #ff9900;
}

.zl-c-detail {
    height: 110px;
    background-color: #fffaf6;
    padding: 20px;
}

.zl-c-font {
    position: relative;
    color: #666666;
    line-height: 1.4;
}

.zl-country-details {
    position: absolute;
    margin-top: -99px;
    left: 0;
    height: 108px;
    background: rgba(0, 0, 0, 0.8);
    color: #ffffff;
    padding: 10px;
    display: none;
}

.zl-c-detail:hover .zl-country-details {
    color: #fff;
    line-height: 1.4;
    text-decoration: none;
    display: block;
}

.hot-country-paris {
    float: left;
    width: 49%;
    height: 235px;
    text-align: center;
    border: 2px solid #ff6600;
    box-shadow: 0 0 10px #ddd;
    text-decoration: none;
}

.hot-country-paris:hover {
    text-decoration: none;
}

.zl-font1 {
    font-size: 18px;
    color: #ff6600;
    text-decoration: none;
}

.zl-font1:hover {
    text-decoration: none;
}

.zl-font2 {
    font-size: 12px;
    color: #999999;
    text-decoration: none;
}

.zl-font2 {
    text-decoration: none;
}

.zl-p-start {
    background: url(/pyfile/images/zl-startbg.png);
    float: left;
    display: block;
    width: 115px;
    height: 106px;
    margin-right: 20px;
}

.zl-p-start:hover {
    text-decoration: none;
    transform: scale(1.05);
}

.zl-p-end {
    background: url(/pyfile/images/zl-endbg.png);
    float: left;
    display: block;
    width: 106px;
    height: 106px;
    margin-left: 20px;
}

.zl-p-end:hover {
    text-decoration: none;
    transform: scale(1.05);
}

.ConDiv {
    width: 995px;
    float: left;
}

.mapDiv {
    width: 213px;
    height: 98px;
    margin-left: 55px;
    margin-top: -15px;
    padding-top: 8px;
    padding-left: 8px;
    color: #ffffff;
    font-size: 12px;
    position: absolute;
    display: none;
    word-break: break-all;
}

.zl-list {
    height: 392px;
}

.zl-list1 {
    width: 527px;
    height: 392px;
    background-color: #fff;
    box-shadow: 0 0 10px #ddd;
    border-radius: 15px;
    padding: 20px;
    float: left;
    margin: 0px 20px;
}

.zl-numbg {
    float: left;
    display: block;
    background: url(/pyfile/images/zl-numbg.png);
    width: 41px;
    height: 41px;
    font-size: 20px;
    color: #2d3852;
    padding: 7px 14px;
    margin: 5px;
    font-weight: bold;
    text-decoration: none;
}

.zl-list1 a:hover {
    text-decoration: none;
}

.zl-list1 li {
    list-style: none;
    width: 400px;
    height: 56px;
    background-color: #f1f7ff;
    border-top: 5px solid #d3e1f6;
    border-radius: 10px;
    margin-left: 65px;
}

.zl-l-font1 {
    float: left;
    line-height: 48px;
    font-size: 14px;
    color: #2d3852;
    padding-left: 20px;
}

.zl-l-btn1 {
    float: right;
    margin: 10px 20px;
    background-color: #6f604e;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 5px 16px;
}

.col-sm-20 {
    width: 20% !important;
}

.zl-list-i {
    width: 61px;
    height: 72px;
}

.zl-border {
    border-top: none;
}

.zl-border h5 {
    font-weight: normal;
    margin: 20px 0px;
}

/*招商页面*/
.jiameng-top-wrap {
    min-height: 777px;
    background: url(/pyfile/images/join-banner.jpg) no-repeat top center #fff;
    position: relative;
    background-position: center -60px;
}

.jiameng-top-wrap-title {
    position: relative;
    padding-top: 65px;
}

.jiameng-top-wrap-title h1 {
    background: url(/pyfile/images/jm-title.png) no-repeat top center;
    width: 1000px;
    height: 99px;
    display: block;
    overflow: hidden;
    font-size: 70px;
    margin: 48px auto;
    letter-spacing: 5px;
    text-indent: -9999px;
    position: relative;
    background-size: contain;
}

.jiameng-top-wrap-title h2 {
    color: #fff;
    text-align: center;
    font-size: 22px;
    margin: 0;
    position: relative;
    text-indent: 20px;
}

.jiameng-top-wrap-title h3 {
    color: #fff;
    text-align: center;
    font-size: 22px;
    margin: 0;
    position: relative;
    text-indent: 40px;
    letter-spacing: 10px;
}

.superiority_content-wrap {
    padding: 5px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #d5d6df;
    box-shadow: 0px 0px 15px #d5d6df;
    margin-top: 50px;
}

.superiority_content-wrap ul {
    width: 960px;
    height: 244px;
    margin: 0 auto;
    list-style: none;
    padding: 0;
}

.superiority_content-wrap ul::before {
    content: '';
    width: 100%;
    height: 144px;
    display: block;
    background: url(/pyfile/images/superiority_content.jpg) no-repeat top center;
    margin-top: 30px;
    background-size: contain;
    margin: 30px auto auto;

}

.superiority_content-wrap ul li {
    display: inline-block;
    text-align: center;
    font-size: 18px;
    color: #494949;
    width: 236px;
}

.superiority_content-wrap ul li p {
    color: #494949;
    font-size: 26px;
}

.btn-jiameng {
    color: #fff !important;
    display: inline-block;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    width: 300px;
    background-color: #ff6700;
    border-color: #f06100;
}

.btn-jiameng:hover,
.btn-jiameng:focus,
.btn-jiameng:active {
    color: #fff;
    background: #e65d00 !important;
    border-color: #cc5200 !important
}

.jiameng-fl h5 {
    font-size: 48px;
    font-weight: bold;
    color: #3b3f44;
    text-align: center;
    padding: 50px 0;
}

.btn-jiameng-line {
    color: #f90 !important;
    display: inline-block;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 2px solid transparent;
    border-radius: 4px;
    width: 300px;
    background-color: #fff;
    border-color: #f90;
}

.btn-jiameng-line:hover,
.btn-jiameng-line:focus,
.btn-jiameng-line:active {
    color: #f60 !important;
    background: #fff !important;
    border-color: #f60 !important
}

.jiameng-fl h5 {
    font-size: 48px;
    font-weight: bold;
    color: #3b3f44;
    text-align: center;
    padding: 50px 0;
}

.jiameng-fl.f1 {
    background: url(/pyfile/images/market-state.jpg) no-repeat bottom center;
}

.jiameng-fl.f2 {
    background: url(/pyfile/images/business-bac.png) no-repeat center center #f1f1f1;
    background-position: 0 140px;
}

.jiameng-fl.f3 {
    background: url(/pyfile/images/jm-adv-bac.jpg);

}

.mark-box-left {
    width: 555px;
    float: left;
}

.mark-box-right {
    width: 555px;
    float: right;
}

.mark-img {
    background: url(/pyfile/images/jm-black1.png) no-repeat;
    margin: auto;
}

.mark-img.right {
    background-position: 0 0;
    height: 282px;
    width: 425px;
}

.mark-img.left {
    background-position: -463px -29px;
    height: 282px;
    width: 425px;
}

.mark-word {
    font-size: 16px;
    line-height: 30px;
    text-indent: 2em;
    color: #676767;
}

.jm-text-light-orange {
    color: #f90;
}

.business-services-wrap {
    background: url(/pyfile/images/jm-black1.png) no-repeat;
    background-position: 0px -336px;
    width: 1140px;
    height: 465px;
}

.business-services {
    width: 1140px;
    height: 280px;
    margin: 0 auto;
    list-style: none;
    padding: 220px 0 0;
}

.business-services li {
    display: inline-block;
    font-size: 22px;
    width: 280px;
    text-align: center;
    text-indent: 1em;
}

.business-services li:last-child {
    text-indent: 0;;
}

.business-service-country-left {
    width: 50%;
    float: left;
}

.business-service-country-right {
    width: 50%;
    float: left;
}

.country-tag {
    display: inline-block;
    padding: 5px 15px;
    border: 1px solid #aaa;
    border-radius: 4px;
    color: #666;
    margin: auto 5px 5px;
}

.jmadv-wrap {
    background: url(/pyfile/images/jmadv.png) no-repeat;
    width: 1140px;
    height: 520px;
}

.jmadv-detail {
    width: 50%;
    float: right;
}

.jmadv-detail::after {
    content: " ";
    display: block;
    clear: both;
}

.jmadv-detail-first, .jmadv-detail-second {
    height: 240px;
}

.jmadv-detail-first h6 {
    color: #fff;
    font-size: 20px;
    text-align: center;
    text-shadow: 0 3px 3px #003158;
}

.jmadv-detail-second h6 {
    color: #fff;
    font-size: 20px;
    text-align: center;
    text-shadow: 0 3px 3px #985b00;
}

.jmadv-detail-first ul {
    margin: 0 auto;
    list-style: none;
    padding-top: 35px;
}

.jmadv-detail-first ul li {
    font-size: 18px;
    color: #135f9a;
    margin-bottom: 18px;
    margin-left: 150px;
}

.jmadv-detail-second ul {
    margin: 0 auto;
    list-style: none;
    padding-top: 35px;
}

.jmadv-detail-second ul li {
    font-size: 18px;
    color: #8a580e;
    margin-bottom: 18px;
    margin-left: 105px;
}

.inta {
    background: url(/pyfile/images/inta.png) no-repeat;
    background-size: cover;
    display: inline-block;
    width: 78px;
    height: 32px;
    margin-left: 5px;
    vertical-align: middle;
}

.jm-example {
    width: 190px;
    height: 120px;
    float: left;
}

.jm-example img {
    border: 1px solid #ddd;
    border-radius: 5px;

}

.join-procedure ul {
    width: 950px;
    margin: 0 auto;
    list-style: none;
    padding: 0;
}

.join-procedure ul::before {
    content: '';
    width: 900px;
    height: 140px;
    display: block;
    background: url(/pyfile/images/join-procedure.jpg) no-repeat top center;
    margin: 20px auto 0;
}

.join-procedure ul li {
    display: inline-block;
    text-align: center;
    font-size: 18px;
    color: #494949;
    width: 186px;
}

.join-procedure ul li:nth-child(4) {
    text-indent: 2em;
}

.join-procedure ul li:last-child {
    text-indent: 2em;
}

.join-us-wrap {
    margin-top: 50px;
}

.join-us-wrap-left {
    width: 740px;
    float: left;
}

.join-us-wrap-right {
    width: 380px;
    float: right;
}

.join-us-wrap .box {
    border: 1px solid #ddd;
    border-top: 2px solid #f90;
    border-radius: 5px;
    box-shadow: 0 0 7px #ccc;
    height: 500px;
}

.join-us-wrap .box h6 {
    padding: 15px 10px;
    text-align: center;
    font-size: 24px;
    color: #4e4e4e;
}

.join-input-wrap {
    padding: 10px;
    width: 500px;
    margin: auto;
}

.join-input {
    width: 500px;
    display: block;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 3px 5px;
    height: 40px;
}

.join-textarea {
    width: 500px;
    max-width: 500px;
    display: block;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 3px 5px;
    height: 100px;
}

.online-answer {
    background-color: #f90;
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding: 3px 0;
}

.online-consult {
    margin: 30px auto;
    list-style: none;
    padding: 0;
    width: 260px;
    height: 224px;
}

.online-consult li {
    color: #4e4e4e;
    margin-bottom: 15px;
}

.online-consult li i {
    height: 5px;
    width: 5px;
    display: inline-block;
    border-radius: 5px;
    background-color: #f90;
    margin-right: 7px;
}

.side_consult {
    position: fixed;
    top: 300px;
    right: 10px;
}

.side_consult_phone {
    background: url(/pyfile/images/consult-icon.png) no-repeat;
    background-size: cover;
    width: 170px;
    height: 62px;
    display: block;
}

.side_consult_online {
    background: url(/pyfile/images/consult-icon.png) no-repeat 0 -66px;
    background-size: cover;
    width: 170px;
    height: 62px;
    display: block;
}

/*alipay*/
.index-banner.alipay {
    background: url(/pyfile/images/alipay-banner.jpg) no-repeat center bottom !important;
    height: 400px;
    background-size: cover;
}

.alipay-font {
    line-height: 27px;
    margin: 0px;
    text-align: center;
    font-weight: bold;
    color: #ff6600;
}

.alipay-font1 {
    display: block;
    margin: 0px auto;
    text-align: center;
    color: #4285f4 !important;
}

.alipay-intcountry-box {
    width: 257px;
    height: 330px;
    border: 1px solid #ddd;
    border-top: 2px solid #ff6600;
    box-shadow: 0 0 10px #ddd;
    position: relative;
}

/*马德里商标页*/
.mt120 {
    margin-top: 120px;
}

.index-banner.madrid-index {
    background: url(/pyfile/images/madrid-bannerbg.png) no-repeat center;
    height: 382px;
    background-size: cover;
    padding: 50px 0 70px 0;
}

.madrid-newsearch {
    margin-top: 175px;
}

.madrid-warpper {
    position: relative;
    padding: 0px;
    height: 66px;
    width: 934px;
    border-radius: 33px;
    margin: 0px auto;
}

.madrid-warpper input.madrid-search {
    width: 400px;
    border: none;
}

.madrid-warpper input.madrid-search-mid {
    width: 391px;
    height: 46px;
    font-size: 18px;
    padding-left: 23px;
    border: none;
}

.madrid-btn {
    padding: 10px 47px;
}

.madrid-type {
    display: block;
    width: 353px;
    height: 56px;
    font-size: 32px;
    color: #333333;
    background: url(/pyfile/images/madrid-titlebg.png) no-repeat;
    background-position-y: bottom;
    margin: 0px auto;
}

.madrid-what {
    width: 1145px;
    height: 310px;
    background: url(/pyfile/images/madrid-what.png) no-repeat;
    margin: 0px auto;
    padding: 0px 50px;
}

.madrid-whatfont {
    width: 580px;
    float: right;
    font-size: 16px;
    color: #666666;
}

.madrid-bg2 {
    background: url(/pyfile/images/madrid-contentbg.jpg) no-repeat center;
    height: 784px;
    background-size: cover;
}

.madrid-register {
    width: 1090px;
    height: 374px;
    margin: 0px auto;
}

.madrid-processleft {
    background: url(/pyfile/images/madrid-processleft.png) no-repeat center;
    width: 569px;
    height: 361px;
}

.madrid-processleft p {
    color: #314c6c;
}

.madrid-conditions {
    width: 230px;
    margin-top: 96px;
    margin-left: 26px;
}

.madrid-data {
    width: 234px;
    margin-top: 60px;
    margin-left: 36px;
}

.madrid-font1 {
    font-size: 16px;
    color: #666666;
}

.madrid-processbg {
    width: 1110px;
    margin: 0px auto;
}

/*新版弹窗*/
.form-horizontal .form-group {
    margin-left: 8.33333333%;
    margin-right: 8.33333333%;
}

.popup-cont {
    display: block;
    float: left;
    padding: 0px 49px;
}

.popup-cont:hover,
.popup-cont:active {
    text-decoration: none;
}

.popup-i {
    float: left;
    padding: 0px 10px;
}

.popup-font {
    padding-top: 71px;
}

/*第二、三步弹窗*/
.tc-bottom {
    padding: 0 20%;
}

.popup-int {
    display: block;
    float: left;
    width: 70%;
    height: 42px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ff6600;
    border-left: none;
    border-radius: 0px 30px 30px 0px;
    outline: none;
}

.popup-sel {
    float: left;
    width: 30%;
    height: 42px;
    padding-left: 12px;
    border: 1px solid #ff6600;
    border-radius: 30px 0px 0px 30px;
    outline: none;
}

.modal-title {
    padding-left: 12px;
}

/*首页改版2.0*/
#Tab_lawyer {
    width: 792px;
    margin: 0px;
    padding: 0px;
}

/*菜单class*/
.Menubox_lawyer {
    width: 100%;
    background: url(/pyfile/images/bg2.gif);
    height: 28px;
    line-height: 28px;
}

.Menubox_lawyer ul {
    margin: 0px;
    padding: 0px;
}

.Menubox_lawyer li {
    float: left;
    display: block;
    cursor: pointer;
    width: 116px;
    text-align: center;
    color: #333333;
    font-size: 14px;
    margin-right: 10px;
}

.Menubox_lawyer li.hover {
    padding: 0px;
    background: #fff;
    width: 116px;
    border: 1px solid #ff6600;
    color: #ff6600;
    height: 27px;
    line-height: 27px;
    margin-right: 10px;
}

.Contentbox_lawyer {
    clear: both;
    margin-top: 15px;
    text-align: center;
    padding-top: 8px;
}

.index-lawyer-box {
    width: 376px;
    /*height: 143px;
    /*border: 1px solid #000000;*/
    margin: 15px 10px 10px;
}

.fda-policy {
    width: 1161px;
    margin: 0px auto;
}

.fda-hot {
    width: 347px;
    height: 353px;
    background-color: #fff;
    border: 1px solid #eeeaff;
    margin: 20px;
}

.fda-hot:hover {
    box-shadow: 0 0 20px #f0efff;
}

.fda-i {
    width: 84px;
    height: 82px;
    margin: 20px auto;
}

.fda-font1 {
    font-size: 26px;
    color: #5166ec;
}

.fda-font2 {
    font-size: 16px;
    color: #444444;
}

.fda-font3 {
    padding: 0px 20px;
    color: #666666;
    font-size: 14px;
}

.fda-font4 {
    font-size: 26px;
    color: #333333;
}

.fda-btn2 {
    width: 50%;
    margin: 0px auto;
    background-color: #4285f4;
    border: none;
    border-radius: 30px;
    color: #fff !important;
}

.fda-btn2:hover {
    background-color: #376bc2;
}

.index-banner.fda-index2 {
    background: url(/pyfile/images/fda-bannerbg2.jpg) no-repeat center;
    height: 423px;
    background-size: cover;
}


/*新首页*/
.index-banner.new-index1 {
    background: url(/pyfile/images/n-seo-index-black.jpg) no-repeat center top;
    height: 617px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 30px;
}

.index-content-new {
    width: 1200px;
    background-color: #fff;
    padding: 20px;
    border-radius: 4px;
    margin-top: 30px;
    box-shadow: 1px 4px 17px rgba(228, 231, 255, 0.5);
    -moz-box-shadow: 1px 4px 17px rgba(228, 231, 255, 0.5);
    -webkit-box-shadow: 1px 4px 17px rgba(228, 231, 255, 0.5);
    position: relative;
    z-index: 2;
}

.banner-ad {
    width: 1200px;
    height: 80px;
    border-radius: 4px 4px 0 0;
    margin: -20px -20px 10px -20px;
    overflow: hidden;
}

.n-seo-classify {
    width: 386px;
    float: left;
    padding: 10px 0;
}

.n-seo-classify.middle {
    border-left: 1px dashed #9e9fb8;
    border-right: 1px dashed #9e9fb8;
}

.classify-title {
    position: relative;
    margin-top: 20px;
    text-align: center;
}

.classify-title h3 {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    z-index: 2;
    position: relative;
}

.classify-title p {
    margin-top: -40px;
    font-size: 14px;
    color: #dfe1f0;
    text-transform: uppercase
}

.classify-body {

}

.classify-body a {
    position: relative;
    display: inline-block;
    padding: 3px 3px;
    margin: 5px;
    color: #666;
    width: 115px;
}

.classify-body a.tags {

}

.classify-body a.tags:before {
    content: " ";
    background: url(/pyfile/images/tag-hot.png) no-repeat;
    display: block;;
    width: 31px;
    height: 17px;
    position: absolute;
    right: 14px;
    top: -12px;
}

.superiority-box {
    width: 1200px;
    background-color: #fbfdff;
    border-radius: 0 0 4px 4px;
    margin-top: -4px;
    box-shadow: 1px 4px 10px #e0e4ff;
    border: 1px solid #d9e2f1;
}

.n-seo-services {
    padding: 20px 0;
    background-color: #f5f8fc;
    border-bottom: 1px solid #eeeaff;
}

.n-seo-services h5 {
    font-size: 22px;
    font-weight: normal;
    color: #4285f4;
}

.n-seo-services p {
    color: #444;
    font-size: 16px;
}

.lawyer-box-in {
    padding: 10px 17px 20px;
    position: relative;
    border: 1px solid #d9e2f1;
    background-color: #fff;
    height: 135px;
    margin: 15px auto;
}

.lawyer-box-in-left {
    width: 120px;
    float: left;
    position: relative;
    text-align: center;
}

.lawyer-img {
    width: 100px;
    border-radius: 50px;
    box-shadow: 1px 5px 5px rgba(188, 196, 255, 0.8);
    -moz-box-shadow: 1px 5px 5px rgba(188, 196, 255, 0.8);
    -webkit-box-shadow: 1px 5px 5px rgba(188, 196, 255, 0.8);
    position: absolute;
    margin-top: -40px;
    overflow: hidden;
    border: 1px solid #e4e7ff;
}

.lawyer-box-in-left p {
    text-transform: uppercase;
    color: #666666;
    font-size: 18px;
    margin-top: 15px;
}

.lawyer-box-in-right {
    width: 210px;
    float: right;
    text-align: left;
}

.input-slogan {
    list-style: none;
}

.input-slogan li {
    padding-left: 30px;
    background: url(/pyfile/images/hook.png) no-repeat left top;
    margin-bottom: 10px;
    color: #999;
}

.index-tm-inp-new {
    width: 290px;
    margin: 5px 23px;
    padding: 6px 27px;
    border: none;
    border-radius: 0;
    font-size: 12px;
    outline: none;
    background-color: #f5f8ff;
}

.search-tm-pc-new {
    position: absolute;
    top: 12px;
    left: 29px;
    color: #ccc;
    z-index: 11;
    font-size: 14px;
}

.newbox-index {
    padding: 10px;
    background-color: #eff5fa;
}

.color-purplegray {
    color: #9e9fb8;
}

.title-lines {
    height: 3px;
    display: inline-block;
    width: 50px;
    background-color: #9e9fb8;
    margin: 10px 20px;
    border-radius: 3px;
}

.index_search_up_label {
    border-radius: 4px;
    font-size: 14px;
    height: 40px;
    padding-left: 24px;
    text-align: right;
    position: relative;
}

.index_search_up_input {
    width: 286px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px 0 10px;
    vertical-align: middle;
    background: none;
    border: none;
    background-color: #f5f8ff;
    color: #666;
    font-weight: normal;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.index_search_up_search {
    left: 20px;
    top: 20%;
    display: inline-block;
    vertical-align: middle;
    background-size: 100% auto;
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    color: #333;
}

.tab-carrow-tool {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 15px;
    font-weight: bold;
}

.inter_news_pc {
    width: 50%;
    height: 54px;
    padding: 12px 2.66666667vw;
    overflow: hidden;
    position: relative;
    margin: auto;
    background: url(/pyfile/images/new_roll_black.png) no-repeat center top;
}

.inter_news_box {
    height: 30px;
    width: 100%;
    float: left;
    overflow: hidden;
    line-height: 29px;
}

.inter_news_pc .news-item_pc {
    position: relative;
    width: 100%;
    height: 30px;
}

.inter_news_pc .news-item_pc ul {
    list-style: none;
    padding-left: 0;
}

.inter_news_pc .news-item_pc ul li a {
    color: #fff;
}

.classify-body a:hover {
    color: #ff6600;
}

/*426活动*/
.activity-bg {
    background: url(/pyfile/images/activity-426bg.jpg) no-repeat center top;
    height: 2325px;
    min-width: 1170px;
}

.activity-box-list {
    list-style: none;
    padding: 0;
}

.activity-box-list li {
    float: left;
    width: 270px;
    margin: 10px 6px;
    background: -prefix-linear-zgradient(top, #dfe5ff, #c1ceff);
    background: linear-gradient(to bottom, #dfe5ff, #c1ceff);
    border-radius: 8px;
    border: 3px solid #b9d0ff;
    box-shadow: 0px 5px 10px #5c62e2;
}

.activity-box {
    width: 100%;
    border: 1px solid #e3ebff;
    border-radius: 14px;
    position: relative;
}

.activity-i {
    background-color: #e7eeff;
    box-shadow: 0 0 10px #bfd2ff;
    border-radius: 57px;
    padding: 4px;
}

.activity-intcountry-box {
    width: 100%;
    position: relative;
}

.activity-country {
    width: 184px;
    height: 184px;
    margin: 10px auto;
}

.activity-font1 {
    font-size: 24px;
    font-weight: bold;
    color: #2e0bc7;
    margin-top: -52px;
    text-align: center;
}

.activity-detail-inbox {
    height: 30px;
    font-size: 16px;
    color: #504f7a;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px 10px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    width: 100%;
    margin-bottom: 0;
}

.activity-btn {
    width: 90%;
    background-color: #ff8213;
    border: 1px solid #ff8213;
    border-radius: 8px;
    color: #fff !important;
    margin: 0px auto;
    padding: 8px;
    font-size: 16px;
    box-shadow: 0px 5px 10px #93a9ff;
}

.activity-country-box {
    width: 100%;
    background-color: #fff;
    border-radius: 8px;
    position: relative;
    padding: 10px 0px;
}

.activity-country-list {
    list-style: none;
    padding: 0;
}

.activity-country-list li {
    float: left;
    width: 270px;
    margin: 10px 6px;
    border-radius: 8px;
}

.activity-font2 {
    border-left: 4px solid #6b4ffb;
    font-size: 22px;
    color: #676767;
    padding-left: 25px;
}

.activity-font3 {
    font-size: 16px;
    color: #676767;
    padding-left: 25px;
}

.activity-font4 {
    font-size: 16px;
    color: #fc582b;
    padding-left: 25px;
}

.activity-font5 {
    font-size: 28px;
    color: #fc582b;
    font-weight: bold;
}

.activity-font6 {
    font-size: 26px;
    color: #5a5a5a;
    margin-top: 42px;
}

.activity-font7 {
    font-size: 24px;
    color: #ff6600 !important;
}

.activity-font7:hover, .activity-font7:active, .activity-font7:focus {
    font-size: 24px;
    color: #ff6600 !important;
}

.activity-btn-box {
    padding: 0px 10px 0px;
    margin-bottom: 10px;
}

.activity-btn2 {
    width: 90%;
    background-color: #ff8213;
    border: 1px solid #ff8213;
    border-radius: 8px;
    color: #fff !important;
    margin: 0px auto;
    padding: 8px;
    font-size: 16px;
}

.activity-country-list1 {
    list-style: none;
    padding: 0;
}

.activity-country-list1 li {
    float: left;
    width: 270px;
    margin: 14px 6px 0px;
    border-radius: 8px;
    background-color: #fff;
}

.activity-country-more {
    width: 100%;
    height: 193px;
    background: url(/pyfile/images/activity-country-more.png) no-repeat center top;
    border-radius: 8px;
    position: relative;
    padding: 10px 0px;
}

.activity-coupons-list {
    list-style: none;
    padding: 0;
}

.activity-coupons-top {
    height: 100px;
}

.activity-coupons-list li {
    background: url(/pyfile/images/activity-couponsbg.png) no-repeat center top;
    float: left;
    width: 277px;
    height: 200px;
    margin: 17px 2px;
}

.activity-coupons-font1 {
    font-size: 42px;
    color: #f94000;
    padding: 25px 20px 0px 35px;
}

.activity-coupons-font2 {
    font-size: 20px;
    color: #676767;
    padding-top: 33px;
    margin-bottom: 0px;
}

.activity-coupons-font3 {
    font-size: 16px;
    color: #676767;
}

.activity-coupons-btn {
    width: 90%;
    background-color: #ff6600;
    border: 1px solid #ff6600;
    border-radius: 30px;
    color: #fff !important;
    margin: 0px auto;
    padding: 8px;
    font-size: 16px;
}

.activity-footer {
    font-size: 16px;
    color: #cefbff;
}

/*提交成功改版*/
.popup-other {
    width: 190px;
    display: inline-block;
    margin-bottom: 10px;
}

@CHARSET "UTF-8";
body {
}

body.body-white {
    background: #fff;
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: relative;
}

.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
    margin-right: 0px;
    margin-left: 0px;
}

.beginplace img {
    max-width: 100%;
}

.navbar .nav .user {
    padding: 0;
    line-height: 70px;
}

.navbar .nav .user .headicon {
    margin: 0 5px;
    height: 30px;
}

.navbar .nav .user .caret {
    vertical-align: middle;
    margin: 0 5px;
}

/*tc widget*/
.tc-main {
    margin-top: 20px;
}

/*tc-box*/
.tc-box {
    background: #fff;
    padding: 5px 10px;
    margin: 10px 0;
}

.tc-box.first-box {
    margin: 0 0 10px 0;
}

.tc-box.article-box {
    padding: 5px 20px;
}

/*tc-box end */

/* The blog boxes */
/*.tc-gridbox {
  background-color: #ececec;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0px 1px 1px #a8a8a8;
  -moz-box-shadow: 0px 1px 1px #a8a8a8;
  box-shadow: 0px 1px 1px #a8a8a8;
  margin-bottom: 40px;
}*/

.tc-gridbox {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: solid 1px #ddd;
    background: #fff;
    cursor: pointer;
}

.tc-gridbox:hover {
    border: solid 1px #ccc;
    -webkit-box-shadow: 0 5px 5px 0 rgba(50, 50, 50, 0.1);
    -moz-box-shadow: 0 5px 5px 0 rgba(50, 50, 50, 0.1);
    box-shadow: 0 5px 5px 0 rgba(50, 50, 50, 0.1);

}

.tc-gridbox a {
    text-decoration: none;
}

/*首页调整*/
.index-banner-int {
    background: url(/pyfile/images/yb-int-new.jpg) no-repeat bottom center;
    background-size: cover;
    padding: 50px 0 50px 0;
}

.index-search-box {
    padding: 10px 0 30px;
}

.index-banner-int-nb1 {
    font-size: 52px;
    font-weight: bold;
    margin-bottom: 30px;
    color: #fff;
}

.index-banner-int-nb2 {
    font-size: 3.2rem;
    font-weight: bold !important;
    margin-bottom: 30px;
    color: #fff;
    padding-left: 2rem;
    line-height: 1.4;
}

.index-banner-int h3 {
    margin-bottom: 30px;
    color: #fff;
    font-size: 26px;
}

/*首页调整结束*/
@media (min-width: 768px) and (max-width: 979px) {
    .tc-gridbox {
        display: block;
        float: none;
        width: 95%;
    }
}

.tc-gridbox .header {
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    text-align: center;
    background: #fff;
}

.tc-gridbox .footer {
    padding: 5px 14px 5px 14px;
    text-align: right;
    background: #fff;
}

.tc-gridbox .header .item-image {
    overflow: hidden;
}

.tc-gridbox .header img {
    margin-bottom: 5px;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.tc-gridbox .header img:hover {

    -webkit-transform: scale(1.2) rotate(2deg);
    -moz-transform: scale(1.2) rotate(2deg);
    -o-transform: scale(1.2) rotate(2deg);
    -ms-transform: scale(1.2) rotate(2deg);
    transform: scale(1.2) rotate(2deg);
}

.tc-gridbox .header h3 {
    color: #454a4e;
    margin: 0 5px;
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 24px;
}

.tc-gridbox .header h3 a,
.tc-gridbox .header h3 a:focus,
.tc-gridbox .header h3 a:hover {
    color: #454a4e;
    white-space: nowrap;
}

.tc-gridbox .header .meta {
    color: #5a6065;
}

.tc-gridbox .header hr {
    border-top-color: #ced5db;
    border-bottom: none;
    margin: 5px 0;
}

.tc-gridbox .body {
    padding-right: 14px;
    padding-left: 14px;
    margin-bottom: 14px;
    color: #343a3f;
}

.tc-gridbox .body a {
    color: #666;
}

.tc-gridbox .body a:hover {
    color: #428bca;
}

.tc-gridbox .btn {
    float: right;
    margin-right: 10px;
    margin-bottom: 18px;
}

/*masonary*/

#container .item {
    margin-bottom: 20px;
}

#container .item h3 {
    line-height: 100%;
}

#container .grid-sizer, #container .item {
    width: 23%;
    margin: 10px 1%;
    float: left;
    zoom: 1;
}

@media (max-width: 479px) {
    #container .grid-sizer, #container .item {
        width: 98%;
        margin: 10px 1%;
        float: left;
        zoom: 1;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    #container .grid-sizer, #container .item {
        width: 48%;
        margin: 10px 1%;
        float: left;
        zoom: 1;
    }
}

/*list Boxes
------------------------------------*/
.list-boxes {
    overflow: hidden;
    padding: 15px 20px;
    margin-bottom: 25px;
    background: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-top: solid 2px #fff;
    word-wrap: break-word;
    word-break: break-all;

}

.list-boxes:hover {
    border-top: solid 2px #f90;
}

.list-boxes h2 a {
    color: #555;
}

.list-boxes:hover h2 a {
    color: #f90;
}

.list-boxes .list-actions a {
    font-size: 16px;
    text-decoration: none;
}

.list-boxes p a {
    color: #72c02c;
}

.list-boxes .list-boxes-img li i {
    color: #72c02c;
    font-size: 12px;
    margin-right: 5px;
}

.list-boxes .list-boxes-img img {
    display: block;
    margin: 5px 10px 10px 0;
}

.list-boxes h2 {
    margin-top: 0;
    font-size: 20px;
    line-height: 20px;
}

.list-boxes ul.list-boxes-rating li {
    display: inline;
}

.list-boxes ul.list-boxes-rating li i {
    color: #f8be2c;
    cursor: pointer;
    font-size: 16px;
}

.list-boxes ul.list-boxes-rating li i:hover {
    color: #f8be2c;
}

/*list Colored Boxes*/
.list-boxes-colored p,
.list-boxes-colored h2 a,
.list-boxes-colored .list-boxes-img li,
.list-boxes-colored .list-boxes-img li i {
    color: #fff;
}

/*Red list Box*/
.list-boxes-red {
    background: #e74c3c;
}

/*Blue list Box*/
.list-boxes-blue {
    background: #3498db;
}

/*Grey list Box*/
.list-boxes-grey {
    background: #95a5a6;
}

/*Turquoise list Box*/
.list-boxes-sea {
    background: #1abc9c;
}

/*Turquoise Top Bordered list Box*/
.list-boxes-top-sea {
    border-top: solid 2px #1abc9c;
}

.list-boxes-top-sea:hover {
    border-top-color: #16a085;
}

/*Yellow Top Bordered list Box**/
.list-boxes-top-yellow {
    border-top: solid 2px #f1c40f;
}

.list-boxes-top-yellow:hover {
    border-top-color: #f39c12;
}

/*Orange Left Bordered list Box**/
.list-boxes-left-orange {
    border-left: solid 2px #e67e22;
}

.list-boxes-left-orange:hover {
    border-left-color: #d35400;
}

/*Green Left Bordered list Box**/
.list-boxes-left-green {
    border-left: solid 2px #72c02c;
}

.list-boxes-left-green:hover {
    border-left-color: #5fb611;
}

/*Green Right Bordered list Box**/
.list-boxes-right-u {
    border-right: solid 2px #72c02c;
}

.list-boxes-right-u:hover {
    border-right-color: #5fb611;
}

/*comments*/
.comment {
    margin-bottom: 10px;
}

.comment .avatar {
    height: 40px;
    width: 40px;
}

.comment-body {
    overflow: hidden;
}

.comment-content {
    padding-bottom: 2px;
    word-break: break-all;
    word-wrap: break-word;
}

.comment > .pull-left {
    margin-right: 10px;
}

.comment .time {
    color: #ccc;
    font-size: 12px;
    line-height: 14px;
}

.comment-postbox-wraper {
    padding-right: 22px;
}

.comment-postbox {
    width: 100%;
    padding: 10px;
}

.comment-reply-box {
    position: relative;
    padding-right: 14px;
}

.comment-reply-box .textbox {
    width: 100%
}

/*ranking box*/

.ranking ul.unstyled li {
    padding: 5px 0;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px dashed #f0f0f0;
}

.ranking ul.unstyled li i {
    margin-right: 5px;
}

.ranking li i {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-right: 15px;
    font-style: normal;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    background-color: #aaa;
}

.ranking li.top3 i {
    background: #FC9B0B;
}

/*comment ranking box*/
.comment-ranking .comment-ranking-inner {
    padding: 10px;
    background: #f7f7f7;
    position: relative;
    margin-bottom: 10px;
    /*border-top: solid 2px #eee;*/
}

.comment-ranking .comment-ranking-inner,
.comment-ranking .comment-ranking-inner:after,
.comment-ranking .comment-ranking-inner:before {
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.comment-ranking .comment-ranking-inner:after,
.comment-ranking .comment-ranking-inner:before {
    width: 0;
    height: 0;
    right: 0px;
    bottom: 0px;
    content: " ";
    display: block;
    position: absolute;
}

.comment-ranking .comment-ranking-inner:after {
    border-top: 15px solid #eee;
    border-right: 15px solid transparent;
    border-left: 0px solid transparent;
    border-left-style: inset; /*FF fixes*/
    border-right-style: inset; /*FF fixes*/
}

.comment-ranking .comment-ranking-inner:before {
    border-bottom: 15px solid #fff;
    border-right: 0 solid transparent;
    border-left: 15px solid transparent;
    border-left-style: inset; /*FF fixes*/
    border-bottom-style: inset; /*FF fixes*/
}

.comment-ranking .comment-ranking-inner:hover {
    border-color: #FC9B0B;
    border-top-color: #FC9B0B;
    background: #f0f0f0;
}

.comment-ranking .comment-ranking-inner:hover:after {
    border-top-color: #FC9B0B;
}

.comment-ranking .comment-ranking-inner span.comment-time {
    color: #777;
    display: block;
    font-size: 11px;
}

.comment-ranking .comment-ranking-inner a {
    text-decoration: none;
}

.comment-ranking .comment-ranking-inner a:hover {
    text-decoration: underline;
}

.comment-ranking .comment-ranking-inner i.fa {
    top: 2px;
    color: #bbb;
    font-size: 18px;
    position: relative;
}

/*ThinkCMF Photos*/
ul.tc-photos {
    margin: 0;
}

.tc-photos li {
    display: inline;
}

.tc-photos li a {
    text-decoration: none;
}

.tc-photos li img {
    opacity: 0.6;
    width: 50px;
    height: 50px;
    margin: 0 2px 8px;
    border: 1px solid #ddd;
}

.tc-photos li img:hover {
    opacity: 1;
    border: 1px solid #f90;
    /* box-shadow: 0 0 0 1px #f90; */
}

/**/

/*Blog Posts
------------------------------------*/
.posts .dl-horizontal a {
}

.posts .dl-horizontal {
    margin-bottom: 15px;
    overflow: hidden;
}

.posts .dl-horizontal dt {
    width: 60px;
    float: left;
}

.posts .dl-horizontal dt .img-wraper {
    display: block;
    width: 55px;
    height: 55px;
    padding: 1px;
    margin-top: 2px;
    border: solid 1px #ddd;
}


.posts .dl-horizontal dt img {
    width: 100%;
    height: 100%;
    /* width: 55px;
    height: 55px;
    padding: 1px;
    margin-top: 2px;
    border: solid 1px #ddd; */
}

.posts .dl-horizontal dd {
    margin-left: 70px;
}

.posts .dl-horizontal dd p {
    margin: 0;
}

.posts .dl-horizontal dd a {
    font-size: 14px;
    line-height: 16px !important;
}

.posts .dl-horizontal dd a:hover {
    text-decoration: none;
}

.posts .dl-horizontal:hover dt img,
.posts .dl-horizontal:hover dd a {
    color: #FC9B0B;
    border-color: #FC9B0B !important;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

/*新增加样式*/
a:hover,
a:focus {
    color: #ff6600;
    text-decoration: none;
}

.text-gray {
    color: #999;
}

.text-gray-dark {
    color: #666;
}

.logo {
    max-width: 40%;
    float: left;
}

.logo img {
    /*max-width: 80%;*/
}

.margin-top-40 {
    margin-top: 40px;
}

.navbar {
    margin-bottom: 0;
}

.navbar-logo {
    padding: 10px 0 0;
    border-bottom: 1px solid #efefef;
}

.navbar-logo .logo {
    max-width: 12%;
    float: left;
}

.zxq {
    display: inline-block;
    padding: 5px 10px;
    margin-left: 15px;
    font-size: 24px;
    border-left: 1px solid #cecece;
    color: #cecece !important;
    margin-top: 25px;
}

.inc-right-top {
    float: right;
}

.bg-f1 {
    background: #f1f1f1;
}

.new-topead-left {
    float: left;
    max-width: 70%;
    padding-top: 5px;
}

.new-topead-right {
    float: right;
}

.new-topead-right .navigation {
    float: right;
    padding-left: 0;
    list-style: none;
    margin: 0 20px 0 0;
}

.new-topead-right .navigation li {
    float: left;
    height: auto;
    line-height: normal;
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    position: relative;
    margin: 0 0 0 10px;
}

.new-topead-right .navigation li a {
    color: #999;
}

.new-topead-right .navigation li.interval {
    color: #ddd;
}

.ind-link {
    padding: 5px 0;
    display: inline-block;
}

.new-topead-left .backzbj {
    color: #ff6600;
}

.navbar-menu {
    margin: 0;
}

.navbar-menu > li {
    float: left;
    font-size: 16px;
    position: relative;
    margin-top: 13px;
    height: 47px;
    list-style: none;
    line-height: 28px;
}

.navbar-menu > li a {
    color: #666;
}

.navbar-menu > li a:hover {
    color: #ff6600;
    text-decoration: none;
}

.navbar-menu > li + li {
    margin-left: 2rem;
}

.clear {
    clear: both;
}

.bg-orange {
    background: #ff6600;
}

.text-white {
    color: #fff;
}

.caret.white {
    border-top: 4px solid #fff;
}

.new-dr-banner-box {
    height: auto;
    width: 100%;
    position: relative;
}

.new-dr-banner-box1 {
    height: 380px;
    width: 100%;
    position: relative;
}

.carousel {
    position: relative;
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border-radius: 10px;
    cursor: pointer;
    background-color: #ccc;
    border: none;
    opacity: .5;
    filter: alpha(opacity=50);
}

.carousel-indicators .active {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #eee;
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.new-dr-banner1 {
    /*background: url(../hwsbzc-img/new-zt-bac.png) no-repeat center center;*/
    background-size: cover;
    display: inline-block;
    height: 100%;
    width: 100%;
}

.rotate2 {
    min-height: 300px;
}

/*底部样式*/
.footer-new {
    border-top: 1px solid #eee;
    padding: 40px 0 30px 0;
    background-color: #444444;
    color: #d3d3d3;
}

.mb27 {
    margin-bottom: 27px;
}

.bot-f-l {
    border-left: 3px solid #d3d3d3;
    padding-left: 10px;
}

.bot-n-l {
    padding-left: 13px;
}

.bot-f-l a {
    display: inline-block;
    padding-right: 10px;
}

.mb10 {
    margin-bottom: 10px;
}

.footer-new a {
    color: #d3d3d3;
}

.bot-he {
    height: 230px;
}

.lst-line-l {
    border-left: 1px solid #666;
}

.mt6 {
    margin-top: 6px;
}

.bot-md-l {
    float: left;
    border: 4px solid;
    border-radius: 50%;
    padding: 10px 7px 10px 10px;
    margin-right: 10px;
}

.bot-md-l .ico {
    font-size: 20px;
    line-height: 0;
}

.bot-md-l .ico:before {
    margin-left: 0;
}

.bot-md-l .times:before {
    transform: rotate(316deg);
    -ms-transform: rotate(316deg); /* IE 9 */
    -moz-transform: rotate(316deg); /* Firefox */
    -webkit-transform: rotate(316deg); /* Safari 和 Chrome */
    -o-transform: rotate(316deg);
}

.tlp-nbs-in {
    font-size: 16px;
    font-weight: bold;
}

.out-smt {
    border: 4px solid #5c5c5c;
    border-radius: 50%;
    padding: 6px;
    background-color: #5c5c5c;
    display: inline-block;
    margin-bottom: 10px;
}

/*右侧样式*/
.banner-r-box {
    border: 1px solid #e4e4e4;
    border-top: 4px solid #ff6600;
    text-align: center;
}

.banner-r-box h3 {
    text-align: center;
    font-weight: bolder;
    margin: 0 auto;
    background: #ffcba8;
    padding: 21px;
    color: #fff;
    font-weight: bold;
    word-spacing: 8px;
    letter-spacing: 3px;
    text-shadow: 0 1px 1px #ff6600;
}

.searchbox-label {
    width: 85px;
    float: left;
}

.weight-normal {
    font-weight: normal;
}

.required {
    color: red;
}

.salftip {
    background: #58b950;
    color: #ffffff;
    border-radius: 4px 4px 0 0;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 0px solid #ccc;
    border-left: 1px solid #ccc;
}

#input-search-mobile {
    border-radius: 4px;
}

.btn-primary {
    color: #fff !important;
    color: #fff;
    background-color: #ff6700;
    border-color: #f06100;
}

.mb20 {
    margin-bottom: 20px;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #cc5200;
    border-color: #b34800
}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
    background-color: #ff6700;
    border-color: #f06100
}

.btn-primary .badge {
    color: #ff6700;
    background-color: #fff
}

.btn-primary:focus, .btn-primary:active {
    background: #e65d00 !important;
    border-color: #cc5200 !important
}

.max-img {
    max-width: 100%;
}

.clear-padding {
    padding: 0;
}

.clear-padding-right {
    padding-right: 0;
}

.clear-padding-left {
    padding-left: 0;
}

.padding-search-box {
    padding-right: 15px;
    padding-left: 15px;
}

.margin-left-30 {
    margin-left: 30px;
}

.margin-right-30 {
    margin-right: 30px;
}

.mt20 {
    margin-top: 20px;
}

.ml15 {
    margin-left: 15px;
}

.mr5 {
    margin-right: 5px;
}

.ml5 {
    margin-left: 5px;
}

.mt30 {
    margin-top: 30px;

}

.mb30 {
    margin-bottom: 30px;
}

.mt10 {
    margin-top: 10px;
}

.pt18 {
    padding-top: 18px;
}

.text-left {
    text-align: left;
}

.dr-news-tbox {
    border-bottom: 2px solid #ff6600;
    color: #333;
    font-size: 20px;
    padding-bottom: 5px;
    font-weight: bold;
}

.dr-news-tbox h2 {
    margin: 0 !important;
    padding: 0;
    font-size: 20px;
    font-weight: bold;
}

.index-list-left-title {
    color: #333;
    cursor: pointer;
}

.index-list-left-title span {
    font-weight: normal;
    font-size: 14px;
}

.index-list-left-title:hover {
    color: #f60;
}

.map-title {
    color: #333;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
}

.map-names {
    color: #666;
    font-size: 14px;
    cursor: pointer;
}

.map-lines {
    border-bottom: 1px solid #999;
    padding-bottom: 5px;
}

.index-anther {
    font-weight: normal;
    font-size: 14px;
    color: #666;
}

.index-more {

}

.clear {
    clear: both;
}

.bottom-lines {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.display-list-index {
    margin: 0;
    padding: 0;
}

.display-list-index li {
    list-style: none;
    border-bottom: 1px dashed #eee;
    padding: 5px 0;
}

.display-list-index a {
    display: block;
    color: #666;
    cursor: pointer;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.display-list {

}

.display-list li {
    list-style: none;
    padding: 5px 0;
    overflow: hidden;
}

.display-list li + li {
    border-top: 1px dashed #eee;
}

.display-list li a {
    display: block;
    color: #666;
    cursor: pointer;
}

.display-list li a p {
    float: right;
    cursor: pointer;
    display: inline;
}

.display-title {
    font-size: 18px;
    font-weight: bold;
}

.left-links {
    display: block;
    color: #333;
    font-weight: bold;
    font-size: 18px;
    padding: 5px 0;
    text-align: center;
    cursor: pointer;
}

.co-und-links {
    display: block;
    color: #333;
    font-weight: bold;
    font-size: 18px;
    padding: 5px 0;
    cursor: pointer;
}

.company-middle {
    margin: 0;
    padding: 0;
    font-size: 16px;
}

.company-middle li {
    list-style: none;
    margin: 10px auto;
}

.company-middle li a {
    color: #666;
    width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    float: left;
    padding-bottom: 16px;
}

.company-middle li a.md {
    width: 40% !important;
}

.company-middle li a:hover {
    color: #f60;
}

.company-middle li a.fl-right {
    font-weight: normal;
    width: 60% !important;
}

.company-right-title {
    display: block;
    color: #333;
    font-weight: bold;
    font-size: 18px;
    padding: 5px 0;
    cursor: pointer;
}

.sbj-title {
    display: block;
    color: #333;
    font-weight: bold;
    font-size: 18px;
    padding: 5px 0;
}

.news-l-newstitle {
    font-size: 16px;
    color: #333;
    display: block;
    padding: 5px 0;
    cursor: pointer;
}

.news-list-tt {
    display: block;
    color: #666;
    padding: 5px 0;
    margin-bottom: 5px;
}

.width-xz {
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bg-back-light {
    background-color: #f3f5f5;
}

/*新闻*/
.pad10 {
    padding: 10px;
}

.bg-f1 {
    background: #f1f1f1;
}

.dr-news-tbox1 {
    border-bottom: 2px solid #ff6600;
    color: #e4e4e4;
    font-size: 18px;
}

.dr-news-tbox1 h3 {
    display: inline;
}

.dr-news-tbox1 a.choose {
    font-weight: bolder;
    color: #f60;
}

.dr-news-tbox1 a {
    display: inline-block;
    padding: 10px 25px;
    font-size: 18px;
    color: #333;
    letter-spacing: 1px;
}

.drarticle-box {
    border: 1px solid #e4e4e4;
    padding: 15px 0;
}

.drarticle-box h3 {
    font-size: 20px;
    font-weight: bolder;
    margin-top: 0;
    color: #333;
}

.drarticle-box p.mt10 {
    margin-top: 10px !important;
}

.drarticle-box p {
    color: #999;
    margin: 0;
}

.img-max {
    width: 100%;
}

.dr-r-topbox-new {
    border: 1px solid #e4e4e4;
    border-top: 4px solid #ff6600;
    text-align: center;
}

.dr-r-topbox-new h4 {
    text-align: center;
    font-weight: bolder;
    margin: 0 auto;
    background: url(/pyfile/images/pacimg.jpg) repeat;
    padding: 21px;
}

.text-orange {
    color: #f60 !important;
}

.dr-r-topbox-sed2 {
    border: 1px solid #e4e4e4;
    border-top: 4px solid #D0D88F;
}

.dr-r-topbox-sed2 .sed-title {
    text-align: center;
    background: url(/pyfile/images/pacimg.jpg) repeat;
    color: #555;
    margin: 0;
    padding: 10px 0;
    padding: 15px 0 12px;
}

.interest li a {
    color: #999;
}

.dr-r-topbox-sed {
    border: 1px solid #e4e4e4;
    border-top: 4px solid #5c9dc5;
}

.dr-r-topbox-sed .sed-title {
    text-align: center;
    background: url(/pyfile/images/pacimg.jpg) repeat;
    color: #555;
    margin: 0;
    padding: 10px 0;
    padding: 15px 0 12px;
}

.interest {
    margin: 0;
    padding: 0;
}

.interest li {
    list-style: none;
    padding: 15px 10px;
    border-top: 1px solid #e4e4e4;
    font-size: 12px;
}

.g-picture {
    display: block;
    margin-top: 20px;
}

.new-n-banner1 {
    /*background: url(../hwsbzc-img/new-zt-bac.png) no-repeat center center;*/
    background-size: cover;
    display: inline-block;
    height: 100%;
    width: 100%;
}

.fml15 {
    margin-left: -15px;
}

.fmr15 {
    margin-right: -15px;
}

.dr-title-box {
    background-color: #f2f2f2;
    border-radius: 3px;
    padding: 10px 20px;
}

.dr-title-box a {
    color: #666;
}

.dr-article-title-box {
    border-bottom: 1px solid #ececec;
}

.dr-article-title-box h1 {
    font-size: 26px;
    font-weight: bolder;
    color: #333;
}

.checktime {
    font-size: 12px;
    color: #b5b5b5;
    padding: 10px 0;
}

.dr-article-details {
    padding-bottom: 40px;
    overflow: hidden;
}

.tgst {
    padding: 10px 0;
}

.tgst-tag {
    display: inline-block;
    background-color: #ffb684;
    color: #fff !important;
    padding: 5px 10px;
    margin-bottom: 5px;
}

.tgst-tag:hover {
    background-color: #fe8f44;
}

.checkpage {
    background-color: #f6f6f6;
    padding: 20px 0;
    border: 1px solid #d9d9d9;
    border-left: none;
    border-right: none;
}

.check-left {
    background-color: #f6f6f6;
    padding: 10px 20px;
    border-right: 1px solid #d9d9d9;
    font-size: 16px;
    color: #666 !important;
}

.check-right {
    background-color: #f6f6f6;
    padding: 10px 20px;
    font-size: 16px;
    color: #666 !important;
}

.check-left-no {
    background-color: #f6f6f6;
    padding: 10px 20px;
    border-right: 1px solid #d9d9d9;
    font-size: 16px;
    color: #dcdcdc !important;
}

.check-right-no {
    background-color: #f6f6f6;
    padding: 10px 20px;
    font-size: 16px;
    color: #dcdcdc !important;
}

.check-left:hover, .check-right:hover {
    text-decoration: none;
    color: #999 !important;
}

.check-left-no:hover, .check-right-no:hover {
    text-decoration: none;
    color: #dcdcdc !important;
}

.rand-bottom-list {
    list-style: none;
    padding: 0 0 0 80px;
    float: left;
    width: 100%;
}

.rand-bottom-list li {
    float: left;
    margin-bottom: 5px;
}

.rand-bottom-list li a {
    color: #666;
}

.bus-top-left-inbox {
    text-align: left;
    padding: 0 20px;
    height: 128px;
    line-height: 22px;
}

.carousel-indicators.cain {
    margin-left: -44%;
}

.banner-max-img {
    width: 600px;
    height: 375px !important;
    margin: auto;
}

.banner-max-img1 {
    width: 100%;
    height: 380px !important;
    margin: auto;
}

.banner-min-img {
    height: 121px;
    width: 193px;
}

.content-min-height {
    /*max-height: 170px;*/
    overflow: hidden;
}

.new-box {
    width: 600px;
    height: 375px !important;
    display: block;
    position: relative;
}

.new-box1 {
    width: 100%;
    height: 380px !important;
    display: block;
    position: relative;
    margin: auto;
}

.masking {
    position: absolute;
    height: 50px;
    bottom: 0;
    width: 100%;
}

.masking.sm {
    width: 193px;
}

.masking p {
    color: #fff;
    position: relative;
    z-index: 11;
    margin: auto;
    line-height: 30px;
}

.ms-under {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #000;
    height: 50px;
    filter: alpha(opacity=50); /*支持 IE 浏览器*/
    -moz-opacity: 0.50; /*支持 FireFox 浏览器*/
    opacity: 0.50; /*支持 Chrome, Opera, Safari 等浏览器*/
}

.ft18 {
    font-size: 18px;
}

.xz-box {
}

.xz-box img {
    max-width: 100%;
}

.ml15 {
    margin-left: 15px;
}

.mt6 {
    margin-top: 6px;
}

/*关于我们*/
.pb60 {
    padding-bottom: 60px;
}

.title-bt {
    font-size: 40px;
    font-weight: bold;
    color: #333;
    margin: 50px auto 30px;
}

.pr-det {
    font-size: 16px;
    line-height: 34px;
    color: #666;
}

.pr-banner {
    background: url(/pyfile/images/dm-top.jpg) no-repeat center center;
    background-size: cover;
    height: 355px;
}

.box-sd {
    border-radius: 10px;
    box-shadow: 0px 0px 7px #ccc;
    text-align: center;
}

.bac-neunder {
    border-radius: 0 0 10px 10px;
    background-color: #f7f7f7;
    padding: 40px 10px;
}

.bac-es {
    background: url(/pyfile/images/bac-es.jpg) no-repeat bottom center #f5a34d;
    border-radius: 10px 10px 0 0;
    text-align: center;
    padding: 40px 10px;
}

.bac-sr {
    background: url(/pyfile/images/bac-sr.jpg) no-repeat bottom center #5f8daf;
    border-radius: 10px 10px 0 0;
    text-align: center;
    padding: 40px 10px;
}

.bac-ds {
    background: url(/pyfile/images/bac-ds.jpg) no-repeat bottom center #47adb9;
    border-radius: 10px 10px 0 0;
    text-align: center;
    padding: 40px 10px;
}

.bac-dm {
    background: url(/pyfile/images/bac-dm.jpg) no-repeat bottom center #a2b973;
    border-radius: 10px 10px 0 0;
    text-align: center;
    padding: 40px 10px;
}

/*弹窗*/
.modal-title {
    color: #ff6600;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
}

.txt-mdx2 {
    font-size: 16px;
}

.searchbox-label {
    width: 85px;
    float: left;
}

.weight-normal {
    font-weight: normal;
}

.required {
    color: red;
}

.salftip {
    background: #58b950;
    color: #ffffff;
    border-radius: 4px 4px 0 0;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 0px solid #ccc;
    border-left: 1px solid #ccc;
}

.form-horizontal .control-label {
    text-align: left;
    margin-bottom: 0;
    padding-top: 7px;
}

.news-index-box {
    height: 300px;
    width: 100%;
    position: relative;
}

.news-in-box {
    width: 100%;
    height: 300px !important;
    display: block;
    position: relative;
}

.news-in-box-img {
    width: 100%;
    height: 300px !important;
    margin: auto;
}

.news-index-box-sm {
    float: left;
    display: none;
}

.kfloor {
    height: auto;
    width: auto;
}

.navbar-brand {
    color: #fff;
}

.bs-docs-nav .navbar-toggle .icon-bar {
    background-color: #fff;
}

/*商标分类样式*/
.bs-glyphicons .thumbnail {
    border-radius: 0;
    margin-bottom: 0;
    text-align: center;
    display: block;
    color: #333;
}

.bs-glyphicons .thumbnail:hover {
    border: 1px solid #ddd;
    background-color: #8c92b7;
    color: #fff;
}

.tradmark-panel a.category-ico1 i {
    background-position: 0 0;
}

.tradmark-panel a i {
    width: 60px;
    height: 60px;
    overflow: hidden;
    display: block;
    margin: 28px auto 0;
    background: url(/pyfile/images/category-ico.png) no-repeat left top;
}

.tradmark-panel a:hover i {
    background: url(/pyfile/images/category-ico-hover.png) no-repeat left top;
}

.tradmark-panel a.category-ico1 i {
    background-position: 0 0;
}

.tradmark-panel a.category-ico2 i {
    background-position: 0 -60px;
}

.tradmark-panel a.category-ico3 {
    color: #fff;
    background: url("/pyfile/images/category-bj3.jpg") no-repeat center;
}

.tradmark-panel a.category-ico3:hover {
    background: url("/pyfile/images/category-bj-hover3.jpg") no-repeat center;
}

.tradmark-panel a.category-ico3 i {
    background-position: 0 -120px;
}

.tradmark-panel a.category-ico4 i {
    background-position: 0 -180px;
}

.tradmark-panel a.category-ico5 i {
    background-position: 0 -240px;
}

.tradmark-panel a.category-ico6 i {
    background-position: 0 -300px;
}

.tradmark-panel a.category-ico7 i {
    background-position: 0 -360px;
}

.tradmark-panel a.category-ico8 i {
    background-position: 0 -420px;
}

.tradmark-panel a.category-ico9 {
    color: #fff;
    background: url("/pyfile/images/category-bj9.jpg") no-repeat center;
}

.tradmark-panel a.category-ico9:hover {
    background: url("/pyfile/images/category-bj-hover9.jpg") no-repeat center;
}

.tradmark-panel a.category-ico9 i {
    background-position: 0 -480px;
}

.tradmark-panel a.category-ico10 {
    color: #fff;
    background: url("/pyfile/images/category-bj10.jpg") no-repeat center;
}

.tradmark-panel a.category-ico10:hover {
    background: url("/pyfile/images/category-bj-hover10.jpg") no-repeat center;
}

.tradmark-panel a.category-ico10 i {
    background-position: 0 -540px;
}

.tradmark-panel a.category-ico11 {
    color: #fff;
    background: url("/pyfile/images/category-bj11.jpg") no-repeat center;
}

.tradmark-panel a.category-ico11:hover {
    background: url("/pyfile/images/category-bj-hover11.jpg") no-repeat center;
}

.tradmark-panel a.category-ico11 i {
    background-position: 0 -600px;
}

.tradmark-panel a.category-ico12 {
    color: #fff;
    background: url("/pyfile/images/category-bj12.jpg") no-repeat center;
}

.tradmark-panel a.category-ico12:hover {
    background: url("/pyfile/images/category-bj-hover12.jpg") no-repeat center;
}

.tradmark-panel a.category-ico12 i {
    background-position: 0 -660px;
}

.tradmark-panel a.category-ico13 i {
    background-position: 0 -720px;
}

.tradmark-panel a.category-ico14 i {
    background-position: 0 -780px;
}

.tradmark-panel a.category-ico15 i {
    background-position: 0 -840px;
}

.tradmark-panel a.category-ico16 i {
    background-position: 0 -900px;
}

.tradmark-panel a.category-ico17 i {
    background-position: 0 -960px;
}

.tradmark-panel a.category-ico18 {
    color: #fff;
    background: url("/pyfile/images/category-bj18.jpg") no-repeat center;
}

.tradmark-panel a.category-ico18:hover {
    background: url("/pyfile/images/category-bj-hover18.jpg") no-repeat center;
}

.tradmark-panel a.category-ico18 i {
    background-position: 0 -1020px;
}

.tradmark-panel a.category-ico19 i {
    background-position: 0 -1080px;
}

.tradmark-panel a.category-ico20 i {
    background-position: 0 -1140px;
}

.tradmark-panel a.category-ico21 i {
    background-position: 0 -1200px;
}

.tradmark-panel a.category-ico22 i {
    background-position: 0 -1260px;
}

.tradmark-panel a.category-ico23 i {
    background-position: 0 -1320px;
}

.tradmark-panel a.category-ico24 i {
    background-position: 0 -1380px;
}

.tradmark-panel a.category-ico25 {
    color: #fff;
    background: url("/pyfile/images/category-bj25.jpg") no-repeat center;
}

.tradmark-panel a.category-ico25:hover {
    background: url("/pyfile/images/category-bj-hover25.jpg") no-repeat center;
}

.tradmark-panel a.category-ico25 i {
    background-position: 0 -1440px;
}

.tradmark-panel a.category-ico26 i {
    background-position: 0 -1500px;
}

.tradmark-panel a.category-ico27 i {
    background-position: 0 -1560px;
}

.tradmark-panel a.category-ico28 i {
    background-position: 0 -1620px;
}

.tradmark-panel a.category-ico29 i {
    background-position: 0 -1680px;
}

.tradmark-panel a.category-ico30 i {
    background-position: 0 -1740px;
}

.tradmark-panel a.category-ico31 i {
    background-position: 0 -1800px;
}

.tradmark-panel a.category-ico32 i {
    background-position: 0 -1860px;
}

.tradmark-panel a.category-ico33 i {
    background-position: 0 -1920px;
}

.tradmark-panel a.category-ico34 i {
    background-position: 0 -1980px;
}

.tradmark-panel a.category-ico35 {
    color: #fff;
    background: url("/pyfile/images/category-bj35.jpg") no-repeat center;
}

.tradmark-panel a.category-ico35:hover {
    background: url("/pyfile/images/category-bj-hover35.jpg") no-repeat center;
}

.tradmark-panel a.category-ico35 i {

    background-position: 0 -2040px;
}

.tradmark-panel a.category-ico36 i {
    background-position: 0 -2100px;
}

.tradmark-panel a.category-ico37 i {
    background-position: 0 -2160px;
}

.tradmark-panel a.category-ico38 i {
    background-position: 0 -2220px;
}

.tradmark-panel a.category-ico39 i {
    background-position: 0 -2280px;
}

.tradmark-panel a.category-ico40 i {
    background-position: 0 -2340px;
}

.tradmark-panel a.category-ico41 {

    background: url("/pyfile/images/category-bj41.jpg") no-repeat center;
}

.tradmark-panel a.category-ico41:hover {
    background: url("/pyfile/images/category-bj-hover41.jpg") no-repeat center;
}

.tradmark-panel a.category-ico41 i {
    margin-top: 110px;
    background-position: 0 -2400px;
}

.tradmark-panel a.category-ico42 i {
    background-position: 0 -2460px;
}

.tradmark-panel a.category-ico43 i {
    background-position: 0 -2520px;
}

.tradmark-panel a.category-ico44 i {
    background-position: 0 -2580px;
}

.tradmark-panel a.category-ico45 i {
    background-position: 0 -2640px;
}

.bs-example {
    margin-right: 0;
    margin-left: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    border-color: #ddd;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.pad20 {
    padding: 20px;
}

.ml30 {
    margin-left: 30px;
}

.ft-lg {
    font-size: 24px;
}

.sort-d-top {
    border-radius: 4px 4px 0 0;
    padding-left: 7rem;
    position: relative;
}

.sort-d-under {
    border-radius: 0 0 4px 4px;
    position: relative;
}

.lines-gd {
    background: -webkit-linear-gradient(left, rgba(79, 100, 255, 0.5), rgba(51, 122, 183, 0.7)); /* Safari 5.1 - 6.0 */

    background: -o-linear-gradient(right, rgba(79, 100, 255, 0.5), rgba(51, 122, 183, 0.7)); /* Opera 11.1 - 12.0 */

    background: -moz-linear-gradient(right, rgba(79, 100, 255, 0.5), rgba(51, 122, 183, 0.7)); /* Firefox 3.6 - 15 */

    background: linear-gradient(to right, rgba(79, 100, 255, 0.5), rgba(51, 122, 183, 0.7)); /* 标准的语法 */

    height: 7px;
}

.so-detail-outbox {
    overflow: hidden;
    width: 100%;
}

.group-ul {
    overflow: hidden;
    float: left;
    border-right: none;
    padding: 0 0 32px;
    list-style: none;
    padding-bottom: 10000px;
    margin-bottom: -10000px;
    width: 100%;
}

.group-ul li {
    width: 94%;
    overflow: hidden;
    float: left;
    cursor: pointer;
    line-height: 26px;
    font-size: 14px;
    font-family: "simsun";
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 14px;
}

.group-ul li a {
    color: #666;
}

.group-ul li a:hover {
    color: #f60;
}

.group-des {
    padding: 0 10px;
}

.group-title {
    line-height: 26px;
    font-size: 14px;
    color: #337ab7;
    font-family: "simsun";
    margin-bottom: 20px;
}

.group-des strong, .group-des p {
    display: block;
    line-height: 30px;
    color: #666;
    font-family: "simsun";
}

.g-icon {
    position: absolute;
    left: 10px;
    font-size: 4rem;
    opacity: .7;
}

.grid {
    line-height: 52px;
    color: #666;
    letter-spacing: 2px;
}

.search-tt {
    overflow: hidden;
    position: relative;
}

.search-top {
    text-align: center;
    line-height: 52px;
    color: #fff;
    height: 52px;
    overflow: hidden;
    background-color: #337ab7;
    border-right: none;
    font-size: 2rem;
}

.search-top + .search-top {
    border-right: none;
}

.search-list {
    overflow: hidden;
    position: relative;
    margin-bottom: 6px;
    border: 1px solid #e3e3e3;
    background-color: #fff;
}

.search-group {
    padding: 30px 10px;
    min-height: 270px;
    float: left;
    list-style: none;
}

.search-group li a {
    text-indent: -8px;
    font-size: 16px;
    color: #444;
    margin-bottom: 10px;
    display: block;
    font-weight: bold;
}

.search-group li p {
    color: #666;
    line-height: 24px;
    margin-bottom: 36px;
}

.red {
    color: #ff0000;
}

.search-category {
    width: 220px;
    height: 120px;
    top: 50%;
    letter-spacing: 1px;
    text-align: center;
    margin-top: 80px;
    margin: 80px auto;
}

.search-category a {
    font-size: 20px;
    font-weight: bold;
    color: #444;
}

.search-category p {
    font-size: 16px;
    color: #888;
    line-height: 34px;
    border-top: 1px solid #cfcfcf;
    margin: 6px 0 12px 0;
}

.left-lis {
    border-right: none;
}

.search-pc {
    position: absolute;
    top: 8px;
    left: 5px;
    color: #ccc;
    z-index: 11;
    font-size: 20px;
}

.pad-l-35 {
    padding-left: 35px;
}

.search-block {
    width: 100%;
    height: 110px;
    overflow: hidden;
    background: url(/pyfile/images/search-bj.jpg) no-repeat center;
}

.hy-list {
    border-radius: 4px 4px 0px 0px !important;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
}

.hy-list:hover {
    color: #fff;
}

.sort-dao {
    padding: 1rem 0 0;
}

.industry-name {
    height: 174px;
    overflow: hidden;
    float: left;
    text-align: center;
}

.industry-name i {
    width: 50px;
    height: 50px;
    overflow: hidden;
    display: block;
    margin: 40px auto 0;
    background: url(/pyfile/images/industry-ico.png) no-repeat left top;
}

.industry-name p {
    overflow: hidden;
    line-height: 22px;
    margin: 10px auto;
    color: #333;
    font-weight: bold;
    font-size: 14px;
    display: block;
    letter-spacing: 1px;
}

.industry-name i.industry-ico1 {
    background-position: 0 -750px;
}

.industry-name i.industry-ico2 {
    /*background-position: 0 -50px;*/
    background-position: 0 -250px;
}

.industry-name i.industry-ico3 {
    background-position: 0 -100px;
}

.industry-name i.industry-ico4 {
    background-position: 0 -150px;
}

.industry-name i.industry-ico5 {
    background-position: 0 -200px;
}

.industry-name i.industry-ico6 {
    background-position: 0 -250px;
}

.industry-name i.industry-ico7 {
    background-position: 0 -550px;
}

.industry-name i.industry-ico8 {
    background-position: 0 -300px;
}

.industry-name i.industry-ico9 {
    background-position: 0 -350px;
}

.industry-name i.industry-ico10 {
    background-position: 0 -50px;
}

.industry-name i.industry-ico11 {
    background-position: 0 -550px;
}

.industry-name i.industry-ico12 {
    background-position: 0 -500px;
}

.industry-name i.industry-ico13 {
    background-position: 0 -450px;
}

.industry-name i.industry-ico14 {
    background-position: 0 -600px;
}

.industry-name i.industry-ico15 {
    background-position: 0 -650px;
}

.industry-name i.industry-ico16 {
    background-position: 0 -700px;
}

.industry-name i.industry-ico18 {
    background-position: 0 -400px;
}

.industry-category {
    overflow: hidden;
    float: left;
    border-left: 1px solid #eee;
}

.category-type {
    width: 95%;
    padding: 15px 0 0 5%;
}

.category-type:last-child {
    border-bottom: 0;
}

.category-type span {
    display: block;
    float: left;
    line-height: 32px;
    font-size: 14px;
    color: #666;
}

.category-item {
    float: left;
    width: 240px;
    position: relative;
}

.category-item a {
    float: left;
    width: 30px;
    height: 30px;
    overflow: hidden;
    display: block;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #666;
    margin: 0 15px 15px 0;
    border: 1px solid #bcbcbc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.core-category a:nth-child(5n) {
    margin-right: 30px;
}

.category-item a:hover {
    background-color: #337ab7;
    color: #fff;
    border: 1px solid #337ab7;
}

.page-arrow {
    height: 45px;
    overflow-y: hidden;
    position: relative;
}

.category-item b {
    width: 12px;
    height: 18px;
    overflow: hidden;
    position: absolute;
    top: 7px;
    cursor: pointer;
    z-index: 2;
}

.arrow-left {
    border: none !important;
    left: -31px !important;
    top: -17px !important;
    height: 45px !important;
}

.arrow-right {
    border: none !important;
    right: -17px !important;
    top: -17px !important;
    height: 45px !important;
}

.arrow-left:hover, .arrow-right:hover {
    background: none !important;
    border: none !important;
}

.rerelation .page-arrow {
    width: 500px;
    height: 90px;
}

.page-panel {
    width: 250px;
    height: 90px;
    overflow: hidden;
    float: left;
}

.rerelation b.arrow-left,
.rerelation b.arrow-right {
    top: 30px;
}

.industry-list:hover .industry-name {
    background-color: #babfdc;
}

.carousel-control.left {
    background: none;
}

.carousel-control.right {
    background: none;
}

.color-light-gray {
    color: #f1f1f1 !important;
}

/*商标分类样式结束*/


/*马德里计算器*/
.md-first {
    font-weight: bold;
    font-size: 24px;
}

.md-choose-line {
    border: 1px solid #ddd;
    border-left: none;
    border-right: none;
}

.pt6 {
    padding-top: 6px;
}

.checkbox-box {
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
}

.checkbox-box p {
    display: inline;
    font-weight: bold;
}

.pt20 {
    padding-top: 20px;
}

.pb20 {
    padding-bottom: 20px;
}

.pt10 {
    padding-top: 10px;
}

.top-lines {
    border-top: 1px solid #eee;
    padding-top: 10px;
}

.ft-b {
    font-weight: bold;
}

.clear-margin-top {
    margin-top: 0;
}

.madrid-price {
    background-color: #fff;
    text-align: center;
    font-size: 1.6rem;
    padding: 1.4rem 1.5rem;
    font-weight: 600;
}

.md-p {
    padding-top: 40px;
    padding-bottom: 30px;
}

.ml30 {
    margin-left: 30px;
}

.font-sm {
    font-size: 12px;
}

.lines-md {
    border-top: 1px solid #ccc;
}

/*马德里计算器结束*/

/*百科页面*/
.baike-menu {
    border: 1px solid #f60;
    border-left: none;
    border-right: none;

}

.baike-menu-choose {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 2px solid transparent;
}

.baike-menu-choose.active {
    border-color: #f60;
}

.baike-menu-choose a {
    color: #333;
}

.baike-menu-choose a:hover {
    color: #f60;
}

.baike-hot-list {
    /*list-style-type: none;*/
    padding-left: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.baike-hot-list li {

}

.baike-hot-list li a {
    display: block;
    color: #333;
    padding: 5px;
}

.baike-hot-list li a:hover {
    color: #f60;
}

.baike-title {
    font-size: 20px;
    border-left: 2px solid #f60;
    padding-left: 10px;
}

.baike-box {
    background-color: #fff;
}

.baike-recommend {
    padding: 15px 0;
}

.baike-recommend + .baike-recommend {
    border-top: 1px solid #eee;
}

.baike-recommend-title {
    display: block;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    padding-bottom: 15px;
}

.baike-recommend-title:hover {
    color: #f60;
}

.column-title {
    font-weight: bold;
    font-size: 16px;
    color: #333;
    display: block;
    padding-bottom: 5px;
}

.column-content {
    color: #999;
}

.box-pd-15 {
    padding: 15px;
}

.relation {
    padding: 3px 10px;
    border: 1px solid #999;
    border-radius: 10px;
    color: #999;
    margin: 5px;
    display: inline-block;
}

.relation:hover {
    border-color: #f60;
    color: #f60;
}

.baike-detail {
    border-bottom: 1px solid #eee;
    border-right: none;
}

.baike-detail-top-ibox {
    padding-left: 15px;
    padding-right: 15px;
}

.baike-detail-title {
    font-size: 22px;
    font-weight: bold;
    margin: 20px auto;
}

.baike-detail-submenu-box {
    border: 1px solid #fff;
    border-left: none;
    border-right: none;

}

.baike-detail-submenu-box.bac-gray {
    background-color: #f2f2f2;
}

.baike-detail-submenu {
    display: block;
    padding: 10px;
    /*border-right: 2px solid #eee;*/
    color: #333;
    font-size: 16px;
    line-height: 16px;
}

/*.baike-detail-submenu:nth-child(3n){*/
/*border-right: none;*/
/*}*/
.baike-detail-submenu span {
    color: #f60;
}

.baike-mu {
    font-size: 20px;
    font-weight: bold;
}

.baike-detail-submenu-ud {
    font-size: 16px;
    font-weight: bold;
    border-left: 5px solid #f60;
    margin-left: -15px;
    background-color: #f9f9f9;
    padding: 10px;
    margin-right: -15px;
}

.baike-relevant {
    list-style-type: none;
    padding-left: 0;
}

.baike-relevant li a {
    display: block;
    color: #333;
    padding: 5px 0;
}

.baike-relevant li a:hover {
    color: #f60;
}

.baike-left-box {
    border-top: 0;
    margin-top: 25px;
}

.baike-left-box + .baike-left-box {
    border-top: 1px solid #eee;
}

.baike-left-box h4 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.fixbox {
    position: fixed;
    bottom: 30%;
    width: 100%;
}

.rig_nav {
    position: relative;
    width: 90%;
    height: auto;
    padding: 0px;
    margin-top: 15px;
    background: url(/pyfile/images/rn_navbg.jpg) 0px 0px repeat-y;
}

.rig_nav:before {
    content: " ";
    top: -15px;
    z-index: 2;
    width: 32px;
    height: 20px;
    background: url(/pyfile/images/rn_navbgt.jpg) 0px 0px no-repeat;
    position: absolute;
}

.rig_nav:after {
    content: " ";
    bottom: -15px;
    z-index: 2;
    width: 32px;
    height: 20px;
    background: url(/pyfile/images/rn_navbgb.jpg) 0px 0px no-repeat;
    position: absolute;

}

.rig_nav ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.rig_nav ul.xzk {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 18%;
}

.rig_nav ul li {
    padding: 4px 0px;
    clear: both;
    line-height: 20px;
}

.rig_nav ul li .rn_listrad {
    display: inline-block;
    float: left;
    width: 15px;
    height: 15px;
    position: relative;
    top: 3px;
    background: url(/pyfile/images/rn_listrad.jpg) center center no-repeat;
    clear: both;
    font-size: 13px;
}

.rig_nav ul li .rn_listtxt {
    color: #999;
}

.rig_nav ul li a {
    color: #999;
    padding: 0px 5px;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
}

.rig_nav ul li a:hover {
    color: #f60;
}

.rig_nav ul li:hover .rn_listtxt {
    color: #f60;
}

.rig_nav ul li:hover .rn_listrad {
    background: url(/pyfile/images/rn_listrad_m.jpg) center center no-repeat;
}

.rig_nav ul li.active {
    color: #f60;
}

.rig_nav ul li.active .rn_listtxt {
    color: #f60;
}

.rig_nav ul li.active .rn_listrad {
    background: url(/pyfile/images/rn_listrad_m.jpg) center center no-repeat;
}

.rig_nav ul li.active a {
    color: #f60;
}

.mt5 {
    margin-top: 5px;
}

.search-history {
    display: inline-block;
    padding-right: 10px;
}

/*百科页面结束*/
@media (min-width: 768px) {
    .group-ul {
        border-right: 1px solid #ececec;
    }

    .modal-dialog {
        width: 530px;
        margin: 30px auto;
        margin-top: 238px;
    }

    .modal-content {
        border-top: 2px solid #ff6600;
    }

    .padding-search-box {
        padding: 0;
    }

    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px;
    }

    .news-index-box {
        height: 375px;
        width: auto;
        position: relative;
    }

    .news-in-box {
        width: 100%;
        height: 375px !important;
        display: block;
        position: relative;
    }

    .news-in-box-img {
        width: 100%;
        height: 375px !important;
        margin: auto;
    }

    .news-index-box-sm {
        float: left;
        display: none;
    }

    .kfloor {
        height: 130px;
        width: 100%;
    }

    .search-top {
        border-right: none;
    }

    .left-lis {
        border-right: none;
    }

    .baike-detail-top-ibox {
        padding-left: 0px;
        padding-right: 0px;
    }

    .baike-detail {
        border-bottom: none;
        border-right: 1px solid #eee;
    }
}

@media (min-width: 992px) {
    .group-ul {
        border-right: 1px solid #ececec;
    }

    .padding-search-box {
        padding: 0;
    }

    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px;
    }

    .news-index-box {
        height: 375px;
        width: auto;
        position: relative;
    }

    .news-in-box {
        width: 600px;
        height: 375px !important;
        display: block;
        position: relative;
    }

    .news-in-box-img {
        width: 100%;
        height: 375px !important;
        margin: auto;
    }

    .news-index-box-sm {
        float: left;
        display: none;
    }

    .kfloor {
        height: 150px;
        width: 263px;
    }

    .search-top {
        border-right: 2px dotted #fff;
    }

    .left-lis {
        border-right: 2px dotted #337ab7;
    }

    .baike-detail-top-ibox {
        padding-left: 0px;
        padding-right: 0px;
    }

    .baike-detail {
        border-bottom: none;
        border-right: 1px solid #eee;
    }
}

@media (min-width: 1200px) {
    .group-ul {
        border-right: 1px solid #ececec;
    }

    .padding-search-box {
        padding: 0;
    }

    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px;
    }

    .news-index-box {
        height: 375px;
        width: auto;
        position: relative;
    }

    .news-in-box {
        width: 600px;
        height: 375px !important;
        display: block;
        position: relative;
    }

    .news-in-box-img {
        width: 100%;
        height: 375px !important;
        margin: auto;
    }

    .news-index-box-sm {
        float: left;
        display: block;
    }

    .kfloor {
        height: 150px;
        width: 263px;
    }

    .search-top {
        border-right: 2px dotted #fff;
    }

    .left-lis {
        border-right: 2px dotted #337ab7;
    }

    .baike-detail-top-ibox {
        padding-left: 0px;
        padding-right: 0px;
    }

    .baike-detail {
        border-bottom: none;
        border-right: 1px solid #eee;
    }
}

.nav > li > a:focus, .nav > li > a:hover {

}

.nav-subnav {
    background-color: #f60;
    z-index: 1111;
}

.nav-subnav li a:hover {
    color: #fff;
    background-color: #f60;
}

.navbar-menu > li .dropdown-menu:before {
    position: absolute;
    top: -16px;
    left: 30px;
    border: 8px solid #999;
    border-color: transparent transparent #ccc transparent;
    display: block;
    content: " ";
}

.navbar-menu > li .dropdown-menu:after {
    position: absolute;
    top: -15px;
    left: 30px;
    border: 8px solid #fff0f0;
    border-color: transparent transparent #fff transparent;
    display: block;
    content: " ";
}

.btn-article {
    display: inline-block;
    padding: 6px 12px;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-article-consult {
    border: 1px solid #c5d7e3;
    background: #deebf4 url(/pyfile/images/l-f.png) no-repeat 10px center;
    color: #485773;
    line-height: 40px;
}

.btn-article-consult:hover {
    color: #3f4c64;
}

.btn-article-submit {
    background: #f4e8de url(/pyfile/images/r-f.png) no-repeat 10px center;
    border: 1px solid #e3d1c1;
    color: #c68363;
    line-height: 40px;
}

.btn-article-submit:hover {
    color: #ae7357;
}

.message-prompt {
    display: inline-block;
    background-color: red;
    padding: 1px 8px;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    border-radius: 12px;
    webkit-animation: breathe 1000ms ease infinite;
    -moz-animation: breathe 1000ms ease infinite;
    -o-animation: breathe 1000ms ease infinite;
    animation: breathe 1000ms ease infinite;
}

@-webkit-keyframes breathe {
    0% {
        opacity: .2;
        box-shadow: 0 1px 5px rgba(255, 0, 0, 0.1)
    }
    100% {
        opacity: 1;
        box-shadow: 0 1px 10px rgba(255, 0, 0, 0.5)
    }
    50% {
        opacity: 1;
        box-shadow: 0 1px 3px #ff0000
    }
}

@-moz-keyframes breathe {
    0% {
        opacity: .2;
        box-shadow: 0 1px 5px rgba(255, 0, 0, 0.1)
    }
    100% {
        opacity: 1;
        box-shadow: 0 1px 10px rgba(255, 0, 0, 0.5)
    }
    50% {
        opacity: 1;
        box-shadow: 0 1px 3px #ff0000
    }
}

@-o-keyframes breathe {
    0% {
        opacity: .2;
        box-shadow: 0 1px 5px rgba(255, 0, 0, 0.1)
    }
    100% {
        opacity: 1;
        box-shadow: 0 1px 10px rgba(255, 0, 0, 0.5)
    }
    50% {
        opacity: 1;
        box-shadow: 0 1px 3px #ff0000
    }
}

@keyframes breathe {
    0% {
        opacity: .2;
        box-shadow: 0 1px 5px rgba(255, 0, 0, 0.1)
    }
    100% {
        opacity: 1;
        box-shadow: 0 1px 10px rgba(255, 0, 0, 0.5)
    }
    50% {
        opacity: 1;
        box-shadow: 0 1px 3px #ff0000
    }
}

/*问答页样式*/
.wd-q-top-link {
    color: #666;
    padding-bottom: 7px;
}

.wd-qus-nav {
}

.wd-qus-nav a:hover {
    color: #fff !important;
}

.wd-afq-list {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.wd-afq-list a {
    font-size: 14px;
    color: #666;
}

.wd-afq-list a:hover {
    color: #f60;
}

.wd-as {
    background-color: #f4f4f4;
    margin-top: 5px;
    color: #999;
}

/*问答页样式完*/


/**/
.hot {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: url(/pyfile/images/hot.png) no-repeat;
    height: 48px;
    width: 48px;
    z-index: 2;
}

.index-banner h1 {
    font-size: 52px;
    font-weight: bold;
    margin-bottom: 30px;
    color: #fff;
    letter-spacing: 3px;
    text-shadow: 1px 1px 1px #333;
}

.index-banner h3 {
    margin-bottom: 30px;
    color: #fff;
    font-size: 26px;
}

.company-title-sed {
    font-size: 20px;
    color: #fff;
    line-height: 2;
    word-spacing: 10px;
    letter-spacing: 3px;
    text-shadow: 1px 1px 1px #333;
}

.title-all-title {
    color: #333;
    font-size: 40px;
    font-weight: bold;
}

.title-all-title span {
    border-bottom: 2px solid #dedede;
    display: inline-block;
    padding: 40px 40px 20px;
}

.title-all-title-f {
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: 1px;
    color: #999;
    padding-top: 5px;
    margin-bottom: 20px;
}

.patent-country-box {
    float: left;
    width: 234px;
    text-align: center;
    margin-bottom: 15px;
}

.patent-country-outbox {

}

.patent-country-inbox {
    height: 180px;
    width: 180px;
    margin: auto;
    position: relative;
    display: block;
    cursor: pointer;
}

.patent-ontent-box {
    height: 180px;
    width: 180px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    color: #fff;
    text-align: center;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.patent-country-title {
    margin-top: 50%;
    font-size: 22px;
}

.patent-country-title1 {
    margin-top: 50%;
    font-size: 22px;
}

.patent-country-details {
    display: none;
}

.patent-country-inbox:hover .patent-country-title {
    margin-top: 10%;
}

.patent-country-inbox:hover .patent-country-title1 {
    margin-top: 30%;
}

.patent-country-inbox:hover .patent-country-details {
    display: block;;
}

.tab-header-expert.active {
    color: #f60;
    text-decoration: none;
    border-bottom: 2px solid #f60;
}

.tab-header-expert {
    padding: 5px 15px;
    display: inline-block;
    color: #888;
    border-bottom: 2px solid #dedede;
    cursor: pointer;
    font-size: 16px;
}

.tab-header-expert:hover {
    text-decoration: none;
    border-bottom: 2px solid #f60;
}

.patent-box {
    padding: 20px 30px;
    line-height: 2.8;
    height: 280px;
    text-align: left;
}

.patent-benefit-box {
    background-color: #fff;
    padding: 15px 0;
    border: 1px solid #ddd;
}

.patent-sm-title {
    font-weight: bold;
    font-size: 20px;
}

.patent-a {
    color: #3399cc !important;
}

.patent-left-arrow {

}

.patent-left-arrow:before {
    position: absolute;
    top: 20%;
    right: -7%;
    border: 12px solid #d9edf7;
    border-color: transparent transparent transparent #d9edf7;
    display: block;
    content: " ";
}

.patent-service-box {
    background: #fffdf5;
}

.patent-service-detail {
    list-style: none;
    margin-top: 20px;
}

.patent-service-detail li {
    padding-bottom: 10px;
    color: #666;
}

.patent-service-box.sed {
    padding: 20px 0;
    background-color: #ffeddd;
}

.patentbox:hover .pask {
    display: block;
}

.pask {
    display: none;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0.96;
    position: absolute;
    top: 0;
    left: 0;
    width: 89%;
    height: 100%;
    margin: 0 15px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.pask p {
    text-align: center;
    margin-top: 30%;
}

.index-banner.patent {
    background: url(/pyfile/images/patent.jpg) no-repeat center bottom;
    background-size: cover;
}

.btn-patent {
    width: 80%;
    font-size: 16px;
}

.btn-success {
    color: #fff !important;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.banner-message {
    height: 24px;
    overflow: hidden;
}

.swiper-wrapper1 {
    overflow: hidden;
    width: 100%;
}

.swiper-wrapper1 {
    color: #999;
    height: auto;
}

.message-box-gd {
    margin-bottom: 40px;
}

.message-box-out {
    color: #fff;
    padding: 10px 0;
    margin-bottom: 0;
}

.message-box-out span {
    color: #fff;
}

.btn-lines {
    color: #eea236 !important;
    background-color: #fff;
    border: 3px solid transparent;
    border-color: #eea236;
    padding: 7px 12px 8px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 6px;
}

.btn-lines:hover {
    border-color: #f60;
    color: #f60 !important;
}

.tool-arrow {
}

.tool-arrow:before {
    margin-right: -0.8em !important;
    color: #ff9900;
}


.index-banner.newcom {
    background: url(/pyfile/images/com-new-banner.png) no-repeat center bottom;
    background-size: cover;
}

.com-h2 {
    display: inline-block;
    border: 1px solid #fff;
    border-left: 0;
    border-right: 0;
    padding: 10px;
    color: #fff;
    text-align: center;
    margin: auto auto;
    letter-spacing: 0.6em;
}

.com-news-list {
    list-style: none;
    padding: 0;
}

.com-news-list li {
    margin-bottom: 10px;
}

.com-news-imgbox {
    height: 120px;
    overflow: hidden;
}

.com-news-imgbox img {
    max-width: 100%;
}

.com-news-title {
    font-size: 16px;
    font-weight: bold;
    margin-top: 0;
}

.com-news-title1 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.com-news-detail-mews {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.com-new-all-tilte {
    border-bottom: 1px solid #999;
    margin-bottom: 20px;
}

.com-new-all-tilte h4 {
    margin: 0;
    border-left: 5px solid #f60;
    color: #333;
}

.margin-left-15 {
    margin-left: 15px;
}

.margin-right-15 {
    margin-right: 15px;
}

.pb10 {
    padding-bottom: 10px;
}

.com-news-list1 {
    list-style: none;
    padding: 0;
}

.com-news-list1 li {
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
}

.com-question {
    float: left;
    padding: 10px;
    background-color: #ccc;
    margin-right: 10px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    border-radius: 10px;
}

.com-answer {
    float: left;
    padding: 10px;
    background-color: #ffa466;
    margin-right: 10px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    border-radius: 10px;
    font-weight: bold;
}

.com-as-title {
    padding-top: 10px;
    display: inline-block;
    color: #666;
}

.figure-box {
    height: 404px;
    background: url(/pyfile/images/figure-back.png) no-repeat top left #f9f9f9;
    border-radius: 10px;
    box-shadow: 0px 0px 14px #aaa;
    margin: 10px 0;
}

.adviser {
    font-size: 40px;
    font-weight: bold;
}

.adviser-en {
    font-size: 24px;
    color: #999;
}

.adviser-en-tag {
    color: #999;
    font-size: 18px;
    font-weight: normal;
    padding-top: 15px;
    border-top: 1px solid #ccc;
}

.contact-way {
    font-size: 16px;
    color: #999;
}

.com-change {
    background: none !important;
}

.com-xsp {
    width: 20%;
    float: left;
}

.com-ex-box {
    padding: 10px 15px;
    text-align: center;
}

.com-ex-box img {
    max-width: 80%;
    border: 1px solid #ddd;
}

.com-certificate {
    display: block;
    cursor: pointer;
}

.com-certificate:hover {
    text-decoration: none;
}

.com-news-lhbox {
    height: 380px;
    width: 100%;
    overflow: hidden;
}

.com-shade {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    background-color: #000;
    opacity: 0.6;
    display: none;
}

.close-imgbox {
    position: absolute;
    top: 0;
    right: 15px;
    height: 30px;
    width: 30px;
    color: #999;
    z-index: 1111111;
    font-size: 30px;
}

.comshow-box {
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 4px #999;
    text-align: center;
}

.comshow-box-title {
    text-align: center;
    font-size: 20px;
    color: #f60;
    font-weight: bold;

}

.comshow-box-detail-out {
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 0px 0px 10px 10px;
}

.comshow-box-detail {
    padding: 10px 15px 0;
    color: #fff;
    text-align: left;
    line-height: 1.7;
    z-index: 1;
    position: relative;

}

.comshow-box img {
    width: 100%;
}

.black {
    background-color: rgba(0, 0, 0, 0.7);
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0px 0px 10px 10px;
}

.hd-service-right {
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 11;
}

.newbox-zc-head {
    background-color: #efefef;
    text-align: center;
    padding: 15px;
    border-radius: 10px 10px 0 0;
    position: relative;
}

.hd-scales {
    display: inline-block;
    z-index: 10;
    animation: scales 1.5s infinite;
    -weikit-animation: scales 1.5s infinite;
    -moz-animation: scales 1.5s infinite;
    -o-animation: scales 1.5s infinite;
}

@keyframes scales {
    0% {
        transform: scale(.8);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(.8);
    }
}

.jian426 {
    width: 74px;
    display: inline-block;
}

.jian426 img {
    width: 100%;
}

.jian426-under {
    display: inline-block;
    margin-left: -15px;
    vertical-align: -15px;
}

.newbox-list li.text-426-pink {
    color: #ff5d72;
}

.newbox-list li.text-426-purple {
    color: #ac02fb;
}


/*新加坡公司*/
.com-h2-2 {
    display: inline-block;
    border: 1px solid #fff;
    border-left: 0;
    border-right: 0;
    padding: 10px;
    color: #fff;
    text-align: center;
    margin: auto auto;
    letter-spacing: 0.3em;
    font-size: 24px;
}

.tuc {
    font-size: 60px;
    color: #fffc00;
}

.tuc1 {
    font-size: 33px;
    color: #fffc00;
}

.sg-sp {
    margin: 0 auto;
    position: relative;
    display: inline-block;
}

.sg-index-banner-h1 {
    letter-spacing: 0.6rem;
}

.sg-index-banner-h3 {
    letter-spacing: 0.15rem;
}

.sg-sp-tag {
    text-align: left;
    color: #fff;
    text-shadow: 1px 1px 1px #333;
    font-size: 20px;
}

.text-left {
    text-align: left;
}

.sgpask {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    opacity: 0.96;
    position: absolute;
    top: 0;
    left: 0;
    width: 89%;
    height: 100%;
    margin: 0 15px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.sgpask-in {
    padding-top: 25%;
    font-size: 24px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.sgpask-in.fst {
    font-weight: bold;
    color: #fffc00;
}

.sgpask:hover .sgpask-in {
    padding-top: 20%;
}

.sgpask-in-0913 {
    padding-top: 15%;
    font-size: 20px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.sgpask-in-0913.fst {
    font-weight: bold;
    color: #fffc00;
}

.sgpask:hover .sgpask-in-0913 {
    padding-top: 20%;
}

.sg-lc-zt {
    font-size: 24px;
}

.sg-lc-last {
    display: inline;
    vertical-align: middle;
}

.sg-exr-title {
    padding: 15px 15px 0;
    border-top: 2px solid #eee;
}

.sg-exr-box {
    padding: 5rem 5rem 0;
}

.sg-datum {
    border: 1px solid #ddd;
    background-color: #fff;
    text-align: left;
}

.sg-datum:before {
    content: ' ';
    border: 1px solid #ddd;
    /* border-bottom: none; */
    box-shadow: 1px 0 3px rgba(0, 0, 0, .1);
    position: absolute;
    left: 15px;
    right: 15px;
    background: #fff;
    height: 100%;
    bottom: -6px;
    z-index: -1;
}

.sg-datum:after {
    content: ' ';
    border: 1px solid #ccc;
    /* border-bottom: none; */
    box-shadow: 1px 0 3px rgba(0, 0, 0, .1);
    position: absolute;
    left: 15px;
    right: 15px;
    background: #fff;
    height: 100%;
    bottom: -12px;
    z-index: -2;
}

.sedatum-title {
    background-color: #ffe8db;
    padding: 10px;
    margin-left: -10px;
    margin-top: -1px;
    font-size: 18px;
    font-weight: bold;
    margin-right: -10px;
}

.sedatum-title:before {
    position: absolute;
    top: 45px;
    left: 6px;
    border: 5px solid #fed7c0;
    border-color: #fed7c0 #fed7c0 transparent transparent;
    display: block;
    content: " ";
}

.sedatum-title:after {
    position: absolute;
    top: 45px;
    right: 6px;
    border: 5px solid #fed7c0;
    border-color: #fed7c0 transparent transparent #fed7c0;
    display: block;
    content: " ";
}

.sedatum-title.sed {
    background-color: #ceeeff;
}

.sedatum-title.sed:before {
    position: absolute;
    top: 45px;
    left: 6px;
    border: 5px solid #b1def6;
    border-color: #b1def6 #b1def6 transparent transparent;
    display: block;
    content: " ";
}

.sedatum-title.sed:after {
    position: absolute;
    top: 45px;
    right: 6px;
    border: 5px solid #b1def6;
    border-color: #b1def6 transparent transparent #b1def6;
    display: block;
    content: " ";
}

.sedatum-title.thi {
    background-color: #ffdadf;
}

.sedatum-title.thi:before {
    position: absolute;
    top: 45px;
    left: 6px;
    border: 5px solid #f7c3ca;
    border-color: #f7c3ca #f7c3ca transparent transparent;
    display: block;
    content: " ";
}

.sedatum-title.thi:after {
    position: absolute;
    top: 45px;
    right: 6px;
    border: 5px solid #f7c3ca;
    border-color: #f7c3ca transparent transparent #f7c3ca;
    display: block;
    content: " ";
}

.sedatum-title.fou {
    background-color: #d5fff4;
}

.sedatum-title.fou:before {
    position: absolute;
    top: 45px;
    left: 6px;
    border: 5px solid #baf5e6;
    border-color: #baf5e6 #baf5e6 transparent transparent;
    display: block;
    content: " ";
}

.sedatum-title.fou:after {
    position: absolute;
    top: 45px;
    right: 6px;
    border: 5px solid #baf5e6;
    border-color: #baf5e6 transparent transparent #baf5e6;
    display: block;
    content: " ";
}

.sedatum-detail {
    padding: 15px;
    min-height: 240px;
}

.sedatum-detail li {
    list-style: none;
    margin-bottom: 10px;
    color: #666;
}

.index-banner.singapore {
    background: url(/pyfile/images/sg-new-banner.jpg) no-repeat center bottom;
    background-size: cover;
}

.address-top {
    padding-top: 10px;
}

.news-un-title {
    display: block;
    color: #666;
}

.news-un-mt {
    font-weight: bold;
    color: #f90;
}

.text-gray-dark6 {
    color: #666;
}

/*新银行开户*/
.bank-flo-under-line {
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    text-align: left;
}

.bank-flo-up-line {
    border-top: 1px solid #ddd;
    background-color: #fff;
    text-align: left;
}

.index-banner.openbank {
    background: url(/pyfile/images/banner-bank.jpg) no-repeat center bottom;
    background-size: cover;
}

.com-h2-2.bank {
    font-size: 22px;
    letter-spacing: normal;
}

.openbank-icon {

}

.openbank-icon:before {
    position: absolute;
    top: 20%;
    right: -7%;
    border: 12px solid #ffcdb2;
    border-color: transparent transparent transparent #ffcdb2;
    display: block;
    content: " ";
}

.bank-benefit-box {
    background-color: #fff;
    border: 1px solid #ff0000;
    text-align: center;
    margin-bottom: 20px;
    display: block;
    padding: 5px 0;
    cursor: pointer;
    position: relative;
}

.bank-benefit-box img {
    width: 80%;
}

.bank-benefit-box:hover .bmask {
    display: block;
}

.bmask {
    display: none;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0.96;
    position: absolute;
    top: 0;
    left: -15px;
    width: 100%;
    height: 100%;
    margin: 0 15px;
}

.c-bank-icon1 {
    background: url(/pyfile/images/c-bank-icon1.png) no-repeat center bottom;
    height: 34px;
    width: 34px;
    display: inline-block;
    margin-right: 15px;
    background-size: contain;
    vertical-align: middle;
}

.c-bank-icon2 {
    background: url(/pyfile/images/c-bank-icon2.png) no-repeat center bottom;
    height: 34px;
    width: 34px;
    display: inline-block;
    margin-right: 15px;
    background-size: contain;
    vertical-align: middle;
}

.c-bank-icon3 {
    background: url(/pyfile/images/c-bank-icon3.png) no-repeat center bottom;
    height: 34px;
    width: 34px;
    display: inline-block;
    margin-right: 15px;
    background-size: contain;
    vertical-align: text-bottom;
}

.bankacc-title {
    padding-bottom: 10px;
    border-bottom: 2px solid #ddd;
    font-size: 24px;
    font-weight: bold;
}

.bank-lc-box {
    width: 20%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.dujia {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 30px;
    width: 67px;
    z-index: 1;
    background: url(/pyfile/images/du.png) no-repeat;
}

.sglinks {
    color: #333 !important;
}

.sglinks:hover {
    color: #f60 !important;
}

/*新美国公司*/
.index-banner.newus {
    background: url(/pyfile/images/banner-am.jpg) no-repeat center center;
    background-size: cover;
}

.usa-sd {
    color: #fff;
    letter-spacing: 1px;
}

.state-title {
    text-align: left;
    font-size: 16px;
    border-left: 3px solid #f60;
    padding-left: 15px;
    margin-left: 15px;
}

.state {
    cursor: pointer;
    text-align: center;
    position: relative;
    display: block;
    padding-top: 10px;
    border: 1px solid #fff;
    border-radius: 5px;
    margin-bottom: 10px;
}

.state img {
    width: 70%;
    opacity: 0.4;
}

.state p {
    color: #666;
    margin-top: 10px;
}

.state:hover {
    opacity: 1;
    text-decoration: none;
    border: 1px solid #ff9900;
}

.state:hover p {
    color: #f60;
    text-decoration: none;
    font-weight: bold;
}

.state:hover img {
    opacity: 1;
}

.state.active {
    opacity: 1;
    border: 1px solid #ff9900;
}

.state-box.active > .state {
    opacity: 1;
    border: 1px solid #ff9900;
}

.state-box.active > .state p {
    color: #f60;
    font-weight: bold;
}

.state-box.active > .state img {
    opacity: 1;
}

.state.active p {
    color: #f60;
}

.state-detail-title {
    text-align: left;
    font-size: 20px;
    border-left: 3px solid #f60;
    padding-left: 15px;
}

.state-detail-titlesd {
    font-size: 16px;
}

.state-detail-box {
    background: url(/pyfile/images/us-map.jpg) no-repeat center center #fff;
    background-size: contain;
    border-radius: 7px;
    margin: 30px 15px;
    padding: 15px;
    text-align: left;
    display: none;
}

.state-detail-box.active {
    display: block;
}

.state-out {
    border: 1px solid #efefef;
    border-left: 0;
}

.text-line-orange {
    color: #ffcdb2;
}

.text-gray-dark {
    color: #666;
}

.usa-arrow {

}

.usa-arrow:before {
    position: absolute;
    top: 40%;
    right: -6%;
    border: 15px solid #f1f1f1;
    border-color: transparent transparent transparent #f1f1f1;
    display: block;
    content: " ";
}

.title-lc {
    font-size: 20px;
    font-weight: bold;
}

.usa-detail-lc {
    border-top: 2px dotted #f90;
    margin-top: 10px;
    padding-top: 10px;
    color: #999;
}

.usa-detail-lc:before {
    position: absolute;
    top: 60%;
    right: -8%;
    border: 12px solid #ffcdb2;
    border-color: transparent transparent transparent #ffcdb2;
    display: block;
    content: " ";
}

.btn-com-lines {
    background-color: #efefef;
    border: 3px solid transparent;
    padding: 7px 12px 8px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 6px;
    display: block;
    cursor: pointer;
    color: #666666;
}

.btn-com-lines:hover {
    color: #fff;
    background-color: #f60;
    text-decoration: none;
}

.btn-com-lines.active {
    color: #fff;
    background-color: #f60;
    border-color: #f60;
}

.com-us-ms {
    position: absolute;
    right: 20px;
    top: 10px;
    display: block;
    height: 14px;
    width: 25px;
    z-index: 1;
    background: url(/pyfile/images/ms.png) no-repeat;
}

.state-detail-height {
    height: 253px;
}

.tuc2 {
    font-size: 28px;
    color: #fffc00;
    text-shadow: 2px 2px 2px #000;
}

.uer-password-back-line {
    margin-bottom: -30px;
}

.uer-password-back-line-inline {
    height: 3px;
    width: 50%;
    float: left;
    background-color: #eee;
    position: absolute;
    bottom: 49px;
}

.upbll-l {
    left: 0;
}

.upbll-r {
    right: 0;
}

.uer-password-back-line-inline.active {
    background-color: #f60;
}

.upbr {
    position: relative;
    z-index: 2;
}

.uer-ps-bc-rd {
    height: 30px;
    width: 30px;
    border-radius: 20px;
    background-color: #eee;
    color: #aaa;
    display: inline-block;
    padding: 3px 10px;
    font-size: 18px;
    font-weight: bold;
}

.uer-ps-bc-rd.active {
    background-color: #f60;
    color: #fff;
}

.login-zbj {
    display: inline-block;
    margin: 30px auto 10px;
    padding: 20px 30px;
    border: 1px solid #f60;
    border-radius: 5px;
    background-color: #fff9f4;
}

.login-zbj img {
    width: 80%;
}

.quan-back {
    width: 640px;
    margin: 0 auto;
    background: url(/pyfile/images/quan-back.jpg) no-repeat;
    background-size: cover;
    height: auto;
}

.quan-inbox {
    padding: 1rem;
    background-color: #fff2dd;
    border-radius: 10px;
}

.quan-debox {
    padding: 1rem;
    background-color: #f7a887;
    border-radius: 10px;
}

.quan-right {
    width: 22%;
    float: right;
    cursor: pointer;
}

.quan-box {
    padding: 1rem 2rem;
}

.quan-left {
    width: 70%;
    float: left;
}

.icon-login-lg {
    font-size: 20px;
    line-height: 0;
}

.ft12 {
    font-size: 12px;
}

.login-arrow {
    margin-left: -10px;
    vertical-align: -2px;
}

.stp-rd {

}

.stp-rd p {
    color: #999;
}

.stp-rd.active p {
    color: #f60;
}

.text-blue {
    color: #337ab7 !important;
}

.text-blue:hover {
    color: #f60 !important;
}

.landing-nb-left {
    width: 100px;
    float: left;
}

.dropdown-menu {
    margin: -2px 0 0 !important;
}

.navbar-logo .navbar-menu > li .dropdown-menu.tmak {
    width: 400px;
}

.tmak-nav-left {
    list-style: none;
    padding: 0;
}

.tmak-nav-img {
    width: 80%;
}

.navbar-logo .navbar-menu > li .dropdown-menu:before {
    left: 198px;
}

.navbar-logo .navbar-menu > li .dropdown-menu:after {
    left: 198px;
}

.dropdown-menu:before {
    left: 100px;
}

.dropdown-menu li {
    padding: 0px 30px 0px 30px;
    line-height: 30px;
}

.lading-black {
    background: url(/pyfile/images/landing-black.jpg) no-repeat top center;
    background-size: cover;
    height: 600px;
}

.bg-blue {
    background-color: #d9edf7;
}

.upgrade-tag {
    list-style: none;
    padding-left: 15px;
}

.upgrade-tag li {
    padding-bottom: 5px;
    color: #999;
    font-size: 12px;
}

.jp-gk {
    border: 2px dashed #ccc;
    border-radius: 7px;
    padding: 10px;
    color: #999;
}

/*88活动*/
.hd-88-tc-b-box {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
}

.hd-88-tc-btn-box {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 0;
    background-color: #f14d4b;
    padding: 0 0 30px;
}

.hd-88-tc-b {
    background: url(/pyfile/images/hd-88-sb-tcz.jpg) no-repeat #f14d4b;
    display: inline-block;
    background-size: contain;
    width: 650px;
    height: 510px;
    position: relative;
    z-index: 100;
}

.hd-88-tc-b-underbox {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
}

.hd-clese {
    font-size: 30px;
    background: none;
    border: none;
    float: right;
    opacity: 0.5;
}

.hd-clese:hover {
    opacity: 0.8;
}

/*新版底部样式*/
.footer-nav {
    list-style: none;
    padding-left: 0;
}

.footer-nav li {
    width: 25%;
    float: left;
}

.footer-nav li a {
    display: block;
    padding: 3px 10px;
    background-color: #5a5a5a;
    margin: auto 2px;
    text-align: center;
    cursor: pointer;
    position: relative;
}

.footer-nav li:hover a {
    background-color: #40506a;
}

.footer-nav li.active a {
    background-color: #40506a;
}

.footer-nav li a:hover:before, .footer-nav li.active a:before {
    position: absolute;
    bottom: -19px;
    right: 41%;
    border: 10px solid #40506a;
    border-color: #40506a transparent transparent transparent;
    display: block;
    content: " ";
    z-index: 1;
}

.swhz {
    display: none;
    text-align: center;
    padding: 5px 10px;
    background-color: #40506a;
    z-index: 1;
    position: absolute;
    top: 30px;
    left: 0;
}

.swhz:before {
    position: absolute;
    top: -19px;
    left: 25%;
    border: 10px solid #40506a;
    border-color: transparent transparent #40506a transparent;
    display: block;
    content: " ";
    z-index: 1;
}

.footer-subnav a:hover .swhz {
    display: inline-block;
}

.footer-subnav {

}

.footer-subnav a {
    text-align: center;
    line-height: 16px;
    width: 25%;
    float: left;
    color: #d3d3d3 !important;
    margin-bottom: 10px;
}

.footer-subnav a:first-child {
    border-left: 3px solid #5a5a5a;
}

.footer-wx {
    background-color: #5a5a5a;
    padding: 10px;
}

.footer-dino {
    display: none;
}

.footer-dino.active {
    display: block;
}

/*侧边咨询*/
.banc-top {
    display: none !important;
}

.servicebar-all {
    z-index: 111;
    position: relative;
}

.tc-closes {
    top: 10px;
    position: absolute;
    right: 0;
}

.tc-ws {
    position: relative;
    width: 531px;
    margin: auto;
}

.servicebar-c {
    position: fixed;
    top: 25%;
    width: 100%;
}

.btn-blue-tc {
    color: #fff !important;
    color: #fff;
    background-color: #1376cb;
    border-color: #1376cb;
}

.btn-tc {
    width: 130px;
    border-radius: 3px 5px;
    border: none;
    display: block;
    padding: 5px;
}

.inb {
    padding: 10px 21px;
    margin-top: 70px;
}

.servicebar-l {
    position: fixed;
    top: 25%;
    left: 10px;
    z-index: 1000;
}

.online-le-dh {
    background: url(/pyfile/images/dh-bac.png) no-repeat left top;
    width: 171px;
    height: 171px;
    float: left;
}

.online-le-dh-ts {
    background: url(/pyfile/images/dh-bac2.png) no-repeat left top;
    width: 210px;
    height: 86px;
    float: left;
}

.online-le-dh-ts p {
    padding: 5px 10px;
    color: #1376cb;
}

#servicebutton {
    position: absolute;
    left: -200px;
}

#serviceinfo {
    position: absolute;
    left: 0px;
}

.online-lg {
    background: url(/pyfile/images/on-back1.png) no-repeat left top;
    width: 148px;
    height: 480px;
}

.servicebar {
    top: 20%;
    left: 10px;
}

.p-lr-kd {
    padding: 0 22px 0 14px;
}

.new-tc-box-top {
    color: #fff;
    background-color: #5ba4ed;
    height: 50px;
    line-height: 30px;
    padding: 10px 15px;
}

.new-tc-box-out {
    border: 1px solid #d5d5d5;
    background-color: #fff;
    color: #333;
}

.oline-r-pc {
    width: auto !important;
    padding-top: 30px;
    padding-bottom: 7px;
}

.ri-fh {
    padding: 18px 0px;
    color: #fff !important;
    cursor: pointer;
    position: relative;
}

.ri-fh:hover {
    color: #fafa03 !important;
    text-decoration: none;
}

/*新关于我们*/
.pr-banner.sv-news {
    background: url(/pyfile/images/pc-ab-sevices-banner.jpg) no-repeat top center;
    background-size: cover;
    height: 473px;
}

.new-ab-title {
    font-size: 44px;
    font-weight: bold;
    color: #f60;
    padding: 30px 0 15px;
    letter-spacing: 10px;
    text-indent: 10px
}

.new-ab-titlesd {
    font-size: 20px;
    color: #666;
}

.service-tm-box {
    height: 345px;
    position: relative;
    background-color: #fff;
    z-index: 4;
}

.service-tm-box:before {
    content: " ";
    border: 2px solid #ff6147;
    height: 345px;
    width: 100%;
    position: absolute;
    left: -10px;
    top: 10px;
    z-index: 5;
}

.service-tm-box:after {
    content: " ";
    background-color: #f2dbdb;
    height: 345px;
    width: 100%;
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: -1;
}

.service-tm {
    background: url(/pyfile/images/pc-ab-services-tm-icon.png) no-repeat 82px 234px, -webkit-linear-gradient(top, #ff6147, #ffe078);
    height: 345px;
}

.service-tm-sm {
    height: 100px;
    width: 100px;
    display: inline-block;
    background: url(/pyfile/images/pc-ab-services-tm-icon-sm.png) no-repeat;
    background-size: contain;
}

.service-co-box {
    height: 345px;
    position: relative;
    background-color: #fff;
    z-index: 4;
}

.service-co-box:before {
    content: " ";
    border: 2px solid #269bff;
    height: 345px;
    width: 100%;
    position: absolute;
    left: -10px;
    top: 10px;
    z-index: 5;
}

.service-co-box:after {
    content: " ";
    background-color: #c8e2fc;
    height: 345px;
    width: 100%;
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: -1;
}

.service-co {
    background: url(/pyfile/images/pc-ab-services-co-icon.png) no-repeat 82px 234px, -webkit-linear-gradient(top, #269bff, #abf9ff);
    height: 345px;
}

.service-tm-co {
    height: 100px;
    width: 100px;
    display: inline-block;
    background: url(/pyfile/images/pc-ab-services-co-icon-sm.png) no-repeat;
    background-size: contain;
}


.service-ts-wt {
    background-color: #fff;
    height: 345px;
}

.service-ts-wt-in {
    padding: 15px;
    margin-top: 10px;
}

.tm-services-c {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    flex-direction: column;
}

.tm-services-c h4 {
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    margin-top: 30px;
    letter-spacing: 4px;
    text-indent: 4px;
}

.tm-services-c p {
    text-transform: uppercase;
    letter-spacing: 2px;
    text-indent: 2px;
}

.tm-services-c-list {
    padding: 0;
    margin-top: 30px;
}

.tm-services-c-list li {
    list-style: none;
    float: left;
    width: 25%;
    padding: 10px 0 15px;
    margin-bottom: 15px;
    color: #888;
    position: relative;
    text-align: center;
    border-bottom: 1px solid #888;
}

.tm-services-c-list li:before {
    content: "";
    height: 5px;
    width: 5px;
    background-color: #888;
    border-radius: 50%;
    position: absolute;
    left: -1px;
    top: 40%;
}

.co-services-c-list {
    padding: 0;
    margin-top: 30px;
}

.co-services-c-list li {
    list-style: none;
    float: left;
    width: 33.333%;
    padding: 10px 0 15px;
    margin-bottom: 15px;
    color: #888;
    position: relative;
    text-align: center;
    border-bottom: 1px solid #888;
}

.co-services-c-list li:before {
    content: "";
    height: 5px;
    width: 5px;
    background-color: #888;
    border-radius: 50%;
    position: absolute;
    left: -1px;
    top: 40%;
}

.f-example-title-a {
    padding: 20px 15px;
    font-size: 20px;
    font-weight: bold;
    color: #666;
}

.f-example {
    padding: 10px 0;
    background-color: #cfe4ff;
    position: relative;
}

.f-example-in {
    padding: 10px 0;
    margin-top: 3px;
    margin-bottom: 3px;
    background-color: #cfe4ff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.f-example:after {
    content: " ";
    position: absolute;
    bottom: 0px;
    left: 30px;
    border: 20px solid #fff;
    border-color: transparent transparent #fff transparent;
    display: block;
}

.f-example-detail {
    height: 100px;
    padding: 15px;
}

.ab-map {
    background: url(/pyfile/images/ab-map.png) no-repeat top center;
    height: 480px;
}

.ab-map-title {
    font-size: 20px;
}

.ab-map-detail {
    font-size: 16px;
    color: #999;
}

.mt160 {
    margin-top: 160px;
}

.ab-office-img {
    border: 2px solid #f60;
}

.pask.ab-of-detail {
    width: 90.5%;
}

.ab-vr {
    font-size: 20px;
}

.ab-vr:hover {
    text-decoration: underline;
}

/*问答*/
.navbar-faq {
    background-color: #fff;
    padding-top: 15px;
}

.faq-nav-tag {
    height: 30px;
    width: 100px;
    padding: 3px 10px;
    border-radius: 26px;
    border: 1px solid #ccc;
    display: inline-block;
    text-align: center;
    line-height: 1.6;
    margin-right: 10px;
    cursor: pointer;
}

.faq-nav-tag.active {
    border-color: #f90;
    color: #f90;
}

.faq-nav-tag:hover, .faq-nav-tag.active:hover {
    color: #f60;
    border-color: #f60;
}

.qa-list {
    padding: 0;
}

.qa-list li {
    margin-bottom: 20px;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 5px 20px;
    box-shadow: 0px 0px 7px #bbb
}

.qa-list li > h3 {
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 30px;
}

.qa-list li > h3 > a {
    color: #333;
    font-weight: bold;
}

.qa-list li > p {
    color: #999;
}

.qa-list-tag-icon {
    vertical-align: 5px;
    color: #ddd;
    font-size: 20px
}

.qa-list-tag {
    height: 24px;
    padding: 3px 10px;
    display: inline-block;
    text-align: center;
    line-height: 1.2;
    margin-right: 10px;
    cursor: pointer;
    overflow: hidden;
    color: #bbb !important;
    font-size: 12px;
}

.qa-list-tag:hover {
    color: #fff;
    background-color: #f90;
}

.qa-list-la {
    padding-top: 3px;
    color: #ccc;
}

.qa-d-img {
    float: right;
    padding-left: 5px;
    padding-left: 5px;
    width: 150px;
}

.que-right-ba {
    background-color: #fff;
}

.qa-detail-box {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 5px 20px;
    box-shadow: 0px 0px 7px #bbb;
}

.qa-detail-box h1 {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 2px;
    word-spacing: 2px;
}

.qa-detail-box p {
    color: #999;
}

.qa-detail-box img {
    max-width: 100%;
    text-align: center;
    margin: 10px auto;
}

.qa-d-z {
    border: none;
    background: none;
    color: #337ab7;
}

.light-gray {
    color: #ccc;
}

.qa-answer {
    background-color: #fff;
    border: 1px solid #f90;
    border-radius: 13px;
    color: #f90;
    height: 26px;
    padding: 0 10px;
}

.qa-as-user {
    border-top: 1px solid #ddd;
    padding: 15px 0;
    margin-top: 30px;
}

.qa-list-detail-link {
    color: #999;
}

.qa-list-detail-link:hover {
    color: #f60;
}

/*新侧边栏*/
.new-sq {
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    border-right: 5px solid #39517a;
    z-index: 101;
}

.new-sq-box {
    position: fixed;
    bottom: 50px;
    right: 0;
    width: 60px;
    height: 450px;
    animation: top-se 1.5s;
    -moz-animation: top-se 1.5s; /* Firefox */
    -webkit-animation: top-se 1.5s; /* Safari and Chrome */
    -o-animation: top-se 1.5s; /* Opera */
}

@keyframes top-se {
    from {
        bottom: 0;
    }
    to {
        bottom: 50px;
    }
}

@-moz-keyframes top-se /* Firefox */
{
    from {
        bottom: 0;
    }
    to {
        bottom: 50px;
    }
}

@-webkit-keyframes top-se /* Safari and Chrome */
{
    from {
        bottom: 0;
    }
    to {
        bottom: 50px;
    }
}

@-o-keyframes top-se /* Opera */
{
    from {
        bottom: 0;
    }
    to {
        bottom: 50px;
    }
}

.new-sq-ta {
    padding: 5px;
    background-color: #39517a;
    color: #fff !important;
    display: block;
    text-align: center;
    cursor: pointer;
    margin-bottom: 2px;
    font-size: 14px;
    line-height: 1.7;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
}

.new-sq-ta.online-cb {
    font-size: 10px;
    background-color: #dfdfdf;
    color: #666 !important;
    position: relative;
    line-height: 1.4;
}

.new-sq-ta:hover {
    background-color: #f90;
    color: #fff !important;
}

.online-cb:hover {
    background-color: #dfdfdf !important;
}

.new-sq-services {
    height: 232px;
    position: absolute;
    bottom: 0;
    right: 65px;
    z-index: 1000;
    display: block;
    float: left;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    width: 350px;
    padding: 20px 0;
    transition: all .3s ease-in-out;
    color: #666;
    animation: top-se-od .3s;
    -moz-animation: top-se-od .3s; /* Firefox */
    -webkit-animation: top-se-od .3s; /* Safari and Chrome */
    -o-animation: top-se-od .3s; /* Opera */
}

@keyframes top-se-od {
    0% {
        opacity: 0;
        right: 0;
    }
    25% {
        opacity: 0;
        right: 0;
    }
    100% {
        opacity: 1;
        right: 65px;
    }
}

@-moz-keyframes top-se-od /* Firefox */
{
    0% {
        opacity: 0;
        right: 0;
    }
    25% {
        opacity: 0;
        right: 0;
    }
    100% {
        opacity: 1;
        right: 65px;
    }
}

@-webkit-keyframes top-se-od /* Safari and Chrome */
{
    0% {
        opacity: 0;
        right: 0;
    }
    25% {
        opacity: 0;
        right: 0;
    }
    100% {
        opacity: 1;
        right: 65px;
    }
}

@-o-keyframes top-se-od /* Opera */
{
    0% {
        opacity: 0;
        right: 0;
    }
    25% {
        opacity: 0;
        right: 0;
    }
    100% {
        opacity: 1;
        right: 65px;
    }
}

.new-sq-services:before {
    position: absolute;
    bottom: 24px;
    right: -24px;
    border: 12px solid #999;
    border-color: transparent transparent transparent #ccc;
    display: block;
    content: " ";
}

.new-sq-services:after {
    position: absolute;
    bottom: 26px;
    right: -20px;
    border: 10px solid #fff0f0;
    border-color: transparent transparent transparent #fff;
    display: block;
    content: " ";
}

.new-sq-services h3 {
    color: #333;
    font-weight: bold;
    letter-spacing: 2px;
    margin-top: 0px;
}

.new-sq-close {
    margin-top: -10px;
    margin-right: 10px;
}

.search-cbl-pc {
    color: #333;
    position: absolute;
    top: 8px;
    left: 5px;
    font-size: 14px;
    font-weight: bold;
    z-index: 11;
}

.pad-l-75 {
    padding-left: 75px;
}

.sq-tj-cg {
    height: 30px;
    text-align: center;
    border: 2px solid #f90;
    line-height: 2;
    border-radius: 15px;
    color: #f90;
}

/*问答后台*/


.table-qa {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.table-qa > tbody > tr {
    border-bottom: 1px solid #ddd;
}

.table-qa > tbody > tr:last-child {
    border-bottom: 0;
}

.table-qa > tbody > tr > th, .table-qa > tbody > tr > td {
    padding: 10px;
}

.tb-cz-jz {
    display: table-cell;
    vertical-align: middle !important;
}


/*亚马逊工具包*/
.amazon-tool-banner {
    background: url(/pyfile/images/am-tool-banner.png) no-repeat center bottom;
    background-size: cover;
    height: 600px;
}

.amazon-btn-box {
    position: relative;
    height: 120px;
    width: 120px;
    margin: auto;
}

.amazon-btn {
    position: relative;
    background: url(/pyfile/images/am-btn.png) no-repeat top center;
    background-size: contain;
    height: 120px;
    width: 120px;
    display: inline-block;
    padding: 23px 10px;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    color: #fff !important;
    text-shadow: 2px 2px 2px #f87e2f;
    z-index: 1;
    cursor: pointer;
}

.amazon-btn:hover {
    color: #fff;
}

.amazon-btn-mt {
    margin-top: 100px;
}

.amazon-btn-animate {
    position: absolute;
    top: -5px;
    left: -4px;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: #ffd234;
    -webkit-animation: scale-btn 1.5s ease infinite;
    -moz-animation: scale-btn 1.5s ease infinite;
    -o-animation: scale-btn 1.5s ease infinite;
}

@-webkit-keyframes scale-btn {
    0% {
        opacity: 0.7;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8)
    }
    50% {
        opacity: 0.5;
        -webkit-transform: scale(1);
        -moz-transform: scale(1)
    }
    100% {
        opacity: 0.2;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1)
    }
}

@-moz-keyframes scale-btn {
    0% {
        opacity: 0.7;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8)
    }
    50% {
        opacity: 0.5;
        -webkit-transform: scale(1);
        -moz-transform: scale(1)
    }
    100% {
        opacity: 0.2;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1)
    }
}

@-o-keyframes scale-btn {
    0% {
        opacity: 0.7;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8)
    }
    50% {
        opacity: 0.5;
        -webkit-transform: scale(1);
        -moz-transform: scale(1)
    }
    100% {
        opacity: 0.2;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1)
    }
}

@keyframes scale-btn {
    0% {
        opacity: 0.7;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8)
    }
    50% {
        opacity: 0.5;
        -webkit-transform: scale(1);
        -moz-transform: scale(1)
    }
    100% {
        opacity: 0.2;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1)
    }
}

.amazon-title {
    background: url(/pyfile/images/am-tool-title-back.jpg) no-repeat top center;
    text-align: center;
    padding: 20px;
    letter-spacing: 5px;
    text-indent: 5px;
}

.amazon-tool-list {
    border-right: 2px solid #cccccc;
    border-image: -webkit-linear-gradient(#fff, #ccc, #fff) 30 30;
    border-image: -moz-linear-gradient(#fff, #ccc, #fff) 30 30;
    border-image: linear-gradient(#fff, #ccc, #fff) 50 50;
}

.am-tool-pak {
    padding-left: 0;
    list-style: none;
    margin: 5px 30px;
}

.am-tool-pak li {
    font-size: 24px;
    color: #333;
    text-align: center;
    padding: 25px 10px;
}

.am-tool-pak li + li {
    font-size: 16px;
    color: #999;
    text-align: left;
    border-top: 1px solid #cccccc;
    background: url(/pyfile/images/am-tool-list-icon.png) no-repeat 20px 25px;
    padding: 25px 40px;
}


/*100元无门槛优惠券*/
.gift-banner {
    background: url(/pyfile/images/gift-banner.png) no-repeat top center #fa8d7f;
    background-size: cover;
    height: 700px;
    width: 100%;
}

.gift-body {
    background: url(/pyfile/images/gift-body-bac.jpg) no-repeat top center;
    background-size: cover;
    width: 100%;
}

.gift-quan {
    display: inline-block;
    margin-top: 300px;
    cursor: pointer;
}

.gift-quan img {
    width: 80%;
}

.gift-quan-wrap-out {
    background-color: #faebd0;
    border: 1px solid #e1c083;
    border-radius: 7px;
    box-shadow: 0 0 5px #caab74;
    padding: 10px;
    margin: -30px 30px 50px;
}

.gift-quan-wrap-in {
    background-color: #f6dcad;
    border: 1px solid #c8a86e;
    border-radius: 7px;
    padding: 15px;
    margin: 10px;
}

.gift-title {
    font-size: 50px;
    color: #e53c2f;
    text-align: center;
    font-weight: 600;
}

.gift-title-l-line {
    background: url(/pyfile/images/gift-icon.png) no-repeat 0 -352px;
    display: inline-block;
    height: 20px;
    width: 127px;
}

.gift-title-r-line {
    background: url(/pyfile/images/gift-icon.png) no-repeat 0 -375px;
    display: inline-block;
    height: 20px;
    width: 127px;
}

.gift-detail {
    color: #666;
}

.gift-detail-step {
    width: 25%;
    text-align: center;
    float: left;
}

.gift-detail-step h4 {
    font-size: 22px;
    font-weight: bold;
}

.gift-step {
    background: url(/pyfile/images/gift-icon.png) no-repeat;
    display: inline-block;
    width: 76px;
    height: 76px;
}

.gift-step.b1 {
    background-position: -1px -1px;
}

.gift-step.b2 {
    background-position: -1px -89px;
}

.gift-step.b3 {
    background-position: -1px -172px;
}

.gift-step.b4 {
    background-position: -1px -256px;
}

.gift-pl-60 {
    padding-left: 60px;
    line-height: 30px;
}

/*新商标查询*/
.intsearch-banner {
    background: url(/pyfile/images/intsearch-banner.jpg) no-repeat top center #fff;

}

.int-search-box1 {
    position: relative;
    background: rgba(255, 255, 255, 0.6);
    padding: 5px;
    margin: 130px 30px 0 30px;
    border-radius: 15px;
}

.int-search-box2 {
    position: relative;
    background-color: #fff;
    border: 1px solid #4b5be1;
    border-radius: 15px;
    margin: 5px;
    padding: 20px;
    box-shadow: 0px 1px 5px #4b5be1;

}

.int-search-left {
    border-right: 1px solid #cccccc;
    border-image: -webkit-linear-gradient(#fff, #ccc, #fff) 30 30;
    border-image: -moz-linear-gradient(#fff, #ccc, #fff) 30 30;
    border-image: linear-gradient(#fff, #ccc, #fff) 50 50;
}

.int-search-left-in-box {
    padding-right: 20px;
}

.int-search-right-in-box {
    padding-left: 20px;
}

.intsearch-title {
    font-weight: bold;
    letter-spacing: 8px;
    text-indent: 8px;
}

.intsearch-content {
    position: relative;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding-left: 100px;
}

.form-control.fintsearch {
    border: none;
    height: 46px;
}

.form-control:focus {
    -webkit-box-shadow: none;
}

.intsearch-name {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #333;
    z-index: 11;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
}

.btn-intsearch {
    display: block;
    height: 46px;
    color: #fff;
    background-color: #f90;
    border: 1px solid #f60;
    width: 100%;
    border-radius: 23px;
    font-size: 20px;
}

.btn-intsearch:hover {
    background-color: #cc5200;
    border-color: #b34800;

}

.intsearch-before-right {
    padding: 10px;
    box-shadow: 0px 0px 5px #ccc;
}

.intsearch-before-right-title {
    font-size: 20px;
    text-align: center;
    margin-top: 0;
    letter-spacing: 3px;
    text-indent: 3px;
}

.intsearch-pr-wrap {
    border-right: 1px solid #cccccc;
    border-image: -webkit-linear-gradient(#fff, #ccc, #fff) 10 10;
    border-image: -moz-linear-gradient(#fff, #ccc, #fff) 10 10;
    border-image: linear-gradient(#fff, #ccc, #fff) 10 10;
}

.intsearch-our-title {
    font-size: 16px;
    color: #666;
    margin-top: 0;
}

.intsearch-result {
    position: relative;
    width: 90%;
    height: 300px;
    text-align: center;
    padding: 10px 15px;
    border: 1px solid #aebbff;
    border-radius: 5px;
    background-color: #fff;
    margin: 10px 15px;
}

.intsearch-result:before {
    content: ' ';
    border: 1px solid #e2e7ff;
    border-top: none;
    border-radius: 5px 0 5px 5px;
    position: absolute;
    left: -6px;
    right: 6px;
    background: #fff;
    height: 100%;
    bottom: -6px;
    z-index: -1;
    background-color: #e2e7ff;
}

.intsearch-result h5 {
    font-size: 20px;
    text-align: center;
    color: #4b5be1;
}

.intsearch-result-icon {
    background: url(/pyfile/images/intsearch-icon.png) no-repeat;
    width: 97px;
    height: 97px;
    display: inline-block;
}

.intsearch-result-icon.nb1 {
    background-position: -29px -7px;

}

.intsearch-result-icon.nb2 {
    background-position: -29px -115px;
}

.intsearch-result-icon.nb3 {
    background-position: -29px -230px;
}

.intsearch-result-icon.nb4 {
    background-position: -29px -335px;
}

.intsearch-result-icon.plus {
    background-position: -35px -602px;
    width: 36px;
    height: 36px;
    display: inline-block;
    right: -50px;
    top: 40%;
    position: absolute;
}

.intsearch-result-icon.balloon {
    background-position: -165px -7px;
    width: 128px;
    height: 220px;
    top: -96px;
    left: -51px;
    display: inline-block;
    position: absolute;
}

.intsearch-result-icon.query-result-s {
    background-position: -178px -256px;
    width: 115px;
    height: 92px;
    bottom: 15px;
    right: 30px;
    display: inline-block;
    position: absolute;
}

.intsearch-result-icon.query-result-z {
    background-position: -169px -358px;
    width: 133px;
    height: 114px;
    bottom: 15px;
    right: 30px;
    display: inline-block;
    position: absolute;
}

.intsearch-result-icon.vs {
    background-position: -31px -454px;
    width: 115px;
    height: 121px;
    top: 153px;
    left: -76px;
    display: inline-block;
    position: absolute;
}

.intsearch-result p {
    text-align: left;
}

.bg-purple-light {
    background-color: #dee7ff;
}

.title-all-title.purple {
    color: #4b5be1;
}

.ts-sbs-wrap {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0px 0px 7px #ddd;
    margin-right: -20px;
    margin-top: 40px;
    position: relative;
}

.ts-sbz-wrap {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0px 0px 7px #4252d9;
    position: relative;
}

.ts-sbs-wrap-title {
    background: url(/pyfile/images/ts-sbs.jpg);
    height: 70px;
    text-align: center;
    color: #333;
    font-size: 26px;
    padding: 20px 10px 5px;
    border-radius: 7px 7px 0 0;
}

.ts-sbz-wrap-title {
    background: url(/pyfile/images/ts-sbz.jpg) repeat-x;
    height: 70px;
    text-align: center;
    color: #fff;
    font-size: 26px;
    padding: 20px 10px 5px;
    border-radius: 7px 7px 0 0;
}

.ts-sbs-wrap-body, .ts-sbz-wrap-body {
    padding: 20px;
    background-color: #fff;
    border-radius: 0 0 7px 7px;
}

.ts-sbs-list {
    padding: 0;
    list-style: none;
    margin-top: 20px;
}

.ts-sbs-list li {
    padding: 10px 20px;
    height: 50px;
    border-radius: 25px;
    background-color: #e8eaf3;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.6;
    color: #666;
}

.ts-sbz-list {
    padding: 0;
    list-style: none;
    margin-top: 30px;
}

.ts-sbz-list li {
    padding: 10px 20px;
    height: 50px;
    border-radius: 25px;
    background-color: #b3bbff;
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 1.6;
    color: #4252d9;
}

.ml50 {
    margin-left: 50px;
}

.intsearch-lc-btn {
    height: 150px;
    width: 150px;
    display: inline-block;
    position: absolute;
    top: 20px;
    left: 20px;
    cursor: pointer;
}

.img-shadow {
    box-shadow: 1px 2px 10px #333;
    border-radius: 12px;
}

.banc-top {
    display: none !important;
}

.servicebar-all {
    z-index: 111;
    position: relative;
}

.tc-closes {
    top: 10px;
    position: absolute;
    right: 0;
}

.tc-ws {
    position: relative;
    width: 531px;
    margin: auto;
}

.servicebar-c {
    position: fixed;
    top: 25%;
    width: 100%;
}

.btn-blue-tc {
    color: #fff !important;
    color: #fff;
    background-color: #1376cb;
    border-color: #1376cb;
}

.btn-tc {
    width: 130px;
    border-radius: 3px 5px;
    border: none;
    display: block;
    padding: 5px;
}

.inb {
    padding: 10px 21px;
    margin-top: 70px;
}

.servicebar-l {
    position: fixed;
    top: 25%;
    left: 10px;
    z-index: 1000;
}

.online-le-dh {
    background: url(/pyfile/images/dh-bac.png) no-repeat left top;
    width: 171px;
    height: 171px;
    float: left;
}

.online-le-dh-ts {
    background: url(/pyfile/images/dh-bac2.png) no-repeat left top;
    width: 210px;
    height: 86px;
    float: left;
}

.online-le-dh-ts p {
    padding: 5px 10px;
    color: #1376cb;
}

#serviceinfo {
    position: absolute;
    right: 0px;
}

.online-lg {
    background: url(/pyfile/images/on-back1.png) no-repeat left top;
    width: 148px;
    height: 480px;
}

.servicebar {
    left: 10px;
}

#servicebutton {
    position: absolute;
    left: -200px;
}

#serviceinfo {
    position: absolute;
    left: 0px;
}


/*新底部通用优势*/
.inx-new-b {
    color: #999;
    font-size: 16px;
    background-size: 40px;
}

.inx-new-p {
    color: #999;
    font-size: 16px;
    background-size: 40px;
}

.inx-new-z {
    color: #999;
    font-size: 16px;
    background-size: 40px;
}

.inx-new-j {
    color: #999;
    font-size: 16px;
    background-size: 40px;
}

/*新加坡底部浮动弹窗*/
.footfixed {
    width: 100%;
    height: 164px;
    position: fixed;
    bottom: 0;
    transition: 0.5s;
    left: 0px;
    z-index: 1;
}

.ff_bg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.popup_box {
    position: relative;
    width: 100%;
    height: 164px;
    background: #000000;
    opacity: 0.80;
    filter: alpha(opacity=80);
}

.f_box {
    width: 1200px;
    height: 100%;
    margin: 0px auto;
    padding-top: 25px;
}

.foot-title {
    width: 100%;
    min-width: 1140px;
    background: url(/pyfile/images/title_bg.png) no-repeat center center;
    height: 51px;
    position: absolute;
    bottom: 164px;
    left: 0px;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    z-index: -1;
}

.popup_lg {
    width: 171px;
    height: 116px;
    position: absolute;
    right: 22%;
    top: -68px;
}

.close1 {
    width: 14px;
    height: 14px;
    position: absolute;
    right: 20%;
    top: 0px;
    font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
    font-weight: 400;
    font-size: 22px;
    color: #fff;
    cursor: pointer;
    transition: .5s;
    text-align: center;
    line-height: 14px;
}

.close1:hover {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg); /* IE 9 */
    -moz-transform: rotate(180deg); /* Firefox */
    -webkit-transform: rotate(180deg); /* Safari 和 Chrome */
    -o-transform: rotate(180deg); /* Opera */
}

.f_box_min {
    width: 131px;
    height: 86px;
    background: url(/pyfile/images/popup_ll.png) no-repeat;
    position: fixed;
    bottom: 50px;
    left: -131px;
    cursor: pointer;
    font-size: 24px;
    line-height: 30px;
    text-indent: 9px;
    font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
    font-weight: 100;
    color: #fff;
    transition: 0.5s;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.f_box_min:hover {
    text-indent: 12px;
}

.f_cl {
    color: #fff;
    font-family: 'Microsoft YaHei';
}

.f_cl .s1 {
    font-size: 26px;
}

.f_cl .s2 {
    font-size: 34px;
    font-weight: bold;
    color: #ff9d0a;
}

.f_cl .s3 {
    font-weight: bold;
    color: #ff9d0a;
}

.f_cr ul {
    width: 278px;
    float: left;
}

.f_cr ul li {
    color: #dfdfdf;
    line-height: 2.0;
}

.f_cr > ul > li > a {
    color: #dfdfdf;
    text-decoration: none;
}

.f_cr > ul > li > a > span {
    color: #ffa76d;
}

.f_sol {
    border-left: 1px dashed #a2a3a3;
    padding-right: 10px;
}

.popup_btn {
    float: left;
    margin: 70px 10px 0px 10px;
}

.btn-consult {
    color: #fff !important;
    background-color: #ffb522;
    display: inline-block;
    padding: 6px 29px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    text-decoration: none;
}

.btn-order {
    color: #fff !important;
    background-color: #ff6600;
    display: inline-block;
    padding: 6px 29px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    text-decoration: none;
}

.btn-consult:hover, .btn-consult:active {
    color: #fff;
    background-color: #de970a;
    text-decoration: none;
}

.btn-order:hover, .btn-order:active {
    color: #fff;
    background-color: #cc5200;
    text-decoration: none;
}

/*38活动*/
.zthd38 {
    background: url(/pyfile/images/activetop-201903.png) no-repeat center top;
    height: 100px;
    display: block;
}

.fl {
    float: left;
}

/*课件福利*/
.wap-fl-bg {
    background: url(/pyfile/images/wap-top-ktfl.jpg) no-repeat top center #8881ff;
    background-size: contain;
    padding: 5.5rem 0 3rem;
}

.wap-fl-bg h1 {
    background: url(/pyfile/images/wap-fk-title.png) no-repeat top left;
    font-size: 1.6rem;
    color: #fff;
    width: 100vw;
    height: 13vh;
    background-size: contain;
    margin-top: 20px;
    margin: auto;
    text-align: center;
    position: relative;
    text-indent: -99999px;
}

.fl-time-box {
    width: 62vw;
    border: 2px solid #564cff;
    background-color: rgba(52, 40, 255, 0.3);
    padding: 5px;
    margin-top: 0.5rem;
    margin-left: 1rem;
    color: #fff;
    text-align: center;
    font-size: 1.2rem;
}

.fl-time-box span {
    color: #ff6a00;
}

.wap-fl-quan-item {
    padding-top: 3rem;
}

.wap-fl-quan {
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(52, 40, 255, 0.3);
    height: 100px;
    position: relative;
    width: 90%;
    margin: 5px auto 15px;
}

.wap-fl-quan:before {
    content: " ";
    height: 20px;
    width: 20px;
    border-radius: 20px;
    position: absolute;
    box-shadow: 0 -6px 5px rgba(52, 40, 255, 0.3) inset;
    background-color: #8881ff;
    top: -8px;
    right: 27.5%;
}

.wap-fl-quan:after {
    content: " ";
    height: 20px;
    width: 20px;
    border-radius: 10px;
    position: absolute;
    box-shadow: 0 6px 5px rgba(52, 40, 255, 0.3) inset;
    background-color: #8881ff;
    bottom: -8px;
    right: 27.5%;
    z-index: 5;
}

.wap-fl-quan:first-child:before {
    content: " ";
    height: 20px;
    width: 20px;
    border-radius: 20px;
    position: absolute;
    box-shadow: 0 -6px 5px rgba(52, 40, 255, 0.3) inset;
    background-color: #6f5cff;
    top: -8px;
    right: 27.5%;
    z-index: 5;
}

.active-fl {
    font-size: 1.4rem;
    padding-top: 0.6rem;
}

.active-fl:after {
    content: "";
    display: block;
    clear: both;
}

.active-fl .left {
    width: calc(70% - 1px);
    border-right: 1px dashed #ccc;
    float: left;
    margin-top: 2.5%;
}

.active-fl .right {
    width: 30%;
    float: right;
}

.active-fl-i {
    width: 26%;
    margin: 1% 6% 0% 5%;
}

.active-fl-font1 {
    margin-left: 1vh;
    margin-top: 2%;
}

.active-fl-font2 {
    margin-left: 1vh;
    color: #ff6600;
}

.active-fl-btn {
    background-color: #ff6600;
    border-radius: 30px;
    width: 82%;
    padding: 1vh;
    color: #fff;
    font-weight: bold;
    margin-top: 15%;
    margin-left: 7%;
}

.active-fl-btn1 {
    background-color: #8b8b8b;
    border-radius: 30px;
    width: 82%;
    padding: 1vh;
    color: #fff;
    font-weight: bold;
    margin-top: 15%;
    margin-left: 7%;
}

.active-fl-time {
    color: #999;
    font-size: 0.9rem;
    text-align: center;
    margin-top: 5px;
}


/*新美国商标注册*/
.body-index {
    background-color: #fff;
}

.index-banner.tm-us {
    background: url(/pyfile/images/us-back.jpg) no-repeat center;
    height: 420px;
    background-size: cover;
}

.index-lefthtbox {
    width: 730px;
    height: 330px;
    padding: 11px 8px;
}

.index-rightbox {
    width: 343px;
    height: 285px;
    background-color: #f6f9fb;
    box-shadow: 4px 4px 10px #d8e6fe;
    padding: 11px 8px;
    margin-right: 60px;
}

.index-sbox {
    width: 326px;
    height: 265px;
    border: 1px solid #edf3f7;
    background-color: #fff;
}

.index-box-font1 {
    font-size: 16px;
    color: #ff6600;
}

.index-box-font2 {
    font-size: 14px;
    color: #606a8b;
}

.index-icon {
    position: relative;
    border-collapse: separate;
    width: 287px;
    margin: 0px auto;
}

.index-inp {
    width: 287px;
    padding: 6px 20px;
    border-radius: 5px;
    font-size: 14px;
    outline: none;
    background-color: #f5f8ff;
    border: none;
}

.index-box-btn {
    width: 287px;
    border-radius: 30px;
    font-size: 16px;
}

.usa_title {
    background: url(/pyfile/images/new_us_title.png) no-repeat;
    text-indent: -99999px !important;
    height: 179px;
    width: 444px;
    margin: 40px auto;
}

.usa-title-f1 {
    background: url(/pyfile/images/usa-tt1.png) no-repeat top center;
    padding-top: 15px;
    margin-top: 80px;
    letter-spacing: 2px;
    text-indent: 2px;
}

.usa-title-f1.nb2 {
    background: url(/pyfile/images/usa-tt2.png) no-repeat top center;
}

.usa-title-f1.nb3 {
    background: url(/pyfile/images/usa-tt3.png) no-repeat top center;
}

.usa-title-f1.nb4 {
    background: url(/pyfile/images/usa-tt4.png) no-repeat top center;
}

.left_us_content {
    background: url(/pyfile/images/usa_ft_back.jpg) no-repeat;
    width: 849px;
    height: 310px;
}

.tm-us-content-detail {
    width: 560px;
    margin: 40px 0 0 34px;
}

.tm-ucd-nb1 {
    line-height: 33px;
    text-indent: 2rem;
    font-size: 14px;
}

.tm-ucd-nb2 {
    color: #fff;
    font-size: 16px;
    padding-top: 11px;
}

.index-us-lawyer-box {
    width: 300px;
    margin: 10px 10px;
}

.lawyer-us-box-in {
    padding: 10px 17px 20px;
    position: relative;
    background-color: #fff;
    height: 120px;
    margin: 15px auto;
    box-shadow: 0 2px 5px rgba(117, 170, 255, 0.5);
    -moz-box-shadow: 0 2px 5px rgba(117, 170, 255, 0.5);
    -webkit-box-shadow: 0 2px 5px rgba(117, 170, 255, 0.5);
    border-radius: 5px;
}

.lawyer-us-box-in.ly {
    background: url(/pyfile/images/us-lawyer-z.jpg) no-repeat 218px 18px #fff;
}

.lawyer-us-img {
    width: 80px;
    border-radius: 40px;
    box-shadow: 1px 5px 5px rgba(188, 196, 255, 0.8);
    -moz-box-shadow: 1px 5px 5px rgba(188, 196, 255, 0.8);
    -webkit-box-shadow: 1px 5px 5px rgba(188, 196, 255, 0.8);
    position: absolute;
    margin-top: -40px;
    overflow: hidden;
    border: 1px solid #e4e7ff;
}

.lawyer-us-name {
    padding-left: 120px;
    text-transform: uppercase;
    color: #0749cd;
    font-size: 18px;
}

.usa-policy {
    width: 1170px;
    margin: 0px auto;
}

.usa-hot {
    width: 260px;
    height: 260px;
    background-color: #fff;
    border: 1px solid #eeeaff;
    margin: 13px;
    position: relative;
}

.usa-hot:hover {
    box-shadow: 0 0 20px #f0efff;
}

.usa-i {
    width: 84px;
    height: 82px;
    margin: 20px auto;
}

.usa-font1 {
    font-size: 24px;
    color: #5166ec;
    text-align: center;
}

.usa-font2 {
    font-size: 16px;
    color: #666666;
    text-align: center;
}

.usa-font-btn {
    font-size: 16px;
    color: #f60;
    cursor: pointer;
}

.usa-font-btn:hover {
    color: #ed6003;
    text-decoration: none;
}

.tm-package {
    position: relative;
    width: 346px;
    margin: 0px 20px;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 0 8px rgba(117, 170, 255, 0.3);
    -moz-box-shadow: 0 0 8px rgba(117, 170, 255, 0.3);
    -webkit-box-shadow: 0 0 8px rgba(117, 170, 255, 0.3);
}

.tm-package.nb1 {
    background: url(/pyfile/images/tmpk-icon1.jpg) no-repeat right 180px #fff;
}

.tm-package.nb2 {
    background: url(/pyfile/images/tmpk-icon2.jpg) no-repeat right 180px #fff;
}

.tm-package.nb3 {
    background: url(/pyfile/images/tmpk-icon3.jpg) no-repeat right 180px #fff;
}

.tm-package-title {
    background: url(/pyfile/images/tm-pk-title-back.png) no-repeat;
    width: 305px;
    height: 73px;
    text-align: center;
    border-radius: 5px;
    padding-top: 20px;
    color: #fff;
    font-size: 24px;
    box-shadow: 0 2px 10px rgba(117, 170, 255, 0.5);
    -moz-box-shadow: 0 2px 10px rgba(117, 170, 255, 0.5);
    -webkit-box-shadow: 0 2px 10px rgba(117, 170, 255, 0.5);
}

.tm-pk-z {
    position: absolute;
    display: inline-block;
    height: 102px;
    width: 112px;
    background: url(/pyfile/images/tm-tj.png) no-repeat;
    right: 10px;
    top: 100px;
}

.tm-package-title span {
    font-size: 20px;
}

.tm-package-list {
    padding-top: 20px;
    padding-left: 0;
    list-style: none;
    height: 282px
}

.tm-package-list li {
    list-style: none;
    color: #999;
    border-bottom: 1px dashed #ddd;
    padding: 5px 0;
    margin-bottom: 5px;
    font-size: 16px;
}

.tm-package-list li:first-child {
    color: #333;
    font-size: 18px;
    border-bottom: 0;
}

.tm-package-list li:last-child {
    border-bottom: none;
}

.tm-package-list li.green {
    color: #53bd69;
}

.tm-package-list li.orange {
    color: #ff6600;
}

.tm-us-pk-lc {
    background: url(/pyfile/images/usa-lc-line.png) no-repeat top center;
}

.us-lc-item {
    width: 234px;
}

.usa-btn-blue {
    margin: 0px auto;
    background-color: #4285f4;
    border: none;
    border-radius: 30px;
    color: #fff !important;
}

.tm-synopsis-back {
    background: url(/pyfile/images/tm-jj-back.jpg) no-repeat;
    width: 1140px;
    height: 395px;
    margin: auto;
}

.tm-sy-left {
    width: 600px;
    float: left;
    padding: 48px 50px 0 50px;
}

.tm-sy-right {
    width: 520px;
    float: right;
    padding: 48px 30px 0 50px;
}

.tm-sy-title {
    font-size: 18px;
    color: #fff;
    letter-spacing: 4px;
    text-indent: 11px;
}

.tm-sy-font1 {
    font-size: 15px;
    color: #666;
    text-indent: 2rem;
    letter-spacing: 1px;
    line-height: 34px;
}

.tm-sy-pp {
    float: left;
    width: 260px;
}

.tm-sy-zz {
    float: right;
    width: 170px;
}

.tm-sy-pp .left-img {
    float: left;
    width: 60px;
}

.tm-sy-pp .left-img img {
    width: 100%;
}

.tm-sy-pp .right-content {
    float: right;
    width: 180px;
}

.tm-sy-zz h6, .tm-sy-pp .right-content > h6 {
    font-size: 16px;
    color: #4285f4;
    margin-top: 0;
    margin-bottom: 15px;
}

.tm-sy-font2 {
    font-size: 15px;
    color: #666;
    line-height: 25px;
}

.tm-sy-font3 {
    font-size: 15px;
    margin-bottom: 5px;
}

.usa-hot.footerbox {
    height: 180px;
    background: url(/pyfile/images/japan_tm_search_black_img.jpg) no-repeat left bottom #fff;
    background-size: contain;
    box-shadow: 0 5px 5px rgba(238, 234, 255, 0.5);
    -moz-box-shadow: 0 5px 5px rgba(238, 234, 255, 0.5);
    -wbkit-box-shadow: 0 5px 5px rgba(238, 234, 255, 0.5);
}

.footer-anther {
    width: 100px;
    display: inline-block;
    text-align: center;
    margin: 10px 13px;
    font-size: 13px;
}

.a-f-t {
    color: #5166ec !important;
}

.a-f-t:hover {
    color: #ff6600 !important;
}

.in-tj-line {
    position: relative;
    color: #5166ec;
    font-size: 26px;
    letter-spacing: 5px;
}

.in-tj-line:before {
    content: "";
    height: 1px;
    background-color: #5166ec;
    position: absolute;
    top: calc(50% - 1px);
    width: 41%;
    left: 15px;
    opacity: 0.5;
}

.in-tj-line:after {
    content: "";
    height: 1px;
    background-color: #5166ec;
    position: absolute;
    top: calc(50% - 1px);
    width: 41%;
    right: 15px;
    opacity: 0.5;
}

.index-footer-reco {
    width: 220px;
    height: 190px;
    background: url(/pyfile/images/japan_tm_search_black_img.jpg) no-repeat left bottom #fff;
    border: 1px solid #eeeaff;
    margin: 13px 5px;
    position: relative;
    background-size: contain;
}

.index-footer-reco.first {
    width: 440px;
    background-size: cover;
}

.footer-anther.new {
    margin: 10px 3px;
}

.in-ft-list {
    margin: 14px auto;
}

.in-ft-list span {
    display: inline-block;
    width: 110px;
    padding: 5px 10px;
    color: #333;
    font-weight: 600;
}

.in-ft-list a {
    display: inline-block;
    padding: 5px;
    color: #888;
}

.in-ft-list a:hover {
    color: #f60;
}


/*aboutus*/
.new-ab-top {
    background: url(/pyfile/images/new-ab-top.jpg) no-repeat top center;
    height: 949px;
    padding-top: 60px;
}

.new-ab-top-title {
    background: url(/pyfile/images/new-ab-title.png) no-repeat top center;
    height: 121px;
    width: 594px;
    display: inline-block;
    text-align: center;
    margin: auto;
    display: block;
}

.new-ab-title-word {
    font-size: 36px;
    letter-spacing: 5px;
    color: #333;
    text-align: center;
}

.new-ab-title-word:after {
    content: "";
    display: block;
    width: 60px;
    height: 4px;
    border-radius: 4px;
    background-color: #ff8f54;
    margin: 15px auto;
}

.new-ab-title-word.pkorange {
    color: #ff8f54;
}

.new-ab-subtitle {
    font-size: 16px;
    color: #666;
}

.mt100 {
    margin-top: 100px;
}

.new-ab-account {
    font-size: 14px;
    color: #666;
    text-indent: 2.1rem;
    letter-spacing: 1px;
    line-height: 1.6;
}

.new-ab-ad-left {
    width: 370px;
    padding: 0 10px;
}

.new-ab-ad-right {
    width: 740px;
}

.new-ab-address {
    list-style: none;
    padding-left: 0;
}

.new-ab-address li {
    background: url(/pyfile/images/new-ab-circle2.png) no-repeat 0 5px;
    padding-left: 30px;
    border-bottom: 2px dotted #b3b3b3;
    margin-bottom: 15px;
}

.new-ab-address li:first-child {
    background: url(/pyfile/images/new-ab-circle.png) no-repeat left top;
}

.new-ab-address-font1 {
    font-size: 18px;
    color: #ff9900;
}

.new-ab-address-font2 {
    font-size: 16px;
    color: #333;
}

.new-ab-address-font3 {
    font-size: 14px;
    color: #666;
}

.new-ab-fl1 {
    background: url(/pyfile/images/new-ab-fl1-bg.jpg) no-repeat left top;
    height: 723px;
}

.new-ab-classify {
    width: 370px;
    float: left;
    padding: 10px 0;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 1px 4px 17px rgba(228, 231, 255, 0.5);
    -moz-box-shadow: 1px 4px 17px rgba(228, 231, 255, 0.5);
    -webkit-box-shadow: 1px 4px 17px rgba(228, 231, 255, 0.5);
}

.new-ab-classify.middle {
    margin: auto 15px;
}

.new-ab-classify-title {
    position: relative;
    margin-top: 20px;
    text-align: center;
}

.new-ab-classify-title h3 {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    z-index: 2;
    position: relative;
}

.new-ab-classify-title p {
    margin-top: -15px;
    font-size: 14px;
    color: #dfe1f0;
    text-transform: uppercase
}

.new-ab-classify-body {
    padding: 0 10px 10px;
}

.new-ab-classify-body a {
    position: relative;
    display: inline-block;
    padding: 3px 0px;
    margin: 5px;
    color: #666;
    width: 162px;
    text-align: center;
    background-color: #f5f8ff;
}

.new-ab-classify-body a.tags {

}

.new-ab-classify-body a.tags:before {
    content: " ";
    background: url(/pyfile/images/tag-hot.png) no-repeat;
    display: block;;
    width: 31px;
    height: 17px;
    position: absolute;
    right: 14px;
    top: -12px;
}

.new-ab-fl2 {
    background: url(/pyfile/images/new-ab-fl2-bg.jpg) left top;
}

.case-md-item {
    width: 240px;
}

.case-md-item-link {
    width: 240px;
    height: 140px;
    display: block;
    cursor: pointer;
    border: 2px solid #fff;
}

.case-md-item-link img {
    width: 100%;
    height: 100%;
}

.case-md-item-link.active {
    border: 2px solid #ff9b59;
}

.case-md-word {
    width: 600px;
    background: url(/pyfile/images/new-ab-case-edbg.jpg) no-repeat left top #fff;
    border-top: 5px solid #515151;
    display: block;
    padding: 10px;
    box-shadow: 1px 4px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 4px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 4px 5px rgba(0, 0, 0, 0.1);
    margin: auto 30px;
    position: relative;
    z-index: 4;
    height: 296px;
}

.case-md-word:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 7px;
    left: 0;
    box-shadow: 1px 4px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 4px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 4px 5px rgba(0, 0, 0, 0.1);
    z-index: -1;
}

.case-md-word.fst {
}

.case-md-word.fst:before {
    position: absolute;
    top: 17px;
    left: -11px;
    height: 20px;
    width: 20px;
    transform: rotate(316deg);
    -ms-transform: rotate(316deg);
    -moz-transform: rotate(316deg);
    -webkit-transform: rotate(316deg);
    -o-transform: rotate(316deg);
    display: block;
    content: " ";
    z-index: 1;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom: 0;
    border-right: 0;
}

.case-md-word.sed {
    display: none;
}

.case-md-word.sed:before {
    position: absolute;
    bottom: 17px;
    left: -11px;
    height: 20px;
    width: 20px;
    transform: rotate(316deg);
    -ms-transform: rotate(316deg);
    -moz-transform: rotate(316deg);
    -webkit-transform: rotate(316deg);
    -o-transform: rotate(316deg);
    display: block;
    content: " ";
    z-index: 1;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom: 0;
    border-right: 0;
}

.case-md-word.thr {
    display: none;
}

.case-md-word.thr:before {
    position: absolute;
    top: 17px;
    right: -11px;
    height: 20px;
    width: 20px;
    transform: rotate(316deg);
    -ms-transform: rotate(316deg);
    -moz-transform: rotate(316deg);
    -webkit-transform: rotate(316deg);
    -o-transform: rotate(316deg);
    display: block;
    content: " ";
    z-index: 1;
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: 0;
    border-left: 0;
}

.case-md-word.four {
    display: none;
}

.case-md-word.four:before {
    position: absolute;
    bottom: 17px;
    right: -11px;
    height: 20px;
    width: 20px;
    transform: rotate(316deg);
    -ms-transform: rotate(316deg);
    -moz-transform: rotate(316deg);
    -webkit-transform: rotate(316deg);
    -o-transform: rotate(316deg);
    display: block;
    content: " ";
    z-index: 1;
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: 0;
    border-left: 0;
}

.case-md-word-title {
    font-size: 20px;
    color: #ff6600;
    letter-spacing: 3px;
    position: relative;
    z-index: 1;
}

.case-md-word-title:before {
    content: "";
    display: inline-block;
    height: 20px;
    width: 6px;
    border-radius: 5px;
    background-color: #f60;
    margin-right: 10px;
    vertical-align: bottom;

}

.case-md-word-font {
    font-size: 14px;
    letter-spacing: 3px;
    line-height: 36px;
    color: #666;
    padding-bottom: 3px;
}

.case-md-word-font span {
    color: #333;
    font-weight: bold;
}

.ab-case-item {
    padding-top: 5px;
    height: 146px;
    overflow: hidden;
    margin-bottom: 70px;
}

.ab-case-item-box {
    padding-left: 5px;
    padding-top: 5px;
    width: 2475px;
}

.ab-case-item-box-qt {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    margin-right: 10px;
    float: left;
    margin-top: 6px;
    height: 132px;
    width: 132px;
}

.ab-case-item-box img {
    margin: 6px;
}

.ab-case-title2 {
    font-size: 16px;
    color: #333333;
}

.ab-case-title2:before {
    height: 16px;
    width: 2px;
    margin-right: 10px;
    content: "";
    background-color: #f60;
    display: inline-block;
}

.new-ab-fl3 {
    background: url(/pyfile/images/new-ab-fl3-bg.jpg) no-repeat left top;
    height: 700px;
}

.new-ab-fl4 {
    background: url(/pyfile/images/new-ab-fl4-bg.jpg) no-repeat left top;
    height: 766px;
}

.popup-other {
    width: 190px;
    display: inline-block;
    margin-bottom: 10px;
}

/*商标交易*/
.index-banner.tm-sell {
    background: url(/pyfile/images/sell-banner.png) no-repeat center;
    height: 395px;
    background-size: cover;
    padding-top: 33px;
}

.sell-title {
    font-size: 36px;
    color: #79a3dc;
    font-weight: 500;
    position: relative;
    letter-spacing: 5px;
    z-index: 2;
}

.sell-title span {
    display: block;
    position: absolute;
    font-size: 72px;
    color: #79a3dc;
    opacity: .1;
    top: -18px;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
}

.sell-country {
    width: 260px;
    height: 230px;
    text-align: center;
    background-color: #fff;
    border-top: 2px solid #6ca8f9;
    margin: 13px;
    position: relative;
    box-shadow: 0 0 10px rgba(29, 98, 189, 0.1);
}

.sell-country img {
    width: 20%;
    margin-top: 20px;
}

.sell-country-title {
    color: #333333;
    font-size: 22px;
    font-weight: bold;
}

.sell-country-font1 {
    color: #666666;
}

.sell-country-font2 {
    color: #999;
    position: relative;
}

.sell-country-font2:before {
    content: "";
    height: 10px;
    width: 10px;
    border-radius: 10px;
    background-color: #ddd;
    display: inline-block;
    position: absolute;
    left: 15px;
    top: 5px;
}

.sell-country-font2:after {
    content: "";
    height: 10px;
    width: 10px;
    border-radius: 10px;
    background-color: #ddd;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 5px;
}

.sell-country-link {
    height: 40px;
    border-top: 1px solid #eee;
    display: none;
}

.sell-country-link .left {
    display: block;
    width: 130px;
    float: left;
    padding-top: 10px;
    color: #69a7f9;
    height: 42px;
}

.sell-country-link .right {
    border-left: 1px solid #eee;
    display: block;
    width: 129px;
    float: left;
    padding-top: 10px;
    color: #ff9900;
    height: 42px;
}

.sell-country:hover .sell-country-link {
    display: block;
}

.sell-sort-item {
    background-color: #fff;
    box-shadow: 0 0 10px rgba(29, 98, 189, 0.1);
    width: 1122px;
    margin: auto 10px;
}

.sell-sort-item-in {
    display: block;
    float: left;
    padding: 15px 30px;
    width: 224px;
    height: 50px;
    color: #666666;
    border-left: 1px solid #eee;
}

.sell-sort-item-in:first-child {
    border-left: 0;
}

.sell-sort-item-in.top-line {
    border-top: 1px solid #eee;
}

.sell-sort-item-icon {
    display: inline-block;
    height: 30px;
    width: 30px;
    background: url(/pyfile/images/sell-icon.png) no-repeat;
    margin-right: 10px;
    vertical-align: middle;
}

.sell-sort-item-icon.ic1 {
    background-position: 0 0;
}

.sell-sort-item-icon.ic2 {
    background-position: 0 -51px;
}

.sell-sort-item-icon.ic3 {
    background-position: 0 -101px;
}

.sell-sort-item-icon.ic4 {
    background-position: 0 -151px;
}

.sell-sort-item-icon.ic5 {
    background-position: 0 -204px;
}

.sell-sort-item-icon.ic6 {
    background-position: 0 -255px;
}

.sell-sort-item-icon.ic7 {
    background-position: 0 -313px;
}

.sell-sort-item-icon.ic8 {
    background-position: 0 -356px;
}

.sell-sort-item-icon.ic9 {
    background-position: 0 -396px;
}

.sell-sort-item-icon.ic10 {
    background-position: 0 -446px;
}

.sell-news {
    border: 1px solid #dde7ff;
    border-radius: 5px;
    background-color: #fff;
    width: 1122px;
    margin: 35px 10px 20px;
    position: relative;
}

.sell-news-img {
    border-radius: 5px 0 0 5px;
}

.sell-news-title {
    text-align: center;
    width: 140px;
    border-right: 1px solid #dde7ff;
    margin-top: 11px;
    height: 60px;
}

.sell-news-title h5 {
    font-size: 22px;
    margin-bottom: 5px;
}

.sell-news-title p {
    color: #f90;
}

.sell-news-list {
    width: 400px;
    height: 60px;
    overflow: hidden;
    margin-top: 10px;
    padding-left: 30px;
}

.sell-news-list ul {
    list-style: none;
    padding-left: 0;
    color: #666;
}

.sell-news-list ul li {
    margin-bottom: 5px;
    color: #666;
}

.sell-news-input {
    width: 400px;
    position: absolute;
    right: 0;
    top: -20px;
    padding: 10px;
    height: 120px;
    border: 1px solid #dde7ff;
    border-radius: 0 5px 5px 0;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(29, 98, 189, 0.1);
}

.sell-padding {
    padding: 10px 20px;
}

.sell-input {
    border-radius: 20px 0 0 20px;
}

.sell-btn-md {
    border-radius: 0 20px 20px 0;
}

.sell-case-item {
    padding-top: 5px;
    height: 243px;
    overflow: hidden;
    margin-bottom: 70px;
}

.sell-case-item-box {
    padding-left: 5px;
    padding-top: 5px;
    width: 2475px;
}

.sell-case-item-box-qt {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    margin-right: 18px;
    float: left;
    margin-top: 6px;
    height: 230px;
    width: 210px;
    border: 1px solid #69a7f9;
    border-radius: 5px;
    background-color: #fff;
    text-align: center;
    padding: 15px 0;
}

.sell-case-font {
    color: #666;
    margin-top: 10px;
}

.sell-case-link {
    display: none;
    color: #f90 !important;
    font-size: 14px !important;
}

.sell-case-item-box-qt:hover .sell-case-link {
    display: block;
    text-decoration: none;
}

/*新国际商标注册2.2*/
.index-banner.newintertm-banner {
    background: url(../..//pyfile/images/hwsbzc-img/newintertm-banner.jpg) no-repeat center;
    height: 468px;
    background-size: cover;
    padding-top: 55px;
}

.newintertm-rightbox {
    width: 343px;
    height: 292px;
    background-color: #f6f9fb;
    box-shadow: 4px 4px 10px #d8e6fe;
    padding: 11px 8px;
    margin-right: 60px;
}

.newintertm-sbox {
    background: url(../..//pyfile/images/hwsbzc-img/tm-search-bg.png) no-repeat top;
    width: 326px;
    height: 265px;
    border: 1px solid #edf3f7;
    background-color: #fff;
}

.newintertm-title {
    font-size: 36px;
    color: #FF552E;
    font-weight: 500;
    position: relative;
    letter-spacing: 5px;
    z-index: 2;
}

.newintertm-title span {
    display: block;
    position: absolute;
    font-size: 72px;
    opacity: .1;
    top: -35px;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
}

.newintertm-country-box {
    width: 1156px;
    margin: 0px auto;
}

.newintertm-country {
    width: 273px;
    height: 236px;
    text-align: center;
    background-color: #fff;
    border-top: 2px solid #6ca8f9;
    margin: 8px;
    position: relative;
    box-shadow: 0 0 10px rgba(29, 98, 189, 0.1);
}

.newintertm-country img {
    width: 20%;
    margin-top: 15px;
}

.newintertm-country-title {
    color: #333333;
    font-size: 22px;
    font-weight: bold;
    margin-top: 13px;
}

.newintertm-country-font1 {
    color: #666666;
}

.newintertm-country-font2 {
    color: #999;
    position: relative;
}

.newintertm-country-link {
    height: 40px;
    border-top: 1px solid #eee;

    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.newintertm-country-link .left {
    display: block;
    width: 130px;
    float: left;
    padding-top: 10px;
    color: #69a7f9;
    height: 42px;
}

.newintertm-country-link .right {
    border-left: 1px solid #eee;
    display: block;
    width: 100%;
    padding-top: 10px;
    color: #ff9900;
    height: 42px;
}

.newintertm-country:hover .newintertm-country-link {
    display: block;
    background-color: #fff;
}

.newintertm-download {
    background-color: #fff;
    box-shadow: 0px 0px 10px #e9f2fe inset;
    border: 1px solid #e0ecfe;
    border-radius: 5px;
    width: 1133px;
    margin: 20px auto;
}

.newintertm-download-file {
    display: block;
    float: left;
    /* padding: 15px 30px; */
    width: 186px;
    height: 101px;
    color: #666666;
}

.newintertm-download-file:hover, .newintertm-download-file:active {
    background-color: #f5f8ff;
    box-shadow: 0px 0px 10px #e2edfe inset;

}

.newintertm-i {
    width: 40px;
    height: 51px;
    margin: 10px auto;
    display: block;
}

.newintertm-bg {
    background: url(../..//pyfile/images/hwsbzc-img/newintertm-bg1.jpg) no-repeat center;
    height: 600px;
    background-size: cover;
    padding-top: 60px;
}

#Tab_industry {
    width: 1120px;
    height: 395px;
    background-color: #fff;
    margin: 0px auto;
    padding: 0px;
}

.Menubox_industry {
    width: 100%;
    height: 28px;
    line-height: 28px;
}

.Menubox_industry ul {
    margin: 0px;
    padding: 0px;
}

.Menubox_industry li {
    float: left;
    display: block;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

#industry1 {
    background: url(../..//pyfile/images/hwsbzc-img/newintertm-icon.png) no-repeat 0 0;
    width: 140px;
    display: block;
    height: 123px;
}

#industry1:hover, #industry1.hover {
    width: 140px;
    height: 129px;
    background: url(../..//pyfile/images/hwsbzc-img/newintertm-icon.png) no-repeat;
    background-position: -147px 0px;
    margin-top: -10px;
}

#industry2 {
    background: url(../..//pyfile/images/hwsbzc-img/newintertm-icon.png) no-repeat 0px -129px;
    width: 140px;
    display: block;
    height: 123px;
}

#industry2:hover, #industry2.hover {
    width: 140px;
    height: 129px;
    background: url(../..//pyfile/images/hwsbzc-img/newintertm-icon.png) no-repeat;
    background-position: -147px -129px;
    margin-top: -10px;
}

#industry3 {
    background: url(../..//pyfile/images/hwsbzc-img/newintertm-icon.png) no-repeat 0px -258px;
    width: 140px;
    display: block;
    height: 123px;
}

#industry3:hover, #industry3.hover {
    width: 140px;
    height: 129px;
    background: url(../..//pyfile/images/hwsbzc-img/newintertm-icon.png) no-repeat;
    background-position: -147px -258px;
    margin-top: -10px;
}

#industry4 {
    background: url(../..//pyfile/images/hwsbzc-img/newintertm-icon.png) no-repeat 0px -387px;
    width: 140px;
    display: block;
    height: 123px;
}

#industry4:hover, #industry4.hover {
    width: 140px;
    height: 129px;
    background: url(../..//pyfile/images/hwsbzc-img/newintertm-icon.png) no-repeat;
    background-position: -147px -387px;
    margin-top: -10px;
}

#industry5 {
    background: url(../..//pyfile/images/hwsbzc-img/newintertm-icon.png) no-repeat 0px -516px;
    width: 140px;
    display: block;
    height: 123px;
}

#industry5:hover, #industry5.hover {
    width: 140px;
    height: 129px;
    background: url(../..//pyfile/images/hwsbzc-img/newintertm-icon.png) no-repeat;
    background-position: -147px -516px;
    margin-top: -10px;
}

#industry6 {
    background: url(../..//pyfile/images/hwsbzc-img/newintertm-icon.png) no-repeat 0px -645px;
    width: 140px;
    display: block;
    height: 123px;
}

#industry6:hover, #industry6.hover {
    width: 140px;
    height: 129px;
    background: url(../..//pyfile/images/hwsbzc-img/newintertm-icon.png) no-repeat;
    background-position: -147px -645px;
    margin-top: -10px;
}

#industry7 {
    background: url(../..//pyfile/images/hwsbzc-img/newintertm-icon.png) no-repeat 0px -774px;
    width: 140px;
    display: block;
    height: 123px;
}

#industry7:hover, #industry7.hover {
    width: 140px;
    height: 129px;
    background: url(../..//pyfile/images/hwsbzc-img/newintertm-icon.png) no-repeat;
    background-position: -147px -774px;
    margin-top: -10px;
}

#industry8 {
    background: url(../..//pyfile/images/hwsbzc-img/newintertm-icon.png) no-repeat 0px -903px;
    width: 140px;
    display: block;
    height: 123px;
}

#industry8:hover, #industry8.hover {
    width: 140px;
    height: 129px;
    background: url(../..//pyfile/images/hwsbzc-img/newintertm-icon.png) no-repeat;
    background-position: -147px -903px;
    margin-top: -10px;
}

.Contentbox_industry {
    height: 145px;
    clear: both;
    margin-top: 15px;
    text-align: center;
    padding-top: 8px;
}

.index-industry-box {
    width: 376px;
    /*height: 143px;*/
    /*border: 1px solid #000000;*/
    margin: 10px 10px;
}

.industry-box-in {
    width: 1140px;
}

.indeustry-detail {
    width: 255px;
    text-align: left;
    margin-right: 27px;
}

.indeustry-font1 {
    font-size: 16px;
    color: #333333;
    border-left: 2px solid #fda413;
    padding-left: 10px;
}

.indeustry-font2 {
    font-size: 14px;
    color: #666666;
}

.newintertm-pkg {
    background: #fff;
    height: 104px;
    padding: 16px;
}

.newintertm-pkgtop {
    width: 231px;
    height: 74px;
    background: -webkit-linear-gradient(left, #4285f4, #9fd5ff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #4285f4, #9fd5ff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #4285f4, #9fd5ff); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #4285f4, #9fd5ff); /* 标准的语法 */
    border-radius: 5px;
    box-shadow: 4px 4px 10px #d4e3fb;
    font-size: 20px;
    color: #fff;
    padding: 20px;
}

.newintertm-pkg-font {
    font-size: 15px;
}

.newintertm-pkg-under {
    background-color: #fff;
    text-align: left;
    border-top: none;
    border-radius: 0 0 10px 10px;
    position: relative;
    z-index: 3;
}

.newintertm-pkg-under-in {
    height: 370px;
    padding: 15px 20px;
}

.newintertm-pkg-u-detail {
    list-style: none;
    margin: 15px auto;
    padding: 0;
}

.newintertm-pkg-u-detail li {
    color: #999;
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #cccccc;
}

.newintertm-pkg-u-detail li.fs {
    color: #478af5;
}

.newintertm-pkg-u-detail li.fo {
    color: #ff6600;
}

.newintertm-pkg-u-detail li.sd {
    color: #53bd69;
}

.newintertm-pkg-u-detail li.tr {
    color: #64a9f1;
}

.newintertm-case {
    padding-top: 5px;
    height: 140px;
    overflow: hidden;
    margin-bottom: 20px;
}

.newintertm-case-item-box-qt {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    margin-right: 18px;
    float: left;
    margin-top: 6px;
    height: 135px;
    width: 210px;
    background-color: #fff;
    text-align: center;
    border-top: 3px solid #67a4f8;
}

.newintertm-case-font {
    font-size: 16px;
    color: #333333;
    margin-top: -65px;
}

.newintertm-case-font1 {
    font-size: 14px;
    color: #999999;
}

.newintertm-bg1 {
    background: url(/pyfile/images/hwsbzc/newintertm-bg2.jpg) no-repeat center;
    height: auto;
    background-size: cover;
    padding-top: 100px;
	padding-bottom:50px;
}

#Tab_process {
    width: 1140px;
    height:auto;
    background-color: #fff;
    margin: 50px auto 0 auto;
    padding: 0px;
}

.Menubox_process {
    width: 100%;
    height: 28px;
    line-height: 28px;
}

.Menubox_process ul {
    margin: 0px;
    padding: 0px;
}

.Menubox_process li {
    background-color: #f3f7ff;
    width: 283px;
    height: 40px;
    line-height: 40px;
    float: left;
    display: block;
    cursor: pointer;
    text-align: center;
    color: #333333;
    font-size: 18px;
    overflow: hidden;
    position: relative;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.Menubox_process li.hover {
    background-color: #fff;
    padding: 0px;
    width: 283px;
    height: 45px;
    line-height: 45px;
    color: #FF552E;
    margin-top: -7px;
    border-radius: 5px 5px 0px 0px;
}

.Menubox_process li:hover {
    background-color: #fff;
    padding: 0px;
    width: 283px;
    height: 45px;
    line-height: 45px;
    color: #FF552E;
    margin-top: -7px;
    border-radius: 5px 5px 0px 0px;
}

.Contentbox_process {
    clear: both;
    margin-top: 15px;
    text-align: center;
    padding-top: 8px;
}

.tab_process_box {
    width: 1140px;
    height: 150px;
}

.index-process-box {
    width: 376px;
    /*height: 143px;*/
    /*border: 1px solid #000000;*/
    margin: 10px 10px;
}

.process-box-in {
    width: 1140px;
}

.process-detail {
    width: 280px;
    text-align: left;
    margin-left: 40px;
    margin-right: 27px;
}

.process-detail1 {
    width: 160px;
    text-align: left;
    margin-left: 40px;
    margin-right: 27px;
}

.process-font1 {
    font-size: 16px;
    color: #fdaa22;
    border-left: 2px solid #fda413;
    padding-left: 10px;
}

.process-font2 {
    font-size: 14px;
    color: #666666;
}

.newintertm-casebox {
    display: block;
    background-color: #fff;
    border: 1px solid #e6edff;
    padding: 10px;
    text-align: center;
    transition: all 0.3s;
    text-decoration: none;
}

.newintertm-casebox:hover {
    text-decoration: none;
}

.newintertm-casebox h5 {
    font-weight: bold;
    font-size: 18px;
    color: #333333;
}

.newintertm-casebox p {
    color: #9f9f9f;
}

.newintertm-casebox:hover {
    box-shadow: 0 0 10px #e1eaf9;
}

.newintertm-casebox:hover p {
    color: #ff8569;
}

/*律师*/
.title-lines {
    height: 3px;
    display: inline-block;
    width: 50px;
    background-color: #9e9fb8;
    margin: 10px 20px;
    border-radius: 3px;
}

.title-lines {
    height: 3px;
    display: inline-block;
    width: 50px;
    background-color: #9e9fb8;
    margin: 10px 20px;
    border-radius: 3px;
}

.color-purplegray {
    color: #9e9fb8;
}

#Tab_lawyer {
    width: 792px;
    margin: 0px;
    padding: 0px;
}

.Menubox_lawyer {
    width: 100%;
    height: 28px;
    line-height: 28px;
}

.Menubox_lawyer ul {
    margin: 0px;
    padding: 0px;
}

.Menubox_lawyer li {
    float: left;
    display: block;
    cursor: pointer;
    width: 116px;
    text-align: center;
    color: #333333;
    font-size: 15px;
}

.Menubox_lawyer li.hover {
    padding: 0px;
    background: #fff;
    width: 116px;
    border: 1px solid #4285f4 !important;
    color: #fff !important;
    height: 27px;
    line-height: 25px !important;
    background-color: #4285f4 !important;
    border-radius: 22px;
}

.Contentbox_lawyer {
    clear: both;
    margin-top: 15px;
    text-align: center;
    padding-top: 8px;
}

.index-lawyer-box {
    width: 376px;
    /*height: 143px;*/
    /*border: 1px solid #000000;*/
    margin: 10px 10px;
}

.lawyer-box-in {
    padding: 10px 17px 20px;
    position: relative;
    border: 1px solid #d9e2f1;
    background-color: #fff;
    height: 135px;
    margin: 15px auto;
}

.lawyer-box-in-left {
    width: 120px;
    float: left;
    position: relative;
    text-align: center;
}

.lawyer-img {
    width: 100px;
    border-radius: 50px;
    box-shadow: 1px 5px 5px rgba(188, 196, 255, 0.8);
    -moz-box-shadow: 1px 5px 5px rgba(188, 196, 255, 0.8);
    -webkit-box-shadow: 1px 5px 5px rgba(188, 196, 255, 0.8);
    position: absolute;
    margin-top: -40px;
    overflow: hidden;
    border: 1px solid #e4e7ff;
}

.lawyer-box-in-left p {
    text-transform: uppercase;
    color: #666666;
    font-size: 18px;
    margin-top: 15px;
}

.lawyer-box-in-right {
    width: 210px;
    float: right;
    text-align: left;
}

.iqc-icon {
    position: relative;
    border-collapse: separate;
    width: 287px;
    margin: 0px auto;
}

.iqc-box-font1 {
    font-size: 20px;
    color: #ff6600;
    letter-spacing: 2px;
}

.iqc-box-font2 {
    font-size: 14px;
    color: #606a8b;
}

.iqc-inp {
    width: 287px;
    padding: 6px 27px;
    border-radius: 5px;
    font-size: 14px;
    outline: none;
    background-color: #f5f8ff;
    border: none;
}

.iqc-box-btn {
    width: 287px;
    border-radius: 30px;
    font-size: 16px;
}

.input-slogan {
    list-style: none;
}

.index-ca-rightbox {
    width: 354px;
    height: 488px;
    background-color: #ffffff;
}

.input-slogan li {
    padding-left: 30px;
    background: url(../..//pyfile/images/hwsbzc-img/hook.png) no-repeat left top;
    margin-bottom: 10px;
    color: #999;
}

.index-tm-inp-new {
    width: 290px;
    margin: 5px 23px;
    padding: 6px 27px;
    border: none;
    border-radius: 0;
    font-size: 12px;
    outline: none;
    background-color: #f5f8ff;
}

.search-tm-pc-new {
    position: absolute;
    top: 12px;
    left: 29px;
    color: #ccc;
    z-index: 11;
    font-size: 14px;
}

.newbox-index {
    padding: 10px;
    background-color: #eff5fa;
}

.index_search_up_label {
    border-radius: 4px;
    font-size: 14px;
    height: 40px;
    padding-left: 24px;
    text-align: right;
    position: relative;
}

.index_search_up_input {
    width: 286px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px 0 10px;
    vertical-align: middle;
    background: none;
    border: none;
    background-color: #f5f8ff;
    color: #666;
    font-weight: normal;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.index_search_up_search {
    left: 20px;
    top: 20%;
    display: inline-block;
    vertical-align: middle;
    background-size: 100% auto;
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    color: #333;
}

.tab-carrow-tool {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 15px;
    font-weight: bold;
}

.fr {
    float: right;
}

/*Plugin CSS*/
.str_wrap {
    overflow: hidden;
    zoom: 1;
    width: 100%;
    font-size: 12px;
    line-height: 16px;
    position: relative;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    /*background:#f6f6f6;*/
    white-space: nowrap;
}

.str_move {
    white-space: nowrap;
    position: absolute;
    top: 1px;
    left: 0;
    cursor: move;
}

.str_vertical .str_move,
.str_down .str_move {
    white-space: normal;
    width: 100%;
}

.str_static .str_move,
.no_drag .str_move,
.noStop .str_move {
    cursor: inherit;
}

.str_wrap img {
    max-width: none !important;
}

@font-face {
    font-family: 'icon';
    src: url('../fonts/icon.eot');
    src: url('../fonts/icon.eot') format('embedded-opentype'),
    url('../fonts/icon.woff2') format('woff2'),
    url('../fonts/icon.woff') format('woff'),
    url('../fonts/icon.ttf') format('truetype'),
    url('../fonts/icon.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'icon';
    src: url('../fonts/icon.svg') format('svg');
  }
}
*/

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    speak: none;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-spin1:before {
    content: '\e800';
}

/* '' */
.icon-spin2:before {
    content: '\e801';
}

/* '' */
.icon-spin3:before {
    content: '\e802';
}

/* '' */
.icon-spin4:before {
    content: '\e803';
}

/* '' */
.icon-spin5:before {
    content: '\e804';
}

/* '' */
.icon-spin6:before {
    content: '\e805';
}

/* '' */
.icon-firefox:before {
    content: '\e806';
}

/* '' */
.icon-chrome:before {
    content: '\e807';
}

/* '' */
.icon-opera:before {
    content: '\e808';
}

/* '' */
.icon-ie:before {
    content: '\e809';
}

/* '' */
.icon-crown:before {
    content: '\e80a';
}

/* '' */
.icon-crown-plus:before {
    content: '\e80b';
}

/* '' */
.icon-crown-minus:before {
    content: '\e80c';
}

/* '' */
.icon-marquee:before {
    content: '\e80d';
}

/* '' */
.icon-glass:before {
    content: '\e80e';
}

/* '' */
.icon-music:before {
    content: '\e80f';
}

/* '' */
.icon-search:before {
    content: '\e810';
}

/* '' */
.icon-mail:before {
    content: '\e811';
}

/* '' */
.icon-mail-alt:before {
    content: '\e812';
}

/* '' */
.icon-heart:before {
    content: '\e813';
}

/* '' */
.icon-heart-empty:before {
    content: '\e814';
}

/* '' */
.icon-star-1:before {
    content: '\e815';
}

/* '⺁' */
.icon-star-empty:before {
    content: '\e816';
}

/* '' */
.icon-star-half:before {
    content: '\e817';
}

/* '' */
.icon-star-half-alt:before {
    content: '\e818';
}

/* '' */
.icon-male:before {
    content: '\e819';
}

/* '⺄' */
.icon-female:before {
    content: '\e81a';
}

/* '㑳' */
.icon-child:before {
    content: '\e81b';
}

/* '㑇' */
.icon-picture:before {
    content: '\e81c';
}

/* '⺈' */
.icon-ok-1:before {
    content: '\e81d';
}

/* '⺋' */
.icon-ok-circled:before {
    content: '\e81e';
}

/* '' */
.icon-ok-circled2:before {
    content: '\e81f';
}

/* '㖞' */
.icon-ok-squared:before {
    content: '\e820';
}

/* '㘚' */
.icon-cancel-1:before {
    content: '\e821';
}

/* '㘎' */
.icon-cancel-circled:before {
    content: '\e822';
}

/* '⺌' */
.icon-cancel-circled2:before {
    content: '\e823';
}

/* '⺗' */
.icon-plus:before {
    content: '\e824';
}

/* '㥮' */
.icon-plus-circled:before {
    content: '\e825';
}

/* '㤘' */
.icon-plus-squared:before {
    content: '\e826';
}

/* '' */
.icon-plus-squared-alt:before {
    content: '\e827';
}

/* '㧏' */
.icon-minus:before {
    content: '\e828';
}

/* '㧟' */
.icon-minus-circled:before {
    content: '\e829';
}

/* '㩳' */
.icon-minus-squared:before {
    content: '\e82a';
}

/* '㧐' */
.icon-minus-squared-alt:before {
    content: '\e82b';
}

/* '' */
.icon-help:before {
    content: '\e82c';
}

/* '' */
.icon-help-circled:before {
    content: '\e82d';
}

/* '㭎' */
.icon-info-circled:before {
    content: '\e82e';
}

/* '㱮' */
.icon-info:before {
    content: '\e82f';
}

/* '㳠' */
.icon-home:before {
    content: '\e830';
}

/* '⺧' */
.icon-link:before {
    content: '\e831';
}

/* '' */
.icon-unlink:before {
    content: '\e832';
}

/* '' */
.icon-link-ext:before {
    content: '\e833';
}

/* '⺪' */
.icon-attach:before {
    content: '\e834';
}

/* '䁖' */
.icon-lock:before {
    content: '\e835';
}

/* '䅟' */
.icon-lock-open:before {
    content: '\e836';
}

/* '⺮' */
.icon-lock-open-alt:before {
    content: '\e837';
}

/* '䌷' */
.icon-eye:before {
    content: '\e838';
}

/* '⺳' */
.icon-eye-off:before {
    content: '\e839';
}

/* '⺶' */
.icon-tag:before {
    content: '\e83a';
}

/* '⺷' */
.icon-tags:before {
    content: '\e83b';
}

/* '' */
.icon-thumbs-up:before {
    content: '\e83c';
}

/* '䎱' */
.icon-thumbs-down:before {
    content: '\e83d';
}

/* '䎬' */
.icon-thumbs-up-alt:before {
    content: '\e83e';
}

/* '⺻' */
.icon-thumbs-down-alt:before {
    content: '\e83f';
}

/* '䏝' */
.icon-download:before {
    content: '\e840';
}

/* '䓖' */
.icon-upload:before {
    content: '\e841';
}

/* '䙡' */
.icon-download-cloud:before {
    content: '\e842';
}

/* '䙌' */
.icon-upload-cloud:before {
    content: '\e843';
}

/* '' */
.icon-quote-left:before {
    content: '\e844';
}

/* '䜣' */
.icon-quote-right:before {
    content: '\e845';
}

/* '䜩' */
.icon-code:before {
    content: '\e846';
}

/* '䝼' */
.icon-export:before {
    content: '\e847';
}

/* '䞍' */
.icon-export-alt:before {
    content: '\e848';
}

/* '⻊' */
.icon-share:before {
    content: '\e849';
}

/* '䥇' */
.icon-share-squared:before {
    content: '\e84a';
}

/* '䥺' */
.icon-pencil:before {
    content: '\e84b';
}

/* '䥽' */
.icon-pencil-squared:before {
    content: '\e84c';
}

/* '䦂' */
.icon-edit:before {
    content: '\e84d';
}

/* '䦃' */
.icon-keyboard:before {
    content: '\e84e';
}

/* '䦅' */
.icon-comment:before {
    content: '\e84f';
}

/* '䦆' */
.icon-chat:before {
    content: '\e850';
}

/* '䦟' */
.icon-chat-empty:before {
    content: '\e851';
}

/* '䦛' */
.icon-bell:before {
    content: '\e852';
}

/* '䦷' */
.icon-bell-alt:before {
    content: '\e853';
}

/* '䦶' */
.icon-bell-off:before {
    content: '\e854';
}

/* '' */
.icon-bell-off-empty:before {
    content: '\e855';
}

/* '' */
.icon-attention-1:before {
    content: '\e856';
}

/* '䲣' */
.icon-attention-circled:before {
    content: '\e857';
}

/* '䲟' */
.icon-location:before {
    content: '\e858';
}

/* '䲠' */
.icon-direction:before {
    content: '\e859';
}

/* '䲡' */
.icon-compass:before {
    content: '\e85a';
}

/* '䱷' */
.icon-trash:before {
    content: '\e85b';
}

/* '䲢' */
.icon-trash-empty:before {
    content: '\e85c';
}

/* '䴓' */
.icon-doc:before {
    content: '\e85d';
}

/* '䴔' */
.icon-docs:before {
    content: '\e85e';
}

/* '䴕' */
.icon-doc-inv:before {
    content: '\e85f';
}

/* '䴖' */
.icon-doc-text-inv:before {
    content: '\e860';
}

/* '䴗' */
.icon-folder-open:before {
    content: '\e861';
}

/* '䴘' */
.icon-rss:before {
    content: '\e862';
}

/* '䴙' */
.icon-rss-squared:before {
    content: '\e863';
}

/* '䶮' */
.icon-phone:before {
    content: '\e864';
}

/* '' */
.icon-phone-squared:before {
    content: '\e865';
}

/* '?' */
.icon-cog-1:before {
    content: '\e866';
}

/* '?' */
.icon-cog-alt:before {
    content: '\e867';
}

/* '?' */
.icon-wrench:before {
    content: '\e868';
}

/* '?' */
.icon-basket:before {
    content: '\e869';
}

/* '?' */
.icon-calendar:before {
    content: '\e86a';
}

/* '?' */
.icon-login:before {
    content: '\e86b';
}

/* '?' */
.icon-logout:before {
    content: '\e86c';
}

/* '?' */
.icon-mic:before {
    content: '\e86d';
}

/* '?' */
.icon-mute:before {
    content: '\e86e';
}

/* '?' */
.icon-volume-off:before {
    content: '\e86f';
}

/* '?' */
.icon-volume-down:before {
    content: '\e870';
}

/* '?' */
.icon-volume-up:before {
    content: '\e871';
}

/* '?' */
.icon-headphones:before {
    content: '\e872';
}

/* '?' */
.icon-clock-1:before {
    content: '\e873';
}

/* '?' */
.icon-lightbulb:before {
    content: '\e874';
}

/* '?' */
.icon-block:before {
    content: '\e875';
}

/* '?' */
.icon-resize-full:before {
    content: '\e876';
}

/* '?' */
.icon-resize-full-alt:before {
    content: '\e877';
}

/* '?' */
.icon-resize-small:before {
    content: '\e878';
}

/* '?' */
.icon-resize-vertical:before {
    content: '\e879';
}

/* '?' */
.icon-resize-horizontal:before {
    content: '\e87a';
}

/* '?' */
.icon-move:before {
    content: '\e87b';
}

/* '?' */
.icon-zoom-in:before {
    content: '\e87c';
}

/* '?' */
.icon-zoom-out:before {
    content: '\e87d';
}

/* '?' */
.icon-down-open:before {
    content: '\e87e';
}

/* '?' */
.icon-left-open:before {
    content: '\e87f';
}

/* '?' */
.icon-right-open:before {
    content: '\e880';
}

/* '?' */
.icon-up-open:before {
    content: '\e881';
}

/* '?' */
.icon-angle-left:before {
    content: '\e882';
}

/* '?' */
.icon-angle-right:before {
    content: '\e883';
}

/* '?' */
.icon-angle-up:before {
    content: '\e884';
}

/* '?' */
.icon-angle-down:before {
    content: '\e885';
}

/* '?' */
.icon-angle-circled-left:before {
    content: '\e886';
}

/* '?' */
.icon-angle-circled-right:before {
    content: '\e887';
}

/* '?' */
.icon-angle-circled-up:before {
    content: '\e888';
}

/* '?' */
.icon-angle-circled-down:before {
    content: '\e889';
}

/* '?' */
.icon-angle-double-left:before {
    content: '\e88a';
}

/* '?' */
.icon-angle-double-right:before {
    content: '\e88b';
}

/* '?' */
.icon-angle-double-up:before {
    content: '\e88c';
}

/* '?' */
.icon-angle-double-down:before {
    content: '\e88d';
}

/* '?' */
.icon-cw:before {
    content: '\e88e';
}

/* '?' */
.icon-ccw:before {
    content: '\e88f';
}

/* '?' */
.icon-play:before {
    content: '\e890';
}

/* '?' */
.icon-stop:before {
    content: '\e891';
}

/* '?' */
.icon-pause:before {
    content: '\e892';
}

/* '?' */
.icon-to-end:before {
    content: '\e893';
}

/* '?' */
.icon-to-end-alt:before {
    content: '\e894';
}

/* '?' */
.icon-to-start:before {
    content: '\e895';
}

/* '?' */
.icon-to-start-alt:before {
    content: '\e896';
}

/* '?' */
.icon-fast-fw:before {
    content: '\e897';
}

/* '?' */
.icon-fast-bw:before {
    content: '\e898';
}

/* '?' */
.icon-eject:before {
    content: '\e899';
}

/* '?' */
.icon-signal:before {
    content: '\e89a';
}

/* '?' */
.icon-wifi:before {
    content: '\e89b';
}

/* '?' */
.icon-mobile:before {
    content: '\e89c';
}

/* '?' */
.icon-globe:before {
    content: '\e89d';
}

/* '?' */
.icon-sun:before {
    content: '\e89e';
}

/* '?' */
.icon-flash:before {
    content: '\e89f';
}

/* '?' */
.icon-moon:before {
    content: '\e8a0';
}

/* '?' */
.icon-umbrella:before {
    content: '\e8a1';
}

/* '?' */
.icon-flight:before {
    content: '\e8a2';
}

/* '?' */
.icon-list:before {
    content: '\e8a3';
}

/* '?' */
.icon-superscript:before {
    content: '\e8a4';
}

/* '?' */
.icon-subscript:before {
    content: '\e8a5';
}

/* '?' */
.icon-off:before {
    content: '\e8a6';
}

/* '?' */
.icon-book:before {
    content: '\e8a7';
}

/* '?' */
.icon-check:before {
    content: '\e8a8';
}

/* '?' */
.icon-check-empty:before {
    content: '\e8a9';
}

/* '?' */
.icon-circle:before {
    content: '\e8aa';
}

/* '?' */
.icon-chart-bar:before {
    content: '\e8ab';
}

/* '?' */
.icon-chart-area:before {
    content: '\e8ac';
}

/* '?' */
.icon-chart-pie:before {
    content: '\e8ad';
}

/* '?' */
.icon-chart-line:before {
    content: '\e8ae';
}

/* '?' */
.icon-credit-card:before {
    content: '\e8af';
}

/* '?' */
.icon-key:before {
    content: '\e8b0';
}

/* '?' */
.icon-rocket:before {
    content: '\e8b1';
}

/* '?' */
.icon-bug:before {
    content: '\e8b2';
}

/* '?' */
.icon-truck:before {
    content: '\e8b3';
}

/* '?' */
.icon-coffee:before {
    content: '\e8b4';
}

/* '?' */
.icon-smile:before {
    content: '\e8b5';
}

/* '?' */
.icon-frown:before {
    content: '\e8b6';
}

/* '?' */
.icon-meh:before {
    content: '\e8b7';
}

/* '?' */
.icon-wheelchair:before {
    content: '\e8b8';
}

/* '?' */
.icon-graduation-cap:before {
    content: '\e8b9';
}

/* '?' */
.icon-cube:before {
    content: '\e8ba';
}

/* '?' */
.icon-recycle:before {
    content: '\e8bb';
}

/* '?' */
.icon-copyright:before {
    content: '\e8bc';
}

/* '?' */
.icon-at:before {
    content: '\e8bd';
}

/* '?' */
.icon-brush:before {
    content: '\e8be';
}

/* '?' */
.icon-diamond:before {
    content: '\e8bf';
}

/* '?' */
.icon-street-view:before {
    content: '\e8c0';
}

/* '?' */
.icon-venus:before {
    content: '\e8c1';
}

/* '?' */
.icon-mars:before {
    content: '\e8c2';
}

/* '?' */
.icon-cc-visa:before {
    content: '\e8c3';
}

/* '?' */
.icon-cc-mastercard:before {
    content: '\e8c4';
}

/* '?' */
.icon-cc-discover:before {
    content: '\e8c5';
}

/* '?' */
.icon-cc-amex:before {
    content: '\e8c6';
}

/* '?' */
.icon-cc-paypal:before {
    content: '\e8c7';
}

/* '?' */
.icon-cc-stripe:before {
    content: '\e8c8';
}

/* '?' */
.icon-android:before {
    content: '\e8c9';
}

/* '?' */
.icon-angellist:before {
    content: '\e8ca';
}

/* '?' */
.icon-apple:before {
    content: '\e8cb';
}

/* '?' */
.icon-behance:before {
    content: '\e8cc';
}

/* '?' */
.icon-bitbucket:before {
    content: '\e8cd';
}

/* '?' */
.icon-bitbucket-squared:before {
    content: '\e8ce';
}

/* '?' */
.icon-cc:before {
    content: '\e8cf';
}

/* '?' */
.icon-drupal:before {
    content: '\e8d0';
}

/* '?' */
.icon-facebook:before {
    content: '\e8d1';
}

/* '?' */
.icon-facebook-squared:before {
    content: '\e8d2';
}

/* '?' */
.icon-facebook-official:before {
    content: '\e8d3';
}

/* '?' */
.icon-git-squared:before {
    content: '\e8d4';
}

/* '?' */
.icon-git:before {
    content: '\e8d5';
}

/* '?' */
.icon-github:before {
    content: '\e8d6';
}

/* '?' */
.icon-gplus:before {
    content: '\e8d7';
}

/* '?' */
.icon-html5:before {
    content: '\e8d8';
}

/* '?' */
.icon-linux:before {
    content: '\e8d9';
}

/* '?' */
.icon-linkedin:before {
    content: '\e8da';
}

/* '?' */
.icon-maxcdn:before {
    content: '\e8db';
}

/* '?' */
.icon-paypal:before {
    content: '\e8dc';
}

/* '?' */
.icon-pied-piper-squared:before {
    content: '\e8dd';
}

/* '?' */
.icon-qq:before {
    content: '\e8de';
}

/* '?' */
.icon-skype:before {
    content: '\e8df';
}

/* '?' */
.icon-tencent-weibo:before {
    content: '\e8e0';
}

/* '?' */
.icon-tumblr-squared:before {
    content: '\e8e1';
}

/* '?' */
.icon-twitter-squared:before {
    content: '\e8e2';
}

/* '?' */
.icon-twitter:before {
    content: '\e8e3';
}

/* '?' */
.icon-vimeo-squared:before {
    content: '\e8e4';
}

/* '?' */
.icon-wechat:before {
    content: '\e8e5';
}

/* '?' */
.icon-weibo:before {
    content: '\e8e6';
}

/* '?' */
.icon-windows:before {
    content: '\e8e7';
}

/* '?' */
.icon-wordpress:before {
    content: '\e8e8';
}

/* '?' */
.icon-xing:before {
    content: '\e8e9';
}

/* '?' */
.icon-xing-squared:before {
    content: '\e8ea';
}

/* '?' */
.icon-youtube:before {
    content: '\e8eb';
}

/* '?' */
.icon-heart-1:before {
    content: '\e8ec';
}

/* '?' */
.icon-heart-empty-1:before {
    content: '\e8ed';
}

/* '?' */
.icon-user:before {
    content: '\e8ee';
}

/* '?' */
.icon-users:before {
    content: '\e8ef';
}

/* '?' */
.icon-user-add:before {
    content: '\e8f0';
}

/* '?' */
.icon-basket-1:before {
    content: '\e8f1';
}

/* '?' */
.icon-down:before {
    content: '\e8f2';
}

/* '?' */
.icon-left:before {
    content: '\e8f3';
}

/* '?' */
.icon-right:before {
    content: '\e8f4';
}

/* '?' */
.icon-up:before {
    content: '\e8f5';
}

/* '?' */
.icon-ok:before {
    content: '\e8f6';
}

/* '?' */
.icon-cancel:before {
    content: '\e8f7';
}

/* '?' */
.icon-attention:before {
    content: '\e8f8';
}

/* '?' */
.icon-clock:before {
    content: '\e8f9';
}

/* '?' */
.icon-school:before {
    content: '\e8fa';
}

/* '?' */
.icon-th-list:before {
    content: '\e8fb';
}

/* '?' */
.icon-star:before {
    content: '\e8fc';
}

/* '?' */
.icon-ok-2:before {
    content: '\e8fd';
}

/* '?' */
.icon-ok-circle:before {
    content: '\e8fe';
}

/* '?' */
.icon-cancel-2:before {
    content: '\e8ff';
}

/* '?' */
.icon-cancel-circle:before {
    content: '\e900';
}

/* '?' */
.icon-plus-circle:before {
    content: '\e901';
}

/* '?' */
.icon-minus-circle:before {
    content: '\e902';
}

/* '?' */
.icon-cog:before {
    content: '\e903';
}

/* '?' */
.icon-down-circle:before {
    content: '\e904';
}

/* '?' */
.icon-left-circle:before {
    content: '\e905';
}

/* '?' */
.icon-right-circle:before {
    content: '\e906';
}

/* '?' */
.icon-up-circle:before {
    content: '\e907';
}

/* '?' */
.icon-arrows-cw:before {
    content: '\e908';
}

/* '?' */
.icon-facebook-rect:before {
    content: '\e909';
}

/* '?' */
.icon-twitter-bird:before {
    content: '\e90a';
}

/* '?' */
.icon-vimeo-rect:before {
    content: '\e90b';
}

/* '?' */
.icon-tumblr-rect:before {
    content: '\e90c';
}

/* '?' */
.icon-googleplus-rect:before {
    content: '\e90d';
}

/* '?' */
.icon-linkedin-rect:before {
    content: '\e90e';
}

/* '?' */
.icon-desktop:before {
    content: '\e90f';
}

/* '?' */
.icon-tablet:before {
    content: '\e910';
}

/* '?' */
.icon-tablet-1:before {
    content: '\e911';
}

/* '?' */
.icon-desktop-1:before {
    content: '\e912';
}

/* '?' */
.icon-phone-1:before {
    content: '\e913';
}

/* '?' */
.icon-headphones-1:before {
    content: '\e914';
}

/* '?' */
.icon-pencil-1:before {
    content: '\e915';
}

/* '?' */
.icon-pin:before {
    content: '\e916';
}

/* '?' */
.icon-wristwatch:before {
    content: '\e917';
}

/* '?' */
.icon-flow-tree:before {
    content: '\e918';
}

/* '?' */
.icon-tags-1:before {
    content: '\e919';
}

/* '?' */
.icon-vcard:before {
    content: '\e91a';
}

/* '?' */
.icon-newspaper-1:before {
    content: '\e91b';
}

/* '?' */
.icon-commerical-building:before {
    content: '\e91c';
}

/* '?' */
.icon-award:before {
    content: '\e91d';
}

/* '?' */
.icon-th-large:before {
    content: '\e91e';
}

/* '?' */
.icon-print:before {
    content: '\e91f';
}

/* '?' */
.icon-gift:before {
    content: '\e920';
}

/* '?' */
.icon-th-large-outline:before {
    content: '\e921';
}

/* '?' */
.icon-th-large-1:before {
    content: '\e922';
}

/* '?' */
.icon-globe-1:before {
    content: '\e923';
}

/* '?' */
.icon-keyboard-1:before {
    content: '\e924';
}

/* '?' */
.icon-barcode:before {
    content: '\e925';
}

/* '?' */
.icon-barcode-1:before {
    content: '\e926';
}

/* '?' */
.icon-calculator:before {
    content: '\e927';
}

/* '?' */
.icon-book-open:before {
    content: '\e928';
}

/* '?' */
.icon-book-1:before {
    content: '\e929';
}

/* '?' */
.icon-eye-1:before {
    content: '\e92a';
}

/* '?' */
.icon-list-numbered:before {
    content: '\f0cb';
}

/* '?' */
.icon-sitemap:before {
    content: '\f0e8';
}

/* '?' */
.icon-paste:before {
    content: '\f0ea';
}

/* '?' */
.icon-shield:before {
    content: '\f132';
}

/* '?' */
.icon-euro:before {
    content: '\f153';
}

/* '?' */
.icon-dollar:before {
    content: '\f155';
}

/* '?' */
.icon-yen:before {
    content: '\f157';
}

/* '?' */
.icon-bitcoin:before {
    content: '\f15a';
}

/* '?' */
.icon-bank:before {
    content: '\f19c';
}

/* '?' */
.icon-newspaper:before {
    content: '\f1ea';
}

/* '?' */
.icon-hand-pointer-o:before {
    content: '\f25a';
}

/* '?' */
.icon-user-circle:before {
    content: '\f2bd';
}

/* '?' */
.icon-user-circle-o:before {
    content: '\f2be';
}

/* '?' */






.brandxmbox{
	width: 100%;
	height: 620px;
}
.brandtitle{
	font-size: 40px;
	color: #FF552E;
	font-weight: bold;
	text-align: center;
	width: 100%;
	height: 60px;
	line-height: 60px;
	margin-top: 30px;
}
.brandxmbox .brandnav{
	width: 100%;
	height: 60px;
	background: #F8F8F8;
}
.brandxmbox .brandnav ul{
	width: 1100px;
	height: 60px;
	margin: 0 auto;
}
.brandxmbox .brandnav ul li{
	height: 55px;
	width: 182px;
	float: left;
	margin-left: 1px;
	text-align: center;
	line-height: 60px;
	color: #646464;
	font-size: 18px;
	cursor:pointer;
}
.brandxmbox .brandnav ul .on{
	border-bottom: 5px solid #FF552E;
	color: #FF552E;
}
.brandxmbox .brandcenbox{
	width: 1100px;
	height: 500px;
    margin: 0 auto;
    overflow: hidden;
}

.brandxmbox .brandcenbox ul li{
	width: 260px;
	height: 230px;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
	position: relative;
}



.brandxmbox .brandcenbox ul li:nth-child(1),.brandxmbox .brandcenbox ul li:nth-child(5){margin-left: 0;}



.brandxmbox .brandcenbox ul li img{
	display: block;
	width: 100%;
	height: 100%;
}


.brandxmbox .brandcenbox ul li>div{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	line-height: 230px;
	text-align: center;
	color: #fff;
	display: none;
}



.brandxmbox .brandcenbox ul li>p{
	position: absolute;
	width: 100%;
	height: 230px;
	font-size: 24px;
	color: #fff;
    top: 0;
    background: rgba(43, 43, 43, 0.5);
    text-align: center;
	
	padding:0;
}
.brandxmbox .brandcenbox ul li>p span{ display: block; padding-top:80px;}
.brandxmbox .brandcenbox ul li>p>div{

    width: 100%;
	display:table-cell; 
    vertical-align:middle;  
   
}




.brandxmbox .brandcenbox ul li div.brandcenT{
		background: rgba(43, 43, 43, 0.8);
}



.brandxmbox .brandcenbox ul li div.brandcenT>a{
	width: 100%;
	height: 60px;
	background: rgba(210, 210, 220, 0.8);
	color: #FF552E;
	font-size: 30px;
	line-height: 60px;
	text-align: center;
	margin-top: 11px;
	cursor:pointer;
	display:block;

}
.brandcenT div{ margin-top: 57px;}
.brandxmbox .brandcenbox ul li div.brandcenT>span p{
	line-height: 14px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}







.fangshi {
    margin-top: 60px;
    padding: 30px 0;
    background-color: #f7f7f7;
    background-image: url(/pyfile/images/hwsbzc/fangshi-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
}
.brand-title {
    font-size: 40px;
    color: #FF552E;
    font-weight: bold;
    text-align: center;
    width: 100%;
    height: 60px;
    line-height: 60px;
}
.fangshi .fangshi-box {
    margin-top: 20px;
}
.fangshi .fangshi-box .item {
    padding-left: 130px;
    padding-right: 40px;
    position: relative;
    margin-top: 30px;
}
.fangshi .fangshi-box .item .icon {
    width: 110px;
    height: 110px;
    position: absolute;
    left: 0;
    top: 0;
}
.fangshi .fangshi-box .item .desc h3 {
    color: #FF552E;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 2px;
}
.fangshi .fangshi-box .item .desc p {
    font-size: 16px;
    color: #666;
    letter-spacing: 2px;
}

.col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 50%;
	float:left;
}


.col-sm5 {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 20%;
	float:left;
}






.strategy{
	padding:40px 0;
	background-color: #fff;
}
.strategy-box{
	margin-top:30px;
}

.strategy-box .item{
	padding:0 15px;
	text-align:center;
}
.strategy-box .item .icon{
	margin-bottom:15px;
}
.strategy-box .item h3{
	color:#FF552E;
	font-size:18px;
	font-weight:bold;
	letter-spacing:2px;
}
.strategy-box .item p{
	text-align:left;
	color:#555;
	font-size: 16px;
	letter-spacing:2px;
}







.bg_white {
    background-color: #ffffff;
}
.slogan {
    padding: 30px 0;
    text-align: center;
}
.slogan p {
    font-size: 16px;
    color: #363636;
    line-height: 35px;
}
.slogan h4 {
    font-size: 34px;
    letter-spacing: 2px;
    color: #252525;
    line-height: 45px;
	font-weight:600;
}
.compare {
    padding: 30px 150px 0 105px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.compare .left_box {
    box-sizing: border-box;
    position: relative;
    width: 493px;
    height: 349px;
    border-radius: 20px;
    background-image: linear-gradient(0deg, #ff4c23 0%, #ffa48f 100%), linear-gradient(#000000, #000000);
    padding: 54px 40px 0 40px;
}
.compare .left_box>div {
    width: 296px;
    height: 50px;
    background-color: #FF552E;
    border-radius: 10px;
    border: 6px solid #ffffff;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -154px;
    margin-top: -31px;
    font-size: 24px;
    color: #ffffff;
    line-height: 50px;
    text-align: center;
}
.compare .left_box>p {
    position: relative;
    line-height: 64px;
    font-size: 22px;
    color: #ffffff;
    padding: 0 20px;
	margin:0;
}
.compare .left_box>p>i {
    width: 22px;
    height: 22px;
    background-image: url(/pyfile/images/hwsbzc/y_ok.png);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    margin-bottom: 3px;
}
.compare .right_box {
    box-sizing: border-box;
    position: relative;
    width: 422px;
    height: 311px;
    border-radius: 20px;
    background-color: #d7dae4;
    padding: 54px 40px 0 40px;
}
.compare .right_box>div {
    width: 252px;
    height: 50px;
    background-color: #d7dae4;
    border-radius: 10px;
    border: 5px solid #ffffff;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -131px;
    margin-top: -30px;
    font-size: 22px;
    color: #555555;
    line-height: 50px;
    text-align: center;
}
.compare .right_box>p {
    position: relative;
    line-height: 55px;
    font-size: 20px;
    color: #5f5f5f;
    padding: 0 20px;
	margin-bottom:0;
}
.compare .right_box>p>i {
    width: 19px;
    height: 19px;
    background-image: url(/pyfile/images/hwsbzc/g_ok.png);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    margin-bottom: 3px;
}
.compare .right_box>p::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    background-image: url(/pyfile/images/hwsbzc/right-line.png);
    background-repeat: no-repeat;
    height: 1px;
    width: 100%;
}
.learn_more {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
}
.learn_more>a {
    display: inline-block;
    width: 381px;
    height: 52px;
    line-height: 52px;
    font-size: 20px;
    color: #ffffff;
    background-color: #ff580f;
    border-radius: 26px;
}
.example {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 15px;
}
.example .item {
    width: 260px;
}
.example .item>img {
    width: 260px;
    height: 319px;
}
.example .item>p {
    line-height: 65px;
    text-align: center;
    font-size: 20px;
	margin-bottom:0;
}