@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"}/* bread_crumbs_99703_114 */


/* chatnow_99703_117 */


/* company_videodetail */
/**/

/* company_videodetail_widget */


/* 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;
                }

                .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 {
                    margin-bottom: 2px;
                    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 li.empty_desc a.mask {
    display: none
}


.eight_global_banner_102V2 .callbacks li a.mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.25)!important;
    z-index: 1;
}

.eight_global_banner_102V2 .callbacks li .texts {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    z-index: 2;
    text-align:left;
}

.eight_global_banner_102V2 .callbacks li .text-desc {
    display: block;
    width: 1200px;
    margin: 0 auto;
    text-decoration: none;
    cursor: pointer
}

.eight_global_banner_102V2 .callbacks li .text-desc p,.eight_global_banner_102V2 .callbacks li .text-desc div {
    width: 500px;
    margin-left: 39px
}

.eight_global_banner_102V2 .callbacks li .text-desc .text1 {
    font-size: 24px;
    font-weight: bold;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
    color: #fff;
    text-transform: capitalize
}

.eight_global_banner_102V2 .callbacks li .text-desc .text2 {
    font-size: 16px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 20px;
    color: #fff
}

.eight_global_banner_102V2 .callbacks li .opreations {
    position: absolute;
    left: 0;
    right: 0;
    top: 270px;
    z-index: 2
}

.eight_global_banner_102V2 .callbacks li .opreations .opreations-ctc {
    width: 1200px;
    margin: 0 auto;
    font-size: 0;
    text-align:left;
}

.eight_global_banner_102V2 .callbacks li .opreations .opreations-ctc * {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px
}

.eight_global_banner_102V2 .callbacks li .opreations .learn-more {
    background: #464646;
    border: 2px solid transparent;
    color: #fff;
    border-radius: 4px;
    padding: 5px 15px;
    font-weight: bold;
    font-size: 16px;
    margin-left: 39px;
    text-transform: uppercase;
    text-decoration: none
}

.eight_global_banner_102V2 .callbacks li .opreations .learn-more:hover {
    border-color: #c5c5c5
}

.eight_global_banner_102V2 .callbacks li .opreations span {
    height: 16px;
    line-height: 16px;
    color: #fff;
    position: relative;
    margin: 0 20px
}

.eight_global_banner_102V2 .callbacks li .opreations span::before,.eight_global_banner_102V2 .callbacks li .opreations span::after {
    content: "";
    width: 0;
    height: 12px;
    border-left: 1px solid #fff;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.eight_global_banner_102V2 .callbacks li .opreations span::before {
    top: -10px
}

.eight_global_banner_102V2 .callbacks li .opreations span::after {
    bottom: -12px
}

.eight_global_banner_102V2 .callbacks li .opreations .contact-now {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold
}

.eight_global_banner_102V2 .callbacks li .opreations .contact-now:hover {
    text-decoration: underline
}
                .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 .callbacks_nav,
                .eight_global_banner_102V2 .callbacks_nav {
                    z-index: 111;
                    border-radius: 3px;
                    position: absolute;
                    display: block;
                    width: 70px;
                    height: 70px;
                    border-radius: 50%;
                    top: 46%;
                    margin-top: -37px;
                    filter: alpha(opacity=60);
                    -moz-opacity: .6;
                    opacity: .6;
                    font-size: 0;
                    -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;
                    background-color: #f8c617;
                }

                .eight_global_banner_102V2 .prev {
                    background: #000 url("/images/css-sprite.png") no-repeat -31px -113px;
                    left: 100px;
                }

                .eight_global_banner_102V2 .next {
                    background: #000 url("/images/css-sprite.png") no-repeat -28px -172px;
                    right: 100px;
                }

/* filtrate_list_99703_121 */


/* footer_99703_111 */


/* 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%);
        }

        .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%;
        }

/* f_aboutus_more_simp */
.f_aboutus_more_simp{
    width: 1200px;
    margin:0 auto;
    background-color: #26262E;
    padding:56px 0 119px;
}
.f_aboutus_more_simp .title {
	font-size:28px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	text-transform: uppercase;
	margin-bottom: 76px;
}
.f_aboutus_more_simp .box_width {
	padding:0 0 100px 0
}
.f_aboutus_more_simp .box dl {
	float:left;
	width:25%;
	text-align:center
}
.f_aboutus_more_simp .box dl dt {
	font-size:60px;
	margin-bottom:40px
}
.f_aboutus_more_simp .box dl dt .glyphicon {
	display:inline-block;
	width:100px;
	height:100px;
	line-height:100px;
	color:#fff
}
.f_aboutus_more_simp .box dl dd a {
	color:#fff;
	font-size:18px;
	font-weight:bold;
	text-transform: uppercase;
}
.f_aboutus_more_simp .zan {
	font-size:60px;
	text-align:center;
	margin-top:-60px
}
.f_aboutus_more_simp .zan .glyphicon {
	display: none;
}
.f_aboutus_more_simp .animated {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
@-webkit-keyframes bounce {
	0,100%,20%,50%,80% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
40% {
	-webkit-transform:translateY(-30px);
	transform:translateY(-30px)
}
60% {
	-webkit-transform:translateY(-15px);
	transform:translateY(-15px)
}
}
@keyframes bounce {
	0,100%,20%,50%,80% {
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
}
40% {
	-webkit-transform:translateY(-30px);
	-ms-transform:translateY(-30px);
	transform:translateY(-30px)
}
60% {
	-webkit-transform:translateY(-15px);
	-ms-transform:translateY(-15px);
	transform:translateY(-15px)
}
}
.f_aboutus_more_simp .bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce
}

/* f_certificate_lin4 */
.f_certificate_lin4 {
	width:1200px;
	margin:0 auto;
	padding:59px 0 62px;
}
.f_certificate_lin4 .title {
	font-size:28px;
	font-weight:bold;
	text-transform: uppercase;
	text-align: center;
}
.f_certificate_lin4 .imgs{
    overflow: hidden;
}

.f_certificate_lin4 .imgs a{
    float: left;
    position: relative;
    width: 200px;
    height: 290px;
    margin: 0 20px 20px;
}
.f_certificate_lin4 .imgs img {
    max-width: 100%; 
    max-height: 100%; 
    position:absolute;
    top: 50%;
    left: 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%);
}
.f_certificate_lin4 p {
	font-size: 24px;
    margin: 25px 0 40px;
    text-align: center;
}

/* f_company_intro_all */
.f_company_intro_all {
	width:1200px;
	background-color: #fff;
    border-radius: 4px;
	margin:0 auto;
	overflow: hidden;
	padding:49px 78px 28px;
	box-sizing: border-box;
}
.f_company_intro_all .title {
	font-size:28px;
	margin-bottom: 50px;
	font-weight:bold;
	text-align:center;
	color: #000000;
	text-transform: uppercase
}
.f_company_intro_all .p_txt {
	line-height:1.5em;
	font-size:14px;
	margin-bottom:20px
}
.f_company_intro_all p {
	line-height:2em;
	font-size:14px
}

.f_company_intro_all .p_txt ul,.f_company_intro_all .p_txt li{
        list-style: inherit !important;
}
.f_company_intro_all .p_txt img[src$='load_icon.gif']{
    width: 32px !important;
    height: 32px !important;
}

