.nav_frame {
	width:100%;
	height: 80px;
	background: #fff;
}
.nav_frame .logo {
	width: 150px;
	height: 37px;
	background: url("../images/Home_page/logo.png") no-repeat;
	margin: 21.5px 0;
}
.nav_frame .nav_title {
	margin: 30px;
}
.nav_frame .nav_title li {
	/*position: relative;
	width: 130px;*/
	height: 24px;
}
.nav_frame .nav_title li a {
	font-size: 14px;
	color: #333;
	display: block;
	text-align: center;
	line-height: 24px;
	margin: 0 1rem;
	position: relative;
}
.nav_frame .nav_title li a:hover,
.nav_frame .nav_title li a.nav_a{
	color: #2165ff;
}

.nav_frame .nav_title li .nav_line {
	position: absolute;
	bottom: 0;
	transform: translate(-50%, -50%);
	width: 10%;
	height: 2px;
	left: 50%;
	/*animation:mymove 1s 1 forwards;*/
	
}
.nav_frame .nav_title li .nav_line_cur {
	width: 100%;
	background: #2165ff;
}
.nav_frame .nav_title li .nav_aini {

	animation:mymove 0.4s 1 forwards;
}
@keyframes mymove
{
	from {width: 10%;background: #2165ff;}
	to {width: 100%;background: #2165ff;}
}
/*页尾*/
.foot_frame {
	width: 100%;
	height: 300px;
	background: #32373b;
}
.foot_frame .foot_top {
	width: 100%;
	height: 248px;
}
.foot_frame .foot_top .foot_content {
	padding-top: 45px;
    padding-bottom: 78px;
}
.foot_frame .foot_content li:not(:first-child) {
	margin-left: 152px;
}
.foot_frame .foot_content li {
	width: 186px;
	height: auto;
}
.foot_frame .foot_content li p {
	font-size: 15px;
	color: #fff;
	display: block;
}
.foot_frame .foot_content li span,
.foot_frame .foot_content li a{
	font-size: 13px;
	color: #bbbcbc;
	display: block;
	margin-top: 10px;
}
.foot_bottom {
	border-top: 1px #44494c solid;
	width: 100%;
	height: 51px;
	text-align: center;
	line-height: 51px;
	color: #bbbcbc;
}
.foot_bottom a{
	color: #bbbcbc;
}
/*产品banner*/
.product_banner {
	width: 100%;
	height:520px;
	background: url("../images/Home_page/product_banner.png") no-repeat;
}
.product_title {
	padding-top: 136px;
}
.product_banner .product_title i {
	width: 50px;
	height: 50px;
	background: url("../images/Home_page/product_icon.png") no-repeat;
	display: block;
	margin-left: 27px;
}
.product_banner .product_title p {
	font-size: 36px;
	color: #fff;
	display: block;
	margin-left: 15px;
}
.product_banner .span {
	width: 1008px;
	margin: 40px auto;
	color: #fff;
	font-size: 20px;
	text-align: left;
	display: block;
}
.product_icons {
	width: 358px;
	height: 40px;
	margin-left: 96px;
}
.product_icons .service {
	width: 160px;
	height: 40px;
	background: #2165ff;
	color: #fff;
	font-size: 15px;
	text-align: center;
	
	display: block;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}
.product_icons .service .dzx {
	position: absolute;
	left: 50%;
    top: 50%;
    line-height: 40px;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 40px;
    transition: all 0.35s;
    transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
}
.product_icons .service .tell {
	position: absolute;
    left: -80px;
    top: 50%;
    line-height: 40px;
    transform: translate(-50%,-50%);
    transition: all 0.35s;
    transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
}
.product_banner .product_icons .money {
	width: 160px;
    height: 38px;
    box-sizing: border-box;
    border: 1px #fff solid;
    text-align: center;
	line-height: 38px;
	display: block;
	margin-left: 20px;
	color: #fff;
	font-size: 15px;
}
/*三大热门产品*/
.product_dot_tab {
	width: 100%;
	height: 44px;
	border-bottom: 1px #e5e5e5 solid;
	box-sizing: border-box;
}
.product_dot_tab .dot_frame {
	width: 50%;
	height: 44px;
}
.product_dot_tab .dot_frame .dot_name {
	width: 94px;
	height: 44px;
	margin: 0 auto;
	color: #333;
	font-size: 18px;
	line-height: 44px;
	text-align: center;
	cursor: pointer;
	position: relative;
}
.product_dot_tab .dot_frame .dot_name .dot_line {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%,-50%);
	width: 10%;
	height: 2px;
}
.product_dot_tab .dot_frame .dot_name .dot_line_cur {
	width: 100%;
	background: #3d78ff;
}
.product_dot_tab .dot_frame .dot_name_cur,
.product_dot_tab .dot_frame .dot_name:hover {
	color: #3d78ff;
}
.product_dot_tab .dot_frame .dot_name .dot_aini {

	animation:mydot 0.4s 1 forwards;
}
@keyframes mydot
{
	from {width: 10%;background: #3d78ff;}
	to {width: 100%;background: #3d78ff;}
}
/*功能产品icon*/
/*.product_dot .cpgn_frame li:not(:nth-of-type(3n)) {
	margin-right: 39px;
}*/
.product_dot .cpgn_frame li{
	margin-bottom: 25px;
}
.product_dot .cpgn_frame li i {
	width: 48px;
	height: 48px;
	background: url("../images/Waf_page/cpgn_icon.png") no-repeat;
	display: block;
}
.product_dot .frame_center li p {
	font-size: 18px;
	color: #333;
	text-align: center;
}
.product_dot .frame_center li span {
	width: 322px;
	color: #666666;
	font-size: 14px;
	text-align: center;
	display: block;
	margin: 5px auto 0 auto;
}
/*部署方式*/
.bsfs_frame {
	width: 100%;
	height: 794px;
	background: #fff;
}
.dj_title {
	font-size: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	padding-top: 75px;
    padding-bottom: 75px;
	color: #333;
}
.product_dot .cpgn_frame li {
	box-sizing: border-box;
	border: 1px #e5e5e5 solid;
	background: #fff;
}
.bsfs_frame .bsfs_tab {
	width: 100%;
	height: 46px;
	border-bottom: 1px #e5e5e5 solid;
	box-sizing: border-box;
}
.bsfs_tab_center {
	width: 290px;
	margin: 0 auto;
}
.bsfs_tab_center li {
	width: 145px;
	height: 46px;
	text-align: center;
	line-height: 46px;
	font-size: 18px;
	color: #333;
	cursor: pointer;
	position: relative;
}
.bsfs_tab_center li:hover,
.bsfs_tab_center li.bsfali {
	color: #3d78ff;
}
.bsfs_tab_center li .bsfs_line {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%,-50%);
	width: 10%;
	height: 2px;

}
.bsfs_tab_center li .bsfs_line_cur {
	width: 100%;
	background: #3d78ff;
}
.bsfs_tab_center li .bsfs_aini {
	animation:mybsfs 0.4s 1 forwards;
}
@keyframes mybsfs
{
	from {width: 10%;background: #3d78ff;}
	to {width: 100%;background: #3d78ff;}
}
.bsfs_frame .bsfs_content {
	width: 100%;
	height: 438px;
	margin: 60px auto;
}
.bsfs_frame .bsfs_content .bs_name {
	width: 348px;
	height: auto;
	cursor: pointer;
}
.bsfs_content .bs_name .bs_title {
	width: 100%;
	height: 16px;
	margin-bottom: 18px;
}
.bsfs_content .bs_name .bs_title .yd {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #e2e6ec;
	margin: 4px;
}
.bsfs_content .bs_name .bs_title .yd_curr,
.bsfs_content .bs_name .bs_title .yd_cur {
	background: #3d78ff;
}
.bsfs_content .bs_name .bs_title p {
	color: #333;
	font-weight: bold;
	font-size: 16px;
	margin-left: 5px;
	line-height: 16px;
}
.bsfs_content .bs_name .bs_title p.pcurr,
.bsfs_content .bs_name .bs_title p.pcur {
	color: #3d78ff;
}
.bsfs_content .bs_name span {
	width: 100%;
	font-size: 14px;
	text-align: left;
	color: #666666;
}
.bsfs_content .jy {
	width: 348px;
	height: 24px;
	background: #fff;
	border: 1px #999999 solid;
	box-sizing: border-box;
	text-align: center;
	line-height: 24px;
	margin-top: 20px;
}
.bsfs_content .jy_cur {
	background: #ff6a00;
	border: 1px #ff6a00 solid;
	color: #fff;
}
.sec_nav_frame {
	width: 100%;
	height: 50px;
	background: #fff;
	border-top: 1px #eeeeee solid;
	line-height: 50px;
	text-align: center;
	transition: all 0.35s;
 	transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
 	z-index: 1;
 	border-bottom: 1px #eeeeee solid;
}
.sec_nav_frame p {
	color: #333;
	font-weight: bold;
	font-size: 16px;
	margin-right: 36px;
}
.sec_nav_frame a {
	color: #333;
	font-size: 14px;
	margin-right: 26px;
	cursor: pointer;
}
.sec_nav_frame .span_cur,
.sec_nav_frame a:hover {
	color: #2165ff;
}
.content_frame {
	width: 100%;
	height: auto;
	position: relative;
}
.content_frame .float_nav{
	width: 166px;
	height: auto;
	position: absolute;
	top: 25px;
	left: 144px;
	z-index: 1;
}
.content_frame .float_nav .float_nav_title {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}
.content_frame .float_nav ul.float_nav_a {
	width: 100%;
	height: auto;
	margin-top: 28px;
	border-right: 1px #eee solid;
    box-sizing: border-box;
    background-image: linear-gradient(to right,rgba(255,255,255,0),#fff);
}
.content_frame .float_nav ul.float_nav_a li {
	width: 100%;
	height: 40px;
	box-sizing: border-box;
	border-right:0 #3d78ff solid;
	cursor: pointer;
	transition: all 0.35s;
 	transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);

}
.content_frame .float_nav ul.float_nav_a li.nav_li_cur {
	border-right:4px #3d78ff solid;
	background-image: linear-gradient(to right,rgba(255,255,255,0),#d6e2ff);
}
.content_frame .float_nav ul.float_nav_a li .nav_font {
	text-align: right;
	margin-right: 24px;
	line-height: 40px;
	color: #333;
}
.content_frame .float_nav ul.float_nav_a li .nav_font:hover,
.content_frame .float_nav ul.float_nav_a li .nav_font_cur {
	color: #3d78ff;
}