*{margin:0px;padding:0px;outline: none;}
body{
    font-family:'Microsoft YaHei';
}
.index_body{
    background:#f8f8f8;
}
a{
    text-decoration: none;
}
.moble-nav{
	display: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;
}

.menu > ul > li a {
    text-decoration: none;
    
    display: block;
    color:#fff;
    font-size:18px;
}
.menu > ul > li:hover{
	font-weight:bold;
}
.menu > ul > li:hover {
	border-bottom: 3px solid #ce0e2d;
}
.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;
    }

.menu > ul > li > ul {
    display: none;
    width: 100%;
    background: #fff;
    position: absolute;
    z-index: 99;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
	margin-top:27px;
	border-bottom:1px solid #f8f8f8;
	border-top:1px solid #f8f8f8;
}

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

.menu > ul > li > ul:after {
    clear: both;
}
.pc-nav-product{
	display: flex;
    justify-content: space-evenly;
}
.pc-nav-product-img{
	width:100%;
	border-bottom: 1px solid #eaeaea;
	margin-bottom:15px;
	object-fit: cover;
}
.pc-nav-case .pc-nav-product-img{
	height:150px !important;
	border-radius: 10px;
	border-bottom: 0px !important;
	margin-top: 20px;
}
.pc-nav-case a{
	position:relative;
}
/**
.pc-nav-case a::before{
content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: background-color 0.3s ease;
    z-index: 1;
	margin-top: 34px;
    height: 150px;
    border-radius: 10px;
}
.pc-nav-case a:hover::before{
    background-color: rgba(206, 14, 45, .7);
}
**/


.pc-nav-product li{
	width: 17% !important;
	margin: 0;
    padding-bottom: 0;
    list-style: none;
    background: none;
    float: left;
}
.pc-nav-product li a {
    color: #777;
    padding: 0.8em 0;
	margin-bottom: 20px;
    width: 95%;
    display: block;
	font-weight: normal;
}
.pc-nav-product li a:hover{
	color:#ce0e2d !important;
	font-weight:bold;
}
.pc-nav-product li a:hover .pc-nav-product-img{
	border-bottom: 1px solid #ce0e2d !important;
}
.pc-nav-case li a:hover .pc-nav-product-img{
border-bottom: 0px solid #ce0e2d !important;
}

.menu > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 25%;
    background: none;
    float: left;
}

.menu > ul > li > ul > li a {
    color: #777;
    padding: 0.8em 0;
    width: 95%;
    display: block;
    border-bottom: 1px solid #eaeaea;
	font-weight: normal;
}

.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
    box-sizing: border-box;
}

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

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

.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    font-size: .8em;
}

.menu > ul > li > ul > li > ul > li a {
    border: 0;
	font-weight: normal;
	height: 22px !important;
	font-size:14px;
	padding:0;
	color:#666;
}
.menu > ul > li > ul > li > ul > li a:hover {
    font-weight: bold;
}

.menu > ul > li > ul.normal-sub {
    width: 300px;
    left: auto;
    padding: 10px 20px;
	margin-top:27px;
}

