@charset "utf-8";

/* CSS Document */

.com1200{

	width: 1200px;

	margin: 0 auto;

}



.bg_f5{

	background: #f5f5f5;

}



.com1200_w{

	width: 1200px;

	margin: 0 auto;

	background: #fff;

}





.p_header{

	position: relative;

	margin-bottom: 100px;

}



.p_header_bg{

	width: 100%;

	overflow: hidden;

}

.p_header_bg img{

	position: relative;

	display: block;

	width: 1920px;

	height: 400px;

	left: calc(50% - 960px);

}

.p_header_c{

	position: absolute;top: 0;

	left: 0;right: 0;

	height: 100%;

	display: flex;

}

.p_header_txt{

	color: #fff;

	font-size: 32px;

	letter-spacing: 2px;

}

.p_header_ul{

	position: absolute;

	bottom: -70px;

	display: flex;

	align-items: center;

	justify-content: space-between;

	width: 100%;

	left: 0;

	background: #fff;

	height: 130px;

	border-radius: 10px;

	box-sizing: border-box;

	padding: 0 20px;

	box-shadow: 0 0 10px 5px rgba(0,0,0,.1);

}

.p_header_li{

	width: 25%;

	display: flex;

	align-items: center;

	justify-content: center;

}

.p_header_li_l{

	display: block;

	width: 60px;

	height: 60px;

	margin-right: 10px;

}

.p_header_li_r{}

.p_header_li_r h2{

	font-size: 20px;

}

.p_header_li_r p{

	line-height: 1.6;

	margin-top: 6px;

	color: #666;

	font-size: 16px;

}



.doapp{

	display: flex;

	align-items: center;

	justify-content: space-between;

}

.doapp_li{

	position: relative;

	width: 290px;

	height: 360px;

}

.doapp_li_c{

	display: flex;

	position: absolute;

	width: 290px;

	height: 360px;

	left: 0;

	top: 0;

	-webkit-transition: all .5s;

	transition: all .5s;

	align-items: center;

	justify-content: center;

}



.doapp_li_c:hover,.doapp_li_c.hover{

	z-index: 2;

	transform: scale(1.2);

}

.doapp_li_bg{

	position: absolute;

	display: block;

	left: 0;top: 0;

	width: 100%;

	height: 100%;

}

.doapp_li_c div{

	position: relative;

	z-index: 1;

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;

}

.doapp_li_c div img{

	display: block;

	width: 88px;

	height: 88px;

}

.doapp_li_c div h3{

	color: #fff;

	margin-bottom: 15px;

	font-weight: 600;

	font-size: 20px;

}

.doapp_li_c div p{

	color: #fff;

	line-height: 1.5;

	

	text-align: center;

	font-size: 16px;

}



.appfuwu{

	display: flex;

	align-items: center;

	background: #fff;

}

.appfuwu_li{

	display: flex;

	align-items: flex-start;

	height: 350px;

}

.appfuwu_li_l{

	width: 180px;

	height: 100%;

	position: relative;

	display: flex;

	align-items: center;

	justify-content: center;

	flex-direction: column;

	box-sizing: border-box;

	border-right: 2px solid #fff;

}

.appfuwu_li_l:last-child{

	border-right: 0 solid #fff;

}

.appfuwu_li_l_bg{

	position: absolute;

	display: block;

	width: 100%;

	height: 100%;

}

.appfuwu_li_l_ico{

	display: block;

	position: relative;

	z-index: 2;

	margin-bottom: 10px;

	width: 88px;

	height: 88px;

}

.appfuwu_li_l p{

	position: relative;

	z-index: 2;

	color: #fff;

	font-size: 18px;

	margin-bottom: 20px;

}

.appfuwu_li_r{

	position: relative;

	width: 0;

	height: 100%;

	overflow: hidden;

	-webkit-transition: all .5s;

	transition: all .5s;

}

.appfuwu_li.act .appfuwu_li_r{

	width: 480px;

}

.appfuwu_li_rc{

	width: 480px;height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	box-sizing: border-box;

	padding: 20px;

	/* background: #f00; */

}

