@font-face{font-family:'Glyphicons Halflings';src:url('/images/fonts/glyphicons-halflings-regular.eot');src:url('/images/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('/images/fonts/glyphicons-halflings-regular.woff') format('woff'),url('/images/fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('/images/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');font-display: swap;}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-euro:before,.glyphicon-eur:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}/* aboutus_99704_105 */
/* aboutus_99704_105 start */
.aboutus_99704_105 {
    padding: 40px 0 41px;
    background: url(/images/about_us_bg_99704.jpg) no-repeat center center;
}

.aboutus_99704_105 .title {
    color: #fff;
}

.aboutus_99704_105 .about-container {
    margin-top: 32px;
    position: relative;
}

.aboutus_99704_105 .video-container {
    position: absolute;
    width: 531px;
    height: 356px;
    left: 0;
    top: 50%;
    margin-top: -178px;
}

.aboutus_99704_105 .video-container .image-part {
    height: 100%;
}

.aboutus_99704_105 .company-name {
    font-size: 28px;
    font-weight: bold;
    line-height: 39px;
}

.aboutus_99704_105 .company-desc {
    height: 180px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    margin-top: 20px;
}

.aboutus_99704_105 .float-right {
    width: 837px;
    background-color: #fff;
    padding: 32px 50px 43px 147px;
}

.aboutus_99704_105 .learn-more {
    display: inline-block;
    color: #E52A2A;
    margin-top: 16px;
}

.aboutus_99704_105 .learn-more:hover {
    text-decoration: underline;
}

.aboutus_99704_105 .company-pics {
    margin-top: 40px;
    font-size: 0;
    text-align: center;
}

.aboutus_99704_105 .company-pics .item {
    display: inline-block;
    vertical-align: middle;
    width: 305px;
    height: 380px;
    margin-right: 16px;
    box-sizing: border-box;
    position: relative;
    background-color: #31457e;
    color: #fff;
    text-align: left;
}

.aboutus_99704_105 .company-pics .item:last-child {
    margin-right: 0;
}

.aboutus_99704_105 .item .image-part {
    height: 200px;
}

.aboutus_99704_105 .item .image-part img {
    position: relative;
    -webkit-transition: transform .2s ease;
    -moz-transition: transform .2s ease;
    -o-transition: transform .2s ease;
    -ms-transition: transform .2s ease;
    transition: transform .2s ease;
}

.aboutus_99704_105 .item .image-part:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.aboutus_99704_105 .pic-title {
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    margin-top: 16px;
}

.aboutus_99704_105 .pic-title,
.aboutus_99704_105 .pic-desc {
    padding: 0 16px;
}

.aboutus_99704_105 .pic-desc {
    height: 110px;
    font-size: 14px;
    line-height: 22px;
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

/* aboutus_99704_105 end */

/* aboutus_info_99704_115 */
/* aboutus_info_99704_115 start */
.Verifiedby {
    margin: 20px auto 0;
    height: 40px;
    text-transform: none;
}
.Verifiedby .sgsmain {
    height: 40px;
    padding: 0 13px;
    background: rgba(224,243,255,1);
    border-radius: 4px;
    margin: 0 auto;
    overflow: hidden;
    display: inline-block;
    line-height: 39px;
}
.Verifiedby .sgsmain .text {
    text-transform: none;
    width: 103px;
    height: 28px;
    font-size: 20px;
    font-weight: 600;
    color: rgba(51,51,51,1);
    vertical-align: middle;
}
.Verifiedby .sgsmain .sgsimg {
    width: 40px !important;
    height: 25px !important;
    margin-left: 14px;
    margin-right: 12px;
    vertical-align: middle;
}
.abouttable{
    overflow: hidden;
    margin: 0 auto 10px;
    background: linear-gradient(180deg,rgba(240,250,253,1) 0,rgba(249,254,255,1) 100%);
}
.abouttable p {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    color: rgba(51,51,51,1);
    float: left;
    max-width: 95%;
}
.abouttable .left,.abouttable .right {
    width: 49%;
    padding: 18px 29px 18px 25px;
    box-sizing: border-box;
    border-right: 1px solid rgba(239,239,239,1);
    border-bottom: 1px solid rgba(239,239,239,1);
}
.abouttable .left{
    float: left;
}
.abouttable .right{
    float:right;
}
.abouttable>div:nth-last-child(1), .abouttable>div:nth-last-child(2) {
    border-bottom: 0;
}
.abouts .aboutinfo {
    text-transform: none;
    float: right;
    line-height: 40px;
    color: rgba(102,102,102,1);
    font-size: 14px;
}
.abouttable span {
    float: right;
}
.duihao1, .duihao2 {
    display: inline-block;
    border: 2px solid #fe9313;
    width: 8px;
    height: 14px;
    transform: rotate(45deg);
    border-top: transparent;
    border-left: transparent;
}
.aboutus_info_99704_115 {
    padding: 32px 32px 40px;
    background-color: #fff;
}

.aboutus_info_99704_115 .company-name {
    font-size: 28px;
    font-weight: bold;
    line-height: 39px;
}

.aboutus_info_99704_115 .pic-scroll {
    width: 520px;
    margin-top: 32px;
}

.aboutus_info_99704_115 .image-part {
    width: 520px;
    height: 380px;
}

.aboutus_info_99704_115 table {
    width: 100%;
    margin-top: 32px;
}

.aboutus_info_99704_115 table th,
.aboutus_info_99704_115 table td {
    line-height: 18px;
    padding: 8px 16px;
    border: 1px solid #DCDCDC;
}

.aboutus_info_99704_115 table th {
    width: 20%;
    color: #5D5D5D;
    background-color: #F8F8F8;
}

.aboutus_info_99704_115 table td {
    width: 80%;
}

.aboutus_info_99704_115 .pic-scroll {
    position: relative;
}

.aboutus_info_99704_115 .nav-list {
    position: absolute;
    width: 100%;
    bottom: 20px;
    left: 0;
    text-align: center;
}

.aboutus_info_99704_115 .nav-list ul {
    display: inline-block;
}

.aboutus_info_99704_115 .nav-list li {
    float: left;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #000000;
    opacity: 0.6;
    margin: 0 4px;
}

.aboutus_info_99704_115 .nav-list li.on {
    background-color: #E52A2A;
    opacity: 1;
}

/* aboutus_info_99704_115 end */

/* about_aside_99703_114 */
/* about_aside_99703_114 start */
.about_aside_99703_114 {
    color: #fff;
    margin-bottom: 20px;
}

.about_aside_99703_114 .header-title {
    height: 60px;
    line-height: 60px;
    padding: 0 32px;
    font-size: 18px;
    font-weight: bold;
    text-transform: capitalize;
    background-color: #E52A2A;
}

.about_aside_99703_114 .list {
    line-height: 18px;
    padding: 26px 0 37px;
    background-color: #31457e;
}

.about_aside_99703_114 .list li {
    margin-bottom: 30px;
}

.about_aside_99703_114 .list li:last-child {
    margin-bottom: 0;
}

.about_aside_99703_114 .list li.on a {
    font-weight: bold;
    color: #d52828;
}

.about_aside_99703_114 .list a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 0 32px;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
}

.about_aside_99703_114 .list li:hover a {
    color: #e52a2a;
    font-weight: bold;
}

/* about_aside_99703_114 end */

/* aside_form_99702_112 */


/* banner_99704_102 */
/* banner_99704_102 start */
.banner_99704_102 {
    min-width: 1270px;
    height: 500px;
    overflow: hidden;
    position: relative
}

[dir=RTL] .banner_99704_102 .pic-list {
    direction: ltr;
}

.banner_99704_102 .pic-list li {
    height: 500px
}

.banner_99704_102 .pic-list li a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.banner_99704_102 .pic-list li img {
    height: 100%;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.banner_99704_102 .form {
    font-size: 0;
    position: absolute;
    width: 600px;
    height: 60px;
    left: 50%;
    margin-left: -300px;
    top: 310px;
    z-index: 1;
    border-radius: 4px;
    overflow: hidden;
    background-color: #fff;
}

.banner_99704_102 .form input,
.banner_99704_102 .button,
.banner_99704_102 .button i,
.banner_99704_102 .button span {
    display: inline-block;
    vertical-align: middle;
}

.banner_99704_102 .form input {
    width: 460px;
    height: 60px;
    padding: 0 30px;
    line-height: 60px;
    border: none;
    outline: none;
    font-size: 14px;
}

.banner_99704_102 .button {
    width: 140px;
    height: 60px;
    border: none;
    outline: none;
    color: #fff;
    font-size: 0;
    cursor: pointer;
    border-radius: 0;
    border: none;
}

.banner_99704_102 .button i {
    font-size: 24px;
    margin-right: 8px;
}

.banner_99704_102 .button span {
    font-size: 18px;
}

/* banner_99704_102 end */

/* bread_crumbs_99703_114 */
/* bread_crumbs_99703_114 start */
.bread_crumbs_99703_114 {
    width: 100%;
    line-height: 18px;
    padding: 20px 0;
    z-index: 1;
    text-transform: capitalize;
}

.bread_crumbs_99703_114 a,
.bread_crumbs_99703_114 i,
.bread_crumbs_99703_114 h1 {
    display: inline;
}

.bread_crumbs_99703_114 a {
    color: #999999;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -o-transition: color .2s ease;
    -ms-transition: color .2s ease;
    transition: color .2s ease;
}

.bread_crumbs_99703_114 a:hover {
    color: #333333;
}

.bread_crumbs_99703_114 i {
    font-style: normal;
    color: #999999;
    margin: 0 5px;
}

.gray-bg {
    width: 100%;
    position: absolute;
    left: 0;
    top: 80px;
}
.gray-bg h1 {
    color: #FFFFFF;
}

.gray-bg .bread_crumbs_99703_114 a:hover{
    color: #ffffff;
}
/* bread_crumbs_99703_114 end */

/* bread_crumbs_99704_113 */
/* bread_crumbs_99704_113 end */
.bread_crumbs_99704_113 {
    height: 150px;
    background: url(/images/min_bread_crumbs_bg.jpg) no-repeat;
    text-align: center
}

.bread_crumbs_99704_113 .wrap-rule {
    position: relative;
    height: 100%
}

.bread_crumbs_99704_113 .crumbs-container {
    position: absolute;
    color: #fff;
    top: 50%;
    left: 50%;
    width: 70%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.bread_crumbs_99704_113 .current-page {
    font-size: 28px;
    font-weight: bold;
    line-height: 36px;
    text-transform: capitalize;
    max-height: 72px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.bread_crumbs_99704_113 .crumbs {
    font-size: 0;
    line-height: 16px;
    margin-top: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.bread_crumbs_99704_113 .crumbs a,.bread_crumbs_99704_113 .crumbs span,.bread_crumbs_99704_113 .crumbs h1 {
    display: inline;
    font-size: 14px;    text-transform: capitalize;
}

.bread_crumbs_99704_113 .crumbs .splitline {
    margin: 0 5px
}

.bread_crumbs_99704_113 .crumbs a {
    color: #fff
}

.bread_crumbs_99704_113 .crumbs a:hover {
    text-decoration: underline
}


/* bread_crumbs_99704_113 end */

/* categary_99704_106 */
/* categary_99704_106 start */
.categary_99704_106 .item {
    padding: 60px 0;
}

.categary_99704_106 .image-part {
    display: inline-block;
    vertical-align: middle;
    width: 200px;
    height: 310px;
    margin-right: 20px;
}

.categary_99704_106 .image-part img {
    position: relative;
    -webkit-transition: transform .2s ease;
    -moz-transition: transform .2s ease;
    -o-transition: transform .2s ease;
    -ms-transition: transform .2s ease;
    transition: transform .2s ease;
}

.categary_99704_106 .image-part:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.categary_99704_106 .images {
    width: 649px;
}

.categary_99704_106 .texts {
    width: 570px;
    padding: 26px 0 25px;
}

.categary_99704_106 .images .image-part:last-child {
    margin-right: 0;
}

.categary_99704_106 .categary-name {
    margin-bottom: 16px;
}

.categary_99704_106 .categary-name a {
    display: block;
    max-height: 78px;
    font-size: 28px;
    font-weight: bold;
    line-height: 39px;
    color: #E52A2A;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.categary_99704_106 .categary-name a:hover {
    text-decoration: underline;
}

.categary_99704_106 .product-name a {
    max-height: 48px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.categary_99704_106 .product-name a:hover {
    color: #E52A2A !important;
}

.categary_99704_106 .learn-more {
    display: inline-block;
    color: #E52A2A;
    margin-top: 16px;
}

.categary_99704_106 .learn-more:hover {
    text-decoration: underline;
}

.categary_99704_106 .list .item:nth-child(even) {
    background-color: #31457e;
}

.categary_99704_106 .list .item:nth-child(odd) {
    background-color: #fff;
}

.categary_99704_106 .list .item:nth-child(even) a {
    color: #fff;
}

.categary_99704_106 .list .item:nth-child(odd) .images {
    float: left;
}

.categary_99704_106 .list .item:nth-child(odd) .texts {
    float: right;
}

.categary_99704_106 .list .item:nth-child(even) .images {
    float: right;
}

.categary_99704_106 .list .item:nth-child(even) .texts {
    float: left;
}

.categary_99704_106 .view-all {
    text-align: center;
    margin-top: 40px;
    font-size: 18px;
}

.categary_99704_106 .view-all .text {
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -o-transition: color .2s ease;
    -ms-transition: color .2s ease;
    transition: color .2s ease;
}

.categary_99704_106 .view-all:hover .text {
    color: #E52A2A;
}

.categary_99704_106 .view-all a {
    display: inline-block;
}

.categary_99704_106 .view-all i {
    color: #E52A2A;
    font-size: 32px;
}

/* categary_99704_106 end */

/* certificates_99704_119 */
/* certificates_99704_119 start */
.certificates_99704_119 {
    overflow: hidden;
    padding: 32px 32px 0;
    background-color: #fff;
}

.certificates_99704_119 .certificates-title {
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    text-transform: uppercase;
    padding-bottom: 12px;
    position: relative;
    margin-bottom: 32px;
}

.certificates_99704_119 .certificates-title::after {
    content: "";
    width: 30px;
    height: 4px;
    background-color: #E52A2A;
    position: absolute;
    left: 0;
    bottom: 0;
}

.certificates_99704_119 .cards {
    font-size: 0;
    padding-bottom: 12px;
    border-bottom: 1px solid #DCDCDC;
}

.certificates_99704_119 .card-item {
    width: 250px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 50px;
    margin-bottom: 20px;
}

.certificates_99704_119 .cards .card-item:nth-child(3n) {
    margin-right: 0;
}

.certificates_99704_119 .image-all {
    width: 250px;
    height: 354px;
    line-height: 354px;
}

.certificates_99704_119 .image-all img {
    position: relative;
    -webkit-transition: transform .2s ease;
    -moz-transition: transform .2s ease;
    -o-transition: transform .2s ease;
    -ms-transition: transform .2s ease;
    transition: transform .2s ease;
}

.certificates_99704_119 .image-all:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.certificates_99704_119 .item-name {
    font-size: 14px;
    line-height: 17px;
    margin-top: 16px;
    text-align: center;
}

/* certificates_99704_119 end */

/* certificate_99704_109 */
/* certificate_99704_109 start */
.certificate_99704_109 {
    padding: 64px 0;
    background: url(/images/certificate_bg_99704.jpg) no-repeat center center;
}

.certificate_99704_109 .float-left {
    width: 500px;
    color: #fff;
    line-height: 24px;
    margin-top: 70px;
}

.certificate_99704_109 .certificate-title {
    font-size: 28px;
    font-weight: bold;
    color: #E52A2A;
    padding-bottom: 13px;
    margin-top: 16px;
    position: relative;
}

.certificate_99704_109 .certificate-title::after {
    content: "";
    position: absolute;
    width: 48px;
    height: 3px;
    background-color: #E52A2A;
    left: 0;
    bottom: 0;
}

.certificate_99704_109 .desc {
    margin-top: 26px;
}

.certificate_99704_109 .float-right {
    font-size: 0;
    vertical-align: bottom;
}

.certificate_99704_109 .image-all {
    display: inline-block;
    width: 190px;
    height: 267px;
    position: relative;
}

.certificate_99704_109 .image-all img {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.certificate_99704_109 .image-all.first {
    width: 222px;
    height: 313px;
}

/* certificate_99704_109 end */

/* chatnow_99703_117 */
/* chatnow_99703_117 start */
.chatnow_99703_117 {
    margin-bottom: 30px
}

.chatnow_99703_117 .chatnow-title {
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    text-transform: uppercase
}

.chatnow_99703_117 .chatnow-content {
    background: #fff;
    border: 1px solid #c7c7c7;
    margin-top: 15px;
    padding: 10px 20px 15px
}

.chatnow_99703_117 table {
    line-height: 20px
}

.chatnow_99703_117 table th,
.chatnow_99703_117 table td {
    padding: 10px 0
}

.chatnow_99703_117 form input,
.chatnow_99703_117 form textarea {
    width: 100%;
    display: block;
    line-height: 40px;
    background: #f7f9fa;
    border-radius: 4px;
    padding: 0 12px;
    outline: 0;
    box-sizing: border-box;
    font-size: 14px;
    border: 0
}

.chatnow_99703_117 form input {
    height: 40px;
    margin-bottom: 30px
}

.chatnow_99703_117 form textarea {
    height: 90px;
    resize: none;
    margin-bottom: 10px
}

.chatnow_99703_117 .links {
    font-size: 0;
    text-align: center;
    margin-top: 30px
}

.chatnow_99703_117 .links a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 20px;
}

.chatnow_99703_117 .links a i {
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;
    font-size: 36px;
    -webkit-transition: transform .2s ease;
    -moz-transition: transform .2s ease;
    -o-transition: transform .2s ease;
    -ms-transition: transform .2s ease;
    transition: transform .2s ease;
    position: relative;
}

.chatnow_99703_117 .links a:hover i {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}

.chatnow_99703_117 .links i.icon-youjian {
    font-size: 22px;
    color: #fff;
    background-color: #1264E3;
}

.chatnow_99703_117 .links i.icon-WhatsAPP {
    color: #57bb63;
}

.chatnow_99703_117 .links i.icon-wechat {
    color: #46bb36;
}

.chatnow_99703_117 .links i.icon-skype {
    color: #1a8aba;
}

.chatnow_99703_117 .links i.icon-viber {
    color: #6f41aa;
}

.chatnow_99703_117 .links i.icon-yahoo1 {
    color: #650e6c;
}

.chatnow_99703_117 .links i.icon-icq {
    color: #5de401;
}

.chatnow_99703_117 .links i.icon-aim {
    font-size: 22px;
    background-color: #fbda00;
    color: #fff;
}

/* chatnow_99703_117 end */

/* chatnow_99704_122 */
/* chatnow_99704_122 start */
.chatnow_99704_122 {
    color: #fff;
    padding: 22px 32px 29px;
    background-color: #31457e;
}

.chatnow_99704_122 .column {
    line-height: 20px
}

.chatnow_99704_122 .item {
    padding: 10px 0
}

.chatnow_99704_122 .button {
    margin-top: 18px;
}

/* chatnow_99704_122 end */

/* company_sitemap_99703_134 */
/* company_sitemap_99703_134 start */
.company_sitemap_99703_134 {
    background-color: #fff;
    padding: 24px 0;
}

.company_sitemap_99703_134 .title {
    display: none;
}

.company_sitemap_99703_134 .menu-list {
    font-size: 0;
}

.company_sitemap_99703_134 .menu-item {
    display: inline-block;
    vertical-align: middle;
    width: 16.667%;
    height: 32px;
    line-height: 32px;
    text-align: center;
    position: relative;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -o-transition: color .2s ease;
    -ms-transition: color .2s ease;
    transition: color .2s ease;
}

.company_sitemap_99703_134 .menu-item:hover {
    color: #E52A2A;
}

.company_sitemap_99703_134 .menu-item::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 32px;
    background-color: #DCDCDC;
}

.company_sitemap_99703_134 .menu-list .menu-item:first-child::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 32px;
    background-color: #DCDCDC;
}

.company_sitemap_99703_134 .menu-item .iconfont {
    display: none;
}

.company_sitemap_99703_134 span {
    font-size: 16px;
}

/* company_sitemap_99703_134 end */

/* company_videodetail */
/**/

/* company_videodetail_widget */


/* contactus_99703_133 */
.contactus_99703_133 {
    margin-bottom: 60px;
    margin-top: 20px;
}

.contactus_99703_133 .float-left {
    width: 40%;
}
.contactus_99703_133 .float-left .item-title{
    margin-top: 20px;
}
.contactus_99703_133 .float-left .item-title:first-child{
    margin-top: 0;
}
.contactus_99703_133 .float-right {
    width: 50%;
}

.contactus_99703_133 .item-title {
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    padding-bottom: 19px;
    position: relative;
}

.contactus_99703_133 .item-title::after {
    content: "";
    position: absolute;
    width: 40px;
    height: 4px;
    background: #E52A2A;
    left: 0;
    bottom: 0;
}

.contactus_99703_133 .operations {
    margin: 30px 0;
}

.contactus_99703_133 .button {
    display: inline-block;
    width: 150px;
    margin-right: 20px;
}

.contactus_99703_133 .operations .button:last-child {
    background-color: #fff;
    color: #E52A2A;
    margin-right: 0;
}

.contactus_99703_133 .operations .button:last-child:hover {
    color: #fff;
    background-color: #E52A2A;
}

.contactus_99703_133 table {
    width: 100%;
    line-height: 30px;
}

.contactus_99703_133 th {
    width: 27%;
}

.contactus_99703_133 td {
    width: 80%;
}
.contactus_99703_133 th,.contactus_99703_133 td{
    vertical-align: top;
}
.contactus_99703_133 .company-item {
    margin-top: 15px;
}

.contactus_99703_133 .company-name {
    font-weight: bold;
    line-height: 17px;
    margin-bottom: 5px;
}

/* contact_us_99704_111 */
/* contact_us_99704_111 start */
.contact_us_99704_111 {
    padding: 40px 0;
}

.contact_us_99704_111 .wrap-rule {
    background-color: #fff;
    border: 4px solid #E1E1E1;
    padding: 50px 65px;
}

.contact_us_99704_111 .float-left {
    width: 504px;
    padding-right: 75px;
}

.contact_us_99704_111 .float-right {
    width: 628px;
    padding-left: 75px;
    position: relative;
    overflow: hidden;
}

.contact_us_99704_111 .float-right::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 274px;
    left: 0;
    top: 50%;
    margin-top: -137px;
    background-color: #D5D9DC;
}

.contact_us_99704_111 .contact-title {
    font-size: 28px;
    font-weight: bold;
    line-height: 34px;
    margin-bottom: 38px;
}

.contact_us_99704_111 .icon-text {
    display: block;
    width: 100%;
    line-height: 22px;
    padding-left: 24px;
    font-size: 16px;
    position: relative;
    margin-bottom: 30px;
}

.contact_us_99704_111 .icon-text i {
    position: absolute;
    width: 16px;
    height: 22px;
    font-size: 20px;
    left: 0;
    top: 0;
    color: #E52A2A;
}

.contact_us_99704_111 form {
    width: 100%;
}

.contact_us_99704_111 form input,
.contact_us_99704_111 form textarea {
    width: 100%;
    display: block;
    line-height: 20px;
    border: 1px solid #c7c7c7;
    border-radius: 4px;
    padding: 9px 12px;
    outline: 0;
    box-sizing: border-box;
    font-size: 14px;
}

.contact_us_99704_111 form textarea {
    height: 150px;
    resize: none;
    margin-bottom: 16px;
}

.contact_us_99704_111 .button {
    width: auto;
    padding: 0 54px;
    margin-top: 30px;
}

/* contact_us_99704_111 end */

/* contact_way_99704_131 */
.contact_way_99704_131 {
    position: fixed;
    right: 50px;
    bottom: 50px;
    z-index: 100000;
}

.contact_way_99704_131 .item {
    position: relative;
}

.contact_way_99704_131 .item>a {
    text-decoration: none;
}

.contact_way_99704_131 .item i {
    display: block;
    width: 50px;
    height: 50px;
    color: #fff;
    border-radius: 50%;
    margin-bottom: 6px;
    font-size: 24px;
    text-align: center;
    line-height: 50px;
    cursor: pointer;

}

.contact_way_99704_131 .item .icon-WhatsAPP {
    background: #1dae1d;
}

.contact_way_99704_131 .item .icon-SKYPE {
    background: #5996ff;
}

.contact_way_99704_131 .item .icon-weixin1 {
    background: #50b674
}

.contact_way_99704_131 .item .icon-Viber {
    background: #6f3faa
}

.contact_way_99704_131 .item .icon-fisocialyahoo {
    background: #4d00ae
}

.contact_way_99704_131 .item .icon-ICQ {
    background: #7ebd00
}

.contact_way_99704_131 .item .icon-aim {
    background: #ffca00
}

.contact_way_99704_131 .item .icon-youjian {
    background: #ff54d1
}
.contact_way_99704_131 .item .icon-tel {
    background: #3077f1
}

.contact_way_99704_131 .item .icon-move {
    font-size: 40px;
    background: #E52A2A;
    margin-bottom: 0;
    font-weight: bold;
}

.contact_way_99704_131 .item .way-list-wrap {
    display: none;
    padding-right: 60px;
    position: absolute;
    top: 0;
    right: 0;
    background: transparent;
}

.contact_way_99704_131 .item .way-list {
    background: #fff;
    padding: 10px;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    position: relative;
}

.contact_way_99704_131 .item .way-list .it {
    display: block;
    min-width: 142px;
    font-size: 14px;
    color: #666;
    border: 1px solid #e8e8e8;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    margin-bottom: 10px;
    border-radius: 2px;
    text-decoration: none;
    cursor: pointer;
    white-space: pre;
}

.contact_way_99704_131 .item .way-list .it:hover {
    background: #effaf7;
}

.contact_way_99704_131 .item .way-list .it:last-child {
    margin: 0;
}

.contact_way_99704_131 .item .way-list::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    right: -8px;
    top: 18px;
    border-width: 8px 0 8px 8px;
    border-style: solid;
    border-color: transparent transparent transparent #e8e8e8;
    z-index: 10;
}

.contact_way_99704_131 .item .way-list::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    right: -7px;
    top: 18px;
    border-width: 8px 0 8px 8px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    z-index: 10;
}

.contact_way_99704_131 .item.way1,
.contact_way_99704_131 .item.way2 {
    display: none;
}

.contact_way_99704_131:hover .item.ways {
    display: none;
}

.contact_way_99704_131:hover .item.way1,
.contact_way_99704_131:hover .item.way2 {
    display: block;
}

.contact_way_99704_131:hover .item.way1:hover .way-list-wrap {
    display: block;
}

.contact_way_99704_131:hover .item.way2:hover .way-list-wrap {
    display: block;
}

/* customer_99704_121 */
/* customer_99704_121 start */
.customer_99704_121 {
    height: 220px;
    color: #fff;
    line-height: 22px;
    background: url(/images/customer_bg.jpg) no-repeat;
    margin-bottom: 20px;
}

.customer_99704_121 li {
    height: 220px;
    position: relative;
}

.customer_99704_121 .item {
    width: 100%;
    padding: 0 32px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.customer_99704_121 .image-all {
    width: 45px;
    height: 45px;
    line-height: 42px;
    border-radius: 50%;
    margin: 0 auto;
}

.customer_99704_121 .customer-name {
    margin-top: 4px;
    text-align: center;
}

.customer_99704_121 .customer-texts {
    margin-top: 10px;
    line-height: 22px;
    max-height: 88px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;

}

/* customer_99704_121 end */

/* eight_global_banner_102V2 */
.eight_global_banner_102V2 .rslides li {
                    -webkit-backface-visibility: hidden;
                    position: absolute;
                    display: none;
                    width: 100%;
                    left: 0;
                    top: 0;
                }

                .eight_global_banner_102V2 .rslides li:first-child {
                    position: relative;
                    display: block;
                    float: left;
                }

                .eight_global_banner_102V2 .rslides img {
                    display: block;
                    height: auto;
                    float: left;
                    width: 100%;
                    border: 0;
                }

                .eight_global_banner_102V2 .callbacks_tabs.callbacks1_tabs {
                    margin-top: -40px;
                    position: relative;
                    z-index: 2;
                    margin-bottom: 20px;
                    display:none;
                }
                .eight_global_banner_102V2 .texts,.eight_global_banner_102V2 .opreations{
                    display:none;
                }
                .eight_global_banner_102V2 .callbacks_tabs.callbacks1_tabs li {
                    display: inline-block;
                    width: 10px;
                    height: 10px;
                    margin-left: 5px;
                    border-radius: 10px;
                    border: 1px solid #f8c617;
                    position: relative;
                }

                .eight_global_banner_102V2 .callbacks_tabs.callbacks1_tabs li a {
                    display: inline-block;
                    width: 10px;
                    height: 10px;
                    border-radius: 10px;
                    position: absolute;
                    left: 0;
                    z-index: 2;
                    color: transparent;
                }

                .eight_global_banner_102V2 .callbacks_tabs.callbacks1_tabs li.callbacks_here a {
                    background: #f8c617;
                }

                .eight_global_banner_102V2 .callbacks_container {
                    position: relative;
                    width: 100%;
                    max-width: 100%;
                    text-align: center;
                }

                .eight_global_banner_102V2 .callbacks li {
                    position: absolute;
                    width: 100%;
                    left: 0;
                    top: 0;
                }

                .eight_global_banner_102V2 .callbacks img {
                    display: block;
                    position: relative;
                    z-index: 1;
                    height: auto;
                    width: 100%;
                    border: 0;
                }

                .eight_global_banner_102V2 .callbacks .caption {
                    display: block;
                    position: absolute;
                    z-index: 2;
                    font-size: 20px;
                    text-shadow: none;
                    color: #fff;
                    background: rgba(0, 0, 0, .8);
                    left: 0;
                    right: 0;
                    bottom: 0;
                    max-width: none;
                    margin: 0;
                    padding: 10px 20px;
                }

                .eight_global_banner_102V2 .rslides,
                .eight_global_banner_102V2 .callbacks {
                    position: relative;
                    list-style: none;
                    overflow: hidden;
                    width: 100%;
                    margin: 0;
                    padding: 0;
                }

                .eight_global_banner_102V2 .prev,
                .eight_global_banner_102V2 .next {
                    position: absolute;
                    width: 48px;
                    height: 96px;
                    line-height: 96px;
                    top: 50%;
                    margin-top: -48px;
                    text-align: center;
                    color: #fff;
                    font-size: 24px;
                    z-index: 999;
                    background-color: rgba(0, 0, 0, 0.5);
                    cursor: pointer;
                    font-size: 0;
                    display:none;
                }

/* events_aside_99704 */
.events_aside_99704 {
    color: #fff;
    margin-bottom: 20px;
}

.events_aside_99704 .header-title {
    height: 60px;
    line-height: 60px;
    padding: 0 32px;
    font-size: 18px;
    font-weight: bold;
    text-transform: capitalize;
    background-color: #E52A2A;
}

.events_aside_99704 .list {
    line-height: 18px;
    padding: 26px 0 37px;
    background-color: #31457e;
}

.events_aside_99704 .list li {
    margin-bottom: 30px;
}

.events_aside_99704 .list li:last-child {
    margin-bottom: 0;
}

.events_aside_99704 .list li.on a {
    font-weight: bold;
    color: #d52828;
}

.events_aside_99704 .list a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 0 32px;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
}

