﻿@charset "utf-8";abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h4,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,summary,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;outline:0}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent}
body{color:#707070;font-size:14px;font-family: 'siyuan', 'PingFang SC', "microsoft yahei ui", Arial!important;}
a,ins{text-decoration:none;color:#707070}
a:hover{color:#dd3c3c;text-decoration:none}
ol,ul{list-style:none}
*{padding:0;margin:0;border:0; list-style:none}
.clear{clear:both}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.container{ width:1440px; margin:0 auto}

 .top-header {
 
   position: fixed;
    width: 100%;
    left: 0;
    top: 0px;
    background: rgba(255, 255, 255, 1);
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    transition: all .5s ease;
    z-index: 100;
    overflow: visible;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
        
        
        
            display: flex;
            justify-content: space-between;
            align-items: center;
            
            padding: 0 20px;
            height: 80px;
        }
        
        

.logo{
	width:376px;

}
 .logo img{width: 100%;

}       
   
   
 .navBtn{display:none}
 .hs{display:none}


.nav-menu ul{}
.nav-menu ul li{margin-left: 6px;
    margin-right: 6px;
    display: inline-block;}
    
.nav-menu ul li a{
        position: relative;
    display: block;
    padding: 0 4px;
    line-height: 80px;
    font-size: 15px;
    letter-spacing: 0.5px;
    color: #222;
    font-weight: bold;
    text-align: center;
    transition: all .5s ease;
}

.nav-menu ul li a::before {
content:'';
position:absolute;
bottom:0;
left:50%;
transform:translateX(-50%);
display:block;
width:0;
height:2px;
background-color:#105e13;
opacity: 0;
transition:all .5s ease;
}


.nav-menu ul li:hover  a{
color: #105e13;
}



.nav-menu ul li:hover  a::before {
width:40px;
opacity: 1;
}






 .right-section {
            display: flex;
            align-items: center;
        }
.search-icon {
            margin-right: 20px!important; cursor: pointer;
           
        }
        



.expect-price{width:80px;border:1px solid #eee;height:30px;line-height:30px;text-align:center}




 .lv-slider {
	width:100%;
	height:700px;
	display:flex;
	position:relative;
	z-index:0;
}
 .lv-slider .swiper-slide {
	overflow:hidden;
	color:#fff;
}

.lv-slider .swiper-container {
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
}
.lv-slider .slide-inner {
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	background-size:cover;
	background-position:center;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:left;
}



.lv-slider .swiper-button-prev {
	background:transparent;
	width:55px;
	height:55px;
	line-height:53px;
	margin-top:-30px;
	text-align:center;
	border:2px solid #fff;
	border-radius:55px;
	opacity:0;
	visibility:hidden;
transition:all .3s ease;
	left:25px;
	transform:translateX(50px);
}
 .lv-slider .swiper-button-next {
	background:transparent;
	width:55px;
	height:55px;
	line-height:53px;
	margin-top:-30px;
	text-align:center;
	border:2px solid #fff;
	border-radius:55px;
	opacity:0;
	visibility:hidden;
transition:all .3s ease;
	right:25px;
	transform:translateX(-50px);
}
 .lv-slider:hover .swiper-button-prev {
	transform:translateX(0);
	opacity:1;
	visibility:visible;
}
 .lv-slider:hover .swiper-button-next {
	transform:translateX(0);
	opacity:1;
	visibility:visible;
}
  
 
 .lv-slider .swiper-pagination-bullet {
	width:16px;
	border-radius:0px;
	height:2px;
	text-align:left;
	line-height:2px;
	color:#000;
	opacity:0.8;
	background:#333;
transition:all .2s ease;
}
 .lv-slider .swiper-pagination-bullet-active {
	opacity:1;
	background:#1b5796;
}
 .lv-slider .swiper-container-horizontal > .swiper-pagination-bullets {
	bottom:50px;
	max-width:1600px;
	padding:0 15px;
	margin:0 auto;
	left:50%;
	transform:translateX(-50%);
}
 .lv-slider .swiper-pagination-custom {
	bottom:30px;
}
 .lv-slider .swiper-pagination-fraction {
	bottom:30px;
}
 .lv-slider .swiper-pagination {
	text-align:center;
}
     
     
     
     
     
     
     
     
     

 .syxw {
	background-image:url(../images/beijing999.jpg);
	background-color:rgba(241, 241, 241, 1);       
      
}
 .syxw .container{
	 
            display: flex;
            justify-content: space-between;
            align-items: center;
}

.syxw_1{width:80%;}


.syxw_1_a{font-size:40px;text-align:center;color:#cc0000; margin:20px 0px;}
.syxw_1_b{font-size:26px;text-align:center;color:#696969;letter-spacing:2px; margin-bottom:20px}











.syxw_2{width:18%; margin-top:100px;}





.syxwlb{overflow: hidden;
    background: #b8cceb;padding: 10px;
    border: solid 5px #c00;}

.syxwlb .new-list {
	margin:10px 0;
	padding-bottom:10px;
	border-bottom:1px dashed #ccc;
}
.new-list .top {
	position:relative;
	padding:5px;
	font-size:1rem;
	overflow:hidden;
}
.new-list .title {
	color:#1b5796 !important;display: inline-block;
    width: calc(100% - 100px);     overflow: hidden;
    text-overflow: ellipsis;     white-space: nowrap;


}
.new-list .time {
	position:absolute;
	top:50%;
	width:100px;
	transform:translateY(-50%);
	right:0px;
	font-size:0.75rem;
}
.new-list .newMs {
	display:-webkit-box;
	overflow:hidden;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	width:100%;
	font-size:0.875rem;
	line-height:1.8;
}







.about {
	background-image:url(../images/beijing333.jpg);display: flex;
            justify-content: space-between;
            align-items: center;
}

.about .about_1{ width: 50%;

}

.about .about_1 .p_dimage{ overflow: hidden;

}
.about .about_1 .p_dimage img {
transition:all .8s ease;
-moz-transition:all .8s ease;
-webkit-transition:all .8s ease;
-o-transition:all .8s ease;
}
.about .about_1 .p_dimage img:hover {
	overflow:hidden;
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	cursor:pointer;
}






.about .about_2{ width: 50%;

}
.about_box{padding: 5%;}

.about_line{
    width: 40px;
	border-top-color:rgba(12, 172, 170, 1);
	border-top-width:1px;border-top-style:solid;
}



.p_CommonBtn {
	background-color:rgba(239, 147, 2, 1);
transition:all .5s ease;
	border-radius:50px;height: 36px; line-height: 36px;padding-right: 20px;
    padding-left: 20px; color: #fff;

	font-size:13px;width: 130px;}

.p_CommonBtn:hover {
	background-color:rgba(27, 87, 150, 1);
}

.p_linkBox {

    text-align: center;
}


.p_linkBox a{display: inline-block;
    background-color: rgba(238, 238, 238, 1);
    margin-right: 10px;
    margin-bottom: 0px;    height: 48px; line-height: 48px;    width: 102px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    align-items: center;    padding-right: 15px;
    padding-left: 15px;
}
#products {position: relative;
    width: 100%;
    height: auto;
    padding-top: 20px;   padding-bottom:40px; margin-bottom:40px;}
 #products .swiper-pagination {
    width: 100%;
    bottom: 0px;
}
 #products  .swiper-pagination-bullet {
width: 12px;
    height: 12px;
    margin: 5px;
    background: #666;
}




 #products .swiper-pagination-bullet-active {

	background:#105e13;
}

 #products .swiper-button-prev {
	position:absolute;
	top:43%;
	left:0px;
	font-size:2rem;
	cursor:pointer;
transition:all .5s ease;
	display:none;
}
 #products .swiper-button-prev:hover {
	color:#c50809;
}
 #products .swiper-button-next {
	position:absolute;
	top:43%;
	right:0px;
	font-size:2rem;
	cursor:pointer;
transition:all .5s ease;
	display:none;
}
 #products .swiper-button-next:hover {
	color:#c50809;
}
 #products .productLi {
	overflow:hidden;
	padding:15px;
	background:#f5f5f5;
}
 #products .productLi img{
 width:100%;

}




 #products .text-tile {
    text-align: center;

    color: #666;
    font-size: 14px;
    background: none;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-top: 0px;
    border-bottom: none;
    padding: 0 2%;
    border-top: none;
    line-height: 1.4;
    margin: 10px 0px;
    overflow: hidden;
    text-align: center;
    transition: all .5s ease;
    text-overflow: ellipsis;
}




