@charset "utf-8";

/* 导航 */
.nav-wraps {
	height: 173px !important;
}

/* 注册登录导航 */
.nav-wraps-login {
	height: 100px;
	position: fixed;
	width: 100%;
	left: 0px;
	top: 0px;
	z-index: 999;
}

.nav-in-wraps {
	width: 100%;
	height: 173px;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99999;
	box-shadow: 0 8px 14px rgba(2, 170, 53, 0.2);
}
.nav-in-wraps-login {
	width: 100%;
	height: 100px;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99999;
	/* box-shadow: 0 8px 14px rgba(2, 170, 53, 0.2); */
	box-shadow: 0 8px 14px rgba(238, 245, 249, 0.8);
}

.go-login {
	font-size: 18px;
	float: right;
	line-height: 75px;
	color: #666;
}

.go-login span {
	color: #02aa35;
}

.go-login:hover {
	/* color: #16b3d4; */
	transition: .5s all;
}

.navlogo-left-box {
	float: left;
	/* margin-top: 20px; */
}

.navlogo-left-box img {
	/* width: 560px; */
	height: 70px;
	margin-top: 15px;
}

.navlogo-left-box .login-logo {
	/* width: 234px;
	height: 49px; */
	margin-top: 0;
}

.navcon-right-box {
	height: 55px;
	line-height: 55px;
	font-size: 16px;
	width: 1100px;
	margin-top: 20px;
	background-color: #02aa35;
}

.navcon-ul {
	list-style: none;
	height: 55px;
	line-height: 55px;
}

.navcon-ul li {
	float: left;
	text-align: center;
	box-sizing: border-box;
	position: relative;
	height: 55px;
	width: 130px;
}

.navcon-ul li a {
	display: block;
	height: 55px;
	color: #ffffff;
}

.navcon-ul li a:hover:after {
	left: 1%;
	right: 1%;
	opacity: 1;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s
}


.navcon-ul li a.active {
	color: #ffffff;
	box-sizing: border-box;
	background-color: #00ba38;
	background-image: url(../images/jiao.png);
	background-position: bottom;
	background-repeat: no-repeat
}

.navcon-ul li:hover {
	color: #ffffff;
	box-sizing: border-box;
	background-color: #00ba38;
	background-image: url(../images/jiao.png);
	background-position: bottom;
	background-repeat: no-repeat
}


.showed {
	display: block;
}

.sele {
	position: absolute;
	display: none;
	/* top: 50px; */
	left: 0;
	min-width: 120px;
	z-index: 999;
	/* border-radius: 8px; */
	background: #fff;
	overflow: hidden;
	/* border: 1px solid #eee; */
	padding: 3px;
	/* margin-top: 20px; */
	color: #333;
}

.sele a {
	line-height: 40px !important;
	color: #252525 !important;
	display: block;
	margin: 0 !important;
	padding: 0 !important;
	height: 40px !important;
	/* border-bottom: 1px dashed #eeeeee; */
	width: auto !important;
}

.sele a:hover {
	text-decoration: none;
	color: #02aa35 !important;
}

.sele-img {
	position: absolute;
	width: 10px;
	height: 10px;
	z-index: 9999;
	top: 52px;
	left: 50px;
}


.nav-re {
	position: relative;
	margin-top: 13px;
}

.right-root {
	width: 233px;
	height: 35px;
	/* background: url(../images/top_login_bg.png) no-repeat; */
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	line-height: 28px;
	color: #666;
	font-size: 14px;
}

.right-root a {
	color: #666;
}

.right-root a:hover {
	text-decoration: underline;
}

/*banner*/
.slideBox {
	width: 100%;
	height: 836px;
	overflow: hidden;
	position: relative;
	z-index: 1;
	margin: 0;
	padding: 0;
	/* display: inline-block; */
	/* margin-top: 24px; */
	/* margin-bottom: 24px; */
}

.slideBox .hd {
	position: absolute;
	width: 100%;
	z-index: 2;
	height: 16px;
	text-align: right;
	bottom: 30px;
	margin: 0 auto;
	/* bottom: 57px; */
	right: 10px;
}

.slideBox .hd ul {
	height: 16px;
	line-height: 16px;
	display: inline-block;
	/* width: 100%; */
	margin: 0;
	padding: 0;
	position: relative;
	right: 0;
}

.slideBox .hd ul li {
	width: 12px;
	height: 12px;
	margin: 0 5px;
	background: #fff;
	cursor: pointer;
	border-radius: 20px;
	display: inline-block;
}

.slideBox .hd ul li.on {
	background: #4991e8;
	color: #fff;
}

.slideBox .bd {
	position: relative;
	height: 100%;
	z-index: 1;
	width: 100%;
	overflow: hidden;
}

.slideBox .bd ul {
	margin: 0;
	padding: 0;
}

.slideBox .bd li {
	zoom: 1;
	vertical-align: middle;
	height: 836px;
}

.slideBox .bd li a {
	display: block;
	height: 100%;
	width: 100%;
}

/*banner2*/
.slideBox2 {
	/* overflow:hidden; */
	position: relative;
	z-index: 1;
}

