@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
body, html {
	width:100%;
}
html{font-size:10px;}
@media screen and (max-width: 1920px) {
  html {
    font-size: 0.5208333333vw;
  }
}

body {
	margin:0;
	padding:0;
	font-family:"Montserrat","Microsoft YaHei", Arial;
	line-height:1.5;
	color:#000;
	width:100%; background:#fff;
	font-size:14px;
	margin:0px auto;
	overflow-x: hidden;

}
a {
	color:#000;
	text-decoration:none;
}
a:hover {
	
}
img {
	border:0;
	display:inline;
	vertical-align: bottom;
	width:auto;
	height:auto;
	max-width:100%;
}
div, ul, li, dl, dd, span, h1, h2, p, h4, h3 {
	margin:0;
	padding:0;
	list-style:none;
}
.clear {
	clear:both;
}
.container {
	margin:0px auto;
   max-width:1570px;
   width:92%;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* {
	box-sizing: border-box;
}
.flex-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.flex-center-y {
	display: flex;
	align-items: center;
}
* {
	box-sizing: border-box;
}

/* 首页 */
header{position: sticky; left:0px; top:0px; width:100%; z-index:100000;}
header .top_1{ background-color:rgba(215, 27, 34, 1);}
header .top_1 .container{  color:#fff; display:flex;align-items:center;}
header .top_1 ul{height:42px;flex:1; overflow:hidden;}
header .top_1 ul li{ display:flex;align-items: center; margin-right:20px;}
header .top_1 ul li .iconfont{ margin-right:6px;}
.lang{ display:flex;}
.lang a{color:#fff; display:flex; align-items:center; margin-left:15px; white-space:nowrap; }
.lang a:before{content:"";width:16px; height:11px;margin-right:4px;}
.lang a.th:before{ background:url(../images/th.png) center no-repeat; background-size:cover;}
.lang a.en:before{ background:url(../images/en.png) center no-repeat; background-size:cover;}
header .head_1 { background-color:rgba(255, 255, 255, 1); position:relative;}
header .head_1 .container{ height:45px;}
header .head_1 .logo{}
header .head_1 .logo img{ height:43px; width:auto;}
header .head_1 .tpright a{color:#333;}
header .head_1 .tpright a:nth-child(1){ margin-left:0;}

header .head_1 .tpright { background: #f2f2f2;
    border-radius: 50px; padding:0px 10px;cursor:pointer;transition: all .3s ease;-webkit-transition: all .3s ease;}
header .head_1 .tpright .sumbit{ width:38px;height:38px; line-height:normal;    color: rgb(102, 102, 102); font-size:22px; background-color:none; border:0px;background:none; outline:none; transition: all .3s ease;-webkit-transition: all .3s ease; display:flex; align-items:center; justify-content:center;}
header .head_1 .tpright .formbit{background:none; border:0px; width:0px;height:38px; line-height:normal;outline:none; position:relative;cursor:pointer;opacity:0;}
header .head_1 .tpright:hover .formbit{ width:150px;opacity:1;}

header .head_1 .menu{ }
header .head_1 .menu ul{ width:100%;display: flex;
    align-items: center;
    justify-content: center;}
header .head_1 .menu ul li{ flex:1;display: flex;
    align-items: center;
    justify-content: center; height:45px;}
header .head_1 .menu ul li a{font-size: max(1.8rem,16px);}
header .head_1 .menu ul li .title{ color:rgba(255, 0, 0, 1); white-space: nowrap; padding:0px 20px;display: flex;
    align-items: center;
    justify-content: center;}
header .head_1 .menu ul li .title:hover,header .head_1 .menu ul li:hover .title{ font-weight:600;}
header .head_1 .menu ul li .title .iconfont{ font-size:13px; margin-left:4px;transition: all .3s ease;-webkit-transition: all .3s ease;}
header .head_1 .menu ul li .title:hover .iconfont{transform: rotate(
180deg
);
-webkit-transform: rotate(
180deg
);
}
header .head_1 .menu ul li.active .title{ font-weight:600;}
header .head_1 .menu ul li .su_menu{ position:absolute; top:100%; width:100%; left:0px; background:#fff;font-size:16px;transform-origin: 50% 0; transform: scaleY(0) translateZ(0);
    opacity: 0;
    transition: transform 0.3s,opacity 0.3s;}
header .head_1 .menu ul li:hover .su_menu{ transform: scaleY(1) translateZ(0);
    opacity: 1;}
header .head_1 .menu ul li .su_menu .container{display: flex;align-items: stretch; height:auto; height:60vh;}
header .head_1 .menu ul li .su_menu .container .su_left{ width:30%; background:#fff; height:100%; overflow-y:auto;}
header .head_1 .menu ul li .su_menu .container .su_content{ flex:1;background:#f8f8f8;overflow-y:auto;}
header .head_1 .menu ul li .su_menu .container .su_content{}
header .head_1 .menu ul li .su_menu .container .su_left ul{  flex-direction: column; padding:10px;}
header .head_1 .menu ul li .su_menu .container .su_left ul li{  padding:15px 32px; height:auto; font-weight:600; text-align:left; width:100%; display:block; cursor:pointer;}

header .head_1 .menu ul li .su_menu .container .su_left::-webkit-scrollbar { display:none;
}
header .head_1 .menu ul li .su_menu .container .su_left::-webkit-scrollbar-thumb {
   display:none;
}
header .head_1 .menu ul li .su_menu .container .su_left ul li:hover{ color:rgba(215, 27, 34, 1);}
header .head_1 .menu ul li .su_menu .container .su_left ul li.cur{ color:rgba(215, 27, 34, 1);}
header .head_1 .menu ul li .su_menu .su_content{ padding:40px;}
header .head_1 .menu ul li .su_menu .su_content ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 30px 30px;
align-items: stretch;}
header .head_1 .menu ul li .su_menu .su_content ul li a{ display:block; width:100%; color:#000; font-weight:600; }
header .head_1 .menu ul li .su_menu .su_content ul li a .photo{position:relative; display:block; padding-top:100%; width:100%; overflow:hidden; margin-bottom:20px;}
header .head_1 .menu ul li .su_menu .su_content ul li a .photo img{ width:100%; height:100%; position:absolute; top:0px; left:0px;object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
header .head_1 .menu ul li .su_menu .su_content ul li a:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
header .head_1 .menu ul li .su_menu .su_content ul li{ height:auto;}
header .head_1 .menu ul li .su_menu .su_content::-webkit-scrollbar { display:none;
}
header .head_1 .menu ul li .su_menu .su_content::-webkit-scrollbar-thumb {
   display:none;
}
.banner{ position:relative}
.banner ul li{ text-align:center;}
.banner .xf_bt{ position:absolute;display: flex;
    align-items: center;
    justify-content: center; z-index:1000; width:100%; left:0px; bottom:3% !important;}
.banner .xf_bt span{  background-color:rgba(255,255,255,0.8); width:8px; height:8px; border:1px #D71B22 solid; border-radius:50%; margin:0px 8px !important; cursor:pointer;}
.banner .xf_bt span.active{ background:#D71B22; width:14px; height:14px;}

.tabcontent_1 .box{
	display:none;
}
.tabcontent_1 .box.cur{
	display: block;
}

/*首页*/
.part_1{ background-image:url(../images/cePjGB2nYs.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; padding:54px 0px;}
.part_1 .index_about{display: flex;align-items:flex-start; font-weight:600; }
.part_1 .index_about .about_left{ flex:1; margin-right:5%;}
.part_1 .index_about .about_right{ width:45%; text-align:right; line-height:2; font-size:16px;}
.part_1 .index_about .about_left .title{ color:#D71B22;font-size:max(3.5rem,25px); text-align:center; margin-bottom:42px;}
.part_1 .index_about .about_left .desc{ line-height:3; margin-bottom:42px;font-size:max(2rem,15px); }
.part_1 .index_about .about_left .desc .year{    color: rgba(255, 0, 0, 1);}
.part_1 .index_about .about_left .more{display: flex;
    align-items: center;
    justify-content: center;}
.part_1 .index_about .about_left .more a{font-size:max(2.1rem,15px); background-color:rgb(215, 27, 34); color:#fff; line-height:2; padding:0px 25px; display:inline-block;transition: all .3s ease;-webkit-transition: all .3s ease;}
.part_1 .index_about .about_left .more a:hover{ background:#fff; color:rgb(215, 27, 34);}
.part_2{ padding:53px 0px;}
.index_bt{ text-align:center; margin-bottom:30px;}
.index_bt .title{font-size:max(4rem,30px); text-transform: uppercase;font-weight:600; }
.index_bt .desc{ font-size:max(1.7rem,14px);}
.index_product{ margin-bottom:50px;}
.index_product ul{display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 20px 20px;
align-items: stretch;}
.index_product ul li{ overflow: hidden;}
.index_product ul li a{ position:relative; display:block;}
.index_product ul li .photo{ position:relative; padding-top:100%;}
.index_product ul li .photo img{ width:100%; height:100%; position:absolute; left:0px; top:0px;object-fit: cover;
 object-position: center center;
}
.index_product ul li a .title{ line-height:1;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; bottom: 20px;
    color: #fff;
    font-size:max(1.8rem,14px); 
    font-weight: 600;
    left: 0;
    padding: 0 20px;
    position: absolute;
    width: 100%;}
.index_product ul li a .xfk{    align-items: center;
    background:#D71B22;
    bottom: 0;
    color: #fff;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    transition: all .6s ease-in;
    width: 100%;
    z-index: 11;}
.index_product ul li a:hover .xfk{ opacity: 0.9;}
.index_new { margin-bottom:30px;}
.index_new ul{ }
.index_new:after{content:"\200B";display:block; height:0px; overflow:hidden;clear:both;}
.index_new ul li{ width:32%; margin-right:2%; float:left;}
.index_new ul li:last-child{ margin-right:0%;}
.index_new ul li a{ display:block;}
.index_new ul li a .photo{position:relative; display:block; padding-top:65%; width:100%; overflow:hidden;}
.index_new ul li a .photo img{ width:100%; height:100%; position:absolute; top:0px; left:0px;object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.index_new ul li a:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.index_new ul li a .title{ font-size: max(1.8rem,14px); font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; margin:18px 0px;}
.index_new ul li a .date{font-size: max(1.4rem,12px); color:rgb(162, 175, 190);}

.index_more{display: flex;
    align-items: center;
    justify-content: center;}
.index_more a{ width:max(35.3rem,250px);display: flex;
    align-items: center;
    justify-content: center; background-color:rgb(215, 27, 34); color:#fff; line-height:2; height:40px;transition: all .3s ease;-webkit-transition: all .3s ease; font-size: max(1.6rem,14px); border-radius:2px;}
.index_more a:hover{ background:#fff; color:rgb(215, 27, 34); border:1px rgb(215, 27, 34) solid;}

/*底部*/
footer{background-color: rgba(45, 43, 45, 1);color:#fff; font-size:14px; padding-bottom:20px;}
footer .foot_1{ align-items:flex-start;  padding:30px 0px; }
footer .foot_1 .f_left{ width:35%; margin-right:5%;}
footer .foot_1 .f_left .db_logo{ margin-bottom:10px;}
footer .foot_1 .f_left .db_logo img{ height:46px; width:auto;}
footer .foot_1 .f_menu{ flex:1; padding-top:50px;}
footer .foot_1 .f_menu ul{display: flex;
   align-items:flex-start; 
    justify-content: space-between;}
footer .foot_1 .f_menu ul li{ flex:1; padding-right:10px;}
footer .foot_1 .f_menu ul li:last-child{ padding-right:0px;}
footer .foot_1 a{ color:#fff;}
footer .foot_1 .f_menu ul li .title{ font-size:16px;font-weight:600; margin-bottom:10px;}
footer .foot_1 .f_menu ul li dl dd{ margin-bottom:5px; display:block;}
footer .foot_1 .f_left .kefu { margin:10px 0px 20px;}
footer .foot_1 .f_left .kefu a{ width:20px; height:20px; border-radius:50%; color:#fff;display: flex;
    align-items: center;
    justify-content: center; margin-right:10px; font-size:12px; background-color:#0062e0;}
footer .foot_1 .f_left .kefu .icon-shejiaotubiao-14{ background-color:#0a66c2;}
footer .foot_1 .f_left .kefu .icon-ins{ background:linear-gradient(to bottom,#814bb4,#cd3d85,#fe8849);}
footer .foot_1 .f_left .search{ width:100%; border:1px #D71B22 solid; display:flex; align-items:center; border-radius:2px;}
footer .foot_1 .f_left .search .sumbit{ width:40px;height:24px; line-height:normal; background-color:none; border:0px;background:none; outline:none;display: flex;
    align-items: center;
    justify-content: center; color:#fff; background-color:#D71B22; font-size:14px;}
footer .foot_1 .f_left .search .formbit{background:none; border:0px; flex:1;height:24px; line-height:normal;outline:none; cursor:pointer; color:#fff; padding:0px 10px;} 
footer .copyright{display: flex;
    align-items: center; flex-wrap: wrap;
    justify-content: center; font-size:12px; color: rgb(153, 153, 153);}
footer .copyright a{color: rgb(153, 153, 153);}
.xf_online{ position:fixed; right:10px;    
    font-size: 10px;
    padding: 5px;
    z-index: 998; top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.xf_online ul{display: flex;
    flex-direction: column;}
.xf_online ul li{ margin-bottom:5px; position:relative;}
.xf_online ul li a.iconfont{ width:60px; height:56px;display: flex;
    align-items: center;
    justify-content: center; background:#fff; border-radius:10px;box-shadow: 0px 2px 10px 0px rgba(0, 26, 74, 0.10); font-size:26px; color:#0070ff;}
.xf_online ul li:last-child{ margin-bottom:0px;}
.xf_online ul li a.icon-whatsapp{ color:#25d366;}
.xf_online ul li a.icon-weixin{ color:#00c800;font-size:33px;}
.xf_online ul li a.icon-huidaodingbu{ color:#000;font-size:33px;}
.xf_online ul li .code{ position:absolute; right:calc(100% + 10px);
 background:#fff; width:200px;border-radius: 4px;
    font-size: 12px;
    line-height: 1.2;
    min-width: 10px;
    padding: 10px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);opacity:0;transition: all .3s ease;-webkit-transition: all .3s ease;text-align:center;box-shadow: 0px 2px 10px 0px rgba(0, 26, 74, 0.10);visibility:hidden}
.xf_online ul li .code .tit{ color:#337ab7; display:block; padding-top:6px; }
.xf_online ul li:hover .code{opacity:1;visibility: visible;}

/*移动菜单*/
.menubtn {
	display: flex;
	justify-content: center;
	align-items: center;
	width:26px;
	height:40px;
	right:0px;
	z-index:100;
	display:none;
	position:relative;
}
.menubtn .name {
	font-size:16px;
	left:-60px;
	font-weight:500;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	position:absolute;
	font-weight:600;
}
.menubtn .navbar-icons {
	height: 20px;
	width:100%;
	position: relative;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
 transition: .5s ease-in-out;
	display: flex;
	flex-direction:column;
	justify-content:space-between;
	cursor: pointer;
}
.menubtn .navbar-icons span {
	display: block;
	height: 2px;
	width: 100%;
	opacity: 1;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
 transition: .25s ease-in-out;
	top: 0;
	-webkit-transform-origin: left center;
	transform-origin: left center;
	background-color: rgba(215, 27, 34, 1);
	position:relative;
	border-radius:5px;
}
.menubtn .navbar-icons span:first-child {
	-webkit-transform-origin: left center;
	transform-origin: left center;
}
 .menubtn .navbar-icons span:nth-child(2) {
 -webkit-transform-origin: left center;
 transform-origin: left center;
 width:70%;
}
 .menubtn .navbar-icons span:nth-child(3) {
 -webkit-transform-origin: left center;
 transform-origin: left center;
}
.menubtn.open .navbar-icons span:first-child {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 1px;
}
 .menubtn.open .navbar-icons span:nth-child(2) {
 opacity:0;
}
 .menubtn.open .navbar-icons span:nth-child(3) {
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
 top:1px;
}
.menu-mc {
	position:fixed;
	overflow:hidden;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#fff;
	z-index:500;
 	transition:all .5s;
 	-webkit-transition:all .5s;
	transform:translateY(-100%);
	-webkit-transform:translateY(-100%);
	padding-top:85px;
	display:flex;
	flex-direction:column;
	display:none;
}
.menu-mc.active {
	transform:translateY(0);
	-webkit-transform:translateY(0);
}
.menu-mc .list {
	flex:1;
	overflow:auto;
}
.menu-mc .list ul {
	padding:0 24px;
}
.menu-mc .list ul li {
	line-height:60px;
}
.menu-mc .list ul li .submenu {
	display:none;
}
.menu-mc .list ul li .title {
	border-bottom: 1px solid #ccc;
	display: flex;
	align-items: center;
	justify-content:space-between;
	font-weight:600; color:#000;
	color:#000;
}
.menu-mc .list ul li .title .iconfont {
	transform: rotate(
90deg
);
-webkit-transform: rotate(
90deg
);
}
.menu-mc .list ul li a {
	display:block;
	font-size:15px;
	color:#999;
}
.menu-mc .list ul li .submenu a {
	padding-left:20px;
	line-height:45px;
}
.menu-mc .list ul li .submenu a:hover {
	   
	font-weight:600;
}

/*产品*/
.cen_m{ padding-bottom: 55px;}
.local{ color:rgb(96, 98, 102); display:flex; padding:20px 0px; align-items:center;flex-wrap: wrap;}
.local a{ font-weight:600;color:rgb(96, 98, 102);}
.local .line{ font-weight:600; margin:0px 9px;}
.product_m{display: flex;align-items:flex-start; }
.product_m .p_left{ width:34.9rem; background-color:#f3f9fc;}
.product_m .p_left .title{ background:#D71B22;color: #fff;
    font-size:max(2rem,18px);
    font-weight: 500; line-height:3;
    padding-left: 20px;}
.product_m .p_left ul{ padding:10px 20px; line-height:3;}
.product_m .p_left ul li a.tit{ display:flex;align-items: center;
    justify-content: space-between;}
.product_m .p_left ul li a.tit .infor{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; margin-right:10px;}
.product_m .p_left ul li a.tit .iconfont{ color:#96979a; font-size:12px;    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);transition: all .3s ease;-webkit-transition: all .3s ease;}
.product_m .p_left ul li dl{ padding-left:20px; display:none;}
.product_m .p_left ul li.active dl{  display:block;}
.product_m .p_left ul li a.tit .iconfont.active{transform: rotate(
270deg
);
-webkit-transform: rotate(
270deg
);}
.product_m .p_right{ flex:1; margin-left:2%; overflow:hidden;}
.product_m .p_right .p_title{font-size:max(2rem,18px); margin-bottom:30px;}
.product_m .p_right .p_list ul{display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 30px 30px;
align-items: stretch;}
.product_m .p_right .p_list ul li { overflow:hidden;}
.product_m .p_right .p_list ul li a{ display:block; width:100%;}
.product_m .p_right .p_list ul li a .photo{ position:relative; padding-top:100%;}
.product_m .p_right .p_list ul li a .photo img{ position:absolute; left:0px; top:0px; width:100%; height:100%;object-fit: cover;
 object-position: center center;}
 .product_m .p_right .p_list ul li a .photo .send{ background:#D71B22; color:#fff; text-align:center; width:100%;font-size:max(1.6rem,14px); position:absolute; left:0px; bottom:0px; z-index:20;transition: all .3s ease;-webkit-transition: all .3s ease;opacity:0; display:block; line-height:3;}
.product_m .p_right .p_list ul li a:hover .photo .send{opacity:1; }
.product_m .p_right .p_list ul li a .photo .send:hover{text-decoration:underline;}
.product_m .p_right .p_list ul li a .infor{ margin-top:18px;font-size:max(1.8rem,16px);display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; margin-bottom:10px;}
.product_m .p_right .p_list ul li a .date{color: rgb(172, 172, 172);
    font-size: 12px;}
/*翻页*/
.fany{display:flex;align-items: center; justify-content: center; margin-top:50px;text-transform: uppercase;
 }
/*分页*/
.divid-a {
    display: flex;
    align-items: center;
    justify-content: center;
flex-wrap: wrap; font-size:14px;
}
.divid-a a {
    background: #fff;
    color: #1B1B1B; font-size:14px;
   min-width:35px;
    padding:0px 10px; height:29px;
    cursor:pointer; margin:5px 4px;
	display: flex;
    align-items: center;
    justify-content: center;
	border:1px #d9dee5 solid; border-radius:2px;
	
} 
.divid-a a.iconfont{ font-size:12px;}
.divid-a span{ margin:5px 10px;}
.divid-a .active ,.divid-a a:hover ,.divid-a .page-num-current{
   color: #fff;
    background:#D71B22;
	border:1px #D71B22 solid;
}
.divid-a a.pre{transform: rotate(
180deg
);
transform: rotateY(
180deg
);}

/*关于我们*/
.loc_m{ background:#F5F5F5;}
.nybanner{ text-align:center;}
.nybanner img{ width:100%; height:auto;}
.about_part1{background-image:url(../images/5XWfadxfCs.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; padding:54px 0px;}
.about_1{ text-align:center;color: rgb(111, 110, 110); font-size:17px; font-weight:600; margin-bottom:30px;}
.about_1 .red{ color:rgb(255, 0, 0); margin-bottom:6px; font-size:max(3.2rem,25px);}
.about_part1 .about_2{display: flex;align-items:flex-start; width:100%;}
.about_part1 .about_2 .ab_left{ color:rgb(111, 110, 110); line-height:24px; flex:1; margin-right:3%; font-size:12px;}
.about_part1 .about_2 .ab_left .red{color: rgb(255, 0, 0);
    margin-bottom: 6px;}
.about_part1 .about_2 .ab_right{ width:45%;}
.about_part1 .about_2 .ab_right img{ margin-top:50px;}
.about_part1 .about_2 .ab_right .pic{ object-fit: cover;
 object-position: center center;}
 .story{ padding:30px 0px 54px;}
.story ul{}
.story ul li{display: flex;align-items: stretch; color:rgb(111, 110, 110);}
.story ul li .photo{display: flex;
    align-items: center;
    justify-content: center; width:50%;}
.story ul li .photo img{ max-width:80%; height:auto;}
.story ul li .tpright{display: flex;
    align-items: center;
    justify-content: center; flex:1;}
.story ul li .tpright .content{ width:80%; line-height:1.7;}
.story ul li .tpright .content .title{ font-weight:600; font-size:16px; margin-bottom:5px;}
.story ul li:nth-child(even){flex-direction: row-reverse;}
.about_part3{ text-align:center;}

.down_1 { padding-top:30px;}
.down_1 ul {display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 25px 25px;
align-items: stretch;}
.down_1 ul li { overflow:hidden;}
.down_1 ul li .photo{ position:relative; padding-top:70%;}
.down_1 ul li .photo img{ position:absolute; left:0px; top:0px; width:100%; height:100%;object-fit: cover;
 object-position: center center;}
 .down_1 ul li .photo .xfk{align-items: center;
    background-color: rgba(0, 0, 0, .3);
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0; z-index:20;
    width: 100%;opacity:0;transition: all .3s ease;-webkit-transition: all .3s ease; }
.down_1 ul li .photo .send{ background:#fff; color:#D71B22; text-align:center; width:130px;font-size:max(1.6rem,14px); display:block; font-weight:600;    font-size: 16px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    width: 130px;}
.down_1 ul li:hover .photo .xfk{opacity:1; }

.down_1 ul li .infor{font-size:max(1.8rem,16px); font-weight:600; margin-bottom:10px;}
.down_1 ul li .date{color: rgb(114, 118, 124);
 margin-top:18px;margin-bottom:5px;}
.down_1 ul li .more{ background:#D71B22; color:#fff; text-align:center; width:130px;font-size:14px; display:block; font-weight:600;   
    height: 44px;
    line-height: 44px;
    text-align: center;
    width: 130px; display:none;}
.down_2{background-color: rgba(247, 247, 247, 1); padding:45px 0px;}
.down_2 .index_bt .title{text-transform:none;}
.book_1{ color:#252627;}
.book_1 ul{ display:flex; 
align-items: stretch;justify-content: space-between;flex-wrap: wrap;}
.book_1 ul li {font-size:16px; display:flex;flex-direction: column; margin-bottom:30px;}
.book_1 ul li.no1{ width:100%;}
.book_1 ul li.no2{ width:49%;}
.book_1 ul li .title{ width:100%; color: #252627; font-weight:600; margin-bottom:10px; padding-top:9px; font-weight:600;}
.book_1 ul li .title .red{ color:#f56c6c; margin-right:4px;}
.book_1 ul li input{ width:100%; height:55px; line-height:normal; padding:0px 15px;border: 1px solid #dcdfe6; font-size:16px;font-family:"Montserrat","Microsoft YaHei", Arial; outline:none;}
.book_1 ul li textarea{width:100%; min-height:66px;  padding:10px 15px;border: 1px solid #dcdfe6; font-size:16px; font-family:"Montserrat","Microsoft YaHei", Arial; outline:none;}
.book_1 ul li.no3{ width:100%; padding-top:20px; margin-bottom:0px;}
.book_1 ul li.no3 .more-btn{align-items: center;
    background-color:#D71B22;
    border-radius: 0px;
    color: #fff;
    display: flex;
    font-weight: 500;
    justify-content: center;
    padding: 10px 20px; height:50px; line-height:normal;
    text-transform: none;
    width: 100%; border:0px; font-weight:600; font-weight:16px; outline:none;}
.down_2.no3{ background:#fff; padding-top:0px;}
.contact_2{ display:flex;align-items:flex-start; justify-content: space-between; padding:53px 0px; }
.contact_2 .con_left{ width:48%; font-weight:600;font-size:max(2.2rem,18px); line-height:2;}
.contact_2 .con_right{ width:48%;}
.contact_2 .con_left .title{font-size:max(2.4rem,22px);text-transform: uppercase;}
.contact_2 .con_left .ditu{ margin-bottom:10px;}
.product_show{ background:#F5F5F5; padding:26px 0px;}
.product_show .show_1{ display:flex;align-items:flex-start; margin-bottom:53px; }
.product_show .show_1 .zs_left{ width:40%; display:flex;}
.product_show .show_1 .zs_left .photo{ flex:1; overflow:hidden;}
.product_show .show_1 .zs_left .pic{ width:61px; margin-left:3%; overflow:hidden; position:relative;}
.product_show .show_1 .zs_left .pic .swiper{ position:absolute; width:100%; height:100%; overflow:hidden; top:0; left:0;}
.product_show .show_1 .zs_left .pic ul li{ width:100%; margin-bottom:10px; height:auto;}
.product_show .show_1 .zs_left .pic ul li:last-child{ margin-bottom:0px;}
.product_show .show_1 .zs_left .pic ul li .infor{ position:relative; padding-top:100%;}
.product_show .show_1 .zs_left .pic ul li .infor img{ position:absolute; left:0px; top:0px; width:100%; height:100%;object-fit: cover;
 object-position: center center;}
.product_show .show_1 .zs_right{ flex:1; margin-left:4%;}
.product_show .show_1 .zs_right .title{ font-size:max(2.8rem,25px); color:rgb(27, 27, 27); line-height:1.1;}
.product_show .show_1 .zs_right .num{ color:rgb(114, 118, 124); margin-bottom:10px;}
.product_show .show_1 .zs_right ul{ max-width:250px;}
.product_show .show_1 .zs_right ul li{ margin-bottom:16px; }
.product_show .show_1 .zs_right ul li .txt{ margin-bottom:8px; line-height:1;}
.product_show .show_1 .zs_right ul li .select_1{ border:1px #ECECEC solid; width:100%; height:50px; line-height:normal; padding:0px 15px; border-radius:4px;font-family:"Montserrat","Microsoft YaHei", Arial;}
.product_show .show_1 .zs_right ul li .content{width:100%; height:50px; border-radius:4px;}
.product_show .show_1 .zs_right ul li .el-select,
.product_show .show_1 .zs_right ul li .content .el-input-number{width:100%;}
.product_show .show_1 .zs_right ul li .content .el-input-number__increase,
.product_show .show_1 .zs_right ul li .content .el-input-number__decrease{border:none; background:none;}
.product_show .show_1 .zs_right ul li .content .txt_bit{ flex:1; text-align:center; height:40px; line-height:normal; background:none; border:0px; overflow:hidden; outline:none;}
.product_show .show_1 .zs_right ul li .content .sumbit{ background:none; border:0px; cursor:pointer;}
.product_show .show_1 .zs_right ul li .more{    border: 1px solid #D71B22;
    box-sizing: border-box;
    color: #D71B22;
    cursor: pointer;
    font-size: 16px;
    height: 44px;
    line-height: 44px;
    margin-bottom: 20px;
    margin-right: 20px;
    text-align: center;
    width: 100%; display:block;}
.product_show .show_1 .zs_right ul li .more:hover{ background:#2A4A8B; border: 1px solid #2A4A8B; color:#fff;}
.product_show .show_2{    border: 1px solid #cbcbcb; padding:0px 10px;}
.product_show .show_2 ul{ display:flex;}
.product_show .show_2 ul li { cursor: pointer; height:56px; line-height:56px;padding: 0 4px !important;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 192px !important; position:relative;}
.product_show .show_2 ul li.cur:before {
	width: 100%;
	height: 6px;
	position: absolute;
	left: 0px;
	top: 0px;
	background:rgb(215, 27, 34);
	content: '';
}
.product_show .show_2 ul li.cur,.product_show .show_2 ul li:hover{ color:rgb(215, 27, 34);}
.tabcontent_2{ width:100%; padding:30px 0px 20px;}
.tabcontent_2 .show_3{
	display:none;
}
.tabcontent_2 .show_3.cur{
	display: block;
}
.product_show .show_3 .table_1{ text-align:center; color:rgb(37, 38, 39);border-left: 1px solid #cbcbcb;border-top: 1px solid #cbcbcb;}
.product_show .show_3 .table_1 .first{ font-size:16px; background:#f7f8fc;}
.product_show .show_3 .table_1 td{ border-right: 1px solid #cbcbcb;border-bottom: 1px solid #cbcbcb; padding:14px 10px;}
@media screen and (max-width: 1450px) {
	header .head_1 .menu ul li .su_menu{ font-size:14px;}
	
}



@media screen and (max-width: 1250px) {
	html{font-size:7px;}
	header .head_1 .menu ul li .title{ padding:0px 10px;}
	header .head_1 .menu ul li a{ font-size:14px;}
}
@media screen and (max-width: 1200px) {
	.part_1 .index_about .about_left .desc{ font-size:14px; font-weight:normal;}
	.part_1 .index_about .about_left .title{ margin-bottom:25px;}
}
header .head_1 .tpright .lang{ display:none;}
@media (max-width:900px){
	.menubtn,
	header .head_1 .tpright .lang,
	.menu-mc {display: flex;}
	header{ border-bottom:1px #eee solid;}
	header .head_1 .menu{ display:none;}
	header .head_1 .tpright .sumbit,
	header .top_1{ display:none;}
	footer .foot_1{flex-direction: column;}
	footer .foot_1 .f_left{ width:100%; margin-right:0px;}
	.product_m .p_left{ display:none;}
	.product_m .p_right{ margin-left:0px;}
	.product_m .p_right .p_list ul li a .infor{ font-size:14px;}
	.product_m .p_right .p_list ul li a .photo .send{ font-size:14px;}
}
@media (max-width:850px){
	.part_1 .index_about{flex-direction: column;}
	.part_1 .index_about .about_right{ width:100%; margin-top:35px;}
	.about_part1 .about_2{flex-direction: column;}
	.about_part1 .about_2 .ab_right{ width:100%;}
	.about_part1 .about_2 .ab_right img{ margin-top:30px;}
}
@media (max-width:767px){
	.part_1 .index_about .about_left .desc{ line-height:2;}
	.part_1 .index_about .about_right{ font-size:14px;}
	.part_1 .index_about .about_left .desc{ margin-bottom:30px;}
	.part_1{ padding:45px 0px 0px;}
	.part_1 .index_about .about_left .title{ font-size:23px;}
	.index_bt .title{ font-size:23px;}
	.index_product ul{grid-template-columns: repeat(2, 1fr);}
	.index_product ul li a .title{ padding:0px 10px; bottom:10px;}
	.index_bt{ margin-bottom:20px;}
	.index_more a{ width:200px;}
	footer .foot_1 .f_menu{ display:none;}
	.xf_online{ zoom:0.7;}
	.part_2{ padding:45px 0px;}
	.product_m .p_right .p_list ul{grid-template-columns: repeat(2, 1fr); grid-gap: 20px 20px;}
	.about_part1{ padding:40px 0px;}
	.about_1{ font-size:15px;}
	.story ul li{flex-direction: column;}
	.story ul li .photo{ text-align:center; width:100%;}
	.story ul li .tpright{ width:100%;}
	.story ul li:nth-child(even){flex-direction: column;}
	.story ul li .tpright .content{ width:100%; padding:20px 0px;}
	.story{ padding-bottom:20px;}
	.down_1 ul{grid-template-columns: repeat(2, 1fr);}
	.down_1 ul li .photo .xfk{ display:none;}
	.down_1 ul li .more{ display:block;}
	.contact_2{flex-direction: column;}
	.contact_2 .con_left{ font-size:16px; width:100%; margin-bottom:30px;}
	.contact_2 .con_right{ font-size:16px; width:100%;}
	.contact_2 .con_left .title{ font-size:18px;}
	.product_show .show_1{flex-direction: column; margin-bottom:35px;}
	.product_show .show_1 .zs_left{ width:100%; margin-bottom:25px;}
	.product_show .show_1 .zs_right{ margin-left:0px;}
	.product_show .show_1 .zs_right .title{ font-size:22px;}
	
}

@media (max-width:640px){
	.el-select{width:100%;}
	.product_show .show_1 .zs_right ul li .content .el-input-number,
	.product_show .show_1 .zs_right ul{ max-width:100%;}
	
}
@media (max-width:450px){
	.product_m .p_right .p_title{ font-size:16px; margin-bottom:20px;}
	.down_1 ul {
        grid-template-columns: repeat(1, 1fr);
    }
	.down_1{ padding-top:0px;}
	.book_1 ul li { margin-bottom:23px;}
	.book_1 ul li textarea{ font-size:14px;}
	.book_1 ul li input{ font-size:14px; height:45px;}
	.book_1 ul li.no2{ width:100%;}
	.book_1 ul li.no3 .more-btn{ font-size:15px;}
	.contact_2{ padding:45px 0px;}
}