*{margin:0px;padding:0px;outline: none;}
body{
    font-family:'Arial';
}
.index_body{
    background:#f8f8f8;
}
a{
    text-decoration: none;
}
.menu-container {
    width: 100%;
    margin: 0 auto;
    position:fixed;
    top:0px;
    z-index: 99999999999999999;
	transition-property: all;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.menu-container:hover{
    background:#fff;
}
.menu-container:hover .logo{
    background: url('../images/logo_hover.png') center center no-repeat;
    background-size:100%;
}
.menu-container:hover .luang{
    color:#333;
    background:url('../images/luang_hover.png') left center no-repeat;
    background-size:18px;
}
.menu-container:hover ul li a{
    color:#333;
}

.menu-scroll .logo{
    background: url('../images/logo_hover.png') center center no-repeat;
    background-size:100%;
}
.menu-scroll .luang{
    color:#333;
    background:url('../images/luang_hover.png') left 2px no-repeat;
    background-size:18px;
}
.menu-scroll ul li a{
    color:#333 !important;
}
.menu-scroll{
    background:#fff;
    border-bottom: 1px solid #eaeaea;
}
.menu-mobile {
    display: none;
    padding: 20px;
}

.menu-mobile:after {
    font-family: "Ionicons";
    font-size: 2.5rem;
    padding: 0;
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}
.menu-mobile img{
    width:70px;
}
.menu-mobile .menu-mobile-menu{
    float:right;
    width: 25px;
    margin-top:5px;
}
.menu-dropdown-icon:before {
    font-family: "Ionicons";
    display: none;
    cursor: pointer;
    float: right;
    padding: 1.5em 2em;
    background: #fff;
    color: #333;
}

.menu > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
}

.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}

.menu > ul:after {
    clear: both;
}

.menu > ul > li {
    float: left;
    padding: 0;
    margin: 0;
	margin: 0em 3em;
	padding:1.5em 0em;
	border-bottom: 3px solid transparent;
    position: relative;
}

.menu > ul > li a {
    text-decoration: none;
    display: block;
    color:#fff;
    font-size:18px;
}
.menu > ul > li:hover{

}
.menu > ul > li:hover {
	border-bottom: 3px solid #3d3d3d;
}
.menu > ul > li #lang:hover {
	border:0;
}
.menu > ul > li .luang:hover {
    font-weight: bold;
}
.menu > ul > li .luang div:hover {
    font-weight: bold;
}
.menu > ul > li .lang div:hover{
	font-weight: bold;
}
.lang{
    margin-top: 48px !important;
}


.normal-sub li{
	height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #eaeaea;
}

.menu-sub, .menu-sub1 {
    width: 150px;
    background: #fff;
    display: none;
    position: absolute;
    z-index: 10;
    top:70px;
}

.menu-sub li{
    padding: 10px;
    /*border-bottom: 1px solid #ccc;*/
    position: relative;
}

.menu-sub li:before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 80%;
    text-align: center;
    height: 1px;
    background-color: #eaeaea;
    transform: translateX(-50%);
}


.menu-sub1{
    right: -100%;
    top: 0;
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width: 1500px) {
    .menu > ul > li,#lang{
        margin: 0em 2em;
	padding:1.5em 0em;
    }

    .desktop-wrapper .options .option {
        min-width: 160px !important;
    }
}
@media only screen and (max-width: 1280px) {
    .menu > ul > li,#lang{
        margin: 0em 0.5em;
		padding:1.5em 0em;
    }

    .desktop-wrapper .options .option {
        min-width: 160px !important;
    }
}
@media only screen and (max-width: 500px) {
    .container{
        overflow: scroll;
    }
    .desktop-wrapper .options .option {
        min-width: 40px !important;
    }
    .desktop-wrapper .options .option>div .icon-wrapper .category-icon{
        height: 44px !important;
        background-position: center center !important;
    }
    .ny_product_list .right_box_cen ul li a:nth-child(1){
        height: 130px !important;
    }

}
@media only screen and (max-width: 959px) {
    .lang_box{
        right:0px !important;
    }
    .logo{
        display: none!important;
    }
    .menu-container {
        width: 100%;
        background: #fff;
    }
    .menu-mobile {
        display: block;
    }
    .menu-dropdown-icon:before {
        display: block;
    }
    .menu > ul {
        display: none;
    }
    .menu > ul > li {
        width: 90%;
        float: none;
        display: block;
        background:#fff;
		margin: 0 auto !important;
		padding: 1.5em 1em !important;
		border-bottom:1px solid #f8f8f8;
    }
	#lang{
		padding: 0 !important;
		margin: 0 !important;
	}
	.lang{
		margin-top: 0 !important;
		padding-top: 34px !important;
		text-align: left !important;
	}
	.lang>div{
	    padding: 10px 0;
		padding-left: 10px !important;
	}
    .menu > ul > li a {
        display: block;
    }
    .menu > ul > li > ul {
        position: relative;
		margin-top: 0px;
    }
    .menu > ul > li > ul.normal-sub {
        width: 100%;
    }
    .menu > ul > li > ul > li {
        float: none;
        width: 100%;
        margin-top: 0px;
		padding:0;
    }
	.menu > ul > li > ul > li a{
	    padding: 0.6em 0;
	}
    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu > ul > li > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul > li > ul > li {
        float: none;
    }
    .menu .show-on-mobile {
        display: block;
        position:fixed;
        height: 100%;
        overflow:auto;
        background: #fff;
    }
	.menu > ul > li > ul.normal-sub > li a,.menu > ul > li > ul.normal-sub > li{
	    padding: 0;
		margin-bottom: 15px;
	}

}
.logo{
    display:block;
    float:left;
    width:130px;
    height:70px;
    background-position: center !important;
    margin-left:5%;
    margin-right:2%;
    background: url('../images/logo.png') no-repeat;
    background-size:100%;
}
#lang{
	margin: 0em 3em;
    padding: 1.5em 0em;
}
.luang{
    display:block;
    float:left;
    color:#fff;
    text-indent:22px;
    background:url('../images/luang.png') left center no-repeat;
    background-size:18px;

}
.lang_box{
    position: absolute;
    right:2%;
	margin:0 !important;
	padding:0 !important;
    float: right;
}
.lang_box:hover{
    background:none !important;
	border:none !important;
	font-weight: normal !important
}
/* banner */
.c-banner{
	width: 100%;
	position: relative;
}
.c-banner img{
	width: 100%;
}
.c-banner .banner ul{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.c-banner .banner ul li{
	display: none;
    opacity: 0;
}
.c-banner .banner ul li:nth-child(1){
	opacity: 1;
	display: block;
}
.c-banner .banner ul li img{
	width: 100%;
	position: absolute;
	top: 0px;
}
.c-banner .banner ul li:first-child img{
	position: relative;
}
.c-banner .nexImg,.c-banner .preImg{
	position: absolute;
	top: 50%;
	border-radius: 5px;
	z-index: 10;

}
.c-banner .nexImg:hover,.c-banner .preImg:hover{
	opacity: 0.9;
    cursor: pointer;
}
.c-banner .nexImg{
	right: 0px;
}
.c-banner .jumpBtn{
    width: 100%;
    position: absolute;
    text-align: center;
}
.c-banner .jumpBtn ul{
	margin-bottom: 0px;
	padding: 0px;
    margin-top:-50px;
}

.c-banner .jumpBtn ul li{
	width: 12px;
	height:12px;
	border-radius: 50%;
	display: inline-block;
	background-color: #43494b;
	opacity: 0.9;
	margin-left: 10px;
    cursor: pointer;
}
.c-banner .jumpBtn ul li:first-child{
	margin-left: 0px;
}
@media screen and (max-width:959px) {
    .c-banner .jumpBtn{
        display:none;
    }
	.c-banner{
		width: 100%;
		overflow: hidden;
        margin-top: 78.8px;
	}
    .c-banner .nexImg, .c-banner .preImg{
        top:0px;
        width:30px;
        height:30px;
        margin-top:20%;
    }
}
.inde_cen_box{
    width:80%;
    /*overflow: hidden;*/
    margin:0 auto;
}
.index_product{
    color:#333;

}
.index_product h3{
    font-size:36px;
    margin-top:80px;
}
.index_product p{
    font-size:16px;
}
.product_bann{
    width:100%;
    height:400px;
    margin-top:55px;
    background:url('../images/proc_bann.jpg') no-repeat;
    background-size:100% 100%;
}
.product_bann .prod_ban_left{
    float:left;
    margin-top:5%;
    margin-left:2%;
	width: 40%;
    color:#fff;
}
.product_bann .prod_ban_left p{
    margin-top:15px;
}
.product_bann .prod_ban_left a{
    display: block;
    width:150px;
    height:50px;
    line-height:50px;
    color:#fff;
    text-decoration: none;
    text-indent: 1em;
    background:#ce0e2d url('../images/more.png') 120px center no-repeat;
    margin-top:15px;
}
.product_bann .prod_ban_right{
    float:right;
    margin-top:-94px;
	width: 45%;
    margin-right:6%;
}
.product_list{
    width:100%;
    padding:15px 0px;
    overflow: hidden;
}
.product_list li{
    width:32.6%;
    background:#fff;
    float:left;
    list-style: none;
    text-align: center;
    transition-duration: 0.9s;
    -moz-transition-duration: 0.9s;
    -webkit-transition-duration: 0.9s;
    -o-transition-duration: 0.9s;
}
.product_list li:hover{
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); /* 添加阴影效果 */
}
.product_list li:nth-child(1){
    margin-left:0px;
}
.product_list li:nth-child(2){
    margin-left:1%;
	margin-right:1%
}
/**.product_list li:nth-child(3){
    margin-left:1%;
    margin-right:1%;
}**/
.product_list li img{
    display: block;
    margin:0 auto;
	width:100%;
}
.product_list li a{
    display: block;
	padding-bottom: 35px;
    text-decoration: none;
}
.product_list li a b{
    display: block;
    color:#000;
    font-size:18px;
    margin-top:25px;
}
.product_list li a p{
    font-size:15px;
    color:#808080;
    margin-top:5px;
}
.index_container {
    clear: both;
    max-width: 100%; /* 容器最大宽度 */
    margin: 0 auto; /* 居中对齐 */
	display:none;
  }