/* f_company_nointro_2V3 */
/* f_company_nointro_2*/
.f_company_nointro_2 {width:1200px;margin:0 auto;padding:62px 0 89px;}
.f_company_nointro_2 .tit {text-align:center;font-size:28px;text-transform:uppercase;font-weight:bold;margin-bottom:29px;}
.f_company_nointro_2 .tab {position:relative;overflow: hidden;}
.f_company_nointro_2 .box {margin-top:35px;}
.f_company_nointro_2 .box_left {float:left;width:670px;min-height:300px;}
.f_company_nointro_2 .box_left p {line-height:1.5;font-size:16px;color:#666;}
.f_company_nointro_2 .box_right {float:right;width:462px;}
.f_company_nointro_2 .img_wrap {width: 100%;height: 100%;position: relative;overflow:hidden;}
.f_company_nointro_2 .img_wrap img {
    max-width: 100%; 
    max-height: 100%; 
    position:absolute;
    top: 50%;
    left: 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%);
    display:none;
}
.f_company_nointro_2 .img_wrap img.cur {display:block;}
.f_company_nointro_2 .tab li.cur {background-color:#f5f5f5;border-color:#fff!important;}
.f_company_nointro_2 .tab li {float:left;border-top:1px solid #fff;border-right:1px solid #ddd;border-bottom:0;cursor:pointer;background-color:#fff;position:relative;z-index:1;}
.f_company_nointro_2 .tab li:first-child {border-left:1px solid #ddd;}
.f_company_nointro_2 .tab li span {display:inline-block;padding:7px 30px;height:30px;line-height:30px;font-size:20px;font-weight:bold;}
.f_company_nointro_2 .tab:after {content:"";width:100%;height:1px;background-color:#ddd;position:absolute;left:0;bottom:0;}
.f_company_nointro_2 .page {height:30px;text-align:right;}
.f_company_nointro_2 .page span{text-align:center;margin:0 2px;padding:0 3px;background:#fff;cursor:pointer;}
.f_company_nointro_2_videownline .page span {display:inline-block;padding:2px 7px;display:inline-block;background:#fff;}
.f_company_nointro_2 .page span.cur {background:#0f75bd;color:#fff;border-color:#fff;}
/*视频切换*/.f_company_nointro_2 .no-company-general-youtube-video {width:423px;position:relative;height:280px;}
.f_company_nointro_2.btn {width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:34px;display:flex;justify-content:space-between}
.f_company_nointro_2 .btn .left,.f_company_nointro_2 .btn.right {width:34px;height:34px;overflow:hidden;background:#666;opacity:.6;display:flex;justify-content:center;align-items:center;margin:015px}
.f_company_nointro_2 .btn .left {transform:rotate(180deg)}
.f_company_nointro_2 .no-company-general-youtube-video:hover .no-company-general-button {display:block}
.f_company_nointro_2 .no-company-general-youtube-video .no-company-general-video {width:423px;height:280px;line-height:280px;background:#000}
.f_company_nointro_2 .no-company-general-youtube-video .no-company-general-video video {width:100%;max-height:100%}
.f_company_nointro_2 .no-company-general-youtube-video .no-company-general-button {position:absolute;bottom:16%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);background:#555;border-radius:5px;overflow:hidden;font-size:0;display:none}
.f_company_nointro_2 .no-company-general-youtube-video .no-company-general-button .no-company-general-button-item {display:inline-block;font-size:12px;color:#fff;border-radius:5px;text-transform:capitalize;padding:5px 10px;cursor:pointer}
.f_company_nointro_2 .no-company-general-youtube-video .no-company-general-button .no-company-general-button-item.active i {display:none}
.f_company_nointro_2 .no-company-general-youtube-video .no-company-general-button .no-company-general-button-item.active {background:#ff5722}
.f_company_nointro_2 .no-company-general-youtube-video .no-company-general-images {width:423px;height:280px;}
.picture {width:100%;height:100%;background:url(./images/load_icon.gif) no-repeat center center;}
.youtobe-video {width:100%;height:100%}
.f_company_nointro_2 .Verifiedby .ecerimg .sgsimg {display:inline-block;}
.f_company_nointro_2 .Verifiedby .sgsmain .sgsimg {display:inline-block;}

/* f_company_qccu_3 */
.bg-dbk{background-color:#26262E;}
.f_company_qccu_3 { width: 1200px; margin: 60px auto 0px; color: rgb(255, 255, 255); padding: 57px 0px 79px; }
.f_company_qccu_3 .title { font-size: 28px; font-weight: bold; text-align: center; color: rgb(255, 255, 255); margin-bottom: 60px; text-transform: uppercase; }
.f_company_qccu_3 .txt_left { float: left; width: 580px; position: relative; }
.f_company_qccu_3 .img_right { float: right; width: 540px; text-align: center; }
.f_company_qccu_3 .tit { margin-bottom: 5px; text-transform: uppercase; }
.f_company_qccu_3 b { font-weight: normal; }
.f_company_qccu_3 .tit span { float: left; }
.f_company_qccu_3 .tit i { font-style: normal; font-size: 22px; line-height: 50px;font-weight: bold; }
.f_company_qccu_3 .txt_left p { line-height: 1.5; font-size: 16px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; height: 84px; color: rgb(180, 180, 180); }
.f_company_qccu_3 .one .glyphicon { display:none;}
.f_company_qccu_3 .two .glyphicon { line-height: 45px; font-weight: bold; }
.f_company_qccu_3 .txt_left p i { font-style: normal; }
.f_company_qccu_3 .three p .more { display: inline-block; font-size: 18px; font-weight: bold; color: rgb(255, 255, 255); text-transform: uppercase; text-decoration: none; transition: color 0.2s ease; margin-top: 30px; }
.f_company_qccu_3 .three p .more:hover { color: #0f75bd; }
.f_company_qccu_3 .three p { height: auto; }
.f_company_qccu_3 img.big_image { width: 400px; height: 250px; }
.f_company_qccu_3 img.small_image { width: 248px; height: 150px; }
.f_company_qccu_3 .big_box { margin-top: 20px; width: 100%; position: relative; }
.f_company_qccu_3 .big_box .videoBox { width: 400px; height: 250px; display: block; margin: auto; position: relative; background: url("./images/load_icon.gif") center center no-repeat; }
.f_company_qccu_3 .big_box span { display: table-cell; width: 517px; height: 252px; box-sizing: border-box; vertical-align: middle; text-align: center; }
.f_company_qccu_3 .small_box span { display: table-cell; width: 250px; height: 150px; box-sizing: border-box; vertical-align: middle; text-align: center; }
.f_company_qccu_3 .small_box { width: 250px; height: 150px; float: left; margin-top: 20px; margin-right: 15px; overflow: hidden; }
.f_company_qccu_3 .big_box span .wrapbox { position: absolute; top: 1px; left: 58px; width: 400px; height: 250px; display: block; background: rgb(41, 40, 40); }
.f_company_qccu_3 .big_box .no-company-general-video { width: 100%; height: 100%; }
.f_company_qccu_3 .big_box .no-company-general-video video { width: 400px; max-height: 225px; }
.f_company_qccu_3 .Verifiedby{margin-bottom:10px;}

/* f_company_show_detail */
.f_company_show_detail {
	background:#fff;
	padding: 50px 0 68px;
}
.f_company_show_detail .tit {
	text-align: center;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 76px;
}
.f_company_show_detail .cont_box {
	width:1200px;
	margin:0 auto;
	text-align: center;
	font-size: 0;
}
.f_company_show_detail .main_market,.f_company_show_detail .business_type,.f_company_show_detail .others {
	width: 30%;
    display: inline-block;
	margin: 0 .167%;
	vertical-align: top;
}
.f_company_show_detail .icon {
	width:100px;
	height:100px;
	margin: 0 auto;
	border-radius:50px;
	background: #26262E;
	position:relative;
	margin-bottom:20px;
	margin-bottom:20px;
	-moz-transition:all .4s ease-in-out;
	-webkit-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out
}
.f_company_show_detail .icon:hover {
	transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	-webkit-transform:rotate(360deg)
}
.f_company_show_detail .icon:before {
	position:absolute;
	content:"";
	display:block;
	width:66px;
	height:66px;
	left:17px;
	top:17px;
	background:url( /images/css-sprite.png) no-repeat
}
.f_company_show_detail .main_market .icon:before {
	background-position:0 -265px
}
.f_company_show_detail .business_type .icon:before {
	background-position:-66px -265px
}
.f_company_show_detail .others .icon:before {
	background-position:-127px -265px;
	left:19px;
	width:60px
}
.f_company_show_detail p {
	line-height:2em;
	text-align: center;
	font-size:18px;
	color:#999;
	text-transform: uppercase;
}
.f_company_show_detail .title {
	font-size:18px;
	font-weight:bold;
	line-height:2.5;
	color: #333;
	margin-bottom: 20px;
}

/* f_error_box */
.f_error_box{width:610px;height:267px;background:#fff;margin:60px auto;margin-top:40px;overflow:hidden}
.f_error_box .error_detail{padding-left:180px;position:relative}
.f_error_box .error_detail:before{position:absolute;content:"";width:80px;height:82px;background-image:url(/images/css-sprite.png);left:83px;top:80px;background-position:-132px -184px;background-repeat:no-repeat}
.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_footer_reserved */
.f_footer_reserved { padding: 14px 0px; background-color: rgb(38, 38, 46); text-align: center; line-height: 14px; color: rgb(153, 153, 153); }
.f_footer_reserved .con { padding-right: 2px; padding-left: 15px;border-left: 1px solid #999; }
.f_footer_reserved a { margin-right: 20px; color: rgb(255, 255, 255) !important; }
.f_footer_reserved .con a {margin-right:0;}

/* f_footer_three_news */
.f_footer_three_news{background-color:#2d2d2d;width:1050px;margin:0 auto;color:#fff;padding:20px 10px}
.f_footer_three_news a{color:#fff}.f_footer_three_news a:hover{color:#ff7519;text-decoration:none}
.f_footer_three_news .news,.f_footer_three_news .contact,.f_footer_three_news .leave{width:310px;float:left}
.f_footer_three_news .news dl{margin-bottom:20px}
.f_footer_three_news .news_title{border-bottom:1px solid #6b7275;font-size:24px;font-weight:bold;padding:15px 0 35px 0;margin:5px 0 30px 0;line-height:1.5em;font-family:"HelveticaNeue Black"}
.f_footer_three_news dt{float:left;border:3px solid #ccc;width:80px;height:80px;overflow:hidden;border-radius:1px}
.f_footer_three_news dt:hover{border:3px solid #0f75bd}
.f_footer_three_news dt a{width:80px;height:80px;display:table-cell;text-align:center;vertical-align:middle}
.f_footer_three_news dt img{max-width:80px;max-height:80px;-webkit-transition:all .5s ease;transition:all .5s ease;-webkit-backface-visibility:hidden}
.f_footer_three_news dl:hover dt img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-backface-visibility:hidden}
.f_footer_three_news dd h2{font-size:14px;font-weight:normal}
.f_footer_three_news dd a{width:204px;display:inline-block;height:39px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff}
.f_footer_three_news dd a:hover{color:#87adf6}
.f_footer_three_news dd{float:left;width:185px;line-height:1.5em;margin-left:20px;}
.f_footer_three_news dd div{text-align:left;margin:10px 0 15px 0}
.f_footer_three_news dd div a{display:inline;background-color:#3e454a;color:#fff;padding:1px 5px;border-radius:2px;-webkit-transition:all .8s ease-out;-moz-transition:all .8s ease-out;-ms-transition:all .8s ease-out;-o-transition:all .8s ease-out;transition:all .8s ease-out}
.f_footer_three_news dd div a:hover{color:#87adf6;text-decoration:none}
.f_footer_three_news .contact{margin-left:50px}
.f_footer_three_news .contact table tr{background-color:#121212}
.f_footer_three_news .contact table tr .glyphicon{font-size:20px;margin-bottom:10px}
.f_footer_three_news td{vertical-align:middle;padding:5px}
.f_footer_three_news .link a{background:url(/images/css-sprite.png) no-repeat;display:inline-block;width:25px;height:30px;margin-left:24px}
.f_footer_three_news .link a.linkedin{background-position:-57px 5px}
.f_footer_three_news .link a.facebook{background-position:-85px 5px}
.f_footer_three_news .link a.twitter{background-position:-111px 5px}
.f_footer_three_news .link a.google{background-position:-137px 5px}
.f_footer_three_news .contact table tr .le_bg{background-color:#ccc;border-radius:3px;color:#0f75bd}
.f_footer_three_news .contact table tr .le_bg .glyphicon{top:5px}
.f_footer_three_news .contact table tr.kong td{height:5px;background-color:#2d2d2d}
.f_footer_three_news .text{padding:10px;line-height:1.5em}
.f_footer_three_news .text a{color:#87adf6}.f_footer_three_news .leave{margin-left:50px}
.f_footer_three_news .leave input,.f_footer_three_news .leave textarea{background-color:#2d2d2d;border:1px solid #b1b8bb;width:100%;color:#fff;cursor:auto;border-radius:3px;outline:0;font-size:14px}
.f_footer_three_news .leave input{height:35px;line-height:35px;padding:0 7px}
.f_footer_three_news .leave textarea{font-family:Arial,Helvetica,sans-serif;padding:7px;height:201px;resize:none}
.f_footer_three_news .leave .email{margin:20px 0}.f_footer_three_news .but{margin:20px 0;text-align:right}
.f_footer_three_news .but input{background-color:#0f75bd;outline:0;cursor:pointer;color:#fff;border:0;border-radius:2px;font-size:16px;width:90px}
.f_footer_three_news .but input:hover{background-color:#FFF;color:#0f75bd}
.f_footer_three_news .Verifiedby{    padding-left: 25px;}

/* f_footer_three_news_simp */
.f_footer_three_news_simp {
	width: 1200px;
	margin: 0px auto;
	padding: 76px 0px 30px;
}
.f_footer_three_news_simp a {
    font-size: 14px;
    color: #333333;
    letter-spacing: 0.1px;
	color: rgb(255, 255, 255);
	transition: color 0.2s ease;
}
.f_footer_three_news_simp .lists-item li{
    line-height: 28px;
}
.f_footer_three_news_simp a:hover {
	color: #0f75bd;
	text-decoration: none;
}
.f_footer_three_news_simp .news, .f_footer_three_news_simp .contact {
	float: left;
	overflow: hidden;
}

.f_footer_three_news_simp .contact  dl{
    float: left;
    width: 50%;
}
.f_footer_three_news_simp .contact  dl dt{
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin-bottom: 16px;
}
.f_footer_three_news_simp .leave {
	float: right;
	width: 35%;
}
.f_footer_three_news_simp .leave .news_title{
    font-size: 24px;
}
.f_footer_three_news_simp .news {
	width: 15%;
}
.f_footer_three_news_simp .news dl {
	height: 84px;
	margin-bottom: 12px;
	padding: 7px;
	background-color: rgb(245, 245, 245);
	box-sizing: border-box;
}
.f_footer_three_news_simp .news_title {
	font-size: 16px;
    color: #333333;
	font-weight: bold;
	margin-bottom: 16px;
	line-height: 22px;
}
.f_footer_three_news_simp dt {
}
.f_footer_three_news_simp dt a {
}
.f_footer_three_news_simp dt img {
    display: inline-block !important;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: transform 0.5s ease;
	backface-visibility: hidden;
}
.f_footer_three_news_simp dt img[src$='load_icon.gif']{
    width: 32px !important;
    height: 32px !important;
}
.f_footer_three_news_simp dl:hover dt img {
	transform: scale(1.1);
	backface-visibility: hidden;
}
.f_footer_three_news_simp dd h2 {
}
.f_footer_three_news_simp h2 a {
	width: 100%;
	max-height: 44px;
	line-height: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.f_footer_three_news_simp dd a:hover {
	color: #0f75bd;
}
.f_footer_three_news_simp dd {
    padding-right: 30px;
    margin-bottom: 10px;
}
.f_footer_three_news_simp dd a {
    display: block;
	font-size: 14px;
    color: #333333;
    letter-spacing: 0.1px;
    line-height: 20px;
	transition: color 0.2s ease;
	position: relative;
	padding-left: 10px;
    font-weight: normal;
}
.f_footer_three_news_simp dd a:before {
    content:'';
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #333;
    top: 8px;
    left: 0;
}
.f_footer_three_news_simp dd a:hover {
	color: #0f75bd;
	text-decoration: none;
}
.f_footer_three_news_simp .contact {
	width: 50%;
}
.f_footer_three_news_simp .contact table tr .glyphicon {
	font-size: 20px;
	margin-bottom: 10px;
}
.f_footer_three_news_simp td {
	vertical-align: middle;
	padding-bottom: 25px;
}
.f_footer_three_news_simp .link a {
	background: url("/images/css-sprite.png") no-repeat;
	display: inline-block;
	width: 25px;
	height: 30px;
	margin-left: 24px;
}
.f_footer_three_news_simp .link a.linkedin {
	background-position: -57px 5px;
}
.f_footer_three_news_simp .link a.facebook {
	background-position: -85px 5px;
}
.f_footer_three_news_simp .link a.twitter {
	background-position: -111px 5px;
}
.f_footer_three_news_simp .link a.google {
	background-position: -137px 5px;
}
.f_footer_three_news_simp .contact table tr .le_bg {
	display: none;
}
.f_footer_three_news_simp .contact table tr .le_bg .glyphicon {
	top: 5px;
}
.f_footer_three_news_simp .contact table tr.kong td {
	display: none;
}
.f_footer_three_news_simp .text {
	font-size: 16px;
}
.f_footer_three_news_simp .text b {
	font-weight: normal;
}
.f_footer_three_news_simp .leave .but input{
    margin-bottom:0;
}
.f_footer_three_news_simp .leave input, .f_footer_three_news_simp .leave textarea {
	font-family: inherit;
	display: block;
	background-color: rgb(245, 245, 245);
	width: 100%;
	border-radius: 4px;
	outline: 0px;
	font-size: 14px;
	padding: 12px 20px;
	border: 0px;
	box-sizing: border-box;
}
.f_footer_three_news_simp .leave textarea {
	resize: none;
}
.f_footer_three_news_simp .leave input {
	margin-bottom: 15px;
}
.f_footer_three_news_simp .but {
	margin-top: 15px;
	text-align: right;
}
.f_footer_three_news_simp .but input {
	width: auto;
	display: inline-block;
	background-color: #0f75bd;
	outline: 0px;
	cursor: pointer;
	border: 0px;
	border-radius: 2px;
	font-size: 18px;
	padding: 12px 39px;
	color: rgb(255, 255, 255);
	transition: background-color 0.2s ease;
}
.f_footer_three_news_simp .but input:hover {
	background-color: #0d5486;
}
.f_footer_three_news_simp .iconsapp{
     position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}
.f_footer_three_news_simp svg{
    fill:#000;
    width:30px;
    height:30px;
}
.f_footer_three_news_simp svg:hover{
    fill:rgb(15, 117, 189);
}

/* f_header_breadcrumb_2 */
.f_header_breadcrumb_2 {
	margin: 23px auto 14px;
	width: 1200px;
	line-height: 18px;
	font-size: 14px;
}
.f_header_breadcrumb_2 a {
	position: relative;
	padding: 0px 8px;
	display: inline-block;
    vertical-align: middle;
}
.f_header_breadcrumb_2 > a:first-child {
	padding-left: 0px;
}
.f_header_breadcrumb_2 .index-bread {
	font-weight: normal;
	font-size: 14px;
	display: inline-block;
    vertical-align: middle;
	padding-left: 6px;    max-width: 1000px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
        text-transform: capitalize;
}
.f_header_breadcrumb_2 a:after {
	position: absolute;
	right: -6px;
	top: 50%;
	background: url("/images/css-sprite.png") 0px -141px no-repeat;
	width: 10px;
	height: 15px;
	content: "";
	display: block;
	margin-top: -6px;
}

/* f_header_menu_pic_search_2V3 */
.f_header_menu_pic_search_2 {background-color: #ffffff;}
.f_header_menu_pic_search_2 .top_link, .f_header_menu_pic_search_2 .top_language { position: absolute; top: 50%; transform: translateY(-50%); z-index: 9999; }
.f_header_menu_pic_search_2 .top_link {position: static;float: right; right: 92px; color: rgb(153, 153, 153); }
.f_header_menu_pic_search_2 .top_language { position: static;float: right;right: 0px; }
.f_header_menu_pic_search_2 .top a, .f_header_menu_pic_search_2 .top { color: rgb(255, 255, 255); text-decoration: none; }
.f_header_menu_pic_search_2 .top a { display: inline-block; vertical-align: middle; color: rgb(255, 255, 255); }
.f_header_menu_pic_search_2 .top a:hover { color: #0f75bd; }
.f_header_menu_pic_search_2 .top { padding: 24px 0px;padding-bottom: 4px; width: 1200px; margin: 0px auto; position: relative; z-index: 9999; }
.f_header_menu_pic_search_2 .top_bg { background-color: rgb(38, 38, 46); width: 100%; }
.f_header_menu_pic_search_2 .web_adress { display: none; }
[dir=RTL] .f_header_menu_pic_search_2 .phone {
    left: 0;
}
.f_header_menu_pic_search_2 .phone {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);}
.f_header_menu_pic_search_2 .phone .glyphicon-earphone { padding-right: 5px; font-size: 12px; display: inline-block; vertical-align: middle; top: 0px; line-height: unset; }
.f_header_menu_pic_search_2 .top_link a { padding-right: 8px; margin-top: -3px; }
.f_header_menu_pic_search_2 .logo { width: 220px; height: 60px; position: relative;    display: inline-block;}
.f_header_menu_pic_search_2 .logo a{display: block;width: 100%;height: 100%;}
.f_header_menu_pic_search_2 .logo img {
    max-width: 100%; 
    max-height: 100%;  
    position:absolute;
    top: 50%;
    left: 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%);}
.f_header_menu_pic_search_2 .menu_bor { width: 100%; padding: 10px 0px; position: relative; text-align: center;}
.f_header_menu_pic_search_2 .menu_bor .nav_bg { position: absolute; width: 100%; height: 178px; bottom: -178px; border-top: 1px solid rgb(204, 204, 204); background-color: rgb(255, 255, 255); left: 0px; display: none; z-index: 9; box-shadow: rgba(0, 0, 0, 0.27) 0px 2px 4px, rgba(0, 0, 0, 0.06) 0px 0px 60px inset; }
.f_header_menu_pic_search_2 .menu {  position: relative; display: inline-block;}
.f_header_menu_pic_search_2 .menu_list {     display: inline-block;left: 220px; top: 20px;  height: 45px; margin-left: 60px;overflow:hidden }
.f_header_menu_pic_search_2 .menu_list .clearfix{display: none;}
.f_header_menu_pic_search_2 .menu_list li { float: left; font-size: 14px; height: 45px; font-weight: bold; text-transform: uppercase; margin-right: 30px; }
.f_header_menu_pic_search_2 .menu_list li .pic_div { position: relative; z-index: 900; width: 900px; margin-left: 50px; float: left; }
.f_header_menu_pic_search_2 .menu_list li a { text-decoration: none; position: relative; }
.f_header_menu_pic_search_2 .menu_list li a::after { position: absolute; content: ""; width: 0px; height: 2px; background-color: #0f75bd; left: 0px; bottom: -4px; transition: width 0.2s ease; }
.f_header_menu_pic_search_2 .menu_list li a:hover { color: rgb(51, 51, 51); }
.f_header_menu_pic_search_2 .menu_list li a:hover::after { width: 100%; }
.f_header_menu_pic_search_2 .menu_list li.cur a::after { width: 100%; }
.f_header_menu_pic_search_2 .menu_list .nav { position: relative; z-index: 9; }
.f_header_menu_pic_search_2 .menu_list .nav .item { position: absolute; top: 10px; width: 1000px; padding: 10px 0px; height: 150px; overflow: hidden; }
.f_header_menu_pic_search_2 .nav_pos { position: absolute; top: 0px; left: 0px; width: 1000px; padding: 10px 0px; }
.f_header_menu_pic_search_2 .nav_pos h2 { font-size: 14px; font-weight: normal; padding: 10px 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.f_header_menu_pic_search_2 .nav_pos dl { margin: 10px 10px 10px 32px; float: left; }
.f_header_menu_pic_search_2 .nav_pos dl { width: 180px; text-align: center; }
.f_header_menu_pic_search_2 .nav_pos dl dt { position: relative; width: 180px; height: 100px; display: table-cell; text-align: center; vertical-align: middle; overflow: hidden; }
.f_header_menu_pic_search_2 .nav_pos dl:hover dt img { transform: scale(1.1); }
.f_header_menu_pic_search_2 .nav_pos dl img { max-width: 140px; max-height: 100px; transition: all 0.3s ease-out 0s; }
.f_header_menu_pic_search_2 .right_click, .f_header_menu_pic_search_2 .left_click { position: absolute; top: 55px; font-size: 20px; line-height: 10px; background-color: rgb(221, 221, 221); padding: 10px; cursor: pointer; border-radius: 99px; z-index: 9999; }
.f_header_menu_pic_search_2 .left_click { left: 0px; }
.f_header_menu_pic_search_2 .right_click { right: 0px; }
.f_header_menu_pic_search_2 .right_click .glyphicon, .f_header_menu_pic_search_2 .left_click .glyphicon { top: 0px; }
.f_header_menu_pic_search_2 .right_click:hover, .f_header_menu_pic_search_2 .left_click:hover { background-color: rgb(15, 117, 189); color: rgb(255, 255, 255); }
.f_header_menu_pic_search_2 .selected { margin-left: 8px; padding: 8px 0; }
.f_header_menu_pic_search_2 .selected .a { color: rgb(153, 153, 153); padding-left: 20px; position: relative; }
.f_header_menu_pic_search_2 .selected .a::before { position: absolute; content: ""; width: 16px; height: 12px; left: 0px; top: 3px; background: url("/images/css-sprite.png") no-repeat; }
.f_header_menu_pic_search_2 .select_language_wrap .arrow { display: block; width: 0px; height: 0px; margin-left: 3px; border-width: 4px; border-style: solid; border-color: rgb(153, 153, 153) transparent transparent; border-image: initial; float: right; margin-top: 8px; }
.f_header_menu_pic_search_2 .select_language_wrap:hover .select_language{display:block;}
.f_header_menu_pic_search_2 .top a:hover .arrow { border-top-color: #0f75bd; }
.f_header_menu_pic_search_2 .select_language { background: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); line-height: 20px; margin: 0px; overflow: hidden; padding: 8px 0px 0px 10px; position: absolute; top: 22px; right: -27px; height: auto; width: 108px; display: none; }
.f_header_menu_pic_search_2 .select_language dt { height: 20px; width: 80%; text-align: left; overflow: hidden; padding-left: 28px; font-size: 12px; position: relative; }
.f_header_menu_pic_search_2 .select_language dt::before { position: absolute; content: ""; width: 16px; height: 12px; left: 0px; top: 5px; background: url("/images/css-sprite.png") no-repeat; }
.f_header_menu_pic_search_2 .select_language dt a { color: rgb(51, 51, 51); }
.f_header_menu_pic_search_2 .select_language dt.english::before, .f_header_menu_pic_search_2 .select_language_wrap .a.english::before { background-position: 0px -74px; }
.f_header_menu_pic_search_2 .select_language dt.french::before, .f_header_menu_pic_search_2 .selected .a.french::before { background-position: -16px -74px; float: none; }
.f_header_menu_pic_search_2 .select_language dt.german::before, .f_header_menu_pic_search_2 .selected .a.german::before { background-position: -34px -74px; }
.f_header_menu_pic_search_2 .select_language dt.italian::before, .f_header_menu_pic_search_2 .selected .a.italian::before { background-position: -50px -74px; }
.f_header_menu_pic_search_2 .select_language dt.russian::before, .f_header_menu_pic_search_2 .selected .a.russian::before { background-position: -68px -74px; }
.f_header_menu_pic_search_2 .select_language dt.spanish::before, .f_header_menu_pic_search_2 .selected .a.spanish::before { background-position: -85px -74px; }
.f_header_menu_pic_search_2 .select_language dt.portuguese::before, .f_header_menu_pic_search_2 .selected .a.portuguese::before { background-position: -102px -74px; }
.f_header_menu_pic_search_2 .select_language dt.dutch::before, .f_header_menu_pic_search_2 .selected .a.dutch::before { background-position: -119px -74px; }
.f_header_menu_pic_search_2 .select_language dt.greek::before, .f_header_menu_pic_search_2 .selected .a.greek::before { background-position: -136px -75px; }
.f_header_menu_pic_search_2 .select_language dt.japanese::before, .f_header_menu_pic_search_2 .selected .a.japanese::before { background-position: -153px -75px; }
.f_header_menu_pic_search_2 .select_language dt.korean::before, .f_header_menu_pic_search_2 .selected .a.korean::before { background-position: -170px -75px; }
.f_header_menu_pic_search_2 .select_language dt.hindi::before, .f_header_menu_pic_search_2 .selected .a.hindi::before { background-position: -204px -75px; }
.f_header_menu_pic_search_2 .select_language dt.arabic::before, .f_header_menu_pic_search_2 .selected .a.arabic::before { background-position: -187px -75px; }
.f_header_menu_pic_search_2 .select_language dt.turkish::before, .f_header_menu_pic_search_2 .selected .a.turkish::before { background-position: -221px -75px; }
.f_header_menu_pic_search_2 .select_language dt.indonesian::before, .f_header_menu_pic_search_2 .selected .a.indonesian::before { background-position: -112px -63px; }
.f_header_menu_pic_search_2 .select_language dt.vietnamese::before, .f_header_menu_pic_search_2 .selected .a.vietnamese::before { background-position: -129px -63px; }
.f_header_menu_pic_search_2 .select_language dt.thai::before, .f_header_menu_pic_search_2 .selected .a.thai::before { background-position: -146px -63px; }
.f_header_menu_pic_search_2 .select_language dt.bengali::before, .f_header_menu_pic_search_2 .selected .a.bengali::before { background-position: -163px -63px; }
.f_header_menu_pic_search_2 .select_language dt.persian::before, .f_header_menu_pic_search_2 .selected .a.persian::before { background-position: -181px -63px; }
.f_header_menu_pic_search_2 .select_language dt.polish::before, .f_header_menu_pic_search_2 .selected .a.polish::before { background-position: -197px -63px; }
.f_header_menu_pic_search_2 .select_language dt.china::before, .f_header_menu_pic_search_2 .selected .a.china::before { background-position: -214px -63px; }
.f_header_menu_pic_search_2 .header-search { float: right;margin-right: 34px; right: 260px; height: 28px; border-radius: 14px; overflow: hidden; background-color: rgb(255, 255, 255); top: 50%; margin-top: -14px; }
.f_header_menu_pic_search_2 .header-search form { margin-right: 1px; font-size: 0; }
.f_header_menu_pic_search_2 .header-search input { display: inline-block; vertical-align: middle; width: 175px; height: 28px; line-height: 28px; box-sizing: border-box; padding: 0px 10px; border: 0px; }
.f_header_menu_pic_search_2 .header-search button { height: 24px;line-height: 24px;display: inline-block; vertical-align: middle; font-size: 12px; color: rgb(255, 255, 255); padding: 0px 10px; background-color: rgb(38, 38, 46); border-radius: 14px; border: 0px; outline: 0px; cursor: pointer; }
.f_header_menu_pic_search_2 svg{fill:#fff;width:24px;height:24px;}
.f_header_menu_pic_search_2 svg:hover{fill:rgb(15, 117, 189);;}
.f_header_menu_pic_search_2 .iconsapp{ margin-left: 30px;    line-height: 12px;}

/* f_inquiry_box_simpV3 */
.f_inquiry_box_simp{padding:8px 0}
.f_inquiry_box_simp .input-label{font-size:0;}
.f_inquiry_box_simp input,.f_inquiry_box_simp select{outline:0}
.f_inquiry_box_simp .inquiry_content{background:#f5f8fd;border:1px solid #cfd7e4;border-radius:6px}
.f_inquiry_box_simp th,.f_inquiry_box_simp td{padding:4px 3px;text-align:left}
.f_inquiry_box_simp th{text-align:right}
.f_inquiry_box_simp .inquiry_text{border-color:#99aabd #d2dce8 #d2dce8 #99aabd;border-style:solid;border-width:1px;height:22px;line-height:22px;height:20px;line-height:20px;font-size:12px;padding:0 5px}
.f_inquiry_box_simp .error_cntr {
    position: relative;
    font: .85em verdana;
    line-height: 18px;
    height: 18px;
    width: 100%;
    clear: both;
    margin-top: 3px;
    padding-left: 20px;
    color: #e30157;
    display: none;
}

.f_inquiry_box_simp .error_cntr::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: url(/test/images/css-sprite.png) no-repeat -240px -35px;
}
.f_inquiry_box_simp .email_address_td .inquiry_text{width:200px;float:left}.f_inquiry_box_simp .g_mid{position:relative}.f_inquiry_box_simp .g_tab{width:100%;table-layout:fixed;float:left;text-align:left;margin-top:10px}
.f_inquiry_box_simp .g_show{overflow:hidden;width:100%}
.f_inquiry_box_simp .btn_wrap{width:100%;text-align:center;padding:20px 0;height:40px}
.f_inquiry_box_simp .s{font-size:10px;float:left;display:inline;line-height:22px;color:red;margin-left:5px}
.f_inquiry_box_simp .th_cs{font-size:12px;color:#333;width:12%;padding-top:10px}
.f_inquiry_box_simp .email_address_td{padding-bottom:8px;width:620px}
.f_inquiry_box_simp .qr_po{background:url(/images/css-sprite.png) no-repeat -400px -319px;padding-left:8px}
.f_inquiry_box_simp .com_pro{vertical-align:top;padding-bottom:0;width:88%}
.f_inquiry_box_simp .com_pro strong{margin-right:5px}
.f_inquiry_box_simp .com_pro span{color:#888}
.f_inquiry_box_simp .g_lab{font-weight:normal;line-height:24px;padding-top:2px}
.f_inquiry_box_simp .g_sta{float:right;display:inline;padding-left:8px;background:url(/images/css-sprite.png) no-repeat -400px -316px;padding-right:34px;height:20px;font-size:11px;color:#333}
.f_inquiry_box_simp .receiver-list li{margin-bottom:8px}
.f_inquiry_box_simp .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_simp a.blue:hover .product_table{display:block}
.f_inquiry_box_simp .subject_td .inquiry_text{width:610px}
.f_inquiry_box_simp .message_td{padding-right:34px}
.f_inquiry_box_simp .message_td .te{background:#fff;border:1px solid #bbb;padding:0 1px 1px;font:12px Verdana,Arial;margin:0}
.f_inquiry_box_simp .message_td .te iframe{border:0}
.f_inquiry_box_simp .message_td .teheader{height:31px;border-bottom:1px solid #bbb;background:linear-gradient(to bottom,rgba(242,242,242,.5) 50%,rgba(235,235,235,1));padding-top:1px}
.f_inquiry_box_simp .message_td .tedivider{float:left;width:1px;height:30px;background:#ccc}
.f_inquiry_box_simp .message_td .tecontrol{float:left;width:34px;height:30px;cursor:pointer;background-image:url(/images/icons.png)}
.f_inquiry_box_simp .message_td .tecontrol:hover{background-color:#fff;background-position:30px 0}
.f_inquiry_box_simp .message_td .tefooter{height:32px;border-top:1px solid #bbb;background:#f5f5f5}
.f_inquiry_box_simp .message_td .toggle{float:left;padding:9px 13px 0 10px;height:23px;color:#666}
.f_inquiry_box_simp .message_td .resize{float:right;height:32px;width:32px;background:url(/images/css-sprite.png) -376px -264px no-repeat;cursor:s-resize}
.f_inquiry_box_simp .message_td .text_wrap{height:173px;position:relative}
.f_inquiry_box_simp .message_td textarea{height:143px;padding:15px 10px;border:0;font-family:verdana;display:none}
.f_inquiry_box_simp .file_table th{padding-top:6px;width:46px}
.f_inquiry_box_simp .file_table label{font-weight:bold;color:#333}
.f_inquiry_box_simp .time_wrap{line-height:24px}
.f_inquiry_box_simp .time_wrap input[type="checkbox"]{margin-left:0}
.f_inquiry_box_simp input[type="checkbox"]{vertical-align:middle}
.f_inquiry_box_simp .file_table{background:#fff;display:none;width:780px;padding:10px 0}
.f_inquiry_box_simp .toggle_tab span{width:10px;display:inline-block;height:10px;background:url(/images/css-sprite.png) -191px 0 no-repeat}
.f_inquiry_box_simp .toggle_tab span.show{background:url(/images/css-sprite.png) -220px 0 no-repeat}
.f_inquiry_box_simp .toggle_tab table span{background:0;display:inline}
.f_inquiry_box_simp .request{background:#fff;display:none;border:0;padding:10px 0;width:780px}

/* f_inquiry_recommend_simp */
.f_inquiry_recommend_simp{padding:0 25px}
.f_inquiry_recommend_simp ul{overflow:hidden}
.f_inquiry_recommend_simp li{width:50%;padding:15px 0;float:left;border-bottom:#dcdcdc dotted 1px;height:80px}
.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 .btn_wrap{margin-top:8px}

/* f_inquiry_sendok_simp */
.f_inquiry_sendok_simp{padding:0 8px 8px 8px;font-family:Verdana,Geneva,sans-serif}
.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}

/* f_menu_list_category */
.f_menu_list_category {
	width:1200px;
	margin:0 auto 20px;
	clear:both;
	border-top: 1px solid #ddd;
}
.f_menu_list_category .tit {
	color: #000000;
	font-size:20px;
	line-height:2em;
	padding-top:8px;
	font-weight:bold
}
.f_menu_list_category .menu_box {
	width:1000px
}
.f_menu_list_category .menu_box li {
	box-sizing:border-box;
	position:relative;
	width:30%;
	float:left;
	padding:5px 0 5px 15px;
	margin-right:3%
}
.f_menu_list_category .menu_box li:nth-of-type{
    margin-right: 0;
}
.f_menu_list_category .menu_box li:before {
	content:"";
	position:absolute;
	left:5px;
	top:50%;
	margin-top: -2px;
	width:4px;
	height:4px;
	border-radius:50%;
	background-color: #999999;
	-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;
}
.f_menu_list_category .menu_box li a {
	font-size:14px;
	font-weight:normal;
	line-height:2em;
	color: #999999;
}
.f_menu_list_category .menu_box li.cur:before,.f_menu_list_category .menu_box li:hover:before{
    background-color: #333;
}
.f_menu_list_category .menu_box li:hover a,.f_menu_list_category .menu_box li.cur a {
	color:#333
}
.f_menu_list_category .menu_box li.cur a {
	color: #333;
	-webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -o-transition: color .2s ease;
    -ms-transition: color .2s ease;
    transition: color .2s ease;
}

/* f_pic_categories1_simp */
.f_pic_categories1_simp .main_visual {
	background: #999;
	height:500px;
	overflow:hidden;
	position:relative;
}
.f_pic_categories1_simp .main_image {
	height:500px;
	overflow:hidden;
	position:relative;
}
.f_pic_categories1_simp .main_image ul {
	width:9999px;
	height:500px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	background: #fff;
}
.f_pic_categories1_simp .main_image li {
	float:left;
	width:100%;
	height:500px;
	position: relative
}
.f_pic_categories1_simp .main_body {
	position:absolute;
	left:525px
}
.f_pic_categories1_simp .main_image li span {
	display:block;
	width:100%;
	height:500px;
	background-size: auto 100% !important;
	background-color: #fff !important;
}
.f_pic_categories1_simp .main_image li a {
	display:block;
	width:100%;
	height:500px
}
.f_pic_categories1_simp #btn_prev,#btn_next {
	z-index:11;
	position:absolute;
	display:block;
	width:73px!important;
	height:74px!important;
	top:50%;
	margin-top:-37px;
	display:none;
}
.f_pic_categories1_simp .flicking_con {
    display: block !important;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
}

.f_pic_categories1_simp .flicking_con a {
    background: #fff;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #000;
    margin: 0 8px;
    box-sizing: border-box;
    font-size: 0;
    float: left;
    opacity: .5;
}
.f_pic_categories1_simp .flicking_con a.on {
	background-color:#fff;
	opacity: 1;
}
.f_pic_categories1_simp #btn_prev,.f_pic_categories1_simp #btn_next {
	z-index:111;
	border-radius: 3px;
	position:absolute;
	display:block;
	width:70px!important;
	height:70px!important;
	border-radius: 50%;
	top:46%;
	margin-top:-37px;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
	display:none;
	-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;
}
.f_pic_categories1_simp #btn_prev {
	background:#000 url(/images/css-sprite.png) no-repeat -31px -113px;
	left:100px;
}
.f_pic_categories1_simp #btn_next {
	background:#000 url(/images/css-sprite.png) no-repeat -28px -172px;
	right:100px;
}
.f_pic_categories1_simp #btn_prev:hover,.f_pic_categories1_simp #btn_next:hover {
	background-color: #0f75bd;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.f_pic_categories1_simp img[src$='load_icon.gif'] {
	width: 32px !important;
	min-width: 0;
	min-height: 0;
}

/* f_pmd_products */
.f_pmd_products{
    margin-top: 20px;
}
.f_pmd_products .more_products{
    box-sizing: border-box;
}
.f_pmd_products .more_products {
		width: 1200px;
		margin: 0 auto;
		background-color: #fff;
		padding: 10px 33px;
		border-left: 4px solid #0f75bd;
		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: #0f75bd;
	}

/* f_privacy */
.f_privacy {
	margin:0 auto 50px;
	width:1200px;
	box-sizing:border-box;
	line-height:28px;
	background-color: #fff;
    border-radius: 4px;
    padding: 15px 30px;
}

/* f_product_category_column_2V3 */
.f_product_category_column_2 {
	clear:both
}
.f_product_category_column_2 ul{
    overflow: hidden;
}
.f_product_category_column_2 .title {
	font-size:28px;
	color: #000000;
	font-weight:bold;
	text-align:center;
	margin-bottom: 26px;
}
.f_product_category_column_2 li {
	width:290px;
	height:520px;
	float:left;
	background-color: #FFFFFF;
	border-radius:4px;
	padding: 9px 9px 21px;
	margin-right:13px;
	margin-bottom:9px;
	box-sizing: border-box;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	position:relative;
	cursor: pointer;
}
.f_product_category_column_2 li:nth-of-type(4n){
    margin-right:0;
}
.f_product_category_column_2 li .img {
	position:relative;
	width:272px;
	height:272px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}
.f_product_category_column_2 li .img a{
    display: block;
    height: 100%;
}
.f_product_category_column_2 li .img img {
    max-width: 100%; 
    max-height: 100%; 
    position:absolute;
    top: 50%;
    left: 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%);
    transition: transform .3s ease;
}
.f_product_category_column_2 li:hover .img img {
	-webkit-transform: translate(-50%, -50%) scale(1.1);
	-ms-transform: translate(-50%, -50%) scale(1.1);
	transform: translate(-50%, -50%) scale(1.1);
	-webkit-backface-visibility:hidden
}
.f_product_category_column_2 li:hover {
    -webkit-box-shadow:0px 0px 15px rgba(0,0,0,0.18);
	box-shadow:0px 0px 15px rgba(0,0,0,0.18);
}
.f_product_category_column_2 li h2 {
	font-size:16px;
	font-weight:normal;
	line-height:26px;
	margin:10px 10px;
	text-overflow:-o-ellipsis-lastline;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	height:52px;
}
.f_product_category_column_2 li h2 a{
    display: block;
}
.f_product_category_column_2 li p {
    font-size: 14px;
	line-height:24px;
	padding-left:15px;
	position:relative;
	color:#666;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-left:10px
}
.f_product_category_column_2 li p:before {
	position:absolute;
	left:0;
	top:8px;
	width:4px;
	height:4px;
	content:"";
	background-color:#666;
	border-radius:99px
}
.f_product_category_column_2 .sub_email button {
    font-family: Roboto !important;
    height:34px;
    line-height:34px;
	background-color: #0f75bd;
	border:0;
	color:#fff;
	padding:0px 60px;
	cursor:pointer;
	text-transform:uppercase;
	font-weight: bold;
	font-size:13px;
}
.f_product_category_column_2 .sub_email button:hover {
	background-color:#d62001;
	text-decoration:none
}
.f_product_category_column_2 .sub_email button .glyphicon{
    display: none;
}
.f_product_category_column_2 .sub_email {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 20px;
	text-align: center;
}
.f_product_category_column_2 .page_box {
	text-align: center;
}
.f_product_category_column_2 .page_box a {
	width:22px;
	height:22px;
	line-height: 22px;
	border:none;
	-webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
}
.f_product_category_column_2 .page_box a.cur,.f_product_category_column_2 .page_box a:hover {
	color: #fff;
	background: #0f75bd;
}
.f_product_category_column_2 .page_box a {
	text-align:center
}
@-webkit-keyframes nav-i {
	50% {
	-webkit-transform:translateY(8px);
	opacity:.8
}
100% {
	-webkit-transform:translateY(0);
	opacity:.5
}
}
@keyframes nav-i {
	50% {
	transform:translateY(8px);
	opacity:.8
}
100% {
	transform:translateY(0);
	opacity:.5
}
}

/* f_product_showsimple_2V3 */
.f_product_showsimple_2 { position: relative; width: 1200px; margin: 0px auto; padding-top: 75px; }
.f_product_showsimple_2 .m_title h1 {     text-transform: capitalize;font-weight: bold; color: rgb(0, 0, 0); text-align: center; margin-bottom: 54px; }
.f_product_showsimple_2 .m_title h1::before { content: ""; }
.f_product_showsimple_2 .products_wrap ul,.f_product_showsimple_2 .products_wrap .details-list{ overflow: hidden; margin: 0px -6px; }
.f_product_showsimple_2 .pro_box { width: 290px; height: 472px; box-sizing: border-box; float: left; padding: 9px; background-color: rgb(255, 255, 255); margin: 0px 6px 11px; transition: box-shadow 0.2s ease 0s; }
.f_product_showsimple_2 .pro_box .operations{ text-align:center; }
.f_product_showsimple_2 .pro_box .operations .btn{height: 34px!important;line-height: 34px!important;padding: 0 60px!important;}
.f_product_showsimple_2 .pro_box:hover { background: rgb(255, 255, 255); box-shadow: rgba(168, 158, 156, 0.18) 0px 3px 15px; }
.f_product_showsimple_2 .pro_img { position: relative; text-align: center; }
.f_product_showsimple_2 .pro_img a { display: block;width: 100%; height: 272px; overflow: hidden; position: relative;}
.f_product_showsimple_2 .pro_img a img { 
    max-width: 100%; 
    max-height: 100%; 
    position:absolute;
    top: 50%;
    left: 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%); 
    transition: all 0.5s ease;
}
.f_product_showsimple_2 .pro_img a:hover img { transform: translate(-50%, -50%) scale(1.2); }
.f_product_showsimple_2 .pro_tit { height: 50px; overflow: hidden; width: 240px; margin: 10px auto; }
.f_product_showsimple_2 .pro_parameters { height: 80px; width: 240px; margin: 0px auto; font-size: 13px; color: rgb(153, 153, 153); }
.f_product_showsimple_2 .pro_parameters li,.f_product_showsimple_2 .products_wrap .details-list .detail { line-height: 1.5; font-size: 14px; width: 240px; padding-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; }
.f_product_showsimple_2 .pro_parameters li::before,.f_product_showsimple_2 .products_wrap .details-list .detail::before { content: ""; width: 4px; height: 4px; border-radius: 50%; background-color: rgb(153, 153, 153); position: absolute; left: 0px; top: 50%; margin-top: -2px; }
.f_product_showsimple_2 .pro_tit a { font-size: 16px; line-height: 1.5; font-weight: normal; color: rgb(51, 51, 51); margin-bottom: 13px; text-align: center; text-decoration: none; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.f_product_showsimple_2 .pro_tit a:hover { color: #0f75bd; }
.f_product_showsimple_2 .p_divider { display: block; position: absolute; width: 1px; background: linear-gradient(rgba(255, 255, 255, 0) 0px, rgba(252, 252, 252, 0) 1%, rgb(224, 224, 224) 15%, rgb(224, 224, 224) 85%, rgba(255, 255, 255, 0) 100%); }

/* f_product_stick_updn_2V3 */
.f_product_stick_updn_2 {
	padding-top: 72px;
	width: 1212px;
	margin: 0px auto;
}
.f_product_stick_updn_2 .title {
	font-size: 28px;
	font-weight: bold;
	color: rgb(0, 0, 0);
	text-align: center;
	margin-bottom: 49px;
	text-transform: uppercase;
}
.f_product_stick_updn_2 .img_list {
	width: 246px;
	float: left;
	margin-right: 4px;
	transition: box-shadow 0.2s ease;
}
.f_product_stick_updn_2 .img_list:hover {
	box-shadow: rgba(168, 158, 156, 0.18) 0px 3px 15px;
}
.f_product_stick_updn_2 .last {
	margin-right: 0px;
}
.f_product_stick_updn_2 .img_list h2 {
	font-size: 14px;
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.f_product_stick_updn_2 .img_list .img_son li {
	height: 350px;
	height: 272px;
	position: relative;
}
.f_product_stick_updn_2 .img_list .img_son li::after {
	position: absolute;
	width: 100%;
	height: 1px;
	content: "";
	bottom: 0px;
	left: 0px;
	background-color: rgb(245, 245, 245);
}
.f_product_stick_updn_2 .img_list .img {
	width: 100%;
	height: 272px;
	display: block;
	position: relative;
	overflow: hidden;
}
.f_product_stick_updn_2 .img_list .img img {
    max-width: 100%; 
    max-height: 100%; 
    position:absolute;
    top: 50%;
    left: 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%);
    transition: all .5s ease;
}
.f_product_stick_updn_2 .img_list:hover .img img {
	transform: translate(-50%, -50%) scale(1.1);
}
.f_product_stick_updn_2 .img_list ul {
	text-align: center;
	height: 350px;
	overflow: hidden;
}
.f_product_stick_updn_2 .img_list ul a {
	display: block;
	text-decoration: none;
}
.f_product_stick_updn_2 .img_list ul a.tit {
	font-size: 16px;
	padding: 0px 10px;
	line-height: 26px;
	max-height: 52px;
	margin: 10px 0px;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.f_product_stick_updn_2 .img_list ul a.tit:hover {
	color: #0f75bd;
}
.f_product_stick_updn_2 .hot_bg {
    display:block;
	text-align: center;
	padding: 10px 10px 0px;
	position: relative;
}
.f_product_stick_updn_2 h2.hot_title {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: rgb(153, 153, 153);
	margin-bottom: 10px;
}
.f_product_stick_updn_2 .hot_title a {
    font-size: 14px;
	color: rgb(153, 153, 153);
	transition: color .2s ease;
}
.f_product_stick_updn_2 .hot_title a:hover{
    color: #0f75bd;
}
.f_product_stick_updn_2 a.hot_more {
	display: block;
	color: #0f75bd;
	text-transform: uppercase;
	transition: color 0.2s ease;
}
.f_product_stick_updn_2 a.hot_more:hover {
	background-color: #fff;
	text-decoration: none;
	color: #0d5486;
}
.f_product_stick_updn_2 .hot_bg_top {
	text-align: center;
	padding: 10px 10px 20px;
	position: relative;
}
.f_product_stick_updn_2 .hot_bg_top + ul li::after {
	display: none;
}
.f_product_stick_updn_2 .hot_bg_top::after {
	position: absolute;
	width: 100%;
	height: 1px;
	content: "";
	bottom: 0px;
	left: 0px;
	background-color: rgb(245, 245, 245);
}
.f_product_stick_updn_2 img[src$="load_icon.gif"] {
	min-width: 0px;
	min-height: 0px;
	width: 32px !important;
}
.f_product_stick_updn_2 .img_list > ul > li {
	position: relative;
}
.f_product_stick_updn_2 .img_list > ul > li:last-child {
	margin-right: 0px;
}
.f_product_stick_updn_2 .model1-slogn {
	position: absolute;
	top: 240px;
	left: 13px;
}
.f_product_stick_updn_2 .img_list .video-image-box {
	width: 246px;
	height: 180px;
	display: none;
	position: relative;
}
.f_product_stick_updn_2 .img_list .video-image-box video {
	max-width: 93%;
	max-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.f_product_stick_updn_2 .video-image-box .fada {
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: 28px;
	right: 8px;
	z-index: 10;
	cursor: pointer;
	background: url("//images/pql_zoom.png") center center / cover no-repeat;
	color: rgb(204, 204, 204);
	border-radius: 50%;
	border: 0px;
}
.f_product_stick_updn_2 .img_list {
	position: relative;
	width: 290px;
	height: 444px;
	padding: 9px;
	box-sizing: border-box;
	background-color: rgb(255, 255, 255);
	margin: 0px 6px;
	border-radius: 4px;
}
.f_product_stick_updn_2 .img_list .videowrap, .f_product_stick_updn_2 .img_list .videowrap .videoCell {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 246px;
	height: 176px;
	z-index: 999;
}
.f_product_stick_updn_2 .img_list .videowrap .videoBox {
	width: 246px;
	height: 176px;
	display: block;
	position: relative;
}

/* get_touch_99703_125 */


/* global */
.cont_main_box {
	width:1200px;
	margin:0 auto;
	clear:both;
	margin-bottom:50px;
}
.cont_main_whole {
	clear:both
}
.cont_main_fixed {
	height:110px
}
.cont_main_n {
	width:330px;
	float:left
}
.cont_main_no {
	width:870px;
	float:left
}
.cont_main_no_inner {
	margin-left:17px;
	position:relative;
	background-color: #fff;
    border-radius: 4px;
    padding: 15px 30px;
}
@font-face {
	font-family:"HelvLight Normal";
	src:url("/images/fonts/HELN.TTF") format("truetype");
	font-weight:normal;
	font-style:normal;
	font-display: swap;
}
@font-face {
	font-family:"HelveticaNeue Black";
	src:url("/images/fonts/-black.otf") format("otf"),url("/images/fonts/helveticaneue-black.ttf") format("truetype");
	font-weight:normal;
	font-style:normal;
	font-display: swap;
}
body {
	font-family:Roboto !important;
	color:#333;
	margin:0;
	padding:0;
	background:#F5F5F5;
	font-size:14px;
	line-height:1.5;
	overflow:scroll;
	overflow-x:hidden
}
p,a,ul,li,dl,dd,dt,h1,h2,h3,h4,img {
	margin:0;
	padding:0;
	list-style:none;
	border:0
}
img {
	vertical-align:middle
}
img[src="/images/load_icon.gif"]{
    width:32px !important;
    height:32px !important;
}
a {
	cursor:pointer
}
a:link {
	color:#333;
	text-decoration:none
}
a:visited {
	color:#333;
	text-decoration:none
}
a:hover {
	color: #0f75bd;
}
td {
	vertical-align:top;
	text-align:left
}
::-webkit-input-placeholder {
	color:#999;
	font-size: 12px;
}
:-moz-placeholder {
	color:#999;
	font-size: 12px;
}
::-moz-placeholder {
	color:#999;
	font-size: 12px;
}
:-ms-input-placeholder {
	color:#999;
	font-size: 12px;
}
.clearfix {
	clear:both
}
.fleft {
	float:left
}
.fright {
	float:right
}
.btn {
    font-size: 13px;
    height: 26px !important;
    background-color: #0f75bd !important;
    text-transform: uppercase;
    background-image: none !important;
    -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;
    opacity: 1 !important;
    padding: 0 12px !important;
    border-radius: 0 !important;
    border:none!important;
    font-weight:bold;
    cursor:pointer;
}
.btn:hover {
	background-color: #0d5486 !important;
}
.page_box {
	margin:25px auto;
	height:24px;
	cursor:default;
	text-align:center;
	clear:both;
	border:0
}
.page_box a {
	width:22px;
	height:22px;
	line-height:22px;
	margin-left:5px;
	text-decoration:none;
	display:inline-block;
}
.page_box a.cur {
	background:#0f75bd;
	color: #fff;
-webkit-transition: background .2s ease;
    -moz-transition: background .2s ease;
    -o-transition: background .2s ease;
    -ms-transition: background .2s ease;
    transition: background .2s ease;
}
.page_box a:hover {
	color: #fff;
	background:#0f75bd;
}
.contact_us_btn {
	border:1px solid #ff7d29;
	font-weight:normal;
	font-family:arial;
	font-size:16px;
	cursor:pointer;
	color:#fff;
	padding:5px 10px 5px 35px;
	box-shadow:0 1px 1px 1px rgba(0,0,0,.15);
	-moz-box-shadow:0 1px 1px 1px rgba(0,0,0,.15);
	-webkit-box-shadow:0 1px 1px 1px rgba(0,0,0,.15);
	border-radius:4px;
	background:#ff7d29 url(/images/css-sprite.png) no-repeat -261px -213px;
	-moz-transition:all .35s ease;
	-o-transition:all .35s ease;
	-webkit-transition:all .35s ease;
	transition:all .35s ease
}
.contact_us_btn:hover {
	background:#fff url(/images/css-sprite.png) no-repeat -377px -213px;
	color:#ff7d29;
	border:1px solid #ff7d29
}
.bg2d {
	background-color:#ffffff;
}
.search_btn {
	width:20px;
	height:20px;
	background:url( /images/css-sprite.png) no-repeat 2px -18px;
	color:#fff
}
.g_btn {
	width:167px;
	height:40px;
	background:url(/images/css-sprite.png) no-repeat -219px -295px
}
.btn_default,.btn_alert {
	font-family:arial;
	color:#333;
	font-size:13px;
	font-weight:700;
	line-height:15px;
	padding:5px 12px;
	border:1px solid #bcbcbc;
	background-color:#eee;
	cursor:pointer;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
	-moz-box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
	box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
	background-image:-moz-linear-gradient(top,#fafafa,#e8e8e8);
	background-image:-ms-linear-gradient(top,#fafafa,#e8e8e8);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#fafafa),to(#e8e8e8));
	background-image:-webkit-linear-gradient(top,#fafafa,#e8e8e8);
	background-image:-o-linear-gradient(top,#fafafa,#e8e8e8);
	background-image:linear-gradient(top,#fafafa,#e8e8e8);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa',endColorstr='#e8e8e8',GradientType=0)
}
.btn_default:hover {
	background:#fff;
	border-color:#aaa;
	text-decoration:none
}
.btn_alert {
	color:#fff;
	border-color:#e87b0e;
	background-image:-moz-linear-gradient(top,#ffa705,#ff8a27);
	background-image:-ms-linear-gradient(top,#ffa705,#ff8a27);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffa705),to(#ff8a27));
	background-image:-webkit-linear-gradient(top,#ffa705,#ff8a27);
	background-image:-o-linear-gradient(top,#ffa705,#ff8a27);
	background-image:linear-gradient(top,#ffa705,#ff8a27);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa705',endColorstr='#ff8a27',GradientType=0)
}
.btn_alert:hover {
	background-image:none;
	background:#ffa705
}
.kj_title {
	width:1000px;
	margin:0 auto;
	color:red;
	font-size:20px;
	padding:30px 0 10px 0
}
.fill_more_wrap {
	font-family:verdana;
	z-index:102;
	border:1px solid #eee;
	margin:0;
	width:700px;
	height:460px;
	position:relative;
	visibility:visible;
	background-color:#fafafa
}
.fill_more_wrap {
	font-family:verdana
}
.fill_more_wrap .title {
	height:22px;
	font-falimy:verdana,arial;
	font-size:18px;
	padding:11px 3px 2px 30px;
	text-align:left;
	border-bottom:1px solid #eee;
	position:relative
}
.fill_more_wrap .close_box {
	position:absolute;
	right:8px;
	top:8px
}
.fill_more_wrap .boxs_wrap {
	width:677px;
	margin:0 auto;
	height:390px;
	margin-top:12px
}
.fill_more_wrap .boxs_middle .boxs_content {
	padding:5px 15px 0 30px;
	font-size:13px
}
.fill_more_wrap .boxs_table select {
	height:26px;
	line-height:26px;
	border-color:#dcdcdc;
	outline:0
}
.fill_more_wrap .boxs_table th {
	width:19%;
	padding:4px 3px;
	vertical-align:top
}
.fill_more_wrap .boxs_table .g_lab {
	font-weight:normal;
	padding-top:7px;
	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 .inquiry-text {
	border-color:#dcdcdc;
	border-style:solid;
	border-width:1px;
	height:24px;
	line-height:24px;
	padding:0 5px;
	outline:0
}
.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:top
}
.fill_more_wrap .boxs_table .optional_td td {
	width:78%;
	padding:4px 3px;
	vertical-align:top
}
.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 .boxs_tip {
	position:absolute;
	bottom:5px;
	left:55px;
	color:#999;
	border-top:#d4d6d5 solid 1px;
	padding-top:3px;
	margin-right:20px
}
.f_menu_list_inner .f_menu_list {
	display:none;
}
@font-face {
	font-family: "iconfont";
	src:url('/images/fonts/hu_iconfont.woff') format('woff');
	font-display: swap;
}
.iconfont {
	font-family:iconfont!important;
	font-size:16px;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.icon-yahoo1:before {
	content:"\e8d5"
}
.icon-youjian:before {
	content:"\e61a"
}
.icon-skype:before {
	content:"\e600"
}
.icon-WhatsAPP:before {
	content:"\e6dc"
}
.icon-aim:before {
	content:"\e638"
}
.icon-icq:before {
	content:"\e69e"
}
.icon-viber:before {
	content:"\e68f"
}
.icon-wechat:before {
	content:"\e601"
}
.model1-slogn {
	display:block;
	position:absolute;
	bottom:5px;
	left:5px;
	width:50px;
	height:20px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAUCAYAAADPym6aAAAAAXNSR0IArs4c6QAAA4VJREFUSA3dV0tMmkEQBhFFpEUi+IBgUq1yaCQmLTTxUVNMmjQhRk968XHwpiRGTxof0Yue1KiJ9uIjxnggsRePtRV8JqYRxdpKoRKJSCgoVsqrCp0l/e3Pxh88in+y7M7szOx8szOzgU6j0YpgKGGIYcTj5wCn1Qz4UcHIjkcE/3xmw5yVAD/8OAZBuC5GQB7E92CAJMa6jrGxMWlra+ve9fV1hGh9fb3Q6XQGcnJy2Jubm2c6nc49PT39PC0tLRkJXl5eBvb3988nJibMsA4rd3R0PJXL5RkRhoCYm5szLi4u2hFfJBIl9fb2PpNIJDyv13ul0WisAwMDRlwHp2MCEQgEKXV1daKZmZkTsnJbW1tRdXX1x9ra2ienp6c+BEQmk2UrlcoPSE4oFCaXl5cLVlZW3jQ2Nmr1ev3viooKETilN5lMHrIth8MRQHRxcTF3cnKyFGQ+Q/B2ISiJ7e3t+WDjtUKh+BQMBslqEeuYqTU+Pn4IQArIWlKplAPR+nN0dOQj8+HWQmaz2YfGxsbGBYpkc3Pz+vDwsIyQQ6AJGWJ2u91hD0HuZUNDg2ZhYcHm8XiCVqs1AEC+QBAc6DYJG7fNMYGsra254FbY6enpN7enUqny5+fnDbcZxHlbW1u/eDweC+fjNJzBRBHf2dlx43vd3d1fKysrc3E+mb5xjszE10tLSz9aWlpy+/r6ws6XlJSIgdbhclQ0qhexWByundnZ2TKfz3dFlq2pqVktLCx8dHx8fEHmE2uXy3XFYrGi+hp1kzA0OjpqAjAKBKSqqirj4ODgp9/vDxH7sebU1NQku90ergNInVXQj6gRpM/n8/1cLjcMFreXkJBAC4WiHxcztZBRm80WgKj6UW00NTUVQCc6xA+jojMzM5ngCD0WcOhwbuiAXCaTScdtQVPJMBqN5zifTN8JCFKAlDBA4UkgRR4vLy+fkY1QrREItVr9amRkZJdKhuCj+oAW/B264wt0A8SXl5fH6u/vl3d2dkZN5TulFjIKvf5kcHCwDIpcTxyCz1DUKdAqFXQ6ncZgMFBk6UNDQ3vEG4Hkp6amSvEa0Wq1Jz09PYddXV3fwGnJ9vb2W4vFcsHhcJIg3VhQj+sGg8GLn0em0WHvyIz7soYHkY3eF3h0IxoDlX/3FgiVw1T8/8lIJREn/AcFxBknQY/mpgX9Q0RAsmBwo0ne4z3k//u/ScV3Bb6pny4AAAAASUVORK5CYII=) no-repeat center;
	z-index:999;
}

/*sgs*/
	/* 清楚浮动*/
	.clearfix:after {
	content:"";
	display:block;
}
.clearfix {
	*zoom:1;
	/* 这是专门给IE6-7做的清除浮动*/
}
.Verifiedby {
	width:100%;
	font-family:PingFang SC;
	height:40px;
	text-transform: none;
    position: relative;
        text-align: center;
}
.Verifiedby .sgsmain {
	height:40px;
	padding:0 13px;
	background:rgba(224,243,255,1);
	border-radius:4px;
	margin:0 auto;
	overflow:hidden;
	display:none;
	line-height:39px;
        float: left;
}
.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;
}
.Verifiedby .sgsmain .ecerimg {
	vertical-align: middle;
	margin:0;
	margin-left:9px;
	width:49px !important;
	height:14px !important;
}
.Verifiedby .sgsmain .and {
	color:#333;
	font-size:20px;
	font-weight:400;
	vertical-align: middle;
}
.abouts .sgsmain {
	float:left;
}
.abouts .aboutinfo {
	text-transform: none;
	float:right;
	line-height:40px;
	color:rgba(102,102,102,1);
	font-size:14px;
}
.iconsapp {
        display: inline-block;
        height: 100%;
    }
.iconsapp svg{
    margin:0 6px;
}

.abouts .ecerfuhao {
	color:#2EBC4F;
	font-weight:800;
	font-size:20px;
	line-height:39px;
	height:39px;
	float:left;
}
.duihao1,.duihao2 {
	display:inline-block;
	border:2px solid #FE9313;
	width:8px;
	height:14px;
	transform:rotate(45deg);
	border-top:transparent;
	border-left:transparent;
}
.duihao2 {
	border-color:#2EBC4F;
}
.abouttable {
	margin-bottom:10px;
	background:linear-gradient(180deg,rgba(240,250,253,1) 0%,rgba(249,254,255,1) 100%);
	width:100%;
}
.abouttable {
	width: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 span {
	float:right;
}
.abouttable .left {
	width:49%;
	padding:18px 0;
	display:inline-block;
	padding-left:25px;
	padding-right:39px;
	box-sizing:border-box;
	border-right:1px solid rgba(239,239,239,1);
	border-bottom:1px solid rgba(239,239,239,1);
}
.videologo {
            position: absolute;
            top: 0;
            left: 0;
            display: inline-block;
            text-align: center;
            height: 100%;
            width: 100%;
            cursor: pointer;
            z-index: 10;
        }

        .videologo::before,
        .videologo::after {
            content: "";
            position: absolute;
            top: 50%;
            left: 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%);
        }

        .videologo::before {
            width: 35px;
            height: 35px;
            border-radius: 50%;
            background: rgba(0, 0, 0, 0.5);
        }

        .videologo::after {
            border-style: solid;
            border-color: transparent transparent transparent #fff;
            border-width: 8px 0 8px 12px;
            border-radius: 4px;
        }

.abouttable .right {
	width:50%;
	display:inline-block;
	padding:18px 0;
	padding-left:25px;
	padding-right:39px;
	box-sizing:border-box;
	border-bottom:1px solid rgba(239,239,239,1);
}
.abouttable>div:nth-last-child(1),.abouttable>div:nth-last-child(2) {
	border-bottom:none;
}
.aboutlink .line {
	width:1px;
	height:20px;
	background:#c6c6c6;
	display:inline-block;
	margin-left:10px;
	margin-right:9px;
	vertical-align:middle;
}
.aboutlink {
	margin:15px 0;
	width:100%;
	font-size:14px;
	font-weight:500;
	line-height:19px;
}
.aboutlink span:nth-child(1) {
	color:rgba(153,153,153,1);
}
.aboutlink span:nth-child(3) {
	color:rgba(51,51,51,1);
	margin-right:27px;
}
.aboutlink span:nth-child(4) {
	color:rgba(51,51,51,1);
	text-decoration:underline;
	cursor:pointer;
}
.YouTuBe_Box_Iframe {
	width:100%;
	height:100%;
	position:relative;
	max-width:500px;
	max-height:500px;
	background:rgba(0,0,0,.01);
}
.YouTuBe_Box_Iframe .play {
	position:absolute;
	width:80px;
	height:80px;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	cursor:pointer;
	border-radius:50%;
}
.YouTuBe_Box_Iframe .BoxId {
	position:absolute;
	z-index:10;
	left:0;
	top:0;
}
.YouTuBe_Box_Iframe .img {
	width:100%;
	height:100%;
	background:#fff;
    overflow: hidden;
}
.YouTuBe_Box_Iframe img {
	max-width: 100%; 
    max-height: 100%; 
    position:absolute;
    top: 50%;
    left: 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%);
}
.YouTuBe_Box_Iframe .svg img{
    max-width: 80px !important;
    max-height: 80px !important;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.YouTuBe_Box_Iframe .play .svg {
	width: 40px;
    height: 40px;
    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%);
}
.el-message {
	min-width:380px;
	box-sizing:border-box;
	border-radius:4px;
	border:1px solid #ebeef5;
	position:fixed;
	left:50%;
	top:20px;
	transform:translateX(-50%);
	background-color:#edf2fc;
	transition:opacity .3s,transform .4s,top .4s;
	overflow:hidden;
	padding:10px 10px 10px 20px;
	display:flex;
	align-items:center;
	background-color:#EBEEF5;
	border-color:#EBEEF5;
	transition:all 300 ease;
}
.el-message__content {
	padding:0;
	margin:0;
}
.loader-inner {
	display:none;
	height:100%;
	position:relative;
}
.ball-clip-rotate>div {
	background-color:#fff;
	width:15px;
	height:15px;
	border-radius:100%;
	margin:2px;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	border:2px solid #fff;
	border-bottom-color:transparent;
	height:35px;
	width:35px;
	background:transparent !important;
	display:inline-block;
	animation: rotate 0.75s linear infinite;
	margin:auto;
	left:0;
	top:0;
	bottom:0;
	right:0;
	position:absolute;
}
@-webkit-keyframes rotate {
	0% {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg);
}
50% {
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
}
100% {
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg);
}
}
@keyframes rotate {
	0% {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg);
}
50% {
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
}
100% {
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg);
}
}


/* 自定义询盘 */
.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: 22px;
  background: #fff;
  border: 1px solid #ddd;
  box-sizing: border-box;
  padding: 0 8px;
  color: #222;
  font-size: 14px;
  outline: 0;
  border-color: #99aabd #d2dce8 #d2dce8 #99aabd;
}

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

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

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

.custom-item .unifiedRegulation {
  display: flex;
  margin: 5px 0;
}

.custom-item .unified-left-wrap {
  width: 150px;
  height: 22px;
  position: relative;
}

.custom-item .unified-left-wrap em {
  font-weight: normal;
  padding-right: 3px;
  font-size: 1.04em;
  position: relative;
  top: 1px;
}

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

.custom-item .unifiedRegulation .tipImportant {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  text-align: right;
  max-height: 2em;
  line-height: 1em;
  color: #333;
  font-weight: bold;
  font-size: 12px;
}

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

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

.custom-item .quote-unit {
  position: relative;
  left: -2px;
  padding: 0px 12px;
  font-size: 12px;
  line-height: 20px;
  color: #555;
  background-color: #eee;
  border: 1px solid #ddd;
  border-left: 0;
  border-color: #99aabd #d2dce8 #d2dce8 #99aabd;
  z-index: 5;
}

.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: 0 16px 6px 0;
  line-height: 22px;
  padding: 0 12px;
  border: 1px solid #ddd;
  background: #fff;
  border-color: #99aabd #d2dce8 #d2dce8 #99aabd;
}

.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: 8px solid transparent;
  border-bottom-color: #f90;
  border-right-color: #f90;
}

.custom-item .checkbox-wrap label.on::after {
  width: 5px;
  height: 5px;
  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 div.form {
  margin-top: 10px;
}

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

.leave-message-dialog .dialog-content-pql-id {
  min-width: 750px !important;
}

.dialog-content-pql {
  width: 600px;
  max-height: 95%;
  overflow-y: auto;
  overflow-x: hidden;
}

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

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

.dialog-content-pql .left {
  position: sticky;
  top: 0;
}

.dialog-content-pql .right {
  width: 430px;
}

.dialog-content-pql .close {
  /*position: sticky;*/
  /*top: 0;*/
  /*float: right;*/
  /*transform: translate(55px, -25px);*/
}

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

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

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

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

.dialog-content-pql .quote-item-half {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}

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

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

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

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

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

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

.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;
}

.dialog-content-pql .errorTip .icon::before,
.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);
}

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

.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;
}

.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;
}

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

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

.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 #ddd;
}

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

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

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

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

.dialog-content-pql .checkbox-wrap label.on::before,
.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;
}

.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;
}
.dialog-content-pql-id-hand {
  width: 800px;
  max-height: 95%;
  overflow-y: auto;
  overflow-x: hidden;
}

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

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

.dialog-content-pql-id-hand .left {
  position: sticky;
  top: 0;
}

.dialog-content-pql-id-hand .right {
  width: 430px;
}

.dialog-content-pql-id-hand .close {
  position: sticky;
  top: 0;
  float: right;
  /*transform: translate(55px, -25px);*/
}

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

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

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

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

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

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

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

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

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

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

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

.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;
}

.dialog-content-pql-id-hand .errorTip .icon::before,
.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);
}

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

.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;
}

.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;
}

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

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

.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 #ddd;
}

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

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

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

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

.dialog-content-pql-id-hand .checkbox-wrap label.on::before,
.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;
}

.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);
}

#floatAd{
    height: 79px !important;
}

/* header_99703_101 */


/* inner_banner_99703_113 */


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

.leave-message-dialog {
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 11000;
    font-family: Roboto !important;

}
.leave-message-dialog input {
 font-family: Roboto !important;
}
.leave-message-dialog .dialog-content-pql {
    min-width: 600px;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    border-radius: 4px;
    padding: 41px 47px 34px
}
.leave-message-dialog .dialog-content-pql-id {
    min-width: 716px;
}
.leave-message-dialog .close {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 22px;
    right: 27px;
    cursor: pointer
}

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

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

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

.leave-message-dialog .title {
    font-size: 24px;
    color: #333333;
    text-align: center;
    line-height: 1.5;
    font-weight: bold;
}

.leave-message-dialog p {
    margin: 0
}

.leave-message-dialog .form {
    width: 100%;
    margin-top: 22px
}

.leave-message-dialog .form input,
.leave-message-dialog .form .textarea {
    background-color: #F5F5F5;
    font-family: robot !important
}

.leave-message-dialog .form input,
.leave-message-dialog .form textarea {
    display: block;
    width: 100%;
    font-size: 16px;
    border-radius: 4px;
    border: none;
    outline: none;
    box-sizing: border-box;
    padding: 12px 19px;
    line-height: 20px;
    margin-bottom: 15px;
    text-indent: 0
}

.leave-message-dialog .form input {
    height: 44px
}

.leave-message-dialog .form .textarea {
    position: relative
}

.leave-message-dialog .form textarea {
      font-size: 14px;
        height: 180px;
        background-color: transparent;
        position: relative;
        z-index: 1;
}

textarea::-webkit-input-placeholder {
    font-family: robot !important
}

.leave-message-dialog .form::-webkit-input-placeholder {
    font-size: 16px;
    color: #999999
}

.leave-message-dialog .form:-moz-placeholder {
    font-size: 16px;
    color: #999999
}

.leave-message-dialog .form::-moz-placeholder {
    font-size: 16px;
    color: #999999
}

.leave-message-dialog .form:-ms-input-placeholder {
    font-size: 16px;
    color: #999999
}

.leave-message-dialog .form #submitStart {
    margin: 0 auto
}

.leave-message-dialog .form #submitStart:hover {
    filter: brightness(110%)
}

.dialog-content-pql-id .img {
    width: 100%;
    height: 200px;
    border-radius: 2px;
    display: inline-block;
    position: relative
}

.dialog-content-pql-id .img img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.dialog-content-pql-id .left {
    width: 200px;
    float: left
}

.dialog-content-pql-id .titlep {
    word-wrap: break-word;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
line-height: 20px;
margin-top: 10px;
}

.dialog-content-pql-id .left ul {
    
    list-style: none;
    margin-top: 20px;
}

.dialog-content-pql-id .left ul li {
    list-style: none;
    margin-top: 6px;
}

.dialog-content-pql-id .left ul li span:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 100%;
    line-height: 22px;
}

.dialog-content-pql-id .left ul li span:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 100%;
    line-height: 22px;
}

.dialog-content-pql-id .right {
    width: 400px;
    float: right;
    margin-left: 20px
}

.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-id input {
    width: 100%;
    height: 40px;
    margin-top: 20px;
    border: none;
    outline: none;
    background: rgb(245, 245, 245);
    text-indent: 16px;
    font-size: 16px
}

.dialog-content-pql .btn {
    background: #0f75bd;
    width: 200px;
    height: 40px!important;
    border-radius: 4px!important;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    color: #fff;
    margin-top: 30px;
    cursor: pointer
}

.dialog-content-pql .btn:hover {
    filter: brightness(110%)
}

.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: rgb(52, 218, 0);
    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: rgb(164, 255, 148);
    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;}
.leave-message-dialog .dialog-content-pql-id-hand  .form textarea {
    height: 190px;
}
#dialog-content-pql-ok{min-width: 460px;} 
.dialog-content-pql-id .titlep,.dialog-content-pql-id .left ul li{font-size:16px}

/* 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 {
    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: #999;
    margin-left: 8px
}

.news_detail_99704_128 .news-bottom .link a:hover {
    color: #333
}

.news_detail_99704_128 .news-bottom .link:last-child {
    margin-bottom: 0
}
.news_detail_99704_128 .news-bottom{
    display:none;
}

/* 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 .main_title {
    position: relative;
}
.news_list_99704_127 .main_title:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    left: 0;
    top: 50%;
}
.news_list_99704_127  .main_title .main_con {
    font-size: 16px;
    line-height: 40px;
    background-color: #fff;
    position: relative;
    z-index: 1;
    padding-right: 25px;
    font-weight: normal;
}
.news_list_99704_127 .news-list li:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border: 0
}

.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 h2{
    
    font-weight: normal;
}
.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: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical
}

.news_list_99704_127 .text-title:hover a {
    color: #0f75bd
}

.news_list_99704_127 .time {
    color: #999;
    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
}
.news_list_99704_127 .image-part img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.news_list_99704_127 .pagelist {text-align:center;margin: 25px auto;}
.news_list_99704_127 .pagelist .current{color:#0f75bd;}

/* no_company_factory_detail */
.no_company_factory_detail {
	margin:0 auto;
	overflow:hidden;
	padding:0 10px
}
.no_company_factory_detail li .title {
	font-size: 16px;
    line-height: 1.5;
    padding-bottom: 6px;
    margin: 19px 0;
    border-bottom: 1px solid #ddd;
}
.no_company_factory_detail li.last {
	padding-bottom:0
}
.no_company_factory_detail .youtube-video-online {
	width:640px;
	height:480px;
	position:relative;
	background: url(./images/load_icon.gif) no-repeat center center;
	background-color:#eee;
}
.no_company_factory_detail img[src$='load_icon.gif']{
    width: 32px !important;
    height: 32px !important;
}

/* no_company_factory_general_simpV3 */
.no_company_factory_general_simp .isho {
	overflow:hidden;
	padding:0 10px
}
.no_company_factory_general_simp .but {
    position: relative;
}
.no_company_factory_general_simp .but:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    left: 0;
    top: 50%;
}
.no_company_factory_general_simp .but>span {
	font-size: 16px;
    line-height: 40px;
    background-color: #fff;
    position: relative;
    z-index: 1;
    padding-right: 25px;
    font-weight: normal;
}
.no_company_factory_general_simp .but>span a{
    color: #333;
}
.no_company_factory_general_simp .confac {
	text-align:left;
	display:none;
	line-height:1.5em;
	padding:5px 0;
	*width:687px;
	height:280px
}
.no_company_factory_general_simp .isho div.cur {
	display:block
}
.no_company_factory_general_simp .le_td {
	width:406px;
	vertical-align:top
}
.no_company_factory_general_simp .name_td {
	padding-top:10px;
	padding-left:8px;
	vertical-align:top
}
.no_company_factory_general_simp .le {
	width:350px;
	height:230px;
	margin-left:8px;
	margin-top:10px;
	overflow:hidden;
	position:relative
}
.no_company_factory_general_simp .le .img_wrap {
	width:350px;
	height:230px;
	position: relative;
	overflow:hidden;
}
.no_company_factory_general_simp .le .img_wrap img {
	max-width: 100%; 
    max-height: 100%; 
    position:absolute;
    top: 50%;
    left: 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%);
}
.no_company_factory_general_simp .page {
	position:absolute;
	right:8px;
	bottom:5px;
	margin:0;
	z-index: 1;
}
.no_company_factory_general_simp .page span {
	display:inline-block;
	padding:3px 6px;
	display:inline-block;
	background:#fff;
}
.no_company_factory_general_simp .img_wrap img {
	display:none
}
.no_company_factory_general_simp .img_wrap img.cur {
	display:block
}
.no_company_factory_general_simp .pic_title span {
	display:none
}
.no_company_factory_general_simp .pic_title span.cur {
	display:block
}
.no_company_factory_general_simp .page span {
	display:inline-block;
	padding:2px 7px;
	display:inline-block;
	background:#fff;
}
.no_company_factory_general_simp .page span.cur {
	background: #0f75bd;
	color:#fff;
	border-color:#fff
}
.no_company_factory_general_simp .title {
	font-size:14px
}

/* no_company_quality_certification */
.no_company_quality_certification {
	margin:15px auto 0 auto;
	overflow:hidden;
	padding:0 10px;
	line-height:22px
}
.no_company_quality_certification .main_title {
    position: relative;
}
.no_company_quality_certification .main_title:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    left: 0;
    top: 50%;
}
.no_company_quality_certification .main_title .main_con {
    font-size: 16px;
    line-height: 40px;
    background-color: #fff;
    position: relative;
    z-index: 1;
    padding-right: 25px;
    font-weight: normal;
}
.no_company_quality_certification .content_box {
	padding:10px 0 10px 10px;
	overflow:hidden
}
.no_company_quality_certification .img_wrap {
	width:100px;
	vertical-align:top;
	padding-top:4px;
	text-align:center
}
.no_company_quality_certification .img_wrap img {
	max-width:80px
}
.no_company_quality_certification .detail_td {
	text-align:left
}
.no_company_quality_certification .detail_td .range_box {
	line-height:16px;
	margin-top:3px
}
.no_company_quality_certification .detail_td p{
   	height:32px;
	line-height:16px;
	overflow:hidden;
	display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;  
}

.no_company_quality_certification .detail_wrap {
	margin-bottom:6px;
	width:50%;
	float:left
}
.no_company_quality_certification .detail_wrap .tit {
	font-weight:bold;
	display:inline-block;
	margin-right:4px
}
.no_company_quality_certification ul {
        display: flex;
    flex-wrap: wrap;
}

/* no_company_quality_qcprofile */
.no_company_quality_qcprofile {
	margin: 0 auto;
	overflow: hidden;
	line-height: 22px;
	padding: 0 10px
}
.no_company_quality_qcprofile .main_title {
    margin-bottom: 10px;
    position: relative;
}
.no_company_quality_qcprofile .main_title .main_con {
    font-size: 16px;
    line-height: 40px;
    background-color: #fff;
    position: relative;
    z-index: 1;
    padding-right: 25px;
    font-weight: normal;
}
.no_company_quality_qcprofile .main_title:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    left: 0;
    top: 50%;
}

/* no_contact_detail_2 */
.no_contact_detail_2 {
	overflow:hidden;
	margin-top: 20px;
}
.no_contact_detail_2 .main_title {
    position: relative;
}
.no_contact_detail_2 .main_title .main_con {
    font-size: 16px;
    line-height: 40px;
    background-color: #fff;
    position: relative;
    z-index: 1;
    padding-right: 25px;
    font-weight: normal;
}
.no_contact_detail_2 .main_title:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    left: 0;
    top: 50%;
}
.no_contact_detail_2 .content_box {
	margin-top: 10px;
}
.no_contact_detail_2 .content_box .ri b {
	font-size:14px;
	line-height:16px;
	color: #999999;
	font-weight:normal;
}
.no_contact_detail_2 .content_box .le {
	width:350px;
	float:left
}
.no_contact_detail_2 .content_box .le>strong{
    font-size:16px;
    color: #999999;
    text-transform:uppercase;
    font-weight:normal;
}
.no_contact_detail_2 .content_box .le b {
	margin-left:5px
}
.no_contact_detail_2 .content_box .le p{
    line-height:2;
}
.no_contact_detail_2 .content_box .le p:first-of-type{
    margin-top: 10px;
}
.no_contact_detail_2 .content_box .le p.i_m_g img {
	margin-right:4px
}
.no_contact_detail_2 .content_box .ri {
	width:415px;
	height:250px;
	float:right;
	display:inline
}
.no_contact_detail_2 .content_box .ri textarea {
	width:100%;
	height:155px;
	font-size:12px;
	margin-top:8px;
	background-color: #F5F5F5;
	border: none;
	outline: none;
	padding:5px;
	font-family: inherit;
	padding: 12px 20px;
	border-radius:4px;
	box-sizing:border-box;
	resize: none;
	line-height: 2;
}
.no_contact_detail_2 .btn{
    height: 26px !important;
    background-color: #0f75bd !important;
    text-transform: uppercase;
    background-image: none !important;
    -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;
    opacity: 1 !important;
    padding: 0 12px !important;
    border-radius: 0 !important;
}
.no_contact_detail_2 .btn:hover {
    background-color:#0d5486 !important;
}
.no_contact_detail_2 .content_box .ri span {
	text-align:right;
	width:415px;
	display:block
}
.no_contact_detail_2 .le .i_m_g {
	margin-top:5px
}
.no_contact_detail_2 .le .i_m_g a {
	margin-right:5px;
	float:left;
	width:26px;
	height:26px;
	display:block;
	background:url( {
	system
}
/images/css-sprite.png)
}
.no_contact_detail_2 .le .i_m_g .i_m_g_2 {
	background-position:0 -41px
}
.no_contact_detail_2 .le .i_m_g .i_m_g_4 {
	background-position:-28px -41px
}
.no_contact_detail_2 .le .i_m_g .i_m_g_3 {
	background-position:-56px -41px
}
.no_contact_detail_2 .le .i_m_g .i_m_g_5 {
	background-position:-85px -41px
}
.no_contact_detail_2 .content_box .le {
	text-align:left
}
.no_contact_detail_2 .content_box .le {
	text-align:left
}
.no_contact_detail_2 .le p:nth-child(2),.no_contact_detail_2 .le p:nth-child(3),.no_contact_detail_2 .le p:nth-child(4) {
	direction:ltr;
	unicode-bidi:bidi-override
}
.no_contact_detail_2 .social-c {
	width: 250px;
	padding: 20px 0;
	overflow: hidden;
}
.no_contact_detail_2 .social-c a{
    display: inline-block;
    margin-right: 25px;
    margin-bottom: 20px;
}
.no_contact_detail_2 .social-c p {
	height:25px;
	font-size:14px;
	margin:5px 0;
}
.no_contact_detail_2 .social-c .hui {
	color:#666;
}
.no_contact_detail_2 .social-c i {
	font-size: 26px;
}
.no_contact_detail_2 .social-c i.icon-1 {
	color:#00aff0;
}
.no_contact_detail_2 .social-c i.icon-2 {
	font-size:25px;
	color:#3baf34;
}
.no_contact_detail_2 .social-c i.icon-3 {
	color:#f6cb00;
}
.no_contact_detail_2 .social-c i.icon-4 {
	color:#7ebd00;
}
.no_contact_detail_2 .social-c i.icon-5 {
	color:#2ec027;
}
.no_contact_detail_2 .social-c i.icon-6 {
	color:#440298;
}
.no_contact_detail_2 .social-c i.icon-wechat {
	font-size:23px;
}
.no_contact_detail_2 .social-c i.icon-youjian {
	font-size: 27px;
	box-sizing: border-box;
	vertical-align: top;
	margin-top: 0px;
}

/* no_contact_main_simp */
.no_contact_main_simp {
	margin:0 0 15px 0;
	padding:0 10px
}
.no_contact_main_simp .main_title {
    position: relative;
}
.no_contact_main_simp .main_title:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    left: 0;
    top: 50%;
}
.no_contact_main_simp .main_title .main_con {
    display: inline-block;
    font-size: 16px;
    line-height: 40px;
    background-color: #fff;
    position: relative;
    z-index: 1;
    padding-right: 25px;
    font-weight: normal;
}
.no_contact_main_simp .conh {
	padding:10px;
	line-height:1.5em;
	margin-bottom:15px
}
.no_contact_main_simp .tables th {
	width:140px!important;
	vertical-align:top;
	text-align:right;
	padding:3px 0;
	font-size:14px;
	color: #999999;
	text-transform: capitalize;
    font-weight: normal;
}
.no_contact_main_simp .tables td {
	text-align:left;
	padding:3px 0 10px 6px;
	font-size: 14px;
}
.no_contact_main_simp .ri {
	padding-right:40px
}
.no_contact_main_simp .ri b{
    font-weight:normal;
}
.no_contact_main_simp .ri .message_box {
	width: 100%;
    height: 155px;
    font-size: 12px;
    margin-top: 8px;
    background-color: #f5f5f5;
    border: 0;
    outline: 0;
    padding: 5px;
    font-family: inherit;
    padding: 12px 20px;
    border-radius: 4px;
    box-sizing: border-box;
    resize: none;
    line-height: 2;
}
.no_contact_main_simp .ri .num_wrap {
	text-align:right
}
.no_contact_main_simp .ri .num {
	color:red
}
.no_contact_main_simp .ri form>span{
    width: 100% !important;
}
.no_contact_main_simp .main_title_m {
	height:3px;
	display:none
}

/* no_map_company */
.no_map_company .main_title {
    position: relative;
}
.no_map_company .main_title .main_con {
    font-size: 16px;
    line-height: 40px;
    background-color: #fff;
    position: relative;
    z-index: 1;
    padding-right: 25px;
    font-weight: normal;
}
.no_map_company .main_title:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    left: 0;
    top: 50%;
}
.no_map_company .content_box {
	padding:10px 0 5px 0;
	border-top:0;
	overflow:hidden
}
.no_map_company .left_td {
	text-align:right;
	font-size:14px;
	color: #999999;
	vertical-align:top;
	padding:0 15px 5px 0;
	line-height:2em;
	width:80px;
	text-transform: capitalize;
}
.no_map_company ul {
	overflow:hidden;
	line-height:2em
}
.no_map_company li {
	width:30%;
	font-size:14px;
	padding:0 5px 0 10px;
	float:left;
	position:relative
}
.no_map_company li:before {
	position:absolute;
	top:11px;
	left:0;
	content:"";
	width:4px;
	height:4px;
	border-radius:50%;
	background:#999999
}

/* no_map_product */
.no_map_product {
	margin:25px 0 20px
}
.no_map_product .main_title {
    position: relative;
}
.no_map_product .main_title .main_con {
    font-size: 16px;
    line-height: 40px;
    background-color: #fff;
    position: relative;
    z-index: 1;
    padding-right: 25px;
    font-weight: normal;
}
.no_map_product .main_title:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    left: 0;
    top: 50%;
}
.no_map_product .content_box {
	overflow:hidden;
	line-height:2em
}
.no_map_product .content_box dl {
	width:50%;
	float:left
}
.no_map_product .content_box .title {
	font-weight:bold;
	padding-left:10px;
	margin-top:25px;
	margin-right:10px
}
.no_map_product .title a {
    font-size:14px;
    line-height:30px;
    color: #999999;
    font-weight: normal;
    text-transform: capitalize;
}
.no_map_product .content_box .list_box {
	margin-right:10px;
	height:195px
}
.no_map_product .content_box .list_box li {
	max-height:44px;
	line-height:1.5em;
	padding-left:10px;
	margin-top:10px;
	position:relative
}
.no_map_product .content_box .list_box li:before {
	position:absolute;
	top:9px;
	left:0;
	content:"";
	width:4px;
	height:4px;
	border-radius:50%;
	background:#999999
}
.no_map_product .page_box {
	margin:0;
	padding:10px 0 2px 0;
	border-top:1px solid #ddd
}

/* no_news_detail */
.no_news_detail .main_title {
    position: relative;
}
.no_news_detail .main_title .main_con {
    font-size: 16px;
    line-height: 40px;
    background-color: #fff;
    position: relative;
    z-index: 1;
    padding-right: 25px;
    font-weight: normal;
}
.no_news_detail .main_title:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    left: 0;
    top: 50%;
}
.no_news_detail .news_title {
	text-align:left;
	font-size:16px;
	margin-bottom:10px;
	padding-bottom:8px;
	line-height:35px;
}
.no_news_detail .news_detail_box {
	margin:15px 0;
}
.no_news_detail .news_detail_box img {
	max-width:660px
}
.no_news_detail .time_wrap {
	border-top:1px solid #dcdcdc;
	padding:10px 10px 0 0;
	margin-top: 10px;
}
.no_news_detail .time_box {
	color:#555;
	float:left;
	width:200px
}
.no_news_detail .list {
	float:right;
	padding-right:5px
}
.no_news_detail .list a{
    color:#999;
}
.no_news_detail .list a:hover{
    color: #0f75bd;
}

/* no_news_list_2 */
.no_news_list_2 .item-wrap {
	margin:0 10px;
}
.no_news_list_2 .item-wrap tr{
    border-bottom: 1px solid #ddd;
}
.no_news_list_2 .main_title {
    position: relative;
}
.no_news_list_2 .main_title:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    left: 0;
    top: 50%;
}
.no_news_list_2  .main_title .main_con {
    font-size: 16px;
    line-height: 40px;
    background-color: #fff;
    position: relative;
    z-index: 1;
    padding-right: 25px;
    font-weight: normal;
}
.no_news_list_2 .item-wrap .time_wrap {
	width:130px;
	text-align:right;
	color:#999
}
.no_news_list_2 .item-wrap .product_img_td {
	width: 180px;
	height:138px;
	vertical-align:top;
	text-align:center;
}
.no_news_list_2 .item-wrap .product_img_td a {
	display:table-cell;
	width: 180px;
	height:138px;
	vertical-align:middle;
	text-align:center;
}
.no_news_list_2 .item-wrap .product_img_td img {
	display: inline-block !important;
    width: 180px;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.no_news_list_2 .item-wrap .product_img_td img[src$='load_icon.gif'] {
    width: 32px !important;
    height: 32px !important;
}
.no_news_list_2 .product_detail{
    height: 178px;
    padding-left: 20px;
    padding-bottom: 20px;
    box-sizing: border-box;
}
.no_news_list_2 .item-wrap .product_detail .intr {
    font-size:14px;
	color:#999999;
	line-height:22px;
	max-height: 88px;
	margin-top:14px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.no_news_list_2 .product_name {
	padding-right:20px;
	font-size:16px;
	line-height:26px;
	max-height:52px;
	font-weight: normal;
text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.no_news_list_2 .intr a {
	display: initial;
	margin-top: 10px;
	text-transform: uppercase;
}

/* no_product_detaildesc_2 */
.no_product_detaildesc_2 {
	line-height:24px;
	margin-top:15px;
}
.no_product_detaildesc_2 .title {
    font-size:16px;
    line-height: 1.5;
    padding-bottom: 11px;
    margin-bottom: 19px;
    border-bottom:1px solid #DDDDDD;
}
.no_product_detaildesc_2 .title h2{
    font-size: 16px;
}
.no_product_detaildesc_2 .details_table {
	text-align:left;
	width:100%;
}
.no_product_detaildesc_2 .details_table tr:nth-child(odd){
    background-color: #FAFAFA;
}
.no_product_detaildesc_2 .details_table tr:nth-child(even){
    background-color: #fff;
}
.no_product_detaildesc_2 .details_table th {
	color:#333;
	text-indent:5px;
	padding:8px 2px 8px 8px;
	width:20%;
	color: #999999;
	font-weight:normal;
}
.no_product_detaildesc_2 .details_table td {
	padding:8px 2px 8px 2px;
	width:30%;
}
.no_product_detaildesc_2 .bg_gray {
	background:#f1f1f1
}
.no_product_detaildesc_2 .key_wrap b {
	font-size:14px
}
.no_product_detaildesc_2 .key_wrap .tag_words {
	display:inline-block;
	font-weight:normal
}
.no_product_detaildesc_2 .key_wrap .tag_words a {
	font-size:14px
}
.no_product_detaildesc_2 ul {
	padding-left:15px
}
.no_product_detaildesc_2 ul li {
	list-style:disc
}
.no_product_detaildesc_2 ol li {
	list-style:decimal
}
.no_product_detaildesc_2 .details_wrap img[src$='load_icon.gif']{
    width:32px!important;
    height:32px!important;
}
/*.no_product_detaildesc .YouTuBe_Box_Iframe .img img{*/
/*    position:unset;*/
/*    left:unset;*/
/*    top:unset;*/
/*    transform:unset;*/
/*}*/

/* no_product_detailmain_2V3 */
.no_product_detailmain_2 .top_tip {margin-bottom:20px;}
.no_product_detailmain_2 .top_tip h3 {font-size:16px;font-weight:bold;line-height:26px;padding-bottom:16px;border-bottom:1px solid #ddd;}
.no_product_detailmain_2 .main_top_tip {border:0}
.no_product_detailmain_2 .product_detail_box {padding-bottom:10px}
.no_product_detailmain_2 .product_detail_box .product_wrap_flash {width:324px}
.no_product_detailmain_2 .product_detail_box .le {width:100%;margin:0;padding:0}
.no_product_detailmain_2 .le dt a {position:absolute;top:0;left:0;width:230px;height:230px;}
.no_product_detailmain_2 .le dt img {  
    max-width: 100%; 
    max-height: 100%; 
    position:absolute;
    top: 50%;
    left: 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%);
}
.no_product_detailmain_2 .le dd {text-align:center}
.no_product_detailmain_2 .le .blk_18 {overflow:hidden;zoom:1;font-size:9pt;background:#eee;margin-top:8px}
.no_product_detailmain_2 .le .pcont {width:275px;float:left;overflow:hidden;padding-left:5px}
.no_product_detailmain_2 .ScrCont {width:9999px}
.no_product_detailmain_2 .ScrCont td {width:53px;height:53px;}
.no_product_detailmain_2 .ScrCont td a{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.no_product_detailmain_2 .pro_img_list a img {
    max-width: 100%; 
    max-height: 100%; 
    position:absolute;
    top: 50%;
    left: 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%);
}
.no_product_detailmain_2 .product_detail_box .ri {overflow:hidden;padding:0 30px;margin-top:-5px}
.no_product_detailmain_2 .product_detail_box .ri span{font-size: 14px;font-weight: bold;}
.no_product_detailmain_2 .le .leb,.no_product_detailmain_2 .le .rib {cursor:pointer;width:21px;height:53px;background:rgba(0,0,0,.7);position:absolute;top:0;}
.no_product_detailmain_2 .le .leb {left:0;}
.no_product_detailmain_2 .le .rib {right:0;}
.no_product_detailmain_2 .le .sear {line-height:1.5em;overflow:hidden;margin-top:10px;text-align:left}
.no_product_detailmain_2 .le .sear span {display:inline-block;}
.no_product_detailmain_2 .le .sear .thickbox {color:#999999;}
.no_product_detailmain_2 .leb .a,.no_product_detailmain_2 .rib .a {margin:23px auto 0 auto;width:0;height:0;display:block;border-top:4px solid transparent;border-bottom:4px solid transparent}
.no_product_detailmain_2 .leb .a {border-right:4px solid #fff}
.no_product_detailmain_2 .rib .a {border-left:4px solid #fff}
.no_product_detailmain_2 .blk_18.scrcont {width:32766px;zoom:1;margin-left:-5px}
.no_product_detailmain_2 .pro_img_list td {width:61px;height:47px;vertical-align:middle;text-align:center;border:1px solid #dcdcdc}
.no_product_detailmain_2 .blk_18 a {cursor:pointer}
.no_product_detailmain_2 .blk_18img {max-width:52px;max-height:39px;vertical-align:middle}
.no_product_detailmain_2 .ri h3 {font-size:14px;font-weight:bold;line-height:24px;}
.no_product_detailmain_2 .ri .tables th,.no_product_detailmain_2 .ri .tables td {vertical-align:top;padding:4px;text-align:left}
.no_product_detailmain_2 .ri .tables th {color:#999;font-weight:normal;position:relative;padding-left:10px;}
.no_product_detailmain_2 .ri .tables th:before {content:"";width:4px;height:4px;background-color:#999;border-radius:50%;position:absolute;left:0;top:11px;}
.no_product_detailmain_2 .ri .sub {margin-top:10px;float:left;display:inline}
.no_product_detailmain_2 .ri .title_s {margin:10px 0}
.no_product_detailmain_2 .ri button {margin-top:-32px!important}
.no_product_detailmain_2 .ri button {margin:-30px 0px 0px 135px!important;}
.no_product_detailmain_2 .le dt a div {width:100% !important;height:100%!important;position:relative;overflow:hidden;}
.no_product_detailmain_2 .r_flash {position:relative;}
.no_product_detailmain_2 .r_flash>dt {position:relative;width:280px;height:230px;}
.no_product_detailmain_2 .r_flash .videowrap,.no_product_detailmain_2 .r_flash .videowrap.videoCell {position:absolute;top:0;left:0;width:230px;height:230px;z-index:999;}
.no_product_detailmain_2 .ScrCont #List1_1 {display:flex;align-items:center;}
.no_product_detailmain_2 .ScrCont #List1_1 table {-webkit-border-horizontal-spacing:0;-webkit-border-vertical-spacing:0;}
.no_product_detailmain_2 .ScrCont #List1_1 li {width:61px;height:47px;}
.no_product_detailmain_2 .ScrCont #List1_1 li a {width:100%;height:100%;}
.no_product_detailmain_2 .ScrCont #List1_1 li a img {max-width:100%;max-height:100%;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);}
.no_product_detailmain_2 .product_wrap_flash .video-image-box {width:100%;line-height:230px;height:230px;position:relative;}
.no_product_detailmain_2 .product_wrap_flash .video-image-box video {width:100%;vertical-align:middle;display:inline-block;height:100%;}
.no_product_detailmain_2 .top_tip {margin-bottom:20px;}
.no_product_detailmain_2 .main_top_tip {border:0}
.no_product_detailmain_2 .product_detail_box .product_wrap_flash {width:230px}
.no_product_detailmain_2 .product_detail_box .le {width:100%;margin:0;padding:0}
.no_product_detailmain_2 .le dd {text-align:center}
.no_product_detailmain_2 .le .blk_18 {overflow:hidden;zoom:1;margin-top:8px;}
.no_product_detailmain_2 .le .pro {height:53px;overflow:hidden;background:#fff;position:relative;}
.no_product_detailmain_2 .le .pcont {width:275px;float:left;overflow:hidden;padding-left:5px;margin-left:17px;}
.no_product_detailmain_2 .blk_18 img {
    max-width: 100%; 
    max-height: 100%; 
    position:absolute;
    top: 50%;
    left: 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%);
}
.no_product_detailmain_2 .wrapbox {z-index:101;width:100%;height:100%;position:absolute;}
.no_product_detailmain_2 .ri .sub .btn {border:1px solid #0f75bd !important;text-transform:capitalize;}
.no_product_detailmain_2 .ri .sub .btn:hover {border-color:#0d5486 !important;}
.no_product_detailmain_2 .ri .sub div {float: initial !important;display: inline-block;height:26px;margin-right:5px;padding:0 10px;border:1px solid #0f75bd !important;line-height:26px;font-size:13px;-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;}
.no_product_detailmain_2 .ri .sub div:hover {background-color:#0f75bd !important;}
.no_product_detailmain_2 .ri .sub div a {font-weight:bold;color:#0f75bd !important;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-o-transition:color .2s ease;-ms-transition:color .2s ease;transition:color .2s ease;}
.no_product_detailmain_2 .ri .sub div:hover a {color:#fff!important;}
.no_product_detailmain_2 .ri .sub div {margin:0 5px 0 0!important;}
.no_product_detailmain_2 .r_flash>dt .thickbox , .no_product_detailmain_2 .r_flash>dt .wrapbox{position:absolute;width:100%;height:100%;top:0;left:0;}

/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
#TB_overlay {position: fixed;margin-top: 0px;z-index:100;top: 0px;left: 0px;height:100%;width:100%;}
.TB_overlayBG {background-color:#000;filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;}
.close_thickbox{outline:none;border:0;cursor:pointer;height:16px;width:16px;background:url(/images/css-sprite.png) no-repeat -367px -125px;position:absolute;right:5px;top:5px}
.close_thickbox:hover {background-position:-349px -125px}
#TB_window {font: 12px Arial, Helvetica, sans-serif;color: #333333;position: fixed;background: #ffffff;z-index: 102;display:none;border: 4px solid #525252;top:50%;left:50%;}
#TB_window .contact_btn{margin-top: 10px;width:124px;height:26px;background:url(/images/css-sprite.png) no-repeat -232px -90px;}
#TB_button{position: relative;}
* html #TB_overlay {position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
* html #TB_window {position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
#TB_window img#TB_Image {display:block;margin: 15px 0 0 15px;}
#TB_caption{padding:7px 30px 10px 25px;float:left;}
#TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right;}
#TB_closeAjaxWindow{padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right;}
#TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px;}
#TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;}
#TB_ajaxContent.TB_modal{padding:15px;}
#TB_ajaxContent p{padding:5px 0px 5px 0px;}
#TB_load{position: fixed;display:none;height:13px;width:208px;z-index:103;top: 50%;	left: 50%;margin: -6px 0 0 -104px;}
* html #TB_load {position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_HideSelect{z-index:99;position:fixed;top: 0;left: 0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0;height:100%;width:100%;}
* html #TB_HideSelect {position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_iframeContent{	clear:both;border:none;	margin-bottom:-1px;	margin-top:1px;_margin-bottom:1px;}

/* no_product_groupV3 */
.no_product_groupV3 {
	margin-bottom: 22px;
}
.no_product_groupV3 .tip_box .tip_con {
	border: 1px dashed rgb(176, 176, 176);
	margin-bottom: 20px;
	color: rgb(64, 64, 65);
	padding: 10px;
	font-size: 10px;
	margin-top: 15px;
	text-align: left;
	font-weight: normal;
}
.no_product_groupV3 .product_group {
    font-size: 0;
}
.no_product_groupV3 .product_group .main_title {
	position: relative;
}
.no_product_groupV3 .product_group .main_title:after{
    content:"";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #DDDDDD;
    left: 0;
    top: 50%;
}
.no_product_groupV3 .main_title .main_con {
    font-size:16px;
    line-height:40px;
    background-color: #ffffff;
    position: relative;
    z-index: 1;
    padding-right: 25px;
    font-weight: normal;
}
.no_product_groupV3 .main_title .main_con a {
	color: rgb(51, 51, 51);
}
.no_product_groupV3 .main_title .title_other_con {
	padding: 9px 10px 0px 8px;
	background: rgb(246, 246, 246);
	font-size: 13px;
}
.no_product_groupV3 .item-wrap {
	width: 180px;
	height: 248px;
	margin-right: 24px;
	position: relative;
	display: inline-block;
}
.no_product_groupV3 .product_group .item-wrap:nth-of-type(5){
    margin-right:0;
}
.no_product_groupV3 .item {
    padding-bottom: 20px;
    background-color: #fff;
    position: absolute;
    -webkit-transition: box-shadow .2s ease;
    -moz-transition: box-shadow .2s ease;
    -o-transition: box-shadow .2s ease;
    -ms-transition: box-shadow .2s ease;
    transition: box-shadow .2s ease;
    border-radius: 4px;
}
.no_product_groupV3 .item:hover {
    z-index: 2;
	box-shadow:0px 0px 6px rgba(0,0,0,0.16);
}
.no_product_groupV3 .item:hover h2 {
	height: auto;
}
.no_product_groupV3 .item a {
	font-weight: normal;
	font-family: arial;
	line-height: 18px;
	text-align: left;
	-webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -o-transition: color .2s ease;
    -ms-transition: color .2s ease;
    transition: color .2s ease;
}
.no_product_groupV3 .item .dd {
	position: relative;
	width: 180px;
	height: 180px;
	margin: 0px auto;
	text-align: center;
}
.no_product_groupV3 .item .dd a {
    display: block;
	width: 180px;
	height: 180px;
	position: relative;
	overflow: hidden;
}
.no_product_groupV3 .item img {
    display: inline-block !important;
	vertical-align: middle;
	max-width: 100%!important;
	max-height: 100%!important;
    position:absolute;
    top: 50%;
    left: 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%);
}
.no_product_groupV3 .item h2 {
	overflow: hidden;
	font-size: 14px;
	padding: 8px 10px 0px;
	text-align: center;
	height: 40px;
	min-height: 40px;
}

/* no_product_listsearch */
.no_product_list .main_title{
    position: relative;
}
.no_product_list .title_other_con{
    display:none;
}
.no_product_list .main_title .main_con {
    font-size: 16px;
    line-height: 40px;
    background-color: #fff;
    position: relative;
    z-index: 1;
    padding-right: 25px;
    font-weight: normal;
}
.no_product_list .main_title:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    left: 0;
    top: 50%;
}
.no_product_list .main_title .main_con h1{
    font-size: 16px;
    display: inline-block;
    font-weight: normal;
}
.no_product_list .item-wrap {
	padding:10px 0;
	margin:0 10px;
	border-bottom: #dcdcdc dotted 1px;
}
.no_product_list .item-wrap td{
    height:180px;
}
.no_product_list .item-wrap .product_img_td{
	width: 180px;
	height: 180px;
	    position: relative;
}
.no_product_list .item-wrap .product_img_td a {
	display:table-cell;
	width:180px;
	height:180px;
	vertical-align:middle;
	text-align:center
}
.no_product_list .item-wrap .product_img_td img {
	max-width:180px;
	max-height:180px;
	vertical-align:middle;
}
.no_product_list .item-wrap .product_detail {
	padding-left:10px;
}
.no_product_list .product_name {
	margin-bottom: 14px;
	position:relative;
	font-size:16px;
	line-height:26px;
	max-height:52px;
	font-weight:normal;
}
.no_product_list .product_name .btn_wrap {
    position: absolute;
    left: 0;
    bottom: -128px;
}
.no_product_list .product_name .btn_wrap a{
    height: auto !important;
    line-height: initial !important;
    background-color: #0f75bd !important;
    color: #fff;
    padding: 10px 30px !important;
    cursor: pointer;
    text-transform: uppercase;
    -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;
    border-radius:none !important;
}
.no_product_list .product_name .btn_wrap a:hover{
    background-color: #0d5486  !important;
}
.no_product_list .intr {
	color: #666;
	font-size: 12px;
	line-height: 17px;
}
.no_product_list .intr .more {
}
.no_product_list .time {
	color:#999;
	line-height:20px;
	font-size:12px;
}
.no_product_list .page_box {
	margin: 30px auto 15px;
	height: 24px;
	text-align: center;
	clear: both;
	border: none;
}
.no_product_list .page_box a {
	margin-left: 5px;
	text-decoration: none;
	display: inline-block;
	-webkit-transition: background .2s ease;
    -moz-transition: background .2s ease;
    -o-transition: background .2s ease;
    -ms-transition: background .2s ease;
    transition: background .2s ease;
}
.no_product_list .page_box a.cur {
	margin-left:5px;
	background:#0f75bd;
	color:#ffffff;
	display: inline-block;
}

/* no_product_onepage */
.no_product_onepage h1{font-size:20px;line-height:1.5em;position:relative;}
.no_product_onepage button{cursor:pointer;border:none;}
.no_product_onepage .left_border{width:268px;}
.no_product_onepage .right_border{width:446px;}
.no_product_onepage .left_border,.no_product_onepage .right_border{float:left;height:5px;background-color:#0E4074;margin-top:5px;}
.no_product_onepage .right_border{margin-left:2px;background-color:#000;}
.no_product_onepage .text_ing{line-height:1.5em;padding:10px;background-color:#F1F1F1;}
.no_product_onepage .tit{line-height:1.5em;margin:10px 0px 20px 0px;}
.no_product_onepage .tit h2{float:left;width:540px;font-size:18px;}
.no_product_onepage .tit button{float:right;border:1px solid #0E4074;color:#0E4074;padding:5px 15px;text-decoration:none;position:relative;overflow:hidden;background:none;}
.no_product_onepage .tit button:hover{color:#fff;}
.no_product_onepage .tit button:hover:before{right:0px;}
.no_product_onepage .tit button i{font-style:normal;position:relative;z-index:2;font-size:14px;}
.no_product_onepage .tit button:before{content: "";position: absolute;right: 100%;top: 0;background:#0E4074;width: 100%;height: 100%;-moz-transition: 0.45s all ease;-webkit-transition: 0.45s all ease;-o-transition: 0.45s all ease;transition: 0.45s all ease;}
.no_product_onepage .tit button .glyphicon{top:2px;padding-right:5px;}
.no_product_onepage .imgimg{float:right;text-align:center;position:relative;}
.no_product_onepage .imgimg ul{width:260px;height:260px;overflow:hidden;margin:0px 0px 20px 10px;position:relative;}
.no_product_onepage .imgimg ul span{width:258px;height:258px;display:table-cell;text-align:center;vertical-align:middle;}
.no_product_onepage .imgimg ul span img{max-width:260px;max-height:258px;margin:0px;padding:0px;border:none;}
.no_product_onepage .img_dian{position:absolute;bottom:65px;right:10px;}
.no_product_onepage .img_dian ul{margin:0px;padding:0px;width:inherit;height:inherit;border:none;}
.no_product_onepage .img_dian li{float:left;margin-left:5px;}
.no_product_onepage .tempWrap{border:1px solid #ccc;}
.no_product_onepage .imgimg .img_dian li{display:inline-block;width:10px;height:10px;border-radius:99px;background-color:#ccc;cursor:pointer;}
.no_product_onepage .imgimg .img_dian li.on{background-color:#FD7500;}
.no_product_onepage .cont_but{border:none;background-color:#FD7500;color:#fff;padding:6px 15px 6px 40px;margin:15px 0px 15px 10px;position:relative;text-decoration:none;font-size:14px;}
.no_product_onepage .cont_but:hover{background-color:#FF9031;}
.no_product_onepage .cont_but span{position:absolute;top:7px;left:15px;}
.no_product_onepage .pro_tit{font-size:16px;font-weight:bold;line-height:1.5em;margin:20px 0px 5px 0px;}
.no_product_onepage .left_bod .table1{width:405px;margin-bottom:20px;}
.no_product_onepage .left_bod .table1 td{padding:5px;border-bottom:1px dotted #ccc;}
.no_product_onepage .left_bod .table1 td.align_right{font-weight:normal;padding-left:0px;color:#666;  white-space: nowrap;}
.no_product_onepage .left_bod p{line-height:1.5em;}
.no_product_onepage .yes_but{display:inline-block;margin-top:15px;background-color:#0E4074;padding:10px 30px;color:#fff;text-decoration:none;font-size:14px;}
.no_product_onepage .yes_but .glyphicon {top:2px;margin-right:5px;}
.no_product_onepage .yes_but:hover{background-color:#8EA6C1;}
.no_product_onepage .tit_border{border:1px solid #ccc;padding:15px;    border-top: 3px solid #0E4074;margin-bottom:15px;}

/* no_product_others_grid_2V3 */
.no_product_others_grid_2{
    font-size: 0;
}
.no_product_others_grid_2 .main_title {
	margin-bottom:10px;
	position: relative;
}
.no_product_others_grid_2 .main_title .main_con {
    font-size: 16px;
    line-height: 40px;
    background-color: #fff;
    position: relative;
    z-index: 1;
    padding-right: 25px;
    font-weight: normal;
}
.no_product_others_grid_2 .main_title:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    left: 0;
    top: 50%;
}
.no_product_others_grid_2 .item_wrap {
	width: 141px;
    height: 209px;
    margin-right: 22px;
    position: relative;
    display: inline-block;
}
.no_product_others_grid_2 .item_wrap:last-of-type{
    margin-right: 0;
}
.no_product_others_grid_2 .item {
	padding-bottom: 20px;
    background-color: #fff;
    position: absolute;
    -webkit-transition: box-shadow .2s ease;
    -moz-transition: box-shadow .2s ease;
    -o-transition: box-shadow .2s ease;
    -ms-transition: box-shadow .2s ease;
    transition: box-shadow .2s ease;
    border-radius: 4px;
}
.no_product_others_grid_2 .item .dd {
	position: relative;
    width: 141px;
    height: 141px;
    margin: 0 auto;
    text-align: center;
}
.no_product_others_grid_2 .item .dd a {
	width: 141px;
    height: 141px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.no_product_others_grid_2 .item img {
    display: inline-block!important;
	max-height:100%;
	max-width:100%
}
.no_product_others_grid_2 .item .dt a {
	display:block;
	overflow: hidden;
    font-size: 14px;
    padding: 8px 10px 0;
    text-align: center;
    height: 48px;
    min-height: 48px;
    box-sizing: border-box;
}
.no_product_others_grid_2 .item_wrap .item:hover {
    z-index: 2;
    box-shadow: 0 0 6px rgba(0,0,0,0.16);
}
.no_product_others_grid_2 .param {
	color:#333;
	display:none;
	line-height:18px;
	padding-top:4px;
}
.no_product_others_grid_2 .param p{
    text-align: left;
    font-size: 12px;
}
.no_product_others_grid_2 .item .dt .param a{
    height: auto;
}
.no_product_others_grid_2 .param strong {
	font-weight:normal;
}
.no_product_others_grid_2 .item:hover .param {
	display:block;
}

/* n_certificate_list */
.n_certificate_list {
    padding-bottom: 36px;
	margin-top: 20px;
	background-color: #fff;
    border-radius: 4px;
}
.n_certificate_list .main_title {
    font-size: 18px;
    font-weight: bold;
    padding: 15px 25px 10px;
    border-bottom: 1px solid #f5f5f5;
    text-transform: uppercase;
}
.n_certificate_list .main_title .main_con {
    padding-left: 13px;
    position: relative;
}
.n_certificate_list .main_title .main_con:before {
    content: "";
    position: absolute;
    height: 24px;
    width: 3px;
    background-color: #0f75bd;
    left: 0;
    top: 0;
}
.n_certificate_list .certificate_con {
	float: left;
	width: 50%;
	margin-top: 10px;
}
.n_certificate_list .certificate_con a{
    display: block;
    width: 100%;
    height: 73px;
    position: relative;
    overflow: hidden;
}
.n_certificate_list .certificate_con a img{
    max-width: 100%; 
    max-height: 100%; 
    position:absolute;
    top: 50%;
    left: 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%);
}

/* n_contact_box_2_formV3 */
.n_contact_box_2 {
	margin-top: 20px;
    background-color: #fff;
    border-radius: 4px;
    padding-bottom: 33px;
}
.n_contact_box_2 .l_msy .dd {
    font-size: 18px;
    font-weight: bold;
    padding: 15px 25px 10px 38px;
    border-bottom: 1px solid #f5f5f5;
    position: relative;
    text-transform: uppercase;
}
.n_contact_box_2 .l_msy .dd:before{
    content:"";
    position: absolute;
    height: 24px;
    width: 3px;
    background-color: #0f75bd;
    left: 25px;
    top: 15px;
}
.n_contact_box_2 .l_msy dt {
	height: 42px;
	padding: 10px 0px 0px 10px;
}
.n_contact_box_2 .btn-wrap {
	text-align: left;
	margin-top: 20px;
	padding: 0 25px;
}
.n_contact_box_2 .btn-wrap .btn{
    background-color: #0f75bd !important;
    -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;
}
.n_contact_box_2 .btn-wrap .btn:hover{
    background-color: #0d5486 !important;
}
.n_contact_box_2 .two a, .n_contact_box_2 .three a, .n_contact_box_2 .four a, .five a {
	width: 26px;
	height: 26px;
	display: block;
	background: url("//images/css-sprite.png") no-repeat;
	float: left;
}
.n_contact_box_2 .two a {
	background-position: 0px -41px;
}
.n_contact_box_2 .three a {
	background-position: -28px -41px;
}
.n_contact_box_2 .four a {
	background-position: -56px -41px;
}
.n_contact_box_2 .five a {
	background-position: -84px -41px;
}
.n_contact_box_2 .social-c {
	width: 240px;
	padding: 20px 0px 0px 25px;
	box-sizing: border-box;
}
.n_contact_box_2 .social-c a{
    display: inline-block;
    vertical-align: middle;
}
.n_contact_box_2 .social-c i {
	float: left;
	font-size: 26px;
	margin-right: 25px;
}
.n_contact_box_2 .social-c i.icon-1 {
	font-size: 26px;
	color: rgb(0, 175, 240);
}
.n_contact_box_2 .social-c i.icon-2 {
	font-size: 25px;
	color: rgb(59, 175, 52);
}
.n_contact_box_2 .social-c i.icon-3 {
	font-size: 26px;
	color: rgb(246, 203, 0);
}
.n_contact_box_2 .social-c i.icon-4 {
	font-size: 26px;
	color: rgb(126, 189, 0);
}
.n_contact_box_2 .social-c i.icon-5 {
	font-size: 26px;
	color: rgb(46, 192, 39);
}
.n_contact_box_2 .social-c i.icon-6 {
	font-size: 26px;
	color: rgb(68, 2, 152);
}

/* n_menu_list_2 */
.n_menu_list_2 {
    background-color: #fff;
    border-radius: 4px;
}

.n_menu_list_2 .main_title {
    font-size:18px;
    font-weight:bold;
    padding:15px 25px 10px;
    border-bottom: 1px solid #F5F5F5;
}
.n_menu_list_2 .main_title .main_con {
    text-transform: uppercase;
    padding-left: 13px;
    position: relative;
}
.n_menu_list_2 .main_title .main_con:before {
    content: "";
    position: absolute;
    height: 24px;
    width: 3px;
    background-color: #0f75bd;
    left: 0;
    top: 0;
}
.n_menu_list_2 .item strong {
	line-height: 20px;
	padding: 10px 25px;
	overflow: hidden;
	border-bottom: 1px solid #F5F5F5;
	font-size: 16px;
	color: #999999;
	display: block;
	font-weight: normal;
}
.n_menu_list_2 .item strong h2{
    font-size: 16px;
    display: inline;
    font-weight: normal;
}
.n_menu_list_2 .item .num {
	color: rgb(78, 78, 78);
}
.n_menu_list_2 .active strong {
	font-weight: bold;
}
.n_menu_list_2 .item:hover strong a {
	color: #0f75bd;
}

/* n_message_list */
.n_message_list {
    margin-top: 20px;
    background-color: #fff;
    border-radius: 4px;
    padding-bottom: 15px;
}
.n_message_list .main_title {
    font-size: 18px;
    font-weight: bold;
    padding: 15px 25px 10px;
    border-bottom: 1px solid #f5f5f5;
    text-transform: uppercase;
}
.n_message_list .main_title .main_con {
    padding-left: 13px;
    position: relative;
}
.n_message_list .main_title .main_con:before{
    content: "";
    position: absolute;
    height: 24px;
    width: 3px;
    background-color: #0f75bd;
    left: 0;
    top: 0;
}
.n_message_list .message_detail {
	font-size:14px;
	text-align: left;
	line-height:22px;
	padding: 13px 25px 0;
	color: #333333;
}
.n_message_list .message_detail .writer {
	display: block;
	margin: 10px 0px;
	height: 20px;
	line-height: 20px;
	text-align: right;
	color: #999999;
}
.n_message_list .last_message {
	border-bottom: 0px;
}

/* n_product_point */
.n_product_point {
	margin-top:15px;
	margin-bottom:10px;
	float:left;
	width:100%;
}
.n_product_point .main_title {
	position: relative;
}
.n_product_point .main_title .main_con {
    font-size: 16px;
    line-height: 40px;
    background-color: #f5f5f5;
    position: relative;
    z-index: 1;
    padding-right: 25px;
    font-weight: normal;
}
.n_product_point .main_title:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    left: 0;
    top: 50%;
}
.n_product_point .item {
	padding:5px 18px;
	overflow:hidden;
	text-align:left;
	display:block;
	line-height:14px;
	float:left;
	width:33.3%;
	box-sizing:border-box
}
.n_product_point .img_box {
	width:54px;
	height:48px;
	vertical-align:middle;
}
.n_product_point .img_box a{
    display: block;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.n_product_point .img_box img {
    max-width: 100%; 
    max-height: 100%; 
    position:absolute;
    top: 50%;
    left: 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%);
}
.n_product_point .product_name {
	text-align:left;
	padding-left:15px;
	vertical-align: middle;
}
.n_product_point h2.item_inner {
	max-height:40px;
	line-height:19px;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	font-size:14px;
	border:0;
	overflow:hidden
}
.n_product_point h2.item_inner a {
	font-size:14px;
	font-weight:normal;
	line-height:14px;
	color:#333
}
.n_product_point h2.item_inner a:hover {
	color: {
	color_main1
}
;
}
/*买点产品详细页样式*/
.cont_main_n_inner .n_product_point {
	float: unset;
	padding-bottom: 36px;
    margin-top: 20px;
    background-color: #fff;
    border-radius: 4px;
}
.cont_main_n_inner .n_product_point .main_title {
	font-size: 18px;
    font-weight: bold;
    padding: 15px 25px 10px;
    border-bottom: 1px solid #f5f5f5;
    text-transform: uppercase;
}
.cont_main_n_inner .n_product_point .main_title .main_con {
    font-size: 18px;
    padding-left: 13px;
    line-height: inherit;
    position: relative;
    background-color: transparent;
    font-weight: bold;
}
.cont_main_n_inner .n_product_point .main_title .main_con:before {
    content: "";
    position: absolute;
    height: 24px;
    width: 3px;
    background-color: #f12300;
    left: 0;
    top: 0;
}
.cont_main_n_inner .n_product_point .main_title:after {
    display: none;
}

.cont_main_n_inner .n_product_point .item {
	float:none;
	width:100%;
}
.cont_main_n_inner .n_product_point h2.item_inner a {
	font-size:14px;
}

/* product_all_99703_120 */


/* 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{
    /*height: calc(100% - 140px)!important;*/
}
.videoapp .f_header_menu_pic_search_2 .top{
    min-width:1200px;
    width:100%;
    height:52px;
    padding:0 50px;
    box-sizing:border-box;
}
.videoapp .f_header_menu_pic_search_2 .menu {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.videoapp .f_header_menu_pic_search_2 .menu_bor{
    padding-left:50px;
    padding-right:50px;
    height:80px;
    box-sizing:border-box;
}
.videoapp .f_header_menu_pic_search_2 .menu_list{
    height:24px;
}
.videoapp .f_header_menu_pic_search_2 .top_language{
    height:24px;
    position: relative;
    top:0;
    transform: translateY(0);
    margin-top:15px;
}
.videoapp .f_header_menu_pic_search_2 .header-search{
    margin-top:12px;
}
.videoapp .f_header_menu_pic_search_2 .top_link{
    top: 0;
    transform: translateY(0);
    margin-top:15px;
}
/* --- 公共部分，头部、侧栏、主体结构 --- */
/* 监听操作系统主题模式 */
@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;
    /*background: #f4f6f9; */
    /*height:100%!important;*/
}

.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-nextlink,
.icon-nextlink:link{
    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-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_company */


/* site_photo */
.photo-lists {
    overflow: hidden;
    padding: 0 1px;
}
.fn-clear:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.fn-clear {
    zoom: 1;
}
.photo-lists .main_title {
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.photo-lists .main_title:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    left: 0;
    bottom: 0;
}

.photo-lists .main_title .main_con {
    display: block;
    font-size: 16px;
    line-height: 40px;
    background-color: #fff;
    position: relative;
    z-index: 1;
    padding-right: 25px;
    font-weight: normal;
}

.photo-lists .photo-list-item {
    margin-bottom: 20px;
}

.photo-lists .list-item {
    margin: 0 -13px;
}

.photo-lists .list-item li {
    float: left;
    width: 246px;
    height: 189px;
    line-height: 189px;
    margin: 0 13px 20px;
    text-align: center;
}

.photo-lists .list-item li img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
}
.photo-lists .list-item li img[src$='load_icon.gif']{
    width: 32px!important;
    height: 32px!important;
    
}

/* 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);
}