.slideBox2 .hd {
	position: absolute;
	width: 100%;
	z-index: 2;
	height: 16px;
	text-align: right;
	bottom: 25px;
	margin: 0 auto;
}

.slideBox2 .hd ul {
	height: 16px;
	line-height: 16px;
	display: inline-block;
	width: 100%;
	/* margin: 0; */
	/* padding: 0; */
	/* position: relative; */
	/* right: 47%; */
}

.slideBox2 .hd ul li {
	width: 12px;
	height: 12px;
	margin: 0 5px;
	background: #fff;
	cursor: pointer;
	border-radius: 20px;
	display: inline-block;
}

.slideBox2 .hd ul li.on {
	background: #d20e1e;
	color: #fff;
}

.slideBox2 .bd {
	position: relative;
	height: 100%;
	z-index: 1;
	width: 100%;
	overflow: hidden;
}

.slideBox2 .bd ul {
	margin: 0;
	padding: 0;
}

.slideBox2 .bd li {
	zoom: 1;
	vertical-align: middle;
}

.slideBox2 .bd li a {
	display: block;
	height: 100%;
	width: 100%;
}

.banner-intro {
	width: 100%;
	height: 95px;
	color: #fff;
	background-color: rgba(73, 145, 232, 0.9);
	position: absolute;
	bottom: 0;
	z-index: 100;
}

.intro-item {
	float: left;
	width: 33%;
	margin: 22px 0px;
	box-sizing: border-box;
	border-right: 1px solid #6cc8f1;
	padding: 0 27px;
}

.intro-item:last-child {
	border-right: none;
}

.intro-text {
	font-size: 16px;
	line-height: 25px;
	margin-left: 10px;
}

