* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
    font-family: Microsoft YaHei;
}

html,
body {
	width: 100%;
	height: 100%;
}

li {
	list-style: none;
	display: inline-block;
	font-size: 0;
}

a {
	text-decoration: none;
}

@font-face {
	font-family: 'iconfont';
	src: url('../../lib/iconfont/iconfont.eot');
	src: url('../../lib/iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
	url('../../lib/iconfont/iconfont.woff2') format('woff2'),
	url('../../lib/iconfont/iconfont.woff') format('woff'),
	url('../../lib/iconfont/iconfont.ttf') format('truetype'),
	url('../../lib/iconfont/iconfont.svg#iconfont') format('svg');
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.btn {
	height: 40px;
	line-height: 40px;
	opacity: 1;
	background: #0099cc;
	border-radius: 4px;
	border: 0;
	font-weight: 18px;
	font-size: 18px;
	padding: 0 20px;
	color: #FFFFFF;
	opacity: 1;
	font-weight: 500;
	outline: none;
}

.swiper {
	width: 100%;
	overflow: hidden;
	font-size: 0;
}

.swiper img {
	width: 100%;
}

.myswiper .swiper-container img {
	width: 100%;
}

.container .home-content .swiper-container {
	width: 100%;
	height: 100%;
	position: relative;
	cursor: pointer;
}
.pagination {
	position: absolute;
	z-index: 20;
	left: 50%;
	margin-left: -50px;
	bottom: 20px;
	width: 100px;
	text-align: center;
}

.container .pagination .swiper-pagination-switch {
	display: inline-block;
	width: 13px;
	height: 13px;
	background: #fff;
	border-radius: 50%;
	margin-right: 11px;
	border: 0;
	cursor: pointer;
}

.container .pagination .swiper-pagination-switch:last-child {
	margin-right: 0;
}

.container .pagination .swiper-visible-switch {
	background: #FFF;
}

.container .pagination .swiper-active-switch {


	background: #FFF;
}

.swiper-pagination-switch {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background: #222;
	margin-right: 5px;
	opacity: 0.8;
	border: 1px solid #fff;
	cursor: pointer;
}

.swiper-visible-switch {
	background: #aaa;
}

.swiper-active-switch {
	background: #fff;
}

.container .pagination img {
	width: 100%;
	text-align: center;
}

.container {
	width: 100%;
	/* overflow-x: hidden; */
	height: 100%;
	max-width: 1920px;
    margin: 0 auto;
	/* min-width: 880px;
	min-height: 600px; */
	min-width: 1366px;
	/* min-height: 768px; */
}

.container .home {
	padding-top: 80px;
}

.container .home .home-content {
	height: auto;
}

/* 首页 */

/* menu */

.header-page {
	height: 80px;
	line-height: 80px;
	background: #0099cc;
	width: 100%;
	position: fixed;
	z-index: 9999;
    left: 0;
    top: 0;
	border-bottom: 0px solid #04ebf3;
}
.banner {
	width: 1200px;
	height: 100%;
	margin: 0 auto;
}
.header-page .header-left {
	float: left;
	height: 80px;
	margin-right: 109px;

}
.header-page .header-left>img{
	height: 48px;
	vertical-align: middle;
	/*cursor: pointer;*/
}
.header-page .header-center {
	float: left;
	/*width: auto;*/
	margin: 0 auto;
	height: 80px;
	line-height: 80px;
}

.header-center>ul>li {
	float: left;
	margin: 0 auto;
	height: 80px;
	line-height: 80px;
	margin-right: 59px;		
}

.header-center>ul>li:last-child {
	margin-right: 0;
}

.header-center>ul a {
	border-bottom: 0px solid #fff;	
	padding: 6px 12px 6px 12px;
	font-size: 18px;
	font-weight: 400;
	font-weight:bold;
	color: #04ebf3;
	opacity: 1;
}

.header-center>ul a:hover {
	color: #fff;
}

.header-center>ul a.selected {
	/*background-color: #e9effa;	
	border-top: 12px solid #0099cc;
	padding: 5px 10px 16px 10px;*/
	border-bottom: 2px solid #fff;	
	padding: 6px 8px 6px 8px;
	font-weight:bold;
	color: #fff;
	cursor: pointer;
}


.header-page .header-right {
	height: 100%;
	float: right;
	font-size: 0;
	vertical-align: middle;
}

.header-page .header-right>a {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
}
.header-page .header-right .goto {
	vertical-align: baseline;
}

.header-page .header-right>a:last-child {
	margin-left: 12px;
}

.header-page a .btn {
	cursor: pointer;
}

.header-page a:first-child .btn {
	background: #04ebf3;
	border: 1x solid #336699;
	color: #fff;
}
.header-page a:last-child .btn {
	background: #fff;
	border: 1px solid #336699;
	color: #04ebf3;
}

/* gotop */

.header-sd{
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.08);
}

.container  #returntop {
	position: fixed;
	bottom: 72px;
	right: 0;
	background-color: #fff;
	z-index: 20;
	width: 80px;
}

.container .aside li {
	display: block;
	background: #0099cc;
	margin-bottom: 1px;
}

.container .aside li:nth-child(2) {
	position: relative;
}

.container .aside .aside_tel {
	position: absolute;
	width: 130px;
	height: 80px;
	background-color: #0099cc;
	border: 2px solid #fff;
	left: -130px;
	box-shadow: 0px 0px 16px rgba(55, 121, 234, 0.3);
	-webkit-box-shadow: 0px 0px 16px rgba(55, 121, 234, 0.3);
	-moz-box-shadow: 0px 0px 16px rgba(55, 121, 234, 0.3);
	padding: 20px 0;
	top: 0;
	display: none;
}

.container .aside li:nth-child(2):hover .aside_tel {
	display: block;

}

.container .aside .aside_tel p {
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	opacity: 1;
	text-align: center;
	height: 20px;
}

.container .aside li:last-child {
	margin-bottom: 0;
}

.container .aside .aside-content {
	display: inline-block;
	width: 80px;
	height: 80px;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	color: #FFF;
	opacity: 0.8;
	line-height: 103px;
	cursor: pointer;
}

.container .aside .aside1 {
	background: url(../images/onlineper1.png) no-repeat center 17px;
}

.container .aside .aside2 {
	background: url(../images/tel1.png) no-repeat center 17px;
}

.container .aside .aside3 {
	background: url(../images/free1.png) no-repeat center 17px;
}

.container .aside .aside4 {
	background: url(../images/top1.png) no-repeat center 17px;
}

.container .aside li:hover {
	background-color: #0099cc;
}

.container .aside li:hover .aside-content {
	color: #fff;
}

/* 01 */



.home-explain {
	width: 100%;
	height: 480px;
	line-height: 480px;
}

.home-explain .banner {
	font-size: 0;
}

.home-explain .home-explain-left {
	float: left;
	width: 547px;
	margin-top: 120px;
}
.home-explain-left .ygz{color: #0099cc;}

.home-explain .home-explain-left .home-explain-content {
	font-size: 20px;
	font-weight: 400;
	line-height: 28px;
	color: #595959;
	opacity: 1;
}


.home-explain .home-explain-left div:first-child {
	font-size: 26px;
	font-weight: bold;
	color: #262626;
	opacity: 1;
	height: 40px;
	line-height: 53px;
	letter-spacing: 2px;
	background: url(../images/quote_marks.png) no-repeat;
	padding-left: 57px;
	margin-bottom: 15px;
}

.home-explain .home-explain-left div:nth-child(3) {
	height: 22px;
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	color: #595959;
	opacity: 1;
	margin-top: 18px;
}

.home-explain .home-explain-right {
	float: right;
}

.home-explain .home-explain-right>img {
	box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.19);
	vertical-align: middle;
}

