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

input,
button,
textarea {font-family:'Montserrat-Regular',"Helvetica Neue",Helvetica,"PingFang SC","WenQuanYi Micro Hei",Arial,Verdana,sans-serif;}

/*修改表单元素placeholder默认置灰文字颜色*/
input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {opacity:1; color:rgba(0, 0, 0, 0.15); font-weight:normal;}
/* placeholder for chrome */
input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {opacity:1; color:rgba(0, 0, 0, 0.15); font-weight:normal;}

h1, 
h2, 
h3, 
h4, 
h5, 
h6
{font-weight:normal; line-height:1.2125em; text-rendering:optimizelegibility; font-family:Montserrat-Bold;}
html.no-scroll {overflow-y:hidden;}
body {min-width:320px; -webkit-font-smoothing:antialiased; color:#1e1e1e; font-style:normal; background:#ffffff;}
html {font-family:Montserrat-Light,"Helvetica Neue",Helvetica,"PingFang SC","Microsoft Yahei","WenQuanYi Micro Hei",Arial,Verdana,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;
  }


/***** 英文字体 *****/
@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;
}




/****************************************/
/*************    public    ************/
/***************************************/
/*分栏*/
.row {margin:0 auto; padding:0 20px; max-width:1366px; width:100%;}
/*按钮：默认*/
a.btn { display:inline-block; padding:20px 60px; position:relative; font-size:16px; align-self:baseline; font-family:Montserrat-Bold; color:#000000; border-radius:100px; background:#5BC0CE; overflow:hidden; transition:none; -moz-transition:none; webkit-transition:none;}
a.btn:hover {}
a.btn_arrow {position:relative; padding:15px 55px 15px 30px; transition:all 0.3s ease-out 0s;}
a.btn_arrow:before {content:""; position:absolute; right:25px; top:0; bottom:0; margin:auto; width:22px; 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:22px;}
a.btn_gray {background:#F2F2F2;}

a.btn_mini {padding:12px 46px 12px 20px; font-size:14px;}
a.btn_mini::before {width:18px; right:22px;}
a.btn_mini:hover::before {right:20px;}

/* arrow */
.arrow {display:block; transform:rotate(90deg); position:relative; width:7px;}
.arrow::before {content:""; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:1px; margin:auto; background:#000000; transform-origin:center right; transform:rotate(-45deg);}
.arrow::after {content:""; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:1px; margin:auto; background:#000000; transform-origin:center right; transform:rotate(45deg);}

/**/
.pages {text-align:center;}
.pages .box {display:flex; justify-content:center;}
.pages a,
.pages span {display:inline-block; margin:0 5px; font-size:16px; width:40px; height:40px; line-height:40px; text-align:center; border-radius:4px; background:#F2F2F2; font-family:Montserrat-Regular;}
.pages a.a1:first-child {display:none;}
.pages a.a1:nth-child(2) {text-indent:-999999px; background-image:url("images/prev.svg"); background-position:center center; background-repeat:no-repeat; background-size:6px auto;}
.pages a.a1:last-child {text-indent:-999999px; background-image:url("images/next.svg"); background-position:center center; background-repeat:no-repeat; background-size:6px auto;}
.pages a:hover {background:#5BC0CE;}
.pages span {background:#5BC0CE;}

a.anchor {display:block; height:0; position:relative; overflow:hidden;}

/**/
.tab {border-bottom:1px solid #e5e5e5; overflow:hidden;}
.tab .box {}
.tab .box a {display:inline-block; margin-right:40px; padding:40px 0; border-bottom:4px solid transparent; font-size:16px; opacity:0.5; font-family:Montserrat-Bold;}
.tab .box a.on {border-color:#5BC1CE; opacity:1;}

/* table */
.table_scroll {padding-bottom:20px;}
    /* 
        默认：均分 不固定 
        col_1 N列 均分 
        col_2 2列 30% 70%
        col_3 3列 30% 30% 40%
        col_4 4列 25% 25% 25% 25%
    */

    /* 默认为2列 */
    table {width:100%; border-collapse:collapse; border:none; font-size:14px;}
    table thead {}
    table thead tr {/*display:flex; justify-content:space-between;*/ border-radius:4px; border:none; color:#FFFFFF; text-align:left; background:#333333;}
    table thead th {padding:20px 30px; border:none;}
    table tbody {border-top:1px solid #ccc;}
    table tbody tr {/*display:flex; justify-content:space-between;*/ border-bottom:1px solid #EEEEEE;}
    table tbody td {padding:20px 30px; border-left:none; border-top:none; border-bottom:none; border-right:1px solid #EEEEEE;}
    table tbody td:last-child {border:none;}
    /* 2列 */
    table.col_2 {}
    table.col_2 thead th:nth-child(1) {width:30%;}
    table.col_2 thead th:nth-child(2) {width:70%;}
    table.col_2 tbody td:nth-child(1) {width:30%;}
    table.col_2 tbody td:nth-child(2) {width:70%;}
    /* 3列 */
    table.col_3 {}
    table.col_3 thead th:nth-child(1) {width:30%;}
    table.col_3 thead th:nth-child(2) {width:30%;}
    table.col_3 thead th:nth-child(3) {width:40%;}
    table.col_3 tbody td:nth-child(1) {width:30%;}
    table.col_3 tbody td:nth-child(2) {width:30%;}
    table.col_3 tbody td:nth-child(3) {width:40%;}
    /* 4列 */
    table.col_4 {}
    table.col_4 thead th:nth-child(1) {width:25%;}
    table.col_4 thead th:nth-child(2) {width:25%;}
    table.col_4 thead th:nth-child(3) {width:25%;}
    table.col_4 thead th:nth-child(4) {width:25%;}
    table.col_4 tbody td:nth-child(1) {width:25%;}
    table.col_4 tbody td:nth-child(2) {width:25%;}
    table.col_4 tbody td:nth-child(3) {width:25%;}
    table.col_4 tbody td:nth-child(4) {width:25%;}

/* products */
.con_products_list {display:flex; flex-wrap:wrap; margin:0 -20px 0;}
.con_products_list li {width:25%; padding:20px;}
.con_products_list li a {display:block; padding:80px 20px; border-radius:10px; height:100%; background:#F2F2F2;}
.con_products_list li a .cover {}
.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 .cover img {transition:all 0.3s ease-out 0s;}
.con_products_list li a .text {margin-top:40px;}
.con_products_list li a .text h3 {margin-bottom:5px; font-size:16px; /* 多行省略 */ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.con_products_list li a .text p {font-size:14px; opacity:0.5; word-break:keep-all;/*不换行*/ white-space:nowrap;/*不换行*/ overflow:hidden;/*内容超出宽度时隐藏超出部分的内容*/ text-overflow:ellipsis;/*当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用*/}
.con_products_list li a:hover .cover i {transform:scale(1.1,1.1);}

/* news */
.con_news_list {display:flex; flex-wrap:wrap; margin:40px -20px;}
.con_news_list li {width:33.333333%; padding:20px;}
.con_news_list li a {display:block; border-radius:10px; height:100%; background:#F2F2F2; overflow:hidden;}
.con_news_list li a .cover {background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.con_news_list li a .cover i {display:block; width:100%; height:100%; 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;}
.con_news_list li a .text {padding:30px; text-align:left;}
.con_news_list li a .text h3 {font-size:18px; margin-bottom:40px; /* 多行省略 */ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.con_news_list li a .text p {font-size:14px;}
.con_news_list li a .text p span {opacity:0.5;}
.con_news_list li a .text p em {}
.con_news_list li a:hover .cover i {transform:scale(1.1,1.1);}

/* con_temp_banner  */
.con_temp_banner {padding:100px 0; position:relative; background-color:#5BC0CE; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.con_temp_banner:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-image:linear-gradient(to right, rgba(91,193,206,1) 40% , rgba(91,193,206,0) 80%);}
.con_temp_banner .box {position:relative;}
.con_temp_banner .text {}
.con_temp_banner .text h1 {font-size:60px; text-transform:uppercase; margin-bottom:20px;}
.con_temp_banner .text p {font-size:14px; width:40%;}

/* 视频 */
.player {visibility:hidden; opacity:0; position:fixed; z-index:999999; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; background:rgba(0,0,0,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:#FFFFFF 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; border-radius:2px; line-height:40px; font-size:28px; color:#ffffff; text-align:center; position:fixed; z-index:10; right:30px; bottom:50px; background:#f8f8f8 url("images/top.svg"); background-position:center center; background-size:30% auto; background-repeat:no-repeat;}
a.r_top:hover {opacity:0.8;}

/**/
.contact_form {padding:150px 0 0;}
.contact_form .box {display:flex; flex-wrap:wrap; justify-content:space-between;}
.contact_form .fb_l {width:40%;}
.contact_form .fb_l h2 {font-size:44px; text-transform:uppercase; margin-bottom:40px;}
.contact_form .fb_l h2 span {display:block;}
.contact_form .fb_l p {font-size:16px; opacity:0.5;}
.contact_form .fb_r {width:50%; position:relative;}
.contact_form .fb_r ul {display:flex; flex-wrap:wrap; margin:-15px;}
.contact_form .fb_r ul li {width:50%; padding:15px;}
.contact_form .fb_r ul li:last-child {width:100%;}
.contact_form .fb_r ul li input {width:100%; padding:20px 30px; font-size:16px; font-weight:bold; border:2px solid #F2F2F2; border-radius:30px; background:#F2F2F2;}
.contact_form .fb_r ul li textarea {width:100%; height:200px; font-size:16px; font-weight:bold; padding:20px 30px; border:2px solid #F2F2F2; border-radius:30px; background:#F2F2F2;}
.contact_form .fb_r a.btn {margin-top:40px; padding:20px 30px; display:block; width:100%; text-align:center; text-transform:uppercase;}
.alert {color:#FFFFFF; position:fixed; z-index:10; left:0; right:0; top:0; bottom:0; margin:auto; display:flex; align-items:center; justify-content:center;}
.alert .i_a {width:400px; border-radius:10px; 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:#5BC0CE; border-top:1px solid rgba(255, 255, 255, 0.2);}




/****************************************/
/**************    home    **************/
/****************************************/
        /**** navigation ****/
        .navigation{width:100%; position:relative; z-index:3; background:#ffffff; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
        .navigation .top {display:flex; height:40px; background:#4a4b4b;}
        .navigation .top .row {display:flex; flex-direction:row-reverse; align-items:center;}
        .navigation .top ul {display:flex;}
        .navigation .top ul li {margin-left:20px;}
        .navigation .top ul li a {font-size:14px; color:#FFFFFF; opacity:0.8;}
        .navigation .top ul li:last-child a {position:relative; padding-left:25px;}
        .navigation .top ul li:last-child a::before {content:""; position:absolute; left:0; top:0; bottom:0; margin:auto; width:20px; height:20px; background:url('images/language.svg') no-repeat scroll center center / 80% auto;}
        .navigation .top ul li:nth-child(3) {display:none;}
        .navigation .main {position:relative;}
        .navigation .content {}
        .navigation .box {height:90px; display:flex; justify-content:space-between; align-items:center;}
        .navigation .logo{display:block; width:180px; height:60px; 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; height:100%;}
        .navigation .menu ul {display:flex; justify-content:flex-end; width:100%; height:100%;}
        .navigation .menu ul li{}
        .navigation .menu li a{display:flex; align-items:center; height:100%; padding-left:60px; font-size:16px; font-family:Montserrat-Bold; text-transform:uppercase; 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 ul li .arrow {display:block; position:absolute; right:-20px; top:50%; transform:translateY(-50%) rotate(90deg); width:7px;}
        .navigation .menu ul li .arrow::before {content:""; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:1px; margin:auto; background:#000000; transform-origin:center right; transform:rotate(-45deg);}
        .navigation .menu ul li .arrow::after {content:""; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:1px; margin:auto; background:#000000; transform-origin:center right; transform:rotate(45deg);}

        .navigation .menu li a:hover {color:#5BC0CE;}
        /* 二级菜单 */
        .navigation .menu ul li.sub > a {position:relative;}
        .navigation .menu ul li.sub .total_i_sub {visibility:hidden; opacity:0; position:absolute; z-index:9; left:0; top:-9000px; width:100%; padding:50px 0; border-top:1px solid #e5e5e5; background:#FFFFFF; box-shadow:0 5px 5px 0px rgba(0,0,0,0.02);}
        .navigation .menu ul li.sub .total_i_sub.active {animation:total_i_sub_active  0s ease-in-out 0s 1 alternate forwards;}
        @keyframes total_i_sub_active {
            0% {
            }
            100% {
                visibility:visible;
                opacity:1;
                top:90px;
            }
        }


        .navigation .menu ul li.sub .total_i_sub .left_gray_bg {display:block; position:absolute; z-index:-1; left:0; top:0; width:100px; height:100%; background:#F2F2F2;}
        .navigation .menu ul li.sub .i_sub {max-width:1366px; width:100%; margin:auto; padding:0 20px;}
        .navigation .menu ul li.sub .i_sub span {display:block; position:relative; width:20%; padding:15px 0; text-indent:20px; cursor:pointer; border-radius:4px 0 0 4px; font-family:Montserrat-Bold; font-weight:normal; 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 ul li.sub .i_sub span .arrow {right:20px; transform:rotate(0deg);}
        .navigation .menu ul li.sub .i_sub span.active {color:#5BC0CE; background:#FFFFFF;}
        .navigation .menu ul li.sub .i_sub .i_sub_list {display:flex; flex-wrap:wrap; position:absolute; top:0; padding:20px 40px; visibility:hidden; opacity:0;}
        .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:33.333333%; padding:30px; display:flex; align-items:flex-start;}
        .navigation .menu ul li.sub .i_sub .i_sub_list .cell .img {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 {padding-left:20px; width:calc(100% - 80px);}
        .navigation .menu ul li.sub .i_sub .i_sub_list .cell .text h4 {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:left; font-size:12px; font-family:Montserrat-Light; font-weight:normal; padding:5px 0; height:auto; color:rgba(0, 0, 0, 0.5); 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:#5BC0CE;}
        .navigation .menu ul li.sub .i_sub .btn_area {padding:40px 0 0 60px; width:100%;}
        .navigation .menu ul li.sub .i_sub .btn_area a.btn {padding-left:20px; display:inline-block; height:auto; font-size:14px; text-transform:lowercase;}
        .navigation .menu ul li.sub .i_sub .btn_area a.btn:hover {color:#000000;}
        .navigation .search {display:flex; 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;}

        /* 解决方案 sol_sub */
        .navigation .menu ul li.sol_sub .i_sub .i_sub_list {padding:40px 40px 80px;}
        .navigation .menu ul li.sol_sub .i_sub .i_sub_list .cell {display:block; padding:0; width:25%;}
        .navigation .menu ul li.sol_sub .i_sub .i_sub_list .cell a {display:block;}
        .navigation .menu ul li.sol_sub .i_sub .i_sub_list .cell .img {width:100%; margin-bottom:10px; padding:0;}
        .navigation .menu ul li.sol_sub .i_sub .i_sub_list .cell .text {padding:0; width:100%; text-align:left;}
        .navigation .menu ul li.sol_sub .i_sub .i_sub_list .cell .text p {text-transform:lowercase; font-family:Montserrat-Light; font-size:14px; line-height:1.2; color:rgba(0, 0, 0, 0.5); /* 多行省略 */ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
        .navigation .menu ul li.sol_sub .i_sub .i_sub_list .cell a:hover p {color:#5BC0CE;}



        /* 搜索框 */
        .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; border-bottom-left-radius:10px; border-bottom-right-radius:10px; box-shadow:0 0px 20px 0px rgba(0,0,0,0.05);}
        .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;}
        
        /**** 全屏Banner ****/
        .sc-res {position:relative; background:#000000;}
        .sc-res .swiper-container {width:100%; height:100%;}
        .sc-res .swiper-wrapper {}
        .sc-res .swiper-slide {padding:350px 0; 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%; position:relative; color:#FFFFFF;}
        .sc-res .swiper-slide .text a.btn {margin-top:60px;}
        /*默认：偏移*/
        .sc-res .swiper-slide .it {margin-left:40px;/*偏移量*/ opacity:0; width:100%; position:absolute; z-index:3; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
        .sc-res .swiper-slide .it h1 { font-size:56px; margin-bottom:10px; text-transform:uppercase;}
        .sc-res .swiper-slide .it p {margin:0; font-size:22px; line-height:1;}
        /* 当前幻灯片设置动画 */
        .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; max-width:1366px; position:absolute; z-index:11; left:0; right:0; bottom:0; margin:auto; padding:0 20px;}
        .swiper-button-prev::after, .swiper-container-rtl .swiper-button-next::after {content:""; position:absolute; right:0; top:0; bottom:0; margin:auto; width:1px; height:24px; background-color:#e5e5e5;}
        .swiper-button-next::after, .swiper-container-rtl .swiper-button-prev::after {content:"";}
        .swiper-button-next, .swiper-button-prev {position:relative; width:90px; height:70px; margin-top:0; background-color:#FFFFFF;}
        .swiper-button-next:hover, .swiper-button-prev:hover {background-color:#FFFFFF; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease 0s;/* Opera */}
        .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left:0; border-top-left-radius:4px; background-image:url("images/prev.svg"); background-size:10px 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:12px auto;}
        .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right:0; border-top-right-radius:4px; background-image:url("images/next.svg"); background-size:10px 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:12px 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 {bottom:30px;}
        .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {position:relative; background:#FFFFFF; width:3px; height:3px; margin:0 10px; opacity:1; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s;}
        .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:before {content:""; position:absolute; left:-4px; top:-4px; width:11px; height:11px; border-radius:100%; border:2px solid 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-color:#FFFFFF;}
        .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:last-child:after {display:none;}

        /***** intro *****/
        .intro {position:relative; padding:150px 0; background:#FFFFFF;}
        .intro .box {display:flex;}
        .intro .img {width:50%;}
        .intro .img a {display:block; border-radius:10px; position:relative; cursor:default; background-color:#F2F2F2; transition:none; overflow:hidden;}
        .intro .img a:before {display:none; content:""; position:absolute; z-index:2; left:0; right:0; top:0; bottom:0; margin:auto; width:80px; height:80px; background:url("images/play_icon.svg") no-repeat scroll center center / auto 100%;}
        .intro .img a img {transition:all 0.3s ease-out 0s;}
        .intro .text {display:flex; flex-wrap:wrap; flex-direction:column; justify-content:space-between; width:50%; padding-left:80px;}
        .intro .text h2 {font-size:40px; text-transform:uppercase; transition:all 0.3s ease-out 0s;}
        .intro .text p {font-size:18px; margin:40px auto 60px; transition:all 0.3s ease-out 0s;}
        .intro .img a:hover img {/*transform:scale(1.1,1.1);*/}

        /***** products_list:recommended *****/
        .products_list {text-align:center; padding:0 0 100px;}
        .products_list h2 {font-size:40px; margin-bottom:50px; text-transform:uppercase;}

        /***** long_fix *****/
        .long_fix {padding:200px 0; background:#000000 url("images/long_fix.jpg") no-repeat scroll center center / auto 100%; background-attachment:fixed;}
        .long_fix .text {display:flex; justify-content:space-between; color:#FFFFFF;}
        .long_fix .text h2 {font-size:44px; text-transform:uppercase;}

        /***** news *****/
        .news {padding:100px 0 0; overflow:hidden;}
        .news h2 {font-size:40px; text-transform:uppercase; padding-bottom:50px; border-bottom:1px solid #e5e5e5;}
        .news .swiper-container {padding:100px 0 100px 20px; max-width:1366px; overflow:visible;}
        .news .swiper-container .row {position:absolute; left:0; top:-108px;}
        .news .swiper-container .row .sbn {display:flex; justify-content:flex-end;}
        .news .swiper-container .row .sbn .swiper-button-next,
        .news .swiper-container .row .sbn .swiper-button-prev {width:60px; height:60px; border-radius:100%; border:1px solid #e5e5e5; background-color:#FFFFFF; background-size:10px auto; transition:all 0.3s ease-out 0s;}
        .news .swiper-container .row .sbn .swiper-button-prev {left:-20px;}
        .news .swiper-container .row .sbn .swiper-button-prev::after {display:none;}
        .news .swiper-container .row .sbn .swiper-button-next:hover,
        .news .swiper-container .row .sbn .swiper-button-prev:hover {background-size:11px auto;}
        .news .swiper-slide {}
        .news .swiper-slide a {display:flex; flex-wrap:wrap;}
        .news .swiper-slide a .l {width:50%; padding-right:40px; display:flex; flex-wrap:wrap; flex-direction:column; justify-content:space-between;}
        .news .swiper-slide a .l span {font-size:16px; opacity:0.5; transition:all 0.3s ease-out 0s;}
        .news .swiper-slide a .l h3 {font-size:24px; margin:30px 0 40px; transition:all 0.3s ease-out 0s; /* 多行省略 */ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
        .news .swiper-slide a .l p {font-size:16px; opacity:0.5; margin-bottom:40px; transition:all 0.3s ease-out 0s; /* 多行省略 */ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden;}
        .news .swiper-slide a .l i {display:block; opacity:0.2; width:60px; height:60px; border-radius:100%; background:#999 url("images/arrow.svg") no-repeat scroll center center / 40% auto; transition:all 0.3s ease-out 0s;}
        .news .swiper-slide a .r {width:50%; border-radius:10px; overflow:hidden;}
        .news .swiper-slide a .r .img {background-color:rgba(0, 0, 0, 0.05); background-position:center center; background-repeat:no-repeat; background-size:cover; transition:all 0.3s ease-out 0s; overflow:hidden;}
        .news .swiper-slide a:hover .l span {}
        .news .swiper-slide a:hover .l h3 {color:#15ABC0;}
        .news .swiper-slide a:hover .l p {}
        .news .swiper-slide a:hover .l i {background-color:#15ABC0; opacity:1;}
        .news .swiper-slide a:hover .r .img {transform:scale(1.1,1.1);}

        /***** subscribe *****/
        .subscribe {padding:100px 0;}
        .subscribe .main {}
        .subscribe .box {display:flex; justify-content:space-between; align-items:center;}
        .subscribe .box .l {width:50%; padding-right:100px;}
        .subscribe .box h3 {font-size:22px; text-transform:uppercase;}
        .subscribe .box .r {width:50%; position:relative;}
        .subscribe .box .r p {display:flex; justify-content:space-between;}
        .subscribe .box .r input[type="email"] {width:calc(100% - 200px); padding:20px 30px; font-size:18px; font-weight:bold; border:2px solid rgba(0,0,0,0.1); border-radius:0; border-right:none; border-top-left-radius:40px; border-bottom-left-radius:40px; transition:all 0.3s ease-out 0s;}
        .subscribe .box .r input[type="submit"] {width:200px; padding:20px 10px; font-size:16px; color:#000000; font-weight:bold; border:2px solid #5BC0CE; border-radius:0; border-top-right-radius:40px; border-bottom-right-radius:40px; background-color:#5BC0CE; font-family:Montserrat-Extra-Bold; cursor:pointer; text-transform:uppercase; transition:all 0.3s ease-out 0s;}
        .subscribe .box .r input[type="email"]:focus {border-color:rgba(0,0,0,0.2);}
        .subscribe .box .r input[type="submit"]:hover {color:#5BC0CE; border-color:#4d4d4f; background-color:#4d4d4f;}
        .subscribe .r .s_tip {position:absolute; left:10px; top:80px; font-size:13px; color:red;}

        input[type="checkbox"] {display:block; width:24px; height:24px; border:2px solid #7064FF; border-radius:4px; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
        input[type="checkbox"]:hover {background-color:rgba(112, 100, 255, 0.24);}
        input[type="checkbox"]:checked {background-color:#7064FF; background-image:url("../images/checked.svg"); background-position:center center; background-repeat:no-repeat; background-size:cover;}
        input[type="checkbox"]:disabled {border-color:#E9E9F4; opacity:0.24;}


        /**** copyright ****/
        .copyright {position:relative; z-index:2; padding:100px 0 0; font-size:14px; color:#ffffff; background:#4d4d4f;}
        .copyright .inner {}
        .copyright .t {display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:40px;}
        .copyright .t h3 {font-size:18px; margin-bottom:30px; text-transform:uppercase;}
        /**/
        .copyright .t .l {width:80%; display:flex; justify-content:space-between;}
        .copyright .t .l .c-col {}
        .copyright .t .l .c-col:last-child {padding-right:0;}
        .copyright .t .l .c-col ul {}
        .copyright .t .l .c-col ul li {padding-bottom:15px;}
        .copyright .t .l .c-col ul li a {color:#FFFFFF; font-size:16px; opacity:0.5;}
        .copyright .t .l .c-col ul li a:hover {opacity:0.8;}
        /**/
        .copyright .t .r {}
        .copyright .t .r img {display:block; width:120px;}
        .copyright .t .r ul {display:flex; flex-wrap:wrap;}
        .copyright .t .r ul li {position:relative;}
        .copyright .t .r ul li:last-child {margin-left:20px;}
        .copyright .t .r ul li a {display:block; width:48px; height:48px; line-height:48px; text-indent:-999999px; text-align:center; border-radius:100%; background-color:rgba(255,255,255,1); background-repeat:no-repeat; background-position:center; background-size:80% auto; overflow:hidden;}
        .copyright .t .r ul li a:hover {background-size:90% auto;}
        .copyright .t .r ul li .vcode {visibility:hidden; opacity:0; position:absolute; z-index:2; left:50%; bottom:70px; margin-left:-50px; width:100px; height:100px; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
        .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 .t .r ul li .vcode.show {visibility:visible; opacity:1;}
        /**/
        .copyright .b {display:flex; justify-content:space-between; padding:20px 0; border-top:1px solid rgba(255,255,255,0.1);}
        .copyright .b p {opacity:0.3;}
        .copyright .b p em {padding:0 5px; opacity:0.5;}
        .copyright .b p a {color:#FFFFFF; text-decoration:underline;}
        .copyright .b p a:hover {opacity:1;}
        .copyright .b span a {padding:0 4px;}
        .copyright .b .pp {color:#FFFFFF; opacity:0.2;}




/*****************************************/
/**************    about    **************/
/*****************************************/
.sel_about {}
    /**/
    .sel_about .banner {padding:250px 0 300px; background:#000000 url("images/about_banner.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
    .sel_about .banner .box {}
    .sel_about .banner .text {color:#5BC1CE; text-align:center; text-transform:uppercase;}
    .sel_about .banner .text h3 {font-size:28px; margin-bottom:40px;}
    .sel_about .banner .text h2 {font-size:72px;}

    /**/
    .sel_about .environment {padding:150px 0; background:url("images/about_environment_skin.jpg") no-repeat scroll center top / 100% auto; overflow:hidden;}
    .sel_about .environment .text {display:flex; flex-wrap:wrap; justify-content:space-between;}
    .sel_about .environment .text h2 {width:35%; font-size:64px; line-height:1; text-transform:uppercase;}
    .sel_about .environment .text .t_r {width:65%;}
    .sel_about .environment .text .t_r p {font-size:18px;}
    .sel_about .environment .text .t_r ul {margin:40px -10px -10px; display:flex; flex-wrap:wrap; justify-content:space-between;}
    .sel_about .environment .text .t_r ul li {width:33.333333%; padding:10px;}
    .sel_about .environment .text .t_r ul li .box {padding:80px 10px 80px 40px; position:relative; height:100%; cursor:default; background:#F2F2F2; background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
    .sel_about .environment .text .t_r ul li .box::before {content:""; position:absolute; left:0; bottom:0; width:100%; height:100%; background:#F2F2F2; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
    .sel_about .environment .text .t_r ul li .box::after {content:""; position:absolute; left:0; bottom:0; width:100%; height:0; background:#5BC1CE; 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 .environment .text .t_r ul li:nth-child(1) .box {background-image:url("images/about_intro_1.jpg"); border-top-left-radius:10px;}
    .sel_about .environment .text .t_r ul li:nth-child(2) .box {background-image:url("images/about_intro_2.jpg");}
    .sel_about .environment .text .t_r ul li:nth-child(3) .box {background-image:url("images/about_intro_3.jpg"); border-top-right-radius:10px;}
    .sel_about .environment .text .t_r ul li:nth-child(4) .box {background-image:url("images/about_intro_4.jpg"); border-bottom-left-radius:10px;}
    .sel_about .environment .text .t_r ul li:nth-child(5) .box {background-image:url("images/about_intro_5.jpg");}
    .sel_about .environment .text .t_r ul li:nth-child(6) .box {background-image:url("images/about_intro_6.jpg"); border-bottom-right-radius:10px;}
    .sel_about .environment .text .t_r ul li .box span {display:none; margin:0 auto 20px; width:64px; height:64px; background-repeat:no-repeat; background-attachment:scroll; background-position:center; background-size:100% auto;}
    .sel_about .environment .text .t_r ul li .box h3 {margin-bottom:10px; position:relative; 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 .environment .text .t_r ul li .box h3 em {font-style:normal; font-size:26px;}
    .sel_about .environment .text .t_r ul li .box h3 b {padding-left:5px; font-family:initial; font-size:12px; font-style:normal;}
    .sel_about .environment .text .t_r ul li .box p {font-size:14px; position:relative; height:38px; line-height:1.2; opacity:0.5; 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 .environment .text .t_r ul li:hover .box::before {opacity:0;}*/
    .sel_about .environment .text .t_r ul li:hover .box::after {}
    .sel_about .environment .text .t_r ul li:hover .box h3 {/*opacity:0;*/}
    .sel_about .environment .text .t_r ul li:hover .box p {/*opacity:0;*/}
    .sel_about .environment .text .t_r ul li.active .box::before {opacity:0;}
    
    .sel_about .environment .swiper-container {padding:100px 20px 0 20px; max-width:1366px; overflow:visible;}
    .sel_about .environment .swiper-container .swiper-slide {border-radius:10px; cursor:grab; background-color:; overflow:hidden;}
    .sel_about .environment .swiper-container .swiper-slide img {}
    .sel_about .environment .swiper-container .sbn {display:flex; justify-content:center; margin-top:50px;}
    .sel_about .environment .swiper-container .sbn .swiper-button-next,
    .sel_about .environment .swiper-container .sbn .swiper-button-prev {width:60px; height:60px; margin:0 10px; border:1px solid #e5e5e5; border-radius:100%; background-size:10px auto;}
    .sel_about .environment .swiper-container .sbn .swiper-button-prev:after {display:none;}
    .sel_about .environment .swiper-container .sbn .swiper-button-next:hover,
    .sel_about .environment .swiper-container .sbn .swiper-button-prev:hover {background-size:11px auto;}
    .sel_about .environment .swiper-container .swiper-pagination {display:none;}

    /**/
    .sel_about .core_values {padding:150px 0; color:#FFFFFF; background:#000000 url("images/about_core_values.svg") no-repeat scroll center center / 100% auto; background-size:cover; background-attachment:fixed; overflow:hidden;}
    .sel_about .core_values h2 {font-size:44px; text-transform:uppercase; text-align:center;}
    .sel_about .core_values ul {display:flex; flex-wrap:wrap; justify-content:space-between; margin:60px -60px -60px; overflow:hidden;}
    .sel_about .core_values ul li {width:33.333333%; padding:60px; position:relative;}
    .sel_about .core_values ul li::before {content:""; position:absolute; left:60px; bottom:0; width:100%; height:1px; background:#FFFFFF; opacity:0.2;}
    .sel_about .core_values ul li::after {content:""; position:absolute; right:0; top:60px; width:1px; height:100%; background:#FFFFFF; opacity:0.2;}
    .sel_about .core_values ul li:nth-child(4)::before,
    .sel_about .core_values ul li:nth-child(5)::before,
    .sel_about .core_values ul li:nth-child(6)::before {display:none;}
    .sel_about .core_values ul li:nth-child(3)::after,
    .sel_about .core_values ul li:nth-child(6)::after {display:none;}
    .sel_about .core_values ul li .box {}
    .sel_about .core_values ul li span {display:block; width:80px; height:80px; margin-bottom:30px; background-position:center center; background-repeat:no-repeat; background-size:80% auto;}
    .sel_about .core_values ul li:nth-child(1) span {background-image:url("images/core_values_icon_1.svg");}
    .sel_about .core_values ul li:nth-child(2) span {background-image:url("images/core_values_icon_2.svg");}
    .sel_about .core_values ul li:nth-child(3) span {background-image:url("images/core_values_icon_3.svg");}
    .sel_about .core_values ul li:nth-child(4) span {background-image:url("images/core_values_icon_4.svg");}
    .sel_about .core_values ul li:nth-child(5) span {background-image:url("images/core_values_icon_5.svg");}
    .sel_about .core_values ul li:nth-child(6) span {background-image:url("images/core_values_icon_6.svg");}
    .sel_about .core_values ul li h3 {font-size:28px; text-transform:uppercase;}
    .sel_about .core_values ul li p {margin-top:20px; font-size:14px; opacity:0.8;}

    /**/
    .sel_about .earth {padding:250px 0; background:#5BC1CE; overflow:hidden;}
    .sel_about .earth .box {position:relative;}
    .sel_about .earth .box:before {content:""; position:absolute; right:0; top:0; bottom:0; margin:auto; width:800px; height:800px; background:url("images/earth.png") no-repeat scroll center center / 100% auto;}
    .sel_about .earth .text {position:relative; width:60%;}
    .sel_about .earth .text h2 {font-size:72px; text-transform:uppercase;}
    .sel_about .earth .text p {font-size:18px; margin-top:40px;}

    /**/
    .sel_about .time_line {padding:150px 0; text-align:center; background:#F2F2F2 url("images/about_time_line.jpg") no-repeat scroll center center / 100% auto; background-size:cover;}
    .sel_about .time_line .box {}
    .sel_about .time_line .box .text {}
    .sel_about .time_line .box .text h2 {font-size:72px; text-transform:uppercase;}
    .sel_about .time_line .box .text h2 span {display:block;}
    .sel_about .time_line .swiper-container {margin-top:100px;}
    .sel_about .time_line .swiper-container .swiper-slide {cursor:grab;}
    .sel_about .time_line .swiper-container .swiper-slide h2 {margin-top:120px; font-size:44px; color:#666666;}
    .sel_about .time_line .swiper-container .swiper-slide p {display:none; font-size:18px; margin:auto; opacity:0.8;}
    .sel_about .time_line .swiper-container .swiper-slide-active h2 {margin-top:0; font-size:250px; color:#5BC1CE;}
    .sel_about .time_line .swiper-container .swiper-slide-active p {display:block;}
    .sel_about .time_line .swiper-container .swiper-button-prev,
    .sel_about .time_line .swiper-container .swiper-button-next {position:absolute; width:60px; height:60px; top:115px; margin:0 10px; border-radius:100%; background-size:10px auto;}
    .sel_about .time_line .swiper-container .swiper-button-prev:hover,
    .sel_about .time_line .swiper-container .swiper-button-next:hover {background-size:11px auto;}
    .sel_about .time_line .swiper-container .swiper-button-prev {left:22%;}
    .sel_about .time_line .swiper-container .swiper-button-prev:after {display:none;}
    .sel_about .time_line .swiper-container .swiper-button-next {right:22%;}




/*****************************************/
/************    solutions    ************/
/*****************************************/
.sel_solutions {}
    /**/
    .sel_solutions .con_temp_banner {background-image:url("images/sel_solutions_banner.jpg");}

    /**/
    .solutions_list {margin:100px 0;}
    .con_solutions_list {display:flex; flex-wrap:wrap; margin:0 -20px 0;}
    .con_solutions_list li {width:33.333333%; padding:20px;}
    .con_solutions_list li a {display:block; border-radius:10px; height:100%; background:#F2F2F2; overflow:hidden;}
    .con_solutions_list li a .cover {overflow:hidden;}
    .con_solutions_list li a .cover i {display:block; width:100%; height:100%; transition:all 0.3s ease-out 0s; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .con_solutions_list li a .text {padding:30px; text-align:left;}
    .con_solutions_list li a .text h3 {font-size:18px; margin-bottom:10px; /* 多行省略 */ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
    .con_solutions_list li a .text p {font-size:14px; color:rgba(0, 0, 0, 0.6);  /* 多行省略 */ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
    .con_solutions_list li a .text p span {opacity:0.5;}
    .con_solutions_list li a .text p em {}
    .con_solutions_list li a:hover .cover i {transform:scale(1.1,1.1);}

    /**/
    .sel_solutions .products_list {padding:100px 0; background:#F2F2F2;}
    .sel_solutions .products_list ul li a {background:#FFFFFF;}




/*****************************************/
/********    solutions_detail    *********/
/*****************************************/
.sel_solutions_detail {}
    /**/
    .sel_solutions_detail .banner {padding:150px 0; position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover;}
    .sel_solutions_detail .banner::before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-image:linear-gradient(to right, rgba(91,193,206,1) 50% , rgba(91,193,206,0.5) 100%);}
    .sel_solutions_detail .banner .box {display:flex; justify-content:space-between; align-items:flex-start; position:relative;}
    .sel_solutions_detail .banner .box .text {width:50%; padding-right:100px;}
    .sel_solutions_detail .banner .box .text h1 {font-size:44px; margin-bottom:30px;}
    .sel_solutions_detail .banner .box .text p {font-size:18px;}
    .sel_solutions_detail .banner .box img {width:50%; border-radius:10px;}

    /**/
    .sel_solutions_detail .article {padding:50px 0; font-size:18px; line-height:1.8;}
    .sel_solutions_detail .article p {font-size:18px;}
    .sel_solutions_detail .article img {display:block; width:100%; border-radius:10px;}
    .sel_solutions_detail .article h1,
    .sel_solutions_detail .article h2,
    .sel_solutions_detail .article h3,
    .sel_solutions_detail .article h4,
    .sel_solutions_detail .article h5,
    .sel_solutions_detail .article h6 {margin-bottom:15px;}




/*****************************************/
/************    products    *************/
/*****************************************/
.sel_products {}
    /**/
    .sel_products .con_temp_banner {background-image:url("images/sel_products_banner.jpg");}

    /**/
    .sel_products .list {margin:100px 0;}
    .sel_products .list .box {display:flex;}
    .sel_products .list .filter {width:20%; padding-right:40px;}
    .sel_products .list .filter ul {margin-top:-15px;}
    .sel_products .list .filter ul li {padding:15px 0; cursor:pointer;}
    .sel_products .list .filter ul li h3 {position:relative; font-size:16px; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
    .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:hover h3 {color:#5BC0CE;}
    .sel_products .list .filter ul li dl {padding:20px 0 0; display:none;}
    .sel_products .list .filter ul li dl dt {padding-left:20px; position:relative; font-size:14px; cursor:pointer; font-family:Montserrat-Bold;}
    .sel_products .list .filter ul li dl dt:before {content:""; position:absolute; left:0; top:0; bottom:0; margin:auto; width:5px; height:5px; border-radius:100%; background:#CCCCCC;}
    .sel_products .list .filter ul li dl dt:after {/*content:""; position:absolute; right:0; top:0; bottom:0; margin:auto; width:10px; height:10px; border-radius:100%; background:url("images/arrow_list.svg") no-repeat scroll right center / 50% auto; opacity:0.5;*/}
    .sel_products .list .filter ul li dl dd {padding-left:20px; display:none;}
    .sel_products .list .filter ul li dl dd label {display:flex; align-items:center; padding:10px 0; cursor:pointer;}
    .sel_products .list .filter ul li dl dd label em {display:block; width:22px; height:22px; margin-right:10px; border:1.5px solid #ccc; border-radius:2px;}
    .sel_products .list .filter ul li dl dd label span { width:calc(100% - 22px); font-size:14px; word-break:keep-all;/*不换行*/ white-space:nowrap;/*不换行*/ overflow:hidden;/*内容超出宽度时隐藏超出部分的内容*/ text-overflow:ellipsis;/*当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用*/}
    .sel_products .list .filter ul li dl dd.sel em {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 dl {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 .filter ul li dl.active dd {display:block;}
    .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;}
        /**/
        .opera_filter {display:none;}
        .opera_filter a {display:block; margin-bottom:40px; font-size:22px; font-family:Montserrat-Bold;}
        .opera_filter .hide_filter {}
        .opera_filter .show_filter {display:none;}

        .sel_products .list .box.hide .filter {display:none;}
        .sel_products .list .box.hide .products_list {width:100%; padding:0;}

    /**/
    .our_promise {padding:100px 0; background:#f2f2f2 url("images/our_promise.jpg"); background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .our_promise .text {text-align:center;}
    .our_promise .text h2 {font-size:32px; text-transform:uppercase; margin-bottom:20px;}
    .our_promise .text p {width:80%; margin:auto;}
    .our_promise .text ul {display:flex; flex-wrap:wrap; justify-content:space-between; margin:80px 0 0;}
    .our_promise .text ul li {width:16.666666%;}
    .our_promise .text ul li i {display:block; width:100px; height:100px; margin:0 auto 20px; border-radius:100%; background-color:#FFFFFF; background-position:center center; background-repeat:no-repeat; background-size:80% auto;}
    .our_promise .text ul li:nth-child(1) i {background-image:url("images/our_promise_icons_1.png");}
    .our_promise .text ul li:nth-child(2) i {background-image:url("images/our_promise_icons_2.png");}
    .our_promise .text ul li:nth-child(3) i {background-image:url("images/our_promise_icons_3.png");}
    .our_promise .text ul li:nth-child(4) i {background-image:url("images/our_promise_icons_4.png");}
    .our_promise .text ul li:nth-child(5) i {background-image:url("images/our_promise_icons_5.png");}
    .our_promise .text ul li:nth-child(6) i {background-image:url("images/our_promise_icons_6.png");}
    .our_promise .text ul li p {line-height:1.5;}




/*****************************************/
/*********    products_detail    *********/
/*****************************************/
.sel_products_detail {}
    /**/
    .sel_products_detail .topic {padding:100px 0 60px; border-top:1px solid #F2F2F2;}
    .sel_products_detail .topic .box {display:flex; justify-content:space-between; align-items:flex-start;}
    .sel_products_detail .topic .box .swiper-container {width:50%; padding-bottom:100px;}
    .sel_products_detail .topic .box .swiper-container .swiper-slide {width:100%; height:100%; border-radius:10px; background:#F8F8F8; overflow:hidden;}
    .sel_products_detail .topic .box .swiper-container .swiper-slide img {display:block; width:80%; margin:50px auto;}
    .sel_products_detail .topic .box .swiper-container .swiper-button-next,
    .sel_products_detail .topic .box .swiper-container .swiper-button-prev {position:absolute; top:auto; width:60px; height:60px; border-radius:100%; border:1px solid #e5e5e5; background-color:#FFFFFF; background-size:10px auto; transition:all 0.3s ease-out 0s;}
    .sel_products_detail .topic .box .swiper-container .swiper-button-prev {left:calc(50% - 120px); bottom:0;}
    .sel_products_detail .topic .box .swiper-container .swiper-button-next {right:calc(50% - 120px); bottom:0;}
    .sel_products_detail .topic .box .swiper-container .swiper-button-prev::after,
    .sel_products_detail .topic .box .swiper-container .swiper-button-next::after {display:none;}
    .sel_products_detail .topic .box .swiper-container .swiper-button-next:hover,
    .sel_products_detail .topic .box .swiper-container .swiper-button-prev:hover {background-size:11px auto;}
    .sel_products_detail .topic .box .swiper-container > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:25px;}
    .sel_products_detail .topic .box .swiper-container > .swiper-pagination-bullets .swiper-pagination-bullet {background:#cccccc;}
    .sel_products_detail .topic .box .swiper-container > .swiper-pagination-bullets .swiper-pagination-bullet-active {background:transparent;}
    .sel_products_detail .topic .box .swiper-container > .swiper-pagination-bullets .swiper-pagination-bullet-active::before {border-color:#333333;}
    .sel_products_detail .topic .box .swiper-container > .swiper-pagination-bullets .swiper-pagination-bullet::after {background:#000000;}

    .sel_products_detail .topic .box .text {width:50%; padding-left:100px;}
    .sel_products_detail .topic .box .text h1 {font-size:44px; margin-bottom:50px;}
    .sel_products_detail .topic .box .text p {font-size:16px; opacity:0.8;}

    /**/
    .sel_products_detail .summary {position:relative; padding:150px 0; color:#FFFFFF; background-color:#333333; background-position:center center; background-repeat:no-repeat; background-size:cover;}
    .sel_products_detail .summary:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000000; opacity:0.5;}
    .sel_products_detail .summary .text {width:50%; position:relative;}
    .sel_products_detail .summary .text h2 {font-size:44px; text-transform:uppercase; margin-bottom:20px;}
    .sel_products_detail .summary .text p {font-size:22px;}

    /**/
    .sel_products_detail .tab {}

    /**/
    .sel_products_detail .article {padding:50px 0; font-size:16px; line-height:1.8;}
    .sel_products_detail .article h1,
    .sel_products_detail .article h2,
    .sel_products_detail .article h3,
    .sel_products_detail .article h4,
    .sel_products_detail .article h5,
    .sel_products_detail .article h6 {margin-bottom:15px;}
    .sel_products_detail .article .table {margin-bottom:50px;}
    .sel_products_detail .contact_form {padding:0;}
    .sel_products_detail .contact_form .row {padding:0;}


    /**/
    .sel_products_detail .products_list {padding:100px 0; background:#F2F2F2;}
    .sel_products_detail .products_list ul li a {background:#FFFFFF;}




/*****************************************/
/***************    news    **************/
/*****************************************/
.sel_news {}
    /**/
    .sel_news .con_temp_banner {background-image:url("images/sel_news_banner.jpg");}
    /**/
    .sel_news .news_list .tab {}
    /**/
    .sel_news .pages {margin:0 auto 100px;}




/*****************************************/
/***********    news_detail    ***********/
/*****************************************/
.sel_news_detail {}
    /**/
    .sel_news_detail .article {padding:150px 0; border-top:1px solid #e5e5e5; font-size:18px; line-height:1.8;}
    .sel_news_detail .article .box {width:80%; margin:auto;}
    .sel_news_detail .article .title {margin-bottom:50px;}
    .sel_news_detail .article .title h1 {font-size:48px;}
    .sel_news_detail .article .title span {font-size:14px; opacity:0.5;}
    .sel_news_detail .article p {font-size:18px;}
    /**/
    .sel_news_detail .news_list {padding:100px 0; background:#F2F2F2;}
    .sel_news_detail .news_list h2 {text-align:center; font-size:44px; margin-bottom:50px; text-transform:uppercase;}
    .sel_news_detail .news_list ul li a {background:#FFFFFF;}




/*****************************************/
/*************    contact    *************/
/*****************************************/
.sel_contact {}
    /**/
    .sel_contact .navigation {border-bottom:1px solid #e5e5e5;}
    /**/
    .sel_contact .citys {position:relative; padding:150px 0;}
    .sel_contact .citys:before {content:""; position:absolute; left:0; bottom:0; width:100%; height:614px; background:#F2F2F2;}
    .sel_contact .citys .row {position:relative;}
    .sel_contact .citys .title {width:50%;}
    .sel_contact .citys .title h1 {font-size:60px; margin-bottom:40px; text-transform:uppercase;}
    .sel_contact .citys .title p {}
    .sel_contact .citys ul {display:flex; flex-wrap:wrap; justify-content:space-between; margin:100px -20px 0;}
    .sel_contact .citys ul li {width:33.333333%; padding:20px;}
    .sel_contact .citys ul li .box {height:100%; background:#FFFFFF; border-radius:10px; overflow:hidden;}
    .sel_contact .citys ul li .cover {background-color:#5BC0CE; background-repeat:no-repeat; background-position:center center; background-size:cover;}
    .sel_contact .citys ul li .text {padding:40px;}
    .sel_contact .citys ul li .text h3 {font-size:28px; text-transform:uppercase; margin-bottom:30px;}
    .sel_contact .citys ul li .text dl {font-size:14px;}
    .sel_contact .citys ul li .text dl dt {font-family:Montserrat-Extra-Bold;}
    .sel_contact .citys ul li .text dl dd {margin:5px 0 20px;}
    .sel_contact .citys ul li .text dl dd:last-child {margin-bottom:0;}




/*****************************************/
/*************    search    **************/
/*****************************************/
.sel_search {}
    /**/
    .search_form {padding:80px 0; background:#F2F2F2;}
    .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; border-radius:40px;}
    /**/
    .sel_search .tab {}
    /**/
    .sel_search .type {margin-bottom:100px;}
    .sel_search .type .t_title {margin-top:40px;}
    .sel_search .type .t_title span {display:block; padding:20px; border-radius:4px; font-size:18px; font-weight:bolder; background:#F8F8F8;}
    /**/
    .sel_search .solutions_list {margin:40px 0; text-align:center;}
    .sel_search .solutions_list a.btn {margin-top:50px;}
    .sel_search .products_list {padding:0;}
    .sel_search .products_list .con_products_list {margin-top:20px;}
    .sel_search .products_list a.btn {margin-top:30px;}
    .sel_search .news_list {margin-top:20px; text-align:center;}
    .sel_search .news_list a.btn {margin-top:30px;}




/*****************************************/
/********    search_solutions    *********/
/*****************************************/
.sel_search_solutions {}
    /**/
    .sel_search_solutions .solutions_list {margin:80px 0 150px;}
    .sel_search_solutions .pages {margin-top:50px;}




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




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




/*****************************************/
/*************    support    *************/
/*****************************************/
.support_box {}
.support_box .topic {}
.support_box .col {margin-top:100px;}
.support_box .col h2 {font-size:32px; margin-bottom:10px; color:#000000;}
.support_box .col > p {margin:0; font-size:18px; opacity:1;}
.support_box .col .tc-item {margin-top:40px;}
.support_box .col .tc-item h3 {font-size:18px; margin-bottom:20px; color:#000000;}
.support_box .col .tc-item table tbody td {}
.support_box .col .tc-item table img {margin:20px 0; width:64px; height:64px; max-width:none;}
.support_box .col .tc-item a.map {display:block; margin:100px auto 50px;}
.support_box .citys {width:100%;}




/*****************************************/
/***********    sel_privacy    ***********/
/*****************************************/
.sel_privacy {}
    /**/
    .sel_privacy .navigation {border-bottom:1px solid #e5e5e5;}
    /**/
    .sel_privacy article {max-width:960px; margin:auto; padding:100px 40px; font-size:14px; line-height:1.8;}
    .sel_privacy article h1 {font-size:22px; font-weight:normal; margin-bottom:20px;}
    .sel_privacy article section {font-size:14px; line-height:1.8; margin-bottom:20px; color:rgba(0, 0, 0, 0.7);}
    .sel_privacy article section p {font-size:14px; line-height:1.8; margin-bottom:20px; color:rgba(0, 0, 0, 0.7);}