.newContainer {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 1rem auto;
}


.newContainer .p_articles {
    display: inline-block;
    height: auto;
    min-width: 320px;
    width: calc((100% - 0px)/3);
    padding: 15px 20px;
    overflow: hidden;
    float: left;
}

.porTbox {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 230px;
}




.newImg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all .5s ease;    vertical-align: middle;
}


 .showBox {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity:0;
	background:rgba(0, 0, 0, .6);
	transition:all 0.5s ease;
}

.showBoxLink {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	display:block;
	width:60%;
	color:#fff;
	text-align:center;
	font-size:1rem;
	padding:0.5rem 0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
 .showBoxLink::before {
content:'';
position:absolute;
top:0px;
left:50%;
transform:translateX(-50%);
width:60%;
height:1px;
background:#fff;
transition:all .5s ease;
}
 .showBoxLink::after {
content:'';
position:absolute;
bottom:0px;
left:50%;
transform:translateX(-50%);
width:60%;
height:1px;
background:#fff;
transition:all .5s ease;
}



.newLi:hover .showBox {
	opacity:1;
}
.newLi:hover .newImg {
	transform:translate(-50%, -50%) scale(1.1);
}
 .newLi:hover .showBoxLink::before {
width:1rem;
}
 .newLi:hover .showBoxLink::after {
width:1rem;
}

.porBbox {
	position:relative;
	overflow:hidden;
	width:100%;
	height:auto;
	padding:15px;
	border:1px solid #f2f2f2;
	text-align:center;
}

 .newTitle {
    font-size: 1rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

 .newSummry { height: 60px;
    color: #777;
    white-space: normal;
    overflow: hidden;
    margin: 10px 0;
    text-overflow: ellipsis;
}


 .lookDetail {
	position:relative;
	display:block;
	color:#777;
	height:38px;
	line-height:38px;
	border-top:1px solid #e5e5e5; text-align: left;
}
 .lookDetail .details {
    display: inline-block;
    margin: 0;
    padding: 5px 10px;
    min-width: 86px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}


.arrowsR {
	position:absolute;
	top:50%;
	right:0px;
	transform:translate(0, -50%);
	width:30px;
}
.arrowsR img {
	position:absolute;
transition:all .5s ease;
}
.harr {
	opacity:0;
}



.lookDetail:hover .barr {
	opacity:0;
}
.lookDetail:hover .harr {
	opacity:1;
}







.hezuo {
	background-image:url(../images/a34.jpg);
	background-color:rgba(245, 245, 245, 1); padding-top: 100px;padding-bottom: 100px;
}
.hezuo_line{width: 40px; border-top-style: solid;

    border-top-color: rgba(239, 147, 2, 1);
    border-top-width: 4px; margin:30px auto;}




.contact_link{
   
   width: 180px;margin: 0 auto;display: block; text-align: center;
    border:1px #ef9302 solid;

    height: 36px; line-height: 36px;
    color: #fff !important;
    padding-right: 20px;
    padding-left: 20px;
    text-align: center;
}


.contact_link:hover {
	background-color:#ef9302;
}







.bottom-container{display: flex;
            justify-content: space-between;
           }

.bottom_1{
margin-left: 1%;
    margin-right: 0px;
    width: 33.1488%;

}

.bottom_2{
width: 45.7248%;

}
.bottom_3{
width: 17.116799999999998%;

}



.bottom_title{    font-weight: 700;
    font-size: 24px;color: #333;   height: 38px; line-height: 38px;
}

.lxwm_li{ 
border-bottom: 1px solid rgba(0,0,0,0.1);padding-bottom: 13px; margin-top:13px;color:#000000;font-size:14px} 



.bottom_cp{    margin-top: 20px;
}
.bottom_cp ul{    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    white-space: nowrap;}
.bottom_cp ul li{    display: inline-block;position: relative;
    width: calc((100% -2%)/2);
    background: none;
    transition: all .5s ease;
    padding: 8px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;}





.right_bar{position:fixed; top:300px; right:0; width:50px; height:203px; z-index:10;}
.right_bar li{ width:180px; height:50px; z-index:20; }
.right_bar li.rtbar_li1,.right_bar li.rtbar_li4{ position:absolute; left:0;}
.right_bar li.rtbar_li1{ top:0; width:180px; }
.right_bar li.rtbar_li2{ position:absolute; top:51px; left:0; }
.right_bar li.rtbar_li3{ position:absolute; top:102px; left:0; width:180px; }
.right_bar li.rtbar_li4{ top:153px;}
.rtbar_li4{ position:absolute; top:153px; left:0;}
.right_bar li a{ display:block; color:#FFF; font-size:12px; height:50px; line-height:50px; overflow:hidden; background-color:#ee9403; opacity:1; border-radius:6px;}
.right_bar li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;}
.right_bar li a:hover{ background-color:#ee9403; opacity:1;}
.rtbar_shwx{ display:none; position:absolute; top:-120px; left:-160px; padding-bottom:9px; }
.rtbar_shwx img{ padding:14px; background-color:#FFF; }
.right_bar{display:none;}
.rtbar_shwx{top:-50px;}




.banquan{padding: 20px 0px;display: flex;
            justify-content: space-between;
           }

.banquan_1{

}

.banquan_2{


}

.breadCrumb{
background-image: url(../images/xiwnen111.jpg);
    background-color: #f3f3f3; padding: 80px 0px; margin-bottom: 20px;min-height: inherit;    width: 100%;
    overflow: hidden;
    position: static;height: 365px;
}
    
    
.dqwz{ text-align:center;margin: 10px 0px; color:#fff}
.dqwz a{ color:#fff!important}
    
    
.NavList_a1 ul {
    text-align: left;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    font-size: 0px;
}
    
.NavList_a1 li {
    position: static;
    display: inline-block;
    color: #fff;
    width: auto;
    vertical-align: top;
} 
 .NavList_a1 a {
    position: relative;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    margin: 10px 8px;
    padding: 0px 30px;
    background: #fff;
    border: 1px solid #666;
    color: #666;
    border-radius: 0px;
    display: block;
    transition: 0.3s ease 0s;
}

.NavList_a1 a:hover {
	color:#fff;
	background:#105e13;
	border:1px solid #105e13;
}

.NavList_a1 .active a{
	color:#fff;
	background:#105e13;
	border:1px solid #105e13;
}


    
.breadCrumb .e_switchbtn {
	display:none;
} 
.breadCrumb .e_switchbtn {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 25px;
height: 50px;
line-height: 50px;
text-align: center;
z-index: 999;
background: #fff6f1;
color: #555;
cursor: pointer;
}
.breadCrumb .btn-next {
right: 0px;
}
.breadCrumb .btn-pre {
left: 0px;
}
    
    
.newlist{ clear:both; margin-top:20px;}
.newlist ul{}
.newlist ul li{
    border-bottom: 1px dashed #ececec;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.newlist ul li .title-time {
	font-size:20px;
	font-weight:normal;
	height:38px;
	line-height:38px;
	position:relative;
transition:color .3s ease; overflow: hidden;
}
.newlist ul li  .title {
	display:block;
	width:calc(100% - 90px);
	overflow:hidden;
	white-space:nowrap;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;    color: #707070;float: left;
}

.newlist ul li :hover .title {
	color:#20b09f;
}


.newlist ul li  .time {
	font-size:16px;
	color:#999;
	display:block;float: right;

} 

.epages{padding:10px 10px 10px 10px;text-align:center;background:#fff}
.epages a{display:inline-block;margin:5px 5px;padding:5px 10px;border-radius:4px;background-color:#eee;color:#666;text-decoration:none}
.epages  a.current{background-color:#1a6a20;color:#fff}



.wwz{ margin:10px 0px;}

 .wwz .container{
	 
            display: flex;
            justify-content: space-between;
           
}

.wwz_1{     width: 78.498%;}
.wwz_2{    width: 19.502000000000002%;
    margin-left: 2%;}


.lmbj{    background-color: rgba(16, 94, 19, 1);color:#FFFFFF;font-size:26px; padding:4px;}  
.xgxw{border:1px solid #eee;overflow:hidden;}


.xgxw .list_lh {
	height:300px;
	padding:10px 0;
	overflow:hidden;
}
.xgxw .evenul li {
	position:relative;
	width:100%;
	padding:5px 10px;
	height:40px;
	font-size:1rem;
	overflow:hidden;
}
.xgxw .lieven {
	background:#F0F2F3;
}


.xgxw .title {
	display:inline-block;
	width:calc((100% - 120px)/1);
	overflow:hidden;
	white-space:nowrap;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
}
.xgxw .time {
	display:inline-block;
	width:119px;
	text-align:center;
	float:right;
}




.actext-b h1 {
font-size: 32px;
font-weight: normal;
color: #373c41;
font-family: arial;
text-align: center;
}


.actext-b-a{
    overflow: hidden;
    padding-top: 20px;
    margin: 20px 0;border-top: 1px solid #d9d9d9;    overflow: hidden;
    padding-top: 20px;
    margin: 20px 0;text-align: center;
}
.actext-b-a span {
    display: inline-block;
    margin-right: 20px;
}

.actext-c {
	padding: 10px 10px 20px 10px;
	line-height: 35px;
	font-size: 16px;
	border-bottom: 1px solid #F6F6F6;
}

.actext-c .background_info{background: #f2f2f2;    padding: 10px;
    white-space: normal;}



.actext-c ul, .actext-c ol {
	margin-left: 4em;
}
.actext-c li {
	list-style-type: inherit;
}
.actext-c li p {
	padding: 0;
	text-indent: 0em;
}
.actext-c p {
}
.actext-c p[style="text-align:center"], .actext-c p[style="text-align: center"], .actext-c p[style="text-align: center;"] {
	text-indent: 0em;
}
.actext-c pre {
	font-size: 12px;
}
.actext-c img {
	max-width: 100% !important;
	height: auto !important;
	box-shadow: 0 0 6px 3px #DDD;
}
.actext-c h1, .actext-c h2, .actext-c h3, .actext-c h4, .actext-c h5, .actext-c h6 {
	font-weight: 500;
	padding: 2px 0 2px 10px;
	margin: 18px 0;
	background-color: #F5F5F5;
	color: #CC7325;
	font-size: 18px;
}
.actext-c blockquote {
	margin: 10px;
	padding: 4px 10px;
	background-color: #F5F5F5;
}

.actext-f{ overflow:hidden}



.actext-f ul li {
	float: left;
	width: 50%;
	line-height: 24px;
	white-space: nowrap;
	word-wrap: normal;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 5px;
}
.actext-f-li {
	text-align: right;
}


.p_navv{
    width: 100%;
    margin: 0 auto;
    height: 50px;
    display: block;
    position: relative !important;
 
    white-space: nowrap; margin-bottom: 20px;
}
.p_navv ul{
    width: calc((100% - 0px)/2);
}
.p_navv ul li{
    width: 100%;
    height: 50px; line-height: 50px;
    display: inline-block;
    vertical-align: middle;
    background-color: #f1f1f1;
    text-align: center;
    color: #000;
    border-radius: 20px;font-size: 20px; cursor: pointer;
}

.p_navv ul li.active {
    color: rgba(255,255,255,1);
    background-color: #19691e;
    border-radius: 20px;
}

.qiyewh{}

 .qiyewh_a h1{font-size:32px;color:#333;font-weight:normal; margin-bottom:15px; text-align:center}
.qiyewh_a span{font-size:20px;color:rgb(51, 51, 51);margin-bottom:15px;display:block; text-align:center}
    
    .qiyewh .container{
	 
            display: flex;
            justify-content: space-between; align-items: center;
           
} 
    
.hides{ display:none!important}    
.qiyewh_1{ float:left; width:45.4%;}
.qiyewh_1 img{width:100%;}
.qiyewh_2{ float:right;width:49.6%;}
.qiyewh_2 ul{}
.qiyewh_2 ul li{ overflow:hidden; margin-bottom:20px;}
.qiyewh_2 ul li .icoc{background-color: #ee9403;
    border-radius: 50%;width:80px; height:80px; float:left; text-align:center; line-height:80px;}
    
  .qiyewh_2 ul li .icoc i{color:#fff; font-size:30px;}  
    
    
    
.qiyewh_2 ul li .icoz{ float:left; margin-left:20px; width: calc(100% - 170px);}
.qiyewh_2 ul li .icoz span{font-size:26px;color:#000; display:block; line-height:25px; margin-bottom:10px;}
.qiyewh_2 ul li .icoz p{font-size:14px;color:#000;display:block; line-height:25px;}


.aboutn{}

 .aboutn .container{
	 
            display: flex;
            justify-content: space-between; align-items: center;
           
}

.aboutn_1{       
    width: 53.641000000000005%;}
    
    
 .aboutn_1_a h1{font-size:32px;color:#333;font-weight:normal; margin-bottom:15px;}
.aboutn_1_a span{font-size:20px;color:rgb(51, 51, 51);margin-bottom:15px;display:block}
    
.aboutn_1_a_line{border: none;
    height: 2px;
    width: 100%;
    background: #333;}
    
    
    
.aboutn_1_b{color:#000000;font-size:16px; line-height:26px; margin-top:10px;}
.aboutn_1_b p{color:#000000;font-size:16px; line-height:2;}

    
    
    
.aboutn_2{       width: 43.359%;
    margin-left: 3%;background-color: #f2f2f2; }

.aboutn_2 img{width:100%}


.aboutn2{ margin-top:20px;}

 .aboutn2 .container{
	 
            display: flex;
            justify-content: space-between; align-items: center;
           
}
 .aboutn2 li{
    width: 31.996799999999997%;


}



.aboutn2 li:nth-child(2) {
    width: 31.996799999999997%;
    margin-left: 2%;
}

.aboutn2 li:nth-child(3) {
    width: 31.996799999999997%;
    margin-left: 2%;
}



.PhotoList_k1 {
	width:100%;
	transition:0.3s ease 0s;
	font-size:14px;
}
.PhotoList_k1 li:nth-child(4n+1) {
margin-left:0px;
}


.PhotoList_k1 li {
	font-size:16px;
	transition:0.3s ease 0s;
	margin-bottom:1.2%;
	width:23%;
	margin-left:1.2%;
	background:#ffffff;
	padding:10px;
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
}

.PhotoList_k1 li a {
	font-size:0px;
	overflow:hidden;
	text-align:center;
	background:#fff;
	width:100%;
	margin:0 auto;
	height:auto;
	display:block;
}

.PhotoList_k1 img {
	display:inline-block;
	vertical-align:middle;
	transition:0.5s linear 0s;
	width:auto;
	height:auto;
	max-width:100%;
	margin-left:0px;
	transform:scale(1);
}
.PhotoList_k1 li:hover img {
transform:scale(1.1);
}



.PhotoList_k1 li .title {
	color:#666;
	white-space:nowrap;
	transition:0.3s ease 0s;
	width:100%;
	text-align:center;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:16px;
	padding:3% 10px;
	box-sizing:border-box;
	border:none;
	background:#e4e9ec;
}



.stylebox_title{background: #ededed;    height: 60px; line-height:60px;    padding-left: 15px;
    padding-right: 15px;}

.stylebox_title .title_main{
    font-size: 18px;
    font-weight: bold;
    line-height: 60px;
    color: #000;
}

.stylebox_content{
    background: #fff !important;
    border: 1px solid #f0f0f0;
    padding: 15px;
    margin-bottom: 30px;
}

.moveBtn {
    display: none;
    color: #fff;
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-color: #f67069;
    border: 1px solid #f67069;
    white-space: nowrap;
    border-radius: 4px;
    margin: 0px;
}


.contentBox {
    width: 100%;
    height: auto;
    overflow: visible;
    box-shadow: 0px 5px 20px 0px rgba(192, 192, 192, 0);
    z-index: 999;
    background-color: #fff;
}

.backBtn {
    display: none;
}

.contentBox{}
.contentBox ul{}
.contentBox ul li{border-bottom: 1px solid #eee;    height: 60px;
    line-height: 60px;display: flex; border-left:3px solid #fff;   padding-left: 20px;font-size: 16px;color: #464646;}
    
.contentBox ul li:hover{background-color:#f5f5f5;border-left:3px solid #105e13}
.contentBox ul li.active{background-color:#f5f5f5;border-left:3px solid #105e13}
    
    
    
    
    
  .contentBox ul li a{color: #464646;}  
    
#products_new {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 15px 0px 0px 0px;
}

#products_new .list {
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 60px;
}

#products_new .swiper-container-pro {
	width:calc(100% - 0px);
	margin:0 auto;
	height:400px;
}


#products_new .productLi {
	overflow:hidden;
	padding:0px 10px;
	background:#fff;
	flex-direction:row;
	display:flex;
}
#products_new .productLi .picture{
display: block;width:81px;
     height: 81px;
    overflow: hidden;
}
#products_new .productLi img{
    width: 81px;
    height: 81px;
    transition: all .5s ease;
    vertical-align: middle;
}

#products_new .productLi img:hover {
	transform:scale(1.1);
}
#products_new .text {
    width: 62%;
    margin-left: 4%;
	color:#555;
	font-size:16px;
	background:none;
	margin-top:0px;
	border-bottom:none;
	padding:0 2%;
	border-top:none;
	height:50px;
	line-height:25px;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	margin:5px 0px;
	overflow:hidden;
	text-align:left;
transition:all .5s ease; 
}
#products_new .text:hover {
	color:#222;
}






#products_new .swiper-button-prev {
	position:absolute;
	color:#d0cdcc;
	bottom:0px;
	left:0px;
	width:50%;
	top:auto;
	font-size:18px;
	cursor:pointer;
transition:all .5s ease;
	background:none;
	display:flex;
	align-items:center;
	justify-content:center;
	border-top:1px solid #f0f0f0;
}
 #products_new .swiper-button-prev:hover {
	color:#464646;
}
#products_new .swiper-button-next {
	position:absolute;
	color:#d0cdcc;
	top:auto;
	bottom:0px;
	width:50%;
	right:0px;
	font-size:18px;
	cursor:pointer;
transition:all .5s ease;
	background:none;
	display:flex;
	align-items:center;
	justify-content:center;
	border-top:1px solid #f0f0f0;
}
#products_new .swiper-button-next .iconfont {
	display:inline-block;
	height:auto;
}
#products_new .swiper-button-prev .iconfont {
	display:inline-block;
	height:auto;
}
 #products_new .swiper-button-next:hover {
	color:#464646;
}

 #products_new .swiper-pagination {

    display: none;
}



.p_products {
 
}
.p_products ul{width: 100%;
    height: auto;
    overflow: hidden;}

.p_products li{float: left;    width: calc((100% - 0px)/3);position: relative;
    overflow: hidden;
    padding: 20px;display: inline-block;
    vertical-align: top;
}

.p_products li .porTbox {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
    padding-bottom: 100%;
    border: 1px solid #f2f2f2;
    border-bottom: 0px;
}

.p_products li .porTbox img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all .5s ease;
}

.p_products li:hover .porTbox img {
transform:translate( -50%,-50%) scale(1.1);

}

.p_products li .porBbox {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
    padding: 15px;
    border: 1px solid #f2f2f2;
    text-align: center;
}








.cplbn{ margin:10px 0px;}

 .cplbn .container{
	 
            display: flex;
            justify-content: space-between; 
           
}

.cplbn_1{          width: 300px;}
.cplbn_2{width: calc(100% - 350px);
    margin: 0 0 0 50px;position:relative}



.boxc{ border:1px solid #eee; padding:10px;}



.cplbn_2_w{
display: flex;
justify-content: space-between; 
           
}

.cplbn_2_2{width: 580px;}
.cplbn_2_1{width: calc(100% - 600px);position:relative}




	.img-wrapper{}

    /* 大图+放大镜容器（并排布局） */
    .img-preview-wrapper { position: relative;
      width:100%;
      display: flex;
      align-items: flex-start;
    }

    /* 大图区域（包含跟随镜头） */
    .big-img-container {
    
      width: 100%;
      overflow: hidden;
    }
    .big-img {
      width: 100%;
      display: block;
    }
    /* 跟随镜头（大图上的小区域） */
    .zoom-lens {
      position: absolute;
      width: 150px; /* 镜头尺寸：和放大区域的比例是 1:2（放大2倍） */
      height: 150px;
      border: 1px solid #999;
      background: rgba(255, 255, 255, 0.3);
      cursor: move;
      display: none; /* 默认隐藏 */
      pointer-events: none; /* 避免遮挡鼠标事件 */
    }

    /* 右侧放大区域（固定300x300） */ 
    .zoom-container { position:absolute;  right:320px; top:10px;
      width: 300px;
      height: 300px;
      border: 1px solid #ddd;
      background: #fff;
      overflow: hidden; z-index: 3333;
      display: none; /* 默认隐藏 */
      flex-shrink: 0; /* 固定宽度不收缩 */
    }
    .zoom-img {
      position: absolute;
      width: 200%; /* 放大2倍（和镜头尺寸对应：150x2=300） */
      height: auto;
    }

    /* 小图滚动区域（带左右按钮） */
    .small-img-nav {
      width: 100%;
      margin: 0 auto;
      position: relative;
      display: flex;
      align-items: center; margin-top:10px ;
    }
    .scroll-btn {
      width: 36px;
      height: 36px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.9);
      border: 1px solid #ddd;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      position: absolute;
      z-index: 10;
      -webkit-tap-highlight-color: transparent;
    }
    .prev-btn {
      left: 0;
      
    }
    .next-btn {
      right: 0;
     
    }
    .small-img-wrapper {
      width: 100%;
      overflow: hidden;
      padding: 0 38px;
    }
    .small-img-container {
      display: flex;
      gap: 10px;
      overflow-x: hidden;
      padding-bottom: 10px;
      scroll-behavior: smooth;
    }
    .small-img-item {
      width: 80px;
      height: 80px;
      flex-shrink: 0;
      border: 2px solid transparent;
      cursor: pointer;
      -webkit-tap-highlight-color: transparent;
    }
    .small-img-item.active {
      border-color: #2196F3;
    }
    .small-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }




.eyprodet_text .eyprodet_name {
    width: 100%;
    height: auto;
    min-height: 40px;
    max-height: 80px;
    overflow: hidden;
    line-height: 40px;
    color: #333;
    font-size: 26px;
    font-weight: bold;
    word-break: break-all;
    position: relative;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0 auto 20px;
  
}


.eyprodet_text .eyprodet_ms {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto 20px;
    padding: 0 0 30px;
    border-bottom: 1px solid #e5e5e5;
   
}

.eyprodet_tags{width:100%;height:auto;margin:0 auto;padding:0}
.eyprodet_tags li{height:40px;overflow:hidden;line-height:40px;color:#999;font-size:16px;white-space:nowrap;text-overflow:ellipsis;}

.eyprodet_btm{
    display: block; border:  1px solid #000;
    width: 100px;
 text-align: center;    overflow: hidden;
    margin: 0 40px 0 0;
    padding: 10px 20px;
}
.eyprodet_btm:hover{ background:#105e13; border-color:#105e13; color:#fff; }
.eyprodet_btm:hover a{ color:#fff; }


 .eyprodet_con {
    width: 100%;
    overflow: hidden;
    margin: 0 auto; margin-top: 20px;

}

.eyprodet_tit {
    width: 100%;
    height: auto;
    margin: 0 auto 30px;
    padding: 0; background: #f5f5f5; overflow: hidden;
}

.eyprodet_con .eyprodet_tit span {
display: inline-block;
    background: #105e13;
    line-height: 44px;
    color: #fff;
    font-size: 15px; padding: 0px 12px;
   
  
}

.eyprodet_con .prodetailwb {
    width: 100%;
    overflow: hidden;
    line-height: 30px;
    color: #666;
    font-size: 15px;
    margin: 0 auto;
    padding: 0;
}


.eyprodet_con .prodetailwb{width:100%;overflow:hidden;line-height:30px;color:#999;font-size:16px;margin:0 auto;padding:0}
.prodetailwb div,.prodetailwb p{margin:0 auto 20px}
.prodetailwb img,.prodetailwb table,.prodetailwb tr,.prodetailwb td,.prodetailwb p,.prodetailwb span,.prodetailwb div,.prodetailwb video,.prodetailwb embed{max-width:100% !important;max-height:100%;line-height:30px;color:#999;font-size:16px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;white-space:normal;word-break:break-all;text-align:justify}
.prodetailwb p span,.prodetailwb span,.prodetailwb p em,.prodetailwb em{color:#999!important;font-family:Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-serif!important;font-size:16px!important}
.prodetailwb b{display:block;line-height:30px;color:#333;font-size:16px;font-weight:normal;margin:0 0 5px}
.prodetailwb table tr td p{text-indent:0!important}
.prodetailwb img{display:inline-block;width:auto!important;height:auto!important;max-width:100%;margin:0 auto;padding:0;text-indent:0!important}









.contact_inor{}
.contact_inor .contact_inor_1{
    width: 39.050000000000004%;float: left;background-color: rgba(16, 94, 19, 1);  padding: 50px 40px;}

.contacttext{}

.contacttext h1{ font-size:36px; color:#fff; font-weight:normal;border-bottom:1px rgba(255, 255, 255, .5) dashed; padding-bottom: 15px; margin-bottom: 15px;
}

.contacttext p{ font-size:16px; color:#fff; line-height: 25px; margin-bottom: 10px; 
}
.ey_contactinfor_img{width:120px; height:120px;}
.ey_contactinfor_img img{width:120px; height:120px;}



#mapContent{
    width: 60.95%;float: right; height: 514px;
}



.khmc{text-align:center;font-size:40px}
.khmv{text-align:center;font-size:16px; color:#000;letter-spacing:5px}

.web_msg{width:100%; clear:both}

.web_msg ul li{width:100%;height:auto;overflow:hidden;line-height:inherit;margin:0 0 25px}

.web_msg ul li  .textarea{display:block;width:100%;height:150px;line-height:30px;color:#aaa;font-size:16px;margin:0;padding:15px 20px;background-color:#f9f9f9;border:0;outline:none;resize:none}

.web_msg ul li  .input{display:block;width:100%;height:60px;line-height:60px;color:#666;font-size:16px;margin:0;padding:0 20px;background-color:#f9f9f9;border:0;outline:none}



.web_msg ul li.msg_ipt1{width:48%;margin:0 4% 25px 0;float:left}
.web_msg ul li.msg_ipt2{width:48%;float:right}



.web_msg ul li .msg_ipty{width:100%; overflow:hidden}


.web_msg ul li .msg_ipty input{width: calc(100% - 98px); display: inline-block;}
.web_msg ul li .msg_ipty img {
    width: 90px;
    height: 42px;
    display: inline-block;
    vertical-align: top;
}


.web_msg  input.msg_btn1{background-color: #105e13;
    border-color: #105e13;
    border: 0px;
    width: 100%;
    height: 42px;
    transition: 0.5s; color:#fff;cursor:pointer}
    
.web_msg input.msg_btn1:hover{background-color:#609ab1!important}






.inquiry-container {

  background: #fff;
}
.section {
  margin: 20px 0;
}
.section h3 {
  margin-bottom: 10px;
  font-size: 16px;
  color: #333;
}


/* 产品表格样式 */
.product-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
}
.product-table th, .product-table td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}
.btn-add {
  background: #28a745;
  color: #fff;
  border: none;
  padding: 6px 12px;
  cursor: pointer;border-radius: 4px;
}


/* 表单样式 */
.form-group {width:500px;
  margin: 10px 0;position: relative;
}
.form-group label {
  display: inline-block;
  width: 80px;
  font-size: 14px;
}
.form-group input{
  padding: 6px;
  width: 300px;
border: 1px solid #ccc;
    border-radius: 4px;
}

.form-group textarea {
  padding: 6px;
  width: 100%; height: 200px;
border: 1px solid #ccc;
    border-radius: 4px;
}



.captcha {
  margin:0px 5px;float:right;
}

.captcha img {width:100px;height:30px;}


.btn-submit {
  background: #28a745;
  color: #fff;
  border: none;
  padding: 8px 20px;
  cursor: pointer;border-radius: 4px;
}


/* 弹窗样式 */
.modal {
  display: none; /* 默认隐藏 */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5); /* 半透明遮罩 */
  z-index: 1000;
}
.modal-content {
  background: #fff;
  width: 80%;
  max-width: 900px;
  margin: 10% auto;
  padding: 20px;
  position: relative;
  border-radius: 4px;
}
.modal-close {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 20px;
  cursor: pointer;
}
.modal-filter {
  margin: 10px 0;
}
.modal-filter select, .modal-filter input {
  padding: 6px;
  margin-right: 10px; border: 1px solid  #eee;
}
#modalProductTbody  img{width:50px;height:50px;}
#productTbody  img{width:50px;height:50px;}
.gdda{ height:500px; overflow-x: auto}
.qty-minus{ background:#eee; width:20px;height:20px;display:inline-block;cursor:pointer}
.qty-plus{ background:#eee; width:20px;height:20px;display:inline-block;cursor:pointer}
.qty-input{ text-align:center;display:inline-block;width:40px;background:#eee}

.btn-search {
  background: #007bff;
  color: #fff;
  border: none;
  padding: 6px 12px;
  cursor: pointer;
}
.modal-product-table {
  width: 100%;
  border-collapse: collapse;
  margin: 10px 0;
}
.modal-product-table th, .modal-product-table td {
  border: 1px solid #ddd;
  padding: 8px;
}
.pagination {
  margin: 10px 0;
}
.pagination button {
  padding: 4px 8px;
  margin: 0 2px;
  border: 1px solid #ddd;
  background: #fff;
  cursor: pointer;
}
.pagination button.active {
  background: #007bff;
  color: #fff;
  border-color: #007bff;
}
.modal-btns {
  text-align: right;
  margin-top: 20px;
}
.modal-btns button {
  padding: 6px 12px;
  margin-left: 10px;
  cursor: pointer;
}
#modalCancel {
  background: #fff;
  border: 1px solid #ddd;
}
#modalConfirm {
  background: #28a745;
  color: #fff;
  border: none;
}

 .hiden {
    opacity: 0;
    display: none;
}

 .lay {
    position: fixed;
    z-index: 199;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(70, 70, 70, 0.6);
    opacity: 1;
    transition: all .5s ease;
}


.p_contentBox {
    min-width: 290px;
    background: #fff;
    text-align: center;
    position: relative;
    z-index: 5;
    opacity: 1;
    width: 100%;
    max-width: none;
    padding: 2% 5%;
    cursor: auto;
}


.p_headbox {
    max-width: 1200px;
    width: 80%;
    margin: 0 auto;
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #d1d1d1;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.closse {
    position: absolute;
    right: 5%;
    top: 5%;
    z-index: 3;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 24px;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
}


 .p_searchBox {
    border: none;
    background: none;
    line-height: 45px;
    height: 45px;
    width: calc(100% - 60px);
    overflow: hidden;
}


.p_searchBox .p_input {
    width: 100%;
    line-height: 45px;
    height: 45px;    display: inline-block;    vertical-align: middle;    color: inherit;
    position: relative;
    font-size: 14px; text-align: left;
}


#search_keyword {
    height: 45px;
    line-height: 45px;
    text-indent: 15px;
    background: none;
    padding: 0px;
    font-size: 14px;
    border: none;
    color: #666;text-align: left;width: 100%;
}

 .btnBox {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 22px;
    color: #666;
    position: relative;
}


.p_searchBtn {
    background: none;
    padding: 0px;
    width: 100%;
    justify-content: center;
    display: flex;
    margin: 0px;
    border-radius: 0px;
    height: 45px;
    overflow: hidden;
    line-height: 45px;
    border: none;
    color: #000;
}

.cpzss{background:url("../images/a444.jpg"); padding:50px 0px; }
.cpzss_2{text-align:center;color:#696969;letter-spacing:2px;font-size:16px; margin-bottom:15px;}
.cpzss_1{text-align:center;color:#000000;letter-spacing:2px;font-size:32px; margin-bottom:15px;}


.weibu {
    background-color: #f3f3f3;padding: 20px 0px;
}