.index_container ul{
    list-style-type: none; /* 去除列表样式 */
    padding: 0;
    display: flex; /* 使用 Flexbox 进行布局 */
  }

  .index_container ul li{
    flex: 1; /* 平均分配宽度 */
    /*margin: 0 10px; 框之间的间距 */
    background-color: #fff; /* 框的背景颜色 */
    transition-duration: 0.9s;
    -moz-transition-duration: 0.9s;
    -webkit-transition-duration: 0.9s;
    -o-transition-duration: 0.9s;
	margin-right: 1%;
  }
  .index_container ul li:nth-child(3){
	margin-right:0;
  }
  .index_container ul li:hover {
    transform: scale(1.1); /* 鼠标悬停时放大 */
    cursor: pointer;
    z-index: 2;
    box-shadow: 0px 10px 20px rgba(0,0,0,0.1);

  }
  .index_container ul li a{
    display:block;
    overflow: hidden;
    text-decoration: none;
    padding-bottom:35px;
  }
  .index_container ul li a p{
    display:block;
    height:400px;
  }
  .index_container ul li a span{
    display:block;
    width:90%;
    margin:0 auto;
    font-size: 15px;
    color:#808080;
    margin-top:15px;
    padding-bottom: 25px;
    border-bottom: 1px solid #eaeaea;
  }
  .index_container ul li a b{
    display:block;
    width:90%;
    margin:0 auto;
    color:#a9a9a9;
    font-size:12px;
    margin-top:25px;
    background:url('../images/more-icon.png') center right no-repeat;
  }
  .index_container ul li:hover span{
    border-color: #ce0e2d;
    transition-duration: 0.9s;
    -moz-transition-duration: 0.9s;
    -webkit-transition-duration: 0.9s;
    -o-transition-duration: 0.9s;
  }
  .index_container ul li:hover b{
    color:#ce0e2d;
    transition-duration: 0.9s;
    -moz-transition-duration: 0.9s;
    -webkit-transition-duration: 0.9s;
    -o-transition-duration: 0.9s;
  }
.index_container ul li:hover b.sub{
    color: #fff;
}
  .index_conta a .pic{
      position: relative;
  }
.index_conta a .pic img{
    width: 100%;
    height: auto;
    position: relative;
    transition: 0.3s ease-in-out;
}

.index_conta a .pic b{
    position: absolute;
    left: 24px;
    top: 0px;
    color: #fff;
	z-index:2;
    font-size: 20px;
}

  .inde_case_title{
    color:#333;
}
  .inde_case_title h3{
    display: block;
    text-align: center;
    font-size: 36px;
    margin-top:35px;
  }
  .inde_case_title p{
    font-size: 16px;
    text-align: center;
    margin-top:8px;
  }



.desktop-wrapper {
    display: flex;
    justify-content: center;
    overflow: hidden;
    margin-top: 30px;
}

.desktop-wrapper .options {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    overflow: hidden;
    min-width: 600px;
    width: 100%;
    height: 630px;
}

.desktop-wrapper .options .option {
    position: relative;
    overflow: hidden;
    min-width: 300px;
    background-size: 750px auto;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
    color: #fff;
}

