/*
======================================================================
*	Author:				    www.vokodesign.com
*	Creation Date:		    2021-5-12
======================================================================
*/




/* css reset */
* {margin:0; padding:0; border:none; outline:none; box-shadow:none; -webkit-appearance:none; resize:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
*, *:before, *:after {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
p { line-height:1.8;}
img {display:block; 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 {font-family:Arial,sans-serif;}
/*修改表单元素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:#666666; font-weight:normal;}
h1, 
h2, 
h3, 
h4, 
h5, 
h6
{ line-height:1.2125em; text-rendering:optimizelegibility;}
html.no-scroll {overflow-y:hidden;}
body {min-width:320px; -webkit-font-smoothing:antialiased; color:#1e1e1e; font-style:normal; background:#ffffff;}
html {overflow:scroll; overflow-x:hidden; font-family:Arial,sans-serif;}


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

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


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

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

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

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

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


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


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


/****************************************/
/*************    public    ************/
/***************************************/
/*分栏*/
.row {margin:0 auto; padding:0 20px; max-width:1366px; width:100%;}
/*按钮：默认*/
a.btn {display:inline-block; padding:15px 40px 15px 44px; position:relative; font-size:16px; color:#000000; background:#F2F2F2; transition:all 0.2s ease-out 0s; overflow:hidden;}
a.btn span {position:relative;}
a.btn:before {content:""; position:absolute; left:0; top:0; width:4px; height:100%; background:#980014; transition:all 0.2s ease-out 0s;}
a.btn:hover {color:#FFFFFF;}
a.btn:hover:before {width:100%;}
/**/
a.btn_arrow {position:relative; padding:20px 70px 20px 40px; transition:all 0.3s ease-out 0s;}
a.btn_arrow:before {content:""; position:absolute; right:35px; top:0; bottom:0; margin:auto; width:24px; height:14px; background:url('images/arrow.svg') no-repeat scroll left center / 100% auto; transition:all 0.3s ease-out 0s;}
a.btn_arrow:hover {text-indent:0px;}
a.btn_arrow:hover:before {right:30px;}
/**/
a.btn_gray {background:#F2F2F2;}
/**/
a.btn_white {background:#FFFFFF;}
/**/
a.btn_sub {color:#FFFFFF; background:#980014;}
a.btn_sub:hover {}
a.btn_sub:before {display:none;}

/**/
.shead {display:flex; justify-content:space-between; align-items:center;}
.shead .btn_area {display:flex;}
.shead h2 {font-size:44px;}

/**/
.pages {}
.pages .box {display:flex; justify-content:center;}
.pages a {display:inline-block; margin:0 10px; font-size:16px; width:40px; height:40px; line-height:40px; text-align:center; background:#F2F2F2; font-family:Montserrat-Extra-Bold;}
.pages a:hover {color:#FFFFFF; background:#980014;}
.pages a.on {color:#FFFFFF; background:#980014;}

/**/
.tab {}
.tab .box {}
.tab .box a {display:inline-block; padding:10px 0; font-size:16px; word-break:keep-all;/*不换行*/ white-space:nowrap;/*不换行*/ overflow:hidden;/*内容超出宽度时隐藏超出部分的内容*/ text-overflow:ellipsis;/*当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用*/}
.tab .box a.on {font-weight:bold; color:#980014;}

/**/
.table {font-size:14px;}
.table .title {border-radius:4px; background:#333333;}
.table .title ul {display:flex; justify-content:space-between;}
.table .title ul li {padding:25px; color:#FFFFFF; font-weight:bold;}
.table .list {}
.table .list ul {display:flex; justify-content:space-between; border-radius:4px;}
.table .list ul:nth-child(even) {background:#F2F2F2;}
.table .list ul li {padding:25px;}

/* products */
.con_products_list {display:flex; flex-wrap:wrap; justify-content:space-between; margin:-10px;}
.con_products_list li { padding:10px; width:50%;}
.con_products_list li a {position:relative; display:block; height:100%; padding:80px 50px; background:#FFFFFF;}
.con_products_list li a:before {content:""; position:absolute; left:0; top:0; width:5px; height:0; background-color:#980014; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.con_products_list li a:after {content:""; position:absolute; left:80px; bottom:30px; width:60px; height:60px; border:1px solid rgba(0,0,0,0.05); border-radius:100%; background:#980014 url("images/arrow.svg") no-repeat scroll center center / 40% auto; 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;}
.con_products_list li a .cover {width:60%; margin:auto; overflow:hidden;}
.con_products_list li a .cover i {display:block; height:auto; transform:scale(0.9,0.9); background-position:center center; background-repeat:no-repeat; background-size:cover; 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; overflow:hidden;}
.con_products_list li a .text {text-align:center;}
.con_products_list li a .text h3 {font-size:22px; margin:20px 0 0 0;}
.con_products_list li a .text p {display:none; font-size:14px; color:rgba(0,0,0,0.5); overflow:hidden;}
.con_products_list li a:hover:before {height:100%;}
.con_products_list li a:hover:after {opacity:1; bottom:65px;}
.con_products_list li a:hover .cover i {transform:scale(1.0,1.0);}

/**/
.con_temp_banner {}
.con_temp_banner .b_bg {padding:300px 0; background-color:#000000; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.con_temp_banner .box {margin-top:-200px; display:flex;}
.con_temp_banner .box .text {padding:80px; width:50%; color:#FFFFFF; background:#980014;}
.con_temp_banner .box .text h1 {font-size:44px; position:relative; display:inline-block; margin-bottom:30px;}
.con_temp_banner .box .text h1:before {content:""; position:absolute; left:0; bottom:-20px; width:50%; height:4px; background:#FFFFFF;}
.con_temp_banner .box .text p {font-size:36px; text-transform:uppercase; opacity:0.2; font-family:Montserrat-Extra-Bold;}

/* news */
.con_news_list {display:flex; flex-wrap:wrap; margin:-10px;}
.con_news_list li {width:33.333333%; padding:10px;}
.con_news_list li a {display:block; height:100%; background:#F2F2F2; overflow:hidden;}
.con_news_list li a .cover {position:relative; z-index:1; overflow:hidden;}
.con_news_list li a .cover i {display:block; height:auto; background-position:center center; background-repeat:no-repeat; background-size:cover; 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; overflow:hidden;}
.con_news_list li a .text {padding:30px; text-align:left; position:relative;}
.con_news_list li a .text h3 {position:relative; font-size:18px; margin-bottom:40px; /* 多行省略 */ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.con_news_list li a .text p {position:relative; font-size:14px; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.con_news_list li a .text p span {opacity:0.5;}
.con_news_list li a:hover {background:#980014;}
.con_news_list li a:hover .text h3 {color:#FFF; opacity:0.9;}
.con_news_list li a:hover .text p { color:#FFF;}
.con_news_list li a:hover .cover i {transform:scale(1.1,1.1);}

/* 视频 */
.player {visibility:hidden; opacity:0; position:fixed; z-index:999999; left:0; right:0; top:0; bottom:0; margin:80px auto 0; width:100%; height:100%; background:rgba(255,255,255,1); overflow:hidden; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.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:48px; height:48px; border-radius:100%; cursor:pointer; background:url("images/close.svg") no-repeat center center / 35% auto; }
.player .close:hover {opacity:0.5; filter:Alpha(opacity=50);/*IE8*/}
.player video {display:inline-block; width:60%; height:auto;}
.player-bg { display:none; position:fixed; left:0; top:0; z-index:999997; background:#000000; opacity:0.8; filter:Alpha(opacity=80);/*IE8*/ width:100%; height:100%;}
.player iframe {width:100%; height:100%;}
.player.show {visibility:visible; opacity:1; margin-top:0; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}

/* 返回顶部 */
a.r_top {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-color:#F8F8F8; background-image:url("images/top.svg"); background-position:center center; background-size:30% auto; background-repeat:no-repeat;}
a.r_top:hover {background-color:#980014; background-image:url("images/top_hover.svg");}

/* 分页 */
#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);}

/* 系统提示框 */
.alert {color:#FFFFFF; position:fixed; left:0; right:0; top:0; bottom:0; margin:auto; display:flex; align-items:center; justify-content:center;}
.alert .i_a {width:335px; text-align:center; background:rgba(0, 0, 0, 0.8);}
.alert .i_a h4 {font-size:18px; padding:40px 20px 30px;}
.alert .i_a a {display:block; padding:20px; color:#BA2A3D; border-top:1px solid rgba(255, 255, 255, 0.2);}

/**/
.arrow {display:block; position:relative; width:16px; height:20px;}
.arrow::before {content:""; position:absolute; left:0; top:0; bottom:0; width:10px; height:2px; margin:auto; background:#000000; transform:rotate(-135deg);}
.arrow::after {content:""; position:absolute; right:0; top:0; bottom:0; width:10px; height:2px; margin:auto; background:#000000; transform:rotate(135deg);}

/* 锚点  */
a.anchor {display:block; height:0; position:relative; top:-94px; overflow:hidden;}




/****************************************/
/**************    home    **************/
/****************************************/
    /**** navigation ****/
        .navigation{width:100%; border-top:4px solid #980014; position:fixed; left:0; top:0; z-index:3; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
        .navigation .main {position:relative;}
        .navigation .content {background:#FFFFFF; box-shadow:0 10px 20px 0 rgba(0, 0, 0, 0.05);}
        .navigation .box {height:90px; display:flex; justify-content:space-between; align-items:center;}
        .navigation .logo{display:block; margin-left:40px; width:135px; height:58.8px; background:url('images/logo.png') no-repeat scroll left center / 100% auto; transition:opacity 0.3s ease-out 0s;}
        .navigation .logo img {display:block; width:100%;}
        .navigation .menu{display:flex; align-items:center; width:calc(100% - 135px - 200px); height:100%;}
        .navigation .menu ul {display:flex; justify-content:space-between; width:100%; height:100%;}
        .navigation .menu ul li{width:20%;}
        .navigation .menu li a{display:flex; align-items:center; justify-content:center; height:100%; font-size:18px; font-weight:bold; text-align:center; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
        .navigation .menu li a:hover {color:#980014;}
        /* 二级菜单 */
        .navigation .menu ul li.sub > a {position:relative;}
        .navigation .menu ul li.sub > a.underline {color:#980014;}
        .navigation .menu ul li.sub > a.underline::before {content:""; position:absolute; left:0; bottom:0; width:100%; height:4px; background:#980014;}
        .navigation .menu ul li.sub .total_i_sub {display:none!important; position:absolute; z-index:9; left:0; right:0;  top:90px; margin:auto; padding:80px 0; border-top:1px solid #e5e5e5; background-color:#FFFFFF; background-image:url("images/nav_sub_bg.jpg"); background-size:60% auto; background-repeat:no-repeat; background-position:left center;}
        .navigation .menu ul li.sub .total_i_sub::before {content:""; position:absolute; right:0; top:0; width:65%; height:100%; background:#FFFFFF;}
        .navigation .menu ul li.sub .total_i_sub.active {display:block;}
        .navigation .menu ul li.sub .i_sub {max-width:1366px; width:100%; margin:auto;}
        .navigation .menu ul li.sub .i_sub span {display:block; position:relative; text-align:right; width:35%; font-size:18px; font-weight:bold; padding:12px 50px 12px 15px; cursor:pointer;}
        .navigation .menu ul li.sub .i_sub span.on {color:#FFFFFF; background-image:linear-gradient(90deg, rgba(152, 0, 20, 0) 40%, rgba(152, 0, 20, 1) 100%);}
        .navigation .menu ul li.sub .i_sub span.on::before {content:""; position:absolute; right:0; top:0; bottom:0; margin:auto; width:4px; height:20px; background:#980014;}
        .navigation .menu ul li.sub .i_sub .i_sub_list {display:flex; flex-wrap:wrap; position:absolute; top:0; padding:80px 0; visibility:hidden; opacity:0; /*background:green;*/ border-left:1px solid #F2F2F2;}
        .navigation .menu ul li.sub .i_sub .i_sub_list.active {visibility:visible; opacity:1;}
        .navigation .menu ul li.sub .i_sub .i_sub_list .cell {width:100%; display:flex; align-items:flex-start;}
        .navigation .menu ul li.sub .i_sub .i_sub_list .cell .img {display:none; width:80px; padding:10px; background:#F2F2F2; border-radius:4px; overflow:hidden;}
        .navigation .menu ul li.sub .i_sub .i_sub_list .cell .img img {display:block; width:100%; height:auto;}
        .navigation .menu ul li.sub .i_sub .i_sub_list .cell .text {display:flex; width:100%; padding-left:50px;}
        .navigation .menu ul li.sub .i_sub .i_sub_list .cell .text h4 {display:none; font-size:14px; margin-bottom:10px; word-break:keep-all;/*不换行*/ white-space:nowrap;/*不换行*/ overflow:hidden;/*内容超出宽度时隐藏超出部分的内容*/ text-overflow:ellipsis;/*当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用*/}
        .navigation .menu ul li.sub .i_sub .i_sub_list .cell .text a {display:block; text-align:center; font-size:16px; margin:0 50px 0 0; padding:40px 20px; width:50%; height:auto; background:#F8F8F8; word-break:keep-all;/*不换行*/ white-space:nowrap;/*不换行*/ overflow:hidden;/*内容超出宽度时隐藏超出部分的内容*/ text-overflow:ellipsis;/*当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用*/}
        .navigation .menu ul li.sub .i_sub .i_sub_list .cell .text a:hover {color:#FFFFFF; background:#980014;}
        .navigation .search {display:flex; display:none; justify-content:flex-end; align-items:center; margin-left:40px; padding:20px 0 20px 20px; transition:none;}
        .navigation i.mir {display:block; width:18px; height:18px; position:relative;}
        .navigation i.mir:before {content:""; position:absolute; left:0; top:0; width:16px; height:16px; border:2px solid #000000; border-radius:100%;}
        .navigation i.mir:after {content:""; position:absolute; right:0; bottom:0; width:2px; height:6px; background:#000000; transform:rotate(-45deg); transform-origin:bottom right;}
        /* 搜索框 */
        .searchview {display:none; position:absolute; z-index:3; left:0; right:0; top:0; margin:auto; width:500px; height:100%; background:#FFFFFF;}
        .searchview .form {width:100%; height:100%}
        .searchview .form i.mir {opacity:0.1; position:absolute; left:0; top:0; bottom:0; margin:auto; width:18px; height:18px;}
        .searchview .form button {position:absolute; right:0; top:0; bottom:0; margin:auto; width:40px; height:40px; cursor:pointer; background:none;}
        .searchview .form button:before {content:""; position:absolute; left:auto; right:0; top:0; bottom:0; margin:auto; width:20px; height:2px; background:#000000; transform:rotate(45deg);}
        .searchview .form button:after {content:""; position:absolute; left:auto; right:0; top:0; bottom:0; margin:auto; width:20px; height:2px; background:#000000; transform:rotate(-45deg);}
        .searchview .form input {width:100%; height:100%; padding:0 30px; font-size:16px;}
        .searchview .results {padding:20px 30px 30px; width:100%; font-size:16px; background:#FFFFFF;}
        .searchview .results span {opacity:0.3;}
        .searchview .results ul {margin-top:20px;}
        .searchview .results ul li {}
        .searchview .results ul li a {display:block; padding:10px 0;}
        .searchview .results ul li a:hover {color:#5BC0CE;}
        /**/
        .strange {position:absolute; z-index:2; top:650px; border:none;}
        .strange .row {}
        .strange .logo {display:none;}
        .strange .content {padding:0; background:transparent; box-shadow:none;}
        .strange .menu {width:100%;}
        .strange .menu ul li {width:auto;}
        .strange .menu ul li a {color:#FFFFFF; font-size:28px;}
    
    /**** 全屏Banner ****/
    .sc-res {position:relative; height:900px; background:#000000;}
    .sc-res .swiper-container {/*position:fixed;*/ width:100%; height:100%;}
    .sc-res .swiper-wrapper {}
    .sc-res .swiper-slide {cursor:move; cursor:grab; background-color:#000000; background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
    .sc-res .swiper-slide .row {height:100%;}
    .sc-res .swiper-slide .text {width:100%; height:100%; margin-top:50px; position:relative; color:#FFFFFF;}
    .sc-res .swiper-slide .video {}
    .sc-res .swiper-slide .video .mask {position:absolute; z-index:2; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5);}
    .sc-res .swiper-slide .video .mask::before {content:""; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:90px; height:90px; border-radius:100%; /*border:2px solid rgba(255, 255, 255, 1);*/ background:#980014 url("images/play_icon.svg") no-repeat scroll 27px center / 50% auto;}
    .sc-res .swiper-slide .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%);}
    .sc-res .swiper-slide .text a.btn {margin-top:40px;}
    /*默认：偏移*/
    .sc-res .swiper-slide .it {margin-left:40px;/*偏移量*/ padding-left:40px; border-left:10px solid #FFFFFF; opacity:0; width:100%; position:absolute; z-index:3; left:0; top:45%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
    .sc-res .swiper-slide .it h6 { font-size:22px; margin-bottom:20px; display:inline-block; padding:8px 20px; background:#980014;}
    .sc-res .swiper-slide .it h2 { font-size:64px; margin-bottom:20px; word-break:keep-all;/*不换行*/ white-space:nowrap;/*不换行*/ overflow:hidden;/*内容超出宽度时隐藏超出部分的内容*/ text-overflow:ellipsis;/*当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用*/}
    .sc-res .swiper-slide .it p {margin:0; font-size:22px; line-height:1; text-transform:uppercase;}
    /* 当前幻灯片设置动画 */
    .sc-res .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 */}
    /**/
    .sc-res .sbn {display:flex; position:absolute; z-index:11; left:0; right:0; top:50%; margin:auto; padding:0 20px 0 150px;}
    .swiper-button-prev::after, .swiper-container-rtl .swiper-button-next::after {display:none;}
    .swiper-button-next::after, .swiper-container-rtl .swiper-button-prev::after {display:none;}
    .swiper-button-next, .swiper-button-prev {width:60px; height:60px; transform:translateY(-50%); margin-top:0; border:1px solid transparent; border-radius:100%;}
    .swiper-button-next:hover, .swiper-button-prev:hover { border-color:rgba(255,255,255,0.2); 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:30px; background-image:url("images/prev.svg"); background-size:12px auto; background-repeat:no-repeat; background-position:center; transition:all 0.3s ease 0s;}
    .swiper-button-prev:hover, .swiper-container-rtl .swiper-button-next:hover {background-size:14px auto;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {left:auto; right:30px; background-image:url("images/next.svg"); background-size:12px auto; background-repeat:no-repeat; background-position:center; transition:all 0.3s ease 0s;}
    .swiper-button-next:hover, .swiper-container-rtl .swiper-button-prev:hover {background-size:14px auto;}
    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {/*opacity:1;*/}
    /**/
    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {display:none; bottom:70px; color:#FFFFFF; max-width:1366px; left:0; right:0; margin:auto; text-align:left; padding:0 20px;}
    .swiper-container-horizontal > .swiper-pagination-bullets em, .swiper-pagination-custom, .swiper-pagination-fraction em {font-style:normal; font-family:din-alternate-bold;}
    .swiper-container-horizontal > .swiper-pagination-bullets em:nth-child(1), .swiper-pagination-custom, .swiper-pagination-fraction em:nth-child(1) {font-size:28px;}
    .swiper-container-horizontal > .swiper-pagination-bullets i, .swiper-pagination-custom, .swiper-pagination-fraction i {font-style:normal; padding:0 10px; font-size:18px; opacity:0.2;}
    .swiper-container-horizontal > .swiper-pagination-bullets em:nth-child(3), .swiper-pagination-custom, .swiper-pagination-fraction em:nth-child(3) {font-size:18px; opacity:0.5;}
    .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {position:relative; background:#999999; 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:1px solid transparent; 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:3px solid #333333;}
    .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:last-child:after {display:none;}

    .sc-res .num {position:absolute; left:0; bottom:50px; z-index:1; width:100%; text-align:left;}
    .sc-res .num .cover {width:60%; position:relative; display:flex; align-items:center; background:#000;}
    .sc-res .num .cover::before {content:""; position:absolute; left:-100px; top:0; width:100px; height:100%; background:linear-gradient(-90deg, rgb(0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%);}
    .sc-res .num .cover video {display:block; width:100%;}
    .sc-res .num ul {display:flex;}
    .sc-res .num ul li {padding-right:100px;}
    .sc-res .num ul li h3 {font-size:36px; display:flex; align-items:center; color:#FFF;}
    .sc-res .num ul li h3 span {}
    .sc-res .num ul li h3 i {font-size:16px; font-style:normal; font-weight:bolder; padding-left:5px;}
    .sc-res .num ul li p {color:#FFF;}


    /***** scene *****/
    .scene {position:relative; padding:200px 0; text-align:right;}
    .scene:before {content:""; position:absolute; left:0; top:0; right:0; margin:-50px auto 0; max-width:2000px; width:90%; height:100%; background:url("../images/scene_skin.png") no-repeat scroll center center / 100% auto;}
    .scene .row {position:relative;}
    .scene .molo {display:flex; justify-content:space-between; margin:10px 0 200px 0;}
    .scene .fhc {width:50%; display:flex; justify-content:space-between; background:#000 url("https://www.symapmedical.com/statics/images/long_fix.jpg"); background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .scene .tab {width:50%; padding-left:10px;}
    .scene .tab ul {display:flex; flex-wrap:wrap; margin:0 0 0 -10px; height:100%;}
    .scene .tab ul li {width:33.333333%; padding:0 0 0 10px;}
    .scene .tab ul li a {display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; height:100%; padding:30px 20px; position:relative; color:#FFFFFF; text-align:center; background:#980014;}
    .scene .tab ul li span {display:inline-block; position:relative; width:64px; height:64px; background-repeat:no-repeat; background-position:center center; background-size:100% auto;}
    .scene .tab ul li:nth-child(1) span {background-image:url("images/scene_icon_1.svg");}
    .scene .tab ul li:nth-child(2) span {background-image:url("images/scene_icon_2.svg");}
    .scene .tab ul li:nth-child(3) span {background-image:url("images/scene_icon_3.svg");}
    .scene .tab ul li:nth-child(4) span {background-image:url("images/scene_icon_4.svg");}
    .scene .tab ul li p {font-size:14px; position:relative;}
    .scene .fb {}
    .scene .box {display:none; opacity:0; transform:translate3d(0,40px,0);}
    .scene .box .inner {display:flex; align-items:center;}
    .scene .img {width:50%; overflow:hidden;}
    .scene .img i {display:block; width:100%; height:auto; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .scene .text {width:50%; padding-left:80px;}
    .scene .text h2 {font-size:44px; text-transform:uppercase;}
    .scene .text p {font-size:18px; color:rgba(0,0,0,0.8); text-align:justify; margin:40px auto 60px;}
    .scene .box.active {display:block; animation:scene_box_show 2s cubic-bezier(0.25, 1, 0.5, 1) 1 alternate forwards; animation-delay:0s;}
    @keyframes scene_box_show {
        0% {
            opacity:0;
        }
        100% {
            opacity: 1;
            transform:translate3d(0,0,0);
        }
    }

    /***** intro *****/
    .intro {display:none;}
    .intro .summary {padding:150px 0; color:#FFFFFF; background-color:#000000; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .intro .summary .box {display:flex; justify-content:space-between; align-items:center;}
    .intro .summary .sl {width:66.666666%;}
    .intro .summary .sl .i_sl {width:55%;}
    .intro .summary .sl .i_sl h2 {font-size:38px;}
    .intro .summary .sl .i_sl p {display:none; font-size:14px; text-align:justify;}
    .intro .summary .sr {width:calc(33.333333% - 10px);}
    .intro .summary .sr ul {display:flex; justify-content:space-between;}
    .intro .summary .sr ul li {}
    .intro .summary .sr ul li h3 {font-size:44px; display:flex; align-items:center; font-family:din-alternate-bold;}
    .intro .summary .sr ul li h3 span {}
    .intro .summary .sr ul li h3 i {font-size:16px; font-style:normal; font-weight:bolder; padding-left:5px;}
    .intro .summary .sr ul li p {}
    .intro .main {background:#FFFFFF;}
    .intro .main .box {display:flex; justify-content:space-between;}
    .intro .main .ml {width:66.666666%;}
    .intro .main .ml .shead {display: none;}
    .intro .main .ml .shead h2 {font-size:36px;}
    .intro .main .ml ul {display:flex;flex-wrap:wrap; margin:70px 0 80px;}
    .intro .main .ml ul li {width:50%; padding:0 50px 0 0;}
    .intro .main .ml ul li .inner {}
    .intro .main .ml ul li a {display:block;}
    .intro .main .ml ul li h3 {position:relative; font-size:22px; line-height:1.6; margin:0 0 40px 0; padding:0 0 30px 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;}
    .intro .main .ml ul li h3::before {content:""; position:absolute; z-index:1; left:0; bottom:0; width:0; height:2px; background:#980014; 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;}
    .intro .main .ml ul li h3::after {content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#999999;}
    .intro .main .ml ul li p {font-size:16px; text-align:justify; opacity:0.8; 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;}
    .intro .main .ml ul li a:hover h3 {color:#980014;}
    .intro .main .ml ul li a:hover h3::before {width:100%;}
    .intro .main .ml ul li a:hover p {opacity:1;}
    .intro .main .mr {width:calc(33.333333% - 10px); margin-top:-188px; background:#980014;}
    .intro .main .mr .cover {padding:5px;}
    .intro .main .mr .cover a {display:block; position:relative; overflow:hidden;}
    .intro .main .mr .cover a:before {content:""; position:absolute; z-index:1; left:0; top:0; bottom:0; right:0; margin:auto; width:40px; height:40px; background:url("images/play_icon.svg") no-repeat scroll center center / 100% auto;}
    .intro .main .mr .cover a i {display:block; position:relative; width:100%; height:auto; background-position:center center; background-repeat:no-repeat; background-size:cover; 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;}
    .intro .main .mr .cover a i::before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000000; opacity:0.5;}
    .intro .main .mr .cover img {}
    .intro .main .mr .text {padding:40px 45px; color:rgba(255,255,255,0.8);}
    .intro .main .mr .text p {font-size:14px; line-height:2; text-align:justify;}
    .intro .main .mr .cover a:hover i {transform:scale(1.1,1.1);}

    /***** products_list *****/
    .products_list {padding:150px 0; background:#F2F2F2;}
    .products_list .shead {margin-bottom:50px;}

    /***** news *****/
    .news {position:relative; padding:100px 0;}
    .news .con_news_list {margin:50px -10px 60px;}


    /**** copyright ****/
    .copyright {padding:120px 0 0; font-size:14px; color:#ffffff; background-color:#000000; background-image:url("https://www.symapmedical.com/statics/images/footer_bg.jpg"); background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
    .copyright .inner {}
    .copyright .t {display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:100px;}
    .copyright .t h3 {font-size:18px; margin-bottom:40px; text-transform:uppercase;}
    /**/
    .copyright .t .l {width:75%; display:flex;}
    .copyright .t .l .c-col {width:20%; padding-right:40px;}
    .copyright .t .l .c-col ul {}
    .copyright .t .l .c-col ul li {padding-bottom:20px;}
    .copyright .t .l .c-col ul li:last-child {padding:0;}
    .copyright .t .l .c-col ul li a {color:#FFFFFF; font-size:16px; opacity:0.5; /* 多行省略 */ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
    .copyright .t .l .c-col ul li a:hover {opacity:0.8;}
    /**/
    .copyright .t .r {display:flex; flex-wrap:wrap; justify-content:flex-end; width:25%;}
    .copyright .t .r .hotline {text-align:right; width:100%;}
    .copyright .t .r .hotline p {font-size:14px;}
    .copyright .t .r .hotline h2 {font-size:44px;}
    .copyright .t .r ul {margin:40px 0 0 0; width:100%; display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:flex-end;}
    .copyright .t .r ul li {}
    .copyright .t .r ul li a {display:block; width:48px; height:48px; line-height:48px; text-indent:-999999px; text-align:center; background-color:rgba(255,255,255,0.1); background-repeat:no-repeat; background-position:center; background-size:80% auto; overflow:hidden;}
    .copyright .t .r ul li a:hover {background-color:rgba(255,255,255,0.2); background-size:90% auto;}
    .copyright .t .r ul li .vcode {width:120px; height:120px;}
    .copyright .t .r ul li .vcode img {}
    .copyright .t .r ul li:nth-child(1) a {background-image:url('images/social_icon_1.svg');}
    .copyright .t .r ul li:nth-child(2) a {background-image:url('images/social_icon_2.svg');}
    .copyright .t .r ul li:nth-child(3) a {background-image:url('images/social_icon_3.svg');}
    /**/
    .copyright .b {display:flex; justify-content:space-between; padding:50px 0; border-top:2px solid rgba(255,255,255,0.2);}
    .copyright .b p {text-transform:uppercase; opacity:0.3;}
    .copyright .b p em {position:relative; opacity:0.5;}
    .copyright .b p em::before {content:""; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:1px; height:12px; background:#FFFFFF;}
    .copyright .b p a {color:#FFFFFF; text-decoration:underline;}
    .copyright .b p a:hover {opacity:1;}
    .copyright .b a {padding:0 10px;}
    .copyright .b span a {padding:0 8px;}
    .copyright .b .pp {padding:0; color:#FFFFFF; text-transform:uppercase; opacity:0.3;}




/*****************************************/
/**************    about    **************/
/*****************************************/
.sel_about {}
    /**/
    .sel_about .banner {padding:300px 0 350px; position:relative; background:#000000 url("images/about_banner.jpg") no-repeat scroll center center / 100% auto; background-size:cover; overflow:hidden;}
    .sel_about .banner .box {}
    .sel_about .banner .text {color:#FFFFFF; text-align:center; text-transform:uppercase;}
    .sel_about .banner .text h3 {font-size:28px; margin-bottom:40px;}
    .sel_about .banner .text h2 {font-size:64px; width:65%; margin:60px auto 0;}
    .sel_about .banner .text h2 span {display:block;}
    .sel_about .banner .anchor_nav {position:fixed; z-index:2; left:0; top:50%; transform:translateY(-50%); padding:10px 0; background:rgba(0, 0, 0, 0.8);}
    .sel_about .banner .anchor_nav ul {}
    .sel_about .banner .anchor_nav li {}
    .sel_about .banner .anchor_nav a {display:block; padding:10px 30px; font-size:16px; color:rgba(255, 255, 255, 0.5);}
    .sel_about .banner .anchor_nav a:hover {color:rgba(255, 255, 255, 1);}
    /**/
    .scrolling {display:flex; width:1px; height:80px; position:absolute; z-index:8; bottom:80px; left:50%; -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%); background:rgba(255,255,255,0.5); overflow:hidden;}
    .scrolling i {display:block; width:100%; height:100%; position:absolute; left:0; top:-100%; background:rgba(255,255,255,1); animation:1s ease-in-out 0s normal none infinite running scrolling_move;}
    @keyframes scrolling_move {
        0% {}
        100% {top:100%;}
    }
    /**/
    .sel_about .survey {padding:200px 0 150px; background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
    .sel_about .survey .text {display:flex; justify-content:space-between; align-items:flex-start;}
    .sel_about .survey .text h2 {width:40%; font-size:64px; line-height:1; text-transform:uppercase;}
    .sel_about .survey .text h2 span {position:relative;}
    .sel_about .survey .text h2 span:before {content:""; position:absolute; left:0; right:0; top:150px; margin:auto; width:30px; height:30px; background:#980014;}
    .sel_about .survey .text .t_r {width:60%;}
    .sel_about .survey .text .t_r p {font-size:18px; line-height:2.2; text-align:justify;}
    .sel_about .survey .text .t_r ul {margin-top:50px; display:flex;}
    .sel_about .survey .text .t_r ul li {}
    .sel_about .survey .text .t_r ul li:nth-child(1) {margin-right:200px;}
    .sel_about .survey .text .t_r ul li .box {}
    .sel_about .survey .text .t_r ul li .box h3 {font-size:44px; display:flex; align-items:center; color:#980014;}
    .sel_about .survey .text .t_r ul li .box h3 span {padding-right:10px;}
    .sel_about .survey .text .t_r ul li .box h3 i {display:inline-block; font-style:normal; font-weight:normal; font-size:14px;}
    .sel_about .survey .text .t_r ul li .box p {font-size:14px; opacity:0.8;}
    /**/
    .sel_about .marketing_outlets {display:none; padding:200px 0; color:#FFFFFF;}
    .sel_about .marketing_outlets .lr {display:flex; justify-content:space-between; align-items:flex-end;}
    .sel_about .marketing_outlets .lr .text {width:30%;}
    .sel_about .marketing_outlets .lr .text h2 {margin-bottom:50px; color:#980014; font-size:44px; line-height:1; text-transform:uppercase;}
    .sel_about .marketing_outlets .lr .text .t_t {}
    .sel_about .marketing_outlets .lr .text .t_t p {font-size:16px; line-height:2.2; text-align:justify;}
    .sel_about .marketing_outlets .lr .text .t_t ul {margin-top:100px; display:flex; justify-content:space-between;}
    .sel_about .marketing_outlets .lr .text .t_t ul li {}
    .sel_about .marketing_outlets .lr .text .t_t ul li .box {}
    .sel_about .marketing_outlets .lr .text .t_t ul li .box h3 {font-size:44px; margin-bottom:20px; display:flex; align-items:center; font-family:din-alternate-bold;}
    .sel_about .marketing_outlets .lr .text .t_t ul li .box h3 span {padding-right:10px;}
    .sel_about .marketing_outlets .lr .text .t_t ul li .box h3 i {display:inline-block; font-style:normal; font-weight:normal; font-size:14px;}
    .sel_about .marketing_outlets .lr .text .t_t ul li .box p {font-size:14px; opacity:0.8;}
    .sel_about .marketing_outlets .lr .img {width:70%; padding-left:100px;}
    .sel_about .marketing_outlets .citys {margin-top:150px;}
    .sel_about .marketing_outlets .citys ul {display:flex; justify-content:space-between; margin:0 -20px;}
    .sel_about .marketing_outlets .citys ul li {width:16.666666%; padding:0 20px; text-align:center;}
    .sel_about .marketing_outlets .citys ul li img {display:block; margin-bottom:20px;}
    .sel_about .marketing_outlets .citys ul li p { font-size:14px;}
    /**/
    .sel_about .organizational_structure {display:none; padding:150px 0 0; overflow:hidden;}
    .sel_about .organizational_structure .text {margin-bottom:100px; text-align:center;}
    .sel_about .organizational_structure .text h2 {font-size:44px; margin-bottom:20px;}
    .sel_about .organizational_structure .text p {width:50%; margin:auto; font-size:16px; opacity:0.8;}
    .sel_about .organizational_structure .img {width:80%; margin:auto;}
    /**/
    .sel_about .technological_innovation {}
    .sel_about .technological_innovation .f_bg {padding:150px 0 200px; color:#FFFFFF; background-color:#333333; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .sel_about .technological_innovation .text {margin-bottom:80px; text-align:center;}
    .sel_about .technological_innovation .text h2 {font-size:44px; line-height:1; text-transform:uppercase;}
    .sel_about .technological_innovation ul {display:flex; flex-wrap:wrap; justify-content:space-between; margin:-20px;}
    .sel_about .technological_innovation ul li {width:50%; padding:20px;}
    .sel_about .technological_innovation ul li .inner {padding:60px 40px; height:100%; background:#FFF; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
    .sel_about .technological_innovation ul li h3 {margin-bottom:20px; position:relative; font-size:24px; color:#980014; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
    .sel_about .technological_innovation ul li p {color:rgba(0, 0, 0, 0.8); transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
    /**/
    .sel_about .investment_highlights {padding:150px 0 200px; text-align:center;}
    .sel_about .investment_highlights h2 {font-size:44px;}
    .sel_about .investment_highlights ul {margin-top:50px;/* background-image:url("images/about_investment_highlights.jpg"); background-position:center center; background-repeat:no-repeat; background-size:cover;*/}
    .sel_about .investment_highlights ul li {}
    .sel_about .investment_highlights ul li a {display:flex; align-items:center; position:relative; cursor:default; margin-bottom:20px; padding:0 0 0 50px; color:#FFFFFF; border:1px solid rgba(0,0,0,0.05); background:#980014;}
    .sel_about .investment_highlights ul li a .text {position:relative; text-align:left; width:300px; padding-right:50px;}
    .sel_about .investment_highlights ul li a .text h3 {font-size:48px; margin-bottom:10px; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
    .sel_about .investment_highlights ul li a .text p {font-size:16px;}
    .sel_about .investment_highlights ul li a dl {display:flex; flex-wrap:wrap; width:calc(100% - 300px); background:#FFFFFF;}
    .sel_about .investment_highlights ul li a dl dt {width:33.333333%;}
    .sel_about .investment_highlights ul li a dl dt img {display:block; width:100%; height:auto;}
    .sel_about .investment_highlights ul li a:hover {background:#980014;}
    .sel_about .investment_highlights ul li a:hover .text h3 {color:#FFFFFF;}
    /**/
    .sel_about .philosophy {padding:200px 0; position:relative; background-color:#000000; background-image:url("https://www.symapmedical.com/statics/images/about_philosophy.jpg"); background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .sel_about .philosophy .box {display:flex; flex-wrap:wrap; position:relative;}
    .sel_about .philosophy .l {width:220px;}
    .sel_about .philosophy .l ul {}
    .sel_about .philosophy .l ul li {}
    .sel_about .philosophy .l ul li a {display:block; padding:50px 20px; text-align:center; background:#FFFFFF;}
    .sel_about .philosophy .l ul li.sel a {color:#FFFFFF; background:#980014;}
    .sel_about .philosophy .l ul li a h3 {font-size:24px;}
    .sel_about .philosophy .r {width:calc(100% - 220px); padding-left:200px;}
    .sel_about .philosophy .r ul {height:100%;}
    .sel_about .philosophy .r ul li {display:none; color:#FFFFFF; height:100%;}
    .sel_about .philosophy .r ul li .inner {height:100%; display:flex; flex-wrap:wrap; align-content:space-between;}
    .sel_about .philosophy .r ul li .t {width:100%;}
    .sel_about .philosophy .r ul li h3 {font-size:90px; text-transform:uppercase;}
    .sel_about .philosophy .r ul li h4 {font-size:64px; margin:0 0 100px;}
    .sel_about .philosophy .r ul li p {font-size:22px; padding-bottom:40px; text-align:justify; position:relative;}
    .sel_about .philosophy .r ul li p::before {content:""; position:absolute; left:0; bottom:0; width:50px; height:4px; background:#FFFFFF;}
    .sel_about .philosophy .pl_bg {position:absolute; left:0; top:0; height:100%; background-image:url("https://www.symapmedical.com/statics/images/about_philosophy_l.jpg"); background-position:center center; background-repeat:no-repeat; background-size:cover;}
    /**/
    .sel_about .time_line {padding:150px 0; text-align:center; background-image:url("https://www.thistory.cn/statics/images/about_time_line.jpg"); background-position:center 50px; background-repeat:no-repeat; background-size:100% auto;}
    .sel_about .time_line .box {}
    .sel_about .time_line .box h2 {font-size:44px; text-transform:uppercase;}
    .sel_about .time_line .main {display:flex; justify-content:space-between; position:relative; margin-top:100px; background:linear-gradient(90deg, rgb(255, 255, 255) 40%, rgba(255, 255, 255, 0) 100%);}
    .sel_about .time_line .swiper-container {margin:0; width:220px; height:434px; background:#F2F2F2;}
    .sel_about .time_line .swiper-container .swiper-slide {height:auto;}
    .sel_about .time_line .swiper-container .swiper-slide a {display:block; padding:20px 20px; text-align:center; font-size:18px;}
    .sel_about .time_line .swiper-container .swiper-slide a:hover {background:#F2F2F2;}
    .sel_about .time_line .swiper-container .swiper-slide a.active{color:#980014; position:relative; background:#FFFFFF;}
    .sel_about .time_line .swiper-container .swiper-slide a.active::before {content:""; position:absolute; left:0; top:0; width:4px; height:100%; background:#980014;}
    .sel_about .time_line .swiper-container .swiper-scrollbar {display:none;}
    .sel_about .time_line .text_switch {width:100%; padding:0 400px; position:absolute; left:50%; transform:translateX(-50%);}
    .sel_about .time_line .text_switch .cell {display:none; margin-top:80px;}
    .sel_about .time_line .text_switch .cell.active {display:block;}
    .sel_about .time_line .text_switch .cell h3 {font-size:150px; margin-bottom:40px; line-height:1; color:#980014;}
    .sel_about .time_line .text_switch .cell p {font-size:22px;}
    /**/
    .sel_about .honor {padding:150px 0; background:#F2F2F2;}
    .sel_about .honor .shead {margin-bottom:50px; justify-content:center;}
    .sel_about .honor .main {display:flex; justify-content:space-between; align-items:flex-start;}
    .sel_about .honor .side {width:220px; position:relative; background:#FFFFFF;}
    .sel_about .honor .side ul {}
    .sel_about .honor .side li {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid rgba(0, 0, 0, 0.05);}
    .sel_about .honor .side li:last-child {margin:0; padding:0; border:none;}
    .sel_about .honor .side p {font-weight:bold; margin-bottom:10px;}
    .sel_about .honor .side a {display:block; padding:20px 20px; color:rgba(0, 0, 0, 0.6);}
    .sel_about .honor .side a:hover {color:#980014; background:#FFFFFF;}
    .sel_about .honor .side a.active {color:#FFFFFF; background:#980014;}
    .sel_about .honor .ul_switch {width:calc(100% - 220px); padding-left:20px;}
    .sel_about .honor .ul_switch ul {display:none; flex-wrap:wrap; margin:0 -10px;}
    .sel_about .honor .ul_switch ul.active {display:flex;}
    .sel_about .honor .ul_switch ul li {width:33.333333%; text-align:center; margin-bottom:20px; padding:0 10px;}
    .sel_about .honor .ul_switch ul li a {}
    .sel_about .honor .ul_switch ul li .inner {padding:100px 0; height:100%; background:#FFFFFF;}
    .sel_about .honor .ul_switch ul li i {display:block; width:30%; margin:0 auto 20px; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .sel_about .honor .ul_switch ul li p {font-size:14px;}
    .sel_about .honor .zoom {position:fixed; left:0; top:0; z-index:10; display:none; padding:40px 0; width:100%; height:100%; background:rgba(255, 255, 255, 1);}
    .sel_about .honor .zoom::before {}
    .sel_about .honor .zoom.active {display:flex; align-items:center; justify-content:center;}
    .sel_about .honor .zoom .close {}
    .sel_about .honor .zoom .close { position:absolute; z-index:1; right:40px; top:40px; display:block; width:48px; height:48px; border-radius:100%; cursor:pointer; background:url("images/close.svg") no-repeat center center / 35% auto; }
    .sel_about .honor .zoom .close:hover {opacity:0.5;}
    .sel_about .honor .zoom img {display:block; max-width:100%; max-height:100%;}
    /**/
    .sel_about .citys {position:relative; padding:150px 0; border-top:1px solid #e5e5e5;}
    .sel_about .citys:before {content:""; position:absolute; left:0; bottom:0; width:100%; height:614px; background:#F2F2F2;}
    .sel_about .citys .row {position:relative;}
    .sel_about .citys .title {width:50%;}
    .sel_about .citys .title h1 {font-size:60px; margin-bottom:40px; text-transform:uppercase;}
    .sel_about .citys .title p {}
    .sel_about .citys ul {display:flex; justify-content:space-between; margin:100px -20px 0;}
    .sel_about .citys ul li {width:33.333333%; padding:20px;}
    .sel_about .citys ul li .box {background:#FFFFFF; border-radius:10px; overflow:hidden;}
    .sel_about .citys ul li .cover {height:300px; background:#333333;}
    .sel_about .citys ul li .text {padding:40px;}
    .sel_about .citys ul li .text h3 {font-size:28px; text-transform:uppercase; margin-bottom:30px;}
    .sel_about .citys ul li .text dl {font-size:14px;}
    .sel_about .citys ul li .text dl dt {font-family:Montserrat-Extra-Bold;}
    .sel_about .citys ul li .text dl dd {margin:5px 0 20px;}
    .sel_about .citys ul li .text dl dd:last-child {margin-bottom:0;}
    .sel_about .contact_form {padding:150px 0;}
    .sel_about .contact_form .box {display:flex; justify-content:space-between;}
    .sel_about .contact_form .fb_l {display:none; width:50%; position:relative;}
    .sel_about .contact_form .fb_l span {display:block; position:absolute; right:100px; top:0; width:960px; max-width:1200px;}
    .sel_about .contact_form .fb_l h2 {font-size:44px; text-transform:uppercase; margin-bottom:40px;}
    .sel_about .contact_form .fb_l h2 span {display:block;}
    .sel_about .contact_form .fb_l p {font-size:14px; opacity:0.5;}
    .sel_about .contact_form .fb_r {width:100%;}
    .sel_about .contact_form .fb_r .info {}
    .sel_about .contact_form .fb_r .info h2 {font-size:44px; text-align:center; margin-bottom:10px;}
    .sel_about .contact_form .fb_r .info > p {font-size:16px; text-align:center; opacity:0.5;}
    .sel_about .contact_form .fb_r .info dl {display:flex; justify-content:space-between; flex-wrap:wrap; position:relative; margin:30px 0 80px;}
    .sel_about .contact_form .fb_r .info dl:before {content:""; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:1px; background:#F2F2F2;}
    .sel_about .contact_form .fb_r .info dl:after {content:""; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:1px; height:100%; background:#F2F2F2;}
    .sel_about .contact_form .fb_r .info dl dt {width:50%; display:flex; align-items:center; margin:40px 0;}
    .sel_about .contact_form .fb_r .info dl dt:nth-child(odd) {/*padding-right:10%;*/}
    .sel_about .contact_form .fb_r .info dl dt:nth-child(even) {padding-left:15%;}
    .sel_about .contact_form .fb_r .info dl dt span {display:block; width:64px; height:64px; border-radius:100%; background-color:#f2f2f2; background-repeat:no-repeat; background-position:center center; background-size:80% auto;}
    .sel_about .contact_form .fb_r .info dl dt:nth-child(1) span {background-image:url("images/contact_icon_1.svg");}
    .sel_about .contact_form .fb_r .info dl dt:nth-child(2) span {background-image:url("images/contact_icon_2.svg");}
    .sel_about .contact_form .fb_r .info dl dt:nth-child(3) span {background-image:url("images/contact_icon_2.svg");}
    .sel_about .contact_form .fb_r .info dl dt:nth-child(4) span {background-image:url("images/contact_icon_3.svg");}
    .sel_about .contact_form .fb_r .info dl dt .d_r {padding-left:20px; width:calc( 100% - 50px);}
    .sel_about .contact_form .fb_r .info dl dt .d_r p {font-size:14px; margin-bottom:5px; opacity:0.6;}
    .sel_about .contact_form .fb_r .info dl dt .d_r h6 {font-size:16px; font-family:Montserrat-Regular;}
    .sel_about .contact_form .fb_r .c_f {}
    .sel_about .contact_form .fb_r .c_f h2 {font-size:32px; margin-bottom:50px;}
    .sel_about .contact_form .fb_r ul {display:flex; flex-wrap:wrap; margin:-15px;}
    .sel_about .contact_form .fb_r ul li {width:50%; padding:15px;}
    .sel_about .contact_form .fb_r ul li:last-child {width:100%;}
    .sel_about .contact_form .fb_r ul li input {width:100%; padding:20px 20px; font-size:16px; font-weight:bold; border-radius:0; background:#F2F2F2;}
    .sel_about .contact_form .fb_r ul li textarea {width:100%; height:200px; font-size:16px; font-weight:bold; padding:20px 20px; border-radius:0; background:#F2F2F2;}
    .sel_about .contact_form .fb_r a.btn {margin-top:40px; padding:20px 30px; display:block; width:100%; text-align:center; text-transform:uppercase;}




/*****************************************/
/************    products    *************/
/*****************************************/
.sel_products {}
    /**/
    .sel_products .banner {padding:300px 0 250px; position:relative; text-align:center; color:#FFFFFF; background:#000000 url("images/sel_products_banner.jpg") no-repeat scroll center center / 100% auto; background-size:cover; overflow:hidden;}
    .sel_products .banner .box {}
    .sel_products .banner .box .text {position:relative;}
    .sel_products .banner .box .text h1 {font-size:72px; text-transform:uppercase; margin-bottom:20px;}
    .sel_products .banner .box .text i {font-style:normal; font-size:200px; text-transform:uppercase; position:absolute; left:0; top:-150%; right:0; opacity:0.1; font-family:Montserrat-Extra-Bold;}
    .sel_products .banner .box .img {position:absolute; left:0; right:0; top:20%; max-width:1200px; margin:auto;}
    /**/
    .sel_products .products_list {margin-top:-100px; padding:0 0 100px 0;}
    .sel_products .products_list .main {display:flex; justify-content:space-between; align-items:flex-start;}
    .sel_products .products_list .side {width:260px; position:relative; background:#FFFFFF;}
    .sel_products .products_list .side ul {padding:30px;}
    .sel_products .products_list .side li {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid rgba(0, 0, 0, 0.05);}
    .sel_products .products_list .side li:last-child {margin:0; padding:0; border:none;}
    .sel_products .products_list .side p {font-weight:bold; margin-bottom:10px;}
    .sel_products .products_list .side a {display:block; padding:5px 0; color:rgba(0, 0, 0, 0.6);}
    .sel_products .products_list .side a:hover {color:#980014;}
    .sel_products .products_list .ul_switch {width:calc(100% - 260px); padding-left:20px;}
    .sel_products .products_list .con_products_list {display:none;}
    .sel_products .products_list .con_products_list.active {display:flex;}
    .sel_products .products_list .con_products_list li {width:50%;}
    .sel_products .products_list .con_products_list li a {padding:116px 40px;}
    .sel_products .products_list .con_products_list li a::after {left:30px;}
    .sel_products .products_list .con_products_list li a .text {width:100%;}
    .sel_products .products_list .con_products_list li a .text h3 {font-size:18px;}
    .sel_products .products_list .con_products_list li a .cover {}
    .sel_products .products_list .con_products_list li a:hover::after {bottom:100px;}
    .sel_products .products_list .pages {margin:40px auto 0;}

    /**/
    .sel_products .list {margin:100px 0;}
    .sel_products .list .box {display:flex;}
    .sel_products .list .filter {width:20%;}
    .sel_products .list .filter ul {}
    .sel_products .list .filter ul > li {margin:0 0 40px 0;}
    .sel_products .list .filter ul > li h3 {position:relative; cursor:pointer;}
    .sel_products .list .filter ul > li h3:before {content:""; position:absolute; right:0; top:0; bottom:0; margin:auto; width:7px; height:12px; background:url("images/arrow_list.svg") no-repeat scroll right center / 100% auto; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
    .sel_products .list .filter ul > li ol {display:none; margin-top:20px;}
    .sel_products .list .filter ul > li ol li {}
    .sel_products .list .filter ul > li ol li label {display:flex; align-items:center; padding:10px 0; cursor:pointer;}
    .sel_products .list .filter ul > li ol li input {width:22px; height:22px; margin-right:10px; border:1.5px solid #ccc; border-radius:2px;}
    .sel_products .list .filter ul > li ol li input:checked {border-color:#5BC1CE; background-color:#5BC1CE; background-image:url("images/checkbox.svg");background-repeat:no-repeat; background-attachment:scroll; background-position:center center; background-size:70% auto;}
    .sel_products .list .filter ul > li.active ol {display:block;}
    .sel_products .list .filter ul > li.active h3:before {transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg);}
    .sel_products .list .products_list {width:80%; padding:0 0 0 40px;}
    .sel_products .list .products_list ul {margin-top:-20px;}
    .sel_products .list .products_list ul li {width:33.333333%;}
    .sel_products .list .products_list .pages {margin-top:40px;}

    /**/
    .sel_products .customers_praise {margin-bottom:100px; padding:150px 0; background:#F2F2F2;}
    .sel_products .customers_praise .swiper-container {}
    .sel_products .customers_praise .swiper-container .swiper-slide {text-align:center;}
    .sel_products .customers_praise .swiper-container .swiper-slide .box {}
    .sel_products .customers_praise .swiper-container .swiper-slide .box img {display:block; width:150px; height:150px; margin:0 auto 40px; border-radius:100%; background:#333333;}
    .sel_products .customers_praise .swiper-container .swiper-slide .box h2 {font-size:44px;}
    .sel_products .customers_praise .swiper-container .swiper-slide .box p {width:50%; margin:40px auto 0;}
    .sel_products .customers_praise .swiper-container .swiper-button-prev,
    .sel_products .customers_praise .swiper-container .swiper-button-next {position:absolute; width:60px; height:60px; top:50%; margin:0 10px; border:1px solid #e5e5e5; border-radius:100%; background-size:10px auto;}
    .sel_products .customers_praise .swiper-container .swiper-button-prev:hover,
    .sel_products .customers_praise .swiper-container .swiper-button-next:hover {background-size:11px auto;}
    .sel_products .customers_praise .swiper-container .swiper-button-prev {left:0;}
    .sel_products .customers_praise .swiper-container .swiper-button-prev:after {display:none;}
    .sel_products .customers_praise .swiper-container .swiper-button-next {right:0;}




/*****************************************/
/*********    products_detail    *********/
/*****************************************/
.sel_products_detail {}
    /**/
    .spd_1 {border-top:1px solid #F2F2F2; background:url("images/sel_products_detail_1.jpg") no-repeat scroll right center / 100% auto; background-size:cover;}
    .spd_1 .box {padding:250px 0; position:relative;}
    .spd_1 .box .text {text-align:center;}
    .spd_1 .box .text h1 {font-size:72px; color:#980014; margin-bottom:30px;}
    .spd_1 .box .text p {font-size:22px; width:60%; margin:auto;}
    .spd_1 .box .img {width:80%; margin:40px auto 0;}
    /**/
    .spd_2 {display:none; background:#000000 url("images/sel_products_detail_2.jpg") no-repeat scroll right center / 100% auto; background-size:cover;}
    .spd_2 .box {padding:250px 0; display:flex; justify-content:space-between; color:#FFFFFF;}
    .spd_2 .box .text {width:35%;}
    .spd_2 .box .text p {font-size:16px; line-height:2.2; text-align:justify;}
    .spd_2 .box .text ul {margin-top:100px; display:flex; justify-content:space-between;}
    .spd_2 .box .text ul li {}
    .spd_2 .box .text ul li h3 {font-size:44px; display:flex; align-items:center; font-family:din-alternate-bold;}
    .spd_2 .box .text ul li span {font-size:14px; opacity:0.8;}
    .spd_2 .box .aux {width:50%; position:relative;}
    .spd_2 .box .aux:before {content:""; position:absolute; right:0; top:0; width:75%; height:100%; background:#980014 url("images/sel_products_detail_2_aux.jpg") no-repeat scroll right center / 100% auto; background-size:cover;}
    .spd_2 .box .aux h2 {font-size:72px; position:relative; text-transform:uppercase; margin-top:40px;}
    .spd_2 .box .aux h1 {font-size:44px; position:relative;}
    /**/
    .spd_3 {display:none; background:#000000 url("images/sel_products_detail_3.jpg") no-repeat scroll right center / 100% auto; background-size:cover; overflow:hidden;}
    .spd_3 .topic {color:#FFFFFF;}
    .spd_3 .swiper-container {width:50%; height:800px; margin:0 0 0 auto; padding:0;}
    .spd_3 .swiper-container .swiper-wrapper {}
    .spd_3 .swiper-container .swiper-slide {overflow:hidden;}
    .spd_3 .swiper-container .swiper-slide .img {height:100%; background:#000000;}
    .spd_3 .swiper-container .swiper-slide .img img {display:block;}
    .spd_3 .swiper-container .swiper-slide h4 {position:absolute; left:40px; bottom:40px; font-size:18px; margin-top:20px;}
    .spd_3 .swiper-container .swiper-slide p {font-size:14px; opacity:0.8;}
    .spd_3 .swiper-container .swiper-lazy-preloader {border-left-color:#FFFFFF; border-right-color:#FFFFFF; border-bottom-color:#FFFFFF;}
    .spd_3 .swiper-container-vertical > .swiper-pagination-bullets{right:0;}
    .spd_3 .swiper-button-next, .spd_3 .swiper-button-prev {width:60px; height:60px;}
    .spd_3 .swiper-button-prev {left:50%; top:0; margin:0 0 0 -30px; background:url("../images/p24/v-prev.png") no-repeat center center / 100% auto;}
    .spd_3 .swiper-button-prev::after {display:none;}
    .spd_3 .swiper-button-next {background:red; left:50%; top:auto; bottom:0; margin:0 0 0 -30px; background:url("../images/p24/v-next.png") no-repeat center center / 100% auto;}
    .spd_3 .swiper-button-next::after {display:none;}
    /**/
    .spd_4 {display:none; padding:250px 0; background:url("images/sel_products_detail_4.jpg") no-repeat scroll right center / 100% auto; background-size:cover;}
    .spd_4 .box {display:flex; flex-wrap:wrap; justify-content:space-between;}
    .spd_4 .box .text {width:50%; display:flex; flex-wrap:wrap; /*! align-content:space-between; */}
    .spd_4 .box .text h2 {font-size:44px; margin-bottom:40px; line-height:1;}
    .spd_4 .box .text p {font-size:18px; text-align:justify;}
    .spd_4 .box .text ul {display:flex; flex-wrap:wrap; margin-top:50px; border-top:1px solid #ccc; border-left:1px solid #ccc;}
    .spd_4 .box .text ul li {width:50%; padding:20px 0; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
    .spd_4 .box .text ul li span {padding:0 20px; font-size:16px;}
    .spd_4 .box .img {width:50%; padding-right:100px;}
    .spd_4 .box .img ul {display:flex; flex-wrap:wrap; height:calc(100% + 20px); margin:-10px;}
    .spd_4 .box .img ul li {width:33.333333%; padding:10px;}
    .spd_4 .box .img ul li .inner {display:flex; height:100%; padding:40px 20px; background:#333333;}
    .spd_4 .box .img ul li img {display:block; margin:auto; width:80%; height:auto;}
    /**/
    .spd_5 {display:none; padding:150px 0 100px; position:relative; background:url("images/sel_products_detail_5.jpg") no-repeat scroll left bottom / 40% auto;}
    .spd_5 .box {display:flex; justify-content:flex-end;}
    .spd_5 .text {width:50%;}
    .spd_5 .text h2 {font-size:44px; margin-bottom:40px;}
    .spd_5 .text p {font-size:18px;}
    .spd_5 .text ul {margin-top:80px;}
    .spd_5 .text ul li {display:flex; align-items:center; padding:20px 0;}
    .spd_5 .text ul li span {display:block; width:30px; height:30px; background:#000000;}
    .spd_5 .text ul li h4 {position:relative; padding-left:30px;}
    /**/
    .spd_6 {display:none; padding:550px 0 0; background:#000000 url("images/sel_products_detail_6.jpg") no-repeat scroll left bottom / 100% auto; background-size:cover; overflow:hidden;}
    .spd_6 .box {display:flex; justify-content:flex-start; color:#FFFFFF;}
    .spd_6 .box .aux {width:50%; position:relative; padding-bottom:200px; text-align:right;}
    .spd_6 .box .aux .a_i {margin-right:-70px;}
    .spd_6 .box .aux:before {content:""; position:absolute; left:0; top:0; width:calc(100% - 100px); height:100%; background:#980014 url("images/sel_products_detail_2_aux.jpg") no-repeat scroll right center / 100% auto; background-size:cover;}
    .spd_6 .box .aux h2 {font-size:72px; position:relative; text-transform:uppercase; margin-top:40px;}
    .spd_6 .box .aux h1 {font-size:44px; position:relative;}
    /**/
    .spd_7 {display:none; padding:200px 0;}
    .spd_7 .list {}
    .spd_7 .list ul {display:flex; flex-wrap:wrap; margin:-100px;}
    .spd_7 .list ul li {width:50%; padding:100px;}
    .spd_7 .list ul li .inner {padding:80px 20px 40px; background:#000000;}
    .spd_7 .list ul li h5 {color:#FFFFFF; font-size:22px; text-align:center; margin-top:30px;}
    .spd_7 .list ul li img {display:block; margin:auto; width:80%;}
    /**/
    .spd_8 {display:none; padding:0 0 200px; position:relative;}
    .spd_8:before {content:""; position:absolute; left:0; bottom:0; width:100%; height:56%; background:#F2F2F2;}
    .spd_8 .text {}
    .spd_8 .text h2 {font-size:44px; margin-bottom:40px; text-align:center; line-height:1; text-transform:uppercase;}
    .spd_8 .text p {font-size:16px; width:40%;}
    .spd_8 .swiper-container {max-width:1326px; overflow:visible;}
    .spd_8 .swiper-container .swiper-slide {cursor:grab; overflow:hidden;}
    .spd_8 .swiper-container .swiper-slide img {}
    .spd_8 .swiper-container .swiper-button-next,
    .spd_8 .swiper-container .swiper-button-prev {width:60px; height:60px; margin:auto; position:absolute; top:0; bottom:0; background-color:#FFFFFF; border-radius:0; background-size:10px auto;}
    .spd_8 .swiper-container .swiper-button-prev {left:-30px; background-image: url("images/prev_black.svg");}
    .spd_8 .swiper-container .swiper-button-next {right:-30px; left:auto; background-image: url("images/next_black.svg");}
    .spd_8 .swiper-container .swiper-button-prev:after {display:none;}
    .spd_8 .swiper-container .swiper-button-next:hover,
    .spd_8 .swiper-container .swiper-button-prev:hover {background-size:11px auto;}
    .spd_8 .swiper-container .swiper-pagination {text-align:center; bottom:-40px;}






/*****************************************/
/***************    news    **************/
/*****************************************/
.sel_news {}
    /**/
    .sel_news .con_temp_banner .b_bg {background-image:url("images/sel_news_banner.jpg");}
    /**/
    .sel_news .con_temp_banner {position:relative;}
    .sel_news .con_temp_banner .row {position:absolute; left:50%; transform:translateX(-50%); bottom:0;}
    .sel_news .con_temp_banner .box {margin:0;}
    .sel_news .con_temp_banner .box .text {padding:0 0 100px 0; color:#000000; background:transparent;}
    .sel_news .con_temp_banner .box .text h1::before {background:#980014;}
    /**/
    .sel_news .news_list {margin:100px 0;}
    .sel_news .news_list .main {display:flex; justify-content:space-between; align-items:flex-start;}
    .sel_news .news_list .con_news_list {width:calc(100% - 220px); padding-left:20px;}
    /**/
    .sel_news .news_list .tab {width:220px; position:relative; background:#F2F2F2;}
    .sel_news .news_list .tab .box {}
    .sel_news .news_list .tab a {display:block; padding:20px; color:rgba(0, 0, 0, 0.6);}
    .sel_news .news_list .tab a:hover {background:#FFFFFF;}
    .sel_news .news_list .tab a.on {color:#FFFFFF; background:#980014;}
    /**/
    .sel_news .pages {margin:40px auto 100px;}




/*****************************************/
/***********    news_detail    ***********/
/*****************************************/
.sel_news_detail {}
    /**/
    .sel_news_detail .article {margin-top:90px; padding:150px 0;}
    .sel_news_detail .article .box {width:70%; margin:auto; font-size:18px; line-height:2;}
    .sel_news_detail .article .title {margin-bottom:50px;}
    .sel_news_detail .article .title h1 {font-size:44px; margin-bottom:20px;}
    .sel_news_detail .article .title span {font-size:14px; opacity:0.5;}
    .sel_news_detail .article br {}
    .sel_news_detail .article p {font-size:18px; line-height:2;}
    .sel_news_detail .article .note {display:inline-block; width:100%; font-size:0.875rem; text-align:center; font-style:italic; line-height:1.4; opacity:0.3;}
    .sel_news_detail .article img {display:inline-block;}
    .sel_news_detail .article video {display:block; width:100%; height:auto;}
    /**/
    .sel_news_detail .news_list {padding:150px 0; background:#F2F2F2;}
    .sel_news_detail .news_list h2 {margin-bottom:40px; text-align:center; font-size:44px; text-transform:uppercase;}
    .sel_news_detail .news_list ul li a {background:#FFFFFF;}
    .sel_news_detail .news_list ul li a:hover {background:#980014;}




/*****************************************/
/***************    join    **************/
/*****************************************/
.sel_join {overflow:hidden;}
    /**/
    .sel_join .con_temp_banner .b_bg {background-image:url("images/sel_join_banner.jpg");}
    /**/
    .sel_join .grow_up {position:relative;}
    .sel_join .grow_up:before {content:""; position:absolute; left:0; bottom:0; width:100%; height:50%; background:#000000;}
    .sel_join .grow_up .g_bg {margin:100px auto 0; padding:100px 0 50px; width:90%; max-width:2000px; background:url("images/grow_up_skin.png") no-repeat scroll center top / 100% auto;}
    .sel_join .grow_up .text h4 {font-size:28px; line-height:1.5; width:50%;}
    .sel_join .grow_up .swiper-container {max-width:1326px; overflow:visible;}
    .sel_join .grow_up .swiper-container .swiper-pagination {text-align:center;}
    .sel_join .grow_up .swiper-container .swiper-button-next,
    .sel_join .grow_up .swiper-container .swiper-button-prev {width:60px; height:60px; position:absolute; top:50%; transform:translateY(-50%); background-color:#FFFFFF; border-radius:0; background-size:10px auto;}
    .sel_join .grow_up .swiper-container .swiper-button-prev {left:-30px; background-image: url("images/prev_black.svg");}
    .sel_join .grow_up .swiper-container .swiper-button-next {right:-30px; left:auto; background-image: url("images/next_black.svg");}
    .sel_join .grow_up .swiper-container .swiper-button-prev:after {display:none;}
    .sel_join .grow_up .swiper-container .swiper-button-next:hover,
    .sel_join .grow_up .swiper-container .swiper-button-prev:hover {background-size:11px auto;}
    .sel_join .grow_up .swiper-container .swiper-pagination {display:none; text-align:center; bottom:-40px;}
    .sel_join .grow_up .slg {display:none; position:relative; }
    .sel_join .grow_up .slg .slg_i {display:flex; justify-content:space-between; padding:100px 0; color:#FFFFFF; border-bottom:1px solid #FFFFFF;}
    .sel_join .grow_up .slg .slg_i h2 {font-size:72px;}
    .sel_join .grow_up .slg .slg_i p {font-size:18px; width:50%;}
    /**/
    .sel_join .sy_life {display:none; padding:150px 0 0; color:#FFFFFF; background:#000000;}
    .sel_join .sy_life h3 {font-size:44px; margin-bottom:50px;}
    .sel_join .sy_life ul {display:flex; flex-wrap:wrap;}
    .sel_join .sy_life ul li {width:50%;}
    .sel_join .sy_life ul li:nth-child(1) {width:100%; margin-bottom:20px;}
    .sel_join .sy_life ul li:nth-child(2) {padding-right:10px;}
    .sel_join .sy_life ul li:nth-child(3) {padding-left:10px;}
    .sel_join .sy_life ul li img {display:block; width:100%;}
    .sel_join .sy_life .swiper-container {}
    .sel_join .sy_life .swiper-container .swiper-slide {}
    .sel_join .sy_life .swiper-container .swiper-slide .text {width:60%; margin:100px auto 150px; padding:100px 100px 0; position:relative;}
    .sel_join .sy_life .swiper-container .swiper-slide .text:before {content:""; opacity:0.2; position:absolute; left:0; top:0; width:40px; height:40px; background:url("images/quot_l.svg") no-repeat scroll center center / 100% auto;}
    .sel_join .sy_life .swiper-container .swiper-slide .text:after {content:""; opacity:0.2; position:absolute; right:0; bottom:0; width:40px; height:40px; background:url("images/quot_r.svg") no-repeat scroll center center / 100% auto;}
    .sel_join .sy_life .swiper-container .swiper-slide .text p {font-size:18px; opacity:0.8;}
    .sel_join .sy_life .swiper-container .swiper-slide .text .name {margin-top:50px; padding-left:100px; display:flex; flex-wrap:wrap; flex-direction:column; align-items:flex-start;}
    .sel_join .sy_life .swiper-container .swiper-slide .text .name h5 {font-size:22px; margin-bottom:10px; position:relative;}
    .sel_join .sy_life .swiper-container .swiper-slide .text .name h5:before {content:""; position:absolute; left:-100px; top:0; bottom:0; margin:auto; width:150%; height:1px; background:#FFFFFF;}
    .sel_join .sy_life .swiper-container .swiper-slide .text .name span {font-size:16px; opacity:0.5;}
    /**/
    .sel_join .welfare {padding:150px 0 200px;}
    .sel_join .welfare h2 {font-size:44px; text-align:center;}
    .sel_join .welfare .list {margin:50px 0 0;}
    .sel_join .welfare .list ul {}
    .sel_join .welfare .list ul li {}
    .sel_join .welfare .list ul li:nth-child(odd) {background:rgba(0, 0, 0, 0.05);}
    .sel_join .welfare .list ul li a {display:block; padding:40px; cursor:default;}
    .sel_join .welfare .list ul li a h6 {position:relative; padding:10px 0; font-size:22px; background-image:url("images/check_mark.svg"); background-position:center right; background-repeat:no-repeat; background-size:40px auto;}
    .sel_join .welfare .list ul li a p {visibility:hidden; opacity:0; font-size:14px;}
    .sel_join .welfare .jobs {margin-top:100px;}
    .sel_join .welfare .jobs ul {display:flex; flex-wrap:wrap; margin:0 -50px;}
    .sel_join .welfare .jobs ul li {width:50%; padding:0 50px;}
    .sel_join .welfare .jobs ul li .inner {display:flex; align-items:flex-end; height:350px; background-position:center top; background-repeat:no-repeat; background-size:cover;}
    .sel_join .welfare .jobs ul li:nth-child(1) .inner {background-image:url("images/jobs_e_1.jpg");}
    .sel_join .welfare .jobs ul li:nth-child(2) .inner {background-image:url("images/jobs_e_2.jpg");}
    .sel_join .welfare .jobs ul li .text {display:flex; justify-content:space-between; align-items:center; width:100%; margin:0 30px 20px; padding-top:20px; border-top:2px solid #FFFFFF; color:#FFFFFF;}
    .sel_join .welfare .jobs ul li .text p {font-size:16px;}
    .sel_join .welfare .jobs ul li .text a {font-size:16px; color:#FFFFFF; font-weight:bolder;}
    /* career*/
    .job_list {padding:100px 0 150px;}
    .job_list .filter {margin-bottom:50px; padding:40px 50px; background:#F8F8F8;}
    .job_list .filter .f_cell {display:flex; align-items:center; padding:10px 0;}
    .job_list .filter .f_cell h4 {padding:6px 40px 6px 0; font-size:14px;}
    .job_list .filter .f_cell span {padding:6px 20px; cursor:pointer; font-size:14px;}
    .job_list .filter .f_cell span.sel {color:#FFFFFF; background:#980014;}
    .job_list .th {display:flex; justify-content:space-between; color:#FFFFFF; font-weight:bold; padding:25px 50px; background:#979797;}
    .job_list .th span {width:30%;}
    .job_list .th span:nth-child(4) {width:10%; text-align:center;}
    .job_list ul {}
    .job_list ul li {float:left; width:100%;}
    .job_list ul li .shead {display:flex; justify-content:space-between; padding:25px 50px; font-size:16px; position:relative; cursor:pointer;}
    .job_list ul li:nth-child(even) .shead {background:#F2F2F2;}
    .job_list ul li .shead span {width:30%; word-break:keep-all;/*不换行*/ white-space:nowrap;/*不换行*/ overflow:hidden;/*内容超出宽度时隐藏超出部分的内容*/ text-overflow:ellipsis;/*当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用*/}
    .job_list ul li .shead span:nth-child(2) {padding:0 20px;}
    .job_list ul li .shead span:nth-child(4) {width:10%;}
    .job_list ul li .shead span:last-child i {display:block; position:relative; width:25px; height:25px; border-radius:100%; margin:auto; background:#980014; transition: all 0.3s ease-out 0s;}
    .job_list ul li .shead span:last-child i:before {content:""; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:50%; height:2px; background:#FFFFFF;}
    .job_list ul li .shead span:last-child i:after {content:""; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:2px; height:50%; background:#FFFFFF;}
    .job_list ul li .shead span:last-child i.arrow_rotate {transform:rotate(45deg);}
    .job_list ul li h4 {margin-bottom:10px; font-weight:bold; font-size:14px; color:rgba(0,0,0,0.8); }
    .job_list ul li p { margin-bottom:20px; color:rgba(0,0,0,0.5); font-size:14px;}
    .job_list ul li .inner { display:none; width:100%!important; overflow:hidden;}
    .job_list ul li .inner .i-inner {padding:40px 50px 40px;}
    .job_list ul li:hover {}
    .job_list ul li:hover h3 { background:rgba(0,0,0,0.02);}
    .job_list .pages {margin:100px 0 0;}

    


/*****************************************/
/*************    search    **************/
/*****************************************/
.sel_search {}
    /**/
    .search_form {margin-top:90px; padding:80px 0; background:#980014;}
    .search_form .sf {width:60%; margin:auto; position:relative;}
    .search_form .sf button {position:absolute; right:0; top:0; bottom:0; margin:auto; width:80px; height:100%; cursor:pointer; background:url('images/search.svg') no-repeat scroll center center / 30% auto;}
    .search_form .sf input {padding:20px; width:100%; font-size:16px;}
    .sel_search .btn_area {margin-top:40px;}
    /**/
    .sel_search .tab {margin-top:40px;}
    /**/
    .sel_search .type {margin-bottom:100px;}
    .sel_search .type.type_md {margin-bottom:60px; padding:40px 0 100px; background:#F2F2F2;}
    .sel_search .type .t_title span {display:block; padding:20px 0; font-size:22px; font-weight:bolder;}
    /**/
    .sel_search .products_list {padding:0; text-align:center;}
    /**/
    .sel_search .news_list {text-align:center;}




/*****************************************/
/*********    search_products    *********/
/*****************************************/
.sel_search_products {}
    /**/
    .sel_search_products .products_list {padding:110px 0 150px;}
    .sel_search_products .pages {margin-top:30px;}




/*****************************************/
/***********    search_news    ***********/
/*****************************************/
.sel_search_news {}
    /**/
    .sel_search_news .news_list {padding:90px 0 150px;}
    .sel_search_news .pages {margin-top:30px;}



/*****************************************/
/***********    sel_privacy    ***********/
/*****************************************/
.sel_privacy {}
    /**/
    .sel_privacy article {max-width:960px; margin:auto; padding:200px 40px 100px;}
    .sel_privacy article h1 {font-size:22px; margin-bottom:40px;}
    .sel_privacy article section {font-size:14px; line-height:1.8; color:#999;}
    .sel_privacy article section p {font-size:14px; line-height:1.8; margin-bottom:20px; opacity:0.5;}



/*****************************************/
/***    sel_enterprise_establishing    ***/
/*****************************************/
.sel_enterprise_establishing {}
    /**/
    .sel_enterprise_establishing article {max-width:960px; margin:auto; padding:250px 40px 150px;}
    .sel_enterprise_establishing article h1 {font-size:44px; text-align:center; margin-bottom:40px;}
    .sel_enterprise_establishing article section {font-size:18px; line-height:1.8;}
    .sel_enterprise_establishing article section p {font-size:18px; line-height:1.8; margin-bottom:20px;}