@CHARSET "UTF-8";

.jd{float:left;width:100%;}
.right-abtitle {
    margin-left: auto;
    margin-right: auto;
    width: 135px;
    display: block;
}


.addpro-title{
	float:left;width:100%;
font-size: 16px ;
margin-top: 40px;
}
.adden{
	font-size: 24px ;
font-family:tailebd;
text-transform:uppercase;
}
/*baner-in*/
.patchk{
	float:left;width:100%;
padding-bottom:20px;
}
.patchmid{
	margin-top:10px;
	float:left;width:100%;
text-align:right;
}
.patchmid a{
	color:#666666;
font-size:12px;
}
.patchmid .patchend{
	color:#E57E12;
}
















#banner-in{
	float:left;width:100%;margin-top:0px;
position:relative;
}
#banner-in img{width:100%;}
.banner-title {
position:absolute;
width:100%;
left:0;
top:calc(70% - 30px);
text-align:center;
font-size:30px;
color:#fff;
text-transform:uppercase;
}
.bannercenter{
	width:1200px;
margin-left:auto;
margin-right:auto;
}
.bannintubiao{
	float:left;
width:95px!important;
}
.banner-text{
	float:left;
color:#F18F0A;
margin-top:-10px;
margin-left:45px;
width:calc(100% - 140px;)
}
.inbantitle{
	font-size: 50px;
font-family:LW;
color:#fff;
}


.bantitletext{
	float:right;
margin-right:-50px;
margin-top:40px;
font-size:18px;
}
.banner-title-href  a{
	color:#fff;
font-family:LW;
font-size:18px;
}
.banner-title-href  a:hover{
	color:#F5A000;
}

.bannbottoml{
	float:left;
width:100%;
background:#CCCCCC;
height:4px;
}

.bannbo2{
		float:left;
width:50%;
background:#EC7300;
height:4px;
}
.bann2k{
	position: absolute;
width:100%;
text-align:center;
top:50%;
left:0;
color:#272A32;
font-size:46px;
}
.bannin2text{
	    position: absolute;
    top: 50px;
    left: 0;
    width: 265px;
    height: 101px;
    background: url(../images/jiaocha.png) no-repeat left;
}
.b2ta{
	background: url(../images/jiaocha2.png) no-repeat left;
}
.ban2textmain{
	margin-top:10px;
	float:left;
width:calc(100% - 65px;);
margin-left:45px;
color:#fff;
font-size:21.67px;
}
/*---banner-in*/
.main_prowrap{
	float:left;width:100%;
background:#D8D8D8;
}
#main_pro {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    height: auto;

overflow:auto;
background:#fff;
position:relative;
padding-bottom:90px;
}
#main_pro:before{
	content:'';
	position:absolute;
width:1px;
height:100%;
background:#CFCECD;
left:25%;
}



.right{
	float:right;width:65%;z-index:1;
margin-left:5%;
margin-right:5%;
}

.left-tt2{width:100%;float:left;}


.rititle{
	float:left;
width:100%;
border-bottom:1px solid #DDDDDD;
padding-bottom:10px;
font-size: 22px ; color:#231815 ;
font-weight:bold;
}

.rittext{
	float:left;
width:100%;
text-align:center;
color:#231815;
font-size:28.12px;
font-weight:bold;
}

.ritdlinek{
	float:left;
width:100%;
}
.ritlineimg{
	width:105px;
margin-left:auto;
margin-right:auto;
display:block;
background:none;
margin-top:10px;
}

.search-left{
    float: left;
    position: relative;
    margin-top: 15px;
width:100%;
}

#form1-left{
	float:left;width:100%;
}
.search-in-left{
	    float: left;
    width: calc(100% - 10px);
    height: 40px;
    font-size: 13px;
    color: #97A2A8;
    border: none;
    background: #F4F5F7;
    padding-left: 10px;
    outline: none;
}

.left-t-name{
	float:left;width:100%;
color:#636771;
font-size:24px;
margin-top:50px;

}

.leftk{
	float:left;width:100%;
}

#main_pro-t2{    
	    width: 1240px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  
}
.right-p-k{
	float:left;width:100%;
margin-top:0px;
}
#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:25%;

}

.left-seark{
	float:left;
width:100%;
    position: relative;
}

#form2{
	float:left;
