@charset "utf-8";
/*************************************
* 文件名称：common.css
* 作   者：界面设计制作部
* 创建日期：2023-03-01
* 最后修改：name/ 第X行 / yyyy-mm-dd
* 文件版本：UI CSS Frameworks Beta
* 内容概要: 公用样式文件
*************************************/
@import url('https://fonts.font.im/css?family=Barlow:100,200,300,400,500,600,700,800,900');


/* scrollbar css */
/* width */
::-webkit-scrollbar {
  width:3px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 6px;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #11379e;
  border-radius: 6px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #222;
}



body {
font-family: -apple-system, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif;

  /*
  font-family: 'Microsoft JhengHei';
  font-family: 'Barlow', sans-serif;
  font-family: raleway,Arial,sans-serif;
font-family: -apple-system, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif;
  */
border: none;
outline: none
}
:root {
  --theme-color:#e70012;
  --themes-color:#004ea1;
  --swiper-theme-color:#fff;
  }
:focus-visible {
border: none;
outline: none
}
:focus {
outline: none;
box-shadow: none!important;
}
button:focus {
outline: none;
box-shadow: none!important;
}

a {
  outline:none;
  transition:all 0.5s ease 0s;
  -o-transition:all 0.5s ease 0s;
  -moz-transition:all 0.5s ease 0s;
  -webkit-transition:all 0.5s ease 0s;
}
a:hover, a:active {
  color: var(--theme-color);
  text-decoration: none;
}

.hide {
    display: none!important;
}

.clearfix:before, .clearfix:after {
  display: table;
  content: "";
  line-height: 0px;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
div,
p,
span {
/*
  word-break: keep-all!important;
*/
}
hr {
    margin:0px;
    border:none;
}


.icon {
    margin: 0;
    width: 100%;
    height: 100%;
    fill: currentColor;
}


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

.btn-info {
    color: #fff;
    background-color: var(--theme-color);
    border-color: var(--theme-color);
	box-shadow: none;
}
.btn-info:hover {
    color: #fff;
    background-color: var(--themes-color);
    border-color: var(--themes-color);
}

.btn-light:hover {
 color: #fff;
    background-color: var(--themes-color);
    border-color: var(--themes-color);
}
.btn-info:focus {
    color: #fff;
    background-color: var(--theme-color);
    border-color: var(--theme-color);
box-shadow: none;
}





@keyframes scrollmouse{
    from {
        transform: translate(-50%,0);
        opacity:1;
    }to {
        transform: translate(-50%,10px);
        opacity:0;
    }
}

.swiper-button-next, .swiper-button-prev {
    color: #fff;
    font-size: 18px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    background: rgb(0 0 0 / 60%);
    border-radius: 50px;
    transition: all 0.5s ease 0s;
}
.swiper-button-next:hover, .swiper-button-prev:hover {
    background: var(--theme-color);
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: "prev";
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: "next";
}
.swiper-button-next::after, .swiper-button-prev::after {
    color: rgb(255, 255, 255);
    font-size: 18px;
}
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
font-weight:400;
font-style:normal
}





.Nav_box {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0px;
    z-index: 9;
    transition: all 0.5s ease 0s;
	background: rgba(255,255,255,1);
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
}
.Nav_box.active {
	background: rgba(255,255,255,1);
    box-shadow: 0 0 20px rgb(0 0 0 / 20%);
}



.Nav_content {
    display: flex;
    width: 100%;
    align-items: center;
    margin: 0 auto!important;
    justify-content: space-between;
    padding-left: 3%;
}



.nav_logo {
	height:54px;
	width:auto;
	display:block;
	}
.nav_logo img {
    width: auto;
    height: 100%;
    object-fit: cover;
}
  

  
  
.containe {
padding:3.5% 0px;	
	}

.content_box {
	padding:0px;
    margin:0 auto;
	width: 94%;
    max-width: 1480px;
    height: auto;
	display: block;
	}
.category_title {
	text-align:center;
	}
.p_name {	
	font-size: 30px;
	color:#000;
	line-height:1.6;
	font-weight:bold;
}

.p_line {
    padding: 0px;
    display: block;
    margin: 16px auto;
	 margin-top: 12px;
    width: 48px;
    height: 1px;
    line-height: 1px;
    background-color: rgba(0,0,0,0.3);
}
.p_subname {	
font-size: 14px;
	color:#000;
	line-height:1.6;
	font-weight: normal;
}





.footer {
background-color: #333;
	}
.footer_copyright {
 background-color: rgba(0,0,0,0.8);	

text-align:center;
	}
.footer_content {
padding: 50px 0px;
    margin: 0 auto;
    width: 94%;
    max-width: 1480px;
    height: auto;
    display: flex;
    font-size: 14px;
    line-height: 2;
    color: rgb(255 255 255 / 30%);
    flex-wrap: wrap;

	
	}
	.footer_nav {
flex: 1;
		}
		
		
		
.footer_nav_ul_y {
display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
	padding-right:40px;
	}
.footer_nav_li_y {
padding-right:40px;
	}	
	
.footer_nav a{
    color: rgb(255 255 255 / 60%);
	}
.footer_nav a:hover{
    color: rgb(255 255 255 / 100%);
	}
.footer_nav .footer_nav_name_y{
 color: rgb(255 255 255 / 100%);
	}
	
		
	.footer_nav .footer_nav_name_y{
	    font-size: 16px;
    text-align: left;
    line-height: 1.4;
	}

.footer_nav .footer_nav_link_e{
	    font-size: 14px;
    text-align: left;
    line-height: 2.2;
	}
	
.footer_nav_ul_e {
	    margin-top:10px;
	}
	
	


.contact_content{
    padding-left: 40px;
	margin-left: 40px;
    border-left: solid 1px rgb(255 255 255 / 20%);
	flex: 0 0 auto;
    margin-right: 0px;
    margin-left: auto;
}



	
.contact_content .contact_title {	
	    font-size: 16px;
    text-align: left;
    line-height: 1.4;
	 color: rgb(255 255 255 / 100%);
	}
	
	
	
	
	
.contact_content .contact_box {
		    display: flex; 
    flex-wrap: wrap;
	  margin-top:10px;

		}
.contact_content .contact_box .contact_l {
		 margin-right:40px;
		}	
.contact_content .contact_box .contact_l p {
    font-size: 14px;
    text-align: left;
    line-height: 2;
	    color: rgb(255 255 255 / 60%);
}
.contact_content .contact_box .contact_l p a {
    color: rgb(255 255 255 / 60%);
}
.contact_content .contact_box .contact_l p a:hover{
    color: rgb(255 255 255 / 100%);
	}

		
.contact_content .contact_box .contact_l p.contact_phone{

    font-size: 28px;
    line-height: 1.4;
    font-family: 'Barlow';
    display: inline-block;
		  margin-bottom:10px;
}	
.contact_content .contact_box .contact_l .contact_phone a{
    color: #fff;
}

	
			
.contact_content .code_box {	
    display: flex; 
    flex-wrap: wrap;
	}
