@CHARSET "UTF-8";
.main_prowrap {
    width: 100%;
    z-index:-1;
float:left;
margin-top:40px;
}

.jd{float:left;}

/*baner-in*/
#container{background:#fff;}
#banner-in{float:left;width:100%;position:relative}
#banner-in img{width:100%;}
.banner-title {
    position: absolute;
    left: calc(50% - 600px);

    top: 30%;
    bottom: 0;
    z-index: 99;
   
    font-size: 32px;
    color: #fff;
    z-index:10;
  
}
.banner-title-href {
font-family: Helvetica,Arial, calibri, sans-serif;
    font-size: 18px;
    font-weight: normal;
}
.banner-title-href  a{
	color:#fff;
}
.banner-title-href  a:hover{
	color:#F5A000;
}
/*---banner-in*/

#main_pro {
    width: 1230px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    padding-bottom:0;
}
.right {
    float: right;
    margin-left: 4%;
    width: 73.5%;
    z-index: 1;
    position: relative;
margin-bottom:40px;
}

.left-tt2{width:100%;float:left;}
#main_pro-t2{    
	    width: 1240px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  
}
#main_pro-t2:after{
	content: 'Products';
	position: absolute;
    left: 2px;
    top:-20px;
    width:230px;background:#2267b1;color:#fff;font-size:35px;text-align:center;height:55px;line-height:55px;z-index:98
}

#main_pro .left{float:left;width:22.5%;margin-bottom:20px;}