/* 2 */
.home .home-trouble {
	height: 560px;
	width: 100%;
	background: url(../images/home_trouble.png) no-repeat top center;
}

.home .home-trouble .home-trouble-top {
	width: 324px;
	height: 177px;
	font-size: 36px;
	font-weight: bold;
	line-height: 177px;
	color: #FFF;
	opacity: 1;
	text-align: center;
	width: 100%;

}

.home .home-trouble .home-trouble-bottom {
	height: 270px;
	font-size: 0;

}

.home .home-trouble li {
	font-size: 16px;
	margin-right: calc(150px / 4);
	background: #FFF;

	text-align: center;
	padding: 38px 24px 0;
	float: left;
	width: 210px;
	height: 270px;
	cursor: pointer;
}

.home .home-trouble li:last-child {
	margin-right: 0;
}

.home .home-trouble li:hover {
	background: #0099cc;
}

.home .home-trouble li .bgc {
	width: 100%;
	height: 110px;
}

.home .home-trouble li:hover .bgc {
	width: 100%;
	height: 110px;
}

.home .home-trouble li .bgc1 {
	background: url(../images/time1.png) no-repeat top center;
}

.home .home-trouble li:hover .bgc1 {
	background: url(../images/time2.png) no-repeat top center;

}

.home .home-trouble li .bgc2 {
	background: url(../images/kucun1.png) no-repeat top center;
}

.home .home-trouble li:hover .bgc2 {
	background: url(../images/kucun2.png) no-repeat top center;
}

.home .home-trouble li .bgc3 {
	background: url(../images/tongbu1.png) no-repeat top center;
}

.home .home-trouble li:hover .bgc3 {
	background: url(../images/tongbu2.png) no-repeat top center;

}

.home .home-trouble li .bgc4 {
	background: url(../images/duizhang1.png) no-repeat top center;
}

.home .home-trouble li:hover .bgc4 {
	background: url(../images/duizhang2.png) no-repeat top center;
}

.home .home-trouble li .bgc5 {
	background: url(../images/juece1.png) no-repeat top center;
}

.home .home-trouble li:hover .bgc5 {
	background: url(../images/juece2.png) no-repeat top center;
}

.home .home-trouble li .title {
	font-size: 24px;
	font-weight: 400;
	color: #595959;
	opacity: 1;
	text-align: center;
	margin-bottom: 10px;
}

.home .home-trouble li:hover .title {
	color: #FFFFFF;
	opacity: 1;
}

.home .home-trouble li .content {
	width: 160px;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	color: #9F9F9F;
	opacity: 1;
}

.home .home-trouble li:hover .content {
	color: #FFFFFF;
	opacity: 1;
}

/* .home .home-trouble li>a {
	padding: 38px 24px 0;
	display: inline-block;
	width: 210px;
	height: 270px;
} */

/* 3 */
.home .home-solution {
	height: 650px;
	width: 100%;
}
.home .home-solution .top {
	height: 120px;
	line-height: 120px;
	font-size: 36px;
	font-weight: bold;
	color: #262626;
	opacity: 1;
	width: 100%;
	text-align: center;
}

.home .home-solution .banner {
	position: relative;
	padding-top: 0px;
	padding-bottom: 300px;		
}

.home .home-solution .circle {
	width: 433px;
	height: 433px;
	line-height: 433px;
	border: 3px solid #ccc;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	margin-left: -216.5px;
}