/*banner缓缓放大*/
.cartoon li a {
	-webkit-animation: move 20s;
	-moz-animation: move 20s;
	-ms-animation: move 20s;
	-o-animation: move 20s;
	animation-delay: 1s;
	-moz-animation-delay: 1s;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.cartoon a {
	display: block;
	width: 100%;
	height: 100%;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center top;
}

@keyframes move {
	from {
		transform: scale(1.0, 1.0)
	}

	to {
		transform: scale(1.1, 1.1)
	}
}

.cartoon li {
	height: 750px;
}

/* 关于我们 */
.about-img {
	width: 562px;
	height: 461px;
	margin-right: 45px;
}

.about-right-box {}

.about-con {
	font-size: 16px;
	line-height: 28px;
	text-indent: 2em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-align: center;
	padding-top: 30px;
}

.about-right-box img {
	margin-bottom: 30px;
	margin-top: 12px;
	margin-left: 10px;
}

.about-us-wrap {
	margin-bottom: 30px;
	margin-top: 50px;
}

.about-right-box p {
	font-size: 16px;
	line-height: 28px;
	text-align: justify;
	text-indent: 2em;
}

.more-link {
	width: 100px;
	height: 35px;
	background: #4991e8;
	display: block;
	text-align: center;
	line-height: 35px;
	font-size: 14px !important;
	margin: 0 auto;
	color: #fff;
}

.more-link img {
	width: 12px;
	height: 12px;
	display: inline-block;
	transition: .5s all;
	margin-top: 11px;
	margin-left: 5px;
}

.more-link:hover img {
	margin-right: -5px;
	transition: .5s all;
}

.about-wrap {
	width: 100%;
	height: 494px;
	background: url(../images/about_bg.jpg) no-repeat center top;
	display: inline-block;
}

.data-show {
	font-size: 18px;
}

.data-show span {
	color: #ec0c31;
	font-size: 30px;
}

.data-box {
	margin: 75px 46px;
}

/* 新闻中心 */
.news-center {
	width: 100%;
	background-color: #f8f8f8;
	padding-top: 13px;
	display: inline-block;
	padding-bottom: 52px;
}

.new-tit {
	font-size: 24px;
	display: inline-block;
}

.new-tit span {
	color: #999;
	font-size: 14px;
}

.more-text {
	display: inline-block;
	float: right;
	font-size: 16px;
}

.more-text:hover {
	color: #ec0c31
}

.new-content {
	height: 405px;
	margin-top: 18px;
}

.new-con-left {
	width: 525px;
	height: 405px;
	background-color: #fff;
	float: left;
}

.new-con-img {
	width: 525px;
	height: 310px;
	position: relative;
	overflow: hidden;
	transition: .5s all;
}

.new-con-img img {
	width: 100%;
	height: 100%;
	transition: .5s all;
}

.new-inner {
	width: 100%;
	color: #fff;
	padding: 10px 15px;
	font-size: 18px;
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	bottom: 0;
	box-sizing: border-box;
	left: 0;
}

.new-con {
	line-height: 27px;
	color: #999;
	margin: 15px;
	font-size: 14px;
	box-sizing: border-box;
}

.new-link {
	transition: .5s all;
}

.new-link:hover .new-con-img img {
	transform: scale(1.08, 1.08);
	-moz-transform: scale(1.08, 1.08);
	-webkit-transform: scale(1.08, 1.08);
	-o-transform: scale(1.08, 1.08);
}

.new-con-right {
	width: 560px;
	float: right;
}

.con-a {
	padding: 11px 20px;
	margin-bottom: 10px;
	box-sizing: border-box;
	background-color: #fff;
	display: block;
}

.con-a:hover .con-tit {
	color: #02aa35;
	transition: .5s all;
}

.con-left {
	width: 330px;
	float: left;
}

.con-tit {
	font-size: 16px;
	margin-bottom: 8px;
}

.con-c {
	color: #aeaeae;
	margin-bottom: 15px;
}

.img-con {
	width: 162px;
	height: 106px;
	float: right;
}

.con-c-data {
	color: #aeaeae;
}



/*footer*/
.footer-nav {
	width: 100%;
	height: 55px;
	line-height: 55px;
	border-bottom: 1px solid #e4e5e7;
	margin: 0 auto;
	border-top: 1px solid #e4e5e7;
	margin: 0 auto;
}

.footer-wrap {
	width: 100%;
	/* height: 377px; */
	background: #f0f1f3;
	display: inline-block;
	/* margin-top: 50px; */
	position: relative;
}

.friend-link {
	color: #333;
	margin-top: 50px;
}

.sele-foot a {
	color: #999;
	display: block;
	line-height: 25px
}

.friend-link a {
	color: #333;
	margin-right: 30px;
}

.footer-nav dl {
	float: left;
	margin-right: 40px;
}

.footer-nav dl dt {
	font-size: 16px;
}

.footer-nav dl dd {
	font-size: 12px;
	line-height: 24px;
}

.footer-nav dl dd a {
	color: #999;
}

.footer-nav dl dd a:hover {
	color: #02aa35;
}

.footer-nav dl dt a {
	color: #333;
}

.footer-nav dl dt a:hover {
	color: #02aa35;
}

.footer-icon {
	float: right;
}

.icon-qq {
	width: 60px;
	height: 60px;
	display: inline-block;
	margin-right: 25px;
	margin-top: 55px;
}

.icon-wx {
	display: inline-block;
	position: relative;
	transition: .5s all;
}

.code-box {
	width: 116px;
	height: 116px;
	background: none !important;
	padding: 0px;
	box-sizing: border-box;
	margin-top: 30px;
}

.icon-wx:hover .code-box {
	display: block;
	transition: .5s all;
}

.code-box1 {
	background: #333;
	color: #fff;
	padding: 3px 10px;
	box-sizing: border-box;
	position: absolute;
	top: 25px;
	left: -20px;
	display: none;
	transition: .5s all;
	display: none;
	border-radius: 5px;
}

.icon-wx:hover .code-box1 {
	display: block;
	transition: .5s all;
}


.code-box img {
	width: 100px;
	height: 100px;
	display: block;
	margin: 8px auto;
}

.footer-content {
	margin-top: 60px;
	float: left;
	width: 500px;
}

.footer-tit {
	padding-bottom: 8px;
	font-size: 16px;
	display: inline-block;
	margin-bottom: 15px;
	color: #333;
}

.footer-content p {
	font-size: 16px;
	line-height: 30px;
	color: #333;
}

.footer-content p span {
	font-size: 24px;
}

.footer-cnzz {
	height: 45px;
	line-height: 45px;
	background: #4f4f4f;
	color: #fff;
	margin-top: 23px;
}

.link-a {
	color: #333;
}

.link-a:hover {
	color: #4991e8;
}


.poster-main {
	position: relative;
	top: 60px;
}

.poster-main a,
.poster-main img {
	display: block;
	width: 100%;
	/* height: 77%; */
}

.poster-main img {}

.poster-main .poster-list {
	width: 1000px;
	height: 500px;
}

.poster-main .poster-list .poster-item {
	width: 175px;
	height: 175px;
	position: absolute;
	left: 0;
	top: 0;
}

.poster-main .poster-btn {
	position: absolute;
	top: -43px;
	cursor: pointer;
	/* filter: opacity(.5) brightness(1); */
}

.poster-main .poster-btn:hover {
	filter: opacity(1) brightness(2);
}

.poster-main .poster-prev-btn {
	left: -238px;
	background: url(../images/left.png) no-repeat center center;
}

.poster-main .poster-next-btn {
	right: -238px;
	background: url(../images/right.png) no-repeat center center;
}

.poster-item-title {
	text-align: center;
	width: 500px;
}

.sm-img {
	color: #fff;
	text-align: center;
	padding-top: 10px;
	/* padding-bottom:15px; */
}

.poster-item-title b {
	font-size: 24px !important;
	font-weight: bold !important;
	text-align: center !important;
	display: block !important;
	color: #333;
	margin-top: 15px;
}

.sm-con {
	text-align: center;
	line-height: 20px;
	color: #fff;
	padding-top: 5px;
	width: 505px;
	/* position: absolute; */
	margin-left: -122px;
}

.right-code-box {
	width: 134px;
	height: 281px;
	background: url(../images/right_fixed.png) no-repeat;
	position: fixed;
	right: 85px;
	top: 20%;
	z-index: 5;
}

.bottom-qq {
	width: 118px;
	height: 118px;
	display: block;
	margin: 115px auto 0;
}

.b-down {
	color: #fff;
	text-align: center;
	padding-top: 5px;
}

/* 消息滚动 */
.line {
	/* width: 900px; */
	height: 30px;
	overflow: hidden;
	float: left;
}

.line li {
	height: 30px;
	text-indent: 5px;
	font-size: 14px;
	line-height: 30px;
	list-style: none
}

.line li a {
	display: inline-block;
	float: left;
}

.line li a:hover {
	color: #bb1d22;
	transition: .5s all;
}

.scroll-tit {
	background: #bb1d22;
	color: #fff;
	border-radius: 3px;
	padding: 2px 6px;
	float: left;
}

.s-box {
	width: 50%;
}

/* 主营业务 */
.business-wrap {
	width: 100%;
	background-color: #f4f5f9;
	/* display: inline-block; */
	padding: 80px 0;
	box-sizing: border-box;
}

.business-tit {
	font-size: 30px;
	padding-bottom: 5px;
}

.business-tit-en {
	font-size: 16px;
	color: #999;
}

.change-box {
	width: 100%;
	height: 330px;
	background-color: #fff;
	box-shadow: 0 22px 14px rgba(197, 197, 197, .2);
	margin-top: 45px;
	border: 1px solid #eeeeee;
}

/* 解决方案 */
.solution-wrap {
	width: 100%;
	height: 620px;
	padding-top: 75px;
	box-sizing: border-box;
	background: url(../images/sulotion_bg.jpg) no-repeat;
}

.solution-tit {
	font-size: 30px;
	padding-bottom: 5px;
	color: #fff;
}

.solution-tit-en {
	font-size: 16px;
	color: #fff;
}

/* 产品中心 */
.product-wrap {
	background: #f8f8f8;
	text-align: center;
}

.product-tab {
	background-color: #ffffff;
	padding: 50px 0 0;
}

.product-ul {
	display: inline-block;
	text-align: center;
	margin-top: 32px;
	margin-bottom: -4px;
}

.product-ul li {
	margin: 0 20px;
	float: left;
	text-align: center;
	font-size: 16px;
	padding-bottom: 15px;
	cursor: pointer;
}

.product-ul li.active {
	color: #4991e8;
	border-bottom: 3px solid #4991e8;
}

.product-con {
	background-color: #f8f8f8;
	padding: 30px 0;
}

.pro-box {
	width: 340px;
	height: 312px;
	display: inline-block;
	margin: 20px;
	background-color: #fff;
	box-shadow: 0 10px 8px rgba(197, 197, 197, .2);
	position: relative;
	overflow: hidden;
	transition: .5s all;
}

.pro-box img {
	width: 100%;
	height: 249px;
}

.pro-name {
	height: 63px;
	line-height: 63px;
	text-align: center;
	font-size: 18px;
	transition: .5s all;
}

.pro-box:hover .pro-name {
	width: 100%;
	height: 110px;
	background-color: #4991e8;
	color: #fff;
	position: absolute;
	bottom: 0;
	box-shadow: 0 -9px 36px rgba(73, 145, 232, .8);
	transition: .5s all;
}

.pro-box:hover .pro-dec {
	display: block;
}

.pro-dec {
	width: 84px;
	height: 25px;
	line-height: 25px;
	border-radius: 50px;
	border: 1px solid #fff;
	display: block;
	margin: 0 auto;
	display: none;
	font-size: 14px;
}

.pro-more {
	width: 135px;
	height: 38px;
	line-height: 38px;
	color: #fff;
	text-align: center;
	display: block;
	margin: 23px auto;
	background-color: #4991e8;
}

.pro-more:hover {
	background-color: #ec0c31;
	transition: .5s all;
}

/* 解决方案 */
.solution-con {
	margin: 60px 35px;
	box-sizing: border-box;
	color: #fff;
}

.solu-con-left {
	float: left;
	width: 720px;
}

.solu-tit {
	font-size: 36px;
	padding-bottom: 35px;
}

.solu-con {
	font-size: 16px;
	line-height: 30px;
}

.solu-dec {
	/* width: 110px;
	height: 38px;
	color: #fff; */
}

.solu-con-right {
	float: left;
	margin-left: 90px;
}

/* 详情hover样式 */
.set_1_btn {
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 16px;
	font-weight: 400;
	line-height: 45px;
	margin-right: 2em;
	text-align: center;
	max-width: 110px;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle;
	width: 100%;
}

.set_1_btn:hover {
	text-decoration: none;
}

.Vbtn-3 {
	background: transparent;
	text-align: center;
	float: left;
	margin-top: 46px;
}

.Vbtn-3 svg {
	height: 45px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.Vbtn-3 rect {
	fill: none;
	stroke: #ffffff;
	stroke-width: 3;
	stroke-dasharray: 422, 0;
	transition: all 450ms linear 0s;
}

.Vbtn-3:hover {
	background: rgba(225, 51, 45, 0);
	font-weight: 900;
	letter-spacing: 1px;
	transition: all 150ms linear 0s;
}

.Vbtn-3:hover rect {
	stroke-width: 5;
	stroke-dasharray: 20, 500;
	stroke-dashoffset: 30;
	-webkit-transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}


.picScroll-top {
	margin: 0 auto;
	width: 168px;
	/* overflow:hidden; */
	position: relative;
	/* height: 265px; */
}

.picScroll-top .hd {
	overflow: hidden;
	/* height:30px; */
	/* padding:0 10px; */
}

.picScroll-top .hd .prev {
	display: block;
	width: 22px;
	height: 7px;
	overflow: hidden;
	cursor: pointer;
	background: url("../images/pre_icon.png") no-repeat;
	position: absolute;
	left: 50%;
	/* top: 50%; */
	transform: translate(-50%, -50%);
}

.picScroll-top .hd .next {
	width: 22px;
	height: 7px;
	cursor: pointer;
	background: url("../images/next_icon.png") no-repeat;
	position: absolute;
	left: 50%;
	bottom: -25px;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.picScroll-top .hd ul {
	float: right;
	overflow: hidden;
	zoom: 1;
	margin-top: 10px;
	zoom: 1;
}

.picScroll-top .hd ul li {
	float: left;
	width: 9px;
	height: 9px;
	overflow: hidden;
	margin-right: 5px;
	text-indent: -999px;
	cursor: pointer;
	background: url("images/icoCircle.gif") 0 -9px no-repeat;
}

.picScroll-top .hd ul li.on {
	background-position: 0 0;
}

.picScroll-top .bd {
	/* padding:10px; */
	background: #fff;
	color: #333;
	border-radius: 7px;
}

.picScroll-top .bd ul {
	overflow: hidden;
	zoom: 1;
}

.picScroll-top .bd ul li {
	text-align: center;
	zoom: 1;
	color: #333;
	height: 60px !important;
}

.picScroll-top .bd ul li .pic {
	text-align: center;
}

.picScroll-top .bd ul li .pic img {
	width: 180px;
	height: 90px;
	display: block;
	padding: 2px;
}

.picScroll-top .bd ul li .title {
	line-height: 60px !important;
	/* color: #fff; */
}

.picScroll-top .bd ul li .title a {
	/* color: #fff; */
}

.tempWrap {
	height: 240px !important;
}

/* .picScroll-top .bd ul li .title.active{background-color: #4991e8;color: #fff;} */
.picScroll-top .bd ul li.active {
	background-color: #4991e8;
	color: #fff;
}

/* 主营业务插件CSS */
.zq-icon {
	display: inline-block;
	background: url(../Images/icon.png) no-repeat;
}

.icon40x40 {
	width: 40px;
	height: 40px
}

.crad-area-icon1 {
	background-position: 0 0
}

.crad-area-icon2 {
	background-position: -40px 0
}

.crad-area-icon3 {
	background-position: -80px 0
}

.crad-area-icon4 {
	background-position: -120px 0
}

.card-area {
	margin: 0 auto;
	height: 330px;
	width: 1100px;
	position: relative;
}

.card-area .bg-e8e8e8 {
	background: #ffffff;
}

.card-area .bg-e1e1e1 {
	background: #ffffff;
}

.card-area .card-item {
	z-index: 4;
	position: relative;
	float: left;
	width: 17%;
	height: 330px;
	background-color: transparent;
	border-right: 1px solid #f5f5f5;
	box-sizing: border-box;
	border-left: 1px solid #f5f5f5;
	cursor: pointer;
}

.card-area .card-item+.card-item {
	margin-left: -1px
}

.card-area .card-item .card {
	width: 100%;
	height: 100%;
	text-align: center;
	background: #fff;
}

.card-area .card-item .card .card-content {
	width: 100%;
	line-height: 2
}

.card-area .card-item .card .card-content.content-first {
	/* transition: all .12s cubic-bezier(.4,0,.2,1) .18s; */
	z-index: 3;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
	float: left;
	width: 188px;
}

.card-area .card-item .card .card-content.content-second {
	transition: all .12s cubic-bezier(.4, 0, .2, 1) 0s;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
	line-height: 2;
}

.card-area .card-item .card .card-content.content-second li {
	float: left;
	width: 50%
}

.card-area .card-item .card .card-content,
.card-area .card-item .card .card-title {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 1
}

.card-area .card-item .card .card-title {
	/* padding-top:1px; */
	/* transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s; */
	height: 145px;
	line-height: 26px;
	font-size: 14px;
	top: 0;
}

.card-area .card-item .card .card-title .content {
	position: absolute;
	top: 30%;
	width: 100%;
}

.card-area .card-item .card .card-title h1 {
	font-size: 22px;
	font-weight: 700;
	color: #d9efff;
	margin-bottom: 0
}

.card-area .card-item .card .card-title .short-info {
	color: #8dbbdc;
	font-size: 14px;
	margin-top: 0;
	margin-bottom: 20px
}

.card-area .card-item .card .card-title .zq-product-img {
	width: 55px;
	height: 55px;
	margin: 0 auto;
	position: relative;
}

.card-area .card-item .card .card-title .zq-product-img img {
	position: absolute;
	left: 0;
	width: 100%
}

.card-area .card-item .card .card-title .zq-product-img .un-hover {
	z-index: 1;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100))
}

.card-area .card-item .card .card-title .zq-product-img .with-hover {
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0))
}