.events_aside_99704 .list li:hover a {
    color: #e52a2a;
    font-weight: bold;
}

/* factory_99704_118 */
/* factory_99704_118 start */
.factory_99704_118 {
    padding: 32px 32px 39px;
    background-color: #fff;
}

.factory_99704_118 .item-title {
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    text-transform: uppercase;
    padding-bottom: 12px;
    position: relative;
    margin-bottom: 32px;
}

.factory_99704_118 .item-title::after {
    content: "";
    width: 30px;
    height: 4px;
    background-color: #E52A2A;
    position: absolute;
    left: 0;
    bottom: 0;
}

.factory_99704_118 .item {
    padding-bottom: 32px;
    border-bottom: 1px solid #DCDCDC;
    margin-bottom: 32px;
}

.factory_99704_118 .item:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}

.factory_99704_118 .pic-scroll {
    width: 500px;
    height: 300px;
    overflow: hidden;
    position: relative;
    margin-bottom: 32px;
}

.factory_99704_118 .pic-list li {
    height: 300px;
}

.factory_99704_118 .pic-list li a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.factory_99704_118 .nav-list {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 30px;
}

.factory_99704_118 .nav-list li {
    float: left;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    opacity: 0.6;
    background-color: #000000;
    margin: 0 4px;
}

.factory_99704_118 .nav-list li.on {
    background-color: #E52A2A;
    opacity: 1;
}

.factory_99704_118 .texts ul,
.factory_99704_118 .texts ol{
    list-style: initial;
}

/* factory_99704_118 end */

/* filtrate_list_99703_121 */
.filtrate_list_99703_121 {
    padding-top: 37px;
}

.filtrate_list_99703_121 .item {
    float: left;
    width: 290px;
    height: 537px;
    margin-right: 5px;
    margin-bottom: 10px;
    box-sizing: border-box;
    padding: 15px;
    position: relative;
}

.filtrate_list_99703_121 .lists .item:nth-child(3n) {
    margin-right: 0;
}

.filtrate_list_99703_121 .lists .item:hover {
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
}

.filtrate_list_99703_121 .image-all {
    width: 260px;
    height: 260px;
    line-height: 260px;
    position: relative;
}

.filtrate_list_99703_121 .image-all img {
    position: relative;
    -webkit-transition: transform .2s ease;
    -moz-transition: transform .2s ease;
    -o-transition: transform .2s ease;
    -ms-transition: transform .2s ease;
    transition: transform .2s ease;
}

.filtrate_list_99703_121 .image-all:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.filtrate_list_99703_121 .text-content {
    padding: 0 5px;
    margin-top: 15px;
}

.filtrate_list_99703_121 .product-title {
    height: 69px;
    font-size: 18px;
    font-weight: bold;
    line-height: 23px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 12px;
}

.filtrate_list_99703_121 .product-title {
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -o-transition: color .2s ease;
    -ms-transition: color .2s ease;
    transition: color .2s ease;
}

.filtrate_list_99703_121 .product-title:hover a {
    color: #E52A2A;
}

.filtrate_list_99703_121 .attributes {
    width: 100%;
    line-height: 22px;
    color: #999999;
    table-layout: fixed;
    margin-top: 12px;
}

.filtrate_list_99703_121 .attributes th,
.filtrate_list_99703_121 .attributes td {
    height: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.filtrate_list_99703_121 .attributes th {
    width: 40%;
}

.filtrate_list_99703_121 .attributes td {
    width: 60%;
}

.filtrate_list_99703_121 .button {
    position: absolute;
    bottom: 10px;
    width: 260px;
    left: 15px;
}
.filtrate_list_99703_121 .search-no-result {
    text-align: center;
}

.filtrate_list_99703_121 .search-no-result .no-result-bg {
    display: block;
    width: 557px;
    height: 300px;
    margin: 130px auto 40px;
    background: url(/images/search_no_result.png) no-repeat;
}

.filtrate_list_99703_121 .search-no-result .big-text {
    font-size: 28px;
    font-weight: bold;
    line-height: 34px;
}

.filtrate_list_99703_121 .search-no-result .sma-text {
    line-height: 22px;
    margin-top: 24px;
}

.filtrate_list_99703_121 .search-no-result a {
    color: #257DE2;
}

/* footer_99702_110 */


/* footer_99703_111 */
.footer_99703_111 {
	padding:41px 0 29px;
	background-color:#394061;
	color:#fff
}
.footer_99703_111 .float-left {
	width:30%;
	box-sizing:border-box;
	padding-right:80px
}
.footer_99703_111 .float-left:last-child {
	padding-right:0
}
.footer_99703_111 .float-left.about,.footer_99703_111 .float-left.products {
	width:20%
}
.footer_99703_111 .float-left.about a,.footer_99703_111 .float-left.products a {
	-webkit-transition:font-weight .2s ease;
	-moz-transition:font-weight .2s ease;
	-o-transition:font-weight .2s ease;
	-ms-transition:font-weight .2s ease;
	transition:font-weight .2s ease
}
.footer_99703_111 .float-left.about a:hover,.footer_99703_111 .float-left.products a:hover {
	font-weight:bold
}
.footer_99703_111 .item-title {
	font-size:16px;
	font-weight:bold;
	line-height:20px;
	margin-bottom:15px
}
.footer_99703_111 .float-left a,.footer_99703_111 .remider {
	display:block;
	color:#fff;
	font-size:12px;
	line-height:18px
}
.footer_99703_111 .float-left a {
	margin-bottom:20px
}
.footer_99703_111 .links {
	margin-top:35px;
	height:36px;
	font-size:0
}
.footer_99703_111 .links a {
	display:inline-block;
	vertical-align:middle;
	line-height:36px;
	font-size:36px;
	margin-right:10px;
	-webkit-transition:transform .2s ease;
	-moz-transition:transform .2s ease;
	-o-transition:transform .2s ease;
	-ms-transition:transform .2s ease;
	transition:transform .2s ease;
	position:relative
}
.footer_99703_111 .links a:hover {
	-webkit-transform:translateY(-5px);
	-moz-transform:translateY(-5px);
	-o-transform:translateY(-5px);
	-ms-transform:translateY(-5px);
	transform:translateY(-5px)
}
.footer_99703_111 .links a:last-child {
	margin-right:0
}
.footer_99703_111 .remider {
	margin-bottom:10px
}
.footer_99703_111 .icon-text {
	display:block;
	padding-left:24px;
	position:relative;
	margin-bottom:20px;
	line-height:18px;
	font-size:12px
}
.footer_99703_111 .icon-text i {
	height:18px;
	font-size:20px;
	position:absolute;
	left:0;
	top:1px
}
.footer_99703_111 form {
	width:100%
}
.footer_99703_111 form input,.footer_99703_111 form textarea {
	width:100%;
	display:block;
	line-height:32px;
	border:1px solid #c7c7c7;
	border-radius:4px;
	padding:0 12px;
	outline:0;
	box-sizing:border-box;
	font-size:12px
}
.footer_99703_111 form input {
	height:32px
}
.footer_99703_111 form textarea {
	height:90px;
	resize:none;
	margin-bottom:10px
}
.footer_99703_111 .button {
	width:auto;
	padding:8px 32px;
	margin-top:20px;
	font-size:12px
}
.footer_99703_111 .footer-bottom {
	text-align:center;
	padding-top:30px;
	border-top:1px solid #fff;
	margin-top:20px
}
.footer_99703_111 .bottom-links {
	font-size:0
}
.footer_99703_111 .bottom-links a,.footer_99703_111 .bottom-links span {
	display:inline-block;
	vertical-align:middle;
	color:#fff;
	font-size:12px
}
.footer_99703_111 .bottom-links a:hover {
	text-decoration:underline
}
.footer_99703_111 .bottom-links span {
	margin:0 15px
}
.footer_99703_111 .copyright {
	margin-top:15px;
	font-size:12px
}
.footer_99703_111 .copyright a {
	color:#fff
}

.footer_99703_111 .sgs-box {
    display: inline-block;
    background-color: #d0e7ff;
    padding: 4px 12px;
    border-radius: 8px 8px 0 0;
    font-size: 14px;
    color: #333;
}
.footer_99703_111 .sgs-box span,.footer_99703_111 .sgs-box img {
    display: inline-block;
    vertical-align: middle;
}

/* footer_99704_112 */
/* footer_99704_112 start */
.footer_99704_112 {
    padding-top: 40px;
    background-color: #31457e;
    color: #fff
}

.footer_99704_112 .float-left {
    width: 50%;
    box-sizing: border-box;
    padding-right: 100px;
}

.footer_99704_112 .float-left:last-child {
    padding-right: 0
}

.footer_99704_112 .float-left.about {
    width: 34%;
}

.footer_99704_112 .float-left.products {
    width: 16%;
    padding-right: 0;
}

.footer_99704_112 .float-left.about .float-left {
    width: 50%;
    padding-right: 32px;
}

.footer_99704_112 .float-left.about a,
.footer_99704_112 .float-left.products a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.footer_99704_112 .float-left.about a:hover,
.footer_99704_112 .float-left.products a:hover {
    font-weight: bold;
}

.footer_99704_112 .logo {
    width: 130px;
    height: 50px;
}

.footer_99704_112 .float-left .logo a{
    height: 100%;
    line-height: 50px;
    margin-bottom: 0;
}

.footer_99704_112 .company-name {
    font-size: 16px;
    line-height: 18px;
    margin-top: 16px;
}

.footer_99704_112 .verified {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 12px;
    background-color: #FFFFFF;
    border-radius: 4px;
    margin-top: 32px;
    color: #2C2C2C;
}

.footer_99704_112 .verified span {
    margin-top: -4px;
}

.footer_99704_112 .verified span,
.footer_99704_112 .verified i {
    display: inline-block;
    vertical-align: middle;
}

.footer_99704_112 .verified .icon-sgs {
    width: 30px;
    height: 18px;
    margin-left: 5px;
    background-size: 52px;
    background: url(/images/icon_sprite.png) 0 0 no-repeat;
}

.footer_99704_112 .verified .icon-ecer {
    width: 44px;
    height: 16px;
    background-size: 52px;
    background: url(/images/icon_sprite.png) 0 -26px no-repeat;
    margin-left: 10px;
}

.footer_99704_112 .item-title {
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 15px
}
.footer_99704_112 .othercon{
    margin-top:20px;
}
.footer_99704_112 .float-left  a {
    display: flex ;
    color: #fff;
    font-size: 12px;
    line-height: 18px
}
.footer_99704_112 .float-left .othercon a {
    display: flex ;
}
.footer_99704_112 .float-left a i{
    margin-right:12px;
}
.footer_99704_112 .float-left a {
    margin-bottom: 8px
}

.footer_99704_112 .links {
    margin-top: 32px;
    height: 36px;
    font-size: 0
}

.footer_99704_112 .links a {
    display: inline-block;
    vertical-align: middle;
    line-height: 36px;
    font-size: 36px;
    margin-right: 10px;
}

.footer_99704_112 .links a:hover {
    color: #E52A2A;
}

.footer_99704_112 .links a:last-child {
    margin-right: 0
}

.footer_99704_112 .copyright {
    font-size: 12px;
    text-align: center;
    padding: 20px 0;
    border-top: 1px solid #fff;
    margin-top: 30px;
}

.footer_99704_112 .copyright a {
    color: #fff
}

/* footer_99704_112 end */

/* footer_webim */
.footer_webim {
    position: fixed;
    right: 34px;
    z-index: 999;
    cursor: pointer;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display:none;
}

.footer_webim .chat-button-content {
    position: relative;
    width: 80px;
    height: 80px;
}

.footer_webim .chat-button-content:after {
    content: "chat now";
    position: absolute;
    width: 80px;
    height: 33px;
    background: url(/images/chat-hover.png) no-repeat;
    background-size: 100% 100%;
    left: -50px;
    top: -30px;
    font-size: 10px;
    color: #fff;
    text-transform: capitalize;
    text-align: center;
    line-height: 26px;
    opacity: 0;
    visibility: hidden;
    line-height: 26px;
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    -ms-transition: opacity .2s ease;
    transition: opacity .2s ease;
}

.footer_webim:hover .chat-button-content:after {
    opacity: 1;
    visibility: visible;
}

.footer_webim .chat-button {
    position: absolute;
    width: 80px;
    height: 80px;
    background: url(/images/chat-btn.png) no-repeat;
    background-size: 100% 100%;
    border-radius: 50%;
}

/* four_global_position_109 */


/* f_error_box */
.f_error_box{width:715px;height:267px;background:url(/images/403.jpg) no-repeat 0 0; margin:60px auto; margin-top:40px; overflow: hidden;}
.f_error_box .error_detail{ padding-left:180px;}
.f_error_box .title{font-size: 32px;font-family:Arial;}
.f_error_box .title_td{ height:120px; vertical-align:bottom}
.f_error_box .content{font-size: 16px; font-family:Arial; display: block; padding-top:5px; line-height: 20px;}

/* f_inquiry_boxV3 */
.f_inquiry_box {
  margin: 0 auto 40px;
  width: 1270px;
  padding-top: 40px;
  background-color: #fff;
}
.f_inquiry_box th,
.f_inquiry_box td {
  padding: 10px;
}
.f_inquiry_box th {
  font-size: 14px;
  color: #444444;
  text-transform: capitalize;
  width: 12%;
  line-height: 22px;
  text-align: right;
  vertical-align: middle;
}
.f_inquiry_box .inquiry_text {
  border: 1px solid #ddd;
  height: 40px;
  line-height: 40px;
  color: #444444;
  font-size: 14px;
  padding: 0 20px;
  border-radius: 8px;
}
.f_inquiry_box .qr_fr_box {
  border: 1px solid #f4f4f4;
  padding: 12px 8px;
  color: #666666;
  font-size: 14px;
}
.f_inquiry_box .fr_tit {
  color: #666666;
  font: 11px/18px Tahoma;
  font-weight: bold;
}
.f_inquiry_box .error_cntr {
  font-size: 14px;
  line-height: 18px;
  height: 18px;
  width: 100%;
  clear: both;
  background: url(/images/inquiry_index_45.gif) no-repeat 0 -680px;
  margin-top: 3px;
  padding-left: 25px;
  color: #e30157;
  display: none;
}
.f_inquiry_box .error_box {
  background: #f3fcfe;
  border: #87d2e3 solid 1px;
}
.f_inquiry_box .email_address_td .inquiry_text {
  width: 400px !important;
  float: left;
}
.f_inquiry_box .g_mid {
  position: relative;
}

.f_inquiry_box .g_tab {
  width: 100%;
  table-layout: fixed;
  float: left;
  font-size: 14px;
  color: #111111;
}
.f_inquiry_box .g_tab tr:last-child td {
  padding: 0 10px;
}
.f_inquiry_box .g_tab tr:last-child td .time_wrap {
  padding: 3px 0;
}
.f_inquiry_box .toggle_tab {
  padding: 3px 10px;
}
.f_inquiry_box .g_photo {
  width: 390px;
  height: 72px;
  overflow: hidden;
  float: left;
  display: inline;
  margin-bottom: 10px;
  font-size: 12px;
}
.f_inquiry_box .g_show {
  overflow: hidden;
  width: 100%;
}
.f_inquiry_box .g_show img {
  float: left;
  width: 10px;
  height: 10px;
  display: inline;
  margin: 3px 2px 0 5px;
}
.f_inquiry_box .btn_wrap {
  width: 100%;
  text-align: center;
  overflow: hidden;
  padding: 40px 0;
}
.f_inquiry_box .btn_wrap input {
  width: 200px !important;
  padding: 0 40px !important;
  height: 40px !important;
  line-height: 40px !important;
  text-align: center !important;
  background: #E52A2A !important;
  color: #fff !important;
  border: 0px !important;
  border-radius: 4px !important;
  text-transform: capitalize;
  cursor: pointer;
  -webkit-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  -ms-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  outline: none;
}
.f_inquiry_box .btn_wrap input:hover {
  background-color: #BB2828 !important;
}
.f_inquiry_box .g_sty {
  color: #888888;
  font: 10px verdana;
  text-align: left;
}

.f_inquiry_box .s {
  font-size: 10px;
  float: left;
  display: inline;
  line-height: 50px;
  color: red;
  margin-left: 5px;
}
.f_inquiry_box .th_cs {
  font-size: 14px;
  color: #444444;
  text-transform: capitalize;
  width: 12%;
  line-height: 22px;
}
.f_inquiry_box .email_address_td {
  padding-bottom: 8px;
  width: 100%;
  border: none !important;
}
.f_inquiry_box .g_tit {
  font-size: 12px;
  color: #333333;
  font-weight: bold;
}
.f_inquiry_box .qr_po {
  background: url(/images/qr_po.gif) no-repeat 0px 5px;
  padding-left: 8px;
}
.f_inquiry_box .com_pro {
  vertical-align: top;
  padding-bottom: 0;
  width: 88%;
  font-size: 14px;
}
.f_inquiry_box .com_pro strong {
  margin-right: 5px;
  color: #008ef6;
  font-weight: normal;
}
.f_inquiry_box .g_pro {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 2px;
}
.f_inquiry_box .g_pro a {
  margin-left: 3px;
}
.f_inquiry_box .com_pro span {
  color: #999;
}
.f_inquiry_box .g_fo {
  width: 500px;
  height: 120px;
  font-size: 11px;
  line-height: 22px;
  color: #666;
  position: absolute;
  left: 20px;
  top: 45px;
}
.f_inquiry_box .g_fo li {
  text-indent: 5px;
}
.f_inquiry_box .g_lab {
  font-weight: normal;
  line-height: 24px;
  padding-top: 2px;
}

.f_inquiry_box .g_sta {
  float: right;
  display: inline;
  padding-left: 8px;
  background: url(/images/qr_po.gif) no-repeat 0px 5px;
  padding-right: 34px;
  height: 20px;
  font-size: 11px;
  color: #333;
}
.f_inquiry_box .receiver-list li {
  margin-bottom: 8px;
}
.f_inquiry_box .product_table {
  width: 142px;
  height: 102px;
  left: 66px;
  top: 20px;
  z-index: 99;
  background: #fff;
  position: absolute;
  border: 1px solid #dcdcdc;
  display: none;
}
.f_inquiry_box a.blue:hover .product_table {
  display: block;
}
.f_inquiry_box .product_table td {
  padding: 0;
  height: 100%;
  width: 100%;
}
.f_inquiry_box .subject_td .inquiry_text {
  width: 100%;
}
.f_inquiry_box .message_td .te {
  width: 100% !important;
  background: #fff;
  border: 1px solid #ddd;
  font-size: 14px;
  margin: 0px;
}
.f_inquiry_box .message_td .te iframe {
  border: none;
}
.f_inquiry_box .message_td .teheader {
  height: 31px;
  border-bottom: 1px solid #bbb;
  background: url(/images/header-bg.gif) repeat-x;
  padding-top: 1px;
}
.f_inquiry_box .message_td .teheader select {
  float: left;
  margin-top: 5px;
}
.f_inquiry_box .message_td .tefont {
  margin-left: 12px;
}
.f_inquiry_box .message_td .tesize {
  margin: 0 3px;
}
.f_inquiry_box .message_td .testyle {
  margin-right: 12px;
}
.f_inquiry_box .message_td .tedivider {
  float: left;
  width: 1px;
  height: 30px;
  background: #ccc;
}
.f_inquiry_box .message_td .tecontrol {
  float: left;
  width: 34px;
  height: 30px;
  cursor: pointer;
  background-image: url(/images/icons.png);
}
.f_inquiry_box .message_td .tecontrol:hover {
  background-color: #fff;
  background-position: 30px 0;
}
.f_inquiry_box .message_td .tefooter {
  height: 32px;
  border-top: 1px solid #bbb;
  background: #f5f5f5;
}
.f_inquiry_box .message_td .toggle {
  float: left;
  padding: 9px 13px 0 10px;
  height: 23px;
  color: #666;
}
.f_inquiry_box .message_td .resize {
  float: right;
  height: 32px;
  width: 32px;
  background: url(/images/resize.gif) 15px 15px no-repeat;
  cursor: s-resize;
}
.f_inquiry_box .message_td .bold_box {
  background-position: 0px -120px;
}
.f_inquiry_box .message_td .bold_box:hover {
  background-position: 34px -120px;
}
.f_inquiry_box .message_td .italic_box {
  background-position: 0px -150px;
}
.f_inquiry_box .message_td .italic_box:hover {
  background-position: 34px -150px;
}
.f_inquiry_box .message_td .underline_box {
  background-position: 0px -180px;
}
.f_inquiry_box .message_td .underline_box:hover {
  background-position: 34px -180px;
}
.f_inquiry_box .message_td .strikethrough_box {
  background-position: 0px -210px;
}
.f_inquiry_box .message_td .strikethrough_box:hover {
  background-position: 34px -210px;
}
.f_inquiry_box .message_td .subscript_box {
  background-position: 0px -240px;
}
.f_inquiry_box .message_td .subscript_box:hover {
  background-position: 34px -240px;
}
.f_inquiry_box .message_td .superscript_box {
  background-position: 0px -270px;
}
.f_inquiry_box .message_td .superscript_box:hover {
  background-position: 34px -270px;
}
.f_inquiry_box .message_td .ordered_box {
  background-position: 0px -300px;
}
.f_inquiry_box .message_td .ordered_box:hover {
  background-position: 34px -300px;
}
.f_inquiry_box .message_td .unorderd_box {
  background-position: 0px -330px;
}
.f_inquiry_box .message_td .unorderd_box:hover {
  background-position: 34px -330px;
}
.f_inquiry_box .message_td .outdent_box {
  background-position: 0px -360px;
}
.f_inquiry_box .message_td .outdent_box:hover {
  background-position: 34px -360px;
}
.f_inquiry_box .message_td .indent_box {
  background-position: 0px -390px;
}
.f_inquiry_box .message_td .indent_box:hover {
  background-position: 34px -390px;
}
.f_inquiry_box .message_td .left_align_box {
  background-position: 0px -420px;
}
.f_inquiry_box .message_td .left_align_box:hover {
  background-position: 34px -420px;
}
.f_inquiry_box .message_td .center_align_box {
  background-position: 0px -450px;
}
.f_inquiry_box .message_td .center_align_box:hover {
  background-position: 34px -450px;
}
.f_inquiry_box .message_td .right_align_box {
  background-position: 0px -480px;
}
.f_inquiry_box .message_td .right_align_box:hover {
  background-position: 34px -480px;
}
.f_inquiry_box .message_td .justify_box {
  background-position: 0px -510px;
}
.f_inquiry_box .message_td .justify_box:hover {
  background-position: 34px -510px;
}
.f_inquiry_box .message_td .remove_box {
  background-position: 0px -720px;
}
.f_inquiry_box .message_td .remove_box:hover {
  background-position: 34px -720px;
}
.f_inquiry_box .message_td .undo_box {
  background-position: 0px -540px;
}
.f_inquiry_box .message_td .undo_box:hover {
  background-position: 34px -540px;
}
.f_inquiry_box .message_td .redo_box {
  background-position: 0px -570px;
}
.f_inquiry_box .message_td .redo_box:hover {
  background-position: 34px -570px;
}
.f_inquiry_box .message_td .text_wrap {
  height: 173px;
  position: relative;
}
.f_inquiry_box .message_td textarea {
  height: 143px;
  padding: 15px 10px;
  border: none;
  font-family: verdana;
  display: none;
}
.f_inquiry_box .message_td .text_inner {
  color: #666666;
  font-size: 12px;
  position: absolute;
  left: 10px;
  top: 10px;
  line-height: 22px;
  font-family: Verdana, Arial;
}
.f_inquiry_box .message_td .text_inner ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-indent: 5px;
}
.f_inquiry_box .request {
  background: #fff;
  display: none;
  border: none;
}
.f_inquiry_box .name_input {
  width: 180px;
  margin-right: 10px;
  color: #333;
}
.f_inquiry_box .company_input {
  width: 300px;
}
.f_inquiry_box .website_box {
  font-weight: normal;
  padding-top: 1px;
}
.f_inquiry_box .country_select_box {
  padding: 0px !important;
  width: 262px;
  color: rgb(51, 51, 51);
}
.f_inquiry_box .optional_box {
  padding-top: 3px;
}
.f_inquiry_box .optional_box th {
  width: 110px;
}
.f_inquiry_box .optional_box td {
  width: 400px;
}
.f_inquiry_box .optional_box td span {
  line-height: 18px;
}
.f_inquiry_box .price_td {
  padding-top: 1px;
}
.f_inquiry_box .price_td select {
  width: 116px;
  color: #333;
}
.f_inquiry_box .initial_input {
  width: 249px;
}
.f_inquiry_box .other_td {
  padding-left: 0;
}
.f_inquiry_box .other_td input[type="checkbox"] {
  vertical-align: middle;
  margin-right: 0;
}
.f_inquiry_box .other_td .request_span {
  vertical-align: middle;
}
.f_inquiry_box .file_table th {
  padding-top: 6px;
  width: 46px;
}
.f_inquiry_box .file_table label {
  font-weight: bold;
  color: #333;
}
.f_inquiry_box .time_wrap {
  line-height: 24px;
}
.f_inquiry_box .time_wrap input[type="checkbox"] {
  margin-left: 0;
}
.f_inquiry_box input[type="checkbox"] {
  vertical-align: middle;
}
.f_inquiry_box .file_table {
  background: #fff;
  display: none;
}
.f_inquiry_box .input-label{
    font-size: 0;
}
.f_inquiry_box .price_span {
  color: #999;
}
.f_inquiry_box .toggle_tab span {
  width: 10px;
  display: inline-block;
  height: 10px;
  background: url(/images/ico-.gif) no-repeat;
}
.f_inquiry_box .toggle_tab span.show {
  background-image: url(/images/ico+.gif);
}
.f_inquiry_box .toggle_tab table span {
  background: none;
  display: inline;
}
.f_inquiry_box .receiver-list li .in-basket-delete {
  width: 10px;
  height: 14px;
  display: inline-block;
  line-height: 14px;
}
.f_inquiry_box .receiver-list li:hover .in-basket-delete {
  background: url(/imagesop_sprites.png) no-repeat 0 -265px;
  cursor: pointer;
}

