body{  background:#f2f2f2; background-size:cover; font:12px/22px "Microsoft YaHei";}

body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr{ margin:0; padding:0;}

li,img,input,em{ list-style:none; border:none; font-style:normal;}

a:link, a:visited{color:#333;text-decoration:none;}

a:hover,a:active{ color:#f00; text-decoration:none;cursor:pointer;}

a{ text-decoration:none;}



.container {

		text-align: center;

}



i {

		font-style: normal;

}



* {

		-webkit-box-sizing: border-box;

		-moz-box-sizing: border-box;

		box-sizing: border-box;

}



.clear {

		clear: both;

}



@media (min-width: 768px) {

		.container {

				width: 750px;

		}

}

@media (min-width: 992px) {

		.container {

				width: 970px;

		}

}

@media (min-width: 1200px) {

		.container {

				width: 1170px;

		}

}





.warp {width:1000px; margin:0 auto;}

#big_box{width:100%; min-width:1000px; overflow:hidden;}



.header{background:#bd0006;}

.logo_box{display:table;width:100%;margin:10px 0;}

.logo{display:table-cell;width:60%;vertical-align:middle;text-align:left;}

.logo img{max-width:100%;}

.phone{vertical-align:middle;  display:table-cell;width:40%;text-align:right;  height:33px;line-height:33px;color:#fff;font-size:22px;font-family:'Microsoft YaHei'; padding-left:40px;}

.phone img{margin-right:5px; width: 32px;}

@media(max-width:991px){

		.biaoyu{display:none;}

		.phone{font-size:18px;}

}

@media(max-width:767px){

		.phone{display:none;}

		.logo{width:100%;text-align:center;}

}



.header_nav{width:100%;background:#616161;}



.navbar-default{border:none;}

.navbar-nav{width:100%;}

.navbar{margin-bottom:0;}

.nav{display:table;width:100%;}

.nav>li{display:table-cell;text-align:center; float:none;color:#fff;font-size:14px; position:relative}

.navbar-default .navbar-nav>li>a{display:block;color:#fff;}

.nav>li ul.subnav {

		position: absolute;

		z-index: 9999;

		top:50px;

		left: 0;

		right:0;

		display: none;

	background:#616161;

}

.nav li ul.subnav li>a{

	display:block;

		padding:4px 0;

		color:#fff;

}

@media(min-width:768px){

		.nav>li:hover ul.subnav{display:block;}

		.nav>li>a.icon{display:none;}

		.navbar{border-radius:0;}

		.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{background:#fff;color:#333}

		.nav li ul.subnav li>a:hover{  background:#fff;color:#333  }

}



.navbar-default .navbar-toggle,.navbar-default .navbar-toggle:hover{border-color:#bd0006;background:#bd0006;}

.navbar-default .navbar-toggle .icon-bar{background:#fff;}

.navbar-nav{margin:0;}

@media(max-width:767px){

		#nav{position:relative;}

		#rightnav{max-height: 300px;overflow-y: auto;background:#616161;position:absolute;top:50px;left:15px;right:15px;z-index:10000;}

		.nav>li{width:100%;display:block;text-align:left;border-bottom:1px solid #777;}

		.navbar-default .navbar-nav>li>a{text-align:left;display:inline-block;}

		.navbar-default .navbar-collapse, .navbar-default .navbar-form{border-color:#888;}

		.nav li ul.subnav li>a{

				text-align:left;

				padding-left:25px;

		}

		.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color:#fff;}

		.nav>li ul.subnav{position:static;}

		.nav>li>a.icon{float:right;display:inline-block;}

}

#nav.gd{

		position:fixed;

		top:0;

		left:0;

		width:100%;

		z-index: 1000;

}



/*banner*/

#banner{position:relative;text-align:center;}

.owl-dots{text-align:center;bottom:2px;position:absolute;display:inline-block;}

.owl-dots .owl-dot{

		display:inline-block;

		width:10px;

		height:10px;

		border:1px solid #bd0006;

		border-radius:50%;

		margin:0 3px;

}

.owl-dots .owl-dot.active{

		background:#bd0006;

}



.inner_banner>img{width:100%;}





.box1{width:100%;margin-top:20px;}

.box1_left{width:20%;float:left;text-align: left;margin-right:16px;}

.cpzx_title{width:100%;height:44px;line-height:44px;font-size:20px;background:#e1e1e1;}

.cpzx_title>span{height:46px;line-height:44px;width:120px;background:#bd0006;color:#fff;display:inline-block;padding-left:5px;}

.cpzx_title.left{width:100%;height:44px;line-height:44px;background:#bd0006;color:#fff;font-size:20px;text-indent:4px;padding-left:15px;}

.cpzx>ul{display:block;margin-bottom: 20px;}

.cpzx>ul>li{line-height:32px;margin-top:3px;background:url(../images/dian1.jpg) no-repeat 17px #616161; position: relative; text-indent:30px;overflow:hidden;color:#fefefe;font-size:14px;font-family:'Microsoft YaHei';}

.cpzx>ul>li:hover{background:url(../images/dian1.jpg) no-repeat 17px 10px  #bd0006;}

.cpzx>ul>li a{color:#fefefe; display: block;}

.cpzx>ul>li>span{position: absolute; right: 10px;  top: 10px;}

@media(min-width:768px){

		.cpzx>ul>li>span{display:none;}

		.plist>li>.pnavlist{ display:none;}

		.cpzx>ul>li:hover .pnavlist{display:block;}

}

@media(max-width:767px){

		.plist>li>.pnavlist{ display:none;}

		.cpzx>ul>li.dk .pnavlist{display:block;}

}

.plist>li>.pnavlist>li{

	padding-left:15px;

	background:url(../images/dian1.jpg) no-repeat 30px #616161;

	line-height: 29px;

	font-size: 12px;

	color: #4b4b4b;

}

.plist >li>.pnavlist>li:hover{

	background:url(../images/dian1.jpg) no-repeat 30px #c60e13;

	}	

.plist >li>.pnavlist>li>a{	

	display:block;

}



.box1_center{width:46%;float:left; text-align: left;}

.gsjj{border:1px solid #d6d6d6; background:#fff;padding:20px 12px 20px 12px;overflow:hidden;color:#000;font-size:14px;font-family:'Microsoft YaHei';line-height:28px;}

.more{width:78px;height:24px;float:right;}

.more img{display:block;}

@media(min-width:768px){

		.gsjj{height:246px;}

}

.box1_right{width:30%;float:right;    text-align: left;}

.lxwm{

		background:url(../images/lxwm_bj.jpg) no-repeat center center;

		background-size:cover;

		padding:10px; line-height:34px;color:#000;font-size:14px;min-height:246px;}



@media(max-width:767px){

		.gsjj{margin-bottom:20px;}

		.box1_left{margin-bottom:20px;}

		.box1_right,.box1_center,.box1_left{width:100%;}

}







.box2{width:100%;padding-top:28px;}

.anli_title{

		text-align:left;

		height:44px;line-height:44px;

		background:#e1e1e1;

		color:#fff;font-size:20px;}

.anli_title>span{width:200px;background:#c60e13;height:44px;line-height:44px;display:inline-block;text-align:center;}

.anli_title>a{float:right;padding:0 5px;}



.anli{width:100%;padding-top:18px;}

.anli ul{display:block;overflow:hidden;}

.anli ul li{float:left;width:19.2%;margin-right:1%;margin-bottom:1%;}

.anli ul li:nth-child(5n){margin-right:0;}

.anli ul li .anli_img{width:100%;border:1px solid #c8c8c8;padding:1px;background:#fff;}

.anli ul li .anli_img a{display:block;width:100%;overflow:hidden;}

.anli ul li .anli_img img{width:100%;}

/* .anli ul li:hover .anli_img img{

	 -webkit-transform:scale(1.1);

		-moz-transform:scale(1.1);

		-o-transform:scale(1.1);

		-ms-transform:scale(1.1);

		transform:scale(1.1);

		-webkit-transition: all linear 0.3s;

		-moz-transition: all linear 0.3s;

		-o-transition: all linear 0.3s;

		-ms-transition: all linear 0.3s;

		transition: all linear 0.3s;



} */

.anli ul li .anli_sp{width:100%;float:left;height:32px;line-height:32px;text-align:center;font-size:14px;}

.anli ul li:hover .anli_sp{color:#fff;background:#c60e13;}

@media(max-width:991px){

		.anli ul li{width:32.666%}

		.anli ul li:nth-child(5n){margin-right:1%;}

		.anli ul li:nth-child(3n){margin-right:0;}

}

@media(max-width:767px){

		.anli ul li{width:49.5%}

		.anli ul li:nth-child(3n){margin-right:1%;}

		.anli ul li:nth-child(2n){margin-right:0;}

}





.foot{width:100%;background:#bd0006;padding:10px 0;text-align:center;color:#fff;font-size:12px;}

.foot a{padding:0 10px;color:#fff;}

@media(max-width:767px){

		.foot p>span{display:block;}

		.foot a{padding:0 5px;}

 .foot{margin-bottom:38px;}



}





.main_left{width:20%;float:left;text-align:left;}

.main_left .cpzx_title{background:#c60e13;color:#fff;padding-left:15px;}

.cplm{width:190px;float:left;}

.cplm ul{display:block;}

.cplm ul li{width:190px;float:left;height:32px;line-height:32px;margin-top:3px;background:url(../images/dian1.jpg) no-repeat 17px #616161; text-indent:30px;overflow:hidden;color:#fefefe;font-size:14px;font-family:'Microsoft YaHei';}

.cplm ul li a{color:#fefefe;}

.cplm ul li:hover{display:block;background:url(../images/dian1.jpg) no-repeat 17px #c60e13;}



.contact{width:100%;float:left;}

.lxwm_content{width:100%;float:left;    margin-top: 10px;line-height:24px;color:#000;font-size:14px;}



.main_right{width:77%;float:right;padding:10px 0;text-align:left;}

.daohang{width:100%;float:left;border-bottom:1px solid #cccccc; text-align:left;padding-bottom:10px;color:#000;font-size:18px;}

.product{width:100%;float:left;}

.product ul.pic{overflow:hidden;}

.product ul.pic>li{float:left;width:32%;margin-right:2%;margin-bottom:2%;}

.product ul.pic>li:nth-child(3n){margin-right:0;}

.product ul.pic>li>p{text-overflow:ellipsis;white-space:nowrap;  overflow:hidden;  }

.product ul.pic>li>a{display:block;width:100%;

overflow:hidden;

}

.product ul.pic>li>a>img{width:100%;}

/* .product ul.pic>li:hover>a>img{

		-webkit-transform:scale(1.1);

		-moz-transform:scale(1.1);

		-o-transform:scale(1.1);

		-ms-transform:scale(1.1);

		transform:scale(1.1);

		-webkit-transition:all linear .3s;

		-moz-transition:all linear .3s;

		-o-transition:all linear .3s;

		-ms-transition:all linear .3s;

		transition:all linear .3s;



} */

.product ul.pic>li>p{text-align:center;}

.product .company .info_title{text-align:center;font-size:18px;}

.product .company{text-align:center;}

.product .company.about_us{text-align:left;}

.product .company>img{margin:15px auto;max-width:100%;}

.product .company>p{text-align:left;}







@media(max-width:767px){

		.main_left{width:100%;}

		.main_right{width:100%;}

		.product ul.pic>li{width:49%;}

		.product ul.pic>li:nth-child(3n){margin-right:2%;}

		.product ul.pic>li:nth-child(2n){margin-right:0;}

}





/*news_list*/

.news_list>li{padding:6px 0;text-align:left;position:relative;background:url(../images/sj.jpg) left center no-repeat;padding-left:20px;}



.news_list>li a{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block;margin-right:90px;}

.news_list>li>span{position:absolute;top:7px;right:0;width:90px;text-align:right;}

.news_list>li>img{margin-right:10px;}





/*公司简介*/

.main1{width:100%;padding:15px 0;}

.company{ display:block;color:#000;font-size:14px;font-family:'Microsoft YaHei';line-height:28px; overflow:hidden; padding:15px 0;}



/*产品展示*/

.cpxq{ display:block; padding:15px 0; overflow:hidden;}

.cpxq_p{ display:block; height:40px; line-height:40px; overflow:hidden; text-align:center; font-family:"Microsoft YaHei"; font-size:16px; color:#000; font-weight:bold;}

.cpxq_img{ display:block; overflow:hidden;}

.cpxq_img img{ display:block; margin:0 auto; overflow:hidden; margin-top:20px;}



/*新闻中心*/

.xw{display:block;overflow:hidden; padding:15px 0;}

.xw li{display:block; height:35px; line-height:35px; border-bottom:1px dotted #cacaca; overflow:hidden; background:url(../images/news_jiantou.jpg) no-repeat 5px center; text-indent:25px;}

.xw li a{float:left; color:#505050;}

.xw li a:hover{color:#f00;}

.xw li span{float:right; color:#717171;}



.xwxq{display:block; overflow:hidden; padding:15px 0;}  

.xwxq_p{display:block; height:42px; line-height:42px; text-align:center; overflow:hidden; font-weight:bold; font-size:16px; color:#4b4b4b;}

.xwxq_sp{display:block; line-height:28px; border:1px solid #f1f0ef; background:#f9f9f9; text-align:center; overflow:hidden; color:#4b4b4b;}

.xwxq_sp a{color:#4b4b4b;}

.xwxq_sp a:hover{color:#f00;}

.xwxq_txt{display:block; line-height:22px; color:#4b4b4b; padding-top:25px; overflow:hidden;}



/*在线留言*/

.zxly{width:70%; padding-top:30px ; margin:0 auto; overflow:hidden;}

.zxly_B{display:block; margin-bottom:10px; overflow:hidden;}

.zxly_p{width:72px;float:left; height:24px; line-height:24px; color:#505050;}

.zxly_inp1{width:70%;float:left; height:24px; border:1px solid #dddddd; background:#fbfbfb;padding:3px 5px;}

.zxly_sp{float:left; color:#f00; text-indent:5px;}

.zxly_p1{width:72px;float:left; height:148px; line-height:148px; color:#505050;}

.zxly_inp2{width:70%;float:left; height:148px; border:1px solid #dddddd; background:#fbfbfb;padding:3px 5px;}

.zxly_inp3{width:47px;float:left; height:22px; border:1px solid #dddddd; background:#fbfbfb;}

.zxly_img{width:62px;float:left; height:22px; border:1px solid #dddddd; margin-left:1px;}

.zxly_img img{ display:block;}

.zxly_txt{float:left; height:22px; line-height:22px; text-indent:10px;}

.zxly_txt a{color:#505050;}

.zxly_btn{width:50px;float:left; height:32px; background:#f7f7f7;border:1px solid #dddddd;color:#505050;}



@media(max-width:767px){

		.zxly{width:100%;}

		.zxly_inp1,.zxly_inp2{width:72%;}

}





/*联系我们*/

.contact_txt{ display:block; padding:15px 20px; overflow:hidden; line-height:30px; font-family:"Microsoft YaHei"; font-size:14px; color:#000;}

#allmap{height:250px;margin:20px 0;}

.contact_us{text-align:left;}







.BMap_shadow img {

	max-width: none;

}

.bao-baidu-map {

	height:300px;

	border: 1px solid #4a4a4a;

	margin-bottom: 30px;

}





/*sxy*/

.sxy{margin:15px 0; text-align:left; }

.sxy>a{display:block;  }

/*page*/

#page {

	overflow: hidden;

	text-align: center;

	padding: 20px 0px;

	width: 100%;

	clear: both;

}

#page li {

	float:left;

}



#page li>a {

	cursor: pointer;

	display: inline-block;

	padding: 0 11px;

	border: 1px solid #666;

	color: #666;

	font-family: Verdana, Geneva, sans-serif;

	margin: 0 4px;

	font-size: 12px;

	text-decoration: none;

	-moz-transition: .5s all;

	-ms-transition: .5s all;

	-o-transition: .5s all;

	-webkit-transition: .5s all;

}

#page li>a:hover{

	background:#C60E13;

	color:#fff;

	border:1px solid #fff;

}

#page li>span {

	cursor: pointer;

	display: inline-block;

	font-family: Verdana, Geneva, sans-serif;

	color: #666;

}

.page3 a.b-span {

	display: block;

	padding: 5px;

	color: #666;

	font-size: 14px;

}

.page3 a.b-span:hover {

	background: #BD0006;

	color: #fff;

}

.pull-left{

	float:left;}



/* .company p{

	text-indent:2em;

} */

.product .img{text-align:center;}

.product .img img{ display:inline-block;}





#foot-menu{

		position:fixed;

		bottom:0;

		left:0;

		right:0;

		overflow:hidden;

		display:table;width:100%

}

@media(min-width:768px){

		#foot-menu{display:none;}

}

#foot-menu>a{display:table-cell;background:#616161;padding:8px 0;color:#fff;text-align:center;}



#foot-menu>a:hover{opacity:0.8;}

#arrow_up{

		position:fixed;

		z-index:1000;

		right:10px;

		bottom:50px;

		background:#616161;

		border-radius:2px;

		width:30px;

		height:30px;

		text-align:center;

		padding-top:3px;

		opacity:0.6;

		display:none;

}

#arrow_up>i{color:#fff;font-size:22px;}



#arrow_up:hover{opacity:1;}



.ckxq{border:1px solid #ddd;padding:3px 10px;}

.ckxq:hover{background:#ddd;color:#333;}



.index_text{

		height:144px;

		line-height:24px;

}



/*Custom*/

@media (max-width: 767px) {

	.index-order {

		display: flex;

		flex-direction: column-reverse;

	}

	.index-order .box1 {

		display: flex;

		flex-direction: column;

		margin-bottom: 20px;

	}

	.index-order .box1_left {

		order: 2;

	}

	.index-order .box1_center {

		order: 1;

	}

	.index-order .box1_right {

		order: 3;

	}

	.main1 {

		display: flex;

		flex-direction: column-reverse;

	}

}

.ratio{
	position: relative;
}
.ratio-3x4::before{
	content: '';
	display: block;
	padding-top: 133.3333%;
}
.ratio-item{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.obj-cover{
	object-fit: cover;
	object-position: center;
}