.card-area .card-item .card .card-title .short-info,
.card-area .card-item .card .card-title .zq-product-img img,
.card-area .card-item .card .card-title h1 {
	transition: all .15s cubic-bezier(.4, 0, .2, 1) 0s
}

.card-area .card-item .card .card-content {
	height: 330px;
	/* position:absolute; */
	/* top:145px; */
}

.card-area .card-item .card .card-content.content-first .content-first-list {
	width: 100%;
	max-width: 250px;
	font-size: 16px;
	color: #373d41;
	margin-top: 109px;
	/* margin-bottom:47px; */
}

.card-area .card-item .card .card-content.content-first .content-first-list li {
	/* margin-bottom: 30px; */
}

.card-area .card-item .card .card-content.content-second {
	/* width:90%; */
	/* left:25px; */
	font-size: 14px;
	color: #a9b0b4;
	text-align: left;
	/* padding-top:26px; */
	width: 349px;
	float: right;
	left: 190px;
}

.card-area .card-item .card .card-content.content-second .main-head {
	color: #3db1ea;
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 10px
}

.card-area .card-item .card .card-content.content-second p {
	margin: 10px 0;
}

.card-area .card-item .card .card-content.content-second .main-tip {
	color: #232933;
	font-size: 24px;
}

.card-area .card-item .card .card-content.content-second .main-desc {
	color: #8c8c8c;
	font-size: 14px;
	line-height: 22px;
}

