/*
======================================================================
*	Website           http://www.surgsci.cn
*	Documents:			  all.css
*	Author:				    www.vokodesign.com
*	Creation Date:		2020-1-10
======================================================================
*/




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






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




/*animate补充动画*/
@keyframes fadeInLeftSmall {
  from {
    opacity: 0;
    transform: translate3d(-10px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeftSmall {
  animation-name: fadeInLeftSmall;
}
@keyframes fadeInRightSmall {
  from {
    opacity: 0;
    transform: translate3d(10px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRightSmall {
  animation-name: fadeInRightSmall;
}
@keyframes fadeInDownSmall {
  from {
    opacity: 0;
    transform: translate3d(0%, -10px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInDownSmall {
  animation-name: fadeInDownSmall;
}
@keyframes fadeOutDownSmall {
  from {
    opacity: 1;
    transform: none;
  }
  to {
    opacity: 0;
    transform: translate3d(0%, 10px, 0);
  }
}
.fadeOutDownSmall {
  animation-name: fadeOutDownSmall;
}
@keyframes fadeInUpSmall {
  from {
    opacity: 0;
    transform: translate3d(0%, 10px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUpSmall {
  animation-name: fadeInUpSmall;
}
@keyframes scaleIn {
  0% {
    opacity: 0;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
  }
}
.scaleIn {
  animation-name: scaleIn;
}
.fadeIn {
  animation-delay: 0.3s;
  animation-timing-function: linear;
}

/****************************************/
/**************    公共    **************/
/***************************************/
/*分栏*/
.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{ text-align:center;}
.page-title .line { display:none; width:1px; height:60px; margin:0 0 10px 33px; position:relative; background:#333333;}
.page-title .line em { visibility:hidden; position:absolute; bottom:0; left:-2px; display:block; width:5px; height:5px; transform:rotate(45deg); background:#333333;}
.page-title h3{ font-size:72px; color:#ffffff; line-height:1.2;}
.page-title h4 {font-size:36px; color:#ffffff; line-height:1;}
.page-title p{ margin-top:30px; font-size:22px; color:#ffffff; width:65%; line-height:1.4;}
/*模块标题(EN)*/
.page-title-en {}
.page-title-en p{}
/*模块标题-单个标题且居中*/
.page-title-simple {}
.page-title-simple h3{text-align:center; margin:0;}
/*按钮：白色透明*/
a.btn-trans { display:inline-block; padding:49px 48px; 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 */}

/*** 元素 ***/
.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("../imgs/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;}


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

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




/* 返回顶部 */
a.rTop {display:none!important; 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:rgba(0,176,171,1); color:#ffffff;}
#pages a:hover {border:1px solid rgba(0,0,0,0.2);}


/***** 当前页面导航颜色 *****/
#about .navigation .menu > ul > li:nth-child(1) > a,
#product .navigation .menu > ul > li:nth-child(2) > a,
#product-detail .navigation .menu > ul > li:nth-child(2) > a,
#news .navigation .menu > ul > li:nth-child(3) > a,
#solution .navigation .menu > ul > li:nth-child(4) > a,
#join .navigation .menu > ul > li:nth-child(5) > a,
#contact .navigation .menu > ul > li:nth-child(6) > a{color:rgba(0,176,171,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;}




/****************************************/
/**************    欢迎页    *************/
/****************************************/
#welcome {}
#welcome .row {max-width:none; padding:0 5%;}
#welcome .navigation {background:none;}
#welcome .navigation .logo{ background-image:url('../imgs/logo.png');}
  /**/
  .welcome { display:flex; align-items:center; justify-content:center; height:100vh; position:relative;}
  .welcome .mask {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6);}
  #welcome_fullscreen_video {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    background:#000000;
  }


/* 欢迎页 */
.welcome_text_swiper {width:100%;}
.welcome_text_swiper .swiper-slide {width:100%;}
.welcome_text_swiper .swiper-slide .text { opacity:0; padding:0 40px; text-align:center; color:#ffffff; -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 */}
.welcome_text_swiper .swiper-slide .text h2 { margin-bottom:10px; font-size:72px;}
.welcome_text_swiper .swiper-slide .text p {font-size:32px;}
/* 当前幻灯片设置动画 */
.welcome_text_swiper .swiper-slide-active .text { opacity:1; -webkit-transition-delay:0; transition-delay:0s; -webkit-transition-duration:0s; transition-duration:0s;/* Safari 5.1 - 6.0 */}

.welcome .entrance { position:fixed; left:auto; right:auto; top:60%; margin-top:100px; text-align:center;}
.welcome .entrance ul {display:flex;}
.welcome .entrance ul li { position:relative; padding:0 20px; line-height:1;}
.welcome .entrance ul li:nth-child(1)::after {content:""; position:absolute; right:0; top:2px; width:1px; height:14px; background:rgba(255,255,255,0.2);}
.welcome .entrance ul li a {color:#ffffff; opacity:0.6;}
.welcome .entrance ul li a:hover {opacity:1;}
/**/
.welcome .t-list { position:fixed; left:0; bottom:0; color:#ffffff; text-align:center; width:100%; height:auto; padding:40px;}
.welcome .t-list ul {overflow:hidden;}
.welcome .t-list ul li {float:left; width:25%; padding:0 40px;}
.welcome .t-list ul li h4 {font-size:22px; margin-bottom:10px;}
.welcome .t-list ul li p {font-size:14px; opacity:0.8;}




/****************************************/
/**************    首页    **************/
/****************************************/
/* 导航 */
.navigation{ position:fixed; left:0; top:0; z-index:20; width:100%; background:#ffffff; transition:all 0.2s ease-out 0s;}
.navigation .row {}
.navigation .inner_navigation {position:relative;}
.navigation .logo{ float:left; display:block; width:240px; height:48px; margin-top:30px; background-image:url('../imgs/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 li{ float:left; margin-right:0px; position:relative;}
.menu li a{ position:relative; padding:0 20px; font-size:18px; text-align:center; height:90px; line-height:90px; text-transform:uppercase; 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 { color:rgba(0,176,171,1);}
.menu li:nth-child(4) a::after{display:none;}
.menu li i{ display:block; position:absolute; left:0; top:50%; margin-top:-7px; width:1px; height:14px; background:#000000; opacity:0.1; filter:Alpha(opacity=10);/*IE8*/}
.menu li i.arrow {/*display:inline-block;*/ display:none; position:relative; top:1px; margin-right:-16px; margin-left:3px; width:auto; height:auto; text-indent:0; opacity:1; color:rgba(0,0,0,0.3); font-size:18px; line-height:1; background:none; transition:all 0.3s ease-out 0s;}
.menu li.language {margin-left: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: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 10px; height:50px; line-height:50px; font-size:17px; border-bottom:1px solid rgba(0,0,0,0.05); word-break:break-all;}
.menu li .nav_submenu li:last-child a {border:none;}
.menu li a.smooth-scroll {cursor:default;}
.menu li .nav_submenu li:hover a { opacity:1;}
.menu li .nav_submenu:after {position:absolute; top:-20px; left:50%; width:0; height:0; margin-left:-10px; content:''; border:solid transparent; border-width:10px; border-color:rgba(255, 255, 255, 0); border-bottom-color:rgba(255, 255, 255, 1);}
/* 默认：首页透明导航 */
.sel-home .navigation{background:none;}
.sel-home .navigation .row {}
.sel-home .navigation .inner_navigation {}
.sel-home .navigation .logo {background-image:url('../imgs/logo.png');}
.sel-home .navigation .logo:hover {opacity:1;}
.sel-home .navigation .logo img {}
.sel-home .menu li {}
.sel-home .menu li a {color:#ffffff; opacity:1;}
.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-welcome .navigation{background:none;}
.sel-welcome .navigation .row {}
.sel-welcome .navigation .inner_navigation {}
.sel-welcome .navigation .logo {background-image:url('../imgs/logo.png');}
.sel-welcome .navigation .logo:hover {opacity:1;}
.sel-welcome .navigation .logo img {}
.sel-welcome .menu li {}
.sel-welcome .menu li a {color:#ffffff; opacity:0.8;}
.sel-welcome .menu li a:hover {opacity:1;}
.sel-welcome .menu li i {background:#ffffff; opacity:0.2;}
.sel-welcome .menu li .arrow { opacity:1; color:rgba(255,255,255,0.5); background:none;}

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

    /* 首页 透明二级菜单-normal */
    .sel-home .menu li .nav_submenu {visibility:hidden; opacity:0; position:absolute; z-index:9; left:0; top:80px; width:100%; background:url("../imgs/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 {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 { opacity:0.8; 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 {border:none;}
    .sel-home .menu li a.smooth-scroll {}
    .sel-home .menu li .nav_submenu li:hover {}
    .sel-home .menu li .nav_submenu li:hover a { opacity:1;}
    .sel-home .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);}
    /* 欢迎页 透明二级菜单-normal */
    .sel-welcome .menu li .nav_submenu {visibility:hidden; opacity:0; position:absolute; z-index:9; left:0; top:80px; width:100%; background:url("../imgs/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-welcome .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-welcome .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-welcome .menu li .nav_submenu li:last-child a {border:none;}
    .sel-welcome .menu li a.smooth-scroll {}
    .sel-welcome .menu li .nav_submenu li:hover {}
    .sel-welcome .menu li .nav_submenu li:hover a { opacity:1;}
    .sel-welcome .menu li .nav_submenu:after {position:absolute; top:-20px; left:50%; width:0; height:0; margin-left:-10px; content:''; border:solid transparent; border-width:10px; border-color:rgba(255, 255, 255, 0); border-bottom-color:rgba(255, 255, 255, 0.2);}

    /* 首页、走进开立透明二级菜单-sticky */
    #home .sticky-nav .menu li .nav_submenu {top:69px; background:#FFFFFF; box-shadow:0 0 50px rgba(0, 0, 0, 0.2);}
    #home .sticky-nav .menu li .nav_submenu:after {border-bottom-color:rgba(255, 255, 255, 1);}



/* 全屏Banner */
#home .swiper-container {}
#home .swiper-slide {
  cursor:move;
  cursor:grab;
  background-color:#009FAB; background-attachment:scroll; background-position:center center; background-size:cover;
  overflow:hidden;
}


#home .swiper-wrapper {}
#home .swiper-slide .text { position:absolute; z-index:3; left:50%; top:50%; width:60%; margin-left:-32%; padding:0 40px; text-align:center; color:#FFFFFF; opacity:0;}
#home .swiper-slide .text h1 { margin-bottom:10px; font-size:72px;}
#home .swiper-slide .text p {margin:0; font-size:32px; line-height:1;}
#home .swiper-slide .ma {display:none;}
#home .swiper-slide .btn-area {}
#home .swiper-slide .btn-area a { background:url("../imgs/more.png"); background-repeat:repeat-x; opacity:0.9; transition:all 0.3s ease-out 0s;}
#home .swiper-slide .btn-area a:hover { color:#ffffff; opacity:1;}
#home .swiper-slide .btn-area a:hover::before {display:none;}
#home .swiper-slide .mask {width:100%; height:100%; position:absolute; z-index:2; left:0; top:0; background:#000000; opacity:0;}
/* 当前幻灯片设置动画 */
#home .swiper-slide-active .mask {-webkit-transition-delay:1s; transition-delay:1s; -webkit-transition-duration:1s; transition-duration:1s;/* Safari 5.1 - 6.0 */ opacity:0.2;}
#home .swiper-slide-active .text { opacity:1; margin-left:-30%;/*默认文字区域偏移量，实现文字动画效果*/ -webkit-transition-delay:1.5s; transition-delay:1.5s; -webkit-transition-duration:1.5s; transition-duration:1.5s;/* Safari 5.1 - 6.0 */}
/**/


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



/* 首页：产品类型 */
.p-type { 
  padding:100px 20px 150px 20px;
  background: url(../imgs/type.png) 100% no-repeat;
  width: 100%;
  position: relative;
}
.p-type .fl{ 
  width:40%;
}
.p-type .outer2 {
  margin-top:100px;
  z-index: auto;
}

.p-type .info2 {
  display: block;
  color: rgba(255, 255, 255, 1);
  font-size: 70px;
  text-align: left;
}

.p-type .word4 {
  display: block;
  color: rgba(255, 255, 255, 1);
  font-size: 36px;
  letter-spacing: 0.9px;
  white-space: nowrap;
  margin-top: 3px;
}

.p-type .mod4 {
  margin-top:30px;
}
.p-type .mod4 .word7{
  display: block;
  font-size: 18px;
  color: #FFFFFF;
  line-height: 36px;
  letter-spacing: 1px;
  text-align: justify;
}
.p-type .layer1{
  display: block;
  font-size: 25px;
  color: #B3CEEF;
  letter-spacing: 1px;
  
  margin-top:40px;
  width: 243px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: 1px solid #B3CEEF;
}
.p-type .fr{ 
  width:48%;
}
.p-type .fr ul li{ 
  margin-top:30px;
}
.p-type .fr ul li a{ 
  display: block;
  width: 100%;
  height: 70px;
  line-height: 70px;
  border: 1px solid #FFFFFF;
  padding-left:30px;
  font-size: 36px;
  color: #FFFFFF;
  letter-spacing: 2px;
}
.p-type .fr ul li a:hover{ 
  background: #D90617;
  border:none;
}
/* 首页：团队介绍 */
.p-td { 
  padding:100px 20px 150px 20px;
  background: url(../imgs/td.png) 100% no-repeat;
  width: 100%;
  position: relative;
}
.p-td ul li{}
.p-td ul li:nth-child(1){
  width:25%;
}
.p-td ul li:nth-child(2){
  margin-left: 20px;
  width:23%;
}
.p-td ul li:nth-child(3){
  margin-top: 30px;
  margin-left: 20px;
  width:23%;
}
.p-td ul li:nth-child(4){
  margin-left: 20px;
  width:23%;
}
.p-td ul li .main{
  position: relative;
  margin-top:35px;
}
.p-td ul li .main img{
  border:1px dashed #a09c9c;
}
.p-td ul li .main .info{
  position: absolute;
  left:20%;
  bottom: 8%;
}

.p-td ul li .main .info span.txt3{
  display: block;
  text-align: center;
  font-size: 30px;
  color: #FFFFFF;
}
.p-td ul li .main .info span.txt4{
  display: block;
  text-align: center;
  font-size: 20px;
  color: #FFFFFF;
}
.p-td ul li .outer2 {
  margin-top:100px;
  z-index: auto;
}

.p-td ul li  .info2 {
  display: block;
  color: #1A1919;
  font-size: 40px;
  font-weight: bold;
  text-align: left;
}

.p-td ul li  .word4 {
  display: block;
  color: #1A1919;
  font-size: 18px;
  margin-top: 5px;
}

/* 首页：团队介绍 */
.p-news { 
  background: url(../imgs/news.png) 100% no-repeat;
  width: 100%;
  position: relative;
}
.p-news .block1{ 
  width:30%;
  padding-top:350px;
  padding-left:50px;
  color: #1A1919;
}
.p-news .block1 .info1{ 
  
  font-size: 40px;
}
.p-news .block1 .info2{ 
  display: block;
  font-size: 50px;
  padding:20px 0;
}
.p-news .block1 .info3{ 
  padding-bottom: 10px;
  font-size: 25px;
  color: #345C9E;
  border-bottom: 1px solid #345C9E;
}
.p-news .swiper-container{ 
  position: relative;
  padding-top:200px;
  width:70%;
}
.p-news .swiper-container .swiper-slide {
    width: 60%;
    height:490px !important;
    background: none !important;
 }

.p-news .swiper-container .swiper-slide a{
    display: block;
 }
 .p-news .swiper-container .swiper-slide a img{
    max-width:100%;
    height:380px;
 }
 .p-news .swiper-container .swiper-slide a .time{
    margin:15px 0;
    font-size: 20px;
    color: #565656;
 }
 .p-news .swiper-container .swiper-slide a .title{
    width:100%;
    font-size: 28px;
    font-weight: 500;
    color: #2D2D2D;
    overflow: hidden;/*超出部分隐藏*/
    text-overflow:ellipsis;/* 超出部分显示省略号 */
    white-space: nowrap;/*规定段落中的文本不进行换行 */
 }
 .p-news .swiper-container .newsbtn {
    width:150px;
    height:70px;
    position: absolute;
    z-index: 99999;
    bottom: 15%;
    left:0;
    margin:0;
    padding:0;

 }
 .p-news .swiper-container .newsbtn img{
    width:43.5%;
    height:75%;
 }

/* 版权 */
.footer {
    padding:50px 20px 20px 20px;
    background: #505863;
    width: 100%;
    position: relative;
}
.footer ul li:nth-child(1){
    width:20%;
}
.footer ul li:nth-child(2){

   margin-left:10%;
    width:45%;
}
.footer ul li:nth-child(2) .title{
  font-size: 32px;
  font-weight: 500;
  color: #CED4E1;
}
.footer ul li:nth-child(2) .info{
  margin-top:20px;
  font-size: 18px;
  font-weight: 500;
  color: #CED4E1;
  line-height: 32px;
}
.footer ul li:nth-child(3){
   text-align: right;
    width:25%;
}
.footer ul li:nth-child(3) .tel{
  position: relative;
  font-size: 38px;
  color: #CED4E1;
}
.footer ul li:nth-child(3) .tel::before{
    position: absolute;
    top: -2px;
    left: 4px;
    content: '';
    width: 46px;
    height: 46px;
    background: url(../imgs/tel.png) 100% no-repeat;
}
.footer ul li:nth-child(3) .ewm{
  margin-top:20px;
  font-size: 16px;
  color: #CED4E1;
}
.footer ul li:nth-child(3) .ewm img{
  border:1px dashed #a09c9c;
}
.footer .copyright{
    color:#CED4E1;
    text-align: center;
}
.footer .copyright a{
    color:#CED4E1;
}

/*home sticky-nav*/
#home .sticky-nav {background:#FFFFFF;}
#home .sticky-nav .logo {background-image:url('../imgs/logo1.png');}
#home .sticky-nav .menu li a {color:#1e1e1e;}

/************内页banner：开始********************/
#water {
    position: absolute;
    width: 23vw;
    top: 0;
    left: 0;
    margin: 0;
    height: 100%;
    z-index: 4;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    opacity: 0.8;
}
.bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    background: url(../imgs/banner-bg.png) center repeat rgba(0, 0, 0, 0.15);
}
.ins_banner {
  height: 70vh;
  position: relative;
  z-index: 2;
}
.pub_banner_box{
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.con_banner{
  height: 100%;
  background-size: cover;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  transform: scale(1.1);
  transition: all 3s ease;
}
.con_banner.on{
  transform: scale(1);
}
.ins_banner .breadcrumb_nav{
  position: absolute;
  width: 80%;
  left: 9.5%;
  bottom: 0;
  color: #fff;
  padding-bottom: 70px;
}
.ins_banner .breadcrumb_nav>div{
  color: #FFFFFF;
  display: inline-block;
}
.ins_banner .breadcrumb_nav .navBtitle{
  display: inline-block;
  vertical-align: middle;
  padding-right: 3.6%;
  font-size: 40px;

}
.ins_banner .breadcrumb_nav .navLine{
  display: inline-block;
  vertical-align: middle;
  height: 1.5px;
  background-color: rgba(255,255,255,.5);
  margin: 0;
  width: 50%;
  transition: width .5s ease .2s;
  margin:0 30px;
}
.ins_banner .breadcrumb_nav .navLtitle{
  position: relative;
  vertical-align: top;
  line-height: 50px;
  font-size: 30px;
  font-weight: 400;
  
}
.ins_banner .breadcrumb_nav .navLtitle:after{
  position: absolute;
  top: 10px;
  right: -40px;
  content: '';
  width: 30px;
  height: 30px;
  background: url(../imgs/led.png) 100% no-repeat;
  
}
/************内页banner：结束********************/
/***********************移动*****************************/

/************************移动****************************/
/************分页：结束********************/

/* .page_case{
  padding-top: 85px;
  text-align: center;
  font-size: 16px;
}
.page_case > .page_num_box{
  display: inline-block;
  vertical-align: middle;
}
.page_num_box .btn_style:hover, .page_num_box .on.btn_style {
    background: linear-gradient(45deg, #156bb5 0%, #0779ef 100%)!important;
    box-shadow: 0 2px 10px -2px rgb(14 47 189 / 60%);
    color: #fff !important;
}
.page_num_box .btn_style{
  display: block;
  float: left;
  
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background: #fff;
  color: #000;
  text-align: center;
  line-height: 60px;
  width: 60px;
  height: 60px;
} */

.pageList{ 
  padding-top: 85px;
  text-align: center;
  font-size: 16px;
}
.pageList li{ display: inline-block; }
.pageList .active span,.pageList a:hover{ 
  display: block;
    background: linear-gradient(45deg, #156bb5 0%, #0779ef 100%)!important;
    box-shadow: 0 2px 10px -2px rgb(14 47 189 / 60%);
    color: #fff !important;

}

.pageList a,.pageList span{ 
    display: block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #fff;
    color: #000;
    text-align: center;
    line-height: 60px;
    width: 60px;
    height: 60px;
 }
.pageList a:hover{ color: #fff; }

/************分页：结束********************/