/*搜索框*/
.search_input {
    display: block;
    opacity: 0;
    position: fixed;
    right: 30%;
    top: 45%;
    transition: all 0.2s ease 0s;
    width: 40%;
}
.pc_btn {
    border-radius: 0 10px 10px 0;
    font-size: 20px;
    height: 40px;
}

.pc_search {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 10px 0 0 10px;
    color: #fff;
    font-size: 26px;
    height: 40px;
    line-height: 40px;
}
.bgdiv {
    background-color: #000;
    bottom: 0;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    transition: all 0.5s ease 0s;
    width: 100%;
    z-index: 50;
}

/*企业简介*/
.bg_color{background: #f2f2f2}
.fff{ background: #fff}
.about{ border-bottom: #f2f2f2 2px solid; height: auto; padding-left: 0}
.about .about_left{ clear: both; width:58%;}
.about .about_left ul{}
.about .about_left ul li{ width:16%; float: left; text-align: center;height: 90px; line-height: 90px;}
.about .about_left ul li a{color: #000000; font-size: 16px;}
.about .about_left ul li a:hover{ width: 100px; height: 30px; line-height:30px; color: #b42426; border: #ae0001 1px dashed; display: inline-block}
.about .about_left ul li a.cur{ width: 100px; height: 30px; line-height:30px; color: #b42426; border: #ae0001 1px dashed; display: inline-block}
.about .about_right{line-height: 90px; text-align: right; width: 42%; float: right; padding: 0}
.about .about_right a{color: #727171; margin: 0 5px;}
.about .about_right i img{vertical-align:length;}
.contact{ width: 90%; margin:70px auto 0; }
.contact h1{ text-align: center; font-size: 26px; margin-bottom: 20px;}
.contact .time{ text-align: center; font-size: 14px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px #eeeeee dashed;}
.contact .neirong{line-height: 26px; font-size: 16px;}
.contact .neirong iframe{width: 100%; height: 600px;}
.contact img{max-width: 100%; height: auto !important;}
.contact .left{ margin-top: 20px; margin-bottom: 94px;}
.contact .right{ margin-top: 20px; text-align: right;}


.contact dl{ margin-bottom: 20px; height:60px;}
.contact dl dt{ color: #ae0001; font-size: 20px; height: 60px; line-height: 60px; width: 20%; float: left; }
.contact dl dd{ color: #727171; font-size: 14px; height: 60px; line-height: 20px; width: 80%;float: left;}
.contact .rongyu{ margin:40px 0; float: left }
.contact .rongyu_list{ margin:20px 0; height: 220px; overflow: hidden;}
.contact .rongyu_list img{height: auto; width: 100%;}

.contact .anli{ margin:40px 0 0; float: left }
.contact .anli_list{ margin:20px 0;}
.contact .anli_list .pic{overflow: hidden;}
.contact .anli_list .pic img{height: auto; width: 100%;}
.contact .anli_list .tlt{ height: 40px; line-height: 40px; text-align: center; font-size: 16px;} 
.contact .anli_list .tlt a{ color:#595757 }
.contact .fenye{ width: 100%; float: left;}
.contact video{width: 80%; margin-left: 10%}

.contact .news{ margin:20px 0; float: left; border-bottom:#eeeeee 2px solid; padding-bottom: 30px;}
.contact .news_pic{ margin:20px 0 0 20px;border: #eeeeee 1px solid; float: left; width: 31%;} 
.contact .news_pic .pic{ height: 220px; overflow: hidden; padding: 15px;}
.contact .news_pic .pic img{height: auto; width: 100%;}
.contact .news_pic .tlt{ height: 40px; line-height: 40px; text-align: center; font-size: 16px;} 
.contact .news_pic .tlt a{ color:#595757 }
.contact .news_pic .time{ float: right;border: 0;font-size: 14px;margin-bottom: 0;padding:0 10px 10px 0;}
.news_list{ float: left;padding: 15px; width: 100%;}
.news_list li{border: #eeeeee 1px dashed; padding: 10px; margin-bottom: 15px;}

.news_list li .img{ float: left; width: 15%; height: 115px; overflow: hidden; display:inline; margin:0 10px 0 0;}
.news_list li span img{ height: 100%; width: auto; }
.news_list li h1{ font-size: 20px; margin-top:20px; margin-bottom: 10px; text-align: left; width: 82%; padding-left: 1%; display: inline-block; font-weight: bold;}
.news_list li h1 a{ color: #595757}
.news_list li p{ margin: 0; font-size: 14px; line-height: 22px; text-align: left; width: 82%; padding-left: 1%; display: inline-block; margin-bottom: 20px; color: #595757}

.product{ width: 100%; min-height: 800px;}

.product a{ color: #595757}
.product .title{ width: 100%; height: 90px; line-height: 90px; text-align: center; font-size: 22px; color: #ae0001}
.product_left{ width: 20%; float: left; margin: 15px 0 }
		/* 本例子css */
		.sideMenu{ }
		.sideMenu h1{ height:40px; line-height:40px;  color: #fff; background:#ae0001; cursor:pointer; font-size: 16px; text-align: left; margin:0 0 4px 0; padding-left:40px;}
		.sideMenu h1 em{ float:right; display:block; width:40px; height:32px;   background:url(images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }
		.sideMenu h1.on em{ background-position:16px -57px; }
		.sideMenu .on{display: block}	
		.sideMenu span{  margin:10; color:#ae0001; display:none;  width: 100%;/* 默认都隐藏 */ }
.sideMenu span a.curr{ color: #ae0001; font-weight: bold;}
		.sideMenu li{  height:40px; line-height:40px; color: #ae0001;   border:1px solid #ae0001;cursor:pointer; font-size: 16px; margin:0 0 4px 0; text-align: center;}
        .sideMenu li a{ color:#3f3f3f;}	
.sideMenu i{ width: 25px; height: 25px; margin-right: 10px;}
		
		.sideMenu1{ }
		.sideMenu1 h4{ height:40px; line-height:40px; border:1px solid #ae0001; color: #ae0001; cursor:pointer; font-size: 16px; padding-left: 40px;margin:0 0 4px 0; text-align: center;}
		.sideMenu1 h4 em{ float:right; display:block; width:40px; height:32px;   background:url(images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }
		.sideMenu1 h4.on em{ background-position:16px -57px; }
		.sideMenu1 ul{ margin:10; color:#ae0001; display:none; /* 默认都隐藏 */ }	
        .sideMenu1 ul li{ height: 40px; line-height: 40px; text-align: center; border: 0; border-bottom: #d0d0d0 1px dashed; font-size: 16px;}
        .sideMenu1 ul li a{ color:#3f3f3f;}

.product_right{ width:calc(80% - 10px); margin-left:10px; padding:30px 20px 94px 20px; float: left; border-left: 6px #f2f2f2 solid; min-height:800px;}
.product_right ul{margin: 0; padding: 0}
.product_right ul li{ width: 31.5%; margin-left:1.5%; margin-bottom: 3%; float: left ;}
.product_right ul li span{ width: 100%; height:20px; line-height: 20px; text-align: center; display: inline-block; font-size: 16px; margin-top: 10px;}
.product_right ul li img{ width: 100%; height: auto;}

.product_right h1{ text-align: center; font-size: 26px; margin-bottom: 20px;}
.product_right .time{ text-align: center; font-size: 14px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px #eeeeee dashed;}
.product_right .neirong{line-height: 26px; font-size: 16px;}
.product_right .pic{ width: 100%; text-align: center;} 
.product_right .pic img{max-width: 80%; margin: auto}
.product_right h2{ color: #ae0001; font-size: 16px; margin: 30px 0}
.product_right .tedian{ font-size: 16px; line-height: 26px; margin-bottom: 20px; border-bottom: 1px #e5e5e5 dashed; padding-bottom: 20px;}
.product_right .tedian img{max-width: 100%; height: auto !important}
.product_right .right{text-align: right;}
.product_right  .miaoshu{font-size: 14px; margin: 20px 0; line-height: 150%;}
.product_right .pro_contact {width: 100%;}
.product_right .pro_contact img{ max-width: 100%; height: auto !important }
.product_right nav{width: 100%; float: left;}
.pagination {margin-bottom: 94px;}
.pagination a {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    font-size: 14px;
    margin: 3px;
    min-width: 30px;
    padding: 5px;
    color: #000;
}
.pagination a:hover {
    background: #ae0001 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    min-width: 30px;
    padding: 5px;
}
.pagination .a1 {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ae0001;
}
.pagination span {
    background: #ae0001 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    margin: 3px;
    min-width: 30px;
    padding: 5px;
}

.contact .lianxi{ width:100%; margin: 20px; color: #595757; margin-bottom: 30px;}
.contact .lianxi a{ color: #595757; }
.contact .lianxi .lianxi_left{ width: 50%; float: left}
.contact .lianxi .lianxi_left dt{ width: 100%;  float: left;font-size: 20px;height: 30px; line-height: 30px; margin-bottom: 20px;}
.contact .lianxi .lianxi_left dt img{ height: 100%  !important; width: auto;}
.contact .lianxi .lianxi_left dd{ width: 70%;  float: left;font-size: 20px;height: 30px; line-height: 30px; margin-bottom: 20px; padding-top: 5px;}
.contact .lianxi .lianxi_right{ width: 50%; float: left}

.contact .lianxi .lianxi_right dt{ width: 100%; height: 30px;   float: left;font-size: 20px;margin-bottom: 20px;}
.contact .lianxi .lianxi_right dt img{ height: 100% !important; width: auto;}
.contact .lianxi .lianxi_right dd{ width: 70%;  float: left;font-size: 20px;height: 30px; line-height: 30px; margin-bottom: 20px;padding-top: 5px;}




 table {
    border: 1px solid #ccc;
    width: 100%;
    margin:20px 0 0 0;
    padding:0;
    border-collapse: collapse;
    border-spacing: 0;
	font-size: 16px;
  }

  table tr {
    border: 1px solid #fff;
    padding: 0px;
  }

  table th, table td {
    padding: 10px;
    text-align: left;
  }

  table th {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
  }

.quyu{background: #ae0001; color: #fff; font-size: 20px;padding: 0; min-height: 40px; line-height: 40px; text-align: center;}

.diqu{background: #d73636; color: #fff;}
.lianxiren{background: #d76161; color: #fff; text-align: center;}
.dianhua{background: #928c8c; color: #fff; text-align: center;}
.dianhua a{ color: #fff;}

.map{width: 90%; margin: auto; margin-bottom: 90px;}
.contact-map{height:500px;}


.client_box{margin-bottom: 44px;}

.swiper-slide_title{position:absolute; z-index: 100; bottom:0; width: 100%; text-align: center; color: #fff; background: #000; opacity: 0.7; height: 40px; line-height: 40px;font-size: 16px; }
.map1{width: 100%; height: 400px;}
.BMapLabel{width: 200px; border: 0 !important;}





@media screen and (max-width: 767px) {
	
.search_input {
	
	right: 10%;
    top: 45%;
    transition: all 0.2s ease 0s;
    width: 80%;
    z-index: -999;
}
.pc_btn {
    border-radius: 0 10px 10px 0;
    font-size: 20px;
    height: 40px;
}

.pc_search {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 10px 0 0 10px;
    color: #fff;
    font-size: 26px;
    height: 40px;
    line-height: 40px;
}	
.pagination {margin-bottom: 0;}	
	
.about{  padding:5px 0; height: 70px;/* display: none !important*/}
	.about .about_left{ clear: both; width:100%;}
.about .about_left ul li{ width:33.33333333%; float: left; text-align: center;height: 30px; line-height: 30px; /*display: none*/}
.about .about_left ul li a{ font-size: 14px;}
.about .about_left ul li a:hover{ width: 100px; height: 30px; line-height:30px; color: #b42426; border: #ae0001 1px dashed; display: inline-block}
.about .about_left ul li a.cur{ width: 100px; height: 30px; line-height:30px; color: #b42426; border: #ae0001 1px dashed; display: inline-block}
.contact{ width: 100%; margin:20px auto 0; }
.contact h1{font-size: 20px;margin-bottom: 10px;}
.contact .time{ margin-bottom: 10px; padding-bottom: 10px; }
.contact .left{ margin-top: 10px; margin-bottom:0px;}
	
.contact .right{ margin-top: 10px; text-align:left; margin-bottom: 20px;}
.contact dl dt{ width: 100%; float: left; }
.contact dl dd{ width: 85%;float: right; height: auto; margin: 10px 0}
.contact .rongyu{ margin:10px 0; float: left; padding:0 0 0 15px;  }
.contact .rongyu_list{ margin:0 0 20px 0; height: auto; padding-left: 0 }
.contact .anli{ margin:0; float: left; padding:0 0 0 15px; }	
.contact .anli_list{ margin:0; padding-left: 0}

.contact .anli_list .pic{ height:auto; overflow: hidden;}
.contact .anli_list .pic img{height: auto; width: 100%;}
.contact .anli_list .tlt{ line-height: 20px; text-align: center; font-size: 14px; margin-bottom: 10px; margin-top: 5px;} 
.contact .anli_list .tlt a{ color:#595757 }

.contact video{width: 100%; margin:30px 0}
	
.news_list{padding: 15px; padding-top: 0 }
.news_list li{ padding: 10px; margin-bottom: 15px;}
.news_list li .img{ display: none;}
.news_list li h1{ font-size: 20px; margin-top:0px; margin-bottom: 10px; text-align: left; width: 100%; padding-left: 0%; }

.news_list li p{  width: 100%; padding-left: 0%; margin-bottom:0px; color: #595757}
.product{ width: 100%; min-height: 100%; padding: 0;}
.product_right{ width:100%; margin-left: 0; padding:30px 15px 20px 15px;float: left; border-left:0; min-height:100%;}	
.product_right ul li{ width:calc(50% - 15px); margin-left:12px; margin-bottom: 3%;}	
.product_right .neirong{line-height: 26px; font-size: 16px; padding-left: 15px;}	
.product_right h1{  margin-top: 0; margin-bottom: 20px;}
.product_right h2{  margin: 20px 0}
.product_right .right,.product_right .left{padding-left: 15px;}
	.product_right .right{text-align: left;}

.product_right ul li span{ width: 100%; height:20px; line-height: 20px; text-align: center; display: inline-block; font-size: 14px; margin-top: 10px; overflow: hidden;white-space:nowrap; }	
.contact .lianxi{ width:100%; margin: 15px;}	
.contact .lianxi a{ font-size: 16px;}
.contact .lianxi dl{ height: 100%; margin-bottom: 0;}
.contact .lianxi .lianxi_left{ width: 100%;}
.contact .lianxi .lianxi_left dt{ width: 100%;  margin-bottom: 20px;}
.contact .lianxi .lianxi_left dt:nth-of-type(3){margin-bottom: 0;}
.contact .lianxi .lianxi_left dd{ width: 60%; margin-bottom: 10px; margin-top: 0; font-size: 16px;}

.contact .lianxi .lianxi_right{ width: 100%; }

.contact .lianxi .lianxi_right dt{ width: 100%;margin-bottom: 20px;}
.contact .lianxi .lianxi_right dd{ width: 60%;margin-bottom: 10px; margin-top: 0}
.contact .lianxi .lianxi_right dd{ font-size: 16px;}
  .contact .neirong iframe{ height:200px;} 
.quyu{ font-size: 16px; min-height: 30px; line-height: 30px;}
	.lianxiren{background: #d76161; color: #fff; text-align: right;}
.dianhua{background: #928c8c; color: #fff; text-align: right;}

.contact{ margin-top: 10px;}
.map{width: 100%; margin: auto; margin-bottom: 50px;}
.contact-map{height:250px;}
	
.pagination a {
   
    font-size: 12px;
   
    padding: 3px;
}
.pagination a:hover {
    
    padding: 3px;
}

.pagination span {
  
    padding: 3px;
}	
	.pc-slide {
    width: 100% !important;
    margin: 0 auto;
}
	.pc-slide .view {
    height: 300px;
    overflow: hidden;
}
	

	.view .arrow-right {
   
    top: 25% !important;
 
}
.view .arrow-left {
   
    top: 25% !important;
 
}
	.preview {    width: 100%;}
	.preview .arrow-left{ left:0 !important; top:30% !important;}
	.preview .arrow-right{ right:0 !important; top:30% !important;}
	.preview .swiper-container{ margin-left:14px !important;}
	.preview .swiper-slide{ width:80px !important;}	
	
	
	
	
	
.map1{width: 100%; height: 300px;}	
	
	
}