/* f_inquiry_recommend_simp */
.f_inquiry_recommend_simp{
    width: 1200px;
    margin: 0 auto 20px;
}
.f_inquiry_recommend_simp ul{overflow:hidden}
.f_inquiry_recommend_simp li{width:50%;padding:15px 0;float:left;border-bottom:#dcdcdc dotted 1px;}
.f_inquiry_recommend_simp .item_wrap .product_img_td{width:104px;height:79px;border:#dcdcdc solid 1px;text-align:center;vertical-align:middle}
.f_inquiry_recommend_simp .item_wrap .product_img_td img{max-width:104px;max-height:79px}
.f_inquiry_recommend_simp .product_detail_td{text-align:left;vertical-align:top;padding:0 20px 0 10px}
.f_inquiry_recommend_simp .product_detail_td .pro_name{height:55px;line-height:18px;overflow:hidden;font-family:Verdana,Geneva,sans-serif}
.f_inquiry_recommend_simp .product_detail_td .pro_name a{
    color:#444444;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;}
.f_inquiry_recommend_simp .product_detail_td .pro_name a:hover{color: #111111;}
.f_inquiry_recommend_simp .product_detail_td .btn_wrap{margin-top:8px}
.f_inquiry_recommend_simp .product_detail_td .btn_wrap .submit_btn{
    width: auto !important;
    padding: 0 40px !important;
    height: 40px !important;
    line-height: 40px !important;
    text-align: center !important;
    background: #e52a2a !important;
    color: #fff !important;
    font-size: 16px !important;
    border: 0px !important;
    border-radius: 4px !important;
    text-transform: capitalize;
    cursor: pointer;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    outline: none;
}
.f_inquiry_recommend_simp .product_detail_td .btn_wrap .submit_btn:hover{
    background-color: #bb2828 !important;
}

/* f_inquiry_sendok_simp */
.f_inquiry_sendok_simp{width: 1200px;margin: 20px auto;}
.f_inquiry_sendok_simp .title{font-size:12px;font-weight:normal;text-align: left;line-height: 18px;}
.f_inquiry_sendok_simp .title:after{display:none;}
.f_inquiry_sendok_simp .send_wrap{background:#f5f8fd;border:1px solid #cfd7e4;border-radius:6px;padding-top:22px}
.f_inquiry_sendok_simp .tip_box{height:30px;padding:0 0 0 72px;line-height:25px;font-size:20px;position:relative;}
.f_inquiry_sendok_simp .tip_box:before{position:absolute;width:30px;height:30px;content:"";background:url(/images/css-sprite.png) no-repeat -264px -1px;left:20px;}
.f_inquiry_sendok_simp .tip_box strong{font-weight:normal}
.f_inquiry_sendok_simp .content_box{padding-left:77px;padding-top:5px;margin-bottom:15px}
.f_inquiry_sendok_simp .content_box .or_box{font-size:16px;margin-bottom:12px}
.f_inquiry_sendok_simp .content_table{border:#dcdcdc solid 1px;width:800px;margin-top:5px;background:#fff}
.f_inquiry_sendok_simp .content_table .email_img_cntr{width:7%;position:relative}
.f_inquiry_sendok_simp .content_table .email_img_cntr:before{position:absolute;content:"";width:40px;height:25px;background-image:url(/images/css-sprite.png);background-position:-129px -96px;background-repeat:no-repeat;left:10px;top:16px}
.f_inquiry_sendok_simp .content_table .email_detail{width:93%;line-height:22px;padding:15px 5px 13px}
.f_inquiry_sendok_simp .content_table .img_gs{width:100%;height:22px;overflow:hidden}
.f_inquiry_sendok_simp .content_table .img_gs .left_inner{float:left;padding-right:5px;display:inline-block}
.f_inquiry_sendok_simp .img_gs img{margin-left:5px}

div[id^=game_] {
    position: fixed!important;
    width: 100%!important;
    height: 100%!important;
    left: 0!important;
    top: 0!important;
    z-index: 1000!important;
    background-color: rgba(51, 51, 51, 0.3)!important;
    border: none !important;
}
.fill_more_wrap {
	z-index:102;
	width:700px;
	position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -350px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
	border-radius: 4px;
    overflow: hidden;
    background-color: #fff;
}
.fill_more_wrap .title {
	height: 60px;
    line-height: 60px;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    padding: 0 30px;
    background-color: #E52A2A;
    position: relative;
    text-align:left;
}
.fill_more_wrap .title:after{
    display: none;
}
.fill_more_wrap .close_box {
	position: absolute;
    height: 24px;
    line-height: 24px;
    font-size: 20px;
    right: 15px;
    top: 50%;
    margin-top: -12px;
    cursor: pointer;
    color: #FFFFFF;
    font-weight: normal;
}
.fill_more_wrap .boxs_wrap {
	padding: 20px 30px 30px;
}
.fill_more_wrap .boxs_table select,
.fill_more_wrap .boxs_table input{
	font-size: 14px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 8px 15px;
    border: 1px solid #C7C7C7;
    outline: none;
}
.fill_more_wrap .boxs_table th {
	width:19%;
	padding:4px 3px;
	vertical-align:middle
}
.fill_more_wrap .boxs_table .g_lab {
	font-weight:normal;
	text-align:right
}
.fill_more_wrap .boxs_table .r_td {
	width:82%;
	text-align:left;
	padding:4px 3px
}
.fill_more_wrap .boxs_table .star {
	color:red
}
.fill_more_wrap .boxs_table .text_company {
	width:300px
}
.fill_more_wrap .boxs_table .fax_box {
	margin-left:20px
}
.fill_more_wrap .boxs_table .text_hint {
	width:198px
}
.fill_more_wrap .boxs_table .country_select {
	padding:0!important;
	width:205px;
	color:#333
}
.fill_more_wrap .boxs_table .optional_td {
	padding:3px 0 0 0
}
.fill_more_wrap .boxs_table .optional_td th {
	width:22%;
	font-weight:normal;
	padding-top:5px;
	text-align:right;
	vertical-align:middle
}
.fill_more_wrap .boxs_table .optional_td td {
	width:78%;
	padding:4px 3px;
	vertical-align:middle
}
.fill_more_wrap .boxs_table .price_box {
	line-height:18px
}
.fill_more_wrap .boxs_table .payment_box {
	line-height:18px
}
.fill_more_wrap .boxs_table .price_select {
	width:95px;
	color:#333
}
.fill_more_wrap .boxs_table .order_box {
	color:#999
}
.fill_more_wrap .boxs_table .text_order {
	width:250px;
	margin-right:10px
}
.fill_more_wrap .boxs_table .terms_select {
	width:262px;
	color:#333;
	vertical-align:top
}
.fill_more_wrap .boxs_table .optional_td .request_td {
	vertical-align:middle;
	padding-top:4px;
	padding-left:0
}
.fill_more_wrap .boxs_table .request_td input[type="checkbox"] {
	vertical-align:middle;
	margin-right:1px
}
.fill_more_wrap .boxs_table .request_td .inner_box {
	line-height:18px
}
.fill_more_wrap .btn_box {
	height:40px;
	margin:10px 0;
	text-align:center
}
.fill_more_wrap .btn_box input{
    width: auto !important;
    padding: 0 40px !important;
    height: 40px !important;
    line-height: 40px !important;
    text-align: center !important;
    background: #e52a2a !important;
    color: #fff !important;
    border: 0px !important;
    font-size: 16px!important;
    border-radius: 4px !important;
    text-transform: capitalize;
    cursor: pointer;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    outline: none;
}
.fill_more_wrap .btn_box input:hover{
    background-color: #bb2828 !important;
}
.fill_more_wrap .boxs_tip {
	color:#999;
	border-top:1px solid #c7c7c7;
	padding-top:10px;
}

/* f_pmd_products */
.f_pmd_products{margin-bottom:40px}
.f_pmd_products .more_products{box-sizing:border-box}
.f_pmd_products .more_products{border:1px solid #eaeaea;width:1270px;margin:0 auto;background-color:#fff;padding:10px 33px;border-left:4px solid #e52a2a;overflow:hidden;display:flex;align-items:center}
.f_pmd_products .more_products .more-products-title{height:20px;line-height:20px;font-size:18px;color:#333333;letter-spacing:0.08px;font-weight:bold;text-transform:uppercase}
.f_pmd_products .more_products .lists{height:20px;line-height:20px;list-style:none;padding:0;margin:0 0 0 30px;overflow:hidden;flex:1;position:relative}
.f_pmd_products .more_products .lists li{background-color:#fff;position:absolute;left:0;top:0;z-index:-1;opacity:0;transition:opacity .5s ease}
.f_pmd_products .more_products .lists li.current{z-index:1;opacity:1}
.f_pmd_products .more_products .lists a{display:block;font-size:14px;color:#333333;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s ease}
.more_products .lists a:hover{color:#e52a2a;}
.f_pmd_products .more_products .lists li{width:100%;}

/* get_touch_99703_125 */
/* get_touch_99703_125 start */
.get_touch_99703_125 {
    margin-bottom: 40px;
}

.get_touch_99703_125 .wrap-rule {
    background: #F7F9FA;
    padding: 30px 100px;
    box-sizing: border-box;
}

.get_touch_99703_125 table {
    font-size: 16px;
    line-height: 22px;
}

.get_touch_99703_125 table th,
.get_touch_99703_125 table td {
    padding: 8px 0;
    font-weight: bold;
}

.get_touch_99703_125 .touch-content {
    margin-top: 30px;
}

.get_touch_99703_125 .touch-content .float-left {
    width: 35%;
}

.get_touch_99703_125 .touch-content .float-right {
    width: 65%;
    border-left: 1px solid #D5D9DC;
    padding-left: 99px;
}

.get_touch_99703_125 form .form-item {
    line-height: 22px;
    margin-bottom: 20px;
    width: 560px;
}

.get_touch_99703_125 form label {
    display: block;
    padding-left: 8px;
    position: relative;
    margin-bottom: 10px;
    font-weight: bold;
    text-transform: capitalize;
}

.get_touch_99703_125 form label::before {
    content: "*";
    position: absolute;
    color: #E52A2A;
    left: 0;
}

.get_touch_99703_125 form input,
.get_touch_99703_125 form .textarea {
    background-color: #fff;
    border-radius: 4px;
}

.get_touch_99703_125 form input,
.get_touch_99703_125 form textarea {
    width: 100%;
    display: block;
    outline: none;
    box-sizing: border-box;
    border: none;
}

.get_touch_99703_125 form input {
    height: 40px;
    padding: 8px 20px;
    margin-bottom: 30px;
}

.get_touch_99703_125 form .textarea {
    height: 150px;
    position: relative;
}

.get_touch_99703_125 form textarea {
    height: 150px;
    padding: 12px 20px;
    resize: none;
    margin-bottom: 10px;
    background-color: transparent;
    position: absolute;
    left: 0;
    top: 0;
}

.get_touch_99703_125 form .placehoder {
    padding: 12px 20px;
    color: #C7C7C7;
}

.get_touch_99703_125 form .button {
    display: inline-block;
    width: auto;
    padding: 8px 27px 9px;
}

.get_touch_99703_125 .reminder {
    color: #999999;
    margin-top: 10px;
}

.get_touch_99703_125 .links {
    font-size: 0;
    margin-top: 16px;
}

.get_touch_99703_125 .links a {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    margin-bottom: 20px;
}

.get_touch_99703_125 .links a i {
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;
    font-size: 36px;
    -webkit-transition: transform .2s ease;
    -moz-transition: transform .2s ease;
    -o-transition: transform .2s ease;
    -ms-transition: transform .2s ease;
    transition: transform .2s ease;
    position: relative;
}

.get_touch_99703_125 .links a:hover i {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}

.get_touch_99703_125 .links a:last-child {
    margin-right: 0;
}

.get_touch_99703_125 .links i.icon-youjian {
    font-size: 22px;
    color: #fff;
    background-color: #1264E3;
}

.get_touch_99703_125 .links i.icon-WhatsAPP {
    color: #57bb63;
}

.get_touch_99703_125 .links i.icon-wechat {
    color: #46bb36;
}

.get_touch_99703_125 .links i.icon-skype {
    color: #1a8aba;
}

.get_touch_99703_125 .links i.icon-viber {
    color: #6f41aa;
}

.get_touch_99703_125 .links i.icon-yahoo1 {
    color: #650e6c;
}

.get_touch_99703_125 .links i.icon-icq {
    color: #5de401;
}

.get_touch_99703_125 .links i.icon-aim {
    font-size: 22px;
    background-color: #fbda00;
    color: #fff;
}

/* get_touch_99703_125 end */

/* global */
@charset "utf-8";

/*  @功能: 重设浏览器默认样式 */

[dir="RTL"] .tempWrap {
    direction: ltr;
}

/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}


/* 内外边距通常让各个浏览器样式的表现位置不同 */

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}


/* HTML5 媒体文件跟 img 保持一致 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}


/* 要注意表单元素并不继承父级 font 的问题 */

body,
button,
input,
select,
textarea {
    font-family: roboto, 'helvetica narrow', PingFang-SC-Medium, PingFang-SC, sans-serif;
    font-size: 14px;
    color: #333333;
}

input,
select,
textarea {
    font-size: 100%;
}


/* 去掉各Table  cell 的边距并让其边重合 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* IE bug fixed: th 不继承 text-align*/

th {
    text-align: inherit;
    font-weight: normal;
}


/* 去除默认边框 */

fieldset,
img {
    border: 0;
}


/* ie6 7 8(q) bug 显示为行内表现 */

iframe {
    display: block;
}


/* 去掉 firefox 下此元素的边框 */

abbr,
acronym {
    border: 0;
    font-variant: normal;
}


/* 一致的 del 样式 */

del {
    text-decoration: line-through;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-style: normal;
    font-weight: 500;
}


/* 去掉列表前的标识, li 会继承 */

ol,
ul {
    list-style: none;
}


/* 对齐是排版最重要的因素, 别让什么都居中 */

caption,
th {
    text-align: left;
}


/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before,
q:after {
    content: '';
}


/* 统一上标和下标 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* 默认不显示下划线，保持页面简洁 */

ins,
a {
    text-decoration: none;
}

a {
    color: #333333;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
}

/* 清理浮动 */

.fn-clear:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    overflow: hidden;
}

.fn-clear {
    zoom: 1;
    /* for IE6 IE7 */
}

body {
    background-color: #F8F8F8;
}

.YouTuBe_Box_Iframe{
    width: 650px;
    height: 360px !important;
}
#floatAd{
    height: 79px !important;
}
.play {
    position: absolute;
    width: 80px;
    height: 80px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    border-radius: 50%;
    z-index: 10;
}

.play .svg {
    width: 38px;
    height: 38px;
    background: #000;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    box-shadow: 0 0 0.3rem rgba(0, 0, 0, .2);
    transform: translate(-50%, -50%);
}

.play .svg img {
    object-position: unset !important;
    object-fit: unset !important;
    width: unset !important;
    height: unset !important;
    max-width: 80px !important;
    max-height: 80px !important;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin-top: 0;
}

.wrap-rule {
    width: 1270px;
    margin: 0 auto;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

img[src$='load_icon.gif'] {
    width: 32px !important;
    height: 32px !important;
}

.image-part img[src$='load_icon.gif'],
.image-all img[src$='load_icon.gif'] {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    margin-top: -16px !important;
    margin-left: -16px !important;
}

img[src$='nophoto.gif'] {
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: initial !important;
    object-position: initial !important;
}

.image-part img[src$='nophoto.gif'],
.image-all img[src$='nophoto.gif'] {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%) !important;
    -moz-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    -o-transform: translate(-50%, -50%)!important;
    transform: translate(-50%, -50%) !important;
}

/* 取图意 */
.image-part {
    position: relative;
    overflow: hidden;
}

.image-part img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* 取图内 */
.image-all {
    text-align: center;
    position: relative;
    overflow: hidden;
}

.image-all img {
    display: inline-block;
    vertical-align: middle;
    max-height: 100%;
    max-width: 100%;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #C7C7C7;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #C7C7C7;
}

input::-moz-placeholder,
textarea:-moz-placeholder {
    color: #C7C7C7;
}

input:-ms-input-placeholder,
textarea:-moz-placeholder {
    color: #C7C7C7;
}

.tempWrap {
    margin: 0 auto;
}

.title {
    text-align: center;
}

.title .first-title {
    font-weight: bold;
    font-size: 28px;
    line-height: 20px;
    text-transform: uppercase;
}

.title .second-title {
    font-size: 16px;
    line-height: 20px;
    margin-top: 16px;
}

.second-level-title {
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    text-transform: uppercase;
}

.bg-color {
    background-color: #F7F9FA;
    padding: 40px 0;
}

.button {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    background-color: #E52A2A;
    border: 1px solid #E52A2A;
    text-transform: capitalize;
    outline: none;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
}

.button:hover {
    border-color: #BB2828;
    background-color: #BB2828
}

.button.default {
    color: #E52A2A;
    border-color: #E52A2A;
    background-color: #fff;
}

.button.default:hover,
.icon-button:hover {
    color: #fff;
    background-color: #E52A2A;
}

.icon-button{
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #e52a2a;
    border-color: #e52a2a;
    background-color: #fff;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
    font-size: 0;
}

.icon-button i, .icon-button span{
    display: inline-block;
    vertical-align: middle;
}

.icon-button span{
    font-size: 14px;
    margin-left: 20px;
}

.video {
    position: absolute;
    height: 24px;
    line-height: 24px;
    color: #fff;
    left: 10px;
    bottom: 10px;
    background-color: rgba(51, 51, 51, 0.5);
    padding: 0 10px;
    border-radius: 4px;
    text-transform: uppercase;
    font-style: normal;
    z-index: 1;
}

.video-btn {
    position: absolute;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 72px;
    color: #fff;
    left: 50%;
    top: 50%;
    margin-left: -35px;
    margin-top: -35px;
    cursor: pointer;
    z-index: 1;
    border-radius: 50%;
    overflow: hidden;
}

.video-icon {
    position: absolute;
    width: 52px;
    height: 52px;
    left: 50%;
    top: 50%;
    margin-left: -26px;
    margin-top: -26px;
    cursor: pointer;
    z-index: 1;
    border-radius: 50%;
    overflow: hidden;
    background-size: 52px;
    background: url(/images/icon_sprite.png) 0px -50px no-repeat;
}

.iconfont.video-btn {
    font-size: 52px;
}

.main-content {
    padding: 20px 0 40px;
}

.aside {
    width: 335px;
    float: left;
}

.right-content {
    float: left;
    width: 915px;
    margin-left: 20px;
}

/* pagelist start */
.pagelist {
    font-size: 0;
    text-align: center;
    margin: 32px 0 20px;
}

.pagelist .pagenum {
    width: 32px;
}

.pagelist a {
    cursor: pointer;
}

.pagelist a,
.pagelist span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    border-radius: 50%;
    border: 1px solid #C7C7C7;
    background-color: #fff;
    margin: 0 5px;
    -webkit-transition: border-color .2s ease;
    -moz-transition: border-color .2s ease;
    -o-transition: border-color .2s ease;
    -ms-transition: border-color .2s ease;
    transition: border-color .2s ease;
}

.pagelist .iconfont {
    font-size: 20px;
}

.pagelist .current {
    background-color: #E52A2A;
    color: #fff;
    border-color: #E52A2A;
}

.pagelist a:hover {
    border-color: #E52A2A;
}

/* pagelist end */

/* leave message form start */
.leave-message {
    padding: 32px 32px 40px;
    background-color: #fff;
    margin-top: 20px
}

.leave-message .form-title {
    font-size: 18px;
    font-weight: bold;
    line-height: 39px;
    text-transform: uppercase
}

.leave-message .form-item {
    width: 32%;
    float: left;
    margin-top: 32px
}

.leave-message .col-wrap .form-item {
    margin-right: 2%
}

.leave-message .col-wrap .form-item:last-child {
    margin-right: 0
}

.leave-message .form-item.textarea {
    float: initial;
    width: 100%;
    margin-bottom: 32px
}

.leave-message label {
    display: block;
    position: relative
}

.leave-message label.require {
    padding-left: 8px
}

.leave-message label.require::before {
    content: "*";
    position: absolute;
    left: 0;
    top: 9px;
    color: #e52a2a;
}

.leave-message input,.leave-message textarea {
    display: block;
    width: 100%;
    border-width: 0 0 1px 0;
    border-color: #dcdcdc;
    border-style: solid;
    outline: 0;
    line-height: 16px;
    padding: 9px 12px;
    box-sizing: border-box;
}

.leave-message textarea {
    height: 35px;
    min-height: 35px;
    resize: none;
    overflow: hidden
}

.leave-message .button {
    width: auto;
    padding: 0 89px
}


/* leave message form end */

@font-face {
    font-family: "iconfont";
    src: url('/images/fonts/iconfont_99703.eot');
    /* IE9 */
    src: url('/images/fonts/iconfont_99703.eot#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('/images/fonts/iconfont_99703.woff') format('woff'),
        url('/images/fonts/iconfont_99703.ttf') format('truetype'),
        /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
        url('/images/fonts/iconfont_99703.svg#iconfont') format('svg');
    /* iOS 4.1- */
    font-display: swap;
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-_cat:before {
  content: "\e6ba";
}

.icon-KLM_zqh:before {
  content: "\e77d";
}

.icon-KLM_qfl:before {
  content: "\e77e";
}

.icon-KLM_yqh:before {
  content: "\e77f";
}

.icon-KLM_gwb:before {
  content: "\e770";
}

.icon-KLM_syp:before {
  content: "\e771";
}

.icon-KLM_ylb:before {
  content: "\e772";
}

.icon-KLM_x:before {
  content: "\e773";
}

.icon-KLM_zlb:before {
  content: "\e774";
}

.icon-KLM_b:before {
  content: "\e775";
}

.icon-KLM_zb:before {
  content: "\e776";
}

.icon-KLM_Gc:before {
  content: "\e777";
}

.icon-KLM_ycl:before {
  content: "\e778";
}

.icon-KLM_fd:before {
  content: "\e779";
}

.icon-KLM_pld:before {
  content: "\e77a";
}

.icon-KLM_18N:before {
  content: "\e77b";
}

.icon-KLM_ryd:before {
  content: "\e77c";
}

.icon-IE:before {
  content: "\e76d";
}

.icon-wx:before {
  content: "\e76e";
}

.icon-BZD:before {
  content: "\e76f";
}

.icon-yc:before {
  content: "\e74e";
}

.icon-yy:before {
  content: "\e767";
}

.icon-ynss:before {
  content: "\e768";
}

.icon-yyx:before {
  content: "\e769";
}

.icon-ysj:before {
  content: "\e76a";
}

.icon-yns:before {
  content: "\e76b";
}

.icon-ydz:before {
  content: "\e76c";
}

.icon-jb_R:before {
  content: "\e766";
}

.icon-jb_l:before {
  content: "\e74d";
}

.icon-jb_Q:before {
  content: "\e74f";
}

.icon-jb_Hj:before {
  content: "\e750";
}

.icon-jb_DDJ:before {
  content: "\e751";
}

.icon-jb_HYK:before {
  content: "\e752";
}

.icon-jb_fw:before {
  content: "\e753";
}

.icon-jb_YZS:before {
  content: "\e754";
}

.icon-jb_HDGL:before {
  content: "\e755";
}

.icon-jb_QDL:before {
  content: "\e756";
}

.icon-jb_JXB:before {
  content: "\e757";
}

.icon-jb_Gc:before {
  content: "\e758";
}

.icon-jb_fWh:before {
  content: "\e759";
}

.icon-jb_SJq:before {
  content: "\e75a";
}

.icon-jb_mail:before {
  content: "\e75b";
}

.icon-jb_gps:before {
  content: "\e75c";
}

.icon-jb_phone:before {
  content: "\e75d";
}

.icon-jb_16949:before {
  content: "\e75e";
}

.icon-jb_s:before {
  content: "\e75f";
}

.icon-jb_ren:before {
  content: "\e760";
}

.icon-jb_dq:before {
  content: "\e761";
}

.icon-jb_9001:before {
  content: "\e762";
}

.icon-jb_14001:before {
  content: "\e763";
}

.icon-jb_wecha:before {
  content: "\e764";
}

.icon-jb_13485:before {
  content: "\e765";
}

.icon-insgram:before {
  content: "\e635";
}

.icon-fiber:before {
  content: "\e634";
}

.icon-categories:before {
  content: "\e617";
}

.icon-cable:before {
  content: "\e623";
}

.icon-splitter:before {
  content: "\e630";
}

.icon-pigtail:before {
  content: "\e631";
}

.icon-patchcord:before {
  content: "\e632";
}

.icon-terminal:before {
  content: "\e633";
}

.icon-history:before {
  content: "\e629";
}

.icon-introduct:before {
  content: "\e62b";
}

.icon-team:before {
  content: "\e62d";
}

.icon-service:before {
  content: "\e62f";
}

.icon-previous:before {
  content: "\e61c";
}

.icon-next:before {
  content: "\e62a";
}

.icon-address:before {
  content: "\e60f";
}

.icon-facebook3:before {
  content: "\e611";
}

.icon-linked1:before {
  content: "\e614";
}

.icon-ins:before {
  content: "\e615";
}

.icon-select:before {
  content: "\e618";
}

.icon-vedio:before {
  content: "\e620";
}

.icon-search:before {
  content: "\e625";
}

.icon-youtube:before {
  content: "\e626";
}

.icon-twitter2:before {
  content: "\e628";
}

.icon-Ryder1:before {
  content: "\e6f1";
}

.icon-Ryder7:before {
  content: "\e6f2";
}

.icon-Ryder21:before {
  content: "\e6f5";
}

.icon-Ryder5:before {
  content: "\e6f7";
}

.icon-Ryder8:before {
  content: "\e6f8";
}

.icon-Ryder12:before {
  content: "\e6fa";
}

.icon-Ryder3:before {
  content: "\e705";
}

.icon-Ryder2:before {
  content: "\e707";
}

.icon-Ryder11:before {
  content: "\e709";
}

.icon-Ryder4:before {
  content: "\e70b";
}

.icon-Ryder6:before {
  content: "\e70c";
}

.icon-Ryder10:before {
  content: "\e70f";
}

.icon-Ryder20:before {
  content: "\e710";
}

.icon-Ryder22:before {
  content: "\e711";
}

.icon-move:before {
  content: "\e74c";
}

.icon-youjian:before {
  content: "\e612";
}

.icon-shouji:before {
  content: "\e6d5";
}

.icon-sousuo:before {
  content: "\e61b";
}

.icon-chuanzhen:before {
  content: "\e643";
}

.icon-zuoji-:before {
  content: "\e619";
}

.icon-facebook1:before {
  content: "\e645";
}

.icon-linkedinFlashnews:before {
  content: "\e64f";
}

.icon-SKYPE:before {
  content: "\e627";
}

.icon-twitter:before {
  content: "\e601";
}

.icon-jian:before {
  content: "\e68e";
}

.icon-jia:before {
  content: "\e65e";
}

.icon-WhatsAPP:before {
  content: "\e62c";
}

.icon-arrowleft:before {
  content: "\e602";
}

.icon-zuo:before {
  content: "\e604";
}

.icon-fisocialyahoo:before {
  content: "\e6b0";
}

.icon-aim:before {
  content: "\e638";
}

.icon-Viber:before {
  content: "\e998";
}

.icon-ICQ:before {
  content: "\eaf9";
}

.icon-weixiu:before {
  content: "\e6ca";
}

.icon-zhengshu:before {
  content: "\e624";
}

.icon-xingbiaoglyph_:before {
  content: "\e684";
}

.icon-diqiu:before {
  content: "\e600";
}

.icon-xiangxia:before {
  content: "\e603";
}

.icon-facebook:before {
  content: "\e639";
}

.icon-you:before {
  content: "\e621";
}

.icon-zuo1:before {
  content: "\e622";
}

.icon-fangdajing:before {
  content: "\e60e";
}

.icon-tuite:before {
  content: "\e652";
}

.icon-baojiaquotation:before {
  content: "\e63a";
}

.icon-baojiaquotation2:before {
  content: "\e63c";
}

.icon-location:before {
  content: "\e61e";
}

.icon-diqiu1:before {
  content: "\e62e";
}

.icon-tuandui_keshi:before {
  content: "\e685";
}

.icon-keji:before {
  content: "\e664";
}

.icon-weixin1:before {
  content: "\e613";
}

.icon-zuoji:before {
  content: "\e659";
}

.icon-Icon:before {
  content: "\e605";
}

.icon-shouji1:before {
  content: "\e606";
}

.icon-language:before {
  content: "\e729";
}

.icon-youxiang:before {
  content: "\e642";
}

.icon-444:before {
  content: "\e63b";
}

.icon-kehuguanli:before {
  content: "\e669";
}

.icon-tuandui:before {
  content: "\e68c";
}

.icon-fuwuzhongjiewuye:before {
  content: "\e609";
}

.icon-shouqi:before {
  content: "\e61f";
}

.icon-xia:before {
  content: "\e637";
}

.icon-lishi:before {
  content: "\e608";
}

.icon-dizhi-zx:before {
  content: "\e661";
}

.icon-chuanzhen-zx:before {
  content: "\e668";
}

.icon-dianhua-zx:before {
  content: "\e66a";
}

.icon-kehu:before {
  content: "\e61a";
}

.icon-rili:before {
  content: "\e675";
}

.icon-facebook2:before {
  content: "\e6b4";
}

.icon-phone:before {
  content: "\e6b6";
}

.icon-mail:before {
  content: "\e6b7";
}

.icon-linked:before {
  content: "\e6b8";
}

.icon-twitter1:before {
  content: "\e6b9";
}

.icon-top:before {
  content: "\e607";
}

.icon-gongchang:before {
  content: "\e646";
}

.icon-dingzhi:before {
  content: "\e856";
}

.icon-hejinjiance:before {
  content: "\e6a2";
}

.icon-xiazai:before {
  content: "\e647";
}

.icon-zuanshi:before {
  content: "\e616";
}

.icon-cuohao:before {
  content: "\e61d";
}

.icon-entypopinterest:before {
  content: "\e957";
}

.icon-Ioniconslogogoogleplus:before {
  content: "\eeda";
}

.icon-fasong:before {
  content: "\e68d";
}

.icon-mailonline:before {
  content: "\e6fb";
}

.icon-hot:before {
  content: "\e6f4";
}

.icon-chat:before {
  content: "\e6fc";
}

.icon-viber:before {
  content: "\e6fd";
}

.icon-aim1:before {
  content: "\e6fe";
}

.icon-skype:before {
  content: "\e6ff";
}

.icon-whatsapp1:before {
  content: "\e700";
}

.icon-yahoo1:before {
  content: "\e701";
}

.icon-icq:before {
  content: "\e702";
}

.icon-wechat:before {
  content: "\e703";
}

.icon-mail1:before {
  content: "\e704";
}

.icon-you_tube:before {
  content: "\e648";
}

.icon-w:before {
  content: "\e723";
}

.icon-you703:before {
  content: "\e724";
}

.icon-zuo703:before {
  content: "\e725";
}

.icon-left703:before {
  content: "\e726";
}

.icon-down703:before {
  content: "\e727";
}

.icon-close703:before {
  content: "\e728";
}

.icon-Introduction:before {
  content: "\e72a";
}

.icon-add703:before {
  content: "\e72b";
}

.icon-in:before {
  content: "\e72c";
}

.icon-OurTeam:before {
  content: "\e72d";
}

.icon-im703:before {
  content: "\e72e";
}

.icon-up703:before {
  content: "\e72f";
}

.icon-sou703:before {
  content: "\e730";
}

.icon-phone703:before {
  content: "\e731";
}

.icon-Service:before {
  content: "\e732";
}

.icon-History:before {
  content: "\e733";
}

.icon-play:before {
  content: "\e734";
}

.icon-mail703:before {
  content: "\e735";
}

.icon-F:before {
  content: "\e736";
}

.icon-yu703:before {
  content: "\e737";
}

.icon-right703:before {
  content: "\e738";
}

.icon-jianyan703:before {
  content: "\e739";
}

.icon-ren703:before {
  content: "\e73a";
}

.icon-lian703:before {
  content: "\e73b";
}

.icon-xiny703:before {
  content: "\e73c";
}

.icon-biaoQ703:before {
  content: "\e73d";
}

.icon-on703:before {
  content: "\e73e";
}

.icon-xing703:before {
  content: "\e73f";
}

.icon-gong703:before {
  content: "\e740";
}

.icon-off703:before {
  content: "\e741";
}

.icon-xuan703:before {
  content: "\e742";
}

.icon-zhangd703:before {
  content: "\e743";
}

.icon-xunz703:before {
  content: "\e744";
}

.icon-zhi703:before {
  content: "\e745";
}

.icon-update703:before {
  content: "\e746";
}

.icon-Gzhang703:before {
  content: "\e747";
}

.icon-yahoo:before {
  content: "\e8d5";
}

.icon-leftb_16:before {
  content: "\e748";
}

.icon-left_16:before {
  content: "\e749";
}

.icon-rightb_16:before {
  content: "\e74a";
}

.icon-right_16:before {
  content: "\e74b";
}
.icon-tel:before {
    content: "\e731"
}

/* 初始弹窗自定义询盘 */
.leave-message-dialog {
  z-index: 999999;
}

.dialog-content-pql p.error-pql {
  margin-top: -5px;
}

.leave-message-dialog .form input:not(.unifiedRegulation input) {
  margin: 0 0 10px 0;
}

.leave-message-dialog .form > .textarea {
  margin-bottom: 10px;
}

.leave-message-dialog .dialog-content-pql {
  width: 600px !important;
  max-height: 95%;
  overflow-y: auto !important;
  overflow-x: hidden;
  /* padding: 32px; */
}

.leave-message-dialog div.dialog-content-pql-id {
  /* width: 740px!important; */
  /* padding: 32px; */
}

.leave-message-dialog .dialog-content-pql div.btn {
  position: static;
  margin: 20px auto !important;
}

.leave-message-dialog .dialog-content-pql .unifiedRegulation input {
  margin: 0;
}

.leave-message-dialog .dialog-content-pql .left {
  /*position: sticky;*/
  top: 0;
}

.leave-message-dialog .dialog-content-pql .right {
  /*width: 430px;*/
}

.leave-message-dialog .dialog-content-pql .close {
  z-index: 101;
}

.leave-message-dialog .dialog-content-pql .title {
  /*position: sticky;*/
  /*top: 0;*/
  /*z-index: 99;*/
  /*transform: translateY(-1px)*/
}

.leave-message-dialog
  .dialog-content-pql
  [type='number']::-webkit-inner-spin-button {
  display: none;
}

.leave-message-dialog
  .dialog-content-pql
  .unifiedRegulation
  input:not([type='checkbox']),
.leave-message-dialog .dialog-content-pql .quote-item-half .select-wrap {
  width: 100%;
  height: 40px;
  box-sizing: border-box;
  padding: 0 16px;
  color: #111;
  font-size: 14px;
  margin-bottom: 0;
  border: 1px solid #c7c7c7;
}

.leave-message-dialog
  .dialog-content-pql
  .unifiedRegulation
  input[type='checkbox'] {
  width: auto;
  height: auto;
  padding: 0;
}

.leave-message-dialog .dialog-content-pql .quote-item-half .select-wrap select {
  width: 100%;
  height: 100%;
  border: 0;
  background: transparent;
}

.leave-message-dialog .dialog-content-pql .quote-item-half {
  display: flex;
  justify-content: space-between;
}

.leave-message-dialog .dialog-content-pql .quote-item-half .unifiedRegulation {
  width: 47%;
}

.leave-message-dialog .dialog-content-pql .unifiedRegulation {
  color: #222;
  font-size: 14px;
  margin-top: 10px;
}

.leave-message-dialog .dialog-content-pql .tipImportant {
  display: block;
  margin-bottom: 8px;
}

.leave-message-dialog .dialog-content-pql .tipImportant em {
  color: #f00;
  font-style: normal;
}

.leave-message-dialog .dialog-content-pql .tip-info {
  color: #666;
  line-height: 20px;
  font-size: 0.9em;
  padding-top: 3px;
}

.leave-message-dialog .dialog-content-pql .errorTip {
  font-size: 0.9em !important;
  color: #f00;
}

.leave-message-dialog .dialog-content-pql .errorTip .icon {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 14px;
  height: 14px;
  background: #f00;
  border-radius: 50%;
  transform: translateY(0.1rem);
  font-size: 0;
  margin-right: 5px;
}

.leave-message-dialog .dialog-content-pql .errorTip .icon::before,
.leave-message-dialog .dialog-content-pql .errorTip .icon::after {
  width: 2px;
  height: 70%;
  border-radius: 1px;
  content: '';
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}

.leave-message-dialog .dialog-content-pql .errorTip .icon::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.leave-message-dialog .dialog-content-pql .quote-unit {
  position: relative;
  padding: 0 12px 0 7px;
  font-size: 14px;
  line-height: 40px;
  color: #555;
  background-color: #ddd;
  border-left: 0;
  z-index: 5;
}

.leave-message-dialog .dialog-content-pql .quote-unit::before {
  content: '';
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ddd;
  width: 5px;
  height: 100%;
  border-left: 0;
  border-right: 0;
}

.leave-message-dialog .dialog-content-pql .with-unit-wrap {
  display: flex;
}

.leave-message-dialog .dialog-content-pql .checkbox-wrap {
  display: flex;
  flex-wrap: wrap;
}

.leave-message-dialog .dialog-content-pql .checkbox-wrap label {
  position: relative;
  z-index: 1;
  font-size: 0.9em;
  margin: 2px 16px 6px 0;
  line-height: 36px;
  padding: 0 12px;
  border: 1px solid #c7c7c7;
}

.leave-message-dialog .dialog-content-pql .checkbox-wrap label span {
  display: block;
  user-select: none;
  color: #666;
}

.leave-message-dialog .dialog-content-pql .checkbox-wrap [type='checkbox'] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  opacity: 0;
}

.leave-message-dialog .dialog-content-pql .checkbox-wrap label.on {
  background: #fff5e6;
  border-color: #ff9900;
  box-shadow: 0 0 0 1px #ff9900 inset;
}

.leave-message-dialog .dialog-content-pql .checkbox-wrap label.on span {
  color: #222;
}

.leave-message-dialog .dialog-content-pql .checkbox-wrap label.on::before,
.leave-message-dialog .dialog-content-pql .checkbox-wrap label.on::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  border: 10px solid transparent;
  border-bottom-color: #ff9900;
  border-right-color: #ff9900;
}

.leave-message-dialog .dialog-content-pql .checkbox-wrap label.on::after {
  width: 6px;
  height: 6px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: translate(-2px, -3px) rotate(45deg);
}

/* 产品弹窗自定义询盘 */
.leave-message-dialog {
  z-index: 999999;
}
.leave-message-dialog .dialog-content-pql-id-hand {
  width: 600px;
  max-height: 95%;
  overflow-y: auto;
  overflow-x: hidden;
}

.leave-message-dialog .dialog-content-pql-id-hand .form {
  padding: 0;
}

.leave-message-dialog .dialog-content-pql-id-hand div.btn {
  position: static;
  margin: 20px auto !important;
}

.leave-message-dialog .dialog-content-pql-id-hand .unifiedRegulation input {
  margin: 0;
}

.leave-message-dialog .dialog-content-pql-id-hand .close {
  position: sticky;
  z-index: 100;
  float: right;
  top: 60px;
  transform: translateY(-38px);
}

.leave-message-dialog .dialog-content-pql-id-hand .title {
  position: sticky;
  top: 0;
  z-index: 99;
  transform: translateY(-1px);
}

.leave-message-dialog
  .dialog-content-pql-id-hand
  [type='number']::-webkit-inner-spin-button {
  display: none;
}

.leave-message-dialog
  .dialog-content-pql-id-hand
  .unifiedRegulation
  input:not([type='checkbox']),
.leave-message-dialog
  .dialog-content-pql-id-hand
  .quote-item-half
  .select-wrap {
  width: 100%;
  height: 40px;
  box-sizing: border-box;
  padding: 0 16px;
  color: #111;
  font-size: 14px;
  margin-bottom: 0;
  border: 1px solid #c7c7c7;
}

.leave-message-dialog
  .dialog-content-pql-id-hand
  .unifiedRegulation
  input[type='checkbox'] {
  width: auto;
  height: auto;
  padding: 0;
}

.leave-message-dialog
  .dialog-content-pql-id-hand
  .quote-item-half
  .select-wrap
  select {
  width: 100%;
  height: 100%;
  border: 0;
  background: transparent;
}

.leave-message-dialog .dialog-content-pql-id-hand .quote-item-half {
  display: flex;
  justify-content: space-between;
}

.leave-message-dialog
  .dialog-content-pql-id-hand
  .quote-item-half
  .unifiedRegulation {
  width: 47%;
}

.leave-message-dialog .dialog-content-pql-id-hand .unifiedRegulation {
  color: #222;
  font-size: 14px;
  margin-bottom: 8px;
}

.leave-message-dialog .dialog-content-pql-id-hand .tipImportant {
  display: block;
  margin-bottom: 8px;
}

.leave-message-dialog .dialog-content-pql-id-hand .tipImportant em {
  color: #f00;
  font-style: normal;
}

.leave-message-dialog .dialog-content-pql-id-hand .tip-info {
  color: #666;
  line-height: 20px;
  font-size: 0.9em;
  padding-top: 3px;
}

.leave-message-dialog .dialog-content-pql-id-hand .errorTip {
  font-size: 0.9em !important;
  color: #f00;
}

.leave-message-dialog .dialog-content-pql-id-hand .errorTip .icon {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 14px;
  height: 14px;
  background: #f00;
  border-radius: 50%;
  transform: translateY(0.1rem);
  font-size: 0;
  margin-right: 5px;
}

.leave-message-dialog .dialog-content-pql-id-hand .errorTip .icon::before,
.leave-message-dialog .dialog-content-pql-id-hand .errorTip .icon::after {
  width: 2px;
  height: 70%;
  border-radius: 1px;
  content: '';
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}

.leave-message-dialog .dialog-content-pql-id-hand .errorTip .icon::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.leave-message-dialog .dialog-content-pql-id-hand .quote-unit {
  position: relative;
  padding: 0 12px 0 7px;
  font-size: 14px;
  line-height: 40px;
  color: #555;
  background-color: #ddd;
  border-left: 0;
  z-index: 5;
}

.leave-message-dialog .dialog-content-pql-id-hand .quote-unit::before {
  content: '';
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ddd;
  width: 5px;
  height: 100%;
  border-left: 0;
  border-right: 0;
}

.leave-message-dialog .dialog-content-pql-id-hand .with-unit-wrap {
  display: flex;
}

.leave-message-dialog .dialog-content-pql-id-hand .checkbox-wrap {
  display: flex;
  flex-wrap: wrap;
}

.leave-message-dialog .dialog-content-pql-id-hand .checkbox-wrap label {
  position: relative;
  z-index: 1;
  font-size: 0.9em;
  margin: 2px 16px 6px 0;
  line-height: 36px;
  padding: 0 12px;
  border: 1px solid #c7c7c7;
}

.leave-message-dialog .dialog-content-pql-id-hand .checkbox-wrap label span {
  display: block;
  user-select: none;
  color: #666;
}

.leave-message-dialog
  .dialog-content-pql-id-hand
  .checkbox-wrap
  [type='checkbox'] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  opacity: 0;
}

.leave-message-dialog .dialog-content-pql-id-hand .checkbox-wrap label.on {
  background: #fff5e6;
  border-color: #ff9900;
  box-shadow: 0 0 0 1px #ff9900 inset;
}

.leave-message-dialog .dialog-content-pql-id-hand .checkbox-wrap label.on span {
  color: #222;
}

.leave-message-dialog
  .dialog-content-pql-id-hand
  .checkbox-wrap
  label.on::before,
.leave-message-dialog
  .dialog-content-pql-id-hand
  .checkbox-wrap
  label.on::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  border: 10px solid transparent;
  border-bottom-color: #ff9900;
  border-right-color: #ff9900;
}

.leave-message-dialog
  .dialog-content-pql-id-hand
  .checkbox-wrap
  label.on::after {
  width: 6px;
  height: 6px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: translate(-2px, -3px) rotate(45deg);
}

/* 自定义询盘 */
.custom-item [type='number']::-webkit-inner-spin-button {
  display: none;
}

.custom-item .unifiedRegulation input:not([type='checkbox']),
.custom-item .quote-item-half .select-wrap {
  width: 100%;
  height: 40px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-sizing: border-box;
  padding: 0 16px;
  color: #222;
  font-size: 14px;
  outline: 0;
}

.custom-item .quote-item-half .select-wrap select {
  width: 100%;
  height: 100%;
  border: 0;
  background: transparent;
}

.custom-item .quote-item-half {
  display: flex;
  justify-content: space-between;
}

.custom-item .quote-item-half .unifiedRegulation {
  width: 49%;
}

.custom-item .unifiedRegulation {
  display: flex;
}

.custom-item .unified-left-wrap {
  width: 136px;
  height: 40px;
  position: relative;
  /*font-weight: bold;*/
}

.custom-item .unified-wrap {
  flex: 1;
}

.custom-item .unifiedRegulation .tipImportant {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  text-align: right;
  max-height: 3em;
}

.custom-item .tip-info {
  padding-left: 6px;
  color: #666;
  line-height: 20px;
  font-size: 0.85em;
  padding-top: 3px;
}

.custom-item .errorTip {
  font-size: 0.85em !important;
  display: flex;
  align-items: center;
}

.custom-item .quote-unit {
  position: relative;
  padding: 0 16px 0 9px;
  font-size: 14px;
  line-height: 38px;
  color: #555;
  background-color: #eee;
  border: 1px solid #ddd;
  border-radius: 0 8px 8px 0;
  border-left: 0;
  z-index: 5;
}

.custom-item .quote-unit::before {
  content: '';
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  background-color: #eee;
  border: 1px solid #ddd;
  width: 7px;
  height: 100%;
  border-left: 0;
  border-right: 0;
}

.custom-item .with-unit-wrap {
  display: flex;
}

.custom-item .checkbox-wrap {
  display: flex;
  flex-wrap: wrap;
}

.custom-item .checkbox-wrap label {
  position: relative;
  z-index: 1;
  font-size: 0.9em;
  margin-right: 16px;
  margin-bottom: 8px;
  line-height: 36px;
  padding: 0 12px;
  border: 1px solid #ddd;
}

.custom-item .checkbox-wrap label span {
  display: block;
  user-select: none;
  color: #666;
}

.custom-item .checkbox-wrap [type='checkbox'] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  opacity: 0;
}

.custom-item .checkbox-wrap label.on {
  background: #fff5e6;
  border-color: #f90;
  box-shadow: 0 0 0 1px #f90 inset;
}

.custom-item .checkbox-wrap label.on span {
  color: #222;
}

.custom-item .checkbox-wrap label.on::before,
.custom-item .checkbox-wrap label.on::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  border: 10px solid transparent;
  border-bottom-color: #f90;
  border-right-color: #f90;
}

.custom-item .checkbox-wrap label.on::after {
  width: 6px;
  height: 6px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: translate(-2px, -3px) rotate(45deg);
}
.verified{
    display:none !important;
}
.eight_global_banner_102V2 a.prev, .eight_global_banner_102V2 a.next {
    display: none;
}
.product_info_99704_123 .small-container span.btn {
    display: block;
}
.product_info_99704_123 .small-container span.btn.left-btn {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABYCAYAAABF7PEoAAAAAXNSR0IArs4c6QAAAgBJREFUeF7tma9uwlAUh4vcEixqSRFkmj+K4VZHOkPSVA5E+wI8QR+A6QUM2Fs7ZCVDAbVdEECmmmAI2exS0WQhRXLOSe6vL3D6+3rO+W5zS4Zh+IbGTwkA0AEYAewAjXeggSUIC8ACsAAsAAtoTAAahAahQWgQGtRYAvgZggahQWgQGoQGoUGNCUCD0CA0CA1Cg1IkMJ/PX8rl8l0QBFEURUeK9xJjgSx8t9u1s9D7/f6rWq2OtAGwWq36zWaznQc+HA6JaZpvWgC4DH86nY69Xm+kxQhwh886jG0HSAjPBkBKeBYAl+HTNP3udDqj7Xb7Q7H0LmuQjoC08KQdIDE8GYAiz1uW9c7V9v/H4OYjMB6P257n9fOicRx/NhqNGce8F9W8OQCl1LPjOG5efL1eL1ut1lQbAFnQzWbzWq/XnyRCuHkH5KGlQiADILUTSAFkEHa73dA0zUcp40AOoFar3S8Wi2GlUnmQAIEcQBa6CEKSJLFt2zPqswELgGsQOP4L2ABIgcAK4BoEpZRyXTeiOCyxAyiCMJlMpr7vL7UBkEMIw9A5n8+/g8Hgg2oZiugAii99rQYA4HYYt8O4HcbtMOcW5q4NC8ACsAAsAAtwb2LO+rAALAALwAKwAOcW5q4NC8ACsAAsAAtwb2LO+rAALAALwAKwAOcW5q6tvQX+AAb6E3juR4x5AAAAAElFTkSuQmCC) no-repeat;
        background-size: 282%;
    background-position: center;

}
.product_info_99704_123 .small-container span.btn.right-btn {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABYCAYAAABF7PEoAAAAAXNSR0IArs4c6QAAAg1JREFUeF7tmT1rwlAUhuOq4CI4FXSQusY4WbdmErrKHXUx0Nk/4B/wDyiIXe/g0gwOdrROfszFQaGTsziXOwSKSAOi7z00r2sw575P7jlPwk05jhM4Cf6lCIA7gC3AGZDgGehwCNICtAAtQAvQAgkmQA1Sg9QgNUgNJlgC/BiiBqlBapAapAapwQQToAapQWqQGqQGERIolUrp0Wj0kslk0kopvd1uT4i6cTVgFhgMBrVOp9M2CzocDt/1er0vAQIMgNb6udlsquiJSIEAA2BaYD6fd/P5/IMkCDAAJrRECFAAEYQwDFvlctmVsBPgAKLQ6/W65bruk20I1gCY4OcQ9vv9V7FY7Mep65bXrQK4BGG1Wi2q1er4liH/upd1ALYhiABgE4IYAJcgaK21Uurjnu0gCsByuWx7nleLAg+Hw3EQBIt/D8C8IM1ms9dCofAYhd1sNp+VSuXtnuHNva3vgEtvh6jw1gHYDm8VgITw1gD4vp+bTCbdbDabQ/f8+UyBzwBJ4eE7QFp4KACJ4aEAdrtd14bn494jYDPgN4DpdPreaDTCuMUhrsMAmBbo9Xr+8Xg8SQkPbQHE07ymBmwHXLM4xH8IgMfjPB7n8TiPxxHTVmoNWoAWoAVoAVpA6oRGrIsWoAVoAVqAFkBMW6k1aAFagBagBWgBqRMasS5agBagBWgBWgAxbaXW+AGLpftp8NQHoQAAAABJRU5ErkJggg==') no-repeat;
        background-size: 282%;
    background-position: center;
}
.production_desc_99704_126 .desc table {
    float: none;
}
.production_desc_99704_126 .desc ul li {
    list-style-position: inside;
    list-style-type:disc;
}
.production_desc_99704_126 .desc ol li {
    /*list-style-position: inside;*/
    list-style-type:decimal;
}
.footer_99704_112 .float-left .logo a {
    display: block;
}

/* header_99702_101 */


/* header_99703_101 */
.header_99703_101 {
    width: 100%;
    position: relative;
    z-index: 100;
    left: 0;
    top: 0;
    background-color: #ffffff;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
}

.header_99703_101.fixed {
    position: fixed;
}

.header_99703_101 .wrap-rule {
    position: relative;
    box-sizing: border-box;
    padding: 0 100px 0 125px;
}

.header_99703_101.fixed {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
}

.header_99703_101 .logo {
    width: 110px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
}

.header_99703_101 .header-right {
    position: absolute;
    right: 0;
    height: 80px;
    line-height: 80px;
    top: 50%;
    margin-top: -40px;
}

.header_99703_101 .navigation li {
    text-transform: capitalize;
    padding: 0 20px;
    float: left;
    position: relative;
    box-sizing: border-box;
    max-width: 198px;
}

.header_99703_101 .navigation li:last-child {
    padding-right: 0;
}

.header_99703_101 .navigation li>a {
    display: block;
    font-size: 18px;
    height: 80px;
    line-height: 80px;
    position: relative;
    overflow: hidden;
    font-weight: bold;
}

.header_99703_101 .navigation li>a span {
    display: inline-block;
    vertical-align: middle;
    line-height: 22px;
}

.header_99703_101 .navigation li a::after {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #E52A2A;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    -ms-transition: opacity .2s ease;
    transition: opacity .2s ease;
}

.header_99703_101 .navigation li a.request-quote {
    color: #E52A2A;
    font-weight: bold;
}

.header_99703_101 .navigation li.has-second span {
    padding-right: 26px;
    position: relative;
}

.header_99703_101 .navigation li a .iconfont {
    position: absolute;
    height: 28px;
    line-height: 28px;
    font-size: 26px;
    right: 0;
    top: 50%;
    margin-top: -14px;
    -webkit-transition: transform .2s ease;
    -moz-transition: transform .2s ease;
    -o-transition: transform .2s ease;
    -ms-transition: transform .2s ease;
    transition: transform .2s ease;
}

.header_99703_101 .navigation li:hover>a::after {
    visibility: visible;
    opacity: 1;
}

.header_99703_101 .navigation li:hover>a .iconfont {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.header_99703_101 .navigation li .sub-menu {
    position: absolute;
    min-width: 130px;
    left: 50%;
    top: 100%;
    z-index: 2;
    background: #fff;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    display: none;
}

.header_99703_101 .navigation li.products-menu {
    position: initial;
}

.header_99703_101 .navigation li.products-menu .sub-menu {
    width: 100vw;
    min-width: 1200px;
}

.header_99703_101 .navigation li .sub-menu a {
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    padding: 0 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    -ms-transition: background-color .2s ease;
    transition: background-color .2s ease;
}

.header_99703_101 .navigation li .sub-menu a:hover {
    background-color: #F8EFEF;
}

.header_99703_101 .navigation li .sub-menu .wrap-rule {
    padding: 0;
}

.header_99703_101 .navigation li .sub-menu .product-item {
    height: 200px;
    float: left;
    width: 25%;
    box-sizing: border-box;
    padding: 25px 10px 37px;
    border-bottom: 1px solid #F0F1F2;
    position: relative;
}

.header_99703_101 .navigation li .sub-menu .product-item:nth-child(4n)::before {
    display: none;
}

.header_99703_101 .navigation li .sub-menu .product-item:nth-last-child(1),
.header_99703_101 .navigation li .sub-menu .product-item:nth-last-child(2),
.header_99703_101 .navigation li .sub-menu .product-item:nth-last-child(3),
.header_99703_101 .navigation li .sub-menu .product-item:nth-last-child(4) {
    border-bottom: none;
}

.header_99703_101 .navigation li .sub-menu .product-item::before {
    content: "";
    height: 120px;
    width: 1px;
    background-color: #f0f1f2;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -60px;
    z-index: 1
}

.header_99703_101 .navigation li .sub-menu .product-item a:hover {
    background-color: initial;
}

.header_99703_101 .navigation li .sub-menu .product-item .float-left {
    width: 100px;
    height: 100px;
    line-height: 100px;
}

.header_99703_101 .navigation li .sub-menu .product-item .image-all a {
    height: 100px;
    line-height: 100px;
}

.header_99703_101 .navigation li .sub-menu .product-item .product-item-rg {
    margin-left: 110px;
}

.header_99703_101 .navigation li .sub-menu .product-item .product-item-rg a,
.header_99703_101 .navigation li .sub-menu .product-item a.categary-title {
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -o-transition: color .2s ease;
    -ms-transition: color .2s ease;
    transition: color .2s ease;
}

.header_99703_101 .navigation li .sub-menu .product-item .product-item-rg a:hover,
.header_99703_101 .navigation li .sub-menu .product-item a.categary-title:hover {
    color: #E52A2A;
}

.header_99703_101 .navigation li .sub-menu .product-item a {
    height: auto;
    line-height: 36px;
    padding: 0;
    text-align: left;
}

.header_99703_101 .navigation li .sub-menu .product-item a.categary-title {
    font-size: 14px;
    line-height: 19px;
    font-weight: bold;
    margin-bottom: 10px;
}

.header_99703_101 .navigation li .sub-menu .product-item .keywords a{
    font-size: 12px;
}

.header_99703_101 .navigation li .sub-menu .product-item.other-product a {
    margin-bottom: 20px;
}

.header_99703_101 .navigation li .sub-menu .product-item.other-product a.other {
    font-weight: normal;
    margin-bottom: 0;
}

.header_99703_101 .header-right .icon-search,
.header_99703_101 .header-right .language {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}

.header_99703_101 .header-right .iconfont {
    font-size: 22px;
}

.header_99703_101 .header-right .icon-search {
    margin-right: 25px;
}

.header_99703_101 .header-right .language {
    position: relative;
}

.header_99703_101 .header-right .language:hover .language-list {
    visibility: visible;
    opacity: 1;
}

.header_99703_101 .language {
    position: relative;
}

.header_99703_101 .language .current-lang i,
.header_99703_101 .language .current-lang span {
    display: inline-block;
    vertical-align: middle;
}

.header_99703_101 .language-list {
    width: 130px;
    visibility: hidden;
    position: absolute;
    left: 50%;
    margin-left: -65px;
    top: 80px;
    z-index: 2;
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    -ms-transition: opacity .2s ease;
    transition: opacity .2s ease;
    background: #fff;
    max-height: 400px;
    overflow-y: scroll;
}

.header_99703_101 .language:hover .language-list {
    visibility: visible;
    opacity: 1;
}

.header_99703_101 .language-list li {
    line-height: 50px;
    height: 50px;
    position: relative;
}

.header_99703_101 .language-list a {
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    padding: 0 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    -ms-transition: background-color .2s ease;
    transition: background-color .2s ease;
}

.header_99703_101 .language-list li.selected a,
.header_99703_101 .language-list li:hover a {
    background-color: #F8EFEF;
}

.header_99703_101 .form {
    font-size: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    background-color: #fff;
    box-sizing: border-box;
    padding: 28px 44px;
    display: none;
}

.header_99703_101 .form i,
.header_99703_101 .form input {
    height: 24px;
    line-height: 24px;
}

.header_99703_101 .form input {
    width: 100%;
    border: none;
    outline: none;
    font-size: 16px;
}

.header_99703_101 .form i {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    font-size: 22px;
}

.header_99703_101 .form .icon-sou703 {
    left: 0;
}

.header_99703_101 .form .close-btn {
    right: 0;
    cursor: pointer;
}

/* header_99704_101 */
/**/

/* header_99704_101V2 */
.header_99704_101V2 .header-top {
        font-size: 12px;
        color: #5d5d5d;
        line-height: 40px;
        background-color: #f8f8f8
    }
    
    .header_99704_101V2 .search{
        
    height: 80px;
    line-height: 80px;
    display: inline-block;
    position:relative;
    }
     .header_99704_101V2 .search:hover .search-wrap{
         
    width: 300px;
    opacity:1;
    z-index:10;
     }
      .header_99704_101V2 .search:hover .search-open{
        color:#e52a2a;
      }
    .header_99704_101V2 .search-wrap{
    opacity:0;
    z-index:-1;
    width:0;
    position: absolute;
    top: 0;
    right: 23px;
    z-index: -1;
    transition: all 300ms linear;
    background-color: #1a1a19;
    padding-left:30px;
    }
    .search-close{
        position:absolute;
        right:5px;
    font-size: 16px;
    color: #fff;
    }
    .header_99704_101V2 .search-wrap input{
         font-size: 16px;
    width: 100%;
    padding: 0 12px;
    height: 40px;
    border-radius: 4px;
    background: transparent;
    outline: none;
    border: none;
    color: #fff;
    border-bottom: 2px solid #e52a2a;
    }
    .header_99704_101V2 .search-open{
       color: #fff;
    font-size: 21px;
    overflow:hidden;
    cursor: pointer;
    }
    .header_99704_101V2 .header-top .float-right {
        font-size: 0
    }

    .header_99704_101V2 .header-top .float-right .iconfont,
    .header_99704_101V2 .language {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer
    }

    .header_99704_101V2 .header-top .float-right .iconfont {
        margin-right: 16px
    }

    .header_99704_101V2 .header-top .iconfont.icon-facebook1 {
        font-size: 13px
    }

    .header_99704_101V2 .header-top .iconfont.icon-twitter {
        font-size: 12px
    }

    .header_99704_101V2 .language {
        position: relative;
        font-size: 12px
    }

    .header_99704_101V2 .language:hover .language-list {
        visibility: visible;
        opacity: 1
    }

    .header_99704_101V2 .language .current-lang {
        font-size: 0
    }

    .header_99704_101V2 .language .current-lang i,
    .header_99704_101V2 .language .current-lang span {
        display: inline-block;
        vertical-align: middle
    }

    .header_99704_101V2 .language .current-lang .iconfont {
        margin-right: 8px
    }

    .header_99704_101V2 .language .current-lang span {
        font-size: 12px
    }

    .header_99704_101V2 .language-list {
        min-width: 100px;
        padding: 10px 0;
        visibility: hidden;
        position: absolute;
        right: 0;
        top: 40px;
        z-index: 99;
        opacity: 0;
        -webkit-transition: opacity .2s ease;
        -moz-transition: opacity .2s ease;
        -o-transition: opacity .2s ease;
        -ms-transition: opacity .2s ease;
        transition: opacity .2s ease;
        background: #fff
    }

    .header_99704_101V2 .language:hover .language-list {
        visibility: visible;
        opacity: 1
    }

    .header_99704_101V2 .language-list li {
        line-height: 50px;
        height: 50px;
        position: relative
    }

    .header_99704_101V2 .language-list li {
        height: 32px;
        line-height: 32px
    }

    .header_99704_101V2 .language-list li:last-child {
        margin-bottom: 0
    }

    .header_99704_101V2 .language-list a {
        display: block;
        font-size: 14px;
        padding: 0 13px
    }

    .header_99704_101V2 .language-list li.selected a,
    .header_99704_101V2 .language-list li:hover a {
        background-color: #fef6f6
    }

    .header_99704_101V2 .header-main {
        background-color: #31457e
    }

    .header_99704_101V2 .header-main .wrap-rule {
        position: relative;
        padding-left: 130px;
        height:80px;
    }

    .header_99704_101V2 .logo {
        width: 130px;
        height: 50px;
        line-height: 50px;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -25px
    }

    .header_99704_101V2 .navigation {
        text-align: right;
        font-size: 0;
    }

    .header_99704_101V2 .navigation ul {
        display: flex;
    justify-content: flex-end;
    }

    .header_99704_101V2 .navigation li {
        text-transform: capitalize;
        padding: 0 10px;
        float: left;
        position: relative;
        box-sizing: border-box;
        max-width: 176px
    }

    .header_99704_101V2 .navigation li:last-child {
        padding-right: 0;
        max-width: 197px
    }

    .header_99704_101V2 .navigation li:nth-last-child(2) {
        max-width: 228px
    }

    .header_99704_101V2 .navigation li>a {
        display: block;
        color: #fff;
        font-size: 18px;
        height: 80px;
        line-height: 80px;
        position: relative;
        overflow: hidden;
    }

    .header_99704_101V2 .navigation li>a span {
        display: inline-block;
        vertical-align: middle;
        padding: 0 12px;
        line-height: 22px;
        
    height: 80px;
    line-height: 80px;
    }

    .header_99704_101V2 .navigation li a::after {
        content: "";
        width: 100%;
        height: 4px;
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: #e52a2a;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: opacity .2s ease;
        -moz-transition: opacity .2s ease;
        -o-transition: opacity .2s ease;
        -ms-transition: opacity .2s ease;
        transition: opacity .2s ease
    }

    .header_99704_101V2 .navigation li a.request-quote {
        color: #e52a2a;
        font-weight: bold;
        text-transform: capitalize
    }

    .header_99704_101V2 .navigation li.has-second span {
        position: relative
    }

    .header_99704_101V2 .navigation li:hover>a {
        color: #e52a2a
    }

    .header_99704_101V2 .navigation li:hover>a::after {
        visibility: visible;
        opacity: 1
    }

    .header_99704_101V2 .navigation li .sub-menu {
        position: absolute;
        min-width: 150px;
        left: 50%;
        top: 100%;
        z-index: 999;
        background-color: #fff;
        text-align: center;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        display: none
    }

    .header_99704_101V2 .navigation li .sub-menu a {
        display: block;
        height: 50px;
        line-height: 50px;
        font-size: 14px;
        padding: 0 23px;
        text-transform: capitalize;
        white-space: nowrap
    }

    .header_99704_101V2 .navigation li .sub-menu a:hover {
        background-color: #fef6f6
    }

    .header_99704_101V2 .navigation li.products-menu .sub-menu {
        padding: 10px 0;
        text-align: left;
        left: -23px;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }

    .header_99704_101V2 .navigation li.products-menu .nicescroll {
        max-height: 314px;
        padding-right: 20px
    }

    .header_99704_101V2 .navigation li.products-menu .sub-menu a {
        height: 32px;
        line-height: 32px
    }

    .header_99704_101V2 .navigation li.products-menu .sub-menu a:last-child {
        margin-bottom: 0
    }
    /*.header_99704_101V2 .sub-menu2{*/
    /*    position:relative;*/
    /*}*/
    /*.header_99704_101V2 .sub-menu2:hover .sub-menu3{*/
    /*    display:block;*/
    /*}*/
    /*.header_99704_101V2 .sub-menu3{*/
    /*    display: none;*/
    /*    position: absolute;*/
    /*    right: 0;*/
    /*    transform: translateX(98%);*/
    /*    top: 0;*/
    /*    background: #fff;*/
    /*}*/
    
    .header_99704_101V2 .list1,.header_99704_101V2 .list2{
        position:relative;
    }
    .header_99704_101V2 .list1>.sub-menu2{
            display:none;
            position: absolute;
            right: 0;
            transform: translateX(98%);
            top: 0;
            background: #fff;
    }
    .header_99704_101V2 .list1>.sub-menu2>.list2>.sub-menu3{
             position: absolute;
            right: 0;
            transform: translateX(98%);
            top: 0;
            background: #fff; 
            transition:all 300ms linear;
            height:0;
            opacity: 0;
    }
    .header_99704_101V2 .list1>.sub-menu2>.list2:hover>.sub-menu3{
        display:block;
        height:auto;
         opacity: 1;
    }

/* inner_banner_99703_113 */
.inner_banner_99703_113 {
	height:400px;
	overflow:hidden;
	min-width:1200px
}
.inner_banner_99703_113 img {
	height:100%;
	position:relative;
	top:0;
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%)
}

/* inquiry_popup */
.leave-message-dialog ul,
.leave-message-dialog li {
    list-style: none
}

.leave-message-dialog {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1000;
    background-color: rgba(51, 51, 51, 0.3);

}

.leave-message-dialog .dialog-content-pql {
    width: 500px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -250px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 4px;
    overflow: hidden;
    background-color: #fff;
}

.leave-message-dialog .close {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 22px;
    right: 27px;
    cursor: pointer;
    z-index: 1;
}

.leave-message-dialog .close:before,
.leave-message-dialog .close:after {
    position: absolute;
    content: "";
    background-color: #ffffff;
    width: 18px;
    height: 2px;
    top: 50%;
    left: 0;
    z-index: 1;
}

.leave-message-dialog .close:before {
    transform: rotate(45deg)
}

.leave-message-dialog .close:after {
    transform: rotate(-45deg)
}

.leave-message-dialog .title {
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    padding: 0 30px;
    background-color: #E52A2A;
    position: relative;
    text-align:left;
}
.leave-message-dialog .title p{
    display: inline;
}
.leave-message-dialog p {
    margin: 0
}

.leave-message-dialog .form {
    padding: 20px 20px 30px;
}

.leave-message-dialog input,
.leave-message-dialog .textarea {
    margin-bottom: 15px;
}

.leave-message-dialog input,
.leave-message-dialog textarea {
    display: block;
    width: 100%;
    height: 40px;
    padding: 8px 15px;
    border: 1px solid #C7C7C7;
    outline: none;
}

.leave-message-dialog input {
    height: 40px;
}

.leave-message-dialog .textarea {
    height: 170px;
    position: relative;
}

.leave-message-dialog textarea {
    height: 100%;
    padding: 8px 15px;
    resize: none;
    background-color: transparent;
    position: absolute;
    left: 0;
    top: 0;
}

.dialog-content-pql-id .img {
    float: left;
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.dialog-content-pql-id .img img {
    display: inline-block;
    vertical-align: middle;
    max-height: 100%;
    max-width: 100%;
}

.dialog-content-pql-id .left {
    overflow: hidden;
    padding: 20px 30px 15px;
}

.dialog-content-pql-id .titlep {
    font-size: 14px;
    max-height: 40px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.dialog-content-pql-id .left ul {
    margin-top: 10px;
}

.dialog-content-pql-id .left ul li {
    line-height: 20px;
    color: #999999;
    margin-bottom: 5px;
    text-transform: capitalize;
}

.dialog-content-pql-id .right {
    float: initial !important;
    padding: 0 30px 30px;
}

.dialog-content-pql-id .title {
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.dialog-content-pql .btn {
    width: 200px;
    margin: 20px auto 0;
    padding: 8px 20px;
    text-transform: uppercase;
    display: block;
    font-size: 16px;
    text-align: center;
    color: #fff;
    background-color: #E52A2A;
    border: 1px solid #E52A2A;
    outline: none;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.dialog-content-pql #endOk{
    margin-bottom: 30px !important;
}
.dialog-content-pql .btn:hover {
   background-color: #BB2828;
}

.dialog-content-pql-id .mr {
    position: absolute;
    width: 70px;
    height: 40px;
    bottom: 0;
    left: 0;
    line-height: 40px;
    text-align: center;
    color: rgb(117, 117, 117)
}

.dialog-content-pql-id .mr::before {
    position: absolute;
    content: "";
    display: block;
    border: 5px solid #000;
    border-color: #000 transparent transparent transparent;
    top: 50%;
    transform: translateY(-50%);
    right: 5px;
    margin-top: 3px
}

.dialog-content-pql-id .mr ul {
    position: absolute;
    width: 100%;
    cursor: pointer;
    top: 34px;
    background: rgb(245, 245, 245);
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1);
    border: 1px solid #ededed;
    display: none
}

.dialog-content-pql-id .mr:hover ul {
    display: block
}

.dialog-content-pql-ok .duihaook {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative
}

.dialog-content-pql-ok .duihaook::after {
    content: "";
    display: inline-block;
    background: #47c553;
    width: 35px;
    height: 12px;
    transform: rotate(45deg);
    position: absolute;
    left: 16px;
    top: 35px;
    border-radius: 2px
}

.dialog-content-pql-ok .duihaook::before {
    content: "";
    display: inline-block;
    background: #47c553;
    width: 50px;
    height: 15px;
    transform: rotate(-45deg);
    position: absolute;
    left: 32px;
    border-radius: 2px;
    top: 26px
}

.dialog-content-pql .error-pql {
    margin-top: -12px;
    margin-bottom: 10px;
    color: red;
    display: none;
}

.dialog-content-pql .icon-pql {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background: red;
    border-radius: 50%;
}

.dialog-content-pql .icon-pql img {
    width: 100%;
    height: 100%;
}
.dialog-content-pql-id .mr #Mr{font-size:14px;}
#dialog-content-pql-ok{min-width: 460px;} 
.dialog-content-pql-id .titlep,.dialog-content-pql-id .left ul{
    margin-left: 140px;
}
#xuanpan_dialog_box_pql .close_create_dialog{
    background-color: #E52A2A !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer;
}
#xuanpan_dialog_box_pql .close_create_dialog:hover{
    background-color: #BB2828 !important;
}
#xuanpan_dialog_box_pql .close_create_dialog.close{
    background-color: #ffffff !important;
}

