/*

======================================================================

*	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 {
    line-height: 1.5;
    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 {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('../fonts/iconfont.eot');

    src: url('../fonts/iconfont.eot') format('embedded-opentype'),

    url('../fonts/iconfont.woff') format('woff'),

    url('../fonts/iconfont.ttf') format('truetype'),

    url('../fonts/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("../fonts/montserrat-extra-bold.woff2") format("woff2"),

       url("../fonts/montserrat-extra-bold.woff") format("woff"),

       url("../fonts/montserrat-extra-bold.ttf") format("truetype"),

       url("../fonts/montserrat-extra-bold.eot") format("embedded-opentype"),

       url("../fonts/montserrat-extra-bold.svg") format("svg");

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: "Montserrat-Bold";

  src: url("../fonts/montserrat-bold.woff2") format("woff2"),

       url("../fonts/montserrat-bold.woff") format("woff"),

       url("../fonts/montserrat-bold.ttf") format("truetype"),

       url("../fonts/montserrat-bold.eot") format("embedded-opentype"),

       url("../fonts/montserrat-bold.svg") format("svg");

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: "Montserrat-Regular";

  src: url("../fonts/montserrat-regular.woff2") format("woff2"),

       url("../fonts/montserrat-regular.woff") format("woff"),

       url("../fonts/montserrat-regular.ttf") format("truetype"),

       url("../fonts/montserrat-regular.eot") format("embedded-opentype"),

       url("../fonts/montserrat-regular.svg") format("svg");

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: "Montserrat-Light";

  src: url("../fonts/montserrat-light.woff2") format("woff2"),

       url("../fonts/montserrat-light.woff") format("woff"),

       url("../fonts/montserrat-light.ttf") format("truetype"),

       url("../fonts/montserrat-light.eot") format("embedded-opentype"),

       url("../fonts/montserrat-light.svg") format("svg");

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: "Montserrat-Hairline";

  src: url("../fonts/montserrat-hairline.woff2") format("woff2"),

       url("../fonts/montserrat-hairline.woff") format("woff"),

       url("../fonts/montserrat-hairline.ttf") format("truetype"),

       url("../fonts/montserrat-hairline.eot") format("embedded-opentype"),

       url("../fonts/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:#28b7e9; 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('../fonts/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("../fonts/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("../fonts/next.svg"); background-position:center center; background-repeat:no-repeat; background-size:6px auto;}

.pages a:hover {background:#28b7e9;}

.pages span {background:#28b7e9;}



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: 20px;
    padding: 20px 0;
    border-bottom: 4px solid transparent;
    font-size: 16px;
    opacity: 0.5;
    font-family: Montserrat-Bold;
}

.tab .box a.on {border-color:#28b7e9; 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;}

.sel_products_detail .article h3 {
    display: block;
    padding: 10px;
    background: linear-gradient(45deg, #28b7e9, transparent);
    color: #f7f7f7;
}

.sel_products_detail .article table tbody th {
    text-align: left;
    padding: 5px;
    color: #15abc0;
    font-size: large;
    font-weight: 300;
}

    table tbody td {padding: 5px; border-left:none; border-top:none; border-bottom:none; }

    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: 20px;
    border-radius: 10px;
    height: 100%;
    border: solid 1px #eeeeee;
}

.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;background-size: contain;}

.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;
    overflow: hidden;
    text-overflow: ellipsis;
    display: none;
}

.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:#28b7e9; 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(40,183,233,1) 40% , rgba(40,183,233,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:20px; 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("../fonts/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("../fonts/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:#28b7e9; 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;opacity:1 !important;}

        .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('../fonts/language.svg') no-repeat scroll center center / 80% auto;}

        .navigation .top ul li:nth-child(3) {display:none;}

        .navigation .main {position:relative;background-color: #28b7e9;}

        .navigation .content {}

        .navigation .box {height:90px; display:flex; justify-content:space-between; align-items:center;}

        .navigation .logo{display:block; width:82px; height:70px; background:url('../images/logo.png') no-repeat scroll left center / 100% auto; transition:opacity 0.3s ease-out 0s;filter: brightness(10);}

        .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%; margin-right: 20px;padding: 0 20px;font-size:16px; color: #ffffff; min-width: 120px; 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;color: #ffffff;}

        .navigation .menu ul li .arrow {display:block; position:absolute; right:5px; 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:#ffffff; 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:#ffffff; transform-origin:center right; transform:rotate(45deg);}



        .navigation .menu li a:hover {color:#000;}

        /* 二级菜单 */

        .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: #888;
    box-shadow: 0 5px 5px 0px rgb(0 0 0 / 2%);