.home .home-solution .circle-inner {
	width: 272px;
	height: 272px;
	line-height: 272px;
	background: linear-gradient(180deg, #71D7F8 0%, #0099cc 100%);
	border-radius: 50%;
	opacity: 1;
	margin: 80.5px auto 0;
	position: relative;
}

.home .home-solution .number {
	position: absolute;
	width: 42px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	background: #0099cc;
	border-radius: 50%;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
}

.home .home-solution .number:nth-child(1),
.home .home-solution .number:nth-child(5) {
	left: -21px;
}

.home .home-solution .number:nth-child(2),
.home .home-solution .number:nth-child(6) {
	right: -21px;
}

.home .home-solution .number:nth-child(1),
.home .home-solution .number:nth-child(2) {
	top: -50px;
}

.home .home-solution .number:nth-child(3),
.home .home-solution .number:nth-child(4) {
	top: 113px;
}

.home .home-solution .number:nth-child(3) {
	left: -102.5px;
}

.home .home-solution .number:nth-child(4) {
	right: -100.5px;
}

.home .home-solution .number:nth-child(5),
.home .home-solution .number:nth-child(6) {
	bottom: -50px;
}

.home-solution .circle-inner .circle-content {
	position: absolute;
	top: 80px;
	width: 100%;
}

.home-solution .circle-inner .circle-content p:first-child {
	width: 120px;
	height: 56px;
	font-size: 40px;
	font-weight: bold;
	line-height: 56px;
	color: #336699;
	text-shadow: 0px 3px 6px rgba(5, 75, 101, 0.39);
	opacity: 1;
	text-align: center;
	width: 100%;
}

.home-solution .circle-inner .circle-content p:last-child {
	height: 56px;
	font-size: 40px;
	/*font-family: PingFang SC;*/
	font-weight: bold;
	line-height: 56px;
	color: #fff;
	text-shadow: 0px 3px 6px rgba(3, 59, 101, 0.41);
	opacity: 1;
	text-align: center;
	width: 100%;
}

.home-solution .banner .explain {
	height: 56px;
	/*width: 56px;
	border-radius: 0%;	*/
	font-size: 18px;
	font-weight: 500;
	color: #595959;
	line-height: 56px;
	background: #EEF4FF;
	border: 1px solid #0099cc;
	text-align: center;
	display: inline-block;
	position: absolute;
}
/*
.home-solution .banner .explain:nth-child(2n) {
	border-radius: 35px 35px 35px 0px;

}

.home-solution .banner .explain:nth-child(2n+1) {
	border-radius: 35px 35px 0px 35px;

}
*/
.home-solution .banner .explain:first-child {
	border-radius: 35px 35px 0px 35px;	
	left: 32px;
	top: 10px;
	padding: 0 23px;
}

.home-solution .banner .explain:nth-child(2) {
	border-radius: 35px 35px 35px 0px;
	right: 19px;
	top: 10px;
	padding: 0 21px 0 20px;
}

.home-solution .banner .explain:nth-child(3) {
	border-radius: 35px 0px 0px 35px;
	left: 30px;
	top: 160px;
	height: 112px;
	width: 320px;
	line-height: 56px;
	padding: 0 24px 0 20px;
}

.home-solution .banner .explain:nth-child(4) {
	border-radius: 0px 35px 35px 0px;
	right: 30px;
	top: 160px;
	height: 112px;
	width: 320px;
	line-height: 56px;	
	padding: 0 19px 0 21px;

}

.home-solution .banner .explain:nth-child(5) {
	border-radius: 35px 0px 35px 35px;
	left: 21px;
	top: 380px;
	padding: 0 20px;

}

.home-solution .banner .explain:nth-child(6) {
	border-radius: 0px 35px 35px 35px;
	right: -15px;
	top: 380px;
	padding: 0 21px 0 19px;

}

/* 4 */
.home .home-oprate {
	width: 100%;
	height: 180px;
	background: linear-gradient(270deg, #71D7F8 0%, #0099cc 100%);
	opacity: 1;
	line-height: 180px;
	text-align:center;
}
.home .home-oprate .home-oprate-left {
	float: left; width:100%
}
.home-oprate .home-oprate-left .top {
	font-size: 34px;
	font-weight: bold;
	line-height: 52px;
	color: #F1F148;
	text-shadow: 0px 6px 6px rgba(0, 33, 71, 0.27);
	opacity: 1;
	padding-top: 49px;
}
.home-oprate .home-oprate-left .bottom {
	font-size: 24px;
	font-weight: bold;
	line-height: 31px;
	color: #FFF;
	text-shadow: 0px 6px 6px rgba(0, 33, 71, 0.27);
	opacity: 1;
}
.home .home-oprate .home-oprate-right {
	float: right;
	/* height: 180px; */
}
.home-oprate .home-oprate-right a {
	display: inline-block;
	line-height: 64px;
	height: 64px;
}
.home-oprate .home-oprate-right .btn {
	height: 64px;
	line-height: 64px;
	background: #FFFFFF;
	opacity: 1;
	border-radius: 4px;
	font-size: 24px;
	font-weight: 500;
	color: #0099cc;
	cursor: pointer;
}

/* 5 */

.home .home-advantage {
	height: 490px;
	background-color: #FFFFFF;
}
.home-advantage .top {
	height: 190px;
	line-height: 190px;
	font-size: 36px;
	font-weight: bold;
	color: #262626;
	opacity: 1;
	width: 100%;
	text-align: center;
}
.home-advantage .bottom {
	font-size: 0;
}
.home-advantage .bottom li {
	display: inline-block;
	margin-right: 64px;
	display: inline-block;
	width: 252px;
	height: 300px;
	text-align: center;
	/* background-color: palegreen; */
}
.home-advantage .bottom li:last-child {
	margin-right: 0;
}
.home-advantage .bottom .pic {
	width: 130px;
	height: 130px;
	background: rgb(234, 241, 253);
	border-radius: 100px;
	margin: 0 auto;
	line-height: 130px;
	padding: 10px 0;
}
.home-advantage .pic .pic-bg {
	width: 110px;
	height: 110px;
	background: linear-gradient(180deg, #71D7F8 0%, #0099cc 100%);
	opacity: 1;
	border-radius: 100px;
	margin: 0 auto;
}
.home-advantage .pic .mypic,
.home-advantage .pic .mypic1,
.home-advantage .pic .mypic2,
.home-advantage .pic .mypic3{
	-webkit-transition: -webkit-transform 0.5s ease-out;
	-moz-transition: -moz-transform 0.5s ease-out;
	-o-transition: -o-transform 0.5s ease-out;
	-ms-transition: -ms-transform 0.5s ease-out;
}
.home-advantage .pic1:hover .mypic,
.home-advantage .pic2:hover .mypic1,
.home-advantage .pic3:hover .mypic2,
.home-advantage .pic4:hover .mypic3{
	-webkit-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg);
	-o-transform: rotateZ(360deg);
	-ms-transform: rotateZ(360deg);
	transform: rotateZ(360deg);
	cursor: pointer;
}
.home-advantage .pic .mypic {
	background: url(../images/deng.png) no-repeat center;
	height: 110px;

}
.home-advantage .pic .mypic1 {
	background: url(../images/deng1.png) no-repeat center;
	height: 110px;
}
.home-advantage .pic .mypic2 {
	background: url(../images/deng2.png) no-repeat center;
	height: 110px;
}
.home-advantage .pic .mypic3 {
	background: url(../images/deng3.png) no-repeat center;
	height: 110px;
}
.home-advantage .bottom .title {
	font-size: 24px;
	font-weight: bold;
	line-height: 33px;
	color: #595959;
	opacity: 1;
	margin: 18px 0 4px;
}
.home-advantage .bottom .content {
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	color: #9F9F9F;
	opacity: 1;
}

/* 6 */

.home-introduce {
	height: 500px;
	background: url(../images/home-introduce.png) no-repeat top center;
}

.home-introduce .banner {
	text-align: center;
	padding-top: 105px;
}

.home-introduce .top {
	height: 86px;
	font-size: 49px;
	font-weight: 500;
	line-height: 86px;
	color: #FFF;
	text-shadow: 0px 6px 6px rgba(0, 33, 71, 0.27);
	opacity: 1;
	font-family: YouSheBiaoTiHei;
}

.home-introduce .center {
	/* width: 502px; */
	height: 45px;
	font-size: 28px;
	/* font-family: PingFang SC; */
	font-weight: 400;
	line-height: 45px;
	color: #FFFFFF;
	text-shadow: 0px 6px 6px rgba(0, 33, 71, 0.27);
	/* letter-spacing: 130px; */
	opacity: 1;
}

.home-introduce .banner>a {
	height: 64px;
	line-height: 64px;
	display: inline-block;
	cursor: pointer;
	margin-top: 89px;
	border-radius: 4px;
}

.home-introduce .btn {
	height: 64px;
	line-height: 64px;
	background: #0099cc;
	border-radius: 4px;
	font-size: 24px;
	font-weight: 400;
	line-height: 33px;
	color: #FFF;
	opacity: 1;
	cursor: pointer;
}
.home-introduce .btn:hover {background: #fff; color:#0099cc;}

/* 7 */

.home-breach {
	height: 500px;
	background: url(../images/home_breach.png) no-repeat top center;
}

.home-breach .banner .top {
	height: 210px;
	font-size: 36px;
	font-weight: bold;
	line-height: 50px;
	color: #262626;
	opacity: 1;
	width: 100%;
	text-align: center;
	padding: 100px 0 60px;
}

.home-breach .banner .bottom {
	font-size: 0;
}

.home-breach .bottom li {
	width: 386px;
	height: 170px;
	background: #f6f9ff;
	box-shadow: 0px 6px 10px #333;
	-webkit-box-shadow: 0px 6px 10px #444;
	-moz-box-shadow: 0px 6px 10px #555;
	opacity: 1;
	margin-right: 21px;
}
.home-breach .bottom li:hover {
	cursor: pointer;
	background: #fff;	
	box-shadow: 0px 3px 10px #000;
	/*-webkit-box-shadow: 0px 3px 10px #000;
	/*-moz-box-shadow: 0px 6px 20px #ff0000;*/
}

.home-breach .bottom li:last-child {
	margin-right: 0;
}

.home-breach .bottom .bottom-left,
.home-breach .bottom .bottom-right {
	display: inline-block;
	height: 100%;
}

.home-breach li:first-child .bottom-left {
	width: 96px;
	background: url(../images/hour.png) no-repeat center;
}

.home-breach li:nth-child(2) .bottom-left {
	width: 102px;
	background: url(../images/space.png) no-repeat center;
}

.home-breach li:nth-child(3) .bottom-left {
	width: 92px;
	background: url(../images/tool.png) no-repeat center;
}

.home-breach .bottom .bottom-right {
	height: 170px;
	line-height: 170px;
	float: right;
	text-align: left;
}

.home-breach li:first-child .bottom-right {
	width: 290px;
}

.home-breach li:nth-child(2) .bottom-right {
	width: 284px;
}

.home-breach li:nth-child(3) .bottom-right {
	width: 294px;
}

.home-breach .bottom-right .title {
	height: 33px;
	font-size: 24px;
	font-weight: 400;
	line-height: 33px;
	color: #262626;
	opacity: 1;
	margin: 47px 0 5px;
}

.home-breach .bottom-right .content {
	height: 38px;
	font-size: 16px;
	font-weight: 400;
	line-height: 21px;
	color: #9F9F9F;
	opacity: 1;
}

/* 8 */

.home-service {
	height: 320px;
	background: linear-gradient(90deg, #71D7F8 0%, #0099cc 100%);
	opacity: 1;
}

.home-service .banner {
	text-align: center;
	padding: 56px 0 65px;
	position: relative;
}

.home-service .banner .bg1 {
	position: absolute;
	width: 302px;
	height: 276px;
	background: url("../images/home-service1.png") no-repeat;
	bottom: 0;
	left: -28px;
}

.home-service .banner .bg2{
	position: absolute;
	width: 258px;
	height: 218px;
	background: url("../images/home-service2.png") no-repeat;
	top: 5px;
	right: 8px;
}

.home-service .banner .top {
	/* margin-top: 56px; */
	height: 33px;
	font-size: 24px;
	font-weight: bold;
	line-height: 33px;
	color: #FFFFFF;
	opacity: 1;
}

.home-service .top>span {
	width: 34px;
	height: 34px;
	background: #F1F148;
	border-radius: 50%;
	display: inline-block;
	opacity: 1;
	line-height: 34px;
	font-size: 26px;
	font-weight: 400;
	color: #0099cc;
}

.home-service .center {
	text-shadow: 0px 8px 6px #666;
	height: 91px;
	font-size: 52px;
	font-weight: 400;
	line-height: 91px;
	color: #F1F148;
}

.home-service .bottom a {
	display: inline-block;
	height: 48px;
	line-height: 48px;
	border-radius: 4px;
}

.home-service .bottom a>.btn {
	height: 64px;
	line-height: 64px;
	font-size:24px;
	background: #FFF;
	cursor: pointer;
	color: #0099cc;
	margin-top: 17px;
}
.home-service .bottom a>.btn:hover {background: #0099cc; color:#fff; border: 1px solid #fff;}


/*---// footer page //------*/
.footer-page {
	width: 100%;
	height: 196px;
	background: #666;
	border-bottom: 10px solid #444;
	opacity: 1;
}

.footer-page .banner {
	padding: 37px 0 41px;
}

.footer-page .left {
	float: left;
	height: 118px;
}

.footer-page .right {
	float: right;
	text-align: left;
}

.footer-page .leftul {
	margin-right: 74px;
}

.footer-page .leftul,
.footer-page .rightul {
	display: inline-block;
	height: 100%;
	font-size: 0;
}

.footer-page .leftul>li,
.footer-page .rightul>li {
	height: calc(100% / 3);
	height: 22px;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	color: #ccc;
	opacity: 1;
}
.footer-page .leftul>li>a{color:#ccc;}
.footer-page .leftul>li>a:hover, .footer-page .footer_thing>li>a:hover{color:#04ebf3;}
.footer-page .leftul .footer_thing {width: 386px;}
.footer-page .leftul .footer_thing>li {
	width: 68px;
	height: 100%;
	margin-right: 33px;
}

.footer-page .footer_thing>li:last-child {
	margin-right: 0;
}

.footer-page .footer_thing>li>a {
	font-size: 14px;
	display: inline-block;
	font-weight: 400;
	color: #ccc;
	opacity: 1;
	cursor: pointer;
}

.footer-page .rightul>li,
.footer-page .leftul>li {
	display: block;
	margin-bottom: 26.2px;

}

.footer-page .rightul>li:last-child {
	margin-bottom: 0;
}


.footer-page .right .right-title1,
.footer-page .right .right-title2 {
	width: 10px;
	font-size: 10px;
	display: inline-block;
	font-weight: 400;
	line-height: 14px;
	color: #ccc;
	opacity: 1;
}

.footer-page .right .right-title2 {
	margin: 0 11px 0 3px;
}

.footer-page .right .myimg {
	width: 90px;
	text-align: center;
	display: inline-block;
	vertical-align: top;
}

.footer-page .right img {
	width: 90px;
	height: 90px;
	vertical-align: text-top;
}

.footer-page .right .xiazai {
	height: 22px;
	font-size: 16px;
	/*font-family: PingFang SC;*/
	font-weight: 400;
	line-height: 22px;
	color: #ccc;
	opacity: 1;
	margin-top: 6px;
}

/* 关于我们 */
.aboutus {
	width: 100%;
	height: 759px;
}

.aboutus .banner {
	padding-top: 76px;

}



.aboutus .banner>.pinyin {
	/* margin-top: 76px; */
	width: 100%;
	height: 38px;
	font-size: 34px;
	font-family: Arial;
	font-weight: 400;
	line-height: 39px;
	color: #9F9F9F;
	opacity: 0.3;
	text-align: center;
}

.aboutus .banner>.title {
	height: 31px;
	font-size: 24px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 31px;
	color: #262626;
	opacity: 1;
	text-align: center;
	width: 100%;
	margin: 10px auto 40px;
}

.aboutus .banner>.content {
	font-size: 0;
	height: 320px;
	line-height: 320px;
}

.aboutus .content .content-left {
	display: inline-block;
	width: calc(100% - 552px);
	padding-right: 57px;
	vertical-align: middle;
}

.aboutus .content .content-right {
	float: right;
	height: 320px;
}

.aboutus .banner>.content-right img {
	width: 552px;
	height: 320px;
	vertical-align: middle;
}

.aboutus .content .content-left>p {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 28px;
	color: #595959;
	opacity: 1;
	text-indent: 2em;
}

.aboutus .banner>.content {
	margin-bottom: 88px;
}

.aboutus .banner>.bottom {
	font-size: 0;
}

.aboutus .bottom li {
	width: 270px;
	height: 124px;
	margin-right: 40px;
	text-align: center;
}

.aboutus .bottom li:first-child {
	background: #0099cc;
}

.aboutus .bottom li:nth-child(2) {
	background: #EFB569;
}

.aboutus .bottom li:nth-child(3) {

	background: #E95E5E;
}

.aboutus .bottom li:last-child {
	margin-right: 0;
	background: #AA73EB;
}

.aboutus .bottom li>p {
	width: 49px;
	font-family: Microsoft YaHei;
	color: #FFFFFF;
	opacity: 1;
	text-align: center;
	width: 100%;
}

.aboutus .bottom li>p:first-child {
	font-size: 24px;
	height: 30px;
	line-height: 31px;
	font-weight: 300;
	margin: 30px auto 9px;
}

.aboutus .bottom li>p:last-child {
	height: 21px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 21px;
}

/* 客户案例 */
.menu {
	background: #F8F8F8;
	height: 492px;

}

.case_menu .menu {
	opacity: 1;
}

.customer-case .banner {
	padding-top: 45px;
}

.customer-case .banner .pingyin {
	height: 38px;
	font-size: 34px;
	font-family: Arial;
	font-weight: 400;
	line-height: 39px;
	color: #9F9F9F;
	opacity: 0.31;
	text-align: center;
}

.customer-case .banner .title {
	height: 31px;
	font-size: 24px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 31px;
	color: #262626;
	opacity: 1;
	text-align: center;
	margin: 10px auto 30px;
}

.customer-case .banner .case_menu {
	font-size: 0;
}

.customer-case .case_menu li {
	width: 240px;
	display: inline-block;
	text-align: center;
	margin: 0 auto 30px;
}

.customer-case .case_menu li:nth-child(5n) {
	margin-right: 0;
}

.customer-case .case_menu li:nth-child(5n+6) {
	margin: 0 auto;
}

.customer-case .case_menu a {
	display: inline-block;
	width: 88px;
	cursor: pointer;
	text-align: center;
}

.customer-case .case_menu .img {
	width: 88px;
	height: 88px;
	opacity: 1;
	border-radius: 100px;
	margin-bottom: 12px;
}

.customer-case li:nth-child(1) .img {
	background: #FFFFFF url(../images/case1.png) no-repeat center;
}

.customer-case li:nth-child(2) .img {
	background: #FFFFFF url(../images/case2.png) no-repeat center;
}

.customer-case li:nth-child(3) .img {
	background: #FFFFFF url(../images/case3.png) no-repeat center;
}

.customer-case li:nth-child(4) .img {
	background: #FFFFFF url(../images/case4.png) no-repeat center;
}

.customer-case li:nth-child(5) .img {
	background: #FFFFFF url(../images/case5.png) no-repeat center;
}

.customer-case li:nth-child(6) .img {
	background: #FFFFFF url(../images/case6.png) no-repeat center;
}

.customer-case li:nth-child(7) .img {
	background: #FFFFFF url(../images/case7.png) no-repeat center;
}

.customer-case li:nth-child(8) .img {
	background: #FFFFFF url(../images/case8.png) no-repeat center;
}

.customer-case li:nth-child(9) .img {
	background: #FFFFFF url(../images/case9.png) no-repeat center;
}

.customer-case li:nth-child(10) .img {
	background: #FFFFFF url(../images/case10.png) no-repeat center;
}

.customer-case .case_menu .img-tit {
	height: 21px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 21px;
	color: #595959;
	opacity: 1;
	text-align: center;
}

.customer-case .case1,
.customer-case .case2 {
	height: 380px;
}

#jiushui {
	background-color: rgb(246, 253, 253);
}

#jiancai,
#baihuo,
#canyin,
#shuma,
#shuichan {
	background-color: #fff;
}

#qixiu {

	background-color: #f6f8ff;
}

#xiemao {
	background-color: #fff8f9;
}

#wanju {
	background-color: #fffcf8;
}

#huazhuang {
	background-color: #fef9fe;
}

#qixiu span {
	color: #6583FB;
}

