@charset "utf-8";
/* CSS Document */


/* 头部菜单 */
.common-header {
	width: calc(100% - 120px);
	height: 62px;
	background: #fff;
	padding-left: 60px;
	padding-right: 60px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	
}
/*	box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.3);
}*/
.common-header .left {
	display: flex;
	flex-direction: row;
	height: 100%;
	align-items: center;
}
.common-header .left .logo {
	margin-top: 5px;
	width: 123px;
	height: 100%;
	background: url(../img/common/logo.png) center no-repeat;
}
.common-header .left .menu {
	display: flex;
	flex-direction: row;
	margin-left: 110px;
}
.common-header .left .menu a {
	color: #16181a !important;
	font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
	margin-left: 60px;
	font-size: 16px;
	line-height: 62px;
	display: block;
	padding-left: 4px;
	padding-right: 4px;
}
.common-header .left .menu a:hover {
	color: #0047ab !important;
}
.common-header .left .menu a.cli {
	color: #0047ab !important;
	font-family: "AlibabaPuHuiTi-M", "Microsoft YaHei";
	border-bottom: 2px solid #0047ab;
}
.common-header .right {
	display: flex;
	flex-direction: row;
}
.common-header .right .member {
	position: relative;
	display: flex;
	flex-direction: row;
	cursor: pointer;
}
.common-header .right .member .rangli {
	position: absolute;
	left: 22px;
	top: -17px;
	background: url(../img/common/rangli.png) no-repeat;
	width: 69px;
	height: 23px;
	color: #fff;
	font-size: 12px;
	font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
	display: inline-block;
	text-align: center;
}
.common-header .right .member p {
	font-size: 16px;
	color: #16181a;
	margin-left: 8px;
	font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
	white-space: nowrap;
}
.common-header .right a {
	font-size: 16px;
	color: #16181a !important;
	font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
	margin-left: 60px;
}
.common-header .right a:hover {
	color: #0047ab !important;
}
.common-center {
	width: 1646px;
	margin: 20px auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.common-center .left {
	width: 280px;
}
.common-center .left .recharge {
	width: 280px;
	border-radius: 8px;
	background: #fff;
}
.common-center .left .recharge .information {
	padding-top: 28px;
	margin-left: 28px;
	margin-right: 28px;
	display: flex;
	flex-direction: row;
}
.common-center .left .recharge .information .type {
	margin-left: 20px;
	color: #262c33;
	font-size: 18px;
	font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
}
.common-center .left .recharge .information .type span {
	width: 84px;
	height: 24px;
	background: url(../img/common/jinpai.png) no-repeat;
	display: block;
	margin-top: 2px;
	font-size: 12px;
	color: #fff;
	line-height: 24px;
}
.common-center .left .recharge .information .type span p {
	margin-left: 30px;
}
.common-center .left .recharge .money {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-left: 28px;
	margin-right: 28px;
	margin-top: 24px;
	justify-content: space-between;
	padding-bottom: 28px;
}
.common-center .left .recharge .money .balance {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.common-center .left .recharge .money .balance .num {
	margin-left: 12px;
}
.common-center .left .recharge .money .balance .num p {
	font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
	font-size: 14px;
	color: #4d5258;
}
.common-center .left .recharge .money .balance .num div {
	font-size: 16px;
	font-family: "AlibabaPuHuiTi-M", "Microsoft YaHei";
	color: #262c33;
	display: flex;
	flex-direction: row;
	align-items: baseline;
}
.common-center .left .recharge .money .balance .num div h6 {
	font-size: 20px;
	color: #ff6b35;
	font-weight: normal;
}
.common-center .left .recharge .money .but {
	width: 60px;
	height: 26px;
	border: none;
	background: linear-gradient(to bottom, #6cb0fb, #0047ab);
	text-align: center;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	border-radius: 4px;
	font-family: "AlibabaPuHuiTi-M", "Microsoft YaHei";
	box-shadow: 1px 1px 8px 2px rgba(0,71,171,0.3);
}
.common-center .left .two-menu {
	width: 280px;
	margin-top: 20px;
	border-radius: 8px;
	background: #fff;
}
.common-center .left .two-menu h3 {
	color: #161616;
	font-family: "AlibabaPuHuiTi-M", "Microsoft YaHei";
	font-size: 18px;
	margin-left: 28px;
	margin-right: 28px;
	padding-top: 24px;
	font-weight: normal;
	margin-bottom: 20px;
}
.common-center .left .two-menu .menu1 {
	display: flex;
	flex-direction: row;
	font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
	margin-left: 14px;
	margin-right: 14px;
	align-items: center;
	color: #262c33;
	height: 40px;
	padding-left: 14px;
	/*padding-right: 14px;*/
	margin-bottom: 6px;
	cursor: pointer;
}
.common-center .left .two-menu .menu1:hover {
	background: rgba(0,71,171, 0.1);
	border-radius: 4px;
}
.common-center .left .two-menu .menu1.select {
	background: rgba(0,71,171, 0.1);
	border: 1px solid rgba(0,71,171, 0.3);
	border-radius: 4px;
	color: #0047ab !important;
}
.common-center .left .two-menu .menu1 span {
	font-size: 17px;
}
.common-center .left .two-menu .menu1 p {
	margin-left: 7px;
}
.common-center .right {
	width: 1346px;
	margin-left: 20px;
}
/*
右侧文件*/

.common-center .right .right1 {
	border-radius: 8px;
	background: #fff;
}
.common-center .right .right1 .title {
	height: 54px;
	border-bottom: 1px solid #dbdfe5;
	line-height: 54px;
	display: flex;
	justify-content: space-between;
}
.common-center .right .right1 .title h3 {
	color: #161616;
	margin-left: 28px;
	font-weight: normal;
	font-family: "AlibabaPuHuiTi-M", "Microsoft YaHei";
	font-size: 18px;
}
.common-center .right .right1 .title .search {
	margin-right: 28px;
}
.common-center .right .right1 .title .search .search-form {
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	height: 32px;
	width: 228px;
	margin-left: 12px;
	font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
	font-size: 14px;
	padding-left: 12px;
}
.common-center .right .right1 .title .search .search-but {
	font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
	font-size: 14px;
	color: #fff;
	background: #0047ab;
	width: 66px;
	height: 32px;
	line-height: 30px;
	border-radius: 4px;
	box-shadow: 1px 1px 8px 2px rgba(0,71,171,0.3);
	border: none;
	margin-left: 12px;
}
.common-center .right .right1 .title .search input::placeholder {
 color: #c7c5c5;
 font-size: 14px;
}
.common-center .right .right1 .title .search .search-but:hover {
	background: #2162bd;
}
.common-center .right .right1 .tab-content {
	margin-top: 20px;
}
.common-center .right .right1 .tab-content .tab-c-thead {
	width: 100%;
	background: #f1f2f3;
	border: 1px solid #e4e3e3;
	height: 52px;
	border-radius: 4px;
}
.common-center .right .right1 .tab-content .tab-c-thead ul {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	font-family: "AlibabaPuHuiTi-M", "Microsoft YaHei";
	font-size: 14px;
	color: #262c33;
	line-height: 52px;
	text-align: center;
}
.common-center .right .right1 .tab-content .tab-c-list {
	margin-top: 12px;
	border: 1px solid #f1f2f3;
	border-radius: 4px;
}
.common-center .right .right1 .tab-content .tab-c-list .title1 {
	background: #f6f7f8;
	height: 48px;
	line-height: 48px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	border-radius: 4px 4px 0px 0px;
	font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
	font-size: 14px;
}
.common-center .right .right1 .tab-content .tab-c-list .title1 .left1 {
	margin-left: 20px;
	display: flex;
	flex-direction: row;
}
.common-center .right .right1 .tab-content .tab-c-list .title1 .left1 div {
	display: flex;
	flex-direction: row;
	color: #4d5258;
}
.common-center .right .right1 .tab-content .tab-c-list .title1 .left1 div:first-child {
	margin-right: 28px;
}
.common-center .right .right1 .tab-content .tab-c-list .title1 .left1 span {
	margin-left: 8px;
	color: rgba(100,107,106,0.6);
	font-size: 14px;
	cursor: pointer;
}
.common-center .right .right1 .tab-content .tab-c-list .title1 .right11 {
	display: flex;
	flex-direction: row;
	margin-right: 20px;
}
.common-center .right .right1 .tab-content .tab-c-list .title1 .right11 p {
	font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
	font-size: 14px;
	margin-right: 8px;
}
.common-center .right .right1 .tab-content .tab-c-list .title1 .right11 a {
	color: #0047ab;
	display: flex;
	flex-direction: row;
}
.common-center .right .right1 .tab-content .tab-c-list .tab-c-list-con {
	margin-top: 20px;
}
.common-center .right .right1 .tab-content .tab-c-list .tab-c-list-con ul {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 20px;
}
.common-center .right .right1 .tab-content .tab-c-list .tab-c-list-con ul li .inf {
	display: flex;
	flex-direction: row;
	margin-left: 20px;
	align-items: center;
}
.common-center .right .right1 .tab-content .tab-c-list .tab-c-list-con ul li .inf .tu {
	font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
	font-size: 14px;
	text-align: center;
	color: rgba(100,107,116,0.6);
}
.common-center .right .right1 .tab-content .tab-c-list .tab-c-list-con ul li .inf .tu p {
	margin-top: 5px;
}
.common-center .right .right1 .tab-content .tab-c-list .tab-c-list-con ul li .inf .font {
	margin-left: 20px;
	font-size: 14px;
}
.common-center .right .right1 .tab-content .tab-c-list .tab-c-list-con ul li .inf .font .biaoti {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.common-center .right .right1 .tab-content .tab-c-list .tab-c-list-con ul li .inf .font .biaoti p {
	color: #262c33;
	font-family: "AlibabaPuHuiTi-M", "Microsoft YaHei";
}
.common-center .right .right1 .tab-content .tab-c-list .tab-c-list-con ul li .inf .font .biaoti span {
	color: rgba(100,107,106,0.6);
	font-size: 14px;
	margin-left: 7px;
	cursor: pointer;
}
.common-center .right .right1 .tab-content .tab-c-list .tab-c-list-con ul li .inf .font .xiaobiaoti {
	color: #646b74;
	font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
	margin-top: 4px;
}
.common-center .right .right1 .tab-content .tab-c-list .tab-c-list-con ul li .inf .font .but {
	display: flex;
	flex-direction: row;
	font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
	font-size: 14px;
	margin-top: 8px;
}
.common-center .right .right1 .tab-content .tab-c-list .tab-c-list-con ul li .inf .font .but span {
	border: 1px solid #ebebeb;
	display: block;
	color: #262c33;
	width: 76px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: 4px;
	margin-right: 12px;
	cursor: pointer;
}
.common-center .right .right1 .tab-content .tab-c-list .tab-c-list-con ul li .inf .font .but span:hover {
	background: #f5f5f5;
}
.common-center .right .right1 .tab-content .tab-c-list .tab-c-list-con ul li .num {
	font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
	font-size: 14px;
	color: #4d5258;
	text-align: center;
}
.common-center .right .right1 .tab-content .tab-c-list .tab-c-list-con ul li .prich {
	font-family: "AlibabaPuHuiTi-M", "Microsoft YaHei";
	font-size: 14px;
	color: #ff6b35;
	text-align: center;
}
.common-center .right .right1 .tab-content .tab-c-list .tab-c-list-con ul li.upload a {
	display: flex;
	flex-direction: row;
	align-items: center;
	font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
	font-size: 14px;
	text-align: center;
	justify-content: center;
}
.common-center .right .right1 .tab-content .tab-c-list .tab-c-list-con ul li.upload a span {
	font-size: 14px;
	margin-left: 5px;
}
.common-center .right .right1 .tab-content .tab-c-list .tab-c-list-con ul li .detail {
	font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
	font-size: 14px;
	color: #16181a;
	text-align: center;
}
.common-center .right .right1 .tab-content .tab-c-list .tab-c-list-con ul li .detail:hover {
	color: #0047ab;
}
.common-center .right .right1 .tab-content .tab-c-list .tab-c-list-con ul li .plan {
	margin-top: 8px;
	text-align: center;
}
.common-center .right .right1 .tab-content .tab-c-list .tab-c-list-con ul li .plan span {
	font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
	font-size: 14px;
	color: #fff;
	background: #0047ab;
	width: 76px;
	height: 30px;
	line-height: 30px;
	border-radius: 4px;
	box-shadow: 1px 1px 8px 2px rgba(0,71,171,0.3);
	display: inline-block;
}
.common-center .right .right1 .tab-content .tab-c-list .tab-c-list-con ul li .plan span:hover {
	background: #2162bd;
}
.common-center .right .right1 .tab-content .tab-c-list .tab-c-list-con ul li .complaint {
	font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
	font-size: 14px;
	color: #8c96a5;
	text-align: center;
	margin-top: 8px;
}
.common-center .right .right1 .all {
	margin-top: 28px;
	margin-left: 28px;
	margin-right: 28px;
}
.common-center .right .right1 .all .tab {
	display: flex;
	flex-direction: row;
	height: 38px;
}
.common-center .right .right1 .all .tab li {
	border-radius: 4px;
	border: 1px solid #e4e3e3;
	margin-left: 15px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	background: rgba(228,227,227 ,0.2);
	width: calc((100% - 105px) / 8);
	color: #646b74;
	font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
	font-size: 14px;
	cursor: pointer;
}
.common-center .right .right1 .all .tab li span {
	color: #646b74;
	font-size: 18px;
	margin-right: 5px;
}
.common-center .right .right1 .all .tab li:first-child {
	margin-left: 0px;
}
.common-center .right .right1 .all .tab li.current {
	background-image: url(../img/order/jiaobiao.png);
	background-position: right top;
	background-repeat: no-repeat;
	background-color: rgba(0,71,171,0.1);
	border: 1px solid #0047ab;
	color: #0047ab;
}
.common-center .right .right1 .all .tab li.current span {
	color: #0047ab;
}
.common-center .right .right1 .all .mes {
}
.common-center .right .right1 .all .mes .none {
	display: none;
}
.common-center .right .right1 .paging {
	padding-top: 28px;
	padding-bottom: 28px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.common-center .right .right1 .paging .all-zongshu {
	font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
	font-size: 14px;
	color: #262c33;
}
/*
底部文件*/

.common-footer {
	width: 100%;
	background: #0f0e0f;
}
.common-footer .content {
	width: 1646px;
	margin: 0px auto;
}
.common-footer .content .first {
	display: flex;
	flex-direction: row;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	padding-top: 30px;
	padding-bottom: 30px;
	font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
}
.common-footer .content .first dl {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 25%;
}
.common-footer .content .first dl dd {
	color: #fff;
	font-size: 18px;
	margin-left: 16px;
}
.common-footer .content .two {
	margin-top: 30px;
	padding-bottom: 30px;
	display: flex;
	flex-direction: row;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
.common-footer .content .two .left {
	display: flex;
	color: #fff;
	flex-direction: row;
	width: 1240px;
	border-right: 1px solid rgba(255,255,255,0.2);
}
.common-footer .content .two .left dl {
	width: 14%;
}
.common-footer .content .two .left dl:last-child {
	width: 30%;
}
.common-footer .content .two .left dl dt {
	font-family: "AlibabaPuHuiTi-M", "Microsoft YaHei";
	font-size: 14px;
}
.common-footer .content .two .left dl dd {
	font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
	font-size: 14px;
	margin-top: 16px;
	color: rgba(255,255,255,0.5);
}
.common-footer .content .two .left dl dd a {
	color: rgba(255,255,255,0.5);
}
.common-footer .content .two .left dl dd a:hover {
	color: #fff;
}
.common-footer .content .two .left dl dd b {
	color: #fff;
}
.common-footer .content .two .right {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	width: calc(100% - 1240px);
}
.common-footer .content .two .right dl:last-child {
	margin-left: 32px;
}
.common-footer .content .two .right dl dd {
	font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
	font-size: 14px;
	color: #fff;
	text-align: center;
}
.common-footer .content .three {
	margin-top: 30px;
	padding-bottom: 30px;
}
.common-footer .content .three div {
	display: flex;
	flex-direction: row;
	align-items: center;
	text-align: center;
	justify-content: center;
	margin-bottom: 5px;
	font-size: 14px;
	font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
	color: rgba(255,255,255,0.5);
}
.common-footer .content .three div a{color: rgba(255,255,255,0.5);}
/*悬浮链接*/
.suspension {
	position: fixed;
	z-index: 999;
	right: 30px;
	top: 50%;
	margin-top: -152px;
	width: 70px;
	height: 240px;
}
.suspension-box {
	position: relative;
	float: right;
}
.suspension .a {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	border: 2px solid #fff;
	background: linear-gradient(to bottom, #f4f6f9, #fefefe);
	margin-bottom: 20px;
	cursor: pointer;
	outline: none;
	color: #262c33;
	display: flex;
	align-items: center;
	justify-content: center;
}
.suspension .a .iconfont {
	font-size: 22px;
}
.suspension .a.active, .suspension .a:hover {
	color: #0047ab;
}
.suspension .a-top {
	background: #D2D3D6;
	display: none;
}
.suspension .a-top:hover {
	background: #c0c1c3;
}
.suspension .d {
	display: none;
	width: 223px;
	background: linear-gradient(to bottom, #f4f6f9, #fff);
	position: absolute;
	right: 70px;
	min-height: 85px;
	border: 2px solid #fff;
	border-radius: 3px;
	box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11);
	font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
}
.suspension .d .zhuanshu {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.suspension .d .zhuanshu span {
	font-size: 14px;
	color: #4d5258;
}
.suspension .d .zhuanshu p {
	font-size: 14px;
	color: #4d5258;
	margin-left: 5px;
}
.suspension .d .copy {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-top: 5px;
}
.suspension .d .copy h4 {
	font-size: 18px;
	font-weight: normal;
	font-family: "AlibabaPuHuiTi-M", "Microsoft YaHei";
}
.suspension .d .copy P {
	font-size: 14px;
	color: #0047ab;
	margin-left: 10px;
}
.suspension .d .qiyeweixin {
	padding-bottom: 20px;
	margin-top: 10px;
}
.suspension .d-service {
	top: 0px;
}
.suspension .d-service-phone {
	top: 76px;
}
.suspension .d-qrcode {
	top: 152px;
}
.suspension .d-qrcode2 {
	top: 230px;
}
.suspension .d .inner-box {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
}
.suspension .d-service-item {
	border-bottom: 1px solid #eee;
	padding: 14px 0;
}
.suspension .d-service .d-service-item {
	border-bottom: none;
}
.suspension .d-service-item .circle {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	overflow: hidden;
	background: #F1F1F3;
	display: block;
	float: left;
}
.suspension .d-service-item .i-qq {
	width: 44px;
	height: 44px;
	background: url(../images/side_con_icon03.png) no-repeat center 15px;
	display: block;
	transition: all .2s;
	border-radius: 50%;
	overflow: hidden;
}
.suspension .d-service-item:hover .i-qq {
	background-position: center 3px;
}
.suspension .d-service-item .i-tel {
	width: 44px;
	height: 44px;
	background: url(../images/side_con_icon02.png) no-repeat center center;
	display: block;
}
.suspension .d-service-item h3 {
	float: left;
	width: 112px;
	line-height: 44px;
	font-size: 15px;
	margin-left: 12px;
}
.suspension .d-service-item .text {
	float: left;
	width: 112px;
	line-height: 22px;
	font-size: 15px;
	margin-left: 12px;
}
.suspension .d-service-item .text .number {
}
.suspension .d-service-intro {
	padding-top: 10px;
}
.suspension .d-service-intro p {
	float: left;
	line-height: 27px;
	font-size: 12px;
	width: 50%;
	white-space: nowrap;
	color: #888;
}
.suspension .d-service-intro i {
	background: url(../images/side_con_icon01.png) no-repeat center center;
	height: 27px;
	width: 14px;
	margin-right: 5px;
	vertical-align: top;
	display: inline-block;
}
.suspension .d-qrcode {
	text-align: center;
}
.suspension .d-qrcode p {
	font-size: 16px;
	color: #93959c;
}
/* 左侧二级下拉菜单*/
.menu-accordion {
	list-style: none;
	padding: 0;
	margin-left: 14px;
	margin-right: 14px;
	margin-top: 24px;
	margin-bottom: 24px;
	font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
	font-size: 14px;
	color: #161616;
}
.menu-accordion > li {
	font-size: 15px;
	position: relative;
	margin-bottom: 8px;
	color: #262c33;
	cursor: pointer;
	transition: all 0.3s ease;
}
.menu-accordion > li > div {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	height: 40px;
	padding-left: 14px;
	padding-right: 14px;
}
.menu-accordion > li > div > div {
	align-items: center;
	display: flex;
	flex-direction: row;
}
.menu-accordion > li > div > div .iconfont {
	font-size: 17px;
	color: #262c33;
}
.menu-accordion > li > div p {
	margin-left: 7px;
}
/* 字体图标箭头样式 */
.menu-accordion > li .icon-arrow-bottom {
	color: rgba(100,107,116,0.6);
	font-size: 14px !important;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
/* 激活状态样式 */
.menu-accordion > li.active {
	color: #0047ab !important;
}
.menu-accordion > li.active > div {
	background: rgba(0,71,171, 0.1);
	border: 1px solid rgba(0,71,171, 0.3);
	border-radius: 4px;
	height: 40px;
}
.menu-accordion > li.active > div .iconfont {
	color: #0047ab;
}
.menu-accordion > li.active .icon-arrow-bottom {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	color: #0047ab;
}
/* 激活状态箭头旋转 */
   
        /* 二级菜单样式 */
.submenu {
	/*display: block !important;*/
	margin-top: 10px;
}
.submenu li {
	white-space: nowrap;
	padding-left: 40px;
	color: #262c33;
	height: 44px;
	line-height: 40px;
}
.submenu li a {
	color: #262c33;
}
.submenu li:last-child {
	margin-bottom: -5px;
}
/* 选中样式 */
.submenu li.selected a {
	color: #0047ab;
}
/* 悬停效果 */
.menu-accordion > li:hover:not(.active) {
	background: rgba(0,71,171, 0.1);
	border-radius: 4px;
}
.submenu li:hover {
	background: rgba(0,71,171, 0.1);
	border-radius: 4px;
}
/*工厂介绍*/

.factory-banner {
	width: 100%;
	height: 506px;
	background: url(../img/common/banner.png) no-repeat center;
}
.about-us {
	width: 1646px;
	margin: 0 auto;
}
.about-us h3 {
	text-align: center;
	font-size: 32px;
	color: #16181a;
	font-weight: normal;
	padding-top: 62px;
	margin-bottom: 12px;
	font-family: "AlibabaPuHuiTi-M", "Microsoft YaHei";
}
.about-us .title {
	width: 100%;
	height: 20px;
	background: url(../img/common/line.png) no-repeat center;
	font-family: "AlibabaPuHuiTi-M", "Microsoft YaHei";
	font-size: 32px;
}
.about-us .content {
	width: 100%;
	display: flex;
	flex-direction: row;
	padding-top: 50px;
}
.about-us .content .left {
	width: 555px;
	height: 376px;
	border-radius: 15px;
	border: 2px solid #fff;
	box-shadow: 0 2px 12px 0 rgba(55,99,170,.06);
	overflow: hidden;
}
.about-us .content .left img {
	border-radius: 12px;
}
.about-us .content .right {
	width: calc(100% - 585px);
	margin-left: 30px;
	border: 2px solid #fff;
	border-radius: 15px;
	background: #f5f7f9;
}
.about-us .content .right .produce {
	padding-top: 32px;
	margin-left: 40px;
	margin-right: 40px;
	font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
	font-size: 14px;
	color: #646b74;
}
.about-us .content .right .produce p {
	text-indent: 26px;
	line-height: 32px;
}
.about-us .content .right .yaodian {
	display: flex;
	flex-direction: row;
	margin-left: 40px;
	margin-right: 40px;
}
.about-us .content .right .yaodian dl {
	width: calc(100% / 3);
	margin-top: 20px;
}
.about-us .content .right .yaodian dl dt {
	display: flex;
	flex-direction: row;
	align-items: baseline;
	justify-content: center;
	font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
	color: #0047ab;
	font-size: 18px;
}
.about-us .content .right .yaodian dl dt b {
	font-family: "AlibabaPuHuiTi-M", "Microsoft YaHei";
	font-weight: normal;
	font-size: 32px;
}
.about-us .content .right .yaodian dl dd {
	text-align: center;
	font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
	color: #181818;
	font-size: 14px;
	margin-top: 5px;
}
.about-us .shebei ul {
	display: flex;
	flex-direction: row;
	width: 100%;
	flex-wrap: wrap;
}
.about-us .shebei ul li {
	height: 270px;
	background: #fcfcfd;
	border: 2px solid #fff;
	width: calc( (100% - 100px) /4);
	margin-right: 28px;
	margin-top: 28px;
	box-shadow: 0 2px 12px 0 rgba(55,99,170,.15);
	border-radius: 8px;
	position: relative;
	overflow: hidden;
	transition: opacity .2s ease;
	cursor: pointer;
}
.about-us .shebei ul li .mingcheng {
	width: calc(100% - 8px);
	position: absolute;
	bottom: 4px;
	left: 4px;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 60) 100%);
	height: 60px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	text-align: center;
}
.about-us .shebei ul li .mingcheng p {
	color: #fff;
	font-size: 14px;
	font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
	margin-top: 30px;
}
.about-us .shebei ul li:hover {
	transform: scale(1.05);
}
.about-us .shebei ul li img {
	border-radius: 8px;
	padding: 4px;
	width: calc(100% - 8px);
	height: calc(100% - 8px);
}
.about-us .shebei ul li img:hover {
}
.about-us .shebei ul li:nth-child(4), .about-us .shebei ul li:nth-child(8) {
	margin-right: 0px;
}
/*邮寄小样*/
.zizhubaojia {
	margin-top: 28px;
	margin-left: 45px;
	margin-right: 45px;
	font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
	font-size: 14px;
}
.zizhubaojia>ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.zizhubaojia > ul > li {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 50%;
	margin-bottom: 28px;
}
.zizhubaojia > ul > li > .label {
	color: #646b74;
	margin-right: 20px;
	text-align: right;
	width: 120px;
}
.zizhubaojia > ul > li > .adress {
	color: #262c33;
}
.zizhubaojia > ul > li > .icon-fuzhi {
	color: rgba(100,107,116,0.6);
	font-size: 14px;
	margin-left: 6px;
}
.zizhubaojia > ul > li > .notice {
	color: #f55051;
	display: flex;
	flex-direction: row;
	align-items: center;
}
.zizhubaojia > ul > li >.notice >.icon-tishi {
	font-size: 16px;
	margin-left: 30px;
	margin-right: 6px;
}
.zizhubaojia > ul>li > .input-cls {
	border: 1px solid #d9d9d9;
	width: 326px;
	height: 30px;
	border-radius: 3px;
	padding-left: 10px;
	padding-right: 10px;
	color: #262c33;
	font-size: 14px;
	font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
}
.zizhubaojia> ul> li > .input-cls2 {
	border: 1px solid #d9d9d9;
	width: 207px;
	height: 30px;
	border-radius: 3px;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 20px;
	color: #262c33;
	font-size: 14px;
	font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
}
.zizhubaojia > ul > li > .input-cls::placeholder, .zizhubaojia > ul > li > .input-cls2::placeholder {
 font-size: 14px;
 font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
 color: #c7c5c5;
}
.zizhubaojia > ul > li .input-cls:hover, .zizhubaojia > ul > li .input-cls2:hover {
	border: 1px solid #0047ab;
}
.zizhubaojia > ul > li > .input-cls2:last-child {
	margin-right: 0px;
}
.zizhubaojia > ul > li > .sel-list {
	border: 1px solid #d9d9d9;
	width: 150px;
	height: 30px;
	appearance: none !important; /* 移除默认样式 */
	-moz-appearance: none !important; /* Firefox兼容 */
	-webkit-appearance: none !important; /* Safari兼容 */
	border-radius: 3px;
}
.zizhubaojia > ul > li > .danxuan {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-right: 20px;
	color: #262c33;
}
.zizhubaojia > ul > li > .danxuan input {
	margin-right: 5px;
}
.w-dropdown {
	position: relative;
	z-index: 10000;
}
.w-dropdown:before {
	content: "";
	border-top: 4px dashed;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -2px;
}
.w-dropdown .dropdown-sel {
	width: 142px;
	height: 30px;
	line-height: 30px;
	display: block;
	color: #807a62;
	cursor: pointer;
	font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #cfd6d9;
	outline: line;
	border-radius: 3px;
}
.w-dropdown .dropdown-sel:focus {
	outline: none;
}
.w-dropdown .dropdown-sel:hover {
	border: 1px solid #0047ab;
}
.w-dropdown ul {
	width: 162px;
	box-shadow: 0 2px 8px 0 rgba(7,12,20,.12);
	background-color: #ffffff;
	position: absolute;
	z-index: 20000;
	margin-top: 0px;
	display: none;
	border-radius: 3px;
}
.w-dropdown ul li {
	min-height: 32px;
	line-height: 32px;
}
.w-dropdown ul li a {
	display: block;
	height: 32px;
	color: #262c33;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
}
.w-dropdown ul li a:hover {
	color: #262c33;
	background: rgba(0,71,171, 0.1);
}
.w-dropdown ul li a.hover {
	color: #262c33;
	background-color: #f0f0f0;
}
.common-center .right .right2 {
	border-radius: 8px;
	background: #fff;
	margin-top: 20px;
	height: 92px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.tijiao {
	background: #0047ab;
	width: 94px;
	height: 36px;
	border-radius: 4px;
	color: #fff;
	border: none;
	font-family: "AlibabaPuHuiTi-M", "Microsoft YaHei";
	box-shadow: 1px 1px 8px 2px rgba(0,71,171,0.3);
	margin-left: 24px;
	cursor: pointer;
}
.tijiao:hover {
	background: #2162bd;
}
.chongzhi {
	background: #ecedf3;
	width: 94px;
	height: 36px;
	border-radius: 4px;
	color: #646b74;
	border: none;
	font-family: "AlibabaPuHuiTi-M", "Microsoft YaHei";
	box-shadow: 1px 1px 8px 2px rgba(193,196,209,0.2);
	cursor: pointer;
}
.chongzhi:hover {
	background: rgba(236,237,243,0.8);
}
/*首页样式*/
.about-us .step {
	margin-top: 50px;
}
.about-us .step ul {
	display: flex;
	flex-direction: row;
	width: 100%;
}
.about-us .step ul li {
	width: 20%;
	background-image: url(../img/common/yuan.png), url(../img/common/jiantou.png);
	background-repeat: no-repeat;
	background-size: 98px 91px, 56px 38px;
	height: 91px;
	position: relative;
	background-position: 60px top, 270px 23px;
}
.about-us .step ul li:last-child {
	width: 20%;
	background-image: url(../img/common/yuan.png), url(../img/common/jiantou.png);
	background-repeat: no-repeat;
	background-size: 98px 91px, 0px 0px;
	height: 91px;
	position: relative;
	background-position: 60px top, 270px 23px;
}
.about-us .step ul li span {
	position: absolute;
	left: 68px;
	font-family: "AlibabaPuHuiTi-M", "Microsoft YaHei";
	font-size: 36px;
	color: #fff;
	top: 15px;
	width: 53px;
	height: 53px;
	text-align: center;
	line-height: 53px;
}
.about-us .step ul li > div {
	margin-top: 20px;
	margin-left: 142px;
}
.about-us .step ul li > div h6 {
	font-family: "AlibabaPuHuiTi-M", "Microsoft YaHei";
	font-size: 18px;
	color: #262c33;
	font-weight: normal;
}
.about-us .step ul li > div p {
	color: #646b74;
	font-size: 14px;
	font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
}
.about-us .renzheng {
	margin-top: 22px;
}
.about-us .renzheng ul {
	display: flex;
	flex-direction: row;
	width: 100%;
}
.about-us .renzheng ul li {
	display: flex;
	align-items: center;
	width: calc(100% / 6);
	flex-wrap: wrap;
}
.about-us .renzheng ul li > div {
	width: 100%;
	height: 191px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.about-us .renzheng ul li p {
	width: 100%;
	font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
	color: #262c33;
	font-size: 18px;
	text-align: center;
	margin-top: 2px;
}
.teshu {
	width: 1646px;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	padding-top: 70px;
}
.teshu .teshu-left {
	width: 310px;
}
.teshu .teshu-right {
	width: 1276px;
	margin-left:60px;
}
.teshu .teshu-left h2 {
	color: #161616;
	font-size: 32px;
	font-weight: normal;
	font-family: "AlibabaPuHuiTi-M", "Microsoft YaHei";
	margin-top: 40px;
}
.teshu .teshu-left P {
	font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
	color: #262c33;
	font-size: 14px;
	margin-top: 40px;
	line-height: 24px;
}
.teshu .teshu-left input {
	margin-top: 40px;
	width: 117px;
	height: 40px;
	border: none;
	background: linear-gradient(to bottom, #6cb0fb, #0047ab);
	text-align: center;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	border-radius: 8px;
	font-family: "AlibabaPuHuiTi-M", "Microsoft YaHei";
	box-shadow: 1px 1px 8px 2px rgba(0,71,171,0.3);
}
	.Box .content {
	/*width: 1200px;
	margin: 0 auto;*/
}

.Box .Box_con {
	position: relative;
}
.Box .Box_con .btnl {
	position: absolute;
}
.Box .Box_con .btn {
	display: block;
	width: 41px;
	height: 41px;
	position: absolute;
	top: 80px;
	cursor: pointer;
}
/*.Box .Box_con .btnl {
	background: url(img/jtl02.png) no-repeat center;
	left: -72px;
}
.Box .Box_con .btnr {
	background: url(img/jtr02.png) no-repeat center;
	right: -72px;
}
.Box .Box_con .btnl:hover {
	background: url(img/jtl03.png) no-repeat center;
}
.Box .Box_con .btnr:hover {
	background: url(img/jtr03.png) no-repeat center;
}*/
.Box .Box_con .conbox {
	position: relative;
	overflow: hidden;
}
.Box .Box_con .conbox ul {
	position: relative;
	list-style: none;
	display: flex;
	flex-direction: row;
}
.Box .Box_con .conbox ul li {
   
	width: 300px !important;
    height: 373px;
	margin-left: 20px;
	overflow: hidden;
	border-radius: 8px;
	background: #fff;
	border:2px solid #fff;
	box-shadow: 0 2px 12px 0 rgba(55,99,170,.15);
	position: relative;
}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li .imgdiv{
	
	height: 188px;
	border-radius: 8px 8px 0px 0px;
	width:100%;
}
.Box .Box_con .conbox ul li .imgdiv img {
	
	  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
	transition: all 0.5s;
   
}
.Box .Box_con .conbox ul li:hover img {
	transform: scale(1.1);
}
.Box .BoxSwitch {
	margin-top: 30px;
	text-align: center;
}
.Box .BoxSwitch span {
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: middle;
	width: 30px;
	height: 3px;
	background: #ccc;
	margin: 0 5px;
	cursor: pointer;
	border-radius: 4px;
}
.Box .BoxSwitch span.cur {
	background: #0047ab;
}
.Box .Box_con .conbox ul li .typediv{
	top:183px;
	left:0px;
		width:302px;
	
	height: 184px;
	position: absolute;
	border-radius: 8px;
	background:linear-gradient(180deg,#e0e0e0,#fff,#fff,#fff);
	
	
}
.Box .Box_con .conbox ul li .typediv h1{
	font-size:78px;
	color:rgba(75,91,118,0.12);
	font-family: "AlibabaPuHuiTi-M", "Microsoft YaHei";
	margin-top:-10px;
	margin-left:-10px;
}
.Box .Box_con .conbox ul li .typediv h3{
	font-size:18px;
	color:#262c33;
	font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
	font-weight: normal;
	margin-left:28px;
	margin-top:-80px;
	
}
.Box .Box_con .conbox ul li .typediv p{
	font-size:14px;
	font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
	color:#646b74;
	margin-left:28px;
	margin-right:28px;
	margin-top:16px;
	line-height: 24px;
}
.index-banner {
  width: 100%;
  height: 748px;
  background:
url(../img/common/banner12.png) no-repeat center;
}
.rukou{
	width:1646px;
	margin:-60px auto 60px;
	position: relative;
	z-index: 99;
}
.rukou ul{
	display: flex;
	flex-direction: row;
	
}
.rukou ul li{
	width:calc((100% - 80px) / 5);
	border:2px solid #fff;
	background:linear-gradient(180deg,#e4e6e8,#fff);
	height: 150px;
	border-radius: 8px;
	margin-left:20px;
	box-shadow: 0 2px 12px 0 rgba(55,99,170,.15);
	display: flex;
	flex-direction: row;
	cursor: pointer;
}
.rukou ul li:first-child{
	margin-left:0px;
}
.rukou ul li:hover{
	transform: translateY(3px);
	transition: teansform 0.3 ease;
	box-shadow: 0 4px 24px 0 rgba(55,99,170,.2);
}

.rukou ul li .div{
	width:59px;
	height: 59px;
	line-height: 59px;
	text-align: center;
	margin-top:25px;
	margin-left:18px;
}
.rukou ul li .miaoshu{
	margin-left:20px;
	margin-right:18px;
}
.rukou ul li .miaoshu h3{
	font-family: "AlibabaPuHuiTi-M", "Microsoft YaHei";
	font-size:18px;
	color:#161616;
	font-weight: normal;
	padding-top:20px;
}
.rukou ul li:hover .miaoshu h3{
	color:#0047ab;
}
.rukou ul li .miaoshu p{
	font-family: "AlibabaPuHuiTi-R", "Microsoft YaHei";
	font-size:14px;
	color:#646b74;
	margin-top:5px;
}
.tiaozhuan{
  display: block;
  width: 117px;
  height: 40px;
  border:
none;
  background:
linear-gradient(to bottom, #6cb0fb, #0047ab);
  text-align: center;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  border-radius:
8px;
  font-family: "AlibabaPuHuiTi-M", "Microsoft YaHei";
  box-shadow: 1px 1px 8px 2px rgba(0,71,171,0.3);
	line-height: 40px;
	position: absolute;
	bottom:150px;
	left:174px;
}