.card-area .card-item .card .card-content.content-second .main-btn {
	cursor: pointer;
	font-size: 14px !important;
	color: #999999;
	margin-top: 22px;
	margin-bottom: 33px;
	border: none;
	transition: color .3s ease-in-out, background .3s ease-in-out;
	float: right;
}

.card-area .card-item .card .card-content.content-second .main-btn:hover {
	color: #e4000a;
	/* background:#1b77b9 */
}

.card-area .card-item .card .card-content.content-second .main-white-btn {
	cursor: pointer;
	width: 160px;
	height: 36px;
	border: 1px solid #3db1ea;
	font-size: 16px !important;
	color: #3db1ea;
	margin-top: 22px;
	margin-bottom: 33px;
	border-radius: 19px;
	background: #fff;
	transition: color .3s ease-in-out, background .3s ease-in-out
}

.card-area .card-item .card .card-content.content-second .main-white-btn:hover {
	color: #fff;
	background: #3db1ea
}

.card-area .card-item .card .card-content .other-info {
	width: 105%;
	height: 70px;
	overflow: hidden;
	line-height: 22px;
	padding-top: 20px;
	font-size: 12px
}

.card-area .card-item .card .card-content .other-info .other-info-list {
	width: 27%;
	height: 70px;
	background: #f2f2f2;
	margin-right: 25px;
	padding: 0 0 0 10px;
	position: relative
}