#jiancai span {
	color: #63CDFF;
}

#baihuo span {
	color: #B573F6;
}

#xiemao span {
	color: #F85671;
}

#canyin span {
	color: #FB805A;
}

#wanju span {
	color: #F5B24D;
}

#shu span {
	color: #9EE667
}

#huazhuang span {
	color: #E667DE;
}

#shuichan span {
	color: #4EB6FB;
}


.customer-case .case1 .left {
	float: left;
	padding-top: -10px;
	width: 593px;
}

.customer-case .case2 .right {
	float: right;
	padding-top: -10px;
	width: 593px;
}

.customer-case .case1 .title,
.customer-case .case2 .title {
	height: 24px;
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 24px;
	color: #262626;
	opacity: 1;
	text-align: left;
	margin: 0 0 20px;
}

.customer-case .left span,
.customer-case .right span {
	color: #6DDCD1;
	font-weight: 600;
}

.customer-case .left, .customer-case .right {vertical-align: middle;}
.customer-case .left .content p,
.customer-case .right .content p {
	vertical-align: middle;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 150%;
	color: #595959;
	opacity: 1;
}


.customer-case .case1 .right {
	float: right;
}

.customer-case .case2 .left {
	float: left;
}

.customer-case .case1 .right img,
.customer-case .case1 .left img {
	vertical-align: middle;
	width: 539px;
	height: 300px;
}

