* {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-decoration: none;
	font-family: "黑体";
}
a {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-user-select: none;
	-moz-user-focus: none;
	-moz-user-select: none;
	background-color: transparent;
}
li{
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-user-select: none;
	-moz-user-focus: none;
	-moz-user-select: none;
	background-color: transparent;
}
.banner {
	width: 100%;
	height: auto;
}

.banner img {
	width: 100%;
	height: auto;
	display: block;
}
.nav {
	width: 100%;
	height: auto;
	background: #2742e9;
}

.nav-ul {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}
.nav-ul li{
	height: 0.68rem;
	margin: 0 0.1rem;
}
.nav-ul li a {
	font-size: 0.26rem;
	color: #fff;
	height: 0.68rem;
	line-height: 0.68rem;
	display: block;
}
.main {
	width: 100%;
}

.main-c {
	width: 6.9rem;
	margin: 0.3rem auto;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	position: relative;
	overflow: hidden;
}
.m-p {
	font-size: 0.26rem;
	color: #333333;
	text-indent: 0.42rem;
	line-height: 0.42rem;
	text-align: justify;
}
.qy-l{
	width: 100%;
}

.title{
	height: 0.68rem;
	margin: 0.34rem auto;
	font-size: 0.4rem;
	color: #fff;
	text-align: center;
	line-height: 0.65rem;
	
}
.tit1{
	width: 2.18rem;
	background: url(../img/title.png) no-repeat;
	background-size:100% 100%;
	
}
.tit2{
	width: 2.98rem;
	background: url(../img/title1.png) no-repeat;
	background-size:100% 100%;
}
.qy-r{
	width: 100%;
}
.qy-r img{
	width: 100%;
	display: block;
}
.ztbg-c{
	width: 6.9rem;
	height: auto;
	margin: 0 auto;
	background: #ffffff;
}
.ztbg-l{
	width: 100% !important;
	height: auto !important;
	float: left;
	
}
.ztbg-sw{
	width: 100% !important;
	height: auto !important;
	display: block;
}