.card-area .card-item .card .card-content .other-info .other-info-list .c-a-arrow {
	position: absolute;
	right: 10px;
	top: 15px;
	background-position: -200px 0
}

.card-area .card-item .card .card-content .other-info .other-info-list:hover {
	background: #3db1ea
}

.card-area .card-item .card .card-content .other-info .other-info-list:hover .c-a-arrow {
	background-position: -200px -17px
}

.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-desc,
.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-head {
	color: #fff
}

.card-area .card-item .card .card-content .other-info .other-info-list .list-context {
	color: #00c1de
}

.card-area .card-item .card .card-content .other-info .other-head {
	font-size: 16px;
	font-weight: 400;
	color: #000;
	margin: 13px 0 0 0;
}

.card-area .card-item .card .card-content .other-info .other-desc {
	margin-top: 2px;
	font-size: 12px;
	color: #999
}

.card-area .card-item.active {
	z-index: 6;
	/* box-shadow:0 0 30px rgba(0,0,0,.2); */
	width: 49%;
	height: 330px;
}

.card-area .card-item.active .card .card-title {
	background-color: #4991e8;
	height: 330px;
	/* top:-15px; */
	border: none;
	width: 188px;
	float: left;
}

.card-area .card-item.active .card .card-title .short-info {
	color: #9ed8f5
}

.card-area .card-item.active .card .card-title h1 {
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	margin: 12px 0;
}

.card-area .card-item.active .card .card-content.content-first {
	transition: all .12s cubic-bezier(.4, 0, .2, 1) 0s;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
}

.card-area .card-item.active .card .card-content.content-second {
	/* transition:all .12s cubic-bezier(.4,0,.2,1) .18s; */
	z-index: 3;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
	padding: 50px 30px;
	box-sizing: border-box;
	text-align: justify;
}