.appfuwu_li_rc img{

	position: absolute;

	right: 10px;

	bottom: 10px;

}

.appfuwu_li_rc h3{

	font-size: 28px;

	font-weight: 600;

	margin-bottom: 20px;

	color: #30374d;

}

.appfuwu_li_rc p{

	color: #999;

	font-size: 15px;

	line-height: 1.6;

	width: 200px;

}


.appdeal{

	display: flex;

	align-items: center;

	justify-content: space-between;

	height: 495px;

}

.appdeal_scroll{

	width: 940px;

	height: 100%;

}

#appdeal_swiper{

	height: 100%;

}

.appdeal_li{

	position: relative;

	background: #fff;

	height: 100%;

	width: 100%;

}

.appdeal_li div{

	position: relative;

	z-index: 2;

	box-sizing: border-box;

	padding: 70px 30px;

	color: #fff;

}

.appdeal_li h2{

	font-size: 36px;

	margin-bottom: 40px;

}

.appdeal_li h3{

	margin: 30px 0 15px;

	line-height: 1;

	font-size: 24px;

}

.appdeal_li p{

	font-size: 16px;

	line-height: 1.5;

}

.appdeal_li_bg{

	position: absolute;

	display: block;

	width: 300px;

	z-index: 0;

	top: 100px;

	left: 550px;

}

.appdeal_btns{

	width: 260px;

	display: flex;

	flex-wrap: wrap;

	align-items: flex-start;

}

.appdeal_btns div{

	width: 130px;

	height: 99px;

	border-left: 1px solid #fff;

	border-bottom: 1px solid #fff;

	box-sizing: border-box;

	background: #24232c;

	display: flex;

	align-items: center;

	justify-content: center;

	flex-direction: column;

	cursor: pointer;

}

.appdeal_btns div.act{

	background: #3c3a4b;

}

.appdeal_btns div img{

	display: block;

	width: 32px;

	height: 32px;

}

.appdeal_btns div p{

	color: #fff;

	line-height: 1.6;

}











.appcase{

	display: flex;

	align-items: center;

	justify-content: flex-start;

	flex-wrap: wrap;

}

.appcase_li{

	width: 370px;

	margin: 0 15px 30px;

	color: #000;

	position: relative;

	overflow: hidden;

	border-radius: 6px;

	box-shadow: 0 0 6px 2px rgba(0,0,0,.1);

	background: #fff;

}

.appcase_img{

	position: relative;

	display: flex;

	width: 370px;

	height: 230px;

	overflow: hidden;

	border-radius: 6px;

}

.appcase_img img{

	position: absolute;

	left: 0;

	top: 0;

	display: block;

	width: 100%;

	height: 100%;

	-webkit-transition: all .5s;

	transition: all .5s;

}

.appcase_li:hover .appcase_mask{

	top: 0;

}

.appcase_li:hover .appcase_img img{

	width: 110%;

	height: 110%;

	left: -5%;

	top: -5%;

}

.appcase_mask{

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;top: 101%;z-index: 2;

	box-sizing: border-box;

	padding: 20px;

	background: rgba(0,0,0,.5);

	color: #fff;

	-webkit-transition: all .5s;

	transition: all .5s;

}

.appcase_mask div{

	font-size: 16px;

	line-height: 1.8;

}

.appcase_mask p{

	margin-top: 10px;

	font-size: 15px;

	line-height: 1.5;

	letter-spacing: 1px;

}

.appcase_title{

	white-space: nowrap;overflow: hidden;text-overflow: ellipsis;

	margin: 14px 15px;

	font-size: 16px;

	line-height: 32px;

}

.appcase_more{

	cursor: pointer;

	color: #fff;

	background: #236ffb;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	line-height: 40px;

	padding: 0 30px;

	font-size: 16px;

	border-radius: 6px;

}



.appqs{

	display: flex;

	align-items: flex-start;

	justify-content: flex-start;

	flex-wrap: wrap;

}

.appqs_li{

	width: 400px;

	box-sizing: border-box;

	padding: 10px 30px 10px 20px;

}

