/* 公共 变量样式值 */
:root {
	/* 按钮背景颜色 */
	--btnColor: #58106a;
	/* 按钮背景颜色2 */
	--btnColor2:#fd7e27;/* #ffa21e; */
	/* 字体颜色 */
	--fontColor: #280734;
	/* 盘点字体颜色 */
	--fontColorPd: #003300;
	/* 字体颜色(浅灰色) */
	--fontColorHs: #969494;
	/* 阴影大小 */
	--bsPx: 5px;
	/* 按钮距底部大小 */
	--footPx: 20px;

	/* 页面背景颜色 */
	--bgColor: #efeff4;
	/* 页面背景颜色，渐变色 */
	/* --bjColor: linear-gradient(to right, #fdf1fd, #edf6fb, #efeff4); */
	--bjColor: linear-gradient(to right, #fdf1fd, #edf6fb, #efeff4, #fdf1fd);

	--iconBj: linear-gradient(to top right, #fdf1fd, #edf6fb, #efeff4, #fdf1fd);
}

.bg {
	background: var(--bjColor);
}

img {
	border: 0;
}

* {
	padding: 0;
	margin: 0;
	list-style: none;
}

.slides {
	width: 100%;
	height: 480px;
	position: relative;
	overflow: hidden;
}

.slideInner {
	width: 100%;
	height: 480px;
	position: relative;
	left: 0;
	margin-left: 0;
}

.slideInner a {
	width: 100%;
	display: block;
	height: 480px;
	background-size: cover;
	background-position: center center;
	position: relative;
	text-align: center;
	z-index: 1;
}

.slideInner a div.img1 {
	width: 1070px;
	position: absolute;
	left: 50%;
	margin-left: -535px;
}

.slideInner a div.img2 {
	width: 1070px;
	position: absolute;
	top: 557px;
	left: 50%;
	margin-left: -535px;
}

.slideInner .slide3 .img2 {
	top: 200px;
}

.slideInner .slide3 .img3 {
	width: 181px;
	height: 286px;
	position: absolute;
	left: 50%;
	margin-left: 330px;
	top: 330px;
}

.nav {
	width: 1200px;
	position: relative;
	left: 50%;
	margin-left: -600px;
	display: none;
}

.nav a {
	display: block;
	width: 41px;
	height: 119px;
	opacity: .2;
	z-index: 9;
}

.nav a.prev {
	position: absolute;
	left: 0;
	top: -350px;
	margin-top: -58px;
	background: url(../img/ban_pre.png) no-repeat;
}

.nav a.next {
	position: absolute;
	right: 0;
	top: -350px;
	margin-top: -58px;
	background: url(../img/ban_next.png) no-repeat;
}

.navListBox {
	position: absolute;
	left: 50%;
	top: 486px;
	z-index: 99;
}

.navListBox li {
	width: 12px;
	height: 12px;
	float: left;
	margin-left: 5px;
	border-radius: 50%;
	overflow: hidden;
}

.navListBox li:first-child {
	margin-left: 0;
}

.navListBox li a {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #fff;
	box-shadow: 0 0 5px #666 inset;
}

.navListBox li a.active {
	background-color: #55ddff;
}


/*???????*/
.product {
	position: fixed;
	top: 7px;
	height: 140px;
	width: 100%;
	background: rgba(244, 242, 242, 0.9);
	z-index: 9999999;
	margin-top: 60px;
	margin-bottom: 30px;
}

.product ul {
	width: 70%;
	height: 100%;
	overflow: hidden;
	padding-top: 0px;
	margin-left: 30%;
}

.product ul li {
	width: 15%;
	float: right;
	text-align: center;
	cursor: pointer;
}

/*.product ul li:hover{
                        background: url('img/dise.png')no-repeat;
                        width: 70%;
                        height: 130px;
                        padding-top: 20px;
                    }*/
.product ul li label {
	color: #666;
}

.move {
	/*background: url('img/dise.png')no-repeat;*/
	height: 137px;
	padding-top: 20px;
	display: block;
	width: 50%;
	margin: 0 auto;
}

.header_parent_wrap header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 88888;
	border-bottom: 1px solid #f5f1f1;
}


.popup {
	width: 55px;
	position: fixed;
	top: 75px;
	right: 0px;
	z-index: 99999;
}

.popup ul li {
	width: 100%;
	float: left;
	cursor: pointer;
}

.popup ul li img {
	width: 100%;
}

.qqlist {
	display: none;
	position: fixed;
	top: 105px;
	left: 0px;
	width: 175px;
	background-color: white;
	z-index: 6666;
}

.qqlist ul {
	width: 100%;
	margin: 0 auto;
	margin-top: 0px;
}

.qqlist ul li {
	width: 50%;
	float: left;
	padding: 0 10px;
	cursor: pointer;
	display: none;
}

.qqlist ul li:first-child {
	width: 100%;
	display: block;
}

.qqlist ul li:last-child {
	width: 100%;
}

/*.qqlist ul li:nth-child(8) {
                        width: 100%;
                    }
                    .qqlist ul li:nth-last-child(2) {
                        width:100%;
                    }*/
.qqlist ul li a {
	color: #3a3838;
	width: 100%;
	margin: 0 auto;
	display: block;
}

.qqlist ul li p {
	margin: 0px;
	position: relative;
	padding-top: 0px;
	padding-bottom: 0px;
	cursor: pointer;
}

.qqlist ul li p label {
	vertical-align: middle;
	padding-left: 25px;
	cursor: pointer;
	font-size: 12px;
}

.qqlist ul li p img {
	position: absolute;
	top: 2%;
	cursor: pointer;
}

.ShowEwm {
	position: fixed;
	top: 80px;
	right: 60px;
	display: none;
	z-index: 9999999999;
}

.ShowEwm img {
	width: 100%;
}

.qqlist ul li:hover {
	background-color: #ffc107;
}

.open {
	position: absolute;
	width: 40px;
	top: 4px;
	right: 6px;
	display: none;
}

.open2 {
	position: absolute;
	width: 40px;
	top: 2px;
	right: 6px;

}

.send8:hover {
	cursor: pointer;
}

.header {
	width: 100%;
	/* position: fixed; */
	height: 105px;
	/* background-color: #2e3674; */
	background: var(--bjColor);
	z-index: 888;
}

.HeaderContent {
	width: 70%;
	margin: 0 auto;
	position: relative;
	height: 100%;
	overflow: hidden;
}

.logo2 {
	width: 186px;
	position: absolute;
	top: 0px;
	left: 3%;
}

.tel {
	position: absolute;
	top: 10px;
	right: 3%;
}

.tel a {
	/* display: none; */
}

.tel img {
	width: 30px;
	vertical-align: middle;
	background: var(--btnColor);
	border-radius: 50px;
}

.tel p {
	display: inline-block;
	vertical-align: middle;
	margin: 0px;
}

.tel p label {
	display: block;
	font-size: 14px;
	/* color: white; */
}

.tel p i {
	font-size: 16px;
	/* color: white; */
}

.MenuList {
	margin-top: 65px;
}

.MenuList ul {
	width: 100%;
}

.MenuList ul li {
	width: 8.3%;
	float: left;
	text-align: center;
	color: var(--btnColor2);
	cursor: pointer;
	height: 40px;
	line-height: 40px;
}

.hide {
	display: none;
}

.yellow {
	color: var(--btnColor2) !important;
}

.actived {
	/* background-color: #3d459a; */
	background: var(--btnColor);
	color: white !important;
}

.MenuList ul li a {
	width: 70%;
	border-radius: 5px;
	display: block;
	/* border: 1px solid white; */
	color: white;
	/* padding: 7px 0px; */
	height: 30px;
	line-height: 30px;
	margin: 0 auto;
	margin-top: 4px;
}

.MenuList ul li:last-child a {
	background-color: #fe9e16;
	border: 0px;
}

.register {
	position: fixed;
	bottom: 75px;
	left: 0px;
	text-align: center;
}

.register a {
	display: block;
	color: white;
	width: 170px;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	background-color: #fe9e16;
	cursor: pointer;
}

.popup2 {
	height: 500px;
	width: 545px;
	position: fixed;
	top: -100%;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
	transition: all 1s;
	z-index: 99999;
	/*background:url('img/a4.jpg') no-repeat;
            background-size:100% 100%;*/
}

.popup2 .pop {
	width: 100%;
	border-radius: 5px;
}

.popup2 .delete {
	width: 40px;
	position: absolute;
	right: -45px;
	top: -40px;
	cursor: pointer;
}

.mask2 {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 998;
	background-color: rgba(0, 0, 0, .6);
	cursor: pointer;
}

.animate2 {
	top: 0px;
	transition: 1s all;
}

.yellow2 {
	background-color: #fe9e16;
	border-radius: 5px;
	width: 7.3% !important;
	margin-left: 30%;
	margin-right: 0.5%;
}

#yunque_window-wrapper {
	width: 275px !important;
}

