/*
======================================================================
*	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-Light',"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.2125em; text-rendering:optimizelegibility;}
html.no-scroll {overflow-y:hidden;}
body {min-width:320px; -webkit-font-smoothing:antialiased; color:#3c3c3c; font-style:normal; background:#ffffff;}




html {overflow:scroll; overflow-x:hidden; font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}


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

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


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

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

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

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

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


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


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


/***************************************/
/*************    public    ************/
/***************************************/
/*分栏*/
.row {margin:0 auto; padding:0 20px; max-width:1366px; width:100%;}
/*按钮：默认*/
.btn_area {display:flex;}
a.btn {display:block; padding:15px 45px 15px; position:relative; font-size:16px; color:#FFFFFF; background:#BA2A3D; transition:all 0.2s ease-out 0s; overflow:hidden;}
a.btn:after {content:""; position:absolute; left:0; top:0; width:0; height:100%; background:#333333; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s;}
a.btn span {position:relative; z-index:2;}
a.btn:hover {background:#BA2A3D;}
a.btn:hover:after {width:100%;}

/*shead*/
.shead {}
.shead .sl {position:relative; width:100%; text-align:center;}
.shead .sl h2 {font-size:44px; position:relative; padding:0 0 40px 0;}
.shead .sl h2:before {content:""; position:absolute; left:0; right:0; bottom:0; margin:auto; width:40px; height:6px; background:#BA2A3D;}
.shead .sl span {font-size:90px; text-transform:uppercase; position:absolute; left:0; right:0; bottom:40px; margin:auto; line-height:1; opacity:0.03; font-family:Montserrat-Bold;}
    /*适用于深色背景下*/
    .light {color:#FFFFFF;}
    .light .sl h2:before {background:#FFFFFF;}
    .light .sl span {opacity:0.1;}

/**/
.pages {margin:0 auto 100px; text-align:center;}
.pages .box {display:flex; justify-content:center;}
.pages a,
.pages span {display:inline-block; margin:0 10px; font-size:16px; width:40px; height:40px; line-height:40px; text-align:center; 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:0 center; background-repeat:no-repeat; background-size:80px auto;}
.pages a.a1:nth-child(2):hover {background-position:-40px center;}
.pages a.a1:last-child {text-indent:-999999px; background-image:url("images/next.svg"); background-position:-40px center; background-repeat:no-repeat; background-size:80px auto;}
.pages a.a1:last-child:hover {background-position:0 center;}
.pages a:hover {color:#FFFFFF; background:#BA2A3D;}
.pages span {color:#FFFFFF; background:#BA2A3D;}

/**/
.tab {}
.tab .box {display:flex; justify-content:center;}
.tab .box a {display:inline-block; margin:0 20px; padding:10px 0; font-size:18px; border-bottom:4px solid transparent; opacity:0.5;}
.tab .box a.on {font-weight:bold; color:#BA2A3D; border-color:#BA2A3D; opacity:1;}

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

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

/**/
.con_temp_banner {position:relative; padding:200px 0; 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, rgb(255, 255, 255,1) 0%, rgba(255,255,255,0.95) 20% , rgba(255,255,255,0) 50%);}
.con_temp_banner .box {display:flex;}
.con_temp_banner .box .text {}
.con_temp_banner .box .text h1 {font-size:90px; padding-top:30px; position:relative; display:inline-block; text-transform:uppercase; font-family:Montserrat-Bold;}
.con_temp_banner .box .text h1:before {content:""; position:absolute; left:0; top:0; width:75px; height:8px; background:#BA2A3D;}
.con_temp_banner .box .text h2 {position:relative; font-size:36px; letter-spacing:1px; text-transform:uppercase; color:#BA2A3D;}
.con_temp_banner .box .text p {position:relative; font-size:16px; margin-top:5px; opacity:0.5;}

/* news */
.con_news_list {display:flex; flex-wrap:wrap; margin:50px -50px;}
.con_news_list li {width:50%; padding:0 50px; margin:50px 0; text-align:left;}
.con_news_list li a {display:flex; align-items:flex-start; height:100%;}
.con_news_list li a .cover {position:relative; width:45%; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; overflow:hidden;}
.con_news_list li a .cover::before {content:""; position:absolute; left:0; top:0; width:0; height:100%; background:#BA2A3D; 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;}
.con_news_list li a .cover span {display:block; height:100%; background-color:#F2F2F2; background-position: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;}
.con_news_list li a .text {display:flex; flex-direction:column; justify-content:space-between; width:55%; height:100%; padding-left:40px; 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;}
.con_news_list li a .text p {padding-top:10px; position:relative;}
.con_news_list li a .text p::before {content:""; position:absolute; left:0; top:0; width:100%; height:2px; background:#000000; opacity:0.1;}
.con_news_list li a .text p::after {content:""; position:absolute; left:0; top:0; width:0; height:2px; background:#BA2A3D; transition:all 0.2s ease-out 0s; -moz-transition:all 0.2s ease-out 0s; -webkit-transition:all 0.2s ease-out 0s; -o-transition:all 0.2s ease-out 0s;}
.con_news_list li a .text p span {font-size:28px; font-family:din-alternate-bold; font-weight:bold; opacity:0.3; 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;}
.con_news_list li a .text p em {font-size:12px; opacity:0.2; padding:0 10px; font-style:normal;}
.con_news_list li a .text p i {font-size:14px; font-style:normal; opacity:0.2;}
.con_news_list li a .text h4 {position:relative; font-size:18px; line-height:1.6; /* 多行省略 */ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.con_news_list li a:hover .cover {opacity:1;}
.con_news_list li a:hover .cover::before {width:10px;}
.con_news_list li a:hover .cover span {/*transform:scale(1.1,1.1);*/}
.con_news_list li a:hover .text {}
.con_news_list li a:hover .text p {}
.con_news_list li a:hover .text p::after {width:100%;}
.con_news_list li a:hover .text p span {opacity:1;}

/**/
.con_form {width:100%;}
.con_form h2 {font-size:32px; margin-bottom:50px;}
.con_form ul {display:flex; flex-wrap:wrap; margin:-10px;}
.con_form ul li {width:50%; padding:10px;}
.con_form ul li:last-child {width:100%;}
.con_form ul li input {width:100%; padding:20px 20px; font-size:16px; font-weight:bold; border-radius:0; background:#FFFFFF;}
.con_form ul li textarea {width:100%; height:218px; font-size:16px; font-weight:bold; padding:20px; border-radius:0; background:#FFFFFF;}
.con_form a.btn {margin-top:40px; padding:20px 30px; display:block; width:100%; text-align:center; font-weight:bold; text-transform:uppercase;}

/** request_call */   
.request_call {padding:80px 0; color:#FFFFFF; background:#BA2A3D;}
.request_call .i_r_c {display:flex; justify-content:center; align-items:center;}
.request_call .i_r_c a {margin:0 50px; position:relative; color:#FFFFFF; font-size:32px; font-weight:bold;}
.request_call .i_r_c a::before {content:""; position:absolute; left:0; bottom:0; width:0; height:2px; 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;}
.request_call .i_r_c a:hover::before {width:100%;}
.request_call .i_r_c a:nth-child(1)::after {content:""; position:absolute; right:-50px; top:50%; transform:translateY(-50%); width:5px; height:5px; background:#FFFFFF;}

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

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

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

/* arrow */
.arrow {display:block; position:relative; width:10px; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.arrow::before {content:""; position:absolute; left:0; right:0; bottom:-1px; width:100%; height:1.5px; margin:auto; background:#000000; transform-origin:center right; transform:rotate(45deg); transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.arrow::after {content:""; position:absolute; left:0; right:0; bottom:0; width:100%; height:1.5px; margin:auto; background:#000000; transform-origin:center right; transform:rotate(-45deg); transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
/* 翻转 */
.arrow.flip::before {content:""; position:absolute; left:0; right:0; bottom:0; width:100%; height:1.5px; margin:auto; background:#000000; transform-origin:center left; transform:rotate(45deg);}
.arrow.flip::after {content:""; position:absolute; left:0; right:0; bottom:-1px; width:100%; height:1.5px; margin:auto; background:#000000; transform-origin:center left; transform:rotate(-45deg);}
/* 向下 */
.arrow.down{transform:rotate(90deg);}




/****************************************/
/**************    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:#BA2A3D;}
        .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:nth-child(1),.navigation .top ul li:nth-child(2) {display:none;}
        .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 .main {position:relative;}
        .navigation .content {}
        .navigation .box {height:90px; display:flex; justify-content:space-between; align-items:center;}
        .navigation .logo{display:block; width:160px; height:44px; background:url('images/logo.svg') 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%; white-space:nowrap; padding-left:60px; font-size:16px; font-weight:bold; text-align:center; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
        .navigation .menu li a:hover {color:#BA2A3D;}
        /* 二级菜单 */
        .navigation .menu ul li.sub > a {}
        .navigation .menu ul li.sub .sub_cate {visibility:hidden; opacity:0; position:absolute; z-index:9; left:0; top:90px; width:100%; padding:40px 0; border-top:1px solid #e5e5e5; background:#404040;}
        .navigation .menu ul li.sub .sub_cate.active {visibility:visible; opacity:1;}
        .navigation .menu ul li.sub .sub_cate dl {display:flex; justify-content:center;}
        .navigation .menu ul li.sub .sub_cate dl dt {margin:0 40px;}
        .navigation .menu ul li.sub .sub_cate dl dt a {display:block; margin:0; padding:0;}
        .navigation .menu ul li.sub .sub_cate dl dt a img {display:none; margin:0 0 20px 0; width:120px;}
        .navigation .menu ul li.sub .sub_cate dl dt a p {font-size:14px; font-weight:normal; color:#FFFFFF; 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;}
        .navigation .menu ul li.sub .sub_cate dl dt a:hover p {opacity:1;}
        .navigation .search {display:flex; display:none; justify-content:flex-end; align-items:center; margin-left:40px; padding:20px 0 20px 20px; transition:none;}
        .navigation i.mir {display:block; width:18px; height:18px; position:relative;}
        .navigation i.mir:before {content:""; position:absolute; left:0; top:0; width:16px; height:16px; border:2px solid #000000; border-radius:100%;}
        .navigation i.mir:after {content:""; position:absolute; right:0; bottom:0; width:2px; height:6px; background:#000000; transform:rotate(-45deg); transform-origin:bottom right;}
        .navigation .menu ul li.sub .sub_cate dl dt a.comingsoon {cursor:default; opacity:0.5;}
        .navigation .menu ul li.sub .sub_cate dl dt a.comingsoon:hover p {opacity:0.5;}
        /* 搜索框 */
        .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;}
        .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;}
        /* 选择语言 */
        .select_language {visibility:hidden; opacity:0; display:flex; justify-content:center; align-items:center; position:fixed; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.2);}
        .select_language.show {visibility:visible; opacity:1;}
        .select_language .inner {padding:40px 40px 50px; width:320px; height:auto; background:#FFFFFF;}
        .select_language h3 {display:flex; justify-content:space-between; font-size:16px;}
        .select_language h3 i {display:block; width:20px; height:20px; position:relative; cursor:pointer; opacity:0.2; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s;}
        .select_language h3 i::before {content:""; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:2px; transform:rotate(45deg); background:#000000;}
        .select_language h3 i::after {content:""; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:2px; transform:rotate(-45deg); background:#000000;}
        .select_language ul {display:flex; margin:20px -20px -20px;}
        .select_language ul li {width:50%; padding:20px;}
        .select_language ul li a {display:block; padding:10px 20px; font-size:14px; text-align:center; background:#F2F2F2;}
        .select_language ul li a:hover {color:#BA2A3D;}

    /**** 全屏Banner ****/
    .sc-res {position:relative; height:750px;}
    .sc-res .swiper-container {width:100%; height:100%; padding-bottom:80px;}
    .sc-res .swiper-wrapper {}
    .sc-res .swiper-slide {cursor:move; cursor:grab; background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
    .sc-res .swiper-slide::before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-image:linear-gradient(to right, rgba(255,255,255,0.8) 40% , rgba(255,255,255,0) 60%);}
    .sc-res .swiper-slide .row {height:100%;}
    .sc-res .swiper-slide .text {width:100%; height:100%; position:relative;}
    .sc-res .swiper-slide .video {}
    .sc-res .swiper-slide .video .mask {position:absolute; z-index:2; left:0; top:0; width:100%; height:100%; background:#000000; opacity:0;}
    .sc-res .swiper-slide .video video {width:auto; height:auto; min-width:100%; min-height:100%; position:absolute; z-index:1; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
    .sc-res .swiper-slide .text .btn_area {display:none; margin-top:60px;}
    /*默认：偏移*/
    .sc-res .swiper-slide .it {margin-left:40px;/*偏移量*/ padding:30px 0; 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 h2 { font-size:44px; margin-bottom:20px; text-transform:uppercase;}
    .sc-res .swiper-slide .it p {margin:0; font-size:22px; line-height:1; opacity:0.8;}
    /* 当前幻灯片设置动画 */
    .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 */}
    .swiper-button-prev,
    .swiper-button-next {position:absolute; top:auto; bottom:0; width:50px; height:30px; margin-top:0; outline:none;/* 去掉蓝色边框 */ -webkit-tap-highlight-color:rgba(255,255,255,0);/*移动端取消button点击出现阴影效果*/}
    .swiper-button-prev::after,
    .swiper-button-next::after {display:none;}
    .swiper-button-prev i,
    .swiper-button-next i {display:block; position:relative; width:20px; height:3px; background:rgba(186, 42, 61, 0.2); transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease 0s;/* Safari 和 Chrome */ -o-transition:all 0.3s ease 0s;/* Opera */}
    .swiper-button-prev {left:calc(50% - 150px);}
    .swiper-button-prev i::before {content:""; position:absolute; left:-10px; top:0; bottom:-2.5px; margin:auto; width:15px; height:3px; background:#BA2A3D; transform-origin:left top; transform:rotate(-45deg); transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s;}
    .swiper-button-prev i::after {content:""; position:absolute; left:-10px; top:0; bottom:2.5px; margin:auto; width:15px; height:3px; background:#BA2A3D; transform-origin:left bottom; transform:rotate(45deg); transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s;}
    .swiper-button-next {right:calc(50% - 150px);}
    .swiper-button-next i::before {content:""; position:absolute; right:-10px; top:0; bottom:-2.5px; margin:auto; width:15px; height:3px; background:#BA2A3D; transform-origin:right top; transform:rotate(45deg); transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s;}
    .swiper-button-next i::after {content:""; position:absolute; right:-10px; top:0; bottom:2.5px; margin:auto; width:15px; height:3px; background:#BA2A3D; transform-origin:right bottom; transform:rotate(-45deg); transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s;}
        /**/
        .swiper-button-prev:hover i,
        .swiper-button-next:hover i {background:rgba(186, 42, 61, 1);}
        .swiper-button-prev:hover i::before,
        .swiper-button-prev:hover i::after {left:-15px;}
        .swiper-button-next:hover i::before,
        .swiper-button-next:hover i::after {right:-15px;}

    .swiper-button-prev:hover i,
    .swiper-button-next:hover i {opacity:1;}
    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity:0;}
    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:7px; color:#FFFFFF; left:0; right:0; margin:auto; padding:0 20px;}
    .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {position:relative; background:#000000; width:10px; height:10px; margin:0 5px; opacity:0.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-active {background:#BA2A3D; opacity:1;}

    /***** new_products *****/
    .new_products {padding:150px 0;}
    .new_products .desc {display:none; font-size:18px; width:50%; line-height:1.8; text-align:center; margin:40px auto 60px;}
    .new_products .list {margin-top:50px;}
    .new_products .list ul {display:flex; justify-content:space-between; flex-wrap:wrap; margin:-20px;}
    .new_products .list ul li {width:33.333333%; padding:20px;}
    .new_products .list ul li a {display:block; position:relative; padding:120px 20px 80px; height:100%; text-align:center; background:#FAFAFA;}
    .new_products .list ul li a:before {content:""; position:absolute; left:0; bottom:0; width:100%; height:10%0; 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 */}
    .new_products .list ul li a .inner {position:relative;}
    .new_products .list ul li a i {display:none; opacity:0.4; width:114px; height:90px; margin:auto; background-position:center top; background-repeat:no-repeat; background-size:cover; 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 */}
    .new_products .list ul li:nth-child(1) a i {background-image:url("images/new_products_num_1.svg");}
    .new_products .list ul li:nth-child(2) a i {background-image:url("images/new_products_num_2.svg");}
    .new_products .list ul li:nth-child(3) a i {background-image:url("images/new_products_num_3.svg");}
    .new_products .list ul li a span {display:block; width:80%; margin:-20px auto 60px; background-position:center center; background-repeat:no-repeat; background-size:cover; 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 */}
    .new_products .list ul li a h3 {font-size:22px; position:relative;}
    .new_products .list ul li a h3:before {content:""; width:2px; height:30px; position:absolute; left:0; right:0; bottom:45px; margin:auto; background:#ccc;}
    .new_products .list ul li a p {color:rgba(0, 0, 0, 0.3);}
    .new_products .list ul li a:hover i {background-position:center -90px;}
    .new_products .list ul li a:hover {color:#FFFFFF;}
    .new_products .list ul li a:hover:before {height:100%; background:#BA2A3D;}
    .new_products .list ul li a:hover img {transform:scale(1.05,1.05);}
        /**/
        .new_products .list ul li:nth-child(3) a{cursor:default;}
        .new_products .list ul li:nth-child(3) a:hover i {background-position:center top;}
        .new_products .list ul li:nth-child(3) a:hover {color:inherit;}
        .new_products .list ul li:nth-child(3) a:hover:before {height:0;}
        .new_products .list ul li:nth-child(3) a:hover img {transform:scale(1,1);}

    /***** intro *****/
    .intro {margin-top:-350px; padding:350px 0 150px; background:#F2F2F2; overflow:hidden;}
    .intro .main {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin-top:30px; position:relative;}
    .intro .main .text {width:100%;}
    .intro .main .text > p {width:50%; margin:auto; font-size:18px; text-align:justify;}
    .intro .main .text ul {display:flex; justify-content:space-between; margin-top:100px;}
    .intro .main .text ul li {}
    .intro .main .text ul li h3 {line-height:1; font-size:52px; color:#BA2A3D; font-family:din-alternate-bold;}
    .intro .main .text ul li h3 span {}
    .intro .main .text ul li h3 em {margin-left:10px; font-style:normal; font-size:14px; font-family:arial,Verdana,sans-serif;}
    .intro .main .text ul li h3 i {font-style:normal;}
    .intro .main .text ul li p {font-size:14px; width:100%; opacity:0.5;}
    .intro .main .img {position:absolute; left:0; right:0; bottom:-100px; margin:auto; width:800px; height:500px; opacity:0.5; background-repeat:no-repeat; background-position:center top; background-size:cover;}

    /***** news *****/
    .news {padding:120px 0;}
    .news .con_news_list {margin-bottom:0;}
    .news .btn_area {justify-content:center; margin-top:50px;}

    /**** copyright ****/
    .copyright {padding:120px 0 0; font-size:14px; color:#ffffff; background:#404040;}
    .copyright .inner {}
    .copyright .t {display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:100px;}
    .copyright .t h3 {font-size:18px; margin-bottom:40px; text-transform:uppercase;}
    /**/
    .copyright .t .l {width:70%; 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:20px;}
    .copyright .t .l .c-col ul li:last-child {padding:0;}
    .copyright .t .l .c-col ul li a {color:#FFFFFF; font-size:16px; opacity:0.5;}
    .copyright .t .l .c-col ul li a:hover {opacity:0.8;}
    .copyright .t .l .c-col ul li a.comingsoon {cursor:default; opacity:0.25;}
    /**/
    .copyright .t .r {display:flex; flex-wrap:wrap; justify-content:flex-end; width:30%;}
    .copyright .t .r .hotline {text-align:right; width:100%;}
    .copyright .t .r .hotline p {font-size:14px;}
    .copyright .t .r .hotline h2 {font-size:44px; font-family:din-alternate-bold;}
    .copyright .t .r ul {width:100%; display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:flex-end;}
    .copyright .t .r ul li {position:relative; margin-left:20px;}
    .copyright .t .r ul li a {display:block; width:48px; height:48px; line-height:48px; text-indent:-999999px; text-align:center; background-color:rgba(255,255,255,0.1); background-repeat:no-repeat; background-position:center; background-size:80% auto; overflow:hidden;}
    .copyright .t .r ul li a:hover {background-color:rgba(255,255,255,0.2); background-size:90% auto;}
    .copyright .t .r ul li .vcode {width:100px; height:100px;}
    .copyright .t .r ul li .vcode img {}
    .copyright .t .r ul li:nth-child(1) a {background-image:url('images/social_icon_1.svg');}
    .copyright .t .r ul li:nth-child(2) a {background-image:url('images/social_icon_2.svg');}
    .copyright .t .r ul li:nth-child(3) a {background-image:url('images/social_icon_3.svg');}
    /**/
    .copyright .b {display:flex; justify-content:space-between; opacity:0.3; padding:50px 0; border-top:2px solid rgba(255,255,255,0.2);}
    .copyright .b p {display:flex; text-transform:uppercase;}
    .copyright .b p span {}
    .copyright .b p em {font-style:normal; opacity:0.5;}
    .copyright .b p a {color:#FFFFFF; text-decoration:underline;}
    .copyright .b p a:hover {opacity:1;}
    .copyright .b a {padding:0 10px;}
    .copyright .b span a {padding:0 10px;}
    .copyright .b .pp {padding:0; color:#FFFFFF; text-transform:uppercase;}











/*****************************************/
/************    products    *************/
/*****************************************/

    /**/
    .sel_products .banner {padding:250px 0; position:relative; text-align:center; color:#FFFFFF; background:#000000 url("images/sel_products_banner.jpg") no-repeat scroll center center / 100% auto; background-size:cover; overflow:hidden;}
    .sel_products .banner .box {}
    .sel_products .banner .box .text {position:relative;}
    .sel_products .banner .box .text h1 {font-size:72px; text-transform:uppercase; margin-bottom:20px;}
    .sel_products .banner .box .text i {font-style:normal; font-size:200px; position:absolute; left:0; top:-150%; right:0; opacity:0.1; font-family:Montserrat-Extra-Bold;}
    .sel_products .banner .box .img {position:absolute; left:0; right:0; top:20%; max-width:1200px; margin:auto;}
    /**/
    .sel_products .products_list {margin-top:-100px; padding:0 0 100px 0;}
    .sel_products .products_list .pages {margin:40px auto 0;}

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

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




/*****************************************/
/*********    products_detail    *********/
/*****************************************/
.sel_products_detail {}
    /**/
    .spd_1 {border-top:1px solid #F2F2F2;}
    .spd_1 .sname {padding:20px 0; border-bottom:1px solid rgba(0, 0, 0, 0.1);}
    .spd_1 .sname i {display:inline-block; font-style:normal; padding:0 10px; font-family:"宋体";}
    .spd_1 .box {padding:150px 0; display:flex;}
    .spd_1 .box .img {width:50%;}
    .spd_1 .box .img img {display:block;}
    .spd_1 .box .text {display:flex; flex-direction:column; justify-content:space-between; width:50%; padding:20px 0 40px 100px;}
    .spd_1 .box .text .name {}
    .spd_1 .box .text h2 {font-size:72px;}
    .spd_1 .box .text p {font-size:22px; letter-spacing:1px; opacity:0.5;}
    .spd_1 .box .text h3 {font-size:32px;}
    .spd_1 .box .text h3 span {display:inline-block;}
    .spd_1 .box .text h3 span:nth-child(1) {padding-right:50px;}
    .spd_1 .box .text .name span {display:block; margin-top:20px; font-size:16px; line-height:2.2; opacity:0.8;}
    .spd_1 .box .text .name span em {font-style:normal; display:block; position:relative; padding-left:15px;}
    .spd_1 .box .text .name span em::before {opacity:0.6; content:""; position:absolute; left:0; top:17px; width:4px; height:4px; border-radius:100%; background:#000000;}
    /**/
    .spd_2 {padding:100px 0 150px; background:rgba(0, 0, 0, 0.05);}
    .spd_2 p {margin-bottom:20px; position:relative; padding-left:20px; font-size:18px;}
    .spd_2 p .arrow {position:absolute; left:0; top:50%; transform:translateY(-50%); }
    .spd_2 p .arrow::before,
    .spd_2 p .arrow::after {background:#BA2A3D;}
    .spd_2 ul {}
    .spd_2 video {width:100%; background:#333333;}
    /**/
    .spd_3 {padding:150px 0;}
    .spd_3 .box {display:flex; margin-top:50px;}
    .spd_3 .text {width:50%; padding-right:50px; font-size:18px; line-height:2.2;}
    .spd_3 .text p {font-size:22px;}
    .spd_3 .text ul {margin-top:40px;}
    .spd_3 .text li {position:relative; padding-left:15px; font-size:16px; color:rgba(0, 0, 0, 0.6);}
    .spd_3 .text li::before {opacity:0.6; content:""; position:absolute; left:0; top:17px; width:4px; height:4px; border-radius:100%; background:#000000;}
    .spd_3 .img {width:50%; margin-top:10px; padding-left:50px;}
    /**/
    .spd_4 {padding:150px 0; background:rgba(0, 0, 0, 0.05);}
    .spd_4 ul {display:flex; flex-wrap:wrap; margin:0 -50px;}
    .spd_4 li {width:50%; margin:50px 0; padding:0 50px;}
    .spd_4 .inner {}
    .spd_4 h4 {font-size:18px; position:relative; margin-bottom:20px; padding-left:20px;}
    .spd_4 h4 i.arrow {position:absolute; left:0; top:50%; transform:translateY(-50%);}
    .spd_4 h4 i.arrow::before,
    .spd_4 h4 i.arrow::after {background:#BA2A3D;}
    .spd_4 video {width:100%; background:#333333;}
    /**/
    .spd_5 {padding:150px 0 180px;}
    .spd_5 .box {display:flex; margin-top:50px;}
    .spd_5 .img {width:50%; padding-right:50px;}
    .spd_5 .img img {display:block; width:100%;}
    .spd_5 .text {width:50%; padding-left:50px; font-size:18px; line-height:2.4;}
    .spd_5 .text span {display:block;}

    /**/
    .Neptune_G001_division {display:block; height:100px;}



/**yx2000/yx3000英文版**/
.enPage .row{max-width: 900px; padding: 0;}

.enPage .spd_1 .box{align-items: center; padding:0;}
.enPage .spd_1 .box .img { width: 41%; }
.enPage .spd_1 .box .text { width: 59%; padding:0; padding-left: 80px;}
.enPage .spd_1 .box .text h2 {font-size: 38px; line-height: 1; margin-bottom: 10px;}
.enPage .spd_1 .box .text .hh2 { margin-top:60px; }
.enPage .spd_1 .box .text p{font-size: 18px; line-height: 1.5; color: #595959; opacity: 1;}
.enPage .spd_1 .box .text .name span{font-size: 15px;}
.enPage .spd_1 .bj1{
    background: url('../../static/home/img/product/yx2000/1.jpg');
    background-size:cover;
    background-position: center;
    padding: 98px 0 130px;
}
.enPage .spd_1 .text2{  display: grid; grid-template-columns: auto auto; grid-row-gap:44px; justify-content: space-between; margin-top: 112px;}
.enPage .spd_1 .text2 p{padding-left: 15px;}
.enPage .spd_1 .text2 .p1{ font-size: 20px; color: #c3495e; font-weight: bold; position: relative; display: flex; align-items: center;}
.enPage .spd_1 .text2 .p1:before{
    content: '';
    display: block;
    width:6px; height: 6px; border-radius: 50%;
    background:#c3495e ;
    position: absolute;
    left:0;
}
.enPage .spd_1 .text2 .p2{ font-size: 14px; color: #595959; }
.enPage .spd_3 .img{ padding-left: 0; margin-top: 0;}
.enPage .redline{ height: 4px; width:126px; background: #c3495e; margin: 46px 0 20px;}
.enPage .spd_3{padding: 106px 0;}
.enPage .spd_3 .text{ width:100%;  padding-right: 0;}
.enPage .spd_3 .text p{ margin-bottom: 30px; line-height: 1.4; font-size: 15px; color: #8c8c8c; }
.enPage .spd_3 .text p:last-child{ margin-bottom:0px;}

.enPage .spd_5{
    background: url('../../static/home/img/product/yx2000/4.jpg');
    background-size:cover;
    background-position: center;
    padding: 100px 0 76px;
}
.enPage .spd_5 p{text-align: center;}
.enPage .spd_5 .p1{font-size: 24px; color: #595959; font-weight: bold;}
.enPage .spd_5 .p2{font-size: 18px; color: #595959; }
.enPage .spd_5 .yqimg{ margin-top: 94px; }
.enPage .spd_5 .yqimg img{width: 140%; margin-left: -17%;  max-width: unset; }

@media screen and (max-width: 768px) {
    .enPage .row{ padding: 0 20px; }
    .enPage .spd_1 .box{flex-direction: column; }
    .enPage .spd_1 .box .text{width: 100%; margin-left: 0; padding-left:0;margin-top: 16vw;}
    .enPage .spd_1 .box .img {width: 80%;}
    .enPage .spd_1 .bj1{padding: 50px 0 30px;}
    .enPage .spd_1 .box .text .hh2{margin-top: 9vw;}
    .enPage .spd_1 .text2{display: block; margin-top: 0;}
    .enPage .spd_1 .text2>div{margin-bottom: 20px;}
    .enPage .spd_1 .box .text h2{font-size: 6.6vw;}
    .enPage .spd_1 .box .text .hh2{font-size: 6.6vw;}
    .enPage .spd_1 .box .text p{font-size: 4vw;}
    .enPage .spd_1 .text2 .p1{font-size: 5vw; margin-bottom: 6px;}
    .enPage .spd_1 .text2 .p2{font-size: 4vw; line-height: 1.4;}
    .enPage .spd_3{padding: 50px 0;}
    .enPage .spd_5{padding-top: 70px;}
    br.pc{display: none}
    .enPage .spd_3 .text p{font-size: 4vw;}
    .enPage .spd_5 .p1{font-size: 6.6vw;}
    .enPage .spd_5 .p2{font-size: 4vw;}
}