.desktop-wrapper .options .option.active {
    flex-grow: 10000;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.desktop-wrapper .options .option.active>div {
    z-index: 1;
}

.desktop-wrapper .options .option.active>div .info-wrapper {
    z-index: 999;
    width:90%;
    margin:0 auto;
}

.desktop-wrapper .options .option.active>div .info-wrapper .title {
    font-size: 1.953rem;
    text-transform: uppercase;
    line-height: 1;
    opacity: 1;
    position: relative;
    margin: 0 0 .5rem;
    margin-top:55%;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.desktop-wrapper .options .option.active>div .info-wrapper .subtitle {
    color: white;
    font-size: .9rem;
    letter-spacing: .035rem;
    line-height: 1.125;
    margin: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.desktop-wrapper .options .option.active>div .info-wrapper .description {
    left: 0px;
    opacity: 1;
    margin-top: 1.5rem;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.desktop-wrapper .options .option.active>div .info-wrapper .description p {
    line-height: 1.5;
    margin-bottom: 1.5rem;
    width:90%;
}

.desktop-wrapper .options .option.active>div .info-wrapper .ext-link {
    display: block;
    text-decoration: none;
    width: 6rem;
    color: #fff;
    position: relative;
    overflow: hidden;
    width:150px;
    height:48px;
    line-height: 48px;
    text-indent: 1em;
    border:2px solid #fff;
    background:url(../images/more.png) 120px center no-repeat;
    transition: all 0.2s linear 0s;
}

.desktop-wrapper .options .option.active>div .info-wrapper .ext-link:after {
    position: absolute;
    transition: .3s;
    content: '';
    width: 0;
    left: 0;
    bottom: 0;
    height: .15rem;
    background: rgba(255, 255, 255, 0.2);
}

.desktop-wrapper .options .option.active>div .info-wrapper .ext-link:hover {
    text-shadow: none;
    box-shadow: 3px 3px 8px rgba(33, 37, 41, 0.6);
    background: rgba(255, 255, 255, 0.15)url(../images/more.png) 120px center no-repeat;
    color: #fff;
}

.desktop-wrapper .options .option.active>div .info-wrapper .ext-link:hover:after {
    left: 0;
    width: 100%;
}

.desktop-wrapper .options .option.active>div:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 101%;
    top: 0;
    left: 0;
    z-index: 1;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 0%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 0%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 0%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.desktop-wrapper .options .option.active>div .icon-wrapper {
    display: flex;
    align-items: flex-start;
    align-content: baseline;
}

.desktop-wrapper .options .option.active>div .icon-wrapper .category-text {
    opacity: 1;
    display: initial;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.desktop-wrapper .options .option.active>div .icon-wrapper .category-icon:before {
    opacity: 1;
}

.desktop-wrapper .options .option:not(.active) {
    flex-grow: 1;
}

.desktop-wrapper .options .option:not(.active):hover {
    filter: grayscale(0%);
}

.desktop-wrapper .options .option:not(.active):hover>div:before {
    background: rgba(2, 24, 31, 0.5);
}

.desktop-wrapper .options .option:not(.active)>div .title,
.desktop-wrapper .options .option:not(.active)>div .subtitle,
.desktop-wrapper .options .option:not(.active)>div .description {
    opacity: 0;
}
.desktop-wrapper .options .option:not(.active)>div:before {
    background: rgba(0, 0, 0, 0.9);
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
	z-index:1;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
.desktop-wrapper .options .option:not(.active)>div .icon-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 85%;
    display: flex;
	z-index:2;
    justify-content: flex-end;
    flex-direction: column;
    align-items: center;
	margin-left: -20%;
    padding-bottom: 1rem;
}
.desktop-wrapper .options .option:not(.active)>div .icon-wrapper:after {
    background: url(../images/ICON_jt.png) no-repeat !important;
    content: "";
    display: flex;
    align-items: flex-start;
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: -30px;
	margin-left: -4px;

}




.desktop-wrapper .options .option>div {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding:0px 1rem ;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
}

.desktop-wrapper .options .option>div .icon-wrapper .category-text {
    line-height: 40px;
    padding-left: .75rem;
    display: block;
}

.desktop-wrapper .options .option>div .icon-wrapper .category-icon {
    display: flex;
    align-items: flex-start;
    width: 40px;
    height: 40px;
	margin-left:-20px;
}
.desktop-wrapper .options .option>div .icon-wrapper.sb .category-icon {
    background-color: #0DAFE0;
}



.desktop-wrapper .options .option>div .icon-wrapper.ce .category-icon {
    background-color: #f2501f;
}

.options> :nth-child(1) {
    background-color: #515272;
    background-image: url("../images/encased1.jpg");
    background-position: center center;
    background-size: cover;
}

.options> :nth-child(2) {
    background-color: #6c3f31;
    background-image: url("../images/encased2.jpg");
    background-position: center center;
    background-size: cover;
}

.options> :nth-child(3) {
    background-color: #323119;
    background-image: url("../images/encased3.jpg");
    background-position:center;
    background-size: cover;
}

.options> :nth-child(4) {
    background-color: #5d92cb;
    background-image: url("../images/encased4.jpg");
    background-position: center center;
    background-size: cover;
}

.options> :nth-child(5) {
    background: #e9ecef;
    background-image: url("../images/encased5.jpg");
    background-position: center center;
    background-size: cover;
}

.options> :nth-child(1) .category-icon {
    background: url('../images/ICON_03.png') no-repeat !important;
}

.options> :nth-child(2) .category-icon {
    background: url('../images/ICON_05.png') no-repeat !important;
}

.options> :nth-child(3) .category-icon {
    background: url('../images/ICON_07.png') no-repeat !important;
}

.options> :nth-child(4) .category-icon {
    background: url('../images/ICON_09.png') no-repeat !important;
}

.options> :nth-child(5) .category-icon {
    background: url('../images/ICON_11.png') no-repeat !important;
}



.options .info-images{
	position: absolute;
    left: 0;
	width: 100%;
    height: 100%;
    overflow: hidden;
}
.options .info-images img{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mobile-wrapper {
    height: initial;
    max-width: 320px;
    margin: 0 auto;
}

.mobile-wrapper .options {
    position: relative;
    height: auto;
    max-width: none !important;
    flex-basis: 100% !important;
}

.mobile-wrapper .options .option {
    position: relative;
    overflow: hidden;
    background-size: auto 120%;
    background-position: center;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
    color: #fff;
}

.mobile-wrapper .options .option>div {
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    width: 100%;
    padding: 2rem 1rem 1rem;
    top: 0;
    left: 0;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
}

.mobile-wrapper .options .option>div .info-wrapper {
    z-index: 999;
}

.mobile-wrapper .options .option>div .info-wrapper .title {
    font-size: 1.5rem;
    text-shadow: 1px 2px 4px rgba(33, 37, 41, 0.5);
    text-transform: uppercase;
    line-height: 1;
    opacity: 1;
    position: relative;
    margin: 0 0 .5rem;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.mobile-wrapper .options .option>div .info-wrapper .subtitle {
    color: white;
    font-size: .8rem;
    letter-spacing: .06rem;
    line-height: 1.125;
    margin: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.mobile-wrapper .options .option>div .info-wrapper .description {
    left: 0px;
    opacity: 1;
    margin-top: 1.5rem;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.mobile-wrapper .options .option>div .info-wrapper .description p {
    line-height: 1.5;
    margin-bottom: 1.5rem;
}

.mobile-wrapper .options .option>div .info-wrapper .ext-link {
    text-decoration: none;
    width: 6rem;
    color: #e9ecef;
    text-shadow: 1px 2px 4px rgba(33, 37, 41, 0.5);
    box-shadow: 2px 2px 4px rgba(33, 37, 41, 0.3);
    background: rgba(255, 255, 255, 0.1);
    padding: .35rem .75rem;
    position: relative;
    overflow: hidden;
    transition: all 0.2s linear 0s;
}

.mobile-wrapper .options .option>div .info-wrapper .ext-link:after {
    position: absolute;
    transition: .3s;
    content: '';
    width: 0;
    left: 0;
    bottom: 0;
    height: .15rem;
    background: rgba(255, 255, 255, 0.2);
}

.mobile-wrapper .options .option>div .info-wrapper .ext-link:hover {
    text-shadow: none;
    box-shadow: 3px 3px 8px rgba(33, 37, 41, 0.6);
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
}

.mobile-wrapper .options .option>div .info-wrapper .ext-link:hover:after {
    left: 0;
    width: 100%;
}

.mobile-wrapper .options .option>div .icon-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 2rem 0 0;
    z-index: 999;
    opacity: 0.8;
}

.mobile-wrapper .options .option>div .icon-wrapper .category-text {
    line-height: 40px;
    padding-left: .75rem;
}

.mobile-wrapper .options .option>div .icon-wrapper .category-icon {
    display: flex;
    align-items: flex-start;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    position: relative;
    box-shadow: 0 2px 9px rgba(33, 37, 41, 0.4);
}

.mobile-wrapper .options .option>div .icon-wrapper .category-icon:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    -webkit-mask-image: url(../images/sports_biotech_icon.svg);
    mask-image: url(../images/sports_biotech_icon.svg);
    background-color: #fff;
    height: 16px;
    width: 16px;
}

.mobile-wrapper .options .option>div .icon-wrapper.sb .category-icon {
    background-color: #0DAFE0;
}

.mobile-wrapper .options .option>div .icon-wrapper.ce .category-icon {
    background-color: #f2501f;
}

.mobile-wrapper .options .option>div:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 101%;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(52, 58, 64, 0.7);
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.container .row h4:first-of-type {
    text-align: center;
    margin: 0 auto;
    padding-bottom: 1rem;
}
.container{
    width:100%;
}

.desktop-wrapper .options .active .icon-wrapper{
    display: none !important;
}
.index_new_box{
    width:80%;
    margin:0 auto;
    overflow: hidden;
    padding-bottom: 20px;
}
.index_new_title{
    margin-top: 50px;
    color: #333;
    overflow: hidden;
}
.index_new_title div{
    float:left;
}
.index_new_title a{
    display: block;
    float: right;
    width:150px;
    height:50px;
    background:#214c96 url('../images/more.png') 120px center no-repeat;
    color:#fff;
    line-height: 50px;
    text-indent: 1em;
    margin-top: 10px;
    margin-right:8px;
    text-decoration: none;
    transition-duration: 0.9s;
    -moz-transition-duration: 0.9s;
    -webkit-transition-duration: 0.9s;
    -o-transition-duration: 0.9s;
}
.index_new_title a:hover{
    box-shadow: 0px 0px 10px rgba(206, 14, 45, 0.4);
}
.index_new_title b{
    font-size:36px;
}
.index_new_box ul{
    clear: both;
    margin-top: 30px;
}
.index_new_box ul li{
    list-style: none;
    display: block;
    float:left;
    width:32.6%;
}
.index_new_box ul li:nth-child(2){
    margin:0px 1%;
}
.index_new_box ul li a{
    background:#fcfcfc;
    display: block;
    text-decoration: none;
    color: #333;
    padding-bottom: 30px;
}
.index_new_box ul li a:hover{
    box-shadow: 0 0px 20px rgba(33, 37, 41, 0.1);
    transition-duration: 0.9s;
    -moz-transition-duration: 0.9s;
    -webkit-transition-duration: 0.9s;
    -o-transition-duration: 0.9s;
}
.index_new_box ul li a img{
    width:100%;
}
.index_new_box ul li b{
    display: block;
    width:90%;
    margin:15px auto;
    font-size: 20px;
}
.index_new_box ul li p{
    display: block;
    width: 90%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-clamp: inherit;
    -webkit-line-clamp: 2; /* 控制显示的行数 */
    line-height: 1.5; /* 设置行高，可以根据需要调整 */
    max-height: 3.0; /* 2行的行高是1.5，所以这里设置最大高度为3.0 */
    margin:15px auto;
	color:#808080;
}
.index_new_box ul li span{
    display: block;
    width: 90%;
    margin: 0 auto;
    font-size: 12px;
	color:#808080;
}
.index_lineus_box{
    clear: both;
    width: 100%;
    height:169px;
    margin-top:50px;
    overflow: hidden;
    background: url('../images/link_us.jpg') no-repeat;
    ackground-position: top center;
    background-size: cover;
}
.index_line_left{
    font-size: 36px;
    font-weight: bold;
    color:#fff;
    margin-top: 70px;
    float: left;
}
.inde_linsmalbox{
    width:80%;
    margin: 0 auto;
}
.index_line_right{
    float:right;
    margin-top: 70px;
    width:60%;
}
.index_line_right div{
    background:#fff;
    overflow: hidden;
    border-radius: 5px;
    padding:5px;
    height: 40px;
}
.index_line_right span{
    display: block;
    float:left;
    width: 8%;
    font-size: 16px;
    color:#666;
    height: 40px;
    line-height: 40px;
    text-indent: 5px;
    text-align: center;
    background: url('../images/line.png') center right no-repeat;
}
.index_line_right input{
    display: block;
    float:left;
    height: 40px;
    width:70%;
    border:0px;
    outline: none;
    line-height: 40px;
    text-indent: 1em;
}
.index_line_right button{
    display: block;
    float:right;
    height: 40px;
    cursor: pointer;
    border: 0px;
    width:120px;
    color: #fff;
    border-radius: 5px;
    background: #ce0e2d;
}
.footer{
    background:#3d3d3d;
    padding:40px 0px;
    overflow: hidden;
    margin-top: 30px;
    clear: both;
}
.footer_box{
    width:80%;
    margin:0 auto;
}
.footer_left{
    float: left;
    width: 75.9%;
}
.footer_left ul li{
    width:16.5%;
}
.footer_left ul{
    overflow: hidden;
}
.footer_left ul li{
    float:left;
    list-style: none;
}
.footer_left ul li img{
    width:100px;
}
.footer_left ul li ul dl{
    font-size:16px;
    color:#fff;
    margin:5px 0px;
}
.footer_left ul li ul{
    width:100%;
}
.footer_left ul li ul li{
    float: none;
    width: 100%;
    line-height:25px;
}
.footer_left ul li ul li a{
    color:#fff;
    font-size:14px;
    text-decoration: none;
    margin-top: 5px;
}
.footer_right{
    float: left;
    width: 24%;
    border-left:1px solid #2e2d2d;

}
.footer_right b{
    display: block;
    margin-left:15px;
    font-size:16px;
    color:#fff;
}
.footer_right strong{
    margin:10px 0px;
    margin-left:15px;
    display: block;
    font-size:28px;
    color:#fff;
}
.footer_right span{
    margin:10px 0px;
    margin-left:15px;
    display: block;
    font-size:14px;
    color:#fff;
}
.footer_right p{
    margin:10px 0px;
    margin-left:15px;
    display: block;
    font-size:12px;
    color:#4f4f4f;
}
.footer_right img{
    margin-left:15px;
    display: block;

}
.sb_wanyi{
    margin-top: 20px;
}
.sb_wanyi img{
    width:40px;

}
.sb_wanyi span{
    font-size:16px;
    color:#fff;
    display: block;
    float: left;
    margin-right:10px;
}
.sb_wanyi a{
    display: block;
    float: left;
    margin-right:5px;
}
#hoverDiv{
    width:100px;
    height:100px;
    position: relative;
    left:70px;
    top:-110px;
    text-align: center;
    background: #fff;
}
#hoverDiv img{
    position: absolute;
    left: 0;
	width:100%;
}
#hoverDiv2{
    width:100px;
    height:100px;
    position: relative;
    left:70px;
    top:-110px;
    text-align: center;
    background: #fff;
}
#hoverDiv2 img{
	position: absolute;
    left: 0;
	width:100%;
}


/*内页样式*/
.ny_banner{
    width:100%;
}
.ny_banner img{
    width: 100%;
}
.ny_list_menu{
    border-bottom:1px solid #f4f4f4;
    overflow: hidden;
}
.ny_list_menu ul{
    width:80%;
    margin:0 auto;
}
.ny_list_menu ul li{
    list-style: none;
    float: left;
    margin-right:40px;
}
.ny_list_menu ul li a{
    display:block;
    line-height:50px;
    color:#333;
    font-size: 16px;
}
.ny_list_menu ul li a:hover{
	color: #ce0e2d;
    font-weight: bold;
    border-bottom: 2px solid #ce0e2d;}

.ny_list_menu ul li a.list_active{
    color:#ce0e2d;
    font-weight: bold;
    border-bottom:2px solid #ce0e2d;
}
.ny_list_lujing{
    width:80%;
    margin: 0 auto;
    margin-top:20px;
    font-size: 14px;
    color:#666666;
}
.cen_box{
    width:80%;
    margin:0 auto;
    overflow: hidden;
}
.about_one{
    overflow: hidden;
    background: url('../images/about_onebg.png') bottom left no-repeat;
}
.about_one div{
    float: left;
    margin-top: 50px;
    margin-bottom: 50px;
}
.about_one .about_one_left{
    width:30%;
}
.about_one .about_one_right{
    width:70%;
    font-size: 16px;
    color: #333;
    line-height: 28px;
}
.about_two{
    background: #f8f8f8;
    overflow: hidden;
    padding:50px 0px;
}
.about_title{
    margin-top:20px;
}
.about_theerbox ul{
    margin-top:20px;
}
.about_theerbox ul li{
    display:block;
    float: left;
    background: #fff;
    height:250px;
}
.about_theerbox ul li b{
    display: block;
    font-size:26px;
    margin-top: 150px;
    margin-left:50px;
}
.about_theerbox ul li span{
    margin-left:50px;
    margin-top:10px;
    color:#808080;
    font-size: 18px;
}
.about_theerbox ul li:nth-child(1){
    width:39%;
    background:#fff url('../images/vison.png') 50px 20px no-repeat;
}
.about_theerbox ul li:nth-child(2){
    width:39%;
    margin:0px 1%;
    background:#fff url('../images/missin.png') 50px 20px no-repeat;
}
.about_theerbox ul li:nth-child(3){
    width:20%;
    background: #ce0e2d url('../images/about_theerbg.png') center right no-repeat;
}
.about_theerbox ul li:nth-child(4){
    width:100%;
    margin-top:10px;
    background:#fff url('../images/value.png') 50px 20px no-repeat;
}
.about_theer img{
    width: 100%;
}
.left_menu{
    width:17%;
    float: left;
}
.right_box_cen{
    width:80%;
    float:right;
}
.prod_ny_title{
    display: block;
    text-indent: 1em;
    font-size:22px;
    font-weight: bold;
    height:28px;
    color:#214c96;
	display:none;
    border-left:4px solid #214c96;
}

.ny_left_menu_tit{
    height:40px;
    background:#3d3d3d;
    color:#fff;
    font-size:20px;
    line-height:40px;
    text-indent: 1em;
}

.list{
	width : 100%;
    margin-top:5px;
    border:1px solid #eaeaea;
}
.list ul{
	list-style: none;
}
.list>ul>li{
	width: 100%;
	border-bottom: 1px solid #eaeaea;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	transition: .3s ease;
	height     : 50px;
	line-height: 50px;
}
.list>ul>li p[class=title]{
	width      : 100%;
	text-align: left;
    text-indent: 15px;
	background : #fff;
	padding    : 0;
	border     : none;
	position   : relative;
	font-size  : 16px;
    cursor: pointer;
    color:#333;
}
.list-se .title{
    color:#fff !important;
}
.list>ul>li p[class=title]>span{
	position: absolute;
	right: 10%;
}
.list-se{
	overflow: hidden;
	display: none;
}
.list-se>p{
	background: #3d3d3d !important;
	color     :#fff;
}
.list-se>li{
	position: relative;
	right   : -100%;
	-webkit-transition: right .5s;
	-moz-transition   : right .5s;
	-o-transition     : right .5s;
	transition        : right .5s;
}
.list-se>li>p{
	background  : #fff;
	color       : #333;
	height      : 50px;
	-webkit-box-sizing :border-box;
	        box-sizing :border-box;
	padding-left: 10px;
	line-height : 50px;
	-webkit-transition   : border .5s;
			 transition  : border .5s;
	-webkit-transition   : background .3s;
			 transition  : background .3s;
    cursor: pointer;
}
.list-se>li>p>a{
    display: block;
    font-size:16px;
    color:#666;
}
.list-se>li>p>a>span{
    display: block;
    float: left;
    width:10px;
    height:10px;
    margin-top:19px;
    margin-right:5px;
    border:1px solid #dedede;
}
.list-se>li>p:hover{
	background  : #f9f9f9;
}
.list-se>li>p:hover span{
    border:1px solid #ce0e2d;
    background: #ce0e2d;
}
.list-se>li>p:hover a{
    color:#ce0e2d;
}
.on_active>.title{
    display: none;
}
.on_active>.list-se{
    display: block;
}
.on_active .on_active_list a{
    color:#ce0e2d;
}
.on_active .on_active_list span{
    border:1px solid #ce0e2d;
    background: #ce0e2d;
}
.list>ul>li p[class=title]>span.of_down{
    width:16px;
    height:11px;
    top:19px;
    background: url('../images/on_up.png') no-repeat;
}
.list>ul>li p[class=title]>span.on_up{
    width:16px;
    height:11px;
    top:19px;
    background: url('../images/of_down.png') no-repeat;
}
.on_active ul.list-se li{
    right:0px;
}
.news_box{
    width:100%;
    margin-top:30px;
}
.news_box li{
    width: 100%;
}
.news_box li a{
    display: block;
    width:80%;
    margin:0 auto;
    overflow: hidden;
    padding:30px 0px;
    border-bottom: 1px solid #eaeaea;
}
.news_box li a:hover{
    background:#f8f8f8;
}
.news_box li a:hover b{
    color:#ce0e2d;
}
.news_box li:hover{
    background:#f8f8f8;
}
.news_box li div{
    display: block;
    float:left;
}
.news_box li div img{
    width:100%;
}
.news_box li div:nth-child(1){
    width:25%;
}
.news_box li div:nth-child(2){
    width:75%;
}
.news_box li div b{
    display:block;
    font-size:20px;
    color:#333;
    margin-left:20px;
}
.news_box li div p{
    display:block;
    margin:20px 0px;
    margin-left:20px;
    overflow: hidden;
    width: 90%;
    font-size:14px;
    color:#808080;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-clamp: inherit;
    -webkit-line-clamp: 3; /* 控制显示的行数 */
    line-height: 1.5; /* 设置行高，可以根据需要调整 */
    max-height: 3.0; /* 2行的行高是1.5，所以这里设置最大高度为3.0 */
}
.news_box li div span{
    display:block;
    margin-left:20px;
    font-size:14px;
    color:#a9a9a9;
    margin-top:7%;
}

.pr_img_xq{
    width:100%;
    overflow: hidden;
	margin-top:40px;
}
.pr_img_xq .pr_top_left{
    float:left;
    width: 50%;
}
.pr_img_xq .pr_top_right{
    float:left;
    width: 45%;
    margin-left: 5%;
}
ul li{
    list-style: none;
}
.clearfix::before,
.clearfix::after {
    content: "";
    display: table;
}
.clearfix::after {
    clear: both;
}


div.box {
    width: 100%;
    height: 300px;
    margin:0 auto;
    padding-bottom: 10px;
}

div.box a.phone-display {
    display: block;
    position: relative;
    height: 100%;
    background-size: 100% auto !important;
    background-repeat: no-repeat;
    background-position: center;
}


div.bottom-nav{
    margin-top: 20px;
}

div.bottom-nav div.tab-btn{
    position: relative;
    width: 40px;
    height: 60px;
    cursor: pointer;
}

div.tab-btn:hover{
    opacity: .6;
}

div.tab-btn.btn-left{
    float: left;
}

div.tab-btn.btn-right{
    float: right;
}

i.shift-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 26px;
    height: 26px;
    border: 1px solid #999;
    border-radius: 50%;
}

i.shift-icon>span {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10px;
    height: 10px;
    border-bottom: 1.5px solid #999;
}

div.btn-left i.shift-icon>span {
    border-left: 1.5px solid #999;
    transform: translate(-30%, -50%) rotate(45deg);
}
div.btn-right i.shift-icon>span {
    border-right: 1.5px solid #999;
    transform: translate(-70%, -50%) rotate(-45deg);
}


div.bottom-nav div.bottom-center-nav{
    position: relative;
    height: 60px;
    margin: 0 50px;
    overflow: hidden;
}
div.bottom-center-nav ul.small-img-ul {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}
ul.small-img-ul li.img{
    float: left;
    width: 60px;
    height: 56px;
    border:1px solid transparent;
    background-size: 100% 100%;
    cursor: pointer;
}
ul.small-img-ul li.img.active{
    border-color: #3d3d3d;
}
ul.small-img-ul li.img.active{
    background-color: rgba(0, 0, 0, 0.9);
}
.pr_top_right{
    margin-left: 50px;
}
.pr_top_ri_box{
    width:100%;
    margin:0 auto;
}
.pr_top_ri_box div a{

}
.pr_top_ri_box .mashang{
    display:block;
    width:160px;
    height:50px;
    background: #ce0e2d;
    text-align: center;
    line-height: 50px;
    color: #fff;
    border-radius: 5px;
}
.pr_top_ri_box div p{

}
.pr_top_ri_box p:nth-child(1){
    display:block;
}
.pr_top_ri_box p:nth-child(1) a{
    float:right;
}
.pr_top_ri_box p:nth-child(1) b{
    font-size:24px;
    color:#333;
}
.pr_top_ri_box ul{

    margin: 20px 0px;
}
.pr_top_ri_box ul li{
    line-height:40px;
    color:#808080;
    font-size:16px;
}
.pr_top_ri_box div p{

}
.pr_top_ri_box div p a{
    margin-left:10px;
}
.pr_top_ri_box #hoverDiv{
    left: 190px;
    top: -110px;
}
.pr_top_ri_box #hoverDiv img{
    margin-top:-40px;
}
.pr_top_ri_box #hoverDiv2{
    left: 190px;
    top: -110px;
}
.pr_top_ri_box #hoverDiv2 img{
    margin-top:-40px;
}
.pr_xq_tit{
    width:100%;
    height:40px;
    font-size: 18px;
    border-bottom:1px solid #eaeaea;
    margin-top: 30px;
}
.pr_xq_tit span{
    display: block;
    height:40px;
    width:150px;
    text-align: center;
    line-height: 40px;
    border-bottom:3px solid #3d3d3d;
}
.product_edit{
    min-height:400px;
    border-bottom:1px solid #eaeaea;
    margin-bottom:20px;
}
.case_top{
    padding:40px 0px;
    border-bottom:1px solid #eaeaea ;
}
.case_top b{
    font-size:36px;
    color: #333;
}
.case_top p{
    font-size:16px;
    line-height:35px;
    color:#333;
    margin-top:15px;
}
.caes_xq{
    margin-top:78px;
}
.caes_xq_body .menu-container{
    background:#fff;
    border-bottom:1px solid #f4f4f4;
}
.caes_xq_body .menu-container .menu a{
    color:#333 !important;
}
.caes_xq_body .menu-container .menu span.luang{
    color:#333 !important;
    background: url(../images/luang_hover.png) left 2px no-repeat;
    background-size: 18px;
}
.caes_xq_body .logo{
    background: url(../images/logo_hover.png) no-repeat;
    background-size: 100%;
}
.case_xq_title{
    margin-top:30px;
    height:450px;
    background-attachment: fixed;background-size: cover;
	background-position: center center !important;
}
.case_xq_title div{
    width:600px;
    min-height:260px;
    padding:30px;
    display: block;
    margin-top:45px;
    margin-left:45px;
    background: rgba(255, 255, 255, 0.9);
}
.case_xq_title div b{
    display:block;
    font-size:36px;
    color: #333333;
    margin-top: 25px;
}
.case_xq_title div p{
    font-size:14px;
    line-height:26px;
    color:#333;
    margin-top: 25px;
}
.caes_edit{
    margin-top:40px;
}
.caes_edit img{
	width:100%;
}
.news_list_lu{
    margin-top:90px;
}
.news_ny_title{
    margin-top:20px;
    padding:30px 0px;
    border-bottom:1px solid #eaeaea; 
}
.news_ny_title b{
    font-size:26px;
    color:#333;
}
.news_ny_title p{
    color:#808080;
    font-size:14px;
    margin-top:10px;
}
.news_ny_edit{
    padding:20px 0px;
}
.news_next a{
    display: block;
    width:200px;
    float:left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size:14px;
    color:#333333;
}
.news_next a:hover{
    color:#ce0e2d;
}
.news_next a:nth-child(2){
    float:right;  
}
.lineus_box{
    overflow: hidden;
    padding-bottom:40px;
    background:url('../images/line_us_bg.png') bottom right no-repeat;
}
.lineus_box div{
    width:50%;
    float:left;
}
.line_us_left b{
    display: block;
    font-size: 36px;
    color:#333;
    margin-top:15%;
}
.line_us_left span{
    display:block;
    width:70%;
    font-size:18px;
    color:#808080;
    margin-top:30px;
}
.line_us_left ul{
    display: block;
    overflow: hidden;
    margin-top:30px;
}
.line_us_left ul li{
    display: block;
    width:45%;
    margin-right:5%;
    float:left;
}
.line_us_left ul li input{
    width:100%;
    height: 50px;
    border: 0px;
    background:#f8f8f8;
    line-height:50px;
    font-size:16px;
    text-indent: 1em;
}
.line_us_left ul li p{
    color:#333333;
    font-size:16px;
    margin:20px 0px;
}
.line_us_left button{
    display:block;
    width:250px;
    height:50px;
    background:#214c96;
    border: 0px;
    color:#fff;
    margin-top:40px;
}
.line_us_right b{
    font-size:18px;
    color:#333333;
    display: block;
    margin-top:25%;
    margin-left:10%;
}
.line_us_right strong{
    font-size: 50px;
    color:#214c96;
    display: block;
    margin-left:10%;
    margin-top:25px;
    margin-bottom:25px;
}
.line_us_right p{
    font-size:14px;
    color:#808080;
    margin-left:10%;
}
.line_us_right a{
    display: block;
    line-height:60px;
    color:#808080;
    font-size: 14px;
    margin-left:10%;
    margin-top:45px;
}
.line_us_right a img{
    display:block;
    float:left;
    margin-right:10px;
}
.ny_down_list{
    margin-top: 20px;
}
.down_list_box{
    overflow: hidden;
    margin-top:20px;
    border-top:1px solid #eaeaea;
}
.down_list_box li{
    display:block;
    width:100%;
    padding:15px 0px;
    overflow: hidden;
    border-bottom:1px solid #eaeaea;
}
.down_list_box li img{
    display: block;
    float:left;
    margin-right: 20px;
    margin-top:8px;
}
.down_list_box li span{
    display: block;
    float:left;
    font-size:18px;
    color:#808080;
    height:40px;
    line-height: 40px;
}
.down_list_box li:hover span{
    font-weight:bold;
    color:#333;
}
.down_list_box li a{
    display:block;
    float: right;
    margin-right:5%;
    background:#ce0e2d url('../images/down_07.png') 30px center no-repeat;
    width:140px;
    height:40px;
    color:#fff;
    font-size:12px;
    text-align: center;
    text-indent: 2em;
    line-height: 40px;
    transition-duration: 0.9s;
    -moz-transition-duration: 0.9s;
    -webkit-transition-duration: 0.9s;
    -o-transition-duration: 0.9s;
}
.down_list_box li a:hover{
    font-weight:bold;
    box-shadow: 0 0 8px rgba(206, 14, 45, 0.9); /* 添加阴影效果 */
}       
 /* 初始隐藏答案 */
