body{font-size:16px !important;min-height: 500px;}
.biao_ti{font-size:2.7rem;}
.row {

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

.ul-list-1{}
.ul-list-2{display: none;}
.ul-list-3{display: none;}



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


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


.zoomImage{
    width:100% !important;
    height:0 !important;
    padding-bottom: 100%; 
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
}

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

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

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