.gypages {
	padding-top: 20px;
}

.gypages-center {
	padding: 0 0 50px;
	display: flex;
	justify-content: space-between;
}


.gypages-name {
	width: 100%;
	height: 45px;
	background: #1e50ae;
	font-size: 18px;
	color: white;
	display: flex;
	align-items: center;
	padding-left: 10px;
	font-weight: bold;
}

.gypagesA {
	display: flex;
	line-height: 50px;
	border-bottom: 1px dashed #d9d9d9;
	color: #222222;
	font-size: 16px;
	padding-left: 10px;
}

.gypagesA:hover {
	color: #1e50ae;
}

.colorblue {
	color: #1e50ae;
}

.gypages-li:last-child .gypagesA {
	border: none;
}

.gypages-right {
	flex: 1;
}

.sortname {
	width: 100%;
	height: 45px;
	background: #1e50ae;
	padding-left: 10px;
	color: white;
	display: flex;
	align-items: center;
	font-size: 18px;
	font-weight: bold;
}

.gypages-content {
	width: 100%;
}

.gypages-ico {
	margin-right: 25px;
}

.gypages-main {
	line-height: 26px;
	font-size: 16px;
	color: #000;
	text-align: justify;
}

.nav-box ul {
	display: flex;
	justify-content: space-around;
}

.nav-box ul li a {
	display: inline-block;
	padding: 20px 25px;
}

.nav-box ul li.active a {
	background-color: #00479d;
	color: white;
}

.nav-box ul li a:hover {
	background-color: #00479d;
	color: white;
}

.position {
	display: flex !important;
	align-items: center;
}

.position a {
	display: inline-block;
	padding: 0 7px;
	font-size: 14px;
	color: #666666;
	line-height: 20px;
}

.position span {
	display: inline-block;
	width: 24px;
	height: 22px;
	background: url(../images/nav-icon.png) no-repeat;
	background-size: cover;
}

.cppages-ul {
	display: flex;
	flex-wrap: wrap;
}

.goods .cppages-li {
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 25px;
}

.goods .cppages-li:nth-child(4n) {
	margin-right: 0;
}

.quality .cppages-li {
	flex: 0 0 31%;
	margin-right: 3%;
	margin-bottom: 25px;
}

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

.ce .cppages-li {
	flex: 0 0 18%;
	margin-right: 2%;
	margin-bottom: 25px;
}

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

.goods .cppages-title {
	margin: 0;
	padding-top: 10px;
}

.goods .cpdetail-top {
	padding-top: 20px;
}

.goods-category {
	padding-bottom: 30px;
}

.goods-category ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.goods-category ul li a {
	display: inline-block;
	padding: 15px 25px;
	border-bottom: 1px solid #e0e0e0;
}

.goods-category ul li.active a {
	border-bottom: 2px solid #00479d;
	color: #00479d;
}

.cppages-img {
	width: 100%;
}

.goods .cppages-img {
	overflow: hidden;
	border-radius: 22px;
}

.cppagesico {
	width: 100%;
	height: 100%;
}

.cppages-title {
	line-height: 20px;
	margin-bottom: 10px;
	text-align: center;
	color: #313131;
}

.fy {
	flex-wrap: wrap;
}

.fy select {
	border: 1px solid #1e50ae;
	color: #1e50ae;
}

.cpdetail-top {
	display: flex;
	justify-content: space-between;
}

.cpdetail-left {
	width: 40%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.cpdetail-left img {
	max-width: 100%;
}

.sxpz {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dashed #ccc;
}

.cpdetail-right {
	width: 60%;
}

.cpdetail-p1 {
	color: #000;
	font-size: 16px;
}

.cpdetail-p2 {
	color: #000;
	margin-bottom: 20px;
	font-size: 16px;
}

.xwdetail-top {
	text-align: center;
	padding: 0 0 20px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #dddddd;
}

.xwdetail-title {
	font-size: 20px;
	color: #666;
	margin-bottom: 10px;
}

.xwdetail-word span {
	margin: 0 10px;
	color: #999;
}

.xwpages-content {
	color: #666;
	line-height: 26px;
}

.lxpages-content ul {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #cbcbcb;
}

.lxpages-content ul li {
	flex: 0 0 33%;
	padding-bottom: 15px;
	padding-left: 100px;
}

#map {
	flex: 0 0 60%;
	height: 450px;
}



#container canvas {
	max-width: none;
}

#container {
	height: 380px;
	margin: 0px;
	font: 12px Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial;
}

.info-title {
	color: white;
	font-size: 14px;
	background-color: #b00045;
	line-height: 26px;
	padding: 0px 0 0 6px;
	font-weight: lighter;
	letter-spacing: 1px
}

.info-content {
	padding: 4px;
	color: #666666;
	line-height: 23px;
}

.info-content img {
	float: left;
	margin: 3px;
}
.amap-container{
	height: 400px;
}