* {margin: 0px; padding: 0px; box-sizing: border-box;}
.clear {font-size: 0px; clear: both; line-height: 0px; height: 1px;}
.clearfix:after {content: "."; display: block;  height: 0; clear: both; visibility: hidden;}
.clearfix {min-height: 1px;}
* html .clearfix {height: 1px;}
img {border-style: none;}
a:link {outline: none;	TEXT-DECORATION: none;}
a:visited {outline: none; TEXT-DECORATION: none;}
a:hover {outline: none;	TEXT-DECORATION: none;}
a:active {outline: none; TEXT-DECORATION: none;}
ul { list-style-type: none;}
ul li { list-style-type: none;}
.blank5{ width:100%; height:5px; clear:both;}
.blank10{ width:100%; height:10px; clear:both;}
.blank15{ width:100%; height:15px; clear:both;}
.blank20{ width:100%; height:20px; clear:both;}
.blank30{ width:100%; height:30px; clear:both;}
.blank40{ width:100%; height:40px; clear:both;}
.blank45{ width:100%; height:45px; clear:both;}
.blank48{ width:100%; height:48px; clear:both;}
.blank50{ width:100%; height:50px; clear:both;}
.blank58{ width:100%; height:58px; clear:both;}
.blank60{ width:100%; height:60px; clear:both;}
.blank65{ width:100%; height:65px; clear:both;}
.blank80{ width:100%; height:80px; clear:both;}
.blank82{ width:100%; height:82px; clear:both;}
.blank90{ width:100%; height:90px; clear:both;}
.blank100{ width:100%; height:100px; clear:both;}
.blank150{ width:100%; height:150px; clear:both;}
/* body ------------------------------*/
body {font-family:SourceHanSansK-Regular; font-size: 14px; line-height: 120%; color: #313131; background-color:#ffffff;}

ul li {list-style: none;}
.max{width:100%; max-width:750px; height:auto; margin:0 auto; overflow:hidden;}
 .clearfix::after {
  content:".";/*加一段内容*/
  display:block;/*让生成的元素以块级元素显示，占满剩余空间*/
  height:0;/*避免生成的内容破坏原有布局高度*/
  clear:both;/*清除浮动*/
  visibility:hidden;/*让生成的内容不可见*/
}
a {
	display: block;
}
span {
	display: block;
}
img{display:block; max-width: 100%;
    width: auto;
  height: auto;}
.inner {
	width: 94%;
	margin: 0 auto;
}
@font-face
{
	font-family: SourceHanSansK-Heavy;
	src: url(../fonts/SourceHanSansK-Heavy.ttf);
}
@font-face
{
	font-family: SourceHanSansK-Medium;
	src: url(../fonts/SourceHanSansK-Medium.ttf);
}
@font-face
{
	font-family: SourceHanSansK-Regular;
	src: url(../fonts/SourceHanSansK-Regular.ttf);
}
@font-face
{
	font-family: SourceHanSansK-Bold;
	src: url(../fonts/SourceHanSansK-Bold.ttf);
}
@font-face
{
	font-family: SourceHanSansK-Light;
	src: url(../fonts/SourceHanSansK-Light.ttf);
}
@font-face
{
	font-family: SourceHanSansK-Normal;
	src: url(../fonts/SourceHanSansK-Normal.ttf);
}
.header {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	height: 58px;
	padding: 0 0 0 3%;
	/*padding: 10px 0;*/
	z-index: 1111;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #ffffff;
}
.logo {
	width: 68%;
	float: left;
}
.header_nav {
	float: right;
	width: 13%;
    padding-right: 3%;
}
.nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 6800;
	/*background: rgba(0,0,0,0.5);*/
}
.nav_left {
	height: 100vh;
	width: 30vw;
	float: left;
}
.nav_right {
	height: 100vh;
	width: 70vw;
	float: right;
	background: #2553b3;
	padding: 20px 0;
}
.nav_close {
	float: right;
	width: 18%;
    padding-right: 15px;
}
.nav_list {
	width: 100%;
	float: left;
	margin-top: 25px;
	overflow-y: scroll;
	height: 100%;
	padding: 0 10%;
}
.nav_item {
	margin-top: 15px;
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 15px;
}
.nav_link {
	font-size: 16px;
	color: #ffffff;
	line-height: 18px;
	padding: 15px 20px 0 20px;
}
.nav_er_list {
	display: none;
}
.nav_er_link {
	font-size: 14px;
	margin-top: 15px;
	color: #c4c4c4;
	padding-left: 30px;
	font-family: SourceHanSansK-Regular;
}
.banner .swiper-pagination {
	width: 100%;
}
.banner .swiper-pagination-bullet {
	width: 10px !important;
	height: 10px !important;
	background: #2553b3;
	margin: 0 10px;
	opacity: 1 !important;
}
.banner .swiper-pagination-bullet-active {
	width: 10px !important;
	height: 10px !important;
	background: #6ace23;
}
.footer {
	background: #2553b3;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 110;
	height: 65px;
}
.footer_list {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.footer_item {
	width: 25%;
	padding: 10px 0;
}
.footer_item img {
	width: 25%;
	margin: 0 auto;
}
.footer_text {
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	margin-top: 5px;
}

.title {
	padding: 25px 0 20px 0;
}
.title_zh {
	font-size: 18px;
	color: #2553b3;
	text-align: center;
	font-weight: bold;
}
.title_zh font {
	color: #81be19;
}
.title_en {
	font-size: 14px;
	color: #d8d8d8;
	text-align: center;
	margin: 5px 0 15px 0;
}
.title img {
	margin: 0 auto;
}
.index_about_text {
	font-size: 14px;
	color: #666666;
	line-height: 23px;
	overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
}
.index_about_more {
	margin: 20px auto 20px auto;
	border: 1px solid #2553b3;
	font-size: 16px;
	color: #2553b3;
	text-align: center;
	width: 130px;
	height: 40px;
	line-height: 40px;
}
.index_about_item {
	float: left;
	width: 48%;
	height: 75px;
	margin-left: 4%;
	padding: 15px;
	margin-bottom: 20px;
}
.index_about_item img {
	float: left;
	width: 30%;
}
.index_about_item:first-of-type {
	margin-left: 0;
	background: url(../images/bg1.jpg) no-repeat left top;
	background-size: 100% 100%;
}
.index_about_item:nth-child(2) {
	background: url(../images/bg2.jpg) no-repeat left top;
	background-size: 100% 100%;
}
.index_about_item:nth-child(3) {
	background: url(../images/bg3.jpg) no-repeat left top;
	background-size: 100% 100%;
	margin-left: 0;
}
.index_about_item:nth-child(4) {
	background: url(../images/bg4.jpg) no-repeat left top;
	background-size: 100% 100%;
}

.index_about_box {
	float: right;
	width: 65%;
	margin-left: 5%;
}
.index_about_zh {
	font-size: 16px;
	color: #ffffff;
	margin-bottom: 5px;
	font-family: SourceHanSansK-Regular;
}
.index_about_en {
	font-size: 12px;
line-height: 14px;
	color: #ffffff;
	font-family: SourceHanSansK-Regular;
}
.index_about_item a {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.index_pro_item {
	float: left;
	width: 48%;
	margin-left: 4%;
	margin-bottom: 25px;
}
.index_pro_item:nth-child(odd) {
	margin-left: 0;
}
.index_pro_title {
	font-size: 16px;
	color: #666666;
	text-align: center;
	margin-top: 10px;
	font-family: SourceHanSansK-Regular;
	overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
}
.index_pro {
	background: #f8faff;
	padding-bottom: 1px;
}
.more {
	margin: 20px auto 20px auto;
	background: #2553b3;
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	width: 130px;
	height: 40px;
	line-height: 40px;
}
.index_jing {
	position: relative;
	margin-bottom: 25px;
}
.index_jing img {
	width: 100%;
}
.index_you {
	position: relative;
}
.index_you img {
	margin: 0 auto 20px auto;
	width: 40%;
}
.index_you_title {
	font-size: 16px;
	color: #2553b3;
	font-family: SourceHanSansK-Bold;
	margin-bottom: 5px;
}
.index_you_text {
	font-size: 14px;
	color: #666666;
	line-height: 23px;
}
.index_you_num {
	width: 60px;
	height: 60px;
	border: 1px solid #2553b3;
	border-radius: 50%;
	font-size: 30px;
	color: #2553b3;
	font-family: SourceHanSansK-Bold;
	text-align: center;
	line-height: 60px;
	-webkit-transition: all 2s ease-in-out;
	position: relative;
}
.index_you_num::after {
	content: '';
	position: absolute;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: #2553b3;
}
.index_you_box1 .index_you_num::after {
	top: 0;
	right: 4px;
}
.index_you_box2 .index_you_num::after {
	top: 50%;
	transform: translateY(-50%);
	right: -6px;
}
.index_you_box3 .index_you_num::after {
	top: 70%;
	transform: translateY(-50%);
	right: -6px;
}
.index_you_box4 .index_you_num::after {
	top: 50%;
	transform: translateY(-50%);
	left: -6px;
}
.index_you_box5 .index_you_num::after {
	top: 0;
	left: 4px;
}
.index_you_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}
.index_you_info {
	width: 75%;
}
.index_eg {
	background: url(../images/bg6.jpg) no-repeat left top;
	background-size: 100% 140px;
}
.index_eg_title {
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	padding-top: 30px;
}
.index_eg_text {
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	font-family: SourceHanSansK-Regular;
	padding-bottom: 30px;
    margin-top: 15px;
}
.index_eg_item {
	float: left;
	width: 48%;
	margin-left: 4%;
	margin-bottom: 25px;
}
.index_eg_item:nth-child(odd) {
	margin-left: 0;
}
.index_eg_name{
	font-size: 16px;
	color: #666666;
	text-align: center;
	margin-top: 8px;
	overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
}
.index_news_tab {
	float: left;
}
.index_news_tab_text {
	font-size: 16px;
	color: #ffffff;
	width: 130px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	float: left;
	background: #2553b3;
}
.index_news_tab_current {
	background: #97ce39;
}
.index_news_more {
	float: right;
	position: relative;
	width: 34px;
	height: 34px;
	background: #97ce39;
	text-align: center;
	line-height: 34px;
	font-size: 20px;
	color: #ffffff;
	margin-top: 6px;
}
.index_news_more::after {
	content: '';
	position: absolute;
	width: 70px;
    height: 2px;
    bottom: 0;
    right: 40px;
	background: #eeeeee;
}
.index_news_item {
	padding: 15px 0;
	border-bottom: 1px solid #eeeeee;
}
.index_news_item:last-of-type {
	border-bottom: none;
}
.index_news_title {
	font-size: 16px;
	color: #2553b3;
	font-family: SourceHanSansK-Regular;
	margin-bottom: 5px;
	overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
}
.index_news_text {
	font-size: 14px;
	color: #666666;
	line-height: 23px;
	font-family: SourceHanSansK-Regular;
	overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.index_news_time {
	font-size: 14px;
	color: #999999;
	font-family: SourceHanSansK-Regular;
	margin-top: 5px;
}
.index_news_list {
	display: none;
}
.index_news_photo {
	width: 35%;
}
.index_news_box {
	width: 60%;
}
.index_news_item a {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.index_news {
	background: #f8faff;
	padding-bottom: 25px;
}
.index_fri {
	padding: 25px 0 0 0;
}
.index_fri_text {
	font-size: 14px;
	color: #999999;
	text-align: center;
	font-family: SourceHanSansK-Regular;
	margin-top: 5px;
}
.index_fri_title {
	font-size: 18px;
	color: #333333;
	text-align: center;
	font-weight: bold;
}
.index_fri_banner {
	margin: 25px 0;
}
.eg_ex_top {
	margin-bottom: 30px;
}
.eg_ex_top img {
	margin: 0 auto;
}
.eg_ex_title {
	font-size: 16px;
	color: #666666;
	text-align: center;
	margin-top: 10px;
}
.box {
	margin: 0 0 20px 0;
}
.box span {
	font-size: 14px;
	line-height: 23px;
	color: #666666;
}
.box img {
	display: inline-block;
	max-width: inherit;
	width: inherit;
}
.index_pro_top {
	text-align: center;
	margin-bottom: 20px;
	overflow-x: scroll;
	white-space: nowrap;
	overflow-y: hidden;
}
.index_pro_text {
	border-left: 1px solid #999999;
	padding: 5px 10px;
	display: inline-block;
}
.index_pro_text:first-of-type {
	padding-left: 0;
	border-left: none;
}
.index_pro_text:last-of-type {
	padding-right: 0;
}
.index_pro_text font {
	padding: 8px 11px;
	font-size: 16px;
	color: #666666;
	font-family: SourceHanSansK-Regular;
	text-align: center;
}
.index_pro_current font {
	color: #ffffff;
	background: #2553b3;
}
.pro_ex_top {
	margin: 20px 0;
	position: relative;
}
.pro_ex_box {
	position: relative;
}
.pro_ex_title {
	font-size: 16px;
	color: #2553b3;
	font-family: SourceHanSansK-Regular;
	margin-bottom: 15px;
	margin-top: 10px;
}
.pro_ex_text {
	font-size: 14px;
	color: #333333;
	margin-top: 10px;
	font-family: SourceHanSansK-Regular;
}
.pro_ex_link1 {
	float: left;
	width: 40%;
	height: 40px;
	background: #2553b3 url(../images/ico4.png) no-repeat 20% center;
	background-size: 20px 20px;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	line-height: 40px;
	padding-left: 24px;
}
.pro_ex_link2 {
	float: right;
	width: 55%;
	height: 40px;
	background: #81be19 url(../images/ico5.png) no-repeat 9% center;
	background-size: 20px 20px;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	line-height: 40px;
	padding-left: 24px;
}
.pro_ex_bottom {
	margin-top: 20px;
}
.pro_ex_cpation {
	font-size: 16px;
	color: #2553b3;
	font-family: SourceHanSansK-Bold;
	padding-bottom: 10px;
	border-bottom: 1px solid #2553b3;
	margin-bottom: 15px;
	position: relative;
}
.pro_ex_cpation::after {
	content: '';
	position: absolute;
	bottom: -1.5px;
	left: 0;
	width: 65px;
	height: 3px;
	background: #81be19;
}
.pro_item {
	float: left;
	width: 48%;
	margin-left: 4%;
	margin-bottom: 25px;
}
.pro_item:nth-child(odd) {
	margin-left: 0;
}
.zi_top {
	text-align: center;
	margin-bottom: 20px;
}
.zi_link {
	width: 30%;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	text-align: center;
	font-size: 16px;
	color: #2553b3;
	border: 1px solid #2553b3;
	margin:  0 3px;
}
.zi_current {
	background: #2553b3;
	color: #ffffff;
}
.question_list .index_question_item {
	padding: 15px 0;
}
.index_question_title {
	font-size: 16px;
	color: #2553b3;
	font-weight: bold;
	display: inline-block;
	margin-top: 14px;
}
.index_question_title font {
	color: #97ce39;
}
.index_question_en {
	font-size: 16px;
	color: #999999;
	margin-left: 15px;
	display: inline-block;
}
.index_question_item {
	border-bottom: 1px solid #eeeeee;
}
.index_question_item:last-of-type {
	border-bottom: none;
}
.index_question_ico {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background: #97ce39;
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	line-height: 35px;
	float: left;
}
.index_question_name {
	float: left;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	width: 84%;
	margin-top: 10px;
}
.index_question_ico1{
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background: #2553b3;
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	line-height: 35px;
	float: left;
}
.index_question_text {
	font-size: 14px;
	color: #666666;
	line-height: 23px;
	float: left;
	width: 84%;
	margin-top: 10px;
}
.index_question_wen {
	margin-bottom: 10px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.liu_photo {
	width: 100%;
	height: 283px;
	background: url(../images/bg7.png) no-repeat left top;
	background-size: 100% 100%;
	padding: 20px;
}
.liu_photo img {
	width: 100%;
}
.liu_section {
	margin: 0 0 30px 0;
}
.liu_area {
	margin-top: 20px;
}
.liu_form {
	display: inline-block;
	width: 100%;
}
.liu_info {
	background: #f6f6f6;
	border-radius: 7px;
	border: 1px solid #2553b3;
	padding: 10px;
	margin-bottom: 15px;
}
.liu_info_text {
	float: left;
	font-size: 14px;
	color: #999999;
}
.liu_info input {
	background: inherit;
	border: none;
	font-size: 14px;
	color: #999999;
	float: right;
	font-family:'Microsoft YaHei';
	width: 80%;
}
.liu_info textarea {
	background: inherit;
	border: none;
	font-size: 14px;
	color: #999999;
	float: right;
	width: 80%;
	height: 100px;
	font-family:'Microsoft YaHei';
}
.liu_btu {
	width: 100%;
	border-radius: 7px;
	background: #2553b3;
	font-size: 14px;
	color: #ffffff;
	border: none;
	padding: 10px 0;
	margin-top: 15px;
}
.con_section {
	margin: 0 0 30px 0;
}
.con_title {
	font-size: 18px;
	color: #2553b3;
	font-weight: bold;
	margin-bottom: 20px;
}
.con_title font {
	color: #6ace23;
}
.con_box span {
	font-size: 14px;
	color: #333333;
	margin-top: 10px;
}
.con_right {
	margin-top: 20px;
	text-align: center;
}
.con_photo {
	display: inline-block;
	margin: 0 10px;
}
.con_text {
	text-align: center;
	font-size: 14px;
	color: #999999;
	margin-top: 15px;
}
.news_ex_title {
	text-align: center;
	font-size: 16px;
	color: #2553b3;
	font-family: SourceHanSansK-Regular;
}
.news_ex_time {
	font-size: 14px;
	color: #999999;
	text-align: center;
	margin: 10px 0 15px 0;
}
.zhao_block {
	margin: 0 auto;
}
.zhao_info {
	padding: 20px 0 15px 0;
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 10px;
}
.zhao_title {
	font-size: 16px;
	color: #333333;
	margin-bottom: 10px;
}
.zhao_en {
	font-size: 14px;
	color: #666666;
	font-weight: bold;
}
.zhao_box span {
	color: #333333;
	line-height: 23px;
}
.zhao_table {
	width: 100%;
}
.zhao_table thead {
	background: #353eb6;
}
.zhao_table td {
	text-align: center;
	padding: 10px 0;
}
.zhao_table thead td {
	font-size: 14px;
	color: #ffffff;
}
.zhao_table tbody {
	background: #eeeeee;
}
.zhao_table tbody td {
	font-size: 14px;
	color: #333333;
}
.td1 {
	width: 40%;
}
.td2 {
	width: 15%;
}
.td3 {
	width: 12%;
}
.td4 {
	width: 15%;
}
.td5 {
	width: 18%;
}
.zhao_section {
	margin-bottom: 30px;
}
.box1 img {
	width: 100%;
}