@charset "utf-8";
/**
 * Project: TigerRhard
 * CreateDate: 2019-09-11 22时04分
 * Company: TRANSSION - TRANSSNET Music
 * @version 1.0.0
 * @author HengxingLuo OR CalmLuo Email: 1518849189@qq.com
 */

/*******************************************************************************
 * @base - reset.css
 */
html { overflow: hidden; overflow-y: scroll; font-size: 10px;
    -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
    /*transparent属性值在android下无效*/-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -moz-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;}
html, body { height: 100%; }
body { font-size: 1.6rem; }
body, button, input, select, textarea {
    font-family: \5FAE\8F6F\96C5\9ED1, 'Helvetica Neue', Helvetica, Tahoma, Arial, 'Hiragino Sans GB',
    Stheiti, 'WenQuanYi Micro Hei', \5B8B\4F53, sans-serif;}
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form,
fieldset, input, textarea, p, blockquote, tr, th, td, pre { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
strong, b, cite, i, em, code, dfn, var, address, small, caption, th {
    font-style: normal; font-weight: normal; }
ul, ol { list-style: none; }
img, fieldset, iframe { border: 0; }
img { display: inline-block; vertical-align: bottom;
    /*图片不失真ie7+*/-ms-interpolation-mode: bicubic;
    /*图片不失真火狐3.6+*/ image-rendering: optimizeQuality; }
a:active { background-color: transparent; }
a:link, a:visited, a:hover, a:active { text-decoration: none; outline: none; }
button { cursor: pointer; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}
input, select, button { -moz-appearance: none; -webkit-appearance: none; border-radius: 0;
    background-color: transparent; vertical-align: middle;}
textarea { -moz-appearance: none; -webkit-appearance: none; border-radius: 0;
    outline: none; overflow: auto; resize: none;}
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { padding: 0; text-align: center; }
footer, header, nav, hgroup, article, section, aside, figure, figcaption, menu,
details, iframe { display: block; margin: 0; padding: 0; }

.clearfix { zoom: 1;}
.clearfix:after { content: ''; display: block; height: 0; line-height: 0; visibility: hidden;
    clear: both;}
.noneEvent { pointer-events: none; }
.noneSelect {-moz-user-select: none; -webkit-user-select: none; /*IE10*/-ms-user-select: none;
    user-select: none; /*text表示可以选择文本*/ }
svg:not(:root) { overflow: hidden; }
@media print {
    img { max-width: 100% !important; }

    p, h2, h3 { orphans: 3; widows: 3; }
}


/*******************************************************************************
 * @public - 页面共用
 */
/** ==== 滚动 ==== */
.scrollView { position: relative; width: 100%; height: 100%; overflow-y: auto; overflow-x: hidden;
    -moz-overflow-scrolling: touch; -webkit-overflow-scrolling: touch; overflow-scrolling: touch;}

/** ==== 最大宽度 ==== */
.maxCenter { max-width: 1200px; width: 96%; margin: 0 auto; }

.toTopBtn { z-index: 100; position: fixed; bottom: 30px; right: 30px; width: 50px; height: 50px;
    display: none; background-image: url('../img/toTop_icon.png');
    background-color: #22a4f0; background-repeat: no-repeat;
    background-position: center; background-size: 100% auto; }
.toTopBtn:hover, .toTopBtn:active { background-color: #0099ee; }

.rightQQ { z-index: 100; position: fixed; top: 50%; right: 10px; width: 140px;
    background-color: #fff; transform: translateY(-50%);
    border: 1px solid #bbb; font-size: 12px;
    box-shadow: 6px 5px 12px rgba(0, 0, 0, 0.1); border-top: 2px solid #0099ee;
    border-radius: 3px;}
.rightQQ h2 { height: 30px; line-height: 30px; font-size: 12px; background: #eee;
    padding-left: 10px; color: #000;}
.rightQQ .tel,
.rightQQ .qq { padding: 10px 0 10px 10px; }
.rightQQ a { display: block; height: 30px; line-height: 30px;
    padding-left: 30px; color: #333;
    background: url("../img/qq_icon.png") no-repeat 10px 50%;
    background-size: 14px auto;}
.rightQQ a:hover { color: #0099ee;}
.rightQQ .tel a { background-image: url("../img/tel_icon.png");
    background-size: 16px auto;}
.rightQQ .closeRightQQ { width: 30px; height: 30px; position: absolute; right: 0; top: 0;
    background-image: url('../img/closeRightQQ.png'); background-repeat: no-repeat;
    background-position: center; background-size: 13px auto; padding: 0;}

/** ==== 头部 ==== */
.header { width: 100%; height: 100px; border-bottom: 1px solid #d3d0c9; background: #fff;}
.header .headerInner { position: relative; margin: 0 auto; padding-top: 15px; }
.header .logo { height: 64px; width: 340px; font-size: 22px;
    line-height: 64px; color: #1a1a1a; background: url("../img/logo.png") no-repeat left center;
    font-family: "黑体", 'Helvetica Neue', Helvetica, Tahoma, Arial,
    'Hiragino Sans GB', Stheiti, 'WenQuanYi Micro Hei', \5FAE\8F6F\96C5\9ED1,
    \5B8B\4F53, sans-serif; }
.header .logo a { color: #1a1a1a; padding-left: 64px; display: inline-block;}

.menu_icon { visibility: hidden; position: absolute; top: 2px; right: 0;
    padding: 22px 10px 18px 10px; width: 20px; height: 20px; cursor: pointer; }
.menu_icon div { -webkit-transition: all .5s; -moz-transition: all .5s;
    transition: all .5s; }
.menu_icon span { display: block; width: 100%; height: 2px; margin-top: 5px;
    _font-size: 0; background: #333; opacity: 1; cursor: pointer;
    -webkit-transition: all .5s linear; -moz-transition: all .5s linear;
    transition: all .5s linear; }
.menu_icon .span_1 { margin-top: 0;}

.menu_icon.current .span_1 { -webkit-transform: rotate(-405deg) translateY(10px);
    -ms-transform: rotate(-405deg) translateY(10px);
    -o-transform: rotate(-405deg) translateY(10px); transform: rotate(-405deg) translateY(10px);}
.menu_icon.current .span_2 { opacity: 0; -webkit-transform: scale(0);
    -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);}
.menu_icon.current .span_3 { -webkit-transform: rotate(405deg) translateY(-10px);
    -ms-transform: rotate(405deg) translateY(-10px); -o-transform: rotate(405deg) translateY(-10px);
    transform: rotate(405deg) translateY(-10px);}
.menu_icon.current div { -webkit-transform: translateX(-8px);
    -ms-transform: translateX(-8px); -o-transform: translateX(-8px); transform: translateX(-8px);}

.header .nav { position: absolute; right: 0; top: 42px; }
.header .nav li { position: relative; float: left; padding: 0 3px 0 2px; }
.header .nav li:after { content: " "; position: absolute; right: 0; top: 11px;
    height: 14px; width: 1px; background: #e6e6e6;}
.header .nav li:last-child:after { display: none;}
.header .nav li a { display: block; width: 96px; height: 36px; font-size: 14px; line-height: 36px;
    text-align: center; color: #000000;}
.header .nav li.current a,
.header .nav li a:hover,
.header .nav li a:active { background: #0099ee; color: #fff;}

@media (max-width: 1150px) {
    .header .nav li a { width: 75px; font-size: 12px;}
}
@media (max-width: 980px) {
    .header { height: 64px;}

    .header.fixed { position: fixed; left: 0; top: 0; z-index: 4; }

    .header .logo { height: 32px; font-size: 14px;
        line-height: 32px; background-size: 32px auto;}
    .header .logo a{ padding-left: 32px;}
    .menu_icon { visibility: visible; }

    .header .nav { visibility: hidden; z-index: 3; position: fixed; top: 64px;
        left: 0; background: #fff; width: 100%; height: 100%;}

    .header .nav.current { visibility: visible; }

    .header .nav li { float: none; width: 100%;}

    .header .nav li a { width: 100%; font-size: 14px; height: 45px; line-height: 45px;}
}

/** ==== banner条 ==== */
.banner { position: relative; overflow: hidden; width: 100%;}
.banner ul { position: relative; width: 0; height: 0; padding: 20.8% 50%;
    margin: 0 auto; }
.banner ul li { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background-size: cover; background-position: center center; }
.banner ul li a { display: block; width: 100%; height: 100%;}
.banner .control { position: absolute; width: 100%; bottom: 5.625%; left: 0;
    text-align: center;}
.banner .control a { display: inline-block; box-sizing: border-box; padding: 0.78%;
    width: 0; height: 0; margin-right: 1.56%; border: 2px solid #ffffff;
    border-radius: 50%; cursor: default;}
.banner .control a:last-child { margin-right: 0;}
.banner .control a.current,
.banner .control a:hover { background-color: #fff;}

/* ==== 底部 ==== */
.footer { width: 100%; margin: 0 auto; padding-bottom: 30px; color: #999999;
    background-color: #363636; border-top: 1px solid #363636; }
.footerIn { height: 100%; margin: 0 auto; }

.footer address { position: relative; width: 300px; height: 60px; margin-top: -30px;
    font-size: 12px; line-height: 60px; color: #ffffff; background-color: #0099ee; }
.footer address a { display: block; margin-left: 65px; color: #fff;}
.footer address a::before { content: ''; position: absolute; top: 50%; left: 16px; width: 28px; height: 28px;
    margin-top: -14px; background: url("../img/Phone_icon.png"); }
.footer address a::after { content: ''; position: absolute; top: 50%; right: 35px; width: 60px; height: 1px;
    background-color: #fff;}

.footer .footerNav { margin-top: 74px; }
.footer .footerNav dl { float: left; width: 12.5%; margin-bottom: 30px;
    font-size: 12px; line-height: 24px;}
.footer .footerNav a { color: #999999; }
.footer .footerNav a:hover { color: #ffffff; }
.footer .footerNav dt { position: relative; padding-bottom: 20px;}
.footer .footerNav dt a { position: relative; }
.footer .footerNav dt a:after { content: ""; position: absolute; bottom: -16px; left: 0;
    width: 100%; height: 1px; padding-right: 6px; background-color: #999999; }

.footer .footerNav dl.last { width: 100px; float: right; margin-top: -14px;}
.footer .footerNav dl.last dt { display: block; padding-bottom: 15px; font-size: 14px; line-height: 24px;
    color: #fefefe; }

.footer small { display: block; margin-top: 10px; }
.footer small a { color: #999999; }

@media (max-width: 1000px) {
    .footer .footerNav dl { width: 25%; }

    .footer .footerNav dl.clearBothWith4 { clear: both; }

    .footer .footerNav dl.last { float: left;}
}

@media (max-width: 600px) {
    .footer .footerNav dl { width: 50%; }

    .footer .footerNav dl.clearBothWith2 { clear: both; }

    .footer .footerNav dl.last { float: left;}
}

/** ==== 文字展示列表 ==== */
.bg_gray {background: #f5f6f7; }
.columnCard { background: #fff; padding: 0 2%; box-sizing: border-box;
    margin: 50px auto 130px auto;}
.columnCard.marginTop20 { margin-top: 20px;}
.columnCard.margin20 { margin-top: 20px; margin-bottom: 20px;}
.columnCard .foot {padding: 40px 0;}
.columnCard .foot a { display: inline-block; padding: 8px 10px; background: #f8f8f8; color: #999999;
    font-size: 12px; line-height: 14px; font-weight: bold;}
.columnCard .foot a:hover,
.columnCard .foot a.current { background: #0099ee; color: #fff; }
.columnCard .foot a.noneHover:hover { background: #f8f8f8; color: #999999; cursor: default;}

.textList li { border-bottom: 1px solid #e2e2e2;}
.textList li a { display: block; padding: 30px 0; }
.textList li a time { color: #999999; font-size: 12px; line-height: 14px; display: block;}
.textList li a h3 { font-size: 16px; font-weight: bold; color: #000;
    line-height: 20px; padding: 10px 0; }
.textList li a .line { width: 30px; height: 2px; background: #e2e2e2; margin: 6px 0 12px 0; }
.textList li a p { font-size: 12px; color: #999999; font-weight: bold; line-height: 26px;
    max-height: 52px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
    -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.textList li a:hover time { color: #333; }
.textList li a:hover h3 { color: #000000; text-decoration: underline; }
.textList li a:hover .line { background: #999; }
.textList li a:hover p { color: #000; }


.imgTextList li a { overflow: hidden;}
.imgTextList li a time { padding-top: 16px;}
.imgTextList li a .img { float: left; width: 200px; height: 150px; background-color: #ccc;
    background-size: cover; }
.imgTextList li a .text { float: right; width: calc(98% - 200px); }
.imgTextList li a:hover .img { -webkit-filter: brightness(0.8); filter: brightness(0.8); }

@media (max-width: 600px) {
    .imgTextList li a {}

    .imgTextList li a .img { float: none; max-width: 100%; }

    .imgTextList li a .text { float: none; width: 100%;}
}

.tabNav { height: 100px; line-height: 100px; overflow: hidden; margin-top: 50px;}
.tabNav li { float: left; width: 50%;}
.tabNav.three li { float: left; width: calc(100% / 3);}
.tabNav li a { display: block; color: #000000; background: #fff; text-align: center;
    transition: all .3s; font-size: 14px; font-weight: bold; }
.tabNav li a:hover,
.tabNav li.current a { color: #fff; background: #0099ee;}

.details header { text-align: center; padding: 50px 0;}
.details header h1 { font-size: 24px; line-height: 30px; color: #000000; font-weight: bold; }
.details header time { font-size: 12px; line-height: 14px; color: #999999; font-weight: bold; }

.details .content { position: relative; padding-bottom: 40px; color: #666666;
    line-height: 30px; text-align: left; font-size: 14px;}
.details .content .video { margin: 0 auto 10px auto; width: 480px; height: 400px; max-width: 100%;
    overflow: hidden;}
.details .content .video iframe{ width: 100%; height: 450px;}
.details .content img { display: block; margin: 10px auto 10px auto; max-width: 100%;}
.details .content h2 { color: #333333; font-weight: bold; font-size: 16px;}
.details .content p { text-indent: 2em;}
.details .content p.center { text-indent: 0; text-align: center;}
.details .content p.noneIndent { text-indent: 0;}
.details .content .download { background: #22a4f0; border-radius: 100px;
    line-height: 30px; width: 80px; text-align: center; position: absolute; right: 0; top: -30px;
    color: #fff; font-size: 14px;}
.details .content .download:hover{ background: #0099ee;}

.breadCrumb { margin-top: 50px; color: #999999; font-size: 12px; line-height: 14px;}
.breadCrumb a { color: #999999; font-size: 12px; line-height: 14px;}
.breadCrumb a:hover { color: #000;}

.footNav { background: #fff; margin: -110px auto 130px auto; }
.footNav ul { padding: 14px 2%;}
.footNav a { display: inline-block; padding: 8px 0; color: #666666; font-size: 12px;
    line-height: 14px; font-weight: bold;}
.footNav a:hover { color: #000;}
.footNav a.noneHover:hover { color: #666; cursor: default;}

.headline { position: absolute; z-index: 1; top: 0; right: 0; box-sizing: border-box;
    width: 290px; height: 400px; padding: 12px 13px; color: #ffffff;
    background-color: #0099ee; }
.headline .borderWhite { height: 100%; border: 1px solid #ffffff; color: #ffffff; }
.headline h2 { display: block; margin-top: 68px; font-size: 42px; font-weight: bold;
    line-height: 44px; text-align: center;}
.dot { position: relative; display: block; width: 5px; height: 5px; margin: 25px auto 0 auto;
    border-radius: 50%; background-color: #ffffff; }
.headline .dot:before,
.headline .dot:after { content: ""; position: absolute; top: 2px; left: 10px; width: 9px; height: 1px;
    background-color: #ffffff; }
.headline .dot:before { right: 10px; left: auto; }
.headline cite { display: block; margin-top: 12px; font-size: 14px; font-weight: bold;
    line-height: 16px; text-align: center; }
.headline p { margin-top: 30px; font-size: 20px; line-height: 40px; text-align: center;
    font-weight: bold;}
.headline a { display: block; width: 102px; height: 34px;
    margin: 60px auto 0 auto; border: 1px solid #ffffff; font-weight: bold;
    font-size: 14px; line-height: 34px; text-align: center; color: #ffffff; }
.headline a:hover { background-color: rgba(255, 255, 255, .2); }
.headline .go { position: absolute; top: 0; left: 0; width: 0; height: 0; margin: 0;
    padding: 0; border: none; }

/*******************************************************************************
 * @private 页面私有
 */
/** @private - #index 首页 **/
.floor1 { position: relative; margin: 0 auto; padding-top: 60px; }
.floor1 .maxCenter { position: relative;}
.floor1 .headline { top: -150px; }
.floor1 .head h3 { font-size: 18px; line-height: 40px; color: #0099ee; font-weight: bold;}
.floor1 .head p { max-width: 740px; width: 62%; margin-top: 10px; font-size: 12px;
    line-height: 22px; color: #999999; font-weight: bold; }

.floor1 .content { position: relative; box-sizing: border-box; margin-top: 50px;
    padding-bottom: 76px; background-color: #f8f8f8; }
.floor1 .content::before { content: ""; position: absolute; left: -100%; top: 0; width: 100%;
    height: 100%; background-color: #f8f8f8; }
.floor1 .content .img { position: relative; float: left; width: 290px; height: 216px;
    margin-top: 77px; background-size: cover; background-repeat: no-repeat;
    background-color: #999; }
.floor1 .content .img::after { content: ""; position: absolute; top: 15px; left: 15px;
    width: 260px; height: 186px; border: 1px solid #ffffff; }
.floor1 .content ul { float: left; width: calc(84% - 290px);
    padding: 132px 8% 0 8%;}
.floor1 .content li { float: left; width: 25%; }
.floor1 .content li:last-child { margin-right: 0;}
.floor1 .content li .icon { width: 82px; height: 82px; margin: 0 auto;
    border: 1px solid #d1d1d1; border-radius: 50%;
    transition: background-color .3s, border-color .3s;
    background: url("../img/about_spirit.png") no-repeat 0 0;}
.floor1 .content li:hover .icon { border-color: #0099ee; background-color: #0099ee; background-position: 0 100%;}
.floor1 .content li.pragmatic .icon { background-position: 50% 0;}
.floor1 .content li.pragmatic:hover .icon { background-position: 50% 100%;}
.floor1 .content li.unity .icon { background-position: 100% 0;}
.floor1 .content li.unity:hover .icon { background-position: 100% 100%;}
.floor1 .content li.win .icon { background-position: 0 50%;}
.floor1 .content li.win:hover .icon { background-position: 100% 50%;}
.floor1 .content li strong { display: block; margin-top: 28px; font-size: 14px; line-height: 16px;
    text-align: center; color: #0099ee; }
.floor1 .content li strong::after { content: ''; display: block; width: 10px; height: 1px;
    margin: 10px auto; background-color: #000000; }
.floor1 .content li cite { display: block; font-size: 12px; line-height: 14px;
    text-align: center; color: #a6abad;}

@media (max-width: 900px) {
    .floor1 .headline { position: relative; width: 100%; top: -20px; }

    .floor1 .head p { width: 100%; max-width: none;}

    .floor1 .content { padding-top: 60px; padding-bottom: 60px; }

    .floor1 .content .img { float: none; margin: 0 auto;}

    .floor1 .content ul { width: 92%; padding: 50px 4% 0 4%; }
}
@media (max-width: 500px) {
    .floor1 .content { padding-bottom: 0;}

    .floor1 .content li { width: 50%; margin-bottom: 50px;}
}

/* ==== 推荐产品 ==== */
.floor2 { margin: 0 auto; font-weight: bold; background-color: #fff; }
.floor2 .maxCenter { position: relative;}
.floor2 h2 { margin-top: 110px; font-size: 40px; line-height: 42px;
    text-align: center; color: #0099ee; font-weight: bold; }
.floor2 h3 { margin-top: 32px; font-size: 18px; line-height: 20px;
    text-align: center; text-indent: 10px; letter-spacing: 10px; color: #000000;
    font-weight: bold; }

.floor2 .dot { background-color: #000000; }
.floor2 .dot::before,
.floor2 .dot::after { content: ""; position: absolute; top: 2px; left: 15px; width: 70px; height: 1px;
    background-color: #000000; }
.floor2 .dot::before { right: 15px; left: auto; }

.floor2 ul { width: 100%; margin-top: 60px;}
.floor2 li { float: left; width: 25%;}
.floor2 li a { display: block; }
.floor2 li a .img { position: relative; display: block; box-sizing: border-box; padding: 41% 50%;
    border: 1px solid #cccccc; background-size: cover; background-color: #f7f7f7;}

.floor2 li a .img div { visibility: hidden; opacity: 0;
    position: absolute; top: 0; left: 0;
    box-sizing: border-box; width: 100%; height: 100%; padding: 2.5%;
    font-size: 12px; color: #ffffff; background-color: #0099ee;
    background-color: rgba(0, 153, 238, .3);}
.floor2 li a .img div i { display: block; box-sizing: border-box; width: 100%; height: 100%;
    border: 2px solid #ffffff; }
.floor2 li a .img p { position: absolute; top: 50%; left: 7.5%; width: 85%; max-height: 96px;
    font-size: 12px; text-align: center; line-height: 24px;
    display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;
    overflow: hidden; text-overflow: ellipsis;
    transform: translateY(-50%); }
.floor2 li a:hover { border-color: rgba(0, 153, 238, .3); }
.floor2 li a:hover .img div { visibility: visible; opacity: 1; }

.floor2 li h4 { margin-top: 18px; text-align: center; color: #909699; }
.floor2 li h4 span { display: inline-block; font-size: 14px; line-height: 16px;}
.floor2 li h4 span::after { content: ''; display: inline-block; width: 100%; height: 1px;
    margin-top: 16px;
    vertical-align: top; background-color: #e2e2e2; }

.floor2 .bottom { margin-top: 50px; height: 100px; background-color: #f8f8f8; }

@media (max-width: 1100px) {
    .floor2 ul { box-sizing: border-box; padding: 0 6%;}

    .floor2 li { width: 50%;;}
}

/* ==== 77779193永利 ==== */
.floor3 { margin: 0 auto;}
.floor3 .maxCenter { position: relative; }
.floor3 .headline { top: -15px; background-color: #62ab00; }
.floor3 .head { margin-right: 362px; padding-top: 86px; text-align: right;}
.floor3 .head h3 { font-size: 36px; font-weight: bold; line-height: 40px; color: #000000;}
.floor3 .head p { margin-top: 8px; font-size: 12px; font-weight: bold;
    line-height: 14px; color: #999999; }

.floor3 .subnav ul { position: relative; margin-top: 118px; background-color: #f8f8f8;}
.floor3 .subnav ul::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%;
    height: 100%; background-color: #f8f8f8; }
.floor3 .subnav li { float: left; margin-right: 25px; }
.floor3 .subnav li:last-child { margin-right: 0; }
.floor3 .subnav li a { display: block; height: 100px; font-size: 12px;
    line-height: 100px; color: #1a1a1a; font-weight: bold; }
.floor3 .subnav li.current a,
.floor3 .subnav li a:hover { box-sizing: border-box;
    border-bottom: 2px solid #62ab00; color: #62ab00; }

.floor3 .content ul { margin-top: 78px; display: none; }
.floor3 .content li { position: relative; float: left; width: 25%; background-color: #f8f8f8; }
.floor3 .content li a { position: relative; display: block; margin-right: 6.65%; margin-bottom: 6.65%;
    padding: 42% 46.675%; background-size: contain; }
.floor3 .content li:nth-child(4n) a { margin-right: 0; }
.floor3 .content li:nth-last-child(-n + 4) a { margin-bottom: 0; }

.floor3 .content li div { position: absolute; top: 0; left: 0; box-sizing: border-box;
    width: 100%; height: 100%;
    padding: 7.15% 7.95%; opacity: 0; background-color: rgba(0, 0, 0, 0.2);}
.floor3 .content div i { position: relative; display: block; height: 100%;
    border: 1px solid #ffffff;}
.floor3 .content li div cite { position: absolute; top: 50%; left: 7%;
    width: 86%; margin: 0 auto; text-align: center;
    font-size: 14px; line-height: 20px; color: #ffffff;
    overflow: hidden; max-height: 40px;
    display: -webkit-box; -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; text-overflow: ellipsis;
    transform: translateY(-50%); }
.floor3 .content li a:hover div { opacity: 1; }

.floor4 { margin: 140px auto 0 auto; }
.floor4 .maxCenter.solution { height: 400px; background-image: url('../img/solution_bg.png');
    background-repeat: no-repeat; background-position: 90% 0%;}
.floor4 .headline { position: relative; float: left; }
.floor4 .head { float: left; margin-left: 60px; }
.floor4 .head h3 { padding-top: 205px; font-size: 36px; font-weight: bold;
    line-height: 40px; color: #000000; }
.floor4 .head p { margin-top: 8px; font-size: 12px; font-weight: bold;
    line-height: 14px; color: #999999; }

.floor4 section { margin-top: 95px; clear: both; }
.floor4 .content li { position: relative; float: left; width: calc(50% - 10px); margin-right: 20px;}
.floor4 .content li:last-child { margin-right: 0; }
.floor4 .content li a { position: relative; display: block; box-sizing: border-box; padding: 21.4% 50%;
    background-color: #ebeced; background-repeat: no-repeat; background-size: cover;
    background-position: center;}
.floor4 .content li a .hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    color: #ffffff; text-align: center; box-sizing: border-box; opacity: 0; visibility: hidden; }
.floor4 .content li a .hover i { position: absolute; top: 7.5%; left: 4%; width: 92%; height: 85%;
    border: 1px solid #ffffff; }
.floor4 .content li a .hover div { background-color: rgba(0, 0, 0, .2); position: absolute; top: 50%; left: 22%;
    width: 56%; padding: 2% 2%; box-sizing: border-box; transform: translateY(-50%);}
.floor4 .content li a .hover h4 { position: relative; display: inline-block;
    margin: 0 8%; font-size: 16px; max-width: 84%;
    line-height: 30px; font-weight: bold; overflow: hidden;
    height: 30px; text-overflow: ellipsis; white-space: nowrap;}
.floor4 .content li a .hover h4::after { content: ""; position: absolute; bottom: 1px; left: -3px;
    width: calc(100% + 6px); height: 1px; background-color: #ffffff; }
.floor4 .content li a .hover p { margin-top: 5px; display: block; font-size: 12px; line-height: 20px;
    overflow: hidden; max-height: 80px;
    display: -webkit-box; -webkit-line-clamp: 4;
    -webkit-box-orient: vertical; text-overflow: ellipsis; }

.floor4 .content li a:hover .hover { opacity: 1; visibility: visible; }


@media (max-width: 1260px) {
    .floor3 .headline { top: -100px;}
}
@media (max-width: 1080px) {
    .floor4 .head { margin-top: 100px;}
}
@media (max-width: 980px) {
    .floor3 .subnav ul { padding: 20px 0;}

    .floor3 .subnav li a { height: 50px; line-height: 50px;}

    .floor4 .content li a .hover h4 { max-height: 20px; -webkit-line-clamp: 1; }

    .floor4 .content li a .hover p { max-height: 60px; -webkit-line-clamp: 3; }
}

@media (max-width: 700px) {
    .floor4 .head p { padding-bottom: 20px;}

    .floor4 .content li { width: 100%; margin-top: 10px; }
}

.floor5 { margin: 0 auto;}
.floor5 .maxCenter { position: relative; margin-top: 48px;}
.floor5 .headline { top: 0; background-color: #62ab00;}
.floor5 .head { margin-right: 362px; padding-top: 86px; text-align: right; }
.floor5 .head h3 { font-size: 36px; font-weight: bold;
    line-height: 40px; color: #000000;}
.floor5 .head p { margin-top: 8px; font-size: 12px; font-weight: bold;
    line-height: 14px;color: #999999; }

.floor5 section ul { position: relative; overflow: hidden;
    width: calc(100% - 290px);}
.floor5 section li { position: relative; float: left; overflow: hidden;
    width: 50%; }
.floor5 section .bg { position: absolute; top: 0; left: 0;
    width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, .2); opacity: 0; cursor: pointer;}
.floor5 section .bg h2 { width: 100%; position: absolute; top: 50%; left: 0;
    text-align: center; margin-top: -20px;}
.floor5 section .bg cite { display: inline-block; overflow: hidden; width: 70%;
    height: 40px; padding: 0 12px; border: 1px solid #ffffff;
    font-size: 14px; font-weight: bold; line-height: 40px;
    white-space: nowrap; text-overflow: ellipsis; color: #ffffff;}
.floor5 section a { display: block; background-repeat: no-repeat; background-size: cover;
    padding: 19.78% 50%; }
.floor5 section a:hover .bg { opacity: 1; }
.floor5 section ul.width3 li { width: calc(100% / 3);}
.floor5 section ul.width3 li a { padding: 29.5% 50%; }

.floor6 { margin: 0 auto 130px auto;}
.floor6 .news { position: relative; margin-top: 212px; }
.floor6 .headline { right: auto; left: 0; }
.floor6 .head { float: left; margin-top: 140px; margin-left: 354px;}
.floor6 .head h3 { font-size: 36px; font-weight: bold; line-height: 40px; color: #000000; }
.floor6 .head p { margin-top: 8px; font-size: 12px; font-weight: bold; line-height: 14px; color: #999999; }

.floor6 .subnav ul { position: relative; margin-top: 60px; padding-left: 354px; background-color: #f8f8f8;}
.floor6 .subnav ul::before { content: ""; position: absolute; top: 0; right: -100%; width: 100%;
    height: 100%; background-color: #f8f8f8; }
.floor6 .subnav li { float: left; margin-right: 25px; }
.floor6 .subnav li:last-child { margin-right: 0; }
.floor6 .subnav li a { display: block; height: 100px; font-size: 12px; line-height: 100px; color: #1a1a1a; }
.floor6 .subnav li.current a,
.floor6 .subnav li a:hover { box-sizing: border-box; border-bottom: 2px solid #62ab00; color: #62ab00; }

.floor6 section { margin-top: 70px; }
.floor6 section ul { display: none;}
.floor6 section li { height: 202px; position: relative; float: left; width: 25%;
    padding-right: 1.7%; box-sizing: border-box;
    padding-bottom: 80px; cursor: pointer;}
.floor6 section li:last-child { padding-right: 0; }
.floor6 section li a { display: block;}
.floor6 section li time { font-size: 12px; line-height: 14px;
    color: #999999; }
.floor6 section li h4 { position: relative; margin-top: 10px; margin-right: 0;
    padding-bottom: 10px; font-size: 14px;
    line-height: 16px; color: #000000; white-space: nowrap; overflow: hidden;
    text-overflow: ellipsis;}
.floor6 section li h4:after { position: absolute; left: 0; bottom: 0;
    content: " "; width: 30px; height: 2px; background: #000;}
.floor6 section li p { margin-top: 9px; margin-right: 0; font-size: 12px;
    line-height: 22px; color: #999999; max-height: 88px; overflow: hidden;
    display: -webkit-box; -webkit-line-clamp: 4;
    -webkit-box-orient: vertical; text-overflow: ellipsis;}
.floor6 section li i { position: absolute; bottom: 0; left: 0; width: 24px;
    height: 24px; border: 1px solid #e2e2e2; line-height: 24px; text-align: center;
    color: #e2e2e2; }
.floor6 section li a:hover i { border-color: #0099ee; color: #ffffff;
    background-color: #0099ee; }

@media (max-width: 900px) {
    .floor2 .bottom { background: #fff; height: 20px; }

    .floor3 .headline { position: relative; width: 100%; top: 0; }

    .floor3 .head { margin: 0 auto; text-align: center; padding-top: 20px;}

    .floor3 .subnav ul { margin-top: 30px;}

    .floor3 .content ul { margin-top: 30px; }

    .floor3 .content li { width: 50%;}

    .floor4 { margin-top: 100px;}

    .floor4 .headline { position: relative; width: 100%;}

    .floor4 .head { margin: 0; width: 100%;}

    .floor4 .head h3 { padding-top: 40px; text-align: center; }

    .floor4 .head p { padding-bottom: 40px; text-align: center;}

    .floor4 .content li a .hover h4 { max-height: 40px; -webkit-line-clamp: 2; }

    .floor4 .content li a .hover p { max-height: 80px; -webkit-line-clamp: 4; }

    .floor5 .headline { position: relative; width: 100%; top: 0; margin-top: 100px; }

    .floor5 .head { width: 100%; text-align: center; padding-top: 0;}

    .floor5 .head h3 { padding-top: 40px; width: 100%;}

    .floor5 section ul { width: 100%;}

    .floor6 .news { margin-top: 80px;}

    .floor6 .headline { position: relative; width: 100%; margin-top: 40px;}

    .floor6 .head { margin-left: 0; margin-top: 40px; width: 100%; text-align: center; }

    .floor6 .head h3 { text-align: center;}

    .floor6 .head p { padding-bottom: 40px; text-align: center;}

    .floor6 .subnav ul { margin: 20px auto 0 auto; padding-left: 0; text-align: center;
        overflow: hidden;}

    .floor6 .subnav ul::before { display: none; width: 0; height: 0;}

    .floor6 .subnav li { display: inline-block; float: none; }

    .floor6 .subnav li a { height: 60px; font-size: 12px; line-height: 60px; color: #1a1a1a; }

    .floor6 section { margin-top: 0;}

    .floor6 section li { width: 50%; margin-top: 30px;}
}

@media (max-width: 560px) {
    .floor5 section ul li { width: 100%; }

    .floor5 section ul.width3 li { width: 100%; }

    .floor6 section li { width: 100%; margin-top: 30px;}
}

.telWrap { overflow: hidden; padding: 30px 0; font-size: 14px; line-height: 16px; }
.telWrap li { float: left; box-sizing: border-box; width: calc(100% / 3);
    margin: 10px 0; padding-left: 90px; color: #999999; background-repeat: no-repeat;
    background-position: left center; min-height: 82px;
    background-image: url("../img/contactUs_tel_icon.png");}
.telWrap li a { color: #999999; }
.telWrap li a:hover { color: #000; }
.telWrap li.tel a { line-height: 18px;}
.telWrap li.tel a.first { padding-top: 10px; clear: both; display: block;}
.telWrap li.tel p { float: left; margin-right: 2px; }
.telWrap li.tel div { float: left;}
.telWrap li.email { background-image: url("../img/contactUs_email_icon.png") }
.telWrap li.email a { line-height: 82px; }
.telWrap li.local { background-image: url("../img/contactUs_local_icon.png") }
.telWrap li.local p { margin-top: 6px; }

.qrWrap { overflow: hidden; padding: 30px 0; font-size: 14px; line-height: 16px; }
.qrWrap li { float: left; box-sizing: border-box; width: calc(100% / 3);
    margin: 10px 0; color: #999999; background-repeat: no-repeat;
    background-position: left center; min-height: 120px;}
.qrWrap li p { font-size: 14px; float: left; line-height: 122px; padding-right: 20px; }
.qrWrap li p {width: auto; height: 122px;}
@media (max-width: 1200px) {
    .telWrap li { width: 50%;}

    .telWrap li:last-child { width: 100%;}

    .qrWrap li { width: 50%;}
}

@media (max-width: 650px) {
    .telWrap li { width: 100%;}

    .qrWrap li { width: 100%;}

    .qrWrap li:last-child p { margin-right: 26px;}
}

.qqWrap { margin: 0 auto; padding: 40px 0 40px 100px;
    width: 170px; background-image: url('../img/qq_icon.png');
    background-repeat: no-repeat; background-position: left center;
    background-size: auto;}
.qqWrap a { display: block; margin: 20px 0; width: 160px; height: 30px;
    font-size: 14px; line-height: 30px; background: #f2f2f2; border-radius: 100px;
    color: #333333; text-align: center; }
.qqWrap a:hover { background: #0099ee; color: #fff; }

.baiduMapHead { padding-top: 60px; text-align: center; }
.baiduMapHead p { font-size: 14px; line-height: 16px; color: #333333; padding: 14px 0; }
.baiduMapHead .mapIcon { display: block; width: 80px; height: 80px; text-align: center;
    background: #fe5722; color: #fff; font-size: 28px; line-height: 80px;
    border-radius: 100px; margin: 0 auto;}

.baiduMap iframe { width: 100%; height: 1000px; }

.inviteUl { padding: 30px 0; font-size: 14px; color: #999999; line-height: 22px;}
.inviteUl h2 { position: relative; margin-top: 10px; padding: 20px 20px;
    font-size: 14px; line-height: 20px; background-color: #f2f2f2; color: #666666;
    cursor: pointer; overflow: hidden; }
.inviteUl h2.current {background-color: #009aed; color: #fff;}
.inviteUl h2:hover,
.inviteUl h2.current:hover {background-color: #22a5f0; color: #fff;}

.inviteUl h2 strong { float: left; }
.inviteUl h2 span { float: right; padding-right: 60px; }
.inviteUl h2 .icon { position: absolute; right: 20px; top: 50%; width: 32px; height: 32px;
    margin-top: -16px;
    background-image: url('../img/inviteUl_icon.png');
    background-repeat: no-repeat; background-position: top center; background-size: auto; }
.inviteUl h2:hover .icon {}
.inviteUl h2.current .icon { background-position: bottom center;}

.inviteUl .text { padding-bottom: 40px;}
.inviteUl h3 { color: #0099ee; padding: 20px 0;}
.inviteUl p {}


.aboutUsPage {background-color: #ffffff;}
.aboutUsPage .subnav ul { width: 240px; margin: 0 auto; }
.aboutUsPage .subnav li { float: left; }
.aboutUsPage .subnav li a { position: relative; display: block; padding: 21px 12px 23px 12px;
    font-size: 14px; line-height: 16px; color: #666666; }
.aboutUsPage .subnav li a:hover,
.aboutUsPage .subnav li a.current { color: #0099ee; }
.aboutUsPage .subnav li a::after { content: " "; position: absolute; right: 0; top: 22px;
    height: 12px; width: 1px; background: #e2e2e2;}
.aboutUsPage .subnav li:last-child a::after { display: none;}
.aboutUsPage .banner ul { padding: 14% 50%; }

.aboutUsPage .head { position: relative; padding: 92px 0; background-color: #f5f6f7;}
.aboutUsPage .head::before { content: ""; position: absolute; right: -100%; top: 0; width: 100%;
    height: 100%; background-color: #f5f6f7; }
.aboutUsPage .head .headline { top: -100px; right: auto; left: 0; width: 554px; height: auto;}
.aboutUsPage .head .headline h2 { margin-top: 48px; }
.aboutUsPage .head .headline cite { margin-top: 21px; font-weight: normal; letter-spacing: 1em;}
.aboutUsPage .head .headline .dot { margin-bottom: 48px; }
.aboutUsPage .head .headline .dot:before,
.aboutUsPage .head .headline .dot:after { left: 15px; width: 70px; }
.aboutUsPage .head .headline .dot:before { right: 15px; left: auto; }
.aboutUsPage .head .breadCrumb { margin-top: 0; text-align: right; }

.aboutUsPage .columnCard { padding: 0; margin-bottom: 0;}
.aboutUsPage .details header {padding-bottom: 0; }
.aboutUsPage .details header h1 { text-align: left; font-size: 26px; line-height: 40px;
    font-weight: normal;
    color: #0099ee; }
.aboutUsPage .details .content { padding-bottom: 100px;}
.aboutUsPage .details .content .imgDad { margin-top: 80px; position: relative;
    float: right; padding: 19.1% 17.8%; }
.aboutUsPage .details .content .imgDad::after { z-index: 1; content: "";
    position: absolute; top: -12px; right: -12px;
    width: 100%; height: 100%; background-color: #e2e0e1; }
.aboutUsPage .details .content .img { z-index: 2; position: absolute; top: 0; left: 0;
    width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; }
.aboutUsPage .details .content .img::before { content: ""; position: absolute; top: 14px;
    right: 14px; width: calc(100% - 28px); height: calc(100% - 28px); border: 1px solid #ffffff; }
.aboutUsPage .details .content p { width: 60%; max-width: 560px; margin-top: 26px; font-size: 14px;
    line-height: 24px; }

.aboutUsPage .entIdea { position: relative; }
.aboutUsPage .entIdea .headline { padding: 42px 0 42px 0; width: 100%; height: auto; position: relative;
    background-color: #f5f6f7; }
.aboutUsPage .entIdea .headline::before { content: ""; position: absolute; left: -100%; top: 0; width: 100%;
    height: 100%; background-color: #f5f6f7; }
.aboutUsPage .entIdea .headline h2 { margin-top: 0; color: #0099ee; font-size: 40px; line-height: 42px; }
.aboutUsPage .entIdea .headline cite { font-size: 18px; line-height: 20px; color: #000000; margin-top: 34px;
    font-weight: normal; letter-spacing: 1em; text-indent: 1em; }
.aboutUsPage .entIdea .headline .dot { background-color: #000000;}
.aboutUsPage .entIdea .headline .dot:before,
.aboutUsPage .entIdea .headline .dot:after { left: 15px; width: 70px; background-color: #000000;}
.aboutUsPage .entIdea .headline .dot:before { right: 15px; left: auto; }

.aboutUsPage .entIdea ul { overflow: hidden; padding-bottom: 200px;}
.aboutUsPage .entIdea li { border-bottom: 1px solid #f5f6f7; margin-top: 110px;}
.aboutUsPage .entIdea li .left { float: left; width: 55%;
    box-sizing: border-box; }
.aboutUsPage .entIdea li .right { float: right; width: 55%; }
.aboutUsPage .entIdea li .text { margin-bottom: 19px; position: relative; }
.aboutUsPage .entIdea li .text .title {float: left; text-align: center;
    line-height: 80px; width: 80px; height: 80px; color: #ffffff;
    background-color: #0099ee; border-radius: 100%; }
.aboutUsPage .entIdea li .text p { position: absolute; left: 106px;
    top: 50%; font-weight: bold; font-size: 12px; padding-right: 16%;
    line-height: 18px; color: #999999; transform: translateY(-50%); }
.aboutUsPage .entIdea li .text.right { width: 45%;}
.aboutUsPage .entIdea li .text.right .title { background-color: #62ab00}

.aboutUsPage .entIdea li .imgWrap { height: 100px; width: 45%; padding-right: 0; }
.aboutUsPage .entIdea li .imgWrap .img { position: relative; width: 100%; height: 100%;
    background-position: center center; background-size: cover; }
.aboutUsPage .entIdea li .imgWrap .img::before { content: ""; position: absolute; top: 7px; left: 7px;
    width: calc(100% - 14px); height: 86px; border: 1px solid #ffffff; box-sizing: border-box;}

.aboutUsSCPage .columnCard { padding: 90px 0 130px 0; margin-top: 0; }
.aboutUsSCPage section ul { }
.aboutUsSCPage section ul li time { margin-right: 36px; float: left; font-size: 14px;
    line-height: 28px; color: #0099ee; }
.aboutUsSCPage section ul li a { width: calc(100% - 120px); float: left; font-size: 14px;
    line-height: 24px; color: #666666; overflow: hidden;
    white-space: nowrap; text-overflow: ellipsis; }
.aboutUsSCPage .columnCard .foot { padding-bottom: 0; }


.aboutUsCQPage section { padding: 50px 0 190px 0;}
.aboutUsCQPage section li { margin-top: 50px; box-sizing: border-box; background-color: #f8f8f8;
    margin-right: 10%; float: left; width: 45%; padding: 4.2% 4% }
.aboutUsCQPage section li:nth-child(2n) {margin-right: 0;}
.aboutUsCQPage section li .img { padding: 30% 43.5%; background-repeat: no-repeat;
    background-position: center; background-size: cover; }
.aboutUsCQPage .head .headline h2 { font-size: 36px; line-height: 42px; }
.aboutUsCQPage .maxCenter li h3{ text-align: center; font-size: 12px; line-height: 20px; padding:10px 0;
    background-color: #fff;}

@media (max-width: 900px) {
    .aboutUsPage .head::before { display: none;}

    .aboutUsPage .entIdea li { margin-top: 40px;}

    .aboutUsPage .entIdea li .left,
    .aboutUsPage .entIdea li .right { width: 100%; }

    .aboutUsPage .entIdea li .text.right { width: 95%; padding-right: 5%; }

    .aboutUsPage .entIdea li .text p { padding-right: 5%; }
}
@media (max-width: 860px) {
    .aboutUsPage .head { margin: 0 auto; width: 96%; text-align: center; padding: 0 0 20px 0;}

    .aboutUsPage .head h3 { text-align: center;}

    .aboutUsPage .head p { padding-bottom: 40px; text-align: center;}

    .aboutUsPage .head .headline { top: -20px; position: relative; width: 100%; margin-top: 40px;}

    .aboutUsPage .columnCard { margin-top: 0; }

    .aboutUsPage .columnCard .content { padding-bottom: 50px;}

    .aboutUsCQPage section li { width: 100%;}
}
@media (max-width: 680px) {
    .aboutUsPage .details .content .imgDad { float: none; margin-top: 30px;}

    .aboutUsPage .details .content .imgDad::after { display: none; }

    .aboutUsPage .details .content p { width: 100%; max-width: none;}
}


/* 77779193永利 */
.productList { margin: 50px 0 130px 0; display: none; }
.productList ul { float: left; width: calc((100% - 60px) / 4); margin-right: 20px; }
.productList ul:last-child { margin-right: 0;}
.productList li { width: 100%; margin-bottom: 20px; }

.productList li a .img { display: block; width: 0; height: 0; padding: calc(44% - 1px) calc(50% - 1px);
    background-color: #fff; background-repeat: no-repeat;
    background-position: center; background-size: contain;
    box-sizing: border-box; border: 1px solid #fff; border-bottom-color: #e6e6e6; }
.productList li h2 { font-size: 12px; color: #000000; text-align: center;
    line-height: 18px; padding: 30px 30px; background: #fff;
    max-height: 36px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.productList li a:hover .img { border-color: #0099ee;}
.productList li a:hover h2 { background: #0099ee; color: #fff;}

.productList ul:nth-of-type(2) li:nth-of-type(odd) a .img { padding-top: calc(27% - 1px);
    padding-bottom: calc(27% - 1px); }
.productList ul:nth-of-type(2) li:nth-of-type(even) a .img { padding-top: calc(50% - 1px);
    padding-bottom: calc(50% - 1px); }

.productList ul:nth-of-type(3) li:nth-of-type(odd) a .img { padding-top: calc(62% - 1px);
    padding-bottom: calc(62% - 1px); }
.productList ul:nth-of-type(3) li:nth-of-type(even) a .img { padding-top: calc(50% - 1px);
    padding-bottom: calc(50% - 1px); }

.productList_nav { width: 100%; height: 100px; line-height: 100px; overflow: hidden; margin-top: 50px;}
.productList_nav tr { height: 100%; }
.productList_nav td { height: 100%; overflow: hidden; white-space: nowrap; }
.productList_nav td:last-child a:after {display: none;}
.productList_nav td a { position: relative; display: block; color: #000000;
    background: #fff; text-align: center;
    font-size: 14px; font-weight: bold; }
.productList_nav td a:after { content: " "; position: absolute; right: 0; top: 50%;
    width: 1px; height: 20px; background: #d2d2d2; margin-top: -10px; }
.productList_nav td:hover a,
.productList_nav td.current a { color: #fff; background: #0099ee;}
.productList_nav td:hover a:after,
.productList_nav td.current a:after { display: none; }

@media (max-width: 1000px) {
    .productList_nav td a { font-size: 12px; }
}

@media (max-width: 820px) {
    .productList_nav { min-width: 1000px; }

    .productList_nav_warp { overflow: auto; }
}

@media (max-width: 800px) {
    .productList ul { width: calc(98% / 2); margin-right: 2%; }

    .productList ul:nth-of-type(2) { margin-right: 0; }

    .productList ul:nth-of-type(3) { clear: both; }
}

.productDetailsPage .content { float: left; width: 50%; padding-bottom: 40px;}
.productDetailsPage .content h2 { font-size: 24px; color: #000000; line-height: 26px;
    padding-top: 40px; padding-bottom: 40px;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.productDetailsPage .content h2 strong { font-weight: bold; position: relative; display: inline-block; }
.productDetailsPage .content h2 strong:after { position: absolute; left: 0; bottom: -6px;
    content: " "; width: 100%; height: 2px; background: #000;}
.productDetailsPage .content p { font-weight: bold; font-size: 12px;
    line-height: 28px; color: #666666;}

.productDetailsPage .displayImgWrap { float: right; padding: 48px 0 0 0;}
.productDetailsPage .displayImg {position: relative; width: 300px; height: 350px;
    border: 1px solid #cccccc; margin-bottom: 10px;}
.productDetailsPage .displayImg li { display: none; position: absolute; width: 100%; height: 100%;
    background-repeat: no-repeat; background-position: center;
    background-size: contain; background-color: #fff; overflow: hidden;}
.productDetailsPage .displayImg li.current{ display: block;}
.productDetailsPage .displayImg li iframe{ width: 100%; height: 400px;}
.productDetailsPage .pointer{position: relative; height: 56px;}
.productDetailsPage .pointer ul{ text-align: center; width: 100%;}
.productDetailsPage .pointer ul li{ display: inline-block; width: 46px; height: 56px;
    margin: 0 6px; border: 1px solid #cccccc; cursor: pointer;
    background-repeat: no-repeat; background-position: center;
    background-size: contain; background-color: #fff;}
.productDetailsPage .pointer ul li.current{ border-color: #0099ee;}
.productDetailsPage .pointer ul li:hover{ border-color: #0099ee;}

.productDetailsPage .explain{ clear: both; padding-bottom: 50px; }
.productDetailsPage .explain .tab_nav{ overflow: hidden;}
.productDetailsPage .explain .tab_nav li{ float: left;
    height: 46px; line-height: 46px;}
.productDetailsPage .explain .tab_nav a{ font-size: 12px; color: #666666;
    display: block; height: 100%; padding: 0 30px; }
.productDetailsPage .explain .tab_nav li.current a,
.productDetailsPage .explain .tab_nav a:hover{ background: #0099ee; color: #fff; }
.productDetailsPage .explain .tab_content_item{ border: 1px solid #b5b5b5; display: none;
    padding: 20px; border-top-color: #0099ee;}
.productDetailsPage .explain .tab_content_item img{ max-width: 100%; }
.productDetailsPage .explain p{ font-weight: bold; font-size: 12px;
    line-height: 28px; color: #666666; }
.productDetailsPage .explain p.indent{ text-indent: 2em;}

@media (max-width: 750px) {
    .productDetailsPage .content{ float: none; padding-bottom: 0; width: 100%;}
    .productDetailsPage .displayImgWrap{ float: none; padding-bottom: 40px;}
}

.relatedProduct { padding-bottom: 40px;}
.relatedProduct h2{ font-size: 24px; line-height: 26px; color: #000;
    padding: 30px 0 20px 0;}

.relatedProduct .ulWrap{ width: 946px; margin: 0 auto; overflow: hidden; display: block;}
.relatedProduct ul{ position: relative; left: 0; top: 0; width: 100000px; overflow: hidden;}
.relatedProduct ul li{ float: left; width: 220px; margin: 0 8px;}
.relatedProduct ul li a{ display: block;}
.relatedProduct .img{ width: 220px; height: 250px;
    border: 1px solid #cccccc; margin-bottom: 16px;
    background-repeat: no-repeat; background-position: center;
    background-size: contain; background-color: #fff;}
.relatedProduct h3{ font-size: 12px; line-height: 14px; color: #666666;
    text-align: center;}
.relatedProduct ul li a:hover .img{ border-color: #0099ee; }
.relatedProduct ul li a:hover h3{ color: #0099ee; }

.relatedProduct_in{ position: relative; }
.relatedProduct .pointerBtn { position: absolute; left: 1%; top: 50%;
    margin-top: -40px; width: 32px; height: 50px; overflow: hidden;
    background-image: url('../img/pointer_icon.png'); background-repeat: no-repeat;
    background-position: left top; background-size: auto;}
.relatedProduct .pointerBtn_right { right: 1%; left: auto;
    background-position: left bottom; }
.relatedProduct .pointerBtn:hover{ background-position: right top;  }
.relatedProduct .pointerBtn_right:hover{ background-position: right bottom;  }
@media (max-width: 1140px) {
    .relatedProduct .pointerBtn{ left: -2%;}
    .relatedProduct .pointerBtn_right{ left: auto; right: -2%;}
}
@media (max-width: 1080px) {
    .relatedProduct .pointerBtn{ display: none;}
    .relatedProduct .pointerBtn_right{ display: none;}
}
@media (max-width: 1033px) {
    .productDetailsPage .explain{ margin-bottom: 130px;}
    .relatedProduct { display: none;}
}.R {
	color: #FF0000;
}