.main-icon {
	width: 23px;
	height: 6px;
	background-color: #e4000a;
}

/* 注册 */
.regin-wrap {
	width: 100%;
	height: 1020px;
	background: url(../images/login_bg_02.jpg) no-repeat;
	background-size: 100% 100%;
	/* display: inline-block; */
	/* position: absolute; */
	bottom: 0;
}

.regin-inner {
	width: 440px;
	height: 698px;
	padding-top: 153px;
	margin: 0 auto 0;
	text-align: center;
}

.regin-name {
	width: 410px;
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	border: 1px solid #ececec;
	margin-bottom: 9px;
	background: #f9f9f9;
}

.regin-paw {
	width: 200px;
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	border: 1px solid #ececec;
	margin-bottom: 9px;
	background: #f9f9f9;
}

.re-icon {
	width: 30px;
	height: 30px;
	float: left;
	margin: 5px;
}

.re-input {
	float: left;
	width: 300px;
	height: 40px;
	font-size: 14px;
	outline: none;
}
.re-input-pwa {
	float: left;
	width: 140px;
	height: 40px;
	font-size: 14px;
	outline: none;
}

.regin-code {
	width: 205px;
	height: 40px;
	float: left;
	border-radius: 5px;
	border: 1px solid #ececec;
	background: #f9f9f9;
}
.upl-img{
	width: 70px;
	height: 70px;
	position: relative;
	background: url(../images/add.jpg) no-repeat;
	margin-bottom: 15px;
	margin-top: 10px;
	background-size: 100% 100%;
}
.up-tit{
	color: #333;
	margin-bottom: 6px;
}
.check-box{
	margin-bottom: 6px;
}
.file-img{
	width: 90px;
	height: 90px;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	z-index: 1;
}
.re-input-code {
	float: left;
	width: 120px;
	height: 40px;
	font-size: 14px;
	outline: none;
}

.re-icon-code {
	float: left;
	margin-left: 10px;
	width: 120px;
	height: 55px;
	border-radius: 5px !important;
}

.code-change {
	font-size: 16px;
	color: #3595e9;
	/* line-height: 55px; */
	padding-top: 34px;
	float: left;
	margin-left: 10px;
}

.radio-box {
	padding: 20px 0;
	font-size: 15px;
	text-align: left;
}

.radio-box input {
	margin: 0 10px;
}

.sub-btn {
	width: 410px;
	height: 50px;
	line-height: 50px;
	border-radius: 5px;
	color: #fff;
	background-color: #02aa35;
	box-shadow: 0 2px 6px rgba(2, 170, 53, .5);
	display: block;
	font-size: 16px;
	text-align: center;
	margin-bottom: 20px;
	outline: none;
	margin-top: -6px;
}

.footers {
	width: 100%;
	height: 35px;
	line-height: 35px;
	background-color: #797979;
	/* position: relative;
	bottom: 35px; */
	/* position: absolute; */
	bottom: 0;
	color: #fff;
}

.login-tit {
	font-size: 25px;
	padding-top: 90px;
	color: #16b3d4;
	padding-bottom: 40px;
}

.gn-bottom {
	font-size: 18px;
	padding: 8px 10px;
}

.color-blue {
	color: #02aa35;
}

.code-hq {
	width: 120px;
	height: 40px;
	line-height: 45px;
	background-color: #02aa35;
	color: #fff;
	box-shadow: 0 2px 6px rgba(2, 170, 53, .5);
	/* box-shadow: 0 2px 6px rgba(202, 225, 237, .5); */
	border-radius: 5px;
	display: inline-block;
	text-align: center;
	/* float: right; */
	margin-left: 4px;
}

.code-pa {
	width: 260px;
}

.re-pass {
	width: 180px;
}

.re-l {
	margin-bottom: 9px;
}

