body{
    position: relative;
	overflow-x: hidden;
	max-width: 640px;
	margin: 0 auto;
}

h1, h2, h3, h4, h5,h6 {
    font-weight: bold;
    line-height: 1;
    margin: 1rem 0;
}

h1 {
    font-size: 1.125rem;
}
h2 {
    font-size: 1.0625rem;
}
h3,h4 {
    font-size: 1rem;
}
h5,h6 {
    font-size: 0.9375rem;
}

ul {
    padding: 0;
    list-style-type: none;
}

ul[style] {
    padding-left: 30px;
}

table {
	width: 100%;
}


table td,
table th {
	width: auto;
	word-break: break-all;
	white-space: normal;
}

img {
    max-width: 100%;
    height: auto;
}

p {
    margin-bottom: .5rem;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.PDtext table {
    max-width: 100% !important;
}

.homeheader {
	width: 100%;
	height: 3em;
	border-bottom: 3px solid #da8242;
	overflow: hidden;
	position: sticky;
    top: 0;
    background: #ffffff;
    z-index: 10;
}

.headerText {
	font-size: 0.8rem;
	/*padding-top: .2rem;*/
	display: flex;
	align-items: center;
}

.headerImg img{
	width: 4.5rem;
	/*padding: 0.5rem;*/
	padding: 0.1rem;
    max-height: 3em;
    object-fit: contain;
}

.headermenu{
	width: 100%;
	background-color: #E8E8E8;
	position: sticky;
    top: 3em;
    z-index: 10;
}

.headermenu li{
	position: relative;
	width: 25%;
	text-align: center;
	line-height: 0.9rem;
}

.headermenu li a,
.headermenu li .nav-link{
	color: #000;
	font-size: 0.8rem;
}

.headermenuNav .active{
	background-color: #da8242;
	font-weight: bold;
	border-radius: 0.3rem;
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffab02),to(#ff8a28));
}

.headermenuNav .active a,
.headermenuNav .active .nav-link {
	color: #fff;
}

.headermenuNav li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: #ffffff;
	z-index: 1;
	padding: .4rem 0;
}

.headermenuNav li ul li {
	width: 100%;
	padding: .3rem .2rem;
}

.headermenuNav li ul li a {
	width: 100%;
	color: #000 !important;
	text-align: center;
	font-weight: normal;
	/* padding: .5rem; */
}

.headerleftbord {
  position:relative;
}

.headerleftbord:before{
 content:""; 
	position:absolute;
	left:100%; 
	top:0.4em;
	width:2px;
	height:1.1em; 
	background-color:#CDCDCD
}

.headertext{
	font-size: 0.9rem;
	margin: 0.5rem 0.7rem;
}

.headertext h1{
    font-size: 1.5rem;
}

.headertext h1,
.headertext span{
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.4;
}
#banner{
	padding: 0 .8rem;
}
.bannerZome{
	margin-top: 1rem;
}

.bannerImg{
	width: 100%;
	text-align: center;
}

.bannerImg p{
	margin: 0 2rem;
	font-size:1rem;
}

.carouselPol{
	bottom: -2.5em;
}

.carouselPol li{
	width: 5px;
	height: 5px;
	background-color:orange;
	opacity:0.4
}

.navSide{
	margin-top: 1.5rem;
	background-color: #E8E8E8;
}