.left-search{float:left;width:98.6%;margin-top:30px;    position: relative;border: 3px solid #CBCBCB;height:50px;}
.left-search-in{
	float: left;
    margin-left:70px;
    width: 69%;
    height: 50px;
    font-size: 16px;
    color: #777777;
    border:none;
    background: transparent;
    padding-left: 10px;
    outline:none;
}

.left-search-form{float:left;width:96.5%;}
.left-sear-btn{
	    width: 56px;
    height: 28px;
    border: 0px none;
    background-color: transparent;
    background-image: url("../images/left-searbtn.png");
background-position: 16px 4px;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: calc( 50% - 14px );
    border-right:1px solid #E60012;
}
.left-product-cat{padding-bottom:20px;float:left;width:100%;}

.left-p-cat-title-emp{float:left;width:99%;height:15px;}

.left-p-cat-title{
	font-family:Arial;
	overflow:hidden; white-space:nowrap; text-overflow:ellipsis;font-size:26px;color:#4D7833;
	float:left;width:90%;height:40px;
    
}

.left-p-cat-line-a:hover{background:#4D7833;color:#fff;}

.left-p-cat-line{ 

    float:left;width:calc(100% - 0px);color:#524f4e;padding-top:2px;padding-bottom:2px;position: relative;transition: all 0.6s ease 0s;}

.left-p-cat-line-a{background:#eff0f5;width:calc(100% - 15px);
    padding-left:15px; padding-top:10px;padding-bottom:10px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;float:left;color:#000;font-size:14px;}


.PLSel{
	color:#fff;background:#4D7833;
}
.left-contus{
	margin-top:30px;
    float: left;
    width: 100%;
    
}

.left-cont-topline{
	  float:left;
   width:100%;
background: url(../images/xieline.png) no-repeat;
 height:12px;
border-radius: 0 6px 0px;
overflow:hidden;
}

.left-contus{float:left;width:100%;}
.left-contus-tilte{float:left;width:100%;background:#2267b1;color:#fff;font-size:35px;text-align:center;height:55px;line-height:55px;}

.left-contus-Main{    
	float: left;
    width: calc(100% - 2px);
    border-left: 1px solid #edebea;border-right: 1px solid #edebea;border-bottom: 1px solid #edebea;
   padding-bottom:20px;
}

.left-con-line{
	    float: left;
    width: 100%;
    margin-top: 12px;
    line-height: 20px;
}
.left-con-line-ico{
	float: left;
    width: 18px;
    height: 24px;
}

.left-line1ico {
    background: url(../images/redhouse.png) no-repeat;
}
.left-line2ico {
    background: url(../images/redmophone.png) no-repeat;
}
.left-line3ico {
    background: url(../images/redemail.png) no-repeat;
}
.left-line4ico {
    background: url(../images/redphone.png) no-repeat;
}
.left-line5ico {
    background: url(../images/redcz.png) no-repeat;
}

.left-b-line-text{float:left;color:#231815;font-size:15px;margin-left:15px;}
.left-con-title{
	font-family: Arial;
	padding-left:5%;
	float:left;width:95%;line-height:90px;font-size:26px;
    background: url(../images/kefu.jpg) no-repeat;
    background-size:100% ;
    height:90px;
    color:#4D7833;
}
.cat2-k{
	position: absolute;
    left: 100%;
    top: -1px;
    width: 100%;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    z-index: 99;
    background:#f1efef;
    color:#fff;
    display:none;
}

.cat2-k-2 {
    position: absolute;
    right: 100%;
    top: 0;
    width: 100%;
    border-left: 1px solid #fff;
    z-index: 99;
    background: #f1efef;
    color: #fff;
    display: none;
}

.left-p-cat-line-nei-2 {
    float: left;
    width: 86%;
    padding-left: 10%;
    padding-right: 4%;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
    position: relative;
transition: all 0.6s ease 0s;
}


.left-p-cat-line-now{   position: relative;}

.left-p-cat-line-now:after {
    content: '';
    border-width: 7px 6px;
    border-color: transparent transparent transparent #E60012;
    margin: auto;
    width: 0px;
    height: 0px;
    overflow: hidden;
    position: absolute;
    left: 15px;
    top: 0px;
    bottom: 0;
    border-style: solid;
    cursor: pointer;
    z-index: 3;
}


.left-p-cat-line-nei{float:left;width:86%;padding-left:10%;padding-right:4%;color:#fff;padding-top:8px;padding-bottom:8px;border-bottom: 1px solid #fff;position: relative;transition: all 0.6s ease 0s;}





.left-p-cat-line:hover .cat2-k{display:block;}

.left-p-cat-line-nei:hover >a{color:#477432;}

.left-p-cat-line-nei-2:hover a{color:#D7000F;}

.left-p-cat-line-nei:hover .cat2-k-2{display:block;}

.left-p-cat-title-top{height: 55px;
    line-height: 55px;    text-align: center;float:left;width:100%;background:#2267b1;color:#fff;display:none;font-size: 35px;}


.right-title {
    float: left;
    width: 100%;
    border-bottom: 1px solid #b9b1ad;
    font-size: 35px;
    color: #D7000F;
    font-weight: bold;
    height: 50px;
}

.page{float:left;width:99%;color:#5E5E5E;font-size:12px;margin-left: 1%;margin-top:5%;}

.page-oneline{float:left;    margin-left: 3%;}
.page-oneline2{float:left;}
.page-text{float:left;padding-left:20px;padding-right:20px;height:30px;line-height:30px;border:1px solid #cdc9c7;}

a.page-home{margin-left:10px;display: inline-block;padding-left:20px;line-height:30px;padding-right:20px;height:30px;border:1px solid #cdc9c7;color:#5c5856;}

a.page-home2{float:left;padding-left:10px;line-height:30px;padding-right:10px;height:30px;border:1px solid #cdc9c7;margin-left:10px;color:#5c5856;}


@media screen and (max-width: 1435px) { 
.banner-title {
    left: 1.5%;
  
}
  #main_pro{margin-left:1.5%;width:97%;}
}

@media screen and (max-width: 1275px) { 
  #main_pro-t2{width:96%;margin-left:2%;}
  #main_pro-t2:after{width: 18.548%;}
.main-center-center{width:96%;margin-left:2%;}
  
}

@media screen and (max-width: 1060px) { 
	.right{width:100%;margin-top:3%;margin-left: 0;}
    .left-tt2{display:none;}
    #main_pro .left{float:left;width:50%;margin-left:0%;margin-top:5%;}
   .left-p-cat-title-top{display:block;}
  .main-center-center {
    width: 98%;
    margin-left: 1%;
  }

  .left-contus-Main{background-image: url("../images/kefu2.jpg");}
  .page-text {
    padding-left: 5px;
    padding-right: 5px;
  }
  a.page-home{    padding-left: 5px;
    padding-right: 5px;}
.banner-title{    font-size: 32px;}
}


@media screen and (max-width: 950px) {

}
@media screen and (max-width: 920px){
.left-p-cat-line:hover .cat2-k{display:none;}
	.left-search{
	    width: 99.5%;
	}
#main_pro .left {
    width: 100%;}

.left-p-cat-line-now:after{
	left: 30px;
}
.left-contus {
    margin-top: 5%;}
.page{margin-top:5% !important;}
.left-contus-Main {
    margin-top: 0%;
}
.left-con-line {
    margin-top: 3%;
}
.left-contus{
	background-size: 100% 400px;
}

}
@media screen and (max-width: 850px){
	.banner-title-href a{
	color:#fff;
	}
	#banner-in img{display:none;}
#banner-in {

  background:#4D7833;
    float: left;
    width: 100%;
    overflow: auto;

}
.banner-title {
	left:0px;
    float:left;
    width:100%;
text-align:center;
    font-size: 32px;
    margin-bottom: 30px;
    position: relative;
    margin-top: 30px;
color:#fff;
}
}

@media screen and (max-width: 680px) { 
  a.page-home{margin-left:7px !important;}

.left-p-cat-line-now:after{
	left: 15px;
}

}

@media screen and (max-width: 550px){
.right-fact-single {
    float: left;
    width: 100%;
  margin-left:0px;
}

.page-oneline2 {
    margin-left: 0%;
}
a.page-home{margin-left:5px!important;}
}