.contact_content .code_box .code_l {
		 margin-right:20px;
		}
	
	.contact_content .code_box img{	
padding:0px;
    margin:0;
	width: 100%;
    max-width: 123px;
	}
	.contact_content .code_box img.qrcode{	
padding:2px;
    margin:0;
	width: 100%;
    max-width: 123px;
	    background-color: #fff;
	}	
		.contact_content .code_box p{
			font-size: 14px;
			color: rgb(255 255 255 / 60%);
    text-align: center;
    line-height: 2.2;
			}
	
	
	
	
	
		
.copyright_box {
    padding: 15px 0px;
    margin: 0 auto;
    width: 94%;
    max-width: 1480px;
    height: auto;
    display: flex;
    font-size: 14px;
    line-height: 2;
    color: rgb(255 255 255 / 30%);
    flex-wrap: wrap;
	}
.copyright_box a{
    color: rgb(255 255 255 / 30%);
	}
.copyright_box a:hover{
    color: rgb(255 255 255 / 100%);
	}
	
.copyright_c {
	    flex: 0 0 auto;
    margin-right: 20px;
    margin-left: auto;	
		}
	.copyright_r {	
	    flex: 0 0 auto;
    margin-right: 0px;
    margin-left: 0px;	
	}		
		


.top_box {
    background-color: rgba(0, 0, 0, 1);
    position: relative;
    height: 300px;
    overflow: hidden;
    display: block;
}
.top_box .top_content{
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    opacity: 0.8;

}
.top_box .title_content {
    position: absolute;
    width: 94%;
	max-width: 1480px;
    color: #fff;
    text-align: center;
    top: 50%;
    left: 50%;
    line-height: 1.6;
    transform: translate(-50%, -50%);
    z-index: 4;
}
.top_box .top_name {	
	font-size: 36px;
	line-height:1.6;
	font-weight:bold;
}


.top_box .top_subname {	
font-size: 16px;
	line-height:1.6;
	font-weight: normal;
}

.guide_box {
    background-color: rgba(247,247,247,1);	
	}
	
.guide_content {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 94%;
    display-radio: flex;
    max-width: 1480px;
    margin: 0 auto;
    padding: 0px;
    justify-content: space-between;
    align-items: center;
}
.mbx_box .guide_content {
padding: 24px 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.guide_position {
font-size: 14px;
    line-height: 1.5;
    color: #444;
    display: flex;
    align-items: center;
	}
.guide_position a{
    color: #444;
	margin: 0px 4px;
	}
	.guide_position a:last-child{
	margin-right: 0px;
	}
	.guide_position a:hover{
    color:var(--theme-color);
	}


.guide_ico .icon{
    width: 20px;
    height: 20px;
	padding: 1px;
	    color:var(--theme-color);
}

.search_box{
    display: flex;
    width: 100%;
    max-width: 540px;
    margin: 0 auto;
}

.search_text {
    border-radio: 2;
border: solid 2px var(--theme-color);
    border-top-left-radius: 25px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 0px;
    font-size: 14px;
    color: #000;
    line-height: 1.4;
    overflow: hidden;
	    flex: 1;
}
.search_keyword {
font-size: 14px;
    color: #000;
    line-height: 1.4;
    border: none;
    padding: 10px 20px;
    margin: 0px;
    background: none;	
	width: 100%;
	}
.search_btn {
	    flex: 0 0 auto;
    border-radio: 2;
border: solid 2px var(--theme-color);

    border-top-left-radius: 0px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 25px;
    font-size: 14px;
    color: #fff;
    line-height: 1.4;
    overflow: hidden;
	    padding: 10px 30px;
    margin: 0px;
	   background: var(--theme-color);	
	    display: inline-block;
			transition:all .5s ease 0s;
}
.search_btn:hover{
border: solid 2px var(--themes-color);
background: var(--themes-color);		
}


.product_ss{
display: flex;
    width: 100%;
    max-width: 540px;
    margin: 0 auto;
	
	}
.product_ss_box {
    padding-top: 10px;
    padding-left: 10px;
	}
.product_ss_list{
    display: flex;
    align-items: center;
    flex-wrap: wrap
}
.product_ss_btn{
    font-size: 14px;
    padding: 0px 4px;
    line-height: 2;
    display: inline-block;
}



.pages .p_name{
    text-align: center;
	font-size: 30px;
    color: #000;
    line-height: 1.6;
    font-weight: bold;
	}
.pages .p_line {
    padding: 0px;
    display: block;
    margin: 20px auto;
    width: 100%;
    height: 1px;
    line-height: 1px;
    background-color: rgba(0,0,0,0.15);
}
.pages .p_other{
text-align: center;
    font-size: 14px;
    color: #000;
    line-height: 1.6;
    font-weight: normal;

	}	
	
	
	.job .pages .p_tjx {
    text-align: left;
    font-size: 14px;
    color: #000;
    line-height: 1.6;
    font-weight: normal;
	    margin-bottom: 20px;
}
	.job .pages .p_tjx p{
    padding: 8px 10px;
}

.job .pages .p_tjx p:nth-child(odd){

    background-color: rgba(0,0,0,0.03);

}
.job .pages .p_tjx p:nth-child(even){

    background-color: rgba(0,0,0,0.01);

}

	
.pages .content{
    font-size: 16px;
    color: #000;
    line-height: 2;
	}

	
	
.pages .content p{
  margin-bottom: 10px;
	}
	
	.pages .e_product h3 {
    font-size: 18px;
    color: #000;
   line-height: 28px;
    margin: 0px;
    font-weight: bold;
}

	.pages .e_product h3:before {
content: "\f10c";
font-family: "FontAwesome";
    cursor: pointer;
    color:var(--theme-color);
    width: 20px;
    margin: 0px;
	margin-right: 6px;
    text-align: center;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    display: inline-block;
	    font-style:normal;
		float: left;
}
.pages .e_product p{
    padding-left:26px;
  margin-bottom: 10px;
	}
	
.pages .e_product p[style="text-align: center;"]{
padding:0px;
margin: 0px;
	}
	.pages .e_product p[style="text-align: center"]{
padding:0px;
margin: 0px;
	}
.pages .content img{
max-width: 100%;
max-height: 100%;
    width: auto;
    height: auto;
    object-fit: cover;
	}
.neighbor_box {
	    text-align: left;
    font-size: 14px;
    color: #444;
    line-height: 1.6;
    font-weight: normal;
	}
.neighbor_box p{
    padding: 5px 0px;
	}
	
	
.row_box {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    max-width: 100%;
}
.row_box .row_list_box{
	
background: rgba(247,247,247,1);
    transition: all .5s ease 0s;
}
.row_box .row_list_box:hover {
background: rgba(255,255,255,1);
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
}

.row_box .row_list{
    width: 100%;
    height: auto;
    padding: 10px;
	padding-bottom: 0px;
}


.row_box .row_list_img{
	    width: 100%;
    height: 100%;
    overflow: hidden;
	}
.row_box .row_list_img img {
    transform: scale(1);
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: all 0.5s ease 0s;
    object-fit: cover;	
	}
.row_box .row_list_box:hover img {
    transform: scale(1.1);
}	


.news .cbox .row_list_bq{
	    position: absolute;
    top: 15px;
    left: 15px;
 
	}	
	
.news .cbox .recommend{
    width: auto;
    color: #fff;
    background: var(--theme-color);
    font-size: 12px;
    padding: 2px 10px;
    border-radius: 2px;
    margin-right: 3px;
	}
	
	
	
.row_box .row_list_box .row_list_bq{
	    position: absolute;
    top: 15px;
    left: 15px;
 
	}	
	
.row_box .row_list_box .recommend{
    width: auto;
    color: #fff;
    background: var(--theme-color);
    font-size: 12px;
    padding: 2px 10px;
    border-radius: 2px;
    margin-right: 3px;
	}	
	
	
.row_box .row_list_text{
    width: 100%;
    height: auto;
    padding: 20px;
}

.row_box .row_list_text .p_title {
    font-size: 16px;
    text-align: center;
    line-height: 1.2;
    color: rgba(0,0,0,1);
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all .5s ease 0s;
}
.row_box .row_list_box:hover .p_title {
    color: var(--theme-color);
}	

.job_n.row_box .row_list_text {
    width: 100%;
    height: auto;
    padding: 0px;
}
.job_n.row_box .row_list_text .p_title {
       font-size: 18px;
		text-align: left;
}
.job_n.row_box .row_list_box:hover .p_title {
    color: var(--theme-color);
}	
.job_n .row_list .p_line {
    padding: 0px;
    display: block;
    margin: 10px auto;
    width: 100%;
    height: 1px;
    line-height: 1px;
    background-color: rgba(0,0,0,0.15);
}

.job_n.row_box .row_list_tj p {
	text-align: left;
    font-size: 14px;
    color: #444;
    line-height: 2;
	}
.job_n.row_box .row_list_tj p span {
    color: var(--theme-color);
}

.job_n .list_btn {
    width: 100px;
    font-size: 14px;
    line-height: 1.5;
    display: inline-block;
    padding: 2px 0px;
    text-align: center;
    border: solid 2px var(--theme-color);
    background: var(--theme-color);
    color: #fff;
    box-shadow: 0 0 20px rgb(231 0 18 / 0%);
    border-radius: 50px;
    transition: all .5s ease 0s;
	margin-top: 20px;
}
.job_n .list_btn:hover {
    border: solid 2px var(--themes-color);
    background: var(--themes-color);
    color: #fff;
    box-shadow: 0 0 12px rgb(231 0 18 / 15%);
}

.news_n.row_box .row_list {
    width: 100%;
    height: auto;
    padding: 20px;
}

.news_n.row_box .row_list_text .p_title {
        font-size: 18px;
		text-align: left;
}
.news_n .row_list_img {
    width: 100%;
    padding: 0px;
}
.news_n .row_list_img a {
overflow: hidden;
    position: relative;
    height: 0px;
    width: 100%;
    padding: 0px;
    display: block;
    padding-bottom: 60%;
}
.news_n .row_list_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(1);
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: all 0.5s ease 0s;
    object-fit: cover;
}

