* { 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; 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 { font-style:normal; font-weight:600; line-height:1.2125em; text-rendering:optimizelegibility; }
p {}
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:"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_z9ccmayw8121q0k9/iconfont.eot');
    src: url('images/fonts/font_559608_z9ccmayw8121q0k9/iconfont.eot?#iefix') format('embedded-opentype'),
    url('images/fonts/font_559608_z9ccmayw8121q0k9/iconfont.woff') format('woff'),
    url('images/fonts/font_559608_z9ccmayw8121q0k9/iconfont.ttf') format('truetype'),
    url('images/fonts/font_559608_z9ccmayw8121q0k9/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;
  }




/****************************************/
/**************    公共    **************/
/***************************************/
/*分栏*/
.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:160px; 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:18px; color:#ffffff;}
/*模块标题(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:15px 50px; 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 {}

/* 按钮:查看更多 */
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 rgba(0,0,0,0.1); 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;}




/* 返回顶部 */
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;}

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



/****************************************/
/**************    首页    **************/
/****************************************/
/* 导航 */
.navigation{ position:fixed; left:0; top:0; z-index:999999; width:100%; background:#ffffff; -webkit-transition:all 0.2s; transition:all 0.2s; -moz-transition:all 0.2s;}
.navigation .row {}
.navigation .inner_navigation {}
.navigation .logo{ float:left; display:block; height:90px; line-height:90px; font-size:24px; color:#009FAB;}
.navigation .logo .beta-flag { padding:10px 0 10px 10px; font-size:12px; opacity:0.5;}
.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; color:#333333; 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;}
.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;}
.menu li.language a { float:left; padding:0 15px; font-size:14px; opacity:0.5;}
.menu li.language a.on { opacity:1;}
/* 默认二级菜单：白色 */
.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 {}
.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 {color:#ffffff; opacity:0.8;}
.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;}

    /* 首页、走进开立透明二级菜单 */
    .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-nav {box-shadow:0 10px 20px rgba(0, 0, 0, 0.05)!important; border:none!important; background:rgba(255,255,255,1)!important; }
.sticky-nav .logo {color:#009FAB!important; height:70px!important; line-height:70px!important; opacity:1!important;}
.sticky-nav li a {height:70px!important; line-height:70px!important; color:rgba(0,0,0,1)!important;}
.sticky-nav li:last-child a {border:none!important;}
.sticky-nav li a i {background:#000000!important; opacity:0.1!important;}
.sticky-nav li a i.arrow { opacity:1!important; color:rgba(0,0,0,0.3)!important; background:none!important;}
.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!important; line-height:50px!important; border-bottom:1px solid rgba(0,0,0,0.05);}
.sticky-nav .menu li .nav_submenu li a:hover {/*color:#009FAB!important;*/}


/* 全屏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;
  /* Center slide text vertically */
  /*
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  */
}
#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 .swiper-wrapper {}
#home .swiper-slide .text { position:absolute; z-index:2; left:50%; top:50%; width:60%; margin-left:-32%; text-align:center; color:#ffffff; opacity:0;}
#home .swiper-slide .text h1 { margin-bottom:20px; font-size:4.5em; line-height:1; letter-spacing:4px; padding-left:4px;}
#home .swiper-slide .text p {margin:0; font-size:32px; line-height:1; letter-spacing:5px; padding-left:5px;}
#home .swiper-slide .ma {display:none;}
#home .swiper-slide .btn-area {}
#home .swiper-slide .btn-area a { background:linear-gradient(to top, rgba(0,159,171,0), rgba(0,159,171,0.6)); 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 */}
#home .swiper-slide .btn-area a:hover { color:#ffffff; background:linear-gradient(to top, rgba(0,159,171,0), rgba(0,159,171,1));}
#home .swiper-slide .btn-area a:hover::before {display:none;}
#home .swiper-slide .mask {width:100%; height:100%; position:absolute; z-index:1; 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:-250px 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:50%;}
.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 40px; background:#ffffff url("images/spec-bg.jpg") no-repeat scroll top center / 100% auto; background-size:cover;}
.spec .spec-bg { display:none; height:400px;}
.spec .spec-box {}
.spec .spec-box h2 {margin-bottom:100px; position:relative; color:#ffffff; text-align:center; font-size:44px;}
.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:25%; overflow:hidden;}
.spec .spec-box ul li a {display:block; position:relative; margin-right:20px; height:400px; position:relative; display:block; padding:80px 40px; 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 */}
    /*1*/
    .spec .spec-box ul li:nth-child(1) a { text-align:left; background:url("images/spec-box-bg-1.jpg") no-repeat scroll top center / 100% auto; background-size:cover;}
    .spec .spec-box ul li:nth-child(1) a::before {background:url("images/spec-box-bg-1-hover.jpg") no-repeat scroll top center / 100% auto; background-size:cover;}
    /*2*/
    .spec .spec-box ul li:nth-child(2) a { text-align:center; background:url("images/spec-box-bg-2.jpg") no-repeat scroll top center / 100% auto; background-size:cover;}
    .spec .spec-box ul li:nth-child(2) a .text {left:0; top:50px; width:100%;}
    .spec .spec-box ul li:nth-child(2) a::before {background:url("images/spec-box-bg-2-hover.jpg") no-repeat scroll top center / 100% auto; background-size:cover;}
    /*3*/
    .spec .spec-box ul li:nth-child(3) a { text-align:left; background:url("images/spec-box-bg-3.jpg") no-repeat scroll top center / 100% auto; background-size:cover;}
    .spec .spec-box ul li:nth-child(3) a::before {background:url("images/spec-box-bg-3-hover.jpg") no-repeat scroll top center / 100% auto; background-size:cover;}
    /*4*/
    .spec .spec-box ul li:nth-child(4) a {background:url("images/spec-box-bg-4.jpg") no-repeat scroll top center / 100% auto; background-size:cover;}
    .spec .spec-box ul li:nth-child(4) a .text {left:0; top:50px; width:100%;}
    .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:40px; bottom:40px;}