/* leave_message_99704_117 */
/* leave_message_99704_117 start */
.leave_message_99704_117 {
    padding: 32px 32px 40px;
    background-color: #fff;
    margin-top: 20px;
}

/* leave_message_99704_117 end */

/* news_cases_99704_108 */
/* news_cases_99704_108 start */
.news_cases_99704_108 {
    padding: 40px 0 32px;
}

.news_cases_99704_108 .wrap-rule {
    width: 1282px;
}

.news_cases_99704_108 .pic-scroll {
    overflow: hidden;
    margin-top: 32px;
    font-size: 0;
}

.news_cases_99704_108 li .list {
    padding: 0 6px;
}

.news_cases_99704_108 .item {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    width: 400px;
    height: 420px;
    background-color: #fff;
    margin: 6px 35px 6px 0;
    text-align: left;
}

.news_cases_99704_108 .item:hover {
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
}

.news_cases_99704_108 li .item:last-child {
    margin-right: 0;
}

.news_cases_99704_108 .image-part {
    width: 100%;
    height: 240px;
}

.news_cases_99704_108 .image-part img {
    position: relative;
    -webkit-transition: transform .2s ease;
    -moz-transition: transform .2s ease;
    -o-transition: transform .2s ease;
    -ms-transition: transform .2s ease;
    transition: transform .2s ease;
}