.navbar-toggler {
    font-size: .7em;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    background: -webkit-gradient(linear,0 0,0 100%,from(#ffab02),to(#ff8a28));
    color: #ffffff;
    font-weight: bold;
    border: 0 !important;
    justify-content: center;
}
.navbar-toggler-icon i {
    color: #ffffff !important;
}
.input-group {
    flex-wrap: nowrap;
}

.navbar-toggler-icon {
    font-size: 2em;
    width: auto;
    height: auto;
}

.navbar-toggler-icon i {
    margin-top: 0 !important;
}

.navSideRow {
	padding: .4rem;
	margin: 0;
	align-items: center;
}

.navSideRow #searchform{
    flex: 1;    
}

.SearchImg{
}

.SearchImg img{
	width: 1.5rem;
}

.navbar-border {
	border: 2px solid #CDCDCD;
}

.navSideRow i{
	color: #CDCDCD;
}

.navbar-border i{
	margin-top: 0.3rem;
}

.pagefooter {
	width: 100%;
	background-color: #f8f8f8;
	position:fixed;
	bottom:0;
	box-shadow: 0 -1px 3px #ccc;
	max-width: 640px;
}


.footerdiv{
	text-align: center;
	padding: 0.2rem 0;
}

.footerdiv button{
		font-size: 0.8rem;
	width: 95%;
	border: 1px solid #ff9c00;
}
.footerdiv button a{
	color: white;
}
.btn-my{
	color: #ff9c00;
	background-color: #fff;
}

.btn-my i{
	color: #ff9c00;
}

.btn-my1{
	background: #ff9917;
	background: -webkit-gradient(linear,0 0,0 100%,from(#ffab02),to(#ff8a28));

}

.btn-my1 i{
	color:#fff;
}

.productsrow{
	margin-top: 1rem;
}


.proimg{
	text-align: center;
}

.proimg img{
	width: 90%;
	text-align: center;
	border: 1px solid #CDCDCD;
	height: calc(30vw - 30px);
	max-height: 159px;
    object-fit: contain;
}

.proimg a{
	color: #000;
	text-decoration: none
}

.proimg p{
	font-size: 0.9rem;
	margin-bottom: 0;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ProductsList{
    overflow: hidden;
}
.protable{
	width: 100%;
}
.protable table{
	margin-bottom: 0;
}
.protable td{
	
	width: 45%;
	font-size: 0.8rem;
	padding: 0.7rem 0.3rem 
	
}

.protable a{
	color: #000;
	text-decoration: none
}

.viewBtn{
	background-color:#E8E8E8;;
	padding: 0.5rem 0;
}

.btn-myview{
	width: 95%;
	margin-left: 2.5%;
}

.ComDet{
	font-size: 0.8rem;
	border-bottom: 10px solid #E8E8E8;
	padding: 0.5rem 0;
}

.ComDet th{
	vertical-align: top;
	padding-top: 0.5rem;
	color: #999;
	padding-left: 1rem;
}

.ComDet td{
	padding-top: .5rem;
	color: #333;
}

.ComDet h5{
	color: #666;
}

.comdet-i{
	height: 100%;
}

.comdet-i i{
	color: #666;
	font-size: 1.5rem;
	margin-top: 9rem;
}

.Contact .comdet-i i{
	margin-top:1.3rem;
}

.Contact tbody td i{
	font-size: 1.3rem;
}

.ChangeLang{
	padding: 0.5rem 0;
	background-color: #eee;
}

.ChangeLang h5{
	color: #666;
}

.ChangeLang .form-control{
	font-size: 0.8rem;
}

.footer{
	text-align: center;
	font-size: 0.8rem;
	margin-bottom: 4rem;
}

.action-bar{
	padding: 0.5rem 0;
	border-bottom: 1px solid #ddd;
}
.desktop-wrap{
	padding: 0.5rem;
}

.copy-right{
	color: #999;
}


.prolis{
	padding: 0.5rem;
	border-bottom: 1px dashed #ddd;
}

.prolis .col-8{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.prolis .opt {
    display: flex;
    align-items: center;
    margin-top: 2rem;
    justify-content: space-around;
}

.prolis .opt .btn {
    font-size: 0.8rem;
    background: #ff931d;
    color: #ffffff;
    line-height: 1.2;
    /*margin-right: 1rem;*/
}

.proone{
	margin: 0;
}
.ProductsList img{
	width: 8rem;
	height: 8rem;
	object-fit: cover;
	border: 1px solid #eee;
}

.ProductsList p{
	font-size: 0.8rem;
	color: #333;
}

.ProductsList h2{
    font-size: 0.8rem;
    color: #333;
    font-weight: normal;
    line-height: 1.5;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
    overflow: hidden;
}

.proname{
	font-size: 1rem;
	margin: 1rem 15px;
	font-weight: bold;
	line-height: 1.5;
}


.ContactSupplier{
	text-align: center;
}

.btn-CS{
	margin-top: 2rem;
	width: 90%;
	background: #ff9917;
    border: 1px solid #e97a0e;
	font-weight: bold;
	background: -webkit-gradient(linear,0 0,0 100%,from(#ffab02),to(#ff8a28));

	
}

.ProDet{
	border-bottom: none;
}

.ProDet h5,
.ProDet .subtitle {
	color: #666;
	border-bottom: 1px solid #dedede;
	padding-bottom: 0.5rem;
}

.ProDet th{
    color: #666;
	width:40%;
}

.ProDet td{
	color: #000;
	text-align: left
}

.ProDet a{
	font-weight: bold;
	font-size: 1rem;
	color: #428bca;
    text-decoration: none;
}

.ProDet th{
	padding-left: 2rem;
}

.Descir{
	background: #f5f5f5;
	border-radius: 0.5rem;
	padding-bottom: 3rem;

}

.detail-txt{
	color: #444;
	font-size: 0.8rem;
	padding-top: 0.7rem;
	padding-bottom: 0.7rem;
}

.key-words{
	font-weight: bold;
}

.key-words a{
	color: #428bca;
	text-decoration: none;
}

.ProDescrip{
	text-align: center;
}

.btn-PD{
	margin: 1rem 0; 
	width: 90%;
}

.subpage-entry{
	margin-bottom:  0.7rem;
}

.subpage-entry a{
	 color: #666;
	font-weight: bold;
}

.proimgmore a{
	display: block;
	text-align: center;
	color: #666;
}

.proimgmore img{
	width: 60px;
	height: 60px;
	text-align: center;
	border: 1px solid #CDCDCD;
}

.proimgmore p{
	text-align: left;
	font-size: 0.7rem;
	margin-bottom: 0;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.morerow{
	margin: 0 auto;
}

.morebanner{
	margin: 1rem 0;
}

.min-height{

    height:2rem;

    overflow:hidden;

}

.p_class{

    line-height:1.8rem;

    font-size:14px;

}
.mrc-btn-wrap{
	text-align: center;
}

.mrc-btn{
	width: 90%;
}

.aboutusimg{
	border-top: 1px solid #efefef;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.aboutusimg img{
	width: 7rem;
}

.ContactText h5{
	font-size: 1.1rem;
	font-weight: bold;
    color: #444;
	padding-bottom: 1rem;
	border-bottom: 1px solid #ddd;
}

.ContactText th{
	width: 30%;
}





.paginator{
	position: relative;
    text-align: center;
	height:3.5rem;
	padding: 0.5rem 0;
	    line-height: 2.5rem;
}

.btn-prev {
	background-color: #f8f8f8;
    border: 1px solid #e2e2e2;
	left: 1rem;
	position: absolute;
    width: 36px;
}

.btn-next{
	position: absolute;
	right: 1rem;
	background-color: #f8f8f8;
    border: 1px solid #e2e2e2;
}

.paginator i{
	color: #3D3333;
}

.paginator span{
	font-size: 0.9rem;
	margin: 2 auto;
}

.gobackBtn{
	margin: 0.7rem 0;
	text-align: center;
}

.btn-goback{
	width: 100%;
}

.PDtext{
	font-size: 0.8rem;
}

.PDtext * {
    max-width: 100%;
    word-break: break-word;
}

.PDtext h1 {
    font-size: 1.5rem;
}

.PDtext h2, .PDtext h3 {
    font-size: 1rem;
}

.PDtext div,
.PDtext p,
.PDtext li {
    word-break: break-word;
}

.PDtext table{
    width: 100% ;
}
.PDtext ul {
    width: 100% !important;
}

.PDtext .details_table tr {
    display: table-row !important;
    word-break: initial !important;
}

/*.PDtext p:nth-child(2){*/
/*	font-size: 1.1rem;*/
/*	color: #0000FF;*/
/*	font-weight: bold;*/
/*}*/

/*.PDtext p:nth-child(6){*/
/*	margin-top: 2rem;*/
/*	margin-bottom: 2rem;*/
/*}*/

/*.PDtext p:nth-child(13){*/
/*	font-size: 1.1rem;*/
/*	color: #0000FF;*/
/*	font-weight: bold;*/
/*}*/

/*.PDtext p:nth-child(24){*/
/*	font-size: 1.1rem;*/
/*	color: #0000FF;*/
/*	font-weight: bold;*/
/*}*/
.PDtext img{
	margin-bottom: 1rem;
    max-width: 100% !important;
    height: auto !important;
}

.PDtext table td{
	/* width: 50%; */
}

.PDfooter p{
	font-size: 0.9rem;
	font-weight: bold;
}

.PDfooter span{
	font-size: 1.1rem
}

.PDbackfooter{
	padding: 0.5rem 0;
	border-bottom: 1px solid #ddd;
}
.PDbackfooter a{
	color: #8B8B8B;
	text-decoration: none
}

.contanowtitle{
	background-color: #E8E8E8;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	font-size: 0.8rem;
	font-weight: bold;
}

.CNform{
	margin: 0.9rem 0.8rem
}
.CNform a{
	text-decoration: none
}
.CNform p{
	color: #666;
	font-weight: bold;
	padding-top: 0.4rem;
}

.CNform span{}

.form-groupchang{
	margin-bottom: 0;
}

.messageBox{
	margin-top: 0.6rem;
	width: 95%;
	height: 6rem;
	border-radius: 0.2rem;
	border:1px solid #ced4da;
	    padding-left: 0.5rem;
}

.FCcon{
	width: 95%;
	border: 1px solid #e97a0e;
    border-radius: 2px;
    background: -webkit-gradient(linear,0 0,0 100%,from(#ffab02),to(#ff8a28));
	font-weight: bold;
	color: #fff;
}

.CDcheck{
	text-align: center;
	margin-top: 2rem;
	padding-bottom: 4rem;
	margin-bottom: 1rem;
	border-bottom: 0.7rem solid #E8E8E8;
}

.CDcheck p{
	font-size: 1.2rem;
	padding-left: 2rem;
	padding-right: 2rem;
}

.CDcheck i{
	font-size: 5rem;
}

.csddiv button{
	width: 95%;
	font-weight: bold;
}

.btn-csd{
	color: #666;
    border: 1px solid #bcbcbc;
    background: #efefef;
    background: -webkit-gradient(linear,0 0,0 100%,from(#fafafa),to(#e8e8e8));
}

.btn-csd1{
	color: #fff;
	border: 1px solid #e97a0e;
    background: -webkit-gradient(linear,0 0,0 100%,from(#ffab02),to(#ff8a28));
}
#banner img{width: 100%;}

.links_ship{text-align:center;}
.links_ship>ul{display:inline-block;list-style-type: none;padding: 0;}
.links_ship>ul>li{float:left;margin-right:.1rem;}



/*2023-2-15增加*/
/* li {
	list-style: none;
} */
.cont_main_box_inner{
	padding: 0 10px;
}
.cont_main_box_inner h5{
	font-size: 1.1rem;
    font-weight: bold;
    color: #444;
	padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #ddd;
}
.no_company_factory_detail {
	font-size: 14px;
	margin: 0 auto;
	overflow: hidden;
	line-height: 22px;
	/* padding: 0 10px; */
}

.no_company_factory_detail ul {
	padding: 0;
}

.no_company_factory_detail .title {
	font-size: 16px;
	font-weight: bold;
	height: 35px;
	line-height: 35px;
	margin-top: 15px
}

.no_company_factory_detail .con_inner {
	padding: 10px;
	border-top: 2px solid #23c2be;
}

.no_company_factory_detail li .title {
	padding-left: 10px;
	background: #f5f5f5;
	color: #23c2be;
}

.no_company_factory_detail li.last {
	padding-bottom: 0
}

.no_company_factory_general .isho {
	overflow: hidden;
	/* padding: 0 10px; */
}

.no_company_factory_general .but {
	height: 35px;
	display: block;
	text-align: left;
	line-height: 35px;
	overflow: hidden;
	background-color: #f5f5f5
}

.no_company_factory_general .but span {
	float: left;
	display: inline;
	height: 35px;
	margin-right: 5px;
	text-align: center;
	font-weight: bold
}

.no_company_factory_general .but span a {
	text-decoration: none;
	padding: 0 10px;
	float: left;
	display: inline;
	font-size: 16px;
	color: #000;
}

.no_company_factory_general .but span.cur a,.no_company_factory_general .but span:hover a {
	background-color: #fff;
	color: #23c2be;
	border-top: 2px solid #23c2be;
	border-bottom: 0
}

.no_company_factory_general .confac {
	text-align: left;
	display: none;
	line-height: 1.5em;
	padding: 5px 0;
	width: 100%;
}

.no_company_factory_general .confac tr {
	display: flex;
	flex-direction: column;
}

.no_company_factory_general .isho div.cur {
	display: block;
}

.no_company_factory_general .le_td {
	width: 100%;
	vertical-align: top
}

.no_company_factory_general .name_td {
	padding-top: 10px;
	padding-left: 8px;
	vertical-align: top
}

.no_company_factory_general .le {
	width: 100%;
	border: #dcdcdc solid 3px;
	overflow: hidden;
	position: relative
}

.no_company_factory_general .le .pic_title {
	display: none !important;
}

.no_company_factory_general .le .img_wrap {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	/* height: 250px; */
	overflow: hidden
}

.no_company_factory_general .le .img_wrap img {
	max-width: 100%;
	/* max-height: 250px; */
	margin: 0 auto
}

.no_company_factory_general .page {
	position: absolute;
	left: 50%;
	bottom: 1rem;
	margin: 0;
	transform: translateX(-50%);
}

.no_company_factory_general .page span {
	display: inline-block;
	padding: 3px 6px;
	display: inline-block;
	background: #fff;
	border-radius: 3px
}

.no_company_factory_general .img_wrap img {
	display: none
}

.no_company_factory_general .img_wrap img.cur {
	display: block
}

.no_company_factory_general .pic_title span {
	display: none
}

.no_company_factory_general .pic_title span.cur {
	display: block
}

.no_company_factory_general .page span {
	display: inline-block;
	padding: .2rem .5rem;
	display: inline-block;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	cursor: pointer;
	margin-right: .5rem;
}

.no_company_factory_general .page span.cur {
	background: #23c2be;
	color: #fff;
	border-color: #23c2be
}

.no_company_factory_general .title {
	font-size: 14px
}

.no_company_quality_certification {
	margin: 0 auto;
	overflow: hidden;
	padding: 7px 0;
	line-height: 22px
}

.no_company_quality_certification .content_box {
	padding: 10px 0 10px 10px;
	overflow: hidden
}

.no_company_quality_certification .img_wrap {
	width: 100px;
	vertical-align: top;
	padding-top: 4px;
	text-align: center
}

.no_company_quality_certification .img_wrap img {
	max-width: 80px
}

.no_company_quality_certification .detail_td {
	text-align: left
}

.no_company_quality_certification .detail_td .range_box {
	line-height: 16px;
	margin-top: 3px
}

.no_company_quality_certification .detail_wrap {
	margin-bottom: 6px;
	width: 50%;
	float: left
}

.no_company_quality_certification .detail_wrap .tit {
	font-weight: bold;
	display: inline-block;
	margin-right: 4px
}

.no_company_quality_qcprofile {
	margin: 0 auto;
	overflow: hidden;
	line-height: 22px
}

.no_company_quality_qcprofile .content_box {
	padding: 10px;
	overflow: hidden
}

.no_contact_detail {
	overflow: hidden;
	background: #fff;
	margin-bottom: 1rem;
}

.no_contact_detail .main_title {
	    padding-left: 10px;
	    background: #f5f5f5;
	    color: #23c2be;
	    font-size: 16px;
	    font-weight: bold;
	    height: 35px;
	    line-height: 35px;
	    margin-top: 15px;
	    border-bottom: 2px solid #23c2be;
}

.no_contact_detail .main_title .main_con {
	color: #23c2be
}

.no_contact_detail .content_box {
	padding: 10px;
}

.no_contact_detail .content_box .ri b {
	line-height: 1.6rem;
}

.no_contact_detail .content_box .le {
	width: 100%;
	line-height: 20px;
}

.no_contact_detail .content_box .le p.i_m_g img {
	margin-right: 4px
}

.no_contact_detail .content_box .ri {
	width: 100%;
	height: 250px;
	/* display: inline; */
}

.no_contact_detail .content_box .ri textarea {
	width: 100%;
	height: 10rem;
	font-family: arial;
	font-size: 12px;
	margin-top: .5rem;
	padding: .5rem;
}

.no_contact_detail .content_box .ri span {
	text-align: right;
	width: 100%;
	display: block
}

.no_contact_detail .le .i_m_g {
	margin-top: 5px
}

.no_contact_detail .le .i_m_g::after{
	content: '';
	display: block;
	clear: both;
}

.no_contact_detail .le .i_m_g a {
	margin-right: 5px;
	float: left;
	height: 22px;
	display: block;
	background: url(../images/modular_bg.png)
}

.no_contact_detail .le .i_m_g .i_m_g_1 {
	width: 21px;
	background-position: -123px -270px
}

.no_contact_detail .le .i_m_g .i_m_g_2 {
	width: 25px;
	background-position: -145px -270px
}

.no_contact_detail .le .i_m_g .i_m_g_3 {
	width: 22px;
	background-position: -168px -270px
}

.no_contact_detail .le .i_m_g .i_m_g_4 {
	width: 22px;
	background-position: -191px -270px
}

.no_contact_detail .le .i_m_g .i_m_g_5 {
	width: 22px;
	background-position: -214px -270px
}

.no_contact_detail .content_box .le {
	text-align: left;
	line-height: 1.6;
}
.no_contact_detail .le p {
	margin-bottom: 0;
}
.no_contact_detail .le p:nth-child(2),.no_contact_detail .le p:nth-child(3),.no_contact_detail .le p:nth-child(4) {
	direction: ltr;
	unicode-bidi: bidi-override
}

.no_contact_main {
	margin: 0 0 15px 0;
	background: hsl(0,100%,100%)
}

.no_contact_main .main_title .main_con {
	font-size: 16px;
	font-weight: bold
}

.no_contact_main .conh {
	margin-top: 10px;
	padding-bottom: 10px;
	line-height: 17px
}

.no_contact_main .tables th {
	width: 122px!important;
	vertical-align: top;
	text-align: right;
	padding: 3px 0
}

.no_contact_main .tables td {
	text-align: left;
	padding: 3px 0 3px 6px
}

.no_contact_main .ri {
	padding-right: 40px
}

.no_contact_main .ri .message_box {
	color: #777;
	font-size: 12px;
	font-family: arial;
	width: 100%;
	height: 160px;
	margin: 4px 8px 0 0
}

.no_contact_main .ri .num_wrap {
	text-align: right
}

.no_contact_main .ri .num {
	color: red
}

.no_contact_main .main_title_m {
	height: 3px;
	display: none
}
.cont_main_no_inner .main_title{
        padding-left: 10px;
    background: #f5f5f5;
    color: #23c2be;
    font-size: 16px;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    border-bottom: 2px solid #23c2be;
}


.search-btn-box {
    flex-wrap: nowrap;
}

.search-btn-box .s-btn{
    margin-left: 1rem;
}

.search-btn-box .s-btn button {
    background: #009688;
}

.search-btn-box .s-btn .txt{
    margin-left: .4rem;
    font-size: .8rem;
}

.ChangeLang {
    display: none;
}

.video-play {
    position: relative;
    width: 100%;
    height: 13rem;
}

.video-play iframe, 
.video-play video {
    width: 100%;
    height: 100%;
}


.video-play .cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
}

.video-play .cover::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90px;
    height: 65px;
    background: url(/themes/cn/images/icon-play.png) no-repeat center;
    background-size: contain;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.video-play .cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-play.on .cover {
    display: none;
}

.breadcrumb {
    margin: .625rem 0;
    background: #ffffff;
    padding: 0;
    font-size: .8rem;
}
.breadcrumb a {
    position: relative;
    color: #e50112;
    padding-right: 1.875rem;
}
.breadcrumb a::after {
    position: absolute;
    top: 50%;
    right: .8rem;
    content: " ";
    display: inline-block;
    width: 0.8125rem;
    height: 0.6875rem;
    background: url(/themes/cn/images/modular_bg.png) no-repeat 100% -21px;
    transform: translateY(-50%);
}
.breadcrumb a:last-of-type{
    padding-right: 0;
}
.breadcrumb a:last-of-type::after{
    display: none;
}

.pub-banner {
    background: url(/themes/cn/images/pub-bg.jpg) no-repeat center;
    background-size: cover;
    padding: 1rem 0;
}

.pub-banner .title{
    text-align: center;
    color: #FFF;
}

.pub-banner .txt {
    font-size: .8rem;
    color: #FFF;
    line-height: 1.6;
}

.pro-video {
    padding-bottom: 1rem;
    margin-top: 1rem;
}

.pro-video .title {
    text-align: center;
}

.pro-video .txt {
    font-size: .8rem;
}

.pro-video .video-play {
    margin-bottom: .5rem;
}

.pro-video button {
    display: block;
    font-size: .8rem;
    font-weight: bold;
    color: #ffffff;
    padding: .6rem 1.8rem;
    margin: .8rem auto;
    background: #000;
}

.pro-video button a {
    color: #ffffff;
}

.cate-box {
    padding: 1rem 0;
    background: #f4f4f4;
}
.cate-box .pro-pub-title{
    text-align: center;
}
.cate-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.6rem;
}
.cate-list .item {
    position: relative;
    width: 32%;
    margin-right: 2%;
    margin-bottom: .625rem;
}
.cate-list .item:nth-of-type(3n + 3){
    margin-right: 0;
}
.cate-list .item .img-box {
    position: relative;
    width: 100%;
    padding-top: 100%;
    overflow: hidden;
    background: #f4f4f4;
}
.cate-list .item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.cate-list .item .title {
    font-size: .8rem;
    color: #333333;
    line-height: 1.4;
    margin: .5rem 0;
    text-align: center;
}
.cate-list .item.s2 {
    height: 370px;
    background: #f4f4f4;
}
.cate-list .item.s2 .title {
    font-size: 32px;
    font-weight: bold;
    color: #ffffff;
    line-height: 1.2;
    padding: 20px;
    margin: 0;
    background: #e4012b;
    text-transform: uppercase;
}
.cate-list .item.s2 ul li a{
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    color: #010101;
    padding: 18px 36px;
    border-bottom: 1px solid #eeeeee;
}
.pageination {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .7rem;
    color: #333333;
    line-height: 1.2;
    margin: 1rem 0;
}
.pageination .total {
    margin-right: 1rem;
}
.pageination ul {
    margin: 0;
}
.pageination ul  a {
    display: inline-block;
    color: #000;
    text-align: center;
    padding: .25rem 0.375rem;
    min-width: 1.5625rem;
    border: 1px solid #cfcfcf;
    margin: 0 0.1875rem;
}
.pageination ul a.on {
    color: #ffffff;
    background: #e4012b;
    border-color: #e4012b;
}

.pro-intro {
    padding: .6rem 0;
}

.pro-intro .cont {
    font-size: .8rem;
}

.intro-list {
    padding: 1rem 0 2rem 0;
    background: #f4f4f4;
}

.intro-list .item .info {
    margin-bottom: 1rem;
}

.intro-list .item .txt {
    font-size: .8rem;
}

.tip-box {
    padding: 1rem 0;
}

.tip-box .cont {
    font-size: .8rem;
}

.contact-box {
    margin: 1rem 0;
}
.contact-box .title {
    text-align: center;
}
.contact-box .content .title {
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0 .8rem 0;
    line-height: 1.2;
}
.contact-box .lbox ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
} 
.contact-box .lbox ul li {
    width: 33%;
    font-size: .8rem;
    margin: .625rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.contact-box .lbox ul li img {
    width: 3.125rem;
    height: 3.125rem;
    object-fit: contain;
    margin-bottom: .625rem;
}
.contact-box .rbox {
    margin-top: .1rem;
}
.contact-box .rbox ul li {
    position: relative;
    margin-top: 0.9375rem;
}
.contact-box .rbox ul li.big {
    width: 100%;
}
.contact-box .rbox ul li.require::before {
    content: "*";
    position: absolute;
    top: 1.2rem;
    left: 1rem;
    color: #eb2424;
    line-height: 1;
}
.contact-box .rbox ul li input,
.contact-box .rbox ul li textarea {
    width: 100%;
    font-size: .8rem;
    font-family: Microsoft YaHei;
    background: #f4f4f4;
    padding: 0.9375rem  1.25rem .9375rem 1.875rem;
    border: 0;
}
.contact-box .rbox ul li textarea {
    width: 100%;
    height: 6.25rem;
}
.contact-box button {
    display: block;
    font-size: .8rem;
    font-weight: bold;
    color: #ffffff;
    padding: .4rem 2.5rem;
    margin: 0 auto;
    margin-top: 0.9375rem;
    background: #000;
}

.comment-box {
    background: #f4f4f4;
    padding: .4rem 0 1rem 0;
}

.comment-box .title {
    text-align: center;
}

.comment-box ul li {
    width: 100%;
    font-size: .8rem;
    line-height: 1.7;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    background-color: #FFF;
    padding: 0.9375rem;
    margin-bottom: 0.9375rem;
}

.comment-box li .name {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: #999;
    margin-top: 0.625rem;
}

.comment-box li .name::before {
    content: '';
    width: 1.6rem;
    height: 1px;
    background-color: #999;
}

.pro-hot {
    padding: .2rem 0;
}
.pro-hot .title {
    text-align: center;
}
.pro-hot ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.6rem;
    margin-bottom: 0;
}
.pro-hot ul li {
    position: relative;
    width: 48%;
    margin-right: 4%;
    margin-bottom: .625rem;
}
.pro-hot ul li:nth-of-type(2n + 2) {
    margin-right: 0;
}
.pro-hot ul li a {
    display: block;
}
.pro-hot ul li .img-box {
    position: relative;
    width: 100%;
    padding-top: 100%;
    overflow: hidden;
    background: #f4f4f4;
}
.pro-hot ul li img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.pro-hot ul li .name {
    font-size: .8rem;
    color: #010101;
    line-height: 1.7;
    margin-top: .625rem;
}

.video-detail {
	margin: 1rem 0;
}

.table-col tr{
	display: flex;
	flex-direction: column;
}
.table-col td,
.table-col th {
	width: 100%;
}