.news_n .row_list_box:hover img {
    transform: translate(-50%,-50%) scale(1.1);
}


.news_n .p_date {
    width: 100%;
    height: auto;
    display: block;
    color: var(--theme-color);
    margin: 8px 0px;
}

.news_n .p_date .p_date_time {
    font-size: 13px;
    text-align: left;
    line-height: 1.4;
    color: rgba(0,0,0,0.7);
    display: inline-block;
}		
.news_n .p_date .p_date_ico .icon {
    margin: 0;
    width: 20px;
    height: 20px;
    padding: 3px 0px;
}	

.news_n .p_summary {
    font-size: 14px;
    text-align: left;
    line-height: 1.6;
    color: rgba(0,0,0,0.7);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.product_n.row_box .row_list {
    width: 100%;
    height: auto;
    padding: 2px;
}


.product_n.row_box .row_list_text .p_title {
    font-size: 18px;
    text-align: left;
    line-height: 1.2;
    color: rgba(0,0,0,1);
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all .5s ease 0s;
}
.product_n.row_box .row_list_box:hover .p_title a{
    color: var(--theme-color);
}

.product_n .p_tag {
    font-size: 14px;
    text-align: left;
    line-height: 1.4;
    color: rgba(0,0,0,0.7);
    display: block;
    margin-top: 8px;
}
.product_n .p_tag span {
    color: var(--theme-color);
}
.product_n .p_summary {
    font-size: 14px;
    text-align: left;
    line-height: 1.6;
    color: rgba(0,0,0,0.7);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
	   margin-top: 8px;
	   
	display: none;
}


.d_product_title {
    font-size: 28px;
    text-align: left;
    font-weight: bold;
    line-height: 1.4;
    color: rgba(0,0,0,1);
    margin: 0;

	}
	.d_product_txt {
  width: 100%;
    height: auto;
    padding: 10px 20px;
	    background: rgba(247,247,247,1);
		border-radius: 4px;
	}
	
.d_product_txt p{
	text-align: left;
    font-size: 14px;
    color: #444;
    line-height: 2;
	}
.d_product_txt p span{
    color: var(--theme-color);
	}

.d_product .p_summary {
    font-size: 16px;
    text-align: left;
    line-height: 1.8;
    color: rgba(0,0,0,1);
    width: 100%;
    height: auto;
    margin-bottom: 35px;
}

.d_product .product_btn {
	display: inline-block;
    text-align: center;
    width: auto;
    height: auto;
    cursor: pointer;
    border: none;
    padding: 5px 15px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 4px;
    margin-right: 5px;
	    color: #fff;
    background: var(--theme-color);

	}
.d_product .product_btn:after {
    content: "\f00c";
    font-family: "FontAwesome";
    cursor: pointer;
    color: #fff;
    width: 16px;
    margin: 0px;
	   margin-left: 4px;
    text-align: center;
    height: 16px;
    line-height: 16px;
    display: inline-block;
    font-style: normal;
	    font-size: 12px;
}


.d_product_btn {
	  width: 100%;
    height: auto;
  margin-top: 40px;
	}
.d_product_btn a {
    width: 160px;
    font-size: 15px;
    line-height: 1.6;
    display: inline-block;
    padding: 8px 0px;
    text-align: center;
      border: solid 2px var(--theme-color);
    background: var(--theme-color);
  color: #fff;
    box-shadow: 0 0 20px rgb(231 0 18 / 0%);
    border-radius: 8px;
    transition: all .5s ease 0s;
}
.d_product_btn a:hover {
    border: solid 2px var(--themes-color);
    background: var(--themes-color);
    color: #fff;
    box-shadow: 0 0 12px rgb(231 0 18 / 15%);
}

.d_product_i {	
width: 100%;
    height: auto;
    margin-top: 25px;
	margin-bottom: 15px;
    background: rgba(247,247,247,1);
	}
.d_product_i .d_product_f{
	   color: #fff;
	    font-size: 16px;
    line-height: 1.6;
    display: inline-block;
	 padding: 8px 30px;
	  background: var(--theme-color);
	}
	
	
.form { background: rgba(247,247,247,1);}
.form .pages {
    min-height: auto;
}

.form_box input {
	width:100%;
	font-size: 15px;
    line-height: 2;
	padding:5px 10px;
    display: inline-block;
	color: #000;
	border: 1px solid #ddd;
    border-radius:4px;
	transition:all .5s ease 0s;
	background: #fff;
	}
	.form_box textarea {
	width:100%;
	font-size: 15px;
    line-height: 2;
	padding:5px 10px;
    display: block;
	color: #000;
	border: 1px solid #ddd;
    border-radius:4px;
	transition:all .5s ease 0s;
	background: #fff;
	}
		.form_box input:hover {
    border: solid 1px var(--theme-color);
	}
	.form_box textarea:hover {
    border: solid 1px var(--theme-color);
	}	
	
.form_box .text_box_yzm input {
	width:calc((100% - 120px) / 1);
	
	}	
.form_box .text_box_yzm img{
    height: 42px;
    width: 120px;
    float: right;
}
	
	
	.form_box button {
		margin: 10px auto;
		    width: 140px;
    font-size: 15px;
    line-height: 1.6;
    display: block;
    padding: 8px 0px;
    text-align: center;
    background: #fff;
    border: solid 2px var(--theme-color);
    color: #333;
    box-shadow: 0 0 20px rgb(231 0 18 / 0%);
    border-radius: 100px;
    transition: all .5s ease 0s;
		}
	
		.form_box button:hover {
    border: solid 2px var(--theme-color);
    background: var(--theme-color);
    color: #fff;
    box-shadow: 0 0 12px rgb(231 0 18 / 15%);
}
.product_s {
	margin-bottom: 30px;
}		
.product_s .product_s_list {
padding: 10px 0px;
}	
	
.product_s .product_s_bt {
    font-size: 16px;
    line-height: 1.6;
	    color: #000;
}
.product_s_btn {
	
	display: inline-block;
    text-align: center;
	width:auto;
	height:auto;
    cursor: pointer;
    border:none;
    padding:5px 15px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 4px;
	margin-right: 5px;
	}
.btn-light {
    color: #222;
    background-color: #eee;
    border-color: #eee;
}






.mapContainer {
        height: 450px;
    }
.amap-toolbar{
  z-index:1;
  display:none;
}
.amap-overlays{
  z-index:1;
}
.amap-copyright{
  z-index:1;
}
.amap-logo{
  z-index:1;
}

    #tip {
        height: 30px;
        background-color: #fff;
        padding-left: 10px;
        padding-right: 10px;
        position: absolute;
        font-size: 12px;
        right: 10px;
        bottom: 20px;
        border-radius: 3px;
        line-height: 30px;
        border: 1px solid #ccc;
    }

    div.info-top {
        position: relative;
        border-bottom: 1px solid #CCC;
    }

    div.info-top div {
display: inline-block;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    line-height: 2;
    padding: 0px 0px;
    text-align: left;

    }

    div.info img.closeX {
        position: absolute;
        top: 10px;
        right: 10px;
width: 20px;
height: 20px;
padding: 5px;
cursor:pointer;
    object-fit: contain;
        transition-duration: 0.25s;
		z-index:9;
    }

    div.info-top img:hover {
        box-shadow: 0px 0px 5px #000;
    }

    div.info img.sharp{
    width: 30px;
    height: 23px;
    display: block;
	    margin: 0 auto;
        position: absolute;
        bottom: -23px;
        left: 50%;
        z-index: 10;
transform:translateX(-50%);
    }	
	
	
    div.info-middle {
   font-size: 14px;
    padding: 10px 0px;
    line-height: 1.6;
    text-align: left;
	padding-bottom: 20px;
    }

    div.info-bottom {
        height: 0px;
        width: 100%;
        clear: both;
        text-align: center;
    }