width:100%;
}
.leftsearch-in {
    float: left;
    width: calc(100% - 20px);
    height: 36px;
    font-size: 14px;
    color: #747980;
    border: 1px solid #d8d8d8;
    background: transparent;
    padding-left: 20px;
    border-radius:20px;
}

#leftsearbtn {
    width: 68px;
    height: 38px;
    border: 0px none;
    background-color: #747980;
    position: absolute;
    right: -1px;
    top: 1px;
border-radius:20px;
color:#fff;
font-size:14px;
}


.left-product-cat{float:left;
    margin-left: 30px;
    width: calc(100% - 60px);
    margin-top: 40px;
}

.left-p-c-mid{
	float:left;
width:84%;
margin-left:8%;
margin-top:30px;
margin-bottom:30px;
}
.l2{
margin-top:0px;	
}

.faqlk{
	border-top:1px solid #ECECEC;
}
.lt2{
	margin-top:40px;
}

.faqlp{
	color: #747980!important;
}

.faqlp:hover{
	color: #88C231!important;
}
.left-p-cat-title-emp{float:left;width:99%;height:15px;}

.left-p-cat-title{
	float:left;width:100%;
font-size: 22px ; color:#231815 ;
font-weight:bold;
padding-bottom:15px;
    border-bottom: 1px solid #DDDDDD;
}



.rtext{float:left;
width:calc(100% - 80px);
margin-left:40px;
margin-top:40px;
margin-bottom:40px;
}









.left-p-cat-line{
    font-size: 18px;
    float: left;
    width: 100%;
    position: relative;
    transition: all 0.6s ease 0s;
margin-top:10px;
}
.left-p-cat-line:first-child{
	margin-top:0px;
}

.left-p-cat-line:before {
    content: "\e628";
    position: absolute;
    top: 8px;
    right: 12px;
    color: #fff;
    font-size: 16px;
    font-family: "icomoon";
}

.left-p-cat-line-a{
float: left;
    width: calc(100% - 15px);
    color: #595757;
    font-size: 12px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 15px;
    border-radius: 10px;
}

.left-p-cat-line-a-2{
	float:left;
	font-size:18px;
	color:#fff;
width:calc(100% - 30px);
padding-left:30px;
}

.c2{
	text-align:center;
}
.PLSel{
background: #808080;
    color: #fff!important;
}




.faqlp:before{
	background:#747980!important;
}

 .cat2-k{display:block;}

.left-contus{
	margin-top:40px;
    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-cont-title{
	float:left;
width:100%;
font-size:25px;
color:#231815;
margin-top:20px;
}
.imglecon{
	float:left;width:100%;
position: relative;
margin-top:20px;
}
.left-con-title{
	float:left;
	width:100%;
display:block;
}

.left-logo{
	float:left;
width:120px;
}
.context{
   float:left;
border-left:1px solid #dad8d8;
border-right:1px solid #dad8d8;
border-bottom:1px solid #dad8d8;
width:calc(100% - 2px);

}

.leftcontitle{
position: absolute;
color:#4CA536;
font-size:28px;
top:calc(50% - 15px);
left:10px;
}



.leftcontext{
	float:left;
width:calc(100% - 20px);
color:#727272;
font-size:15px;
margin-top:20px;
margin-left:10px;
margin-bottom:25px;
}
.left-search {
    float: left;
    width: calc(100% - 2px);
    position: relative;
    border: 1px solid #C0B7B2;
    height: 50px;
}

#form1 {
    float: left;
width:100%;
}

.left-search-in {
    float: left;
    width:calc(100% - 100px);
    height: 50px;
    font-size: 16px;
    color: #A9A9A9;
    border: none;
    background: transparent;
    padding-left: 30px;
    outline: none;
}



.left-sear-btn {
    width:70px;
    height: 50px;
    border: 0px none;
    background-color: transparent;
    background-image: url("../images/left-searbtn2.png");
    background-position:center;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 0;
}

.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: 100%;
  
background:#3B5998;
padding-top:10px;
padding-bottom:20px;
}
.left-con-line{
	    float: left;
    width:100%;
    margin-top: 10px;
    line-height: 20px;
}
.left-con-line-ico{
	float: left;
    width: 21px;
    height: 21px;
}