min-height: 50vh;
}

        .navigation .menu ul li.sub .total_i_sub.active {animation:total_i_sub_active  0s ease-in-out 0s 1 alternate forwards;}

  .navigation .menu ul li.sub .total_i_sub a{

display:inline; padding:0; text-align:left}
        @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:#666666;}

        .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; width:calc(20% - 20px); padding:15px;  cursor:pointer; border-radius:4px 0 0 4px; 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;color: white;}

        .navigation .menu ul li.sub .i_sub span .arrow {right:20px; transform:rotate(0deg);}

        .navigation .menu ul li.sub .i_sub span.active {color:#28b7e9; background:#888;}

        .navigation .menu ul li.sub .i_sub .i_sub_list {height:100%; position:absolute; top:0; 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: 20px;
    display: flex;
    align-items: flex-start;
    float: left;
    min-height: 200px;
}

.navigation .menu ul li.sub .i_sub .i_sub_list .cell .img {
    width: 80px;
    padding: 10px;
    background: #F2F2F2;
    border-radius: 4px;
    overflow: hidden;
    display: none;
}

        .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:10px; width:calc(100% - 10px);}

        .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 h4 a{font-size:18px;  word-break:keep-all;/*不换行*/ white-space:nowrap;/*不换行*/ overflow:hidden; font-weight:600;/*内容超出宽度时隐藏超出部分的内容*/ 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:16px; font-family:Montserrat-Light; font-weight:normal; padding:5px 0; height:auto; color: #ffffff; 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:#28b7e9;}

        .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 {
    display: inline-block;
    height: auto;
    font-size: 20px;
    text-transform: capitalize;
    width: 200px;
    padding: 20px;
}

        .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%; min-height:200px}

        .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; height:160px; text-align:center}
      .navigation .menu ul li.sol_sub .i_sub .i_sub_list .cell .img img{ max-height:100%; height:160px; width:96%; display:inline-block} 
        .navigation .menu ul li.sol_sub .i_sub .i_sub_list .cell .text {padding:0; width:100%; text-align:left;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}

        .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:#28b7e9;}







        /* 搜索框 */

        .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:#28b7e9;}

        

        /**** 全屏Banner ****/

        .sc-res {position:relative; background:#000000;}

        .sc-res .swiper-container {width:100%; height:100%;}

        .sc-res .swiper-wrapper {}

        .sc-res .swiper-slide {cursor:grab; background-color:#000000; background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}

.swiper-slide img {
    width: 100%;
}

        .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: 40px;
}

        /*默认：偏移*/

        .sc-res .swiper-slide .it {margin-left:40px;/*偏移量*/ opacity:0; position:absolute; z-index:3; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);padding: 40px; background-color: #ffffffdd;}

.sc-res .swiper-slide .it h1 {
    font-size: 36px;
    color: #28b7e9;
}

.sc-res .swiper-slide .it p {
    font-size: 24px;
    color: #28b7e9;
}

        /* 当前幻灯片设置动画 */

        .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("../fonts/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("../fonts/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 #28b7e9; border-radius:0; border-top-right-radius:40px; border-bottom-right-radius:40px; background-color:#28b7e9; 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:#28b7e9; 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("../fonts/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('../fonts/social_icon_1.svg');}

        .copyright .t .r ul li:nth-child(2) a {background-image:url('../fonts/social_icon_2.svg');}

        .copyright .t .r ul li:nth-child(3) a {background-image:url('../fonts/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:#28b7e9; text-align:center; text-transform:uppercase;}

    .sel_about .banner .text h3 {font-size:28px; margin-bottom:40px;}

    .sel_about .banner .text h2 {font-size:62px;}



    /**/

    .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:#28b7e9; 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("../fonts/core_values_icon_1.svg");}

    .sel_about .core_values ul li:nth-child(2) span {background-image:url("../fonts/core_values_icon_2.svg");}

    .sel_about .core_values ul li:nth-child(3) span {background-image:url("../fonts/core_values_icon_3.svg");}

    .sel_about .core_values ul li:nth-child(4) span {background-image:url("../fonts/core_values_icon_4.svg");}

    .sel_about .core_values ul li:nth-child(5) span {background-image:url("../fonts/core_values_icon_5.svg");}

    .sel_about .core_values ul li:nth-child(6) span {background-image:url("../fonts/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:#28b7e9; 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:#28b7e9;}

    .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("../fonts/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:#28b7e9;}

    .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:none; 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:#28b7e9; background-color:#28b7e9; background-image:url("../fonts/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: 30%;
    padding-bottom: 100px;
}

.sel_products_detail .topic .box .swiper-container .swiper-slide {
    max-width: 100%;
    height: 100%;
    border-radius: 10px;
    border: solid 1px #eeeeee;
    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: 70%;
    padding-left: 20px;
}

.sel_products_detail .topic .box .text h1 {
    font-size: 36px;
    margin-bottom: 20px;
}

.sel_products_detail .topic .box .text p {
    font-size: 24px;
}



    /**/

.sel_products_detail .summary {
    position: relative;
    padding: 100px 0;
    color: #FFFFFF;
    background-color: #333333;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    display: none;
}

    .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: 20px 0 80px;
    font-size: 16px;
    line-height: 1.8;
    min-height: 300px;
}

.sel_products_detail .article .table {
    margin-bottom: 20px 0;
}

    .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;margin-bottom: 20px;}

    /**/

    .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:100%; 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:#28b7e9; 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);}




/*******************************/
.plc {
 height: 36px;
 line-height: 36px;
 border-bottom: 1px solid #ddd;
 overflow: hidden;
 padding: 30px 0;
  font-size: 14px;
 }
.plc span {
 color: #000;
 font-weight: bold;
 font-family: Microsoft Yahei;
 padding-right: 10px;
}
.plc a {
 color: #333;
 margin-left: 5px;
 margin-right: 5px;
}

ul.list-paddingleft-2 {
    padding-left: 20px;
}
ul.list-paddingleft-2 li {
    list-style: disc;
}
.pbnb {
    background-color: #f9f9f9;
}
.pbn {
    overflow: hidden;
    font-size: 14px;
    margin: 0 auto;
    padding: 20px;
    max-width: 1366px;
}
.pbn a {
    margin: 0 5px;
}