.contact_map .info{
background-color: #fff;
box-shadow: 0 0 20px rgb(0 0 0 / 20%);
border-radius: 4px;
   padding: 15px 20px;
   	min-width: 300px;
	}	
.contact_map .amap-icon img{
    width: 36px;
    height: 36px;
    display: block;
	}	

	
	
	
	
	
	
	

.fixBox{
position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    padding: 0px;
    display: flex;
    background: rgba(55, 58, 71, 0.9);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-backface-visibility: hidden;
    cursor: pointer;
    align-content: center;
    justify-content: center;
}
.fixBox.overlay {
    -webkit-transition: opacity 0.3s 0s;
    transition: opacity 0.3s 0s;
    opacity: 1;
    pointer-events: auto;
}
.fixBox iframe{
    width: 100%;
    height: 100%;
    border: 0;
}
.fixBox .kuangbx{
    background:none;
    width: 80%;
    max-width: 720px;
    margin: auto;
    display: block;
    height: auto;
    max-height: 640px;
    overflow: hidden;


}
.fixBox.overlay .kuangbx{
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-delay: 0s;
    animation-delay:0s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: anim-open;
    animation-name: anim-open;
}
.fixBox.overlay-close .kuangbx{
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: anim-close;
    animation-name: anim-close;
}

.fix-box-center {
    width: 100%;
    margin: 0px auto;
    display: block;
    text-align: center;
    height: 100%;

}

.fix-box-img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
padding: 0px;
    background: #fff;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
}


.close_button{
    position: fixed;
    bottom: 60px;
    left: 0;
    right: 0;
    z-index: 99;
    background: var(--theme-color);
    max-width: 170px;
    margin: 0 auto;
    color: #fff;
    border-radius: 25px;
    padding: 15px 15px;
    text-align: center;
    line-height: 1;
    transition: all ease .3s;
}
.close_button:hover{
    background: var(--themes-color);
}