/* ERP产品 */
.product-center .product-affect {
	width: 100%;
	height: 690px;
	background-color: #fff;
}

.product-center .product-affect .banner {
	/* background-color: pink; */
	padding-top: 75px;
}

.product-center .product-affect .pinying {
	height: 38px;
	font-size: 34px;
	font-family: Arial;
	font-weight: 400;
	line-height: 39px;
	color: #9F9F9F;
	opacity: 0.31;
	width: 100%;
	text-align: center;
}

.product-center .product-affect .title {
	height: 42px;
	font-size: 32px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	line-height: 42px;
	color: #262626;
	opacity: 1;
	width: 100%;
	text-align: center;
	margin: 10px auto 18px;
}

.product-center .product-affect .bottom {
	font-size: 0;
}

.product-center .product-affect li {
	width: 252px;
	margin-right: 64px;
	vertical-align: top;
}

.product-center .product-affect .bgc {
	height: 144px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 21px;
	color: #595959;
	opacity: 1;
	text-align: center;
	line-height: 286px;
}

.product-center .product-affect .bgc-content {
	width: 252px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 19px;
	color: #9F9F9F;
	opacity: 1;
	text-align: center;
	margin-top: 15px;
}

.product-center .product-affect .bgc1 {
	background: url(../images/product1.png) no-repeat top center;
}

.product-center .product-affect .bgc2 {
	background: url(../images/product2.png) no-repeat top center;
}

.product-center .product-affect .bgc3 {
	background: url(../images/product3.png) no-repeat top center;
}

.product-center .product-affect .bgc4 {
	background: url(../images/product4.png) no-repeat top center;
}

.product-center .product-affect .bgc5 {
	background: url(../images/product5.png) no-repeat top center;
}

.product-center .product-affect .bgc6 {
	background: url(../images/product6.png) no-repeat top center;
}

.product-center .product-affect .bgc7 {
	background: url(../images/product7.png) no-repeat top center;
}

.product-affect .bottom1 li:last-child,
.product-affect .bottom2 li:last-child {
	margin-right: 0;
}

.product-center .product-affect .bottom2 {
	width: 100%;
	text-align: center;
	margin-top: -10px;
}

.product-center .product-type {
	background: #F6F6F6;
	opacity: 1;
}


.product-center .product-type .bgc {
	font-size: 0;
	height: 520px;
	line-height: 520px;
}

.product-center .product-type .bgc li {
	width: 291px;
	height: 400px;
	background-color: paleturquoise;
	margin-right: 12px;
	line-height: 400px;
	vertical-align: middle;
	position: relative;
	cursor: pointer;
}

.product-center .product-type .bgc li:nth-child(1) {
	background: url(../images/product_type1.png) no-repeat center;
}

.product-center .product-type .bgc li:nth-child(2) {
	background: url(../images/product_type2.png) no-repeat center;
}

.product-center .product-type .bgc li:nth-child(3) {
	background: url(../images/product_type3.png) no-repeat center;
}

.product-center .product-type .bgc li:nth-child(4) {
	background: url(../images/product_type4.png) no-repeat center;
}

.product-center .product-type .bgc li:last-child {
	margin-right: 0;
}

.product-center .product-type .mask {
	position: absolute;
	width: 290px;
	height: 400px;
	background: #262626;
	opacity: 0.8;
}

.product-type .bgc li:hover .mask {
	opacity: 0.6;
}

.product-center .product-type .words {
	position: absolute;
	width: 220px;
	height: 59px;
	line-height: 59px;
	border: 1px solid #FFFFFF;
	opacity: 1;
	text-align: center;
	padding: 6px;
	top: 50%;
	margin-top: -29.5px;
	left: 50%;
	margin-left: -110px;
}

.product-center .product-type .title {
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	line-height: 24px;
	color: #F6F6F6;
	opacity: 1;
	height: 100%;
	line-height: 45px;
	border: 1px solid #FFFFFF;
	opacity: 1;
}

.product-center .product-terminal {
	width: 100%;
	background-color: #fff;
}

.product-center .product-terminal .banner {
	height: 850px;
	padding-top: 70px;
}

