@CHARSET "UTF-8";

/*baner-in*/
#banner-in{float:left;width:100%;position:relative}
#banner-in img{width:100%;}
.banner-title {
    position: absolute;
    left: 0;
    right: 0;
    top: 40%;
    bottom: 0;
    z-index: 20;
    text-align: center;
    font-size: 50px;
    color: #fff;
    font-weight: bold;
}
.banner-title-href {
    font-size: 16px;
    font-weight: normal;
}
.banner-title-href  a{
	color:#fff;
}
.banner-title-href  a:hover{
	color:#34B6C9;
}
/*---banner-in*/
#main_pro {
    width: 1205px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    padding-bottom:5%;
    margin-top:8%;
}
.right{float:left;width:72.5%;z-index:1;position: relative;}

.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;margin-left:4%;width:23.5%;}

.left-product-cat{padding-bottom:20px;border-top: 5px solid #34B6C9;float:left;width:100%;border-radius:5px;}

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

.left-p-cat-title{
	overflow:hidden; white-space:nowrap; text-overflow:ellipsis;font-size:28px;color:#323232;
	float:left;width:94%;padding-left:6%;height:60px;line-height:60px;font-weight:bold;background:#F2F3F4;text-transform:Uppercase;
}

.left-p-cat-line{border-bottom: 1px solid #c0b7b2;float:left;width:94%;padding-left:6%;color:#524f4e;padding-top:20px;padding-bottom:20px;position: relative;transition: all 0.6s ease 0s;}

.left-contus{
	margin-top:10%;
	border-top: 3px solid #D7000F;
border-radius: 3px;
    float: left;
    width: 100%;
 
    background: url("../images/kefu.jpg") no-repeat top;
    background-size: 100%;
    font-size: 20px;
    color: #fff;
}

.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: 90%;
    height:188px;
margin-left:8%;margin-top:7%;
}

.left-con-line{
	    float: left;
    width: 100%;
    margin-top: 5%;
    line-height: 20px;
}
.left-con-line-ico{
	float: left;
    width: 16px;
    height: 17px;
}

.left-line1ico {
    background: url(../images/phone2.png) no-repeat;
}
.left-line2ico {
    background: url(../images/chuanzhen2.png) no-repeat;
}
.left-line3ico {
    background: url(../images/email2.png) no-repeat;
}
.left-line4ico {
    background: url(../images/link2.png) no-repeat;
}

.left-b-line-text{float:left;color:#fff;font-size:18px;margin-left:10px;}
.cat2-k{
	position: absolute;
    right: 100%;
    top: 0;
    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-a{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;float:left;width:90%;color:#322d2f;font-size:21px;}
.left-p-cat-line-nei{float:left;width:86%;padding-left:10%;padding-right:4%;color:#fff;padding-top:20px;padding-bottom:20px;border-bottom: 1px solid #fff;position: relative;transition: all 0.6s ease 0s;}

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



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

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

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
















.page{float:left;width:99%;color:#5E5E5E;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 #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{display: inline-block;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: 1440px) { 
#main_pro {
    margin-top:400px;
}
.jiantou {
    top: -60px;
}
#banner-in img {
    display: none;
}
#banner-in {
	    background-repeat: no-repeat;
    background-image: url(../images/inbanner.png);
    background-position: 50% 0%;
    background-size: 1430px 100%;

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

}

@media screen and (max-width: 1435px) { 
  #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%;}
  .left-p-cat-line{width:94%;overflow:hidden;text-overflow:ellipsis;}
}


@media screen and (max-width: 1060px) { 
#main_pro {
    margin-top: 40px;
}
	.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-p-cat-line{width:94%;}
  .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: 920px){
#main_pro .left {
    width: 100%;}
.left-p-cat-line {
    width: 94%;
}
.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;
}
.left-contus-Main {
    height: 250px;    margin-top: 5%;}
}



@media screen and (max-width: 580px) { 
  .banner-title {
    top: 35%;
    font-size: 32px;
  }
}

.left-contus-Main {
    height:170px;
    margin-top: 5%;
}
.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) { 
  #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;}
}


@media screen and (max-width: 950px) {
#main_pro {
    margin-top:410px;
}

}
@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-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: 560px){
#main_pro {
    margin-top:420px;
}

}


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

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