/*banner*/
.Home_banner {
	width: 100%;
	height: 540px;
	background: url("../images/Home_page/Home_banner.png") no-repeat;
}
.Home_banner span {
	font-size: 36px;
	color: #fff;
	padding-top: 86px;
	display: block;
}
.product_tab {
	margin: 40px 0;
}
.product_tab li {
	width: 160px;
	height: 36px;
	border: 1px #fff solid;
	font-size: 14px;
	text-align: center;
	line-height: 36px;
	margin-right: 38px;
	color: #fff;
	cursor: pointer;
	transition: all 0.35s;
 	transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
}
.product_tab li:hover,
.product_tab li.product_cur {
	background: #2165ff;
	border: 1px #2165ff solid;
}
/*banner_产品选项卡*/
.product_content {
	height: 300px;
}
.product_content .font_js {
	height: 20px;
	margin-bottom: 25px;
}
.product_content .font_js .triangle{
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid #fff;	
}
.product_content .font_js .product_font {
	font-size: 14px;
	color: #fff;
	margin-left: 15px;
	line-height: 12px;
}
.product_content .WAF_content {
	width: 810px;
	height: 206px;
	margin-top: 11px;
}
.product_content .WAF_content .WAF_frame{
	width: 405px;
	height: 176px;
	background: #2165ff;
}
.WAF_frame i {
	width: 56px;
	height: 56px;
	background: url("../images/Home_page/waf_content_img.png") no-repeat;
	display: block;
	margin: 60px 26px;
}
.fangyu p {
	font-size: 18px;
	font-weight: bold;
	display: block;
	color: #fff;
	margin: 32px 0 26px 0;
}
.product_frame .more {
	display: block;
	color: #fff;
	position: relative;
	height: 20px;
}
.product_frame .more::before {
	content: "";
	width: 11px;
	height: 12px;
	background: url("../images/Home_page/more.png") no-repeat;
	position: absolute;
	top: 5px;
    left: -16px;
}
.a_list {
	width: 130px;
    margin-right: 10px;
}
.a_list a {
	color: #fff;
	line-height: 24px;
}
.Blj_content .dkj,
.Rz_content .dkj,
.WAF_content .dkj {
	width: 810px;
	height: 176px;
	margin-top: 30px;
}
/*日志审计系统*/
.Rz_content {
	width: 742px;
	height: 206px;
	margin-top: 11px;
}
.Rz_content .dkj {
	width: 742px;
}
.Rz_content .Rz_frame {
	width: 185.5px;
	height: 176px;
}
.Blj_content .dkj .Blj_frame:nth-child(2n-1),
.Rz_content .Rz_frame:nth-child(2n-1) {
	background: #2165ff;
}
.Blj_content .dkj .Blj_frame:nth-child(2n),
.Rz_content .Rz_frame:nth-child(2n) {
	background: #1655e3;
}
.Rz_content .Rz_frame i {
	width: 68px;
	height: 68px;
	background: url("../images/Home_page/Rz_content_img.png") no-repeat;
	display: block;
	margin: 14px auto;
}
.Rz_content .Rz_frame p {
	font-size: 16px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	display: block;
}
.Rz_content .Rz_frame span {
	width: 144px;
	font-size: 13px;
	color: #fff;
	text-align: center;
	display: block;
	padding-top: 5px;
    margin: 0 auto;
}
.Blj_content {
	margin-top: 11px;
}
.Blj_content .dkj {
	width: 690px;
}
.Blj_content .Blj_frame {
	width: 138px;
	height: 176px;
}
.Blj_frame i {
	width: 52px;
	height: 52px;
	background: url("../images/Home_page/Blj_content_img.png") no-repeat;
	display: block;
	margin: 30px auto 25px auto;
}
.Blj_frame p {
	font-size: 14px;
	color: #fff;
	text-align: center;
}
.Blj_frame span {
	font-size: 12px;
	color: #fff;
	text-align: center;
	padding-top: 0;
}
.product_content {
	display: none;
}
/*企业服务*/
.qyfw_frame {
	width: 100%;
	height: auto;
}
.home_title {
	font-size: 30px;
	color: #333;
	margin:55px auto 75px auto;
	position: relative;
	text-align: center;
	width: 120px;
}
.home_title::before,
.home_title::after {
	content: "";
	width: 25px;
	height: 2px;
	background: #333;
	position: absolute;
	top: 50%;
}
.home_title::before {
	left: -40px;
}
.home_title::after {
	left: 135px;
}
.frame_center .qyfw_name {
	width: 100%;
	height: 42px;
	box-sizing: border-box;
	border-bottom: 1px #eee solid;
}
.frame_center .qyfw_name p {
	font-size: 24px;
	color: #333;
	display: block;
}
.frame_center .qyfw_name .lookmore {
	font-size: 14px;
	color: #9a9a9a;
	position: relative;
	margin-right: 14px;
	transition: all 0.25s;
 	transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
}
.qyfw_name .lookmore:after {
	content: "";
	width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 5px solid #9a9a9a;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: -8px;
    transition: all 0.25s;
 	transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
}
.frame_center .qyfw_name .lookmore:hover {
	color: #2165ff;

}
.frame_center .qyfw_name .lookmore:hover:after {
	border-left: 5px solid #2165ff;
	right: -12px;
}
.cp_frame {
	height: 180px;
	margin: 75px auto;
}