@-webkit-keyframes anim-open {
	0% { opacity: 0; -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	2.083333% { -webkit-transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	4.166667% { -webkit-transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	6.25% { -webkit-transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	8.333333% { -webkit-transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	10.416667% { -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	12.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	14.583333% { -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	16.666667% { -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	18.75% { -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	20.833333% { -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	22.916667% { -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	25% { -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	27.083333% { -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	29.166667% { -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	31.25% { -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	33.333333% { -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	35.416667% { -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	37.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	39.583333% { -webkit-transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	41.666667% { -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	43.75% { -webkit-transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	45.833333% { -webkit-transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	47.916667% { -webkit-transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	50% { opacity: 1; -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	52.083333% { -webkit-transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	54.166667% { -webkit-transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	56.25% { -webkit-transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	58.333333% { -webkit-transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	60.416667% { -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	62.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	64.583333% { -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	66.666667% { -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	68.75% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	70.833333% { -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	72.916667% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	75% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	77.083333% { -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	79.166667% { -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	81.25% { -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	83.333333% { -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	85.416667% { -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	87.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	89.583333% { -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	91.666667% { -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	93.75% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	95.833333% { -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	97.916667% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	100% { opacity: 1; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}

@keyframes anim-open {
	0% { opacity: 0; -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	2.083333% { -webkit-transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	4.166667% { -webkit-transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	6.25% { -webkit-transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	8.333333% { -webkit-transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	10.416667% { -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	12.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	14.583333% { -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	16.666667% { -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	18.75% { -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	20.833333% { -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	22.916667% { -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	25% { -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	27.083333% { -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	29.166667% { -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	31.25% { -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	33.333333% { -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	35.416667% { -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	37.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	39.583333% { -webkit-transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	41.666667% { -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	43.75% { -webkit-transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	45.833333% { -webkit-transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	47.916667% { -webkit-transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	50% { opacity: 1; -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	52.083333% { -webkit-transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	54.166667% { -webkit-transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	56.25% { -webkit-transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	58.333333% { -webkit-transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	60.416667% { -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	62.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	64.583333% { -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	66.666667% { -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	68.75% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	70.833333% { -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	72.916667% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	75% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	77.083333% { -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	79.166667% { -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	81.25% { -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	83.333333% { -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	85.416667% { -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	87.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	89.583333% { -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	91.666667% { -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	93.75% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	95.833333% { -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	97.916667% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
	100% { opacity: 1; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}

@-webkit-keyframes anim-close {
	0% { opacity: 1; }
	100% { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 1); }
}

@keyframes anim-close {
	0% { opacity: 1; }
	100% { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); }
}

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
@media only screen and (max-width: 768px){
.d_product .product_btn {
    padding: 3px 12px;
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 5px;

}
	
.product_ss_btn {
    font-size: 14px;
    padding: 0px 0px;
	margin-right:4px;
    line-height: 2;
    display: inline-block;
}
	
		
	.mapContainer {
            height: 300px ;
        }
		

.contact_map .info {
    padding: 10px 10px;
}
div.info-middle {
    font-size: 13px;
    padding: 5px 0px;
    line-height: 1.6;
    text-align: left;
    padding-bottom: 10px;
}	

div.info-top div {
    display: inline-block;
    color: #000;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.8;
    padding: 0px 0px;
    text-align: left;
}

.job_n.row_box .row_list {
    width: 100%;
    height: auto;
    padding: 25px 15px;
    padding-bottom: 25px;
}


.text_box_c {
	padding:5px 0px;	
	}
.text_box_d {
	padding:5px 0px;	
	}

	
.d_product_r {
	padding:15px 0px;
	}
	.d_product_title {
    font-size: 20px;
    text-align: left;
    line-height: 1.4;
    color: rgba(0,0,0,1);
}

.d_product_txt {
    width: 100%;
    height: auto;
    padding: 10px 10px;
    background: rgba(247,247,247,1);
}
.d_product .p_summary {
    font-size: 15px;
    text-align: left;
    line-height: 1.6;
    color: rgba(0,0,0,1);
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}
.d_product_btn {
    width: 100%;
    height: auto;
    margin-top: 20px;
}
.d_product_btn a {
    width: 100%;
    font-size: 15px;
    line-height: 1.6;
    display: inline-block;
    padding: 4px 0px;
    text-align: center;
    border: solid 2px var(--theme-color);
    background: var(--theme-color);
    color: #fff;
    box-shadow: 0 0 20px rgb(231 0 18 / 0%);
    border-radius: 4px;
    transition: all .5s ease 0s;
}


.top_box {
    background-color: rgba(0, 0, 0, 1);
    position: relative;
    height: 160px;
    overflow: hidden;
    display: block;
}
.top_box .top_name {
    font-size: 24px;
    line-height: 1.2;
    font-weight: bold;
}
.top_box .top_subname {
    font-size: 13px;
    line-height: 1.4;
}

.guide_content {
    display: flex;
    flex-direction: column;
	padding:15px 0px;
}

.mbx_box .guide_content {
	padding:15px 0px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}


 .guide_l{
    width: 100%;
}
.guide_r{
     width: 100%;
    margin-top: 10px;
}
.guide_position {
    font-size: 14px;
    line-height: 1.5;
    color: #444;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.p_m_btn {
display: block;
    border: 0;
    width: 100%;
    background: var(--theme-color);
    padding: 12px 15px;
    border-radius: 2px;
    font-size: 16px;
    color: rgb(255 255 255 / 80%);
    outline: none;
    text-align: center;
}

.p_m_bg {
    display: none;
	line-height: 50px;
    background: rgb(0 0 0 / 70%);
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    max-height: 1080px;
    height: 100vh;
    width: 100%;
    cursor: pointer;
    transition: all ease .5s;
    opacity: 0;
    z-index: 99;
}
.p_m_bg.hover{
    opacity: 1;
}

.p_m_bg:after {
 content: "\f00d";
    font-family: "FontAwesome";
    cursor: pointer;
    color: #fff;
    width: 20%;
    margin: 0px;
    text-align: center;
    font-size: 22px;
    height: 100%;
    display: inline-block;
    font-style: normal;
position: absolute;
    left: 0px;
    top: 20px;
}


 .p_m_list {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 100%;
    height: 100vh;
    width: 80%;
    transition: all ease .5s;
    background: #fff;
    z-index: 1000;
    max-height: 1080px;
	display: none;
}
 .p_m_list.hover{
    left: 20%;
}

.guide_nav {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
}
.guide_nav .guide_nav_list{
    border-bottom: solid 1px #ddd;
}
.guide_nav .guide_nav_list a {
    font-size: 16px;
    width: 100%;
    padding: 0px 35px;
    line-height: 54px;
    color: rgb(0 0 0 / 100%);
    display: block;
    background: rgb(255 255 255 / 0%);
    transition: all .5s ease;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.guide_nav .guide_nav_list a:hover {
    background: var(--theme-color);
    color: rgb(255 255 255 / 100%);
}
.guide_nav .guide_nav_list a.active {
    background: var(--theme-color);
    color: rgb(255 255 255 / 100%);
}



.pages .p_name {
font-size: 22px;
    color: #000;
    line-height: 1.2;
    font-weight: bold;
}

.pages .p_line {
    padding: 0px;
    display: block;
    margin: 10px auto;
    width: 100%;
    height: 1px;
    line-height: 1px;
    background-color: rgba(0,0,0,0.15);
}
.pages .content {
    font-size: 14px;
    color: #000;
    line-height: 1.8;
}
.pages .e_product h3 {
    font-size: 16px;
}
.pages .e_product h3:before {
    margin-right: 0px;
}
.pages .e_product p {
    padding-left:20px;
}
	
.Nav_content {
    display: flex;
    width: 100%;
    align-items: center;
    margin: 0 auto!important;
    justify-content: space-between;
    padding-left: 3%;
	 padding-right: 3%;
}

.nav_logo {
    height: 40px;
	margin: 15px 0px;
    width: auto;
    display: block;
}

.nav_height {
	    height: 70px;
	margin: 0px;
    width: 100%;
    display: block;
	}
	
.Nav_box .nav_btn {
    width: 25px;
    height: 16px;
    cursor: pointer;
    position: relative;
}
.Nav_box .nav_btn .line {
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background-color: #222;
    position: absolute;
    left: 50%;
    margin-left: -13px;
    transition: all .5s ease 0s;
}	
.Nav_box .nav_btn .line1 {
    -webkit-transform-origin: 4px 0;
    -ms-transform-origin: 4px 0;
    transform-origin: 4px 0;
}
.Nav_box .nav_btn .line2 {
    top: 7px;
}
.Nav_box .nav_btn .line3 {
    bottom: 0px;
    -webkit-transform-origin: 1px center;
    -ms-transform-origin: 1px center;
    transform-origin: 1px center;
}

.Nav_box .nav_btn.hover .line {
    background: var(--theme-color);
}

.Nav_box .nav_btn.hover .line1 {
    margin-left: -10px;
    transform: rotate(45deg);
}
.Nav_box .nav_btn.hover .line2 {
    opacity: 0;
}
.Nav_box .nav_btn.hover .line3 {
    margin-left: -10px;
    transform: rotate(-45deg);
}


.Nav_box .nav_menu {
    width: 100%;
    padding: 0 3%;
    display: none;
    position: absolute;
    left: 0px;
    top: 70px;
	height: calc(100vh - 70px);	
    z-index: 2;
    overflow-y: auto;
	background:#f7f7f7;
}
.nav_ul_y {
    width: 100%;
    height: auto;	
	}
.nav_li_y {
    border-bottom: 1px solid #dcdcdc;
    padding: 5px 20px;
    position: relative;
}
.nav_li_y .nav_link_y{
    display: inline-block;
    text-decoration: none;
    width: 80%;
    color: #000;
    position: relative;
    box-sizing: border-box;
}
.nav_li_y .nav_link_y .nav_name_y{
    font-size: 16px;
	line-height:50px;
}


.nav_li_y .nav_ul_e {
    padding: 0px 0px;
    display: none;
}
.nav_link_e {
    display: inline-block;
    text-decoration: none;
    width: 100%;
    color: #333;
	    font-size: 14px;
	line-height:36px;
    box-sizing: border-box;	
	    position: relative;
		padding-left: 25px;
	}
.nav_link_e:before {
    content: '';
    width: 4px;
    margin: 0px;
	height:4px;
    display: inline-block;
    background: var(--theme-color);
    border-radius: 100%;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translate(0%,-50%);
}


.nav_li_y .jt {
position: absolute;
    right: 20px;
    top: 5px;
    display: flex;
    width: 10%;
    height: 50px;
    text-align: center;
    background: none;
    cursor: pointer;
    justify-content: center;
    align-items: center;
}
.nav_li_y .jt:after {
content: "\f067";
font-family: "FontAwesome";
    cursor: pointer;
    color: #222;
    width: 100%;
    margin: 0px;
    text-align: center;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    display: inline-block;
	    font-style:normal;
}
.nav_li_y .jt.jtRote:after {
    content: "\f068";

}



.nav_r {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-top: 20px;
    background: #fff;
    border-radius: 100px;
}

.nav_search a {
	    width: 100%;
    margin: 0px;
    color: #444;
    display: flex;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    height: 50px;
}
.nav_search_icon {
    width: 24px;
    height: 24px;
}
.nav_tel {
	 padding-left: 20px;
	}
	
.nav_tel a {
color: var(--theme-color);
    display: flex;
    align-items: center;
    height: 50px;
  
}
.nav_tel_icon {
    width: 30px;
    height: 30px;
}
.nav_tel_number {
    padding-left: 5px;
    font-size: 24px;
    line-height: 30px;
    color: #000;
    font-family: 'Barlow';
    display: inline-block;
}


.containe {
    padding: 8.5% 0px;
}


.p_name {
    font-size: 24px;
    color: #000;
    line-height: 1.2;
    font-weight: bold;
}
.p_line {
    padding: 0px;
    display: block;
    margin: 10px auto;
    margin-top: 10px;
    width: 32px;
    height: 1px;
    line-height: 1px;
    background-color: var(--theme-color);
}
.p_subname {
    font-size: 13px;
    color: #333;
    line-height: 1.4;
}

.footer_content {
    padding: 20px 0px;
    margin: 0 auto;
    width: 94%;
    max-width: 1480px;
    height: auto;
    display: flex;
    font-size: 14px;
    line-height: 2;
    color: rgb(255 255 255 / 30%);
    flex-wrap: wrap;
}

.footer_nav_ul_y {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    justify-content: flex-start;
    padding-right: 0px;
}
.footer_nav_li_y {
    padding-right: 0px;
	    flex: 0 0 50%;
		    margin-top: 10px;
}


.contact_content {
    padding-left: 0px;
    margin-left: 0px;
	    padding-top: 20px;
    margin-top: 20px;
	 border: none;
    border-top: solid 1px rgb(255 255 255 / 20%);
    flex: 0 0 100%;
    margin-right: 0px;
    margin-left: 0px;
}
.contact_content .contact_box .contact_l {
    margin-right: 0px;
	   flex: 0 0 100%;
}
.contact_content .contact_box .contact_r {
	    margin-top: 20px;
    margin-right: 0px;
	   flex: 0 0 100%;
}
.contact_content .code_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.copyright_box {
    padding: 15px 0px;
    margin: 0 auto;
    width: 94%;
    max-width: 1480px;
    height: auto;
    display: flex;
    font-size: 12px;
    line-height: 1.6;
    color: rgb(255 255 255 / 30%);
    flex-wrap: wrap;
    justify-content: center;
}
.copyright_l {
    flex: 0 0 100%;
    margin-right: auto;
    margin-left: auto;
}
.copyright_c {
    flex: 0 0 100%;
    margin-right: auto;
    margin-left: auto;
}
.copyright_r {
    flex: 0 0 100%;
    margin-right: auto;
    margin-left: auto;
}
.row_box .row_list_box.f1 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc((100% - 0px) / 1);
	margin-bottom: 15px;
}	

.case_n .row_list_box.f4 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc((100% - 0px) / 1);
	margin-bottom: 15px;
}	

.other_n .row_list_box.f4 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc((100% - 0px) / 1);
	margin-bottom: 15px;
}	
.job_n .row_list_box.f3 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc((100% - 0px) / 1);
	margin-bottom: 15px;
}	

.product_n .row_list_box.f4 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc((100% - 0px) / 1);
	margin-bottom: 15px;
}	



.row_box .row_list_box.f5 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc((100% - 15px) / 2);
	margin-bottom: 15px;
}	
.row_box .row_list_box.f5:not(:nth-child(2n)) {
    margin-right: 15px;
}	


.row_box .row_list_text {
    width: 100%;
    height: auto;
    padding: 15px 10px;
}	
.row_box .row_list_text .p_title {
    font-size: 14px;
}

.product_n.row_box .row_list_text .p_title {
    font-size: 16px;
	    text-align: center;
}
.product_n .p_tag {
    font-size: 13px;
    text-align: center;
}
.news_n.row_box .row_list {
    width: 100%;
    height: auto;
    padding: 10px;
}
.news_n.row_box .row_list_text {
    width: 100%;
    height: auto;
    padding: 0px 0px;
	padding-top: 15px;
}
.news_n.row_box .row_list_text .p_title {
    font-size: 16px;
    text-align: left;
}
.news_n .p_summary {
    font-size: 14px;
    text-align: left;
    line-height: 1.6;
    color: rgba(0,0,0,0.7);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.product_s {
	 padding: 5px 0px;
	    background: #f7f7f7;
		    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}
.product_s .product_s_list {
    padding: 5px 10px;
	display: block;
	width:100%;
	height:auto;
}
.product_s .product_s_bt {
    font-size: 14px;
    line-height: 1.6;
    color: #000;
		display: block;
	width:100%;
	height:auto;

	
}
.product_s .product_s_nr{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
		width:100%;
	height:auto;
}


.product_s_btn {
    display: block;
    cursor: pointer;
    border: none;
    padding: 3px 5px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
    width: auto;
    min-width: 62px;
    text-align: center;
}
.btn-light {
    color: #222;
    background-color: #fff;
    border-color: #fff;
}
.btn-light:focus {
    color: #fff;
    background-color:var(--theme-color);
	border-color: var(--theme-color);
    box-shadow:none;
}
.zcfdcd {
	display:none;
}


.d_product_i .d_product_f {
    color: #fff;
    font-size: 16px;
    line-height: 1.6;
    display: inline-block;
    padding: 8px 30px;
    background: var(--theme-color);
    border-radius: 4px;
    overflow: hidden;
}


.form_box button {
    margin: 10px auto;
    width: 140px;
    font-size: 15px;
    line-height: 1.6;
    display: block;
    padding: 8px 0px;
    text-align: center;
    background: var(--theme-color);
    border: solid 2px var(--theme-color);
    color: #fff;
    box-shadow: 0 0 20px rgb(231 0 18 / 0%);
    border-radius: 4px;
    transition: all .5s ease 0s;
}

.form_box button:hover {
    border: solid 2px var(--themes-color);
    background: var(--themes-color);
    color: #fff;
    box-shadow: 0 0 12px rgb(231 0 18 / 15%);
}

}






@media only screen and (min-width: 769px){
	
	

	
	

.zcfdcd {
    position: fixed;
    right: 0;
    top: 45%;
    z-index: 9;
  
}
.btn-box{
    display: flex;
    flex-direction: column;
    background: #333;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    transition: all ease .3s;
    position: relative;
    right: 0;
	}
.zcfdcd .btn{
    width: 46px;
    height: 46px;
    display: block;
    margin-bottom: 0px;
    cursor: pointer;
    position: relative;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius:0px;
    padding: 0px;
    line-height: 46px;
    border: none;
        transition:all .5s ease 0s;  
color: #fff;
}



.zcfdcd .btn-tb {
width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
	  color:#fff;
	}

.zcfdcd .btn .yctb{

    display: block;
    width: 100%;
    height: 100%;
    border: none;
    padding: 0;
    margin: 0 auto;
    overflow: hidden;
    cursor: pointer;
	position:relative;
	z-index:1;
background:#222;
transition:all .5s ease 0s;
}

.zcfdcd .btn:hover .yctb{
background: var(--theme-color);
}

.zcfdcd .btn .yctb .icon{

    width: 24px;
    height: 24px;
    line-height: 24px;
    border: none;
    padding: 0;
    margin: 0 auto;


}
.zcfdcd .btn .yctb .icon.icon_ly {padding:1px;}
.zcfdcd .btn .yctb .icon.icon_dh {padding:1px;}
.zcfdcd .btn .yctb .icon.icon_yx {padding:1px;}
.zcfdcd .btn .btn-nr{
  position:absolute;
  width:auto;
  right:80%;
  top:0px;
  text-align:center;
    line-height:46px;
  color:#fff;
  font-size:16px;
    padding:0px 20px;
  white-space:nowrap;
  display:none;
  background: var(--theme-color);
  transition:all .5s ease 0s;
      border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.zcfdcd .btn .btn-nr.active{
  right:100%;
}

.zcfdcd .btn.btn-wx .btn-nr{

  font-size:14px;
    padding:10px 10px;

}
.zcfdcd .btn.btn-wx .btn-nr .code_img{
 width:123px;
}
.zcfdcd .btn.btn-wx .btn-nr .code_title{
 font-size:14px;
 line-height:1.4;
 padding-top:6px;
}
.zcfdcd .btn-top .yctb {
  display:block;
      border-top-left-radius: 3px;
}
.zcfdcd .btn-bottom .yctb {
  display:block;
      border-bottom-left-radius: 3px;
}

.zcfdcd .btn-ly{
    background-color: #ad0e12;

}
.zcfdcd .btn-ly:hover{
    background-color: #0f1427;
}
.zcfdcd .btn-ly .yctb{
    padding: 3px 3px;
}





.zcfdcd a.btn-ly,.izl-rmenu a.btn-ly:visited{
  text-decoration:none;

}
.zcfdcd .btn-qq{
    background-color: rgba(39, 95, 173, 1);
}
.zcfdcd .btn-qq:hover{
    background-color: rgba(229, 0, 110, 1);
}

.zcfdcd .btn-qq .yctb{
  width:1.6pc;
   height: 1.6pc;
    line-height:1.6pc;}



.zcfdcd a.btn-qq,.izl-rmenu a.btn-qq:visited{
    background-color: rgba(39, 95, 173, 1);
}
.zcfdcd .btn-wx{
    background-color: #ad0e12;

}
.zcfdcd .btn-wx:hover{
    background-color: #0f1427;
}
.zcfdcd .btn-wx .yctb{
    padding: 0px 0px;
}
.zcfdcd .btn-wx .pic{
  position:absolute;
  left:-114px;
  top:-46px;
  display:none;
  width:114px;
  height:114px;
}



.zcfdcd .btn-phone .yctb{
  width:1.6pc;
   height: 1.6pc;
    line-height:1.6pc;}


.zcfdcd .btn-phone{
    background-color: #ad0e12;

}
.zcfdcd .btn-phone:hover{
    background-color: #0f1427;
      border-radius: 0px 0px 0px 0px;
}

.zcfdcd .btn-phone .yctb{
    padding: 0px 0px;
}

.zcfdcd .btn-phone .phone{
    background-color: #0f1427;
  position:absolute;
  width:140px;
  left:-140px;
  top:0px;
  line-height:48px;
  color:#FFF;
  font-size:18px;
  text-align:center;
  display:none;
}
.zcfdcd .btn-phone .phone.dh {
    background-color: #0f1427;
    position: absolute;
  width:140px;
  left:-140px;
    top: 0px;
    line-height: 48px;
    color: #FFF;
    padding: 0px 0px;
      border-radius: 8px 0px 0px 8px;
    font-size: 18px;
  text-align: center;}

.zcfdcd .btn-phone .phone a{

  color:#FFF;
}







	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
.product_s .product_s_list	{
    display: flex;
    align-items: center;
}
	
	
	.form_box {
		    display: flex;
    flex-wrap: wrap;
		}
	.form_box .text_box_c {
	   flex-basis: calc((100% - 40px) / 2);	
	   margin-bottom: 20px;
		}
	.form_box .text_box_c:not(:nth-child(2n)) {
    margin-right: 40px;
}
	.form_box .text_box_d {
		flex-basis: calc((100% - 0px) / 1);
	   margin-bottom: 20px;
		}
	
.d_product {
    display: flex;
    flex-wrap: wrap;
}
.d_product_l {
    flex: 0 0 500px;	
	}

.d_product_r {
	flex: 0 0 calc((100% - 500px) / 1);
	padding-left:50px;
	}
	



	.pages .content img {
 max-width: 85% !important;

}

	
	
.p_m_btn {
    display: none;
}
.p_m_bg {
    display: none;
}

.row_box .row_list {
    width: 100%;
    height: auto;
    padding: 10px;
    padding-bottom: 0px;
}
.job_n.row_box .row_list {
    width: 100%;
    height: auto;
    padding: 30px;
    padding-bottom: 30px;
}


.news_n.row_box .row_list {
width: 100%;
    height: auto;
    padding: 20px;
    display: flex;
    align-items: center;
}

.news_n .row_list_img {
     flex: 0 0 25%;
    position: relative;
}


.guide_nav {
	display: flex;
    flex-wrap: nowrap;
    align-items: center;
	}
	
.guide_nav .guide_nav_list a {
    font-size: 17px;
    width: 100%;
    padding: 0px 35px;
    line-height: 68px;
    color: rgb(0 0 0 / 100%);
    display: block;
    background: rgb(255 255 255 / 0%);
    transition: all .5s ease;
    position: relative;
    height: 100%;
    overflow: hidden;
    min-width: 120px;
    text-align: center;
}
.guide_nav .guide_nav_list a::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background: rgb(0 0 0 / 15%);
}
.guide_nav .guide_nav_list:last-child a::after {
   display: none;
}
.guide_nav .guide_nav_list a::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0%;
    height: 3px;
    background: var(--theme-color);
    transition: all .5s ease;
    transform: translateX(-50%);
}
.guide_nav .guide_nav_list a:hover::before {
    width: 100%;
}

.guide_nav .guide_nav_list a.active{
    background: var(--theme-color);
    color: rgb(255 255 255 / 100%);
}



	
 .nav_menu{
    display: flex;
    align-items: center;
}
 
.nav_menu li.nav_li_y {
    text-align: center;
    transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);
    position: relative;
    display: block;
    float: left;
margin:0px 0px;
}
  
  
.nav_menu .nav_li_y .nav_link_y{
display: block;
margin:0px;
padding: 0px;
position: relative;
    overflow: hidden;
}


.nav_menu .nav_li_y .nav_link_y::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0%;
    height: 3px;
    background: var(--theme-color);
    transition: all .5s ease;
    transform: translateX(-50%);
}
.nav_menu .nav_li_y:hover .nav_link_y::after {
    width: 100%;
}
.nav_menu .nav_li_y .nav_name_y {
    display: block;
    position: relative;
    line-height: 90px;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    padding: 0px 22px;
    margin: 0px;
    transition: all .5s ease;
}

.nav_menu .nav_li_y:hover .nav_name_y {
    color: var(--theme-color);
    transform: translateY(-100%);
}
.nav_menu .nav_li_y .nav_name_y::after {
    content: attr(data-title);
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(100%);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 90px;
    font-size: 18px;
    font-weight: bold;
    color: var(--theme-color);
}



.nav_menu .nav_li_y .nav_ul_e {
    width: 130%;
    position: absolute;
    left: 50%;
    top: 100%;
    z-index: 9;
    display: block;
    transform: translateX(-50%);
    max-height: 0;
 transition: all .5s ease;
    overflow: hidden;
background: #fff;
    text-align: center;
	border-radius: 0px 0px 6px 6px;
	box-shadow: 0 0 12px rgb(0 0 0 / 10%);
}
 .nav_menu .nav_li_y:hover .nav_ul_e {
    max-height: 100vh;

}
  
 .nav_menu .nav_ul_e .nav_link_e{
    width: 100%;
	border: none;
    padding:0px;
    line-height: 44px;
    font-size: 15px;
    color: #444;
    display: block;
    white-space: nowrap;
    border-top: 1px solid #eee;
}

 .nav_menu .nav_ul_e .nav_li_e:first-of-type .nav_link_e {
	border:none;
	}

.nav_menu .nav_ul_e .nav_link_e:hover {
    background-color: var(--theme-color);
    color: #fff;
}
	

.nav_btn {display:none;}
.nav_menu .nav_li_y .jt {display:none;}

.nav_r{
    display: flex;
    align-items: center;
}

.nav_tel{
    padding-left: 25px;
    padding-right: 25px;
    background: var(--theme-color);
}

.nav_tel a{color: #fff;
    display: flex;
    align-items: center;
    height: 90px;
	}
	
.nav_tel_icon {
	width: 30px; height: 30px;
}

.nav_tel_number {
	padding-left: 5px;
	font-size: 24px;
    line-height: 30px;
    color: #fff;
    font-family: 'Barlow';
    display: inline-block;
	}
	
	.nav_search{
	    margin-left: 35px;
	border-left: 1px solid #f5f5f5;
}

	.nav_search a{color: #444;
    display: flex;
    align-items: center;
	    padding-left: 30px;
    padding-right: 30px;
    height: 90px;
	}
.nav_search a:hover{
		color: var(--theme-color);
		}
		
.nav_search_icon {
	width: 24px; height: 24px;
	}


.nav_height {
height:90px;
width:100%;
display:block;
	}	
	
	
	.row_box .row_list_box.f1 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc((100% - 0px) / 1);
	margin-bottom: 30px;
}	


.job_n.row_box .row_list_box.f3 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc((100% - 80px) / 3);
	margin-bottom: 30px;
}	
.job_n.row_box .row_list_box.f3:not(:nth-child(3n)) {
    margin-right: 40px;
}	
	
	
	
	
	
.row_box .row_list_box.f4 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc((100% - 120px) / 4);
	margin-bottom: 30px;
}	
.row_box .row_list_box.f4:not(:nth-child(4n)) {
    margin-right: 40px;
}	
	
	
.row_box .row_list_box.f5 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc((100% - 120px) / 5);
	margin-bottom: 30px;
}	
.row_box .row_list_box.f5:not(:nth-child(5n)) {
    margin-right: 30px;
}	
	
	
		

}





@media only screen and (max-width: 1580px) and (min-width: 1441px){
	
.nav_menu .nav_li_y .nav_name_y {
    padding: 0px 18px;
  
}
	
}




@media only screen and (max-width: 1440px) and (min-width: 1281px){
.nav_logo {
    height: 50px;
    width: auto;
    display: block;
}
.nav_menu .nav_li_y .nav_name_y {
        font-size: 16px;
		padding: 0px 15px;
  
}
.nav_search {
    margin-left: 25px;
}
.nav_tel {
	padding: 0px 20px;
}	

.footer_nav_li_y {
    padding-right: 20px;
}

}





@media only screen and (max-width: 1280px) and (min-width: 769px){
.nav_logo {
    height: 50px;
    width: auto;
    display: block;
}
.nav_menu .nav_li_y .nav_name_y {
        font-size: 15px;
		padding: 0px 15px;
  
}
.nav_search {
    margin-left: 25px;
}
.nav_tel {
	padding: 0px 20px;
}	

.footer_nav_li_y {
    padding-right: 20px;
}	
}