.menu > ul > li > ul.normal-sub > li {
    width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
    border: 0;
	font-weight:normal !important;
}
.menu > ul > li > ul.normal-sub > li a:hover {
    font-weight:bold !important;
	color:#ce0e2d !important;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
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 1em;
		padding:1.5em 0em;
    }
	.menu > ul > li a{
	    font-size: 16px;
	}
    .desktop-wrapper .options .option {
        min-width: 160px !important;
    }
	.pro-left .left-category ul li{
		font-size:16px !important;
		padding-top: 20px !important;
		height: 40px !important;line-height: 40px !important;
	}
	.pro-right ul li p{
		font-size:14px !important;
		line-height:20px !important;
		margin-top:10px !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;
    }
	.index_body{
		overflow-x:hidden;
	}
	.tempWrap{width:100% !important;}
	.parHd li{
	    margin: 0 37px !important;
	}
    .parHd .tempWrap:after{
	    top: 32% !important;
	}
    .ny_product_list .right_box_cen ul li a:nth-child(1){
        height: 140px !important;

    }
}
@media only screen and (max-width: 400px) {
    .ny_product_list .right_box_cen ul li a:nth-child(1){
        height: 110px !important;

    }

}
@media only screen and (max-width: 959px) {
    .moble-nav{
		display:block;
	}
	.pc-nav{
		display:none;
	}
	.luang_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: 11px;
	}
	.parBd h4{font-size: 36px !important;}

}
.logo{
    display:block;
    float:left;
    width:103px;
    height:50px;
    margin-top:11px;
    margin-left:5%;
    margin-right:2%;
    background: url('../images/logo.png') no-repeat;
    background-size:100%;
	z-index: 9999999999999;
    position: relative;
}
#lang{
	margin: 0em 3em;
    padding: 1.5em 0em;
}
.luang{
    display:block;
    float:left;
    width:100px;
    color:#fff;
    text-indent:22px;
    background:url('../images/luang.png') left center no-repeat;
    background-size:18px;

}
.luang_box{
    position: absolute;
    right:2%;
	margin:0 !important;
	padding:0 !important;
}
.luang_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;
    display: none;
}
.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%;
    }
	.about_one .about_one_left{width:100% !important;}
	.about_one .about_one_left video{width:100% !important;}
	.about_one .about_one_right{width:100% !important;margin-top:0px;}
}
.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_bann3.jpg') no-repeat;
    background-size:100% 100%;
}
.product_bann .prod_ban_left{
    float:left;
    margin-top:10%;
    margin-left:5%;
	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:24.20%;
    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%;
}
.product_list li:nth-child(3){
    margin-left:1%;
    margin-right:1%;
}
.product_list li img{
    display: block;
    margin:0 auto;
    margin-top:15px;
	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; /* 居中对齐 */
  }
  
.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;
	border-right: 1px solid #f8f8f8;
  }
  
  .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_07.png') no-repeat !important;
}

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

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