.appqs_li_ask{

	position: relative;

	padding-left: 30px;

	line-height: 40px;

	font-size: 18px;

	color: #333;

}



.appqs_li_ask:before,.appqs_li_ans:before{

	position: absolute;

	content: '';

	display: flex;

	align-items: center;

	justify-content: center;

	width: 20px;

	height: 20px;

	font-size: 14px;

	line-height: 1;

	color: #fff;

	border-radius: 4px;

}

.appqs_li_ask:before{

	left: 0;

	top: 10px;

	content: 'Q';

	background: #0192ff;

}

.appqs_li_ans{

	position: relative;

	padding-left: 30px;

	line-height: 24px;

	font-size: 15px;

	color: #999;

}

.appqs_li_ans:before{

	left: 0;

	top: 2px;

	content: 'A';

	background: #ffb402;

}





.appnews{

	display: flex;

	align-items: flex-start;

	justify-content: space-between;

	flex-wrap: wrap;

}

.appnews_l{

	width: 920px;

	display: flex;

	align-items: flex-start;

	justify-content: flex-start;

	flex-wrap: wrap;

}

.appnews_l_li{

	color: #000;

	width: 460px;

	box-sizing: border-box;

	padding-right: 30px;

	padding-bottom: 20px;

	display: flex;

	align-items: flex-start;

	justify-content: space-between;

}

.appnews_l_li img{

	display: block;

	width: 100px;

	height: 70px;

}

.appnews_l_li div{

	width: calc(100% - 110px);

}

.appnews_l_li div h3{

	font-size: 16px;
	font-weight: 400;
	margin-bottom: 6px;
    height: 25px;
	line-height: 25px;
	overflow: hidden;

}

.appnews_l_li:hover div h3{

	color: #0094f4;

}

.appnews_l_li div p{

	color: #aaa;

	line-height: 20px;

	font-size: 14px;

	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2/*行数*/;overflow: hidden;

}

.appnews_r{

	width: 270px;

}

.appnews_r a{

	color: #000;

	display: block;

	white-space: nowrap;overflow: hidden;text-overflow: ellipsis;

	margin-bottom: 15px;

	font-size: 14px;

}

.appnews_r a:hover{

	color: #0094f4;

}







.syslines{}

.syslines img{

	display: block;

	width: 100%;

	height: auto;

}



.sysfw_box{

	background: #000;height: 660px;position: relative;

}

.sysfw_bg{

	position: absolute;

	z-index: 0;

	overflow: hidden;

	height: 660px;

	width: 100%;

}

.sysfw_bg img{

	position: relative;

	display: block;

	width: 1920px;

	height: 100%;

	left: calc(50% - 960px);

}

.sysfw{}

#sysfw_swiper{

	height: 400px;

}

.sysfw_li{

	position: relative;

	height: 340px;

}

.sysfw_li img{

	position: relative;

	width: 100%;

	height: 100%;

}

.sysfw_li_bg{

	display: block;

}

.sysfw_li_bg_act{

	display: none;

}



.sysfw_li:hover .sysfw_li_bg{

	display: none;

}

.sysfw_li:hover .sysfw_li_bg_act{

	display: block;

}

.sysfw_li div{

	position: absolute;

	width: 100%;

	height: 100%;

	display: flex;

	align-items: center;

	justify-content: center;

	flex-direction: column;

	z-index: 2;

	top: 0;left: 0;

	color: #fff;

}

.sysfw_li div h2{

	font-size: 20px;

	margin-bottom: 10px;

}

.sysfw_li div h3{

	font-size: 30px;

}

.sysfw_li div p{

	width: 150px;

	text-align: center;

	font-size: 15px;

	line-height: 1.6;

}



.sysfw_page{}

.sysfw_page .swiper-pagination-bullet{

	width: 20px;

	border-radius: 8px;

	background: #fff;

}

.sysfw_page .swiper-pagination-bullet.swiper-pagination-bullet-active{

	background: #0689ff;

}



.systools{

	display: flex;

	align-items: flex-start;

	justify-content: space-between;

}