.left-line1ico {
    background: url(../images/c3.png) no-repeat;
}
.left-line2ico {
    background: url(../images/dianhua2.png) no-repeat;
}
.left-line3ico {
    background: url(../images/c2.png) no-repeat;
}
.left-line4ico {
    background: url(../images/c1.png) no-repeat;
}

.left-line5ico {
    background: url(../images/diqiu2.png) no-repeat;
height:22px;
}


.left-con-bottomk{
		position: absolute;
    left: 0px;
    bottom:0px;
width:100%;
height:55px;
text-align:center;
color:#fff;
background:rgba(236,115,0,0.8);
padding-top:5px;
}
.left-b-line-text{
	width:calc(100% - 29px);
	float:left;color:#5C5D5D;font-size:16.29px;margin-left:8px;margin-top:0;line-height:17px;font-weight:bold;}
.cat2-k{
    position: absolute;
    left: 100%;
    top: 0;
    width: 120%;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    z-index: 99;
    background: rgba(0,0,0,0.6);
    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:hover:before{
	    color: #DF7E12;
}
.PLSel:hover:before{
	    color: #fff;
}

.left-p-cat-line:hover .left-p-cat-line-a{
	color:#DF7E12;
}
.PLSel:hover .left-p-cat-line-a{
	color:#fff;
}
.left-p-cat-line:hover .cat2-k{
	display:block;
}


.li2{color:#fff;}

#proleftcat{
	position: relative;
}

.cat1-text{
	float:left;
color:#727272;
}
.cat1ico{
	float:right;
    background: url(../images/shizi.png) no-repeat;
    width: 14px;
    height:12px;
margin-right:20px;
margin-top:5px;
cursor: pointer;
}

.lcatl2{
	margin-top:30px;
}
.left-p-cat-line-nei {
    float: left;
    width:100%;
    margin-left:0;
    color: #fff;
    position: relative;
    transition: all 0.6s ease 0s;
border-bottom:1px solid #fff;
}

.left-p-cat-line-nei:hover{
	background:#0093DD;
}
.left-p-cat-line-nei:hover a{
	color:#fff;
}




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

.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 #c2bdba;
    font-size: 42px;
    color: #34B6C9;
    font-weight: bold;
    height: 60px;
}
















.page{float:left;
width:96%;color:#666666;
font-size:12px;margin-top:45px;}

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

a.page-home{
	margin-left:10px;
	display: inline-block;
	padding-left:20px;
	line-height:30px;
	padding-right:20px;
	height:30px;
	color: #666666;
border: 1px solid #9C9C9C;
}
.ph-nowpage{
	background:#6E6E6E!important;
	border:none!important;
	color:#fff!important;
}
a.page-home2{
	display: inline-block;padding-left:10px;line-height:30px;padding-right:10px;height:30px;margin-left:10px;color:#7A838C;}
@media screen and (max-width: 1610px) { 
.bannin2text {
    top: 20px;
    left: 0;
}
}

@media screen and (max-width: 1440px) { 
#banner-in img {
    display:none;
}
	.bannbottoml{
	margin-top:227px;
	}
	.bann2k{
		top:52%;
	width:96%;
margin-left:2%;
float:left;
	}



#banner-in3 {
    background-repeat: no-repeat;
    background-image: url(../images/inbanner3.jpg);
    background-position: 50% 0%;
    background-size: 1430px 100%;
    float: left;
    width: 100%;
    overflow: auto;
    height: 153px;
margin-top:50px;
}

.b1add{
	background-image: url(../images/inbanner2.jpg)!important;
}
.banimg{display:none;}
#banner-in2 img{display:none;}
#banner-in3 img{display:none;}
.jiantou {
    top: -60px;
}


.ban2 {
	    background-repeat: no-repeat;
    background-image: url(../images/inbanner3.jpg);
    background-position: 50% 0%;
    background-size: 1430px 100%;

    float: left;
    width: 100%;
    overflow: auto;
height:250px;

}
}
.conleemail2{display:none;}

.helpsend{
	float:left;
width:100%;

}






.downkub {
    background: #D7000F;
    width: 98%;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 50;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    padding-left: 2%;
    transition: all 0.8s ease 0s;
    opacity: 0;
}