.spec .spec-box ul li a img { opacity:0; 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: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 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 { color:#ffffff; line-height:1.5; 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; }
/*hover*/
.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;}

/* 品牌故事墙 */
.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 .img { float:left; width:50%; height:300px; line-height:300px; text-align:center; position:relative; }
.p-story ul li a .img::before {content:""; position:absolute; left:0; top:0; width:100%; height:100%;}
.p-story ul li:nth-child(1) a .img::after ,
.p-story ul li:nth-child(2) a .img::after { content:""; position:absolute; right:-10px; bottom:50%; 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 .img::after ,
.p-story ul li:nth-child(4) a .img::after { content:""; position:absolute; left:-10px; bottom:50%; 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%; height:300px; padding:60px 40px 40px; text-align:left;}
.p-story ul li a .text h2 {font-size:18px; margin-bottom:10px; transition:all 0.3s ease-out 0s;}
.p-story ul li a .text p {font-size:14px; opacity:0.7; transition:all 0.3s ease-out 0s;}
.p-story ul li a img {}
.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 .img {float:right;}
.p-story ul li:nth-child(3) a .text {float:left;}
.p-story ul li:nth-child(4) a .img {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 {}
.p-story ul li a:hover .img::before {opacity:0;}
.p-story ul li:nth-child(1) a:hover .img::after ,
.p-story ul li:nth-child(2) a:hover .img::after {right:-5px; border-right-color:#009FAB;}
.p-story ul li:nth-child(3) a:hover .img::after ,
.p-story ul li:nth-child(4) a:hover .img::after {left:-5px; 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;}
.player video {width:100%; height:100%;}
.player_bg { display:none; position:fixed; left:0; top:0; z-index:999997; background:#000000; opacity:0.8; width:100%; height:100%;}
.player iframe {width:100%; height:100%;}

/* 版权 */
.copyright {border-top:1px solid #f5f5f5; background:#ffffff;}
.copyright .inner-copyright {padding:80px 0 20px;}
/**/
.copyright .fl {width:65%;}
.copyright .fl p { font-size:14px; opacity:0.7;}
.copyright .fl .fl {width:65%;}
.copyright .fl .fr {width:20%;}
.copyright .fl .fr h4 {font-size:14px; margin-bottom:20px;}
.copyright .fl .fr ul {}
.copyright .fl .fr ul li {margin:0 0 7px 0;}
.copyright .fl .fr ul li a {font-size:14px; opacity:0.7;}
.copyright .fl .fr ul li a:hover {opacity:0.4;}
/**/
.copyright .fr {width:35%;}
.copyright .fr .fl {width:45%;}
.copyright .fr .fl .cate {}
.copyright .fr .fl .cate h4 {}
.copyright .fr .fl ul {}
.copyright .fr .fl ul li {float:left; width:75%; padding-right:50px; text-align:center;}
.copyright .fr .fl ul li p {font-size:12px;}
.copyright .fr .fl ul li a {}
.copyright .fr .fl ul li a:hover {opacity:0.5;}
.copyright .fr .fr {width:55%;}
.copyright .fr .fr h4 { font-size:12px; font-weight:normal; opacity:0.7;}
.copyright .fr .fr p {margin:4px 0 0 0; font-size:22px; line-height:1; overflow-wrap:break-word;}
.copyright .fr .fr p.phone-number {margin-bottom:20px; font-size:18px; font-weight:500;}
.copyright .fr .fr p.email {}
.copyright .fr .fr p a {font-size:18px; font-weight:500;}
.copyright .fr .fr p a:hover {text-decoration:underline;}
.copyright .fr .fr ul {margin-top:18px;}
.copyright .fr .fr ul li { width:30%; text-align:center;}
.copyright .fr .fr ul li img {display:block; width:100%; overflow:hidden;}
.copyright .fr .fr ul li p { margin-top:4px; font-size:12px; opacity:0.3; text-align:center;}
.copyright .beian {margin-top:30px;}
.copyright .beian p { padding-top:20px; font-size:12px; border-top:1px solid #f5f5f5;}
.copyright .beian p span {opacity:0.4;}
.copyright .beian a.vokodesign { padding:0 2px 0 10px; text-decoration:underline; opacity:0.4;}
.copyright .beian a.vokodesign:hover {opacity:0.5;}




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

/* 内页公共：栏目banner */
.temp_banner { margin-top:90px; width:100%; height:400px; position:relative;}
.temp_banner:before { position:absolute; left:0; top:0; content:""; width:100%; height:400px; 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 {color:#ffffff; opacity:0.8;}
#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;}
#about .menu li i.arrow { opacity:1; color:rgba(255,255,255,0.5); background:none;}
#about .menu li .nav_submenu li a {}
#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:28px; color:#ffffff; text-shadow: 0 5px 20px #8d8d8d;}
/**/
.about-group .ag-2 { padding:100px 0 0; text-align:center;}
.about-group .ag-2 .text {}
.about-group .ag-2 .text p { margin-bottom:40px; font-size:22px;}
.about-group .ag-2 .text p span {font-size:28px; color:#de8911;}
.about-group .ag-2 .img {}
.about-group .ag-2 .img ul {}
.about-group .ag-2 .img ul li {float:left; width:33.333333%;}
.about-group .ag-2 .img ul li .inner {padding-right:20px;}
.about-group .ag-2 .img ul li .inner img {}
.about-group .ag-2 .img ul li .inner p { margin-top:20px; font-size:16px;}
/**/
.about-group .ag-3 {padding:100px 0 100px; text-align:center;}
.about-group .ag-3 .text {}
.about-group .ag-3 .text p { margin-bottom:40px; font-size:22px;}
.about-group .ag-3 .text p span {font-size:28px; color:#de8911;}
.about-group .ag-3 .img {position:relative;}
.about-group .ag-3 .img .map { margin-top:200px; width:100%; height:664px; background:url("../images/ag-3.jpg") no-repeat scroll top center / 100% auto; background-size:cover;}
.about-group .ag-3 .img .citys { position:absolute; left:50%; top:-146px; margin-left:-522px; width:1044px; height:477px; background:url("../images/ag-3-1.png") no-repeat scroll top center / 100% auto;}
.about-group .ag-3 .img .text {margin-top:-100px;}
/**/
.about-group .ag-4 {text-align:center; color:#ffffff; height:800px; background:url("../images/ag-4.jpg") no-repeat scroll top center / 100% auto; background-size:cover;}
.about-group .ag-4 h1 { margin:250px 0 100px; font-size:64px;}
.about-group .ag-4 p {font-size:22px;}
/**/
.about-group .ag-5 {padding:100px 0 80px; text-align:center; background:#f8f8f8;}
.about-group .ag-5 h1 {font-size:44px;}
.about-group .ag-5 p {font-size:18px;}
.about-group .ag-5 video {width:100%;}
/**/
.about-group .ag-6 {padding:100px 0 0; text-align:center;}
.about-group .ag-6 h1 {font-size:44px;}
.about-group .ag-6 p {font-size:18px;}
.about-group .swiper-container { margin:80px 0 100px; height:500px;}
.about-group .swiper-slide {cursor:move; cursor:grab; width:300px; height:500px; text-align:center; background:none;}
.about-group .swiper-slide .text { color:#333333;}
.about-group .swiper-slide .text h6 { position:absolute; left:0; top:50%; margin-top:-60px; width:100%; font-size:24px; font-weight:600; overflow:hidden;}
.about-group .swiper-slide .text .vline { position:absolute; z-index:2; left:50%; top:50%; margin-left:-1px; margin-top:10px; display:block; width:2px; height:20px; background:#009FAB;}
.about-group .swiper-slide .text .circle {display:block; width:40px; height:40px; border:10px solid #ffffff; border-radius:100%; position:absolute; z-index:1; left:50%; top:50%; margin-left:-20px; margin-top:-20px; background:#009FAB;}
.about-group .swiper-slide .text .vline2 {position:absolute; left:auto; right:0; top:50%; margin:-5px 0 0 0; width:1px; height:10px;}
.about-group .swiper-slide .text .hline { position:absolute; left:0; top:50%; margin-top:-1px; display:block; width:100%; height:2px; background:#009FAB;}
.about-group .swiper-slide .text .box {position:absolute; left:0; top:auto; bottom:0; width:100%; height:auto;}
.about-group .swiper-slide .text .box .inner {position:relative; padding:25px 30px; height:200px; text-align:left; background:#f5f5f5;}
.about-group .swiper-slide .text .box .inner::before {content:""; position:absolute; left:50%; top:-10px; margin-left:-10px; border-bottom:10px solid #f5f5f5; border-left:10px solid transparent; border-right:10px solid transparent;}
.about-group .swiper-slide .text h1 { font-size:16px; font-weight:500;}
.about-group .swiper-slide .text img {display:none; margin:auto; width:300px; height:auto;}
.about-group .swiper-slide .text ul {}
.about-group .swiper-slide .text ul li { position:relative; margin:10px 0 0; font-size:14px; line-height:1.;}
.about-group .swiper-slide .text ul li:before {content:""; position:absolute; left:-15px; top:9px; width:6px; height:6px; border-radius:100%; background:#000000; opacity:0.1;}
.about-group .swiper-button-next, 
.about-group .swiper-button-prev {background-color:rgba(0,0,0,0.5);}
.about-group .swiper-pagination {display:none;}
/*基、偶列表翻转*/
.about-group .swiper-slide:nth-child(odd) {}
.about-group .swiper-slide:nth-child(odd) h6 {margin-top:25px;}
.about-group .swiper-slide:nth-child(odd) .text .vline {margin-top:-30px;}
.about-group .swiper-slide:nth-child(odd) .text .vline2 {margin:-5px 0 0 0;}
.about-group .swiper-slide:nth-child(odd) .text .box {top:0;}
.about-group .swiper-slide:nth-child(odd) .text .box .inner::before { top:auto; bottom:-10px; border-top:10px solid #f5f5f5; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:none;}
/**/
.about-group .swiper-slide:nth-child(1) .text .box .inner { padding:0; text-align:center;}
.about-group .swiper-slide:nth-child(1) .text h1 {height:200px; line-height:200px;}
.about-group .swiper-slide:nth-child(6) .text .box .inner { color:#ffffff; background:#009AAB;}



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


/***** 产品及应用 *****/
#product {}
#product .navigation { position:static;}
#product .page-title {text-align:left;}
#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;}
/**/
.p-group {padding:30px 0; background:#f5f5f5;}
.p-group h2 {margin-bottom:30px;}
.p-group ul {}
.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:270px; 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 {}
.sel-product-detail .navigation {border-bottom:1px solid #f2f2f2;}
.p-detail {margin-top:200px;}
/**/
.p-detail .topic {text-align:center; margin-bottom:10px;}
.p-detail .topic h1 {font-size:60px;}
.p-detail .topic p {font-size:28px;}
/**/
.p-detail .feature {margin:0 0 60px 0;}
.p-detail .feature ul {}
.p-detail .feature ul li {float:left; width:33.333333%; padding:40px; text-align:center; border-right:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2;}
.p-detail .feature ul li:nth-child(4),
.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(3),
.p-detail .feature ul li:nth-child(6) {border-right:none;}
.p-detail .feature ul li h2 {font-size:28px; margin-bottom:10px;}
.p-detail .feature ul li p {margin:0; font-size:16px; height:100px; overflow:hidden;}
/**/
.p-detail .p-video { margin-bottom:100px; width:100%; padding:100px 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:48px; margin:40px 0 40px;}
.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:28px; margin-bottom:20px;}
.p-detail .lr-list ul li .r p {font-size:18px;}
.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:48px; text-align:center; color:#ffffff;}
.p-detail .p-pic img {display:block; margin:auto;}
/**/
.p-detail .cols-pic {margin-bottom:60px;}
.p-detail .cols-pic h2 {text-align:center; font-size:28px; margin-bottom:20px;}
.p-detail .cols-pic p {text-align:center; font-size:18px; width:60%; margin:0 auto 30px;}
.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:36px; width:60%; margin:auto;}



/***** 产品专题页：内镜 *****/
.sel-product-detail-2 {}
.sel-product-detail-2 .p-detail {margin-top:90px;}
    /**/
    .d2-1 {height:680px; background:url("../images/p2/001.jpg") no-repeat scroll center center / 100% auto;}
    .d2-1 .text { float:right; margin-top:250px; text-align:center;}
    .d2-1 h1 { font-size:64px; color:#ffffff;}
    .d2-1 p { font-size:28px; color:#ffffff;}
    /*d2-2*/
    .d2-2 { padding:150px 0; background:#000000;}
    .d2-2 .text {float:left; width:35%; margin-top:100px;}
    .d2-2 p {font-size:18px; color:#ffffff; line-height:2; opacity:0.8;}
    .d2-2 p em {display:inline-block; margin-right:10px; width:4px; height:4px; border-radius:100%; vertical-align:middle; background:#ffffff; opacity:0.5;}
    .d2-2 .img {float:right; width:65%; height:500px; background:#000000 url("../images/p2/002.jpg") no-repeat scroll center center / 100% auto;}
    /*d2-3*/
    .d2-3 { padding:150px 0; text-align:center;}
    .d2-3 img {margin:0 auto 20px; width:50%;}
    .d2-3 img.tb {width:80%;}
    .d2-3 p {text-align:center; width:80%; margin:0 auto 40px;}
    /*d2-4*/
    .d2-4 { padding:200px 0; text-align:center; background:url("../images/p2/004.jpg") no-repeat fixed center center / 100% auto; background-size:cover;}
    .d2-4 h2 { margin-bottom:20px; text-align:center; font-size:48px; color:#ffffff;}
    .d2-4 p { margin-bottom:80px; text-align:center; font-size:18px; color:#ffffff;}
    .d2-4 .tab { display:none; border:1px solid rgba(255,255,255,0.5);}
    .d2-4 .tab a {display:inline-block; padding:10px 15px; font-size:14px; color:#ffffff;}
    .d2-4 .tab a:nth-child(1) , .d2-4 .tab a:nth-child(2) {border-right:1px solid rgba(255,255,255,0.5);}
    .d2-4 ul {}
    .d2-4 ul li {float:left; width:50%;}
    .d2-4 ul li .inner {padding-right:20px;}
    .d2-4 ul li img {margin-right:20px;}
    .d2-4 ul li h4 { margin-top:20px; font-size:16px; color:#ffffff;}
    /*d2-5*/
    .d2-5 { padding:150px 0; text-align:center;}
    .d2-5 h2 { margin-bottom:20px; text-align:center; font-size:48px; color:#333333;}
    .d2-5 p { margin-bottom:40px; text-align:center; font-size:18px; color:#333333;}
    .d2-5 img {width:50%;}
    /*d2-6*/
    .d2-6 { padding:100px 0 0; background:#e0f4f3;}
    .d2-6 .text {float:right; width:30%; margin-top:150px;}
    .d2-6 .text h2 {font-size:48px; margin-bottom:20px;}
    .d2-6 p {font-size:18px; line-height:1.8;}
    .d2-6 p em {display:inline-block; margin-right:10px; width:4px; height:4px; border-radius:100%; vertical-align:middle; background:#ffffff; opacity:0.5;}
    .d2-6 .img {float:left; width:60%; height:600px; background:url("../images/p2/006.jpg") no-repeat scroll top center / 100% auto; background-size:contain;}
    /*d2-7*/
    .d2-7 { padding:100px 0 0; background:#f4f4f4 url("../images/p2/007.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
    .d2-7 .text {float:left; width:35%; margin:150px 0 250px;}
    .d2-7 .text h2 {font-size:48px; margin-bottom:20px;}
    .d2-7 p {font-size:18px; line-height:1.8;}
    .d2-7 p em {display:inline-block; margin-right:10px; width:4px; height:4px; border-radius:100%; vertical-align:middle; background:#ffffff; opacity:0.5;}
    .d2-7 .img {float:left; width:65%; height:600px;}
    /*d2-8*/
    .d2-8 {background:#000000;}
    .d2-8 .cell-1 {background:url("../images/p2/008-1.jpg") no-repeat scroll center top / 100% auto;}
    .d2-8 .cell-2 {background:url("../images/p2/008-1.jpg") no-repeat scroll center top / 100% auto;}
    /*d2-9*/
    .d2-9 {padding:60px 0; background:#f8f8f8;}
    .d2-9 .shead {padding:40px 0; text-align:center;}
    .d2-9 .shead h3 {font-size:48px; text-align:center;}
    .d2-9 .b-box {}
    .d2-9 .b-box .bl {float:left; width:50%;}
    .d2-9 .b-box .bl .inner {margin-right:10px; background:#ffffff;}
    .d2-9 .b-box .br {float:right; width:50%;}
    .d2-9 .b-box .br .inner {margin-left:10px; background:#ffffff;}
    .d2-9 .b-box .para {padding:60px 0;}
    .d2-9 .b-box .para ul {}
    .d2-9 .b-box .para ul li {float:left; width:50%;}
    .d2-9 .b-box .para ul li p {line-height:2.4; font-size:12px;}
    .d2-9 .b-box .para ul li.l { padding-right:20px; text-align:right; color:#8d8d8d;}
    .d2-9 .b-box .para ul li.r { padding-left:20px; text-align:left; color:#8d8d8d;}


/***** 产品专题页：SC-8000 *****/
.sel-product-detail-3 {}
.sel-product-detail-3 .p-detail {margin-top:90px;}
    /**/
    .d3-1 { padding:100px 0 0; overflow:hidden;}
    .d3-1 .text { margin:0 0 20px; text-align:center;}
    .d3-1 h1 { font-size:64px;}
    .d3-1 p { font-size:28px;}
    .d3-1 .img { margin:auto; width:50%; height:500px; background:url("../images/p3/001.jpg") no-repeat scroll top center / 100% auto;}
    /**/
    .d3-2 { padding:100px 0px; color:#ffffff; text-align:center; background:#80abc7;}
    .d3-2 ul {}
    .d3-2 ul li {float:left; width:25%;}
    .d3-2 ul li .inner {padding:0 20px;}
    .d3-2 ul li img {width:150px; height:150px; margin:0 auto 30px;}
    .d3-2 ul li h2 {margin-bottom:20px; font-size:18px;}
    .d3-2 ul li p {text-align:left;}
    /**/
    .d3-3 { padding:150px 0 0;}
    .d3-3 .text {float:left; width:45%; margin-top:100px;}
    .d3-3 .text h1 {margin-bottom:40px;}
    .d3-3 .text p {line-height:2.4;}
    .d3-3 .img {float:right; width:55%; height:620px; background:url("../images/p3/003.jpg") no-repeat scroll top center / 100% auto;}
    /**/
    .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;}
    .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:22px; margin-bottom:20px;}
    .d3-4 ul li p {font-size:14px; text-align:left;}
    /**/
    .d3-5 { padding:100px 0; color:#ffffff;}
    .d3-5 .img { margin:auto; width:60%; height:400px;  background:url("../images/p3/005.jpg") no-repeat scroll top center / 100% auto;}
    .d3-5 ul {color:#333333; text-align:center; padding:60px 0 0;}
    .d3-5 ul li {float:left; width:25%;}
    .d3-5 ul li .inner {padding-right:20px;}
    .d3-5 ul li h2 {font-size:18px; margin-bottom:20px;}
    .d3-5 ul li p {text-align:left;}
    /**/
    .d3-6 { padding:200px 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;}
    .d3-6 .text p {}
    /**/
    .d3-7 { margin-top:10px; padding:200px 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;}
    .d3-7 .text p {}


/***** 产品专题页：超声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:45%; margin-top:200px; text-align:center;}
    .d4-1 h1 { font-size:64px;}
    .d4-1 p { font-size:28px;}
    .d4-1 .img {float:right; width:50%; height:800px; background:url("../images/p4/001.jpg") no-repeat scroll top center / 100% auto;}
    /**/
    .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:40%;}
    .d4-2 .text p {font-size:18px;}
    .d4-2 ul {margin-top:60px;}
    .d4-2 ul li {float:left; width:50%; margin-bottom:10px;}
    /**/
    .d4-3 {padding:150px 0;}
    .d4-3 .img {float:left; width:40%; height:550px; background:url("../images/p4/003.jpg") no-repeat scroll top center / 100% auto;}
    .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;}
    .d4-3 .text p {}
    /**/
    .d4-4 {padding:150px 0; background:#f2f2f2;}
    .d4-4 .text {float:left; width:50%;}
    .d4-4 .text h1 {margin-bottom:40px;}
    .d4-4 .text ul {}
    .d4-4 .text ul li {float:left; width:50%; margin-bottom:10px;}
    .d4-4 .img { float:right; margin-top:-250px; width:50%; height:650px; background:url("../images/p4/004.png") no-repeat scroll top center / 100% auto;}


/***** 产品专题页：超声P50 *****/
.sel-product-detail-5 {}
.sel-product-detail-5 .p-detail {margin-top:90px;}
    /**/
    .d5-1 { padding:100px 0 0; color:#ffffff; height:800px; background:url("../images/p5/001.jpg") no-repeat scroll top center / 100% auto; background-size:cover;}
    .d5-1 .text { float:right; width:auto; margin-top:200px; text-align:center;}
    .d5-1 h1 { font-size:64px;}
    .d5-1 p { font-size:28px;}
    /**/
    .d5-2 {}
    .d5-2 .text {float:right; width:40%;}
    .d5-2 .text h1 { margin:230px 0 20px 0;}
    .d5-2 .text p {}
    .d5-2 .img { float:left; width:60%; height:700px; background:url("../images/p5/002.jpg") no-repeat scroll top center / 100% auto;}
    /**/
    .d5-3 { padding:120px 0 0; text-align:center; 
    background: -webkit-linear-gradient(#cccccc, blue); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(red, blue); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#cccccc, blue); /* Firefox 3.6 - 15 */
    background: linear-gradient(rgba(0,0,0,0.05) , rgba(0,0,0,0) , rgba(255,255,255,1)); /* 标准的语法 */
    }
    .d5-3 .text {}
    .d5-3 .text h1 {margin-bottom:20px;}
    .d5-3 .text p { margin:auto; width:60%;}
    .d5-3 .text ul {margin:60px auto; width:80%;}
    .d5-3 .text ul li {float:left; width:25%;}
    .d5-3 .text ul li .inner {padding:0 40px;}
    .d5-3 .text ul li img {width:100%; padding:10px; border:1px solid #f2f2f2;}
    .d5-3 .text ul li p {margin-top:10px; font-size:14px; 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:25%;}
    .d5-4 ul li .inner {padding:0 40px;}
    .d5-4 ul li h2 {font-size:18px; margin-bottom:30px;}
    .d5-4 ul li img {margin-bottom:30px;}
    .d5-4 ul li p {font-size:14px; overflow:hidden;}
    /**/
    .d5-5 { padding:120px 0; text-align:center;}
    .d5-5 .text {}
    .d5-5 .text h1 {}
    .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 { margin-bottom:200px; position:relative;  text-align:center;}
    .d5-6 ul {position:relative; z-index:1;}
    .d5-6 ul li {float:left; width:33.333333%;}
    .d5-6 ul li .inner { margin-bottom:20px; padding-right:20px;}
    .d5-6 ul li img {}
    .d5-6 .bg { position:absolute; top:50%; right:0; margin-top:-240px; width:200px; height:480px; background:url("../images/p5/006.jpg") no-repeat scroll top right / 100% auto;}



/***** 产品专题页：超声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:45%; margin-top:200px; text-align:center;}
    .d6-1 h1 { font-size:64px;}
    .d6-1 p { font-size:28px;}
    .d6-1 .img { float:right; width:55%; height:768px; background:url("../images/p6/001.jpg") no-repeat scroll top center / 100% auto;}
    /**/
    .d6-2 { padding:100px 0 0; background:#f2f2f2;}
    .d6-2 .text {float:right; width:45%; margin-top:50px;}
    .d6-2 .text p { margin-bottom:50px;}
    .d6-2 .text img {width:80%; margin:auto;}
    .d6-2 .img { float:left; width:45%; 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 {color:#d9b766; margin-bottom:30px;}
    .d6-3 .text p {}
    /**/
    .d6-4 {padding:120px 0;}
    .d6-4 .text {float:right; width:50%; padding-left:60px;}
    .d6-4 .text h1 {color:#d9b766; margin-bottom:30px;}
    .d6-4 .text p {}
    .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:16px;}
    .d6-4 .text ul li p {font-size:14px;}
    .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 {color:#d9b766; margin-bottom:30px;}
    .d6-5 .text p {margin-bottom:50px;}
    .d6-5 .text ul {}
    .d6-5 .text ul li {float:left; width:50%; margin-bottom:20px;}
    .d6-5 .img { float:right; width:50%; height:400px; background:url("../images/p6/005.jpg") no-repeat scroll top center / 100% auto; background-size:cover;}
    /**/
    .d6-6 {padding:40px 0 150px; text-align:center;}
    .d6-6 .text {}
    .d6-6 .text h1 {color:#d9b766; margin-bottom:30px;}
    .d6-6 .text p {}
    .d6-6 .img { margin:50px auto 0; width:80%; height:1000px; background:url("../images/p6/006.jpg") no-repeat scroll top center / 100% auto;}


/***** 产品专题页：超声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:64px; color:#ffffff;}
    .d7-1 p { font-size:28px; 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:18px;}
    .d7-2 ul {margin-top:80px;}
    .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;}
    .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-sc .swiper-container {padding:80px 0 100px;}
    .d7-sc .swiper-container .swiper-slide {}
    .d7-sc .img-box {text-align:center;}
    .d7-sc .img-box img {display:block; border:1px solid #666;}
    .d7-sc .img-box h4 { margin-top:20px; font-size:18px; color:#ffffff;}
    .d7-sc .img-box p { margin:10px auto 0; font-size:14px; color:#ffffff; width:60%; opacity:0.8;}
    /**/
    .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:18px;}
    .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:40%;}
    .d7-4 .text {float:right; width:60%;}
    .d7-4 h2 { margin:120px 0 20px; font-size:44px;}
    .d7-4 p {}
    .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:14px; font-weight:normal;}
    /**/
    .d7-4 ul li:nth-child(2) .inner ,
    .d7-4 ul li:nth-child(4) .inner {margin-top:100px;}
    {margin-top:100px;}
     


/***** 产品专题页：超声P40 *****/
.sel-product-detail-8 {}
.sel-product-detail-8 .p-detail {margin-top:90px;}
    /**/
    .d8-1 {padding:200px 0 400px; background:#f2f2f2 url("../images/p8/001.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
    .d8-1 .text { text-align:center; color:#333333;}
    .d8-1 h1 { font-size:56px; line-height:1;}
    .d8-1 p { font-size:28px; line-height:1; margin-top:5px;}
    .d8-1 h2 { font-size:50px; margin-top:20px;}
    /**/
    .d8-2 {padding:250px 0; background:#000000 url("../images/p8/002.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
    .d8-2 .text {text-align:center; color:#ffffff;}
    .d8-2 .text h1 {font-size:64px; margin-bottom:40px;}
    .d8-2 .text p {width:50%; margin:auto;}
    /**/
    .d8-3 {padding:150px 0;}
    .d8-3 .text {}
    .d8-3 h1 { font-size:56px; 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:40px 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:56px; 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:56px; 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:100%;}
    .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:56px; 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;}
    .d8-6 .bg-img { margin:auto; width:250px; height:auto;}
    /**/
    .d8-7 { padding:150px 0; background:#000000;}
    .d8-7 .text {color:#ffffff; text-align:center;}
    .d8-7 h1 {font-size:56px; margin-bottom:80px;}
    .d8-7 ul {overflow:hidden;}
    .d8-7 ul li {float:left; margin-bottom:20px; width:33.333333%;}
    .d8-7 ul li .inner {margin-right:20px; padding:20px; border:1px solid rgba(255,255,255,0.2);}
    .d8-7 ul li img { }
    .d8-7 ul li h4 { margin:20px 0; 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:250px; width:40%; text-align:center;}
    .d9-1 .text h1 {font-size:56px;}
    .d9-1 .text p {font-size:24px;}
    .d9-1 .img {float:right; width:60%;}
    /**/
    .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-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 {}
    .d9-3 .text ul li {float:left; width:50%;}
    .d9-3 .text ul li h2 {margin-bottom:20px;}
    .d9-3 .text ul li span {margin:0 4px; padding:5px 10px; font-size:14px; 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:55%;}
    .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:22px;}
    .d9-4 .text ul li p {font-size:16px; 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-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:24px; margin-bottom:30px;}
    .d9-6 ul li .text p {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:64px; line-height:1;}
    .d10-1 p { font-size:18px; line-height:1; margin-top:5px;}
    .d10-1 h2 {font-size:64px; 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:24px; margin-bottom:10px;}
    .d10-2 .text ul li p {font-size:18px;}
    /**/
    .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:100px; color:#ffffff;}
    .d10-3 .text ul {margin-top:50px;}
    .d10-3 .text ul li {margin-bottom:60px;}
    .d10-3 .text ul li h2 {font-size:24px; margin-bottom:10px;}
    .d10-3 .text ul li p {font-size:18px;}
    /**/
    .d10-4 {padding:150px 0;}
    .d10-4 .text {text-align:center;}
    .d10-4 .text h1 {font-size:60px; margin-bottom:10px;}
    .d10-4 .text p {font-size:18px;}
    .d10-4 ul {margin-top:40px;}
    .d10-4 ul li {float:left; width:33.333333%;}
    .d10-4 ul li .inner {padding:0 20px 20px 0;}
    .d10-4 ul li img {display:block;}


/***** 服务与支持 *****/
#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;}
/**/
.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 {cursor:default; position:relative; margin-right:20px; display:flex; align-items:center; justify-content:center; height:200px; 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: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: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:#8d8d8d;}
/*hover*/
/**/
.support-box .sb-fill {padding:0 0 40px;}
.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:300px; 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 { position:absolute; left:0; top:0; content:""; width:100%; height:300px; background:rgba(0, 0, 0, 0.5); 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 .cell {}
.support-box .sb-fill li a h4 { position:relative; font-size:28px;}
/*hover*/
.support-box .sb-fill li a:hover::before { background:rgba(0, 159, 171, 0.9);}
.support-box .sb-fill li a span { padding:30px; border-radius:100%; color:#ffffff; background:#009FAB;}
.support-box .sb-fill li a:hover span { color:#009FAB; font-size:64px; background:#ffffff;}
    /**/
    .support-box .sb-fill li.sbl a {background:#000000 url("images/sb-fill-bg-1.jpg") no-repeat scroll center center / 100% auto;}
    /**/
    .support-box .sb-fill li.sbr a {background:#000000 url("images/sb-fill-bg-2.jpg") no-repeat scroll center center / 100% auto;}
    .support-box .sb-fill li.sbr a::before {}
.support-box .sb-fill li a:hover {background-size:120% auto;}
/**/
.support-box .s-point {padding:80px 0 60px; 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:36px; margin-bottom:30px;}
.support-box .s-point .title p {color:#333333; font-size:14px; opacity:0.5;}
.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:-200px 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:80%; 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:18%;}
.support-box .s-point .radiation .note:nth-child(2) {right:10.3%; top:23.5%;}
.support-box .s-point .radiation .note:nth-child(3) {right:12.8%; top:29.9%;}
.support-box .s-point .radiation .note:nth-child(4) {right:14.5%; top:37.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:75.8%; top:32.15%;}
.support-box .s-point .radiation .note:nth-child(8) {right:22.8%; top:43.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:31.15%; top:46.35%;}
.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:28.55%; top:52.5%;}
.support-box .s-point .radiation .note:nth-child(13) {right:11.85%; top:60.55%;}
.support-box .s-point .radiation .note:nth-child(14) {right:16.45%; top:58.75%;}
.support-box .s-point .radiation .note:nth-child(15) {right:21.15%; top:55%;}
.support-box .s-point .radiation .note:nth-child(16) {right:16.55%; top:65.95%;}
.support-box .s-point .radiation .note:nth-child(17) {right:24.95%; top:54.95%;}
.support-box .s-point .radiation .note:nth-child(18) {right:29.55%; top:65.55%;}
.support-box .s-point .radiation .note:nth-child(19) {right:34.35%; top:73.55%;}
.support-box .s-point .radiation .note:nth-child(20) {right:25.1%; top:71.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:32.25%; top:93.95%;}
.support-box .s-point .radiation .note:nth-child(23) {right:26.35%; top:79.65%;}
.support-box .s-point .radiation .note:nth-child(24) {right:34.15%; top:81.45%;}
.support-box .s-point .radiation .note:nth-child(25) {right:14.35%; top:72.45%;}
.support-box .s-point .radiation .note:nth-child(26) {right:43.95%; top:64.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:39.85%; top:74.15%;}
.support-box .s-point .radiation .note:nth-child(29) {right:46.0%; top:79.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:21.65%; top:39.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; 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;}
.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:36px;}
.support-box .support-list .shead p {font-size:18px; color:#8d8d8d;}
.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/career-banner.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
#career .career-group {}
/**/
.career-type {}
.career-type ul {position:relative; margin:20px auto 100px;}
.career-type ul li {float:left; width:33.333333%; text-align:center; color:#ffffff;}
.career-type ul li a { position:relative; margin-right:20px; display:flex; align-items:center; justify-content:center; height:220px; 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;}
.career-type ul li span { margin:auto; display:block; width:64px; height: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 */}
.career-type ul li:nth-child(1) span {background:url("images/career-icon-1.svg") no-repeat scroll center center / 100% auto;}
.career-type ul li:nth-child(2) span {background:url("images/career-icon-2.svg") no-repeat scroll center center / 100% auto;}
.career-type ul li:nth-child(3) span {background:url("images/career-icon-3.svg") no-repeat scroll center center / 100% auto;}
.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:#8d8d8d;}
/*hover*/
/**/
#career .cg-1 {}
#career .cg-1 h2 {font-size:22px; text-align:center; line-height:1.6; margin:auto;}
#career .cg-1 .p-story { margin:80px 0 120px; padding:0;}
#career .cg-1 .p-story ul {overflow:hidden;}
#career .cg-1 .p-story ul li{width:20%;}
#career .cg-1 .p-story ul li a {cursor:default;}
#career .cg-1 .p-story ul li a .text { float:none; width:100%; padding:30px; height:auto;}
#career .cg-1 .p-story ul li a .text h2 { color:#009FAB; margin:0 0 5px 0; padding:0; font-size:28px;}
#career .cg-1 .p-story ul li a .text p { color:#009FAB; font-size:14px; line-height:1.6;}
#career .cg-1 .p-story ul li a.t {}
#career .cg-1 .p-story ul li a.t .text {position:absolute; left:0; top:0;}
#career .cg-1 .p-story ul li:nth-child(14) .text {display:none;}
#career .cg-1 .p-story ul li:nth-child(16) {display:none;}
/**/
#career .cg-2 { padding:0 0 120px; text-align:center;}
#career .cg-2 h1 {font-size:36px; margin:0 auto 20px;  width:60%;}
#career .cg-2 p {font-size:22px;  width:60%; margin:auto;}
/**/
#career .cg-3 {padding:100px 0; text-align:center; background:#f8f8f8;}
#career .cg-3 h1 {font-size:36px; margin-bottom:0;}
#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:16px; word-break:keep-all;/*不换行*/ white-space:nowrap;/*不换行*/ overflow:hidden;/*内容超出宽度时隐藏超出部分的内容*/ text-overflow:ellipsis;/*当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用*/}
/**/
.sel-career .career-group img { display:block; margin: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-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:#000000 url("images/temp-banner-11.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
#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;}
#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:50%;}
        .A-table-1 .col-3 {width:20%;}
        .A-table-1 .col-4 {width:20%;}
        /**/
        .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 100px;}
.tech-point-box .topic {margin-bottom:20px;}
.tech-point-box .topic img {}
.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;}





/***** 通用产品详情页模板 *****/
.p-detail-normal { margin:0; padding:200px 0 100px; overflow:hidden;}
.p-detail-normal .row {}
.p-detail-normal .topic {float:left; padding:60px; width:40%; border:1px solid #f2f2f2;}
.p-detail-normal .topic img {width:100%;}
.p-detail-normal .text {float:right; width:60%; padding-left:80px; font-size:16px; line-height:1.8;}
.p-detail-normal .text h4 {font-size:44px; margin-bottom:20px;}