.systools_li{

	display: flex;

	flex-direction: column;

	align-items: center;

	width: 280px;

	height: 380px;

	border-radius: 15px;

	box-shadow: 0 0 8px 3px rgba(0,0,0,.1);

}

.systools_li:hover{

	box-shadow: 0 0 8px 3px rgba(35, 111, 251,.35);

}

.systools_li img{

	display: block;

	margin: 0px 0 20px;

}

.systools_li h3{

	font-size: 24px;

	line-height: 1;

	margin-bottom: 36px;

	color: #333;

}

.systools_li p{

	font-size: 16px;

	line-height: 2;

	color: #333;

}







.mindealways{

	padding-bottom: 60px;

	display: flex;

	align-items: center;

	flex-wrap: wrap;

	/* width: 880px; */

}

.mindealways_li{

	display: flex;

	width: 170px;

	height: 142px;

	align-items: center;

	justify-content: center;

	flex-direction: column;

	border-radius: 5px;

	cursor: pointer;

	cursor: pointer;

}

.mindealways_li:hover{

	background-image: linear-gradient(-90deg,#0883ff 0%,#03beff 100%);

	background-image: -webkit-linear-gradient(-90deg,#0883ff 0%,#03beff 100%);

	box-shadow: 2px 2px 10px rgba(1, 164, 255,.5);

}

.mindealways_li img{

	display: block;

	width: 70px;

	height: 70px;

}

.mindealways_li .go{

	display: block;

	width: 38px;

	height: 38px;

}

.mindealways_li .act{

	display: none;

}

.mindealways_li .act_none{

	display: block;

}

.mindealways_li:hover .act{

	display: block;

}

.mindealways_li:hover .act_none{

	display: none;

}

.mindealways_li p{

	color: #000;

	font-size: 18px;

	line-height: 24px;

	margin-bottom: 0;

}

.mindealways_li:hover p{

	color: #fff;

}





.minwhy{

	position: relative;

	/* min-height: 500px; */

	display: flex;

	align-items: flex-start;

	justify-content: space-between;

	height: 410px;

}

.minwhy_l{

	position: relative;

	left: 20px;

	background: #a5a5a5;

	width: 560px;

	height: 100%;

	border-radius: 10px 0 0 10px;

}



.minwhy_l:after{

	position: absolute;

	content: '';

	right: -150px;

	top: 0;

	width: 0;height: 0;

	border-color: transparent #a5a5a5;

	border-width: 0 0 410px 150px;

	border-style: solid;

}

.minwhy_l_c{

	padding: 20px;

	padding-left: 240px;

	display: flex;

	align-items: flex-start;

	flex-direction: column;

	justify-content: flex-start;

}



.minwhy_l_c h3,.minwhy_r_c h3{

	padding: 0 50px;

	border-radius: 30px;

	height: 50px;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 24px;

	font-weight: 400;

	line-height: 1;

	margin-bottom: 30px;

}

.minwhy_l_c h3{

	background: #333;

	color: #fff;

}

.minwhy_l_c p,.minwhy_r_c p{

	color: #fff;

	line-height: 1.6;

	margin-bottom: 20px;

	font-size: 18px;

}

.minwhy_r{

	position: relative;

	z-index: 3;

	right: 20px;

	top: 30px;

	background: #018bf0;

	width: 540px;

	height: 100%;

	border-radius: 0 10px 10px 0;

	/* box-shadow: 5px 5px 6px 2px rgba(0,0,0,.2); */

}



.minwhy_r:before{

	position: absolute;

	z-index: -1;

	content: '';

	left: -150px;

	top: 0;

	width: 0;height: 0;

	border-color: transparent #018bf0;

	border-width: 410px 150px 0 0;

	border-style: solid;

	/* box-shadow: 0px 5px 5px -5px rgba(0,0,0,.6); */

}

.minwhy_r_c{

	padding: 20px;

	padding-left: 50px;

	display: flex;

	align-items: flex-start;

	flex-direction: column;

	justify-content: flex-start;

}

.minwhy_r_c h3{

	background: #fff;

	color: #018bf0;

}

.minwhy_r_c p{}







.weba_box{}

.weba{

	display: flex;

	justify-content: space-between;

	align-items: flex-start;

	padding: 50px 0;

}

.weba_l{

	width: 50%;

}

.weba_r{

	width: 50%;

	display: flex;

	justify-content: flex-end;

	align-items: center;

}

.weba_com{

	padding: 20px 30px;

	display: flex;

	flex-direction: column;

	align-items: flex-start;

}

.weba_com_img{

	display: block;

}

.weba_com_title{

	font-size: 32px;

	color: #555;

	line-height: 1;

	margin: 20px 0;

}

.weba_com_txt{

	font-size: 16px;

	line-height: 1.5;

	color: #888;

}

.weba_com_more{

	display: flex;

	align-items: center;

	justify-content: flex-start;

	flex-wrap: wrap;

	padding: 20px 0;

}

.weba_com_more p{

	position: relative;

	line-height: 1.8;

	display: flex;

	align-items: center;

	margin-right: 20px;

	font-size: 16px;

	color: #333;

}

.weba_com_more p:before{

	content: '';

	display: inline-block;

	width: 15px;

	height: 15px;

	background: url(../images/weba_ico.png) no-repeat center;

	box-sizing: 18px 19px;

	margin-right: 6px;

}

.weba_com_btn{

	display: flex;

	align-items: center;

	justify-content: center;

	background: #0085ff;

	color: #fff;

	border-radius: 40px;

	height: 50px;

	width: 165px;

	font-size: 16px;

	box-shadow: 0 0 10px 5px rgba(0, 133, 255,.2);

}

.weba_com_btn:hover{

	box-shadow: 0 0 10px 5px rgba(0, 133, 255,.5);

}



.webb_txts{

	border: 1px solid #eee;

	border-radius: 20px;

	padding: 20px 30px;

}

.webb_txts div{

	display: flex;

	align-items: center;

	justify-content: space-around;

}

.webb_txts div p{

	width: 30%;

	box-sizing: border-box;

	line-height: 1;

	display: flex;

	align-items: center;

	font-size: 15px;

	color: #999;

	padding: 15px 0;

}

.webb_txts div p:before{

	content: '';

	display: block;

	width: 8px;

	height: 8px;

	background: #5ea4ff;

	border-radius: 100%;

	margin-right: 6px;

}



.webb_box{

	display: flex;

	align-items: flex-start;

	justify-content: space-between;

}

.webb_box_l{

	width: 60%;

	display: flex;

	align-items: center;

	flex-wrap: wrap;

}

.webb_box_li{

	width: 46%;

	display: flex;

	align-items: flex-start;

	justify-content: space-between;

}

.webb_box_li img{

	display: block;

	width: 132px;

	height: 132px;

}

.webb_box_li div{

	width: calc(100% - 140px);

}

.webb_box_li div h3{

	line-height: 1;

	color: #333;

	font-size: 18px;

	font-weight: 600;

	padding: 25px 0 10px 0;

}

.webb_box_li div p{

	color: #999;

	font-size: 14px;

}

.webb_box_r{

	width: 40%;

	display: flex;

	align-items: center;

	justify-content: flex-end;

}

.webb_box_r img{

	display: block;

}



.webc_box{

	display: flex;

	align-items: flex-start;

	justify-content: space-between;

	position: relative;

	min-height: 630px;

}

.webc_box_bg{

	position: absolute;

	z-index: 0;

	display: block;

	width: 980px;

	height: 630px;

	left: calc(50% - 490px);

	top: calc(50% - 315px);

}

.webc_box_l,.webc_box_r{

	position: relative;

	z-index: 2;

	width: 350px;

	display: flex;

	flex-direction: column;

	padding-top: 60px;

}

.webc_box_l{

	align-items: flex-start;

}

.webc_box_l_title,.webc_box_r_title{

	position: relative;

	width: 300px;

	height: 45px;

	display: flex;

	align-items: center;

	box-sizing: border-box;

	color: #fff;

	font-size: 22px;

	line-height: 1;

	font-weight: 600;

	padding: 0 30px;

}

.webc_box_l_title{

	justify-content: flex-start;

	background-image: linear-gradient(0deg,#3c93ff 0%,#53a0ff 100%);

	background-image: -webkit-linear-gradient(0deg,#3c93ff 0%,#53a0ff 100%);

}

.webc_box_l_title:before,.webc_box_l_title:after,.webc_box_r_title:before,.webc_box_r_title:after{

	position: absolute;

	content: '';

	width: 0;

	height: 0;

	z-index: 1;

}

.webc_box_l_title:before{

	right: 0;

	top: 0;

	border-top: 25px solid #fff;

	border-left: 25px solid transparent;

}

.webc_box_l_title:after{

	right: 0;

	bottom: 0;

	border-bottom: 25px solid #fff;

	border-left: 25px solid transparent;

}

.webc_box_l p,.webc_box_r p{

	font-size: 16px;

	line-height: 2;

	position: relative;

	padding-top: 60px;

}

.webc_box_l p:before,.webc_box_r p:before{

	content: '';

	position: absolute;

	width: 16px;

	height: 16px;

	box-sizing: initial;

	border-radius: 100%;

	background: #fff;

	top: 55px;

}

.webc_box_l p{

	border-left: #64a8fc 2px dashed;

	padding-top: 50px;

	margin-left: 20px;

	padding-left: 25px;

}

.webc_box_l p:before{

	left: -11px;

	top: 55px;

	border:2px solid #64a8fc;

}

.webc_box_r{

	align-items: flex-end;

}

.webc_box_r_title{

	justify-content: flex-end;

	background-image: linear-gradient(0deg,#ffcf6c 0%,#ffb36d 100%);

	background-image: -webkit-linear-gradient(0deg,#ffcf6c 0%,#ffb36d 100%);

}



.webc_box_r_title:before{

	left: 0;

	top: 0;

	border-top: 30px solid #fff;

	border-right: 30px solid transparent;

}

.webc_box_r_title:after{

	left: 0;

	bottom: 0;

	border-bottom: 30px solid #fff;

	border-right: 30px solid transparent;

}

.webc_box_r p{

	border-right: #ffb273 2px dashed;

	margin-right: 20px;

	padding-right: 25px;

}

.webc_box_r p:before{

	right: -11px;

	border:2px solid #ffb273;

}





/* 新增 */

.systoolsb{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.systoolsb_li{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 280px;
	height: 310px;
	border-radius: 15px;
	box-shadow: 0 0 8px 3px rgba(0,0,0,.1);
}
.systoolsb_li:hover{
	box-shadow: 0 0 8px 3px rgba(35, 111, 251,.35);
}
.systoolsb_li img{
	display: block;
	margin: 25px auto 20px;
	width: 140px;
	height: 140px;
}
.systoolsb_li h3{
	font-size: 20px;
	line-height: 1;
	margin-bottom: 10px;
	color: #333;
}
.systoolsb_li p{
	font-size: 16px;
	line-height: 2;
	color: #333;
}

.sysfwb{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.sysfwb_li{
	display: flex;
	align-items: center;
	width: 590px;
	height: 150px;
	background: #fff;
	margin-right: 20px;
	margin-bottom: 20px;
}
.sysfwb_li:nth-child(2n){
	margin-right: 0;
}
.sysfwb_li_l{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 120px;
	height: 120px;
}
.sysfwb_li_l img{
	display: block;
	width: 100px;height: 100px;
}
.sysfwb_li_r{
	width: calc(100% - 140px);
}
.sysfwb_li_r h3{
	font-size: 21px;
	font-weight: 600;
	line-height: 2;
}
.sysfwb_li_r p{
	font-size: 15px;
	color: #666;
}

.yss{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.yss_li{
	width: 160px;
	margin-right: 100px;
	margin-bottom: 30px;
}
.yss_li:nth-child(5n){
	margin-right: 0;
}
.yss_li img{
	display: block;
	position: relative;
	width: 62px;
	height: 62px;
	margin: 0 auto;
	transition: all .6s;
}
.yss_li:hover img{
	transform: rotate(360deg);
}
.yss_li p{
	text-align: center;
	font-size: 16px;
	line-height: 2;
	color: #666;
}