/*
======================================================================
*	Website           http://www.sonoscape.com.cn
*	Documents:			  all.css
*	Author:				    www.vokodesign.com
*	Creation Date:		2018-1-25
======================================================================
*/


/***
 *                    _ooOoo_
 *                   o8888888o
 *                   88" . "88
 *                   (| -_- |)
 *                    O\ = /O
 *                ____/`---'\____
 *              .   ' \\| |// `.
 *               / \\||| : |||// \
 *             / _||||| -:- |||||- \
 *               | | \\\ - /// | |
 *             | \_| ''\---/'' | |
 *              \ .-\__ `-` ___/-. /
 *           ___`. .' /--.--\ `. . __
 *        ."" '< `.___\_<|>_/___.' >'"".
 *       | | : `- \`.;`\ _ /`;.`/ - ` : | |
 *         \ \ `-. \_ __\ /__ _/ .-` / /
 * ======`-.____`-.___\_____/___.-`____.-'======
 *                    `=---='
 *
 * .............................................
 *          佛祖保佑             永无BUG
 */



/* css reset */
* { margin:0; padding:0;}
*, *:before, *:after {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
p { line-height:1.8;}
img { max-width:100%; border:none; flex-shrink:0; overflow:hidden;}
li{ list-style-type: none;}
a { color:#1e1e1e; text-decoration:none; transition:all 0.3s ease-out 0s; -webkit-tap-highlight-color:transparent;}
a:link { color:#1e1e1e;}
a:visited { color:#1e1e1e;}
a:hover { text-decoration:none;}
a:active { color:#1e1e1e;}
.fl { float:left;}
.fr { float:right;}
.clearf { zoom:1;}
.clearf:after { content:''; display:block; clear:both; height:0; overflow:hidden; visibility:hidden;}
/*去掉手机按下时默认的灰色*/
button,input,textarea { border:none; outline:none; box-shadow:none!important; -webkit-appearance:none;/* 去除移动端上控件内阴影 */ resize:none;/* 禁止textarea拖拽放大 */  -webkit-tap-highlight-color:rgba(0,0,0,0);/* 取消input瞬间出现灰色背景 */}
/*修改表单元素placeholder默认置灰文字颜色*/
.form-control::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="password"]::-moz-placeholder {color:#8d8d8d;}
h1, 
h2, 
h3, 
h4, 
h5, 
h6,
.about_timeline .community-carousel .swiper-slide .author-wrap .role
{ line-height:1.2125em; text-rendering:optimizelegibility; /*font-family:MyriadPro-Bold,sans-serif;*/ font-weight:600;}
html.no-scroll {overflow-y:hidden;}
body {-webkit-font-smoothing:antialiased; color:#333333; font-style:normal; background:#ffffff;}
html {overflow:scroll; overflow-x:hidden; /*font-family:MyriadPro-Regular,Arial,Verdana,sans-serif;*/ font-family:"Helvetica Neue",Helvetica,"PingFang SC","Microsoft Yahei","WenQuanYi Micro Hei",Arial,Verdana,sans-serif;}




/***** 字体图标 *****/
@font-face {font-family: 'iconfont';
    src: url('images/fonts/font_559608_ollxa9c1dz/iconfont.eot');
    src: url('images/fonts/font_559608_ollxa9c1dz/iconfont.eot?#iefix') format('embedded-opentype'),
    url('images/fonts/font_559608_ollxa9c1dz/iconfont.woff') format('woff'),
    url('images/fonts/font_559608_ollxa9c1dz/iconfont.ttf') format('truetype'),
    url('images/fonts/font_559608_ollxa9c1dz/iconfont.svg#iconfont') format('svg');
}

.iconfont{
    font-family:"iconfont";
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
  }




/***** 特殊英文字体 *****/
@font-face {
  font-family: "MyriadPro-Black";
  src: url("images/fonts/MyriadPro-Black/MyriadPro-Black.woff2") format("woff2"),
       url("images/fonts/MyriadPro-Black/MyriadPro-Black.woff") format("woff"),
       url("images/fonts/MyriadPro-Black/MyriadPro-Black.ttf") format("truetype"),
       url("images/fonts/MyriadPro-Black/MyriadPro-Black.eot") format("embedded-opentype"),
       url("images/fonts/MyriadPro-Black/MyriadPro-Black.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "MyriadPro-Bold";
  src: url("images/fonts/MyriadPro-Bold/MyriadPro-Bold.woff2") format("woff2"),
       url("images/fonts/MyriadPro-Bold/MyriadPro-Bold.woff") format("woff"),
       url("images/fonts/MyriadPro-Bold/MyriadPro-Bold.ttf") format("truetype"),
       url("images/fonts/MyriadPro-Bold/MyriadPro-Bold.eot") format("embedded-opentype"),
       url("images/fonts/MyriadPro-Bold/MyriadPro-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "MyriadPro-BoldCond";
  src: url("images/fonts/MyriadPro-BoldCond/MyriadPro-BoldCond.woff2") format("woff2"),
       url("images/fonts/MyriadPro-BoldCond/MyriadPro-BoldCond.woff") format("woff"),
       url("images/fonts/MyriadPro-BoldCond/MyriadPro-BoldCond.ttf") format("truetype"),
       url("images/fonts/MyriadPro-BoldCond/MyriadPro-BoldCond.eot") format("embedded-opentype"),
       url("images/fonts/MyriadPro-BoldCond/MyriadPro-BoldCond.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "MyriadPro-Cond";
  src: url("images/fonts/MyriadPro-Cond/MyriadPro-Cond.woff2") format("woff2"),
       url("images/fonts/MyriadPro-Cond/MyriadPro-Cond.woff") format("woff"),
       url("images/fonts/MyriadPro-Cond/MyriadPro-Cond.ttf") format("truetype"),
       url("images/fonts/MyriadPro-Cond/MyriadPro-Cond.eot") format("embedded-opentype"),
       url("images/fonts/MyriadPro-Cond/MyriadPro-Cond.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "MyriadPro-Light";
  src: url("images/fonts/MyriadPro-Light/MyriadPro-Light.woff2") format("woff2"),
       url("images/fonts/MyriadPro-Light/MyriadPro-Light.woff") format("woff"),
       url("images/fonts/MyriadPro-Light/MyriadPro-Light.ttf") format("truetype"),
       url("images/fonts/MyriadPro-Light/MyriadPro-Light.eot") format("embedded-opentype"),
       url("images/fonts/MyriadPro-Light/MyriadPro-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "MyriadPro-Regular";
  src: url("images/fonts/MyriadPro-Regular/MyriadPro-Regular.woff2") format("woff2"),
       url("images/fonts/MyriadPro-Regular/MyriadPro-Regular.woff") format("woff"),
       url("images/fonts/MyriadPro-Regular/MyriadPro-Regular.ttf") format("truetype"),
       url("images/fonts/MyriadPro-Regular/MyriadPro-Regular.eot") format("embedded-opentype"),
       url("images/fonts/MyriadPro-Regular/MyriadPro-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "MyriadPro-Semibold";
  src: url("images/fonts/MyriadPro-Semibold/MyriadPro-Semibold.woff2") format("woff2"),
       url("images/fonts/MyriadPro-Semibold/MyriadPro-Semibold.woff") format("woff"),
       url("images/fonts/MyriadPro-Semibold/MyriadPro-Semibold.ttf") format("truetype"),
       url("images/fonts/MyriadPro-Semibold/MyriadPro-Semibold.eot") format("embedded-opentype"),
       url("images/fonts/MyriadPro-Semibold/MyriadPro-Semibold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}




/****************************************/
/**************    公共    **************/
/***************************************/
/*分栏*/
.row {margin:0 auto; padding:0 20px; max-width:1240px; width:100%;}
.row2 {max-width:100%; padding:0 5px;}
.row_pr0 {padding-right:0;}
.page-spiel {margin-bottom:40px; text-align:center;}
/*白色文字*/
.text-white{ color:#fff;}
.pad-top{ padding-top:60px; }
/*模块标题(默认)*/
.page-title{ margin-top:200px; text-align:center;}
.page-title .line { display:none; width:1px; height:60px; margin:0 0 10px 33px; position:relative; background:#333333;}
.page-title .line em { visibility:hidden; position:absolute; bottom:0; left:-2px; display:block; width:5px; height:5px; transform:rotate(45deg); background:#333333;}
.page-title h3{ font-size:72px; color:#ffffff; line-height:1.2;}
.page-title h4 {font-size:36px; color:#ffffff; line-height:1;}
.page-title p{ margin-top:30px; font-size:22px; color:#ffffff; width:65%; line-height:1.4;}
/*模块标题(EN)*/
.page-title-en {}
.page-title-en p{}
/*模块标题-单个标题且居中*/
.page-title-simple {}
.page-title-simple h3{text-align:center; margin:0;}
/*按钮：白色透明*/
a.btn-trans { display:inline-block; padding:5px 40px; position:relative; font-size:16px; color:#ffffff; border:1px solid #ffffff; overflow:hidden; transition:none;-moz-transition:none;/* Firefox 4 */ -webkit-transition:none;/* Safari 和 Chrome */ -o-transition:none;/* Opera */}
a.btn-trans span {position:relative; z-index:1; padding-left:2px; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease 0s;/* Opera */}
a.btn-trans span em {font-style:normal; padding-left:5px;}
a.btn-trans::before {display:block; content:""; position:absolute; top:0; right:0; bottom:0; left:0; transform:translate3d(0px, 100%, 0px); background:#ffffff; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease 0s;/* Opera */ }
a.btn-trans:hover {color:#111111;}
a.btn-trans:hover::before {transform:translateZ(0px);}
/*按钮：深色透明 继承自：btn-trans*/
a.btn-trans-black { color:#111111; border:1px solid #333333;}
a.btn-trans-black span {}
a.btn-trans-black::before {background:#333333;}
a.btn-trans-black:hover {color:#ffffff;}
a.btn-trans-black:hover::before {}
/*按钮：品牌色、填充、有边框 继承自：btn-trans*/
a.btn-trans-brand { color:#ffffff; border:1px solid #009FAB; background:#009FAB;}
a.btn-trans-brand span {}
a.btn-trans-brand::before {background:#ffffff;}
a.btn-trans-brand:hover {color:#009FAB;}
a.btn-trans-brand:hover::before {}
/*按钮：品牌色、填充、无边框 继承自：btn-trans*/
a.btn-trans-brand-noborder { color:#ffffff; border:none; background:#009FAB;}
a.btn-trans-brand-noborder span {}
a.btn-trans-brand-noborder::before {background:#ffffff;}
a.btn-trans-brand-noborder:hover {color:#009FAB;}
a.btn-trans-brand-noborder:hover::before {}
/*视频播放*/
.play { display:inline-block; width:60px; height:60px; line-height:60px; font-size:22px; text-align:center; text-indent:5px; color:#ffffff; border:1px solid rgba(255,255,255,1); border-radius:100%; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */}
/*搜索框*/
.search {}
.search form {}
.search input {}
.search .text { float:left; padding:16px; width:300px; font-size:14px; background:#f2f2f2;}
.search .btn {float:right; padding:16px; width:60px; text-indent:-999999px; background:#f2f2f2 url("images/search.svg") no-repeat scroll center center / 30% auto;}
/*** 元素 ***/
.btn{ background-color:#222; color:#fff; padding:8px 28px; display:inline-block; font-size:16px; cursor:pointer;}
.page-spiel{ text-align:center; margin-bottom:66px;}
.page-spiel p{ margin-bottom:0px; font-size:20px;}
i { position:relative; top:4px;/*position、top为解决图标偏高*/ display:inline-block; color:rgba(255,255,255,0); font-size:24px; text-indent:-20px; line-height:1; transition:all 0.3s ease-out 0s;}
 /* 分栏 */
.inner_section {margin:auto;}
.large-6 {position:relative; width:50%;}
.small-12 {position:relative; width:100%;}
.column , .columns { position:relative; padding-left:20px; padding-right:20px; float:left; width:100%;}
.pad-normal{ padding:40px 0;}
.pad-large{ padding-top:100px; padding-bottom:100px;}
.mag-normal {margin:40px auto;}
.left {float:left!important;}
 .row:before, .row:after {content:" "; display:table;}
 .row:after {clear:both;}
 .large-centered { float:none; margin:auto;}
 .whalf { width:50%;}

/* 按钮 */
.btn-area { margin-top:40px; text-align:center;}
a.btn { display:inline-block; position:relative; font-size:16px; padding:15px 50px; text-align:center; color:rgba(255,255,255,1); border:1px solid rgba(0,0,0,1); background:rgba(0,0,0,1); text-transform:uppercase;}
a.btn_border {border:1px solid rgba(0, 0, 0, 1); background:none;}
a.btn_no_border {border:none; border-bottom:1px solid rgba(0, 0, 0, 1); color:#ffffff; border-color:#ffffff; background:none;}
a.btn_view_more {color:#1e1e1e; border-color:#ffffff;}
a.btn-black { color:rgba(0,0,0,1); background:rgba(255,255,255,1);}
/* 下拉框 */
select {
  cursor:pointer; width:100%; font-size:16px; border-radius:0; outline:none!important; padding:14px;
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: 1px solid rgba(0, 0, 0, 0.1);
  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  background:url("images/select_arrow_icon.svg") no-repeat right center; background-size:30px auto;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display:none; }
select option {}


/* 特殊字体 */
.nf_1 {font-family:MyriadPro-Black;}
.nf_2 {font-family:MyriadPro-Bold;}
.nf_3 {font-family:MyriadPro-BoldCond;}
.nf_4 {font-family:MyriadPro-Cond;}
.nf_5 {font-family:MyriadPro-Light;}
.nf_6 {font-family:MyriadPro-Regular;}
.nf_7 {font-family:MyriadPro-Semibold;}

/* 按钮:查看更多 */
a.more {display:inline-block; width:140px; height:50px; line-height:50px; font-style:14px; text-align:center; border:1px solid rgba(0,0,0,0.1); background:#ffffff;}
a.more i { position:relative; top:3px;/*position、top为解决图标偏高*/ display:inline-block; color:rgba(255,255,255,0); font-size:20px; text-indent:-20px; line-height:1;  /* Better Font Rendering =========== */-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; transition:all 0.3s ease-out 0s;}
a.more i::before {content:"\e900";}
a.more:hover { color:#ffffff; border-color:#009FAB; background:#009FAB;}
a.more:hover i {text-indent:2px; color:rgba(255,255,255,1);}
/**/
a.more_transparent {border:1px solid rgba(255,255,255,0.2); color:#ffffff; background:none;}
a.more_transparent:hover { text-indent:10px; border:1px solid rgba(0,0,0,1); background:rgba(0,0,0,1);}
a.more_transparent:hover i {text-indent:0px;}

/* 表单 */
#details-error { display:none; background:#F79900; color:#ffffff; margin-bottom:24px; padding:16px; font-size:14px;}
#form-sent {display:none; background:#4EBD4F; color:#ffffff; margin-bottom:24px; padding:16px; font-size:14px;}
.form .c3 {width:100%; overflow:hidden;}
.form .c3 .ic { float:left; width:50%;}
.form .c3 h2 {font-size:14px; margin-bottom:20px;}
.form label { float:left; margin:0 20px 20px 0;}
.form label input[type="radio"] { display:block; float:left; margin:0; padding:0; width:20px; height:20px;}
.form label input[type="radio"]:checked {background:#2d80e0;}
.form label span { display:block; float:left; height:20px; line-height:20px;}
.form .kindly-reminder {font-size:12px; color:#8d8d8d;}
.form label.agreement {display:none;}
.form label.agreement span {position:relative; width:20px; height:20px; margin-right:5px;}
.form label.agreement i {border:1px solid #e0e0e0;}
.form label.agreement input {}
/*开始：横向多个select*/
.form .c3 .ic_select {}
.form .c3 .ic_select .icc {width:50%; float:left; position:relative;}
.form .c3 .ic_select .icc:first-child select {border-right:none;}
.form .c3 .ic_select .icc:last-child select {border-left-color:rgba(0,0,0,0.1);}
.form .c3 .ic_select .icc i { display:block; width:9px; height:9px; position:absolute; right:20px; top:20px; background:url("images/select_arrow_icon.svg") repeat scroll 0 0; background-size:9px auto; background-repeat:no-repeat; background-position:center right;}
/*结束：横向多个select*/
.form .c3 .ic_100 {width:100%;}
.form .c3 .ic .icc {margin:0 24px 0 0;}
.form .c3 .ic:last-child .icc {margin-right:0;}
.form input { margin-bottom:20px; width:100%; padding:16px; border-radius:0; font-size:16px; border:1px solid #e0e0e0; background:#ffffff; transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}
.form select {margin-bottom:20px; border-radius:0;}
.form textarea { float:left; margin-bottom:20px; width:100%; height:160px; border-radius:0; padding:16px; font-size:14px; border:1px solid rgba(0,0,0,0.2); background:none; transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}
.form .btn { display:inline-block; width:100%; color:#ffffff; border-radius:0; border:1px solid rgba(0,0,0,0); background:#009FAB; transition:all 0.3s ease-out 0s;}
.form .btn-light { color:#333333; border:1px solid #f2f2f2; background:#f2f2f2;}
.form .btn:hover {opacity:0.9;}
.form input:focus , .form textarea:focus { color:#333333; border-color:#009FAB; transition:all 0.3s ease-out 0s;}

/* Swiper2.0 sc-box */
.sc-box {position:relative;}
.sc-box .arrow-left {background:red; position:absolute; left:10px; top:50%; margin-top:-15px; width:17px; height:30px; z-index:2;}
.sc-box .arrow-right {background:red; position:absolute; right:10px; top:50%; margin-top:-15px; width:17px; height:30px; z-index:2;}

/* Swiper2.0 pagination */
.pagination {position:absolute; z-index:20; bottom:10px; width:100%; text-align:center;}
.swiper-pagination-switch {display:inline-block; width:8px; height:8px; border-radius:8px; background:#555; margin:0 5px; opacity:0.2; border:1px solid #fff; cursor:pointer;}
.swiper-active-switch {opacity:0.5;}


/* 返回顶部 */
a.rTop {display:none; width:40px; height:40px; line-height:40px; font-size:28px; color:#ffffff; text-align:center; border-radius:1px; position:fixed; z-index:1; right:20px; bottom:20px; background:rgba(0,0,0,0.5);}
a.rTop:hover {background:rgba(0,0,0,1);}

/* 分页 */
#pages { margin:60px 0; text-align:center;}
#pages a , #pages span {display:inline-block; padding:12px 18px; margin:0 5px; border:1px solid rgba(0,0,0,0.05);}
#pages span {background:#009FAB; color:#ffffff;}
#pages a:hover {border:1px solid rgba(0,0,0,0.2);}


/***** 当前页面 *****/
#about .navigation .menu > ul > li:nth-child(1) > a {opacity:1!important;}
#about .navigation .menu > ul > li:nth-child(1) > a:hover {opacity:1!important;}

#news .navigation .menu > ul > li:nth-child(2) > a {color:#009FAB!important;}
#news .navigation .menu > ul > li:nth-child(2) > a:hover {opacity:1!important;}

#product .navigation .menu > ul > li:nth-child(3) > a {color:#009FAB!important;}
#product .navigation .menu > ul > li:nth-child(3) > a:hover {opacity:1!important;}

#product-detail .navigation .menu > ul > li:nth-child(3) > a {color:#009FAB!important;}
#product-detail .navigation .menu > ul > li:nth-child(3) > a:hover {opacity:1!important;}

#support .navigation .menu > ul > li:nth-child(4) > a {color:#009FAB!important;}
#support .navigation .menu > ul > li:nth-child(4) > a:hover {opacity:1!important;}

#career .navigation .menu > ul > li:nth-child(5) > a {color:#009FAB!important;}
#career .navigation .menu > ul > li:nth-child(5) > a:hover {opacity:1!important;}

#investor .navigation .menu > ul > li:nth-child(6) > a {color:#009FAB!important;}
#investor .navigation .menu > ul > li:nth-child(6) > a:hover {opacity:1!important;}


/*广审信息，产品详情页，全局*/
.global-examination {}
.global-examination .text {display:flex; justify-content:space-between; align-items:center; padding:60px 0; border-bottom:1px solid #f2f2f2;}
.global-examination .text p {font-size:14px; line-height:1.8; margin:0; opacity:0.8;}
  /**/
  .global-examination-black {background:#000000;}
  .global-examination-black .text { border:none; border-top:1px solid #333333; }
  .global-examination-black .text p {color:#ffffff; opacity:0.8;}




/****************************************/
/**************    首页    **************/
/****************************************/
/* 导航 */
.navigation{ position:fixed; left:0; top:0; z-index:20; width:100%; background:#ffffff; transition:all 0.2s ease-out 0s;}
.navigation .row {}
.navigation .inner_navigation {position:relative;}
.navigation .logo{ float:left; display:block; width:177px; height:30px; margin-top:30px; background:url('images/logo.svg'); background-repeat:no-repeat; background-size:100% auto; background-position:center right; transition:margin 0.3s ease-out 0s;/* LOGO beta尺寸有变化，防止抖动 */}
.navigation .beta { width:210px; background-image:url('images/logo_beta.svg');}
.navigation .logo img {display:block; width:100%;}
.menu{ list-style:none; text-align:right; float:right;}
.menu li{ float:left; margin-right:0px; position:relative;}
.menu li a{ position:relative; padding:0 25px; font-size:18px; text-align:center; height:90px; line-height:90px; text-transform:uppercase; font-style:normal; text-rendering:optimizeLegibility; display:block; }
.menu li a:hover {opacity:0.5;}
.menu li:nth-child(4) a::after{display:none;}
.menu li i{ display:block; position:absolute; left:0; top:50%; margin-top:-7px; width:1px; height:14px; background:#000000; opacity:0.1; filter:Alpha(opacity=10);/*IE8*/}
.menu li i.arrow {/*display:inline-block;*/ display:none; position:relative; top:1px; margin-right:-16px; margin-left:3px; width:auto; height:auto; text-indent:0; opacity:1; color:rgba(0,0,0,0.3); font-size:18px; line-height:1; background:none; transition:all 0.3s ease-out 0s;}
.menu li.language {margin-left:40px; display:flex;}
.menu li.language a { float:left; padding:0 15px; font-size:14px; opacity:0.5;}
.menu li.language a.on { opacity:1;}
.menu li.language .nav_submenu li a {float:none;}
/* 默认二级菜单：白色 */
.menu li .nav_submenu { visibility:hidden; opacity:0; position:absolute; z-index:9; left:0; top:90px; width:100%; background:#ffffff; box-shadow:0 0 50px rgba(0, 0, 0, 0.2); -webkit-transition:all 0.3s; transition:all 0.3s; -moz-transition:all 0.3s;}
.menu li .nav_submenu li {float:none; width:auto; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */}
.menu li .nav_submenu li a { opacity:0.8; padding:0; height:50px; line-height:50px; font-size:17px; border-bottom:1px solid rgba(0,0,0,0.05);}
.menu li .nav_submenu li:last-child a {border:none;}
.menu li a.smooth-scroll {cursor:default;}
.menu li .nav_submenu li:hover a { opacity:1;}
.menu li .nav_submenu:after {position:absolute; top:-20px; left:50%; width:0; height:0; margin-left:-10px; content:''; border:solid transparent; border-width:10px; border-color:rgba(255, 255, 255, 0); border-bottom-color:rgba(255, 255, 255, 1);}
/* 默认：首页透明导航 */
.sel-home .navigation{background:none;}
.sel-home .navigation .row {}
.sel-home .navigation .inner_navigation {}
.sel-home .navigation .logo {background-image:url('images/logo_white.svg');}
.sel-home .navigation .beta {background-image:url('images/logo_white_beta.svg');}
.sel-home .navigation .logo:hover {opacity:1;}
.sel-home .navigation .logo img {}
.sel-home .menu li {}
.sel-home .menu li a {color:#ffffff; opacity:0.8;}
.sel-home .menu li a:hover {opacity:1;}
.sel-home .menu li i {background:#ffffff; opacity:0.2;}
.sel-home .menu li .arrow { opacity:1; color:rgba(255,255,255,0.5); background:none;}

/* 导航切换样式:全局; */
.sticky-nav {box-shadow:0 10px 20px rgba(0, 0, 0, 0.05); border:none; background:#FFFFFF; }
.sticky-nav .logo {margin-top:20px;}
.sticky-nav li a {height:70px; line-height:70px; color:rgba(0,0,0,1);}
.sticky-nav li:last-child a {border:none;}
.sticky-nav li a i {background:#000000; opacity:0.1;}
.sticky-nav li a i.arrow { opacity:1; color:rgba(0,0,0,0.3); background:none;}
.sticky-nav .menu li .nav_submenu { top:69px; background:#ffffff; box-shadow:0 0 50px rgba(0,0,0,0.2);}
.sticky-nav .menu li .nav_submenu:after {position:absolute; top:-20px; left:50%; width:0; height:0; margin-left:-10px; content:''; border:solid transparent; border-width:10px; border-color:rgba(255, 255, 255, 0); border-bottom-color:rgba(255, 255, 255, 1);}
.sticky-nav .menu li .nav_submenu li a {height:50px; line-height:50px; border-bottom:1px solid rgba(0,0,0,0.05);}
.sticky-nav .menu li .nav_submenu li a:hover {/*color:#009FAB!important;*/}

    /* 首页、走进开立透明二级菜单-normal */
    .sel-home .menu li .nav_submenu ,
    .sel-about .menu li .nav_submenu {visibility:hidden; opacity:0; position:absolute; z-index:9; left:0; top:80px; width:100%; background:url("images/nav-ul-arrow.svg") no-repeat center top; box-shadow:none;  -webkit-transition:all 0.3s; transition:all 0.3s; -moz-transition:all 0.3s;}

    .sel-home .menu li .nav_submenu li ,
    .sel-about.menu li .nav_submenu li {float:none; width:auto; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */}

    .sel-home .menu li .nav_submenu li a ,
    .sel-about .menu li .nav_submenu li a { opacity:0.8; padding:0; height:50px; line-height:50px; border-bottom:1px solid rgba(255,255,255,0.1);}

    .sel-home .menu li .nav_submenu li:last-child a ,
    .sel-about .menu li .nav_submenu li:last-child a {border:none;}

    .sel-home .menu li a.smooth-scroll ,
    .sel-about .menu li a.smooth-scroll {cursor:default;}

    .sel-home .menu li .nav_submenu li:hover , 
    .sel-about .menu li .nav_submenu li:hover {}

    .sel-home .menu li .nav_submenu li:hover a ,
    .sel-about .menu li .nav_submenu li:hover a { opacity:1;}

    .sel-home .menu li .nav_submenu:after ,
    .sel-about .menu li .nav_submenu:after {position:absolute; top:-20px; left:50%; width:0; height:0; margin-left:-10px; content:''; border:solid transparent; border-width:10px; border-color:rgba(255, 255, 255, 0); border-bottom-color:rgba(255, 255, 255, 0.2);}
    /* 首页、走进开立透明二级菜单-sticky */
    #home .sticky-nav .menu li .nav_submenu {top:69px; background:#FFFFFF; box-shadow:0 0 50px rgba(0, 0, 0, 0.2);}
    #home .sticky-nav .menu li .nav_submenu:after {border-bottom-color:rgba(255, 255, 255, 1);}
    #about .sticky-nav .menu li .nav_submenu {top:69px; background:#FFFFFF; box-shadow:0 0 50px rgba(0, 0, 0, 0.2);}
    #about .sticky-nav .menu li .nav_submenu:after {border-bottom-color:rgba(255, 255, 255, 1);}
    

/* 全屏Banner */
#home .swiper-container {}
#home .swiper-slide {
  cursor:move;
  cursor:grab;
  background-color:#009FAB; background-attachment:scroll; background-position:center center; background-size:cover;
  overflow:hidden;
}
#home .cell-1 { background:#1e1e1e url("images/banner-1.jpg"); background-attachment:scroll; background-position:center center; background-size:cover;}
#home .cell-2 { background:#1e1e1e url("images/banner-2.jpg"); background-attachment:scroll; background-position:center center; background-size:cover;} 
#home .cell-3 { background:#1e1e1e url("images/banner-3.jpg"); background-attachment:scroll; background-position:center center; background-size:cover;}
#home .cell-4 { background:#1e1e1e url("images/banner-4.jpg"); background-attachment:scroll; background-position:center center; background-size:cover;}
#home .cell-5 { background:#1e1e1e url("images/banner-5.jpg"); background-attachment:scroll; background-position:center center; background-size:cover;} 
#home .cell-6 { background:#1e1e1e url("images/banner-6.jpg"); background-attachment:scroll; background-position:center center; background-size:cover;}
#home .cell-7 { background:#1e1e1e url("images/banner-7.jpg"); background-attachment:scroll; background-position:center center; background-size:cover;} 

#home .swiper-wrapper {}
#home .swiper-slide .text { position:absolute; z-index:3; left:50%; top:50%; width:60%; margin-left:-32%; text-align:center; color:#1f8381; opacity:0;}
#home .swiper-slide .text h1 { margin-bottom:10px; font-size:72px;}
#home .swiper-slide .text p {margin:0; font-size:32px; line-height:1;}
#home .swiper-slide .ma {display:none;}
#home .swiper-slide .btn-area {}
#home .swiper-slide .btn-area a { background:url("../images/transition_btn_bg.png"); background-repeat:repeat-x; background: #1f8381; color:#fff; opacity:1; transition:all 0.3s ease-out 0s;}
#home .swiper-slide .btn-area a:hover { color:#ffffff; opacity:1;}
#home .swiper-slide .btn-area a:hover::before {display:none;}
#home .swiper-slide .mask {width:100%; height:100%; position:absolute; z-index:2; left:0; top:0; background:#000000; opacity:0;}
/* 当前幻灯片设置动画 */
#home .swiper-slide-active .text { opacity:1; margin-left:-30%;/*默认文字区域偏移量，实现文字动画效果*/ -webkit-transition-delay:1s;transition-delay:1s;-webkit-transition-duration:1s; transition-duration:1s;/* Safari 5.1 - 6.0 */}
/**/
.swiper-button-next, .swiper-button-prev {width:50px; height:80px; margin-top:-40px;}
.swiper-button-next:hover, .swiper-button-prev:hover {background-color:rgba(0,0,0,0.5); transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease 0s;/* Opera */}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left:20px; background-image:url("images/prev.svg"); background-size:12px auto; background-repeat:no-repeat; background-position:center;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right:20px; background-image:url("images/next.svg"); background-size:12px auto; background-repeat:no-repeat; background-position:center;}
/**/
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:20px;}
.swiper-pagination-bullet {background:#ffffff; opacity:0.2;}
.swiper-pagination-bullet-active {opacity:1;}

/* video */
.video {}
.video svg {position:absolute; left:50%; bottom:40px; z-index:999996; width:40px; height:40px;}
.video svg path {fill:#ffffff;}
.video .mask {width:100%; position:absolute; left:0; top:0; z-index:7; background:rgba(0,0,0,0.2);}
.video video { width:auto; height:auto; min-width:100%; min-height:100%; position:absolute; z-index:1; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.video .text {position:absolute; left:0; z-index:98; color:#ffffff; width:100%;}
.video .text h1 { margin:2% auto 0; font-size:5em; letter-spacing:4px; padding-left:4px;/*补letter-spacing负值*/ font-weight:normal; line-height:1.2; width:70%;}
.video .text p {font-size:3em; letter-spacing:8px; text-align:center;}



/* 首页：产品类型 */
.fill { height:250px; background:#ffffff;}
.p-type { margin:0px auto 0;}
.p-type ul {}
.p-type ul li {float:left; width:33.333333%; border-right:1px solid #f2f2f2;}
.p-type ul li:nth-child(3) {border:none;}
.p-type ul li a { display:block; padding:80px 0 60px; background:#ffffff;}
.p-type ul li a .a-inner {transition: all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; /* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s; /* Safari 和 Chrome */ -o-transition:all 0.3s ease-out 0s; /* Opera */}
.p-type ul li a img {display:block; margin:auto; width:70%;}
.p-type ul li a h4 {text-align:center; padding:40px 0; font-size:22px;}
/**/
.p-type ul li a:hover .a-inner { z-index:2; -webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0); -webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;}

/* 首页：产品特性 */
.spec {margin-bottom:100px; padding:100px 0 100px; background:#ffffff url("../images/bg1.jpg") no-repeat scroll top center / 100% auto; background-size:cover;}
.spec .spec-bg {display:none; height:100px; background:#000;}
.spec .spec-box {}
.spec .spec-box h2 {margin-bottom:70px; position:relative; color:#ffffff; text-align:center; font-size:44px; background: url(../images/tt.png) no-repeat center bottom; padding-bottom: 25px;}
.spec .spec-box h2 em {display:inline-block; margin:0 10px; vertical-align:middle; font-style:normal; width:44px; height:44px; position:relative;}
.spec .spec-box h2 em::before , .spec .spec-box h2 em::after {position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; content:""; width:50%; height:1px; background:#ffffff;}
.spec .spec-box h2 em::before {transform:rotate(45deg);}
.spec .spec-box h2 em::after {transform:rotate(-45deg);}
.spec .spec-box ul {}
.spec .spec-box ul li {float:left; width:33%; overflow:hidden;}
.spec .spec-box ul li a {display:block; position:relative; margin-right:20px; height:520px; position:relative; display:block;  text-align:center;}
.spec .spec-box ul li a::before {opacity:0; position:absolute; left:0; top:0; content:""; width:100%; height:100%; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */}


.spec .spec-box ul li a .name{
  padding:20px 10%;
  background: #009fab;
  position: absolute;
  width:100%;
  text-align: center;
  /* font-weight:bold; */
  color:#fff;
  bottom: 0;
  font-size: 28px;

}
    /* .spec .spec-box ul li:nth-child(4) a img {width:100%; margin:80px auto 0;} */
    .spec .spec-box ul li:nth-child(4) a::before {background:url("../images/spec-box-bg-4-hover.jpg") no-repeat scroll top center / 100% auto; background-size:cover;}
.spec .spec-box ul li a .text {position:absolute; left:0px; bottom:0px; width:100%; height: 100%; background: rgba(31, 131, 139, 0.8);; opacity: 0; padding:160px 40px; box-sizing: border-box;}
.spec .spec-box ul li a img {  margin-bottom:5px; font-size:64px; color:#ffffff; line-height:0.8; -webkit-transform:translate3d(0,40px,0); transform: translate3d(0,40px,0); -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;transition: opacity 0.2s, transform 0.35s;}
.spec .spec-box ul li a h3 { opacity:0; margin-bottom:8px; font-size:24px; color:#ffffff; line-height:1; -webkit-transform:translate3d(0,40px,0); transform: translate3d(0,40px,0); -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;transition: opacity 0.2s, transform 0.35s;}
.spec .spec-box ul li a h6 { opacity:0; margin-bottom:20px; font-size:36px; color:#ffffff; line-height:0.8; -webkit-transform:translate3d(0,40px,0); transform: translate3d(0,40px,0); -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;transition: opacity 0.2s, transform 0.35s;}
.spec .spec-box ul li a p { width:130px; height: 38px; margin:10px auto; border:1px solid #fff; color:#ffffff; line-height:38px; opacity:0; -webkit-transform:translate3d(0,40px,0); transform: translate3d(0,40px,0); -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;transition: opacity 0.2s, transform 0.35s; }
/* .spec .spec-box ul li:nth-child(2) a h3 {margin-bottom:15px;}
.spec .spec-box ul li:nth-child(2) a p {position:relative; padding-top:10px; font-size:64px; font-weight:bold; line-height:1;}
.spec .spec-box ul li:nth-child(2) a p:before {content:""; position:absolute; left:50%; top:0; width:40px; margin-left:-20px; height:2px; background:#ffffff;} */
/*hover*/
.spec .spec-box ul li:hover .text{opacity: 1;}
.spec .spec-box ul li a:hover::before {opacity:1;}
.spec .spec-box ul li a:hover span { opacity:1; -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); -webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;}
.spec .spec-box ul li a:hover i { margin:10px auto; opacity:0; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); -webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;}
.spec .spec-box ul li a:hover h3 { opacity:1; -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); -webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;}
.spec .spec-box ul li a:hover h6 { opacity:1; -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); -webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;}
.spec .spec-box ul li a:hover p { opacity:1; -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); -webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;}
.spec .spec-box ul li a:hover img { opacity:1; -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); -webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;}
.spec .spec-box ul li a:hover .name{opacity: 0;}


.p_case h2 {margin-bottom:70px; position:relative; color:#000; text-align:center; font-size:44px; background: url(../images/tt1.png) no-repeat center bottom; padding-bottom: 25px;}
.p_case h2 em {display:inline-block; margin:0 10px; vertical-align:middle; font-style:normal; width:44px; height:44px; position:relative;}
.p_case h2 em::before , .p_case h2 em::after {position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; content:""; width:50%; height:1px; background:#ffffff;}
.p_case h2 em::before {transform:rotate(45deg);}
.p_case h2 em::after {transform:rotate(-45deg);}

.p_case .txt{
  height: 662px;
  background: url(../images/pcase.jpg) no-repeat center;
  padding:80px 0;
  overflow: hidden;
}

.p_case .txt .cont{
  width:50%;
  float: right;


}
.p_case .txt .cont h3{
  font-size: 38px;
  color:#fff;
  line-height: 140px;
}
.p_case .txt .cont ul {
  width:100%;
  display: flex;
  justify-content: space-between;
}
.p_case .txt .cont ul li{
  max-width:180px;
  border-radius: 10px;
  width:180px;
  height: 180px;
  border:1px solid #fff;
  /* margin-left:20px; */
  display: flex;
  align-items: center; justify-content: center;
}

.p_case .txt .cont ul li strong{
  font-size: 50px;
  color:#fff;
  display: block;
  text-align: center;
  position: relative;
}

.p_case .txt .cont ul li strong p{
  font-size: 16px;
  color:#fff;
  display: block;
  margin-top:20px;
}
.p_case .txt .cont ul li strong em{
  position: absolute;
  right:-8px;
  top:-30px;
  font-weight: normal;
  font-size:23px;

}

.p_map h2{
  font-size: 36px;
  color:#009fab;
  padding:70px  10%;
}



/* 品牌故事墙 */
.p-story {}
.p-story h1 {font-size:44px; text-align:center; margin-bottom:60px;}
.p-story ul {}
.p-story ul li { float:left; width:50%;}
.p-story ul li a {display:block; height:100%; position:relative; background:#f8f8f8; overflow:hidden;}
.p-story ul li a .imgbox {float:left; width:50%; text-align:center; position:relative; overflow:hidden;}
.p-story ul li a .img { width:100%; text-align:center; position:relative; transition:all 0.3s ease-out 0s;}
.p-story ul li a .img .play-p-story {display:none; position:absolute; left:50%; top:50%; margin-top:-30px; margin-left:-30px;}
.p-story ul li a .imgbox::before {content:""; position:absolute; left:0; top:0; width:100%; height:100%;}
.p-story ul li:nth-child(1) a .imgbox::after ,
.p-story ul li:nth-child(2) a .imgbox::after { content:""; position:absolute; right:-10px; top:34px; margin-bottom:-10px; width:0; height:0; border-right:20px solid #f8f8f8; border-top:20px solid transparent; border-bottom:20px solid transparent; transition:all 0.3s ease-out 0s;}
.p-story ul li:nth-child(3) a .imgbox::after ,
.p-story ul li:nth-child(4) a .imgbox::after { content:""; position:absolute; left:-10px; top:34px; margin-bottom:-10px; width:0; height:0; border-left:20px solid #f8f8f8; border-top:20px solid transparent; border-bottom:20px solid transparent; transition:all 0.3s ease-out 0s;}
.p-story ul li a .text { float:right; width:50%; padding:40px 40px 0; text-align:left;}
.p-story ul li a .text h2 {font-size:22px; margin-bottom:10px; transition:all 0.3s ease-out 0s; }
.p-story ul li a .text p {font-size:16px; height:120px; overflow:hidden; opacity:0.7; filter:Alpha(opacity=70);/*IE8*/ transition:all 0.3s ease-out 0s;}
.p-story ul li a img {display:block; width:100%;}
/*
.p-story ul li:nth-child(1) a .img {background:url("../../images/p-story-1.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
.p-story ul li:nth-child(2) a .img {background:url("../../images/p-story-2.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
.p-story ul li:nth-child(3) a .img {background:url("../../images/p-story-3.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
.p-story ul li:nth-child(4) a .img {background:url("../../images/p-story-4.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
*/
.p-story ul li:nth-child(3) a .imgbox {float:right;}
.p-story ul li:nth-child(3) a .text {float:left;}
.p-story ul li:nth-child(4) a .imgbox {float:right;}
.p-story ul li:nth-child(4) a .text {float:left;}
/**/
.p-story ul li a:hover { z-index:1; background:#009FAB;}
.p-story ul li a:hover .img {transform:scale(1.1,1.1);}
.p-story ul li a:hover .img::before {opacity:0;}
.p-story ul li:nth-child(1) a:hover .imgbox::after ,
.p-story ul li:nth-child(2) a:hover .imgbox::after { border-right-color:#009FAB;}
.p-story ul li:nth-child(3) a:hover .imgbox::after ,
.p-story ul li:nth-child(4) a:hover .imgbox::after { border-left-color:#009FAB;}
.p-story ul li a:hover .text {color:#ffffff;}
.p-story ul li a:hover .text p {}
.p-story ul li a:hover .play {background:#ffffff; color:#333333;}

/* 视频 */
.player { display:none; position:fixed; border-radius:2px; z-index:999999; left:0; top:50%; width:100%; height:100%; background:#000000; overflow:hidden;}
.player .inner_player { width:100%; height:100%; overflow:hidden;}
.player .close { color:#ffffff; font-size:28px; position:absolute; z-index:999999; right:0; top:0; display:block; width:80px; height:80px; line-height:80px; text-align:center; cursor:pointer; }
.player .close:hover {opacity:0.5; filter:Alpha(opacity=50);/*IE8*/}
.player video {width:100%; height:100%;}
.player_bg { display:none; position:fixed; left:0; top:0; z-index:999997; background:#000000; opacity:0.8; filter:Alpha(opacity=80);/*IE8*/ width:100%; height:100%;}
.player iframe {width:100%; height:100%;}

/*home sticky-nav*/
#home .sticky-nav {background:#FFFFFF;}
#home .sticky-nav .logo {background-image:url('../images/logo.svg');}
#home .sticky-nav .beta {background-image:url('../images/logo_beta.svg');}
#home .sticky-nav .menu li a {color:#1e1e1e;}
/**/




/****************************************/
/**************    内页    **************/
/****************************************/

/* 内页公共：栏目banner */
.temp_banner { margin-top:90px; width:100%; height:500px; position:relative;}
.temp_banner:before { position:absolute; left:0; top:0; content:""; width:100%; height:500px; background:rgba(0, 0, 0, 0.1);}
.temp_banner .inner_section { position:relative;}
/* 侧栏 */
.temp_main .sidebar {width:20%;}
.temp_main .sidebar ul {}
.temp_main .sidebar ul li {}
.temp_main .sidebar ul li a {display:block; padding-left:40px; height:60px; line-height:60px; font-size:16px; border-bottom:1px solid #f2f2f2;}
.temp_main .sidebar ul li.current a { color:#ffffff; color:#009FAB;}
/* 锚点组 */
.anchor-list { width:100%; text-align:center; background:#ffffff;}
.anchor-list .row {}
.anchor-list .swiper-slide {width:auto!important;}
.anchor-list .al { font-size:0;/*解决a标签换行后产生空白问题*/}
.anchor-list a {display:inline-block; margin:20px 20px 20px 0; padding:0 30px; width:160px; height:44px; line-height:44px; font-size:16px; background:#f8f8f8; overflow:hidden;}
.anchor-list a:hover { color:#ffffff; background:#009FAB;}
.anchor-list a.on {color:#ffffff; background:#009FAB;}
a.anchor {display:block; height:0; position:relative; top:-70px;/*负值：导航高度*/ overflow:hidden;}
/* 敬请期待 */
.page-blank {padding:200px 20px 200px; text-align:center;}
.page-blank .picon { margin:0 auto 20px; display:block; width:100px; height:100px; background:url("../images/picon.svg") no-repeat scroll top center / 100% auto; opacity:0.2;}
.page-blank h6 { font-size:22px; font-weight:normal;}
.page-blank p { font-size:18px; opacity:0.5;}


/***** 走进开立 *****/
#about {}
#about .navigation {background:none;}
#about .navigation .logo {background-image:url('../images/logo_white.svg');}
#about .navigation .beta {background-image:url('../images/logo_white_beta.svg');}
#about .navigation .logo:hover {opacity:1;}
#about .menu li a {color:#ffffff; opacity:0.8;}
#about .menu li a:hover {opacity:1;}
#about .menu li i {background:#ffffff; opacity:0.1; filter:Alpha(opacity=10);/*IE8*/}
#about .menu li i.arrow { opacity:1; color:rgba(255,255,255,0.5); background:none;}
#about .menu li .nav_submenu li a {}
/*about sticky-nav*/
#about .sticky-nav {background:#FFFFFF;}
#about .sticky-nav .logo {background-image:url('../images/logo.svg');}
#about .sticky-nav .beta {background-image:url('../images/logo_beta.svg');}
#about .sticky-nav .menu li a {color:#1e1e1e;}
/**/
#about .temp_main { padding:0;}
.about-group {}
#anchor-list-about{ display:none; position:fixed; left:0; top:0; z-index:9; background:#f8f8f8;}
#anchor-list-about.target-fix {display:block;}
/**/
.about-group .ag-1 { padding:100px 0 0; text-align:center;margin:0; height:700px; background-color:#009FAB; background-image:url("../images/ag-1.jpg"); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.about-group .ag-1 .text {margin-top:200px;}
.about-group .ag-1 .text h1 {font-size:72px; color:#ffffff; text-shadow: 0 5px 20px #8d8d8d;}
.about-group .ag-1 .text p {font-size:44px; color:#ffffff; text-shadow: 0 5px 20px #8d8d8d;}
/**/
.about-group .ag-2 { padding:150px 0 200px; text-align:center;}
.about-group .ag-2 .text {}
.about-group .ag-2 .text p { margin:0 auto 100px; font-size:32px; width:50%;}
.about-group .ag-2 .text p span {font-size:32px; color:#de8911; padding:0 5px; font-family:MyriadPro-BoldCond;}
.about-group .ag-2 .img {}
.about-group .ag-2 .img h2 {font-size:72px;}
.about-group .ag-2 .img ul {margin-top:50px;}
.about-group .ag-2 .img ul li {float:left; width:33.333333%;}
.about-group .ag-2 .img ul li .inner {}
.about-group .ag-2 .img ul li .inner img {display:block; width:150px; height:auto; margin:auto;}
.about-group .ag-2 .img ul li .inner h3 { margin-top:30px; font-size:32px;}
/**/
.about-group .ag-3 {padding:100px 0 50px; text-align:center; background:#f1f1f1;}
.about-group .ag-3 h1 { font-size:72px;}
.about-group .ag-3 .img {}
.about-group .ag-3 .img .lr { margin:40px auto 0; overflow:hidden;}
.about-group .ag-3 .img .lr h2 { font-size:44px; color:#00b1ad;}
.about-group .ag-3 .img .lr .line { margin:20px auto 0; width:80%; height:1px; background:#000000;}
.about-group .ag-3 .img .lr p { font-size:22px; color:#8d8d8d; line-height:1.4;}
.about-group .ag-3 .img .lr h3 { font-size:120px;}
.about-group .ag-3 .img .lr .l { float:left; width:50%;}
.about-group .ag-3 .img .lr .l h2 {margin-bottom:20px;}
.about-group .ag-3 .img .lr .r { float:right; width:50%;}
.about-group .ag-3 .img .lr .r .cbox {overflow:hidden;}
.about-group .ag-3 .img .lr .r .c {float:left; width:50%;}
.about-group .ag-3 .img .citys {}
/**/
.about-group .ag-4 {padding:150px 0; text-align:center;}
.about-group .ag-4 .shead {}
.about-group .ag-4 .shead h2 {font-size:72px;}
.about-group .ag-4 .shead p {width:55%; font-size:28px; margin:40px auto 50px;}
.about-group .ag-4 h2 {font-size:120px;}
.about-group .ag-4 h3 {font-size:44px; color:#00b1ad;}
.about-group .ag-4 .line { margin:40px auto; height:40px; width:62%; position:relative; border-bottom:1px solid #333333;}
.about-group .ag-4 .line .vline {width:1px; height:40px; position:absolute; left:50%; bottom:0; background:#333333;}
.about-group .ag-4 .text { margin:auto; width:75%; overflow:hidden;}
.about-group .ag-4 .text h2 {font-size:72px; color:#333333; line-height:1.2;}
.about-group .ag-4 .text h2 span {font-size:24px; color:#4d4d4d; padding:0 10px;}
.about-group .ag-4 .text p {font-size:24px;}
.about-group .ag-4 .l {float:left; width:50%;}
.about-group .ag-4 .r {float:left; width:50%;}
.about-group .ag-4 .desc {width:60%; margin:40px auto 0; font-size:28px;}
/**/
.about-group .ag-5 { padding:150px 0; text-align:center; color:#ffffff; background:url("../images/ag-4.jpg") no-repeat scroll top center / 100% auto; background-size:cover;}
.about-group .ag-5 h2 { font-size:72px;}
.about-group .ag-5 h3 { font-size:44px; margin-bottom:100px;}
.about-group .ag-5 p {font-size:28px; width:60%; margin:auto;}
/**/
.about-group .ag-6 {padding:150px 0; text-align:center;}
.about-group .ag-6 .title {margin-bottom:40px;}
.about-group .ag-6 .title p {font-size:28px;}
.about-group .ag-6 .title h2 { margin:10px 0 20px; font-size:72px; color:#00b1ad;}
.about-group .ag-6 .title h3 {font-size:44px; font-weight:normal;}
.about-group .ag-6 ul {margin:auto; width:80%; overflow:hidden;}
.about-group .ag-6 ul li {float:left; width:50%; position:relative;}
/* if_icon */
.about-group .ag-6 ul li:nth-child(1) .icon , 
.about-group .ag-6 ul li:nth-child(7) .icon { position:absolute; right:20px; bottom:20px; width:36px; height:36px; background:url("../images/if.jpg"); background-size:100% auto; background-repeat:no-repeat; background-position:right bottom;}
/* reddot_icon */
.about-group .ag-6 ul li:nth-child(9) .icon { position:absolute; right:20px; bottom:20px; width:36px; height:36px; background:url("../images/reddot.jpg"); background-size:100% auto; background-repeat:no-repeat; background-position:right bottom;}


.about-group .ag-6 ul li .inner { margin:10px; padding:40px; border:1px solid #ccc;}
.about-group .ag-6 ul li p {font-size:18px;}
.about-group .ag-6 ul li h2 {font-size:24px;}
        /* style2 */
        .about-group .ag-6 ul.s2 {border-top:1px solid #000000; border-right:1px solid #000000;}
        .about-group .ag-6 ul.s2 li {padding:0;}
        .about-group .ag-6 ul.s2 li .inner {padding:40px; border:none; border-bottom:1px solid #000000; border-left:1px solid #000000;}
/**/
.about-group .ag-7 {padding:100px 0; background:#f8f8f8;}
.about-group .ag-7 h1 {font-size:44px; text-align:center;}
        /* 发展历程 */
        .about_timeline {padding:100px 0 50px;}
        .about_timeline .community-carousel {width:100%; position:relative;}
        .about_timeline .community-carousel::before {content:""; width:100%; height:2px; position:absolute; left:0; top:137px; background:#00B0AD;}
        .about_timeline .community-carousel .swiper-slide {width:25%;}
        .about_timeline .community-carousel .swiper-slide .slide-holder {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; /*-webkit-transform:scale(0.7); -ms-transform:scale(0.7); transform:scale(0.7); */}
        .about_timeline .community-carousel .swiper-slide .slide-holder:hover {color:#00B0AD;}
        .about_timeline .community-carousel .swiper-slide-prev {}
        /**/
        .about_timeline .community-carousel .swiper-slide .author-wrap { position:relative; padding:0 0 0 40px;}
        .about_timeline .community-carousel .swiper-slide .author-wrap::before {content:""; position:absolute; left:40px; bottom:-27px; border-radius:100%; width:20px; height:20px; background:#00B0AD;}
        .about_timeline .community-carousel .swiper-slide .author-wrap .name {display:block; height:40px; font-size:28px; font-weight:bold; }
        .about_timeline .community-carousel .swiper-slide .author-wrap .role {display:block; height:80px; font-size:64px; font-weight:bold;}
        .about_timeline .community-carousel .swiper-slide p { width:80%; font-size:18px; padding:40px 0 0 40px;}
        /**/
        .about_timeline .community-carousel .swiper-slide-active {}
        .about_timeline .community-carousel .swiper-slide-active .slide-holder {color:#00B0AD; /* -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); */}
        .about_timeline .community-carousel .swiper-slide-active .slide-holder .role {}
        /**/
        .about_timeline .community-carousel .swiper-slide-next .slide-holder {-webkit-transform-origin:50% 50% 0; -ms-transform-origin:50% 50% 0; transform-origin:50% 50% 0;}
        .about_timeline .community-carousel .swiper-slide-prev .slide-holder {-webkit-transform-origin:50% 50% 0; -ms-transform-origin:50% 50% 0; transform-origin:50% 50% 0;}
        /**/
        .about_timeline .community-carousel .swiper-slide-active .slide-holder , 
        .about_timeline .community-carousel .swiper-slide-next .slide-holder , 
        .about_timeline .community-carousel .swiper-slide-prev .slide-holder {/*opacity:0.8;*/}
        /**/
        .about_timeline .community-carousel .swiper-pagination {width:100%; text-align:center;}
        .about_timeline .community-carousel .swiper-pagination span { opacity:1; margin:0 7px; background:#424882;}
        .about_timeline .community-carousel .swiper-pagination .swiper-pagination-bullet-active {background: #FFFFFF;}
        /**/
        .about_timeline .community-carousel .swiper-btn-next,
        .about_timeline .community-carousel .swiper-btn-prev {position:absolute; width:18px; height:32px; z-index:10; opacity:0.8; cursor:pointer;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }
        /**/
        .about_timeline .community-carousel .swiper-btn-next:hover,
        .about_timeline .community-carousel .swiper-btn-prev:hover {opacity:1; -webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}
        /**/
        .about_timeline .community-carousel .swiper-btn-prev {left:0; top:50%; margin-top:-16px; /*background:url(../images/comm-slide-prev.png) no-repeat;*/}
        .about_timeline .community-carousel .swiper-btn-next {right:0; top:50%; margin-top:-16px; /*background:url(../images/comm-slide-next.png) no-repeat;*/}
        .about_timeline .community-carousel .swiper-slide-active .slide-holder {/*-webkit-transform:scale(0.9); -ms-transform:scale(0.9); transform:scale(0.9);*/}

/**/
.gallery {margin-top:40px;}
.gallery img { margin:0 50px; width:600px; height:auto;}


/***** 新闻中心 *****/
#news .temp_banner {background:url("images/temp-banner-6.jpg") no-repeat scroll center top / cover;}
#news .temp_main {padding-top:80px;}
.news_list { width:80%; border-right:1px solid #f2f2f2;}
.news_list ul {padding-right:40px;}
.news_list ul li {margin:0 0 40px 0;}
.news_list ul li a {display:block; overflow:hidden;}
.news_list ul li a .fl {width:40%; overflow:hidden;}
.news_list ul li a .fl img { display:block; transition:all 0.3s ease-out 0s;}
.news_list ul li a .fr {width:60%; padding:0; overflow:hidden;}
.news_list ul li a .fr .text {margin-left:30px;}
.news_list ul li a .fr h2 {font-size:22px; margin-bottom:10px;}
.news_list ul li a .fr span { display:none; font-size:14px; color:#cccccc;}
.news_list ul li a .fr .move_line { width:100%; height:1px; position:relative; margin:12px 0 12px;}
.news_list ul li a .fr .move_line .ml_d { position:absolute; left:0; top:0; width:100%; height:1px; background:#000000; opacity:0.05;}/*默认线条*/
.news_list ul li a .fr .move_line .ml_c { position:absolute; left:0; top:0; width:0; height:1px; background:#000000; opacity:0.3; transition:all 0.3s ease-out 0s;}/*移动线条*/
.news_list ul li a .fr p { margin-top:20px; height:80px; font-size:16px; color:#4d4d4d;}
/*详情*/
.sel-news-detail {}
.sel-news-detail .navigation {border-bottom:1px solid #f2f2f2;}
.news-detail { margin:auto; padding:100px 0 100px; width:80%; font-size:18px; line-height:2;}
.news-detail .title {margin-bottom:60px;}
.news-detail .title h1 {text-align:center; font-size:36px;}
.news-detail .title p { display:none; margin:0; text-align:center; font-size:14px; color:#b2b2b2;}
.news-detail p {margin-bottom:20px; font-size:18px;}
.news-detail img {margin:auto; display:block; width:auto!important; height:auto!important;}


/***** 产品及应用 *****/
#product {}
#product .navigation { position:static;}
#product .page-title {text-align:left; margin-top:210px;}
#product .temp_banner { margin:0; background:#000000 url("images/temp-banner-1.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
#product .temp_banner-2 { background:#000000 url("images/temp-banner-2.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
#product .temp_banner-3 { background:#000000 url("images/temp-banner-3.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
#product .temp_main {background:#f5f5f5;}
#anchor-list-cate{ display:none; position:fixed; left:0; top:0; z-index:9;}
#anchor-list-cate.target-fix {display:block;}
/* 临床图共用模块 */
#product-detail .swiper-container {padding:70px 0;}
#product-detail .img-box {padding:40px; text-align:center; border:1px solid rgba(255,255,255,0.125);}
#product-detail .img-box h4 {margin-top:20px; font-size:16px; color:#FFFFFF;}
#product-detail .img-box p { margin:20px auto 0; font-size:14px; color:#ffffff;}
/**/
.p-group {padding:30px 0; background:#f5f5f5;}
.p-group h2 {font-size:22px;}
.p-group .sub {}
.p-group ul {margin:25px 0;}
.p-group ul li {float:left; width:25%;}
.p-group ul li a {margin:0 20px 20px 0; padding:40px 20px 20px; display:block; position:relative; background:#ffffff;}
.p-group ul li a .tag {display:block; color:#ffffff; font-size:14px; padding:2px 8px; background:#F6AB00; position:absolute; right:10px; top:10px;}
.p-group ul li a .cover {width:140px; margin:auto;}
.p-group ul li a .cover img {display:block; width:100%; margin:auto; height:auto;}
.p-group ul li a .desc {margin-top:20px; text-align:center;}
.p-group ul li a .desc h4 {font-size:18px;}
.p-group ul li a .desc p {font-size:14px; color:#8d8d8d; word-break:keep-all;/*不换行*/ white-space:nowrap;/*不换行*/ overflow:hidden;/*内容超出宽度时隐藏超出部分的内容*/ text-overflow:ellipsis;/*当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用*/}
.p-group ul li a:hover { z-index:2; box-shadow:0 20px 20px rgba(0,0,0,0.1); -webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0); -webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;}
/**/
.p-g-long {}
.p-g-long ul li {width:100%;}
.p-g-long ul li a {padding:0;}
.p-g-long ul li a img {display:block;}


/***** 产品专题页：普通详情页 *****/
.sel-product-detail .navigation {border-bottom:1px solid rgba(0,0,0,0.05);}
.sel-product-detail .p-detail-normal { margin-top:90px; padding:100px 0 0;}
    /**/
    .sel-product-detail .p-detail-normal .text { margin-bottom:80px; text-align:center;}
    .sel-product-detail .p-detail-normal .text h2 {font-size:64px;}
    .sel-product-detail .p-detail-normal .text h3 {font-size:28px;}
    .sel-product-detail .p-detail-normal .img {margin-bottom:80px;}
    .sel-product-detail .p-detail-normal .img img { margin:auto; display:block; width:50%;}
    .sel-product-detail .p-detail-normal .img p { margin:40px auto 0; font-size:22px; width:50%; text-align:center;}
    /**/
    .sel-product-detail .p-detail-normal .pdn-sc { padding:100px 0; background:#000000;}
    .sel-product-detail .p-detail-normal .pdn-sc h2 {font-size:44px; color:#ffffff; text-align:center;}
    .sel-product-detail .p-detail-normal .pdn-sc .swiper-container {padding:70px 0;}
    .sel-product-detail .p-detail-normal .pdn-sc .swiper-container .swiper-slide {}
    .sel-product-detail .p-detail-normal .pdn-sc .img-box {padding:40px; text-align:center; border:1px solid rgba(255,255,255,0.125);}
    .sel-product-detail .p-detail-normal .pdn-sc .img-box img {display:block;}
    .sel-product-detail .p-detail-normal .pdn-sc .img-box h4 { margin-top:20px; font-size:18px; color:#ffffff;}
    .sel-product-detail .p-detail-normal .pdn-sc .img-box p {margin-top:20px; font-size:16px; color:#ffffff;}


/***** 产品专题页：超声 *****/
.sel-product-detail {}
.sel-product-detail .navigation {border-bottom:1px solid #f2f2f2;}
.p-detail {margin-top:200px;}
.p-detail img {display:block; width:100%;}
/**/
.p-detail .topic {text-align:center; margin-bottom:10px;}
.p-detail .topic h1 {font-size:72px;}
.p-detail .topic p {font-size:32px;}
/**/
.p-detail .feature {margin:0 0 60px 0;}
.p-detail .feature ul {}
.p-detail .feature ul li {float:left; width:50%; padding:40px; text-align:center; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.p-detail .feature ul li:nth-child(5),
.p-detail .feature ul li:nth-child(6) {border-bottom:none;}
.p-detail .feature ul li:nth-child(2),
.p-detail .feature ul li:nth-child(4),
.p-detail .feature ul li:nth-child(6) {border-right:none;}
.p-detail .feature ul li h2 {font-size:32px; margin-bottom:10px;}
.p-detail .feature ul li p {margin:0; font-size:22px; height:100px; overflow:hidden;}
/**/
.p-detail .p-video { margin-bottom:100px; width:100%; padding:150px 20px; color:#ffffff; text-align:center; background:url("../images/p1/p-video-bg.jpg") no-repeat fixed center center / 100% auto; background-size:cover;}
.p-detail .p-video h2 {font-size:72px; width:70%; margin:auto;}
.p-detail .p-video a { display:none; color:#ffffff;}
.p-detail .p-video a:hover {color:#333333; background:#ffffff;}
/**/
.p-detail .lr-list {margin-bottom:100px;}
.p-detail .lr-list ul {}
.p-detail .lr-list ul li {display:flex;}
.p-detail .lr-list ul li .l { flex:1 1 auto; width:50%;}
.p-detail .lr-list ul li .l img {}
.p-detail .lr-list ul li .r {flex:1 1 auto; width:50%; padding:120px 80px;}
.p-detail .lr-list ul li .r h2 {font-size:32px; margin-bottom:20px;}
.p-detail .lr-list ul li .r p {font-size:22px;}
.p-detail .lr-list ul li:nth-child(1) .r {padding:110px 0 80px 80px;}
.p-detail .lr-list ul li:nth-child(2) .r {padding:110px 80px 80px 0;}
/**/
.p-detail .p-pic { margin-bottom:100px; padding:250px 0; background:url("../images/p1/p-pic-1.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
.p-detail .p-pic h2 {font-size:72px; text-align:center; color:#ffffff;}
.p-detail .p-pic img {display:block; margin:auto;}
/**/
.p-detail .cp {}
.p-detail .cols-pic {margin-bottom:60px;}
.p-detail .cols-pic h2 {text-align:center; font-size:44px; margin:0 auto 20px; width:70%;}
.p-detail .cols-pic p {text-align:center; font-size:22px; width:60%; margin:0 auto 40px;}
.p-detail .cols-pic ul {}
.p-detail .cols-pic ul li {float:left; width:33.333333%;}
.p-detail .cols-pic ul li .inner {padding:0 20px 20px 0;}
.p-detail .cols-pic ul li img {display:block; overflow:hidden;}
.p-detail .cols-pic ul li p {margin-top:20px;}
/**/
.p-detail .long-text-feature { text-align:center; color:#ffffff; padding:150px 20px; background:url("../images/p1/long-text-feature-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
.p-detail .long-text-feature h3 {font-size:72px; width:60%; margin:auto;}



/***** 产品专题页：内镜 *****/
.sel-product-detail-2 {}
.sel-product-detail-2 .p-detail {margin-top:90px;}
    /**/
    .d2-1 {position:relative; display:flex; align-items:center; height:720px; background:url("../images/p2/001.jpg") no-repeat scroll center bottom / 100% auto; background-size:cover;}
    .d2-1 .text { float:right; text-align:right;}
    .d2-1 h1 { font-size:72px; color:#ffffff;}
    .d2-1 p { font-size:32px; color:#ffffff; margin-top:60px; line-height:1.2;}
    .d2-1 p span {font-size:44px; font-weight:bold;}
    /*d2-2*/
    .d2-2 {padding:150px 0;}
    .d2-2 .img {float:left; width:32%;}
    .d2-2 .text { float:left; width:68%; padding-left:100px;}
    .d2-2 .text h2 {font-size:32px; margin-bottom:20px;}
    .d2-2 .text .desc {font-size:22px; margin-bottom:40px;}
    .d2-2 .text img {width:80%;}
    .d2-2 .text .tb {margin-top:80px;}
    .d2-2 .text .tb ul {}
    .d2-2 .text .tb ul li {margin-bottom:30px;}
    .d2-2 .text .tb ul li h3 { font-size:32px; margin-bottom:10px;}
    .d2-2 .text .tb ul li p {}
    .d2-2 .text .tb ul li span {font-size:18px;}
    .d2-2 .text .tb ul li h4 {font-size:22px;}
    .d2-2 .tb .op {margin-top:50px; width:80%;}
    .d2-2 .tb .op .nt {position:relative; padding-left:11.95%; width:108%; overflow:hidden;}
    .d2-2 .tb .op .nt li {float:left;  width:16.666666%; color:#009ea7; text-align:center;}
    .d2-2 .tb .op .nl {float:left; width:15%; margin-top:4.85%; overflow:hidden;}
    .d2-2 .tb .op .nl li {margin-bottom:29.25%; font-size:16px; text-align:right;}
    .d2-2 .tb .op .nl li:last-child {position:absolute; right:0; bottom:8px; margin:0; width:auto; font-size:12px; color:#8d8d8d;}
    .d2-2 .tb .op img {float:left; width:85%; margin-bottom:20px; padding-left:5%;}
    .d2-2 .tb .op .notes {color:#b2b2b2; text-align:center; padding-left:13%; overflow:hidden;}
    /*d2-3*/
    .d2-3 { padding:150px 0; text-align:center; color:#ffffff; background:#000000;}
    .d2-3 .title {display:flex; justify-content:center; align-items:center; margin-bottom:40px;}
    .d2-3 .title img {width:200px; height:100%;}
    .d2-3 .title .r { margin-left:40px; text-align:left;}
    .d2-3 .title .r h2 {font-size:44px;}
    .d2-3 .title .r p {font-size:18px;}
    .d2-3 .desc {font-size:22px;}
    .d2-3 .mo {margin-top:120px; font-size:14px;}
    .d2-3 .mo span {display:block; position:absolute;}
    .d2-3 .mo span em {font-style:normal;}
    .d2-3 .mo .mo_1 {width:70%; margin:auto;position:relative;}
    .d2-3 .mo .mo_1 span:nth-child(1) {left:8.25%; bottom:0;}
    .d2-3 .mo .mo_1 span:nth-child(2) {right:15%; bottom:0;}

    .d2-3 .mo .mo_2 {width:90%; margin:60px auto 0;position:relative;}
    .d2-3 .mo .mo_2 span:nth-child(1) {left:1.955%; bottom:42.25%;}
    .d2-3 .mo .mo_2 span:nth-child(2) {left:14.25%; bottom:26.25%;}
    .d2-3 .mo .mo_2 span:nth-child(3) {right:14.25%; bottom:54.25%;}
    .d2-3 .mo .mo_2 span:nth-child(4) {right:14.25%; bottom:3%;}
    /*d2-4*/
    .d2-4 {display:flex;}
    .d2-4 .l {width:50vw; background:url("../images/p2/004.jpg") no-repeat scroll top center / 100% auto; background-size:cover;}
    .d2-4 .r {width:50vw; padding:100px 100px;}
    .d2-4 .r h2 {font-size:44px; margin-bottom:30px;}
    .d2-4 .r p {font-size:22px;}
    .d2-4 .r ul {display:flex; margin-top:40px;}
    .d2-4 .r ul li {text-align:center; margin-right:40px;}
    .d2-4 .r ul li .inner {}
    .d2-4 .r ul li img {width:60px; margin:auto; border-radius:100%; border:1px solid #000000;}
    .d2-4 .r ul li p {font-size:16px; margin-top:10px;}
    .d2-4 .r .m {width:200px; margin-top:80px;}
    /*d2-5*/
    .d2-5 {padding:200px 0 100px; background:#eeeeee;}
    .d2-5 .text {width:80%; margin:auto;}
    .d2-5 .text .title {text-align:center; margin-bottom:100px;}
    .d2-5 .text .title h2 {font-size:44px; margin-bottom:20px;}
    .d2-5 .text .title p {font-size:22px;}
    .d2-5 .text ul {}
    .d2-5 .text ul li {display:flex; align-items:center; margin:0 0 80px 0; overflow:hidden;}
    .d2-5 .text ul li img { width:35%; display:block; border-radius:10px;}
    .d2-5 .text ul li .fr {width:65%; padding:0 0 0 60px;}
    .d2-5 .text ul li .fr h4 {font-size:32px; margin-bottom:30px;}
    .d2-5 .text ul li .fr p {font-size:22px;}
    .d2-5 .text ul li .fr ul {margin-top:30px; overflow:hidden;}
    .d2-5 .text ul li .fr ul li {float:left; margin:0 40px 0 0; text-align:center;}
    .d2-5 .text ul li .fr ul li img { float:none; display:inline; width:40px; margin-bottom:4px; border:1px solid #333333; border-radius:100%;}
    .d2-5 .text ul li .fr ul li p {font-size:14px;}
    

      

/***** 产品专题页：SC-8000 *****/
.sel-product-detail-3 {}
.sel-product-detail-3 .p-detail {margin-top:90px;}
    /**/
    .d3-1 { padding:100px 0 60px; overflow:hidden;}
    .d3-1 .text { margin:0 0 20px; text-align:center;}
    .d3-1 h1 { font-size:72px;}
    .d3-1 p { font-size:32px;}
    .d3-1 .img { margin:auto; width:70%;}
    /**/
    .d3-2 { padding:100px 0px; color:#ffffff; text-align:center; background:#80abc7;}
    .d3-2 ul {}
    .d3-2 ul li {float:left; width:50%; margin-bottom:40px;}
    .d3-2 ul li .inner {padding:0 40px;}
    .d3-2 ul li img {width:200px; height:auto; margin:0 auto 10px;}
    .d3-2 ul li h2 {margin-bottom:20px; font-size:32px;}
    .d3-2 ul li p {text-align:left; font-size:22px;}
    /**/
    .d3-3 { padding:150px 0 0;}
    .d3-3 .text {float:left; width:45%; margin-top:100px;}
    .d3-3 .text h1 {margin-bottom:40px; font-size:44px;}
    .d3-3 .text p {line-height:2.4; font-size:22px;}
    .d3-3 .img {float:right; width:55%;}
    .d3-3 .img img {display:block;}
    /**/
    .d3-4 { padding:150px 0; color:#ffffff; background:#333333 url("../images/p3/004.jpg") no-repeat scroll top center / 100% auto; background-size:cover;}
    .d3-4 .text {text-align:center;}
    .d3-4 .text h1 {margin-bottom:60px; font-size:44px;}
    .d3-4 .text img {margin:auto; width:600px; height:auto;}
    .d3-4 ul {margin-top:80px;}
    .d3-4 ul li {float:left; width:33.333333%; text-align:center;}
    .d3-4 ul li .inner {padding:0 50px 0 50px;}
    .d3-4 ul li h2 {font-size:32px; margin-bottom:20px;}
    .d3-4 ul li p {font-size:18px; text-align:left;}
    /**/
    .d3-5 { padding:100px 0; color:#ffffff;}
    .d3-5 .img { margin:auto; width:60%;}
    .d3-5 .img img {display:block;}
    .d3-5 ul {color:#333333; text-align:center; padding:60px 0 0;}
    .d3-5 ul li {float:left; width:50%; margin-bottom:80px;}
    .d3-5 ul li .inner {padding:0 40px;}
    .d3-5 ul li h2 {font-size:32px; margin-bottom:20px;}
    .d3-5 ul li p {text-align:left; font-size:22px;}
    /**/
    .d3-6 { padding:150px 0; text-align:center; color:#ffffff; background:#333333 url("../images/p3/006.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
    .d3-6 .text {width:60%; margin:auto;}
    .d3-6 .text h1 {margin-bottom:40px; font-size:44px;}
    .d3-6 .text p {font-size:22px; width:70%; margin:auto;}
    /**/
    .d3-7 { margin-top:10px; padding:150px 0; text-align:center; color:#ffffff; background:#333333 url("../images/p3/007.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
    .d3-7 .text {width:60%; margin:auto;}
    .d3-7 .text h1 {margin-bottom:40px; font-size:44px;}
    .d3-7 .text p {font-size:22px; width:70%; margin:auto;}


/***** 产品专题页：超声E3 *****/
.sel-product-detail-4 {}
.sel-product-detail-4 .p-detail {margin-top:90px;}
    /**/
    .d4-1 { padding:100px 0 0; height:800px;}
    .d4-1 .text { float:left; width:50%; margin-top:200px; text-align:center;}
    .d4-1 h1 { font-size:72px;}
    .d4-1 p { font-size:32px;}
    .d4-1 .img {float:right; padding-left:50px; width:50%;}
    /**/
    .d4-2 { padding:200px 0; color:#ffffff; background:url("../images/p4/002.jpg") no-repeat scroll top center / 100% auto; background-size:cover;}
    .d4-2 .text {float:right; width:50%;}
    .d4-2 .text p {font-size:22px;}
    .d4-2 ul {margin-top:60px;}
    .d4-2 ul li {float:left; width:50%; margin-bottom:10px; font-size:18px;}
    /**/
    .d4-3 {padding:150px 0;}
    .d4-3 .img {float:left; width:40%;}
    .d4-3 .text {float:right; width:60%; padding-left:40px;}
    .d4-3 .text ul {margin-bottom:40px;}
    .d4-3 .text ul li {float:left; width:25%;}
    .d4-3 .text ul li .inner { margin-bottom:20px; padding-right:20px;}
    .d4-3 .text ul li img {}
    .d4-3 .text h1 {margin-bottom:20px; font-size:44px;}
    .d4-3 .text p {font-size:22px;}
    /**/
    .d4-4 {padding:150px 0; background:#f2f2f2;}
    .d4-4 .text {float:left; width:50%;}
    .d4-4 .text h1 {margin-bottom:40px; font-size:44px;}
    .d4-4 .text ul {}
    .d4-4 .text ul li {float:left; width:50%; margin-bottom:10px; font-size:18px;}
    .d4-4 .img { float:right; margin-top:-250px; width:50%;}


/***** 产品专题页：超声P50 Plus *****/
.sel-product-detail-5 {}
.sel-product-detail-5 .p-detail {margin-top:90px;}
    /**/
    .d5-1 {color:#ffffff; height:800px; background:#000000 url("../images/p5/001.jpg") no-repeat scroll top center / 100% auto; background-size:cover;}
    .d5-1 .row {height:100%; display:flex; justify-content:flex-end;}
    .d5-1 .ti {display:flex; justify-content:flex-end; align-items:center; width:55%; position:relative;}
    .d5-1 .text { width:100%; text-align:center; position:absolute; z-index:1; left:50%; top:50%; left:50%; -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
    .d5-1 h1 {font-size:72px;}
    .d5-1 h2 {font-size:56px; margin-top:40px;}
    .d5-1 p { font-size:22px;}
    .d5-1 img {-moz-transform:translate(-13%, -19%); -ms-transform:translate(-13%, -19%); -webkit-transform:translate(-13%, -19%); transform:translate(-13%, -19%);}
    /**/
    .d5-2 {padding:150px 0; background:#000000 url("../images/p5/002.jpg") no-repeat scroll top center / 100% auto; background-size:cover;}
    .d5-2 .row {position:relative;}
    .d5-2 .text {float:right; width:40%; color:#FFFFFF;}
    .d5-2 .text h1 {font-size:44px; margin-bottom:30px;}
    .d5-2 .text p {font-size:18px;}
    .d5-2 .text ul {margin-top:60px;}
    .d5-2 .text ul li {margin-bottom:40px;}
    .d5-2 .text ul li h4 {font-size:18px; margin-bottom:10px;}
    .d5-2 .text ul li p {font-size:16px; opacity:0.8;}
    .d5-2 .img {position:absolute; left:20px; bottom:0;}
    .d5-2 .img img {width:300px; height:auto;}
    /**/
    .d5-3 { padding:120px 0 0; text-align:center; background:url("../images/p5/d5_3_bg.jpg") repeat-x scroll left top;}
    .d5-3 .text {}
    .d5-3 .text h1 {margin-bottom:20px; font-size:44px;}
    .d5-3 .text p { margin:auto; width:60%; font-size:22px;}
    .d5-3 .text ul {margin:60px auto 100px;}
    .d5-3 .text ul li {float:left; width:25%;}
    .d5-3 .text ul li .inner {padding:0 20px;}
    .d5-3 .text ul li img {width:100%;}
    .d5-3 .text ul li p {margin-top:10px; font-size:16px; width:100%;}
    .d5-3 .img { margin:auto; width:1200px; height:450px; background:url("../images/p5/003.jpg") no-repeat scroll top center / 100% auto;}
    /**/
    .d5-4 { padding:120px 0; color:#ffffff; text-align:center; background:#333333;}
    .d5-4 ul {}
    .d5-4 ul li {float:left; width:50%; margin-bottom:80px;}
    .d5-4 ul li .inner {padding:0 40px;}
    .d5-4 ul li h2 {font-size:22px; margin-bottom:30px;}
    .d5-4 ul li img {margin-bottom:30px;}
    .d5-4 ul li p {font-size:16px; overflow:hidden;}
    /**/
    .d5-5 { padding:120px 0; text-align:center;}
    .d5-5 .text {}
    .d5-5 .text h1 {font-size:44px;}
    .d5-5 ul {margin-top:80px;}
    .d5-5 ul li {float:left; width:25%; position:relative;}
    .d5-5 ul li .inner {}
    .d5-5 ul li .w {position:absolute; left:0; top:80px; width:100%; color:#ffffff;}
    .d5-5 ul li h2 {margin:30px 0 0; font-size:18px;}
    .d5-5 ul li p {}
    .d5-5 ul li img {display:block; margin:auto; width:70%; border-radius:100%; overflow:hidden;}
    /**/
    .d5-6 { padding:100px 0; background:#000000;}
    .d5-6 h2 {font-size:44px; color:#ffffff; text-align:center;}
    



/***** 产品专题页：超声S40 *****/
.sel-product-detail-6 {}
.sel-product-detail-6 .p-detail {margin-top:90px;}
    /**/
    .d6-1 { padding:100px 0 0;}
    .d6-1 .text { float:left; color:#333333; width:50%; margin-top:200px; text-align:center;}
    .d6-1 h1 { font-size:72px;}
    .d6-1 p { font-size:32px;}
    .d6-1 .img { float:right; width:50%;}
    /**/
    .d6-2 { padding:100px 0 0; background:#f2f2f2;}
    .d6-2 .text {float:right; width:50%; margin-top:50px; padding-left:50px;}
    .d6-2 .text p { margin-bottom:50px; font-size:22px;}
    .d6-2 .text img { display:block; width:60%; margin:auto;}
    .d6-2 .img { float:left; width:50%; height:800px; background:url("../images/p6/002.jpg") no-repeat scroll top center / 100% auto; background-size:cover;}
    /**/
    .d6-3 { text-align:center; padding:120px 0; background:url("../images/p6/003.jpg") no-repeat scroll top center / 100% auto; background-size:cover;}
    .d6-3 .text {}
    .d6-3 .text img {width:400px; margin:0 auto 60px;}
    .d6-3 .text h1 { font-size:44px; color:#d9b766; margin-bottom:30px;}
    .d6-3 .text p {font-size:22px; width:70%; margin:auto;}
    /**/
    .d6-4 {padding:120px 0;}
    .d6-4 .text {float:right; width:50%; padding-left:60px;}
    .d6-4 .text h1 { font-size:44px; color:#d9b766; margin-bottom:30px;}
    .d6-4 .text p {font-size:22px;}
    .d6-4 .text ul {margin-top:50px;}
    .d6-4 .text ul li {margin-bottom:30px;}
    .d6-4 .text ul li h3 {margin-bottom:10px; font-size:22px;}
    .d6-4 .text ul li p {font-size:18px;}
    .d6-4 .img { float:left; width:50%; height:700px; background:url("../images/p6/004.jpg") no-repeat scroll top center / 100% auto; background-size:cover;}
    /**/
    .d6-5 {padding:120px 0;}
    .d6-5 .text {float:left; width:50%; padding-right:60px;}
    .d6-5 .text h1 { font-size:44px; color:#d9b766; margin-bottom:30px;}
    .d6-5 .text p { font-size:22px; margin-bottom:50px;}
    .d6-5 .text ul {overflow:hidden;}
    .d6-5 .text ul li {float:left; width:50%; font-size:18px; margin-bottom:20px;}
    .d6-5 .pic_list { float:right; width:50%;}
    .d6-5 .pic_list ul {}
    .d6-5 .pic_list ul li {float:left; width:33.333333%; padding:0 10px 10px 0;}
    .d6-5 .pic_list ul li img {display:block;}
    /**/
    .d6-6 {padding:40px 0 100px; text-align:center;}
    .d6-6 .text {}
    .d6-6 .text h1 { font-size:44px; color:#d9b766; margin-bottom:30px;}
    .d6-6 .text p {font-size:22px; width:70%; margin:auto;}
    .d6-6 .img { margin:50px auto 0; width:80%;}


/***** 产品专题页：超声S50 *****/
.sel-product-detail-7 {}
.sel-product-detail-7 .p-detail {margin-top:90px;}
    /**/
    .d7-1 {padding:150px 0 0; background:#000000 url("../images/p7/001-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
    .d7-1 .text { float:right; width:50%; margin-top:250px; text-align:center;}
    .d7-1 h1 { font-size:72px; color:#ffffff;}
    .d7-1 p { font-size:32px; color:#ffffff;}
    .d7-1 .img {float:left; width:50%; text-align:center;}
    .d7-1 .img img {width:100%;}
    /**/
    .d7-2 {}
    .d7-2 .text { margin-top:150px; text-align:center;}
    .d7-2 h1 { font-size:44px; margin-bottom:20px;}
    .d7-2 p { font-size:22px; width:65%; margin:auto;}
    .d7-2 ul {margin-top:80px; overflow:hidden;}
    .d7-2 ul li {float:left; width:33.333333%;}
    .d7-2 ul li h3 {font-size:22px; margin-bottom:30px;}
    .d7-2 ul li img {width:50%; height:auto; margin:auto; border-radius:100%; background:#ffffff;}
    .d7-2 ul li h4 {margin:40px 0 10px; font-size:18px;}
    .d7-2 ul li p {font-size:14px;}
    /**/
    .d7-sc { margin:100px 0 0; padding:100px 0 40px; background:#000000;}
    .d7-sc h2 {font-size:44px; color:#ffffff; text-align:center;}
    /**/
    .d7-3 { padding:120px 0 500px; color:#ffffff; background:#000000 url("../images/p7/004.jpg") no-repeat scroll top center / 100% auto; background-size:cover;}
    .d7-3 .text { text-align:center; color:#ffffff;}
    .d7-3 h1 { margin-bottom:20px; font-size:44px;}
    .d7-3 p { font-size:22px;}
    .d7-3 ul {margin-top:60px;}
    .d7-3 ul li {float:left; margin-bottom:40px; width:33.333333%;}
    .d7-3 ul li:nth-child(4) {margin-left:17%;}
    .d7-3 ul li .inner {padding:0 80px;}
    .d7-3 ul li h3 { margin-bottom:20px; font-size:18px;}
    .d7-3 ul li img {}
    /**/
    .d7-4 { padding:120px 0; text-align:center;}
    .d7-4 .img { float:left; width:35%;}
    .d7-4 .text {float:right; width:62%;}
    .d7-4 h2 { margin:10px 0 20px; font-size:44px;}
    .d7-4 p {font-size:22px;}
    .d7-4 ul {margin-top:100px;}
    .d7-4 ul li {float:left; width:20%;}
    .d7-4 ul li .inner {margin:0 10px;}
    .d7-4 ul li img {border-radius:100%;}
    .d7-4 ul li h3 {font-size:18px; font-weight:normal; margin-top:10px;}
    /**/
    .d7-4 ul li:nth-child(2) .inner ,
    .d7-4 ul li:nth-child(4) .inner {margin-top:100px;}

     


/***** 产品专题页：超声P40 Plus *****/
.sel-product-detail-8 {}
.sel-product-detail-8 .p-detail {margin-top:90px;}
    /**/
    .d8-1 {color:#ffffff; height:800px; background:#000000 url("../images/p8/001.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
    .d8-1 .row {height:100%; display:flex; justify-content:flex-end;}
    .d8-1 .ti {display:flex; justify-content:flex-end; align-items:center; width:55%; position:relative;}
    .d8-1 .text { width:100%; text-align:center; position:absolute; z-index:1; left:50%; top:50%; left:50%; -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
    .d8-1 h1 {font-size:72px;}
    .d8-1 h2 {font-size:56px; margin-top:40px;}
    .d8-1 p { font-size:22px;}
    .d8-1 img {-moz-transform:translate(-13%, -19%); -ms-transform:translate(-13%, -19%); -webkit-transform:translate(-13%, -19%); transform:translate(-13%, -19%);}

    /**/
    .d8-2 {padding-bottom:100px; background:#000000;}
    .d8-2 .row {display:flex; justify-content:space-around;}
    .d8-2 .text {color:#ffffff; width:35%; padding:150px 0 0 0;}
    .d8-2 .text h1 {font-size:44px; margin-bottom:40px;}
    .d8-2 .text p {margin:auto; font-size:18px;}
    .d8-2 .img {width:65%;}
    .d8-2 .img img {}
    /**/
    .d8-3 {padding:150px 0;}
    .d8-3 .text {}
    .d8-3 h1 { font-size:44px; margin-bottom:20px; text-align:center;}
    .d8-3 p { font-size:18px;}
    .d8-3 ul {margin-top:80px;}
    .d8-3 ul li {float:left; width:33.333333%; padding-right:60px;}
    .d8-3 ul li h3 {font-size:22px; margin-bottom:30px;}
    .d8-3 ul li img { display:block; width:100%; height:auto; margin:auto;}
    .d8-3 ul li h4 {margin:20px 0 10px; font-size:22px;}
    .d8-3 ul li p {font-size:14px; font-size:16px;}
    /**/
    .d8-4 {padding:150px 0; background:#000000;}
    .d8-4 .text {color:#ffffff;}
    .d8-4 h1 { font-size:44px; margin-bottom:20px; text-align:center;}
    .d8-4 p { font-size:18px;}
    .d8-4 ul {margin-top:80px;}
    .d8-4 ul li {float:left; width:33.333333%; padding-right:30px;}
    .d8-4 ul li h3 {font-size:22px; margin-bottom:30px;}
    .d8-4 ul li img {height:auto; margin:auto;}
    .d8-4 ul li h4 {margin:40px 0 10px; font-size:22px;}
    .d8-4 ul li p {font-size:14px; font-size:16px; opacity:0.8;}
    .d8-4 ul li p span {display:block; height:32px; line-height:32px; position:relative;}
    .d8-4 ul li p span::before {content:""; width:3px; height:3px; border-radius:100%; background:rgba(255,255,255,0.5); position:absolute; left:-8px; top:50%; margin-top:-1.5px;}
    /**/
    .d8-5 { padding:150px 0;}
    .d8-5 .text {position:relative;}
    .d8-5 h1 { font-size:44px; margin-bottom:80px; text-align:center;}
    .d8-5 p { font-size:18px;}
    .d8-5 ul { position:absolute; left:0; top:150px; overflow:hidden;}
    .d8-5 ul li {float:left; margin-bottom:100px; width:50%;}
    .d8-5 ul li h3 {font-size:22px; margin-bottom:30px;}
    .d8-5 ul li img {float:left; width:100px; height:auto; margin:auto;}
    .d8-5 ul li .rt { margin-left:100px; padding-left:20px; width:60%;}
    .d8-5 ul li h4 {margin:0 0 10px; font-size:22px;}
    .d8-5 ul li p {font-size:16px;}
    .d8-5 .bg-img { margin:auto; width:600px; height:600px; background:url("../images/p8/005.jpg") no-repeat scroll bottom center / 100% auto;}
    .d8-5 ul li:nth-child(1) {padding-left:10%;}
    .d8-5 ul li:nth-child(2) { padding-left:10%;}
    .d8-5 ul li:nth-child(2) .rt {width:60%;}
    .d8-5 ul li:nth-child(4) {padding-left:15%;}
    .d8-5 ul li:nth-child(4) .rt {width:auto;}
    .d8-5 ul li:nth-child(5) {padding-left:10%;}
    .d8-5 ul li:nth-child(6) {padding-left:10%;}
    .d8-5 ul li:nth-child(6) .rt {width:auto;}
    /**/
    .d8-6 { padding:0 0 150px;}
    .d8-6 .text {position:relative;}
    .d8-6 h1 {font-size:44px; margin-bottom:80px; text-align:center;}
    .d8-6 ul {position:absolute; left:0; top:110px; overflow:hidden;}
    .d8-6 ul li {float:left; width:50%; padding:0 10%;}
    .d8-6 ul li img {float:left; width:auto; height:150px;}
    .d8-6 ul li h4 {line-height:150px; font-size:16px; white-space:nowrap;}
    .d8-6 .bg-img { margin:auto; width:250px; height:auto;}
    /**/
    .d8-7 { padding:100px 0; background:#000000;}
    .d8-7 h2 {font-size:44px; color:#ffffff; text-align:center;}

/***** 产品专题页：超声x3 *****/
.sel-product-detail-9 {}
.sel-product-detail-9 .p-detail {margin-top:90px;}
    /**/
    .d9-1 {padding:100px 0; background:#f7f7f7;}
    .d9-1 .text { float:left; margin-top:200px; width:50%; text-align:center;}
    .d9-1 .text h1 {font-size:72px;}
    .d9-1 .text p {font-size:32px;}
    .d9-1 .img {float:right; width:50%;}
    /**/
    .d9-2 {padding:300px 0; background:#000000 url("../images/p9/002.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
    .d9-2 .text {float:right; width:40%;}
    .d9-2 .text p {font-size:22px;}
    /**/
    .d9-3 {padding:80px 0; border-bottom:1px solid rgba(255,255,255,0.2); background:#000000;}
    .d9-3 .text {text-align:center; color:#ffffff;}
    .d9-3 .text ul { padding:50px 0; overflow:hidden;}
    .d9-3 .text ul li {float:left; width:50%; padding:0 40px; overflow:hidden;}
    .d9-3 .text ul li h2 {margin-bottom:20px; font-size:44px;}
    .d9-3 .text ul li span { display:block; float:left; width:50%; margin-bottom:20px; padding:10px; font-size:18px; display:inline-block; border:1px solid rgba(255,255,255,0.5); border-radius:4px;}
    /**/
    .d9-4 {padding:100px 0 0; background:#000000;}
    .d9-4 .img {float:left; width:60%;}
    .d9-4 .img img {display:block;}
    .d9-4 .text { margin-top:50px; float:right; width:30%; color:#ffffff;}
    .d9-4 .text ul {}
    .d9-4 .text ul li {margin-bottom:40px;}
    .d9-4 .text ul li h3 {color:#009FAB; margin-bottom:10px; font-size:44px;}
    .d9-4 .text ul li p {font-size:18px; line-height:2;}
    /**/
    .d9-5 {padding:100px 0; background:#000000 url("../images/p9/005.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
    .d9-5 ul {float:left; width:35%;}
    .d9-5 ul li {float:left; width:50%;}
    .d9-5 ul li .inner {padding:0 20px 20px 0;}
    .d9-5 ul li img {display:block;}
    .d9-5 .text {float:left; margin-top:50px; padding-left:100px; width:50%; overflow:hidden;}
    .d9-5 .text p {font-size:22px;}
    /**/
    .d9-6 {}
    .d9-6 ul {}
    .d9-6 ul li { margin:5px 0; padding:100px 0;}
    .d9-6 ul li .text {text-align:center; color:#ffffff;}
    .d9-6 ul li .text h2 {font-size:44px; margin-bottom:30px;}
    .d9-6 ul li .text p { font-size:22px; width:50%; margin:auto;}
    .d9-6 ul li:nth-child(1) {background:#000000 url("../images/p9/006-1.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
    .d9-6 ul li:nth-child(2) {background:#000000 url("../images/p9/006-2.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
    .d9-6 ul li:nth-child(3) {background:#000000 url("../images/p9/006-3.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}



/***** 产品专题页：超声E2 *****/
.sel-product-detail-10 {}
.sel-product-detail-10 .p-detail {margin-top:90px;}
    /**/
    .d10-1 {padding:200px 0; background:#000000 url("../images/p10/001.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
    .d10-1 .text { text-align:center; color:#ffffff;}
    .d10-1 h1 { font-size:72px; line-height:1;}
    .d10-1 p { font-size:32px; margin-top:5px;}
    .d10-1 h2 {font-size:72px; margin-top:20px;}
    .d10-1 p.desc { font-size:22px; margin:50px auto 0; width:70%; line-height:1.8;}
    /**/
    .d10-2 {padding:150px 0;}
    .d10-2 .bg-img { float:left; width:50%; height:auto;}
    .d10-2 .text {float:right; width:50%; padding-left:60px;}
    .d10-2 .text ul {margin-top:100px;}
    .d10-2 .text ul li {margin-bottom:60px;}
    .d10-2 .text ul li h2 {font-size:32px; margin-bottom:10px;}
    .d10-2 .text ul li p {font-size:22px;}
    /**/
    .d10-3 {padding:100px 0; background:#000000;}
    .d10-3 .bg-img { float:right; width:50%; height:auto;}
    .d10-3 .text {float:left; width:50%; padding-right:40px; color:#ffffff;}
    .d10-3 .text ul {}
    .d10-3 .text ul li {margin-bottom:50px;}
    .d10-3 .text ul li h2 {font-size:32px; margin-bottom:10px;}
    .d10-3 .text ul li p {font-size:18px;}
    /**/
    .d10-4 { padding:100px 0; background:#000000;}
    .d10-4 h2 {font-size:44px; color:#ffffff; text-align:center;}


/***** HD-400 *****/
.sel-product-detail-11 {}
.sel-product-detail-11 .p-detail {margin-top:90px;}
    /**/
    .d11-1 {padding:150px 0; background:#000000;}
    .d11-1 .text { float:left; width:40%; padding:120px 40px 0 0; color:#ffffff; text-align:right;}
    .d11-1 .text h1 {font-size:72px; color:#009fa8;}
    .d11-1 .text h2 {font-size:44px; margin:15px 0 15px;}
    .d11-1 .text p {font-size:32px;}
    .d11-1 .img {float:right; width:60%;}
    .d11-1 .img img {display:block; width:100%;}
    /**/
    .d11-2 {padding:250px 0; background:#000000 url("../images/p11/002.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
    .d11-2 .text { margin:auto; width:70%; color:#ffffff;}
    .d11-2 .text h2 { font-size:44px; margin-bottom:30px; text-align:center;}
    .d11-2 .text p {font-size:22px;}
    /**/
    .d11-3 {padding:150px 0;}
    .d11-3 .img {float:left; width:30%;}
    .d11-3 .text { float:right; padding-left:80px; width:70%;}
    .d11-3 .text .img1 {width:50%;}
    .d11-3 .text h2 { margin:20px 0 40px; font-size:44px; color:#009fa8;}
    .d11-3 .text p {margin-bottom:20px; font-size:22px;}
    .d11-3 .text .img2 {display:block; width:100%; padding-top:30px;}
    /**/
    .d11-4 {padding:150px 0; background:#f5f5f5;}
    .d11-4 .wr {position:relative;}
    .d11-4 .text { position:absolute; left:0; top:20px; width:100%; text-align:center;}
    .d11-4 .text h3 {font-size:32px; width:50%; margin:auto;}
    .d11-4 .text h2 {font-size:72px; color:#009fa8;}
    .d11-4 .wr img {display:block; width:80%; margin:auto;}
    .d11-4 ul {width:60%; margin:30px auto 0;}
    .d11-4 ul li {float:left; width:33.333333%; padding:0 40px; text-align:center;}
    .d11-4 ul li span {display:block;}
    .d11-4 ul li span img {display:block; width:auto; height:64px; margin:auto;}
    .d11-4 ul li h4 {margin:20px 0 0 0; font-size:22px;}
    .d11-4 ul li p {font-size:18px;}
    /**/
    .d11-5 {padding:150px 0; background:#000000 url("../images/p11/005.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
    .d11-5 .text { width:50%; color:#ffffff;}
    .d11-5 .text h2 { font-size:44px; margin-bottom:40px;}
    .d11-5 .text h3 {font-size:22px; font-weight:normal; line-height:1.8;}
    .d11-5 ul {margin-top:40px; overflow:hidden;}
    .d11-5 ul li {margin-top:40px;}
    .d11-5 ul li h4 { font-size:32px; margin-bottom:10px; font-weight:normal;}
    .d11-5 ul li p {font-size:18px;}
    /**/
    .d11-6 {padding:150px 0;}
    .d11-6 ul {}
    .d11-6 ul li {float:left; width:50%; text-align:center;}
    .d11-6 ul li h4 {font-size:44px; margin-bottom:10px;}
    .d11-6 ul li p {font-size:22px; margin-bottom:40px; color:#009fa8;}
    .d11-6 ul li img {}
    .d11-6 .text { padding:100px 0 0; text-align:center; width:70%; margin:auto;}
    .d11-6 .text h3 {font-size:44px; color:#009fa8; line-height:1.4;}
    .d11-6 .text p { margin-top:40px; font-size:22px;}
    /**/
    .d11-7 {}
    .d11-7 .lb {background:#f5f5f5;}
    .d11-7 .lb img {display:block; width:60%; margin:auto;}
    .d11-7 ul {margin:100px auto; width:70%; overflow:hidden;}
    .d11-7 ul li {float:left; width:25%; text-align:center;}
    .d11-7 ul li img {display:block; margin:auto; width:auto; height:50px;}
    .d11-7 ul li p {margin-top:20px; font-size:18px;}


/***** S60 *****/
.sel-product-detail-12 {}
.sel-product-detail-12 .p-detail {margin-top:90px;}
    /**/
    .d12-1 {padding:100px 0;}
    .d12-1 .row {position:relative;}
    .d12-1 .text {position:absolute; z-index:2; left:20px; top:100px; width:30%; height:auto;}
    .d12-1 .text h1 {font-size:72px; margin:0 0 10px 0;}
    .d12-1 .text h2 {font-size:32px; padding-left:2px; font-weight:600; text-transform:uppercase; color:#cccccc;}
    .d12-1 .text h3 {font-size:64px; color:#f6aa00; margin-top:40px;}
    .d12-1 .text p {font-size:22px; color:#4d4d4d;}
    .d12-1 .img {float:right; width:75%; height:auto;}
    /**/
    .d12-2 { position:relative; padding:200px 0; background:#000000 url("../images/p12/002-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; overflow:hidden;}
    .d12-2 .text {position:relative; z-index:2;}
    .d12-2 .text ul {width:80%; margin:auto; overflow:hidden;}
    .d12-2 .text ul li {float:left; width:33.333333%; color:#ffffff; text-align:center;}
    .d12-2 .text ul li h4 {font-size:56px; margin-bottom:10px;}
    .d12-2 .text ul li h4 em {vertical-align:super; font-size:36px; line-height:1;}
    .d12-2 .text ul li p {font-size:18px;}
    .d12-2 .video {}
    .d12-2 .video .mask {}
    .d12-2 .video video {}
    /**/
    .d12-3 {padding:150px 0; position:relative; background:url("../images/p12/003-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
    .d12-3::after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.4);}
    .d12-3 .text {width:50%; position:relative; z-index:1;}
    .d12-3 .text h2 {font-size:90px; position:relative; line-height:1; margin-bottom:20px;}
    .d12-3 .text h2 em {font-size:64px; font-weight:normal; font-style:normal; color:#f6aa00; position:absolute; left:160px; top:-15px; }
    .d12-3 .text h2 span {font-size:32px; padding-left:40px; font-weight:normal; position:absolute; left:155px; bottom:10px;}
    .d12-3 .text h3 {font-size:36px; width:55%;}
    .d12-3 .text ul {margin:60px 0 80px;}
    .d12-3 .text ul li {overflow:hidden;}
    .d12-3 .text ul li h4 { float:left; margin-right:30px; padding-top:30px; font-size:22px;}
    .d12-3 .text ul li .speedLine { float:left; font-size:64px; color:#f6aa00; line-height:1;}
    .d12-3 .text ul li .speedLine em {font-style:normal; font-weight:500; font-size:56px;}
    .d12-3 .text ul li .speedLine .sFill { display:inline-block; margin-right:20px; width:100px; height:24px; background:#f6aa00;}
    .d12-3 .text ul li .speedLine .s2 {width:250px;}
    .d12-3 .text ul li .speedLine .s3 {width:37.5px;}
    .d12-3 .text ul li .speedLine span {font-size:22px; padding-left:10px;}
    .d12-3 .text .desc {margin-top:80px; font-size:22px; width:80%;}
    .d12-3 .text .desc em {vertical-align:super; font-size:14px; line-height:1;}
        /**/
        .cover-up-move {}
        .cum {}
        .cum img {display:block; width:100%; height:auto;}
        .s1 { z-index:1; animation:sliderArrow 4s ease-in-out 0.2s 1 alternate forwards; animation-play-state:paused;}
        .s2 { z-index:2; animation:sliderArrow 3s ease-in-out 0.2s 1 alternate forwards; animation-play-state:paused;}
        .s3 { z-index:3; animation:sliderArrow 2s ease-in-out 0.2s 1 alternate forwards; animation-play-state:paused;}
        .move {animation-play-state:running;}
        /*动画*/
        @keyframes sliderArrow1
        { 
          %0 { width:1%;}
          100% { width:100%;}
        }

        @-webkit-keyframes sliderArrow1
        { 
          %0 { width:1%;}
          100% { width:100%;}
        }

        @-zos-keyframes sliderArrow1
        {
          %0 { width:1%;}
          100% { width:100%;}
        }

        @-o-keyframes sliderArrow1
        {
          %0 { width:1%;}
          100% { width:100%;}
        }
    /**/
    .d12-4 {padding:150px 0;}
    .d12-4 .text {text-align:center;}
    .d12-4 .text h2 {font-size:56px; margin-bottom:40px;}
    .d12-4 .text h2 span {display:block;}
    .d12-4 .text p {font-size:22px; padding:0 10%;}
    .d12-4 .text ul {margin:100px 0 0; overflow:hidden;}
    .d12-4 .text ul li {float:left; width:17.5%;}
    .d12-4 .text ul li:nth-child(2) , .d12-4 .text ul li:nth-child(4) , .d12-4 .text ul li:nth-child(6) {width:10%; padding-top:20px;}
    .d12-4 .text ul li img {margin:0 auto 20px;}
    .d12-4 .text ul li h4 {font-size:18px; font-weight:normal;}
    /**/
    .d12-5 {padding:120px 0 100px; background:#f2f2f2;}
    .d12-5 .text {text-align:center;}
    .d12-5 .text ul {}
    .d12-5 .text ul li {float:left; width:33.333333%;}
    .d12-5 .text ul li img {display:block; margin:0 auto 30px; width:85%;}
    .d12-5 .text ul li h4 {font-size:18px;}
    /**/
    .d12-6 {padding:250px 0; position:relative; background:#000000 url("../images/p12/006-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
    .d12-6::after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.1);}
    .d12-6 .text { position:relative; z-index:1; text-align:center; color:#ffffff;}
    .d12-6 .text h2 {font-size:56px; margin-bottom:80px;}
    .d12-6 .text ul {width:80%; margin:auto; overflow:hidden;}
    .d12-6 .text ul li {float:left; width:33.333333%;}
    .d12-6 .text ul li h4 {font-size:56px; color:#f6aa00;}
    .d12-6 .text ul li p { font-size:18px; color:#ffffff;}
    /**/
    .d12-7 {padding:200px 0; background:#000000 url("../images/p12/007-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
    .d12-7 .text { text-align:center; }
    .d12-7 .text h2 {font-size:56px; margin-bottom:40px; padding:0 30%;}
    .d12-7 .text p {font-size:22px; padding:0 10%;}
    /**/
    .d12-8 {padding:250px 0; background:#000000 url("../images/p12/008-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; }
    .d12-8 .text {text-align:center; color:#ffffff;}
    .d12-8 .text h2 {font-size:56px; padding:0 26%;}
    /**/
    .d12-9 {padding:150px 0 100px; position:relative; background:url("../images/p12/009-bg.jpg") no-repeat scroll left bottom / 40% auto; }
    .d12-9 .img {width:30%; position:absolute; left:0; bottom:0;}
    .d12-9 .text {width:50%; float:right;}
    .d12-9 .text h2 {font-size:56px; margin-bottom:40px; padding:0 35% 0 0;}
    .d12-9 .text p {font-size:22px;}
    .d12-9 .text ul {margin-top:80px; overflow:hidden;}
    .d12-9 .text ul li {float:left; margin-bottom:40px; width:50%;}
    .d12-9 .text ul li img {display:block; float:left; margin-right:20px; width:40px; height:auto;}
    .d12-9 .text ul li h4 {line-height:40px; font-size:18px; font-weight:normal;}
    /**/
    .d12-10 {padding:300px 0 450px; background:url("../images/p12/010-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
    .d12-10 .text {}
    .d12-10 .text h2 {font-size:56px; margin-bottom:40px; padding:0 62% 0 0;}
    .d12-10 .text p {font-size:22px; padding:0 64% 0 0;}
    /**/
    .d12-11 {padding:100px 0 40px; background:#000000;}
    .d12-11 h2 {font-size:44px; color:#ffffff; text-align:center;}
    .d12-11 .img-box h4 {display:none;}




/***** HD-550 *****/
.sel-product-detail-13 {}
.sel-product-detail-13 .p-detail {margin-top:90px;}
  /**/
  .d13-1 {padding:280px 0 250px; background-color:#000000; background-image:url("../images/p13/001-bg.jpg"); background-position:center center; background-repeat:no-repeat; background-size:cover;}
  .d13-1 .text {color:#ffffff;}
  .d13-1 .text h1 {font-size:72px;}
  .d13-1 p { font-size:32px; color:#ffffff; margin-top:60px; line-height:1.2;}
  .d13-1 p span {font-size:44px; font-weight:bold;}
  .d13-1 .img {width:28%; margin:20px 0 0;}
  .d13-1 .img img {}
  .d13-1 .img ul {}
  .d13-1 .img ul li {float:left; width:33.333333%; padding:0px 10px 10px 0;}
  /**/
  .d13-2 {padding:150px 0; background:#000000;}
  .d13-2 .row {position:absolute; left:0; right:0; top:10%;}
  .d13-2 .img {position:relative; width:100%; margin:auto;}
  .d13-2 .img img {width:90%; margin:auto;}
  .d13-2 h2 {font-size:44px; color:#ffffff;}
  /*第三屏 、 第四屏公共*/
  .con34 {padding:150px 0;}
  .con34 .text {text-align:center;}
  .con34 .text .sh {text-align:center; overflow:hidden;}
  .con34 .text .shl {display:inline-block; width:110px;}
  .con34 .text .shr {display:inline-block; text-align:left; padding-left:30px;}
  .con34 .text .shr h2 {font-size:44px; line-height:1;}
  .con34 .text .shr p {font-size:18px;}
  .con34 .text p.desc { margin-top:40px; padding:0 5%; font-size:22px;}
  .con34 .img { margin:50px auto 0; text-align:center;}
  .con34 .img .t {margin-bottom:60px;}
  .con34 .img .t ul {padding:0 11%;}
  .con34 .img .t ul li {float:left; width:23.333333%; padding:0 4%;}
  .con34 .img .t ul li span { display:block; font-size:14px; color:#4d4d4d; line-height:1.2;}
  .con34 .img .t ul li img { margin-bottom:10px; border:1px solid #8d8d8d; border-radius:15px;}
  .con34 .img .t ul li:nth-child(2) , .con34 .img .t ul li:nth-child(4) {width:15%; padding:6% 2% 0;}
  .con34 .img .t ul li:nth-child(2) img , .con34 .img .t ul li:nth-child(4) img {border:none; border-radius:0;}
  .con34 .img .tf ul li { width:42.5%;}
  .con34 .img .tf ul li span {}
  .con34 .img .tf ul li img {border:none; border-radius:0; margin-bottom:20px;}
  .con34 .img .tf ul li:nth-child(2) {padding:13% 2% 0;}
  /**/
  .con34 .img .b {}
  .con34 .img .b ul {padding:0 5%;}
  .con34 .img .b ul li {float:left; width:33.333333%; padding:0 4%;}
  .con34 .img .b ul li img {margin-bottom:10px;}
  .con34 .img .b ul li span {}
  .con34 .img .b ul li img:nth-child(1) {width:40%; margin:0 auto 10px;}
  .con34 .img .b ul li img:nth-child(4) {margin-top:30px;}
  /**/
  .d13-4 {background:#f2f2f2;}
  /**/
  .d13-5 {padding:150px 0;}
  .d13-5 .row {display:flex; align-items:center;}
  .d13-5 .img {float:left; width:35%;}
  .d13-5 .text { float:left; width:65%; padding-left:100px;}
  .d13-5 .text h2 {font-size:32px; margin-bottom:20px;}
  .d13-5 .text .desc {font-size:22px; margin-bottom:40px;}
  .d13-5 .text img {width:60%;}
  .d13-5 .text ul {}
  .d13-5 .text ul li {padding:50px 0;}
  .d13-5 .text ul li h3 { font-size:32px; margin-bottom:10px;}
  .d13-5 .text ul li p {font-size:18px;}
  .d13-5 .text ul li span {font-size:18px;}
  .d13-5 .text ul li h4 {font-size:22px;}
  .d13-5 .text ul li:last-child p {list-style:decimal;}
  .d13-5 .text ul li:last-child p:nth-child(2) {margin-bottom:10px;}
  /**/
  .d13-6 {background:#000000;}
  .d13-6 .row {position:relative;}
  .d13-6 .img {float:left; width:60%; margin-bottom:100px; padding-right:80px;}
  .d13-6 .img img {}
  .d13-6 .text { width:50%; padding-left:100px; color:#ffffff; position: absolute; z-index:3; top:50%; right:0; -moz-transform:translate(0, -50%); -ms-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); transform:translate(0, -50%);}
  .d13-6 .text h2 {font-size:44px; margin-bottom:40px;}
  .d13-6 .text .desc {font-size:22px;}
  /**/
  .d13-7 {padding:150px 0;}
  .d13-7 .text {width:80%; margin:auto;}
  .d13-7 .text ul {}
  .d13-7 .text ul li {display:flex; align-items:center; margin:0 0 80px 0; overflow:hidden;}
  .d13-7 .text ul li img { float:left; width:35%; display:block; border-radius:10px;}
  .d13-7 .text ul li .fr {float:left; width:65%; padding:0 0 0 60px;}
  .d13-7 .text ul li .fr h4 {font-size:32px; margin-bottom:20px;}
  .d13-7 .text ul li .fr p {font-size:18px;}
  .d13-7 .text ul li .fr ul {margin-top:20px; display:flex; overflow:hidden;}
  .d13-7 .text ul li .fr ul li {display:block; margin:0 40px 0 0; text-align:center;}
  .d13-7 .text ul li .fr ul li img { float:none; display:inline; width:40px; margin-bottom:4px; border:1px solid #333333; border-radius:100%;}
  .d13-7 .text ul li .fr ul li p {font-size:12px;}
  .d13-7 .text ul li:last-child {margin:0;}


/***** 高清探头 *****/
.sel-product-detail-14 {}
.sel-product-detail-14 .p-detail {margin-top:90px;}
  /**/
  .d14-1 {padding:350px 0; background:url("../images/p14/001-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
  .d14-1 .text {text-align:center;}
  .d14-1 .text h1 {font-size:72px;}
  .d14-1 .text h2 {font-size:32px;}
  /**/
  .d14-2 {padding:150px 0 100px; background:#f2f2f2;}
  .d14-2 .text {text-align:center;}
  .d14-2 .text h2 {font-size:44px;}
  .d14-2 .text ul { margin-top:80px; overflow:hidden;}
  .d14-2 .text ul li {float:left; width:25%; padding:0 2%;}
  .d14-2 .text ul li img {display:block; margin:auto;}
  .d14-2 .text ul li h4 {margin-top:20px; font-size:22px;}
  /**/
  .d14-3 {padding:0 0 100px; background:#f2f2f2;}
  .d14-3 .text {text-align:center;}
  .d14-3 .text ul { margin-bottom:80px; padding:0 10%; overflow:hidden;}
  .d14-3 .text ul li {float:left; width:50%; padding:0 5%;}
  .d14-3 .text ul li h3 {font-size:22px; margin-bottom:50px;}
  .d14-3 .text ul li img {display:block; margin:auto; border-radius:20px;}
  .d14-3 .text .intro {font-size:22px; padding:0 20%;}
  /* 公共部分 */
  .con {}
  .con .text {text-align:center;}
  .con .text h2 {font-size:44px;}
  .con .text ul { margin-top:60px; overflow:hidden;}
  .con .text ul li {float:left; margin-bottom:40px; padding:0 5%;}
  .con .text ul li h3 {font-size:22px; margin-bottom:10px;}
  .con .text ul li .t {font-size:18px; display:none;}
  .con .text ul li img {display:block; margin:40px auto 20px; border-radius:20px;}
  .con .text ul li .b {font-size:16px; padding:0 12%;}
  /**/
  .d14-4 {padding:150px 0 80px;}
  .d14-4 .text ul li {width:50%;}
  .d14-4 .text ul li img {border:1px solid #e0e0e0;}
  /**/
  .d14-5 {padding:150px 0 80px; background:#f2f2f2;}
  .d14-5 .text ul li {width:50%;}



/***** HD-350 *****/
.sel-product-detail-15 {}
.sel-product-detail-15 .p-detail {margin-top:90px;}
  /**/
  .d15-1 {padding:150px 0;}
  .d15-1 .text {text-align:center;}
  .d15-1 .text h1 {font-size:120px;}
  .d15-1 .text p {font-size:22px; margin:4px 0 30px 0;}
  .d15-1 .text h2 {font-size:44px;}
  .d15-1 .img {width:70%; margin:50px auto 0;}
  .d15-1 .img img {display:block;}
  /**/
  .d15-2 {padding:0 0 150px;}
  .d15-2 h2 {font-size:54px; text-align:center; margin-bottom:40px;}
  .d15-2 .img {float:left; width:49%; padding:0 5% 0 10%;}
  .d15-2 .img img {display:block;}
  .d15-2 .text {float:left; width:50%;}
  .d15-2 .text p {font-size:28px; margin-top:60px; padding-right:20%;}
  .d15-2 .text ul {margin-top:80px;}
  .d15-2 .text ul li {width:100%; margin-bottom:50px; overflow:hidden;}
  .d15-2 .text ul li span {display:block; float:left;  width:80px; height:80px; border-radius:100%; border:1px solid #e0e0e0;}
  .d15-2 .text ul li .s1 {background:url("../images/p15/002-1.jpg") no-repeat scroll center center / 80% auto;}
  .d15-2 .text ul li .s2 {background:url("../images/p15/002-2.jpg") no-repeat scroll center center / 80% auto;}
  .d15-2 .text ul li .s3 {background:url("../images/p15/002-3.jpg") no-repeat scroll center center / 80% auto;}
  .d15-2 .text ul li .s4 {background:url("../images/p15/002-4.jpg") no-repeat scroll center center / 80% auto;}
  .d15-2 .text ul li p {font-size:18px; float:left; margin:20px 0 0 20px;}
  /**/
  .d15-3 {padding:0 0 150px;}
  .d15-3 .text {text-align:center;}
  .d15-3 .text h2 {font-size:54px; margin-bottom:40px;}
  .d15-3 .text .intro {font-size:28px; padding:0 20%;}
  .d15-3 .text ul {margin-top:80px; padding:0 10%;}
  .d15-3 .text ul li {width:100%; margin-bottom:80px; overflow:hidden;}
  .d15-3 .text ul li p {font-size:22px; margin-bottom:40px; font-weight:500;}
  .d15-3 .text ul li .nj {position:relative;}
  .d15-3 .text ul li .nj .arrow {display:block; width:30px; height:30px; position:absolute; left:50%; top:50%; margin-left:-15px; margin-top:-15px; background:url("../images/p15/arrow.svg") no-repeat scroll center center / 100% auto;;}
  .d15-3 .text ul li img {display:block;}
  /**/
  .d15-4 {padding:0 0 150px;}
  .d15-4 .text {text-align:center;}
  .d15-4 .text h2 {font-size:54px; margin-bottom:40px;}
  .d15-4 .text p {font-size:28px; padding:0 20%;}
  .d15-4 .text .icons { display:none; margin:40px 0 20px 0; padding:0 30%; overflow:hidden;}
  .d15-4 .text .icons li {float:left; width:33.333333%; text-align:center;}
  .d15-4 .text .icons li span {display:block; margin:0 auto 10px; width:100px; height:100px; border-radius:100%; border:1px solid #e0e0e0;}
  .d15-4 .text .icons li .n1 {background:url("../images/p15/004-2.jpg") no-repeat scroll center center / 80% auto;}
  .d15-4 .text .icons li .n2 {background:url("../images/p15/004-3.jpg") no-repeat scroll center center / 80% auto;}
  .d15-4 .text .icons li .n3 {background:url("../images/p15/004-4.jpg") no-repeat scroll center center / 80% auto;}
  .d15-4 .img { margin:60px 0 30px 0; padding:0 25%;}
  .d15-4 .img img {display:block;}
  .d15-4 .tb {}
  .d15-4 .tb .op {position:relative; margin:80px auto 0; padding-right:8%; width:60%; overflow:hidden;}
  .d15-4 .tb .op .nt {padding-left:20%; position:relative; overflow:hidden;}
  .d15-4 .tb .op .nt li {float:left; margin-bottom:30px;  width:16.666666%; color:#009ea7;}
  .d15-4 .tb .op .nt li:last-child {position:absolute; right:0; bottom:8px; margin:0; width:auto; font-size:12px; color:#8d8d8d;}
  .d15-4 .tb .op .nl {float:left; width:15%; margin-top:25px; overflow:hidden;}
  .d15-4 .tb .op .nl li {margin-bottom:28px; font-size:16px; text-align:right;}
  .d15-4 .tb .op img {float:left; width:85%; margin-bottom:20px; padding-left:5%;}
  .d15-4 .tb .op .notes {color:#b2b2b2; text-align:center; padding-left:13%; overflow:hidden;}
  /**/
  .d15-5 {padding:0 0 150px;}
  .d15-5 .text {text-align:center;}
  .d15-5 .text h2 {font-size:54px; margin-bottom:40px;}
  .d15-5 .text p {font-size:28px; padding:0 15%;}
  .d15-5 .img { margin-top:40px; padding:0 20%;}
  .d15-5 .img img {display:block;}
  .d15-5 .img ul {margin:80px auto 0; padding:0 0 0 20%;}
  .d15-5 .img ul li {width:100%; margin-bottom:30px; overflow:hidden;}
  .d15-5 .img ul li span {display:block; float:left;  width:50px; height:50px; border-radius:100%; border:1px solid #e0e0e0;}
  .d15-5 .img ul li .s1 {background:url("../images/p15/005-1.jpg") no-repeat scroll center center / 80% auto;}
  .d15-5 .img ul li .s2 {background:url("../images/p15/005-2.jpg") no-repeat scroll center center / 80% auto;}
  .d15-5 .img ul li .s3 {background:url("../images/p15/005-3.jpg") no-repeat scroll center center / 80% auto;}
  .d15-5 .img ul li .s4 {background:url("../images/p15/005-4.jpg") no-repeat scroll center center / 80% auto;}
  .d15-5 .img ul li .s5 {background:url("../images/p15/005-5.jpg") no-repeat scroll center center / 80% auto;}
  .d15-5 .img ul li p {font-size:18px; margin:10px 0 0 80px;}




/***** ENL-500 *****/
.sel-product-detail-16 {}
.sel-product-detail-16 .p-detail {margin-top:90px;}
  /**/
  .d16-1 {}
  .d16-1 .row {max-width:1200px;padding:250px 0; background:url("../images/p16/001-bg.jpg") no-repeat scroll -8px center / 100% auto;}
  .d16-1 .text {text-align:center;}
  .d16-1 .text h1 {font-size:100px;}
  .d16-1 .text p {font-size:44px;}
  /**/
  .d16-2 {padding:100px 0; background:#000000 url("../images/p16/002-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
  .d16-2 .text {text-align:center; color:#ffffff;}
  .d16-2 .text ul {overflow:hidden;}
  .d16-2 .text ul li {float:left; width:50%; padding:6% 4%;}
  .d16-2 .text ul li h2 {font-size:44px; margin-bottom:20px;}
  .d16-2 .text ul li p {font-size:22px;}
  /**/
  .d16-3 {padding:100px 0;}
  .d16-3 .img {margin-bottom:80px;}
  .d16-3 .img ul { padding:0 18.85%; overflow:hidden;}
  .d16-3 .img ul li {float:left; width:50%; padding:0 2%;}
  .d16-3 .img img {display:block; margin:auto;}
  .d16-3 .text {padding:0 20%;}
  .d16-3 .text ul {border-top:1px solid #f2f2f2;}
  .d16-3 .text ul li { border-bottom:1px solid #f2f2f2; font-size:16px; overflow:hidden;}
  .d16-3 .text ul li .fl {float:left; width:50%; padding:15px 60px; text-align:right; font-weight:bold; border-right:1px solid #f2f2f2;}
  .d16-3 .text ul li .fr {float:right; width:50%; padding:15px 60px; text-align:left;}


/***** P25 *****/
.sel-product-detail-17 {}
.sel-product-detail-17 .p-detail {margin-top:90px;}
    /**/
    .d17-1 {position:relative; padding:400px 0; background:#f2f2f2 url("../images/p17/001.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
    .d17-1::before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000000; opacity:0.1;}
    .d17-1 .text {position:relative; color:#ffffff;}
    .d17-1 h1 { font-size:72px;}
    .d17-1 p { font-size:32px; margin-top:5px;}
    /**/
    .d17-2 {padding:40px 0 0; background:#000000; overflow:hidden;}
    .d17-2 .row {position:relative;}
    .d17-2 .text { float:left; width:40%; color:#ffffff; position: absolute; z-index:3; top:50%; left:0; -moz-transform:translate(20px, -50%); -ms-transform:translate(20px, -50%); -webkit-transform:translate(20px, -50%); transform:translate(20px, -50%);}
    .d17-2 .text p {font-size:28px;}
    .d17-2 .img {float:right; width:50%; transition:all 2s ease-out 0s; -moz-transform:translateY(0); -ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0);}
    .d17-2 .img img {}
    .d17-2 .moveT { -moz-transform:translateY(100px); -ms-transform:translateY(100px); -webkit-transform:translateY(100px); transform:translateY(100px);}
    /**/
    .d17-3 {padding:150px 0; background:#f2f2f2;}
    .d17-3 .text {}
    .d17-3 .text ul {}
    .d17-3 .text ul li { margin:0; overflow:hidden;}
    .d17-3 .text ul li img {float:left; display:block; width:50%; height:auto; margin:auto;}
    .d17-3 .text ul li .w {float:right; width:50%; padding:0 0 0 80px;}
    .d17-3 .text ul li .w h4 {margin:0 0 20px; font-size:44px;}
    .d17-3 .text ul li .w p {font-size:18px;}
    .d17-3 .text ul li:nth-child(2) {margin:0;}
    .d17-3 .text ul li:nth-child(2) img {float:right;}
    .d17-3 .text ul li:nth-child(2) .w {float:left; padding:0 80px 0 0;}
    /**/
    .d17-4 {padding:150px 0 0;}
    .d17-4 .row {} 
    .d17-4 .text {text-align:center;}
    .d17-4 .text h2 {font-size:56px;}
    .d17-4 .text .intro { margin:auto; padding:60px 0 40px; font-size:22px; width:40%;}
    .d17-4 .img ul {overflow:hidden;}
    .d17-4 .img ul li {float:left; width:50%; padding-right:20px; text-align:center;}
    .d17-4 .img ul li img {width:100%;}
    .d17-4 .img ul li h4 { padding:20px 0 0; font-size:22px;}
    /**/
    .d17-5 {padding:150px 0 0;}
    .d17-5 .text {text-align:center;}
    .d17-5 .text h2 {font-size:56px;}
    .d17-5 .text .intro { margin:auto; padding:60px 0 40px; font-size:22px; width:60%;}
    .d17-5 .img ul {overflow:hidden;}
    .d17-5 .img ul li {float:left; width:33.333333%; padding-right:20px; text-align:center;}
    .d17-5 .img ul li img {width:100%; border:1px solid #000000;}
    .d17-5 .img ul li h4 { padding:20px 0 0; font-size:22px;}
    /**/
    .d17-6 {padding:150px 0 0;}
    .d17-6 .text {}
    .d17-6 .text .img {}
    .d17-6 .text .img ul { padding:80px 0; overflow:hidden;}
    .d17-6 .text .img li {float:left; width:50%; padding-right:20px;}
    .d17-6 .text .img li h2 {font-size:22px;}
    .d17-6 .text .img li img {width:100%; margin:20px 0;}
    .d17-6 .text .img li p {font-size:18px;}
    .d17-6 .text .img:nth-child(1) , .d17-6 .text .img:nth-child(3) {background:#f2f2f2;}
    /**/
    .d17-7 {position:relative; padding:150px 0; background:#f2f2f2 url("../images/p17/007-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; background-attachment:fixed;}
    .d17-7 .row {position:relative;}
    .d17-7::before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000000; opacity:0.4;}
    .d17-7 .text { float:left; text-align:center; width:50%; position: absolute; z-index:3; top:50%; left:0; -moz-transform:translate(20px, -50%); -ms-transform:translate(20px, -50%); -webkit-transform:translate(20px, -50%); transform:translate(20px, -50%);}
    .d17-7 .text h2 {font-size:56px; color:#ffffff;}
    .d17-7 .img {float:right; width:50%; position:relative;}
    .d17-7 .img ul {}
    .d17-7 .img ul li {float:left; width:33.333333%; padding:0 20px 60px 0; text-align:center;}
    .d17-7 .img ul li img {}
    .d17-7 .img ul li h4 {font-size:16px; font-weight:normal; padding:20px 0 0 0; color:#fff;}
    .d17-7 .img ul li:nth-child(4),
    .d17-7 .img ul li:nth-child(5),
    .d17-7 .img ul li:nth-child(6) {padding-bottom:0;}
    /**/
    .d17-8 { padding:100px 0; background:#000000;}
    .d17-8 h2 {font-size:44px; color:#ffffff; text-align:center;}




/***** P15 *****/
.sel-product-detail-18 {}
.sel-product-detail-18 .p-detail {margin-top:90px;}
    /**/
    .d18-1 {position:relative; padding:400px 0; background:#f2f2f2 url("../images/p18/001.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
    .d18-1::before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000000; opacity:0.1;}
    .d18-1 .text {position:relative; text-align:center; color:#ffffff;}
    .d18-1 h1 { font-size:72px; line-height:1;}
    .d18-1 p { font-size:32px; margin-top:5px;}
    /**/
    .d18-2 {padding:40px 0 0; background:#000000; overflow:hidden;}
    .d18-2 .row {position:relative;}
    .d18-2 .text { float:left; width:40%; color:#ffffff; position: absolute; z-index:3; top:50%; left:0; -moz-transform:translate(20px, -50%); -ms-transform:translate(20px, -50%); -webkit-transform:translate(20px, -50%); transform:translate(20px, -50%);}
    .d18-2 .text p {font-size:28px;}
    .d18-2 .img {float:right; width:50%; transition:all 2s ease-out 0s; -moz-transform:translateY(0); -ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0);}
    .d18-2 .img img {}
    .d18-2 .moveT { -moz-transform:translateY(100px); -ms-transform:translateY(100px); -webkit-transform:translateY(100px); transform:translateY(100px);}
    /**/
    .d18-3 {padding:150px 0; background:#f2f2f2;}
    .d18-3 .text {}
    .d18-3 .text ul {}
    .d18-3 .text ul li {overflow:hidden;}
    .d18-3 .text ul li img {float:left; display:block; width:50%; height:auto; margin:auto;}
    .d18-3 .text ul li .w {float:right; width:50%; padding:0 0 0 80px;}
    .d18-3 .text ul li .w h4 {margin:0 0 20px; font-size:44px;}
    .d18-3 .text ul li .w p {font-size:18px;}
    .d18-3 .text ul li:nth-child(2) {margin:0;}
    .d18-3 .text ul li:nth-child(2) img {float:right;}
    .d18-3 .text ul li:nth-child(2) .w {float:left; padding:0 80px 0 0;}
    /**/
    .d18-4 {padding:150px 0 0;}
    .d18-4 .row {} 
    .d18-4 .text {text-align:center;}
    .d18-4 .text h2 {font-size:56px;}
    .d18-4 .text .intro { margin:auto; padding:60px 0 40px; font-size:22px; width:40%;}
    .d18-4 .img ul {overflow:hidden;}
    .d18-4 .img ul li {float:left; width:50%; padding-right:20px; text-align:center;}
    .d18-4 .img ul li img {width:100%;}
    .d18-4 .img ul li h4 { padding:20px 0 0; font-size:22px;}
    /**/
    .d18-5 {padding:150px 0 0;}
    .d18-5 .text {text-align:center;}
    .d18-5 .text h2 {font-size:56px;}
    .d18-5 .text .intro { margin:auto; padding:60px 0 40px; font-size:22px; width:60%;}
    .d18-5 .img ul {overflow:hidden;}
    .d18-5 .img ul li {float:left; width:33.333333%; padding-right:20px; text-align:center;}
    .d18-5 .img ul li img {width:100%; border:1px solid #000000;}
    .d18-5 .img ul li h4 { padding:20px 0 0; font-size:22px;}
    /**/
    .d18-6 {padding:150px 0 0;}
    .d18-6 .text {}
    .d18-6 .text .img {}
    .d18-6 .text .img ul { padding:80px 0; overflow:hidden;}
    .d18-6 .text .img li {float:left; width:50%; padding-right:20px;}
    .d18-6 .text .img li h2 {font-size:22px;}
    .d18-6 .text .img li img {width:100%; margin:20px 0;}
    .d18-6 .text .img li p {font-size:18px;}
    .d18-6 .text .img:nth-child(1) , .d17-6 .text .img:nth-child(3) {background:#f2f2f2;}
    /**/
    .d18-7 {padding:150px 0;}
    .d18-7 .fl { float:left; width:50%;}
    .d18-7 .fl img {}
    .d18-7 .fr {float:right; width:50%;}
    .d18-7 .fr h2 {font-size:56px;}
    .d18-7 .fr ul {margin-top:100px;}
    .d18-7 .fr ul li {float:left; width:33.333333%; padding:0 20px 60px 0; text-align:center;}
    .d18-7 .fr ul li img {}
    .d18-7 .fr ul li h4 {font-size:16px; font-weight:normal; padding:20px 0 0 0;}
    .d18-7 .fr ul li:nth-child(7) {padding-bottom:0;}
    /**/
    .d18-8 { padding:100px 0; background:#000000;}
    .d18-8 h2 {font-size:44px; color:#ffffff; text-align:center;}


/***** P20 *****/
.sel-product-detail-19 {}
.sel-product-detail-19 .p-detail {margin-top:90px;}
    /**/
    .d19-1 {position:relative; padding:400px 0; background:#f2f2f2 url("../images/p19/001.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
    .d19-1::before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000000; opacity:0.1;}
    .d19-1 .text {position:relative; text-align:center; color:#ffffff;}
    .d19-1 h1 { font-size:72px;}
    .d19-1 p { font-size:32px; margin-top:5px;}
    /**/
    .d19-2 {padding:40px 0 0; background:#000000; overflow:hidden;}
    .d19-2 .row {position:relative;}
    .d19-2 .text { float:left; width:40%; color:#ffffff; position: absolute; z-index:3; top:50%; left:0; -moz-transform:translate(20px, -50%); -ms-transform:translate(20px, -50%); -webkit-transform:translate(20px, -50%); transform:translate(20px, -50%);}
    .d19-2 .text p {font-size:28px;}
    .d19-2 .img {float:right; width:50%; transition:all 2s ease-out 0s; -moz-transform:translateY(0); -ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0);}
    .d19-2 .img img {}
    .d19-2 .moveT { -moz-transform:translateY(100px); -ms-transform:translateY(100px); -webkit-transform:translateY(100px); transform:translateY(100px);}
    /**/
    .d19-3 {padding:150px 0; background:#f2f2f2;}
    .d19-3 .text {}
    .d19-3 .text ul {}
    .d19-3 .text ul li { margin:0; overflow:hidden;}
    .d19-3 .text ul li img {float:left; display:block; width:50%; height:auto; margin:auto;}
    .d19-3 .text ul li .w {float:right; width:50%; padding:0 0 0 80px;}
    .d19-3 .text ul li .w h4 {margin:0 0 20px; font-size:44px;}
    .d19-3 .text ul li .w p {font-size:18px;}
    .d19-3 .text ul li:nth-child(2) {margin:0;}
    .d19-3 .text ul li:nth-child(2) img {float:right;}
    .d19-3 .text ul li:nth-child(2) .w {float:left; padding:0 80px 0 0;}
    /**/
    .d19-4 {padding:150px 0 0;}
    .d19-4 .row {} 
    .d19-4 .text {text-align:center;}
    .d19-4 .text h2 {font-size:56px;}
    .d19-4 .text .intro { margin:auto; padding:60px 0 40px; font-size:22px; width:40%;}
    .d19-4 .img ul {overflow:hidden;}
    .d19-4 .img ul li {float:left; width:50%; padding-right:20px; text-align:center;}
    .d19-4 .img ul li img {width:100%;}
    .d19-4 .img ul li h4 { padding:20px 0 0; font-size:22px;}
    /**/
    .d19-5 {padding:150px 0 0;}
    .d19-5 .text {text-align:center;}
    .d19-5 .text h2 {font-size:56px;}
    .d19-5 .text .intro { margin:auto; padding:60px 0 40px; font-size:22px; width:60%;}
    .d19-5 .img ul {overflow:hidden;}
    .d19-5 .img ul li {float:left; width:33.333333%; padding-right:20px; text-align:center;}
    .d19-5 .img ul li img {width:100%; border:1px solid #000000;}
    .d19-5 .img ul li h4 { padding:20px 0 0; font-size:22px;}
    /**/
    .d19-6 {padding:150px 0 0;}
    .d19-6 .text {}
    .d19-6 .text h2 {font-size:56px; text-align:center; margin-top:100px;}
    .d19-6 .text .img {}
    .d19-6 .text .img ul { padding:80px 0; overflow:hidden;}
    .d19-6 .text .img li {float:left; width:50%; padding-right:20px;}
    .d19-6 .text .img li h3 {font-size:22px;}
    .d19-6 .text .img li img {width:100%; margin:20px 0;}
    .d19-6 .text .img li p {font-size:18px;}
    .d19-6 .text .img:nth-child(1) , .d19-6 .text .img:nth-child(3) {background:#f2f2f2;}
    /**/
    .d19-7 { background:#f2f2f2;}
    .d19-7 .img { float:left; width:50%;}
    .d19-7 .img img {}
    .d19-7 .text {float:right; width:50%; padding:150px 0 0 60px;}
    .d19-7 .text h2 {font-size:56px; margin-bottom:60px;}
    .d19-7 .text ul {}
    .d19-7 .text ul li {float:left; width:50%; margin-bottom:60px; padding:0 40px 0 0;}
    .d19-7 .text ul li h4 {font-size:22px; margin-bottom:5px;}
    .d19-7 .text ul li p {font-size:18px;}
    /**/
    .d19-8 { padding:100px 0; background:#000000;}
    .d19-8 h2 {font-size:44px; color:#ffffff; text-align:center;}




/***** SC9600CRP *****/
.sel-product-detail-20 {overflow:hidden;}
.sel-product-detail-20 .p-detail {margin-top:90px;}
    /**/
    .d20-1 {position:relative; /*表达式：100%高度  height:calc(100vh - 90px); */ padding:150px 0; background:#ffffff url("../images/p20/001-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; overflow:hidden;}
    .d20-1::before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#ffffff; opacity:0.2;}
    .d20-1 .ti { position:relative; z-index:1; /*水平垂直居中:; position: absolute; z-index:3; top:50%; left:50%; -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); */ transition:all 2s ease-out 0s; -moz-transform:translateY(0); -ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0);}
    .d20-1 .ti img {display:block; margin:auto;}
    .d20-1 .ti img:nth-child(1) {margin-bottom:20px;}
    .d20-1 .moveT { -moz-transform:translateY(100px); -ms-transform:translateY(100px); -webkit-transform:translateY(100px); transform:translateY(100px);}
    .d20-1 .text { text-align:center;}
    .d20-1 p { font-size:28px; margin-bottom:20px;}
    .d20-1 h1 { font-size:56px; line-height:1;}
    .d20-1 .img { width:50%; margin:80px auto 0;}
    .dbg {
      /*
      width: 100vw;
      height: 100vh;
      background: #3E1E68;
      */
    }
    .dbg span {
      width: 30vmin;
      height: 30vmin;
      border-radius: 20vmin;
      backface-visibility: hidden;
      position: absolute;
      animation-name: move;
      animation-duration: 6s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
    }
    .dbg span:nth-child(1) {
      color: #ffffff;
      top: 44%;
      left: 97%;
      animation-duration: 15s;
      animation-delay: -13.8s;
      transform-origin: 11vw -22vh;
      box-shadow: 40vmin 0 10.12735945vmin currentColor;
    }
    .dbg span:nth-child(2) {
      color: #ffffff;
      top: 93%;
      left: 8%;
      animation-duration: 13.8s;
      animation-delay: -10.9s;
      transform-origin: 10vw 23vh;
      box-shadow: 40vmin 0 12.7346672971vmin currentColor;
    }
    .dbg span:nth-child(3) {
      color: #ffffff;
      top: 14%;
      left: 41%;
      animation-duration: 15.9s;
      animation-delay: -6.7s;
      transform-origin: -9vw -24vh;
      box-shadow: -40vmin 0 11.4923952406vmin currentColor;
    }
    .dbg span:nth-child(4) {
      color: #ffffff;
      top: 52%;
      left: 75%;
      animation-duration: 14.3s;
      animation-delay: -12.6s;
      transform-origin: 16vw 25vh;
      box-shadow: 40vmin 0 13.3657534039vmin currentColor;
    }
    .dbg span:nth-child(5) {
      color: #ffffff;
      top: 7%;
      left: 5%;
      animation-duration: 15.9s;
      animation-delay: -10s;
      transform-origin: 8vw 3vh;
      box-shadow: -40vmin 0 13.3942178273vmin currentColor;
    }
    .dbg span:nth-child(6) {
      color: #ffffff;
      top: 35%;
      left: 1%;
      animation-duration: 11.6s;
      animation-delay: -6s;
      transform-origin: 0vw 17vh;
      box-shadow: -40vmin 0 7.6304875279vmin currentColor;
    }
    .dbg span:nth-child(7) {
      color: #ffffff;
      top: 42%;
      left: 84%;
      animation-duration: 11s;
      animation-delay: -6.9s;
      transform-origin: 11vw -8vh;
      box-shadow: 40vmin 0 13.6665321499vmin currentColor;
    }
    .dbg span:nth-child(8) {
      color: #ffffff;
      top: 53%;
      left: 95%;
      animation-duration: 15s;
      animation-delay: -10.9s;
      transform-origin: 25vw 15vh;
      box-shadow: 40vmin 0 13.2849881717vmin currentColor;
    }
    .dbg span:nth-child(9) {
      color: #ffffff;
      top: 75%;
      left: 67%;
      animation-duration: 11.7s;
      animation-delay: -13.9s;
      transform-origin: -11vw -3vh;
      box-shadow: 40vmin 0 7.2158804055vmin currentColor;
    }
    .dbg span:nth-child(10) {
      color: #ffffff;
      top: 59%;
      left: 51%;
      animation-duration: 12.1s;
      animation-delay: -11.7s;
      transform-origin: -5vw -7vh;
      box-shadow: -40vmin 0 7.4269772253vmin currentColor;
    }
    .dbg span:nth-child(11) {
      color: #ffffff;
      top: 80%;
      left: 91%;
      animation-duration: 13.4s;
      animation-delay: -5.9s;
      transform-origin: 7vw -19vh;
      box-shadow: 40vmin 0 11.2741559637vmin currentColor;
    }
    .dbg span:nth-child(12) {
      color: #ffffff;
      top: 68%;
      left: 97%;
      animation-duration: 15.8s;
      animation-delay: -8.2s;
      transform-origin: 24vw 3vh;
      box-shadow: 40vmin 0 11.2552482722vmin currentColor;
    }
    .dbg span:nth-child(13) {
      color: #ffffff;
      top: 69%;
      left: 46%;
      animation-duration: 10.4s;
      animation-delay: -11.5s;
      transform-origin: 13vw 24vh;
      box-shadow: -40vmin 0 6.2939412125vmin currentColor;
    }
    .dbg span:nth-child(14) {
      color: #ffffff;
      top: 98%;
      left: 63%;
      animation-duration: 14.2s;
      animation-delay: -3s;
      transform-origin: -13vw -15vh;
      box-shadow: -40vmin 0 10.5039271244vmin currentColor;
    }
    .dbg span:nth-child(15) {
      color: #ffffff;
      top: 12%;
      left: 20%;
      animation-duration: 14s;
      animation-delay: -6.8s;
      transform-origin: 7vw 20vh;
      box-shadow: 40vmin 0 10.924056322vmin currentColor;
    }
    .dbg span:nth-child(16) {
      color: #ffffff;
      top: 29%;
      left: 20%;
      animation-duration: 11s;
      animation-delay: -14.4s;
      transform-origin: -20vw 4vh;
      box-shadow: -40vmin 0 13.3859956789vmin currentColor;
    }
    .dbg span:nth-child(17) {
      color: #ffffff;
      top: 88%;
      left: 87%;
      animation-duration: 10.7s;
      animation-delay: -3.7s;
      transform-origin: -11vw 12vh;
      box-shadow: 40vmin 0 14.8726292689vmin currentColor;
    }
    .dbg span:nth-child(18) {
      color: #ffffff;
      top: 57%;
      left: 35%;
      animation-duration: 10.1s;
      animation-delay: -13.6s;
      transform-origin: -19vw -1vh;
      box-shadow: 40vmin 0 8.5771411832vmin currentColor;
    }
    .dbg span:nth-child(19) {
      color: #ffffff;
      top: 11%;
      left: 37%;
      animation-duration: 11.5s;
      animation-delay: -10.1s;
      transform-origin: -20vw 22vh;
      box-shadow: 40vmin 0 8.1729042124vmin currentColor;
    }
    .dbg span:nth-child(20) {
      color: #ffffff;
      top: 53%;
      left: 60%;
      animation-duration: 12.3s;
      animation-delay: -11.3s;
      transform-origin: 10vw -1vh;
      box-shadow: 40vmin 0 13.5347652223vmin currentColor;
    }
    @keyframes move {
      100% {
        transform: translate3d(0, 0, 1px) rotate(360deg);
      }
    }
    /**/
    .d20-2 { position:relative; width:100%; padding:150px 0; background:#000000 url("../images/p20/003-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; background-attachment:fixed;}
    .d20-2:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(214,214,215,0.8);}
    .d20-2 .text {text-align:center; position:relative;}
    .d20-2 .text p {font-size:32px;}
    .d20-2 .text ul {margin-top:50px;}
    .d20-2 .text ul li { float:left; width:33.333333%; font-size:52px; font-weight:600; position:relative;}
    .d20-2 .text ul li .line {width:50%; margin:auto;}
    .d20-2 .text ul li .line .move {
      width:0; height:10px; background:#00c7c0; margin:20px 0 0;
      animation:linemove 0.6s cubic-bezier(0.8, 0.2, 0, 1) 1 alternate forwards;
      animation-delay:0.6s;
    }

    @keyframes linemove {
      100% {
        width:100%;
      }
    }
    .d20-2 .text ul li em {font-style:normal;}
    .d20-2 .text ul li span {}
    /**/
    .d20-4 {padding:150px 0;}
    .d20-4 .text {text-align:center;}
    .d20-4 .text h2 {font-size:52px;}
    .d20-4 .text .intro {font-size:18px; margin:60px 0;}
    .d20-4 .text .op {font-size:18px;}
    .d20-4 .text ul { margin-top:40px; display:-webkit-flex; display:flex; flex-direction:row; flex-wrap:wrap;}
    .d20-4 .text ul li {flex:0 0 16.666666%;  display:-webkit-flex; display:flex; flex-direction:row; flex-wrap:wrap;}
    .d20-4 .text ul li .inner {padding:80px 40px;}
    .d20-4 .text ul li:nth-child(1) .inner , .d20-4 .text ul li:nth-child(3) .inner , .d20-4 .text ul li:nth-child(5) .inner {background:#f2f2f2;}
    .d20-4 .text ul li h4 {font-size:18px; height:20%;}
    .d20-4 .text ul li p {font-size:16px; height:40%; margin-top:40px;}
    .d20-4 .text ul li p:nth-child(3) {margin:0;}
    /**/
    .d20-5 {padding:150px 0 0; position:relative;}
    .d20-5 .cbox { position:absolute; z-index:-2; width:100%; height:100%; transition:all 2s ease-out 0s; top:0;}
    .d20-5 .cell-1 {left:0; top:30%; width:300px; height:300px; background:url("../images/p20/cell-1.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
    .d20-5 .cell-2 {right:0; top:-20%; width:500px; height:500px; background:url("../images/p20/cell-2.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
    .d20-5 .cell-3 {right:0; top:120%; width:200px; height:200px; background:url("../images/p20/cell-3.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
    .d20-5 .cell-4 {right:0; top:160%; width:600px; height:600px; background:url("../images/p20/cell-4.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
    .d20-5 .cell-5 {right:20%; top:260%; width:200px; height:200px; background:url("../images/p20/cell-5.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
    .d20-5 .cell {
      border-radius: 20vmin;
      animation-name: cellsports;
      animation-duration: 30s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      position:absolute; z-index:-1; 
    }
     @keyframes cellsports {
      100% {
        transform: translate3d(0, 0, 1px) rotate(360deg);
      }
    }
    .d20-5 .moveT { transition:all 2s ease-out 0s; top:30%;}
    .d20-5 .text {text-align:center;}
    .d20-5 .text .s {font-size:52px; font-weight:600;}
    .d20-5 .text .s .stitle {}
    .d20-5 .text img {}
    .d20-5 .text .intro {font-size:18px;}
    .d20-5 .text .img {width:60%; margin:auto; position:relative;}
    .d20-5 .text .img span {position:absolute; z-index:9;}
    .d20-5 .text .img span.note-1 {left:-6%; top:28%; text-align:left;}
    .d20-5 .text .img span.note-2 {right:0%; top:19%;}
    .d20-5 .text .img span.note-3 {right:-6%; top:45%;}
    .d20-5 .text .img span.note-4 {right:-11%; top:76%;}
    .d20-5 .text .img span.note-5 {left:40%; top:80%;}



    .d20-5 .text .img img.circle {position:absolute; width:5%;}
    /**/
    .d20-5 .text .img img.circle1 {animation:shinemove2051 1s cubic-bezier(0.1, 0, 0, 0.6) infinite normal forwards; animation-delay:0.2s;}
    @keyframes shinemove2051
    { 
      0% {
        opacity:0;
        left:15%;
        top:27%;
      }
      50% {
        opacity:1;
        left:25%;
        top:35%;
      }
      100% {
        opacity:0;
        left:40%;
        top:46%;
      }
    }
    /**/
    .d20-5 .text .img img.circle2 {animation:shinemove2052 1s cubic-bezier(0.1, 0, 0, 0.6) infinite normal forwards;}
    @keyframes shinemove2052
    { 
      0% {
        left:51%;
        top:42%;
      }
      100% {
        left:69%;
        top:23%;
      }
    }
    /**/
    .d20-5 .text .img img.circle3 {animation:shinemove2053 1s cubic-bezier(0.1, 0, 0, 0.6) infinite normal forwards;}
    @keyframes shinemove2053
    { 
      0% {
        left:48%;
        top:49%;
      }
      100% {
        left:71%;
        top:44%;
      }
    }



    /**/
    .d20-5 .text .img img.circle4 { width:20%; animation:shinemove2054 1s cubic-bezier(0.1, 0, 0, 0.6) infinite normal forwards;}
    @keyframes shinemove2054
    { 
      0% {
        left:50%;
        top:51%;
      }
      100% {
        left:60%;
        top:60%;
      }
    }



    /**/
    .d20-6 {padding:200px 0 100px;}
    .d20-6 ul {}
    .d20-6 ul li { margin-bottom:40px; overflow:hidden;}
    .d20-6 ul li img {float:left; width:30%; border-radius:4px;}
    .d20-6 ul li .r {float:left; width:70%; padding-left:40px;}
    .d20-6 ul li .r h2 {margin-bottom:20px; font-size:22px;}
    .d20-6 ul li .r p {font-size:18px;}




/***** SC5280CRP *****/
.sel-product-detail-21 {overflow:hidden;}
.sel-product-detail-21 .p-detail {margin-top:90px;}
    /**/
    .d21-1 {position:relative; height:calc(100vh - 90px); background:#ffffff url("../images/p21/001-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; overflow:hidden;}
    .d21-1::before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#ffffff; opacity:0.2;}
    .d21-1 .ti { z-index:3; max-width:1200px; width:100%; height:calc(100vh - 90px); position:relative;}
    /**/
    .d21-1 .ti .text { float:left; width:40%; height:100%; color:#333333; text-align:center;}
    .d21-1 .ti .text .inner {position: absolute; z-index:3; top:50%; left:0; -moz-transform:translate(0, -50%); -ms-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); transform:translate(0, -50%);}
    /**/
    .d21-1 .ti .img { float:right; width:60%; height:100%; position:relative;}
    .d21-1 .ti .img .inner {position: absolute; z-index:3; top:50%; left:50%; width:auto; height:auto; -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
    .d21-1 .ti .img img {display:block; margin:auto; width:auto; height:auto;}
    .d21-1 p { font-size:28px; margin-bottom:20px; line-height:1.6;}
    .d21-1 h1 { font-size:56px; line-height:1; margin-bottom:20px;}
    
    .dbg {
      /*
      width: 100vw;
      height: 100vh;
      background: #3E1E68;
      */
    }
    .dbg span {
      width: 30vmin;
      height: 30vmin;
      border-radius: 20vmin;
      backface-visibility: hidden;
      position: absolute;
      animation-name: move;
      animation-duration: 6s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
    }
    .dbg span:nth-child(1) {
      color: #ffffff;
      top: 44%;
      left: 97%;
      animation-duration: 15s;
      animation-delay: -13.8s;
      transform-origin: 11vw -22vh;
      box-shadow: 40vmin 0 10.12735945vmin currentColor;
    }
    .dbg span:nth-child(2) {
      color: #ffffff;
      top: 93%;
      left: 8%;
      animation-duration: 13.8s;
      animation-delay: -10.9s;
      transform-origin: 10vw 23vh;
      box-shadow: 40vmin 0 12.7346672971vmin currentColor;
    }
    .dbg span:nth-child(3) {
      color: #ffffff;
      top: 14%;
      left: 41%;
      animation-duration: 15.9s;
      animation-delay: -6.7s;
      transform-origin: -9vw -24vh;
      box-shadow: -40vmin 0 11.4923952406vmin currentColor;
    }
    .dbg span:nth-child(4) {
      color: #ffffff;
      top: 52%;
      left: 75%;
      animation-duration: 14.3s;
      animation-delay: -12.6s;
      transform-origin: 16vw 25vh;
      box-shadow: 40vmin 0 13.3657534039vmin currentColor;
    }
    .dbg span:nth-child(5) {
      color: #ffffff;
      top: 7%;
      left: 5%;
      animation-duration: 15.9s;
      animation-delay: -10s;
      transform-origin: 8vw 3vh;
      box-shadow: -40vmin 0 13.3942178273vmin currentColor;
    }
    .dbg span:nth-child(6) {
      color: #ffffff;
      top: 35%;
      left: 1%;
      animation-duration: 11.6s;
      animation-delay: -6s;
      transform-origin: 0vw 17vh;
      box-shadow: -40vmin 0 7.6304875279vmin currentColor;
    }
    .dbg span:nth-child(7) {
      color: #ffffff;
      top: 42%;
      left: 84%;
      animation-duration: 11s;
      animation-delay: -6.9s;
      transform-origin: 11vw -8vh;
      box-shadow: 40vmin 0 13.6665321499vmin currentColor;
    }
    .dbg span:nth-child(8) {
      color: #ffffff;
      top: 53%;
      left: 95%;
      animation-duration: 15s;
      animation-delay: -10.9s;
      transform-origin: 25vw 15vh;
      box-shadow: 40vmin 0 13.2849881717vmin currentColor;
    }
    .dbg span:nth-child(9) {
      color: #ffffff;
      top: 75%;
      left: 67%;
      animation-duration: 11.7s;
      animation-delay: -13.9s;
      transform-origin: -11vw -3vh;
      box-shadow: 40vmin 0 7.2158804055vmin currentColor;
    }
    .dbg span:nth-child(10) {
      color: #ffffff;
      top: 59%;
      left: 51%;
      animation-duration: 12.1s;
      animation-delay: -11.7s;
      transform-origin: -5vw -7vh;
      box-shadow: -40vmin 0 7.4269772253vmin currentColor;
    }
    .dbg span:nth-child(11) {
      color: #ffffff;
      top: 80%;
      left: 91%;
      animation-duration: 13.4s;
      animation-delay: -5.9s;
      transform-origin: 7vw -19vh;
      box-shadow: 40vmin 0 11.2741559637vmin currentColor;
    }
    .dbg span:nth-child(12) {
      color: #ffffff;
      top: 68%;
      left: 97%;
      animation-duration: 15.8s;
      animation-delay: -8.2s;
      transform-origin: 24vw 3vh;
      box-shadow: 40vmin 0 11.2552482722vmin currentColor;
    }
    .dbg span:nth-child(13) {
      color: #ffffff;
      top: 69%;
      left: 46%;
      animation-duration: 10.4s;
      animation-delay: -11.5s;
      transform-origin: 13vw 24vh;
      box-shadow: -40vmin 0 6.2939412125vmin currentColor;
    }
    .dbg span:nth-child(14) {
      color: #ffffff;
      top: 98%;
      left: 63%;
      animation-duration: 14.2s;
      animation-delay: -3s;
      transform-origin: -13vw -15vh;
      box-shadow: -40vmin 0 10.5039271244vmin currentColor;
    }
    .dbg span:nth-child(15) {
      color: #ffffff;
      top: 12%;
      left: 20%;
      animation-duration: 14s;
      animation-delay: -6.8s;
      transform-origin: 7vw 20vh;
      box-shadow: 40vmin 0 10.924056322vmin currentColor;
    }
    .dbg span:nth-child(16) {
      color: #ffffff;
      top: 29%;
      left: 20%;
      animation-duration: 11s;
      animation-delay: -14.4s;
      transform-origin: -20vw 4vh;
      box-shadow: -40vmin 0 13.3859956789vmin currentColor;
    }
    .dbg span:nth-child(17) {
      color: #ffffff;
      top: 88%;
      left: 87%;
      animation-duration: 10.7s;
      animation-delay: -3.7s;
      transform-origin: -11vw 12vh;
      box-shadow: 40vmin 0 14.8726292689vmin currentColor;
    }
    .dbg span:nth-child(18) {
      color: #ffffff;
      top: 57%;
      left: 35%;
      animation-duration: 10.1s;
      animation-delay: -13.6s;
      transform-origin: -19vw -1vh;
      box-shadow: 40vmin 0 8.5771411832vmin currentColor;
    }
    .dbg span:nth-child(19) {
      color: #ffffff;
      top: 11%;
      left: 37%;
      animation-duration: 11.5s;
      animation-delay: -10.1s;
      transform-origin: -20vw 22vh;
      box-shadow: 40vmin 0 8.1729042124vmin currentColor;
    }
    .dbg span:nth-child(20) {
      color: #ffffff;
      top: 53%;
      left: 60%;
      animation-duration: 12.3s;
      animation-delay: -11.3s;
      transform-origin: 10vw -1vh;
      box-shadow: 40vmin 0 13.5347652223vmin currentColor;
    }
    @keyframes move {
      100% {
        transform: translate3d(0, 0, 1px) rotate(360deg);
      }
    }
    /**/
    .d21-2 { position:relative; width:100%; padding:150px 0; background:url("../images/p21/002-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; background-attachment:fixed;}
    .d21-2:before {content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(214,214,215,0.8);}
    .d21-2 .text {}
    .d21-2 .text p { margin-top:10px; font-size:18px; font-weight:normal; opacity:0.8;}
    .d21-2 .text ul {margin-top:50px; max-width:1200px; margin:auto;}
    .d21-2 .text ul li { float:left; width:25%; font-size:64px; font-weight:600; padding:50px 30px; position:relative;}
    .d21-2 .text ul li .line {width:50%; margin:0 0 20px;}
    .d21-2 .text ul li .line .move {
      width:0; height:10px; background:#00c7c0; margin:20px 0 0;
      animation:linemove456 0.6s cubic-bezier(0.8, 0.2, 0, 1) 1 alternate forwards;
      animation-delay:0.6s;
    }

    @keyframes linemove456 {
      100% {
        width:100%;
      }
    }
    .d21-2 .text ul li em {font-style:normal;}
    .d21-2 .text ul li span { padding-left:10px; font-size:22px;}
    /**/
    .d21-3 {padding:150px 0; position:relative;}
    .d21-3 .cbox { position:absolute; z-index:-2; width:100%; height:100%; transition:all 2s ease-out 0s; top:0;}
    .d21-3 .cell-1 {left:0; top:30%; width:300px; height:300px; background:url("../images/p20/cell-1.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
    .d21-3 .cell-2 {right:-10%; top:10%; width:500px; height:500px; background:url("../images/p20/cell-2.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
    .d21-3 .cell-3 {right:0; top:120%; width:200px; height:200px; background:url("../images/p20/cell-3.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
    .d21-3 .cell-4 {right:5%; top:170%; width:400px; height:400px; background:url("../images/p20/cell-4.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
    .d21-3 .cell-5 {right:20%; top:260%; width:200px; height:200px; background:url("../images/p20/cell-5.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
    .d21-3 .cell {
      border-radius: 20vmin;
      animation-name: cellsports;
      animation-duration: 30s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      position:absolute; z-index:-1; 
    }
     @keyframes cellsports {
      100% {
        transform: translate3d(0, 0, 1px) rotate(360deg);
      }
    }
    .d21-3 .moveT { transition:all 2s ease-out 0s; top:30%;}
    .d21-3 .text {text-align:center;}
    .d21-3 .text .s {font-size:52px; font-weight:600;}
    .d21-3 .text .s .stitle {}
    .d21-3 .text .img {width:60%; margin:auto; position:relative;}
    .d21-3 .text .img span {position:absolute; z-index:9;}
    .d21-3 .text .img span.note-1 {left:-6%; top:28%; text-align:left;}
    .d21-3 .text .img span.note-2 {left:40%; top:80%;}
    .d21-3 .text .img span.note-3 {right:-4%; top:42%;}
    .d21-3 .text .img span.note-4 {right:-11%; top:76%;}


    .d21-3 .text .img img.circle {position:absolute; width:5%;}
    /**/
    .d21-3 .text .img img.circle1 {animation:shinemove2131 1s cubic-bezier(0.1, 0, 0, 0.6) infinite normal forwards; animation-delay:0.2s;}
    @keyframes shinemove2131
    { 
      0% {
        opacity:0;
        left:15%;
        top:27%;
      }
      50% {
        opacity:1;
        left:25%;
        top:35%;
      }
      100% {
        opacity:0;
        left:40%;
        top:46%;
      }
    }
    /**/
    .d21-3 .text .img img.circle2 {animation:shinemove2132 1s cubic-bezier(0.1, 0, 0, 0.6) infinite normal forwards;}
    @keyframes shinemove2132
    { 
      0% {
        left:51%;
        top:42%;
      }
      100% {
        left:69%;
        top:23%;
      }
    }
    /**/
    .d21-3 .text .img img.circle3 {animation:shinemove2133 1s cubic-bezier(0.1, 0, 0, 0.6) infinite normal forwards;}
    @keyframes shinemove2133
    { 
      0% {
        left:48%;
        top:49%;
      }
      100% {
        left:71%;
        top:44%;
      }
    }

    /**/
    .d21-3 .text .img img.circle4 { width:20%; animation:shinemove2134 1s cubic-bezier(0.1, 0, 0, 0.6) infinite normal forwards;}
    @keyframes shinemove2134
    { 
      0% {
        left:50%;
        top:51%;
      }
      100% {
        left:60%;
        top:60%;
      }
    }


    .d21-3 .text .intro {font-size:18px; padding:0 10%;}
    /**/
    .d21-4 {padding:50px 0;}
    .d21-4 .text {text-align:center;}
    .d21-4 .text h2 {font-size:52px; margin-bottom:20px;}
    .d21-4 .text h3 {font-size:22px;}
    .d21-4 .text .intro {font-size:18px; margin:60px 0; padding:0 10%;}
    .d21-4 .text .op {font-size:18px;}
    .d21-4 .text ul { margin-top:40px; display:-webkit-flex; display:flex; flex-direction:row; flex-wrap:wrap;}
    .d21-4 .text ul li {float:left; width:33.333333%;}
    .d21-4 .text ul li .inner {padding:80px 40px;}
    .d21-4 .text ul li:nth-child(1) .inner , .d20-4 .text ul li:nth-child(3) .inner , .d20-4 .text ul li:nth-child(5) .inner {background:#f2f2f2;}
    .d21-4 .text ul li h4 {font-size:18px; height:20%;}
    .d21-4 .text ul li p {font-size:16px; height:40%; margin-top:40px;}
    .d21-4 .text ul li p:nth-child(3) {margin:0;}
    /**/
    .d21-5 {padding:200px 0 100px;}
    .d21-5 .title {text-align:center; margin-bottom:150px;}
    .d21-5 .title h2 {font-size:52px;}
    .d21-5 ul {}
    .d21-5 ul li { margin-bottom:40px; overflow:hidden;}
    .d21-5 ul li img {float:left; width:30%; border-radius:4px;}
    .d21-5 ul li .r {float:left; width:70%; padding-left:40px;}
    .d21-5 ul li .r h2 {margin-bottom:20px; font-size:22px;}
    .d21-5 ul li .r p {font-size:18px;}


/***** SV-M2K30 *****/
.sel-product-detail-22 {overflow:hidden;}
.sel-product-detail-22 .p-detail {margin-top:90px;}
    /**/
    .d22-1 {padding:100px 0;}
    .d22-1 .row {display:flex; align-items:center;}
    .d22-1 .text {width:40%; }
    .d22-1 .text h1 {font-size:64px; margin-bottom:60px; /*background-clip:text; -webkit-background-clip:text; text-fill-color:transparent; -webkit-text-fill-color:transparent; background-image:url("../images/p22/title-big.jpg"); background-size:65%; background-repeat:no-repeat;*/}
    .d22-1 .text h2 {font-size:44px; color:#009ca5;}
    .d22-1 .text p {font-size:28px;}
    .d22-1 .img {width:60%;}
    /**/
    .d22-2 {padding:150px 0; color:#ffffff; background:#000000;}
    .d22-2 .text {margin-bottom:80px;}
    .d22-2 .text h2 {font-size:44px; margin-bottom:40px; /*background-position:center center; background-clip:text; -webkit-background-clip:text; text-fill-color:transparent; -webkit-text-fill-color:transparent; background-image:url("../images/p22/title-big.jpg"); background-size:35%; background-repeat:no-repeat;*/}
    .d22-2 .text p {font-size:22px; color:#8d8d8d;}
    .d22-2 .img { margin:auto;}
    .d22-2 .img .bp {float:left; display:block; width:50%;}
    .d22-2 .img .bp img {}
    .d22-2 .img ul { float:left; width:50%; padding-left:60px;}
    .d22-2 .img ul li {margin-bottom:50px;}
    .d22-2 .img ul li:last-child {margin:0;}
    .d22-2 .img ul li h3 {font-size:32px;}
    .d22-2 .img ul li p { margin-bottom:20px; text-align:left; font-size:18px; opacity:0.8;}
    .d22-2 .img ul li .pix-show {position:relative; padding-right:7%;}
    .d22-2 .img ul li .pix-show span {position:absolute; font-size:14px; opacity:0.5;}
    .d22-2 .img ul li .pix-show span:nth-child(1) { top:8%; right:0;}
    .d22-2 .img ul li .pix-show span:nth-child(2) {bottom:-4%; right:49%;}
    .d22-2 .img ul li:nth-child(2) .pix-show span:nth-child(1) { top:-6%; right:0;}
    .d22-2 .img ul li:nth-child(2) .pix-show span:nth-child(2) { bottom:-6%; right:78%;}
    /**/
    .d22-3 {padding:0 0 150px; background:#000000;}
    .d22-3 .text {text-align:center; color:#ffffff; margin-bottom:40px;}
    .d22-3 .text h2 {font-size:44px; margin-bottom:40px; /*background-clip:text; -webkit-background-clip:text; text-fill-color:transparent; -webkit-text-fill-color:transparent; background-image:url("../images/p22/title-big.jpg"); background-size:80%; background-repeat:no-repeat;*/}
    .d22-3 .text p {font-size:22px; color:#8d8d8d; padding:0 10%;}
    .d22-3 .img {}
    .d22-3 .img .t {position:relative; margin-bottom:60px; padding:0 15%;}
    .d22-3 .img .t ul { overflow:hidden;}
    .d22-3 .img .t ul li {float:left; width:50%; text-align:center; color:#ffffff;}
    .d22-3 .img .t ul li .i {position:relative; width:50%; margin:0 auto 20px;}
    .d22-3 .img .t ul li .i img {}
    .d22-3 .img .t ul li .i .num {display:flex;}
    .d22-3 .img .t ul li .i .num i { width:25%; font-style:normal; font-size:12px; color:#ffffff; text-indent:0; position:static; text-align:left;}
    .d22-3 .img .t ul li p {}
    .d22-3 .img .t span {display:block; width:100px; height:12px; position:absolute; left:50%; top:50%; margin-left:-50px; margin-top:-40px; background:url("../images/p22/003-2.png") no-repeat scroll center center / 100% auto;}
    .d22-3 .img .b {}
    .d22-3 .img .b ul { margin:0 -20px; overflow:hidden;}
    .d22-3 .img .b ul li {float:left; width:50%; padding:0 20px;}
    .d22-3 .img .b ul li img {}
    /**/
    .d22-4 {padding:150px 0 0;}
    .d22-4 .img { width:50%; margin:0 auto 40px;}
    .d22-4 .t {}
    .d22-4 .t .text { text-align:center; }
    .d22-4 .t .text h2 {font-size:44px; /*background-clip:text; -webkit-background-clip:text; text-fill-color:transparent; -webkit-text-fill-color:transparent; background-image:url("../images/p22/title-big.jpg"); background-size:80%; background-repeat:no-repeat;*/}
    .d22-4 .t .text p {font-size:32px; color:#009ca5;}
    .d22-4 .t .text ul {margin:30px 0 0 -10px;}
    .d22-4 .t .text ul li {float:left; width:33.333333%; text-align:center; }
    .d22-4 .t .text ul li .inner {margin:10px; padding:30px 10px; border:1px solid rgba(0,0,0,0.2);}
    .d22-4 .t .text ul li img {display:block; margin:0 auto; width:40%;}
    .d22-4 .t .text ul li p {font-size:18px; color:#000000; opacity:0.8;}
    .d22-4 .spe {margin:60px auto 10px;}
    .d22-4 .spe ul {margin:0 -5px; overflow:hidden;}
    .d22-4 .spe ul li {float:left; width:33.333333%; }
    .d22-4 .spe ul li .inner { margin:0 5px; background:#eeeeee;}
    .d22-4 .spe ul li .inner .w-inner {padding:80px 40px 0 80px; width:100%; margin:auto;}
    .d22-4 .spe ul li .inner .fitImg {} 
    .d22-4 .spe ul li h4 {margin-bottom:20px; font-size:22px;}
    .d22-4 .spe ul li dl {height:200px; overflow:hidden;}
    .d22-4 .spe ul li dl dt {font-size:14px; padding:4px 0 4px 10px; position:relative;}
    .d22-4 .spe ul li dl dt:before {content:""; width:3px; height:3px; border-radius:100%; background:rgba(0,0,0,0.5); position:absolute; left:0; top:50%; margin-top:-1.5px;}
    /**/
    .d22-5 {padding:150px 0; background:#000000;}
    .d22-5 .text {text-align:center; color:#ffffff;}
    .d22-5 .text h2 {font-size:44px; margin-bottom:40px; /*background-clip:text; -webkit-background-clip:text; text-fill-color:transparent; -webkit-text-fill-color:transparent; background-image:url("../images/p22/title-big.jpg"); background-size:80%; background-repeat:no-repeat;*/}
    .d22-5 .text p {font-size:22px; color:#8d8d8d; padding:0 10%;}
    .d22-5 .img { margin:60px auto 0; padding:0 2%; color:#ffffff;}
    .d22-5 .img ul {}
    .d22-5 .img ul li {float:left; width:50%;}
    .d22-5 .img ul li .inner { display:flex; align-items:center; flex-direction:row-reverse; overflow:hidden;}
    .d22-5 .img ul li:nth-child(1) .inner { border-right:1px solid rgba(255,255,255,0.2);}
    .d22-5 .img ul li .fl {float:none; width:30%; padding:0 2% 0 0;}
    .d22-5 .img ul li .fr {float:none; width:70%;}
    .d22-5 .img ul li p {opacity:0.6;}
    .d22-5 .img ul li h4 {font-size:32px; margin-bottom:20px; color:#05d6e1;}
    .d22-5 .img ul li dl {}
    .d22-5 .img ul li dl dt {font-size:14px; padding:4px 0 4px 10px; position:relative; opacity:0.8;}
    .d22-5 .img ul li dl dt::before {content:""; width:3px; height:3px; border-radius:100%; position:absolute; left:0; top:50%; margin-top:-1.5px; background:rgba(255,255,255,1);}
    .d22-5 .img ul li img {display:block;}
    .d22-5 .img ul li:last-child .inner {flex-direction:row;}
    .d22-5 .img ul li:last-child .fl {float:left; left:0; text-align:right; padding:0 0 0 2%;}
    .d22-5 .img ul li:last-child .fr {float:right;}
    .d22-5 .img ul li:last-child dl dt {padding:4px 10px 4px 0; }
    .d22-5 .img ul li:last-child dl dt::before {left:auto; right:0;}
    /**/
    .d22-6 {padding:150px 0 0; text-align:center;}
    .d22-6 .text {}
    .d22-6 .text h2 {font-size:44px; color:#009fa8; margin-bottom:10px; /*background-clip:text; -webkit-background-clip:text; text-fill-color:transparent; -webkit-text-fill-color:transparent; background-image:url("../images/p22/title-big.jpg"); background-size:80%; background-repeat:no-repeat;*/}
    .d22-6 .text h3 {font-size:32px; margin-bottom:40px;}
    .d22-6 h4 {font-size:44px; color:#009fa8; margin:60px 0 40px;}
    .d22-6 .text p {font-size:22px; color:#8d8d8d; padding:0 10%;}
    .d22-6 .img {margin-top:60px;}




/***** EB-500 *****/
.sel-product-detail-23 {}
.sel-product-detail-23 .p-detail {margin-top:90px;}
    .sel-product-detail-23 h2 {font-size:44px;}
    /**/
    .d23-1 {padding:100px 0 500px; background:url("../images/p23/001.png") no-repeat scroll center center / 100% auto; background-size:cover;}
    .d23-1 .text {text-align:center;}
    .d23-1 .text h1 {font-size:72px; color:#00959e;}
    .d23-1 .text p {font-size:32px;}
    /**/
    .d23-2 {text-align:center; padding:150px 0;}
    .d23-2 .text {}
    .d23-2 .text h2 {}
    .d23-2 .text p {font-size:22px;}
    .d23-2 .img {margin:60px auto 0; width:80%;}
    .d23-2 .img ul {display:flex;}
    .d23-2 .img ul li {width:33.333333%; padding:0 40px;}
    /**/
    .d23-3 {text-align:center; padding:0;}
    .d23-3 .text {}
    .d23-3 .text p {font-size:22px;}
    .d23-3 .img {margin-top:100px;}
    .d23-3 .img ul {display:flex; justify-content:center; width:80%; margin:auto;}
    .d23-3 .img ul li {width:33.333333%; padding:0 40px;}
    /**/
    .d23-4 {text-align:center; padding:150px 0 0;}
    .d23-4 .text {display:flex; justify-content:center; align-items:center;}
    .d23-4 .text img {width:150px; height:100%;}
    .d23-4 .text .r {margin-left:30px; text-align:left;}
    .d23-4 .img {margin-top:60px;}
    .d23-4 .img p {font-size:22px;}
    .d23-4 .img ul {display:flex; justify-content:center; margin:60px auto 80px; width:80%;}
    .d23-4 .img ul li {width:33.333333%; padding:0 40px;}
    /**/
    .d23-5 {}
    .d23-5 .img {}
    .d23-5 .img ul {}
    .d23-5 .img ul li {background-color:#efefef; margin-bottom:20px;}
    .d23-5 .img ul li .row {display:flex; align-items:center;}
    .d23-5 .img ul li .row img {width:35%;}
    .d23-5 .img ul li .text {padding-left:40px;}
    .d23-5 .img ul li h2 {font-size:56px;}
    .d23-5 .img ul li h2 span {font-size:32px; padding-left:20px;}
    .d23-5 .img ul li p {font-size:22px;}




/***** P60 *****/
.sel-product-detail-24 {}
.sel-product-detail-24 .p-detail {margin-top:90px;}
.sel-product-detail-24 p {color:#4d4d4d;}
.sel-product-detail-24 .note {display:none; padding:120px 0;}
.sel-product-detail-24 .note p {padding:0 10%; text-align:center; color:#FFFFFF; font-size:14px; opacity:0.5;}
    /**/
    .d24-1 {position:relative; padding:200px 0 150px; background:#000000 url("../images/p24/001.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
    .d24-1 .text {text-align:center; color:#ffffff; position:relative; z-index:1;}
    .d24-1 .text h2 {font-size:72px; text-shadow:0px 4px 8px rgba(0,0,0,0.5);}
    .d24-1 .text h1 {font-size:72px; color:#f0b16d; margin:40px 0 200px; text-shadow:0px 4px 8px rgba(0,0,0,0.5);}
    .d24-1 .text p {font-size:18px; padding:0 10%; color:#FFFFFF;}
    /**/
    .d24-2 { position:relative; padding:200px 0; background:#000000 url("../images/p24/002-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; overflow:hidden;}
    .d24-2 .text {position:relative; z-index:10; text-align:center; color:#ffffff; width:60%; margin:auto;}
    .d24-2 .text h2 {font-size:100px; color:#f0b16d; line-height:1; margin-bottom:30px;}
    .d24-2 .text h2 em {font-size:64px; font-weight:normal; vertical-align:super;}
    .d24-2 .text h3 {font-size:32px; padding:0 10%;}
    .d24-2 .text p {font-size:22px; margin-top:40px;}
    .d24-2 ul {display:flex; position:relative; z-index:8; justify-content:space-between; text-align:center; margin:100px 0 0; padding:0 10%;}
    .d24-2 ul li {}
    .d24-2 ul li h5 {font-size:64px; color:#FFFFFF;}
    .d24-2 ul li p {font-size:18px; color:#ffffff;}
    .d24-2 .video {}
    .d24-2 .video .mask {background:rgba(0,0,0,0.5);}
    .d24-2 .video video {}
    /**/
    .d24-3 {position:relative; padding:200px 0; background:#000000 url("../images/p24/003-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; background-attachment:fixed;}
    .d24-3 .text {position:relative; z-index:2; float:right; width:55%; text-align:center;}
    .d24-3 .text h2 {font-size:72px; line-height:1; margin-bottom:40px; color:#f0b16d;}
    .d24-3 .text h2 em {font-size:28px; vertical-align:super;}
    .d24-3 .text h3 { margin-bottom:60px; font-size:32px; font-weight:200;}
    .d24-3 p {font-size:18px;}
    .d24-3 p em {vertical-align:super; font-size:12px;}
    .d24-3 .mask {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
    /**/
    .d24-4 {background:#0f0f0f; overflow:hidden;}
    .d24-4 .row {position:relative;}
        /**/
        .d24-4 .pin-d24-4 {height:100vh; display:flex; align-items:center;}
            /**/
            .d24-4 .it {margin:auto; position:relative; width:100%; height:100%;}
                /**/
                .d24-4 .im {width:100%; height:578px;/*需要设置高度与.img一致，否则微信浏览器会按照高度100%计算*/ margin-top:120px; position:relative; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
                    /**/
                    .d24-4 .img {opacity:0.5; position:relative; width:400px; height:578px; margin:auto; background:url("../images/p24/004-bg.jpg") no-repeat scroll center center / 100% auto;}
                    .d24-4 .img .cover {width:267px; height:150px; position:absolute; left:16.45%; top:9.15%;}
                    .d24-4 .img .cover video {}
                    /**/
                    .d24-4 .m-info {}
                    .d24-4 .m-info .con {opacity:0; position:absolute; width:27.5%; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
                    .d24-4 .m-info .con .inner {display:inline-block; color:#ffffff; border:2px solid #f0b16d; width:300px; padding:20px; background:#000000; position:relative; z-index:8;}
                    .d24-4 .m-info .con .inner p {font-size:14px; line-height:1.8; color:#FFFFFF;}
                    .d24-4 .m-info .con span {display:block; padding:10px 0; color:#f0b16d; font-size:14px;}
                    .d24-4 .m-info .con .line {position:absolute; left:300px; top:40px; width:100%; height:2px; background-image:linear-gradient(to right, rgba(240,177,109,1), rgba(240,177,109,0));}
                    .d24-4 .m-info .con .tumor {padding-bottom:20px; border-bottom:1px solid #f0b16d;}
                    .d24-4 .m-info .con .tumor ul {}
                    .d24-4 .m-info .con .tumor ul li {display:flex; justify-content:space-between; padding:5px 0;}
                    .d24-4 .m-info .con .tumor ul li span {padding:0;}
                    .d24-4 .m-info .con .tumor ul li span:nth-child(1) {color:#FFFFFF;}
                    .d24-4 .m-info .con .tumor ul li span em {vertical-align:super; font-size:10px; font-style:normal;}
                    .d24-4 .m-info .con .mid {padding:20px 0; border-bottom:1px solid #f0b16d;}
                    .d24-4 .m-info .con .mid ul {}
                    .d24-4 .m-info .con .mid ul li {padding:5px 0;}
                    .d24-4 .m-info .con .mid ul li p {}
                    .d24-4 .m-info .con .mid ul li .lr-t {display:flex; justify-content:space-between;}
                    .d24-4 .m-info .con .mid ul li .lr-t span {padding:0;}
                    .d24-4 .m-info .con .mid ul li .lr-t span:nth-child(1) {padding-right:10px;}
                    .d24-4 .m-info .con .total {display:flex; justify-content:space-between;}
                    .d24-4 .m-info .con .total span:nth-child(1) {color:#FFFFFF;}
                    .d24-4 .m-info .con .advice {display:flex; justify-content:space-between;}
                    .d24-4 .m-info .mi-1 {top:8.5%;}
                    .d24-4 .m-info .mi-2 {top:46.05%;}
                /**/
                .d24-4 .text {margin-top:120px;/* 配合类名为.im的偏移量 */position:absolute; width:100%; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); color:#ffffff; text-align:center; padding:0 10%;}
                .d24-4 .text h2 {font-size:56px; margin-bottom:30px;}
                .d24-4 .text h2 em {font-size:28px; vertical-align:super;}
                .d24-4 .text p {font-size:22px; color:#FFFFFF;}  
    /**/
    .d24-5 {}
    .d24-5 .row {}
        /**/
        .d24-5 .pin-d24-5 {height:100vh; display:flex; align-items:center;}
            /**/
            .d24-5 .it {}
                /**/
                .d24-5 .im {}
                    /**/
                    .d24-5 .img {background:url("../images/p24/005-bg.jpg") no-repeat scroll center center / 100% auto;}
                    /**/
                    .d24-5 .m-info {}
                    .d24-5 .m-info .mi-1 {top:5.55%;}
                    .d24-5 .m-info .mi-2 {top:40.65%;}
                    .d24-5 .m-info .mi-2 .line {top:50%;}
    /**/
    .d24-6 {position:relative;}
    .d24-6 .inner {background:url("../images/p24/006-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; background-attachment:fixed;}
    .d24-6 .mask {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
    /* 三款产品第6、7、8屏复用 */
        .con678 {}
        .con678 .inner {padding:200px 0;}
        .con678 .text {margin:auto; text-align:center; color:#f0b16d; position:relative; z-index:1;}
        .con678 .text h2 {font-size:72px; line-height:1; margin-bottom:40px;}
        .con678 .text h3 { margin-bottom:60px; font-size:32px; font-weight:200; padding:0 33%;}
        .con678 .text p {color:#FFFFFF;}
        .con678 p {font-size:18px; padding:0 20%;}
        .con678 .list {padding:100px 0; position:relative; z-index:1; background:#FFFFFF;}
        .con678 .list ul {display:flex; justify-content:space-between; margin:0 -10px;}
        .con678 .list ul li {text-align:center; width:25%; padding:0 10px;}
        .con678 .list ul li img {display:block; margin:0 auto 20px;}
        .con678 .list ul li p {font-size:14px; padding:0 5%;}
    /**/
    .d24-7 {position:relative;}
    .d24-7 .inner {background:url("../images/p24/007-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; background-attachment:fixed;}
    .d24-7 .list ul li {}
    .d24-7 .mask {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
    /**/
    .d24-72 .inner {background:url("../images/p24/010-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; background-attachment:fixed;}
    /**/
    .d24-8 {position:relative;}
    .d24-8 .inner {background:url("../images/p24/008-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; background-attachment:fixed;}
    .d24-8 .mask {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
    /**/
    .d24-9 {padding:200px 0; background:#000000 url("../images/p24/009-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; background-attachment:fixed;}
    .d24-9 .text {color:#FFFFFF; text-align:center;}
    .d24-9 .text h2 {font-size:72px; color:#f0b16d; margin-bottom:40px;}
    .d24-9 .text h3 {font-size:32px; color:#f0b16d; font-weight:200; margin:20px 0 100px;}
    .d24-9 .text p {font-size:18px; color:#FFFFFF; padding:0 20%;}
    /**/
    .d24-92 {background:#000000 url("../images/p24/0092-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; background-attachment:fixed;}
    /**/
    .d24-10 {padding:200px 0; background:#000000 url("../images/p24/010-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; background-attachment:fixed;}
    .d24-10 .text {color:#FFFFFF; text-align:center; padding-right:25%;}
    .d24-10 .text h2 {font-size:72px; color:#f0b16d;}
    .d24-10 .text h3 {font-size:32px; color:#f0b16d; font-weight:200; margin:20px 0 100px;}
    .d24-10 .text p {font-size:18px; text-shadow:0px 1px 2px rgba(0,0,0,0.5);}
    .d24-10 .text p b {display:block; font-size:28px;}
    /**/
    .d24-11 {padding:200px 0; background:#000000 url("../images/p24/011-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; background-attachment:fixed;}
    .d24-11 .text {padding-left:45%; text-align:center;}
    .d24-11 .text h2 {font-size:72px; color:#f0b16d; margin-bottom:40px;}
    .d24-11 .text h5 {font-size:18px; margin-bottom:20px; color:#4d4d4d;}
    .d24-11 .text p {font-size:18px;}
    .d24-11 .text .m {margin:60px 0;}
    .d24-11 .text span {font-size:16px; opacity:0.5;}
    .d24-11 .text ul {display:flex; justify-content:center; opacity:0.4;}
    .d24-11 .text ul li {padding:0 10px;}
    .d24-11 .text ul li img {width:80px;}
    /**/
    .d24-12 {padding:100px 0 80px; background:#000000;}
    .d24-12 h2 {font-size:44px; color:#ffffff; text-align:center;}
    .d24-12 .img-box h4 {display:none;}




/***** 服务与支持 *****/
#support {}
#support .page-title {text-align:center;}
#support .temp_banner {background:#000000 url("images/temp-banner-12.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
.support-box {}
.support-box img {margin:auto; display:block;}
/**/
.support-box .sb-sub-list {}
.support-box .sb-sub-list ul {position:relative; margin:20px auto 80px;}
.support-box .sb-sub-list ul li {float:left; width:25%; text-align:center; color:#ffffff;}
.support-box .sb-sub-list ul li a { display:block; padding:40px 0; cursor:default; position:relative; margin-right:20px; color:#ffffff; background:#f8f8f8;}
.support-box .sb-sub-list ul li a:before { position:absolute; left:0; top:0; content:""; width:100%; height:200px; background:rgba(0, 0, 0, 0);}
.support-box .sb-sub-list ul li a .inner {position:relative; display:block;}
.support-box .sb-sub-list ul li span { margin:auto; display:block; width:64px; height:auto; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */}
.support-box .sb-sub-list ul li:nth-child(1) span { background:url("images/support-icon-1.svg") no-repeat scroll center center / 100% auto;}
.support-box .sb-sub-list ul li:nth-child(2) span { background:url("images/support-icon-2.svg") no-repeat scroll center center / 100% auto;}
.support-box .sb-sub-list ul li:nth-child(3) span { background:url("images/support-icon-3.svg") no-repeat scroll center center / 100% auto;}
.support-box .sb-sub-list ul li:nth-child(4) span { background:url("images/support-icon-4.svg") no-repeat scroll center center / 100% auto;}
.support-box .sb-sub-list ul li span em {display:none; color:#009FAB; font-size:64px; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */}
.support-box .sb-sub-list ul li p { margin-top:10px; line-height:1.6; font-size:18px; color:#333333;}
/* sb-fill */
.support-box .sb-fill {padding:0 0 80px;}
.support-box .sb-fill h2 {text-align:center; font-size:36px; margin-bottom:30px;}
.support-box .sb-fill li {float:left; width:50%;}
.support-box .sb-fill li a { position:relative; display:flex; align-items:center; justify-content:center; margin-right:20px; height:350px; text-align:center; color:#ffffff; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */}
.support-box .sb-fill li a::before {opacity:0; position:absolute; left:0; top:0; content:""; width:100%; height:100%; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */}
.support-box .sb-fill li a h4 { font-size:32px; opacity:0; -webkit-transform:translate3d(0,40px,0); transform: translate3d(0,40px,0); -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;transition: opacity 0.2s, transform 0.35s;}
.support-box .sb-fill li.sbl a { background:#000000 url("images/sb-fill-bg-1.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
.support-box .sb-fill li.sbl a::before {background:#000000 url("images/sb-fill-bg-1-hover.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
.support-box .sb-fill li.sbr a {background:#000000 url("images/sb-fill-bg-2.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
.support-box .sb-fill li.sbr a::before {background:#000000 url("images/sb-fill-bg-2-hover.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
/* sb-fill hover */
.support-box .sb-fill li a:hover::before {opacity:1;}
.support-box .sb-fill li a:hover h4 {opacity:1; /*! -webkit-transform:translate3d(0,0,0); */transform:translate3d(0,0,0); -webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;}
/* s-point */
.support-box .s-point {padding:150px 0; text-align:center; background-color:#f2f2f2;}
.support-box .s-point .title { text-align:center; width:100%; color:#333333;}
.support-box .s-point .title h2 {font-size:44px; margin-bottom:30px;}
.support-box .s-point .title p {color:#333333; font-size:28px;}
.support-box .s-point .title ul {}
.support-box .s-point .title ul li {margin:10px 0; position:relative; color:#333333; font-size:14px; opacity:0.5;}
.support-box .s-point .title ul li::before {}
.support-box .s-point .rbox {padding-right:40px;}
.support-box .s-point .radiation {position:relative; width:90%; margin:-100px auto 0;}
.support-box .s-point .radiation .note {display:block; position:absolute; border-radius:100%; background:rgba(0,159,171,0);}
.support-box .s-point .radiation .note a { position:relative; z-index:3; display:block; width:100%; height:100%;}
.support-box .s-point .radiation .note::before {content:""; position:absolute; left:50%; top:50%; margin-top:-5px; margin-left:-5px; width:10px; height:10px; border-radius:100%; background:rgba(0,159,171,1);}
.support-box .s-point .radiation .note .cname {display:block; position:absolute; left:70%; top:31%; text-align:left; width:200px; height:auto; font-size:12px;}
.support-box .s-point .radiation .note:nth-child(1) {right:8.22%; top:16%;}
.support-box .s-point .radiation .note:nth-child(2) {right:9.3%; top:22.5%;}
.support-box .s-point .radiation .note:nth-child(3) {right:11.8%; top:27.9%;}
.support-box .s-point .radiation .note:nth-child(4) {right:12.5%; top:36.1%;}
.support-box .s-point .radiation .note:nth-child(5) {right:36.1%; top:53.5%;}
.support-box .s-point .radiation .note:nth-child(6) {right:44.2%; top:50.85%;}
.support-box .s-point .radiation .note:nth-child(7) {right:74.8%; top:27.15%;}
.support-box .s-point .radiation .note:nth-child(8) {right:21.8%; top:44.9%;}
.support-box .s-point .radiation .note:nth-child(9) {right:15.65%; top:44.85%;}
.support-box .s-point .radiation .note:nth-child(10) {right:35.15%; top:40.75%;}
.support-box .s-point .radiation .note:nth-child(11) {right:27.75%; top:40.75%;}
.support-box .s-point .radiation .note:nth-child(12) {right:27.55%; top:51.5%;}
.support-box .s-point .radiation .note:nth-child(13) {right:12.85%; top:61.55%;}
.support-box .s-point .radiation .note:nth-child(14) {right:13.45%; top:58.75%;}
.support-box .s-point .radiation .note:nth-child(15) {right:16.15%; top:57%;}
.support-box .s-point .radiation .note:nth-child(16) {right:14.55%; top:64.95%;}
.support-box .s-point .radiation .note:nth-child(17) {right:19.95%; top:57.95%;}
.support-box .s-point .radiation .note:nth-child(18) {right:26.55%; top:64.55%;}
.support-box .s-point .radiation .note:nth-child(19) {right:29.35%; top:70.55%;}
.support-box .s-point .radiation .note:nth-child(20) {right:22.1%; top:68.85%;}
.support-box .s-point .radiation .note:nth-child(21) {right:23.75%; top:84.15%;}
.support-box .s-point .radiation .note:nth-child(22) {right:29.25%; top:81.95%;}
.support-box .s-point .radiation .note:nth-child(23) {right:35.35%; top:82.65%;}
.support-box .s-point .radiation .note:nth-child(24) {right:16.15%; top:76.45%;}
.support-box .s-point .radiation .note:nth-child(25) {right:44.35%; top:60.45%;}
.support-box .s-point .radiation .note:nth-child(26) {right:40.95%; top:63.85%;}
.support-box .s-point .radiation .note:nth-child(27) {right:39.65%; top:68.35%;}
.support-box .s-point .radiation .note:nth-child(28) {right:47.85%; top:72.15%;}
.support-box .s-point .radiation .note:nth-child(29) {right:25.0%; top:31.65%;}
.support-box .s-point .radiation .note:nth-child(30) {right:24.95%; top:36.2%;}
.support-box .s-point .radiation .note:nth-child(31) {right:27.65%; top:26.45%;}
.support-box .s-point .radiation .note:nth-child(32) {right:32.85%; top:33.95%;}
.support-box .s-point .radiation .tips { display:none; opacity:0; padding:16px 20px 11px; position:absolute; top:20px; text-align:left; z-index:999; background:#ffffff; box-shadow:0 20px 40px rgba(0,0,0,0.1);}
.support-box .s-point .radiation .tips h6 {font-size:14px;font-weight:500;}
.support-box .s-point .radiation .tips p {line-height:1.4; font-size:14px; margin:5px 0 0;}
.support-box .s-point .radiation img {width:100%;}
    /*涟漪动画*/
    @-webkit-keyframes warn{
      0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
      100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
    }
    @-moz-keyframes warn{
      0%{-moz-transform:scale(0);transform:scale(0);opacity:1}
      100%{-moz-transform:scale(1);transform:scale(1);opacity:0}
    }
    @-o-keyframes warn{
      0%{-o-transform:scale(0);transform:scale(0);opacity:1}
      100%{-o-transform:scale(1);transform:scale(1);opacity:0}
    }
    @keyframes warn{
      0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}
      100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}
    }
    .area-box {position:absolute; left:50%; top:50%; margin-left:-33px; margin-top:-33px; opacity:0.5;}
    .area-box .pulse{position:absolute; height:66px;width:66px; border:1px solid #009FAB; border-radius:100%; -webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;}
    .area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}
    .area-box .delay-02{-webkit-animation-delay:1.4s;-moz-animation-delay:1.4s;-o-animation-delay:1.4s;animation-delay:1.4s}
    .area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
    .area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
    .area-box .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
    .area-box .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}
    .area-box .delay-07{-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s}
    .area-box .delay-08{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s}
    .area-box .delay-09{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s}
    .area-box .delay-10{-webkit-animation-delay:-1.2s;-moz-animation-delay:-1.2s;-o-animation-delay:-1.2s;animation-delay:-1.2s}
    .area-box .delay-11{-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s}
/**/
.support-box .support-list { position:relative; padding:80px 0 120px; /*background:#000000 url("images/list-service-bg.jpg") no-repeat scroll center center / 100% auto;*/}
.support-box .support-list::before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#ffffff; opacity:0;}
.support-box .support-list .shead {position:relative; margin-bottom:50px; padding-bottom:20px; text-align:center;}
.support-box .support-list .shead h1 { font-size:44px;}
.support-box .support-list .shead p {font-size:18px;}
.support-box .support-list .shead .search {float:right;}
.support-box .support-list .blank-box {}
.support-box .support-list .d-tip { display:block; margin-bottom:10px; font-size:14px; color:#8d8d8d;}
.support-box .support-list .sll {position:relative;}
.support-box .support-list .sll ul {}
.support-box .support-list .sll ul li {float:left; width:50%; padding:10px 0;}
.support-box .support-list .sll ul li a {}
.support-box .support-list .form { position:relative; width:500px; margin:auto;}
.support-box .support-list .form input {}
.support-box .support-list .form .btn { width:235px;}
.support-box .support-list .form .btn-reg {border:1px solid #f2f2f2; background:#ffffff;}
.support-box .support-list .form .btn-reg {margin:0;}
.support-box .support-list .form .submits-area {margin-top:10px;}
/**/
.support-box .list-service {display:none; position:relative; height:400px; background:#000000 url("images/list-service-bg.jpg") no-repeat fixed center center / 100% auto; background-size:cover;}
.support-box .list-service:before { position:absolute; left:0; top:0; content:""; width:100%; height:400px; background:rgba(0, 159, 171, 0.9);}
.support-box .list-service ul {position:relative; margin:130px auto 0; width:80%;}
.support-box .list-service ul li {float:left; width:25%; text-align:center; color:#ffffff;}
.support-box .list-service ul li span {display:inline-block; width:100px; height:100px; line-height:100px; border-radius:100%; border:1px solid rgba(255,255,255,0.2); transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */}
.support-box .list-service ul li span em { color:#ffffff; display:inline-block; font-size:44px; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */}
.support-box .list-service ul li p { margin-top:20px; line-height:1.6; font-size:16px;}
    /* 内页：公共部分 */
    .inner-box {padding:60px 0;}
    .inner-box .shead { font-size:22px; line-height:1.6; margin-bottom:40px;}
    .inner-box ul {}
    .inner-box ul li {margin-bottom:20px; overflow:hidden;}
    .inner-box ul li h4 { margin-bottom:20px; font-size:22px;}
    .inner-box ul li p {margin-bottom:20px;}
    .inner-box ul li p i {padding-right:10px; color:#8d8d8d; font-size:8px; font-style:normal; vertical-align:middle;}
    .inner-box ul li ul {padding-left:40px;}
    .inner-box ul li ul li {}
    .inner-box ul li ul li h4 {font-size:18px;}
    .inner-box ul li ul li p {}
    /* 内页：客户需求 */
    #support-1 {}
    #support-1 .temp_banner {  background:#000000 url("images/support-banner-1.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
    /* 内页：服务宗旨 */
    #support-2 {}
    #support-2 .temp_banner { background:#000000 url("images/support-banner-2.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
    /* 内页：服务流程 */
    #support-3 {}
    #support-3 .temp_banner { background:#000000 url("images/support-banner-3.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
    #support-3 table.table-1 .col-1 {width:10%;}
    #support-3 table.table-1 .col-2 {width:20%;}
    #support-3 table.table-1 .col-3 {width:55%;}
    #support-3 table.table-1 .col-4 {width:15%;}
    #support-3 table.table-2 .col-1 {width:30%;}
    #support-3 table.table-2 .col-2 {width:55%;}
    #support-3 table.table-2 .col-3 {width:15%;}
    /* 内页：服务产品 */
    #support-4 {}
    #support-4 .temp_banner { background:#000000 url("images/support-banner-4.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}


/***** 工作机会 *****/
#career {}
#career .temp_banner { background:#000000 url("images/temp-banner-14.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
#career .career-group {}
/**/
.career-type {}
.career-type ul { margin:20px auto;}
.career-type ul li {float:left; width:33.333333%; text-align:center; color:#ffffff;}
.career-type ul li a { display:block; padding:40px 0; margin-right:20px; color:#ffffff; background:#f8f8f8;}
.career-type ul li a:before { position:absolute; left:0; top:0; content:""; width:100%; height:220px; background:rgba(0, 0, 0, 0);}
.career-type ul li a .inner {position:relative; display:block; transition:all 0.3s ease-out 0s;}
/*hover*/
.career-type ul li a:hover .inner { z-index:2; -webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0); -webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;}
.career-type ul li span { margin:auto; display:block; width:64px; height:auto; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */}
.career-type ul li span em {display:none; color:#009FAB; font-size:72px; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */}
.career-type ul li p { margin-top:10px; line-height:1.6; font-size:18px; color:#333333;}
/**/
#career .cg-1 {padding:150px 0; text-align:center; background:#f2f2f2;}
#career .cg-1 h1 {font-size:72px; margin-bottom:20px;}
#career .cg-1 h2 {font-size:32px; font-weight:normal; margin-bottom:60px;}
#career .cg-1 h3 {font-size:22px; font-weight:normal; line-height:1.8; width:50%; margin:auto;}
#career .tg {margin-top:50px;}
#career .tg h2 { margin:0; font-size:120px; color:#00b1ad; font-weight:bold;}
#career .tg h2 span { position:relative; }
#career .tg h2 span b {}
#career .tg h2 span em {position:absolute; right:-30px; top:-30px; font-size:32px; font-style:normal;}
#career .tg h3 {font-size:44px; font-weight:bold;}
#career .tg .line {position:relative; margin:40px auto; width:60%; height:40px; border-bottom:1px solid #333333;}
#career .tg .line .vline { position:absolute; left:50%; bottom:0; width:1px; height:40px; background:#333333;}
#career .tg .text { width:60%; margin:auto; overflow:hidden;}
#career .tg .text h2 {font-size:72px; color:#333333;}
#career .tg .text p {font-size:24px;}
#career .tg .text .l {float:left; width:50%;}
#career .tg .text .l p {}
#career .tg .text .r {float:left; width:50%;}
#career .tg .text .r p {}
/**/
#career .cg-2 { padding:100px 0; text-align:center;}
#career .cg-2 h2 {font-size:44px;}
#career .cg-2 ul { margin-top:100px; overflow:hidden;}
#career .cg-2 ul li {float:left; width:50%; text-align:left;}
#career .cg-2 ul li .inner {padding:0 80px 80px; text-align:center;}
#career .cg-2 ul li h3 { margin-bottom:30px; font-size:32px; color:#00b1ad; font-weight:normal;}
#career .cg-2 ul li p {font-size:18px;}
/**/
#career .cg-3 {padding:150px 0; text-align:center; background:#f2f2f2;}
#career .cg-3 h1 {font-size:44px; margin-bottom:10px;}
#career .cg-3 p {font-size:22px;}
#career .cg-3 ul {margin-top:40px;}
#career .cg-3 ul li {float:left; width:25%;}
#career .cg-3 ul li .inner {margin:20px 20px 0 0; padding:40px 20px; background:#ffffff;}
#career .cg-3 ul li .img { margin:auto; width:60px; height:60px;}
#career .cg-3 ul li img {}
#career .cg-3 ul li p { margin-top:10px; font-size:18px; word-break:keep-all;/*不换行*/ white-space:nowrap;/*不换行*/ overflow:hidden;/*内容超出宽度时隐藏超出部分的内容*/ text-overflow:ellipsis;/*当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用*/}
/**/
.sel-career .career-group img { display:block; margin:auto; width:100%; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */}
.sel-career .career-group .btn-area {margin-bottom:100px;}


/***** 校园招聘 *****/
#campus {}
#campus .temp_banner { background:#000000 url("images/temp-banner-8.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
#campus .campus-group {font-size:16px; line-height:2.2;}
    /**/
    #campus .cg-1 {padding:100px 0 50px; text-align:center;}
    #campus .cg-1 h1 {font-size:36px; margin-bottom:10px;}
    #campus .cg-1 p {font-size:22px;}
    #campus .cg-1 ul {margin-top:40px;}
    #campus .cg-1 ul li {float:left; padding:40px; width:33.333333%;}
    #campus .cg-1 ul li .img { margin:auto; width:140px; height:140px;}
    #campus .cg-1 ul li img {}
    #campus .cg-1 ul li p { margin-top:10px; font-size:16px;}


/***** 社会招聘 *****/
#social {}
#social .temp_banner { background:#000000 url("images/temp-banner-9.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
#social .social-group {}
    /**/
    .filter { display:none; padding:60px 0 0;}
    .filter .condition {margin-bottom:5px; font-size:16px;}
    .filter .condition span {display:block; float:left; padding:5px 0;}
    .filter .condition .inner {float:left;}
    .filter .condition .inner ul {float:none; margin-bottom:10px;}
    .filter .condition ul {float:left;}
    .filter .condition ul li {float:left;}
    .filter .condition ul li.sub {position:relative;}
    .filter .condition ul li .submenu {position:absolute;}
    .filter .condition ul li .submenu li {float:left;}
    .filter .condition ul li a {display:inline-block; padding:5px 10px;}
    .filter .condition ul li a.on {color:#ffffff; background:#009FAB;}
    
    /**/
    .career-table {margin:40px 0;}
    .career-table th {}
    .career-table .col-1 {width:30%;}
    .career-table .col-2 {width:20%;}
    .career-table .col-3 {width:10%;}
    .career-table .col-4 {width:20%;}
    .career-table .col-5 {width:20%;}
    .career-table td {}


/***** 人在开立 *****/
#environment {}
#environment .temp_banner { background-color:#009FAB;}
#environment .temp_main {padding-top:80px;}
#environment .news_list {float:none; width:100%; border:none;}


/***** 投资者关系 *****/
#investor {}
#investor .temp_banner {background:#000000 url("images/temp-banner-10.jpg") no-repeat scroll center center / 100% auto; background-size:cover;
/*针对IE8的hack，目的是除掉之前background*/
background: none\9;
/*下一行为关键设置，图片的路径url和src必须一样，同时路径都必须是绝对路径，全路径，才可以，否则会出错*/
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/temp-banner-10.jpg', sizingMethod='scale');
}
#investor .temp_main {padding:80px 0 0;}
.investor-box { margin:auto; width:1240px; overflow:hidden;}
/**/
.side-anchor { width:240px; position:relative;}
.side-anchor .row {padding-right:0;}
.side-anchor .sa {}
.cover-layer { position:absolute; top:0; right:-1px; width:200px; height:50px; border-right:4px solid #009FAB;}
.side-anchor ul {overflow:hidden;}
.side-anchor ul li {border-bottom:1px solid #f2f2f2;}
.side-anchor ul li a {display:block; width:100%; height:49px; line-height:49px; font-size:16px; text-align:right; padding-right:25px; color:#1e1e1e;}
.side-anchor ul li a:hover { color:#009FAB;}
.side-anchor ul li a.on {color:#009FAB;}
.target-fix {position:fixed; top:90px;}
.target-fix-2 {top:auto; bottom:372px;}
/**/
.article-content {width:1000px; border-left:1px solid #f2f2f2;}
.article-content .info-list {margin-left:60px;}
/**/
.info-item {margin-bottom:60px; padding-bottom:30px; border-bottom:1px solid #f2f2f2;}
.info-title h2 {font-size:22px; margin-bottom:20px; color:#009FAB;}
.info-con {font-size:16px;}
.info-con p {margin-bottom:20px;}
.info-con p.bold {}
.info-con a {color:#009FAB;}
.info-con p .investor-tree {width:50%; margin:auto;}
.info-con .note {font-size:12px; color:#b2b2b2;}
.info-con .table-list {margin-bottom:40px;}
#investor .anchor {top:-90px;}
    /* A */
        /**/
        table { border-collapse:collapse; border-spacing:0; width:100%; margin-bottom:10px;}
        table .even {background:#f2f8fc;}
        table .odd {background:#ffffff;}
        table th { padding:12px 20px; text-align:left; font-size:14px; color:#4d4d4d; border-bottom:1px solid #f2f2f2; background:#ffffff;}
        table td {padding:12px 20px; font-size:14px; text-align:left;}
        /**/
        .A-table-1 {}
        /*.A-table-1 .col-1 {width:10%;}*/
        .A-table-1 .col-2 {width:40%;}
        .A-table-1 .col-3 {width:30%;}
        .A-table-1 .col-4 {width:30%;}
        /**/
        .A-table-2 {}
        .A-table-2 .col-1 {width:25%;}
        .A-table-2 .col-2 {width:20%;}
        .A-table-2 .col-3 {width:40%;}
        .A-table-2 .col-4 {width:15%;}
        /**/
        .A-table-3 {}
        .A-table-3 .col-1 {width:40%;}
        .A-table-3 .col-2 {width:30%;}
        .A-table-3 .col-3 {width:30%;}
        /**/
        .A-table-4 {}
        .A-table-4 .col-1 {width:30%;}
        .A-table-4 .col-2 {width:20%;}
        .A-table-4 .col-3 {width:30%;}
        .A-table-4 .col-4 {width:20%;}
        /**/
        .A-table-5 {}
        .A-table-5 .col-1 {width:40%;}
        .A-table-5 .col-2 {width:30%;}
        .A-table-5 .col-3 {width:30%;}
    /* B */
        /**/
        .B-table-1 {}
        .B-table-1 .col-1 {width:35%;}
        .B-table-1 .col-2 {width:25%;}
        .B-table-1 .col-3 {width:25%;}
        .B-table-1 .col-4 {width:15%;}
        /**/
        .B-table-2 {}
        .B-table-2 .col-1 {width:35%;}
        .B-table-2 .col-2 {width:25%;}
        .B-table-2 .col-3 {width:25%;}
        .B-table-2 .col-4 {width:15%;}
        /**/
        .B-table-3 {}
        .B-table-3 .col-1 {width:15%;}
        .B-table-3 .col-2 {width:40%;}
        .B-table-3 .col-3 {width:15%;}
        .B-table-3 .col-4 {width:15%;}
        .B-table-3 .col-5 {width:15%;}
    /* C */
        img.realstock {width:50%; margin-bottom:80px;}
    /* D */
        /**/
        .D{}
        .D-table-1 {}
        .D-table-1 .col-1 {width:25%;}
        .D-table-1 .col-2 {width:25%;}
        .D-table-1 .col-3 {width:25%;}
        .D-table-1 .col-4 {width:50%;}
        .D-table-2 a {color:#4d4d4d;}
        .D-table-2 a:hover {color:#009FAB;}
        /**/
        .D-table-2 {}
        .D-table-2 .col-1 {width:80%;}
        .D-table-2 .col-2 {width:20%;}
    /* E */
        /**/
        .E{}
        .E-table-1 {}
        .E-table-1 .col-1 {width:80%;}
        .E-table-1 .col-2 {width:20%;}
        .E-table-1 a {color:#4d4d4d;}
        .E-table-1 a:hover {color:#009FAB;}
    /* F */
        /**/
        .F{}
        .notice {}
        .notice ul {}
        .notice ul li { margin-bottom:20px; overflow:hidden;}
        .notice ul li a {float:left; width:90%; font-size:16px; color:#333333;}
        .notice ul li a:hover {color:#009FAB;}
        .notice ul li span {float:right; width:10%; text-align:right; font-size:14px; color:#b2b2b2; line-height:1.5;}
    /* G */
        /**/
        .G{}
    /* H */
        /**/
        .H{}
        .H-table-1 {}
        .H-table-1 .col-1 {width:20%;}
        .H-table-1 .col-2 {width:80%;}
    /* I */
        /**/
        .I{}
    /* J */
        /**/
        .J{}
    /* K */
        /**/
        .K{}
    /* L */
        /**/
        .L{border:none; padding-bottom:0;}





/***** 登录、注册 *****/
.sel-login {}
/**/
.sel-login .navigation {background:none;}
.sel-login .navigation .logo {color:#ffffff;}
.sel-login .menu li a {color:#ffffff;}
.sel-login .menu li .nav_submenu li a {color:#333333;}
/**/
.sel-login .temp_banner { margin:0; height:200px; background:#000000 url("images/temp-banner-13.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
.sel-login .temp_banner::before {height:200px;}
/**/
.sel-login .form { position:relative; margin:-175px auto 0; padding:40px; width:500px; background:#ffffff; box-shadow:0 20px 40px #f2f2f2;}
.sel-login .form h1 {text-align:center; font-size:22px; margin-bottom:30px;}
/**/
.sel-login .temp_main {padding-top:80px;}
/**/
.sel-login .copyright {border:none;}



/***** 首页技术点 *****/
.tech-point-box {padding:90px 0 0;}
    /* normal */
    .tech-point-box .topic img {display:block;}
    /**/
    .tech-point-box .topic_text { position:relative; z-index:3; text-align:center; color:#ffffff;}
    .tech-point-box .topic_text h1 {font-size:72px;}
    .tech-point-box .topic_text h2 {margin:10px 0 10px 0; font-size:32px;}
    .tech-point-box .topic_text p {font-size:22px; line-height:2; width:70%; margin:40px auto 0;}
    /**/
    .tech-point-box .list_text { padding:100px 0px; text-align:center;}
    .tech-point-box .list_text h2 {margin:0 0 30px 0; font-size:44px;}
    .tech-point-box .list_text p {font-size:22px; line-height:2; width:70%; margin:auto;}
    /**/
    .tech-point-box .list {}
    .tech-point-box .list ul {text-align:center; width:70%; margin:auto;}
    .tech-point-box .list ul li {margin-bottom:100px;}
    .tech-point-box .list ul li:last-child {margin:0;}
    .tech-point-box .list ul li h2 {font-size:32px; margin-bottom:30px;}
    .tech-point-box .list ul li img {display:block; width:100%;}
    .tech-point-box .list ul li p { margin-top:20px; font-size:22px; color:#4d4d4d; text-align:left;}
    /**/
    .tech-point-box .text {}
    .tech-point-box .text h2 {font-size:24px; margin:60px 0 20px;}
    .tech-point-box .text p {font-size:18px;}
    .tech-point-box .text ul {margin-top:80px;}
    .tech-point-box .text ul li { float:left; width:33.333333%; margin-bottom:40px;}
    .tech-point-box .text ul li .inner { padding-right:20px; overflow:hidden;}
    .tech-point-box .text ul li img {}
    .tech-point-box .text ul li h4 {margin:20px 0 10px;}
    .tech-point-box .text ul li p {font-size:14px;}

    /* .stp-1 */
    .stp-1 .topic { padding:5% 5% 0 0; background:#000022;}
    .stp-1 .topic_text { padding:0 0 100px; background:#000022;}
    .stp-1 .col {}
    .stp-1 .col .tp {padding:100px 0;}
    .stp-1 .col .tp p {font-size:22px; width:60%; margin:auto; text-align:center;}
    .stp-1 .col .tp2 { text-align:center; color:#ffffff; background:#000022;}
    .stp-1 .col .tp2 h2 {font-size:44px;}
    .stp-1 .col .tp2 ul {margin:80px auto 0; width:80%; overflow:hidden;}
    .stp-1 .col .tp2 ul li {float:left; width:33.333333%;}
    .stp-1 .col .tp2 ul li p {opacity:0.8; line-height:1;}
    .stp-1 .col .tp2 ul li span {font-size:22px; opacity:0.8;}
    .stp-1 .col .tp2 ul li h4 { margin-top:20px; font-size:72px;}
    .stp-1 .col .tp2 ul li h4 span {padding:0 10px; font-size:22px; opacity:1;}
    .stp-1 .col .tp3 {border-bottom:1px solid #f2f2f2;}

    /* .stp-2 */
    .stp-2 {}
    /**/
    .stp-2 .tpd-1 {padding:150px 0; color:#ffffff; text-align:center; background:#000000;}
    .stp-2 .tpd-1 .row {}
    .stp-2 .tpd-1 .swrap {}
    .stp-2 .tpd-1 .text {}
    .stp-2 .tpd-1 .text h1 {font-size:72px; margin-bottom:40px;}
    .stp-2 .tpd-1 .text p {font-size:22px;}
    .stp-2 .tpd-1 .img {margin-top:60px;}
    .stp-2 .tpd-1 .img img {}
    /*con公共*/
    .stp-2 .con {padding:150px 0;}
    .stp-2 .con .text {text-align:center;}
    .stp-2 .con .text .sh {display:flex; justify-content:center; align-items:center;}
    .stp-2 .con .text .shl {width:130px;}
    .stp-2 .con .text .shr {text-align:left; padding-left:30px;}
    .stp-2 .con .text .shr h2 {font-size:44px; line-height:1.2; margin:0;}
    .stp-2 .con .text .shr p {font-size:18px;}
    .stp-2 .con .text p.desc { margin-top:40px; padding:0 5%; font-size:22px;}
    .stp-2 .con .img { margin:50px auto 0; text-align:center;}
    .stp-2 .con .img .t {margin-bottom:60px;}
    .stp-2 .con .img .t ul {padding:0 11%;}
    .stp-2 .con .img .t ul li {float:left; width:23.333333%; padding:0 4%;}
    .stp-2 .con .img .t ul li span { display:block; font-size:14px; color:#4d4d4d; line-height:1.2;}
    .stp-2 .con .img .t ul li img { margin-bottom:10px; border:1px solid #8d8d8d; border-radius:15px;}
    .stp-2 .con .img .t ul li:nth-child(2) ,
    .stp-2 .con .img .t ul li:nth-child(4) {width:15%; padding:6% 2% 0;}
    .stp-2 .con .img .t ul li:nth-child(2) img , 
    .stp-2 .con .img .t ul li:nth-child(4) img {border:none; border-radius:0;}
    .stp-2 .con .img .tf ul li { width:42.5%;}
    .stp-2 .con .img .tf ul li span {}
    .stp-2 .con .img .tf ul li img {border:none; border-radius:0; margin-bottom:20px;}
    .stp-2 .con .img .tf ul li:nth-child(2) {padding:13% 2% 0;}
    /**/
    .stp-2 .con .img .b {}
    .stp-2 .con .img .b ul {padding:0 5%;}
    .stp-2 .con .img .b ul li {float:left; width:33.333333%; padding:0 4%;}
    .stp-2 .con .img .b ul li img {margin-bottom:10px;}
    .stp-2 .con .img .b ul li span {}
    .stp-2 .con .img .b ul li img:nth-child(1) {width:40%; margin:0 auto 10px;}
    .stp-2 .con .img .b ul li img:nth-child(4) {margin-top:30px;}

    .stp-2 .tpd-3 {padding:0 0 80px;}


    /* .stp-3 */
    .stp-3 .tech-point-box .topic { position:relative; padding:300px 0; background:#000000 url("../images/tech-3-topic.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
    .stp-3 .tech-point-box .topic .mask {position:absolute; z-index:2; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0);}
    .stp-3 .topic h1 {font-size:72px; color:#FFFFFF;}

    /* .stp-4 */
    .stp-4 .topic_text { padding:100px 0 0; background:#000000;}
    .stp-4 .topic { padding:100px 0 150px; background:#000000;}
    .stp-4 .topic img {width:70%; margin:auto;}





























/***** 联系我们 *****/
#contact {}
#contact .navigation {border-bottom:1px solid #f2f2f2;}
#contact .copyright {border-top:1px solid #f2f2f2;}
.contact-box {padding:200px 0 110px; width:60%; margin:auto;}
.contact-box h2 {font-size:28px;}
    /*总部*/
    .zb {margin-bottom:100px;}
    .zb p {margin-top:40px;}
    /*监察举报*/
    .jb {margin-bottom:100px;}
    .jb .col {margin-top:40px;}
    .jb p {font-size:16px; margin-bottom:10px;}
    .jb ul {}
    .jb ul li {line-height:1.8; font-weight:bold;}
    .jb ul li span {}
    .jb ul li a {}
    .jb ul li .l {}
    .jb ul li .r {}
    /*办事处*/
    .bsc {}
    .bsc ul {margin-top:40px;}
    .bsc ul li {float:left; width:50%; margin-bottom:0; padding-right:40px;}
    .bsc ul li h3 {margin-bottom:20px; font-size:18px;}
    .bsc ul li p {}


/***** 使用条款 *****/
#terms {}
#terms .navigation {border-bottom:1px solid #f2f2f2;}
#terms .copyright {border-top:1px solid #f2f2f2;}
.terms-box {padding:160px 0 70px; width:60%; margin:auto;}
.terms-box h1 {text-align:center; font-size:32px;}
.terms-box .col {margin:40px 0;}
.terms-box h2 {font-size:22px; margin-bottom:20px;}
.terms-box p {font-size:16px; margin-bottom:10px;}