#con-Content {
    margin-top: 20px;
    float: left;
    border: 1px solid #d9d3d1;
    width: 97.3%;
    height: 60px;
    padding-left: 1%;
    color: #999999;
    font-size: 20.17px;
    outline: none;
    padding-top: 10px;
    padding-left: 2%;
}
.rightsendk{
	float:left;
width:100%;
}
.rightsend{
	margin-top:20px;
	float:left;
	   width: 150px;
    height: 40px;
    background: #1B1D29;
cursor:pointer;
text-align:center;
color:#fff;
font-size:15px;
line-height:40px;
}
.rs-bline{
	float:left;width:100%;
height:4px;
background:#1B1D29;
}
.sendzir{
	float:right;
color:#333;
font-size:12px;
margin-top:40px;
display:none;
}


@media screen and (max-width: 1260px) {
	.bannercenter{
	float:left;
width:96%;
margin-left:2%;
	}
}
@media screen and (max-width: 1350px) { 
.bantitletext {
    float: right;
    margin-right: 20px;
    margin-top: 40px;

}
}
@media screen and (max-width: 1270px) { 
.patchmid {
    width:96%;
margin-left:2%;
}
.banner-title-href {
    float:left;
    width: 96%;
    margin-left: 2%;
}


}

@media screen and (max-width: 1235px) { 
  #main_pro{margin-left:2%;width:96%;}
}

@media screen and (max-width: 1235px) { 
.conleemail2{display:block;}
.conleemail1{display:none;}
}

@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: 1120px) { 
.bannin2text {
    top: 40px;
    left: 0;
}


}

@media screen and (max-width: 1040px){
.helpsend {
    margin-top:30px;
}
  #banner-in {
    float: left;
    width: 100%;
    
  }
}








@media screen and (max-width: 850px){
.banner-title {
    position: absolute;
    top: calc(50% - 55px);
    bottom: auto;
}

.bann2k {
    top: 45%;
    width: 96%;
    margin-left: 2%;
    float: left;
}

.bantitletext {
	font-size:14px;
    margin-top: 25px;
}
.banner-title-href{
	font-size:16px;
}


}

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

.hpleft {
    width: 100%;
}
}

@media screen and (max-width: 570px) { 
.product-contactus-in:before {
 
    top: 30px;
  
}
}

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

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


@media screen and (max-width: 1400px) { 
.banner-title {

    top: calc(80% - 30px);

}
}


@media screen and (max-width: 1275px) { 
.leftcontext {

    font-size: 12px;
    margin-top: 5px;
}
  #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) {
.left-product-cat {

    margin-left: 5%;
    width: 90%;

}
#main_pro:before {
    content: '';
    position: absolute;
    width: 0px;

}
.main_prowrap {
    margin-top: 0px;
}
.conleemail2 {
    display: none;
}
.conleemail1 {
    display: block;
}
    .left-tt2{display:none;}
    #main_pro .left{float:left;width:100%;margin-left:0%;}
   .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;}
  
.leftcontext {

    font-size: 13px;
    margin-top: 20px;
}

	.right{width:90%;}
    .left-tt2{display:none;}
   .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;}
}


@media screen and (max-width: 720px) {
#main_pro .left {
    width: 100%;}
}
@media screen and (max-width: 920px){

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



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


}
@media screen and (max-width: 850px){
.banner-title {
    top: 97px;
}

.bantitletext {
    float: left;
    margin-right: 0px;
    width:100%;
text-align:center;
}


}

@media screen and (max-width: 680px) {
.right-p-k {
    width: 94%;
    margin-left: 3%;
   
}
	.banner-text {
    margin-top: 10px;
    margin-left: 20px;
width:calc(100% - 90px);
}
  a.page-home{margin-left:7px !important;}
.bannintubiao {
    width: 70px!important;
}
.left-p-cat-line-now:after{
	left: 15px;
}
.inbantitle {
    font-size: 40px;
}
  a.page-home{margin-left:7px !important;}
}

	
	
@media screen and (max-width: 550px){
.bann2k {
    font-size: 35px;
}
.bannin2text {
    top: 40px;
    left: calc(50% - 132px);
}
	

.right-fact-single {
    float: left;
    width: 100%;
  margin-left:0px;
}

.page-oneline2 {
    margin-left: 0%;
}
a.page-home{margin-left:5px!important;}
.right-fact-single {
    float: left;
    width: 100%;
  margin-left:0px;
}
}