.news_cases_99704_108 .image-part:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.news_cases_99704_108 .item-btm {
    padding: 16px;
}

.news_cases_99704_108 .item-title a {
    display: block;
    max-height: 48px;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news_cases_99704_108 .item-title:hover a {
    color: #E52A2A;
}

.news_cases_99704_108 .item-desc {
    display: block;
    max-height: 80px;
    line-height: 20px;
    font-size: 14px;
    color: #5D5D5D;
    margin-top: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -o-transition: color .2s ease;
    -ms-transition: color .2s ease;
    transition: color .2s ease;
}

.news_cases_99704_108 .item-desc:hover {
    color: #333333;
}

/* news_cases_99704_108 end */

/* news_detail_99704_128 */
.news_detail_99704_128 {
    padding: 32px;
    background-color: #fff;
}

.news_detail_99704_128 .news-content {
    padding-bottom: 32px;
    border-bottom: 1px solid #DCDCDC;
}

.news_detail_99704_128 .news-title {
    font-size: 22px;
    font-weight: bold;
    line-height: 27px;
}

.news_detail_99704_128 .time {
    line-height: 17px;
    margin-top: 16px;
}

.news_detail_99704_128 .image-part {
    width: 500px;
    height: 300px;
    margin-top: 32px;
}

.news_detail_99704_128 .text {
    margin-top: 32px;
    line-height: 22px;
}

.news_detail_99704_128 .news-bottom {
    line-height: 18px;
    margin-top: 16px;
}

.news_detail_99704_128 .news-bottom .link {
    margin-bottom: 15px;
}

.news_detail_99704_128 .news-bottom .link a {
    color: #999999;
    margin-left: 8px;
}

.news_detail_99704_128 .news-bottom .link a:hover {
    color: #333333;
}

.news_detail_99704_128 .news-bottom .link:last-child {
    margin-bottom: 0;
}

.news_detail_99704_128 .text ul,.news_detail_99704_128 .text li{
	        list-style: inherit !important;
	}

/* news_list_99704_127 */
.news_list_99704_127 .news-list {
    padding: 32px;
    background-color: #fff;
}

.news_list_99704_127 li {
    padding-bottom: 32px;
    border-bottom: 1px solid #DCDCDC;
    margin-bottom: 32px;
}

.news_list_99704_127 .news-list li:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
}

.news_list_99704_127 .image-part {
    float: left;
    width: 140px;
    height: 100px;
}

.news_list_99704_127 .image-part img {
    position: relative;
    -webkit-transition: transform .2s ease;
    -moz-transition: transform .2s ease;
    -o-transition: transform .2s ease;
    -ms-transition: transform .2s ease;
    transition: transform .2s ease;
}

.news_list_99704_127 .image-part:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.news_list_99704_127 .text {
    margin-left: 156px;
}

.news_list_99704_127 .text-title a {
    display: block;
    font-size: 16px;
    line-height: 24px;
    max-height: 48px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news_list_99704_127 .text-title:hover a {
    color: #E52A2A;
}

.news_list_99704_127 .time {
    color: #999999;
    line-height: 18px;
    margin-top: 8px;
}

.news_list_99704_127 .text-desc {
    margin-top: 16px;
}

.news_list_99704_127 .text-desc a {
    display: block;
    color: #5D5D5D;
    line-height: 22px;
    max-height: 44px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* pateners_99704_110 */
/* pateners_99704_110 end */
.pateners_99704_110 {
    padding: 40px 0 20px;
}

.pateners_99704_110 .pic-scroll {
    margin-top: 40px;
}

.pateners_99704_110 .pic-scroll li {
    float: left;
    margin-right: 20px;
}

.pateners_99704_110 .item {
    width: 238px;
    height: 100px;
    padding: 5px;
    background-color: #fff;
    margin-bottom: 20px;
}

.pateners_99704_110 .image-all {
    height: 100%;
    line-height: 90px;
}

.pateners_99704_110 .image-all img {
    -webkit-transition: transform .2s ease;
    -moz-transition: transform .2s ease;
    -o-transition: transform .2s ease;
    -ms-transition: transform .2s ease;
    transition: transform .2s ease;
}

.pateners_99704_110 .image-all:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.pateners_99704_110 li .item:nth-child(5n) {
    margin-right: 0;
}

/* pateners_99704_110 end */

/* point_99704_103 */
/* point_99704_103 start */
.point_99704_103 {
    min-width: 1270px;
    color: #fff;
    padding: 36px 0 29px;
    background-color: #31457e;
}

.point_99704_103 .wrap-rule {
    overflow: hidden;
}

.point_99704_103 .container {
    margin: 0 -26px;
}

.point_99704_103 .float-left {
    width: 25%;
    padding: 0 26px;
}

.point_99704_103 .iconfont {
    display: block;
    width: 60px;
    margin: 0 auto;
    color: #E52A2A;
    font-size: 60px;
}

.point_99704_103 .point-title {
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    text-align: center;
    margin-top: 16px;
}

.point_99704_103 .point-desc {
    line-height: 20px;
    margin-top: 16px;
    text-align: center;
}

/* point_99704_103 end */

/* privacy_99704_130 */
.privacy_99704_130 {
    margin: 20px 0 40px;
}

.privacy_99704_130 .wrap-rule {
    padding: 32px;
    background-color: #fff;
}

.privacy_99704_130 .second-level-title {
    padding-bottom: 12px;
    position: relative;
}

.privacy_99704_130 .second-level-title::after {
    content: "";
    width: 30px;
    height: 4px;
    background-color: #E52A2A;
    position: absolute;
    left: 0;
    bottom: 0;
}

.privacy_99704_130 .item {
    padding-bottom: 32px;
    margin-bottom: 32px;
    border-bottom: 1px solid #DCDCDC;
}

.privacy_99704_130 .text {
    margin-top: 16px;
}

.privacy_99704_130 .item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

/* production_desc_99704_126 */
.right-content .production_desc_99704_126 .desc ul{
    list-style:revert-layer;
    padding:0 40px;
}
.right-content .production_desc_99704_126 .desc ol{
        list-style:revert-layer;
    padding:0 40px;
}
/* production_desc_99704_126 start */
.production_desc_99704_126 {
    padding: 32px 32px 22px;
    background-color: #fff;
    margin-top: 20px;
}

.production_desc_99704_126 .desc {
    margin-top: 32px;
}

.production_desc_99704_126 .tags {
    margin-top: 44px;
    position: relative;
    padding-left: 80px;
}

.production_desc_99704_126 .tags span {
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
}

.production_desc_99704_126 .tags h2 {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-bottom: 10px;
}

.production_desc_99704_126 .tags a,
.production_desc_99704_126 .tags span {
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
}

.production_desc_99704_126 .tags a {
    padding: 0 25px;
    background-color: #f7f9fa;
    border-radius: 4px;
}

.production_desc_99704_126 .tags a:hover {
    color: #fff;
    background-color: #e52a2a;
}
.production_desc_99704_126 .desc ul li {
        list-style-position: outside;
}

/* production_desc_99704_126 end */

/* product_all_99703_120 */
/**/

/* product_all_99703_120V2 */
.product_all_99703_120V2 {
        margin-bottom: 20px;
        color: #fff;
    }

    .product_all_99703_120V2 .header-title {
        height: 60px;
        line-height: 60px;
        padding: 0 32px;
        font-size: 18px;
        font-weight: bold;
        text-transform: capitalize;
        background-color: #e52a2a
    }

    .product_all_99703_120V2 .list {
        line-height: 18px;
        padding: 26px 0 37px;
        background-color: #31457e
    }

    .product_all_99703_120V2 .list li {
        margin-bottom: 24px;
        position: relative;
    }

    .product_all_99703_120V2 .list li:last-child {
        margin-bottom: 0
    }

    .product_all_99703_120V2 .list li.on a {
        /*font-weight: bold;*/
        /*color: #d52828*/
    }

    .product_all_99703_120V2 .list a {
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding: 0 32px;
        color: #fff
    }

    .product_all_99703_120V2 .list li a:hover {
        color: #e52a2a;
        font-weight: bold
    }


    /* 新增 */

    .header_99704_101 .navigation li .sub-menu>div {
        position: relative;
    }

    .header_99704_101 .navigation li .sub-menu2 {
        position: absolute;
        min-width: 150px;
        z-index: 2;
        background-color: #fff;
        text-align: center;
        display: none;
        position: absolute;
        right: -100%;
        top: 0;
    }

    .product_all_99703_120V2 .list a {
        padding-right: 60px;
        position: relative;
    }

    .product_all_99703_120V2 .list span {
        border: 1px solid #fff;
        border-top: transparent;
        border-left: transparent;
        width: 10px;
        height: 10px;
        transform: rotate(45deg);
        border-radius: 2px;
        position: absolute;
        z-index: 20;
        display: block;
        right: 30px;
        top: 0;
        transition: all 300ms linear;
        top: 1px;
    }

    .product_all_99703_120V2 .list span.active {
        transform: rotate(227deg);
            top: 6px;
    }

    .product_all_99703_120V2 .list li li a {
        padding-left: 60px;
    }

    .product_all_99703_120V2 .list .list {
        padding: 0;
        padding-top: 22px;
        display:none;
    }
    .product_all_99703_120V2 .list.three{
        padding: 0;
        margin-bottom: 23px;
        
    }
    .product_all_99703_120V2 .list.three a{
        padding-left:80px;
    }
    .product_all_99703_120V2 .cur>a{
         color: #e52a2a;
        font-weight: bold
    }
    .product_all_99703_120V2 .category2{
        margin-bottom:25px;
    }

/* product_detail_99704_124 */
.production_desc_99704_126 ul,.production_desc_99704_126 ol {
    list-style:revert-layer;
    padding:0 40px;
}
.production_desc_99704_126 p{
    margin:revert-layer;
}

/* product_detail_99704_124 start */
.product_detail_99704_124 {
    padding: 32px 32px 38px;
    background-color: #fff;
    margin-top: 20px;
}

.product_detail_99704_124 .detail-title {
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    text-transform: uppercase;
}

.product_detail_99704_124 table {
    width: 100%;
}

.product_detail_99704_124 th {
    width: 15%;
    padding: 32px 0 16px;
}

.product_detail_99704_124 td {
    width: 35%;
    padding:32px 10px 16px;
}

.product_detail_99704_124 th,
.product_detail_99704_124 td {
    border-bottom: 1px solid #DCDCDC;
}

.product_detail_99704_124 table h2 {
    font-weight: bold;
    display: inline-block;
}

.product_detail_99704_124 table .high-light {
    font-weight: bold;
}

/* product_detail_99704_124 end */

/* product_info_99704_123 */
/* product_info_99704_123 start */
.product_info_99704_123 {
    padding: 20px 32px 33px;
    background-color: #fff;
}

.product_info_99704_123 .product-name {
    font-size: 24px;
    font-weight: bold;
    line-height: 36px;
}

.product_info_99704_123 .product-info {
    margin-top: 16px;
}

.product_info_99704_123 .product-info .float-left {
    width: 360px;
    overflow: hidden;
}

.product_info_99704_123 .product-info .float-right {
    width: 460px;
}

.product_info_99704_123 .preview-container {
    height: 360px;
    overflow: hidden;
}

.product_info_99704_123 .preview-container .image-all {
    width: 360px;
    height: 360px;
    line-height: 360px;
}

.product_info_99704_123 .small-container {
    width: 360px;
    height: 80px;
    position: relative;
    overflow: hidden;
    margin-top: 16px;
}

.product_info_99704_123 .small-container .image-all {
    float: left;
    width: 80px;
    height: 80px;
    line-height: 80px;
    margin-right: 12px;
    cursor: pointer;
}

.product_info_99704_123 .small-container .image-all .video-icon {
    width: 30px;
    height: 30px;
    margin-left: -15px;
    margin-top: -15px;
    background: url(/images/icon_sprite.png) 0px -112px no-repeat;
}

.product_info_99704_123 .small-container .image-all.on {
    border: 1px solid #E52A2A;
}

.product_info_99704_123 .small-container .btn {
    width: 20px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.16);
    position: absolute;
    top: 0;
    z-index: 1;
    cursor: pointer;
    display: none;
}

.product_info_99704_123 .small-container .btn.left-btn {
    left: 0;
}

.product_info_99704_123 .small-container .btn.right-btn {
    right: 0;
}

.product_info_99704_123 .small-container .image-all:last-child {
    margin-right: 0;
}

.product_info_99704_123 .product-info th,
.product_info_99704_123 .product-info td {
    padding: 10px 16px;
    border: 1px solid #DCDCDC;
}

.product_info_99704_123 .product-info th {
    width: 30%;
    background-color: #F7F9FA;white-space: nowrap;
}

.product_info_99704_123 .product-info td {
    width: 70%;
}

.product_info_99704_123 .links {
    height: 36px;
    font-size: 0;
    margin-top: 32px;
}

.product_info_99704_123 .links a {
    display: inline-block;
    vertical-align: middle;
    line-height: 36px;
    font-size: 36px;
    color: #999999;
    margin-right: 10px;
}

.product_info_99704_123 .links a:hover {
    color: #E52A2A;
}

.product_info_99704_123 .operations {
    font-size: 0;
    margin-top: 40px;
}

.product_info_99704_123 .operations .button {
    display: inline-block;
    vertical-align: middle;
    width: 140px;
    margin-right: 20px;
    font-size: 14px;
}

.product_info_99704_123 .operations .button:last-child {
    margin-right: 0;
}

/* product_info_99704_123 end */

/* product_list_99704_120 */
/* product_list_99704_120 start */
.product_list_99704_120 .search-reminder {
    font-weight: bold;
    padding: 7px 0;
}

.product_list_99704_120 .search-reminder * {
    display: inline;
}

.product_list_99704_120 .search-no-result {
    text-align: center;
}

.product_list_99704_120 .search-no-result .no-result-bg {
    display: block;
    width: 557px;
    height: 300px;
    margin: 74px auto 40px;
    background: url(/images/search_no_result.png) no-repeat;
}

.product_list_99704_120 .search-no-result .big-text {
    font-size: 28px;
    font-weight: bold;
    line-height: 34px;
}

.product_list_99704_120 .search-no-result .sma-text {
    line-height: 22px;
    margin-top: 22px;
}

.product_list_99704_120 .search-no-result a {
    color: #257DE2;
}

.product_list_99704_120 .search-no-result a:hover {
    text-decoration: underline;
}

.product_list_99704_120 .total {
    color: #E52A2A;
}

.product_list_99704_120 .item {
    padding: 16px;
    background-color: #fff;
    margin-bottom: 20px;
}

.product_list_99704_120 .image-all {
    float: left;
    width: 238px;
    height: 238px;
    line-height: 238px;
    position: relative
}

.product_list_99704_120 .image-all img {
    position: relative;
    -webkit-transition: transform .2s ease;
    -moz-transition: transform .2s ease;
    -o-transition: transform .2s ease;
    -ms-transition: transform .2s ease;
    transition: transform .2s ease
}

.product_list_99704_120 .image-all:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.product_list_99704_120 .texts {
    margin-left: 274px;
}

.product_list_99704_120 .item-title {
    margin-bottom: 20px;
    margin-top: 9px;
}

.product_list_99704_120 .item-title a {
    display: block;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    max-height: 48px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.product_list_99704_120 .item-title a:hover {
    color: #e52a2a;
}

.product_list_99704_120 table {
    width: 100%;
    margin-bottom: 32px;
    table-layout: fixed;
}

.product_list_99704_120 table th,
.product_list_99704_120 table td {
    border: none;
    line-height: 22px;
    color: #999999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.product_list_99704_120 table th {
    width: 20%;
}

.product_list_99704_120 table td {
    width: 80%;
}

.product_list_99704_120 .operations {
    font-size: 0;
}

.product_list_99704_120 .button {
    display: inline-block;
    width: 220px;
    margin-right: 20px;
}

.product_list_99704_120 .button:last-child {
    margin-right: 0
}

/* product_list_99704_120 end */

/* product_sitemap_99704_129 */
.product_sitemap_99704_129 {
    margin: 20px 0 60px;
}

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

.product_sitemap_99704_129 .list {
    margin-top: 20px;
}

.product_sitemap_99704_129 .item {
    padding: 32px;
    background: #ffffff;
    margin-bottom: 20px;
}

.product_sitemap_99704_129 .list .item:last-child {
    margin-bottom: 0;
}

.product_sitemap_99704_129 .list a {
    display: block;
    width: 100%;
    line-height: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
    padding-right: 50px;
}

.product_sitemap_99704_129 .list a:hover {
    color: #E52A2A;
}

.product_sitemap_99704_129 .item-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 16px;
}

.product_sitemap_99704_129 .item-list h2 {
    margin-bottom: 16px;
}

.product_sitemap_99704_129 .item-list h2:last-child {
    margin-bottom: 0;
}

/* product_tab_99704_104 */
/* product_tab_99704_104 start */
.product_tab_99704_104 {
    padding: 40px 0;
}

.product_tab_99704_104 .hd {
    text-align: center;
}

.product_tab_99704_104 .hd ul {
    display: inline-block;
    font-size: 0;
}

.product_tab_99704_104 .hd ul li {
    display: inline-block;
    vertical-align: middle;
    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 25px 20px;
    position: relative;
    cursor: pointer;
}

.product_tab_99704_104 .hd ul li::after {
    content: "";
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #E52A2A;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    -ms-transition: opacity .2s ease;
    transition: opacity .2s ease;
}

.product_tab_99704_104 .hd ul li.on {
    color: #E52A2A;
}

.product_tab_99704_104 .hd ul li.on::after {
    opacity: 1;
    visibility: visible;
}

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

.product_tab_99704_104 .item {
    float: left;
    width: 305px;
    height: 475px;
    margin-right: 16px;
    box-sizing: border-box;
    padding: 16px;
    position: relative;
    background-color: #fff;
}

.product_tab_99704_104 ul .item:last-child {
    margin-right: 0;
}

.product_tab_99704_104 .item:hover {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
}

.product_tab_99704_104 .image-all {
    width: 273px;
    height: 273px;
    line-height: 273px;
    position: relative;
}

.product_tab_99704_104 .image-all img {
    position: relative;
    -webkit-transition: transform .2s ease;
    -moz-transition: transform .2s ease;
    -o-transition: transform .2s ease;
    -ms-transition: transform .2s ease;
    transition: transform .2s ease;
}

.product_tab_99704_104 .image-all:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.product_tab_99704_104 .product-title a {
    height: 66px;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 16px;
}

.product_tab_99704_104 .product-title:hover a {
    color: #e52a2a;
}

.product_tab_99704_104 .button {
    margin-top: 32px;
}

/* product_tab_99704_104 end */

/* product_videodetail */
/* --- 公共部分，头部、侧栏、主体结构 --- */
/* 监听操作系统主题模式 */
@media (prefers-color-scheme: light) {
    .white .v-fixed {
        background: #fff;
        border-bottom: 1px solid #f3f3f3;
        z-index: 100;
    }

    .white .v-content-drawer {
        background: #fff;
        border-right: 1px solid #e7f3ea;
    }

    .white .v-drawer-aside a {
        color: #111111;
    }

    .white .v-drawer-aside a.active {
        background: #e7f3ea;
    }

    .white .v-drawer-aside a:hover {
        background: #e7f3ea;
    }

    .white .vc-nav {
        background: #fff;
    }

    .white .vc-nav a {
        color: #777;
    }

    .white .vc-nav a.active {
        color: #3CA860;
    }

    .white .vc-nav a.active:after {
        background: #3CA860;
    }

    .white .v-content {
        background: #F4F6F9;
    }

    .white .vc-big-videobox .vc-btxt-title,
    .white .vc-big-videobox .vc-btxt-title a {
        color: #111;
    }

    .white .vc-big-videobox .vc-btxt-time,
    .white .vc-big-videobox .vc-btxt-total {
        color: #777;
    }
    
    .white .vc-big-videobox .vc-btxt-cont,
    .white .vc-big-videobox .vc-richtext,
    .white .vc-big-videobox .vc-icongroup {
        color: #777;
    }

    .white .vc-big-videobox .vc-btxt-link {
        color: #3CA860;
    }

    .white .vc-big-videobox .vc-icongroup i,
    .white .v-drawer-aside a i,
    .white .vc-icons span i,
    .white .vc-icons a i,
    .white .vc-big-videobox .vc-btxt-time i,
    .white .v-goback span i,
    .white .v-fixed .v-website i,
    .white .v-drawer-aside a i,
    .white .vc-icons span i,
    .white .vc-icons a i,
    .white .vc-big-videobox .vc-btxt-time i,
    .white .v-content-aside .vc-stxt-group i,
    .white .v-content-aside .vc-stxt-time i {
        background-image: url("/images/vc-sprite.png");
    }

    .white .vc-links span {
        /*background: #dddddd;*/
        /*color: #111111;*/
        color:#527dff;
    }

    .white .v-content-aside {
        background: #F4F6F9;
    }

    .white .v-videobox-aside {
        background: #fff;
    }

    .white .v-content-aside .vc-stxt-title {
        color: #111111;
    }
    .white .v-content-aside .vc-stxt-title:hover{
        
    }

    .white .v-content-aside .vc-group-title {
        color: #111;
    }

    .white .v-content-aside .vc-stxt-group,
    .white .v-content-aside .vc-stxt-time {
        color: #777777;
    }

    .white .v-content-drawer.showDrawerDetail {
        background: #fff;
    }

    .white .vc-links span,
    .white .vc-links h2,
    .white .vc-links a {
        /*background: rgba(255, 255, 255, 0.12);*/
        color: #527dff;
        border:none;
        padding:0;
    }

    .white .v-prod-send {
        background: #fff;
        color: #333;
        margin-left: 0px;
    }

    .white .v-prod-send .v-prod_tit {
        background: #fff;
    }

    .white .v-prod-send .v-prod_bts .learnmore {
        background: #fff;
        color: #666666;
    }

    .white .vc-message .cell__name {
        color: #333333;
    }

    .white .vc-message .cell__contry,
    .white .vc-message .cell__time {
        color: #999999;
    }

    .white .vc-message .cell__txt {
        color: #666666;
    }

    .white .vc-group-title {
        color: #111;
    }

    .white .vc-message .vc-message-head .ms-title {
        color: #333;
    }

    .white .vc-message .vc-message-head {
        border-bottom: 1px solid #cecece;
    }

    .white .icon-prevlink,
    .white .icon-nextlink,
    .white .vc-richtext-content::after {
        background: #f4f6f9;
        color: #557bff;
    }

    .white .vc-richtext-content {
        color: #111;
    }

    .white .v-content-topwrap {
        background: #f4f6f9;
    }
}

/* 主体结构 */
html,
body{
    position: relative;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    background: #f4f6f9; 
}
.app {
    width: 100%;
    height: 100%;
    position: relative;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    background: #f4f6f9;
}

.v-main {
    width: 100%;
    height: 100%;
    position: relative;
    padding-top: 64px;
    box-sizing: border-box;
}

.v-wrap {
    position: relative;
    height: 100%;
    padding-left: 100px;
    box-sizing: border-box;
    width: 100%;
    background: #F3F4F5;
}

.v-content {
    position: relative;
    background: #0f0f0f;
    width: 100%;
    height: 100%;
    /*padding: 30px 40px;*/
    box-sizing: border-box;
    overflow: auto;
    /*padding-top: 2px;*/
}

.v-content::-webkit-scrollbar {
    display: none;
    scrollbar-width: none;
}

.v-content-aside::-webkit-scrollbar {
    display: none;
    scrollbar-width: none;
}

.v-content_full {
    display: flex;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 12px 12px 12px 12px;
}

.v-content_half {
    width: 49%;
    background: #fff;
    border-radius: 12px 12px 12px 12px;
}

/*吸顶*/
.v-goback {
    display: inline-flex;
    cursor: pointer;
    color: #fff;
}

.v-goback span {
    font-size: 18px;
    /*margin-right: 10px;*/
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    width: 44px;
    height: 56px;
}

.v-goback a {
    line-height: 56px;
    font-size: 0;
    display: flex;
    align-items: center;
}

.v-goback a img {
    max-width: 116px;
    height: 100%;
}

.v-goback span i {
    width: 32px;
    height: 32px;
    display: inline-block;
    background: url('/images/vc-sprite.png');
    background-size: 300px;
    background-position: -252px -3px;
}

.v-goback span i.hide {
    background-position: -251px -35px;
}

.v-goback a {
    line-height: 56px;
}

.v-goback:hover {
    color: #2852E9;
}

.v-goback:hover i {
    color: #2852E9;
}

.v-fixed {
    width: 100%;
    height: 56px;
    background: #1a1a1a;
    /*box-shadow: 0px 1px 0px 1px #494949;*/
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    padding: 0 28px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #404040;
    z-index: 100;
}

.v-fixed .v-website {
    display: inline-flex;
    align-items: center;
}

.v-fixed .v-website a {
    display: inline-flex;
    justify-content: center;
    background: #527DFF;
    border-radius: 20px;
    color: #ffffff;
    font-family: Roboto, HelveticaNeue, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    width: 140px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    align-items: center;
    transition: background ease-in-out 0.3s;
}

.v-fixed .v-website a:hover {
    background: #668CFF;
}

.v-fixed .v-website a:active {
    background: #3D6DFF;
}

.v-fixed .v-website .chatnow {
    display: inline-flex;
    justify-content: center;
    background: #4BCD65;
    border-radius: 20px;
    color: #ffffff;
    font-family: Roboto, HelveticaNeue, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    width: 140px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    align-items: center;
    transition: background ease-in-out 0.3s;
    margin-right: 20px;
    width: 120px;
    white-space: nowrap;
}

.v-fixed .v-website .chatnow:hover {
    background: #64CE79;
}

.v-fixed .v-website .chatnow:active {
    background: #34CC52;
}

.v-fixed .v-website i {
    display: inline-flex;
    width: 14px;
    height: 14px;
    background: #fff;
    margin-right: 6px;
    background: url('/images/vc-sprite.png') no-repeat;
    background-size: 300px;
    background-position: -145px -13px;
}

.v-fixed .v-website .chatnow i {
    width: 18px;
    height: 18px;
    background-position: -134px -69px;
}

.v-content-topwrap {
    display: flex;
    height: 100%;
    /* padding-top: 56px; */
    box-sizing: border-box;
    overflow: hidden;
    background: #1a1a1a;
}

/*抽屉*/
.v-content-drawer.showDrawerDetail {
    width: 240px;
    flex-shrink: 0;
    height: calc(100% - 56px);
    background: #1a1a1a;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    border: 1px solid rgba(0, 0, 0, 0);
    overflow: auto;
    transition: all 0.3s ease-in-out;
    padding: 44px 0;
    box-sizing: border-box;
    position: absolute;
    top: 56px;
    left: 0;
    z-index: 99;
    transform: translate(-100%, 0);
}

.v-content-drawer.showDrawerDetail.show {
    transform: translate(0%, 0) !important;
}

.model-close {
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    opacity: 0.6;
    z-index: 99;
    display: none;
    cursor: pointer;
}

.v-drawer-aside a {
    text-decoration: none;
    color: #ffffff;
    font-family: Roboto, HelveticaNeue, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: left;
    padding: 0 27px;
    height: 44px;
    line-height: 44px;
    display: flex;
    align-items: center;
}

.v-drawer-aside a i {
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 20px;
    background: url('/images/vc-sprite.png') no-repeat;
    background-size: 300px;
}

.v-drawer-aside a i.home {
    background-position: -8px -40px;
}

.v-drawer-aside a i.videos {
    background-position: -40px -40px;
}

.v-drawer-aside a i.playlist {
    background-position: -72px -40px;
}

.v-drawer-aside a i.aboutus {
    background-position: -104px -40px;
}

.v-drawer-aside a:hover {
    background: rgba(255, 255, 255, 0.12);
}

/*扩展what app */
.vc-whatapp {
    display: inline-flex;
    justify-content: center;
    background: #01A884;
    border-radius: 20px;
    color: #ffffff;
    font-family: Roboto, HelveticaNeue, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 32px;
    padding: 0 15px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    align-items: center;
    transition: background ease-in-out 0.3s;
    margin-right: 10px;
}

.vc-whatapp:hover {
    background: #3B8C7F;
}

.v-fixed .vc-whatapp i,
.vc-whatapp i {
    display: inline-flex;
    width: 14px;
    height: 14px;
    background: #fff;
    margin-right: 6px;
    background: url(//img.ecerimg.com/image/video/img_whatsapp_white.png?v=20240528) no-repeat;
    background-size: cover;
}

/*  search  */
.v-search {
    display: flex;
    align-items: center;
    margin-left: 74px;
}

.v-search .ep_header-xs {
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-radius: 20px;
    border: 1px solid #527DFF;
    font-size: 0;
}

.v-search .ep_header_wrap {
    padding: 4px 0 4px 15px;
    box-sizing: border-box;
    width: 335px;
    height: 32px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 20px 0 0 20px;
}

.v-search .ep_header-search_input {
    color: #333;
    font-size: 14px;
    border: none;
    padding: 0;
    outline: 0;
    width: 100%;
    background: #fff;
}

.v-search .ep_header-search_btn {
    display: inline-block;
    border: none;
    cursor: pointer;
    flex-shrink: 0;
    float: right;
    color: #fff;
    text-align: center;
    line-height: 26px;
    transition: background 0.3s ease-in-out;
    width: 80px;
    height: 32px;
    background: #527DFF;
    border-radius: 8px;
    border-radius: 0 20px 20px 0;
    font-size: 0;
    position: relative;
}

.v-search .ep_header-search_btn:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 26px;
    height: 32px;
    background: url("/images/vc-sprite.png");
    background-position: -192px -90px;
    background-size: 300px;
}

.v-search .ep_header-search_btn:hover {
    background: #668CFF;
}

.v-search .ep_header-search_btn:active {
    background: #3D6DFF;
}

/*  language  */
.v-language {
    position: relative;
    margin-left: 20px;
}

.v-language .v-language_text {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.v-website .v-language i.v-ln_first {
    margin-right: 6px;
    width: 18px;
    height: 18px;
    background-position: -127px -97px;
}

.v-language .v-ln_word {
    display: flex;
}

.v-fixed .v-website .v-language .v-ln_last {
    margin-left: 6px;
    margin-right: 0px;
    width: 18px;
    height: 18px;
    background-position: -107px -97px;
}

.v-language .droplist {
    display: none;
}

.v-language .v-language_list {
    position: absolute;
    background: #fff;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.12);
    top: 48px;
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    padding: 0 20px;
    box-sizing: border-box;
    width: 104px;
    left: 50%;
    transform: translate(-50%, 0%);
}

.v-language .v-language_list:before {
    content: '';
    display: block;
    border: 10px solid #fff;
    width: 0px;
    border-color: transparent;
    border-bottom-color: #fff;
    top: -19px;
    left: 50%;
    position: absolute;
    transform: translate(-50%, 0%);
}

.v-language .v-language_list span {
    line-height: 20px;
    padding: 18px 0;
    border-bottom: 1px solid #F3F3F3;
    text-align: center;
    cursor: pointer;
}

.app .vjs-waiting .vjs-loading-spinner {
    margin: -25px 0 0 -25px;
}

.small-fixed {
    width: 160px;
    background: #8fbaef;
    border-radius: 0 20px 20px 0;
    position: fixed;
    top: 31.41%;
    left: -123px;
    z-index: 99;
    transition: left 0.3s ease-in-out;
}

.small-fixed.open {
    left: 0;
}

.small-fixed .small_btn {
    height: 36px;
    line-height: 36px;
    padding-left: 15px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
    outline: none;
}

.small-fixed .small_btn span {
    color: #fff;
    font-size: 14px;
    font-family: PingFang SC;
}

.small-fixed .small_btn i {
    background: url("/images/vc-sprite.png");
    background-position: -170px -94px;
    background-size: 300px;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 12px;
}

.small-fixed .small_list {
    padding: 0 15px 0px;
    height: 0;
    overflow: hidden;
}

.small-fixed .small_list .sitem {
    width: 130px;
    height: 64px;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    background: #eee;
    margin-bottom: 8px;
}

.small-fixed .small_list .sitem_bg {
    width: 100%;
    height: 100%;
    display: flex;
}

.small-fixed .small_list .sitem_bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.small-fixed .small_list .sitem_play {
    width: 38px;
    height: 38px;
    z-index: 8;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0.5;
}

.small-fixed .small_list .sitem_play:after {
    content: '';
    display: inline-block;
    width: 0;
    border-top: 10px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 16px solid #fff;
    position: absolute;
    top: 50%;
    left: 72%;
    transform: translate(-50%, -50%);
}

.small-fixed .small_list .sitem_time {
    position: absolute;
    bottom: 5px;
    right: 5px;
    padding: 0 2px;
    border-radius: 2px;
    color: hsla(0, 0%, 100%, 0.64);
    font-family: Roboto, HelveticaNeue, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0;
    text-align: left;
    background: #333;
}

.small-fixed .smore {
    font-size: '思源黑体';
    font-size: 10px;
    color: #fff;
    padding: 0 0px 4px;
    line-height: 20px;
}

.small-fixed.open .small_list {
    transition-delay: 0.6s;
    height: 243px;
}

.small-fixed.open .small_btn i {
    transform: rotate(180deg);
}

.share_float {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 115;
}

.share_float .share_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    cursor: pointer;
}

.share_float .share_cont {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 586px;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    padding: 0 30px 37px;
    box-sizing: border-box;
}

.share_float .share_top {
    height: 58px;
    line-height: 58px;
    position: relative;
    display: flex;
    margin-bottom: 10px;
    justify-content: space-between;
}

.share_float .share_top .share_tit {
    color: #4F4E4E;
    font-size: 20px;
    line-height: 54px;
    font-family: PingFang SC;
}

.share_float .share_top .share_close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    margin-right: -15px;
    cursor: pointer;
    background: url("/images/vc-sprite.png");
    background-size: 300px;
    background-position: -206px -80px;
}

