body{font-size:16px !important;min-height: 500px;}
.biao_ti{font-size:2.7rem;}
.row {
/*    margin-right: 0px !important;
    margin-left: 0px !important;*/
}
.box1812071120 ul {
    margin-bottom: 10px;
    background-color: #FFFFFF;
}
.box1812071120 li {
    font-size: 20px;
    float: left;
    width: 33.3333333%;
    text-align: center;
    background-color: #e4e4e4;
    color: #828282;
    padding: 2% 0;
}
.box1812071120 li.active {
    color: #FFFFFF;
    background-color: #A88F6F;
}
/*左侧弹出菜单*/
.pro-left{ position:fixed; width:80%; background:#000; top:0px; left:-80%; z-index:9999; transition:all 0.3s; overflow:scroll;}
.pro-left .pro-left-title{font-weight:bold; color:#fff; font-size:1.5em; margin-top:0px; margin-left:20px; border-bottom: 1px solid #fff; padding: 20px 0; margin-bottom: 10px;}
.pro-left ul{
	margin-left: 20px;
	overflow:scroll;
}
.pro-left .ul-list{ overflow: auto; }
/*一级*/
.pro-left ul li{ list-style: none; clear:both;}
.pro-left ul li ul,.pro-left ul li ul li{ clear:both;}
.pro-left ul li ul li a{ width:80%;}

.pro-left ul li span{color:#fff;float:right; margin:0 15px 0 0px; font-size:2.5em; text-align:center;display:block;}
.pro-left ul li a{ padding-top:15px; width:auto;color:#fff;display:block; padding-left:0%;float:left;}

.pro-left2{ width: 20%; position: fixed; right: 0px; top: 0px; z-index: 11; display: none; }
/*.foot-lb{
	position: fixed;
	bottom: 80px;
	right: 20px;
	border-radius: 50%;
	background: #09f;
	line-height: 23px;
	text-align: center;
	color: #fff;
	letter-spacing: 3px;
	padding-top: 7px;
	height: 53px;
	width: 60px;
	z-index: 10;
}*/
.ul-list-1{}
.ul-list-2{display: none;}
.ul-list-3{display: none;}
/*END 左侧弹出菜单*/

/*详情页*/
.mycontent {text-align: justify;}
.mycontent ul,.mycontent p{color: #787878 !important; font-size: 1.6rem !important;line-height:2.8rem;}
.mycontent li{color: #787878;list-style-type:disc;margin-left:15px;line-height:1.8;}
.mycontent img{
	max-width:100% !important;
	max-height:auto !important;
}
.mycontent table,.mycontent td {
	margin-bottom: 15px;
	color: #787878;
	border: 1px solid #e4e4e4;
	height: auto!important;
}
.mycontent td {padding: 5px;}
/*END详情页*/
/*图片按比例水平居中，垂直居中*/
.picbox {
	position: relative;
	height: 0px;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 100%;
}
.picbox .zoompic{
	position:absolute;
	max-height: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
/*end图片*/
/*控制图片以背景的方式按比例显示*/
.zoomImage{
    width:100% !important;
    height:0 !important;
    padding-bottom: 100%; /*1:1就是100%，4:3就是133.333%，3:4就是75%,总结就是用高/宽*/
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
}
/*高度固定，宽度100%的 内容垂直居中，水平居中*/
.shui_zhi_ju_zhong{ position: relative; width: 100%;height: 60px;text-align:center; }
.shui_zhi_ju_zhong .shui_zhi_ju_zhong_content{/*设置内容的高度*/
	position: absolute;
	width: 100%;
	height: auto;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	
}
/*边框阴影*/
.cssshadow
{
	/*box-shadow: #333 10px 10px 15px 5px ;*//*边框阴影*/
	box-shadow: 5px 5px 15px #ccc;
    -webkit-transition: all .25 sease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
/*实现高和宽按比例缩放*/	
.bigbox20190529{
    position: relative;
    height: 0px;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 100%; /*padding-bottom 是根据高/宽来计算的 ，如：50/100=50% */

}
.bigbox20190529 .box20190529{ /*内容按高宽垂直居中对齐*/
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@media (min-width:1200px){
	.container {
		width: 1200px !important;
	}
}
li {list-style-type: none;}
*{padding:0px;margin:0px;}
p{ margin:0px;}
a,a:link{
	color:inherit;
	text-decoration:none;
	}
.clearpd{padding:0px;}
.clearma{margin:0px;}
.clearboth{clear:both;}
.content-top{margin-top:30px;} /*内容与头部的间距*/
.content-bottom{margin-bottom:50px;}/*内容与尾部的间距*/
.duanluo p{text-indent: 2em; text-align:justify;}/*首行缩进2个字，两端对齐*/

.jqzoom img{ width:100%;} 
#box201703291641{
	background-color: #ededed;
	padding-bottom: 56px;	
	}
.friendlink{text-align:center;position:relative;}
.friendlink a{padding-right:30px;}
.friendlink img{height:50px;}

.carousel-control .carousel-left{
	    position: absolute;
		top:50%;
		margin-top:-10px;	
	}

@media (min-width:375px) { 
	.logo{
		height:50px;
		}
	.box201703291105_img{
		width: 100%;
		height: auto;
		}
	.box201704051051_img{
		width: 100%;
		height: auto;
		}	
	.carousel{
		height:250px;
		}
	.carousel .item{
			width:100%;
			height: 250px;
			background-size:cover !important;
			background-repeat: no-repeat;  
			background-position: center;  
		}
	.friendlink a{
		float:left;

		}
	.product_more_pic {
		position: relative;
	}
	.product_more_pic a {
		padding-right: 30px;
	}
	.product_more_pic img {
		height: 50px;
	}
}

@media(min-width:768px){
} 

@media ( min-width : 992px) { 

} 
@media ( min-width : 1200px) { 
.carousel .item{
		width:100%;
		height: 250px;
		background-size:auto !important;
		background-repeat: no-repeat;  
		background-position: center;  
	}
	.p201910121040 .col-lg-3{
		width: 20% !important;
	}
}
.home_product_title{text-align:center; margin-top:60px;}
.home_product_title .xia_hua_xian{ width:80px; height:3px; background-color:#003372; margin-top:10px; margin-left:auto; margin-right:auto;}

.m-header li:hover{background-color: #314f63;padding-left: 10px;margin-left: -10px;}
.m-header li:hover{background-color: #314f63;color: #fff;}