body{
	font-family: "微软雅黑";
}

.banner{
	width: 100%;
	height: auto;
	position: relative;
	background: url(../images/02.png)no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.banner>img{
	display: block;
}
.bannerIn{
	width: 100%;
	height: auto;
	padding-bottom: 80px;
}
.banner_in{
	width: 1200px;
	height: auto;
	margin:auto;
}
.nav{
	width: 1200px;
	margin:auto;
	height: 70px;
	align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
   
}
.navOut{
	width: 100%;
	position: relative;
	top:0;
	left: 0;
	z-index: 100;
}

.b_txt{
	padding-left: 60px;
	padding-top: 178px;
	box-sizing:border-box;
	color:#fff;
}
.b_txt1{
	font-size: 42px;
}
.b_txt2{
	font-size: 18px;
	margin-top: 35px;
}
.b_but{
	margin-top: 100px;
}
.b_a{
	display: inline-block;
	height: 40px;
	padding:0 35px;
	box-sizing:border-box;
	color:#fff;
	background-color: #179cff;
	border-radius: 5px;
	line-height: 40px;
}
.b_a i{
	vertical-align: -7px;
	margin-left: 5px;
}
.con1{
	width: 100%;
	height: auto;
	background-color: #fff;
	padding-bottom: 120px;
	box-sizing:border-box;
}
.con1_in{
	width: 1200px;
	height: auto;
	margin:auto;
	padding-top: 133px;
	box-sizing:border-box;
}
.con1_top{
	width: 100%;
	height: auto;
	align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.c1_left{
	webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.c1_left,.c1_b_left{
	padding-left: 50px;
	box-sizing:border-box;
}
.c1_txt1{
	font-size: 28px;
	color:#333;
}
.c1_txt2{
	font-size: 18px;
	color:#999;
	margin-top: 20px;
}
.c1_right,.c1_b_right{
	padding-left: 70px;
	padding-right: 34px;
	box-sizing:border-box;
}
.con1_bottom{
	margin-top: 126px;
	align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.c1_b_right{
	webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;

}
.con2{
	width: 100%;
	height: auto;
	background-color: #f8f8f9;
	padding-top:98px;
	padding-bottom:138px;
	box-sizing:border-box;
}
.con2_in{
	width: 1226px;
	height: auto;
	margin:auto;
}
.c_title{
	text-align: center;
	font-size: 34px;
	color:#333;
}
.c_pro{
	font-size: 20px;
	text-align: center;;
	color:#999;
	margin-top: 15px;
}
.c_line{
	text-align: center;
}
.c_line span{
	display: inline-block;
	width: 40px;
	height: 3px;
	background-color: #159bff;
	margin-top: 20px;
}
.con_ul{
	width: 100%;
	height: auto;
	margin-top: 60px;
}
.con_ul ul{
	width: 100%;
	height: auto;
	overflow: auto;
}
.con_ul ul li{
	width: 25%;
	height: 363px;
	box-sizing:border-box;
	padding:13px;
	float: left;
}
.con_ul ul li a{
	display: inline-block;
	width: 100%;
	height: 100%;
	background-color: #fff;
	text-align: center;
	padding:0 40px;
	padding-top: 42px;
	box-sizing:border-box;
}
.con_ul ul li:hover a{
	box-shadow: #e0e0e0 2px 4px 20px;
}
.li_img{
	display: inline-block;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	overflow: hidden;
}
.li_img img{
	width: 100%;
	height: auto;
}
.li_txt{
	padding-top: 36px;
	box-sizing:border-box;
}
.li_txt1{
	font-size: 20px;
	color:#333;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.li_txt2{
	font-size: 14px;
	color:#999;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 26px;
    margin-top: 16px;
}
.con3{
	width: 100%;
	height: auto;
	padding-top:103px;
	padding-bottom: 120px;
	box-sizing:border-box; 
}
.con3_in{
	width: 1200px;
	height: auto;
	margin:auto;
}
.c3_ul{
	width: 100%;
	height: auto;
}
.c3_ul ul{
	width: 100%;
	height: auto;
	overflow: auto;
}
.c3_ul ul li{
	width: 33.33%;
	height: 450px;
	padding:40px;
	box-sizing:border-box;
	float: left;
}
.c3_ul ul li a{
	display: inline-block;
	width: 100%;
	height: 100%;
	background-color: #fff;
	text-align: center;
}
.ul_img{
	display: inline-block;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	overflow: hidden;
}
.c3_txt1{
	font-size: 24px;
	color:#333;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.c3_txt2{
	font-size: 18px;
	color:#999;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.c3_txt{
	padding-top: 50px;
	box-sizing:border-box;
}
.c3_txt2{
	margin-top: 25px;
}
.con3_in.con4_in{
	width: 1210px;

}
.c4_ul{
	width: 100%;
	height: auto;
}

.c4_ul ul{
	width: 100%;
	height: auto;
	overflow: auto;
}
.c4_ul ul li{
	width: 230px;
	height: 230px;
	margin:5px;
	float: left;
	position: relative;
	padding-top: 20px;
	box-sizing:border-box;
}
.li_qr{
	display: inline-block;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	top:0;
	left: 0;
}
.c4_ul ul li a{
	display: inline-block;
	width: 100%;
	height: 100%;
	text-align: center;
}
.c4_img{
	display: inline-block;
	width: 150px;
	height: 150px;
	overflow: hidden;
}
.c4_txt{
	text-align: center;
	font-size: 20px;
	color:#333;
	margin-top: 13px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    padding:0 10px;
    box-sizing:border-box;
}
.li_qr{
	width: 100%;
	height: 100%;
	padding:20px;
	box-sizing:border-box;
	display: none;
	cursor: pointer;
}
.qr_code{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.qr_code img{
	width: 100%;
	height: auto;
}


/*5.31*/
.b_txt{
	padding-top: 8%;
    align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.b_txt_left{
	webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

#newsdt{ margin-top: 25px;}
.newsdt-bd{
	width:100%;
	overflow:hidden;
	margin-top:30px;
}
.newsdt-bd ul{
	display:none;
}
#newsdt li{
	height:166px;
	box-sizing:border-box;
	padding:19px 40px 19px 18px;
	background:#fff;
	width:100%;
	margin-bottom:30px;
}
#newsdt li:hover{
	box-shadow:6px 0px 10px rgba(203,203,203,0.25);
	-webkit-box-shadow:6px 0px 10px rgba(203,203,203,0.25);
	-moz-box-shadow:6px 0px 10px rgba(203,203,203,0.25);
	-ms-box-shadow:6px 0px 10px rgba(203,203,203,0.25);
}
#newsdt ul>li>img{
	width:160px;
	height:128px;
	float:left;
}
.bd-zi i{
	font-size:14px;
	color:#666;
	display:block;
	line-height:28px;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	display:-webkit-box;
}

.bd-bt{
	overflow:hidden;
}
.bd-bt p{	
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	float:left;
	margin-top:15px;
}
.bd-bt p a{
	font-size:24px;
	color:#000;
	
}
.bd-bt a p {
	font-size:14px;
	color:#000;
	
}
.bd-bt span{
	font-size:16px;
	color:#666;
	display:block;
	margin:22px 0 26px;
	float:right;
}

.download-banner{ height: 470px; background: url(../images/price_banner_bg.png) center }
.download-banner .cate-wrap{ position: relative; }
.download-banner .cate-wrap .content{ position: absolute; right: -64px; top: 133px; width: 550px;}
.download.content .title{ margin-bottom: 30px; font-size: 42px; font-weight: 300; color: #4d4d4d; }
.download.content .desc{ line-height: 30px; font-size: 20px; font-weight: 300; color: #7f7f7f;}
.download.content .apply{ display: inline-block; width: 190px; height: 47px; line-height: 47px; background-color: #f55e4f; margin-top: 35px; margin-right:5px; color: #fff; box-shadow: inset 0 -5px 2px rgba(0, 0, 0, 0.1); border-radius: 6px; text-align: center; font-size: 23px; font-weight: lighter;}
.download.content .apply:hover{ background-color: #dc5447; box-shadow: 0 0 0 0; }
.download.content .lxh-download{ display: inline-block; width: 190px; height: 47px; line-height: 47px; background-color: #0077FF; margin-top: 35px; margin-right:5px; color: #fff; box-shadow: inset 0 -5px 2px rgba(0, 0, 0, 0.1); border-radius: 6px; text-align: center; font-size: 23px; font-weight: lighter;}
.download.content .lxh-download:hover{ background-color: #0068FF; box-shadow: 0 0 0 0; }

.gy_font{ font-size: 14px; line-height: 40px; text-indent: 2em;}

#footer{height:auto;overflow:hidden;margin:0 auto;margin-top:20px;  color: #fff; padding-top: 30px;}
#footer .line{width:auto;height:24px;overflow:hidden;text-align:center;font:12px/24px "微软雅黑","宋体", tahoma, arial, sans-serif;color:#999;}
#footer .line a{font:12px/24px "微软雅黑","宋体", tahoma, arial, sans-serif;color:#fff;margin:0 10px;}
#footer .line span{font:12px/24px "微软雅黑","宋体", tahoma, arial, sans-serif;color:#fff;margin:0 5px;}
#footer .line a{font:12px/24px "微软雅黑","宋体", tahoma, arial, sans-serif;color:#fff;margin:0 5px;}
#footer .line a:hover{text-decoration:none;color:#fff;}
#footer .imgbag{width:auto;height:47px;overflow:hidden;text-align:center;margin-top:6px;}
#footer .imgbag a{margin:0 4px;}



.gyf_top{ padding: 90px 0px;}

body{ min-width: 1200px;}