.product-center .product-terminal .pinying {
	width: 336px;
	height: 38px;
	font-size: 34px;
	font-family: Arial;
	font-weight: 400;
	line-height: 39px;
	color: #9F9F9F;
	opacity: 0.3;
	text-align: center;
	width: 100%;
}

.product-center .product-terminal .title {
	width: 160px;
	height: 42px;
	font-size: 32px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	line-height: 42px;
	color: #262626;
	opacity: 1;
	width: 100%;
	text-align: center;
	margin-top: 10px;
}

.product-center .product-terminal .terminal {
	font-size: 0;
	margin-top: 50px;
	height: 349px;
	margin-bottom: 96px;
}

.product-center .product-terminal .left {
	float: left;
	height: 349px;
}

.product-center .product-terminal .left_img {
	width: 600px;
	height: 349px;
}

.product-center .product-terminal .right {
	float: right;
	padding-top: 9px;
	text-align: right;
}

.product-center .product-terminal .right_title {
	height: 42px;
	font-size: 30px;
	font-weight: bold;
	line-height: 42px;
	color: #262626;
	opacity: 1;
	/* width: 480px; */
}

.product-center .product-terminal .right_content {
	/* width: 480px; */
	height: 56px;
	font-size: 20px;
	/*font-family: PingFang SC;*/
	font-weight: 500;
	line-height: 28px;
	color: #595959;
	opacity: 1;
	margin-bottom: 91px;
	text-align: left;
}

.product-center .product-terminal .xiazai {
	width: 100px;
	float: right;
}

.product-center .product-terminal .right_img {
	width: 100px;
	height: 100px;
	border: 1px solid #E9E9E9;
	margin-bottom: 10px;
}

.product-center .product-terminal .xiazai_txt {
	height: 20px;
	font-size: 14px;
	/*font-family: PingFang SC;*/
	font-weight: 400;
	line-height: 20px;
	color: #595959;
	opacity: 1;
	width: 100px;
	text-align: center;
}

.product-center .product_datasercurity {
	height: 460px;
	background: #F6F6F6;
	opacity: 1;
}

.product-center .product_datasercurity .banner {
	position: relative;
}

.product-center .product_datasercurity .data_explain {
	width: 591px;
	height: 242px;
	background: #FFFFFF;
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.08);
	opacity: 1;
	border-radius: 100px 0px 100px 0px;
	position: absolute;
	top: 39px;
	z-index: 10;
	padding-top: 41px;
	padding-left: 55px;
}

.product-center .product_datasercurity img {
	top: -88px;
	right: -43px;
	width: 778px;
	height: 516px;
	position: absolute;
}

.product-center .data_explain .title {
	height: 54px;
	font-size: 24px;
	/*font-family: PingFang SC;*/
	font-weight: bold;
	color: #262626;
	opacity: 1;
	line-height: 80px;
	background: url(../images/quote_marks.png) no-repeat top left;
	background-size: 55.53px 48px;
	padding-left: 70px;
}

.product-center .data_explain .content {
	width: 318px;
	height: 86px;
	font-size: 16px;
	/*font-family: PingFang SC;*/
	font-weight: 500;
	line-height: 28px;
	color: #9F9F9F;
	opacity: 1;
	margin-top: 20px;
}

.product-center .product_footer {
	background: #0099cc;
	opacity: 1;
}

.product-center .product_footer .banner {
	text-align: right;
	height: 120px;
	line-height: 120px;
	position: relative;
	z-index: 1;
}

.product-center .product_footer a {
	display: inline-block;
	height: 56px;
	line-height: 56px;
	border-radius: 4px;
}

.product-center .product_footer .btn {
	background: #fff;
	opacity: 1;
	height: 56px;
	line-height: 56px;
	color: #0099cc;
	cursor: pointer;
}

.product-center .product_footer ul {
	font-size: 0;
}

.product-center .product_footer li {
	font-size: 28px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: 0px 3px 6px rgba(11, 49, 113, 0.36);
	opacity: 1;
	width: 250px;
	height: 120px;
	line-height: 120px;
	text-align: center;
	position: absolute;
	top: 0;
	background-size: 251px 120px;
}

.product-center .product_footer li:first-child {
	left: -53px;
	/* float: left; */
	background: url(../images/product_center1.png) no-repeat center;
}

.product-center .product_footer li:nth-child(2) {
	background: url(../images/product_center2.png) no-repeat center;
	left: 143px;
}

.product-center .product_footer li:nth-child(3) {
	background: url(../images/product_center3.png) no-repeat center;
	left: 339px;

}

.product-center .product_footer li:nth-child(4) {
	background: url(../images/product_center4.png) no-repeat center;
	left: 535px;
}

.product-center .product_footer li:nth-child(5) {
	background: url(../images/product_center5.png) no-repeat center;
	left: 732px;
}

/* 登录 */
.login {
	width: 100%;
	height: 100%;
	background-color: #FBFBFB;
	opacity: 1;
	position: relative;
	background-image: url(../images/login/login1.png), url(../images/login/login2.png), url(../images/login/login3.png);
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: top left, top right, bottom right;
	background-size: 312px 312px, 240px 240px, 310px 310px;
}

.login .login_form {
	width: 880px;
	height: 593px;
	background: #FFFFFF;
	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.06);
	-moz-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.06);
	-webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.06);
	opacity: 1;
	position: absolute;
	left: 50%;
	margin-left: -440px;
	top: 50%;
	margin-top: -296.5px;
	font-size: 0;
}

.login .login_form .form-left,
.login .login_form .form-right {
	width: 440px;
	height: 593px;
}

.login .login_form .form-left {	
	float: left; 
	background: #0099cc; 
}
.login .login_form .form-left li.vlogo{width:100%; height: 30%; text-align:center; background: url(../images/logo.png) no-repeat center;}
.login .login_form .form-left li.vgif{width:100%; height: 70%; background: url(../images/login/login.gif) no-repeat center; background-size: 100%;}

.login .login_form .form-right {
	float: right;
	font-size: 14px;
	padding: 0 70px;
}

.login .login_form .form-myinput {
	margin-bottom: 20px;
	position: relative;
}

.login_form .form-myinput .phone-text,
.login_form .form-myinput .pwd-text,
.login_form .form-myinput .checkpwd-text,
.login_form .form-myinput .imgcode-text,
.login_form .form-myinput .readcheck-text,
.login_form .form-myinput .phone-code{
	position: absolute;
	top: 40px;
	font-size: 12px;
	color: #FB805A;
}
.login_form .form-myinput .readcheck-text {
	top: 19px;
}
.login .login_form .login-input {
	width: 300px;
	height: 40px;
	line-height: 40px;
	padding: 5px;
	display: block;
	border-radius: 2px;
	outline: none;
	/* margin-bottom: 20px; */
	border: 1px solid #AFBFDB;
	/* position: relative; */
}

.login .login_form .title {
	/* width: 56px; */
	height: 31px;
	font-size: 24px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 31px;
	color: #0099cc;
	letter-spacing: 25px;
	opacity: 1;
	width: 100%;
	text-align: center;
	margin: 128px auto 60px;
}

.login .login_form .box {
	height: 19px;
}

.login_form .box-left {
	float: left;
	height: 19px;
	line-height: 19px;
}

.login_form .box-left>input {
	width: 16px;
	height: 16px;
	background: #FFFFFF;
	border: 1px solid #E9E9E9;
	opacity: 1;
	border-radius: 2px;
	vertical-align: middle;
	margin-right: 8px;
	outline: none;
}

