/* 重置css样式 */

body,

ol,

ul,

h1,

h2,

h3,

h4,

h5,

h6,

p,

th,

td,

dl,

dd,

form,

fieldset,

legend,

input,

textarea,

select {

	margin: 0;

	padding: 0;

}



body {

	width: 100%;

	font: 12px "PingFang SC", "Arial Narrow", HELVETICA, "microsoft yahei";

	background: #fff;

	-webkit-text-size-adjust: 100%;

	overflow-x: hidden;

}



a {

	color: #172c45;

	text-decoration: none;

}



a:hover,

a:focus {

	text-decoration: none;

}



em {

	font-style: normal;

}



li {

	list-style: none;

}



img {

	border: 0;

	vertical-align: middle;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

}



p {

	word-wrap: break-word;

}



.yx-layer{

	width: 1190px;

	margin: 0 auto;

}

:root {
	
  --main-color: #00accc;
	
}

/* ========== 导航栏 begin ========== */

headers{

	height: 80px;

	width: 100%;

	/* background: rgba(128,128,128,0); */

	/* background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0)); */

	position: fixed;

	top: 0;

	left: 0;

	z-index: 10;

	transition: 0.5s;

}

.headers_ph {

  height:80px;

}

.dack-bg{

	/* background: #2e3033; */

	background: rgb(46,48,51,1);

}

headers .logo{

	display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  

	display: -moz-box; /* Firefox 17- */  

	display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  

	display: -moz-flex; /* Firefox 18+ */  

	display: -ms-flexbox; /* IE 10 */  

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	height: 80px;

	float: left;

}

headers .logo img{

	width: 50px;

	height: 50px;

	margin: 0 15px;

}

headers .logo span{

	font-size: 30px;

	color: var(--main-color);

}

headers ul{

	float: right;

	height: 80px;

}

headers ul li{

	float: left;

	height: 80px;

	line-height: 80px;

	padding: 0 15px;

	cursor: pointer;

}

headers ul li a{

	display: inline-block;

  font-size: 14px;

  font-weight: 500;

	height: 80px;

	color: #808080;

	transition: 0.5s;

}

  .name {

    box-sizing:border-box;

    padding:8px 0;

  }

headers ul li a:hover{

	/* color: #1E4398; */

	color: var(--main-color);

}

headers ul li.active .name{

	border-bottom: 2px solid var(--main-color);

}

headers ul li.active a{

	color: var(--main-color);

	/* color: #1E4398; */

	/* font-weight: bold;

	font-size: 18px; */

}

/* ========== 导航栏 end ========== */





/* ========== 底部 begin ========== */

footer{

	height: 500px;

	padding-top: 80px;

	background: #2e3033;

}

footer .yx-layer{

	height: 380px;

}

footer .yx-layer>div{

	float: left;

}

footer .title{

	font-size: 24px;

	color: #bebebe;

	margin-bottom: 60px;

}

footer .product{

	width: 305px;

}

footer .product ul li{

	margin: 10px 0;

}

footer .product ul li a{

	font-size: 16px;

	color: #bebebe;

}

footer .about{

	width: 290px;

}

footer .about ul li{

	margin: 10px 0;

}

footer .about ul li a{

	font-size: 16px;

	color: #bebebe;

}

footer .product ul li a:hover,footer .about ul li a:hover,footer .file a:hover{

	color: #fff;

}

footer .concat{

	width: 310px;

}

footer .concat ul li{

	width: 310px;

	height: 35px;

	margin: 25px 0;

}

footer .concat ul li .img{

	float: left;

	width: 40px;

	height: 35px;

	border-right: 1px solid #bebebe;

}

footer .concat ul li .img img{

	width: 20px;

	margin-top: 7px;

}

footer .concat ul li .desc{

	float: left;

	width: 270px;

	padding-left: 10px;

}

footer .concat ul li .desc .item1{

	font-size: 12px;

	font-family: "microsoft yahei";

	color: #bebebe;

}

footer .concat ul li .desc .item2{

	font-size: 16px;

	font-family: "microsoft yahei";

	color: #bebebe;

}

footer .focus{

	width: 280px;

	padding-left: 90px;

}

footer .focus img{

	height: 150px;

}

footer .copyRight{

	color: #bebebe;

	text-align: center;

	font-size: 12px;

	font-family: "microsoft yahei";

}

footer .file{

	text-align: center;

}

footer .file a{

	color: #bebebe;

	font-size: 12px;

	font-family: "microsoft yahei";

}

/* ========== 底部 end ========== */





/* ========== 内页banner公共样式 begin ========== */

#inner-page-banner{

	/* height: 380px; */

	height: 280px;

	/* background-image: url(../images/concat-inner-banner.jpg); */

	background-repeat: no-repeat;

	background-position: center;

	background-size: 100%;

}

/*公共标题*/

#inner-page-banner .title-module{

	padding-top: 170px;

}

#inner-page-banner .title-module .title{

	font-size: 48px;

	font-weight: bold;

	font-family: "microsoft yahei";

	color: #fff;

	line-height: 36px;

}

#inner-page-banner .title-module .line{

	width: 300px;

	height: 1px;

	margin: 30px auto 20px;

	background: #ccc;

	position: relative;

}

#inner-page-banner .title-module .line span{

	display: inline-block;

	width: 50px;

	height: 2px;

	background: var(--main-color);

	position: absolute;

	left: 125px;

	top: -1px;

}

#inner-page-banner .title-module .desc{

	font-size: 18px;

	color: #fff;

	line-height: 36px;

	font-family: "microsoft yahei";

}

/* ========== 内页banner公共样式 end ========== */