/*
======================================================================
*	Author:				    www.vokodesign.com
*	Creation Date:		2020-7-20
======================================================================
*/




/* css reset */
* { margin:0; padding:0;}
*, *:before, *:after {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
p { line-height:1.8;}
img { max-width:100%; flex-shrink:0; 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
{ line-height:1.2125em; text-rendering:optimizelegibility; font-weight:bold;}
html.no-scroll {overflow-y:hidden;}
body {min-width:320px; -webkit-font-smoothing:antialiased; color:#333333; font-style:normal; background:#ffffff;}
html {overflow:scroll; overflow-x:hidden; /*font-family:MyriadPro-Regular,Arial,Verdana,sans-serif;*/ font-family:"Helvetica Neue",Helvetica,"PingFang SC","Microsoft Yahei","WenQuanYi Micro Hei",Arial,Verdana,sans-serif;}




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

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




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

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

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

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

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

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

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



/****************************************/
/**************    公共    **************/
/***************************************/
/*分栏*/
.row {margin:0 auto; padding:0 20px; max-width:1200px; 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{}
.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; text-transform:capitalize;}
.page-title h4 {font-size:36px; color:#ffffff; line-height:1;}
.page-title p{ margin-top:30px; font-size:22px; color:#ffffff; width:50%; line-height:1.8;}
/*？楸晏(EN)*/
.page-title-en {}
.page-title-en p{}
/*模块标题-单个标题且居中*/
.page-title-simple {}
.page-title-simple h3{text-align:center; margin:0;}
/*按钮：默认*/
a.btn { display:inline-block; padding:10px 40px; position:relative; font-size:16px; color:#ffffff; background:#202061; overflow:hidden; transition:none;-moz-transition:none;/* Firefox 4 */ -webkit-transition:none;/* Safari 和 Chrome */ -o-transition:none;/* Opera */}
a.btn span {position:relative; z-index:1; padding-left:3px; 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::before {display:block; content:""; position:absolute; top:0; right:0; bottom:0; left:0; transform:translate3d(0px, 100%, 0px); background:#000000; 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:hover {/*color:#111111;*/}
a.btn:hover::before {transform:translateZ(0px);}

.play {display:inline-block; width:60px; height:60px; line-height:60px; font-size:22px; text-align:center; text-indent:5px; 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 */}
/*搜索框*/
.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%;}




/* 按钮:查看更多 */
a.more {position:relative; display:block; margin:auto; width:160px; height:50px; line-height:50px; font-size:16px; text-align:center; border:1px solid rgba(0,0,0,0.2); background:#ffffff;}
a.more i {position:absolute; top:13px; display:inline-block; color:rgba(255,255,255,0); font-size:24px; 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:hover {text-indent:-6px; color:#ffffff; border-color:#4d4d4f; background:#4d4d4f;}
a.more:hover i {text-indent:0px; color:rgba(255,255,255,1);}
/**/
a.more_transparent {border:1px solid rgba(255,255,255,0.5); color:#ffffff; background:none;}
a.more_transparent:hover {color:#000000; border:1px solid rgba(255,255,255,1); background:rgba(255,255,255,1);}
a.more_transparent:hover i {color:#000000;}
/**/
a.more_no_rect {border:none; background:#FFFFFF;}
/**/
a.more_gray {border:none; color:#FFFFFF; background:#4d4d4f;}


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

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


/* lightbox */
.lightbox {display:none;}
.lightbox .inner {width:750px; height:450px; position:absolute; z-index:21; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); background:#ffffff;}
.lightbox img {display:block; width:100%; height:auto;}
.lightbox .close { position:absolute; z-index:1; left:50%; bottom:-100px; margin-left:-25px; display:block; width:50px; height:50px; border:1px solid #4d4d4d; border-radius:100%; cursor:pointer; background:url("/statics/css/images/close.svg") no-repeat center center / 20px auto;}
.lightbox .close::before {content:""; position:absolute; left:50%; bottom:48px; width:1px; height:51px; background:#4d4d4d;}
.lightbox::after {content:""; width:100%; height:100%; position:fixed; left:0; top:0; z-index:20; background:#000000; opacity:0.8;}

/* 返回顶部 */
a.rTop {display:none; width:48px; height:48px; line-height:40px; font-size:28px; color:#ffffff; text-align:center; position:fixed; z-index:10; right:30px; bottom:50px; background:#f8f8f8 url("images/top.svg"); background-position:center center; background-size:30% auto; background-repeat:no-repeat;}
a.rTop:hover {opacity:0.8;}

/* 分页 */
#pages { margin:0 0 100px 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:#283ca0; color:#ffffff;}
#pages a:hover {border:1px solid rgba(0,0,0,0.2);}


/***** 当前页面导航颜色 *****/
#product-detail .navigation .menu > ul > li:nth-child(1) > a,
#news .navigation .menu > ul > li:nth-child(2) > a,
#learn .navigation .menu > ul > li:nth-child(3) > a,
#about .navigation .menu > ul > li:nth-child(4) > a,
#service .navigation .menu > ul > li:nth-child(5) > a{opacity:1;}


/* font-size */
.font44 {font-size:44px;}
.font32 {font-size:32px;}
.font28 {font-size:28px;}
.font24 {font-size:24px;}
.font22 {font-size:22px;}
.font18 {font-size:18px;}
.font16 {font-size:16px;}
.font14 {font-size:14px;}
.font12 {font-size:12px;}




/****************************************/
/**************    首页    **************/
/****************************************/
/* 导航 */
.navigation{position:absolute; left:0; top:0; z-index:20; width:100%; background:#ffffff; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; }
.navigation .row {}
.navigation .inner-navigation {position:relative;}
.navigation .logo{ float:left; display:block; width:139px; height:42px; margin-top:22px; background-image:url('/statics/css/images/logo.png'); background-repeat:no-repeat; background-size:100% auto; background-position:center right; transition:opacity 0.3s ease-out 0s;}
.navigation .logo img {display:block; width:100%;}
.menu{ list-style:none; text-align:right; float:right;}
.menu ul {}
.menu li{ float:left; margin-right:0px; position:relative;}
.menu>ul>li:nth-child(7) {display:none;}
.menu li a{ position:relative; padding:0 32px; font-size:14px; font-weight:bold; text-align:center; height:80px; line-height:80px; text-transform:capitalize; font-style:normal; text-rendering:optimizeLegibility; display:block; word-break: keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:opacity 0.3s ease-out 0s; -moz-transition:opacity 0.3s ease-out 0s; /* Firefox 4 */ -webkit-transition:opacity 0.3s ease-out 0s; /* Safari 和 Chrome */ -o-transition:opacity 0.3s ease-out 0s; /* Opera */}
.menu li a:hover {}
.menu li:nth-child(4) a::after{display:none;}
.menu li.language {margin-left:20px;}
.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:50%; top:80px; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%); width:calc(100% - 0px); background:url("/statics/css/images/nav-ul-arrow.svg") no-repeat center top; -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; height:50px; font-weight:normal; line-height:50px; padding:0 10px; border-bottom:1px solid rgba(255,255,255,0.1);}
.menu li .nav-submenu li:last-child a {border:none;}
/*
.menu li a.arrow {position:relative;}
.menu li a.arrow:before {display:none; content:""; width:10px; height:10px; position:absolute; right:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); background:url("/statics/css/images/arrow.svg") no-repeat center top / 100% auto; opacity:0.5;}
*/
.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, 0.22);}
*/
/* 白色二级菜单，适用于：产品详情页、新闻详情页、法律、学术园地更多、学术园地详情页等页面 */
/*.sel-product-detail .menu li .nav-submenu,
.sel-news-detail .menu li .nav-submenu,
.sel-law .menu li .nav-submenu,
.sel-learn-more .menu li .nav-submenu,
.sel-faq-detail .menu li .nav-submenu
{ visibility:hidden; opacity:0; 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;}

.sel-product-detail .menu li .nav-submenu li,
.sel-news-detail .menu li .nav-submenu li,
.sel-law .menu li .nav-submenu li,
.sel-learn-more .menu li .nav-submenu li,
.sel-faq-detail .menu li .nav-submenu li
{float:none; width:auto; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s;}

.sel-product-detail .menu li .nav-submenu li a,
.sel-news-detail .menu li .nav-submenu li a,
.sel-law .menu li .nav-submenu li a,
.sel-learn-more .menu li .nav-submenu li a,
.sel-faq-detail .menu li .nav-submenu li a
{ opacity:0.8; padding:0 10px; height:50px; line-height:50px; border-bottom:1px solid rgba(0,0,0,0.05); word-break:break-all;}

.sel-product-detail .menu li .nav-submenu li:last-child a,
.sel-news-detail .menu li .nav-submenu li:last-child a,
.sel-law .menu li .nav-submenu li:last-child a,
.sel-learn-more .menu li .nav-submenu li:last-child a,
.sel-faq-detail .menu li .nav-submenu li:last-child a
{border:none;}

.sel-product-detail .menu li .nav-submenu li:hover a,
.sel-news-detail .menu li .nav-submenu li:hover a,
.sel-law .menu li .nav-submenu li:hover a,
.sel-learn-more .menu li .nav-submenu li:hover a,
.sel-faq-detail .menu li .nav-submenu li:hover a
{opacity:1;}

.sel-product-detail .menu li .nav-submenu:after,
.sel-news-detail .menu li .nav-submenu:after,
.sel-law .menu li .nav-submenu:after,
.sel-learn-more .menu li .nav-submenu:after,
.sel-faq-detail .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);}
*/

/* 默认：首页透明导航 */
.navigation{background:none;}
.navigation .row {}
.navigation .inner-navigation {}
.navigation .logo {background-image:url('/statics/css/images/logo-white.png');}
.navigation .logo:hover {opacity:1;}
.navigation .logo img {}
.menu li {}
.menu li a {color:#ffffff; opacity:1;}
.menu li a:hover {opacity:1;}

/*产品详情、新闻详情、法律头部*/
.sel-product-detail .navigation,
.sel-news-detail .navigation,
.sel-law .navigation {border-bottom:1px solid rgba(0, 0, 0, 0.1); background:#FFFFFF;}

.sel-product-detail .navigation .logo,
.sel-news-detail .navigation .logo,
.sel-law .navigation .logo {background-image:url('/statics/css/images/logo.png');}

.sel-product-detail .navigation li a,
.sel-news-detail .navigation li a,
.sel-law .navigation li a {color:rgba(0,0,0,1);}

/* 头部为白色，特殊处理，效果与sticky雷同*/
/*.sel-product-detail .navigation {background:#FFFFFF;}
.sel-product-detail .navigation .logo {background-image:url('/statics/css/images/logo.png');}
.sel-product-detail .navigation li a {color:rgba(0,0,0,1);}
.sel-product-detail .navigation li a:hover {color:#283CA0!important;}

.sel-news-detail .navigation {background:#FFFFFF;}
.sel-news-detail .navigation .logo {background-image:url('/statics/css/images/logo.png');}
.sel-news-detail .navigation li a {color:rgba(0,0,0,1);}
.sel-news-detail .navigation li a:hover {color:#283CA0!important;}

.sel-law .navigation {background:#FFFFFF;}
.sel-law .navigation .logo {background-image:url('/statics/css/images/logo.png');}
.sel-law .navigation li a {color:rgba(0,0,0,1);}
.sel-law .navigation li a:hover {color:#283CA0!important;}

.sel-learn-more .navigation {background:#FFFFFF;}
.sel-learn-more .navigation .logo {background-image:url('/statics/css/images/logo.png');}
.sel-learn-more .navigation li a {color:rgba(0,0,0,1);}
.sel-learn-more .navigation li a:hover {color:#283CA0!important;}

.sel-faq-detail .navigation {background:#FFFFFF;}
.sel-faq-detail .navigation .logo {background-image:url('/statics/css/images/logo.png');}
.sel-faq-detail .navigation li a {color:rgba(0,0,0,1);}
.sel-faq-detail .navigation li a:hover {color:#283CA0!important;}*/


/* 导航切换样式:全局; */
.sticky-nav {background:#FFFFFF;}
.sticky-nav .logo {background-image: url('/statics/css/images/logo.png');}
.sticky-nav .menu li a {color:#000000;}
.sticky-nav .menu li a:hover {color:#202061;}
.sticky-nav .menu li .nav-submenu {background:#FFFFFF;}
.sticky-nav .menu li .nav-submenu li a {transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; }
.sticky-nav .menu li .nav-submenu li a:hover {color:#FFFFFF; background:#202061;}
.sticky-nav .menu li .nav-submenu:after{border-bottom-color:rgba(255, 255, 255, 1);}
/**/
.sticky-nav-scroll {background:#000000;}

 
/* 英文版logo */
.navigation-en .logo{ width:139px; background-image:url('/statics/css/images/logo.png');}
.sel-home .navigation-en .logo{ width:139px; background-image:url('/statics/css/images/logo-white.png');}

/* 全屏Banner */
.sc-res {position:relative; height:80vh; max-height:768px; background:#000000;}
#home .swiper-container {/*position:fixed;*/ width:100%; height:100%;}
#home .swiper-wrapper {}
#home .swiper-slide {cursor:move; cursor:grab; background-color:#000000; background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
#home .swiper-slide a {color:#FFFFFF;}
#home .swiper-slide .text {width:100%; position:relative;}
#home .swiper-slide .video {}
/* 选择视频时 */
#home .swiper-slide.video-on .it {text-align:center; padding:0 28%; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
#home .swiper-slide.video-on .img {display:none;}
#home .swiper-slide.video-on .video {/*display:block;*/}
    /*默认：偏移*/
    #home .swiper-slide .it {margin-left:40px;/*偏移量*/ opacity:0; width:100%; position:absolute; z-index:3; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
    #home .swiper-slide .it h1 { font-size:50px; margin-bottom:20px;}
    #home .swiper-slide .it p {margin:0; font-size:28px; line-height:1;}
#home .swiper-slide .btn-area {}
#home .swiper-slide .btn-area a { background:url("/statics/css/images/transition_btn_bg.png"); background-repeat:repeat-x; opacity:0.8; transition:all 0.3s ease-out 0s;}
#home .swiper-slide .btn-area a:hover { color:#ffffff; opacity:1;}
#home .swiper-slide .btn-area a:hover::before {display:none;}

#home .swiper-slide .img {opacity:0; display:inline-block; margin-top:20px; margin-right:-40px;/*偏移量*/  position:absolute; z-index:2; right:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:70%; height:auto; /*height:610px;*/}
#home .swiper-slide .img img {}

/* 当前幻灯片设置动画 */
#home .swiper-slide-active .it { opacity:1; margin-left:0;/*默认文字区域偏移量，实现文字动画效果*/ -webkit-transition-delay:0.5s;transition-delay:0.5s;-webkit-transition-duration:1s; transition-duration:1s;/* Safari 5.1 - 6.0 */}
#home .swiper-slide-active .img {opacity:1; margin-right:0;/*默认文字区域偏移量，实现文字动画效果*/ -webkit-transition-delay:1s;transition-delay:1s;-webkit-transition-duration:1s; transition-duration:1s;/* Safari 5.1 - 6.0 */}

/**/
.swiper-button-prev::after, .swiper-container-rtl .swiper-button-next::after {content:"";}
.swiper-button-next::after, .swiper-container-rtl .swiper-button-prev::after {content:"";}
.swiper-button-next, .swiper-button-prev {width:60px; height:100px; margin-top:-50px;}
.swiper-button-next:hover, .swiper-button-prev:hover {background-color:#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 */}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left:0; background-image:url("/statics/css/images/prev.svg"); background-size:12px auto; background-repeat:no-repeat; background-position:center;}
.swiper-button-prev:hover, .swiper-container-rtl .swiper-button-next:hover {background-image:url("/statics/css/images/prev-black.svg");}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {right:0; background-image:url("/statics/css/images/next.svg"); background-size:12px auto; background-repeat:no-repeat; background-position:center;}
.swiper-button-next:hover, .swiper-container-rtl .swiper-button-prev:hover {background-image:url("/statics/css/images/next-black.svg");}
/**/
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:30px;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {position:relative; background:#FFFFFF; width:3px; height:3px; margin:0 10px; opacity:1; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:before {content:""; position:absolute; left:-4px; top:-4px; width:11px; height:11px; border-radius:100%; border:2px solid transition; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:after {content:""; position:absolute; left:6px; top:1px; width:14px; height:1px; background:#FFFFFF; opacity:0.2; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {opacity:1; background:transparent;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active:before {z-index:2; border:2px solid #FFFFFF;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:last-child:after {display:none;}




/***** intro *****/
.intro {position:relative; z-index:2; padding:100px 0 80px; text-align:center; background:#FFFFFF;}
.intro h2 {font-size:32px;}
.intro .desc {font-size:16px; color:#666666; width:50%; margin:20px auto 30px;}
.intro ul {display:flex; flex-wrap:wrap; margin:60px -20px 0;}
.intro ul li {width:33.333333%; padding:0 20px; margin-bottom:60px;}
.intro ul li .inner {display:flex; border-top:2px solid transparent; flex-wrap:wrap; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s;}
.intro ul li:hover .inner {/*border-color:#333;*/}
.intro ul li span {display:block; width:90px; height:90px; border-radius:100%; background-color:#f8f8f8; background-size:80% auto; background-repeat:no-repeat; background-position:center center;}
.intro ul li .text {width:calc(100% - 90px); margin-top:5px; padding-left:30px; text-align:left;}
.intro ul li .text h4 {font-size:18px; margin-bottom:10px;}
.intro ul li .text p {font-size:14px; height:80px; opacity:0.5;}

/***** scene *****/
.scene {position:relative; z-index:2; padding:100px 0 80px; text-align:center; background-position:center center; background-repeat:no-repeat; background-size:cover; background-color:#000000; overflow:hidden;}
.scene:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000000; opacity:0.6;}
.scene .row {position:relative; z-index:3;}
.scene h2 {position:relative; font-size:32px; color:#FFFFFF; margin-bottom:60px;}
.scene .lr {position:relative; margin-bottom:60px; overflow:hidden;}
.scene .fl {width:50%; float:right; position:relative;}
/**/
.scene-cover-list {background-color:#000000;}
.scene-cover-list li {position:absolute; left:0; top:0; width:100%; height:100%;}
.scene-cover-list li a {display:block; position:relative; height:450px; background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.scene-cover-list li a span {display:none; position:absolute; right:50%; top:50%; color:#FFFFFF; z-index:3; font-size:100px;}
.scene-cover-list li a img {display:block; width:620px; height:430px; transition:all 0.3s ease-out 0s;}
/*hover*/
.scene-cover-list li a:hover {}
.scene-cover-list li a:hover img {transform:scale(1.2,1.2); opacity:1;}
.scene .fr {width:50%; float:left;}
.scene .fr .list {}
.scene .fr .list ul {}
.scene .fr .list ul li { display:block; float:left; width:50%; height:auto; /*padding:0 10px 10px 0;*/}
.scene .fr .list ul li a {display:block; position:relative; padding:0; text-align:center; box-shadow:8px 8px 0 0 rgba(0,0,0,0.01); background:#ffffff; overflow:hidden; }
.scene .fr .list ul li a .iconfont {display:block; position:absolute; left:50%; top:50%; margin:-45px 0 0 -45px; height:90px; line-height:90px; font-size:90px; color:#333333; 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 */}
.scene .fr .list ul li:nth-child(1) a .iconfont:before {content:"\e6a5"}
.scene .fr .list ul li:nth-child(2) a .iconfont:before {content:"\e6a6"}
.scene .fr .list ul li:nth-child(3) a .iconfont:before {content:"\e6a7"}
.scene .fr .list ul li:nth-child(4) a .iconfont:before {content:"\e6a8"}
.scene .fr .list ul li a img { display:block; margin:auto; width:32px; height:auto;}
.scene .fr .list ul li a .vline {display:none; margin:0 auto 10px; width:1px; height:10px; background:rgba(0,0,0,0.1); -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); 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 */}
.scene .fr .list ul li a .text {opacity:0; display:flex; justify-content:center; align-items:center; position:absolute; left:0; top:0; width:100%; height:100%; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s;}
.scene .fr .list ul li a .text h2 {font-size:24px; color:#333333; margin:0;}
.scene .fr .list ul li a .text span {font-size:12px; color:rgba(0,0,0,0.2); text-transform:uppercase; letter-spacing:4px;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 */}
/**/
.scene .fr .list ul li a:hover {background:#202061;}
.scene .fr .list ul li a:hover .iconfont {opacity:0.05; -webkit-transform:scale3d(2, 2, 1); transform:scale3d(2, 2, 1); color:rgba(255,255,255,1);}
.scene .fr .list ul li a:hover .vline { height:10px; background:rgba(255,255,255,0.5);}
.scene .fr .list ul li a:hover .text {opacity:1;}
.scene .fr .list ul li a:hover .text h2 {color:rgba(255,255,255,1);}
/**/
.scene .fr .list ul li a.sel {background:#202061;}
.scene .fr .list ul li a.sel .iconfont {opacity:0.05; -webkit-transform:scale3d(2, 2, 1); transform:scale3d(2, 2, 1); color:rgba(255,255,255,1);}
.scene .fr .list ul li a.sel .vline { height:10px; background:rgba(255,255,255,0.5);}
.scene .fr .list ul li a.sel .text {opacity:1;}
.scene .fr .list ul li a.sel .text h2 {color:rgba(255,255,255,1);}
/**/
.scene .num {position:relative; margin-top:40px; padding:40px 0 0; /*border-top:1px solid rgba(255,255,255,0.2);*/ color:#FFFFFF;}
.scene .num ul {display:flex; flex-wrap:wrap;}
.scene .num ul li {display:flex; justify-content:center; width:44%; border-right:1px solid rgba(255,255,255,0.5);}
.scene .num ul li:first-child {width:28%; justify-content:flex-start; padding-left:20px;}
.scene .num ul li:last-child {width:28%; justify-content:flex-end; padding-right:20px;}
.scene .num ul li .inner {}
.scene .num ul li h3 {font-size:36px;}
.scene .num ul li p {font-size:14px; opacity:0.8;}
.scene .num ul li:last-child {border:none;}
/* video */
.video {position:absolute;left:0; top:0; width:100%; height:100%;}
.video .mask {width:100%; height:100%; position:absolute; z-index:2; left:0; top:0; background:#000000; opacity:0.7;}
.video svg {position:absolute; left:50%; bottom:40px; z-index:999996; width:40px; height:40px;}
.video svg path {fill:#ffffff;}
.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;}


/***** clients *****/
.clients {display:none; position:relative; z-index:4; text-align:center; padding:120px 0 330px; background:#FFFFFF;}
.clients .text {position:relative; z-index:2;}
.clients h2 {font-size:32px;}
.clients ul {display:flex; flex-wrap:wrap; margin:50px -10px 0;}
.clients ul li {width:25%; margin:10px 0; padding:0 10px;}
.clients ul li div {padding:5px 0; background:#f8f8f8;} 
.clients ul li img {display:block; margin:auto; width:200px; height:86.36px; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s;}
.clients ul li:hover img {opacity:0.5;}
.clients .bg {position:absolute; left:0; top:0; width:100%; height:100%; background-position:top center; /*background-attachment:fixed;*/ background-repeat:no-repeat; background-size:cover;}
.clients .bg:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#FFFFFF; opacity:0.7;}


/***** media *****/
.media {position:relative; padding:120px 0; text-align:center;}
.media:before {content:""; width:100%; height:100%; position:absolute; z-index:3; left:0; top:0; background:#FFFFFF;}
.media .row {position:relative; z-index:5;}
.media h2 {font-size:32px; text-align:center;}
.media ul {display:flex; flex-wrap:wrap; margin:60px -20px 60px;}
.media ul li {width:33.333333%; padding:0 20px; text-align:left;}
.media ul li a {display:block;}
.media ul li a .cover {background:#4d4d4d; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; overflow:hidden;}
.media ul li a .cover i {display:block; width:100%; height:100%; top:0; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.media ul li img {display:block; -webkit-transition:all 0.3s; transition:all 0.3s; -moz-transition:all 0.3s;}
.media ul li .text {position:relative; display:flex; flex-wrap:wrap; align-items:flex-start; flex-direction:row-reverse; margin-top:30px; padding-bottom:40px;}
.media ul li .text:before {content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#4d4d4f;}
.media ul li .text:after {content:""; position:absolute; left:0; bottom:0; width:0%; height:1px; background:#ccc; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.media ul li .text .date {width:80px; position:relative; padding:15px; border:1px solid #f2f2f2; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.media ul li .text .date::before {content:""; position:absolute; left:0; top:0; width:0; height:100%; background:#F2F2F2; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.media ul li .text .date h3 {font-size:18px; position:relative; margin-bottom:5px; word-break:keep-all;/*不换行*/ white-space:nowrap;/*不换行*/}
.media ul li .text .date p {font-size:12px; line-height:1; opacity:0.5;}
.media ul li .text .tr {width:calc(100% - 80px); padding-right:30px;}
.media ul li .text .tr h4 {font-size:16px; margin-bottom:10px; word-break:keep-all;/*不换行*/ white-space:nowrap;/*不换行*/ overflow:hidden;/*内容超出宽度时隐藏超出部分的内容*/ text-overflow:ellipsis;/*当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用*/}
.media ul li .text .tr p {font-size:14px; line-height:1.6; opacity:0.5; /* 多行省略 */ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
/*hover*/
.media ul li a:hover {}
.media ul li a:hover .cover {box-shadow:0 10px 20px rgba(0, 0, 0, 0.1);}
.media ul li a:hover .cover i {transform:scale(1.1,1.1);}
.media ul li a:hover span { color:rgba(44,68,140,1); background:rgba(255,255,255,1);}
.media ul li a:hover .text .date::before {width:100%;}
.media ul li a:hover .text:after {width:100%;}





/* 版权 */
.copyright {position:relative; z-index:2; padding:80px 0 0; font-size:14px; color:#ffffff; background:#4d4d4f;}
.copyright .inner {}
.copyright .t {display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:50px;}
    /**/
    .copyright .t .l {}
    .copyright .t .l span {display:block; width:139px; height:42px; background-image:url('/statics/css/images/logo-white.png'); background-repeat:no-repeat; background-size:100% auto;}
    .copyright .t .l ul {margin:90px 0 30px; display:flex; flex-wrap:wrap;}
    .copyright .t .l ul li {position:relative; margin-right:20px;}
    .copyright .t .l ul li:nth-child(1),
    .copyright .t .l ul li:nth-child(2) {}
    .copyright .t .l ul li a {display:block; width:40px; height:40px; line-height:40px; text-indent:-999999px; text-align:center; border-radius:100%; background-color:rgba(255,255,255,0.2); background-repeat:no-repeat; background-size:100% auto; overflow:hidden;}
    .copyright .t .l ul li a:hover {background-color:rgba(255,255,255,0.3);}
    .copyright .t .l ul li .vcode {opacity:0; position:absolute; z-index:2; left:50%; bottom:50px; margin-left:-50px; width:100px; height:100px;}
    .copyright .t .l ul li .vcode img {}
    .copyright .t .l ul li:nth-child(1) a {background-image:url('/statics/css/images/social-icon-1.svg');}
    .copyright .t .l ul li:nth-child(2) a {background-image:url('/statics/css/images/social-icon-2.svg');}
    .copyright .t .l ul li:nth-child(3) a {background-image:url('/statics/css/images/social-icon-3.svg');}
    .copyright .t .l p {font-size:14px;}
    .copyright .t .l p a {color:#FFFFFF; text-decoration:underline;}
    .copyright .t .l p em {padding:0 10px; opacity:0.5;}
    /**/
    .copyright .t .r {display:flex; flex-wrap:wrap; justify-content:space-between; width:65%;}
    .copyright .t .r .c-col {}
    .copyright .t .r .c-col:last-child {padding-right:0;}
    .copyright .t .r .c-col h3 {font-size:16px; margin-bottom:40px;}
    .copyright .t .r .c-col ul {}
    .copyright .t .r .c-col ul li {padding-bottom:15px;}
    .copyright .t .r .c-col ul li a {color:#FFFFFF; opacity:0.5;}
.copyright .b {padding:20px 0; border-top:1px solid rgba(255,255,255,0.1);}
.copyright .b p {font-size:12px; opacity:0.3;}
.copyright .b p em {padding:0 5px; opacity:0.5;}
.copyright .b p a {color:#FFFFFF; text-decoration:underline;}
.copyright .b p span a {padding:0 4px;}



/*home sticky-nav 英文版 */
#home .navigation_en.sticky-nav .logo {background-image:url('/statics/css/images/logo.png');}




/****************************************/
/**************    内页    **************/
/****************************************/
.temp-main {position:relative; z-index:2; background:#FFFFFF;}
/* 侧栏 */
.temp-main .sidebar {width:20%;}
.temp-main .sidebar ul {}
.temp-main .sidebar ul li {}
.temp-main .sidebar ul li a {display:block; padding:15px 20px; font-size:16px;}
.temp-main .sidebar ul li a:hover {background:rgba(0,0,0,0.02);}
.temp-main .sidebar ul li.current a {color:#ffffff; font-weight:bold; color:#000000; background:#f8f8f8;}
/* 内页公共：栏目banner */
.temp-banner {width:100%; height:520px; position:relative; background-color:#000000; overflow:hidden;}
.temp-banner .bg {opacity:0.8; width:100%; height:520px; position:fixed; left:0; top:0; transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -webkit-transform:translate3d(0, 0, 0); background-position:center center; background-repeat:no-repeat; background-size:cover;}
.temp-banner .inner-section {position:absolute; z-index:2; left:0; bottom:100px; width:100%;}
.temp-banner .page-title {}
.temp-banner .page-title .t { display:none; margin:0 0 40px 5px; width:60px; height:10px; background:#E50113;}
.temp-banner .page-title h3 {font-size:40px;}
.temp-banner .page-title .line { width:142px; height:2px; margin:30px 0 0 0; background:#ffffff;}
.temp-banner .page-title p {font-size:16px;}
/* 锚点组 */
.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:auto; height:44px; line-height:44px; font-size:16px; background:#f8f8f8; overflow:hidden;}
.anchor-list a:hover { color:#ffffff; background:rgba(0,176,171,1);}
.anchor-list a.on {color:#ffffff; background:rgba(0,176,171,1);}
a.anchor {display:block; height:0; position:relative; top:-70px;/*负值：导航高度*/ overflow:hidden;}




/***** 产品中心 *****/
#product {background:#f8f8f8;}
#product .navigation { position:static;}
#product .sticky-nav {}
#product .page-title {}
#product .temp_banner { margin:0; background-image:url("/statics/css/images/temp-banner-2.jpg"); background-position:center center; background-repeat:no-repeat; background-size:cover;}
#product .temp_main {}
#anchor-list-cate{ display:none; position:fixed; left:0; top:0; z-index:9;}
#anchor-list-cate.target-fix {display:block;}
a.anchor {display:block; height:0; position:relative; top:0; overflow:hidden;}
/* 临床图共用模块 */
#product-detail .swiper-container {padding:70px 0;}
#product-detail .img-box {padding:40px; text-align:center; border:1px solid rgba(255,255,255,0.125);}
#product-detail .img-box h4 {margin-top:20px; font-size:16px; color:#FFFFFF;}
#product-detail .img-box p { margin:20px auto 0; font-size:14px; color:#ffffff;}
/**/
.p-group {padding:30px 0;}
.p-group h2 {margin-bottom:30px; font-size:22px;}
.p-group ul {}
.p-group ul li {float:left; width:25%;}
.p-group ul li a {margin:0 20px 20px 0; padding:30px 0; 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 {margin:0 auto 20px;}
.p-group ul li a .cover img {display:block; width:100%; margin:auto; height:auto;}
.p-group ul li a .desc {text-align:center;}
.p-group ul li a .desc h4 {font-size:18px; margin-bottom:5px;}
.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.02); -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;}
/**/
#product .copyright {padding:0;}




/***** 解决方案 *****/
#solution {}
#solution .temp-banner {}
#solution .temp-banner .bg {/*background-image:url("/statics/css/images/temp-banner-1.jpg");*/}
.sel-solution {}
    /**/
    .solution-box {padding:100px 0; background:#F8F8F8;}
    .solution-box .sb-v {position:relative; margin-bottom:80px;}
    .solution-box .sb-v img {display:block; width:114px; height:114px; position:absolute; left:50%; top:50%; margin:-57px 0 0 -57px;}
    .solution-box .shead {text-align:center; padding:0 20%;}
    .solution-box .shead h2 {font-size:32px; margin-bottom:20px;}
    .solution-box .shead p {font-size:16px; opacity:0.8;}
    .solution-box ul {}
    .solution-box ul li {display:flex; margin-top:60px; background:#FFFFFF;}
    .solution-box ul li:nth-child(even) {flex-direction:row-reverse;}
    .solution-box ul li .cover {width:50%;}
    .solution-box ul li .cover i {display:block; width:100%; height:100%; top:0; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .solution-box ul li .text {width:50%; padding:60px;}
    .solution-box ul li .text h3 {font-size:22px; margin-bottom:20px;}
    .solution-box ul li .text p {font-size:16px; opacity:0.5;}
    .solution-box ul li .text p a.more {display:none; margin:40px 0 0 0;}
    /**/
    .w-video {margin-top:80px;}
    .w-video a { display:block; position:relative; background-color:#000000; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .w-video a::before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); -moz-transition: all 0.3s ease-out 0s; /* Mozilla内核浏览器：firefox3.5+ */ -webkit-transition:all 0.3s ease-out 0s;/* Webkit内核浏览器：Safari and Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */ -ms-transition:all 0.3s ease-out 0s; /* IE9 */ transition:all 0.3s ease-out 0s;/* W3C标准 */}
    .w-video a .play {position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); text-align:center; color:rgba(255,255,255,1);}
    .w-video a span {display:block; -moz-transition: all 0.3s ease-out 0s; /* Mozilla内核浏览器：firefox3.5+ */ -webkit-transition:all 0.3s ease-out 0s;/* Webkit内核浏览器：Safari and Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */ -ms-transition:all 0.3s ease-out 0s; /* IE9 */ transition:all 0.3s ease-out 0s;/* W3C标准 */ -moz-transform:scale(1,1);/* Mozilla内核浏览器：firefox3.5+ */ -webkit-transform:scale(1,1);/* Webkit内核浏览器：Safari and Chrome */ -o-transform:scale(1,1); /* Opera */ -ms-transform:scale(1,1); /* IE9 */ transform:scale(1,1); /* W3C标准 */}
    .w-video a span i {display:block; margin:auto; width:64px; height:64px; top:0; background-image:url("/statics/css/images/play.svg"); background-repeat:no-repeat; background-size:cover;}
    .w-video a p {text-transform:uppercase; margin-top:20px;}
    .w-video img { display:block; width:100%;}
    .w-video a:hover {opacity:1;}
    .w-video a:hover span {-moz-transform:scale(1.2,1.2);/* Mozilla内核浏览器：firefox3.5+ */ -webkit-transform:scale(1.2,1.2);/* Webkit内核浏览器：Safari and Chrome */ -o-transform:scale(1.2,1.2); /* Opera */ -ms-transform:scale(1.2,1.2); /* IE9 */ transform:scale(1.2,1.2); /* W3C标准 */}
    .w-video a:hover::before {background:rgba(0,0,0,0.5);}
    /**/
    .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 {display:flex; justify-content:center; align-items:center; width:100%; height:100%; overflow:hidden;}
    .player .close { position:absolute; z-index:1; right:40px; top:40px; display:block; width:34px; height:34px; cursor:pointer; background:url("/statics/css/images/close.svg") no-repeat center center / 70% auto;}
    .player .close:hover {opacity:0.5; filter:Alpha(opacity=50);/*IE8*/}
    .player video {display:inline-block; width:100%; height:100%;}
    .player-bg { display:none; position:fixed; left:0; top:0; z-index:999997; background:#000000; opacity:0.8; filter:Alpha(opacity=80);/*IE8*/ width:100%; height:100%;}



/***** 新闻资讯 *****/
#news .temp-banner {}
#news .temp-banner .bg {/*background-image:url("/statics/css/images/temp-banner-2.jpg");*/}
#news .temp-main {padding-top:100px;}
.news-list {margin-bottom:50px;}
.news-list ul { margin:0 -20px; font-size:0px;/*解决li在inline-block下空隙问题*/ overflow:hidden;}
.news-list ul li {display:inline-block; vertical-align:top; margin:0 0 100px 0; padding:0 20px; width:100%;}
.news-list ul li a {display:flex;}
.news-list ul li a .cover {width:35%; margin-right:40px; background:#4d4d4d; -moz-transition: all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; overflow:hidden;}
.news-list ul li a .cover i {display:block; width:100%; height:100%; top:0; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.news-list ul li a .text {position:relative; display:flex; align-items:flex-start; width:65%;}
.news-list ul li a .text:before {content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#cccccc;}
.news-list ul li a .text:after {content:""; position:absolute; left:0; bottom:0; width:0%; height:1px; background:#4d4d4f; -moz-transition: all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.news-list ul li a .text .name {padding-right:100px;}
.news-list ul li a .text h2 {margin-bottom:15px;font-size:22px; line-height:1.6; /* 多行省略 */ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.news-list ul li a .text span {font-size:14px; opacity:0.5; display:none;}
.news-list ul li a .text p {font-size:16px; opacity:0.5; /* 多行省略 */ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.news-list ul li a .text .date {width:120px; position:relative; padding:20px; border:1px solid #f2f2f2; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.news-list ul li a .text .date::before {content:""; position:absolute; left:0; top:0; width:0; height:100%; background:#F2F2F2; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.news-list ul li a .text .date h3 {font-size:18px; position:relative; margin-bottom:5px; word-break:keep-all;/*不换行*/ white-space:nowrap;/*不换行*/}
.news-list ul li a .text .date p {font-size:12px; line-height:1; opacity:0.5;}
/**/
.news-list ul li a:hover .cover {box-shadow:0 10px 20px rgba(0, 0, 0, 0.1);}
.news-list ul li a:hover .cover i {-moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.news-list ul li a:hover .text:after {width:100%;}
.news-list ul li a:hover .text .date::before {width:100%;}
/*详情*/
.sel-news-detail {}
.news-detail { margin:90px auto 0; padding:100px 0 100px; width:80%; font-size:18px; line-height:2;}
.news-detail .title {margin-bottom:60px;}
.news-detail .title h1 {font-size:32px;}
.news-detail .title p { display:none; margin:0; text-align:center; font-size:14px; color:#b2b2b2;}
.news-detail {font-size:18px;}
.news-detail p {margin-bottom:20px; font-size:18px;}
.news-detail img {margin:auto; display:block; width:auto!important; height:auto!important;}
.news-detail a {text-decoration:underline;}




/***** 产品详情 *****/
.p-detail {}
.p-detail img {display:block;}
.p-detail .mask {content:""; position:absolute; z-index:2; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
/**/
.p-detail .topic {background-image:url("/statics/images/textures.jpg"); background-repeat:no-repeat; background-position:center center; background-size:cover; background-repeat:no-repeat; overflow:hidden;}
.p-detail .topic .row {display:flex; align-items:center; justify-content:space-between; padding:80px 20px 0;}
.p-detail .topic .shead {width:35%;}
.p-detail .topic .shead h1 {font-size:50px; margin-bottom:20px; text-transform:capitalize;}
.p-detail .topic .shead h1 span {vertical-align:super;}
.p-detail .topic .shead .info {overflow:hidden;}
.p-detail .topic .shead p { font-size:18px;}
.p-detail .topic .img {width:65%; margin:100px 0; background-position:center center; background-repeat:no-repeat; background-size:cover;}
/* 公共 */
.p-detail .box {}
    /**/
    .p-detail .box .text { position:relative; z-index:2; text-align:center;}
    .p-detail .box .text h2 {font-size:32px; margin-bottom:40px; text-transform:capitalize;}
    .p-detail .box .text p {font-size:18px; padding:0 20%; text-align:justify;}
    .p-detail .box .text p span {font-size:22px;}
    .p-detail .box img {/*width:auto!important; height:auto!important;*/}
    /**/
    .p-detail .box .list {padding-top:40px;}
    .p-detail .box .list ul { margin:-20px; overflow:hidden;}
    .p-detail .box .list ul li {overflow:hidden; float:left; width:50%; padding:20px;}
    .p-detail .box .list ul li img { display:block; width:100%; background:#f2f2f2;}
    .p-detail .box .list ul li p { margin-top:20px; font-size:18px;}
/* box-1 */
.p-detail .box-1 { position:relative; padding:150px 0; color:#ffffff; overflow:hidden;}
.p-detail .box-1 .bg {position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000000; background-repeat:no-repeat; background-position:center center; background-size:cover; background-attachment:fixed;}
/* box-2 */
.p-detail .box-2 {padding:80px 0; border-bottom:1px solid #f2f2f2;}
.p-detail .box-2 .img {}
.p-detail .box-2 .img img {display:block;}
.p-detail .box-2 .f-list {margin-top:40px;}
/* box-3 */
.p-detail .box-3 {padding:150px 0;}
.p-detail .box-3 .row {padding-right:0;}
.p-detail .box-3 .list ul li {position:relative;}
.p-detail .box-3 .list ul li .inner {overflow:hidden;}
.p-detail .box-3 .list ul li:before {content:""; position:absolute; z-index:2; left:0; top:0; width:100%; height:100%; opacity:0; background:#FFFFFF; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s;}
.p-detail .box-3 .list ul li img {display:block; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s;}
.p-detail .box-3 .list ul li .title {display:none; position:absolute; z-index:3; left:60px; bottom:60px; opacity:0; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s;}
.p-detail .box-3 .list ul li .title h3 {font-size:22px;}
.p-detail .box-3 .list ul li .title p {margin-top:5px; font-size:16px;}
/*
.p-detail .box-3 .list ul li:hover:before {opacity:0.9;}
.p-detail .box-3 .list ul li:hover img {transform:scale(1.2,1.2);}
.p-detail .box-3 .list ul li:hover .title {opacity:1;}
*/
/* box-4 */
.p-detail .box-4 {padding:150px 0; position:relative; color:#ffffff; background:#000000 url("../images/products/p1/img-4-bg.jpg") center center no-repeat; background-size:cover;}
.p-detail .box-4 .row {display:flex; align-items:center; flex-direction:row-reverse; position:relative; z-index:3;}
.p-detail .box-4 .text {text-align:left; width:50%; padding-left:100px;}
.p-detail .box-4 .text p {padding:0;}
.p-detail .box-4 .img {width:50%; position:relative; z-index:2;}
.p-detail .box-4 .img img {margin:auto;}
/* box-5 */
.p-detail .box-5 {padding:150px 0;}
.p-detail .box-5 .row {padding-right:0;}
.p-detail .box-5 .list ul li {width:33.333333%;}
.p-detail .box-5 .list ul li img {}
.p-detail .box-5 .list ul li p {text-align:center;}




/***** 关于我们 *****/
#about {}
#about .temp-banner {}
#about .temp-banner .bg {/*background-image:url("/statics/css/images/temp-banner-6.jpg");*/}
#about .temp-banner .page-title h3 {}
.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 h2 {font-size:36px; margin-bottom:40px; text-transform:capitalize;}
/**/
#about .ag-1 {padding:100px 0 0;}
#about .ag-1 .text {display:flex; justify-content:space-between; align-items:center;}
#about .ag-1 .text .video {width:30%; height:auto; position:relative; overflow:hidden;}
#about .ag-1 .text .video img {display:block; position:relative; z-index:2;}
#about .ag-1 .text .video video {width:auto; height:100%;}
#about .ag-1 .text p {width:60%; padding:0 0%; font-size:18px;}
#about .ag-1 .swiper-container {margin-top:120px; padding-bottom:100px;}
#about .ag-1 .swiper-container .sb-btn-box {position:absolute; left:50%; bottom:-30px; width:200px; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);}
#about .ag-1 .swiper-container .swiper-button-next,
#about .ag-1 .swiper-container .swiper-button-prev {top:auto; bottom:0;}
#about .ag-1 .swiper-container .swiper-button-prev,
#about .ag-1 .swiper-container .swiper-container-rtl .swiper-button-next {left:20px; background-image:url("/statics/css/images/prev-black.svg"); background-size:12px auto; background-repeat:no-repeat; background-position:center;}
#about .ag-1 .swiper-container .swiper-button-next,
#about .ag-1 .swiper-container .swiper-container-rtl .swiper-button-prev { right:20px; background-image:url("/statics/css/images/next-black.svg"); background-size:12px auto; background-repeat:no-repeat; background-position:center;}
#about .ag-1 .swiper-container .swiper-button-next:hover,
#about .ag-1 .swiper-container .swiper-button-prev:hover {background-color:transparent;}
#about .ag-1 .img {}
#about .ag-1 .img img {display:block; width:100%;}
/**/
#about .ag-2 {display:none; padding:120px 0 150px; background:#f2f2f2;}
#about .ag-2 h2 {}
#about .ag-2 ul {display:flex; flex-wrap:wrap; margin:-5px;}
#about .ag-2 ul li {width:33.333333%; padding:5px; }
#about .ag-2 ul li .inner {padding:40px; background:#FFFFFF;}
#about .ag-2 ul li span {display:block; width:60px; height:60px; background:#cccccc;}
#about .ag-2 ul li h3 {font-size:22px; margin:20px 0 10px; }
#about .ag-2 ul li p {font-size:14px;}
/**/
#about .ag-3 {padding:100px 0 120px;}
#about .ag-3 ul {display:flex; flex-wrap:wrap; margin:-5px;}
#about .ag-3 ul li {width:20%; padding:5px; text-align:center;}
#about .ag-3 ul li .inner {padding:80px 20px; background:#F8F8F8;}
#about .ag-3 ul li .inner .img {width:50%; margin:auto; background-position:center center; background-repeat:no-repeat; background-size:cover;}
#about .ag-3 ul li p {margin-top:20px; font-size:14px;}




/***** 联系我们 *****/
#contact {}
#contact .temp-banner {}
#contact .temp-banner .bg {/*background-image:url("/statics/css/images/temp-banner-5.jpg");*/}
.contact-box {}
.contact-box h2 {font-size:36px; margin-bottom:40px; text-transform:capitalize;}
  /**/
  .sb-1 {padding:40px 0;}
  .sb-1 .row {position:relative;}
  .sb-1 .text {width:45%; text-align:justify; position:absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
  .sb-1 .text h2 {margin-bottom:60px;}
  .sb-1 .text p {font-size:22px; margin-bottom:10px;}
  .sb-1 .map {width:60%; margin:0 5% 0 auto;}
  .sb-1 .map .radiation {position:relative;}
  .sb-1 .map .radiation .note {display:block; position:absolute; border-radius:100%; background:rgba(0,159,171,0);}
  .sb-1 .map .radiation .note a { position:relative; z-index:3; display:block; width:100%; height:100%;}
  .sb-1 .map .radiation .note::before {content:""; position:absolute; left:50%; top:50%; margin-top:-5px; margin-left:-5px; width:10px; height:10px; border-radius:100%; background:#202061;}
  .sb-1 .map .radiation .note .cname {display:block; position:absolute; left:80%; top:26%; text-align:left; width:200px; height:auto; font-size:12px;}
  .sb-1 .map .radiation .note:nth-child(1) {right:21.8%; top:56.9%;}
  .sb-1 .map .radiation .note:nth-child(2) {right:19.3%; top:45.5%;}
  .sb-1 .map .radiation .note:nth-child(3) {right:23.8%; top:25.9%;}
  .sb-1 .map .radiation .note:nth-child(4) {right:29.1%; top:51.5%;}
  .sb-1 .map .radiation .note:nth-child(5) {right:27.8%; top:81.9%;}
  .sb-1 .map .radiation .note:nth-child(6) {right:17.8%; top:52.9%;}
  .sb-1 .map .radiation .note:nth-child(7) {right:47.8%; top:51.9%;}
  .sb-1 .map .radiation .note:nth-child(8) {right:26.8%; top:38.9%;}
  .sb-1 .map .radiation .note:nth-child(9) {right:23.8%; top:42.9%;}
  .sb-1 .map .radiation .note:nth-child(10) {right:20.8%; top:32.9%;}
  .sb-1 .map .radiation .tips { display:none; opacity:0; padding:16px 20px 11px; position:absolute; top:20px; text-align:left; z-index:999; background:#ffffff; box-shadow:0 20px 40px rgba(0,0,0,0.1);}
  .sb-1 .map .radiation .tips h6 {font-size:14px;font-weight:500;}
  .sb-1 .map .radiation .tips p {line-height:1.4; font-size:14px; margin:5px 0 0;}
  .sb-1 .map .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 #202061; 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}
  /**/
  .sb-2 {padding:150px 0; background:#f2f2f2;}
  .sb-2 h2 {}
  .sb-2 ul {display:flex; flex-wrap:wrap; margin:-10px;}
  .sb-2 ul li {width:50%; padding:10px;}
  .sb-2 ul li a {display:flex; justify-content:space-between; align-items:center; padding:40px 40px 30px; background:#FFFFFF;}
  .sb-2 ul li a .t {padding-right:20px;}
  .sb-2 ul li a .t h3 {font-size:18px; margin-bottom:5px;}
  .sb-2 ul li a .t p {font-size:14px; opacity:0.3;}
  .sb-2 ul li a span {display:block; flex-shrink:0; width:50px; height:50px; border:1px solid #f2f2f2; border-radius:100%; background-image:url("/statics/css/images/arrow-download.svg"); background-position:center center; background-repeat:no-repeat; background-size:50% auto; opacity:1;}
  .sb-2 ul li a:hover span {opacity:1;}
  /**/
  .sb-3 {position:relative;}
  .sb-3 .inner {position:relative; padding:100px 0; color:#ffffff; background:#000000 url("images/service-sb-3-bg.jpg") no-repeat center center / 100% auto; background-size:cover; background-attachment:fixed;}
  .sb-3 h2 {position:relative; font-size:44px; margin-bottom:80px;}
  .sb-3 .text {width:40%;}
  .sb-3 .text span {font-size:22px; opacity:0.9;}
  .sb-3 .text h4 {font-size:22px; margin:20px 0 40px;}
  .sb-3 .text img {display:block; margin-top:30px; width:150px; height:150px;}
  .sb-3 .map {position:absolute; left:50%; top:0; width:50%; height:100%; background:#ffffff url("images/service-sb-3-map.png") no-repeat center center / 100% auto; background-size:cover;}
  .sb-3 .map img {display:block;}
  /**/
  .sb-4 {padding:150px 0 200px;}
  .sb-4 .title {}
  .sb-4 .title p {font-size:22px;}
  .sb-4 .form {text-align:right;}
  .sb-4 .form ul {margin:40px -20px; text-align:left; overflow:hidden;}
  .sb-4 .form ul li {margin:40px 0; padding:0 20px; float:left; width:25%;}
  .sb-4 .form ul li:nth-child(5),
  .sb-4 .form ul li:nth-child(6) {width:50%;}
  .sb-4 .form ul li p {font-size:14px; opacity:0.5;}
  .sb-4 .form ul li p span { padding-left:5px; vertical-align:middle;}
  .sb-4 .form ul li input { padding:10px 0; width:100%; font-size:18px; font-weight:bold; border-radius:0; border-bottom:2px solid #ccc; transition:all 0.3s ease-out 0s;}
  .sb-4 .form ul li input:focus {border-bottom:2px solid #000000;}
  .sb-4 .form .conform {display:inline-block; padding:10px 60px; border:2px solid #000000; font-size:18px; font-weight:bold;}
  .sb-4 .form .conform:hover {border:2px solid #000000; color:#ffffff; background:#000000;}




/***** 隐私政策、免责申明 *****/
#law {}
.sl-box {padding:160px 0 70px; width:60%; margin:auto; line-height:1.8;}
.sl-box h1 {text-align:center; font-size:32px; margin-bottom:40px;}
.sl-box .col {margin:40px 0;}
.sl-box h2 {font-size:22px; margin-bottom:20px;}
.sl-box p {font-size:16px; margin-bottom:10px;}





<!--0.00020122528076172-->