.options> :nth-child(4) .category-icon {
    background: url('../images/ICON_03.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{
    text-align:center;
}
.index_new_title a{
    display: block;
    float: right;
    width:150px;
    height:50px;
    background:#ce0e2d 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:#1e1e1e;
    padding:40px 0px;
    overflow: hidden;
}
.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:#808080;
    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:#808080;
}
.footer_right span p{margin-bottom:10px;}
.footer_right .footer_right_ba{
    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 span{
    font-size:16px;
    color:#fff;
    display: block;
    float: left;
    margin-right:10px;
}
.sb_wanyi a{
    display: block;
    float: left;
    margin-right:5px;
}
#hoverDiv,#hoverDiv3{
    width:100px;
    height:100px;
    position: relative;
    left:70px;
    top:-110px;
    text-align: center;
    background: #fff;
}
#hoverDiv img,#hoverDiv img{
    position: absolute;
    left: 0;
	width:100%;
}
#hoverDiv2,#hoverDiv4{
    width:100px;
    height:100px;
    position: relative;
    left:70px;
    top:-110px;
    text-align: center;
    background: #fff;
}
#hoverDiv2 img,#hoverDiv4 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:60px;
}
.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:#ce0e2d;
    border-left:4px solid #ce0e2d;
}
.ny_product_list .right_box_cen ul li{
    float:left;
    width:31%;
    margin:2% 1%;
    list-style: none;
}
.ny_product_list .right_box_cen ul li:hover a:nth-child(1){
    border:2px solid #ce0e2d;
}
.ny_product_list .right_box_cen ul li a:nth-child(1){
    display: block;
    height: 210px;
    position: relative;
    text-align: center;
    border: 2px solid #eaeaea;
}
.ny_product_list .right_box_cen ul li a{
    overflow: hidden;
}
.ny_product_list .right_box_cen ul li a span{
    padding:5px 10px;
    background:#9b9b9b;
    color:#fff;
    font-size:12px;
    position: absolute;
    left: 0;
}
.ny_product_list .right_box_cen ul li:hover a:nth-child(1) span{
    background: #ce0e2d;
}
.ny_product_list .right_box_cen ul li a img{
    height: 100%;
}
.ny_product_list .right_box_cen ul li a:nth-child(2){
    display: block;
    text-align: center;
    line-height:30px;
    color:#333;
    font-size:16px;
}
.ny_product_list .right_box_cen ul li:hover a:nth-child(2){
    color: #ce0e2d;
}
.ny_left_menu_tit{
    height:80px;
    background:#ce0e2d;
    color:#fff;
    font-size:26px;
    line-height:80px;
    text-indent: 1em;
}
.ny_product_list{
    margin-top: 20px;
}
.ny_product_list .right_box_cen ul{
    overflow:hidden;
}
.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;
}
.list>ul>li p[class=title]{
	width      : 100%;
	text-align: left;
    text-indent: 15px;
	background : #fff;
	height     : 50px;
	line-height: 50px;
	padding    : 0;
	border     : none;
	position   : relative;
	font-size  : 16px;
    color:#333;
}
.list>ul>li span{
    cursor: pointer;
}
.list>ul>li p a{
    color:#333;
}
.list-se .title{
    color:#fff !important;
}
.list-se .title a:nth-child(1){
    color:#fff !important;
}
.list>ul>li p[class=title]>span{
	position: absolute;
	right: 10%;
}
.list-se{
	overflow: hidden;
	display: none;
}
.list-se>p{
	background: #ce0e2d !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:14px;
    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{
    width:50%;
    float:left;
}
.pr_img_xq .pr_top_right{
    width:50%;
    float:left;
}
ul li{
    list-style: none;
}
.clearfix::before,
.clearfix::after {
    content: "";
    display: table;
}
.clearfix::after {
    clear: both;
}


div.box {
    width: 100%;
    height: 400px;
    margin:0 auto;
    padding-bottom: 10px;
    background-size: auto 100% !important;
    background-position: center;
}

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


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: 100%;
    border:1px solid transparent;
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}
ul.small-img-ul li.img.active{
    border-color: rgb(206, 14, 45);
	background-blend-mode: multiply;
}
ul.small-img-ul li.img.active{
    background-color: rgba(206, 14, 45, 0.9);
}
.pr_top_right{
    background: #f8f8f8;
    min-height:500px;
}
.pr_top_ri_box{
    width:80%;
    margin:0 auto;
}
.pr_top_ri_box div a{
    float: left;
}
.pr_top_ri_box .mashang{
    display:block;
    width:160px;
    height:50px;
    background: #ce0e2d;
    text-align: center;
    line-height: 50px;
    color: #fff;
}
.pr_top_ri_box div span{
    float:left;
}
.pr_top_ri_box p:nth-child(1){
    display:block;
    margin-top:10%;
}
.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 span{
    margin-left:20px;
}
.pr_top_ri_box div span a{
    margin-left:10px;
}
.pr_top_ri_box #hoverDiv3{
    left: -18%;
    top: -110px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
.pr_top_ri_box #hoverDiv3 img{
    margin-top:0px;
	position: absolute;
    left: 0;
    width: 100%;
}
.pr_top_ri_box #hoverDiv4{
    left: 10%;
    top: -110px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
.pr_top_ri_box #hoverDiv4 img{
    margin-top:0px;
}
.pr_xq_tit{
    width:100%;
    height:40px;
    font-size: 18px;
    border-bottom:1px solid #eaeaea;
}
.pr_xq_tit span{
    display: block;
    height:40px;
    width:100px;
    text-align: center;
    line-height: 40px;
    border-bottom:3px solid #ce0e2d;
}
.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_ny_edit img{
	max-width: 100% !important;
}
.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;  
}

.corporate_style{
	width:80%;
	margin:0 auto;
	margin-top:30px !important;
}
.corporate_style li{
	float:left;
	width: 31%;
    margin-right: 2.3%;
}
.corporate_style li a{
	width:100%;
	padding:0;
	border-bottom: 0px;

}
.corporate_style li div{
	width:100% !important;
}
.corporate_style li div b{
	margin:0;
	font-size: 16px;
    padding: 10px 0px 20px 0px;
    font-weight: normal;
    text-align: center;
}
.page{clear:both;}
.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:#ce0e2d;
    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:#ce0e2d;
    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:#ce0e2d;
    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;
}

/**首页发展历程**/