.share_float .share_mid {
    position: relative;
    height: 80px;
    padding: 0 25px;
    box-sizing: border-box;
   
}

.share_float .share_mid .share_list {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.share_float .share_mid .share_scroll {
    display: flex;
    font-size: 0;
    transition: all 0.3s ease-in-out;
    justify-content:space-between;
}

.share_float .share_mid .share_cell {
    padding: 0 14px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    width: 86px;
    box-sizing: border-box;
    flex-shrink: 0;
    cursor: pointer;
    text-decoration: none;
}

.share_float .share_mid .share_cell .icon {
    width: 55px;
    height: 55px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 6px;
    background: url("/images/vc-sprite.png") no-repeat -3px -180px;
    background-size: 300px;
    border-radius:50%;
}
.share_float .share_mid .share_cell .icon:hover{
    box-shadow: 0 2px 6px rgba(0,0,0,.25);
}

.share_float .share_mid .share_cell .icon.wa {
    background-position: -3px -180px;
}

.share_float .share_mid .share_cell .icon.fb {
    background-position: -185px -235px;
}

.share_float .share_mid .share_cell .icon.tw {
    background-position: -124px -177px;
}

.share_float .share_mid .share_cell .icon.em {
    background-position: -64px -237px;
}

.share_float .share_mid .share_cell .icon.li {
    background-position: -241px -204px;
}

.share_float .share_mid .share_cell .icon.tk {
    background-position: -185px -175px;
}

.share_float .share_mid .share_cell .icon.it {
    background-position: -63px -179px;
}

.share_float .share_mid .share_cell .icon.yt {
    background-position: -124px -236px;
}

.share_float .share_mid .share_cell .text {
    color: #4F4E4E;
    font-size: 12px;
    font-family: PingFang SC;
    text-align: center;
    line-height: 17px;
    text-transform:capitalize;
}

.share_float .share_mid .share_prev {
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translate(0%, -50%);
    display: flex;
    width: 32px;
    height: 32px;
    background: #cdcdcd;
    cursor: pointer;
    border-radius: 50%;
}

.share_float .share_mid .share_prev:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 18px;
    height: 20px;
    background: url("/images/vc-sprite.png");
    background-size: 300px;
    background-position: -177px -124px;
}

.share_float .share_mid .share_next {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translate(0%, -50%);
    display: flex;
    width: 32px;
    height: 32px;
    background: #cdcdcd;
    cursor: pointer;
    border-radius: 50%;
}

.share_float .share_mid .share_next:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 18px;
    height: 20px;
    background: url("/images/vc-sprite.png");
    background-size: 300px;
    background-position: -194px -124px;
}

.share_float .share_mid .share_next:active,
.share_float .share_mid .share_prev:active {
    background: #527DFF;
}

.share_float .share_bot {
    margin-top: 30px;
    border: 1px solid #527DFF;
    border-radius: 30px;
    padding: 6px;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}

.share_float .share_bot input {
    border: none;
    color: #666666;
    font-size: 14px;
    font-family: PingFang SC;
    padding-left: 10px;
    width: 100%;
    box-sizing: border-box;
    outline: none;
    overflow: hidden;
    text-overflow: ellipsis;
}

.share_float .share_bot button {
    width: 114px;
    height: 42px;
    line-height: 42px;
    color: #fff;
    border: none;
    background: #527DFF;
    border-radius: 20px;
    flex-shrink: 0;
    cursor: pointer;
}

.share_float .share_bot button:hover {
    background: #668CFF;
}

.share_float .share_bot button:active {
    background: #3D6DFF;
}

/* --- 补充 --- */
/*抽屉*/
.v-content-drawer {
    width: 240px;
    flex-shrink: 0;
    height: 100%;
    background: #1a1a1a;
    box-shadow: 0px 4px 16px 1px rgba(0, 0, 0, 0.16);
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    border: 1px solid rgba(0, 0, 0, 0);
    overflow: auto;
    transition: all 0.3s ease-in-out;
    margin-left: -400px;
    padding: 44px 0;
    box-sizing: border-box;
    position: relative;
}

.v-content-drawer.showDrawer {
    margin-left: 0;
}

.v-goback a .white-logo {
    display: none;
}

@media (prefers-color-scheme: light) {
    .v-goback a img {
        display: none;
    }

    .v-goback a img.white-logo {
        display: block;
    }
}

/*扩展what app */
.white .vc-whatapp,
.vc-whatapp {
    display: inline-flex;
    justify-content: center;
    background: #01A884;
    border-radius: 20px;
    color: #ffffff;
    font-family: Roboto, HelveticaNeue, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 32px;
    padding: 0 15px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    align-items: center;
    transition: background ease-in-out 0.3s;
    margin-right: 10px;
}

.white .vc-whatapp:hover,
.vc-whatapp:hover {
    background: #3B8C7F;
}

.v-fixed .vc-whatapp i,
.vc-whatapp i {
    display: inline-flex;
    width: 14px;
    height: 14px;
    background: #fff;
    margin-right: 6px;
    background: url(//img.ecerimg.com/image/video/img_whatsapp_white.png?v=20240528) no-repeat !important;
    background-size: cover !important;
}

.vc-bigtxt {
    position: relative;
}

.vc-banner {
    width: 100%;
    height: 160px;
    background: #333;
    box-sizing: border-box;
    position: relative;
}

.vc-nav {
    width: 100%;
    height: 48px;
    padding: 0 40px;
    box-sizing: border-box;
    font-size: 0;
    background: #181818;
}

.vc-nav a {
    width: 100px;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    color: #ffffffa3;
    position: relative;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
}

.vc-nav a.active {
    font-weight: bold;
}

.vc-nav a.active:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: 0;
}

.vc-main {
    padding: 0 24px 30px;
}

.vc-company {
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
    padding: 50px 40px;
    box-sizing: border-box;
    background: url('//img.ecerimg.com/image/video/theme_img.jpeg?v=20240528') no-repeat center;
    background-size: cover;
}

.vc-company .vc-company-logo {
    width: 180px;
    height: 60px;
    display: inline-flex;
    margin-right: 16px;
    border-radius: 4px;
    background: #fff;
    align-items: center;
}

.vc-company .vc-company-logo img {
    max-width: 100%;
    max-height: 100%;
}

.vc-company .vc-company-loc {
    color: #ffffff;
    font-family: PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 4px;
}