.cp_frame a {
	width: 378px;
	height: 180px;
	display: block;
	background: #f4f6fb;
	margin-right: 33px;

}
.cp_frame a:last-child {
	margin-right: 0;
}
.cp_frame a .icon {
	width: 59px;
	height: 59px;
	background: url("../images/Home_page/icon.png") no-repeat;
	margin: 38px 12px 0 22px;
	text-align: center;
	line-height: 59px;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
}
.cp_frame a .p_frame span {
	font-size: 18px;
	color: #333;
	display: block;
	margin-top: 45px;
	margin-bottom: 5px;
}
.cp_frame a .p_frame p {
	width: 256px;
	font-size: 14px;
	color: #888;
}
.yw_frame {
	height: 458px;
	margin-top: 62px;
	margin-bottom: 82px;
	position: relative;
}
.yw_frame .ywa {
	width: 400px;
	height: 458px;
	border: 1px #eee solid;
	position: absolute;
	bottom: 0;
	box-sizing: border-box;
	background: #fff;
	transition: all 0.35s;
 	transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
}
.yw_frame .ywa:hover {
	bottom: 10px;
}
.yw_frame .ywa:hover .details{
	background: #ff6a00;
	color: #fff;
	border: none;
}
.yw_frame .ywa:first-child {
	left: 0;
}
.yw_frame .ywa:nth-child(2) {
	left: 399px;
}
.yw_frame .ywa:nth-child(3) {
	left: 798px;
}
.yw_frame .yw_title {
	width: 178px;
	height: 40px;
	margin: 30px auto 15px auto;
}
.yw_frame .yw_title i {
	width: 40px;
	height: 40px;
	background: url("../images/Home_page/yw_icon.png") no-repeat;
}
.yw_frame .yw_title p {
	font-size: 18px;
	color: #333;
	font-weight: bold;
	display: block;
	margin: 6px 0 0 8px;
}
.yw_frame .ywa label {
	width: 338px;
	font-size: 13px;
	color: #888;
	text-align: center;
	display: block;
	margin: 0 auto;
}
/*时间轴*/
.yw_frame .ywa .time_axis {
	width: 340px;
	height: 83px;
}
.yw_frame .step_fonb,
.yw_frame .step_font {
	width: 64px;
	height: 22px;
	background: #2165ff;
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 22px;
	position: relative;
	/*改变旋转中心点*/
	transform-origin: center bottom;
}
.yw_frame .step_fonb{
	transform-origin: center top;
}
.yw_frame .step_fonb:after,
.yw_frame .time_axis .step_font:after {
	content: "";
	width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    bottom: -5px;
    margin-left: -5px;
}
.yw_frame .time_axis .step_font:after {
    border-top: 5px solid #2165ff;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    bottom: -5px;
    margin-left: -5px;

}
.yw_frame .step_fonb:after {
	border-left: 5px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #2165ff;
    top: -4px;
}
.time_keybox {
	animation:mytime 0.4s 1 forwards;
}
.time_keybob {
	animation:mytimb 0.4s 1 forwards;
}
@keyframes mytime
{
	10% {transform: rotate(-10deg);}
	30% {transform: rotate(10deg);}
	50% {transform: rotate(-5deg);}
	80% {transform: rotate(5deg);}
	100% {transform: rotate(0deg);}
}
@keyframes mytimb
{
	10% {transform: rotate(-10deg);}
	30% {transform: rotate(10deg);}
	50% {transform: rotate(-5deg);}
	80% {transform: rotate(5deg);}
	100% {transform: rotate(0deg);}
}
.time_axis .time_line {
	width: 100%;
	height: 3px;
	background: #dadada;
	margin: 12px 0;
	position: relative;
}
.time_axis .time_line .yuan {
	width: 7px;
	height: 7px;
	background: #dadada;
	border-radius: 50%;
	position: absolute;
	top:-2px;
}
.time_axis .time_line .sanjiao {
	width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #dadada;
    position: absolute;
    top: -5px;
}
.fwmd_frame {
	width: 338px;
	height: 28px;
	margin: 0 auto;
}
.fwmd_frame .fwy {
	width: 8px;
	height: 8px;
	background: #4981ff;
	border-radius: 50%;
	margin-top: 6px;
}
.fwmd_frame p {
	width: 315px;
	color: #333;
	font-size: 14px;
	margin-left: 10px;
}
.yw_frame .details {
	width: 338px;
	height: 38px;
	display: block;
	box-sizing: border-box;
	border: 1px #eee solid;
	color: #727272;
	line-height: 38px;
	text-align: center;
	margin-left: 30px;
    margin-top: 25px;
    transition: all 0.35s;
 	transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
}
.yw_frame .details:hover {
	background: #ff6a00;
	color: #fff;
	border: none;
}
.xtfw_frame {
	width: 338px;
	height: 56px;
	box-sizing: border-box;
	border: 1px #eee solid;
	margin: 55px auto 0 auto;
	background: #fff;
}
.xtfw_frame .fwname {
	width: 54px;
    height: 46px;
    background: #2165ff;
    color: #fff;
    text-align: center;
    line-height: 20px;
    padding-top: 8px;
    position: relative;
}
.xtfw_frame .fwname:after {
	content: "";
	width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 5px solid #fff;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 4px;
}
.xtfw_frame .fwnr {
	font-size: 12px;
    color: #333;
    text-align: center;
    width: 102px;
    height: 34px;
    box-sizing: border-box;
    line-height: 17px;
    margin-top: 10px;
    border-right: 1px #dadada solid;
}
.aqzx_frame {
	width: 338px;
	height: 92px;
	margin: 38px auto 0 auto;
}
.aqzx_frame p {
	font-size: 14px;
	font-weight: 600;
	color: #333;
	display: block;
}
.aqzx_frame .aqnr_frame {
	width: 100%;
	height: 64px;
	margin-top: 14px;
}
.aqzx_frame .aqnr_frame li {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	border: 1.5px #2165ff solid;
	box-sizing: border-box;
	font-size: 12px;
	color: #333;
	text-align: center;
	padding-top: 10px;
	position: relative;
}
.aqzx_frame .aqnr_frame li:not(:first-child):after{
	content: "";
	width: 8px;
	height: 8px;
	transform: rotate(45deg);
	position: absolute;
	left: -19px;
	top: 50%;
	margin-top: -8px;
	background: #d0deff;
}
.aqzx_frame .aqnr_frame li:not(:first-child) {
	margin-left: 27px;
}
/*行业解决方案*/
.hyfa_frame {
	width: 100%;
	height: 282px;
	margin: 62px auto 75px auto;
}
.hyfa_frame .hy_li {
	width: 290px;
	height: 282px;
	box-sizing: border-box;
	border-radius: 6px;
	border:1px #eee solid;
	background: #fff;
}
.hyfa_frame .hy_li:not(:first-child) {
	margin-left: 12px;
}
.hyfa_frame .hy_li .hy_name {
	width: 100%;
	height: 76px;
	background: #143d99;
	border-radius: 6px 6px 0 0;
}
.hy_li .hy_name .hy_title {
	font-size: 16px;
	font-weight: bold;
	line-height: 60px;
    margin-left: 20px;
	position: relative;
	color: #fff;
}
.hy_li .hy_name .hy_title:after {
	content: "";
	background: url("../images/Home_page/hy_icon.png") no-repeat;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 23px;
    right: 184px;
}
.hy_li:last-child .hy_name .hy_title:after {
	right: 136px;
}
.hy_li .hy_name span {
	font-size: 12px;
	color: #fff;
	display: block;
	margin-top: -16px;
    margin-left: 20px;
}
.hyfa_frame .hya {
	width: 222px;
	height: auto;
	margin: 26px auto;
}
.hyfa_frame .hya a {
	display: block;
	font-size: 14px;
	color: #333;
	position: relative;
	margin-bottom: 10px;
	transition: all 0.35s;
 	transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
}
.hyfa_frame .hya a::before {
	content: "";
	width: 5px;
	height: 2px;
	background: #333;
	position: absolute;
	top: 50%;
	margin-top: -2px;
	left: -15px;
	transition: all 0.35s;
 	transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
}
.hyfa_frame .hya a:hover {
	color: #2165ff;
	margin-left: 6px;
}
.hyfa_frame .hya a:hover:before{
	width: 8px;
	background: #2165ff;
}
/*联系我们*/
.us_frame {
	width: 100%;
	height: 560px;
	background: #f7fafc;
}
.us_frame .us_content {
	width: 100%;
	height: 260px; 
}
.us_frame .us_content .font_frame {
	width: 590px;
	height: auto;
	margin-top: 75px;
}
.us_frame .us_content .font_frame p {
	font-size: 18px;
	color: #333;
	display: block;
}
.us_frame .us_content .font_frame span {
	font-size: 14px;
	color: #888;
	display: block;
}
.lxfs {
	margin-top: 10px;
}
.us_frame .us_content  i {
	width: 24px;
	height: 24px;
	display: block;
	background: url("../images/Home_page/us_icon.png") no-repeat;
}
.us_frame .us_content .lxfs label {
	font-size: 15px;
	color: #888;
	margin-left: 10px;
	display: block;
}
.us_input {
	width: 430px;
	height: auto;
	margin-top: 60px;
}
.us_input .input_frame {
	width: 430px;
	/* height: 36px; */
	box-sizing: border-box;
	border: 1px #818588 solid;
	border-radius: 4px;
	margin-bottom: 20px;
}
.us_input .input_frame input {
	width: 320px;
	height: 36px;
	/* line-height: 36px; */
	padding-left: 6px;
	border: none;
	background: none;
}
.us_input .input_frame textarea {
	width: 320px;
	height: 86px;
	/* line-height: 36px; */
	padding: 8px 16px;
	border: none;
	background: none;
}
.us_input .input_frame textarea:focus {
	outline: -webkit-focus-ring-color auto 0;
}
.us_input .tijiao {
	width: 430px;
	height: 40px;
	background: #ff6a00;
	color: #fff;
	text-align: center;
	line-height: 40px;
	display: block;
}