.answer {
    display: none;
}
/* 自定义箭头样式 */
.arrow {
    width: 15px;
    height: 10px;
    float: right;
    transition: transform 0.3s ease; /* 添加动画效果 */
}
.rotate {
    transform: rotate(180deg); /* 箭头向下时的旋转角度 */
}
.question{
    margin-top:10px;
}
.question button{
    display:block;
    width:100%;
    background: none;
    border:0px;
    font-size:18px;
    color:#333;
    height:80px;
    text-align: left;
    cursor: pointer;
    border-top:1px solid #eaeaea;
}
.answer{
    width:90%;
    background:#f8f8f8;
    padding:20px 5%;
    color:#808080;
    font-size:16px;
}
.bold {
    font-weight: bold;
}



.index_conta .pic::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 99%;
    transition: background-color 0.3s ease;
    z-index: 1;
}

.index_conta .pic:hover::before {
    background-color: rgba(206, 14, 45, .8); /* 红色透明蒙版 */
}

.page{
    width: 100%;
    text-align: center;
    margin-top: 40px;
}

.page>a, .page>b{
    border: 1px solid #ececec;
    text-decoration: none;
    display: inline-block;
    line-height: 24px;
    color: #808080;
    margin-right: 5px;
    padding: 2px 9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
    cursor: pointer
}