.agreen {
	font-size: 16px;
}
/* 书籍列表 */
.book-box{
	width: 25%;
	float: left;
	margin-bottom: 30px;
}
.book-list{
	width: 250px;
	height: 203px;
	border: 1px solid #e5e5e5;
	display: block;
	margin: 0 auto;
	transition: .5s all;
}
.book-list img{
	width: 168px;
	height: 168px;
	display: block;
	margin: 18px auto;
	transition: .5s all;
	overflow: hidden;
	object-fit: contain;
}
.book-name{
	font-size: 18px;
	padding: 18px 23px;
}
.book-list:hover img{
	transform: scale(1.08, 1.08);
	-moz-transform: scale(1.08, 1.08);
	-webkit-transform: scale(1.08, 1.08); 
	-o-transform: scale(1.08, 1.08);
}
.book-list:hover{border:1px solid #02aa35;transition:.5s all;}
.choose-sf{
	text-align: center;
	display: inline-block;
	margin-bottom: 13px;
	margin-right: 30px;
}
.choose-sf li{
	width: 100px;
	height: 40px;
	line-height: 40px;
	float: left;
	font-size: 16px;
	border-radius: 5px;
	margin: 0 20px;
	border: 1px solid #e0e0e0;
	cursor: pointer;
}
.choose-sf li.active{
	background-color: #02aa35;
	border: 1px solid #02aa35;
	color: #fff;
}
.zl-tit{
	font-size: 16px;
	padding-bottom: 10px;
}
.zl-texta{
	width: 412px;
	height: 68px;
	resize: none;
	border-radius: 5px;
	border: 1px solid #ececec;
	background: #f9f9f9;
	margin-right: 25px;
	font-family: 微软雅黑;
	padding: 10px;
	box-sizing: border-box;
	margin-bottom: 9px;
	outline: none;
}

/* 个人中心 */
.center-wrap{
	background-color: #fff;
	padding: 40px 0;
	min-height: 700px;
	box-sizing: border-box;
}
.center-tit{
	/* font-size: 16px; */
	font-weight: bold;
	/* border-bottom: 1px solid #eee; */
	/* padding-bottom: 10px; */
	/* margin-bottom: 20px; */
}
.center-tit h3{
	border-bottom: 1px solid #ededed;
	text-align: center;
	padding-bottom: 20px;
}
.center-little{
	font-size: 16px;
	border-bottom: 1px solid #ededed;
	min-height: 53px;
	/* line-height: 53px; */
	padding: 15px 40px;
	box-sizing: border-box;
}
.center-little span{
	text-align: left;
	width: 29%;
	display: inline-block;
	float: left;
}

.zm-img{
	width: 60%;
}
.zm-img img{
	width: 100px;
	height: 100px;
	float: left;
	margin-right: 15px;
	margin-top: 16px;
}
/* 搜索 */
.search-l{
	margin-top: 50px;
}
.input-text{
	width: 460px;
	height: 36px;
	line-height: 36px;
	border: 1px solid #ccc;
	padding-left: 15px;
	box-sizing: border-box;
	float: left;
	outline: none;
}
.input-button{
	width: 95px;
	height: 36px;
	background: #02aa35;
	color: #fff;
	border: none;
	line-height: 36px;
}
.btn{
	width: 80px;
	height: 80px;
	background: url(../images/add.jpg) no-repeat;
	display: inline-block;
	float: left;
	background-size: 100% 100%;
	/* left: 10px; */
}
.sele-box{outline: none;border: none;background: none;margin-top: 3px;}
.sele-box option{outline: none;}
.cnzz-icons{margin-top: 16px;}

/* 左侧二维码 */
.ewm-boxs{
	padding: 15px;
	background-color: #fff;
	box-shadow: 0 0 10px 10px #edfafc;
	/* position: fixed;
	top: 40%;
	left: 70px;
	z-index: 9; */
	border-radius: 8px;
	position: relative;
	left: 60px;
}
.img-code{
	width: 120px;
	display: block;
	margin: 0 auto;
}
.logins{
	display: block;
	background: #02aa35;
	color: #fff;
	border-radius: 20px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	margin: 10px auto;
}
.regins{
	display: block;
	background: #02aa35;
	color: #fff;
	border-radius: 20px;
	height: 35px;
	line-height: 35px;
	text-align: center;
}
.text-p{
	font-size: 16px;
	padding-bottom: 5px;
}

/* @media only screen and (min-width:320px) {
	.ewm-boxs{
		padding: 10px;
		background-color: #fff;
		box-shadow: 0 0 10px 10px #edfafc;
		position: fixed;
		top: 40%;
		left: 18px;
		z-index: 9;
		border-radius: 8px;
	}
	.img-code{
		width: 70px;
		display: block;
		margin: 0 auto;
	}
	.logins{
		display: block;
		background: #02aa35;
		color: #fff;
		border-radius: 20px;
		height: 28px;
		line-height: 28px;
		text-align: center;
		margin: 10px auto;
		width: 95px;
	}
	.regins{
		display: block;
		background: #02aa35;
		color: #fff;
		border-radius: 20px;
		height: 28px;
		line-height: 28px;
		text-align: center;
		margin: 10px auto;
		width: 95px;
	}
	.text-p{
		font-size: 12px;
		padding-bottom: 5px;
	}
}
	 */

/* @media only screen and (max-width: 750px) {
	.ewm-boxs{
		padding: 10px;
		background-color: #fff;
		box-shadow: 0 0 10px 10px #edfafc;
		position: fixed;
		top: 40%;
		left: 18px;
		z-index: 9;
		border-radius: 8px;
	}
	.img-code{
		width: 70px;
		display: block;
		margin: 0 auto;
	}
	.logins{
		display: block;
		background: #02aa35;
		color: #fff;
		border-radius: 20px;
		height: 28px;
		line-height: 28px;
		text-align: center;
		margin: 10px auto;
		width: 65px;
	}
	.regins{
		display: block;
		background: #02aa35;
		color: #fff;
		border-radius: 20px;
		height: 28px;
		line-height: 28px;
		text-align: center;
		margin: 10px auto;
		width: 65px;
	}
	.text-p{
		font-size: 12px;
		padding-bottom: 5px;
	}
} */
.cnzz-b a img{margin-top: 10px;position: absolute;top: 8px;right: 20px;}