@CHARSET "UTF-8";

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

.right-p-k {
    float: left;
    width: calc(100% - 80px);
    margin-left: 40px;
    margin-bottom: 40px;
}

/*baner-in*/
.patchk{
	float:left;width:100%;
}
.patchmid{
	margin-top:20px;
	width:1200px;
margin-left:auto;
margin-right:auto;
}
.patchmid a{
	color:#444444;
font-size:16px;
font-weight:bold;
}

















#banner-in{float:left;width:100%;margin-top:0px;position: relative;text-align: center}
#banner-in img{height: 250px;  }
.banner-title {
position:absolute;
width:100%;
left:0;
top:calc(50% - 40px);
text-align:center;
}
.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: 47px;
color:#fff;
font-weight:bold;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
padding:10px;
}


.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%;margin-top:60px;margin-bottom:20px;}
#main_pro {

    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
overflow:hidden;
}
.right{float:right;width:74%;z-index:1;position: relative;
margin-left:4%;
}

.left-tt2{width:100%;float:left;}
.shmm{
    font-size: 14px;
    color: #727272;
    margin-bottom: 10px;
    padding-bottom: 10px;

    border-bottom: 1px solid #ddd;
}

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

.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;
}

#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%;

}

.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;width:100%;
}

.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{
	font-size:26px;color:#2CA6E0;
	float:left;width:100%;
    border-bottom: 2px solid #CBCBCB;
padding-bottom:15px;
}



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


.leftk{
	float:left;
width:calc(100% - 2px);
margin-top:10px;
    border: 1px solid #CBCBCB;
}





.left-p-cat-line{
	float:left;
width:100%;
margin-top:10px;
}

.leftk .left-p-cat-line:first-child {
    margin-top: 0;
}



.left-p-cat-line-a{
	float:left;
	width:calc(100% - 15px);
	padding-left:15px;
	background:#0B5894;
	font-size:18px;
	color:#fff;
text-transform:uppercase;
line-height:40px;
}

.left-p-cat-line-a-c2{
	float:left;
width:calc(100% - 33px);
color:#666666;
font-size:15px;
padding-left:33px;
position:relative;
line-height:30px;
}
.left-p-cat-line-a-c2:before{
	position: absolute;
    top: 1px;
    left: 13px;

	font-family: "icomoon";
content: "\e628";
}


.PLSel{
	background:#0575BD;
}

.PLSel .left-p-cat-line-a{
	color:#fff;
}
.PLSel:before{
	content:'';
   background: url(../images/book.png) no-repeat;
width:22px;
height:21px;
position:absolute;
left:12px;
top:calc(50% - 10px);
}

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


.left-contus{
	margin-top:60px;
    float: left;
    width: 100%;
 
   
 
}

.lc-zk{
	float:left;
margin-left:20px;
margin-top:0px;
}














.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:#0B5894;
	color:#fff;
	font-size:26px;
	text-align:center;
	height:35px;
	line-height:35px;
}

.left-contus-Main{    
    float: left;
    width: 100%;
    height: 199px;
    background: url("../images/kefu.jpg") no-repeat top;
    background-size: 100%;

    
}
.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{
    float:left;
padding-top:5px;
width:100%;
}

.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 .left-p-cat-line-a{
	color:#fff;
}

.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;

}

.left-p-cat-line-nei:hover{
	background:#ecedef;
}

.Sel2{
	background:#ecedef;
}




.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:#6E6E6E;font-size:13px;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 #CBCBCB;
}

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

a.page-home2{
	display: inline-block;padding-left:10px;line-height:30px;padding-right:10px;height:30px;margin-left:10px;color:#fff;}
@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: 231px;
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%;

}
.hpleft{
	float:left;
width:44%;
color:#444444;
}
.hptitle{
	float:left;
width:100%;
font-size:42.94px;
    font-family: LW;
    font-weight: bold;
}
.hptext{
	float:left;
width:100%;
font-size:18.7px;
    font-family: LW;
margin-top:20px;
}

.product-contactus-in {
    float: left;
    width: 100%;
    position: relative;
}



.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-Name, #con-Country, #con-CompanyName, #con-Email, #con-Tel {
    margin-top: 20px;
    float: left;
    border: 1px solid #d9d3d1;
    width: 97.5%;
    height: 35px;
    padding-left: 2%;
    color: #999999;
    font-size: 20.17px;
    line-height: 5px;
    outline: none;
font-family:LW;
}

#Comm-Name, #Comm-Country, #Comm-CompanyName, #Comm-Email, #Comm-Tel {
    margin-top: 20px;
    float: left;
    border: 1px solid #d9d3d1;
    width: 97.5%;
    height: 35px;
    padding-left: 2%;
    color: #999999;
    font-size: 14px;
    line-height: 5px;
    outline: none;
}

#Comm-Content {
    margin-top: 20px;
    float: left;
    border: 1px solid #d9d3d1;
    width: 97.3%;
    height: 60px;
    padding-left: 1%;
    color: #999999;
    font-size: 14px;
    outline: none;
    padding-top: 10px;
    padding-left: 2%;
}

#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;
   font-family:LW;
    outline: none;
    padding-top: 10px;
    padding-left: 2%;
}
.rightsendk{
	float:left;
width:100%;
}
.rightsend{
	margin-top:20px;
	float:right;
	   width: 83px;
    height: 37px;
    background: url(../images/rsendk.png) no-repeat;
cursor:pointer;
}

.sendzir{
	float:right;
color:#333;
font-size:12px;
margin-top:40px;
display:none;
}
.hpright{
		float:left;
margin-left:8%;
width:48%;
}

.reletetag {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.reletitle {
    float: left;
    color: #444444;
    font-size: 14px;
    font-weight: bold;
    margin-top: 15px;
}

@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: 1260px) { 
  #main_pro{
	margin-left:2%;width:96%;
overflow: visible;

}
}

@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: 1200px) { 
.lc-zk {
    margin-left: 10px;
    margin-top: 0px;
}

}

@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 {
    top: calc(50% - 30px);
}

.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){
.hpright {
    margin-left: 20px;
    width: calc(100% - 20px);
}
.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: 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-contus {
    margin-top: 30px;
}
.main_prowrap {
    margin-top: 30px;
}
.conleemail2 {
    display: none;
}
.conleemail1 {
    display: block;
}
    .left-tt2{display:none;}
    #main_pro .left{float:left;width:100%;margin-left:0%;margin-top:30px;margin-bottom:0px;}
   .left-p-cat-title-top{display:block;}
  .main-center-center {
    width: 98%;
    margin-left: 1%;
  }
  

  .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:100%;margin-left: 0;}
    .left-tt2{display:none;}
   .left-p-cat-title-top{display:block;}
  .main-center-center {
    width: 98%;
    margin-left: 1%;
  }

  
  .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-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){
.bantitletext {
    float: left;
    margin-right: 0px;
    width:100%;
text-align:center;
}
.main_prowrap {
    margin-bottom: 20px;
}

}

@media screen and (max-width: 680px) {
.banner-title-href a {
    font-size: 14px;
}
.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: 30px;
}
  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;
}
}