.vc-company .vc-totalvideo {
    color: rgba(255, 255, 255, 0.8);
    font-family: PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.vc-icons {
    position: absolute;
    bottom: 16px;
    right: 24px;
    font-size: 0;
}

.vc-icons span,
.vc-icons a {
    color: #ffffff;
    font-family: PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    text-transform: capitalize;
    margin-left: 9px;
    display: inline-flex;
    align-items: center;
    background: rgba(0, 0, 0, 0.4);
    height: 28px;
    padding: 0 10px;
    border-radius: 4px;
}

.vc-icons span i,
.vc-icons a i {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 4px;
    background: url('/images/vc-sprite.png') no-repeat;
    background-size: 300px;
}

.vc-icons span.vc-quality i,
.vc-icons a.vc-quality i {
    background-position: -166px -9px;
}

.vc-icons span.vc-website i,
.vc-icons a.vc-website i {
    background-position: -194px -10px;
}

.vc-icons span.vc-verified i,
.vc-icons a.vc-verified i {
    background-position: -166px -42px;
}

.vc-icons span.vc-vr i,
.vc-icons a.vc-vr i {
    background-position: -194px -42px;
}

.vc-icons span.vc-product i,
.vc-icons a.vc-product i {
    background-position: -222px -42px;
}

.foreback {
    width: 100%;
    height: 100%;
    position: relative;
}

.endback {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.imgCover:hover .endback {
    opacity: 1;
}

.vc-big-videobox {
    /*display: flex;*/
    padding-top: 24px;
    padding-bottom: 24px;
    margin-bottom: 32px;
}

.vc-big-videobox .vc-bigv {
    width: 100%;
    height: 0px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    margin-bottom: 15px;
    padding-bottom: 56.25%;
    position: relative;
    overflow: hidden;
    border-radius: 16px;
}

.vc-big-videobox .vc-bigvwrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.vc-big-videobox .v-website {
    font-size: 0;
}

.vc-big-videobox .vc-btxt-title {
    width: 100%;
    color: #ffffff;
    font-family: PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    text-align: left;
    margin-bottom: 14px;
    margin-top: 0;
}

.vc-big-videobox .vc-txt-wrap {
    position: relative;
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:10px;
}
.vc-big-videobox .vc-txt-wrap .vc-datas{
    display:flex;
    align-items:center;
    flex:1;
}

.vc-big-videobox .vc-txt-fix {
    width: 290px;
    height: 100%;
}

.vc-big-videobox .vc-txt-fix .chatnow ,
.vc-big-videobox .vc-txt-fix .sharebtn{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width:120px;
    height: 32px;
    padding:0 10px;
    border-radius: 20px;
    font: 400 14px/32px  PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    cursor: pointer;
    text-decoration: none;
    transition:all .2s;
}

.vc-big-videobox .vc-txt-fix .chatnow {
    background: #4bcd65;
    color: #fff;
    margin-right: 15px;
    margin-bottom:5px;
}
.vc-big-videobox .vc-txt-fix .sharebtn {
    background: #fff;
    color: #666;
    margin-right: 10px;
    white-space: nowrap;
    border: 1px solid #666666;
    box-sizing: border-box;
}


.vc-big-videobox .vc-txt-fix .sharebtn:hover {
    color: #fff;
    background: #527dff;
    border-color: #527dff;
}

.vc-big-videobox .vc-txt-fix .sharebtn:hover i {
    background-position: -106px -124px;
}

.vc-big-videobox .vc-txt-fix .chatnow:hover{
    background:#42c55d!important;
    box-shadow: 0 2px 10px rgba(0,0, 0,.2);
}
.vc-big-videobox .vc-txt-fix a>span{
    max-width: 76px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.vc-big-videobox .vc-txt-fix a:hover {
    background: #036edc;
}

.vc-big-videobox .vc-txt-fix i {
    display: inline-flex;
    width: 14px;
    height: 14px;
    margin-right: 6px;
    background: url('/images/vc-sprite.png') no-repeat;
    background-size: 300px;
    background-position: -145px -13px;
    align-items: center;
    justify-content: center;
}

.vc-big-videobox .vc-icongroup {
    height: 38px;
    color: rgba(255, 255, 255, 0.64);
    font-family: PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items:center;
    margin-bottom: 0;
    margin-right: 20px;
}

.vc-big-videobox .vc-icongroup i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('/images/vc-sprite.png');
    background-size: 300px;
    background-position: -11px -69px;
    margin-right: 0;
}

.vc-big-videobox .vc-btxt-time {
    height: 38px;
    color: rgba(255, 255, 255, 0.64);
    font-family: PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    /*text-align: left;*/
     display: flex;
    align-items:center;
    margin-bottom: 0;
    /*float: left;*/
    margin-right: 20px;
}

.vc-big-videobox .vc-btxt-total {
    height: 38px;
    color: rgba(255, 255, 255, 0.64);
    font-family: PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
     display: flex;
    align-items:center;
    margin-bottom: 0;
}

.vc-big-videobox .vc-txt-fix .chatnow i {
    width: 18px;
    height: 18px;
    background-position: -134px -69px;
}

.vc-big-videobox .vc-txt-fix .sharebtn i {
    width: 18px;
    height: 18px;
    background-position: -106px -147px;
}

.vc-big-videobox .vc-btxt-time i {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url('/images/vc-sprite.png');
    background-size: 300px;
    background-position: -32px -69px;
    margin-right: 5px;
}

.vc-big-videobox .vc-btxt-total i {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url("/images/vc-sprite.png");
    margin-right: 5px;
    background-size: 300px;
    background-position: -132px -123px;
}

/*文本追随*/
/** 必须设置flex布局撑开容器， ** 否则content的before元素高度calc(100% - 18px)不会生效 */
.vc-btxt-cont {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    max-height: 60px;
}

.vc-richtext-content {
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-family: PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
}

/*撑开高度，确保icon-1位于文本右下方*/
.vc-richtext-content::before {
    content: '';
    display: block;
    float: right;
    width: 0px;
    height: 40px;
}

/*用于文本未超出时遮挡icon-1*/
.vc-richtext-content::after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #323232;
}

/*文本超出后显示的图标*/
.icon-prevlink,
.icon-nextlink {
    height: 20px;
    line-height: 20px;
    color: #557bff;
    font-size: 14px;
    font-family: PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    font-weight: 400;
    background-size: cover;
    background: transparent;
    text-decoration: underline;
    transform: translateY(0px);
}
.icon-prevlink{
    display: block;
    float: right;
    clear: both;
    margin-left: 8px;
}
.icon-prevlink:hover{
    color:#3359dd;
}

/*文本未超出时显示的图标*/
.icon-nextlink {
    display: inline-block;
   /* height: 20px;
    line-height: 20px;
    color: #557bff;
    font-size: 14px;
    font-family: PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    font-weight: 400;*/
    position: relative;
    /*background-size: cover;*/
    margin-left: 2px;
    /*transform: translateY(0px);*/
    /*background: transparent;*/
    /*text-decoration: underline;*/
}

/*文本未超出，且文本恰巧在某行末尾结束，遮挡处于正下方的icon-1*/
.icon-nextlink::after {
    content: '';
    position: absolute;
    background: transparent;
    left: 0px;
    bottom: -40px;
    height: 40px;
    width: 40px;
}

/*文本追随*/
.vc-big-videobox .vc-btxt-link {
    margin-top: 13px;
    text-decoration: none;
    /* learn more */
    color: rgba(255, 255, 255, 0.64);
    font-family: PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    display: block;
    text-transform: uppercase;
}

.vc-links {
    font-size: 0;
    margin-bottom: 10px;
}

.vc-links span,
.vc-links h2,
.vc-links a {
    height: 24px;
    background:transparent;
    color:#527dff; 
    border-radius: 12px;
    display: inline-block;
    text-align: center;
    line-height: 24px;
    text-decoration: none;
    padding:0;
    margin-right: 8px;
    margin-bottom: 6px;
    margin-top: 0;
    font-size: 14px;
    font-weight: 400;
}
.vc-links span:hover,
.vc-links a:hover{
    color:#3B65E5;
}

.video-js {
  width: 100%;
  height: 100%;
}
/* 视频内推产品浮窗  */
.v-ts-send {
    position: absolute;
    bottom: 62px;
    left: -100%;
    z-index: 9;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

.v-ts-send.show {
    left: 20px;
}

.v-ts-send:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
}

.v-ts_wrap {
    background: transparent;
    padding: 6px;
    border-radius: 12px;
    color: #333;
    display: flex;
    z-index: 9;
    position: relative;
}

.v-ts-send .v-ts_img {
    width: 44px;
    height: 44px;
    display: flex;
    flex-shrink: 0;
    margin-right: 14px;
}

.v-ts-send .v-ts_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.v-ts-send .v-ts_tit {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    height: 21px;
    font-size: 12px;
    line-height: 21px;
    margin-bottom: 5px;
    width: 132px;
    color: #fff;
}

.v-ts-send .v-ts_bts {
    display: flex;
}

.v-ts-send .v-ts_bts i {
    display: inline-flex;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: url("/images/vc-sprite.png") no-repeat;
    background-size: 300px;
    background-position: -136px -70px;
    margin-top: -2px;
}

.v-ts-send .v-ts_bts .chatnow {
    display: inline-flex;
    justify-content: center;
    background: #4bcd65 !important;
    border-radius: 20px;
    color: #ffffff;
    font-family: PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    width: 110px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    align-items: center;
    transition: background ease-in-out 0.3s;
    width: 100px;
    white-space: nowrap;
}

.v-ts-send .v-ts_bts .chatnow:hover {
    background: #64CE79;
}

.v-ts-send .v-ts_bts .chatnow:active {
    background: #34CC52;
}

.v-ts_close {
    margin-left: 14px;
    width: 18px;
    height: 20px;
    position: relative;
    margin-right: 0px;
    cursor: pointer;
}

.v-ts_close i {
    content: "";
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    margin-right: -15px;
    cursor: pointer;
    background: url("/images/vc-sprite.png");
    background-position: -227px -127px;
    background-size: 300px;
}

/* 视频内单个视频播放  */
.v-next-box {
    width: 240px;
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 20;
}

.v-next-video {
    width: 240px;
    background: #00000080;
    padding: 13px;
    box-sizing: border-box;
    border-radius: 8px;
}

.v-next-box .v-next-timeclock {
    text-align: center;
    margin-bottom: 10px;
}

.v-next-video .v-next_img {
    width: 214px;
    height: 128px;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
    margin-bottom: 7px;
}

.v-next-video .v-next_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.v-next-video .v-next_time {
    position: absolute;
    bottom: 5px;
    right: 5px;
    padding: 0 2px;
    border-radius: 2px;
    color: rgba(255, 255, 255, 0.64);
    font-family: PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0px;
    text-align: left;
    background: #333;
    display: block;
}

.v-next-video .v-next_tit {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.v-next-video .v-next_tag {
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;
    line-height: 21px;
}

.v-next_btns {
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
}

.btn_cancel {
    display: inline-flex;
    justify-content: center;
    background: transparent;
    border-radius: 20px;
    color: #ffffff;
    font-family: PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    width: 102px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    align-items: center;
    transition: background ease-in-out 0.3s;
    white-space: nowrap;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
}

.btn_play {
    display: inline-flex;
    justify-content: center;
    background: #4BCD65;
    border-radius: 20px;
    color: #ffffff;
    font-family: PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    width: 102px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    align-items: center;
    transition: background ease-in-out 0.3s;
    white-space: nowrap;
}

.v-next-video .btn_play:hover {
    background: #64CE79;
}

.v-next-video .btn_play:active {
    background: #34CC52;
}

/* 视频内视频播放列表播放  */
.v-prevideo-box .v-next_btns {
    width: 214px;
    margin: 12px auto 0;
}

.v-prevideo-box {
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    z-index: 12;
    width: 596px;
}

.v-next-timeclock {
    color: #fff;
}

.v-prevideo-list {
    padding: 13px;
    box-sizing: border-box;
    border-radius: 8px;
    z-index: 12;
    display: flex;
    flex-wrap: wrap;
    width: 596px;
}

.v-prevideo-list .v-pre_cell {
    background: #00000080;
    width: 170px;
    height: 145px;
    margin: 0 10px 10px;
    border-radius: 8px;
    padding: 9px;
    box-sizing: border-box;
    cursor: pointer;
}

.v-prevideo-list .v-pre_cell .v-pre_img {
    width: 152px;
    height: 91px;
    overflow: hidden;
    position: relative;
    margin-bottom: 4px;
    border-radius: 8px;
}

.v-prevideo-list .v-pre_cell img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.v-prevideo-list .v-pre_cell .v-pre_time {
    position: absolute;
    bottom: 5px;
    right: 5px;
    padding: 0 2px;
    border-radius: 2px;
    color: rgba(255, 255, 255, 0.64);
    font-family: PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0px;
    text-align: left;
    background: #333;
    display: block;
}

.v-prevideo-list .v-pre_cell .v-pre_tit {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
}

/*.video-js .vjs-big-play-button {*/
/*    width: 2em;*/
/*    height: 2em;*/
/*    line-height: 2em;*/
/*    border: none;*/
/*    border-radius: 50%;*/
/*    background-color: transparent !important;*/
/*}*/

/*.video-js .vjs-big-play-button .vjs-icon-placeholder:before {*/
/*    color: #3ca860;*/
/*}*/

/*.vjs-big-play-centered .vjs-big-play-button {*/
/*    margin-left: 0;*/
/*    margin-top: 0;*/
/*    transform: translateX(-50%) translateY(-50%);*/
/*}*/

/*.video-js:hover .vjs-big-play-button {*/
/*    background-color: #fff;*/
/*}*/

/* 播放音量控件 */
/*.vjs-volume-bar.vjs-slider-horizontal {*/
/*    height: 0.5em;*/
/*}*/

/*.vjs-slider-horizontal .vjs-volume-level {*/
/*    height: 0.5em;*/
/*    background-color: #3ca860;*/
/*}*/

/* 播放进度条 */
/*.video-js .vjs-progress-holder {*/
/*    height: 0.5em;*/
/*}*/

/*.video-js .vjs-play-progress {*/
/*    background-color: #3ca860;*/
/*}*/

/* 播放时间显示 */
/*.video-js .vjs-current-time,*/
/*.vjs-no-flex .vjs-current-time {*/
/*    display: block;*/
/*}*/

/*.video-js .vjs-duration,*/
/*.vjs-no-flex .vjs-duration {*/
/*    display: block;*/
/*}*/

/*.video-js .vjs-time-control {*/
/*    min-width: auto;*/
/*    padding: 0 5px;*/
/*}*/

/*.vjs-time-divider {*/
/*    display: block;*/
/*}*/

/*.vjs-paused .vjs-big-play-button {*/
/*    display: block;*/
/*}*/

/*.video-js .vjs-play-progress .vjs-time-tooltip {*/
/*    display: none !important;*/
/*}*/

/*.white .video-js .vjs-control-bar {*/
/*    display: flex !important;*/
/*}*/

/*.vjs-mouse-display .vjs-volume-tooltip {*/
/*    display: none;*/
/*}*/

/*.video-js .vjs-volume-control .vjs-mouse-display {*/
/*    display: none !important;*/
/*}*/

.video-wrap {
    width: 100%;
    height: 100%;
    position: relative;
    background-color:#000;
}

.v-content {
    background: #333333;
}

.v-content-aside {
    width: 440px;
    flex-shrink: 0;
    /*height: 100%;*/
    padding:24px 20px 0 0;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    border: 1px solid rgba(0, 0, 0, 0);
    overflow: auto;
    transition: all 0.3s ease-in-out;
    box-sizing: border-box;
    position: relative;
    background: #1a1a1a;
}
.v-videobox-aside-content{
    height:100%;
    display:flex;
    flex-direction:column;
     /*padding: 24px 20px 24px 0px;*/
}

.v-videobox-aside {
    flex:1;
    padding: 18px 16px 16px;
    border-radius: 12px;
}

.v-videobox-aside .v-small-item {
    display: flex;
    margin-bottom: 20px;
    text-decoration: none;
}

.v-content-aside .vc-small {
    width: 208px;
    height: 117px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    margin-right: 12px;
    background: #eee;
    overflow: hidden;
    border-radius: 10px;
}

.v-content-aside .vc-small .imgCover {
    width: 208px;
    height: 117px;
    position: relative;
}

.v-content-aside .vc-small .imgCover img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.v-content-aside .vc-small .imgCover .tickClock {
    position: absolute;
    bottom: 5px;
    right: 5px;
    padding: 0 2px;
    border-radius: 2px;
    color: rgba(255, 255, 255, 0.64);
    font-family: PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0px;
    text-align: left;
    background: #333;
}

.v-content-aside .vc-stxt-title {
    width: 100%;
    font-family: PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    margin-bottom: 0px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-top: 0;
    -webkit-line-clamp: 4;
    overflow: hidden;
    margin-bottom: 8px;
}
.v-content-aside .vc-stxt-title:hover{
    color:#5E5E5E;
}

.v-content-aside .vc-stxt-group {
    height: 15px;
    font-family: PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    text-align: left;
    /*display: flex;*/
    color: rgba(255, 255, 255, 0.64);
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    margin-bottom: 4px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.v-content-aside .vc-stxt-group i {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url('/images/vc-sprite.png');
    background-size: 300px;
    background-position: -11px -72px;
    margin-right: 5px;
    float: left;
}

.v-content-aside .vc-stxt-time {
    height: 15px;
    font-family: PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    text-align: left;
    display: flex;
    color: rgba(255, 255, 255, 0.64);
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
}

.v-content-aside .vc-stxt-time i {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url('/images/vc-sprite.png');
    background-size: 300px;
    background-position: -32px -72px;
    margin-right: 5px;
}

.vc-group-title {
    color: #fff;
    font-size: 18px;
    margin-bottom: 13px;
    font-family: PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
}

.v-prod-send {
    /*height:134px;*/
    background: rgba(255, 255, 255, 0.12);
    padding: 16px;
    border-radius: 12px;
    color: #fff;
    margin-bottom: 20px;
    display: flex;
    margin-left: 0;
}
.v-prod-send .v-prod_txt{
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.v-prod-send .v-prod_img {
    width: 102px;
    height: 102px;
    display: flex;
    flex-shrink: 0;
    margin-right: 8px;
    background-color:#fff;
    border-radius:6px;
}

.v-prod-send .v-prod_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.v-prod-send .v-prod_tit {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 27px;
}

.v-prod-send .v-prod_bts {
    /*display: flex;*/
    /*justify-content:space-between;*/
    /*display: grid;*/
    /*grid-template-columns: repeat(auto-fill);*/
    /*grid-gap: 8px 0;*/
    /*justify-items: center;*/
    /*justify-content: space-between;*/
}

.v-prod-send .v-prod_bts a {
    display: inline-flex;
    justify-content: center;
    background: #007cfc;
    border-radius: 20px;
    color: #ffffff;
    font-family: PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    width: 110px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    align-items: center;
    transition: background ease-in-out 0.3s;
}

.v-prod-send .v-prod_bts i {
    display: inline-flex;
    width: 14px;
    height: 14px;
    background: #fff;
    margin-right: 6px;
    background: url('/images/vc-sprite.png') no-repeat;
    background-size: 300px;
    background-position: -145px -13px;
}

/*.v-prod-send .v-prod_bts .chatnow {*/
/*    width: 120px;*/
/*    height: 32px;*/
/*    display: inline-flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    background: #4bcd65;*/
/*    border-radius: 20px;*/
/*    color: #ffffff;*/
/*    font-size: 14px/400 PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;*/
/*    cursor: pointer;*/
/*    text-decoration: none;*/
/*    transition: background ease-in-out 0.3s;*/
/*    margin-right: 10px;*/
/*    white-space: nowrap;*/
/*    transition:all .2s;*/
/*}*/
.v-prod-send .v-prod_bts .chatnow,
.v-prod-send .v-prod_bts .learnmore  {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    /*width: 120px;*/
    padding:0 10px;
    height: 32px;
    border-radius: 20px;
    font-size: 14px/400 PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    cursor: pointer;
    text-decoration: none;
    transition: background ease-in-out 0.3s;
    white-space: nowrap;
    transition:all .2s;
    margin-bottom:5px;
}
.v-prod-send .v-prod_bts .chatnow{
    background: #4bcd65;
    color: #fff;
    margin-right: 10px;
    float:left;
}
.v-prod-send .v-prod_bts .learnmore {
    background: #fff;
    color: #666;
    margin-right: 0;
    border: 1px solid #666;
    box-sizing: border-box;
}

.v-prod-send .v-prod_bts a>span{
    max-width: 76px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.v-prod-send .v-prod_bts .chatnow:hover {
    background:#42c55d;
    box-shadow: 0 2px 10px rgba(0,0, 0,.2);
}

/*.v-prod-send .v-prod_bts .learnmore {*/
/*    display: inline-flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    background: #fff;*/
/*    border-radius: 20px;*/
/*    color: #666666;*/
/*    font: 14px/400 PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;*/
/*    width: 120px;*/
/*    height: 32px;*/
/*    cursor: pointer;*/
/*    text-decoration: none;*/
/*    transition: background ease-in-out 0.3s;*/
/*    margin-right: 0;*/
/*    white-space: nowrap;*/
/*    border: 1px solid #666666;*/
/*    box-sizing: border-box;*/
/*}*/

.v-prod-send .v-prod_bts .learnmore i {
    display: inline-flex;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: url("/images/vc-sprite.png") no-repeat;
    background-size: 300px;
    background-position: -73px -127px;
}

.v-prod-send .v-prod_bts .learnmore:hover {
    color: #527dff !important;
    border-color: #527dff;
}

.v-prod-send .v-prod_bts .learnmore:hover i {
    background-size: 300px;
    background-position: -73px -146px;
}

.v-prod-send .v-prod_bts .chatnow i {
    width: 18px;
    height: 18px;
    background-position: -134px -69px;
}

.vc-message {
    margin-top: 30px;
}

.vc-message .vc-message-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 12px;
    border-bottom: 1px solid #cecece;
    border-bottom: 1px solid rgba(255, 255, 255, 0.22);
}

.vc-message .vc-message-head .ms-title {
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    font-family: PingFang SC;
    line-height: 22px;
}

.vc-message .vc-message-head .ms-leave-message {
    color: #4bcd65;
    font-size: 14px;
    font-family: PingFang SC;
    display: inline-flex;
    align-items: center;
    line-height: 22px;
    cursor: pointer;
}
.vc-message .vc-message-head .ms-leave-message:hover{
    color:#20A43A;
}

.vc-message .vc-message-head .ms-leave-message i {
    display: inline-flex;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: url("/images/vc-sprite.png") no-repeat;
    background-size: 300px;
    background-position: -181px -147px;
}

.vc-message .vc-message-list {
    margin-top: 20px;
}

.vc-message .vc-message-cell {
    display: flex;
    align-items: flex-start;
    padding-bottom: 8px;
}

.vc-message .cell__avator {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 1px solid #ff6200;
    overflow: hidden;
    margin-right: 10px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    text-transform: uppercase;
    background: #ff6200;
    color: #fff;
}

.vc-message .cell__avator img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.vc-message .cell__top {
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    height: 20px;
}

.vc-message .cell__name {
    color: rgba(255, 255, 255);
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    /*max-width: 100px;*/
    overflow: hidden;
    text-overflow: ellipsis;
}

.vc-message .cell__contry {
    color: rgba(255, 255, 255, 0.64);
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-left: 34px;
}

.vc-message .cell__time {
    color: rgba(255, 255, 255, 0.64);
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-left: 10px;
}

.vc-message .cell__txt {
    color: #fff;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.vc-message .cell__repeat {
    padding-top: 21px;
}

.vc-message .cell__repeat .vc-message-cell {
    padding-bottom: 12px;
}

.vc-message .cell__repeat .vc-message-cell .cell__repeat {
    padding-top: 0rem;
}

.vc-message .cell__repeat .vc-message-cell .cell__avator {
    width: 30px;
    height: 30px;
    background: #ff9e43;
    border-color: #ff9e43;
    font-size: 16px;
}

.vc-message-none {
    color: #666666;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-top: 16px;
}

.vc-message-loading {
    margin-top: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.vc-message-loading img {
    width: 60px;
    height: 50px;
}

/* product_videodetail_widget */
/*导航*/
.videoapp .header_99704_101V2 .wrap-rule {
    min-width: 1270px;
    width:100%;
    padding:0 24px!important;
}
.videoapp .header_99704_101V2 .logo{
    left:24px;
}
/* --- 公共部分，头部、侧栏、主体结构 --- */
/* 监听操作系统主题模式 */
@media (prefers-color-scheme: light) {
    .white .v-fixed {
        background: #fff;
        border-bottom: 1px solid #f3f3f3;
        z-index: 100;
    }

    .white .v-content-drawer {
        background: #fff;
        border-right: 1px solid #e7f3ea;
    }

    .white .v-drawer-aside a {
        color: #111111;
    }

    .white .v-drawer-aside a.active {
        background: #e7f3ea;
    }

    .white .v-drawer-aside a:hover {
        background: #e7f3ea;
    }

    .white .vc-nav {
        background: #fff;
    }

    .white .vc-nav a {
        color: #777;
    }

    .white .vc-nav a.active {
        color: #3CA860;
    }

    .white .vc-nav a.active:after {
        background: #3CA860;
    }

    .white .v-content {
        background: #F4F6F9;
    }

    .white .vc-big-videobox .vc-btxt-title,
    .white .vc-big-videobox .vc-btxt-title a {
        color: #111;
    }

    .white .vc-big-videobox .vc-btxt-time,
    .white .vc-big-videobox .vc-btxt-total {
        color: #777;
    }
    
    .white .vc-big-videobox .vc-btxt-cont,
    .white .vc-big-videobox .vc-richtext,
    .white .vc-big-videobox .vc-icongroup {
        color: #777;
    }

    .white .vc-big-videobox .vc-btxt-link {
        color: #3CA860;
    }

    .white .vc-big-videobox .vc-icongroup i,
    .white .v-drawer-aside a i,
    .white .vc-icons span i,
    .white .vc-icons a i,
    .white .vc-big-videobox .vc-btxt-time i,
    .white .v-goback span i,
    .white .v-fixed .v-website i,
    .white .v-drawer-aside a i,
    .white .vc-icons span i,
    .white .vc-icons a i,
    .white .vc-big-videobox .vc-btxt-time i,
    .white .v-content-aside .vc-stxt-group i,
    .white .v-content-aside .vc-stxt-time i {
        background-image: url("/images/vc-sprite.png");
    }

    .white .vc-links span {
        /*background: #dddddd;*/
        /*color: #111111;*/
        color:#527dff;
    }

    .white .v-content-aside {
        background: #F4F6F9;
    }

    .white .v-videobox-aside {
        background: #fff;
    }

    .white .v-content-aside .vc-stxt-title {
        color: #111111;
    }
    .white .v-content-aside .vc-stxt-title:hover{
        
    }

    .white .v-content-aside .vc-group-title {
        color: #111;
    }

    .white .v-content-aside .vc-stxt-group,
    .white .v-content-aside .vc-stxt-time {
        color: #777777;
    }

    .white .v-content-drawer.showDrawerDetail {
        background: #fff;
    }

    .white .vc-links span,
    .white .vc-links h2,
    .white .vc-links a {
        /*background: rgba(255, 255, 255, 0.12);*/
        color: #527dff;
        border:none;
        padding:0;
    }

    .white .v-prod-send {
        background: #fff;
        color: #333;
        margin-left: 0px;
    }

    .white .v-prod-send .v-prod_tit {
        background: #fff;
    }

    .white .v-prod-send .v-prod_bts .learnmore {
        background: #fff;
        color: #666666;
    }

    .white .vc-message .cell__name {
        color: #333333;
    }

    .white .vc-message .cell__contry,
    .white .vc-message .cell__time {
        color: #999999;
    }

    .white .vc-message .cell__txt {
        color: #666666;
    }

    .white .vc-group-title {
        color: #111;
    }

    .white .vc-message .vc-message-head .ms-title {
        color: #333;
    }

    .white .vc-message .vc-message-head {
        border-bottom: 1px solid #cecece;
    }

    .white .icon-prevlink,
    .white .icon-nextlink{
        background: #f4f6f9;
        color: #557bff;
    }

    .white .vc-richtext-content {
        color: #111;
    }

    .white .v-content-topwrap {
        background: #f4f6f9;
    }
}

/* 主体结构 */
html,
body{
    position: relative;
    /*font-size: 14px;*/
    margin: 0px;
    padding: 0px;
    height:100%;
    /*background: #f4f6f9; */
}
.app {
    width: 100%;
    height: 100%;
    position: relative;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    background: #f4f6f9;
}

.v-main {
    width: 100%;
    height: 100%;
    position: relative;
    padding-top: 64px;
    box-sizing: border-box;
}

.v-wrap {
    position: relative;
    height: 100%;
    padding-left: 100px;
    box-sizing: border-box;
    width: 100%;
    background: #F3F4F5;
}

.v-content {
    position: relative;
    background: #0f0f0f;
    width: 100%;
    height: 100%;
    /*padding: 30px 40px;*/
    box-sizing: border-box;
    overflow: auto;
    /*padding-top: 2px;*/
}

.v-content::-webkit-scrollbar {
    display: none;
    scrollbar-width: none;
}

.v-content-aside::-webkit-scrollbar {
    display: none;
    scrollbar-width: none;
}

.v-content_full {
    display: flex;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 12px 12px 12px 12px;
}

.v-content_half {
    width: 49%;
    background: #fff;
    border-radius: 12px 12px 12px 12px;
}

/*吸顶*/
.v-goback {
    display: inline-flex;
    cursor: pointer;
    color: #fff;
}

.v-goback span {
    font-size: 18px;
    /*margin-right: 10px;*/
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    width: 44px;
    height: 56px;
}

.v-goback a {
    line-height: 56px;
    font-size: 0;
    display: flex;
    align-items: center;
}

.v-goback a img {
    max-width: 116px;
    height: 100%;
}

.v-goback span i {
    width: 32px;
    height: 32px;
    display: inline-block;
    background: url('/images/vc-sprite.png');
    background-size: 300px;
    background-position: -252px -3px;
}

.v-goback span i.hide {
    background-position: -251px -35px;
}

.v-goback a {
    line-height: 56px;
}

.v-goback:hover {
    color: #2852E9;
}

.v-goback:hover i {
    color: #2852E9;
}

.v-fixed {
    width: 100%;
    height: 56px;
    background: #1a1a1a;
    /*box-shadow: 0px 1px 0px 1px #494949;*/
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    padding: 0 28px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #404040;
    z-index: 100;
}

.v-fixed .v-website {
    display: inline-flex;
    align-items: center;
}

.v-fixed .v-website a {
    display: inline-flex;
    justify-content: center;
    background: #527DFF;
    border-radius: 20px;
    color: #fff;
    font: 400 14px/32px Roboto, HelveticaNeue, Arial, sans-serif;
    width: 140px;
    height: 32px;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    align-items: center;
    transition: background ease-in-out 0.3s;
}

.v-fixed .v-website a:hover {
    background: #668CFF;
}

.v-fixed .v-website a:active {
    background: #3D6DFF;
}

.v-fixed .v-website .chatnow {
    display: inline-flex;
    justify-content: center;
    background: #4BCD65;
    border-radius: 20px;
    color: #fff;
    font: 400 14px/32px Roboto, HelveticaNeue, Arial, sans-serif;
    width: 120px;
    height: 32px;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    align-items: center;
    transition: background ease-in-out 0.3s;
    margin-right: 20px;
    white-space: nowrap;
}

.v-fixed .v-website .chatnow:hover {
    background: #64CE79;
}

.v-fixed .v-website .chatnow:active {
    background: #34CC52;
}

.v-fixed .v-website i {
    display: inline-flex;
    width: 14px;
    height: 14px;
    background: #fff;
    margin-right: 6px;
    background: url('/images/vc-sprite.png') no-repeat;
    background-size: 300px;
    background-position: -145px -13px;
}

.v-fixed .v-website .chatnow i {
    width: 18px;
    height: 18px;
    background-position: -134px -69px;
}

.v-content-topwrap {
    display: flex;
    height: 100%;
    /* padding-top: 56px; */
    box-sizing: border-box;
    overflow: hidden;
    background: #1a1a1a;
}

/*抽屉*/
.v-content-drawer.showDrawerDetail {
    width: 240px;
    flex-shrink: 0;
    height: calc(100% - 56px);
    background: #1a1a1a;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    border: 1px solid rgba(0, 0, 0, 0);
    overflow: auto;
    transition: all 0.3s ease-in-out;
    padding: 44px 0;
    box-sizing: border-box;
    position: absolute;
    top: 56px;
    left: 0;
    z-index: 99;
    transform: translate(-100%, 0);
}

.v-content-drawer.showDrawerDetail.show {
    transform: translate(0%, 0) !important;
}

.model-close {
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    opacity: 0.6;
    z-index: 99;
    display: none;
    cursor: pointer;
}

.v-drawer-aside a {
    text-decoration: none;
    color: #fff;
    font: 400 14px/44px Roboto, HelveticaNeue, Arial, sans-serif;
    letter-spacing: 0px;
    text-align: left;
    padding: 0 27px;
    height: 44px;
    display: flex;
    align-items: center;
}

.v-drawer-aside a i {
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 20px;
    background: url('/images/vc-sprite.png') no-repeat;
    background-size: 300px;
}

.v-drawer-aside a i.home {
    background-position: -8px -40px;
}

.v-drawer-aside a i.videos {
    background-position: -40px -40px;
}

.v-drawer-aside a i.playlist {
    background-position: -72px -40px;
}

.v-drawer-aside a i.aboutus {
    background-position: -104px -40px;
}

.v-drawer-aside a:hover {
    background: rgba(255, 255, 255, 0.12);
}

/*扩展what app */
.vc-whatapp {
    display: inline-flex;
    justify-content: center;
    background: #01A884;
    border-radius: 20px;
    color: #fff;
    font: 400 14px/32px Roboto, HelveticaNeue, Arial, sans-serif;
    height: 32px;
    padding: 0 15px;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    align-items: center;
    transition: background ease-in-out 0.3s;
    margin-right: 10px;
}

.vc-whatapp:hover {
    background: #3B8C7F;
}

.v-fixed .vc-whatapp i,
.vc-whatapp i {
    display: inline-flex;
    width: 14px;
    height: 14px;
    background: #fff;
    margin-right: 6px;
    background: url(//img.ecerimg.com/image/video/img_whatsapp_white.png?v=20240528) no-repeat;
    background-size: cover;
}

/*  search  */
.v-search {
    display: flex;
    align-items: center;
    margin-left: 74px;
}

.v-search .ep_header-xs {
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-radius: 20px;
    border: 1px solid #527DFF;
    font-size: 0;
}

.v-search .ep_header_wrap {
    padding: 4px 0 4px 15px;
    box-sizing: border-box;
    width: 335px;
    height: 32px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 20px 0 0 20px;
}

.v-search .ep_header-search_input {
    color: #333;
    font-size: 14px;
    border: none;
    padding: 0;
    outline: 0;
    width: 100%;
    background: #fff;
}

.v-search .ep_header-search_btn {
    display: inline-block;
    border: none;
    cursor: pointer;
    flex-shrink: 0;
    float: right;
    color: #fff;
    text-align: center;
    line-height: 26px;
    transition: background 0.3s ease-in-out;
    width: 80px;
    height: 32px;
    background: #527DFF;
    border-radius: 8px;
    border-radius: 0 20px 20px 0;
    font-size: 0;
    position: relative;
}

.v-search .ep_header-search_btn:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 26px;
    height: 32px;
    background: url("/images/vc-sprite.png");
    background-position: -192px -90px;
    background-size: 300px;
}

.v-search .ep_header-search_btn:hover {
    background: #668CFF;
}

.v-search .ep_header-search_btn:active {
    background: #3D6DFF;
}

/*  language  */
.v-language {
    position: relative;
    margin-left: 20px;
}

.v-language .v-language_text {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.v-website .v-language i.v-ln_first {
    margin-right: 6px;
    width: 18px;
    height: 18px;
    background-position: -127px -97px;
}

.v-language .v-ln_word {
    display: flex;
}

.v-fixed .v-website .v-language .v-ln_last {
    margin-left: 6px;
    margin-right: 0px;
    width: 18px;
    height: 18px;
    background-position: -107px -97px;
}

.v-language .droplist {
    display: none;
}

.v-language .v-language_list {
    position: absolute;
    background: #fff;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.12);
    top: 48px;
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    padding: 0 20px;
    box-sizing: border-box;
    width: 104px;
    left: 50%;
    transform: translate(-50%, 0%);
}

.v-language .v-language_list:before {
    content: '';
    display: block;
    border: 10px solid #fff;
    width: 0px;
    border-color: transparent;
    border-bottom-color: #fff;
    top: -19px;
    left: 50%;
    position: absolute;
    transform: translate(-50%, 0%);
}

.v-language .v-language_list span {
    line-height: 20px;
    padding: 18px 0;
    border-bottom: 1px solid #F3F3F3;
    text-align: center;
    cursor: pointer;
}

.app .vjs-waiting .vjs-loading-spinner {
    margin: -25px 0 0 -25px;
}

.small-fixed {
    width: 160px;
    background: #8fbaef;
    border-radius: 0 20px 20px 0;
    position: fixed;
    top: 31.41%;
    left: -123px;
    z-index: 99;
    transition: left 0.3s ease-in-out;
}

.small-fixed.open {
    left: 0;
}

.small-fixed .small_btn {
    height: 36px;
    line-height: 36px;
    padding-left: 15px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
    outline: none;
}

.small-fixed .small_btn span {
    color: #fff;
    font-size: 14px;
    font-family: PingFang SC;
}

.small-fixed .small_btn i {
    background: url("/images/vc-sprite.png");
    background-position: -170px -94px;
    background-size: 300px;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 12px;
}

.small-fixed .small_list {
    padding: 0 15px 0px;
    height: 0;
    overflow: hidden;
}

.small-fixed .small_list .sitem {
    width: 130px;
    height: 64px;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    background: #eee;
    margin-bottom: 8px;
}

.small-fixed .small_list .sitem_bg {
    width: 100%;
    height: 100%;
    display: flex;
}

.small-fixed .small_list .sitem_bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.small-fixed .small_list .sitem_play {
    width: 38px;
    height: 38px;
    z-index: 8;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0.5;
}

.small-fixed .small_list .sitem_play:after {
    content: '';
    display: inline-block;
    width: 0;
    border-top: 10px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 16px solid #fff;
    position: absolute;
    top: 50%;
    left: 72%;
    transform: translate(-50%, -50%);
}

.small-fixed .small_list .sitem_time {
    position: absolute;
    bottom: 5px;
    right: 5px;
    padding: 0 2px;
    border-radius: 2px;
    color: hsla(0, 0%, 100%, 0.64);
    font:400 12px/15px Roboto, HelveticaNeue, Arial, sans-serif;
    letter-spacing: 0;
    text-align: left;
    background: #333;
}

.small-fixed .smore {
    font:400 10px/20px '思源黑体';
    color: #fff;
    padding: 0 0px 4px;
}

.small-fixed.open .small_list {
    transition-delay: 0.6s;
    height: 243px;
}

.small-fixed.open .small_btn i {
    transform: rotate(180deg);
}

.share_float {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 115;
}

.share_float .share_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    cursor: pointer;
}

.share_float .share_cont {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 586px;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    padding: 0 30px 37px;
    box-sizing: border-box;
}

.share_float .share_top {
    height: 58px;
    line-height: 58px;
    position: relative;
    display: flex;
    margin-bottom: 10px;
    justify-content: space-between;
}

.share_float .share_top .share_tit {
    color: #4F4E4E;
    font:400 20px/54px PingFang SC;
}

.share_float .share_top .share_close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    margin-right: -15px;
    cursor: pointer;
    background: url("/images/vc-sprite.png");
    background-size: 300px;
    background-position: -206px -80px;
}

.share_float .share_mid {
    position: relative;
    height: 80px;
    padding: 0 25px;
    box-sizing: border-box;
   
}

.share_float .share_mid .share_list {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.share_float .share_mid .share_scroll {
    display: flex;
    font-size: 0;
    transition: all 0.3s ease-in-out;
    justify-content:space-between;
}

.share_float .share_mid .share_cell {
    padding: 0 14px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    width: 86px;
    box-sizing: border-box;
    flex-shrink: 0;
    cursor: pointer;
    text-decoration: none;
}

.share_float .share_mid .share_cell .icon {
    width: 55px;
    height: 55px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 6px;
    background: url("/images/vc-sprite.png") no-repeat -3px -180px;
    background-size: 300px;
    border-radius:50%;
}
.share_float .share_mid .share_cell .icon:hover{
    box-shadow: 0 2px 6px rgba(0,0,0,.25);
}

.share_float .share_mid .share_cell .icon.wa {
    background-position: -3px -180px;
}

.share_float .share_mid .share_cell .icon.fb {
    background-position: -185px -235px;
}

.share_float .share_mid .share_cell .icon.tw {
    background-position: -124px -177px;
}

.share_float .share_mid .share_cell .icon.em {
    background-position: -64px -237px;
}

.share_float .share_mid .share_cell .icon.li {
    background-position: -241px -204px;
}

.share_float .share_mid .share_cell .icon.tk {
    background-position: -185px -175px;
}

.share_float .share_mid .share_cell .icon.it {
    background-position: -63px -179px;
}

.share_float .share_mid .share_cell .icon.yt {
    background-position: -124px -236px;
}

.share_float .share_mid .share_cell .text {
    color: #4F4E4E;
    font:400 12px/17px PingFang SC;
    text-align: center;
    text-transform:capitalize;
}

.share_float .share_mid .share_prev {
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translate(0%, -50%);
    display: flex;
    width: 32px;
    height: 32px;
    background: #cdcdcd;
    cursor: pointer;
    border-radius: 50%;
}

.share_float .share_mid .share_prev:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 18px;
    height: 20px;
    background: url("/images/vc-sprite.png");
    background-size: 300px;
    background-position: -177px -124px;
}

.share_float .share_mid .share_next {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translate(0%, -50%);
    display: flex;
    width: 32px;
    height: 32px;
    background: #cdcdcd;
    cursor: pointer;
    border-radius: 50%;
}

.share_float .share_mid .share_next:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 18px;
    height: 20px;
    background: url("/images/vc-sprite.png");
    background-size: 300px;
    background-position: -194px -124px;
}

.share_float .share_mid .share_next:active,
.share_float .share_mid .share_prev:active {
    background: #527DFF;
}

.share_float .share_bot {
    margin-top: 30px;
    border: 1px solid #527DFF;
    border-radius: 30px;
    padding: 6px;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}

.share_float .share_bot input {
    border: none;
    color: #666;
    font-size: 14px;
    font-family: PingFang SC;
    padding-left: 10px;
    width: 100%;
    box-sizing: border-box;
    outline: none;
    overflow: hidden;
    text-overflow: ellipsis;
}

.share_float .share_bot button {
    width: 114px;
    height: 42px;
    line-height: 42px;
    color: #fff;
    border: none;
    background: #527DFF;
    border-radius: 20px;
    flex-shrink: 0;
    cursor: pointer;
}

.share_float .share_bot button:hover {
    background: #668CFF;
}

.share_float .share_bot button:active {
    background: #3D6DFF;
}

/* --- 补充 --- */
/*抽屉*/
.v-content-drawer {
    width: 240px;
    flex-shrink: 0;
    height: 100%;
    background: #1a1a1a;
    box-shadow: 0px 4px 16px 1px rgba(0, 0, 0, 0.16);
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    border: 1px solid rgba(0, 0, 0, 0);
    overflow: auto;
    transition: all 0.3s ease-in-out;
    margin-left: -400px;
    padding: 44px 0;
    box-sizing: border-box;
    position: relative;
}

.v-content-drawer.showDrawer {
    margin-left: 0;
}

.v-goback a .white-logo {
    display: none;
}

@media (prefers-color-scheme: light) {
    .v-goback a img {
        display: none;
    }

    .v-goback a img.white-logo {
        display: block;
    }
}

/*扩展what app */
.white .vc-whatapp,
.vc-whatapp {
    display: inline-flex;
    justify-content: center;
    background: #01A884;
    border-radius: 20px;
    color: #fff;
    font:400 14px/32px Roboto, HelveticaNeue, Arial, sans-serif;
    height: 32px;
    padding: 0 15px;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    align-items: center;
    transition: background ease-in-out 0.3s;
    margin-right: 10px;
}

.white .vc-whatapp:hover,
.vc-whatapp:hover {
    background: #3B8C7F;
}

.v-fixed .vc-whatapp i,
.vc-whatapp i {
    display: inline-flex;
    width: 14px;
    height: 14px;
    background: #fff;
    margin-right: 6px;
    background: url(//img.ecerimg.com/image/video/img_whatsapp_white.png?v=20240528) no-repeat !important;
    background-size: cover !important;
}

.vc-bigtxt {
    position: relative;
}

.vc-banner {
    width: 100%;
    height: 160px;
    background: #333;
    box-sizing: border-box;
    position: relative;
}

.vc-nav {
    width: 100%;
    height: 48px;
    padding: 0 40px;
    box-sizing: border-box;
    font-size: 0;
    background: #181818;
}

.vc-nav a {
    width: 100px;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    color: #ffffffa3;
    position: relative;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
}

.vc-nav a.active {
    font-weight: bold;
}

.vc-nav a.active:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: 0;
}

.vc-main {
    padding: 0 24px 30px;
}

.vc-company {
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
    padding: 50px 40px;
    box-sizing: border-box;
    background: url('//img.ecerimg.com/image/video/theme_img.jpeg?v=20240528') no-repeat center;
    background-size: cover;
}

.vc-company .vc-company-logo {
    width: 180px;
    height: 60px;
    display: inline-flex;
    margin-right: 16px;
    border-radius: 4px;
    background: #fff;
    align-items: center;
}

.vc-company .vc-company-logo img {
    max-width: 100%;
    max-height: 100%;
}

.vc-company .vc-company-loc {
    color: #fff;
    font:700 24px/30px PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    margin-bottom: 4px;
}

.vc-company .vc-totalvideo {
    color: rgba(255, 255, 255, 0.8);
    font:400 14px/18px PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
}

.vc-icons {
    position: absolute;
    bottom: 16px;
    right: 24px;
    font-size: 0;
}

.vc-icons span,
.vc-icons a {
    color: #fff;
    font:400 14px/18px PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    text-align: left;
    text-transform: capitalize;
    margin-left: 9px;
    display: inline-flex;
    align-items: center;
    background: rgba(0, 0, 0, 0.4);
    height: 28px;
    padding: 0 10px;
    border-radius: 4px;
}

.vc-icons span i,
.vc-icons a i {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 4px;
    background: url('/images/vc-sprite.png') no-repeat;
    background-size: 300px;
}

.vc-icons span.vc-quality i,
.vc-icons a.vc-quality i {
    background-position: -166px -9px;
}

.vc-icons span.vc-website i,
.vc-icons a.vc-website i {
    background-position: -194px -10px;
}

.vc-icons span.vc-verified i,
.vc-icons a.vc-verified i {
    background-position: -166px -42px;
}

.vc-icons span.vc-vr i,
.vc-icons a.vc-vr i {
    background-position: -194px -42px;
}

.vc-icons span.vc-product i,
.vc-icons a.vc-product i {
    background-position: -222px -42px;
}

.foreback {
    width: 100%;
    height: 100%;
    position: relative;
}

.endback {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.imgCover:hover .endback {
    opacity: 1;
}

.vc-big-videobox {
    /*display: flex;*/
    padding-top: 24px;
    padding-bottom: 24px;
    margin-bottom: 32px;
}

.vc-big-videobox .vc-bigv {
    width: 100%;
    height: 0px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    margin-bottom: 15px;
    padding-bottom: 56.25%;
    position: relative;
    overflow: hidden;
    border-radius: 16px;
}

.vc-big-videobox .vc-bigvwrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.vc-big-videobox .v-website {
    font-size: 0;
}

.vc-big-videobox .vc-btxt-title {
    width: 100%;
    color: #fff;
    font:700 20px/28px PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    text-align: left;
    margin-bottom: 14px;
    margin-top: 0;
}

.vc-big-videobox .vc-txt-wrap {
    position: relative;
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:10px;
}
.vc-big-videobox .vc-txt-wrap .vc-datas{
    display:flex;
    align-items:center;
    flex:1;
}

.vc-big-videobox .vc-txt-fix {
    width: 290px;
    height: 100%;
}

.vc-big-videobox .vc-txt-fix .chatnow ,
.vc-big-videobox .vc-txt-fix .sharebtn{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width:120px;
    height: 32px;
    padding:0 10px;
    border-radius: 20px;
    font: 400 14px/32px  PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    cursor: pointer;
    text-decoration: none;
    transition:all .2s;
}

.vc-big-videobox .vc-txt-fix .chatnow {
    background: #4bcd65;
    color: #fff;
    margin-right: 15px;
    margin-bottom:5px;
}
.vc-big-videobox .vc-txt-fix .sharebtn {
    background: #fff;
    color: #666;
    margin-right: 10px;
    white-space: nowrap;
    border: 1px solid #666666;
    box-sizing: border-box;
}


.vc-big-videobox .vc-txt-fix .sharebtn:hover {
    color: #fff;
    background: #527dff;
    border-color: #527dff;
}

.vc-big-videobox .vc-txt-fix .sharebtn:hover i {
    background-position: -106px -124px;
}

.vc-big-videobox .vc-txt-fix .chatnow:hover{
    background:#42c55d!important;
    box-shadow: 0 2px 10px rgba(0,0, 0,.2);
}
.vc-big-videobox .vc-txt-fix a>span{
    max-width: 76px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.vc-big-videobox .vc-txt-fix a:hover {
    background: #036edc;
}

.vc-big-videobox .vc-txt-fix i {
    display: inline-flex;
    width: 14px;
    height: 14px;
    margin-right: 6px;
    background: url('/images/vc-sprite.png') no-repeat;
    background-size: 300px;
    background-position: -145px -13px;
    align-items: center;
    justify-content: center;
}

.vc-big-videobox .vc-icongroup {
    height: 38px;
    color: rgba(255, 255, 255, 0.64);
    font-family: PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items:center;
    margin-bottom: 0;
    margin-right: 20px;
}

.vc-big-videobox .vc-icongroup i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('/images/vc-sprite.png');
    background-size: 300px;
    background-position: -11px -69px;
    margin-right: 0;
}

.vc-big-videobox .vc-btxt-time {
    height: 38px;
    color: rgba(255, 255, 255, 0.64);
    font:400 14px/20px PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    display: flex;
    align-items:center;
    margin-bottom: 0;
    margin-right: 20px;
}

.vc-big-videobox .vc-btxt-total {
    height: 38px;
    color: rgba(255, 255, 255, 0.64);
    font:400 14px/20px PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    display: flex;
    align-items:center;
    margin-bottom: 0;
}

.vc-big-videobox .vc-txt-fix .chatnow i {
    width: 18px;
    height: 18px;
    background-position: -134px -69px;
}

.vc-big-videobox .vc-txt-fix .sharebtn i {
    width: 18px;
    height: 18px;
    background-position: -106px -147px;
}

.vc-big-videobox .vc-btxt-time i {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url('/images/vc-sprite.png');
    background-size: 300px;
    background-position: -32px -69px;
    margin-right: 5px;
}

.vc-big-videobox .vc-btxt-total i {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url("/images/vc-sprite.png");
    margin-right: 5px;
    background-size: 300px;
    background-position: -132px -123px;
}

/*文本追随*/
/** 必须设置flex布局撑开容器， ** 否则content的before元素高度calc(100% - 18px)不会生效 */
.vc-btxt-cont {
    position: relative;
}

.vc-richtext-content {
    word-break: break-word;
    font:400 14px/20px PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    color: #fff;
}


/*文本超出后显示的图标*/
.icon-prevlink,
.icon-nextlink {
    height: 20px;
    color: #557bff;
    font:400 14px/20px  PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    background-size: cover;
    background: transparent;
    text-decoration: underline;
    transform: translateY(0px);
}
.icon-prevlink{
    display: block;
    float: right;
    clear: both;
    margin-left: 8px;
}
.icon-prevlink:hover{
    color:#3359dd;
}

/*文本未超出时显示的图标*/
.icon-nextlink {
    display: inline-block;
    position: relative;
    margin-left: 2px;
}

/*文本未超出，且文本恰巧在某行末尾结束，遮挡处于正下方的icon-1*/
.icon-nextlink::after {
    content: '';
    position: absolute;
    background: transparent;
    left: 0px;
    bottom: -40px;
    height: 40px;
    width: 40px;
}

/*文本追随*/
.vc-big-videobox .vc-btxt-link {
    margin-top: 13px;
    text-decoration: none;
    /* learn more */
    color: rgba(255, 255, 255, 0.64);
    font:400 14px/20px PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    text-align: left;
    display: block;
    text-transform: uppercase;
}

.vc-links {
    font-size: 0;
    margin-bottom: 10px;
}

.vc-links span,
.vc-links h2,
.vc-links a {
    height: 24px;
    background:transparent;
    color:#527dff; 
    border-radius: 12px;
    display: inline-block;
    text-align: center;
    line-height: 24px;
    text-decoration: none;
    padding:0;
    margin-right: 8px;
    margin-bottom: 6px;
    margin-top: 0;
    font-size: 14px;
    font-weight: 400;
}
.vc-links span:hover,
.vc-links a:hover{
    color:#3B65E5;
}

.video-js {
  width: 100%;
  height: 100%;
}
/* 视频内推产品浮窗  */
.v-ts-send {
    position: absolute;
    bottom: 62px;
    left: -100%;
    z-index: 9;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

.v-ts-send.show {
    left: 20px;
}

.v-ts-send:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
}

.v-ts_wrap {
    background: transparent;
    padding: 6px;
    border-radius: 12px;
    color: #333;
    display: flex;
    z-index: 9;
    position: relative;
}

.v-ts-send .v-ts_img {
    width: 44px;
    height: 44px;
    display: flex;
    flex-shrink: 0;
    margin-right: 14px;
}

.v-ts-send .v-ts_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.v-ts-send .v-ts_tit {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    height: 21px;
    font-size: 12px;
    line-height: 21px;
    margin-bottom: 5px;
    width: 132px;
    color: #fff;
}

.v-ts-send .v-ts_bts {
    display: flex;
}

.v-ts-send .v-ts_bts i {
    display: inline-flex;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: url("/images/vc-sprite.png") no-repeat;
    background-size: 300px;
    background-position: -136px -70px;
    margin-top: -2px;
}

.v-ts-send .v-ts_bts .chatnow {
    display: inline-flex;
    justify-content: center;
    background: #4bcd65 !important;
    border-radius: 20px;
    color: #fff;
    font:400 12px/23px PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    width: 110px;
    height: 23px;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    align-items: center;
    transition: background ease-in-out 0.3s;
    width: 100px;
    white-space: nowrap;
}

.v-ts-send .v-ts_bts .chatnow:hover {
    background: #64CE79;
}

.v-ts-send .v-ts_bts .chatnow:active {
    background: #34CC52;
}

.v-ts_close {
    margin-left: 14px;
    width: 18px;
    height: 20px;
    position: relative;
    margin-right: 0px;
    cursor: pointer;
}

.v-ts_close i {
    content: "";
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    margin-right: -15px;
    cursor: pointer;
    background: url("/images/vc-sprite.png");
    background-position: -227px -127px;
    background-size: 300px;
}

/* 视频内单个视频播放  */
.v-next-box {
    width: 240px;
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 20;
}

.v-next-video {
    width: 240px;
    background: #00000080;
    padding: 13px;
    box-sizing: border-box;
    border-radius: 8px;
}

.v-next-box .v-next-timeclock {
    text-align: center;
    margin-bottom: 10px;
}

.v-next-video .v-next_img {
    width: 214px;
    height: 128px;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
    margin-bottom: 7px;
}

.v-next-video .v-next_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.v-next-video .v-next_time {
    position: absolute;
    bottom: 5px;
    right: 5px;
    padding: 0 2px;
    border-radius: 2px;
    color: rgba(255, 255, 255, 0.64);
    font: 400 12px/15px PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    letter-spacing: 0px;
    text-align: left;
    background: #333;
    display: block;
}

.v-next-video .v-next_tit {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.v-next-video .v-next_tag {
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;
    line-height: 21px;
}

.v-next_btns {
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
}

.btn_cancel {
    display: inline-flex;
    justify-content: center;
    background: transparent;
    border-radius: 20px;
    color: #fff;
    font: 400 14px/32px PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    width: 102px;
    height: 32px;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    align-items: center;
    transition: background ease-in-out 0.3s;
    white-space: nowrap;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
}

.btn_play {
    display: inline-flex;
    justify-content: center;
    background: #4BCD65;
    border-radius: 20px;
    color: #fff;
    font:400 14px/32px PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    width: 102px;
    height: 32px;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    align-items: center;
    transition: background ease-in-out 0.3s;
    white-space: nowrap;
}

.v-next-video .btn_play:hover {
    background: #64CE79;
}

.v-next-video .btn_play:active {
    background: #34CC52;
}

/* 视频内视频播放列表播放  */
.v-prevideo-box .v-next_btns {
    width: 214px;
    margin: 12px auto 0;
}

.v-prevideo-box {
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    z-index: 12;
    width: 596px;
}

.v-next-timeclock {
    color: #fff;
}

.v-prevideo-list {
    padding: 13px;
    box-sizing: border-box;
    border-radius: 8px;
    z-index: 12;
    display: flex;
    flex-wrap: wrap;
    width: 596px;
}

.v-prevideo-list .v-pre_cell {
    background: #00000080;
    width: 170px;
    height: 145px;
    margin: 0 10px 10px;
    border-radius: 8px;
    padding: 9px;
    box-sizing: border-box;
    cursor: pointer;
}

.v-prevideo-list .v-pre_cell .v-pre_img {
    width: 152px;
    height: 91px;
    overflow: hidden;
    position: relative;
    margin-bottom: 4px;
    border-radius: 8px;
}

.v-prevideo-list .v-pre_cell img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.v-prevideo-list .v-pre_cell .v-pre_time {
    position: absolute;
    bottom: 5px;
    right: 5px;
    padding: 0 2px;
    border-radius: 2px;
    color: rgba(255, 255, 255, 0.64);
    font:400 12px/15px PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    letter-spacing: 0px;
    text-align: left;
    background: #333;
    display: block;
}

.v-prevideo-list .v-pre_cell .v-pre_tit {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
}

.video-wrap {
    width: 100%;
    height: 100%;
    position: relative;
    background-color:#000;
}

.v-content {
    background: #333333;
}

.v-content-aside {
    width: 440px;
    flex-shrink: 0;
    /*height: 100%;*/
    padding:24px 20px 0 0;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    border: 1px solid rgba(0, 0, 0, 0);
    overflow: auto;
    transition: all 0.3s ease-in-out;
    box-sizing: border-box;
    position: relative;
    background: #1a1a1a;
}
.v-videobox-aside-content{
    height:100%;
    display:flex;
    flex-direction:column;
     /*padding: 24px 20px 24px 0px;*/
}

.v-videobox-aside {
    flex:1;
    padding: 18px 16px 16px;
    border-radius: 12px;
}

.v-videobox-aside .v-small-item {
    display: flex;
    margin-bottom: 20px;
    text-decoration: none;
}

.v-content-aside .vc-small {
    width: 208px;
    height: 117px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    margin-right: 12px;
    background: #eee;
    overflow: hidden;
    border-radius: 10px;
}

.v-content-aside .vc-small .imgCover {
    width: 208px;
    height: 117px;
    position: relative;
}

.v-content-aside .vc-small .imgCover img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.v-content-aside .vc-small .imgCover .tickClock {
    position: absolute;
    bottom: 5px;
    right: 5px;
    padding: 0 2px;
    border-radius: 2px;
    color: rgba(255, 255, 255, 0.64);
    font:400 12px/15px PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    letter-spacing: 0px;
    text-align: left;
    background: #333;
}
.v-content-aside .vc-smalltxt{
    flex:1;
    overflow:hidden;
}

.v-content-aside .vc-stxt-title {
    width: 100%;
    font:400 14px/18px PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    color: #fff;
    text-align: left;
    margin-bottom: 0px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-top: 0;
    -webkit-line-clamp: 4;
    overflow: hidden;
    margin-bottom: 8px;
    word-break:break-all;
}
.v-content-aside .vc-stxt-title:hover{
    color:#5E5E5E;
}

.v-content-aside .vc-stxt-group {
    height: 15px;
    font:400 12px/15px PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    text-align: left;
    color: rgba(255, 255, 255, 0.64);
    margin-bottom: 4px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.v-content-aside .vc-stxt-group i {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url('/images/vc-sprite.png');
    background-size: 300px;
    background-position: -11px -72px;
    margin-right: 5px;
    float: left;
}

.v-content-aside .vc-stxt-time {
    height: 15px;
    font:400 12px/15px  PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    text-align: left;
    display: flex;
    color: rgba(255, 255, 255, 0.64);
}

.v-content-aside .vc-stxt-time i {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url('/images/vc-sprite.png');
    background-size: 300px;
    background-position: -32px -72px;
    margin-right: 5px;
}

.vc-group-title {
    color: #fff;
    font-size: 18px;
    margin-bottom: 13px;
    font-family: PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
}

.v-prod-send {
    /*height:134px;*/
    background: rgba(255, 255, 255, 0.12);
    padding: 16px;
    border-radius: 12px;
    color: #fff;
    margin-bottom: 20px;
    display: flex;
    margin-left: 0;
}
.v-prod-send .v-prod_txt{
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.v-prod-send .v-prod_img {
    width: 102px;
    height: 102px;
    display: flex;
    flex-shrink: 0;
    margin-right: 8px;
    background-color:#fff;
    border-radius:6px;
}

.v-prod-send .v-prod_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.v-prod-send .v-prod_tit {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 27px;
}


.v-prod-send .v-prod_bts a {
    display: inline-flex;
    justify-content: center;
    background: #007cfc;
    border-radius: 20px;
    color: #fff;
    font: 400 14px/32px  PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    width: 110px;
    height: 32px;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    align-items: center;
    transition: background ease-in-out 0.3s;
}

.v-prod-send .v-prod_bts i {
    display: inline-flex;
    width: 14px;
    height: 14px;
    background: #fff;
    margin-right: 6px;
    background: url('/images/vc-sprite.png') no-repeat;
    background-size: 300px;
    background-position: -145px -13px;
}

.v-prod-send .v-prod_bts .chatnow,
.v-prod-send .v-prod_bts .learnmore  {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding:0 10px;
    height: 32px;
    border-radius: 20px;
    font: 400 14px/32px PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
    cursor: pointer;
    text-decoration: none;
    transition: background ease-in-out 0.3s;
    white-space: nowrap;
    transition:all .2s;
    margin-bottom:5px;
}
.v-prod-send .v-prod_bts .chatnow{
    background: #4bcd65;
    color: #fff;
    margin-right: 10px;
    float:left;
}
.v-prod-send .v-prod_bts .learnmore {
    background: #fff;
    color: #666;
    margin-right: 0;
    border: 1px solid #666;
    box-sizing: border-box;
}

.v-prod-send .v-prod_bts a>span{
    max-width: 76px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.v-prod-send .v-prod_bts .chatnow:hover {
    background:#42c55d;
    box-shadow: 0 2px 10px rgba(0,0, 0,.2);
}

/*.v-prod-send .v-prod_bts .learnmore {*/
/*    display: inline-flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    background: #fff;*/
/*    border-radius: 20px;*/
/*    color: #666666;*/
/*    font: 400 14px/32px PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;*/
/*    width: 120px;*/
/*    height: 32px;*/
/*    cursor: pointer;*/
/*    text-decoration: none;*/
/*    transition: background ease-in-out 0.3s;*/
/*    margin-right: 0;*/
/*    white-space: nowrap;*/
/*    border: 1px solid #666666;*/
/*    box-sizing: border-box;*/
/*}*/

.v-prod-send .v-prod_bts .learnmore i {
    display: inline-flex;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: url("/images/vc-sprite.png") no-repeat;
    background-size: 300px;
    background-position: -73px -127px;
}

.v-prod-send .v-prod_bts .learnmore:hover {
    color: #527dff !important;
    border-color: #527dff;
}

.v-prod-send .v-prod_bts .learnmore:hover i {
    background-size: 300px;
    background-position: -73px -146px;
}

.v-prod-send .v-prod_bts .chatnow i {
    width: 18px;
    height: 18px;
    background-position: -134px -69px;
}

.vc-message {
    margin-top: 30px;
}

.vc-message .vc-message-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 12px;
    border-bottom: 1px solid #cecece;
    border-bottom: 1px solid rgba(255, 255, 255, 0.22);
}

.vc-message .vc-message-head .ms-title {
    color: #fff;
    font:700 18px/22px PingFang SC;
    
}

.vc-message .vc-message-head .ms-leave-message {
    color: #4bcd65;
    font:400 14px/22px PingFang SC;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}
.vc-message .vc-message-head .ms-leave-message:hover{
    color:#20A43A;
}

.vc-message .vc-message-head .ms-leave-message i {
    display: inline-flex;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background: url("/images/vc-sprite.png") no-repeat;
    background-size: 300px;
    background-position: -181px -147px;
}

.vc-message .vc-message-list {
    margin-top: 20px;
}

.vc-message .vc-message-cell {
    display: flex;
    align-items: flex-start;
    padding-bottom: 8px;
}

.vc-message .cell__avator {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 1px solid #ff6200;
    overflow: hidden;
    margin-right: 10px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    text-transform: uppercase;
    background: #ff6200;
    color: #fff;
}

.vc-message .cell__avator img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.vc-message .cell__top {
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    height: 20px;
}

.vc-message .cell__name {
    color: rgba(255, 255, 255);
    font:700 14px/18px PingFang SC;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vc-message .cell__contry {
    color: rgba(255, 255, 255, 0.64);
    font:400 14px/18px PingFang SC;
    margin-left: 34px;
}

.vc-message .cell__time {
    color: rgba(255, 255, 255, 0.64);
    font:400 14px/18px PingFang SC;
    margin-left: 10px;
}

.vc-message .cell__txt {
    color: #fff;
    font:400 14px/18px PingFang SC;
}

.vc-message .cell__repeat {
    padding-top: 21px;
}

.vc-message .cell__repeat .vc-message-cell {
    padding-bottom: 12px;
}

.vc-message .cell__repeat .vc-message-cell .cell__repeat {
    padding-top: 0rem;
}

.vc-message .cell__repeat .vc-message-cell .cell__avator {
    width: 30px;
    height: 30px;
    background: #ff9e43;
    border-color: #ff9e43;
    font-size: 16px;
}

.vc-message-none {
    color: #666;
    font: 400 14px/18px PingFang SC;
    margin-top: 16px;
}

.vc-message-loading {
    margin-top: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.vc-message-loading img {
    width: 60px;
    height: 50px;
}

/* profile_99703_128 */
/* profile_99703_128 start */
.profile_99703_128 {
    padding: 32px;
    background-color: #fff;
}

.profile_99703_128 .wrap-rule {
    width: auto;
}

.profile_99703_128 .title {
    text-align: left;
    margin-bottom: 32px;
}

.profile_99703_128 .first-title {
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    text-transform: uppercase;
    padding-bottom: 12px;
    position: relative;
}

.profile_99703_128 .first-title::after {
    content: "";
    width: 30px;
    height: 4px;
    background-color: #E52A2A;
    position: absolute;
    left: 0;
    bottom: 0;
}

.profile_99703_128 img {
    display: block;
    max-width: 100%;
    margin-top: 10px;
}

.profile_99703_128 .texts {
    line-height: 22px;
}

.profile_99703_128 .texts ul,
.profile_99703_128 .texts ol{
    list-style: initial;
}
/* profile_99703_128 end */

/* profile_99703_company */
.profile_99703_company {
    text-align: center;
}

.profile_99703_company .item {
    margin-bottom: 40px;
}

.profile_99703_company .title {
    margin-bottom: 30px;
}

.profile_99703_company img {
    margin-bottom: 40px;
    margin-right: 20px;
}
.profile_99703_company img[src$='load_icon.gif']{
    position: initial !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
}
.profile_99703_company .image-wrap img:last-child {
    margin-right: 0;
}

.profile_99703_company .texts {
    width: 800px;
    margin: 0 auto;
    line-height: 22px;
    text-align: left;
}

/* rddz_feeds_112 */


/* rddz_footer_110 */


/* rddz_header_101 */


/* recommend_99703_124 */
.recommend_99703_124 ul#piclist {
    width: auto !important;
}
.recommend_99703_124 {
    margin-top: 40px;
}

.recommend_99703_124 .first-title {
    font-size: 18px;
    line-height: 22px;
    text-align: left;
}

.recommend_99703_124 .wrap-rule {
    width: 100%;
}

.recommend_99703_124 .pic-scroll {
    position: relative;
    margin: 26px -6px 0;
}

.recommend_99703_124 .pic-list {
    height: 372px;
    overflow: hidden;
}

.recommend_99703_124 .lists {
    height: 372px;
    padding: 6px;
    box-sizing: border-box;
}

.recommend_99703_124 .item {
    float: left;
    width: 213px;
    height: 360px;
    margin-right: 17px;
    box-sizing: border-box;
    padding: 16px 16px 25px;
    background-color: #fff;
}

.recommend_99703_124 .lists .item:last-child {
    margin-right: 0;
}

.recommend_99703_124 .lists .item:hover {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.16)
}

.recommend_99703_124 .image-all {
    width: 181px;
    height: 181px;
    line-height: 181px;
    position: relative
}

.recommend_99703_124 .image-all img {
    position: relative;
    -webkit-transition: transform .2s ease;
    -moz-transition: transform .2s ease;
    -o-transition: transform .2s ease;
    -ms-transition: transform .2s ease;
    transition: transform .2s ease
}

.recommend_99703_124 .image-all:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.recommend_99703_124 .text-content {
    padding: 0 5px;
    margin-top: 15px
}

.recommend_99703_124 .product-title a {
    display: block;
    height: 66px;
    font-weight: bold;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 16px;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -o-transition: color .2s ease;
    -ms-transition: color .2s ease;
    transition: color .2s ease
}

.recommend_99703_124 .product-title:hover a {
    color: #e52a2a;
}

.recommend_99703_124 .button {
    margin-top: 16px;
}

.recommend_99703_124 .operations {
    display: none;
}

/* req_quote_99703_136 */
.req_quote_99703_136 {
    background-color: #fff;
    border-bottom: 1px solid #F0F1F2;
}

.req_quote_99703_136 .wrap-rule {
    height: 120px;
    position: relative;
    box-sizing: border-box;
    padding-left: 125px;
}

.req_quote_99703_136 .logo {
    width: 110px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
}

.req_quote_99703_136 .float-left {
    width: 45%;
    padding: 28px 0;
    box-sizing: border-box;
}

.req_quote_99703_136 .float-right {
    width: 55%;
    padding-top: 64px;
    text-align: right;
}

.req_quote_99703_136 .company-name {
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
}

.req_quote_99703_136 .stars {
    margin-top: 20px;
    line-height: 22px;
    font-size: 0;
}

.req_quote_99703_136 .stars span,
.req_quote_99703_136 .stars i {
    display: inline-block;
    vertical-align: middle;
}

.req_quote_99703_136 .stars span {
    font-size: 14px;
}

.req_quote_99703_136 .stars .list {
    margin-left: 10px;
}

.req_quote_99703_136 .stars .iconfont {
    width: 16px;
    font-size: 20px;
    color: #FFBC04;
}

.req_quote_99703_136 .float-right .icon-item:last-child {
    margin-right: 0;
}

.req_quote_99703_136 .icon-item {
    display: inline-block;
    vertical-align: middle;
    height: 36px;
    padding-left: 40px;
    position: relative;
    margin-right: 22px;
    text-align: left;
}

.req_quote_99703_136 .icon-item i {
    position: absolute;
    left: 0;
    height: 36px;
    line-height: 36px;
    top: 0;
    font-size: 30px;
}

.req_quote_99703_136 .icon-item p {
    line-height: 18px;
}

/* rich_text_99704_116 */
/* rich_text_99704_116 start */
.rich_text_99704_116 {
    background-color: #fff;
    margin-top: 20px;
    padding: 32px 32px 38px;
}

.rich_text_99704_116 .item {
    padding-bottom: 32px;
    margin-bottom: 32px;
    border-bottom: 1px solid #DCDCDC;
}

.rich_text_99704_116 .item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.rich_text_99704_116 .item-title {
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    text-transform: uppercase;
    padding-bottom: 12px;
    position: relative;
    margin-bottom: 16px;
}

.rich_text_99704_116 .item-title::after {
    content: "";
    width: 30px;
    height: 4px;
    background-color: #E52A2A;
    position: absolute;
    left: 0;
    bottom: 0;
}

.rich_text_99704_116 img{
    display: block;
    max-width: 100%;
}

.rich_text_99704_116 .item-desc ul,
.rich_text_99704_116 .item-desc ol{
    list-style: initial;
}
/* rich_text_99704_116 end */

/* site_photo */


/* super_simple_video_page_top_guide */
.super_simple_video_header{
	height:90px;
}
.super_simple_video_header_fixed{
	height:80px;
	background-color:#fff;
	position: fixed;
	left:0;
	right:0;
  	z-index: 9999;
  	box-shadow: 0 3px 10px rgba(0,0,0,0.16);
  	display: flex;
    align-items: center;
}
.super_simple_video_header * {
	font-family: PingFang SC, Roboto, HelveticaNeue, Arial, sans-serif;
	font-size:14px;
}
.super_simple_video_header ul,
.super_simple_video_header li{
	list-style: none;
}
.super_simple_video_header .video_header_inner{
	width: 1200px;
  	margin: 0 auto;
  	display: flex;
  	align-items: center;
  	justify-content: space-between;
}
.super_simple_video_header .video_hd_l{
	display: flex;
	align-items: center;
}
.super_simple_video_header .video_hd_c{

}
.super_simple_video_header .video_hd_r{

}
.super_simple_video_header .video_hd_logo{
	display: inline-block;
	width:120px;
	height: 60px;
}
.super_simple_video_header .video_hd_logo img{
    max-width:150px;
	height:60px;
	object-fit: contain;
}
.super_simple_video_header .video_hd_nav{
	height:60px;
	margin-left:100px;
	display: flex;
}
.super_simple_video_header .video_hd_nav li{
	padding: 15px 25px;
	position: relative;

} 
.super_simple_video_header .video_hd_nav li>a{
	display: flex;
	align-items: center;
	height: 100%;
	font-size: 18px;
	text-transform: capitalize;
	color:#333;
	text-decoration: none;
	position: relative;
}
.super_simple_video_header .video_hd_nav li>a:hover{
	color:#3679ef;
}
.super_simple_video_header .video_hd_nav li>a:after{
	content: " ";
	position: absolute;
	left:50%;
	bottom:-15px;
	transform: translateX(-50%);
	height: 3px;
	width:30px;
	background-color:#4bcd65;
	opacity: 0;
	transition: all .3s;
}
.super_simple_video_header .video_hd_nav li.active>a:after{
	opacity: 1;
}
.super_simple_video_header .video_hd_nav li:hover  .sub-menu{
	visibility: visible;
  	opacity: 1;
}
.super_simple_video_header .sub-menu{
	padding: 10px 0;
  	visibility: hidden;
  	position: absolute;
 	left: 50%;
  	top: 100%;
  	z-index: 2;
  	transform: translateX(-50%);
  	opacity: 0;
  	background: #fff;
  	border-radius: 4px;
  	box-shadow: 0 3px 10px rgba(0,0,0,0.16);
  	
  	transition: opacity .2s ease;
}
.super_simple_video_header .sub-item{
	text-transform: capitalize;
}
.super_simple_video_header .sub-item a{
	display: block;
	height: 32px;
	line-height: 32px;
	padding: 0 20px;
	white-space: nowrap;
	color:#333;
	text-decoration: none
}
.super_simple_video_header .sub-item a:hover{
	color: #3679ef;
}
.super_simple_video_header .chatnow{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 32px;
	padding:0 20px;
	border-radius:20px;
	font-size:16px;
	background-color:#ff891d;
	color:#fff;
    text-decoration: none;
}
.super_simple_video_header .chatnow:hover{
	box-shadow: 0 3px 10px rgba(0,0,0,0.16);
}

/* table_form_99704_125 */
/* table_form_99704_125 start */
.table_form_99704_125 {
    margin-top: 20px;
}

.table_form_99704_125 .table {
    padding: 32px;
    background-color: #fff;
}

.table_form_99704_125 .table-title {
    font-weight: bold;
    line-height: 17px;
    text-transform: uppercase;
}

.table_form_99704_125 table {
    width: 100%;
    font-size: 12px;
    line-height: 14px;
    margin-top: 16px;
    border: 1px solid #DCDCDC;
}

.table_form_99704_125 table tr:nth-child(even) {
    background-color: #F7F9FA;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    -ms-transition: background-color .2s ease;
    transition: background-color .2s ease;
}

.table_form_99704_125 table tr:hover {
    background-color: #FFF3F3;
}

.table_form_99704_125 table th,
.table_form_99704_125 table td {
    border-bottom: 1px solid #DCDCDC;
}

.table_form_99704_125 table th {
    padding: 18px 10px 17px;
    background-color: #F7F9FA;
    font-weight: bold;
}

.table_form_99704_125 table td {
    padding: 10px;
}

.table_form_99704_125 .checkbox {
    display: block;
    width: 14px;
    height: 14px;
    background: #FFFFFF;
    border: 1px solid #C7C7C7;
    box-sizing: border-box;
    border-radius: 2px;
    overflow: hidden;
    text-align: center;
    position: relative;
    margin: 0 auto;
    font-size: 0;
}

.table_form_99704_125 .checkbox .iconfont {
    font-size: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #ffffff;
    display: none;
}

.table_form_99704_125 .checkbox.checked {
    border-color: #E52A2A;
    background-color: #E52A2A;
}

.table_form_99704_125 .checkbox.checked .iconfont {
    display: block;
}

.table_form_99704_125 .checkbox input {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
    background-color: transparent;
}

.table_form_99704_125 .leave-message table {
    margin-top: 32px;
}

.table_form_99704_125 .leave-message table .select {
    padding: 0;
}

.table_form_99704_125 .leave-message table .select label {
    visibility: hidden;
}

/* table_form_99704_125 end */

/* production_desc_99704_126 start */

/* table_form_99704_125V3 */


/* teruitong_aside_list_103 */