.ztbg-d{
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	display: flex;
	align-items: center;
	height: 0.56rem;
	background: rgba(87, 84, 83, 0.5);
}
.ztbg-d div{
	width: 100%;
	height: 0.56rem;
	line-height: 0.56rem;
	font-size: 0.32rem;
	color: #FFFFFF;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-indent: 0.64rem;
}
.ztbg-r{
	width: 100% !important;
	float: right !important;
}
.clear{
	clear: both;
}
.text-overflow{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.text-overflow2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.pagin{
	position: absolute;
	width: 100px !important;
	height: 56px;
	left:380px !important;
	text-align: right !important;
	bottom: 0px !important;
	z-index: 100 !important;
	display: flex;
	align-items: center;
}
.swiper-pagination-bullet{
	background: #ffffff !important;
	opacity: 1 !important;
	margin: 0 4px !important;
}
.my-bullet-active{
	background: #cf4535 !important;
	opacity: 1 !important;
}
.ztbg-li{
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 0.24rem;
}

.ztbg-li a{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.ztbg-h2{
	font-size: 0.28rem;
	color: #141921;
	margin-top: 0.2rem;
	padding: 0 0.2rem;
}
.ztbg-li p{
	font-size: 0.26rem;
	color: #626467;
	margin-top: 0.14rem;
	padding: 0 0.2rem;
}


.zt-sj{
	width: 1.2rem;
	height: 1.2rem;
	color: #fff;
	background: #d2d2d2;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
}
.activess .zt-sj{
	background: #cf4535;
}
.sj-h2{
	width: 100%;
	text-align: center;
	font-size: 0.4rem;
	font-weight: bold;
}
.zt-sj span{
	font-size: 0.18rem;
}
.zt-r,.zt-r1{
	width: 5.6rem;
}
.b1{
	width: 100%;
	height: auto;
	background: url(../img/bg1.png) no-repeat;
	background-size: 100% 100%;
	display: flex;
}
.b1 .main-c{
	margin: 0.38rem auto;
}
.scjs{
	width: 100%;
	height: auto;
}
.scjs-img{
	width: 100%;
	height: auto;
	display: block;
}
.scjs-c{
	width: 100%;
	height: auto;
	padding-left: 0rem;
}
.scjs-sz{
	width: 100%;
	display: flex;
	align-items: center;
	font-size: 0.34rem;
	color: #ffffff;
	margin-top: 0.2rem;
}
.scjs-sz img{
	width: 0.36rem;
	height: 0.15rem;
	display: block;
	margin-left: 0.1rem;
}
.icon-1{
	transform: rotate(180deg);
}
.scjs-h3{
	font-size: 0.30rem;
	color: #ffffff;
	margin-top: 0.14rem;
}
.scjs-p{
	width: 100%;
	font-size: 0.26rem;
	color: #ffffff;
	margin-top: 0.2rem;
	line-height: 0.64rem;
}
.marketing{
	width: 100%;
}
.ma-h3{
	width: 100%;
	text-align: center;
	font-size: 0.30rem;
	line-height: 0.48rem;
	margin-top: 0.16rem;
	color: #282828;
}
.mas-h3{
	width: 100%;
	text-align: center;
	font-size: 0.3rem;
	margin-top: 0.16rem;
	color: #282828;
	padding: 0.2rem 0;
}
.ma-p{
	width: 100%;
	font-size: 0.26rem;
	color: #8d8d8d;
	line-height: 0.46rem;
}
.m-img{
	width: 100%;
	height: 230px;
}
.m-img img{
	width: 100%;
	height: 100%;
	display: block;
}
.box{
	width: 100%;
}
.tab_menu{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.tab_menu li{
	height: 0.64rem;
	text-align: center;
	padding: 0 0.2rem;
	line-height: 0.64rem;
	font-size: 0.3rem;
	color: #8c8c8c;
	border: 0.01rem solid #8c8c8c;
	border-radius: 0.32rem;
	margin: 0.1rem 0.09rem;
}
.current{
	background: #c61b1b;
	color: #ffffff !important;
	border: 0.01rem solid #c61b1b !important;
}
.tab_box{
	width: 100%;
}
.tech{
	
}
.tech{
	margin: 0.7rem auto;
	display: block;
}
.tech a{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-between;
}
.te-img{
	width: 100%;
	height: auto;
}
.te-img img{
	width: 100%;
	height: auto;
	display: block;
}
.hide{
	display: none !important;
}
.te-r{
	width: 100%;
}
.te-r h3{
	width: 100%;
	text-align: center;
	font-size: 0.4rem;
	margin: 0.3rem auto;
	color: #000;
}
.te-m{
	width: 100%;
}
.te-m p{
	font-size: 0.26rem;
	color: #8d8d8d;
	line-height: 0.5rem;
	margin-bottom: 0.2rem;
}

.footer {
	width: 100%;
	height: 105px;
	padding: 20px 0px;
	background: #339bca;
}

.footer-c {
	width: 100%;
	margin: 0 auto;
	font-size: 0.14rem;
	color: #fff;
	text-align: center;
}

.footer1 {
	padding-top: 0.16rem;
}

.footer2 {
	line-height: 0.34rem;
}

.footer3 {
	padding-bottom: 0.16rem;
}
@media screen and (min-width:960px) {
.nav {
	width: 100%;
	height: 68px;
	background: linear-gradient(180deg, #2F99CD, #9FD189);
}

.nav-ul {
	width: 1280px;
	height: 68px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 auto;
}
.nav-ul li{
	height: 68px;
	margin: 0 auto;
}
.nav-ul li a {
	font-size: 26px;
	color: #fff;
	height: 68px;
	line-height: 68px;
	display: block;
}

.main {
	width: 100%;
}

.main-c {
	width: 1200px;
	margin: 30px auto;
}
.qy{
	justify-content: space-between;
}
.qy-l{
	width: 565px;
}

.title{
	height: 45px;
	margin: 34px auto;
	font-size: 30px;
	color: #fff;
	text-align: center;
	line-height: 45px;
}
.tit1{
	width: 198px;
	background: url(../img/title.png) no-repeat 100% 100%;
}
.tit2{
	width: 278px;
	background: url(../img/title1.png) no-repeat 100% 100%;
}
.qy-r{
	width: 574px;
}
.qy-r img{
	width: 100%;
	display: block;
}
.m-p {
	width: 100%;
	font-size: 16px;
	color: #333333;
	text-indent: 32px;
	line-height: 38px;
	text-align: justify;
}
.ztbg-c{
	width: 1200px;
	height: auto;
	margin: 0 auto;
	background: #ffffff;
}
.ztbg-l{
	width: 474px !important;
	height: auto !important;
	float: left;
	
}
.ztbg-sw{
	width: 474px !important;
	height: 316px !important;
	display: block;
}

.ztbg-d{
	width: 474px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	display: flex;
	align-items: center;
	height: 56px;
	background: rgba(87, 84, 83, 0.5);
}
.ztbg-d div{
	width: 334px;
	height: 56px;
	line-height: 56px;
	font-size: 16px;
	color: #FFFFFF;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-indent: 14px;
}
.ztbg-r{
	width: 650px !important;
	float: right !important;
}
.clear{
	clear: both;
}
.text-overflow{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.text-overflow2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.pagin{
	position: absolute;
	width: 100px !important;
	height: 56px;
	left:380px !important;
	text-align: right !important;
	bottom: 0px !important;
	z-index: 100 !important;
	display: flex;
	align-items: center;
}
.swiper-pagination-bullet{
	background: #ffffff !important;
	opacity: 1 !important;
	margin: 0 4px !important;
}
.my-bullet-active{
	background: #cf4535 !important;
	opacity: 1 !important;
}
.ztbg-li{
	float: left;
	width: 100%;
	height: 90px;
	margin-bottom: 24px;
}

.ztbg-li a{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.ztbg-h2{
	font-size: 16px;
	color: #141921;
	margin-top: 20px;
	padding: 0 20px;
}
.ztbg-li p{
	font-size: 14px;
	color: #626467;
	margin-top: 14px;
	padding: 0 20px;
}
.zt-r1{
	width: 1084px;
}

.zt-sj{
	width: 90px;
	height: 90px;
	color: #fff;
	background: #d2d2d2;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
}
.activess .zt-sj{
	background: #cf4535;
}
.sj-h2{
	width: 100%;
	text-align: center;
	font-size: 40px;
	font-weight: bold;
}
.zt-sj span{
	font-size: 18px;
}
.zt-r{
	width: 544px;
}
.b1{
	width: 100%;
	height: 1149px;
	background: url(../img/bg1.png) no-repeat;
	background-size: 100% 100%;
	display: flex;
}
.b1 .main-c{
	margin: 38px auto;
}
.scjs{
	width: 400px;
	height: 266px;
}
.scjs-img{
	width: 400px;
	height: 266px;
	display: block;
}
.scjs-c{
	width: 364px;
	height: 266px;
	padding-left:36px;
}
.scjs-sz{
	width: 100%;
	display: flex;
	align-items: center;
	font-size: 24px;
	color: #ffffff;
	margin-top: 20px;
}
.scjs-sz img{
	width: 26px;
	height: 15px;
	display: block;
	margin-left: 10px;
}
.icon-1{
	transform: rotate(180deg);
}
.scjs-h3{
	font-size: 20px;
	color: #ffffff;
	margin-top: 14px;
}
.scjs-p{
	width: 350px;
	font-size: 16px;
	color: #ffffff;
	margin-top: 20px;
	line-height: 26px;
}
.marketing{
	width: 367px;
}
.ma-h3{
	width: 100%;
	text-align: center;
	font-size: 20px;
	line-height: 48px;
	margin-top: 16px;
	color: #282828;
}
.mas-h3{
	width: 100%;
	text-align: center;
	font-size: 20px;
	margin-top: 16px;
	color: #282828;
	padding: 20px 0;
}
.ma-p{
	width: 100%;
	font-size: 16px;
	color: #8d8d8d;
	line-height: 24px;
}
.m-img{
	width: 100%;
	height: 230px;
}
.m-img img{
	width: 100%;
	height: 100%;
	display: block;
}
.box{
	width: 100%;
}
.tab_menu{
	width: 100%;
	display: flex;
	justify-content: center;
}
.tab_menu li{
	height: 32px;
	text-align: center;
	padding: 0 20px;
	line-height: 32px;
	font-size: 16px;
	color: #8c8c8c;
	border: 1px solid #8c8c8c;
	border-radius: 32px;
	margin: 0 9px;
}
.current{
	background: #c61b1b;
	color: #ffffff !important;
	border: 1px solid #c61b1b !important;
}
.tab_box{
	width: 100%;
}
.tech{
	
}
.tech{
	margin: 70px auto;
	display: block;
}
.tech a{
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.te-img{
	width: 547px;
	height: 314px;
}
.te-img img{
	width: 547px;
	height: 314px;
	display: block;
}
.hide{
	display: none !important;
}
.te-r{
	width: 600px;
}
.te-r h3{
	width: 100%;
	text-align: center;
	font-size: 20px;
	margin: 30px auto;
	color: #000;
}
.te-m{
	width: 100%;
}
.te-m p{
	font-size: 16px;
	color: #8d8d8d;
	line-height: 24px;
	margin-bottom: 20px;
}

.footer {
	width: 100%;
	height: 105px;
	padding: 20px 0px;
	background: #339bca;
}

.footer-c {
	width: 1200px;
	margin: 0 auto;
	font-size: 14px;
	color: #fff;
	text-align: center;
}

.footer1 {
	padding-top: 16px;
}

.footer2 {
	line-height: 34px;
}

.footer3 {
	padding-bottom: 16px;
}
}