/*大事记start*/
.event_box{width:80%;margin:3% auto 0;position:relative;min-height:370px;}
.event_box .parHd {width:100%;display:inline-block;height:92px;overflow:hidden;}
.parHd  ul{width:100%;text-align:center;margin:0 auto;padding-top:25px !important;}
.parHd .tempWrap{margin:0 auto;}
.parHd .tempWrap:after{content:'';width:85%;height:1px;background:#ddd;position:absolute;/* top:33%;*//* right:-140%;*/right:8%;top:32%;/* margin-top:-0.5px;*/z-index:10;}
.parHd li.no_line:before{display:none;}
.parHd li{display:inline-block;cursor:pointer;padding-top:30px;font-size:16px;color:#000;margin:0 30px;position:relative;}
.parHd li:after{content:'';background:url('/static/home/images/dot_ico.png') no-repeat;width:24px;height:24px;position:absolute;z-index:20;top:-12px;left:50%;margin-left:-12px;}
.parBd{text-align:center;margin-top:60px;}
.parBd h4{position:relative;font-size:40px;margin-bottom:3%;/*width:200px;*/ padding:0 60px;display:inline-block;text-align:center;}
.parBd h4:after{content:'';background:#000;width:100px;height:1px;position:absolute;left:-100px;bottom:12px;}
.parBd h4:before{content:'';background:#000;width:100px;height:1px;position:absolute;right:-100px;bottom:12px;}
.parBd p{line-height:180%;font-size:16px;width:80%;margin:0 auto;}
div#listBox {width:100%;}
.sPrev,.sNext{width:30px;height:30px;display:block;position:absolute;top:10px;z-index:66;transition-duration: 0.9s;
    -moz-transition-duration: 0.9s;
    -webkit-transition-duration: 0.9s;
    -o-transition-duration: 0.9s;border-radius:100%;}
.sPrev:hover,.sNext:hover{box-shadow: 0px 0px 20px rgba(206, 14, 45, 0.4);}
.sPrev{left:0;}
.sNext{right:0;}
.sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);}
.parHd li.act span{display:block;width:24px;height:24px;overflow:hidden;background:url('/static/home/images/cat.png') no-repeat;position:absolute;top:-12px;left: 50%;
    margin-left: -12px;z-index:21;}
.parHd li span,.parHd li.clone span{display:none;}	




/**case下拉**/
.container{width:90%;margin:0 auto;}

.pro-center{width:100%;height:auto;overflow:hidden;padding:0px 0 0px 0;background:#ffffff;}

.pro-left{float:left;width:15%;box-sizing:border-box;border-right:1px solid #f2f2f2;}
.pro-content{width:100%;}
.pro-right{float: right;width:80%;}

.pro-left .left-category ul li{height: 50px;line-height: 50px;font-size: 18px;text-align: center;cursor: pointer;color: #333;width:100% !important;font-weight: normal;padding:0 !important;}
.pro-left .left-category ul li.on a{color:#ce0e2d !important;font-weight: bold;}
.pro-left .left-category ul a{padding:0 !important;margin-bottom: 0px !important;}
.pro-left .left-category ul li:hover{color: #ce0e2d;font-weight: bold;}

.pro-right{display: none;}
.pro-right ul li{float: left;width: 20% !important;background: #fff;margin-right: 3%;box-sizing: border-box;transition: all .3s linear;padding-top:30px !important;}
.pro-right ul li:nth-child(4n){margin-right: 0;}
.pro-right ul li .img{width:100%;}
.pro-right ul li img{width:100%;}
.pro-right ul li a{color:#333;margin-bottom:0px !important;padding:0px !important;}
.pro-right ul li p{height: 40px;line-height: 40px;text-align: center;font-size: 16px;}
.pro-right.active{display: block;}
.pro-right ul li:hover{transition: all .2s linear;}




/*
 .PicList002796
 */


.PicList002796 li{ position:relative; }
.PicList002796 .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.PicList002796 .video_files video{width:100%; height:100%; background-color:#000;}
.PicList002796 .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #fd0000;cursor: pointer;}
.PicList002796 .video_files .close::before,
.PicList002796 .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;}
.PicList002796 .video_files .close::before{ transform:rotate(45deg);}
.PicList002796 .video_files .close::after{ transform:rotate(-45deg);}

.PicList002796 > .Popup{position: fixed;background:rgba(0, 0, 0, 0.75);}
.PicList002796 .videobox .Popup{position: absolute;}
.PicList002796 .Popup{ width: 100%; height: 100%; top: 0; left: 0; z-index: 100;}
.PicList002796 .Popup .ytable{height: 100%;}
.PicList002796 .Popup .ytable .video{ max-width: 800px; width: 80%;  margin: 0 auto; padding: 10px; background: #fff; box-shadow: 0 0 20px 5px rgba(0,0,0,.15);}
.PicList002796 .Popup video{ width: 100%; }
.PicList002796 .videobox .Popup video{ height: 100%;background: #000; }


.PicList002796 .Popup .close{position: absolute;right: 20px;top: 20px; width: 30px; height: 30px; cursor: pointer; z-index: 10; cursor: pointer;}
.PicList002796 .Popup .close:before,
.PicList002796 .Popup .close:after{position: absolute;width: 100%; left: 0; top: 50%; height: 3px; margin-top: -1.5px; background: #fff; content: '';transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.PicList002796 .Popup .close:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}



.PicList002796 figure{ position:relative;overflow: hidden; border-radius: 5px 5px 0 0;}
.PicList002796 figure em{ display:block; padding-bottom: 72%; background-size:cover; background-position:center center; background-repeat:no-repeat; border-radius:5px 5px 0 0; transition: all 0.5s; }
.PicList002796 figure .play{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.3); border-radius:5px 5px 0 0; transition: all 0.5s; z-index: 3;}
.PicList002796 figure .play::before,
.PicList002796 figure .play::after{position: absolute; content:'';z-index: 5;top: 50%;left: 50%;}
.PicList002796 figure .play::before{width: 60px;height: 60px;border: 3px solid #fff;margin-left: -30px;margin-top: -30px;border-radius: 50%;}
.PicList002796 figure .play::after{width: 0;height: 0;border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-left: 20px solid #fff;margin-left: -5px;margin-top: -15px;}
.PicList002796 li .txt {background: #f8f8f8;padding: 3%;border-radius: 0 0 5px 5px;}
.PicList002796 li h2 {font-size: 18px; font-weight: normal; color: #333333;}
.PicList002796 li p{font-size: 16px; color: #7d7d7d; line-height: 1.715em;/* height: 3.43em;  overflow: hidden; */ position: relative; padding: 0; margin: 0}
.PicList002796 li p span{
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.PicList002796 li p.open span{-webkit-line-clamp:inherit}
.clearfix{margin-top:20px;}

.PicList002796 li i{font-style: normal;text-align: right; display: block}
.PicList002796 li i a{color: #fd0000; cursor: pointer; }
.PicList002796 li:hover h2 {color: #fd0000;}
.PicList002796 li:hover figure em{ transform: scale(1.05);}
.PicList002796 li:hover  .play{ background-color: rgba(0, 0, 0, 0.01);}
.PicList002796 li .Popup{ position: absolute;}
.PicList002796 li .Popup video{ height: 100%; background-color: #000;}
@media(min-width:769px){
.PicList002796 li{ float: left; width: 31.3%;margin-right: 3%; margin-bottom:2%;}
.PicList002796 li:nth-of-type(3n){ margin-right: 0; }
.PicList002796 li:nth-of-type(3n+1){clear:left;}
}
@media(max-width:768px){
.PicList002796 li{ width: 100%; margin-right:0; margin-bottom: 5%;}
.PicList002796 figure em{ }
}
@media(max-width:480px){
.PicList002796 li figure a::before{width: 50px;height: 50px;margin-left: -25px;margin-top: -25px;}
.PicList002796 li figure a::after{border-top-width: 10px;border-bottom-width: 10px;border-left-width: 15px;margin-left: -4px;margin-top: -10px;}
}
@media(max-width:375px){
.PicList002796 li figure a::before{width: 40px;height: 40px;margin-left: -20px;margin-top: -20px;}
}