.login_form .box-left>span {
	/* width: 56px; */
	height: 19px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 19px;
	color: #595959;
	opacity: 1;
	display: inline-block;
	vertical-align: middle;
    border-collapse: collapse;
}

.login_form .box-left>a {
	color: #0099cc;
	display: inline-block;
	height: 19px;
	line-height: 19px;
	font-size: 12px;
}

.login_form .reg-leftbox>span,
.login_form .reg-leftbox>a {
	font-size: 12px;
}

.login_form .box-right {
	float: right;
	height: 19px;
	line-height: 19px;
}

.login_form .box-right a {
	height: 19px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 19px;
	color: #0099cc;
	opacity: 1;
	display: inline-block;
}

.login_form .box-right span {
	width: 0px;
	height: 12px;
	width: 2px;
	color: #0099cc;
	display: inline-block;
	opacity: 1;
	display: inline-block;
	margin: 0 7px;

}

input::-webkit-input-placeholder,
input:-moz-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #AFBFDB;
	letter-spacing: 25px;
	opacity: 1;
}

.login .login_form .login-btn {
	display: inline-block;
	height: 40px;
	width: 100%;
	margin: 20px auto 30px;
	cursor: pointer;
	border-radius: 2px;
}

.login .login_form .btn {
	width: 100%;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
	border-radius: 2px;
	text-align: center;
}

.login .login_form .nouser {
	display: inline-block;
	width: 100%;
	text-align: right;
	height: 19px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 19px;
	color: #595959;
	opacity: 1;
}

.login .nouser>span {
	color: #0099cc;
}

.login .login_form .code {
	width: 100%;
	height: 40px;
	margin-bottom: 20px;
}

.login .code input {
	width: 160px;
	height: 40px;
	background: #FFFFFF;
	border: 1px solid #AFBFDB;
	opacity: 1;
	border-radius: 2px;
	padding: 5px;
	outline: none;

}

.login .code img {
	width: 120px;
	height: 40px;
	float: right;
	cursor: pointer;
}
.login .code .mycodeimg{
	width: 120px;
	height: 40px;
	float: right;
	background: #0099cc;
	opacity: 1;
	border-radius: 2px;
	font-size: 14px;
	padding: 0;
	line-height: 40px;
	text-align: center;
	color: #fff;
	cursor: pointer;
}
.login .code>.sendcode {
	width: 120px;
	height: 40px;
	background: #0099cc;
	opacity: 1;
	border-radius: 2px;
	font-size: 14px;
	padding: 0;
	line-height: 40px;
	text-align: center;
	float: right;
	margin: 0;
}

.login .code>.onsendcode {
	background: #F6F6F6;
	color: #AFBFDB;
}

.login .goback {
	text-align: center;
	margin-top: 30px;
	height: 19px;	
	font-weight: 400;	
	opacity: 1;
	position: absolute;
	left: 50%;
	width: 880px;
	margin-left: -440px;
	top: 50%;
	margin-top: 327px;
	display: inline-block;
	
}
.login .goback1 {
				background: #0099cc;
				color: #fff;
				font-family: Microsoft YaHei;
				font-size: 14px;
				line-height: 19px;
				border-radius: 3px;
				padding:3px 6px 3px 6px;
				cursor: pointer;
}
.reg .login_form .title {
	margin: 40px auto 30px;
}

.forgetpass .login_form {
	width: 740px;
	height: 480px;
	background: #FFFFFF;
	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.06);
	-moz-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.06);
	-webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.06);
	opacity: 1;
	margin-top: -240px;
	margin-left: -370px;
}
/*忘记密码*/
.forgetpass .login_form .title {
	height: 26px;
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	line-height: 26px;
	color: #262626;
	opacity: 1;
	width: 100%;
	text-align: center;
	letter-spacing: 3px;
	margin: 62px auto 40px;
}

.forgetpass .login_form .step {
	height: 32px;
	line-height: 32px;
	width: 100%;
	margin: 0 auto 47px;
	text-align: center;
}

.forgetpass .login_form .form-box {
	padding: 0 220px;
}

.forgetpass .step .circle {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	opacity: 1;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	text-align: center;
	color: #9F9F9F;
	border: 1px solid #E9E9E9;
	margin-right: 10px;
}

.forgetpass .step .selectedcircle {
	border: 1px solid #0099cc;
	color: #0099cc;
}

.forgetpass .step .finishcircle {
	background: #0099cc;
	color: #fff;
	font-weight: 400;
}

.forgetpass .step .finishcirclefont {
	font-weight: 400;
	font-size: 20px;
}

.forgetpass .step .name {
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #9F9F9F;
	opacity: 1;
}

.forgetpass .step .selectedname {
	color: #0099cc;
}

.forgetpass .step>div {
	display: inline-block;
}

.forgetpass .step .split {
	width: 129px;
	height: 1px;
	background: #E9E9E9;
	opacity: 1;
	margin: 5px 10px;
}

.forgetpass .step .selectedsplit {
	background-color: #0099cc;
}

.forgetpass .goback {
	margin-left: -370px;
	margin-top: 270px;
	width: 740px;
}

.forgetpass .form-box .code {
	margin-bottom: 47px;
}

.forgetpass .form-box .nextstep {
	width: 100%;
	text-align: center;
}

.forgetpass .nextstep .btn {
	display: inline-block;
	width: 92px;
	padding: 0;
	font-weight: 400;
	font-size: 14px;
}

.forgetpass .form-box .resetpass {
	margin-bottom: 49px;
}

/* .forgetpass .login_form .resetsuccess {
	text-align: center;
} */
.forgetpass .resetsuccess .success {
	width: 72px;
	height: 72px;
	background-color: #74C041;
	border-radius: 50%;
	text-align: center;
	line-height: 72px;
	margin: 0 auto;
}

.forgetpass .resetsuccess .success-txt {
	height: 26px;
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 28px;
	color: rgba(0, 0, 0, 0.85);
	opacity: 1;
	margin: 20px auto 50px;
	text-align: center;
}

.forgetpass .resetsuccess .iconfont {
	font-size: 40px;
	color: #fff;
	font-weight: 600;

}

.container .purchase .purchase-inner {
	background: #F6F6F6;
}

.container .purchase-inner .banner {
	position: relative;
	height: 907px;
	margin-top: 20px;
}

.container .newpurchase .banner {
	height: 805px;
}

.container .purchase .purchase-inner-top {
	position: absolute;
	width: 1000px;
	height: 640px;
	background: #FFF;
	box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.06);
	opacity: 1;
	border-radius: 2px;
	left: 50%;
	margin-left: -500px;
	top: -214px;
	font-size: 0;
}

.container .newpurchase .purchase-inner-top {
	height: 552px;
	top: -198px;
}

.container .purchase .purchase-inner-bottom {
	width: 1000px;
	height: 395px;
	background: #FFF;
	box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.06);
	opacity: 1;
	border-radius: 2px;
	position: absolute;
	left: 50%;
	margin-left: -500px;
	top: 464px;
	padding: 50px 91px 0 66px;
	z-index: 0;
}

.purchase .newpurchase .purchase-inner-bottom {
	top: 372px;
}

.container .purchase .olduser-content {
	background: url(../images/oldeuser.png) no-repeat top center;
	width: 100%;
	height: 70px;
	padding: 0 20px 0 19px;
	font-size: 0;
}

.container .purchase .olduser-content li {
	width: calc(100% / 3 - 1px);
	display: inline-block;
	font-size: 14px;
	text-align: center;
	line-height: 70px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
}

