/*v=1.0.0.1*/
@charset "UTF-8";

/* 关于我们 */
.about_baner{ height: auto; background: url('/template/default/image/about_baner.jpg?v=20200413') no-repeat center; position: relative; }

.about_cont{ overflow: hidden; }
.about_cont h5{
	font-size: 32px;
}
.about_item{ display: none; }
.abt_intr{ margin-top: 75px; }
.intr_box{ margin-top: 30px; }
.intr_img{ float: left; width: 550px; height: auto; overflow: hidden; }
.intr_img img{ display: block; width: 100%; height: 100%; }
.intr_info{ margin-left: 590px; margin-top: 10px;}
.intr_info p{ font-size: 14px; color: #5e5e5e; line-height: 34px; margin-bottom: 5px; }
.intr_info ul{ margin-top: 55px; text-align:justify;text-justify:inter-ideograph; font-size: 0; }
.intr_info ul::after { width: 100%;height: 0;margin: 0; display: inline-block; overflow: hidden;content: '';}
.intr_info li{ display: inline-block; text-align: center; }
.intr_info li span{ font-size: 28px; color: #2b2b2b; }
.intr_info li em{ display: block; font-size: 14px; color: #919191; margin-top: 10px; }

.yw_cont{ overflow: hidden; margin-top: 30px; }
.yw_cont li{ float: left; width: 25%; height: 310px; overflow: hidden; position: relative;background:#0e3642; }
.yw_cont li img{ display: block; width: 100%; height: 100%;opacity: 0.7; }
.yw_cont li .yw_box{ position: absolute; width: 100%; box-sizing: border-box; padding: 40px 25px 30px 25px; color: #fff; bottom: 0; left: 0; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.6)); }
.yw_cont li .yw_box span{ font-size: 20px; display: block; margin-bottom: 8px;}
.yw_cont li .yw_box i{ display: block; width: 32px; border: 1px solid #fff; }
.yw_cont li .yw_box p{ font-size: 14px; margin-top: 15px; }
.yw_cont li:hover .yw_box{ height: 100%; background: rgba(0, 0, 0, 0.5); }
.yw_cont li:hover .yw_c{ position: absolute; width: 100%; text-align: center; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.yw_cont li:hover i{ margin: 0 auto; }
.shang{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.shang .shang-bf{
	width: 80%;
	height: auto;
	margin: 3em auto;
	overflow: hidden;
}
.shang .shang-bf h3{
	font-size: 32px;
}
.shang .shang-bf .shang-nr{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-top: 2em;
}
.shang .shang-bf .shang-nr .shang-img{
	width: 46%;
	height: auto;
	float: left;
	overflow: hidden;
}
.shang .shang-bf .shang-nr .shang-img img{
	width: 100%;
	height: auto;
	-webkit-transition: all .5s;
}
.shang .shang-bf .shang-nr .shang-img img:hover{
	transform: scale(1.1);
	opacity: 0.8;
}
.shang .shang-bf .shang-nr .shang-xq{
	width: 50%;
	height: auto;
	float: right;
	overflow: hidden;
	padding: 2em 0;
}
.shang .shang-bf .shang-nr .shang-xq span{
	display: block;
	width: 20%;
	height: auto;
	float: left;
	font-size: 20px;
	font-weight: bold;
}
.shang .shang-bf .shang-nr .shang-xq .shang-js{
	width: 100%;
  	padding:2em 0;
	display: block;
	float: left;
	line-height: 28px;
}<!--0.00025701522827148-->