.page>b{
    background:#3d3d3d;
    color: #fff;
}

.index_case{
	margin-bottom: 20px;
}



/*右侧*/

.contact-icons {
  position: fixed;
  z-index:99999;
  bottom: 20px;
  right: 20px;
}

.icon-item {
  width: 50px;
  height: 50px;
  background-color: #ce0e2d;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2px;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease-in-out; /* 添加过渡效果 */
}
.icon-item:hover{
	background-color:#a00f26;
}

.icon-item i {
  display:inline-block;
  width:100%;
  height:100%;
}
.phone{
	background-image:url('/static/home/images/lx-icon-tel.png');
	background-position: center;
    background-repeat: no-repeat;
}
.wechat{
	background-image:url('/static/home/images/lx-icon-wx.png');
	background-position: center;
    background-repeat: no-repeat;
}
.douyin{background-image:url('/static/home/images/lx-icon-dy.png');
	background-position: center;
    background-repeat: no-repeat;
}
.top{background-image:url('/static/home/images/lx-icon-jt.png');
	background-position: center;
    background-repeat: no-repeat;
}

/* 隐藏电话号码和二维码 */
.phone-number,
.wechat-qrcode,
.douyin-qrcode {
  display: none;
  position: absolute;
  right: 60px; /* 改变方向，调整left值以确保内容在左侧 */
  z-index: 0; /* 确保内容在图标之下 */
  transition: all 0.3s ease-in-out; /* 添加过渡效果 */
}