.container .purchase .olduser-content li:first-child {
	text-align: left;
	color: #F6F6F6;
}

.container .purchase .olduser-content li:nth-child(2) {
	color: #F6F6F6;
}

.purchase .olduser-content li:nth-child(2) span {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: #F6F6F6;
	opacity: 1;
	border-radius: 2px;
	color: #0099cc;
	line-height: 20px;
	text-align: center;
	margin: 0 4px;
}

.container .purchase .olduser-content li:last-child {
	text-align: right;
	font-size: 12px;
	color: #FBD61E;
}

.purchase-inner-top .purchasing {
	display: inline-block;
	width: 100%;
	text-align: center;
	padding-top: 49px;
}

.purchase-inner-top .purchasing .ul {
	width: 100%;
	text-align: center;
	height: 70px;
	padding-left: 66px;
}

.purchase-inner-top .purchasing .ul:last-child {
	margin: 20px 0 25px;
}

.purchase-inner-top .ul>.title {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #262626;
	height: 70px;
	line-height: 70px;
	float: left;
	margin-right: 33px;
}

.purchase-inner-top .purchasing ul {
	font-size: 0;
	float: left;
}

.purchase-inner-top .purchasing li {
	margin-right: 23px;
	width: 70px;
	height: 70px;
	background: #FFF6F6;
	cursor: pointer;
	border: 1px solid #FFF6F6;
	position: relative;
	line-height: 70px;
	/* float: left; */
}

.purchase-inner-top .purchasing li>a {
	display: inline-block;
	width: 100%;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #595959;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
}

.purchase-inner-top .purchasing li>.mylabel {
	position: absolute;
	z-index: 0;
	/* display: inline-block; */
	width: 40px;
	height: 18px;
	background: #EC2626;
	opacity: 1;
	border-radius: 0px 9px 9px 0px;
	line-height: 18px;
	top: 0;
	left: 0;
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FBD61E;
	text-align: center;
}

.purchase-inner-top .purchasing li.active {
	border: 1px solid #EC2626;
	background: #FFF6F6 url(../images/selectedgou.png) no-repeat right bottom;
	background-size: 20px;
}

.purchase-inner-top .purchasing li:last-child {
	margin-right: 0px;

	opacity: 1;
}

.purchase-inner-top .price {
	padding-left: 66px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #262626;
	margin-bottom: 25px;
}

.purchase-inner-top p.pay{
	padding-left: 66px;
	height: 21px;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 18px;
	color: #262626;
}

.purchase-inner-top .pay-method {
	padding: 0 66px;
	margin: 15px 0 32px;
}

.purchase-inner-top .pay-method li{
	width: 300px;
	height: 80px;
	background: #FFFFFF;
	border: 1px solid #E9E9E9;
	opacity: 1;
	cursor: pointer;
	padding-left: 92px;
	background-image: url("../images/choice.png");
	background-repeat: no-repeat;
	background-position: 40px center;
	vertical-align: middle;
	line-height: 80px;
}
.purchase-inner-top .pay-method .activepayway{
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.07);
	background-image: url("../images/choice-select.png");
}
.purchase-inner-top .pay-method li:first-child{
	margin-right: 40px;
}
.purchase-inner-top .pay-method li img{
	vertical-align: middle;
	margin-right: 12px;
	width: 30px;
}
/*.purchase-inner-top .pay-method li:first-child img */
.purchase-inner-top .pay-method li span{
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #262626;
	vertical-align: middle;
}
.purchase-inner-top .price .red {
	font-size: 20px;
	color: #EC2626;
	margin-left: 8px;
}

.purchase-inner-top .price .redprice {
	font-size: 28px;
	color: #EC2626;
	margin-right: 3px;
}

.purchase-inner-top .price .yuan {
	display: inline-block;
	font-size: 12px;
	color: #9F9F9F;
}

.purchase-inner-top .price .yuan span {
	text-decoration: line-through;
}

.purchase-inner-top .xufei {
	margin: 0 66px 10px 66px;
	display: inline-block;
	cursor: pointer;
}

.purchase-inner-top .btn {
	width: 120px;
	height: 36px;
	background: #EC2626;
	border-radius: 2px;
	line-height: 36px;
	padding: 0;
	text-align: center;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
}

.purchase-inner p {
	/* margin: 0 8px; */
	padding-left: 66px;
	height: 16px;
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 16px;
	color: #9F9F9F;
}

.purchase .purchase-inner-bottom .title {
	width: 100%;
	text-align: center;
	height: 24px;
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	line-height: 18px;
	color: #262626;
	margin-bottom: 27px;
}

.purchase .purchase-inner-bottom .shuoming {
	height: 19px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 18px;
	color: #262626;
	margin-bottom: 5px;
}

.purchase .purchase-inner-bottom .warn {
	height: 16px;
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 18px;
	color: #EC2626;
	margin: 0;
	margin-bottom: 3px;
	padding: 0;
}

.purchase .purchase-inner-bottom .content {
	margin-bottom: 22px;
}

.purchase-inner-bottom .content>p {
	line-height: 22px;
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #9F9F9F;
	margin: 0;
	padding: 0;
}

.header-right .loginname {
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #262626;
	display: inline-block;
	position: relative;
	cursor: pointer;
}
 .header-right .loginname .ul{
	 display: none;
	position: absolute;
	top: 64px;
	 border-radius: 4px;
	width: 140px;
	 left: 50%;
	 margin-left: -70px;
	 box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.08);
	 -webkit-box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.08);
	 -moz-box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.08);
	 background: #FFFFFF;
}
.header-right .loginname .iconfont{
	font-size: 14px;
	color: #afafaf;
	margin: 0 8px 0 3px;
}
.header-right .loginname:hover .loginname-ul{
	display: block;
}
.header-right .loginname .ul li{
	display: block;
	height: 40px;
	line-height: 40px;
	width: auto;
}
.header-right .loginname .ul li:hover{
	background: #E9E9E9;
}
/*.header-right .login-name .ul #showmyid{*/
	/*opacity: 1;*/
/*}*/
.header-right .loginname .ul a{
	display: inline-block;
	height: 40px;
	width: 100%;
	text-align: center;
	font-size: 14px;
	/*font-family: PingFang SC;*/
	font-weight: 400;
	color: #595959;
	text-align: center;
}
.purchase-header .header-right .btn {
	width: 110px;
	padding: 0;
	text-align: center;
}

#mylabelphone{
	width: 225px;
	height: 35px;
	line-height: 35px;
	padding: 5px;
	display: inline-block;
	border-radius: 2px;
	outline: none;
	border: 1px solid #AFBFDB;
}
#inputlabel{
	display: inline-block;
	height: 35px;
	line-height: 35px;
	color: #262626;
}
/*.layui-layer-dialog .layui-layer-content{*/
	/*padding-bottom:35px!important;*/
	/*height: auto!important;*/
/*}*/

.layui-layer-dialog .layui-layer-btn>a{
	height: 35px;
	line-height: 35px;
	opacity: 1;
	background: #0099cc;
	border-radius: 4px;
	border: 0;
	font-size: 16px;
	padding: 0 20px;
	color: #FFFFFF;
	opacity: 1;
	font-weight: 500;
	outline: none;
}
.layui-layer-dialog .layui-layer-btn>a:first-child{
	background: #FFFFFF;
	border: 1px solid #0099cc;
	color: #0099cc;
}




@media only screen and (max-width: 1680px) {
	.login {
		background-size: 174px 174px, 180px 180px, 170px 170px;
	}
}