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


/*baner-in*/
#banner-in{float:left;width:100%;margin-top:90px;}
#banner-in img{width:100%;}
.banner-title {
    position: absolute;
bottom:0;
left:0;
    width: 100%;
height:90px;
    background:  url(../images/bannbk.png) no-repeat left;
    
}
.banner-title-href {
	display:block;
	width:1200px;
margin-left:auto;
margin-right:auto;
    font-size: 18px;
color:#6E6E6E;
font-weight:bold;
}

.bantitletext{
	float:left;
width:480px;
margin-top:40px;
}
.banner-title-href  a{
	color:#414956;
}
.banner-title-href  a:hover{
	color:#F5A000;
}

.bann2k{
	margin-left:auto;
margin-right:auto;
width:1200px;
position: relative;
}
.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:50px;}
#main_pro {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    padding-bottom:30px;

}
.right{float:right;width:80%;margin-left:4%;margin-bottom:80px;z-index:1;position: relative;}

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


.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:16%;margin-bottom:20px;}

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

.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{
	position: relative;
	overflow:hidden; white-space:nowrap; text-overflow:ellipsis;font-size:20px;color:#6E6E6E;
font-weight:bold;
	float:left;width:100%;height:38px;
    position: relative;
line-height:38px;
border-top:2px solid #4EABF9;
border-bottom:1px solid #4EABF9;
}



.faqlp:before{
	background:#747980!important;
}
.left-p-cat-line {
	font-size:18px;
font-weight:bold;
color:#6E6E6E;
    float: left;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    transition: all 0.6s ease 0s;
border-bottom: 1px solid #4EABF9;
}

.left-contus{
	margin-top:10%;
    float: left;
    width: 100%;
 
   
 
}
.imglecon{
	float:left;width:100%;
position: relative;
}
.left-con-title{
	float:left;
	width:100%;
display:block;
}
.context{
    position: absolute;
    left: 0;
    top: 12px;
width:67%;
left:33%;
}

.leftcontitle{
	float:left;
width:100%;
color:#88C231;
font-size:27px;
font-weight:bold;
line-height:45px;
position: relative;
}

.leftcontitle:before {
    content: '';
    width: 60px;
    height: 2px;
    background: #88C231;
    position: absolute;
    left: 0;
    bottom: 0px;
    z-index: 2;
}

.leftcontext{
	float:left;
width:100%;
color:#747980;
font-size:13px;
margin-top:20px;
}
.left-search {
    float: left;
    width: 98.6%;
    margin-top: 10px;
    position: relative;
    border: 1px solid #c0b7b2;
    height: 60px;
    border-radius:5px;
}

#form1 {
    float: left;
}

.left-search-in {
    float: left;
    margin-left: 50px;
    width: 69%;
    height: 60px;
    font-size: 16px;
    color: #A9A9A9;
    border: none;
    background: transparent;
    padding-left: 10px;
    outline: none;
}



.left-sear-btn {
    width: 56px;
    height: 28px;
    border: 0px none;
    background-color: transparent;
    background-image: url("../images/left-searbtn.png");
    background-position: 16px 0px;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: calc( 50% - 8px );
}

.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/dizhi2.png) no-repeat;
}
.left-line2ico {
    background: url(../images/dianhua2.png) no-repeat;
}
.left-line3ico {
    background: url(../images/email4.png) no-repeat;
}
.left-line4ico {
    background: url(../images/Linkico.png) no-repeat;
}

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

.left-b-line-text{
	width:calc(100% - 29px);
	float:left;color:#666666;font-size:14.18px;margin-left:8px;margin-top:0;line-height:17px;}
.cat2-k{
	position: absolute;
    left: 100%;
    top: -1px;
    width: 100%;
    border-left: 1px solid #fff;
border-right: 1px solid #fff;
    z-index: 99;
    background:#4EABF9;
    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-a {
 
    float: left;
    width: 90%;
    color: #747980;
    font-size: 15.4px;
}
.PLSel >a{
	color:#4EABF9!important;
}
.li2{color:#fff;}

#proleftcat{
	position: relative;
}
#proleftcat:before{
	    content: '';
    background: url(../images/shizi.png) no-repeat;
    width: 20px;
    height:19px;
    position: absolute;
top:10px;
right:0px;
}
.left-p-cat-line-nei {
    float: left;
    width: calc(100% - 10px);
    margin-left:0;
padding-left:10px;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    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:#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:99%;color:#231815;font-size:14px;margin-top:5%;}

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

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

a.page-home2{display: inline-block;padding-left:10px;line-height:30px;padding-right:10px;height:30px;border:1px solid #b3b3b3;margin-left:10px;color:#231815;}
@media screen and (max-width: 1610px) { 
.bannin2text {
    top: 20px;
    left: 0;
}
}

@media screen and (max-width: 1440px) { 
	.bann2k{
	width:96%;
margin-left:2%;
float:left;
	}
#banner-in {
    background-repeat: no-repeat;
    background-image: url(../images/inbanner.jpg);
    background-position: 50% 0%;
    background-size: 1430px 100%;
    float: left;
    width: 100%;
    overflow: auto;
    height: 231px;
}

.b1add{
	background-image: url(../images/inbanner2.jpg)!important;
}
#banner-in 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;}

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

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

@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;
}
	.bantitletext{
	margin-top:45px;
	}
.banner-title {
    width: 600px;
    height: 90px;
    background: url(../images/bannbk.png) no-repeat left bottom;
background-size:100%;
}

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

.main_prowrap {
    margin-top: 30px;
}
.conleemail2 {
    display: none;
}
.conleemail1 {
    display: block;
}
	.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:30px;}
   .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: 1040px){
  #banner-in {
    float: left;
    width: 100%;
    
  }
}








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

#banner-in {
    margin-top: 50px;
}
.bantitletext {
	font-size:14px;
    margin-top: 35px;
}
.banner-title-href{
	font-size:16px;
}
.banner-title {
    width: 400px;
    height: 70px;
    background: url(../images/bannbk.png) no-repeat left bottom;
    background-size: 100%;
}

}



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

  a.page-home{margin-left:7px !important;}
}

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

}

.page-oneline2 {
    margin-left: 0%;
}
a.page-home{margin-left:5px!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) { 
.leftcontext {

    font-size: 13px;
    margin-top: 20px;
}
.left-contus {

    margin-top: 5%;
width:300px;
}
	.right{width:100%;margin-top:3%;margin-left: 0;}
    .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: 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;
}
.page{margin-top:5% !important;}
.left-contus-Main {
    margin-top: 0%;
}
.left-con-line {
    margin-top: 3%;
}


}
@media screen and (max-width: 850px){
	#banner-in img{display:none;}

}

@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){
.banner-title{
	bottom:70px!important;
}
.bannin2text {
    top: 40px;
    left: calc(50% - 132px);
}
	.banner-title-href a{
	color:#fff;
	}
	.bantitletext{
	width:100%;
	margin-top:60px;
	}
	.banner-title{
	bottom:100px;
left:0;
width:100%;
text-align:center;
background:none;
	}
.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;
}
}