.Btn {
	margin-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	position: relative;
}

.mianfei {
	width: 200px !important;
	margin-bottom: 15px;
}

.openUrl {
	position: absolute;
	display: block;
	font-size: 28px;
	color: black;
	font-weight: bold;
	width: 36%;
	height: 90px;
	line-height: 90px;
	left: 0px;
	right: 0px;
	/* top: 0px; */
	bottom: 0;
	margin: auto;
	text-align: center;
	background-color: #fcc302;
	border-radius: 5px;
}



/* <style> 回到顶部*/
.box {
	position: fixed;
	right: 10px;
	bottom: 10px;
	height: 50px;
	width: 50px;
	text-align: center;
	padding-top: 20px;
	background-color: lightblue;
	border-radius: 52%;
	overflow: hidden;
}

.box:hover:before {
	top: 50%
}

.box:hover .box-in {
	visibility: hidden;
}

.box:before {
	position: absolute;
	top: -50%;
	left: 50%;
	transform: translate(-50%, -50%);
	content: '回到顶部';
	width: 40px;
	color: peru;
	font-weight: bold;
}

.box-in {
	visibility: visible;
	display: inline-block;
	height: 20px;
	width: 20px;
	border: 3px solid black;
	border-color: white transparent transparent white;
	transform: rotate(45deg);
}

/* </style> */