/* 电话号码样式 */
.phone-number {
  background-color: #fff;
    color: #808080;
    padding: 0px 10px;
    white-space: nowrap;
    height: 50px;
    line-height: 50px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 添加阴影效果 */
    white-space: nowrap; /* 确保电话号码不会折行 */
  opacity: 0; /* 初始时设置为透明 */
  transform: translateX(-60px); /* 初始时向左偏移60px */
}

/* 二维码样式 */
.wechat-qrcode,
.douyin-qrcode {
  width: 100px;
  margin-top: 5px;
  background-color: #fff;
  padding: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 添加阴影效果 */
  opacity: 0; /* 初始时设置为透明 */
  transform: translateX(-60px); /* 初始时向左偏移60px */
}



.mask-bg{
	position: fixed;
    width: 100%;
    height: 100vh;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
	display:none;
	transition-property: all;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
    opacity: 1;
    background-color:rgba(0,0,0,0.5);
}
.box a.phone-display div:nth-child(2){
	background-color:#fff;
	top: 62% !important;
	border:2px solid #eaeaea !important;
}

/*后面修改*/
.numerica_increase_container {
	position: relative;
	background: #214c96;
	padding: 33px 0;
}
.numerica_increase_container ul {
	position: relative;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.num_item {
	position: relative;
	text-align: center;
}
.num_item .num_big {
	color: #fedf00;
	font-size: 48px;
	font-family: "Roboto-Black";
	margin-bottom: 30px;
}
.num_item .num_desc {
	font-size: 14px;
	color: #fff;
	font-family: "Roboto-Regular";
}

/*案例*/
.case-box{
        display: grid;
          grid-template-columns: repeat(4, 1fr);
          gap: 10px; /* 可选，控制项目之间的间距 */
    }
    .case-box li{
        display: flex;
  justify-content: center;
  align-items: center;
    }
    .case-box li img{width:100%;height: auto; /* 高度自动，保持图片比例 */
  object-fit: cover; /* 可选：覆盖容器并保持比例 */}
  
  .index_case_box{
    width:80%;
    margin:0 auto;
    overflow: hidden;
    padding-bottom: 20px;
}
 .index_case_box ul{
    clear: both;
    margin-top: 30px;
}
.index_case_box ul li{
    list-style: none;
    display: block;
    float:left;
}
.index_case_box ul li:nth-child(2){
    margin:0px 1%;
}

/* web_footer */
.web_footer {
	position: relative;
}
.web_footer .foot_link a{
	display: inline-block ;
	margin-top: 20px;
}
.web_footer, .web_footer a {
	display: block;
	text-transform: capitalize;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	font-family: "Roboto-Regular";
}
.foor_service {
	display: flex;
	padding: 60px 0;
	width: 100%;
	-webkit-display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.foor_service .foot_item .fot_tit {
	position: relative;
	margin-bottom: 50px;
	color: #fff;
	text-transform: uppercase;
	font-size: 24px;
	line-height: 1;
	font-family: "Roboto-Bold";
	font-weight: normal;
	padding-bottom: 30px;
	/*border-bottom: 2px solid #0068b7;*/
}
.foor_service .foot_item .fot_tit:before {
	content: "";
	width: 116px;
	height: 2px;
	background: #fedf00;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: all ease-in-out .35s;
	-webkit-transition: all ease-in-out .35s;
}
.foor_service .foot_item:hover .fot_tit:before {
	width: 100%;
}
.foot_item {
	width: 33.33%;
}
.foor_service .foot_item li {
	position: relative;
	display: block;
}
.foot_item.foot_contact_item ul.foot_contact li {
	position: relative;
}
.foot_item.foot_contact_item ul.foot_contact li, .foot_item.foot_contact_item ul.foot_contact li a {
	line-height: 30px;
	/*font-size: 18px;*/
}
.foot_item.foot_contact_item ul.foot_contact li:before {
	position: absolute;
	top: 5px;
	left: 0;
	content: "";
	width: 21px;
	height: 21px;
}

.foot_nav li a {
	line-height: 32px;
}
.foot_item .foot_nav li:hover {
	transform: translateX(7px);
	-webkit-transform: translateX(7px);
}
.foot_item .foot_nav li:hover a {
	color: #fedf00;
	;
}
.foot_sns {
	position: relative;
	margin-top: 25px;
	font-size: 0;
}
.foot_sns li {
	display: inline-block !important;
	margin-right: 10px;
}
.foot_sns li a {
	width: 24px;
	height: 24px;
	text-align: center;
	line-height: 24px;
}
.foot_sns li img {
	width: auto;
	max-height: 18px;
}
.foot_sns li:hover img {
	-webkit-transform: rotate(-15deg);
	transform: rotate(-15deg);
}
.copyright {
	position: relative;
	display: block;
	text-align: center;
	text-transform: capitalize;
	font-size: 16px;
	line-height: 33px;
	background: #083584;
}
.tel_link {
	pointer-events: none;
}
.foot_item.foot_inquiry {
}
.foot_inquiry .inquirydesc {
	line-height: 20px;
}
.foot_inquiry .inquiry_btn {
	margin-top: 25px;
	line-height: 42px;
	margin-left: 0;
	text-transform: uppercase;
	font-size: 16px;
	width: 175px;
}


/*首页案例和首页产品*/

.home-product-box ul{
    width:80%;
    margin:0 auto;
    overflow: hidden;
    padding-bottom: 20px;
    box-sizing: border-box;
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}


.home-product-box ul li{
    background: #fff;
    text-align: center;
}

.home-product-box ul li a{
    width: 100%;
    height: 100%;
}

.home-product-box ul li img{
    width: 100%;
    height: 100%;
}

.home-product-box ul li a.title{
    display: flex;
    flex-direction: column;
}

.home-product-box ul li a.title span{
    padding: 12px 0;
    font-weight: 700;
    color: #3d3d3d;
}
.pro-det-box-a{
    width: 55%;
    float: left;
    left: 10%;
    position: relative;
    
}
.pro-det-box-b{
    width: 19%;
    float: right;
    right:10%;
    position: relative;
    margin-top:40px;
    border: 1px solid #eee;
    margin-bottom: 50px;
}
.pro-det-box-b dt{
    wdith:100%;
    border-bottom:1px solid #eee;
    margin-bottom:20px;
    padding-bottom: 20px;
    font-weight: bold;
    font-size: 18px;
    
}
.pro-det-box-b ul{
    padding:20px;
    
}
.pro-det-box-b ul li{
    margin-bottom: 20px;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
    
}
.pro-det-box-b ul li:hover{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    
}
.pro-det-box-a .cen_box{
    width:100%;
    
}
.pro-det-box-b img{
    width:100%;
    
}
.pro-det-box-b-a{
    height: 45px;
    line-height: 45px;
    color:#333;
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis;
    display: block;
    margin: 0 auto;
    width: 90%;
    text-align: center;
    
}
.pro-det-box-b-a:hover{
    color: #000;
}

/*产品页面分类*/
.product-cate-box{
    width : 100%;
    margin-top:20px;
}
.product-cate-box ul{
    list-style: none;
}
.product-cate-box ul li{
    width: 100%;
    line-height: 25px;
    position: relative;
    font-size: 16px;
    color: #353333;
    margin-bottom: 9px;
}
.product-cate-box ul li a{
    position: relative;
    display: block;
    padding-left: 10px;
}
.product-cate-box ul li a:before{
    content: "";
    width: 6px;
    height: 6px;
    background: #353333;
    position: absolute;
    left: 0;
    top: 9px;
}
.sub-product-cate{
    display: none;
    margin-left: 20px;
}


/*产品页面列表*/
.ny_product_list{
    margin-top: 20px;
}
.ny_product_list .right_box_cen ul li{
    list-style: none;
    display: flex;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px #eee dashed;
}

.ny_product_list .p-item .l img{
    width:200px;
    object-fit: cover;
    height: 100%;
}

.ny_product_list .p-item .r{
    padding-left: 20px;
}
.ny_product_list .p-item .r .title{
    text-transform: capitalize;
    font-size: 18px;
    letter-spacing: .38px;
    text-decoration: none;
}
.ny_product_list .p-item .r .info{
    font-size: 13px;
    margin: 13px 0;
    max-height: 80px;
    overflow: hidden;
    line-height: 20px;
}