/* ch */



@font-face {
	font-family: "montserrat";
	src: url("../font/montserrat.woff2") format("woff2"),
	url("../font/montserrat.woff") format("woff"),
	url("../font/montserrat.ttf") format("truetype"),
	url("../font/montserrat.eot") format("embedded-opentype"),
	url("https://www.catl.com/template/1/default/_files/font/montserrat/montserrat.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Roboto";
	src: url("../font/Roboto.woff2") format("woff2"),
	url("../font/Roboto.woff") format("woff"),
	url("../font/Roboto.ttf") format("truetype"),
	url("../font/Roboto.eot") format("embedded-opentype"),
	url("https://www.catl.com/template/1/default/_files/font/Roboto/Roboto.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: "Roboto";
	src: url("../font/RobotoLight.woff2") format("woff2"),
	url("../font/RobotoLight.woff") format("woff"),
	url("../font/RobotoLight.ttf") format("truetype"),
	url("../font/RobotoLight.eot") format("embedded-opentype"),
	url("https://www.catl.com/template/1/default/_files/font/RobotoLight/RobotoLight.svg") format("svg");
	font-weight: lighter;
	font-style: normal;
}


@font-face {
	font-family: "Roboto";
	src: url("../font/RobotBold.woff2") format("woff2"),
	url("../font/RobotBold.woff") format("woff"),
	url("../font/RobotBold.ttf") format("truetype"),
	url("../font/RobotBold.eot") format("embedded-opentype"),
	url("https://www.catl.com/template/1/default/_files/font/RobotBold/RobotBold.svg") format("svg");
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: "MontserratAlternatesBold";
	src: url("../font/MontserratAlternatesBold.woff2") format("woff2"),
	url("../font/MontserratAlternatesBold.woff") format("woff"),
	url("../font/MontserratAlternatesBold.ttf") format("truetype"),
	url("../font/MontserratAlternatesBold.eot") format("embedded-opentype"),
	url("https://www.catl.com/template/1/default/_files/font/MontserratAlternatesBold/MontserratAlternatesBold.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}


body {
	font-family: "Roboto", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
}

/* h2{
    font-size: 72px;
}

h3{
    font-size: 48px;
}

h4{
    font-size: 40px;
}

h5{
    font-size: 36px;
}

p{
    font-size: 18px;
} */
.wscnph{
	padding: 2%;
	display: block;
	width: 100%;
}
.mc_txt2436 p {
	font-size: 24px;
	line-height: 1.5;
}

.mc_mb60 {
	margin-bottom: 60px;
}

.mc_mb100 {
	margin-bottom: 100px;
}

.mc_mb150 {
	margin-bottom: 150px;
}

.yxedr_active p {
	color: #666;
	font-size: 18px;
	line-height: 1.75;
	/* margin-bottom: 36px; */
	letter-spacing: 1px;
}

/* 手机导航 */
.g_phnav1.yxnav_active1,
.g_phnav2.yxnav_active2 {
	color: #001eb4;
}

.mc_ph_hd {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 64px;
	background-color: #fff;
}

.mc_ph_navbar {
	padding: 0 20px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.mc_language_ph a {
	line-height: 64px;
	color: #333;
	margin-right: 15px;
}

.mc_ph_hd .mc_ph_logo a {
	line-height: 64px;
}

.mc_ph_hd .mc_ph_logo {
	width: 165px;
}

.mc_ph_logo img {
	width: 100%;
}

.mc_ph_menu {
	overflow: hidden;
	width: 26px;
	height: 50px;
}

.mc_ph_hd .mc_phmenubox {
	width: 26px;
	height: 50px;
	cursor: pointer;
	text-align: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.mc_ph_hd .mc_phmenubox .point {
	position: relative;
	display: inline-block;
	width: 26px;
	height: 22px;
	margin-top: 15px;
	transform: translateX(-3px);
}

.mc_ph_hd .mc_phmenubox .point .nav_btn,
.mc_ph_hd .mc_phmenubox .point .nav_btn::after,
.mc_ph_hd .mc_phmenubox .point .nav_btn::before {
	display: inline-block;
	width: 26px;
	height: 1px;
	background-color: #333;
}

.mc_ph_hd .mc_phmenubox .nav_btn {
	position: absolute;
	top: 8px;
	right: 0;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}

.mc_ph_hd .mc_phmenubox .nav_btn::after,
.mc_ph_hd .mc_phmenubox .nav_btn::before {
	content: '';
	position: absolute;
	right: 0;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}

.mc_ph_hd .mc_phmenubox .nav_btn::after {
	top: -8px;
}

.mc_ph_hd .mc_phmenubox .nav_btn::before {
	top: 8px;
}

.mc_ph_hd .mc_phmenubox .point.active .nav_btn {
	background: transparent;
}

.mc_ph_hd .mc_phmenubox .point.active .nav_btn::after {
	top: 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.mc_ph_hd .mc_phmenubox .point.active .nav_btn::before {
	top: 0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.mc_ph_navbar {
	position: relative;
	z-index: 999;
}

/*ph导航&下拉*/
.phxia {
	position: fixed;
	width: 100%;
	left: 0;
	top: 64px;
	z-index: 998;
	/* transform: translateX(-50%); */
	/* padding: 0 15px; */
	background-color: #fff;
	max-height: calc(100vh - 64px);
	overflow: auto;
}

.xialaph {
	display: none;
	width: 100%;
	background-color: #fff;
	font-family: '微软雅黑';
	height: calc(100vh - 64px);
	padding: 10px 0;
}

.xialaph h4 {
	position: relative;
	padding: 0 20px;
}

.xialaph h4::after {
	content: '';
	/* position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    opacity: 0;
    background-color: #000; */
	display: block;
	clear: both;
}

.xialaph h4 a {
	font-size: 20px;
	line-height: 46px;
	/* text-transform: uppercase; */
	color: #999;
	max-width: calc(100% - 36px);
}

.xialaph h4 img {
	position: absolute;
	top: 50%;
	right: 5px;
	width: 13px;
	cursor: pointer;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.xialaph .ul2 {
	display: none;
	padding-top: 7px;
	padding-bottom: 8px;
	background: #f7f8fa;
	border-top: 1px solid rgba(0, 0, 0, .1);
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.xialaph .ul2 .container_s {
	max-width: 100%;
	padding: 0 20px;
}

.xialaph .ul1 {
	/* border-bottom: 1px solid rgba(0, 0, 0, .1); */
	padding-bottom: 15px;
}


.img_s {
	float: right;
	display: block;
	font-size: 16px;
	line-height: 40px;
	color: #999;
	transition: all .36s;
}

/* .xialaph h5 a{
    color: #fff;
}

.xialaph .ul2 .img_s{
    color: #fff;
} */

.xialaph h5 {
	position: relative;
}

.xialaph h5::after {
	content: '';
	/* position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 1px;

    opacity: 0;
    background-color: #000; */
	display: block;
	clear: both;
}

.xialaph h5 a {
	font-family: '微软雅黑';
	font-size: 16px;
	line-height: 35px;
	/* text-transform: uppercase; */
	color: #999;
	max-width: calc(100% - 36px);
}

.xialaph h5 img {
	position: absolute;
	top: 50%;
	right: 5px;
	width: 35px;
	padding: 11px;
	cursor: pointer;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s {
	display: none;
}

.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d {
	display: block;
}

.xialaph .ul3 {
	display: none;
}

.xialaph h6 a {
	font-family: '微软雅黑';
	font-size: 12px;
	line-height: 40px;
	text-transform: uppercase;
	color: #999;
}

.xialaph h4.active .img_s {
	transform: rotate(180deg);
}

.xialaph h5.active .img_s {
	transform: rotate(180deg);
}

.xialaph h4.active .img_s {
	transform: rotate(180deg);
}

.xialaph_bot {
	margin: 20px 0;
	text-align: right;
	padding: 0 20px;
	font-size: 0;
}

.xialaph_bot>div {
	display: inline-block;
	margin-left: 15px;
}

.mc_ph_search a,
.mc_ph_language a {
	font-size: 16px;
	color: #666;
	line-height: 18px;
}

.mc_ph_search a i,
.mc_ph_search a em {
	font-size: 18px;
	color: #001eb4;
}

.mc_ph_search a,
.mc_ph_language a {
	color: #001eb4;
}

.xialaph_bot>div {
	margin: 0 8px;
}

.xialaph_bot {
	text-align: center !important;
}

.ul1 {
	min-height: 100%;
}

.header2 {
	position: fixed;
	top: 0;
	left: 50%;
	z-index: 999;
	width: 100%;
	height: 64px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #ffffff;
	transform: translateX(-50%);
}

.header2 .logo {
	width: 80px;
	line-height: 64px;
}

.header2 .logo img {
	width: 100%;
}

.header2 .phsearch {
	position: absolute;
	top: 50%;
	right: 70px;
	width: 25px;
	cursor: pointer;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.header2 .wj_hin_right {
	padding-top: 25px;
}

.header2 .phsearch img {
	width: 100%;
}

.ph_mea_cl {
	overflow: hidden;
	width: 50px;
	height: 100%;
}

.header2 .menuph {
	width: 50px;
	height: 50px;
	cursor: pointer;
	text-align: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.header2 .menuph .point {
	position: relative;
	display: inline-block;
	width: 28px;
	height: 22px;
	margin-top: 14px;
}

.header2 .menuph .point .navbtn,
.header2 .menuph .point .navbtn::after,
.header2 .menuph .point .navbtn::before {
	width: 28px;
}

.header2 .menuph .navbtn {
	position: absolute;
	top: 10px;
	right: 0;
	display: inline-block;
	width: 28px;
	height: 1px;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	background: #666;
}

.header2 .menuph .navbtn::after,
.header2 .menuph .navbtn::before {
	position: absolute;
	right: 0;
	display: inline-block;
	width: 28px;
	height: 1px;
	content: '';
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	background: #666;
}

.header2 .menuph .navbtn::after {
	top: -10px;
}

.header2 .menuph .navbtn::before {
	top: 10px;
}

.header2 .menuph .point.active .navbtn {
	background: transparent;
}

.header2 .menuph .point.active .navbtn::after {
	top: 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.header2 .menuph .point.active .navbtn::before {
	top: 0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.ph_search {
	width: 100%;
	overflow: hidden;
	padding: 0 15px;
	padding-left: 15px;
}

.ph_search_ph {
	width: 100%;
	height: 35px;
	border: 1px solid rgba(0, 0, 0, .1);
	margin-top: 18px;
	float: left;
	border-radius: 17.5px;
	position: relative;
}

.ph_search_ph input {
	width: 100%;
	height: 100%;
	text-indent: 20px;
	color: #333333;
}

.ph_search_ph input::-webkit-input-placeholder {
	color: #999999;
}

.ph_search_ph button {
	width: 40px;
	height: 100%;
	color: #ffffff;
	line-height: 35px;
	text-align: center;
	font-size: 20px;
	font-family: "微软雅黑";
	float: right;
	position: absolute;
	top: 0;
	right: 0;
}

.ph_search button .icon-sousuo {
	font-size: 27px;
	color: #999999;
}

.wj_header_i_nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	z-index: 10;
}

/*电话*/
.ph_dh_number {
	width: 100%;
	text-align: center;
	margin-top: 18px;

}

.ph_dh_number .ph_dh_n {
	display: inline-block;
	overflow: hidden;
}

.ph_dh_number .ph_dh_n p {
	float: left;
	font-size: 18px;
	color: #666;
}

.ph_dh_number .ph_dh_n .ph_dh_n_p1 {
	margin-right: 15px;
}

.wj_hin_r_en {
	color: #666;
}

.ph_searchfe {
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	width: 16px;
}

.ph_searchfe img {
	width: 100%;
}

.mc_nav_li.yxnav_active1 {
	opacity: 1;
}

.mc_fixed .mc_nav_li.yxnav_active1 .mc_nav_a {
	color: #001eb4;
	opacity: 1;
}

.mc_nav_xl {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 70px;
	width: 100%;
	border-top: 1px solid #dfdede;
	/* box-shadow: 0 0 10px rgba(0, 0, 0, .1); */
}

.mc_nav_xl::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 1;
	transition: all .5s ease-in-out;
}

.mc_nav_xl.show::before {
	opacity: 1;
}

.mc_navxl_container {
	/* width: 1160px; */
	margin: 0 auto;
	padding: 50px 0 60px;
}

.mc_navxl_r {
	width: 290px;
	padding: 42px 0;
	padding-left: 80px;
	text-align: left;
}

.mc_navxl_l {
	width: calc(100% - 290px);
	min-height: 206px;
	padding: 35px 0;
	border-right: 1px solid #dfdede;
	text-align: left;
}

.mc_navxl_title {
	font-size: 36px;
	font-weight: bold;
	color: #000000;
	width: 314px;
	margin-top: 15px;
}

.mc_navxl_subnav {
	width: calc(100% - 314px);
}

.mc_subnav_a {
	display: block;
	font-size: 18px;
	line-height: 24px;
	padding: 12px 0;
	color: #333333;
	white-space: normal;
}

.mc_subnav_li {
	float: left;
	width: 50%;
	padding-right: 30px;
}

.mc_navxl_subnav {
	max-width: 460px;
}

.mc_subnav_li:nth-child(odd) {
	clear: left;
}

.mc_navxlr_title {
	font-weight: bold;
	font-size: 30px;
	line-height: 36px;
	color: #0028aa;
	margin-bottom: 12px;
}

.mc_navxlr_title a {
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

.mc_navxlr_a {
	font-size: 18px;
	color: #333333;
	line-height: 24px;
	padding: 12px 0;
}

/* *************************************************************** */

/* 分页 */
.mc_fybtn {
	padding: 0 15px;
}

.mc_pcfy a {
	float: left;
}

.mc_fybtn a {
	font-family: 微软雅黑;
	font-size: 14px;
	color: #333;
}

.mc_phfy {
	display: none;
}

.pc_fenye {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	display: inline-block;
	text-align: center;
}

.pc_fenye li {
	float: left;
	width: 40px;
	height: 40px;
	/* border: 1px solid transparent; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 40px;
	color: #333333;
	text-align: center;
	margin: 0px 5px;
	transition: .3s;
}

.pc_fenye li.activepage {
	color: #001eb4;
	background: url(../image/fy_border.png) center / cover no-repeat;
}

.w_fenyeph {
	display: none;
}

.pc_fenye li.clolr {
	color: #001eb4;
}

/* *************************************************************** */

/* pc导航 */
.mc_pc_hd {
	position: relative;
	width: 100%;
}

.mc_navbar {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 99;
	transition: all .5s;
}

.mc_cont100 {
	padding: 0 100px;
}

.mc_logo a,
.mc_nav_a,
.mc_language a {
	width: 100%;
	height: 100%;
	line-height: 70px;
	color: #fff;
}


.mc_navbar_l,
.mc_navbar_r {
	height: 100%;
}

.mc_navbar_l>div,
.mc_navbar_r>div {
	height: 100%;
	float: left;
}

.mc_navbar_m {
	width: 100%;
	text-align: center;
}

/* .mc_navbox {
    display: inline-block;
    vertical-align: middle;
} */

/* logo */

.mc_logo {
	width: 210px;
}

.mc_logobox {
	position: relative;
	display: block;
}

.mc_logo_def {
	position: relative;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	transition: all .36s;
}

.mc_logo_fixed {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	transition: all .36s;
	opacity: 0;
}

/* nav */
.mc_nav {
	font-size: 0;
	width: 100%;
	text-align: center;
}

.mc_nav_li {
	/* float: left; */
	position: relative;
	display: inline-block;
	white-space: nowrap;
	padding: 0 1.74%;
}

.mc_nav_a {
	display: block;
	font-size: 18px;
}

/* lan */
.mc_language {
	font-size: 18px;
	margin-right: 18px;
}

/* search */
.mc_search_btn {
	width: 20px;
	line-height: 70px;
	cursor: pointer;
}

.mc_search_btn .icon-search {
	font-size: 20px;
	color: #fff;
	vertical-align: middle;
	transition: all .36s;
}

.mc_search.isshow .icon-search:before {
	content: "\e625";
}

.mc_search_xl::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0;
	transition: all .5s ease-in-out;
}

.mc_search_xl.show::before {
	opacity: .95;
}

.mc_nav_line {
	display: block;
	position: absolute;
	height: 2px;
	bottom: 0;
	background: #0028AA;
	transition: all .4s ease;
	opacity: 0;
}

.mc_navbar.mc_fixed .mc_nav_line {
	opacity: 1;
}

/* .mc_icon_search{
    width: 20px;
    height: 20px;
    background: url(../images/icon_search.png) no-repeat;
    background-size: 40px;
    background-position: 0 0;
    transition: all .36s;
} */

.mc_fixed .mc_navbar {
	height: 70px;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .07);
}

.mc_fixed.mc_navbar {
	height: 70px;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .07);
}

.mc_logo_imgbox {
	display: inline-block;
	vertical-align: middle;
}

.mc_logo_imgbox svg {
	width: 210px;
	height: 22px;
}

.st0 {
	fill-rule: evenodd;
	clip-rule: evenodd;
	fill: #fff;
	transition: all .36s;
}

.mc_fixed .mc_logo_imgbox .st0 {
	fill: #0028AA;
}

.mc_fixed .mc_logo_def {
	opacity: 0;
}

.mc_fixed .mc_logo_fixed {
	opacity: 1;
}

.mc_fixed .mc_nav_a {
	color: #666;
}

.mc_fixed .mc_language a {
	color: #666;
}

.mc_fixed .mc_search_btn .icon-search {
	color: #666;
}

.mc_search_xl {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	height: 390px;
	border-top: 1px solid #dfdede;
	/* background: rgba(255, 255, 255, .98); */
	display: none;
}

.mc_scm_form {
	width: 690px;
}

.mc_msc_box {
	font-size: 0;
	padding: 8px;
	border-bottom: 1px solid #dfdede;
}

.mc_msc_submit {
	font-size: 26px;
	color: #666666;
	width: 30px;
	vertical-align: top;
}

.mc_msc_input {
	width: calc(100% - 30px);
	height: 26px;
	font-size: 16px;
	color: #333;
	line-height: 20px;
	padding: 3px 0;
	padding-right: 12px;
}


/* 页脚 */

.mc_cnzz span {
	display: inline-block;
	transform: translateY(-1px);
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

.mc_cnzz a {
	display: block;
	width: 50px;
	height: 12px;
}

.mc_cnzz img {
	width: 100%;
}

.mc_ft_copyright p {
	display: inline-block;
}

.mc_ft_copyright p a,
.mc_ft_copyright p span {
	display: inline-block;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	margin: 0 5px;
}

/* *************************************************************** */
/* banner */
.mc_banner,
.mc_banner_inner {
	width: 100%;
	position: relative;
}

.mc_ban_li {
	position: relative;
	overflow: hidden;
}

.mc_ban_imgbox {
	position: relative;
	z-index: 1;

}

.mc_ban_imgbox a {
	display: block;
}

.mc_ban_pc,
.mc_ban_ph {
	position: relative;
	overflow: hidden;
}

.mc_ban_ph {
	display: none;
}

.mc_ban_img {
	position: relative;
	z-index: 1;
	min-height: 200px;
    object-fit: fill;
}

.mc_ban_video {
	position: absolute;
	left: 50%;
	top: 50%;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	z-index: 2;
	transform: translate(-50%, -50%);
	object-fit: fill;
}

.mc_banner .slick-dots li {
	width: 12px;
	height: 12px;
	background: #fff;
}

.mc_banner .slick-dots li.slick-active {
	background: #4553be;
}

.mc_ban_modal {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
}

.mc_ban_titlebox {
	color: #fff;
}

.mc_ban_li:not(:first-child) {
	display: none;
}

.mc_ban_li .mc_container {
	z-index: 2;
}

.mc_ban_box .mc_container {
	z-index: 2;
}

.mc_ban_ph .mc_ban_img {
	width: 100%;
	height: auto;
}

/* .mc_index .mc_ban_pc::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 50%;
    pointer-events: none;
    background: linear-gradient(0deg, rgba(10, 37, 114, 0), rgba(10, 37, 114, .45));
} */

/* .mc_index .mc_ban_pc::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: rgba(0, 0, 0, .17);
} */


/** 全屏等比缩小banner */
/* banner高度 */
.mc_banner_fulldefault .mc_ban_pc {
	height: 100vh;
}

.mc_banner_fulldefault .mc_ban_pc img {
	left: 0;
	top: 0;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	max-width: none;
	/* min-height: 100%; */
	/* transform: translate(-50%, -50%); */
}

.mc_banner_fulldefault .mc_ban_pc .mc_ban_img {
	width: 100%;
	height: 100%;
}

.mc_banner_fulldefault .mc_banner_title {
	text-align: center;
}

/** 全屏截取banner */
/* banner高度 */
.mc_banner_fullcut .mc_ban_pc {
	height: 100vh;
}

.mc_banner_fullcut .mc_ban_pc img {
	left: 50%;
	top: 50%;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	max-width: none;
	transform: translate(-50%, -50%);
}

/** 正常等比缩放 */
.mc_banner_default .mc_ban_pc img {
	width: 100%;
	height: auto;
}

.mc_cont1360 {
	width: 1360px;
	margin: 0 auto;
}

.mc_ban_contianer {
	z-index: 2;
	bottom: 112px;
}

.mc_inban_title {
	font-size: 72px;
	line-height: 1.45;
	font-weight: bold;
	color: #fff;
}

.mc_ft1 {
	border-top: 1px solid #e5e5e5;
	padding: 15px 0 15px;
}

.mc_ft1_logo a {
	width: 100%;
}


.mc_ft1_logo a img{
	width: 100%;
}

.mc_ft1_logo {
	margin-bottom: 20px;
}

.mc_cont1520 {
	width: 1520px;
	margin: 0 auto;
}

.mc_ft1_qrbox {
	position: relative;
	float: left;
	margin-right: 30px;
}

.mc_ft1_qrbox .mc_ft1_qrxl img {
	max-width: 100%;
	padding: 2%;
}

.mc_ft1_qrbox i,
.mc_ft1_qrbox em {
	font-size: 30px;
	color: rgba(0, 0, 0, .29);
	cursor: pointer;
}

.mc_ft1_qrxl {
	display: none;
	position: absolute;
	left: 50%;
	top: calc(100% + 5px);
	transform: translateX(-50%);
	width: 80px;
	background-color: #fff;
	z-index: 999999;
}

.mc_ft1_qrwb a {
	display: block;
}

.mc_ft1_nav p {
	font-size: 16px;
	line-height: 20px;
	color: #666;
	display: inline-block;
	padding: 5px 22px;
}

.mc_ft1_nav p a {
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

.mc_ft1_navbox {
	width: calc(100% - 300px);
	/* padding-left: 100px; */
}

.mc_ft1_li {
	float: left;
	width: 16.666666%;
	padding-right: 20px;
}

.mc_ft1_a {
	display: block;
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	color: #333;
	margin-bottom: 15px;
}

.mc_ft1_suba {
	/* width: 100%; */
	font-size: 16px;
	line-height: 20px;
	color: #666666;
	padding: 10px 0;
	padding-right: 15px;
}

.mc_ft1_subnav {
	font-size: 0;
}

.mc_ft1_nav {
	margin: 0 -20px;
	display: flex;
	justify-content: space-around;
}

.mc_ft1_li {
	padding: 0 20px;
}

.mc_ft1_li1 {
	width: 33.333333%;
}

/* .mc_ft1_li1 .mc_ft1_subnav {
    column-count: 2;
} */

.mc_ft1_li1 .mc_ft1_subli {
	float: left;
	width: 50%;
}


.mc_ft1_logo .st0 {
	fill: #0028AA;
}

.mc_ft1_l {
	width: 300px;
}

.mc_sharebox {
	width: 30px;
	margin: 0 20px;
}

.mc_ft2_nav p {
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	margin: 0 6px;
	color: #fff;
	width: auto;
}

.mc_ft2_nav p a {
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}


.mc_ft_copyright {
	width: calc(100% - 380px);
}


.mc_ft2 {
	padding: 28px 0;
	background: #0028aa;
}

.mc_ft_copyright p {
	font-size: 14px;
	line-height: 20px;
	color: #fff;
}



div:not(.mc_index) .mc_main {
	min-height: calc(100vh - 600px);
}
div:not(.mc_index) .mc_main >div{
	padding-left: 20%;
    padding-right: 20%;
    padding-top: 5%;
}
div:not(.mc_index) .mc_main>div>p{
	width: 80%;
	margin: auto;
}


.mc_e1s1 {
	padding: 70px 0 100px;
}

.mc_e1_select {
	background: #f7f8fa;
	border-radius: 25px;
	/* box-shadow: 0 5px 10px rgba(0, 0, 0, .05); */
}

.mc_e1s_xl {
	width: 187px;
	height: 50px;
	margin-right: 22px;
}

.mc_e1s_xl .mc_select_xtb.on {
	transform: rotate(180deg);
}

.mc_e1s_xl .mc_select_showbox {
	width: calc(100% - 16px);
	height: 50px;
}

.mc_e1s_xl .mc_select_xtbbox {
	width: 16px;
	line-height: 50px;
	/* margin-top: -2px; */
}

.mc_e1s_xl .mc_select_hd {
	padding: 0 25px;
}

.mc_e1s_xl .mc_select_show {
	font-size: 14px;
	line-height: 20px;
	color: #333;
	padding: 15px 0;
	padding-right: 10px;
	text-overflow: ellipsis;
}

.mc_e1s_xl .mc_select_xtb {
	width: 16px;
	height: 16px;
	background: url(../image/xtb_xsj.png) center / cover no-repeat;
}

.mc_e1s_xl .mc_select_xtbbox i,
.mc_e1s_xl .mc_select_xtbbox em {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	color: #001eb4;
	margin-top: -2px;
}

.mc_e1s_xl .mc_select_li {
	font-size: 14px;
	color: #333;
	line-height: 20px;
	padding: 5px 25px;
}

.mc_e1s_xl .mc_select_bd {
	position: relative;
	padding: 10px 0;
}

.mc_select_bd::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 1px;
	background: #e5e5e5;
	opacity: 0;
}

.mc_select_bd.mc_zk::before {
	transition-delay: .2s;
	opacity: 1;
	transition: all .36s;
}

.mc_e1s_inputgroup {
	width: 345px;
	height: 50px;
	background: #f7f8fa;
	border-radius: 25px;
	padding: 15px 25px;
}

.mc_e1s_inputbox {
	width: calc(100% - 20px);
	height: 100%;
}

.mc_e1s_inputbox input {
	width: 100%;
	height: 100%;
	padding: 0 15px;
	border-left: 1px solid #001eb4;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	text-overflow: ellipsis;
}

.mc_e1s_submitbtn {
	font-size: 18px;
	line-height: 20px;
	color: #001eb4;
}

.mc_e1s_submitbtn i,
.mc_e1s_submitbtn em {
	font-size: 20px;
}

.mc_e1_searchbox {
	position: relative;
	margin-bottom: 80px;
	z-index: 5;
}

.mc_e1_li {
	float: left;
	width: 100%;
	padding: 0 20px;
}

.mc_e2_li {
	float: left;
	width: 33.333333%;
	padding: 0 20px;
	margin-bottom: 75px;
}

.mc_e1_list {
	margin: 0 -20px;
	padding-bottom: 10px;
}

.mc_e1_lisbox {
	position: relative;
	display: block;
	transition: all .36s;
}

.mc_e1_lisbox::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	height: 1px;
	background: #e2e0e0;
}

.mc_e1_lisbox::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 0;
	height: 1px;
	background: #001eb4;
	transition: all .36s;
}


.mc_e1_txtbox {
	padding: 18px;
	display: flex;
	justify-content: space-between;
}

.mc_e2_txtbox {
	padding: 18px 28px 38px;
	position: relative;
}

.mc_e2_txtbox img{
	width: 100%;
	height: 180px;
	object-fit: cover;
	margin-bottom: 7px;
}


.mc_e2_txt {
	font-size: 18px;
	line-height: 30px;
	height: 60px;
	overflow: hidden;
	color: #000000;
	/* margin-bottom: 44px; */
}

.mc_e1_txt {
	font-size: 18px;
	line-height: 30px;
	overflow: hidden;
	color: #000000;
}

.mc_e1_date {
	width: 30%;
	font-size: 16px;
	color: #999999;
}

.mc_e2_date {
	font-size: 16px;
	color: #999999;
	line-height: 26px;
	height: 30px;
	overflow-x: hidden;
	overflow-y: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}

.pc_fenye img {
	width: 9px;
}

.mc_cont950 {
	width: 950px;
	margin: 0 auto;
}

.mc_e3 .mc_pc_hd {
	height: 70px;
}


.mc_e3s1t_cont {
	position: relative;
}

.mc_e3s1_back {
	position: absolute;
	left: -265px;
	top: 50%;
	transform: translateY(-50%);
}

.mc_e3s1_title {
	font-family: "FZLTTHJW_1130438258", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
	font-size: 36px;
	line-height: 2;
	font-weight: bold;
	color: #333333;
	margin-bottom: 48px;
}

.mc_e3s1_date {
	/* font-family: "verdana", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif; */
	font-size: 18px;
	font-weight: bold;
	color: #666666;
}

.mc_e3s1_top {
	padding: 90px 0 52px;
	background: #f7f8fa;
}

.mc_e3s1_backbtn {
	font-size: 14px;
	color: #666666;
}

.mc_e3s1_bot {
	padding: 60px 0 100px;
}

.mc_e3s1b_txtbox {
	padding: 0 85px 85px;
}

/* .mc_e3s1b_txtbox p {
    font-size: 18px;
    line-height: 1.65;
    color: #666666;
    margin-bottom: 0;
} */

.mc_e3s1b_box {
	text-align: center;
}

.mc_e3s1b_back {
	display: inline-block;
	vertical-align: middle;
	margin-right: 12px;
}

.mc_e3s1b_sharebox {
	display: inline-block;
	vertical-align: middle;
}

.mc_e3s1b_backbtn {
	font-size: 14px;
	line-height: 30px;
	color: #fff;
	padding: 0 24px;
	border-radius: 15px;
	background: #001eb4;
}

.mc_e3s1b_sharebox .mc_sharebox {
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 16px;
	background: #cecece;
	border-radius: 50%;
	margin: 0 3px;
	transition: all .36s;
}

.mc_e3s1_arrowbox {
	padding: 35px 0;
	background: #f7f8fa;
	border-top: 1px solid #e5e5e5;
}

.mc_e3arr_dt,
.mc_e3arr_dd {
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

.mc_e3s1_arrow {
	max-width: calc(50% - 30px);
}

.mc_e3s1_arrow a {
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #999999;
}

.mc_e3arr_cont {
	padding: 0 85px;
}

.mc_e3arr_dt {
	width: 58px;
}

.mc_e3arr_dd {
	width: calc(100% - 58px);
}

.mc_h1s1 {
	padding: 100px 0;
	background: #f7f8fa;
}

/* .mc_h1_more i{
    margin-left: 10px;
} */

.mc_title40 {
	font-size: 40px;
	font-weight: bold;
	color: #1d1d1f;
}

.mc_title40 a {
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	font-weight: inherit;
}

.mc_h1s1_title,
.mc_h1s2_title {
	max-width: calc(100% - 100px);
}

/*
.mc_h1 .mc_inban_title {
    font-size: 60px;
} */

.mc_h1_morebtn {
	font-size: 16px;
	line-height: 40px;
	color: #666666;
}

.mc_h1_morebtn span {
	font-weight: bold;
}

.mc_h1s1_hd {
	margin-bottom: 75px;
}

.mc_h1s1_li {
	float: left;
	width: 25%;
	padding: 0 20px;
	margin-bottom: 40px;
}

.mc_h1s1_list {
	margin: 0 -20px;
}

.mc_h1s1_lisbox {
	position: relative;
	display: block;
	padding: 36px 25px 32px 40px;
	box-shadow: 3px 3.5px 7.65px 1.35px rgba(212, 211, 211, .2);
	background: #fff;
}

.mc_h1s1_lisbox::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 7px;
	background: #0028aa;
}

.mc_h1s1li_type {
	/* font-family: "montserrat", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif; */
	font-size: 14px;
	line-height: 20px;
	height: 20px;
	font-weight: bold;
	color: #0028aa;
	margin-bottom: 8px;
}

.mc_h1s1li_title {
	font-size: 22px;
	line-height: 36px;
	height: 72px;
	overflow: hidden;
	font-weight: bold;
	color: #000000;
	margin-bottom: 30px;
}

.mc_h1s1li_download i,
.mc_h1s1li_download em {
	font-size: 24px;
	margin-right: 5px;
	vertical-align: text-bottom;
}

.mc_h1s1li_download {
	color: #0028aa;
	margin-bottom: 110px;
	line-height: 24px;
	font-size: 14px;
}

.mc_h1s1li_date {
	/* font-family: "montserrat", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif; */
	font-size: 14px;
	color: #999999;
}

.mc_h1s2_hd {
	margin-bottom: 52px;
}

.mc_h1s2 {
	padding: 85px 0 154px;
}

.mc_h1s2_li {
	border-bottom: 1px solid #e8e8e8;
}

.mc_h1s2_li:first-child {
	border-top: 1px solid #e8e8e8;
}

.mc_h1s2_l {
	width: calc(100% - 50px);
}

.mc_h1s2_lisbox {
	display: block;
	padding: 25px 50px 20px;
}

.mc_h1s2_date {
	/* font-family: "montserrat", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif; */
	font-size: 14px;
	color: #999999;
	margin-bottom: 20px;
}

.mc_h1s2li_title {
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	color: #333;
	height: 24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: all .36s;
}

.mc_h1s2_r i,
.mc_h1s2_r em {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	transition: all .36s;
}

.mc_h1s2_r {
	line-height: 58px;
}

.mc_h1s3 {
	position: relative;
}

.mc_h1s3_container {
	height: 100%;
	padding-top: 3%;
	z-index: 2;
}

.mc_h1s3_cont {
	width: 37vw;
	padding: 3.6vw 2.8vw 3.1vw 6.5vw;
	background: #fff;
}

.mc_h1s3_title {
	color: #001eb4;
	margin-bottom: 2.7vw;
}

.mc_h1s3_dt {
	width: 30px;
}

.mc_h1s3_dt i,
.mc_h1s3_dt em {
	font-size: 1.5vw;
	line-height: 1.55vw;
	color: #666666;
}

.mc_h1s3_dd {
	width: calc(100% - 30px);
	padding-left: 1.8vw;
}

.mc_h1s3_dd {
	font-size: 1.2vw;
	line-height: 1.55vw;
	color: #666666;
}

.mc_h1s3_li {
	margin-bottom: 1vw;
}

.mc_h1s3_list {
	padding-bottom: 18px;
}

.mc_h1s3_dd a {
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

.mc_h1s3_hudong {
	text-align: right;
}

.mc_h1s3_hudong_btn {
	font-size: 18px;
	color: #001eb4;
}

.mc_h1s3_hudong_btn i,
.mc_h1s3_hudong_btn em {
	display: inline-block;
	margin-left: 10px;
	transition: all .36s;
}

.mc_h2s1 .mc_e1_searchbox {
	margin-bottom: 50px;
}

.mc_h2s1 {
	padding-bottom: 100px;
}

.mc_mbx_li {
	float: left;
	font-size: 14px;
	color: #000;
	transition: all .36s;
}

.mc_mbx_li a {
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	transition: none;
}

.mc_mbx_li:not(:first-child)::before {
	content: ">";
	display: inline-block;
	margin: 0 5px;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	transform: translateY(-1px);
}

.mc_mbxbox {
	padding: 20px 0;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
	background-color: #fff;
}

.mc_mbx_li.on {
	/* color: #333; */
	opacity: .8;
}

.mc_h2s1_nav {
	font-size: 0;
	text-align: center;
}

.mc_h2s1_li {
	display: inline-block;
	padding: 0 30px;
}

.mc_h2s1_a {
	position: relative;
	font-size: 18px;
	padding: 15px 0;
	color: #333333;
}

.mc_h2s1_a::before {
	content: "";
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	bottom: 0;
	width: 0;
	height: 4px;
	background: #0028aa;
	transition: all .5s ease;
}

.mc_h2s1_li.on .mc_h2s1_a {
	font-weight: bold;
}

.mc_h2s1_li.on .mc_h2s1_a::before {
	width: 100%;
}

.mc_h2s1_nav {
	margin: 50px 0;
}

.mc_e1_imgbox img {
	transition: all .36s;
}

.mc_h2s1_content {
	margin-bottom: 70px;
}

/* .mc_i1 .mc_inban_title {
    font-size: 60px;
} */

.mc_i1s1 {
	padding: 100px 0 75px;
}

.mc_cont1100 {
	width: 1100px;
	margin: 0 auto;
}

.mc_i1s1_title {
	margin-bottom: 32px;
}

.mc_i1s1_address {
	font-size: 24px;
	line-height: 32px;
	margin-right: 60px;
	color: #666666;
}

.mc_i1s1_mapbtn {
	display: block;
	font-size: 12px;
	color: #b8b8b9;
	line-height: 36px;
}

.mc_i1s1_mapbtn i,
.mc_i1s1_mapbtn em {
	font-size: 18px;
}

.mc_i1s1_addressbox {
	margin-bottom: 60px;
}

.mc_i1s1_dl>div {
	font-size: 18px;
	line-height: 24px;
}

.mc_i1s1_dl:not(:last-child) {
	margin-bottom: 32px;
}

.mc_i1s1_dt {
	font-weight: bold;
	min-width: 100px;
}

.mc_i1s1_telbox {
	margin-bottom: 52px;
}

.mc_i1s1_qrbox>div {
	display: inline-block;
	vertical-align: bottom;
}

.mc_i1s1_qrimg {
	width: 85px;
	margin-right: 30px;
}

.mc_i1s1_qrtip {
	font-size: 14px;
	line-height: 20px;
	color: #b8b8b9;
}

.mc_i1s1_mes {
	padding-bottom: 90px;
}

.mc_title24 {
	font-size: 24px;
	font-weight: bold;
	color: #0028aa;
}

.mc_i1s1f_title {
	margin-bottom: 50px;
}

.mc_i1s1f_table {
	width: 100%;
	border-top: 2px solid #0028aa;
}

.mc_i1s1f_tab_ph {
	display: none;
}

.mc_i1s1f_table tr {
	transition: all .36s;
}

.mc_i1s1f_table th {
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	padding: 20px 10px;
	text-align: center;
	background: #f7f7f7;
	border-bottom: 1px solid #e5e5e5;
}

.mc_i1s1f_table th:not(:last-child),
.mc_i1s1f_table td:not(:last-child) {
	border-right: 1px solid #e5e5e5;
}

.mc_i1s1f_table td {
	font-size: 18px;
	line-height: 22px;
	padding: 20px 10px;
	text-align: center;
	border-bottom: 1px solid #e5e5e5;
	color: #999999;
	transition: all .36s;
}

.mc_i1s1f_table td a,
.mc_i1s1f_table td p {
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

.mc_i1s2 {
	padding: 66px 0;
	background: #f6f6fe;
}

.mc_i1s2_lisbox {
	display: block;
	text-align: center;
	padding: 100px 0;
}

.mc_i1s2_pos {
	text-align: left;
	display: inline-block;
	max-width: 513px;
}

.mc_i1s2_xtb {
	width: 80px;
	/* font-size: 80px; */
	color: #282828;
}

.mc_i1s2_xtb i,
.mc_i1s2_xtb em {
	font-size: 76px;
	color: #333333;
	transition: all .36s;
}

.mc_i1s2_txt {
	width: calc(100% - 80px);
	padding-left: 60px;
}

.mc_title36 {
	font-size: 36px;
	font-weight: bold;
	color: #333333;
}

.mc_i1s2_title {
	margin-bottom: 28px;
	transition: all .36s;
}

.mc_i1s2_list {
	background: #fff;
}

.mc_i1s2_li {
	position: relative;
	float: left;
	width: 50%;
}

.mc_i1s2_li:nth-child(odd)::before {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 68%;
	background: #ebebfc;
}

.mc_i1s2_txt p {
	font-size: 18px;
	line-height: 28px;
	color: #666666;
}

.mc_cont1160 {
	width: 1160px;
	margin: 0 auto;
}

.mc_i2s1 {
	padding: 95px 0 100px;
}

.mc_i2s1_title {
	margin-bottom: 32px;
}

.mc_ly_tab {
	background: #fff;
	box-shadow: 0 0 8px rgba(0, 0, 0, .1);
}

.mc_i2s1_hd p {
	font-size: 18px;
	line-height: 24px;
	color: #333333;
}

.mc_i2s1_hd {
	margin-bottom: 50px;
}

.mc_lyt_hdli {
	float: left;
	width: 25%;
	text-align: center;
}

.mc_lyt_hda {
	display: block;
	width: 100%;
	background: #001e5a;
	font-size: 18px;
	line-height: 24px;
	color: #fff;
	padding: 31px 10px;
}

.mc_lyt_hdli:not(:last-child) {
	border-right: 1px solid #0c2b6a;
}

.mc_lyt_hdli.on .mc_lyt_hda {
	background: #0028aa;
}

.mc_lyt_bd {
	padding: 52px 80px 60px;
}

.mc_ly_inputgroup {
	margin: 0 -16px;
}

.mc_ly_inputgroup .mc_ly_inputbox {
	float: left;
	padding: 0 16px;
	margin-bottom: 30px;
}

.mc_ly_inputbox input:not([type="radio"]) {
	width: 100%;
	height: 62px;
	border: 1px solid #dee6ff;
	font-size: 14px;
	line-height: 20px;
	padding: 21px 15px;
	text-overflow: ellipsis;
}

.mc_ly_bt label::after {
	content: "*";
	color: #ba0909;
	font-size: 14px;
	font-weight: normal;
	position: relative;
	left: 3px;
	top: -2px;
}

.mc_ly_inputbox label {
	font-size: 14px;
	color: #333333;
	margin-bottom: 16px;
}

.mc_ly_jb {
	width: 870px;
	max-width: 100%;
	padding-bottom: 20px;
}

.mc_lyinp_comp {
	width: 60%;
}

.mc_lyinp_gw {
	width: 40%;
}

.mc_lyinp_name,
.mc_lyinp_tel,
.mc_lyinp_mail {
	width: 33.333333%;
}

.mc_ly_title {
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	color: #0028aa;
	margin-bottom: 28px;
}


.mc_ly_checkdt {
	float: left;
	width: 100px;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #0028aa;
}

.mc_ly_checkdd {
	float: left;
	width: calc(100% - 100px);
}

.mc_ly_checkgroup {
	padding: 20px 10px 0;
	border-bottom: 1px solid #f2f5fe;
}

.mc_ly_checkgroup:first-child {
	border-top: 1px solid #f2f5fe;
}

.mc_ly_cont740 {
	width: 740px;
	max-width: calc(100%);
}

.mc_ly_checkbox {
	display: inline-block;
	margin-right: 30px;
	cursor: pointer;
	margin-bottom: 20px;
	user-select: none;
}

.mc_ly_checkbox input {
	position: relative;
	width: 10px;
	height: 10px;
	border: 1px solid #001eb4;
	border-radius: 50%;
	margin-right: 3px;
	pointer-events: none;
}

.mc_ly_checkbox input[type=checkbox] {
	position: relative;
	border-radius: 0;
	margin-top: 0;
	width: 16px;
	height: 16px;
	vertical-align: bottom;
	margin-right: 5px;
}

.mc_ly_checkbox input[type=checkbox]:checked::before {
	content: "\e62f";
	position: absolute;
	left: 50%;
	top: 50%;
	font-size: 12px;
	font-weight: bold;
	color: #001eb4;
	transform: translate(-50%, -50%);
}


.mc_ly_checkbox input:not([type=checkbox]):checked::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 3px;
	height: 3px;
	background: #001eb4;
	border-radius: 50%;
}


.mc_ly_checkbox span {
	font-size: 14px;
	color: #333;
	line-height: 20px;
}

.mc_lyta_title {
	margin-bottom: 15px;
}

.mc_ly_areabox textarea {
	width: 100%;
	height: 202px;
	border: 1px solid #dee6ff;
	font-size: 14px;
	line-height: 20px;
	padding: 10px 15px;
}

.mc_ly_textarea {
	margin-bottom: 38px;
}

.mc_ly_yycj {
	margin-bottom: 35px;
}

.mc_ly_verify {
	width: 185px;
	float: left;
	margin-right: 12px;
}

.mc_ly_verify_imgbox {
	float: left;
	width: 102px;
	margin-top: 32px;
	text-align: right;
}

.mc_ly_verify_img img {
	width: 100%;
}


.mc_ly_verify_changebtn {
	display: inline-block;
	margin-bottom: 10px;
	font-size: 14px;
	color: #666666;
	text-align: right;
	cursor: pointer;
	user-select: none;
}

.mc_ly_verify_changebtn i,
.mc_ly_verify_changebtn em {
	/* font-weight: bold; */
	/* font-size: 18px; */
	color: #666;
}

.mc_ly_verify_img {
	cursor: pointer;
	user-select: none;
}

:focus {
	outline: none !important;
}

.mc_ly_ys input {
	position: relative;
	width: 20px;
	height: 20px;
	border: 1px solid #dee6ff;
	cursor: pointer;
}

.mc_ly_ys span {
	display: inline-block;
	vertical-align: bottom;
	width: calc(100% - 30px);
	padding-left: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	transform: translateY(-2px);
}

.mc_ly_ys a {
	color: #0028aa;
}

.mc_ly_verifybox {
	margin-bottom: 20px;
}

.mc_ly_ys input:checked::before {
	content: "\e62f";
	position: absolute;
	left: 50%;
	top: 50%;
	font-size: 15px;
	font-weight: bold;
	color: #001eb4;
	transform: translate(-50%, -50%);
}

.mc_ly_ys input:checked {
	border-color: #001eb4;
}

.mc_ly_ys {
	margin-bottom: 35px;
}

.mc_ly_submit input {
	position: relative;
	z-index: 1;
	width: 130px;
	height: 42px;
	line-height: 40px;
	/* background: #0028aa; */
	color: #fff;
	transition: all .36s;
	/* border: 1px solid #0028aa; */
	/* overflow: hidden; */
}

.mc_ly_submit {
	position: relative;
	z-index: 1;
	display: inline-block;
}

.mc_ly_submit::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #0028aa;
	border-radius: 21px;
	transition: all .36s;
	transform: scale(1) !important;
}

.mc_ly_submit::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	border: 1px solid #0028aa;
	transform: scale(1);
	border-radius: 21px;
	opacity: 0;
	transition: all .36s;
}


.mc_ly_order {
	margin-bottom: 35px;
}

.mc_lyi4_inputbox1 {
	width: 50%;
}

.mc_ly_datestart {
	margin-right: 16px;
}

.mc_ly_datebox {
	position: relative;
	width: 50%;
	padding: 0 8px;
	cursor: pointer;
}

.mc_ly_datewarp {
	margin: 0 -8px;
}

.mc_ly_datebox input {
	cursor: pointer;
	padding-right: 50px !important;
}

.mc_ly_datebox i,
.mc_ly_datebox em {
	position: absolute;
	top: 50%;
	right: 23px;
	transform: translateY(-50%);
	font-size: 20px;
	color: #999;
	pointer-events: none;
}

.mc_ly_datebox em {
	position: absolute;
	top: 50%;
	right: 23px;
	transform: translateY(-50%);
	font-size: 20px;
	color: #999;
}

.mc_lyi4_inputbox2 {
	width: 50%;
}

.mc_lyi4_inputbox3 {
	width: 33.333333%;
}

.mc_lyi3_inputbox {
	width: 50%;
}

/* .mc_lyi5_tab .mc_lyt_hdli {
    width: 20%;
} */

.mc_lyi5_inputbox1 {
	width: 33.333333%;
}

.mc_lyi5_inputbox2 {
	width: 100%;
}

.mc_select_hd,
.mc_ly_factory {
	position: relative;
}

.mc_lyfac_country {
	position: relative;
	width: 40%;
	padding-right: 30px;
}

.mc_lyfac_address {
	width: 60%;
}

.mc_lyfac_address input {
	padding-right: 50px !important;
}

.mc_lyfac_delete {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #c7c7c7;
	text-align: center;
	cursor: pointer;
	transition: all .36s;
}

.mc_lyfac_delete i,
.mc_lyfac_delete em {
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	margin-left: 1px;
}

.mc_lyfac_country .mc_select_showbox {
	width: 100%;
}

.mc_lyfac_country .mc_select_xtbbox {
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
}

.icon-arrowdown.on {
	transform: rotate(180deg);
}

.mc_lyfac_country .mc_select_bd {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 5;
	width: calc(100% - 30px);
	border: 1px solid #dee6ff;
	background: #fff;
	border-top: 0;
	padding: 14px 0;
	z-index: 20;
	height: 149px;
	overflow: auto;
}

.mc_lyfac_country .mc_select_li {
	font-size: 14px;
	line-height: 20px;
	padding: 5px 15px;
	color: #333;
}

.mc_lyfac_country .mc_select_show {
	padding-right: 50px !important;
}

.mc_ly_factory {
	margin-bottom: 20px;
}

.mc_lyfac_country .mc_select_xtbbox i,
.mc_lyfac_country .mc_select_xtbbox em {
	display: block;
}

.mc_lyfac_add {
	font-size: 14px;
	color: #999999;
	line-height: 20px;
	cursor: pointer;
	transition: all .36s;
}

.mc_lyfac_add i,
.mc_lyfac_add em {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #0028aa;
	color: #fff;
	text-align: center;
	line-height: 20px;
	font-size: 14px;
	margin-right: 4px;
}

.mc_lyi5_inputbox3 {
	width: 50%;
}

/* .mc_e1 .mc_inban_title,
.mc_e2 .mc_inban_title {
    font-size: 72px;
} */

.icon-nextstep:before {
	content: "→";
	display: inline-block;
	font-family: "Roboto", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
	vertical-align: middle;
	transform: translateX(5px);
	transition: transform 0.25s ease 0s;
}


.mc_banner_inner .mc_ban_ph::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	background: rgba(14, 40, 118, .1);
}

/*.mc_banner_inner .mc_ban_pc::after {*/
/*	content: "";*/
/*	position: absolute;*/
/*	left: 0;*/
/*	top: 0;*/
/*	z-index: 5;*/
/*	width: 100%;*/
/*	height: 64%;*/
/*	background: linear-gradient(180deg, rgba(10, 37, 114, .4), rgba(10, 37, 114, 0));*/
/*}*/

.mc_ly_factory:first-child .mc_lyfac_delete {
	display: none !important;
	pointer-events: none !important;
}

.mc_nav_xl::after,
.mc_search_xl::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	box-shadow: 0 5px 5px rgba(0, 0, 0, .05);
}

/* .mc_service .mc_ban_contianer {
    bottom: 15%;
} */
.mc_indexban_container {
	z-index: 5;
}

.mc_banner_title {
	font-size: 60px;
	color: #fff;
	font-weight: bold;
}

.mc_inban_r {
	float: right;
	color: #fff;
}

.mc_inban_xtb {
	width: 64px;
	margin-bottom: 28px;
}

.mc_inban_tip {
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 15px;
}

.mc_inban_tel {
	font-size: 48px;
	font-weight: bold;
}

.mc_service .mc_inban_title {
	max-width: calc(100% - 400px);
}

.mc_inban_box {
	position: relative;
}


.mc_f1_top .mc_h2s1_li {
	position: relative;
}

.mc_f1_top {
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
}

.mc_h2s1_li:not(:last-child)::before {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	width: 1px;
	height: 65%;
	background: #dfdddd;
	transform: translateY(-50%);
}

.mc_f1t_box {
	padding-top: 60px;
}

.mc_f1t_list li {
	position: relative;
	font-size: 24px;
	line-height: 30px;
	color: #666666;
	margin-bottom: 15px;
	padding-left: 30px;
}

.mc_f1t_list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #0028aa;
}

.mc_f1t_cx {
	padding-left: 30px;
}

.mc_f1t_href {
	font-size: 24px;
	color: #0028aa;
	font-weight: bold;
}

.mc_f1t_href i,
.mc_f1t_href em {
	display: inline-block;
	position: relative;
	top: 1px;
	font-weight: normal;
	font-size: 24px;
	transition: all .36s;
	margin-top: 2px;
	margin-left: 3px;
}

.mc_f1t_list {
	margin-bottom: 30px;
}

.mc_f1 .mc_title40 {
	text-align: center;
}

.mc_f1s1 {
	padding-top: 150px;
}

.mc_f1s1_title {
	margin-bottom: 120px;
}

.mc_data_table {
	display: table;
	width: 100%;
	max-width: 1130px;
	margin: 0 auto;
}

.mc_data_tr {
	display: table-row;
	width: 100%;
}

.mc_data_td {
	position: relative;
	width: 50%;
	display: table-cell;
	position: relative;
	padding: 0 65px;
	vertical-align: top;
}

.mc_data_box {
	border-top: 1px solid #d2d2d2;
	padding: 50px 0;
}


.mc_data_txt_big {
	font-size: 36px;
	line-height: 80px;
	font-weight: bold;
	color: #0028aa;
	margin-bottom: 15px;

	width: 100%;
	white-space: nowrap;
}

.mc_data_txt_big sub {
	font-size: 18px;
	bottom: 0;
	margin-left: -5px;
}

.mc_data_txt_small {
	font-size: 16px;
	line-height: 30px;
	min-height: auto !important;
	color: #333333;
	font-family: "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
	/* font-weight: lighter; */
}

.mc_data_table1 .mc_data_txt_big {
	font-size: 48px;
	line-height: 100px;
}

.mc_data_table2 .mc_data_txt_big strong {
	font-size: 48px;
	font-family: "MontserratAlternatesBold", "Roboto", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
}

.mc_data_table .mc_data_txt_big strong {
	font-size: 48px;
	font-family: "MontserratAlternatesBold", "Roboto", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
}

.mc_data_table1 .mc_data_txt_small {
	font-size: 18px;
}

.mc_data_table1 .mc_data_box {
	padding: 30px 0 55px;
}

.mc_f1s2 {
	padding: 150px 0 130px;
}

.mc_f1s2_title {
	margin-bottom: 115px;
}

.mc_f1s2_li {
	float: left;
	width: 33.333333%;
	padding: 0 70px;
	margin-bottom: 35px;
}

.mc_f1s2_list {
	margin: 0 -70px;
}

.mc_f1s2_lisbox {
	display: block;
}

.mc_f1s2_top {
	border: 1px solid #dcdcdc;
	margin-bottom: 25px;
}

.mc_f1s2_txt p {
	font-size: 24px;
	line-height: 36px;
	font-weight: bold;
	color: #333;
	height: 72px;
	overflow: hidden;
}

.mc_f1s2_txt {
	padding: 30px 55px;
}

.mc_f1s2_bot {
	font-size: 18px;
	color: #666666;
	text-align: center;
}

.mc_f1s2_bot i,
.mc_f1s2_bot em {
	margin-right: 5px;
}

/* .mc_service .mc_mbxbox {
    padding-bottom: 0;
} */

.mc_f2s1 {
	padding: 60px 0 100px;
}

.mc_f2s1_title {
	margin-bottom: 75px;
}

.mc_f2s1_form {
	max-width: 100%;
	width: 658px;
	margin: 0 auto 75px;
}

.mc_f2s1_inputbox {
	border: 1px solid #bfbfbf;
	border-radius: 4px;
	height: 50px;
	padding: 0 20px;
	font-size: 0;
	margin-bottom: 25px;
}

.mc_f2s1_inputbox label {
	width: 20px;
	line-height: 48px;
}

.mc_f2s1_inputbox label i,
.mc_f2s1_inputbox label em {
	display: inline-block;
	font-size: 18px;
	color: #9f9f9f;
	transform: translateY(2px);
}

.mc_f2s1_inputbox input {
	height: 100%;
	font-size: 14px;
	line-height: 20px;
	padding: 12px 15px;
	padding-right: 0;
	width: calc(100% - 20px);
}

.mc_f2s1sel_list {
	margin: 0 -11px;
}


.mc_f2s1sel_li {
	float: left;
	width: 33.333333%;
	padding: 0 11px;
}

.mc_f1s1_select {
	position: relative;
}

.mc_f1s1_select .mc_select_hd {
	position: relative;
	border: 1px solid #bfbfbf;
	border-radius: 4px;
	height: 50px;
	/* padding: 0 20px; */
	padding: 0 !important;

}

.mc_f1s1_select .mc_select_showbox {
	width: calc(100% - 20px);
	width: 100%;
	height: 100%;
}

.mc_f1s1_select .mc_select_show {
	position: relative;
	font-size: 14px;
	line-height: 20px;
	padding: 12px 15px !important;
	padding-right: 40px !important;
	text-overflow: ellipsis;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.mc_f1s1_select .mc_select_xtbbox {
	position: absolute;
	right: 15px;
	top: 0;
}

.mc_f1s1_select .mc_select_xtbbox {
	width: 20px;
	line-height: 48px;
}

.mc_f1s1_select .mc_select_xtbbox i,
.mc_f1s1_select .mc_select_xtbbox em {
	display: inline-block;
	vertical-align: middle;
	color: #052ca9;
}

.mc_f1s1_select .mc_select_xtb.on {
	transform: rotate(180deg);
}

.mc_f1s1_select .mc_select_bd {
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 5;
	width: 100%;
	padding: 8px 0;
	background: #fff;
	border: 1px solid #bfbfbf;
	border-radius: 4px;
	border-top: 0;
	height: 137px;
	overflow: hidden;
}

.mc_f1s1_select .mc_select_li {
	font-size: 14px;
	line-height: 20px;
	padding: 5px 20px;
	padding-right: 0;
}

.mc_f1s1_select input::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #333;
}

.mc_f1s1_select input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #333;
}

.mc_f1s1_select input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #333;
}

.mc_f1s1_select input:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #333;
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
	background: #eaeaea !important;
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #aaaaaa !important;
}

.mc_f2s1_mapbox {
	height: 650px;
	border: 1px solid #e5e5e5;
}

.mc_f2s1m_l {
	width: 350px;
	height: 100%;
	padding: 40px 38px;
	padding-right: 10px;
	overflow: hidden;
	border-right: 1px solid #e5e5e5;
}

.mc_f2s1m_r {
	width: calc(100% - 350px);
	height: 100%;
}

.mc_f2s1m_r #map {
	width: 100%;
	height: 100%;
}

.mc_f2s1m_title {
	font-size: 18px;
	line-height: 30px;
	color: #000;
	margin-bottom: 25px;
	transition: all .36s;
}

.mc_f2s1m_dt i,
.mc_f2s1m_dt em {
	font-size: 20px;
	line-height: 24px;
	color: #cccccc;
}

.mc_f2s1m_dt {
	width: 20px;
}

.mc_f2s1m_dd {
	width: calc(100% - 20px);
	padding-left: 10px;
	font-size: 14px;
	line-height: 24px;
	/* font-weight: lighter; */
	color: #666666;
}

.mc_f2s1m_dl:not(:last-child) {
	margin-bottom: 10px;
}

.mc_f2s1m_li:not(:last-child) {
	margin-bottom: 25px;
}

.mc_f2s1m_li {
	cursor: pointer;
}

#map img {
	max-width: none;
}

.mc_map_container {
	padding-top: 15px;
}

.mc_map_container .mc_f2s1m_title {
	margin-bottom: 10px;
}

.mc_map_container .mc_h1_morebtn {
	font-size: 16px;
	margin-top: 5px;
}

/* .mc_map_container .mc_h1_morebtn span {
    font-weight: lighter;
} */

.mc_mbxbox {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	color: #fff;
	z-index: 10;
}

.mc_data_td {
	transition: all .8s cubic-bezier(.25, .46, .45, .94);
}

.mc_data_td {
	transform: translateY(50px);
	opacity: .6;
}

.mc_data_td.active {
	transform: translateY(0);
	opacity: 1;
}

.mc_c1s1 {
	padding: 85px 0 160px;
}

.mc_txt2448 p {
	font-size: 24px;
	line-height: 48px;
}

.mc_c1s1_r {
	width: 588px;
}

.mc_c1s1_l {
	width: calc(100% - 588px);
	padding-right: 180px;
	padding-top: 70px;
}

.mc_c1s1_title {
	margin-bottom: 45px;
}

.mc_c1s1_txt1 {
	margin-bottom: 50px;
}

.mc_c1s1_txt2 p {
	font-size: 20px;
	line-height: 48px;
	font-weight: bold;
	color: #5d7a89;
	margin-bottom: 40px;
}

.mc_c1s1_txt2 p strong {
	font-size: 36px;
	line-height: 48px;
	color: #0028aa;
	font-weight: bold;
}

.mc_c1s2 {
	padding: 160px 0 30px;
	background: #f7f8fa;
}

.mc_c1s2_title {
	text-align: center;
	margin-bottom: 140px;
}

#myvideo {
	width: 100%;
	vertical-align: middle;
}

.mc_c1s1_r {
	background: #000;
}

/* .video-js{
    background-color: transparent !important;
} */

.mc_a1s1 {
	padding: 100px 0;
	background: #f7f8fa;
}

.mc_a1s1_wrap {
	background: #fff;
}

.mc_a1_hd {
	padding: 60px 100px;
	border-bottom: 1px solid #e5e5e5;
}

.mc_a1_more .mc_h1_morebtn {
	font-size: 14px;
}

.mc_h1_morebtn {
	font-size: 14px;
}

.mc_a1_bd {
	padding: 0 100px;
}

.mc_a1s1_li {
	float: left;
	width: 33.333333%;
}

.mc_a1s1_a {
	display: block;
	padding: 55px 40px 65px;
}

.mc_a1s1_li:not(:last-child) {
	border-right: 1px solid #e5e5e5;
}

.mc_a1s1_date {
	font-size: 16px;
	color: #0028aa;
	line-height: 20px;
	margin-bottom: 25px;
}

.mc_a1s1_date i,
.mc_a1s1_date em {
	font-size: 18px;
	line-height: 20px;
}

.mc_a1s1_txt {
	font-size: 24px;
	line-height: 34px;
	color: #000000;
	height: 68px;
	overflow: hidden;
	margin-bottom: 10px;
}

.mc_a1s1_sub {
	font-size: 16px;
	line-height: 24px;
	color: #666666;
	height: 68px;
	overflow: hidden;
	margin-bottom: 60px;
}

.mc_a1s1_morebtn {
	position: relative;
	z-index: 1;
	display: inline-block;
	vertical-align: top;
	padding: 0 40px;
	line-height: 54px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}

.mc_a1s1_morebtn::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	border-radius: 30px;
	background: #0028aa;
	transition: all .36s;
	transform: scale(1) !important;
}

.mc_a1s1_morebtn::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	border-radius: 30px;
	border: 1px solid #0028aa;
	opacity: 0;
	transform: scale(1);
	transition: all .36s;
}

.mc_a1s1_imgbox {
	margin-top: 55px;
	overflow: visible;
}

.mc_a1s1_imgbox::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -30px;
	z-index: 1;
	width: 100%;
	height: 1px;
	background: #e5e5e5;
}

.mc_a1s1_imgbox::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -30px;
	z-index: 2;
	width: 0;
	height: 1px;
	background: #0028aa;
	transition: all .5s;
}


.mc_a1s2 {
	position: relative;
}

.mc_a1s2_txtbox {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	width: 44%;
	height: 100%;
	padding: 60px 9% 60px 10%;
	background: #fff;
	overflow: auto;
	transition: all .5s;
}



.mc_a1s2_title {
	margin-bottom: 28px;
}

.mc_a1s2_playbtn {
	position: absolute;
	left: 50%;
	bottom: 35px;
	z-index: 2;
	transform: translateX(-50%);
	width: 60px;
	height: 60px;
	cursor: pointer;
	background: #001e5a;
	border-radius: 50%;
	text-align: center;
	transition: all .5s;
}

.mc_a1s2_playbtn i,
.mc_a1s2_playbtn em {
	font-size: 24px;
	line-height: 60px;
	color: #fff;
}

.mc_a1s2_txtbox.txthide {
	transform: translateX(-100%);
}

.mc_a1s2_playbtn.btnhide {
	transform: translateX(-100%);
	opacity: 0;
	pointer-events: none;
}


#mc_a1s2_video {
	width: 100%;
	vertical-align: top;
}


.mc_a1s2_container {
	position: relative;
}

.mc_a1s2 {
	padding-bottom: 80px;
	background: #f7f8fa;
}

.mc_a1s3 {
	padding: 70px 0 100px;
	background: #fff;
}

.mc_list_imgbox {
	position: relative;
}

.mc_a1s2_videobox {
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.mc_a1s2_videobox::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
}

.mc_a1s2_txtbox2 .mc_a1s2_title {
	color: #fff;
}


.mc_a1s2_txtbox2 {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 10;
	transform: translate(-50%, -50%);
	width: 1360px;
	padding: 0 20px;
	color: #fff;
	text-align: left;
}

.mc_a1s2_txtbox2 {
	margin-top: 50px;
	opacity: 0;
	transition: all 1s;
	pointer-events: none;
}

.mc_a1s2_txtbox2.show {
	margin-top: 0;
	opacity: 1;
	pointer-events: all;

}

.mc_a1s2_txtbox2 .mc_a1s1_more {
	margin-top: 30px;
}

.mc_a1s2_videobox img {
	position: relative;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
}

.mc_a1s2_txtbox .mc_a1s1_more {
	display: none;
}

.mc_a1s2_playbtn {
	display: none;
}

.mc_a1s2_videobox #mc_a1s2_video {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.mc_a1s3_title {
	margin-bottom: 115px;
}

.mc_a1s3_li:not(:last-child) {
	margin-bottom: 220px;
}

.mc_a1s3_lisbox {
	position: relative;
	z-index: 1;
	display: block;
}

.mc_a1s3_lisbox::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 82%;
	height: 100%;
	background: #f7f7f7;
}

.mc_a1s3_txtbox {
	width: 42%;
	padding: 70px 0;
}

.mc_a1s3_img {
	width: 58%;
}

.mc_a1s3li_title {
	color: #000;
	margin-bottom: 28px;
	transition: all .36s;
}

.mc_a1s3li_subtitle {
	font-size: 24px;
	line-height: 36px;
	color: #000000;
	margin-bottom: 20px;
}

.mc_a1s3li_txt {
	font-size: 16px;
	line-height: 30px;
	color: #666666;
	margin-bottom: 28px;
}

.mc_a1s3_imgbox {
	width: 100%;
	max-width: 700px;
}

.mc_a1s3_imgbox img {
	transition: all 1s;
}

.mc_a1s3_imgbox .mc_list_img {
	opacity: 0;
	transform: translateX(100px);
	transform: none !important;
}

.mc_a1s3_img {
	transform: translateY(-25%);
}

.mc_a1s3_li:nth-child(odd) .mc_a1s3_txtbox {
	padding-left: 6%;
	padding-right: 6%;
}

.mc_a1s3_li:nth-child(odd) .mc_a1s3_imgbox {
	animation: fadeLeft 2s ease;
}

.mc_a1s3_li:nth-child(even) .mc_a1s3_img {
	float: left;
	padding-right: 4%;
}

.mc_a1s3_li:nth-child(even) .mc_a1s3_lisbox::before {
	left: auto;
	right: 0;
	width: 65%;
}

.mc_a1s3_li:nth-child(even) .mc_a1s3_txtbox {
	padding-right: 7%;
}

.mc_a1s3_li:nth-child(even) .mc_a1s3_imgbox {
	animation: fadeRight 2s ease;
}

.mc_a1s3_li:nth-child(even) .mc_a1s3_imgbox .mc_list_img {
	transform: translateX(-100px);
}


@keyframes fadeLeft {
	0% {
		transform: translateX(100px);
	}

	100% {
		transform: translateX(0);
	}
}

@keyframes fadeRight {
	0% {
		transform: translateX(-100px);
	}

	100% {
		transform: translateX(0);
	}
}

.mc_a1s4_title {
	margin-bottom: 100px;
}

.mc_a1s4_li {
	float: left;
	width: 33.333333%;
	padding: 0 12px;
	margin-bottom: 28px;
}

.mc_a1s4_imgbox img {
	width: 100%;
}

.mc_a1s4_lisbox {
	display: block;
	position: relative;
}

.mc_a1s4_imgbox {
	position: relative;
	z-index: 1;
}

.mc_a1s4_img_ph {
	display: none;
}

.mc_a1s4_imgbox::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	width: 100%;
	height: 50%;
	background: linear-gradient(0deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
	transition: all .36s ease-out;
}

.mc_a1s4li_title {
	position: absolute;
	left: 0;
	bottom: 30px;
	z-index: 5;
	width: 100%;
	font-size: 24px;
	line-height: 1.5;
	color: #fff;
	padding: 0 35px;
	transition: all .36s;
}

.mc_a1s4li_txt2 {
	text-align: center;
	width: 100%;
	z-index: 5;
	margin-top: 50px;
	opacity: 0;
	padding: 0 20px;
	transition: all .36s;
}

.mc_a1s4li_title_center {
	font-size: 24px;
	line-height: 1.5;
	color: #fff;
	margin-bottom: 16px;
}

.mc_a1s4_list {
	position: relative;
	opacity: 0;
	visibility: hidden;
}

.mc_a1s4_list .slick-next {
	right: 0;
	top: -42px;
	z-index: 10;
	width: 48px;
	height: 48px;
	background: url(../image/btn_arrow.png) center / cover no-repeat;
}

.mc_a1s4_li {
	position: absolute;
}

.mc_a1s4_list.show {
	opacity: 1;
	visibility: visible;
}

.mc_a1s4 {
	padding-bottom: 72px;
}

.mc_a1s4_li {
	animation-name: fadeUp;
	animation-duration: 2s;
}


.mc_a1s4_li:nth-child(3n+2) {
	animation-delay: .5s;
}

.mc_a1s4_li:nth-child(3n+3) {
	animation-delay: 1s;
}

@keyframes fadeUp {
	0% {
		opacity: 0;
		transform: translateY(50px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.mc_d1s1_title {
	line-height: 60px;
	margin-bottom: 90px;
}

.mc_d1s2 {
	padding: 138px 0 100px;
	background: #f7f8fa;
}

.mc_d1s2_title {
	line-height: 60px;
	margin-bottom: 120px;
}

.mc_d2 .mc_main {
	background: #f7f8fa;
}

.mc_d2s1 {
	position: relative;
	z-index: 1;
	padding: 30px 0 130px;
	background-color: #F5F8FF !important;
}

.mc_d2s1_bg {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
	width: 52%;
}

.mc_d2s1_title {
	margin-bottom: 40px;
}

.mc_d2s1_txt {
	width: 65%;
	/* padding-left: 3%; */
}

.mc_d2s1_txt p {
	color: #666;
}

.mc_d2s2_title {
	margin-bottom: 150px;
}

.mc_d2s2 {
	padding: 150px 0 165px;
	background: #fff;
}

.mc_d2s2_swiper.swiper-container .swiper-slide {
	width: 22%;
	height: 480px;
	border-right: 1px solid #e5e5e5;
	padding: 35px 40px;
	overflow: hidden;
}

.mc_d2s2_content {
	width: calc(50vw + 680px);
}

.mc_d2s2_year {
	font-size: 48px;
	font-weight: bold;
	margin-bottom: 45px;
	color: #001eb4;
}

.mc_d2s2_txt p {
	font-size: 16px;
	line-height: 30px;
	/* font-weight: lighter; */
	color: #666666;
}

.mc_d2s2_swiper.swiper-container {
	padding-bottom: 75px;
	margin-left: -45px;
}

.mc_d2s2_swiper.swiper-container .swiper-pagination {
	top: auto;
	bottom: 0;
	left: 45px;
	height: 2px;
	background: #dcdcdc;
}

.mc_nav_nor .mc_navxlr_imgbox {
	display: none;
}

.mc_nav_nor .mc_navxl_l {
	border-right: 0;
	width: 100%;
	min-height: auto;
}

.mc_nav_nor .mc_subnav {
	text-align: center;
}

.mc_nav_nor .mc_subnav_li {
	display: inline-block;
	float: none;
	width: auto;
	margin: 0 50px;
}



.mc_nav_nor .mc_navxl_subnav {
	max-width: none;
}

.mc_nav_nor .mc_subnav_li:nth-child(odd) {
	clear: none;
}

.mc_nav_nor .mc_navxl_title {
	display: none;
}

.mc_nav_nor .mc_navxl_r {
	display: none;
}

.mc_nav_nor .mc_navxl_subnav {
	width: 100%;
}


.mc_navxl_container {
	padding: 30px 0;
}

.mc_inban_title_samll {
	display: block;
	font-size: 36px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 20px;
}

.mc_d2s3_hd {
	text-align: center;
}

.mc_d2s3 .mc_cont1360 {
	min-width: 1200px;
}

.mc_d2s3 {
	padding: 145px 0 100px;
}

.mc_d2s3_title {
	margin-bottom: 25px;
}

.mc_d2s3_subtitle {
	font-size: 24px;
	line-height: 36px;
	color: #666666;
	/* font-weight: lighter; */
}

.mc_d2s3_subtitle {
	margin-bottom: 45px;
}

.mc_d2s3_map {
	width: 1200px;
	margin: 0 auto;
}

.mc_d2s4 {
	padding: 130px 0 100px;
	text-align: center;
	background: #fff;
}

.mc_d2s4_title {
	margin-bottom: 135px;
}

.mc_d2s4_imgbox {
	width: 50%;
}

.mc_d2s4_txtbox {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 50%;
	padding: 0 5%;
	text-align: left;
}

.mc_d2s4_lisbox {
	position: relative;
}

.mc_d2s4_txtbox h4 {
	font-size: 36px;
	color: #1d1d1f;
	font-weight: bold;
	margin-bottom: 15px;
}

.mc_d2s4_txtbox p {
	font-size: 24px;
	line-height: 2;
	/* font-weight: lighter; */
}

.mc_d2s4_li:nth-child(even) .mc_d2s4_imgbox {
	float: right;
}

.mc_d2s4_li:nth-child(even) .mc_d2s4_txtbox {
	left: 0;
}

.mc_d3 .mc_main {
	background: #f7f8fa;
}

.mc_d3s1 {
	padding: 50px 0 100px;
}

.mc_d3s1_list {
	margin: 0 -20px;
}

.mc_d3s1_li {
	float: left;
	width: 50%;
	padding: 0 20px;
	margin-bottom: 40px;
}

.mc_d3s1_lisbox {
	display: block;
	background: #fff;
	padding: 45px 55px 50px 85px;
	border: 1px solid #f3f2f2;
}

.mc_d3s1_title {
	margin-bottom: 115px;
}

.mc_d3s1_xtbbox {
	width: 60px;
	margin-bottom: 25px;
}


.mc_d3s1li_title {
	position: relative;
	font-size: 36px;
	font-weight: bold;
	color: #001e5a;
	padding-bottom: 30px;
	margin-bottom: 24px;
}

.mc_d3s1li_title::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 280px;
	height: 1px;
	background: #dcdcdc;
}

.mc_d3s1_txt p {
	font-size: 18px;
	line-height: 30px;
	/* font-weight: lighter; */
}

.mc_d3s1_txt {
	height: 120px;
	overflow: hidden;
}

.mc_d3s2_swiper.swiper-container .swiper-slide {
	width: 600px;
	height: 768px;
	padding: 95px 80px 45px;
	overflow: hidden;
	margin-right: 35px;
	background: #fff;
	box-shadow: 5px 4px 16px rgba(218, 217, 217, .35);
	overflow: hidden;
}

.mc_d3s2 {
	padding: 10% 0 120px;
	position: relative;
	z-index: 1;
}

.mc_d3s2_bgbox {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
}

.mc_d3s2_title {
	color: #fff;
	margin-bottom: 58px;
}

.mc_d3s2_txt p {
	font-size: 24px;
	line-height: 2;
	color: #fff;
	/* font-weight: lighter; */
}

.mc_d3s2_txt {
	max-width: 1200px;
	margin-bottom: 10%;
}

.mc_d3s2_swiper.swiper-container {
	padding-bottom: 45px;
}

.mc_d3s2_swiper.swiper-container .swiper-pagination {
	top: auto;
	bottom: 0;
	left: 0;
	height: 2px;
	background: #dcdcdc;
}

.mc_d3s2_num {
	font-size: 42px;
	color: #001eb4;
	font-weight: bold;
	margin-bottom: 20px;
}

.mc_d3s2li_title {
	font-size: 40px;
	font-weight: bold;
	color: #001e5a;
	margin-bottom: 55px;
}

.mc_d3s2li_txt p {
	color: #666666;
	/* font-weight: lighter; */
}

.mc_d3s2li_txt p a {
	color: inherit;
	line-height: inherit;
}

.mc_d3s2_lisbox {
	width: 100%;
	height: 100%;
}

.mc_d3s2_content {
	width: calc(50vw + 680px);
}

.mc_d3s3_title {
	margin-bottom: 90px;
}

.mc_d3s3 {
	padding-bottom: 140px;
}

.mc_d3s4 {
	padding: 80px 0 40px;
	background: #fff;
}

.mc_d3s5 {
	background: #fff;
	padding-bottom: 120px;
}

.mc_d3s5_title {
	margin-bottom: 120px;
}

.mc_d3s5_swiper .swiper-slide {
	width: 476px;
	margin-right: 20px;
}

.mc_d3s5_content {
	width: calc(50vw + 680px);
}

.mc_d1s2li_title {
	margin-bottom: 30px;
}

/* .mc_d1s2_txt p {
    font-weight: lighter;
} */

.mc_d1s2_txt {
	margin-bottom: 80px;
}

.mc_d1s2_li {
	float: left;
	width: 50%;
	padding: 0 68px;
	margin-bottom: 95px;
}

.mc_d1s2_list {
	margin: 0 -68px;
}

.mc_d1s2_li:first-child {
	float: right;
}

.mc_d1s2_li:nth-child(2) {
	padding-top: 200px;
}

.mc_d3s5_lisbox img {
	width: 100%;
}

.g_btnfl i,
.g_btnfl em {
	display: inline-block;
	vertical-align: middle;
	font-size: 22px;
	color: #fff;
	transition: all .36s;
}


/*7.4 grace*/
.g_b4 .g_b4pt1 {
	padding: 130px 0;
}

.g_b4pt1topfl p {
	color: #d4d4d4;
	font-size: 36px;
	font-weight: bold;
	text-align: left;
	transition: color .36s;
}

.g_b4pt1topfl {
	width: 33.333333%;
	cursor: pointer;
}

.g_b4pt1topfl.act p {
	font-size: 40px;
	font-weight: bold;
	color: #1d1d1f;

}

.g_b4pt1bot {
	margin-top: 120px;
}

.g_b4pt1botnr:not(:first-child) {
	display: none
}

/* .g_b4pt1botnr.on{
    display: block;
} */
.g_b4pt1botb {
	position: relative;
}

.g_b4pt1botpic {
	width: 100%;
}

.g_b4pt1botpic img {
	width: 100%;
}

.g_b4pt1bottle {
	position: absolute;
	top: 0;
	left: 0;
	width: 790px;
	padding-right: 80px;
	background: #fff;
	padding-top: 5px;
	padding-bottom: 50px;
}

.g_b4pt1bottle p {
	color: #666666;
	font-size: 24px;
	line-height: 36px;
	/* font-weight: lighter; */
	letter-spacing: 1px;
}

.g_b4pt2nr {
	position: relative;
	margin-top: 60px;
}

.g_b4pt2 .g_b4pt1bottle {
	right: 0;
	bottom: -180px;
	top: inherit;
	left: inherit;
	z-index: 10;
	width: 920px;
	padding: 70px 75px 20px;
}

.g_b4pt2 .g_b4pt1bottle p {
	color: #333;
}

.g_b4pt2 .mc_a1s1_more {
	margin-top: 40px;
}

.g_b4pt2 {
	margin-bottom: 270px;
}

.g_b4pt3 .g_b4pt1bottle {
	right: inherit;
	left: 0;
}

.g_b4bot {
	background: #f7f8fa;
	padding: 100px 0;
}

.g_b4list1 .mc_title40 {
	text-align: center;
	margin-bottom: 60px;
}

.g_b4litop {
	padding: 25px 15px;
	background: #001964;
}

.g_b4lifl p {
	color: #ffffff;
	font-size: 16px;
	line-height: 32px;
}

.g_b4lifl1 {
	width: 10%;
	height: 30px;
}

.g_b4lifl2 {
	width: 15%;
}

.g_b4libotu {
	width: 52px;
	position: relative;
	margin: auto;
}

.g_b4libotu img {
	width: 100%;
	height: 100%;
}

.g_b4libotu1 {
	position: relative;
	top: 0;
	left: 0;
}

.g_b4libotu2 {
	position: absolute;
	top: 0;
	left: 0;
}

.g_b4libot .g_b4lifl1 {
	height: inherit;
	padding: 15px 0;
}

.g_b4libot .g_b4lifl2p p {
	color: #0028aa !important;
}

.g_b4libot .g_b4lifl2 {
	padding: 15px 0;
}

.g_b4libot .g_b4lifl2 p {
	color: #333333;
	font-size: 18px;
	line-height: 24px;
	padding: 25px 0;
}

.g_b4libotnr {
	display: block;
	width: 100%;
	background: #ffffff;
}

.g_b4libotnr:nth-child(2n) {
	background: #f3f5f9;
}

.g_b4li {
	margin-bottom: 80px;
}

.g_b4lizahu {
	color: #999999;
	font-size: 14px;
	line-height: 24px;
	text-align: right;
	margin-top: 30px;
}

.g_b4footfl {
	width: 50%;
}

.g_b4foot {
	position: relative;
}

/* .g_b4foot::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: #f4f5f5;
    z-index: -1;
}

.g_b4foot::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: #ebeff2;
    z-index: -1;
} */

.g_b4footfr {
	width: 50%;
}

.g_b4foottu {
	width: 156px;
}

.g_b4foottu img {
	width: 100%;
}

.g_b4footflnr {
	position: relative;
}

.g_b4footwz h4 {
	color: #000000;
	font-size: 30px;
	line-height: 60px;
	margin-bottom: 10px;
	transition: all .36s;
}

.g_b4footwz p {
	color: #484848;
	font-size: 18px;
	line-height: 30px;
}

.g_b4footflnr>a {
	padding: 70px;
}

.g_b4footwz {
	padding-left: 70px;
	width: calc(100% - 156px);
}

.g_b6pt1 {
	padding: 70px 0 140px;
}



.g_b6pt1top {
	padding: 90px 0 80px;
	background: #f7f8fa;
}

.g_b6pt1top .mc_e3s1_title {
	margin-bottom: 0;
}


.g_b6pt1nr {
	margin-top: 60px;
}

.g_b6pt1nr h5 {
	color: #333333;
	font-size: 24px;
	line-height: 36px;
	font-weight: bold;
	margin-bottom: 36px;
}

.g_b5pt1fr {
	width: 720px;
}

.g_b5pt1fr img {
	width: 100%;
}

.g_b5pt1fl {
	width: calc(100% - 720px);
	padding-right: 160px;
}

.g_b5pt1 {
	padding: 130px 0;
}

.g_b5pt1tle p {
	color: #666;
	font-size: 24px;
	line-height: 36px;
	margin-top: 30px;
}

.g_b5pt1tle {
	margin-top: 80px;
	margin-bottom: 80px;
}

.g_b5pt1flp p {
	position: relative;
	padding-left: 30px;
	color: #333333;
	font-size: 24px;
	line-height: 48px;
}

.g_b5pt1flp p::before {
	content: '';
	position: absolute;
	top: 24px;
	left: 0;
	width: 4px;
	height: 4px;
	background: #0c0cff;
	border-radius: 50%;
}

.g_b5pt2b {
	position: relative;
}

.g_b5pt2bj {
	width: 100%;
	height: 716px;
}

.g_b5pt2bj img {
	position: relative;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: auto;
	height: 100%;
	max-width: none;
}

.g_b5pt2top {
	position: absolute;
	top: 38%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	width: 100%;
	padding: 0 20px;
}

.g_b5pt2 .mc_title40 {
	color: #fff;
	text-align: center;
	margin-bottom: 30px;
}

.g_b5pt2 .g_b5pt2top p {
	text-align: center;
	color: #fff;
	font-size: 36px;
	line-height: 42px;
}

.g_b5pt2bot {
	margin-top: -218px;
	position: relative;
	z-index: 10;
}

.g_b5pt2bot .mc_cont1600 {
	background: #fff;
	padding: 40px 0 130px;
}

.g_b5pt2botfl {
	width: 100% !important;
	padding: 0 !important;
}

.g_b5pt2botico {
	/* width: 82px; */
	text-align: center;
	margin: 0 auto 46px;
}

.g_b5pt2botico i,
.g_b5pt2botico em {
	font-size: 82px;
	color: #0028aa;
}

.g_b5pt2botico em {
	font-size: 82px;
	color: #0028aa;
}

.g_b5pt2botico img {
	width: 100%;
}

.g_b5pt2botflb h3 {
	color: #1d1d1f;
	font-size: 36px;
	text-align: left;
	line-height: 48px;
	margin-bottom: 36px;
	font-weight: bold;
}

.g_b5pt2botflb p {
	color: #333;
	font-size: 18px;
	line-height: 30px;
	/* font-weight: lighter; */
	text-align: center;
	position: relative;
	padding-top: 30px;
}

/* .g_b5pt2botflb p::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #d2d2d2;
} */

.mc_cont1600 {
	width: 1600px;
	margin: auto;
}

.g_b5pt2botnr {
	width: 1160px;
	margin: 0 auto;
	margin-bottom: 85px;
	max-width: 100%;
}



.g_btn {
	width: 206px;
	height: 60px;
	background: #0028aa;
	margin: auto;
	border-radius: 30px;
	text-align: center;
}

.g_btn a {
	display: block;
	padding: 0 45px;
}

.g_btn p {
	line-height: 60px;
	color: #fff;
	font-size: 14px;
}

.g_btn .g_btnfl {
	width: 21px;
	line-height: 60px;
	margin-left: 10px;
}

.g_btnfl img {
	width: 100%;
}


/* mark */
/* b2 */
.ma_b2s1 {
	padding: 125px 0 316px;
}

.ma_b2s1_title {
	margin-bottom: 110px;
}

.ma_b2s1m_l {
	width: calc(100% - 325px);
	background: #f7f8fa;
	padding: 76px 323px 76px 82px;

}

.ma_b2s1m_l p {
	color: #666;
	font-size: 24px;
	line-height: 1.75;
	/* font-weight: lighter; */
	height: 336px;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.ma_b2s1_main {
	position: relative;
}

.ma_b2s1m_r {
	position: absolute;
	z-index: 1;
	right: -68px;
	bottom: -340px;
}

.ma_b2s1m_r1 {
	position: relative;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

.ma_b2s1m_r2 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
}

/* .ma_b2s2{
    padding-bottom: 100px;
} */
.ma_b2s2_title {
	text-align: center;
	margin-bottom: 80px;
}

.ma_b2s3 {
	background: #f7f8fa;
	padding: 125px 0 160px;
}

.ma_b2s3_title {
	margin-bottom: 110px;
	text-align: center;
}

.ma_b2s3m_l {
	width: 50%;
	padding: 98px 104px 160px 34px;
}

.ma_b2s3ml_img {
	position: relative;
	width: 100%;
	height: 100%;
}

.ma_b2s3m_l1 {
	position: relative;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

.ma_b2s3m_l2 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
}

.ma_b2s3m_r {
	width: 50%;
}

.ma_b2s3mr_title {
	text-align: center;
	background: #eef1f7;
}

.ma_b2s3mr_title h3 {
	color: #333;
	font-size: 24px;
	line-height: 60px;
}

.ma_b2s3mrm_li {
	padding-left: 62px;
	padding-right: 50px;
}

.ma_b2s3mrmlm_l {
	text-align: left;
}

.ma_b2s3mrmlm_l p {
	color: #424770;
	font-size: 16px;
	line-height: 56px;
}

.ma_b2s3mrmlm_r {
	text-align: right;
}

.ma_b2s3mrmlm_r p {
	color: #424770;
	font-size: 16px;
	line-height: 56px;
}

.ma_b2s3mrm_li:nth-child(odd) {
	background: #fff;
}

.ma_b2s3mrm_li:nth-child(even) {
	background: #eef1f7;
}

.ma_b2s4 {
	padding-top: 144px;
}

.ma_b2s4_title {
	text-align: center;
	margin-bottom: 130px;
}

.ma_lb_maim {
	margin: 0 -25px;
}

.ma_lbm_libox {
	padding: 0 25px;
	float: left;
	width: 50%;
}

.ma_lbm_li a {
	display: block;
}

.ma_lbml_img {
	position: relative;
	overflow: hidden;
}

.ma_lbml_img img {
	object-fit: cover;
}

.ma_lbml_img1 {
	position: relative;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

.ma_lbml_img2 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
	transition: all 0.36s;
}

.ma_lbml_img3 {
	position: absolute;
	left: 32px;
	bottom: 28px;
	width: 30px;
	z-index: 10;
}

.ma_lbml_img::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 5;
	background: linear-gradient(to bottom left, transparent 80%, rgba(0, 0, 0, 0.2));
}

.ma_lbml_main {
	padding: 28px 0 0;
}

.ma_lbmlm_title {
	color: #000;
	font-size: 24px;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	margin-bottom: 8px;
	transition: all 0.36s;
}

.ma_lbmlm_font {
	font-size: 16px;
	color: #666;
	line-height: 28px;
	height: 56px;
	overflow: hidden;
	margin-bottom: 30px;
}

.ma_lbm_libox {
	margin-bottom: 95px;
}

/* .ma_b2s2m_luntbox{
    width: 720px;
    margin: 0 auto;
}
.ma_b2s2m_lunt{
    margin: 0 -70px;
}
.ma_b2s2mlt_libox{
    padding: 0 70px;
    float: left;
    width: 33.333333%;
    position: relative;
}
.ma_b2s2mlt_li{
    padding: 0 44px 40px;
    cursor: pointer;
}
.ma_b2s2mltl_main{
    position: relative;
}
.ma_b2s2mlt_li1{
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.ma_b2s2mlt_li2{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.ma_b2s2m_lunbbox{
    border-top: 1px solid #e5e5e5;
    padding-top: 78px;
    position: relative;
}
.ma_b2s2m_lunb{
    width: calc(100% - 56px);
    margin: 0 auto;
    padding: 0 350px;
}
.ma_b2s2mlb_li{
    text-align: center;
}
.ma_b2s2mlbli_title{
    color: #0028aa;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 30px;
}
.ma_b2s2mlb_li p{
    color: #333;
    font-size: 18px;
    line-height: 1.75;
    font-weight: lighter;
}
.ma_b2s2ml_left{
    width: 24px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.ma_b2s2ml_right {
    width: 24px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.ma_b2s2mlb_libox:not(:first-child){
    display: none;
}
.ma_b2s2mlt_li{
    position: relative;
}
.ma_b2s2mlt_li::before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    background: #0028aa;
    opacity: 0;
    transition: all 0.36s;
}
.ma_b2s2m_lunt .slick-current .ma_b2s2mlt_li::before {
    opacity: 1;
} */


/* b1 */
.ma_b1s1 {
	padding-top: 130px;
}

.ma_b1s1_title {
	text-align: center;
	margin-bottom: 100px;
}

.ma_b1s1m_r {
	position: relative;
	z-index: 1;
	width: calc(100% - 475px);
	height: 666px;
}

.mc_b2s1_imgbox {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
}

.mc_b2s1_imgbox::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .1);
}

.mc_b2s1_imgbox .mc_b2s1_img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all .5s;
	overflow: hidden;
}

.mc_b2s1_list {
	width: 100%;
	height: 100%;
}

.mc_b2s1_img.act {
	opacity: 1;
}


.mc_b2s1_li {
	float: left;
	width: 20%;
	height: 100%;
	position: relative;
}

.mc_b2s1li_title {
	font-size: 18px;
	line-height: 1.2;
	color: #fff;
	/* font-weight: lighter; */
	margin-top: 60px;
	text-align: center;
	transition: all .36s;
}

.mc_b2s1_lisbox {
	display: block;
	width: 100%;
	height: 100%;
}

.mc_b2s1li_cont {
	width: 100%;
	padding: 0 15px;
}

.mc_b2s1_li:not(:last-child) {
	border-right: 1px solid rgba(255, 255, 255, .3);
}

.deco {
	display: block;
	width: 6rem;
	height: 6rem;
	opacity: 1;
	transition: .1s;
	transform: translateZ(0);
	margin: 0 auto;
}

.deco:before {

	content: "";
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate3d(-50%, -50%, 0) scale(.75);
	transition: .4s;
	border: 1px solid hsla(0, 0%, 100%, .3);
	border-radius: 100%;
	height: 4rem;
	width: 4rem;
}

.deco i,
.deco em {
	background: hsla(0, 0%, 100%, .8);
	border: 1px solid #fff;
	border-radius: 100%;
	height: 2.2rem;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate3d(-50%, -50%, 0) scale(.5);
	transition: .4s;
	width: 2.2rem;
}

.deco:after {
	content: "";
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate3d(-50%, -50%, 0) scale(.75);
	transition: .4s;
	border: 1px solid hsla(0, 0%, 100%, .1);
	border-radius: 100%;
	height: 6rem;
	width: 6rem;
}

.mc_b2s1_li:hover .deco:before {
	animation: scalepulse 1.3s linear .3s infinite both;
	transform: translate3d(-50%, -50%, 0) scale(1);
}

.mc_b2s1_li:hover .deco i,
.mc_b2s1_li:hover .deco em {
	background: #fff;
	animation: scalepulse 1.3s linear 0s infinite both;
	transform: translate3d(-50%, -50%, 0) scale(1);
}

.mc_b2s1_li:hover .deco:after {
	animation: scalepulse 1.3s linear .15s infinite both;
	transform: translate3d(-50%, -50%, 0) scale(1);
}

.mc_b2s1_li:hover .mc_b2s1li_title {
	font-weight: bold;
}

@keyframes scalepulse {
	20% {
		-webkit-transform: translate3d(-50%, -50%, 0) scale(1.15);
		transform: translate3d(-50%, -50%, 0) scale(1.15);
		-webkit-animation-timing-function: ease;
		animation-timing-function: ease
	}

	50% {
		-webkit-transform: translate3d(-50%, -50%, 0) scale(1);
		transform: translate3d(-50%, -50%, 0) scale(1);
		-webkit-animation-timing-function: ease;
		animation-timing-function: ease
	}
}


.ma_b1s1m_l {
	width: 475px;
	padding: 0 !important;
	height: 666px;
}

.ma_b1s1_main {
	box-shadow: 0 0 14px 1px rgba(234, 234, 234, .75);
}

.ma_b1s1ml_list {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.ma_b1s1ml_li {
	width: 100%;
	padding: 30px 75px;
	max-height: 100%;

}

.ma_b1s12_title {
	text-align: left;
	margin-bottom: 20px;
}

.ma_b1s1m_l p {
	font-size: 18px;
	color: #333;
	line-height: 1.75;
	/* font-weight: lighter; */
}

.ma_b1s2 {
	padding: 100px 0 0;
}

.ma_b1s2_title {
	margin-bottom: 126px;
}

.ma_b1s2_main {
	position: relative;
}

.ma_b1s1_list {
	margin-bottom: 240px;
}

.ma_b1s1_list:last-child {
	margin-bottom: 0;
}

.ma_b1s1_list:nth-child(odd) .ma_b1s2m_img {
	position: absolute;
	width: 100%;
	max-width: 720px;
	right: 0;
	bottom: -110px;
	z-index: 0;
	animation: fadeLeft 2s ease;
}

.ma_b1s1_list:nth-child(even) .ma_b1s2m_img {
	position: absolute;
	width: 100%;
	max-width: 700px;
	left: 0;
	bottom: -110px;
	z-index: 0;
	animation: fadeRight 2s ease;
}

.ma_b1s2m_r1 {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
	transition: all 1s;
}

.ma_b1s2m_r2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	transition: all 1s;
	opacity: 0;
	transform: translateX(100px);
	transform: none !important;
}

.ma_b1s1_list:nth-child(even) .ma_b1s2m_r2 {
	transform: translateX(-100px);
}

.ma_b1s1_list:nth-child(odd) .ma_b1s2m_font {
	float: left;
	width: calc(100% - 426px);
	/* height: 485px; */
	background: #f7f8fa;
	padding: 90px 275px 90px 84px;
}

.ma_b1s1_list:nth-child(even) .ma_b1s2m_font {
	float: right;
	width: calc(100% - 426px);
	/* height: 485px; */
	background: #f7f8fa;
	padding: 90px 84px 90px 275px;
}

.ma_b1s2m_font p {
	font-size: 24px;
	color: #333;
	line-height: 1.75;
	/* max-height: 168px; */
	/* overflow: hidden; */
	/* font-weight: lighter; */
	position: relative;
	z-index: 10;
	margin-bottom: 44px;
}

.ma_b1s2_main a {
	display: block;
}

.ma_b1s2 .mc_a1s1_more {
	z-index: 10;
}

/* b3 */
.ma_b3s2 {
	background: #f7f8fa;
	padding-top: 200px;
	padding-bottom: 1px;
}

.ma_b3 .ma_b1s2m_font {
	position: relative;
}

.ma_b3 .ma_b1s2m_font::before {
	content: "";
	width: 100%;
	height: 100%;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
}

.ma_b3 .ma_b1s2_title {
	position: relative;
	z-index: 10;
}

.ma_b3 .ma_b1s1_list:nth-child(odd) .ma_b1s2m_font {
	float: left;
	width: 100%;
	/* height: 485px; */
	background: transparent;
	padding: 90px 837px 90px 84px;
}

.ma_b3 .ma_b1s1_list:nth-child(odd) .ma_b1s2m_font::before {
	transform: translateX(-268px);
}

.ma_b3 .ma_b1s1_list:nth-child(even) .ma_b1s2m_font {
	float: right;
	width: 100%;
	/* height: 485px; */
	background: transparent;
	padding: 90px 84px 90px 837px;
}

.ma_b3 .ma_b1s1_list:nth-child(even) .ma_b1s2m_font::before {
	transform: translateX(268px);
}

.ma_b3 .ma_b1s2_title {
	margin-bottom: 40px;
}

.ma_b3 .ma_b1s2m_font p {
	font-size: 18px;
	color: #666;
	line-height: 1.7;
}

.ma_b3 .ma_b1s1_list:nth-child(odd) .ma_b1s2m_img {
	z-index: 9;
}

.ma_b3 .ma_b1s1_list:nth-child(even) .ma_b1s2m_img {
	z-index: 9;
}

.ma_b3 .ma_b1s1_list:nth-child(odd) .ma_b1s2m_img {
	bottom: 0;
}

.ma_b3 .ma_b1s1_list:nth-child(even) .ma_b1s2m_img {
	bottom: 0;
}

.ma_b3 .ma_b1s1_list {
	margin-bottom: 185px;
}

.ma_b3 .ma_b1s1_list:last-child {
	margin-bottom: 0;
}

/* b31 */
.ma_b31s1 {
	padding: 130px 0;
}

.ma_b31s1_img {
	width: 164px;
	margin-bottom: 30px;
}

.ma_b31s1_title {
	margin-bottom: 42px;
}

.ma_b31s1_main p {
	font-size: 18px;
	color: #666;
	line-height: 1.7;
	margin-bottom: 40px;
}

.ma_b31s1 {
	padding: 130px 0 55px;
}

.ma_b4s1_title {
	margin-bottom: 20px;
}

.ma_b4s1_title2 {
	margin-bottom: 40px;
}

.ma_b4s1_main p {
	font-size: 18px;
	color: #666;
	line-height: 1.7;
	/* margin-bottom: 40px; */
	width: calc(100% - 372px);
}

.ma_lb_maim.ma_lb_maim2 {
	margin-bottom: 100px;
}

.ma_lb_maim2 .ma_lbm_li {
	padding: 50px;
	background: #f7f8fa;
	margin-bottom: 82px;
	transition: all 0.36s;
}

.ma_lb_maim2 .ma_lbm_li:last-child {
	margin-bottom: 0;
}

.ma_lb_maim2 {
	max-width: 1050px;
	margin: 0 auto;
}

.ma_lb_maim2 img {
	object-fit: none;
}

.ma_lb_maim2 .ma_lbml_main {
	padding-top: 0;
}

.ma_lb_maim2 .ma_lbmlm_r {
	padding-left: 50px;
}

.ma_b43s1 .ma_lbmlm_l {
	position: relative;
	width: 395px;
}

.ma_lbmlm_l1 {
	position: relative;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

.ma_lbmlm_l2 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
}

.ma_lbmlm_r {
	padding: 33px 0 33px 85px;
	width: calc(100% - 395px);
}

.ma_lbmlmr_title {
	font-size: 24px;
	font-weight: bold;
	color: #333;
	margin-bottom: 20px;
}

.ma_lbmlmr_main {
	color: #666;
	font-size: 16px;
	line-height: 1.7;
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid #eee;
}

.ma_lbmlmr_a a {
	display: inline-block;
	margin-right: 30px;
}

.ma_lbmlmr_a a span {
	color: #0028aa;
	font-size: 16px;
	line-height: 1.7;
	margin-right: 12px;
}

.ma_b43s1 {
	padding: 130px 0 0;
}

.ma_b31ban_xtb {
	width: 215px;
	display: block;
}


.ma_b4in_imgbox {
	position: relative;
	z-index: 1;
	text-align: center;
	margin: 90px 0 120px;
}

.ma_b4in_hassubimg .ma_b4in_subimg {
	display: block;
}


.ma_b4in_subimg {
	display: none;
	position: absolute;
	left: 100px;
	bottom: 0;
	width: 720px;
	transform: translateY(50%);
}

.ma_b4in_imgbox.ma_b4in_hassubimg {
	margin-bottom: 265px;
}

.mc_d1s2_li {
	transform: translateY(50px);
	opacity: 0;
}

.mc_d1s2_list.show .mc_d1s2_li:nth-child(2) {
	transition-delay: .5s;
}

.mc_d1s2_list.show .mc_d1s2_li:nth-child(3) {
	transition-delay: 1s;
}

.mc_d1s2_list.show .mc_d1s2_li {
	transform: translateY(0);
	opacity: 1;
	transition: all 1s;
}

/* .mc_d1s1 {
    padding-top: 60px;
} */

.mc_d1s1_scrollbox {
	position: relative;
	padding-bottom: 100vh;
}

.mc_d1s1_scroll_main {
	width: 100%;
	width: 200vw;
	height: 100vh;
}

.mc_d1s1_scroll_main {
	position: absolute;
	left: 0;
	top: 0;
	transition: left .3s ease;
}

.mc_d1s1_scroll_main.mc_fixed {
	position: fixed;
	padding-top: 140px;
}

.mc_d1s1_scroll_main.mc_bot {
	top: auto;
	bottom: 0;
}

.mc_d1s1_txt p,
.mc_d1s1_txt li {
	font-size: 24px;
	line-height: 48px;
	color: #44476b;
	/* font-weight: lighter; */
}

.mc_d1s1_list li {
	position: relative;
	padding-left: 30px;
}

.mc_d1s1_list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 19px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #0028aa;
}

.mc_d1s1_scroll_main {
	padding: 60px 0;
	padding-left: calc(50vw - 680px);
	padding-right: calc(50vw - 680px);
}

.mc_d1s1_l {
	margin-right: 135px;
}

.mc_d1s1r_lisbox {
	position: relative;
	height: calc(100vh - 200px);
	max-height: 725px;
}

.mc_d1s1r_list {
	white-space: nowrap;
	vertical-align: top;
}

.mc_d1s1r_bot {
	height: 350px;
}

.mc_d1s1r_top {
	position: relative;
	height: calc(100% - 350px);
}

.mc_d1s1r_li {
	display: inline-block;
	vertical-align: top;
	width: 520px;
	margin-right: 100px;
}

.mc_d1s1r_title {
	margin-bottom: 25px;
}

.mc_d1s1r_txt p {
	/* font-weight: lighter; */
	color: #44476b;
	white-space: normal;
	word-break: break-word;
}

.mc_d1s1r_txtbox {
	position: absolute;
	left: 0;
	bottom: 90px;
	width: 100%;
}

.mc_d1s1r_li:nth-child(even) .mc_d1s1r_top {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.mc_d1s1r_li:nth-child(even) .mc_d1s1r_txtbox {
	bottom: auto;
	top: 90px;
}

.mc_d1s1_m {
	position: relative;
	z-index: 1;
	margin-right: 75px;
}

.mc_d1s1m_line {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

.mc_d1s1r_imgbox1 {
	position: relative;
	z-index: 1;
	width: 500px;
}

.mc_d1s1r_img1 {
	position: relative;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
}

.mc_d1s1r_img2,
.mc_d1s1r_img3 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.mc_d1s1_scroll_main {
	white-space: nowrap;
}

.mc_d1s1_scroll_main>div {
	float: none;
	display: inline-block;
	vertical-align: top;
}

.mc_b1s2_title {
	margin-bottom: 130px;
}

.mc_b1s2 .ma_b1s1_list {
	padding-top: 120px;
}

.ma_b1s1_list .ma_b1s2_main {
	margin-bottom: 240px;
}

.mc_b1 .ma_b1s1_list {
	margin-bottom: 0;
}

.mc_d2s3m_imgbox {
	position: relative;
}

.mc_d2s3_map {
	position: relative;
}

.mc_d2s3m_zb {
	/* position: absolute;
    left: -60px;
    bottom: -60px; */
	border: 1px solid #e6e7ea;
	padding: 12px;
}

.mc_d2s3m_zb p {
	white-space: nowrap;
	font-size: 14px;
	line-height: 20px;
	padding: 5px 0;
}

.iconliubianxing {
	font-size: inherit;
	color: #0028aa;
}

.iconfangkuai {
	font-size: inherit;
	color: #828b9c;
}

.iconcircle {
	font-size: inherit;
	color: #3e7aff;
}

.iconsanjiao {
	font-size: inherit;
	color: #16a3fb;
}

.mc_d2s3sub_txtbox {
	white-space: nowrap;
}

.mc_d2s3sub_imgbox {
	width: 128px;
	background: #fff;
	border-radius: 50%;
	overflow: hidden;
	padding: 5px;
}

.mc_d2s3sub_imgbox img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.mc_d2s3_li {
	position: absolute;
	z-index: 5;
	padding-left: 20px;
	padding-bottom: 20px;
	min-height: 130px;
}

.mc_d2s3_li::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 5px;
	height: 5px;
	background: #acacae;
}

.mc_d2s3_li::after {
	content: "";
	position: absolute;
	left: 2px;
	bottom: 0;
	width: 1px;
	height: 100%;
	background: #acacae;
}

.mc_d2s3sub_txtbox {
	position: relative;
	font-size: 14px;
	line-height: 20px;
	color: #666;
	transition: all .36s;
}

.mc_d2s3sub_li {
	position: relative;
	cursor: default;
	margin-right: 30px;
}

.mc_d2s3sub_imgbox {
	position: absolute;
	left: 100%;
	top: 0;
	z-index: 2;
	transform: translate(-20px, -30%);
	opacity: 0;
	pointer-events: none;
	transition: all .36s;
}

.mc_d2s3_country {
	font-size: 18px;
	font-weight: bold;
	color: #333359;
	margin-bottom: 15px;
}

.mc_d2s3sub_list {
	display: inline-block;
	vertical-align: top;
}

.mc_d2s3sub_box {
	white-space: nowrap;
}

.mc_d2s3_fr {
	min-height: 180px;
}

.mc_d2s3_ger {
	min-height: auto;
}


.mc_b5s1_svg {
	width: 900px;
	height: 900px;
	margin-top: -10%;
}

.mc_b5s1_circle {
	fill: none;
	stroke-width: 1px;
	stroke: #d8d8d8;
	stroke-dasharray: 3px 1px;
}

.mc_b5_circle3 {
	stroke: #0000ff;
	stroke-width: 2px;
	transform: rotate(-90deg);
	transform-origin: 50% 50%;
	transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.mc_b5s1_huan {
	fill: #fff;
	stroke: #0000ff;
}

.mc_b5s1m_text {
	font-size: 40px;
	font-weight: bold;
	/* fill: #1d1d1f; */
	/* transform: translateY(-8%); */
	transition: all .36s;
}

/* .mc_b5s1m_img {
    transform: translateX(-27.5%);
    transition: all .36s;
} */

/* .mc_b5s1m_img:not(:first-child) {
    display: none;
}

.mc_b5s1m_text:not(:first-child) {
    display: none;
} */

.mc_nb5s1_mli:not(:first-child) {
	display: none;
}

.mc_b5s1o_text {
	font-size: 24px;
}

#lt_cut {
	transform: translate(5%, 4.5%);
}

#rt_cut {
	transform: translate(50.5%, 4.5%);
}

#lb_cut {
	transform: translate(5%, 51.5%);
}

#rb_cut {
	transform: translate(50.5%, 51.5%);
}

.img_cut path {
	transition: all 1s;
}

.mc_b5s1_data {
	position: relative;
	z-index: 1;
}

.mc_b5s1_mask {
	transition: all .36s;
}

.mc_b5s1_data.show .mc_b5s1_mask {
	opacity: 0;
}

select::-ms-expand {
	display: none;
}

.mc_f1s1_select .mc_select_xtbbox {
	pointer-events: none;
}

.mc_b5s1_imgbox {
	position: relative;
	z-index: 1;
}

.mc_b5s1_imgbox::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .1);
}

#lt_cut path {
	transition: all 1s;
}

.mc_d2s2_lisbox {
	height: 100%;
}

.mc_d2s2_swiper.swiper-container .mCSB_outside+.mCSB_scrollTools {
	right: 5px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #001eb4 !important;
}

.d2s3_map_ph {
	display: none;
}

.mc_f1s1_select .mc_select_show {
	pointer-events: all;
	padding-right: 40px;
}

.mc_d3s2_swiper.swiper-container .mCSB_outside+.mCSB_scrollTools {
	right: -20px;
}

.mc_d3s5_swiper .swiper-wrapper {
	align-items: center;
}

.mc_b5s1rt_text {
	transform: rotate(45deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.mc_b5s1rb_text {
	transform: rotate(135deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.mc_b5s1lb_text {
	transform: rotate(-135deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.mc_b5s1lt_text {
	transform: rotate(-45deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.mc_b1s1_scrollbox {
	position: relative;
	background: #f7f8fa;
}



.mc_b1s1_scroll_main {
	/* position: absolute;
    left: 0;
    top: 0;
    z-index: 5; */
	width: 100%;
	height: 100vh;
	padding-top: 100px;
}

/* .mc_b1s1_scroll_main.mc_fixed {
    position: fixed;
    left: 0;
    top: 0;
}

.mc_b1s1_scroll_main.mc_bot {
    position: absolute;
    top: auto;
    bottom: 0;
}

.mc_b1s1_scroll_space {
    height: 500vh;
} */

.mc_b1s1_scroll_container {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	max-height: calc(100vh - 197px);
	overflow: hidden;
}



.mc_b1s1_dots {
	position: relative;
	z-index: 1;
	text-align: center;
	font-size: 0;
}

.mc_b1s1_dotsbox {
	position: relative;
	z-index: 1;
}

.mc_b1s1_dotsbox::before {
	content: "";
	position: absolute;
	left: 0;
	top: 36px;
	z-index: -2;
	height: 1px;
	width: 100%;
	background: #d4d4d4;
	transition: all .36s;
}

.mc_b1s1dots_li.act .mc_b1s1_dotsbox::before {
	background: #0028aa;

}

.mc_b1s1dots_li.act .mc_b1s1dots_shu {
	background: #0028aa;

}

.mc_b1s1_dotsline {
	display: block;
	position: absolute;
	left: 0;
	top: 36px;
	z-index: -1;
	height: 1px;
	width: 0%;
	background: #0028aa;
	transition: all .36s;
}

.mc_b1s1dots_li {
	display: inline-block;
	padding: 0 45px;
	text-align: center;
	max-width: 20%;
	cursor: pointer;
}

.mc_b1s1dots_shu {
	display: block;
	width: 1px;
	height: 2px;
	background: #d4d4d4;
	margin: 0 auto;
}

.mc_b1s1dots_index {
	font-size: 16px;
	padding-bottom: 18px;
	color: #b6b6b6;
	transition: all .36s;
}

.mc_b1s1dots_title {
	font-size: 24px;
	line-height: 1.5;
	/* font-weight: lighter; */
	color: #424770;
	transition: color .36s;
	padding-top: 25px;
}

.mc_b1s1dots_li.act .mc_b1s1dots_index {
	color: #0028aa;
}

.mc_b1s1dots_li.act .mc_b1s1dots_title {
	font-weight: bold;
	color: #32325c;
}

.mc_b1s1_video {
	width: 100%;
}

.mc_cont1500 {
	width: 1500px;
	margin: 0 auto;
}

.mc_b1s1_videobox {
	float: left;
	width: 57%;
	font-size: 0;
}

.mc_b1s1_txtbox {
	position: absolute;
	right: 0;
	bottom: 0;
	float: right;
	width: 39%;
	min-height: 361px;
}

.mc_b1s1_title {
	text-align: right;
	font-size: 96px;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 13px 18px rgba(182, 194, 202, .3);
	margin-bottom: 10vh;
	transition: all 1s;
	transform: translateX(40%);
}

.mc_b1s1_li.slick-current .mc_b1s1_title {
	transform: translateX(0);
}

.mc_b1s1_li.slick-current .mc_b1s1_txtbox p::before {
	width: 65px;
}

.mc_b1s1_li.slick-current .mc_b1s1_txtbox {
	opacity: 1;
}

.mc_b1s1_li {
	position: relative;
}

.mc_b1s1_txtbox {
	padding: 75px 50px 50px 85px;
	background: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 1));
	opacity: 0;
	transition: all 1s;
	transition-delay: .3s;
}

.mc_b1s1_txtbox p {
	position: relative;
	z-index: 1;
	color: #666666;
	/* font-weight: lighter; */
}

.mc_b1s1_txtbox p::before {
	content: "";
	position: absolute;
	right: calc(100% + 25px);
	top: 16px;
	width: 0;
	height: 1px;
	background: #0028aa;
	transition: all 1s;
	transition-delay: .3s;
}

.mc_b1s1_li:not(:first-child) {
	display: none;
}

.mc_b22t_td .ma_b2s3ml_img {
	width: 220px;
}

.mc_b22_top {
	padding: 60px 0;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 0px;
}

.mc_b22t_td {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding-right: 50px;
}

.ma_b22 {
	padding-top: 80px;
}

.mc_b22_bot {
	padding: 100px 0;
	/* background: #f7f8fa; */
}

.mc_b22b_title {
	padding-bottom: 25px;
	border-bottom: 1px solid #eee;
	margin-bottom: 30px;
}

.mc_b22b_td {
	display: table-cell;
	font-size: 18px;
	line-height: 1.5;
	padding: 12px 24px;
	padding-left: 0 !important;
	word-break: normal;
}

.mc_b22b_td p {
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	margin-bottom: 16px;
}

.mc_b22b_td1 {
	width: 340px;
}

/* .mc_b22b_td2{
    width: calc(100% - 230px);
} */


.mc_d1s1_svg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 200%;
	height: 100%;
	pointer-events: none;
}

.st0 {
	fill: none;
	stroke: #003399;
	stroke-width: 2;
	stroke-miterlimit: 10;
}

.d1s1_svg2 {
	fill: none;
	stroke: #0028AA;
	stroke-width: 14;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.mc_d1s1_svg2 {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
}

/* .mc_d1s1r_line{
    stroke-width: 10px;
    transform: scale(.8);
} */


.mc_d1s1_svg {
	position: absolute;
	left: -105px;
	top: -59px;
	z-index: -1;
	width: 200%;
	height: 200%;
}

.path2 {
	transform: translateY(500px);
}


.mc_d1s1_dash {
	stroke-dasharray: 5 8;
}

.mc_d1s1_lg .mc_d1s1_line {
	opacity: 0;
	stroke-width: 2;
	transition: all .1s linear;

}

.mc_d1s1_scroll_main {
	transition: left .1s linear;

}

.mc_d1s1_lg circle {
	fill: none;
	stroke: #103BB2;
	fill: #fff;
	transition: all .36s;
}

.mc_d1s1_lg.act .mc_d1s1_line {
	opacity: 1;
}

.mc_d1s1_lg.act circle {
	fill: #103BB2;
}

.mc_d1s1r_line {
	fill: none;
	stroke: #103BB2;

}

.mc_d1s1r_line {
	fill: none;
	stroke: #0028AA;
	stroke-width: 10;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}


.mc_d1s1r_img1,
.mc_d1s1r_img2 {
	transform: translateY(30px);
	opacity: 0;
	transition: all .3s;
}

.mc_d1s1r_img3 {
	transform: translateX(20px);
	opacity: 0;
	transition: all .3s;
}

.mc_d1s1r_imgbox1.show .mc_d1s1r_img1 {
	transform: translateY(0);
	opacity: 1;
}

.mc_d1s1r_imgbox1.show .mc_d1s1r_img2 {
	transform: translateY(0);
	opacity: 1;
	transition-delay: .3s;
}

.mc_d1s1r_imgbox1.show .mc_d1s1r_img3 {
	opacity: 1;
	transition-delay: .6s;
	transform: translateX(0);
}

.mc_d1ban_video {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mc_b21_tab {
	display: table;
	width: 100%;
}

.mc_b21_tr {
	width: 100%;
	display: table;
	background: #fff;
}

.mc_b21_tr:nth-child(even) {
	background: #f3f5f9;
}

/* .mc_b21_tbody,
.mc_b21_thead{
    display: table-row-group;
} */

.mc_b21_th,
.mc_b21_td {
	display: table-cell;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	width: 9%;
	padding: 20px 5px;
	text-align: center;
	vertical-align: middle;
	word-break: break-word;
	color: #333;
	transition: all .36s;
}

.mc_b21_proimg {
	width: 100px;
	max-width: 100%;
	margin: 0 auto 10px;
}

.mc_b21_th {
	color: #fff;
	background: #001964;
}


.mc_b21_td1 {
	width: 10%;
}

.ma_b4s1_main {
	padding-bottom: 60px;
}

.ma_b2s3mrmlm_l {
	max-width: 40%;
}

.ma_b2s3mrmlm_r {
	max-width: 60%;
}

.ma_b1s1ml_li:not(:first-child) {
	display: none;
}


.mc_tj_ph {
	display: none;
}

.g_b4litop .g_b4lifl p {
	font-weight: bold;
}

.g_b4lifl:nth-last-child(1),
.g_b4libota:nth-last-child(1) {
	width: 12%;
}

.g_b4lifl:nth-last-child(2),
.g_b4libota:nth-last-child(2) {
	width: 18%;
}

.mc_d1s1_r {
	padding-right: 20vw;
}

.ma_b2s3_mainbox>a {
	display: block;
}

.g_b4li_ph {
	display: none;
}


.mc_d2s3_li_top::before {
	top: 0;
}

.mc_d2s3_jpn {
	min-height: auto;
}

.mc_a2_cont {
	padding: 0 140px;
}

.mc_a2 {
	padding-top: 80px;
}

.mc_a2s1 {
	border-top: 1px solid #e5e5e5;
}

.mc_a2_form {
	width: 100%;
}

.mc_a2_l {
	width: 245px;
	padding: 60px 30px 60px 0;
}

.mc_a2_r {
	width: calc(100% - 245px);
	padding: 60px 0 100px 75px;
	min-height: 800px;
	border-left: 1px solid #e5e5e5;
}

.mc_a2_title {
	margin-bottom: 80px;
}

.mc_a2gl_title {
	font-size: 28px;
	color: #333;
	margin-bottom: 20px;
}

.mc_a2gl_a {
	font-size: 22px;
	line-height: 28px;
	padding: 10px 0;
	color: #666;
	transition: color .36s;
}

.mc_a2gl_li.on .mc_a2gl_a {
	font-weight: bold;
	color: #333;
}

.mc_a2gl_box {
	margin-bottom: 30px;
}

.mc_a2_inputgroup {
	width: 500px;
	height: 48px;
	max-width: 100%;
	background: #f6f8ff;
	border-radius: 24px;
	overflow: hidden;
	padding-left: 50px;
	margin-bottom: 60px;
}

.mc_a2_submitbox {
	width: 145px;
	height: 100%;
}

.mc_a2_submitbtn {
	width: 100%;
	height: 100%;
	font-size: 16px;
	color: #fff;
	background: #0028aa;
	border-radius: 24px;
}

.mc_a2_inputbox {
	width: calc(100% - 145px);
	height: 100%;
}

.mc_a2_inputbox input {
	position: relative;
	width: 100%;
	height: 100%;
	font-size: 16px;
	line-height: 20px;
	padding: 14px 15px;
	color: #999999;
	text-overflow: ellipsis;
}

.mc_a2_inputbox {
	position: relative;
}

.mc_a2_inputbox::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 16px;
	background: #0028aa;
}

.mc_a2_count {
	font-size: 22px;
	color: #2f2e2e;
	margin-bottom: 20px;
}

.mc_a2re_a {
	display: block;
	font-size: 18px;
	line-height: 30px;
	padding: 25px 0;
	color: #666;
}

.mc_a2re_li {
	border-bottom: 1px solid #c3c3c3;
}

.mc_a2re_l,
.mc_a2re_r {
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

.mc_a2re_r {
	width: 20px;
}

.mc_a2re_l {
	width: calc(100% - 20px);
	overflow: hidden;
	padding-right: 20px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.mc_a2re_r {
	font-family: "微软雅黑", Helvetica, sans-serif !important;
}

.mc_a2_result {
	margin-bottom: 150px;
}

.ma_lbml_img3 {
	display: none;
}

.mc_list_imgbox img {
	object-fit: cover;
}

.mc_inban_title p {
	font-size: inherit;
	color: inherit;
	line-height: inherit;
}

@media screen and (min-width:1200px) {
	.ma_lbm_li a:hover .ma_lbml_img2 {
		transform: scale(1.1);
	}

	.ma_lbm_li a:hover .ma_lbmlm_title {
		color: #0028aa;
	}

	.ma_lbm_li a:hover .mc_a1s1_morebtn {
		color: #0028aa;
	}

	.ma_lbm_li a:hover .mc_a1s1_morebtn::before {
		transform: scale(.5);
		opacity: 0;
	}

	.ma_lbm_li a:hover .mc_a1s1_morebtn::after {
		transform: scale(1);
		opacity: 1;
	}

	.ma_b1s2_main a:hover .mc_a1s1_morebtn {
		color: #0028aa;
	}

	.ma_b1s2_main a:hover .mc_a1s1_morebtn::before {
		transform: scale(.5);
		opacity: 0;
	}

	.ma_b1s2_main a:hover .mc_a1s1_morebtn::after {
		transform: scale(1);
		opacity: 1;
	}

	.ma_b1s2_main a:hover .ma_b1s2m_r1 {
		opacity: 0;
	}

	.ma_b1s2_main a:hover .ma_b1s2m_r2 {
		opacity: 1;
		transform: translateX(0) !important;
	}

	.ma_b2s1_main:hover .mc_a1s1_morebtn {
		color: #0028aa;
	}

	.ma_b2s1_main:hover .mc_a1s1_morebtn::before {
		transform: scale(.5);
		opacity: 0;
	}

	.ma_b2s1_main:hover .mc_a1s1_morebtn::after {
		transform: scale(1);
		opacity: 1;
	}

	.ma_b2s1_main:hover .ma_b1s2m_r1 {
		opacity: 0;
	}

	.ma_b2s1_main:hover .ma_b1s2m_r2 {
		opacity: 1;
		transform: translateX(0) !important;
	}

	.ma_lb_maim2 .ma_lbm_li:hover {
		box-shadow: 0 0 12px 0 rgba(0, 0, 0, .1);
	}

	.mc_nav_li:hover .mc_nav_a {
		color: #001eb4;
	}

	.mc_language a:hover {
		color: #001eb4;
	}

	.mc_search_btn:hover i,
	.mc_search_btn:hover em {
		color: #001eb4 !important;
	}

	.mc_ft1_nav a:hover {
		color: #001eb4;
	}

	.mc_ft2_nav a:hover {
		opacity: .8;
	}

	.mc_sharebox:hover .mc_list_png {
		opacity: .8;
	}

	.mc_sharebox .mc_list_png {
		transition: all .36s;
	}

	.mc_e1_lisbox:hover {
		box-shadow: 0 5px 47px 4px rgba(214, 211, 211, .75);
	}

	.mc_e1_lisbox:hover::after {
		width: 100%;
	}

	.pc_fenye li:hover {
		color: #001eb4;
		background: url(../image/fy_border.png) center / cover no-repeat;
	}

	.mc_e3s1_backbtn:hover {
		color: #001eb4;
	}

	.mc_e3s1b_sharebox .mc_sharebox:hover {
		background: #001eb4;
	}

	.mc_e3s1_arrow a:hover {
		color: #001eb4;
	}

	.mc_h1_morebtn:hover {
		color: #001eb4;
	}

	.mc_h1_morebtn:hover i::before {
		transform: translateX(10px);
	}

	.mc_h1s1_lisbox:hover {
		box-shadow: 5px 4.5px 15.3px 2.7px rgba(212, 211, 211, .75);
	}

	.mc_h1s2_lisbox:hover .mc_h1s2li_title {
		color: #001eb4;
	}

	.mc_h1s2_lisbox:hover .mc_h1s2_r i,
	.mc_h1s2_lisbox:hover .mc_h1s2_r em {
		color: #001eb4;
	}

	.mc_mbx_li:hover {
		/* color: #333333; */
		opacity: .8;
	}

	.mc_h2s1_li:hover .mc_h2s1_a::before {
		width: 100%;
	}

	.mc_e1_lisbox:hover .mc_e1_imgbox img {
		transform: scale(1.1);
	}

	.mc_h1s3_hudong_btn:hover i,
	.mc_h1s3_hudong_btn:hover em {
		/* animation: movex .6s ease; */
		transform: translateX(10px);
	}

	@keyframes movex {
		50% {
			transform: translateX(10px);
		}
	}

	.mc_i1s1_mapbtn:hover {
		color: #001eb4;
	}

	.mc_i1s1f_table td a:hover {
		color: #001eb4;
	}

	.mc_lyt_hdli:hover .mc_lyt_hda {
		background: #0028aa;
	}

	.mc_lyfac_add:hover {
		color: #001eb4;
	}

	.mc_lyfac_delete:hover {
		background: #ed0000;
	}

	.mc_subnav_a:hover {
		color: #001eb4;
	}

	.mc_navxlr_a:hover {
		color: #001eb4;
	}

	.mc_f1t_href:hover i,
	.mc_f1t_href:hover em {
		transform: translateX(10px);
	}

	.mc_f1s2_lisbox:hover .mc_f1s2_imgbox img {
		transform: scale(1.1);
	}

	.mc_f1s2_lisbox:hover .mc_f1s2_bot {
		color: #001eb4;
	}

	.mc_f1s2_imgbox img,
	.mc_f1s2_bot {
		transition: all .36s;
	}

	.mc_f2s1m_li:hover .mc_f2s1m_title {
		color: #001eb4;
	}

	.mc_i1s1f_table tr:not(.mc_i1s1f_thd):hover {
		background: #f8f8f8;
	}

	.mc_i1s1f_table tr:not(.mc_i1s1f_thd):hover td {
		color: #333;
	}

	.mc_i1s2_lisbox:hover .mc_i1s2_xtb i,
	.mc_i1s2_lisbox:hover .mc_i1s2_xtb em,
	.mc_i1s2_lisbox:hover .mc_i1s2_title {
		color: #001eb4;
	}

	.mc_ly_submit:hover input {
		color: #001eb4;
	}

	.mc_ly_submit:hover::before {
		transform: scale(.5);
		opacity: 0;
	}

	.mc_ly_submit:hover::after {
		transform: scale(1);
		opacity: 1;
	}

	.mc_a1s1_a:hover .mc_a1s1_morebtn::before {
		transform: scale(.5);
		opacity: 0;
	}

	.mc_a1s1_a:hover .mc_a1s1_morebtn::after {
		transform: scale(1);
		opacity: 1;
	}

	.mc_a1s1_a:hover .mc_a1s1_morebtn {
		color: #0028aa;
	}

	.mc_a1s1_a:hover .mc_a1s1_imgbox::after {
		width: 100%;
	}

	.mc_a1s1_a:hover {
		box-shadow: 15px 9px 14px 2px rgba(110, 117, 129, .18);
	}

	.mc_a1s3_lisbox:hover .mc_a1s1_morebtn::before {
		transform: scale(.5);
		opacity: 0;
	}

	.mc_a1s3_lisbox:hover .mc_a1s1_morebtn::after {
		transform: scale(1);
		opacity: 1;
	}

	.mc_a1s3_lisbox:hover .mc_a1s1_morebtn {
		color: #0028aa;
	}

	.mc_a1s1_morebtn:hover::before {
		transform: scale(.5);
		opacity: 0;
	}

	.mc_a1s1_morebtn:hover::after {
		transform: scale(1);
		opacity: 1;
	}

	.mc_a1s1_morebtn:hover {
		color: #0028aa;
	}

	.mc_a1s3_lisbox:hover .mc_list_png {
		opacity: 0;
	}

	.mc_a1s3_lisbox:hover .mc_list_img {
		opacity: 1;
		transform: translateX(0) !important;
	}

	.mc_a1s3_lisbox:hover .mc_a1s3li_title {
		color: #0028aa;
	}

	.mc_a1s4_lisbox:hover .mc_a1s4_imgbox::before {
		height: 100%;
		background: rgba(0, 0, 0, .6)
	}

	.mc_a1s4_lisbox:hover .mc_a1s4li_title {
		height: 100%;
		opacity: 0;
	}

	.mc_a1s4_lisbox:hover .mc_a1s4li_txt2 {
		opacity: 1;
		margin-top: 0;
	}

	.mc_a1s4li_txt2 .mc_a1s1_more:hover .mc_a1s1_morebtn::before {
		transform: scale(.5);
		opacity: 0;
	}

	.mc_a1s4li_txt2 .mc_a1s1_more:hover .mc_a1s1_morebtn::after {
		transform: scale(1);
		opacity: 1;
		border-color: #fff;
	}

	.mc_a1s4li_txt2 .mc_a1s1_more:hover .mc_a1s1_morebtn {
		color: #fff;
	}

	.mc_a1s2_txtbox2 .mc_a1s1_more:hover .mc_a1s1_morebtn::after {
		border-color: #fff;
	}

	.mc_a1s2_txtbox2 .mc_a1s1_more:hover .mc_a1s1_morebtn {
		color: #fff;
	}

	.g_btn:hover .icon-nextstep {
		transform: translateX(10px);
	}

	.mc_d2s3sub_li:hover .mc_d2s3sub_txtbox {
		color: #0028aa;
	}

	.mc_d2s3sub_li:hover .mc_d2s3sub_imgbox {
		opacity: 1;
	}

	.g_b4footflnr>a:hover .g_b4footwz h4 {
		color: #0028aa;
	}

	.mc_d2s3_li:hover {
		z-index: 10;
	}

	.mc_a2gl_a:hover {
		color: #333;
	}

	.mc_a2re_a:hover {
		color: #333;
	}

	/* .mc_b21_tr:hover .mc_b21_td1:not(.mc_b21_th){
        color: #001eb4;
    } */

	.ma_lbmlmr_a a:hover span {
		color: #0028aa;
	}

	.mc_d2s2_swiper:hover .swiper-button-next,
	.mc_d2s2_swiper:hover .swiper-button-prev {
		opacity: 1;
	}

	.mc_d3s2_swiper:hover .swiper-button-next,
	.mc_d3s2_swiper:hover .swiper-button-prev {
		opacity: 1;
	}

	.mc_d3s5_swiper:hover .swiper-button-next,
	.mc_d3s5_swiper:hover .swiper-button-prev {
		opacity: 1;
	}

	.mc_j2s2_swiper:hover .swiper-button-next,
	.mc_j2s2_swiper:hover .swiper-button-prev {
		opacity: 1;
	}

	.mc_lycj_select .mc_select_li:hover {
		color: #0028aa;

	}

	.mc_getpos_txt p a:hover {
		color: #0028aa;
	}


}

/* .mc_nav_nor .mc_nav_xl{
    display: block !important;
} */

/* 7.16 */
/* .mc_d1s1_list.list-paddingleft-2 li::before {
    content: "●";
    position: absolute;
    left: 0;
    top: 0;
    font-size: inherit;
    line-height: inherit;
    color: #0028aa;
    width: auto;
    height: auto;
    border-radius: 0;
    background: none;
}

.mc_d1s1_list.list-paddingleft-2 li {
    font-size: 16px;
    line-height: 1.75;
    padding-left: 20px;
    margin-top: 5px;
} */

.yxedr_active li {
	position: relative;
	font-size: 16px;
	line-height: 1.75;
	color: #666;
	padding-left: 20px;
	margin-top: 5px;
}

.yxedr_active li::before {
	content: "●";
	position: absolute;
	left: 0;
	top: 0 !important;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	width: auto;
	height: auto;
	border-radius: 0;
	background: none;
}

.ma_lbmlmr_a a span {
	color: #999;
	transition: all .36s;
}

.g_b4 .mc_banner_inner .mc_ban_pc::before {
	display: none;
}

.g_b4 .mc_banner_inner .mc_ban_pc::after {
	height: 50%;
	background: linear-gradient(180deg, rgba(10, 37, 114, .25), rgba(10, 37, 114, 0));
}

.ma_b4 .mc_banner_inner .mc_ban_pc::before {
	display: none;
}

.ma_b4 .mc_banner_inner .mc_ban_pc::after {
	height: 50%;
	background: linear-gradient(180deg, rgba(10, 37, 114, .25), rgba(10, 37, 114, 0));
}

.mc_h1s1_morebox {
	text-align: center;
	margin-top: 80px;
}



.mc_d2s2_swiper .swiper-button-next.swiper-button-disabled,
.mc_d2s2_swiper .swiper-button-prev.swiper-button-disabled {
	opacity: 0 !important;
}

.mc_d2s2_swiper.swiper-container {
	--swiper-navigation-size: 30px;
	/* 设置按钮大小 */
}

.mc_d2s2_swiper .swiper-button-next,
.mc_d2s2_swiper .swiper-button-prev {
	width: 60px;
	height: 60px;
	color: #001eb4;
	opacity: 0;
	transition: all .36s;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	top: calc(50% - 40px);
}

.mc_d2s2_swiper .swiper-button-next {
	right: 100px;
}


.mc_d3s2_swiper .swiper-button-next.swiper-button-disabled,
.mc_d3s2_swiper .swiper-button-prev.swiper-button-disabled {
	opacity: 0 !important;
}

.mc_d3s2_swiper.swiper-container {
	--swiper-navigation-size: 30px;
	/* 设置按钮大小 */
}

.mc_d3s2_swiper .swiper-button-next,
.mc_d3s2_swiper .swiper-button-prev {
	width: 60px;
	height: 60px;
	color: #001eb4;
	opacity: 0;
	transition: all .36s;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	top: calc(50% - 40px);
}

.mc_d3s2_swiper .swiper-button-next {
	right: 100px;
}

.mc_d3s5_swiper .swiper-button-next.swiper-button-disabled,
.mc_d3s5_swiper .swiper-button-prev.swiper-button-disabled {
	opacity: 0 !important;
}

.mc_d3s5_swiper.swiper-container {
	--swiper-navigation-size: 30px;
	/* 设置按钮大小 */
}

.mc_d3s5_swiper .swiper-button-next,
.mc_d3s5_swiper .swiper-button-prev {
	width: 60px;
	height: 60px;
	color: #001eb4;
	opacity: 0;
	transition: all .36s;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	top: calc(50% - 40px);
}

.mc_d3s5_swiper .swiper-button-next {
	right: 100px;
}

.mc_j2s2_swiper .swiper-button-next.swiper-button-disabled,
.mc_j2s2_swiper .swiper-button-prev.swiper-button-disabled {
	opacity: 0 !important;
}

.mc_j2s2_swiper.swiper-container {
	--swiper-navigation-size: 30px;
	/* 设置按钮大小 */
}

.mc_j2s2_swiper .swiper-button-next,
.mc_j2s2_swiper .swiper-button-prev {
	width: 60px;
	height: 60px;
	color: #001eb4;
	opacity: 0;
	transition: all .36s;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	top: calc(50% - 40px);
}

.mc_j2s2_swiper .swiper-button-next {
	right: 100px;
}

.g_b4pt2 .g_b4pt1bottle p,
.ma_b3 .ma_b1s2m_font p,
.ma_b1s2m_font p,
.mc_a1s3li_txt,
.mc_txt20666,
.mc_txt20666 p,
.ma_b4s1_main p {
	font-size: 20px;
	line-height: 1.75;
	color: #666;
}

.g_b4pt2 .g_b4pt1bottle p {
	color: #666;
}

#my-video {
	width: 100%;
}

.mc_b7_vieobox {
	margin-bottom: 30px;
}

.video-js.vjs-big-play-centered .vjs-big-play-button span {
	display: none;
}

.video-js.vjs-big-play-centered .vjs-big-play-button {
	background: url(../image/palybtn.svg) center / cover no-repeat;
}

.video-js.vjs-big-play-centered .vjs-big-play-button {
	width: 2.5em;
	height: 2.5em;
	line-height: 2.5em;
	background-color: transparent !important;
	border-radius: 0;
	border: 0;
}

.mc_f1t_txtbox {
	display: inline-block;
	vertical-align: top;
	width: calc(55% - 10px);
	padding-right: 20px;
}

.mc_f1t_imgbox {
	display: inline-block;
	vertical-align: top;
	width: 45%;
}

.mc_lycj_select {
	position: relative;
}

.mc_lycj_select .mc_select_xtbbox {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}

.mc_lycj_select .mc_select_show {
	padding-right: 35px !important;
}

.mc_lycj_select {
	width: 260px;
	margin-left: 20px;
}

.mc_lycj_select .mc_select_showbox {
	width: 100%;
}

.mc_ly_yycj_hd .mc_ly_title {
	margin-bottom: 0;
	line-height: 62px;
}

.mc_ly_yycj_hd {
	margin-bottom: 30px;
}

.mc_lycj_select .mc_select_bd {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 5;
	width: 100%;
	border: 1px solid #dee6ff;
	background: #fff;
	border-top: 0;
	padding: 14px 0;
	z-index: 20;
}

.mc_lycj_select .mc_select_li {
	font-size: 14px;
	line-height: 20px;
	padding: 5px 15px;
	color: #333;
	transition: all .36s;
}

/* .mc_lysel_bd .mc_ly_checkgroup {
    display: none;
} */


@media screen and (min-width:767px) {

	/* .mc_f2s1_inputbox{
        width: calc(100% - 20px);
    }
    #mCSB_1_container .mc_f2s1_inputbox{
        width: 100%;
    } */
	.mc_f2s1m_l .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
		margin-right: 30px !important;
	}
}

.mc_getpos_tip {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	width: 100%;
	background: #f5f8ff;
	text-align: center;
	overflow: hidden;
}

.mc_getpos_tipcontent {
	padding: 20px;
}

.mc_getpos_tipcontent>div {
	display: inline-block;
}

.mc_getpos_txt p {
	font-size: 18px;
	line-height: 36px;
	color: #333333;
}

.mc_getpos_txt p a {
	color: #666666;
}

.mc_getpos_txt {
	margin-right: 54px;
}

.mc_getpos_btn {
	font-size: 14px;
	line-height: 36px;
	color: #727376;
	padding: 0 30px;
	border: 1px solid #e7e6e6;
	margin: 0 20px;
}

/* .mc_b1s1dots_li.act{
    border: 1px solid #e7e6e6;
} */

.mc_h1s2b_more {
	margin-top: 50px;
	text-align: center;
}

.mc_b1s1_videobox {
	width: 52%;
}

.mc_b1s1_title {
	margin-bottom: -5vh;
}

.mc_b1s1_txtbox p {
	user-select: text;
}

.mc_b1s1_videobox {
	width: 800px;
}

/* 7.21 */
.mc_b1 .ma_b1s1_list {
	padding-top: 80px;
}

.mc_b1s2_title {
	margin-bottom: 80px;
}

.ma_b1s1_list .ma_b1s2_main {
	margin-bottom: 150px;
}

.mc_c1s2_title {
	margin-bottom: 80px;
}

.mc_d2s3_list {
	display: none;
}

/* 7.29 */
.mc_d3s2_txt p {
	font-size: 18px;
	line-height: 30px;
}

.mc_d3s2li_txt p {
	font-size: 18px;
	line-height: 30px;
	color: #333333;
}

.mc_e1_txt {
	color: #333333;
}

.mc_i1s1f_table th:nth-child(1) {
	width: 32%;
}

.mc_i1s1f_table th:nth-child(2) {
	width: 40%;
}

.mc_i1s1f_table th:nth-child(3) {
	width: 28%;
}

.mc_i1s1f_table td {
	text-align: left;
	padding: 20px 20px;
}

.mc_d3s2_swiper.swiper-container .swiper-slide {
	width: 475px;
	height: 600px;
}


/* 7.31 */
.mc_d3s2_num {
	display: none;
}

.mc_d3s2li_title {
	margin-bottom: 30px;
}

.mc_d3s2_swiper.swiper-container .swiper-slide {
	padding: 80px 55px 45px;
}

.mc_logo_imgbox {
	width: 100%;
}

/* 8.5 */

.mc_a1s1_ban {
	padding-top: 80px;
	padding-bottom: 40px;
}

.mc_a1_top {
	position: relative;
	z-index: 1;
}


#mc_a1t_video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.mc_a1t_li {
	position: absolute;
	z-index: 5;
}



.mc_a1t_a {
	display: block;
	position: relative;
}

.mc_a1t_xl {
	position: absolute;
	left: 42px;
	top: 50%;
	z-index: 1;
	transform: translateY(-50%);
	white-space: nowrap;
	font-size: 16px;
	padding: 0 23px;
	line-height: 54px;
	pointer-events: none;
}

.mc_a1t_xl::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 0;
	height: 100%;
	background: rgba(0, 30, 180, .77);
	border-radius: 30px;
}

.mc_a1t_icon {
	font-size: 24px;
	color: #a1b8fd;
	margin-right: 20px;
	vertical-align: middle;
}

.mc_a1t_title {
	color: #fff;
	font-size: 16px;
	margin-right: 45px;
	vertical-align: middle;
}


.mc_a1t_jiantou {
	font-size: 20px;
	color: #a1b8fd;
	vertical-align: middle;
}



.mc_a1t_dian {
	position: relative;
	animation: bordershow 3s infinite;
}

.mc_a1t_xl span {
	opacity: 0;
}

.mc_a1t_dian {
	display: block;
	width: 18px;
	height: 18px;
	background: #fff;
	border: 7px solid #001eb4;
	border-radius: 50%;
}

.mc_a1t_dian::before {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: -1;
	transform: translate(-50%, -50%);
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: rgba(0, 30, 180, 0.2);
}

.mc_a1t_dian::after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: -1;
	transform: translate(-50%, -50%);
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: rgba(0, 30, 180, 0.2);
}

.mc_a1t_dian::before {
	animation: boderM 3s .75s infinite;
}

.mc_a1t_dian::after {
	animation: boderM 3s infinite;
}

@keyframes boderM {
	0% {
		transform: translate(-50%, -50%) scale(1);
		opacity: 0
	}

	20% {
		opacity: 1
	}

	75% {
		transform: translate(-50%, -50%) scale(2);
		opacity: 0
	}

	100% {
		opacity: 0
	}

}

@keyframes bordershow {

	50% {
		box-shadow: 0px 0px 10px 0 #001eb4;
	}

}

.mc_a1t_xl {
	font-size: 10px;
}

.mc_a1t_xl::after {
	content: "";
	position: absolute;
	right: 100%;
	top: 0;
	width: 42px;
	height: 100%;
}

.mc_a1t_li1 .mc_a1t_icon {
	font-size: 4.4em;
}

.mc_a1t_li2 .mc_a1t_icon {
	font-size: 4em;
}

.mc_a1t_li3 .mc_a1t_icon {
	font-size: 3em;
}

.mc_a1t_li4 .mc_a1t_icon {
	font-size: 2.8em;
}

.mc_a1t_li5 .mc_a1t_icon {
	font-size: 4em;
}

.mc_a1t_li6 .mc_a1t_icon {
	font-size: 2.8em;
}

.mc_a1t_li7 .mc_a1t_icon {
	font-size: 2.8em;
}

.mc_a1t_li8 .mc_a1t_icon {
	font-size: 3.8em;
}

.mc_a1t_li9 .mc_a1t_icon {
	font-size: 2.5em;
}

.mc_a1t_li10 .mc_a1t_icon {
	font-size: 3em;
}

/* 8.5 */
.mc_navbox_inner {
	width: 100%;
	text-align: center;
}

.mc_nav {
	transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.mc_navbox_inner {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.mc_innav_fg {
	transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	margin: 0 10px;
}

.mc_navbox_inner .mc_nav_a {
	font-size: 18px;
	color: #333;
	display: inline !important;
}


/* .mc_has_innav .mc_fixed.mc_navbar {
    box-shadow: none;
} */

.mc_navbar_l,
.mc_navbar_r {
	position: relative;
	z-index: 20;
}

.mc_innav_hd {
	background: #fff;
	border-bottom: 1px solid #eee;
}

.mc_innav_xl {
	font-size: 0;
	text-align: center;
	background: #fff;
	box-shadow: 0 5px 5px rgba(0, 0, 0, .07);
	transform: translateY(-100%);
	position: relative;
	z-index: -1;
	transition: all .7s;
}

.mc_innav_li {
	display: inline-block;
	padding: 0 20px;
}

.mc_innav_a {
	position: relative;
	font-size: 18px;
	line-height: 20px;
	color: #333;
	padding: 15px 10px;
}

.mc_innav_a::before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 0;
	height: 4px;
	background: #001eb4;
	transition: all .36s;
	transform: translateX(-50%);
}

.mc_innav_li.yxnav_active2 .mc_innav_a::before {
	width: 100%;
}

.mc_innav_li.yxnav_active2 .mc_innav_a {
	color: #001eb4;
}

/* .mc_has_innav .mc_fixed:not(.mc_nav_hover) .mc_nav {
    opacity: 0;
    transform: translateX(-50px);
}

.mc_has_innav .mc_fixed:not(.mc_nav_hover) .mc_navbox_inner {
    opacity: 1;
    z-index: 5;
} */

.mc_has_innav .mc_fixed:not(.mc_nav_hover) .mc_innav_fg {
	margin: 0 20px;
}

.mc_has_innav .mc_fixed:not(.mc_nav_hover) .mc_innav_xl {
	transform: translateY(0);
}

.mc_f1s2_bot {
	display: none;
}

.mc_d3s2_swiper.swiper-container .swiper-slide {
	height: auto !important;
}

.mc_d3s2li_artical {
	height: 380px;
	margin-bottom: 0 !important;
}

.mc_d3s2li_pdf {
	margin-top: 30px;
}

.mc_a1_fixed {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 5;
	width: 100%;
}

.mc_a1_top {
	position: relative;
	z-index: 2;
}

.mc_index .mc_main,
.mc_index .mc_ft {
	position: relative;
	z-index: 5;
	background: #fff;
}

.mc_innav_hd .iconhome {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background: url(../image/innav_home.png) center / cover no-repeat;
	margin-top: -3px;

}

/* 8.6 */
.mc_bancont_center .mc_ban_contianer .mc_inban_title {
	font-size: 56px;
}

.mc_bancont_center .mc_ban_contianer p {
	font-size: 32px;
	line-height: 1.5;
	color: #d0d0d0;
	margin-top: 10px;
}

.mc_banner_inner .mc_ban_contianer {
	bottom: auto !important;
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%) !important;
}

.mc_banner_inner .mc_ban_contianer .mc_inban_title {
	font-size: 40px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	position: relative;
}

.mc_banner_inner .mc_ban_contianer .mc_inban_title::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 42px;
	height: 2px;
	background: #FFFFFF;
}

.mc_banner_inner .mc_ban_contianer p {
	font-size: 32px;
	line-height: 50px;
	color: #FFFFFF;
}

.mc_banner_inner .mc_ban_contianer p {
	max-width: 100%;
}

.mc_bancont_center .mc_ban_contianer {
	bottom: auto !important;
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%) !important;
}

.mc_g1_tittlebox h3,
.mc_g1_tittlebox p {
	line-height: 1.2;
	padding: 0.25em 0;
}

.mc_g1_subtitle {
	color: #acacac;
}

.mc_g1s {
	padding: 60px 0 0;
}

.mc_g1_tittlebox {
	margin-bottom: 70px;
}

.mc_g1_videobox {
	text-align: center;
	margin-bottom: 95px;
}

.mc_g1_list {
	font-size: 0;
}

.mc_g1_li {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 95px;
}

.mc_g1li_top,
.mc_g1li_top p {
	font-family: "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.2;
	color: #0028aa;
}

.mc_g1li_top {
	margin-bottom: 42px;
}

.mc_txt1830 p {
	font-size: 18px;
	line-height: 30px;
	color: #666666;
}

.mc_g1li_bot {
	padding-top: 30px;
	padding-right: 10px;
	border-top: 1px solid #dcdcdc;
}


.mc_g1_listbox {
	position: relative;
	padding-top: 120px;
	padding-bottom: 35px;
}

.mc_g1_listbox::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
	/* height: calc(100% + 195px); */
	height: 100%;
	background: #f7f8fa;
}

.mc_g1_list4 .mc_g1_li {
	width: 25%;
	padding: 0 38px;
}

.mc_g1_list4 {
	margin: 0 -38px;
}

.mc_g1_list3 .mc_g1_li {
	width: 33.333333%;
	padding: 0 44px;
}

.mc_g1_list3 {
	margin: 0 -44px;
}

.mc_aside_navbox {
	position: fixed;
	left: 0;
	padding-left: 40px;
	top: 50%;
	transform: translateY(-50%) translateX(-100%);
	z-index: 99;
	transition: all .36s ease-out;
}

.mc_aside_navbox.show {
	transform: translateY(-50%) translateX(0);
}

.mc_aside_li {
	position: relative;
	z-index: 1;
	padding-left: 20px;
	font-size: 12px;
	line-height: 20px;
	color: #999999;
	margin: 60px 0;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	cursor: pointer;
	transition: all .36s;
}

.mc_aside_li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #0028aa;
	border: 1px solid #fff;
	transition: all .36s;
}

.mc_aside_li::after {
	display: none;
	content: "";
	position: absolute;
	left: 4px;
	top: 50%;
	width: 1px;
	height: 65px;
	border-radius: 50%;
	background: #d4dbf1;
	z-index: -1;
	transition: all .36s;
}


.mc_aside_li:last-child::after {
	display: none;
}


.mc_aside_li.on {
	font-size: 14px;
	color: #333333;
}

.mc_aside_li.on::before {
	box-shadow: 0 0 8px 0 rgba(79, 115, 233, .75);
}

.mc_aside_li.on::after {
	background: #0028aa;
}

.mc_aside_nav {
	position: relative;
}

.mc_aside_nav::before {
	content: "";
	position: absolute;
	left: 4px;
	top: 11px;
	z-index: -2;
	width: 1px;
	height: calc(100% - 22px);
	background: #d4dbf1;
	transition: all .36s;
}

.mc_aside_navline {
	display: block;
	position: absolute;
	left: 4px;
	top: 11px;
	z-index: -1;
	width: 1px;
	max-height: calc(100% - 22px);
	background: #0028aa;
	transition: all .3s;
}

.mc_g1_tittlebox {
	margin-bottom: 0 !important;
}

.mc_g1_hd {
	padding-bottom: 60px;
}

.mc_g1hd_l,
.mc_g1hd_r {
	display: table-cell;
	vertical-align: middle;
}

.mc_g1hd_l {
	width: 485px;
	padding-right: 120px;
}

.mc_g1hd_l img {
	width: 365px;
}


/***************************************** d1 ****************************************/

.mc_nd1_li {
	padding: 100px 0 85px;
}

.mc_nd1_imgwrap {
	width: 56%;
	padding: 0 2.46%;
}

.mc_nd1_txtbox {
	width: 44%;
	padding-top: 6%;
}

.mc_nd1_title {
	margin-bottom: 48px;
}

.mc_nd1_txt {
	margin-bottom: 36px;
}

.mc_btn_list {
	font-size: 0;
}

.mc_btn_li {
	display: inline-block;
	min-width: 50%;
	padding: 0 8px;
	margin-bottom: 20px;
}

.mc_btn_list {
	margin: 0 -8px;
}

.mc_vbtn_a {
	display: block;
	font-size: 16px;
	line-height: 24px;
	padding: 15px 20px;
	text-align: center;
	border: 1px solid #0028aa;
	color: #0028aa;
	transition: all .36s;
	border-radius: 30px;
}

.mc_nd1_li:nth-child(even) {
	background: #f8f8f8;
}

.mc_nd1_li:nth-child(even) .mc_nd1_imgwrap {
	float: right;
}

.mc_nd1_li:nth-child(odd) .mc_nd1_imgbox {
	transform: translateY(50px);
	transition: all 1s .3s;
}

.mc_nd1_li:nth-child(even) .mc_nd1_imgbox {
	transform: translateY(50px);
	transition: all 1s .3s;
}

.mc_nd1_li .mc_nd1_imgbox.animated {
	transform: translateY(0);
	height: 320px;
	line-height: 320px;
	text-align: center;
}

.mc_btn_li:nth-of-type(n+5) {
	display: none;
}

.mc_btn_show {
	font-size: 14px;
	font-weight: bold;
	color: #0028aa;
	cursor: pointer;
}

.mc_btn_show .iconjia {
	font-size: 14px;
	margin-right: 10px;
}

.mc_btn_hide {
	display: none;
	cursor: pointer;
}

.mc_btn_hide .iconarr1 {
	display: inline-block;
	transform: rotate(-90deg);
	font-size: 30px;
	color: #0028aa;
}

.mc_btn_toggle {
	margin-top: 20px;
}


.mc_nc1s1_list {
	white-space: nowrap;
	font-size: 0;
	overflow: hidden;
	cursor: default;
}

.mc_nc1s1_li {
	position: relative;
	/* float: left; */
	display: inline-block;
	width: 33.333333%;
	height: 670px;
	transition: all .36s;
}

.mc_nc1s1_bgbox {
	position: relative;
	z-index: 1;
	width: 560px;
	height: 100%;
}

.mc_nc1s1_bgbox::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .44);
}

.mc_nc1s1_bgbox::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
	background: rgba(10, 56, 165, .57);
	opacity: 0;
	transition: all .36s;
}

.mc_nc1s1_bg {
	width: 100%;
	height: 100%;
}

.mc_nc1s1_txtbox {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	width: 100%;
	color: #fff;
	transition: all .36s;
	white-space: normal;
}



.mc_nc1s1_title {
	width: 100%;
	top: 40%;
	font-size: 30px;
	line-height: 1.5;
	font-weight: bold;
	text-align: center;
	transition: all .36s;
}

.mc_nc1s1_txt .mc_nc1s1_title {
	top: 0;
	margin-bottom: 30px;
	text-align: left;
	opacity: 1;

}

.mc_nc1s1_txt p {
	color: #b2c8fa;
}

.mc_nc1s1_txt {
	opacity: 0;
	width: 100%;
	height: 100%;
	padding: 150px 90px;
	overflow: hidden;
}

.mc_nc1s2_txt p {
	line-height: 2;
}

.mc_nc1s2_title {
	margin-bottom: 32px;
}

.mc_nc1s2_imgwrap {
	width: 50%;
}

.mc_nc1s2_txtbox {
	width: 50%;
	padding-top: 4.5%;
	padding-left: 6%;
}

.mc_nc1s2_txt {
	margin-bottom: 40px;
}

.mc_nc1s2_li {
	margin-bottom: 0 !important;
}

.mc_nc1s2_li:nth-child(even) .mc_nc1s2_imgwrap {
	float: right;
}

.mc_nc1s2_li:nth-child(even) .mc_nc1s2_txtbox {
	padding-left: 0;
	padding-right: 6%;
}

.mc_nc1s2 {
	padding-bottom: 60px;
}

.mc_n1s3_title {
	text-align: center;
	margin-bottom: 95px;
}

.mc_n1s3_a {
	display: table;
	table-layout: fixed;
	width: 100%;
	box-shadow: 1px 1px 14px 1px rgba(227, 224, 224, .35);
	border-radius: 10px;
}

.mc_n1s3_tr:not(:last-child) {
	margin-bottom: 20px;
}

.mc_n1s3_td {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 4% 20px;
}

.mc_n1s3_td>div {
	display: inline-block;
	vertical-align: middle;
}

.mc_n1s3_txt {
	text-align: left;
}

.mc_n1s3_imgbox {
	width: 52px;
}

.mc_nc1s3 {
	padding-bottom: 230px;
}

.mc_n1s3_td0 {
	width: 10%;
	background: #f6f8fa;
}

.mc_n1s3_td1 {
	width: 13%;
}

.mc_n1s3_td2 {
	width: 9%;
}

.mc_n1s3_td3 {
	width: 9%;
}

.mc_n1s3_td4 {
	width: 16%;
}

.mc_n1s3_td5 {
	width: 15%;
}

.mc_n1s3_td6 {
	width: 28%;
}

.mc_n1s3_name {
	font-size: 18px;
	font-weight: bold;
	color: #0028aa;
	line-height: 1.5;
	word-break: break-word;
}

.mc_n1s3_dt {
	font-size: 12px;
	/* font-weight: lighter; */
	line-height: 1.5;
	margin-bottom: 8px;
	word-break: break-word;
	color: #999;
}

.mc_n1s3_dd {
	font-size: 16px;
	color: #333333;
	line-height: 20px;
	height: 20px;
	word-break: break-word;
}

.mc_k1s1 {
	padding: 150px 0;
}

.mc_txt1630 p {
	font-size: 16px;
	line-height: 30px;
}

.mc_k1s1 .mc_nc1s1_title {
	font-size: 26px;
}

.mc_k1s1 .mc_nc1s1_txt .mc_nc1s1_title {
	font-size: 36px;
	margin-bottom: 35px;
}

.mc_nc1s1_xtb {
	display: block;
	width: 50px;
	margin-bottom: 20px;
}

.mc_nc1s1_titwrap {
	display: inline-block;
	text-align: left;
	vertical-align: top;
}

.mc_nc1s1_txt .mCSB_outside+.mCSB_scrollTools {
	right: 0;
}

.mc_b4s1_title {
	text-align: center;
	margin-bottom: 75px;
}

.mc_nc1ft_a {
	display: block;
}



@media screen and (min-width:1200px) {
	.mc_n1s3_a:hover {
		box-shadow: 1px 2px 7px 1px rgba(128, 129, 139, .23);
	}

	.mc_a1t_li:hover {
		z-index: 20;
	}

	.mc_a1t_li:hover .mc_a1t_xl {
		pointer-events: all;
	}

	.mc_a1t_li:hover .mc_a1t_xl::before {
		width: 100%;
		transition: all .4s cubic-bezier(.34, .44, .41, 1.12);
	}

	.mc_a1t_li:hover .mc_a1t_xl span {
		opacity: 1;
		transition: all .36s .4s;
	}

	.mc_innav_hd .mc_nav_a:hover {
		color: #001eb4;
	}

	.mc_innav_a:hover {
		color: #001eb4;
	}

	.mc_innav_a:hover::before {
		width: 100%;
	}

	.mc_d3s2li_txt p a:hover {
		color: #021571 !important;
	}

	.mc_vbtn_a:hover {
		background: #0a38a5;
		color: #fff;
	}

	.mc_nc1s1_list:hover .mc_nc1s1_li {
		width: 30%;
	}

	.mc_nc1s1_list .mc_nc1s1_li:hover {
		width: 40%;
	}

	.mc_nc1s1_list .mc_nc1s1_li:hover .mc_nc1s1_bgbox::after {
		opacity: 1;
	}

	.mc_nc1s1_list .mc_nc1s1_li:hover .mc_nc1s1_txtbox>.mc_nc1s1_title {
		opacity: 0;
	}

	.mc_nc1s1_list .mc_nc1s1_li:hover .mc_nc1s1_txt {
		opacity: 1;
		transition: all .4s .4s;
	}


	.mc_nc1ft_a:hover {
		color: #fff;
	}

	.mc_nc1ft_a:hover .mc_xtb_default {
		opacity: 0;
	}

	.mc_nc1ft_a:hover .mc_xtb_active {
		opacity: 1;
	}

	.mc_nc1ft_a:hover::before {
		opacity: 1;
	}

	.mc_nd1_imgbox:hover img {
		transform: scale(1.05);
	}

	.mc_nd1_imgbox img {
		transition: all .36s !important;
	}

}

/* 载入效果 */
.mc_nc1s2_imgbox {
	opacity: 0;
	transition: all 1s .3s;
}

.mc_nc1s2_li:nth-child(odd) .mc_nc1s2_imgbox {
	transform: translateY(50px);
}

.mc_nc1s2_li:nth-child(even) .mc_nc1s2_imgbox {
	transform: translateY(50px);
}

.mc_nc1s2_imgbox.animated {
	opacity: 1;
	transform: translate(0) !important;
}

.mc_anmt_up {
	opacity: 0;
	transform: translateY(20px);
	transition: all .6s ease-in-out .1s;
}

.mc_anmt_up.animated {
	opacity: 1;
	transform: translateY(0px);
}

.mc_nc1s2_txt,
.mc_nd1_txt {
	transition-delay: .4s;
}

.mc_btn_list {
	transition-delay: .6s;
}

.mc_ban_contianer>* {
	animation: fadeInUp 1.2s;
}

.mc_nc1s1_li::before {
	display: none;
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	background: #0a38a5;
	transition: all .4s .3s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.mc_nc1s1_li:nth-child(2)::before {
	transition-delay: .7s;
}

.mc_nc1s1_li:nth-child(3)::before {
	transition-delay: 1.0s;
}


.mc_nc1s1_list.animated .mc_nc1s1_li::before {
	height: 0;
}

.mc_g1_li {
	transform: translateY(50px);
	opacity: .6;
	transition: all .8s cubic-bezier(.25, .46, .45, .94);
}

.mc_g1_li.active {
	transform: translateY(0);
	opacity: 1;
}

.mc_g1_title,
.mc_g1_subtitle,
.mc_g1_tip {
	animation-name: fadeInUp;
	animation-delay: .3s;
}

.mc_n1s3_table {
	font-family: "montserrat", "Roboto", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
}

.mc_nc1ft_xtbbox {
	width: 110px;
}

.mc_nc1ft_l,
.mc_nc1ft_r {
	width: 50%;
}

.mc_nc1ft_a {
	position: relative;
	z-index: 1;
	display: block;
	color: #1237b0;
	padding: 70px 23%;
}

.mc_nc1ft_a::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #1237b0;
	opacity: 0;
	transition: all .36s;
}

.mc_nc1ft_box {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}

.mc_nc1ft_l {
	text-align: right;
	transition: all .36s;
}

.mc_nc1ft_l .mc_nc1ft_a {
	background: #f4f5f5;
}

.mc_nc1ft_r .mc_nc1ft_a {
	background: #ebeff2;
}

.mc_nc1ft_r {
	text-align: left;
	transition: all .36s;
}

.mc_nc1ft_box>* {
	display: table-cell;
	table-layout: fixed;
	vertical-align: middle;
}

.mc_nc1ft_xtbbox {
	width: 110px;
}

.mc_nc1ft_txt {
	font-size: 30px;
	white-space: nowrap;
	padding-left: 30px;
	padding-right: 24%;
}

.mc_nc1ft_a .iconjiantou {
	font-size: 28px;
	color: inherit;
}

.mc_nc1s1_bgph {
	display: none;
}

.mc_b1s2 {
	padding-bottom: 30px;
}

/* 8.10 */
.mc_g1_videobox .vjs-big-play-button {
	display: none !important;
}

.mc_g1_videobox,
.mc_g1_videobox div {
	cursor: none;
}

.mc_g1_videobox {
	position: relative;
}

.mc_g1_playbtn {
	position: absolute;
	left: 50%;
	bottom: 0;
	z-index: 5;
	pointer-events: none;
	width: 40px;
	transform: translate(-50%, 50%);
	transition: all .36s;
}

.mc_btnfixed {
	width: 60px;
	position: absolute;
	z-index: 10;
	pointer-events: none;
	transform: translate(-50%, -50%) scale(.9);
	opacity: 0;
	transition: all .36s;
}

.mc_j1s1_txt p {
	color: #666;
}


.mc_j1_txtbox {
	text-align: left;
	margin-bottom: 120px;
	width: 80%;
}

.mc_j1s1 {
	padding: 130px 0 0;
}

.mc_j1_txt p {
	font-size: 24px;
	line-height: 1.75;
	color: #666666;
}

.mc_j1_txt {
	padding: 0 150px;
}

.mc_j1_title {
	margin-bottom: 40px;
}


.mc_j1_modal {
	background: rgba(0, 0, 0, 1);
}

.mc_j1_modal .mc_modal_content {
	background: none;
	width: calc(100vw - 100px);
	max-height: calc(100vh - 60px);
	padding: 0;
}

.mc_j1_modal .mc_modal_close {
	color: #fff;
	font-size: 50px;
}

.mc_j1_list {
	font-size: 0;
	margin: 0 -64px;
	text-align: center;
}

.mc_j1_li {
	display: inline-block;
	vertical-align: top;
	width: 33.333333%;
	margin-bottom: 85px;
	padding: 0 64px;
	text-align: center;
}

.mc_j1li_xtbobx {
	width: 150px;
	margin: 0 auto;
}

.mc_j1li_title {
	font-size: 40px;
	line-height: 1.2;
	font-weight: bold;
	margin: 25px 0;
}

.mc_j1li_txt {
	border-top: 1px solid #e6e5e5;
	padding-top: 25px;
}

.mc_j1_listbox {
	padding: 55px 0;
}

.mc_nb5s1_box {
	position: relative;
	z-index: 1;
	width: 84%;
	max-width: 600px;
	margin: 0 auto;
}

.mc_nb5s1_m {
	position: absolute;
	z-index: 1;
	width: 100%;
	padding: 0 15%;
}

.mc_b5s1m_text {
	text-align: center;
	margin-bottom: 10%;
}

.mc_b5s1m_img {
	width: 100%;
}

.mc_nb5s1_xtbbox {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.mc_nb5s1_xtbli .mc_list_img {
	opacity: 0;
}

.mc_nb5s1_xtbli {
	position: absolute;
	width: 14%;
	cursor: pointer;
	pointer-events: all;
	border: 1px solid #0028aa;
	border-radius: 50%;
	overflow: visible;
	transition: all .36s;
}


.mc_nb5s1_xtbli::before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 134%;
	height: 134%;
	border: 1px dashed #0028aa;
	border-radius: 50%;
}

.mc_nb5s1_xtb1 {
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
}

.mc_nb5s1_xtb2 {
	top: 50%;
	right: 0;
	transform: translate(50%, -50%);
}

.mc_nb5s1_xtb3 {
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 50%);
}

.mc_nb5s1_xtb4 {
	left: 0;
	top: 50%;
	transform: translate(-50%, -50%);
}

.mc_nb5s1_xtbli.act {
	background: #0028aa;
}

.mc_nb5s1_xtbli.act .mc_list_png {
	opacity: 0;
}



.mc_nb5s1_xtbli.act .mc_list_img {
	opacity: 1;
}

.g_b5pt1tle {
	margin-top: 0 !important;
	margin-bottom: 60px;
}

.mc_nb5_txthd_l {
	font-size: 24px;
	line-height: 34px;
}

.mc_nb5_txtli_hd {
	padding: 10px 0;
	cursor: pointer;
}

.mc_nb5_txtli {
	border-bottom: 1px solid #f6f6f6;
}

.mc_nb5_txthd_r .icon-jia {
	line-height: inherit;
	color: #0028aa;
	transition: all .36s;
}

.mc_nb5_txthd_r {
	width: 26px;
	height: 26px;
	border: 1px solid #0028aa;
	line-height: 24px;
	text-align: center;
	border-radius: 50%;
	margin-top: 4px;
	transition: all .36s;
}

.mc_nb5_txthd_l {
	width: calc(100% - 30px);
}

.g_b5pt1 {
	padding: 130px 0;
}

.mc_nb5_txtli_bd {
	display: none;
	padding-bottom: 10px;
}

.mc_nb5_txtli_bd p {
	position: relative;
	font-size: 18px;
	line-height: 24px;
	margin: 12px 0;
	/* font-weight: lighter; */
	color: #666666;
	padding-left: 20px;
}

.mc_nb5_txtli_bd p::before {
	content: "●";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	font-size: inherit;
	line-height: inherit;
	color: #0028aa;
}

.mc_nb5_txtli.on .mc_nb5_txthd_r {
	background: #0028aa;
}

.mc_nb5_txtli.on .mc_nb5_txthd_r .icon-jia {
	color: #fff;
}

.mc_nb5_txtli.on .mc_nb5_txthd_r .icon-jia:before {
	content: "\e615";
}

.mc_ni1s2_txt {
	padding-top: 30px;
	border-top: 1px solid #e2e2e2;
}

.mc_ni1s2_txt p {
	border: 0 !important;
	padding-top: 0 !important;
	position: relative;
	text-align: left;
	padding-left: 20px;
}

.mc_ni1s2_txt p::before {
	content: "●";
	position: absolute;
	left: 0;
	top: 0;
	font-size: inherit;
	line-height: inherit;
	color: #0028aa;
}

.mc_ni1s2_txt p:not(:last-child) {
	margin-bottom: 20px;
}

.ma_b1s2 .mc_nd1_imgwrap {
	padding: 0 5%;
	height: 320px;
}

.ma_b1s2 .mc_nd1_li {
	padding: 120px 0;
}

.ma_b1s2 .mc_nd1_txtbox {
	padding-top: 2%;
	height: 320px;
}

.mc_b1s1 .mc_b2s1li_title {
	font-weight: bold;
	font-size: 14px;
	margin-top: 20px;
}

.mc_b2s1_video {
	width: 100%;
	height: 100%;
	background: #000;
	object-fit: cover;
}

.mc_b1s1 .ma_b1s1m_l {
	width: 435px;
}

.mc_b1s1 .ma_b1s1m_r {
	width: calc(100% - 435px);
}

.mc_b1s1 .ma_b1s1ml_li {
	padding: 30px 50px;
}

.mc_b1s2 .mc_nd1_li {
	padding: 120px 0 100px;
}

.mc1_b1s2ys {
	margin-top: 50px;
}

.mc_b1s1 {
	padding: 130px 0 100px;
}

.mc_list_hoverimgbox img {
	transition: all .6s ease-in;
}

.mc_list_hoverimgbox .mc_list_img {
	opacity: 0;
}

.mc1_b1s2ys .mc_g1_li {
	margin-bottom: 50px;
}

/* .mc1_b1s2ys .mc_g1li_bot {
    padding-top: 25px;
}

.mc1_b1s2ys .mc_g1li_top {
    margin-bottom: 30px;
} */

.ma_b1s1ml_li .mCSB_outside+.mCSB_scrollTools {
	right: 0;
}

.mc1_b1s2ys .mc_g1li_top strong {
	font-size: 40px;
}

@media screen and (min-width:1200px) {
	.mc_g1_videobox:hover .mc_btnfixed {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1);
		transition: all 0s;
	}

	.mc_g1_videobox:hover .mc_g1_playbtn {
		opacity: 0;
		transform: translate(-50%, 50%) scale(.9);
	}

	.mc_g1_playbtn {
		display: none !important;
	}

	/* .mc_list_hoverimgbox:hover .mc_list_img{
        opacity: 1;
    }
    .mc_list_hoverimgbox:hover .mc_list_png{
        opacity: 0;
    } */
}


/* 8.11 */
/* .mc_navbar_r {
    position: static !important;
} */

.mc1_i1s2 .mc_nc1ft_xtbbox span {
	font-size: 110px;
}

.mc_ly_yydq {
	display: block;
}

.mc_ly_ys {
	user-select: none;
}

.mc_ly_title.mc_ly_bt::after {
	content: "*";
	color: #ba0909;
	font-size: 14px;
	font-weight: normal;
	position: relative;
	left: 3px;
	top: -2px;
}

.mc_nc1s1_list.act .mc_nc1s1_li {
	width: 30%;
}

.mc_nc1s1_list .mc_nc1s1_li.on {
	width: 40%;
}

.mc_nc1s1_list .mc_nc1s1_li.on .mc_nc1s1_bgbox::after {
	opacity: 1;
}

.mc_nc1s1_list .mc_nc1s1_li.on .mc_nc1s1_txtbox>.mc_nc1s1_title {
	opacity: 0;
}

.mc_nc1s1_list .mc_nc1s1_li.on .mc_nc1s1_txt {
	opacity: 1;
	transition: all .6s .7s;
}


/* 8.13 */


.mc_j2s1_list {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 760px;
	/* max-width: calc(100vh - 180px); */
}

.ma_j2s1_list {
	height: 700px;
}

.mc_j2s1_li {
	position: relative;
	z-index: 10;
	float: left;
	width: 33.333333%;
	height: 100%;
	text-align: center;
	padding: 200px 0 100px;
	overflow: auto;
}

.mc_j2s1_lisbox {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	width: 465px;
	max-width: calc(100% - 60px);
	/* white-space: nowrap; */
	/* font-size: 100px; */
}


.mc_j2s1_li:not(:last-child) {
	border-right: 1px solid #666;
}

.mc_j2s1_title {
	font-size: inherit;
	display: inline-block;
	vertical-align: top;
	width: 1em;
	margin-right: 4vw;
}

.mc_j2s1_txt {
	font-size: inherit;
	display: inline-block;
	vertical-align: top;
	width: 2em;
	opacity: 1;
	transform: translateY(0);
}

.mc_j2s1_li2 .mc_j2s1_txt {
	width: 1em;
}

.mc_j2s1_li3 .mc_j2s1_title {
	width: .74em;
	margin-top: -10px;
}

.mc_j2s1_li3 .mc_j2s1_txt {
	width: .6em;
}

.mc_j2s1_lisbox img {
	width: 100%;
}

.mc_j2s1_li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	/* background: #fff;
    transition: all 5s ease; */
}

.mc_j2s1_list::before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	z-index: 20;
	width: 100%;
	height: 100%;
	background: #f7f7f7;
	transition: all 1.2s ease-in;
}

.mc_j2s1_list::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
}

.mc_j2s1_li3::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 50%;
	z-index: -1;
	width: 178px;
	height: 88px;
	background: url(../image/j2_sun.png) center / cover no-repeat;
	opacity: 0;
	transform: translateY(80px);
	transition: all 4s ease-in 1s;
}

.mc_j2s1_li1 .mc_j2s1_txt {
	transition: all 1s 3s;
}

.mc_j2s1_li2 .mc_j2s1_txt {
	transition: all 1s 3.4s;
}

.mc_j2s1_li3 .mc_j2s1_txt {
	transition: all 1s 3.8s;
}

.mc_j2s1.animated .mc_j2s1_list::before {
	width: 0;
}

.mc_j2s1.animated .mc_j2s1_txt {
	opacity: 1;
	transform: translateY(0);
}

.mc_j2s1_li.act::before {
	opacity: 0;
}

.mc_j2s1.animated .mc_j2s1_li3::after {
	opacity: 1;
	transform: translateY(0);
}

.g_b4 .mc_ft {
	position: relative;
	z-index: 5;
}

.mc_b2s1_poster {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

/* 视频弹窗 */
.mc_videom {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .84);
}

.mc_videom_container {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.mc_videom_close {
	position: absolute;
	right: 20px;
	top: 20px;
	cursor: pointer;
}

.mc_videom_close span {
	color: #fff;
	font-size: 30px;
}

.mc_videom_content {
	width: 1000px;
	max-width: calc(100vw - 40px);
	max-height: calc(100vh - 80px);
	overflow: auto;
	text-align: center;
}

.mc_videom_video {
	max-width: 100%;
}

@media screen and (max-width: 416px) {

	.mc_videom_iframebox iframe {
		max-height: 300px;
	}

}

@media screen and (min-width: 1200px) {
	.mc_video_li:hover .mc_video_li_imgbox::before {
		opacity: 0;
	}
}

.mc_nb5s1_xtbli {
	width: 82px;
	height: 82px;
	text-align: center;
	line-height: 82px;
}

.mc_nb5s1_xtbli .iconfont {
	font-size: 48px;
	line-height: inherit;
	font-weight: bold;
	color: #0028aa;
	transition: all .36s;
}

.mc_nb5s1_xtbli.act .iconfont {
	color: #fff;
}

.mc_f1_top .mc_h2s1_nav {
	opacity: 0;
	pointer-events: none;
}

.mc_h2s1_nav {
	/* height: 0; */
	margin-top: 0 !important;
}

.mc_innav_hd .mc_nav_li {
	padding: 0 30px !important;
}

.mc_nav_a .iconhome {
	margin: 0 30px;
}

.mc_a1t_phbg {
	display: none;
}


.mc_a1t_li.act {
	z-index: 20;
}

.mc_a1t_li.act .mc_a1t_xl {
	pointer-events: all;
}

.mc_a1t_li.act .mc_a1t_xl::before {
	width: 100%;
	transition: all .4s cubic-bezier(.34, .44, .41, 1.12);
}

.mc_a1t_li.act .mc_a1t_xl span {
	opacity: 1;
	transition: all .36s .4s;
}

/* 8.17 */
.mc_a1t_bg {
	position: relative;
}

.mc_a1t_bg::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	width: 100%;
	height: 100px;
	background: linear-gradient(180deg, rgba(0, 0, 0, .3), transparent);
}

.mc_n1s3_tip {
	color: #999999;
	font-size: 14px;
	line-height: 24px;
	text-align: right;
	margin-top: 30px;
	animation-delay: 0.6s;
}

.mc_n1s3_td6 {
	width: 23%;
	text-align: left;
}

.mc_n1s3_td6 .mc_n1s3_dd {
	word-break: keep-all;
}

/* .mc_phnav_hasnosub h4 {
    pointer-events: none;
}

.mc_phnav_hasnosub a{
    pointer-events: all;
} */

.mc_d3s5_txt {
	padding: 20px 15px 0;
}

.mc_d3s5_txt p {
	font-size: 14px;
	line-height: 24px;
	color: #666;
}

.mc_d3s5_swiper .swiper-wrapper {
	align-items: flex-start;
}

.mc_inban_tip,
.mc_inban_tel {
	color: #fff;
	font-weight: bold;
}

.mc_title32 {
	font-size: 32px;
}

.mc_inban_title1 {
	line-height: 1.5;
	margin-top: 20px;
	color: #fff;
}

/* 8.17 */
.mc_datat_list3 .mc_data_td {
	width: 33.333333%;
}

.mc_datat_list3 {
	max-width: none;
}

.mc_f1s1_content {
	margin: 0 -65px;
}

.mc_datat_list3 .mc_data_txt_big {
	font-size: 56px !important;
}

/* .mc_d2s3m_zb {
    display: none;
} */

.mc_f2s1 {
	padding-bottom: 0 !important;
}

@media screen and (max-width:1680px) {
	.mc_datat_list3 .mc_data_txt_big {
		font-size: 54px !important;
	}

	.mc_title32 {
		font-size: 30px;
	}
}

@media screen and (max-width:1440px) {
	.mc_datat_list3 .mc_data_txt_big {
		font-size: 50px !important;
	}

	.mc_title32 {
		font-size: 28px;
	}
}

@media screen and (max-width:991px) {
	.mc_datat_list3 .mc_data_txt_big {
		font-size: 48px !important;
	}

	.mc_f1s1_content {
		margin: 0 0 30px;
	}

	.mc_f2s1 {
		padding-bottom: 50px !important;
	}

	.mc_title32 {
		font-size: 24px;
	}
}

@media screen and (max-width:767px) {
	.mc_datat_list3 .mc_data_td {
		width: 80%;
	}

	.mc_datat_list3 .mc_data_txt_big {
		font-size: 40px !important;
	}

	.mc_f2s1 {
		padding-bottom: 25px !important;
	}

	.mc_title32 {
		font-size: 20px;
		margin-top: 10px;
	}
}

.mc_navbox_inner .mc_innav_fg {
	display: none !important;
}

.mc_d3s2li_txt .mc_d3s2li_pdf p {
	position: relative;
	z-index: 1;
	font-size: 14px !important;
	line-height: 20px !important;
	color: #001eb4;
	font-weight: bold;
	padding-left: 15px;
	margin: 3px 0;
}

.mc_d3s2li_txt .mc_d3s2li_pdf p::before {
	position: absolute;
	left: 0;
	top: 0;
	content: "●";
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

.mc_g1s1_title,
.mc_g1s1_subtitle,
.mc_g1s1_tip {
	visibility: hidden;
	animation: none;
}

.mc_g1s1_title.act,
.mc_g1s1_subtitle.act,
.mc_g1s1_tip.act {
	visibility: visible;
	animation: fadeInUp 1s;
}

.mc_ft1 .mc_cont1520 {
	width: 1500px;
}

.mc_ft1_li {
	width: 20%;
}

.mc_ft1_li1 {
	width: 20%;
}

.mc_g1_tittlebox .mc_title40 {
	font-size: 38px;
	padding: 0.12em 0;
}

.mc_d3s2li_title {
	font-size: 36px;
}

.mc_e3s1b_txtbox {
	padding: 0 !important;
}

.mc_e3s1b_box {
	margin-top: 80px;
}

.mc_e3s1_bot {
	padding-bottom: 80px;
}

.mc1_imgbox img,
.mc1_imgbox video {
	max-width: 100%;
}

.mc1_imgbox video {
	background: #000;
}

.mc1_imgbox {
	width: 58%;
}

.mc1_txtbox {
	width: 42%;
	padding-right: 10%;
}

.mc1_box_imgl .mc1_imgbox {
	float: left;
}

.mc1_box_imgl .mc1_txtbox {
	padding-right: 0;
	padding-left: 8%;
}

.mc_e3s1b_sharebox .mc_sharebox {
	margin: 0 15px;
}

@media screen and (max-width: 991px) {
	.mc1_imgbox {
		width: 100%;
		margin-bottom: 20px;
	}

	.mc1_txtbox {
		width: 100%;
		padding: 0;
	}
}

.mc_txt_dian {
	position: relative;
	padding-left: 1em;
	color: #333;
	font-size: 18px;
	line-height: 30px;
}

.mc_txt_dian::before {
	content: "●";
	position: absolute;
	left: 0;
	top: 0;
	font-size: .6em;
	line-height: inherit;
	color: #0028aa;
}

.mc_txt_half {
	width: 600px;
	max-width: 100%;
}

.mc_navxl_l {
	padding: 25px 0;
}

.mc_nav_nor .mc_navxl_l {
	padding: 0;
}

.mc_navxl_r {
	padding-top: 30px;
	padding-bottom: 30px;
}

.mc_title1 {
	font-size: 48px;
}

.mc_title2 {
	font-size: 40px;
}

.mc_title3 {
	font-size: 36px;
}

.mc_title4 {
	font-size: 32px;
}

.mc_title5 {
	font-size: 24px;
}

.mc_title6 {
	font-size: 18px;
}

.mc1_tw_list {
	margin: 0 -20px;
}

.mc1_tw_li {
	float: left;
	width: 50%;
	padding: 0 20px;
	margin-bottom: 40px;
	text-align: center;
}

.mc1_tw_imgbox {
	margin-bottom: 20px;
}

.mc1_tw_lisbox {
	display: inline-block;
	vertical-align: top;
}

@media screen and (max-width: 1680px) {
	.mc_title1 {
		font-size: 46px;
	}

	.mc_title2 {
		font-size: 38px;
	}

	.mc_title3 {
		font-size: 34px;
	}

	.mc_title4 {
		font-size: 30px;
	}

	.mc_title5 {
		font-size: 22px;
	}

}

@media screen and (max-width: 1440px) {
	.mc_title1 {
		font-size: 44px;
	}

	.mc_title2 {
		font-size: 36px;
	}

	.mc_title3 {
		font-size: 32px;
	}

	.mc_title4 {
		font-size: 28px;
	}

	.mc_title5 {
		font-size: 20px;
	}

	.mc_title6 {
		font-size: 16px;
	}
}

@media screen and (max-width: 991px) {
	.mc_title1 {
		font-size: 36px;
	}

	.mc_title2 {
		font-size: 32px;
	}

	.mc_title3 {
		font-size: 28px;
	}

	.mc_title4 {
		font-size: 24px;
	}

	.mc_title5 {
		font-size: 18px;
	}
}

@media screen and (max-width: 767px) {
	.mc_title1 {
		font-size: 26px;
	}

	.mc_title2 {
		font-size: 24px;
	}

	.mc_title3 {
		font-size: 22px;
	}

	.mc_title4 {
		font-size: 20px;
	}

	.mc1_tw_li {
		width: 100%;
		margin-bottom: 30px;
	}

}

.mc_d2s3m_imgbox {
	text-align: center;
}

.mc_d2s3m_zb {
	display: inline-block;
	text-align: center;
	border: 0;
}

.mc_d2s3m_zb p {
	display: inline-block;
	margin: 0 10px;
}

/* .mc_d2s3m_zb {
    display: none;
} */

.mc_j2s1 {
	position: relative;
	z-index: 1;
	overflow: hidden;
	background: #f7f7f7;
}

.mc_j2s1_videobox {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.mc_j2s1_video {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: none;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
}

.mc_j2s1_li3::after {
	display: none;
}

.mc_j2s1_title1 {
	margin: 120px 0 70px;
	text-align: center;
}

.mc_j2s1_content {
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.mc_n1b1s1_list .mc_b2s1_li {
	width: 33.333333%;
}

/* 8.25 */
.mc_nc1s4_li {
	margin-bottom: 20px;
	border: 1px solid #e8e8e8;
	transition: all .36s;
}

.mc_nc1s4_l .iconfont {
	display: inline-block;
	vertical-align: middle;
	font-size: 40px;
	color: #0028aa;
	transition: all .36s;
}

.mc_nc1s4_lisbox {
	display: block;
	padding: 30px 60px;
	background: #fff;
}

.mc_nc1s4_l {
	width: 80px;
	line-height: 50px;
	border-right: 1px solid #e8e8e8;
}

.mc_nc1s4_r {
	width: 20px;
	line-height: 50px;
}

.mc_nc1s4_r .icon-download {
	font-size: 20px;
	color: #0028aa;
	transition: all .36s;
	display: inline-block;
	vertical-align: middle;
}

.mc_nc1s4_m {
	width: calc(100% - 120px);
	padding: 0 50px;
}

.mc_nc1s4_m p {
	font-size: 18px;
	font-weight: bold;
	line-height: 50px;
	height: 50px;
	color: #0028aa;
	transition: all .36s;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.mc_nc1s2 {
	padding-bottom: 0;
}

.mc_nc1s4 {
	padding-bottom: 130px;
}

.mc_n1a1s1_title {
	font-size: 40px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 60px;
}

.mc_n1a1s1_txt p {
	font-size: 32px;
	line-height: 1.75;
	color: #d0d0d0;
}

.mc_j2s2 {
	padding: 100px 0 150px;
	background: #f7f7f7;
}

.mc_j2s2_title {
	text-align: center;
	margin-bottom: 90px;
}

.mc_j2s2_lisbox {
	position: relative;
	z-index: 1;
}

.mc_j2s2_swiper .swiper-slide {
	width: 330px;
	margin-right: 20px;
}

.mc_j2s2_imgbox::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 3;
	width: 100%;
	height: 40%;
	background: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.mc_j2s2_txtbox {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 5;
	width: 100%;
	padding: 0 30px;
	transition: all .36s;
}

.mc_j2s2li_title {
	font-size: 32px;
	font-weight: bold;
	line-height: 46px;
	height: 46px;
	overflow: hidden;
	color: #fff;
	margin-bottom: 10px;
}

.mc_j2s2li_txt {
	opacity: 0;
	transition: all .36s;
}

.mc_j2s2li_txt p {
	font-size: 18px;
	line-height: 30px;
	height: 60px;
	overflow: hidden;
	color: #fff;
}

.mc_j2s2_content {
	width: calc(50vw + 680px);
}

.mc_n1e1_tittlebox .mc_g1_title {
	margin-bottom: 15px;
}

.mc_n1e1_tittlebox {
	margin-bottom: 38px;
}

.mc_n1e1_txtbox {
	width: 81%;
}

.mc_n1e1_txtbox p {
	color: #666;
}

.mc_n1e1_txtbox p strong {
	font-weight: bold;
	color: #333;
}

.mc_d2s1_bg {
	display: none;
}

.mc_d3s5_lisbox {
	position: relative;
}

.mc_d3s5_lisbox::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 3;
	width: 100%;
	height: 40%;
	background: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.mc_d3s5_txt {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 5;
	width: 100%;
	padding: 0 30px;
	transition: all .36s;
}

.mc_d3s5li_title {
	font-size: 24px;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	color: #fff;
	margin-bottom: 5px;
}

.mc_d3s5_txt p {
	opacity: 0;
	transition: all .36s;
}

.mc_d3s5_txt p {
	font-size: 16px;
	line-height: 30px;
	max-height: 60px;
	overflow: hidden;
	color: #fff;
}

.mc_n1e1_bot {
	background: #f2f7fb;
}

.g_b5pt2botxtb {
	width: 300px;
}

.g_b5pt2botflb {
	width: calc(100% - 300px);
	text-align: left;
}

.mc_n1e1s2_list {
	width: 1244px;
	margin: 0 auto;
	max-width: calc(100% - 40px);
}

.mc_n1e1s2_lisbox {
	padding: 60px 80px 55px;
}

.mc_n1e1s2_li:not(:last-child) {
	border-bottom: 1px solid #d2d2d2;
}

.mc_n1e1s2_xtbbox {
	width: 150px;
}

.mc_n1e1s2_txtbox {
	width: calc(100% - 150px);
	padding-left: 150px;
}



.mc_n1e1s2_title {
	padding-bottom: 20px;
}

.mc_n1e1s2_txt p {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: 10px 0;
	color: #333333;
	padding-left: 25px;
}

.mc_n1e1s2_txt p::before {
	content: "●";
	position: absolute;
	left: 0;
	top: 0;
	font-size: 14px;
	line-height: inherit;
	color: #0028aa;
}

.mc_n1e1s2_list {
	margin-bottom: 45px;
}

.mc_a1s1_ban {
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-top: 0 !important;
}

.mc_d2s1_txt p {
	padding-left: 0;
}

.mc_nav_li {
	position: relative;
	z-index: 1;
}

.mc_nav_li::before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 0;
	height: 4px;
	background: #001eb4;
	transform: translate(-50%);
	transition: all .36s;
}

@media screen and (min-width: 1200px) {

	.mc_nc1s4_lisbox:hover .iconfont,
	.mc_nc1s4_lisbox:hover .mc_nc1s4_m p {
		color: #fff;
	}

	.mc_nc1s4_lisbox:hover {
		background: #0028aa;
	}

	.mc_j2s2_lisbox:hover .mc_j2s2li_txt {
		opacity: 1;
	}

	.mc_j2s2_lisbox:hover .mc_j2s2_txtbox {
		bottom: 30px;
	}

	.mc_d3s5_lisbox:hover .mc_d3s5_txt p {
		opacity: 1;
	}

	.mc_d3s5_lisbox:hover .mc_d3s5_txt {
		bottom: 20px;
	}

	.mc_nav_li:hover::before {
		width: 60%;
	}

}

.mc_nd1_list .mc_nd1_li {
	padding: 120px 0;
}

.mc_d2 .mc_f1_top {
	display: none;
}

.mc_d2s1 {
	padding: 130px 0;
}

.mc_d2s3m_zb {
	display: none !important;
}

.vjs-poster {
	background-color: transparent !important;
}

.mc_page_search {
	padding-top: 70px;
}

/* 9.3 */
.mc1_gm_txt1 strong {
	font-size: 45px;
	font-weight: bold;
	color: #0028aa;
}

.mc1_gm_list {
	font-size: 0;
	margin-right: -145px;
}

.mc1_gm_li {
	display: inline-block;
	margin-right: 65px;
}

.mc1_gm_li p {
	color: #333;
}

.mc1_gm_txt1 {
	margin: 15px 0;
}

.mc1_gm_txtbox {
	padding-right: 0 !important;
}

@media screen and (max-width: 1600px) {
	.mc1_gm_txt1 strong {
		font-size: 40px;
	}
}

@media screen and (max-width: 1440px) {
	.mc1_gm_txt1 strong {
		font-size: 40px;
	}

	.mc1_gm_txt1 {
		margin: 10px 0;
	}

	.mc1_gm_list {
		margin-right: -50px;
	}

	.mc1_gm_li {
		margin-right: 50px;
	}
}

@media screen and (max-width: 1200px) {
	.mc1_gm_li {
		margin-right: 20px;
	}

	.mc1_gm_txt1 strong {
		font-size: 36px;
	}

}

@media screen and (max-width: 991px) {
	.mc1_gm_txt1 strong {
		font-size: 32px;
	}

	.mc1_gm_list {
		margin-right: 0;
	}

	.mc1_gm_txt1 {
		margin: 5px 0;
	}
}

@media screen and (max-width: 767px) {
	.mc1_gm_txt1 strong {
		font-size: 26px;
	}

	.mc1_gm_list {
		margin: 0 -5px;
	}

	.mc1_gm_li {
		padding: 0 5px;
		width: 33.333333%;
		margin: 0;
	}

}

/* 9.5 */
.mc_search_xl {
	position: fixed;
	left: 0;
	top: 70px;
	width: 100%;
	z-index: 99;
}

.mc_i2s1 {
	margin-top: 70px;
}


.mc_f2s1m_tip {
	font-size: 14px;
	color: #666;
}

@media screen and (max-width: 1024px) {
	.mc_i2s1 {
		margin-top: 64px;
	}
}

.mc_g1_playbtn {
	display: none !important;
}

.mc_j1_videobox {
	margin-bottom: 80px;
}


.mc_a1t_li11 .mc_a1t_xl {
	left: auto;
	right: 0;
	transform: translate(50%, 20px);
	top: 100%;
}

.mc_a1t_li11 .mc_a1t_xl::after {
	width: 100%;
	left: 0;
	top: -30px;
}

.mc_d2s3_list {
	display: none !important;
}

.mc_a1t_li11 .mc_a1t_icon {
	font-size: 3.8em;
}

.mc_logo_imgbox {
	overflow: visible !important;
}

.mc_logo_imgbox img {
	object-fit: unset;
}

/* 9.11 */
.mc_navxl_container {
	padding: 0 !important;
}

.mc_nav_xl {
	top: 69px;
	height: 50px;
	box-shadow: 0 4px 4px rgba(0, 0, 0, .07);
	overflow: hidden;
}

.mc_nav_li:hover {
	z-index: 10;
}


.yxnav_active1.mc_nav_li::before {
	opacity: 0;
	width: 60%;
}

.mc_fixed .yxnav_active1.mc_nav_li::before {
	opacity: 1;
	width: 60%;
}

.yxnav_active2.mc_subnav_li .mc_subnav_a {
	color: #001eb4;
}

@keyframes mcslidedown {
	0% {
		height: 0;
	}

	100% {
		height: 50px;
	}
}

.mc_nav_nor .mc_subnav_li {
	margin: 0;
	padding: 0 30px;
}

.mc_subnav_a {
	position: relative;
	z-index: 1;
	line-height: 20px !important;
	padding: 15px 0 !important;
}

.mc_subnav_a::before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 0;
	height: 4px;
	background: #001eb4;
	transition: all .3s;
	transform: translateX(-50%);
}

.mc_subnav_li.yxnav_active2 .mc_subnav_a::before {
	width: 100%;
}

.mc_subnav_a:hover::before {
	width: 100%;
}

.mc_navbar.mc_fixed .mc_nav_li.yxnav_active1 .mc_nav_xl {
	transition: all .36s;
	display: block;
	animation: mcslidedown .36s forwards;
}

.mc_nav_xl.xlhide {
	opacity: 0;
}

/* 9.11 syc */

.mc_aside_navbox1 .mc_aside_li {
	/* width: calc(4em + 30px); */
	margin: 30px 0;
}

/* .mc_aside_navbox1 .mc_aside_nav::before {
    top: 20px;
    height: calc(100% - 44px);
} */

/* .mc_aside_navbox1 .mc_aside_navline{
    top: 22px;
    max-height: calc(100% - 44px);
} */

.mc_ft1_li {
	width: 23% !important;
}

.mc_ft1_li1 {
	width: auto !important;
}

.mc_ft1_li1 .mc_ft1_subli {
	width: 100%;
}

.mc_h2s1 {
	padding-top: 50px;
}

.mc_subnav_a {
	font-size: 16px;
}

/* 9.11 */

.mc_privacy_tab .mc_tab_hd {
	font-size: 0;
	text-align: center;
	margin-bottom: 60px;
	padding: 0 20px;
}

.mc_privacy_tab .mc_tabhd_li {
	display: inline-block;
	float: none;
	position: relative;
	z-index: 1;
	font-size: 18px;
	padding: 15px 0;
	margin: 0 30px;
	color: #333333;
}

.mc_privacy_tab .mc_tabhd_li a {
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

.mc_privacy_tab .mc_tabhd_li::before {
	content: "";
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	bottom: 0;
	width: 0;
	height: 4px;
	background: #0028aa;
	transition: all .5s ease;
}

.mc_privacy_tab .mc_tabhd_li.on::before {
	width: 100%;
}

.mc_privacy_tab .mc_tabhd_li.on {
	font-weight: bold;
}

@media screen and (min-width:1200px) {
	.mc_privacy_tab .mc_tabhd_li:hover::before {
		width: 100%;
	}

}

@media screen and (max-width:991px) {
	.mc_privacy_tab .mc_tabhd_li {
		font-size: 16px;
		margin: 0 15px;
	}

	.mc_privacy_tab .mc_tab_hd {
		margin-bottom: 40px;
	}
}

@media screen and (max-width:767px) {
	.mc_privacy_tab .mc_tabhd_li {
		font-size: 14px;
		padding: 10px 0;
		margin: 0 10px;
	}

	.mc_privacy_tab .mc_tab_hd {
		margin-bottom: 30px;
	}

	.mc_privacy_tab .mc_tabhd_li::before {
		height: 2px;
	}
}

.g_b6pt1nr {
	margin-top: 50px;
}

.g_b6pt1nr.yxedr_active p img,
.mc_e3s1b_txtbox.yxedr_active p img {
	height: auto !important;
	margin: 20px 0;
}

.yxedr_active p.mc_txt_dian {
	line-height: 2.9em;
}

#canvas {
	border: 1px solid rgb(222, 230, 255);
}

.mc_ly_verify_imgbox {
	margin-top: 30px;
}

.mc_ft1_li:not(:last-child) .mc_ft1_a {
	cursor: default;
}

.mc_ban_li>a {
	display: block;
	cursor: default;
}

.mc_nonav>.mc_nav_a {
	cursor: default;
}

.mc_ph_nav_r .mc_ph_language a {
	line-height: 64px;
	margin-right: 20px;
	color: #333;
}

.mc_lycj_select .mc_select_bd {
	max-height: 240px;
	overflow: auto;
}

/* 9.23 */
.mc_n1a1s1_txt p {
	font-size: 24px;
}


.mc_d2s1_txt p {
	font-size: 20px !important;
}

.mc_gotop {
	position: fixed;
	left: auto;
	top: auto;
	right: 16px;
	bottom: 16px;
	z-index: 100;
	width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	border-radius: 50%;
	cursor: pointer;
	background: linear-gradient(0, rgba(0, 40, 170, 1), rgba(0, 50, 210, 1));
	transition: all .36s;
	opacity: 0;
	transform: scale(.1);
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.mc_gotop .iconfont {
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
	color: #fff;
	margin-top: -3px;
	transform: rotate(180deg);
}

.mc_gotop.mc1_show {
	opacity: 1;
	transform: scale(1);
}

.mc_pby {
	opacity: 0.2;
}



/* 11.19 */
.mc_lyinp_dy {
	width: 30%;
}

.mc_lyinp_dl {
	width: 35%;
}

.mc_lyinp_njgm {
	width: 35%;
}

.mc_ly_yycj_inputgroup .mc_ly_inputbox input {
	display: inline-block;
	margin-right: 5px;
	height: 30px !important;
	padding: 5px 5px !important;
	border-left: 0 !important;
	border-right: 0 !important;
	border-top: 0 !important;
}

.mc_lyinp_dy input {
	width: calc(100% - 65px) !important;
}

.mc_lyinp_dl input {
	width: calc(100% - 126px) !important;
}

.mc_lyinp_njgm input {
	width: calc(100% - 120px) !important;
}

.mc_ly_yycj_inputgroup,
.mc_lyinp_ggcs,
.mc_lyinp_ddgm {
	display: none;
}

@media screen and (max-width:767px) {
	#mc_lygm_selectbox {
		margin-top: 0;
	}

	.mc_lyinp_ddgm,
	.mc_lyinp_ggcs,
	.mc_ly_yycj_inputgroup .mc_ly_inputbox {
		margin-bottom: 15px !important;
	}

	.mc_ly_inputgroupbox {
		margin-bottom: 15px !important;
	}

	.mc_ly_textarea {
		margin-bottom: 25px;
	}
}

.phxia {
	overflow: visible;
}

.xialaph {
	overflow: auto;
}

/* 2021.1.26  mark */
.mc_ly_yycj .mc_ly_checkbox input[type=checkbox] {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	top: -3px;
}

.mc_ly_yycj .mc_ly_checkbox input[type=checkbox]:checked::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	background: #001eb4;
	transform: translate(-50%, -50%);
	width: 4px;
	height: 4px;
	border-radius: 50%
}



/* 2021.2.26 mark新增 */
.ma_j2s1_list::after {
	display: none;
}

.ma_j2s1_title1 {
	margin: 150px 0 85px;
}

.ma_j2s1_liimg {
	width: 45px;
	margin-bottom: 20px;
}

.ma_j2s1_lip p {
	font-size: 36px;
	color: #fff;
	font-weight: bold;
	line-height: 1.5;
}

.ma_j2s1_li .mc_j2s1_lisbox {
	animation-name: fadeInUp;
	transition: all 0.5s;
}

.ma_j2s1_li:not(:last-child) {
	border-right: 1px solid #bebebe;
}

.ma_j2s2 {
	padding: 100px 0 150px;
	background: #f7f8fa;
}

.ma_j2s2 .mc_cont1360 {
	position: relative;
}

.ma_j2s2img {
	text-align: center;
	position: relative;
	z-index: 1;
}

.ma_j2s2p1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.ma_j2s2ulbox {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	padding: 0 115px;
	z-index: 2;
}

.ma_j2s2ul {
	margin: 0 -340px;
}

.ma_j2s2li {
	float: left;
	width: 50%;
	padding: 0 340px;
}

.ma_j2s2li p {
	font-size: 36px;
	color: #333;
	font-weight: bold;
	padding: 100px 0;
}

.ma_j2s2img {
	animation-name: fadeInUp;
	animation-delay: .4s;
}

.ma_j2s2li {
	animation-name: fadeInUp;
}

.ma_j2s2li p {
	transition: all 0.36s;
}

.ma_j2s1_liimg {
	font-size: 0;
}

.ma_j2s2li:nth-child(odd) p {
	text-align: right;
}


.ma_j2s1_li:nth-child(3n+1) .mc_j2s1_lisbox,
.ma_j2s2li:nth-child(2n+1) {
	animation-delay: .4s;
}

.ma_j2s1_li:nth-child(3n+2) .mc_j2s1_lisbox,
.ma_j2s2li:nth-child(2n+2) {
	animation-delay: .6s;
}

.ma_j2s1_li:nth-child(3n+3) .mc_j2s1_lisbox {
	animation-delay: .8s;
}

@media screen and (min-width: 1200px) {

	.ma_j2s1_li:hover .mc_j2s1_lisbox,
	.ma_j2s2li p:hover {
		transform: translateY(-30px);
	}
}

.ma_j2s1_li:nth-child(3n+1) .mc_j2s1_lisbox,
.ma_j2s2li:nth-child(2n+1) {
	animation-delay: .3s;
}

.ma_j2s1_li:nth-child(3n+2) .mc_j2s1_lisbox,
.ma_j2s2li:nth-child(2n+2) {
	animation-delay: .4s;
}

.ma_j2s1_li:nth-child(3n+3) .mc_j2s1_lisbox {
	animation-delay: .5s;
}

.mc_i1s1_qrbox {
	display: none;
}


/* 2023/07/31 新增 */

/*加载字体*/
/* @font-face { font-family: 'sybold'; src: url("https://www.seeyon.com/Public/Home/xiangmu/fonts/SourceHanSans-Bold.otf"); }
@font-face { font-family: 'syreg'; src: url("https://www.seeyon.com/Public/Home/xiangmu/fonts/SOURCEHANSANSCN-REGULAR.OTF"); }
@font-face { font-family: 'symed'; src: url("https://www.seeyon.com/Public/Home/xiangmu/fonts/SOURCEHANSANSCN-MEDIUM.OTF"); }
@font-face { font-family: 'bahnschrift'; src: url("https://www.seeyon.com/Public/Home/xiangmu/fonts/bahnschrift.ttf"); } */
img, .head-link, .sub-nav, .zs-5head span, .zs-5item, .zs-5cont p, .zs-6content .swiper-button-prev, .zs-6content .swiper-button-next, .zs-7item, .zs-7cont em, .zs-7content .swiper-button-prev, .zs-7content .swiper-
button-next, .nav-genner ul li, .nav-genner ul li:before, .gs-1item, .gs-1item samp, .gs-2head ul li:before, .gs-2head ul li samp, .gs-2head ul li span, .gs-2left em, .gs-3item, .gs-3bg, .gs-3item .h4, .gs-3item p,
.gs-3item ul li, .gs-3item ul li:before, .gs-3item span, .gs-3item em, .gs-4item, .gs-4item:before, .gs-4item span, .gs-52, .gs-6item, .gs-6title samp, .gs-6title span, .gs-6info, .gs-6cont ul, .gs-6cont span, .gs-
6content .swiper-button-prev, .gs-6content .swiper-button-next, .gs-7center em, .cj-1head ul li:before, .cj-1head ul li samp, .cj-1head ul li span, .cj-2center em, .yy-1more, .vd-1pannel, .vd-1pannel:before, .vd-1item1
samp, .vd-1item1 samp:before, .vd-1item1 samp:after, .vd-1item1 em:before, .vd-1item1 em:after, .vd-1item2 samp, .vd-1item2 samp:before, .vd-1item2 samp:after, .vd-1item2 em:before, .vd-1item2 em:after, .vd-1item3
samp, .vd-1item3 samp:before, .vd-1item3 samp:after, .vd-1item3 em:before, .vd-1item3 em:after, .vd-1item4 samp, .vd-1item4 samp:before, .vd-1item4 samp:after, .vd-1item4 em:before, .vd-1item4 em:after, .vd-1item5
samp, .vd-1item5 samp:before, .vd-1item5 samp:after, .vd-1item5 em:before, .vd-1item5 em:after, .vd-1item6 samp, .vd-1item6 samp:before, .vd-1item6 samp:after, .vd-1item6 em:before, .vd-1item6 em:after, .vd-1item7
samp, .vd-1item7 samp:before, .vd-1item7 samp:after, .vd-1item7 em:before, .vd-1item7 em:after, .vd-1item8 samp, .vd-1item8 samp:before, .vd-1item8 samp:after, .vd-1item8 em:before, .vd-1item8 em:after, .vd-2content
em, .case-2info, .case-prop, .case-close { -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }

/*分享*/
.weixin-prop { width: 300px; height: 380px; border: 1px #ddd solid; background: #fff; position: fixed; left: 50%; top: 50%; margin: -190px 0px 0px -150px; z-index: 2345667; }

.weixin-close { width: 25px; height: 25px; position: absolute; right: 10px; top: 10px; line-height: 30px; text-align: center; font-size: 20px; color: #333; cursor: pointer; }

.weixin-close:before { width: 60%; height: 2px; content: ""; position: absolute; left: 20%; top: calc(50% - 1px); background: #333; transform: rotate(45deg); }

.weixin-close:after { width: 60%; height: 2px; content: ""; position: absolute; left: 20%; top: calc(50% - 1px); background: #333; transform: rotate(-45deg); }

.weixin-img { float: left; width: 250px; margin: 60px 0px 0px 25px; }

.weixin-img canvas { width: 250px; height: 250px; }

.weixin-prop p { float: left; width: 100%; overflow: hidden; font-size: 14px; text-align: center; color: #222; }

/*swiper*/
.swiper-container { width: 100%; height: 100%; }

.swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-
align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; height: auto; }

.swiper-button-prev, .swiper-button-next { background: none; }

.swiper-button-prev::after, .swiper-button-next::after { content: ""; }

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated.hinge { -webkit-animation-duration: 3s; animation-duration: 3s; }

@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); }
	100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); }
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

/*video*/
.video-prop { width: 100%; height: 100%; overflow: hidden; position: fixed; left: 0px; top: 0px; z-index: 1000; background: rgba(0, 0, 0, 0.6); text-align: center; visibility: hidden; opacity: 0; -webkit-transition:
		all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

.video-prop:before { height: 100%; content: ""; display: inline-block; vertical-align: middle; }

.video-center { width: 65%; vertical-align: middle; display: inline-block; position: relative; }

.video-center video { width: 100%; height: auto; display: block; }

.video-close { width: 36px; height: 36px; overflow: hidden; position: absolute; right: -18px; top: -18px; z-index: 12; border-radius: 50%; background: #fafafa; text-align: center; cursor: pointer; -webkit-transition:
		all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

.video-close:before { width: 60%; height: 2px; content: ""; position: absolute; left: 20%; top: calc(50% - 1px); background: #333; transform: rotate(45deg); }

.video-close:after { width: 60%; height: 2px; content: ""; position: absolute; left: 20%; top: calc(50% - 1px); background: #333; transform: rotate(-45deg); }

.video-close:hover { transform: rotate(180deg); }

.video-active { opacity: 1; visibility: visible; }

@media screen and (max-width: 768px) { .video-center { width: 90%; }
	.video-close { width: 32px; height: 32px; right: -16px; top: -16px; } }
@media screen and (max-width: 768px) { .video-center { width: 90%; }
	.video-close { width: 32px; height: 32px; right: -16px; top: -16px; } }
@keyframes updown { 0% { opacity: 0; transform: translateY(40px); }
	100% { opacity: 1; transform: translateY(0px); } }
@keyframes fades { 0% { opacity: 0; transform: scale(0.8); }
	100% { opacity: 1; transform: scale(1); } }
@keyframes zhuanquan { 0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); } }
/*header*/
.head { width: 100%; height: 80px; position: fixed; left: 0px; top: 0px; z-index: 30; background: #fff; box-shadow: 0px 0px 12px 4px rgba(0, 0, 0, 0.02); }

.head-logo { float: left; width: 124px; height: 100%; margin-left: 60px; }

.head-logo a { width: 100%; display: block; overflow: hidden; height: 100%; position: relative; }

.head-logo img { width: 100%; height: auto; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); }

.head-right { float: right; width: auto; height: 100%; margin-right: 60px; }

.head-right ul { float: left; width: auto; overflow: hidden; height: 100%; line-height: 80px; }

.head-right ul li { float: left; width: auto; overflow: hidden; height: 100%; margin-left: 50px; }

.head-right ul li a { font-size: 14px; color: #333; font-family: "syreg"; }

.head-right ul li a:hover { color: #108cee; }

.head-more { float: left; width: auto; margin-left: 60px; margin-top: 19px; }

.head-link { width: 98px; height: 32px; line-height: 32px; overflow: hidden; background: #5c74ec; }

.head-link a { width: 100%; height: 100%; display: block; overflow: hidden; box-sizing: border-box; padding: 0px 12px; color: #fff; font-size: 14px; font-family: "syreg"; background: url("../image/icon-32.png") no-
repeat 75px center; cursor: pointer;display: flex;align-items: center;}

.head-link:hover { transform: translateY(3px); }

.sub-nav { width: auto; position: absolute; right: 0px; top: 50px; opacity: 0; visibility: hidden; transform: scale(0); transform-origin: right top; }

.sub-content { width: 900px; background: #fff; margin-top: 40px; box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.03); position: relative; padding: 10px 0px; }

.sub-content:before { width: auto; content: ""; position: absolute; right: 185px; top: -12px; border-bottom: 12px #fff solid; border-left: 12px transparent solid; border-right: 12px transparent solid; }



.sub-item { width: 87%; overflow: hidden; margin: 0px auto; }

.sub-left { float: left; width: 240px;display: flex;align-items: center; overflow: hidden; height: 75px; line-height: 75px; font-size: 18px; color: #333; font-family: "symed"; }

.sub-left samp { float: left; width: 44px; height: 100%; }

.sub-right { float: right; width: 540px; overflow: hidden; height: 75px; line-height: 75px; box-sizing: border-box; border-bottom: 1px #eee solid; }

.sub-right a { float: left; width: 113px; overflow: hidden;display: flex;align-items: center; height: 100%; font-size: 16px; color: #666; font-family: "syreg"; position: relative; }

.sub-right a.icon:before { width: 23px; height: 100%; content: ""; position: absolute; right: 10px; top: 0px; background: url("../image/icon-31.png") no-repeat center; background-size: 100%; }

/* .sub-right a:last-child { width: auto; } */
.sub-content .sub-item:nth-child(2) .sub-right a:last-child { width:142px; }

.sub-right a:hover { color: #0f8cee; }

.sub-item:last-child .sub-right { border: none; }

.head-more:hover .sub-nav { opacity: 1; visibility: visible; transform: scale(1); }

/*banner*/
.banner { width: 100%; overflow: hidden; position: relative; }

.banner img { float: left; width: 100%; height: auto; }

.banner-ver { width: 1440px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; margin-top: 40px; }

.banner-ver .h3 { float: left; width: 100%; overflow: hidden; font-size: 30px; font-family: "symed"; }

.banner-ver p { float: left; width: 100%; overflow: hidden; font-size: 20px; font-family: "syreg"; }

.banner-ver ul { float: left; width: 100%; overflow: hidden; margin-top: 40px; }

.banner-ver ul li { float: left; width: 146px; }

.banner-ver ul li span { width: 100%; display: block; overflow: hidden; font-size: 16px; font-family: "syreg"; }

.banner-ver ul li span samp { font-size: 50px; font-style: normal; font-family: "Arial","Microsoft YaHei","宋体"; margin-right: 10px; }

.banner-ver ul li em { width: 100%; display: block; overflow: hidden; font-size: 16px; font-family: "syreg"; font-style: normal; }

/*zhengti-fangan*/
.zs-1 { width: 100%; overflow: hidden; padding: 100px 0px 170px; background: #fff url("../image/bg.jpg") no-repeat left bottom; background-size: 100%; }

.zs-2 { width: 1440px; overflow: hidden; margin: 0px auto; }

.zs-2 .h3 { width: 100%; overflow: hidden; text-align: center; position: relative; font-size: 30px; color: #333; font-family: "syreg"; padding-bottom: 30px; }

.zs-2 .h3:before { width: 50px; height: 6px; content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; background: #108cee; }

.zs-2 form { width: 100%; display: block; overflow: hidden; margin-top: 60px; background: #edeff4; height: 60px; line-height: 60px; }

.zs-2 .txt { float: right; width: calc(100% - 60px); overflow: hidden; height: 100%; background: none; font-size: 18px; color: #999; font-family: "syreg"; }

.zs-1 .txt::placeholder { color: #999 !important; opacity: 1; }

.zs-1 .txt::-webkit-input-placeholder { color: #999 !important; opacity: 1; }

.zs-1 .txt::-ms-input-placeholder { color: #999 !important; opacity: 1; }

.zs-1 .txt::-moz-placeholder { color: #999 !important; opacity: 1; }

.zs-2 .bt { float: left; width: 60px; height: 100%; overflow: hidden; background: url("../image/icon-1.png") no-repeat center; cursor: pointer; border: none; }

.sz-3 { width: 100%; margin: 53px auto 0px; padding-bottom: 15px; overflow: hidden; }

.sz-3 .h4 { width: 1440px; overflow: hidden; font-size: 24px; color: #333; font-family: "sybold"; line-height: 33px; border-bottom: 1px #ccc solid; padding-bottom: 27px; margin: 0px auto; }

.sz-3 .h4 img { float: left; margin-right: 15px; }

.sz-3content { width: 1440px; display: flex; flex-wrap: wrap; margin: 10px auto 0px; }

.sz-3content span { width: 18.5%; line-height: 44px; font-size: 16px; color: #666; }

.sz-3content span a { color: #666; position: relative; font-size: 16px; font-family: "syreg"; }

.sz-3content span a:before { width: 32px; height: 15px; line-height: 18px; content: "HOT"; position: absolute; right: -38px; top: 0px; border-radius: 3px; background: #ff3c3c; font-size: 10px; color: #fff; text-align:
		center; opacity: 0; }

.sz-3content span:nth-child(6n) { width: 7.5%; text-align: right; }

.sz-3content span a:hover { color: #108cee; }

.sz-3content span.hot a:before { opacity: 1; }

.sz-3 ul { width: 1440px; margin: 10px auto 0px; display: flex; justify-content: space-between; flex-wrap: wrap; }

.sz-3 ul li { width: auto; line-height: 44px; }

.sz-3 ul li em { width: 100%; overflow: hidden; font-style: normal; font-size: 18px; color: #108cee; font-family: "symed"; margin-top: 5px; }

.sz-3 ul li em a { color: #108cee; }

.sz-3 ul li p { width: 100%; }

.sz-3 ul li p span { width: 100%; display: block; position: relative; }

.sz-3 ul li p span a { color: #666; position: relative; font-size: 16px; font-family: "syreg"; }

.sz-3 ul li p span a:before { width: 32px; height: 15px; content: ""; position: absolute; right: -38px; top: 0px; border-radius: 3px; background: #ff3c3c; font-size: 10px; color: #fff; text-align: center; opacity: 0;
	background: url("../image/icon-31.png") no-repeat; }

.sz-3 ul li p a:hover { color: #108cee; }

.sz-3 ul li p span.hot a:before { opacity: 1; }

.sz-4content { width: 1440px; margin: 10px auto 0px; line-height: 44px; }

.sz-4left { float: left; width: 47.6%; }

.sz-4left em { width: 100%; overflow: hidden; font-style: normal; font-size: 18px; color: #108cee; font-family: "symed"; margin-top: 5px; }

.sz-4left em a { color: #108cee; }

.sz-4center { float: left; width: 100%; display: flex; justify-content: space-between; }

.sz-4center p { width: auto; }

.sz-4center p span { width: 100%; display: block; }

.sz-4center p span a { color: #666; position: relative; font-size: 16px; font-family: "syreg"; }

.sz-4center p span a:before { width: 32px; height: 15px; content: ""; position: absolute; right: -38px; top: 0px; border-radius: 3px; background: #ff3c3c; font-size: 10px; color: #fff; text-align: center; opacity: 0;
	background: url("../image/icon-31.png") no-repeat; }

.sz-4center p a:hover { color: #108cee; }

.sz-4center p span.hot a:before { opacity: 1; }

.sz-4right { float: right; width: 43%; display: flex; justify-content: space-between; }

.sz-4item { width: auto; }

.sz-4item em { width: 100%; overflow: hidden; font-style: normal; font-size: 18px; color: #108cee; font-family: "symed"; margin-top: 5px; }

.sz-4item em a { color: #108cee; }

.sz-4item span { width: 100%; display: block; position: relative; }

.sz-4item span a { color: #666; position: relative; font-size: 16px; font-family: "syreg"; }

.sz-4item span a:before { width: 32px; height: 15px; content: ""; position: absolute; right: -38px; top: 0px; border-radius: 3px; background: #ff3c3c; font-size: 10px; color: #fff; text-align: center; opacity: 0;
	background: url("../image/icon-31.png") no-repeat; }

.sz-4item a:hover { color: #108cee; }

.sz-4item span.hot a:before { opacity: 1; }

/*hot-fangan*/
.zs-5 { width: 100%; overflow: hidden; background: #e9ebf5; padding: 100px 0px 90px; }

.zs-5 .h3 { width: 100%; overflow: hidden; text-align: center; font-size: 30px; color: #333; font-family: "symed"; }

.zs-5head { width: 510px; overflow: hidden; height: 50px; line-height: 50px; margin: 30px auto 0px; background: #fff; border-radius: 25px; }

.zs-5head span { float: left; width: 50%; height: 100%; overflow: hidden; text-align: center; font-size: 20px; color: #333; font-family: "syreg"; border-radius: 25px; cursor: pointer; }

.zs-5head span.active { background: #108cee; color: #fff; }

.zs-5content { width: 1440px; margin: 38px auto 0px; position: relative; }

.zs-5pannel { width: 100%; position: absolute; left: 0px; top: 0px; z-index: 1; opacity: 0; transform: translateY(40px); }

.zs-5pannel.active { width: 100%; position: relative; left: 0px; top: 0px; z-index: 2; opacity: 1; }

.zs-5left { float: left; width: 32.778%; }

.zs-5right { float: right; width: 32.778%; }

.zs-5item { width: 100%; overflow: hidden; box-sizing: border-box; border: 2px #fff solid; height: 190px; margin-top: 20px; background: -webkit-linear-gradient(top, #eaeff4, #fcfdfe); background: -moz-linear-gradient
(top, #eaeff4, #fcfdfe); background: -ms-linear-gradient(top, #eaeff4, #fcfdfe); background: -o-linear-gradient(top, #eaeff4, #fcfdfe); box-shadow: 0px 0px 12px 4px rgba(0, 11, 65, 0.09); padding: 30px; }

.zs-5item:hover { transform: translateY(-3px); }

.zs-5item a { width: 100%; height: 100%; display: block; }

.zs-5item:first-child { margin-top: 0px; }

.zs-5center { width: 31.25%; overflow: hidden; position: relative; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.zs-5center img { width: 100%; height: auto; }

.zs-arr { width: 10%; position: absolute; animation: fades 1.5s ease-in infinite alternate; opacity: 0; }

.zs-arr.zs1 { left: 0%; top: 0%; }

.zs-arr.zs2 { right: 0%; top: 0%; }

.zs-arr.zs3 { left: 0%; top: 48%; }

.zs-arr.zs4 { right: 0%; top: 48%; }

.zs-arr.zs5 { left: 0%; bottom: 0%; }

.zs-arr.zs6 { right: 0%; bottom: 0%; }

.zs-5item samp { float: left; width: 30px; height: 30px; position: relative; overflow: hidden; }

.zs-5item samp img { width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.zs-5cont { float: right; width: calc(100% - 50px); overflow: hidden; }

.zs-5cont span { float: left; width: 100%; overflow: hidden; font-size: 16px; color: #333; font-family: "symed"; }

.zs-5cont span em { font-size: 24px; margin-right: 12px; font-style: normal; }

.zs-5info { float: left; width: 100%; overflow: hidden; line-height: 24px; font-size: 16px; color: #999; font-family: "syreg"; margin-top: 6px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
}

.zs-5cont p { float: left; width: 100%; font-size: 16px; color: #0d8dff; font-family: "syreg"; margin-top: 20px; }

.zs-5cont p:hover { transform: translateX(5px); }

.zs-5pannel.active { animation: updown 0.6s ease 1; animation-fill-mode: forwards; }

.zs-6 { width: 100%; overflow: hidden; background: #fff; padding: 110px 0px 70px; }

.zs-6 .h3 { width: 100%; overflow: hidden; text-align: center; position: relative; font-size: 30px; color: #333; font-family: "syreg"; padding-bottom: 30px; }

.zs-6 .h3:before { width: 50px; height: 6px; content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; background: #108cee; }

.zs-6content { width: 1440px; margin: 42px auto 0px; position: relative; }

.zs-6item { width: 100%; overflow: hidden; cursor: pointer; }

.zs-6pic { float: left; width: 100%; position: relative; overflow: hidden; background: #000; }

.zs-6pic img { width: 100%; height: auto; opacity: 0.6; }

.zs-6item:hover .zs-6pic img { transform: scale(1.02); }

.zs-6pic span { width: 54px; height: 54px; overflow: hidden; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: url("../image/icon-18.png") no-repeat; background-size: 100%; }

.zs-6bottom { float: left; width: 100%; overflow: hidden; margin-top: 20px; height: 33px; line-height: 33px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-size: 24px; color: #333;
	font-family: "symed"; }

.zs-6bottom span { width: auto; height: 100%; border-radius: 5px; padding: 0px 13px; background: -webkit-linear-gradient(left, #54a1fd, #4ed6c7); background: -moz-linear-gradient(left, #54a1fd, #4ed6c7); background: -
ms-linear-gradient(left, #54a1fd, #4ed6c7); background: -o-linear-gradient(left, #54a1fd, #4ed6c7); font-size: 14px; color: #fff; display: inline-block; margin-right: 12px; vertical-align: top; }

.zs-6content .swiper-button-prev { width: 24px; height: 42px; background: url("../image/icon-19.png") no-repeat center; background-size: 100%; left: -50px; opacity: 0.5; top: 36%; }

.zs-6content .swiper-button-next { width: 24px; height: 42px; background: url("../image/icon-19.png") no-repeat center; background-size: 100%; right: -50px; opacity: 0.5; transform: rotate(180deg); top: 36%; }

.zs-6content .swiper-button-prev:hover, .zs-6content .swiper-button-next:hover { opacity: 1; }

.zs-6pag { width: 100%; overflow: hidden; margin-top: 56px; }

.zs-6pag .swiper-pagination { width: 100%; text-align: center; }

.zs-6pag .swiper-pagination span { width: 11px; height: 11px; margin: 0px 5px; background: #bdccde; opacity: 1; }

.zs-6pag .swiper-pagination .swiper-pagination-bullet-active { background: #2a87f9; }

.zs-7 { width: 100%; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 100px 0px 60px; }

.zs-7head { width: 100%; overflow: hidden; text-align: center; position: relative; padding-bottom: 30px; }

.zs-7head .h3 { width: 100%; overflow: hidden; font-size: 30px; color: #333; font-family: "syreg"; }

.zs-7info { width: 100%; overflow: hidden; font-size: 20px; color: #333; font-family: "symed"; }

.zs-7info span { color: #419aff; font-family: "sybold"; }

.zs-7head:before { width: 50px; height: 6px; content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; background: #108cee; }

.zs-7content { width: 1440px; margin: 38px auto 0px; position: relative; }

.zs-7content .swiper-container { padding: 7px; }

.zs-7center { float: left; width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }

.zs-7item { width: 48.5%; overflow: hidden; background: #fff; margin-top: 48px; box-shadow: 0px 0px 12px 2px rgba(48, 64, 97, 0.05); padding: 2vw; box-sizing: border-box; }

.zs-7item:hover { transform: translateY(-3px); }

.zs-7item:nth-child(1), .zs-7item:nth-child(2) { margin-top: 0px; }

.zs-7item a { width: 100%; height: 100%; display: flex; overflow: hidden; justify-content: space-between; align-items: center; }

.zs-7item samp { width: 16%; overflow: hidden; }

.zs-7item samp img { width: 100%; height: auto; }

.zs-7cont { width: 77%; overflow: hidden; }

.zs-7cont span { float: left; width: 100%; overflow: hidden; font-size: 26px; color: #333; font-family: "sybold"; }

.zs-7des { float: left; width: 100%; overflow: hidden; line-height: 24px; font-size: 16px; color: #666; font-family: "syreg"; margin-top: 5px; }

.zs-7cont em { float: left; width: 100%; overflow: hidden; font-size: 16px; color: #419aff; font-family: "syreg"; margin-top: 15px; font-style: normal; }

.zs-7cont em:hover { transform: translateX(5px); }

.zs-7item samp:hover img { transform: scale(1.02); }

.zs-7pag { width: 100%; overflow: hidden; margin-top: 56px; }

.zs-7pag .swiper-pagination { width: 100%; text-align: center; }

.zs-7pag .swiper-pagination span { width: 11px; height: 11px; margin: 0px 5px; background: #bdccde; opacity: 1; }

.zs-7pag .swiper-pagination .swiper-pagination-bullet-active { background: #2a87f9; }

.zs-7content .swiper-button-prev { width: 24px; height: 42px; background: url("../image/icon-19.png") no-repeat center; background-size: 100%; left: -50px; opacity: 0.5; }

.zs-7content .swiper-button-next { width: 24px; height: 42px; background: url("../image/icon-19.png") no-repeat center; background-size: 100%; right: -50px; opacity: 0.5; transform: rotate(180deg); }

.zs-7content .swiper-button-prev:hover, .zs-7content .swiper-button-next:hover { opacity: 1; }

.zs-7 .zs72 { display: none; }

/*gaishu-banner*/
.banner-ny { width: 100%; height: 420px; overflow: hidden; /*margin-top: 80px;*/ background: url("../image/banner-1.jpg") no-repeat center; position: relative; }

.banner-center { width: 1440px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.banner-center .h3 { float: left; width: 100%; overflow: hidden; font-size: 30px; line-height:60px; color: #333; font-family: "symed"; }

.banner-center p { float: left; width: 65%; overflow: hidden; font-size: 20px; color: #333; font-family: "syreg"; }

.banner-link { float: left; width: 100%; margin-top: 60px; }

.banner-link a { float: left; width: 140px; height: 42px; line-height: 42px; overflow: hidden; margin-right: 20px; box-sizing: border-box; border: 1px #4a80f7 solid; text-align: center; font-size: 16px; color: #4a80f7;
	font-family: "syreg"; }

.banner-link a:nth-child(1) { color: #fff; background: #4a80f7; }

.banner-link a:hover { transform: translateY(3px); }

/*gaishu-nav*/
.nav-genner { width: 1440px; overflow: hidden; margin: -45px auto 0px; height: 90px; line-height: 90px; position: relative; background: -webkit-linear-gradient(top, #f9fbfc, #fdfefe); background: -moz-linear-gradient
(top, #f9fbfc, #fdfefe); background: -ms-linear-gradient(top, #f9fbfc, #fdfefe); background: -o-linear-gradient(top, #f9fbfc, #fdfefe); box-shadow: 0px 3px 15px 5px rgba(193, 213, 255, 0.2); z-index: 5; }

.nav-genner:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; z-index: 2; border: 4px #fff solid; box-sizing: border-box; }

.nav-genner ul { width: 100%; height: 100%; overflow: hidden; position: relative; z-index: 3; display: flex; }

.nav-genner ul li { flex: 1; height: 100%; text-align: center; cursor: pointer; font-size: 14px; color: #8fa3b8; font-family: "symed"; position: relative; }

.nav-genner ul li:before { width: 0%; height: 4px; content: ""; position: absolute; left: 0px; bottom: 0px; background: #487dea; }

.nav-genner ul li.active, .nav-genner ul li:hover { color: #436aba; }

.nav-genner ul li.active:before, .nav-genner ul li:hover:before { width: 100%; }

/*gaishu-xianzhuang*/
.gs-1 { width: 100%; position: relative; z-index: 1; background: #fff; padding: 110px 0px 120px; }

.gs-1 .h3 { width: 100%; overflow: hidden; position: relative; text-align: center; font-size: 30px; color: #333; font-family: "syreg"; padding-bottom: 30px; }

.gs-1 .h3:before { width: 50px; height: 6px; content: ""; position: absolute; left: 50%; bottom: 0px; background: #108cee; transform: translateX(-50%); }

.gs-1content { width: 1440px; margin: 40px auto 0px; display: flex; flex-wrap: wrap; }

.gs-1item { float: left; width: 33.33%; overflow: hidden; background: #fff; box-sizing: border-box; padding: 60px; position: relative; z-index: 1; cursor: pointer; }

.gs-1item:hover { box-shadow: 0px 4px 17px 5px rgba(16, 38, 100, 0.06); z-index: 2; }

.gs-1item samp { width: 100%; display: block; overflow: hidden; text-align: center; position: relative; height: 70px; }

.gs-1item samp img { width: auto; height: auto; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.gs-1item span { width: 100%; display: block; overflow: hidden; text-align: center; font-size: 20px; line-height: 40px; color: #333; font-family: "symed"; }

.gs-1item p { width: 100%; overflow: hidden; line-height: 26px; font-size: 16px; color: #333; opacity: 0.7; font-family: "syreg"; margin-top: 4px; }

.gs-1item:hover samp { transform: rotateY(180deg); }

/*gaishu-gongneng*/
.gs-2 { width: 100%; overflow: hidden; background: -webkit-linear-gradient(top, #f0f5fc, #fff); background: -moz-linear-gradient(top, #f0f5fc, #fff); background: -ms-linear-gradient(top, #f0f5fc, #fff); background: -
o-linear-gradient(top, #f0f5fc, #fff); padding: 60px 0px 65px; position: relative; }

.gs-2 .particles { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }

.gs-2 .h3 { width: 100%; overflow: hidden; position: relative; text-align: center; font-size: 30px; color: #333; font-family: "syreg"; padding-bottom: 17px; z-index: 12; }

.gs-2 .h3:before { width: 50px; height: 6px; content: ""; position: absolute; left: 50%; bottom: 0px; background: #108cee; transform: translateX(-50%); }

.gs-2head { width: 1440px; margin: 32px auto 0px; height: 146px; background: #eaeef8; border-radius: 12px; position: relative; z-index: 10; }

.gs-2head ul { width: 100%; height: 100%; }

.gs-2head ul li { float: left; width: 25%; height: 100%; position: relative; cursor: pointer; display: flex; flex-wrap: wrap; align-content: center; }

.gs-2head ul li:before { width: 100%; height: 120%; content: ""; position: absolute; left: 0px; top: -10%; background: #fff; border-radius: 12px; box-shadow: 0px 0px 12px 4px rgba(16, 38, 100, 0.07); transform: scale
(0); opacity: 0; }

.gs-2head ul li.active:before { transform: scale(1); opacity: 1; }

.gs-2head ul li samp { width: 100%; position: relative; z-index: 12; height: 64px; display: block; overflow: hidden; }

.gs-2head ul li samp img { width: auto; height: auto; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.gs-2head ul li span { width: 100%; position: relative; z-index: 12; display: block; overflow: hidden; text-align: center; font-size: 20px; line-height: 40px; color: #333; font-family: "syreg"; }

.gs-2head ul li.active span { color: #108cee; }

.gs-2head ul li.active samp { transform: rotateY(180deg); }

.gs-2content { width: 1440px; margin: 70px auto 0px; position: relative; z-index: 10; }

.gs-2pannel { width: 100%; position: absolute; left: 0px; top: 0px; z-index: 1; opacity: 0; transform: translateY(40px); display: flex; justify-content: space-between; align-items: center; }

.gs-2pannel.active { position: relative; z-index: 2; animation: updown 0.6s ease 1; animation-fill-mode: forwards; }

.gs-2left { width: 43.6%; overflow: hidden; }

.gs-2left span { float: left; width: 100%; overflow: hidden; font-size: 24px; color: #333; font-family: "symed"; }

.gs-2info { float: left; width: 100%; overflow: hidden; line-height: 26px; font-size: 16px; color: #333; font-family: "symed"; margin-top: 16px; }

.gs-2left ul { float: left; width: 100%; overflow: hidden; margin-top: 15px; }

.gs-2left ul li { float: left; width: 26%; height: 34px; line-height: 34px; font-size: 16px; color: #666; font-family: "syreg"; box-sizing: border-box; padding-left: 10px; position: relative; }

.gs-2left ul li:before { width: 3px; height: 3px; content: ""; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); border-radius: 50%; background: #0f8cee; }

.gs-2left ul li:nth-child(4n) { width: 22%; }

.gs-2left em { float: left; width: 174px; height: 44px; line-height: 44px; overflow: hidden; border-radius: 22px; background: #0f8cee; margin-top: 40px; font-style: normal; }

.gs-2left em a { width: 100%; height: 100%; display: block; overflow: hidden; text-align: center; font-size: 14px; color: #fff; font-family: "syreg"; }

.gs-2left em:hover { transform: translateY(-3px); }

.gs-2right { width: 54.86%; transform: translateX(4%); }

.gs-2right img { width: 100%; height: auto; }

.gs-2more { width: 100%; overflow: hidden; padding-top: 10px; position: relative; z-index: 32; }

.gs-2more a { width: 174px; height: 44px; line-height: 44px; overflow: hidden; border-radius: 22px; background: #e6ecf8; display: block; margin: 0px auto; text-align: center; font-size: 14px; color: #333; font-family:
		"symed"; }

.gs-2more a:hover { transform: translateY(-3px); }

/*gaishu-guanli*/
.gs-3 { width: 100%; overflow: hidden; background: url("../image/icon-44.png"); padding: 120px 0px 100px; }

.gs-3 .h3 { width: 100%; overflow: hidden; position: relative; text-align: center; font-size: 30px; color: #213d7e; font-family: "syreg"; padding-bottom: 27px; z-index: 12; }

.gs-3 .h3:before { width: 50px; height: 6px; content: ""; position: absolute; left: 50%; bottom: 0px; background: #213d7e; transform: translateX(-50%); }

.gs-3content { width: 1440px; margin: 40px auto 0px; display: flex; justify-content: space-between; }

.gs-3item { width: 17%; overflow: hidden; height: 530px; position: relative; border-radius: 15px; box-sizing: border-box; position: relative; padding: 50px 20px 0px; }

.gs-3bg { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 2; opacity: 0; background-position: center; background-repeat: no-repeat; background-size: cover; }

.gs-3item:nth-child(1) { background: -webkit-linear-gradient(top, #1e8dff, #2351e5); background: -moz-linear-gradient(top, #1e8dff, #2351e5); background: -ms-linear-gradient(top, #1e8dff, #2351e5); background: -o-
linear-gradient(top, #1e8dff, #2351e5); }

.gs-3item:nth-child(1) em { background-image: -webkit-linear-gradient(top, #2164ed 20%, #25a9ff); background-image: -moz-linear-gradient(top, #2164ed 20%, #25a9ff); background-image: -ms-linear-gradient(top, #2164ed
20%, #25a9ff); background-image: -o-linear-gradient(top, #2164ed 20%, #25a9ff); background-image: linear-gradient(top, #2164ed 20%, #25a9ff); -webkit-background-clip: text; -moz-background-clip: text; -ms-background-
clip: text; -o-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; -ms-text-fill-color: transparent; -o-text-fill-color: transparent; text-fill-color:
		transparent; }

.gs-3item:nth-child(2) { background: -webkit-linear-gradient(top, #19cca4, #26d7af); background: -moz-linear-gradient(top, #19cca4, #26d7af); background: -ms-linear-gradient(top, #19cca4, #26d7af); background: -o-
linear-gradient(top, #19cca4, #26d7af); }

.gs-3item:nth-child(2) em { background-image: -webkit-linear-gradient(top, #25d6ae 20%, #86edc6); background-image: -moz-linear-gradient(top, #25d6ae 20%, #86edc6); background-image: -ms-linear-gradient(top, #25d6ae
20%, #86edc6); background-image: -o-linear-gradient(top, #25d6ae 20%, #86edc6); background-image: linear-gradient(top, #25d6ae 20%, #86edc6); -webkit-background-clip: text; -moz-background-clip: text; -ms-background-
clip: text; -o-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; -ms-text-fill-color: transparent; -o-text-fill-color: transparent; text-fill-color:
		transparent; }

.gs-3item:nth-child(3) { background: -webkit-linear-gradient(top, #8e64f9, #6635e5); background: -moz-linear-gradient(top, #8e64f9, #6635e5); background: -ms-linear-gradient(top, #8e64f9, #6635e5); background: -o-
linear-gradient(top, #8e64f9, #6635e5); }

.gs-3item:nth-child(3) em { background-image: -webkit-linear-gradient(top, #7344eb 20%, #b581ff); background-image: -moz-linear-gradient(top, #7344eb 20%, #b581ff); background-image: -ms-linear-gradient(top, #7344eb
20%, #b581ff); background-image: -o-linear-gradient(top, #7344eb 20%, #b581ff); background-image: linear-gradient(top, #7344eb 20%, #b581ff); -webkit-background-clip: text; -moz-background-clip: text; -ms-background-
clip: text; -o-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; -ms-text-fill-color: transparent; -o-text-fill-color: transparent; text-fill-color:
		transparent; }

.gs-3item:nth-child(4) { background: -webkit-linear-gradient(top, #1dbdff, #24a0f2); background: -moz-linear-gradient(top, #1dbdff, #24a0f2); background: -ms-linear-gradient(top, #1dbdff, #24a0f2); background: -o-
linear-gradient(top, #1dbdff, #24a0f2); }

.gs-3item:nth-child(4) em { background-image: -webkit-linear-gradient(top, #24aff8 20%, #6ce4ff); background-image: -moz-linear-gradient(top, #24aff8 20%, #6ce4ff); background-image: -ms-linear-gradient(top, #24aff8
20%, #6ce4ff); background-image: -o-linear-gradient(top, #24aff8 20%, #6ce4ff); background-image: linear-gradient(top, #24aff8 20%, #6ce4ff); -webkit-background-clip: text; -moz-background-clip: text; -ms-background-
clip: text; -o-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; -ms-text-fill-color: transparent; -o-text-fill-color: transparent; text-fill-color:
		transparent; }

.gs-3item samp { float: left; width: 100%; overflow: hidden; height: 51px; position: relative; z-index: 12; }

.gs-3item samp img { width: auto; height: auto; max-height: 100%; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); opacity: 0; }

.gs-3item samp img:last-child { opacity: 1; }

.gs-3item .h4 { float: left; width: 100%; overflow: hidden; font-size: 20px; color: #fff; font-family: "symed"; margin-top: 10px; position: relative; z-index: 12; }

.gs-3item p { float: left; width: 100%; overflow: hidden; line-height: 26px; font-size: 16px; color: #fff; font-family: "syreg"; margin-top: 6px; position: relative; z-index: 12; }

.gs-3item ul { float: left; width: 100%; overflow: hidden; margin-top: 6px; position: relative; z-index: 12; max-height: 0px; }

.gs-3item ul li { float: left; width: 100%; overflow: hidden; line-height: 26px; position: relative; box-sizing: border-box; padding-left: 14px; font-size: 16px; color: #fff; font-family: "symed"; margin-top: 6px; }

.gs-3item ul li:before { width: 4px; height: 4px; content: ""; position: absolute; left: 0px; top: 9px; border-radius: 50%; background: #fff; }

.gs-3item span { float: left; width: 100%; overflow: hidden; margin-top: 30px; position: relative; z-index: 12; opacity: 0; }

.gs-3item span a { font-size: 16px; color: #fff; font-family: "symed"; }

.gs-3item em { width: auto; position: absolute; right: -8px; bottom: 0px; font-family: "bahnschrift"; font-size: 200px; font-style: normal; z-index: 12; }

.gs-3item.active { width: 43.6%; padding: 50px 40px 0px; }

.gs-3item.active .gs-3bg { opacity: 1; }

.gs-3item.active samp img { opacity: 1; }

.gs-3item.active samp img:last-child { opacity: 0; }

.gs-3item.active .h4 { color: #333; }

.gs-3item.active p { color: #333; opacity: 0; max-height: 0px; }

.gs-3item.active ul { margin-top: 6px; max-height: 1200px; }

.gs-3item.active ul li { color: #666; }

.gs-3item.active ul li:before { background: #666; }

.gs-3item.active span { opacity: 1; }

.gs-3item.active span a { color: #0f8cee; }

.gs-3item.active em { opacity: 0 !important; }

.gs-3item span:hover { transform: translateY(4px); }

/*gs-changjing*/
.gs-4 { width: 100%; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 120px 0px 140px; }

.gs-4 .h3 { width: 100%; overflow: hidden; position: relative; text-align: center; font-size: 30px; color: #333; font-family: "syreg"; padding-bottom: 27px; z-index: 12; }

.gs-4 .h3:before { width: 50px; height: 6px; content: ""; position: absolute; left: 50%; bottom: 0px; background: #108cee; transform: translateX(-50%); }

.gs-4content { width: 1440px; margin: 46px auto 0px; display: flex; justify-content: space-between; }

.gs-4item { width: 46.6%; height: 370px; float: left; position: relative; }

.gs-4item:before { width: 100%; height: 100%; content: ""; position: absolute; left: 16px; top: 16px; z-index: 1; background: #cad5e5; opacity: 0.3; }

.gs-4bg { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background-position: center; background-repeat: no-repeat; background-size: cover; z-index: 2; overflow: hidden; }

.gs-4item:hover:before { opacity: 0.6; }

.gs-4item .h4 { width: 86%; overflow: hidden; margin: 38px auto 0px; font-size: 26px; color: #333; font-family: "symed"; position: relative; z-index: 12; }

.gs-4item p { width: 86%; overflow: hidden; margin: 20px auto 0px; line-height: 26px; min-height: 52px; font-size: 16px; color: #333; font-family: "symed"; position: relative; z-index: 12; }

.gs-4item ul { width: 86%; overflow: hidden; position: relative; z-index: 12; margin: 8px auto 0px; padding-right: 20%; box-sizing: border-box; }

.gs-4item ul li { float: left; width: auto; min-width: 130px; box-sizing: border-box; padding-left: 15px; font-size: 16px; color: #666; font-family: "syreg"; margin-top: 12px; position: relative; }

.gs-4item ul li:before { width: 4px; height: 4px; content: ""; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); background: #0f8cee; border-radius: 50%; }

.gs-4item span { width: 174px; height: 42px; line-height: 42px; overflow: hidden; display: block; position: absolute; left: 12%; bottom: 40px; z-index: 12; border-radius: 21px; background: #0f8cee; }

.gs-4item span a { width: 100%; height: 100%; display: block; overflow: hidden; text-align: center; font-size: 16px; color: #fff; font-family: "syreg"; }

.gs-4item span:hover { transform: translateY(5px); }

/*gs-lilngyu*/
.gs-5 { width: 100%; overflow: hidden; background: url("../image/icon-51.png") no-repeat top center; }

.gs-5head { width: 100%; overflow: hidden; }

.gs-5head .h3 { width: 100%; overflow: hidden; position: relative; text-align: center; font-size: 30px; color: #fff; font-family: "syreg"; padding-bottom: 24px; z-index: 12; margin-top: 70px; }

.gs-5head .h3:before { width: 50px; height: 6px; content: ""; position: absolute; left: 50%; bottom: 0px; background: #fff; transform: translateX(-50%); }

.gs-5content { width: 1440px; margin: 280px auto 0px; position: relative; }

.gs-5pic { width: 100%; overflow: hidden; }

.gs-5pic img { width: 100%; height: auto; }

.gs-5item { position: absolute; z-index: 12; width: 204px; }

.gs-5top { width: 100%; }

.gs-5top span { float: left; width: 100%; text-align: center; font-size: 16px; font-weight: bold; color: #fff; font-family: "symed"; }

.gs-5top p { float: left; width: 110%; text-align: center; font-size: 14px; color: #fff; font-family: "symed"; margin-left: -5%; margin-top: 4px; }

.gs-5top samp { float: left; width: 100%; text-align: center; margin-top: 14px; }

.gs-5bottom { width: 100%; overflow: hidden; }

.gs-51 { width: 100%; overflow: hidden; background: url("../image/icon-55.png") no-repeat; height: 115px; }

.gs-52 { width: 100%; overflow: hidden; background: url("../image/icon-56.png") repeat-y; height: 0px; position: relative; }

.gs-52 img { width: 42%; height: auto; position: absolute; left: 50%; transform: translateX(-50%); top: 50%; opacity: 0; -webkit-transition: all 0.5s ease 0.2s; -moz-transition: all 0.5s ease 0.2s; -ms-transition: all
0.5s ease 0.2s; -o-transition: all 0.5s ease 0.2s; transition: all 0.5s ease 0.2s; }

.gs-53 { width: 100%; overflow: hidden; background: url("../image/icon-54.png") no-repeat; height: 74px; }

.gs-5item:hover .gs-52 { height: 80px; }

.gs-5item:hover .gs-52 img { opacity: 1; }

.gs-5item.item1 { left: 5%; bottom: 45%; }

.gs-5item.item2 { left: 20%; bottom: 19%; }

.gs-5item.item2 .gs-5top p { width: 70%; margin-left: 15%; }

.gs-5item.item3 { left: 32%; bottom: 80%; }

.gs-5item.item4 { right: 32%; bottom: 80%; }

.gs-5item.item5 { right: 20%; bottom: 19%; }

.gs-5item.item6 { right: 5%; bottom: 45%; }

/*gs-case*/
.gs-6 { width: 100%; overflow: hidden; padding: 130px 0px 106px; }

.gs-6 .h3 { width: 100%; overflow: hidden; position: relative; text-align: center; font-size: 30px; color: #333; font-family: "syreg"; padding-bottom: 24px; z-index: 12; }

.gs-6 .h3:before { width: 50px; height: 6px; content: ""; position: absolute; left: 50%; bottom: 0px; background: #108cee; transform: translateX(-50%); }

.gs-6content { width: 1440px; margin: 17px auto 0px; position: relative; }

.gs-6content .swiper-container { width: 100%; padding: 16px; margin-left: -16px; }

.gs-6item { width: 100%; overflow: hidden; box-shadow: 0px 4px 10px 4px rgba(37, 118, 228, 0.1); }

.gs-6top { width: 100%; height: 15.6vw; overflow: hidden; position: relative; }

.gs-6top samp { width: 100%; height: 100%; display: block; }

.gs-6top samp img { width: 100%; height: 100%; object-fit: cover; }

.gs-6top:hover samp img { transform: scale(1.04); }

.gs-6top span { width: auto; height: 30px; line-height: 30px; padding: 0px 18px; text-align: center; position: absolute; left: 10px; top: 10px; background: #a1a3bc; font-size: 14px; color: #fff; font-family: "symed";
	border-radius: 15px; }

.gs-6top em { width: auto; height: 40px; overflow: hidden; border-radius: 20px; background: #fff; position: absolute; right: 20px; bottom: 20px; padding: 8px; font-style: normal; font-size: 14px; color: #333; font-
family: "syreg"; cursor: pointer; }

.gs-6top em img { vertical-align: middle; margin-right: 8px; }

.gs-6bottom { width: 100%; overflow: hidden; padding-bottom: 38px; }

.gs-6title { width: 92%; overflow: hidden; margin: 18px auto 0px; }

.gs-6title samp { float: left; width: 50px; height: 50px; overflow: hidden; border-radius: 50%; box-sizing: border-box; background: #fff; border: 2px #e4e7ee solid; position: relative; }

.gs-6title samp img { width: auto; height: auto; max-width: 70%; max-height: 70%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.gs-6title span { float: right; width: calc(100% - 60px); overflow: hidden; height: 50px; line-height: 50px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-size: 20px; color: #333;
	font-family: "sybold"; }

.gs-6info { width: 92%; overflow: hidden; margin: 12px auto 0px; line-height: 24px; height: 48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 16px; color: #333; font-family:
		"symed"; }

.gs-6cont { width: 92%; overflow: hidden; margin: 20px auto 0px; height: 40px; position: relative; }

.gs-6cont ul { width: 100%; overflow: hidden; line-height: 40px; }

.gs-6cont ul li { float: left; width: auto; overflow: hidden; padding-left: 11px; font-size: 14px; color: #999; font-family: "syreg"; margin-right: 22px; position: relative; }

.gs-6cont ul li:before { width: 4px; height: 4px; content: ""; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); border-radius: 50%; background: #0f8cee; }

.gs-6cont span { width: 160px; overflow: hidden; height: 40px; line-height: 40px; box-sizing: border-box; border: 1px #fff solid; border-radius: 20px; position: absolute; left: 0%; top: 40px; opacity: 0; cursor:
		pointer; }

.gs-6cont span a { width: 100%; height: 100%; overflow: hidden; display: block; text-align: center; font-size: 14px; color: #fff; font-family: "syreg"; }

.gs-6item:hover { background: #065fd0; box-shadow: none; }

.gs-6item:hover .gs-6cont ul { opacity: 0; transform: translateY(-50px); }

.gs-6item:hover .gs-6cont span { opacity: 1; top: 0px; }

.gs-6item:hover .gs-6title samp { margin-left: -50px; }

.gs-6item:hover .gs-6title span { margin-right: 50px; color: #fff; }

.gs-6item:hover .gs-6info { color: #fff; }

.gs-6content .swiper-button-prev { width: 55px; height: 55px; background: #dee6f5 url("../image/icon-49.png") no-repeat center; left: -95px; border-radius: 50%; opacity: 1; }

.gs-6content .swiper-button-next { width: 55px; height: 55px; background: #dee6f5 url("../image/icon-49.png") no-repeat center; right: -95px; transform: rotate(180deg); border-radius: 50%; opacity: 1; }

.gs-6content .swiper-button-prev:hover, .gs-6content .swiper-button-next:hover { opacity: 0.7; }

.gs-6more { width: 100%; overflow: hidden; padding-top: 50px; position: relative; z-index: 32; }

.gs-6more a { width: 174px; height: 44px; line-height: 44px; overflow: hidden; border-radius: 22px; background: #f0f0f0; display: block; margin: 0px auto; text-align: center; font-size: 14px; color: #666; font-family:
		"symed"; }

.gs-6more a:hover { transform: translateY(-3px); }

/*gs-xiazai*/
.gs-7 { width: 100%; overflow: hidden; padding: 70px 0px 90px; background: #f0f5fe; border-bottom: 1px #2a50ce solid; }

.gs-7 .h3 { width: 100%; overflow: hidden; position: relative; text-align: center; font-size: 30px; color: #333; font-family: "syreg"; padding-bottom: 24px; z-index: 12; }

.gs-7 .h3:before { width: 50px; height: 6px; content: ""; position: absolute; left: 50%; bottom: 0px; background: #108cee; transform: translateX(-50%); }

.gs-7content { width: 1440px; overflow: hidden; margin: 43px auto 0px; display: flex; justify-content: space-between; }

.gs-7item { width: 32.43%; overflow: hidden; position: relative; }

.gs-7item img { float: left; width: 100%; height: auto; }

.gs-7item:hover img { transform: scale(1.03); }

.gs-7center { width: 86%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 12; }

.gs-7center span { float: left; width: 100%; overflow: hidden; font-size: 20px; line-height: 45px; color: #fff; font-family: "symed"; }
.gs-7center p{width: 78%; font-size: 14px; line-height: 20px; color: #fff;}

.gs-7center em { float: left; width: 110px; height: 30px; line-height: 30px; overflow: hidden; border-radius: 24px; background: -webkit-linear-gradient(top, #eef3ff, #9dbcff); background: -moz-linear-gradient(top,
#eef3ff, #9dbcff); background: -ms-linear-gradient(top, #eef3ff, #9dbcff); background: -o-linear-gradient(top, #eef3ff, #9dbcff); margin-top: 20px; font-style: normal; text-align: center; font-size: 14px; color:
		#0066fe; font-family: "symed"; }

.gs-7center em:hover { transform: translateY(4px); }

/*cj-1*/
.cj-1 { width: 100%; overflow: hidden; position: relative; background: -webkit-linear-gradient(top, #eef3fc, #fff); background: -moz-linear-gradient(top, #eef3fc, #fff); background: -ms-linear-gradient(top, #eef3fc,
#fff); background: -o-linear-gradient(top, #eef3fc, #fff); z-index: 2; margin-top: -50px; padding: 160px 0px 60px; }

.cj-1 .particles { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }

.cj-1 .h3 { width: 100%; overflow: hidden; position: relative; text-align: center; font-size: 30px; color: #333; font-family: "syreg"; padding-bottom: 16px; z-index: 12; }

.cj-1 .h3:before { width: 40px; height: 4px; content: ""; position: absolute; left: 50%; bottom: 0px; background: #4a80f7; transform: translateX(-50%); border-radius: 2px; }

.cj-1head { width: 1440px; margin: 55px auto 0px; height: 146px; background: #eaeef8; border-radius: 12px; position: relative; z-index: 32; }

.cj-1head ul { width: 100%; height: 100%; }

.cj-1head ul li { float: left; width: 20%; height: 100%; position: relative; cursor: pointer; display: flex; flex-wrap: wrap; align-content: center; }

.cj-1head ul li:before { width: 100%; height: 120%; content: ""; position: absolute; left: 0px; top: -10%; background: #fff; border-radius: 12px; box-shadow: 0px 0px 12px 4px rgba(16, 38, 100, 0.07); transform: scale
(0); opacity: 0; }

.cj-1head ul li.active:before { transform: scale(1); opacity: 1; }

.cj-1head ul li samp { width: 100%; position: relative; z-index: 12; height: 64px; display: block; overflow: hidden; }

.cj-1head ul li samp img { width: auto; height: auto; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.cj-1head ul li span { width: 100%; position: relative; z-index: 12; display: block; overflow: hidden; text-align: center; font-size: 16px; line-height: 40px; color: #333; font-family: "syreg"; }

.cj-1head ul li.active span { color: #108cee; }

.cj-1head ul li.active samp { transform: rotateY(180deg); }

.cj-1content { width: 1440px; margin: 70px auto 0px; position: relative; z-index: 32; }

.cj-1pannel { width: 100%; position: absolute; left: 0px; top: 0px; z-index: 1; opacity: 0; transform: translateY(40px); display: flex; justify-content: space-between; align-items: center; }

.cj-1pannel.active { position: relative; z-index: 2; animation: updown 0.6s ease 1; animation-fill-mode: forwards; }

.cj-1pannel .gs-2right { width: 46.5%; transform: translateX(0%); }

.cj-1pannel .gs-2left ul li:nth-child(4n), .cj-1pannel .gs-2left ul li { width: 31%; }

/*cj-2*/
.cj-2 { width: 100%; overflow: hidden; background: #eef3f9; padding: 90px 0px 110px; border-bottom: 1px #2a50ce solid; }

.cj-2 .h3 { width: 100%; overflow: hidden; position: relative; text-align: center; font-size: 30px; color: #333; font-family: "syreg"; padding-bottom: 24px; z-index: 12; }

.cj-2 .h3:before { width: 40px; height: 4px; content: ""; position: absolute; left: 50%; bottom: 0px; background: #333; transform: translateX(-50%); border-radius: 2px; }

.cj-2content { width: 1440px; overflow: hidden; margin: 40px auto 0px; display: flex; justify-content: space-between; }

.cj-2item { width: 32.6%; overflow: hidden; position: relative; }

.cj-2item img { float: left; width: 100%; height: auto; }

.cj-2item:hover img { transform: scale(1.04); }

.cj-2center { width: 86%; position: absolute; height: 70%; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; }

.cj-2center span { float: left; width: 100%; font-size: 16px; font-weight: bold; font-family: "symed"; }

.cj-2center p { float: left; width: 100%; font-size: 14px; line-height: 26px; margin-top: 4px; box-sizing: border-box; padding-right: 23%; }

.cj-2center em { width: 120px; height: 30px; line-height: 30px; overflow: hidden; border-radius: 22px; background: #fff; position: absolute; left: 0px; bottom: 0px; font-style: normal; }

.cj-2center em a { width: 100%; height: 100%; overflow: hidden; display: block; text-align: center; font-size: 14px; color: #333; font-family: "syreg"; }

.cj-2center em:hover { transform: translateY(3px); }

/*gongnengyingyong-1*/
.yy-1 { width: 100%; overflow: hidden; padding: 120px 0px 86px; }

.yy-1 .h3 { width: 100%; overflow: hidden; position: relative; text-align: center; font-size: 30px; color: #333; font-family: "syreg"; padding-bottom: 24px; z-index: 12; }

.yy-1 .h3:before { width: 50px; height: 6px; content: ""; position: absolute; left: 50%; bottom: 0px; background: #108cee; transform: translateX(-50%); }

.yy-1pic { width: 1440px; overflow: hidden; margin: 46px auto 0px; }

.yy-1pic img { width: 100%; height: auto; }

.yy-1more { width: 174px; height: 44px; line-height: 44px; overflow: hidden; margin: 50px auto 0px; border: 1px #a0a0a0 solid; box-sizing: border-box; border-radius: 22px; }

.yy-1more a { width: 100%; height: 100%; text-align: center; font-size: 14px; color: #999; font-family: "syreg"; display: block; }

.yy-1more:hover { background: #a0a0a0; }

.yy-1more:hover a { color: #333; }

/*gongnengyingyong-2*/
.yy-2 { margin-top: 0px; }

.yy-2 ul li { width: 10%; }

.yy-2 ul li span { font-size: 16px; }

.yy-2 .cj-1head ul li span { margin-top: 8px; }

/*gongnengyingyong-3*/
.yy-3 { width: 100%; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 120px 0px 130px; }

.yy-3 .h3 { width: 100%; overflow: hidden; position: relative; text-align: center; font-size: 30px; color: #fff; font-family: "syreg"; padding-bottom: 24px; z-index: 12; }

.yy-3 .h3:before { width: 50px; height: 6px; content: ""; position: absolute; left: 50%; bottom: 0px; background: #fff; transform: translateX(-50%); }

.yy-3content { width: 1440px; overflow: hidden; margin: 16px auto 0px; display: flex; justify-content: space-between; flex-wrap: wrap; }

.yy-3item { width: 48.7%; overflow: hidden; margin-top: 40px; border: 2px #fff solid; display: flex; justify-content: space-between; align-items: center; height: 160px; box-sizing: border-box; padding: 0px 36px 0px
32px; }

.yy-3item samp { width: 120px; display: block; overflow: hidden; }

.yy-3center { width: 340px; overflow: hidden; }

.yy-3center span { float: left; width: 100%; overflow: hidden; font-size: 20px; color: #fff; font-family: "syreg"; }

.yy-3center p { float: left; width: 100%; overflow: hidden; font-size: 14px; color: #fff; font-family: "syreg"; margin-top: 10px; }

.yy-3item a { width: 109px; display: block; overflow: hidden; height: 38px; line-height: 38px; border: 1px #fff solid; border-radius: 6px; text-align: center; font-size: 16px; color: #fff; font-family: "syreg"; }

.yy-3item a:hover { background: #fff; color: #1c3455; }

/*video-2*/
.vd-1 { width: 100%; overflow: hidden; position: relative; padding: 80px 0px; }

.vd-1 .h3 { width: 100%; overflow: hidden; position: absolute; left: 0px; top: 80px; text-align: center; font-size: 36px; color: #333; font-family: "syreg"; z-index: 12; }

.vd-1content { width: 100%; overflow: hidden; position: relative; }

.vd-1cir { width: 821px; height: 821px; margin: 15px auto 0px; position: relative; }

.vd-1cir:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../image/icon-84.png") no-repeat; background-size: 100%; animation: zhuanquan 60s linear infinite; }

.vd-1cir:after { width: 88%; height: 88%; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 2px #dfedfd solid; border-radius: 50%; }

.vd-1cir span { width: 100%; height: 100%; display: block; overflow: hidden; position: absolute; left: 0px; top: 0px; }

.vd-1cir span:after { width: 78%; height: 78%; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 2px #c3ddfc solid; border-radius: 50%; }

.vd-1cir span:before { width: 68%; height: 68%; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 2px #5da3f7 solid; border-radius: 50%; }

.vd-1video { width: 60%; height: 60%; position: absolute; overflow: hidden; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; z-index: 20; }

.vd-1pannel { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; opacity: 0; z-index: 10; cursor: pointer; background: #000; }

.vd-1pannel img { width: 100%; height: 100%; object-fit: cover; opacity: 0.78; }

.vd-1pannel.active { opacity: 1; z-index: 12; }

.vd-1pannel:before { width: 60px; height: 60px; position: absolute; content: ""; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 15; background: #fff url("../image/icon-18.png") no-repeat; background-
size: 100%; opacity: 0.8; border-radius: 50%; }

.vd-1pannel:hover:before { opacity: 1; }

.vd-1pannel:hover img { transform: scale(1.04); }

.vd-1item1 { width: 450px; position: absolute; left: -249px; top: 160px; z-index: 30; cursor: pointer; }

.vd-1item1 samp { width: 70px; height: 70px; float: left; box-sizing: border-box; border: 2px #437dbf solid; border-radius: 50%; position: relative; }

.vd-1item1 samp:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../image/icon-85.png") no-repeat; background-size: 100%; }

.vd-1item1 samp:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../image/icon-85-1.png") no-repeat; background-size: 100%; opacity: 0; }

.vd-1item1 samp img { width: auto; height: auto; max-width: 50%; max-height: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 1; }

.vd-1item1 samp img:last-child { opacity: 0; }

.vd-1item1 h4 { float: left; width: auto; line-height: 70px; font-size: 24px; color: #333; font-family: "symed"; margin-left: 20px; }

.vd-1item1 em { float: left; width: 234px; height: 57px; overflow: hidden; position: relative; margin: 32px 0px 0px 15px; z-index: 12; }

.vd-1item1 em:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../image/icon-94.png") no-repeat; opacity: 0; }

.vd-1item1 em:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../image/icon-95.png") no-repeat; }

.vd-1item1 p { width: 12px; height: 12px; position: absolute; right: 9px; bottom: -4px; z-index: 11; }

.vd-1item1 p i { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; display: block; background: #a5c9f7; border-radius: 50%; z-index: 10; }

.vd-1item1 p:before { width: 180%; height: 180%; content: ""; border-radius: 50%; border: 1px #a9cbf7 solid; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; z-index: 9; }

.vd-1item1 p:after { width: 290%; height: 290%; content: ""; border-radius: 50%; border: 1px #d2e4fb solid; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; }

.vd-1item2 { width: 450px; position: absolute; left: -310px; top: 380px; z-index: 30; cursor: pointer; }

.vd-1item2 samp { width: 70px; height: 70px; float: left; box-sizing: border-box; border: 2px #437dbf solid; border-radius: 50%; position: relative; }

.vd-1item2 samp:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../image/icon-85.png") no-repeat; background-size: 100%; }

.vd-1item2 samp:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../image/icon-85-1.png") no-repeat; background-size: 100%; opacity: 0; }

.vd-1item2 samp img { width: auto; height: auto; max-width: 50%; max-height: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 1; }

.vd-1item2 samp img:last-child { opacity: 0; }

.vd-1item2 h4 { float: left; width: auto; line-height: 70px; font-size: 24px; color: #333; font-family: "symed"; margin-left: 20px; }

.vd-1item2 em { float: left; width: 245px; height: 20px; overflow: hidden; position: relative; margin: 23px 0px 0px 15px; z-index: 12; }

.vd-1item2 em:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../image/icon-96.png") no-repeat center; opacity: 0; }

.vd-1item2 em:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../image/icon-97.png") no-repeat center; }

.vd-1item2 p { width: 12px; height: 12px; position: absolute; right: -1px; bottom: 31px; z-index: 11; }

.vd-1item2 p i { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; display: block; background: #a5c9f7; border-radius: 50%; z-index: 10; }

.vd-1item2 p:before { width: 180%; height: 180%; content: ""; border-radius: 50%; border: 1px #a9cbf7 solid; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; z-index: 9; }

.vd-1item2 p:after { width: 290%; height: 290%; content: ""; border-radius: 50%; border: 1px #d2e4fb solid; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; }

.vd-1item3 { width: 450px; position: absolute; left: -299px; top: 460px; z-index: 30; cursor: pointer; }

.vd-1item3 samp { width: 70px; height: 70px; float: left; box-sizing: border-box; border: 2px #437dbf solid; border-radius: 50%; position: relative; }

.vd-1item3 samp:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../image/icon-85.png") no-repeat; background-size: 100%; }

.vd-1item3 samp:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../image/icon-85-1.png") no-repeat; background-size: 100%; opacity: 0; }

.vd-1item3 samp img { width: auto; height: auto; max-width: 50%; max-height: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 1; }

.vd-1item3 samp img:last-child { opacity: 0; }

.vd-1item3 h4 { float: left; width: auto; line-height: 70px; font-size: 24px; color: #333; font-family: "symed"; margin-left: 20px; }

.vd-1item3 em { float: left; width: 245px; height: 20px; overflow: hidden; position: relative; margin: 23px 0px 0px 15px; z-index: 12; }

.vd-1item3 em:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../image/icon-96.png") no-repeat center; opacity: 0; }

.vd-1item3 em:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../image/icon-97.png") no-repeat center; }

.vd-1item3 p { width: 12px; height: 12px; position: absolute; right: -1px; bottom: 31px; z-index: 11; }

.vd-1item3 p i { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; display: block; background: #a5c9f7; border-radius: 50%; z-index: 10; }

.vd-1item3 p:before { width: 180%; height: 180%; content: ""; border-radius: 50%; border: 1px #a9cbf7 solid; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; z-index: 9; }

.vd-1item3 p:after { width: 290%; height: 290%; content: ""; border-radius: 50%; border: 1px #d2e4fb solid; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; }

.vd-1item4 { width: 450px; position: absolute; left: -249px; top: 590px; z-index: 30; cursor: pointer; }

.vd-1item4 samp { width: 70px; height: 70px; float: left; box-sizing: border-box; border: 2px #437dbf solid; border-radius: 50%; position: relative; }

.vd-1item4 samp:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../image/icon-85.png") no-repeat; background-size: 100%; }

.vd-1item4 samp:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../image/icon-85-1.png") no-repeat; background-size: 100%; opacity: 0; }

.vd-1item4 samp img { width: auto; height: auto; max-width: 50%; max-height: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 1; }

.vd-1item4 samp img:last-child { opacity: 0; }

.vd-1item4 h4 { float: left; width: auto; line-height: 70px; font-size: 24px; color: #333; font-family: "symed"; margin-left: 20px; }

.vd-1item4 em { float: left; width: 234px; height: 57px; overflow: hidden; position: relative; margin: -17px 0px 0px 15px; z-index: 12; transform: rotateX(180deg); }

.vd-1item4 em:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../image/icon-94.png") no-repeat; opacity: 0; }

.vd-1item4 em:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../image/icon-95.png") no-repeat; }

.vd-1item4 p { width: 12px; height: 12px; position: absolute; right: 9px; bottom: 79px; z-index: 11; }

.vd-1item4 p i { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; display: block; background: #a5c9f7; border-radius: 50%; z-index: 10; }

.vd-1item4 p:before { width: 180%; height: 180%; content: ""; border-radius: 50%; border: 1px #a9cbf7 solid; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; z-index: 9; }

.vd-1item4 p:after { width: 290%; height: 290%; content: ""; border-radius: 50%; border: 1px #d2e4fb solid; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; }

.vd-1item5 { width: 450px; position: absolute; right: -249px; top: 160px; z-index: 30; cursor: pointer; }

.vd-1item5 samp { width: 70px; height: 70px; float: right; box-sizing: border-box; border: 2px #437dbf solid; border-radius: 50%; position: relative; }

.vd-1item5 samp:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../image/icon-85.png") no-repeat; background-size: 100%; }

.vd-1item5 samp:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../image/icon-85-1.png") no-repeat; background-size: 100%; opacity: 0; }

.vd-1item5 samp img { width: auto; height: auto; max-width: 50%; max-height: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 1; }

.vd-1item5 samp img:last-child { opacity: 0; }

.vd-1item5 h4 { float: right; width: auto; line-height: 70px; font-size: 24px; color: #333; font-family: "symed"; margin-right: 20px; }

.vd-1item5 em { float: right; width: 234px; height: 57px; overflow: hidden; position: relative; margin: 32px 15px 0px 0px; z-index: 12; transform: rotateY(180deg); }

.vd-1item5 em:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../image/icon-94.png") no-repeat; opacity: 0; }

.vd-1item5 em:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../image/icon-95.png") no-repeat; }

.vd-1item5 p { width: 12px; height: 12px; position: absolute; left: 9px; bottom: -4px; z-index: 11; }

.vd-1item5 p i { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; display: block; background: #a5c9f7; border-radius: 50%; z-index: 10; }

.vd-1item5 p:before { width: 180%; height: 180%; content: ""; border-radius: 50%; border: 1px #a9cbf7 solid; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; z-index: 9; }

.vd-1item5 p:after { width: 290%; height: 290%; content: ""; border-radius: 50%; border: 1px #d2e4fb solid; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; }

.vd-1item6 { width: 450px; position: absolute; right: -310px; top: 380px; z-index: 30; cursor: pointer; }

.vd-1item6 samp { width: 70px; height: 70px; float: right; box-sizing: border-box; border: 2px #437dbf solid; border-radius: 50%; position: relative; }

.vd-1item6 samp:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../image/icon-85.png") no-repeat; background-size: 100%; }

.vd-1item6 samp:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../image/icon-85-1.png") no-repeat; background-size: 100%; opacity: 0; }

.vd-1item6 samp img { width: auto; height: auto; max-width: 50%; max-height: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 1; }

.vd-1item6 samp img:last-child { opacity: 0; }

.vd-1item6 h4 { float: right; width: auto; line-height: 70px; font-size: 24px; color: #333; font-family: "symed"; margin-right: 20px; }

.vd-1item6 em { float: right; width: 245px; height: 20px; overflow: hidden; position: relative; margin: 23px 15px 0px 0px; z-index: 12; transform: rotateY(180deg); }

.vd-1item6 em:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../image/icon-96.png") no-repeat center; opacity: 0; }

.vd-1item6 em:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../image/icon-97.png") no-repeat center; }

.vd-1item6 p { width: 12px; height: 12px; position: absolute; left: -1px; bottom: 31px; z-index: 11; }

.vd-1item6 p i { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; display: block; background: #a5c9f7; border-radius: 50%; z-index: 10; }

.vd-1item6 p:before { width: 180%; height: 180%; content: ""; border-radius: 50%; border: 1px #a9cbf7 solid; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; z-index: 9; }

.vd-1item6 p:after { width: 290%; height: 290%; content: ""; border-radius: 50%; border: 1px #d2e4fb solid; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; }

.vd-1item7 { width: 450px; position: absolute; right: -299px; top: 460px; z-index: 30; cursor: pointer; }

.vd-1item7 samp { width: 70px; height: 70px; float: right; box-sizing: border-box; border: 2px #437dbf solid; border-radius: 50%; position: relative; }

.vd-1item7 samp:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../image/icon-85.png") no-repeat; background-size: 100%; }

.vd-1item7 samp:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../image/icon-85-1.png") no-repeat; background-size: 100%; opacity: 0; }

.vd-1item7 samp img { width: auto; height: auto; max-width: 50%; max-height: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 1; }

.vd-1item7 samp img:last-child { opacity: 0; }

.vd-1item7 h4 { float: right; width: auto; line-height: 70px; font-size: 24px; color: #333; font-family: "symed"; margin-right: 20px; }

.vd-1item7 em { float: right; width: 245px; height: 20px; overflow: hidden; position: relative; margin: 23px 15px 0px 0px; z-index: 12; transform: rotateY(180deg); }

.vd-1item7 em:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../image/icon-96.png") no-repeat center; opacity: 0; }

.vd-1item7 em:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../image/icon-97.png") no-repeat center; }

.vd-1item7 p { width: 12px; height: 12px; position: absolute; left: -1px; bottom: 31px; z-index: 11; }

.vd-1item7 p i { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; display: block; background: #a5c9f7; border-radius: 50%; z-index: 10; }

.vd-1item7 p:before { width: 180%; height: 180%; content: ""; border-radius: 50%; border: 1px #a9cbf7 solid; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; z-index: 9; }

.vd-1item7 p:after { width: 290%; height: 290%; content: ""; border-radius: 50%; border: 1px #d2e4fb solid; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; }

.vd-1item8 { width: 450px; position: absolute; right: -249px; top: 590px; z-index: 30; cursor: pointer; }

.vd-1item8 samp { width: 70px; height: 70px; float: right; box-sizing: border-box; border: 2px #437dbf solid; border-radius: 50%; position: relative; }

.vd-1item8 samp:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../image/icon-85.png") no-repeat; background-size: 100%; }

.vd-1item8 samp:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../image/icon-85-1.png") no-repeat; background-size: 100%; opacity: 0; }

.vd-1item8 samp img { width: auto; height: auto; max-width: 50%; max-height: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 1; }

.vd-1item8 samp img:last-child { opacity: 0; }

.vd-1item8 h4 { float: right; width: auto; line-height: 70px; font-size: 24px; color: #333; font-family: "symed"; margin-right: 20px; }

.vd-1item8 em { float: right; width: 234px; height: 57px; overflow: hidden; position: relative; margin: -17px 15px 0px 0px; z-index: 12; transform: rotate(180deg); }

.vd-1item8 em:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../image/icon-94.png") no-repeat; opacity: 0; }

.vd-1item8 em:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../image/icon-95.png") no-repeat; }

.vd-1item8 p { width: 12px; height: 12px; position: absolute; left: 9px; bottom: 79px; z-index: 11; }

.vd-1item8 p i { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; display: block; background: #a5c9f7; border-radius: 50%; z-index: 10; }

.vd-1item8 p:before { width: 180%; height: 180%; content: ""; border-radius: 50%; border: 1px #a9cbf7 solid; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; z-index: 9; }

.vd-1item8 p:after { width: 290%; height: 290%; content: ""; border-radius: 50%; border: 1px #d2e4fb solid; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; }

.vd-1content .item.active samp { border-color: #006cff; background: #006cff; }

.vd-1content .item.active samp:before { opacity: 0; }

.vd-1content .item.active samp:after { opacity: 1; }

.vd-1content .item.active samp img { opacity: 0; }

.vd-1content .item.active samp img:last-child { opacity: 1; }

.vd-1content .item.active h4 { color: #1c71d7; }

.vd-1content .item.active em:before { opacity: 1; }

.vd-1content .item.active em:after { opacity: 0; }

.vd-1content .item.active p i { background: #006cff; }

.vd-1content .item.active p:before { border-color: #066fff; }

.vd-1content .item.active p:after { border-color: #7eb5ff; }

.vd-2 { width: 100%; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url("../image/bg-6.jpg"); padding: 90px 0px 124px; border-bottom: 1px #2a50ce
solid; }

.vd-2 .h3 { width: 100%; overflow: hidden; position: relative; text-align: center; font-size: 30px; color: #333; font-family: "syreg"; padding-bottom: 24px; z-index: 12; }

.vd-2 .h3:before { width: 50px; height: 6px; content: ""; position: absolute; left: 50%; bottom: 0px; background: #108cee; transform: translateX(-50%); }

.vd-2content { width: 1440px; overflow: hidden; margin: 40px auto 0px; position: relative; }

.vd-2left { float: left; width: 48.96%; overflow: hidden; position: relative; background: #000; }

.vd-2left:before { width: 100%; height: 100px; content: ""; position: absolute; left: 0px; bottom: 0px; background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.1)); background: -moz-linear-gradient(top,
transparent, rgba(0, 0, 0, 0.1)); background: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.1)); background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.1)); z-index: 1; }

.vd-2content samp { float: left; width: 100%; overflow: hidden; opacity: 0.8; }

.vd-2content samp img { width: 100%; height: auto; }

.vd-2left:hover samp img { transform: scale(1.04); }

.vd-2content span { width: auto; position: absolute; left: 20px; bottom: 20px; z-index: 12; font-size: 24px; color: #fff; font-family: "sybold"; }

.vd-2content em { width: 60px; height: 60px; position: absolute; right: 20px; bottom: 20px; z-index: 12; background: url("../image/icon-18.png") no-repeat; background-size: 100%; opacity: 0.7; cursor: pointer; }

.vd-2content em:hover { opacity: 1; }

.vd-2top { float: right; width: 50%; overflow: hidden; position: relative; display: flex; justify-content: space-between; }

.vd-2item { width: 49%; overflow: hidden; position: relative; background: #000; }

.vd-2item:hover samp img { transform: scale(1.04); }

.vd-2item:before { width: 100%; height: 100px; content: ""; position: absolute; left: 0px; bottom: 0px; background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2)); background: -moz-linear-gradient(top,
transparent, rgba(0, 0, 0, 0.2)); background: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2)); background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.2)); z-index: 1; }

.vd-2bottom { width: 50%; overflow: hidden; position: relative; position: absolute; right: 0px; bottom: 0px; }

.vd-2bottom:hover samp img { transform: scale(1.04); }

.vd-2bottom:before { width: 100%; height: 100px; content: ""; position: absolute; left: 0px; bottom: 0px; background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3)); background: -moz-linear-gradient(top,
transparent, rgba(0, 0, 0, 0.3)); background: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3)); background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3)); z-index: 1; }

/*case-1*/
.case-1 { width: 100%; overflow: hidden; padding-top: 110px; }

.case-1 .h3 { width: 100%; overflow: hidden; position: relative; text-align: center; font-size: 30px; color: #333; font-family: "syreg"; padding-bottom: 24px; z-index: 12; }

.case-1 .h3:before { width: 50px; height: 6px; content: ""; position: absolute; left: 50%; bottom: 0px; background: #108cee; transform: translateX(-50%); }

/*case-2*/
.case-2 { width: 100%; overflow: hidden; padding: 170px 0px 100px; border-bottom: 1px #2a50ce solid; }

.case-2 .h3 { width: 100%; overflow: hidden; position: relative; text-align: center; font-size: 30px; color: #333; font-family: "syreg"; padding-bottom: 24px; z-index: 12; }

.case-2 .h3:before { width: 50px; height: 6px; content: ""; position: absolute; left: 50%; bottom: 0px; background: #108cee; transform: translateX(-50%); }

.case-2content { width: 100%; margin-top: 40px; background: -webkit-linear-gradient(top, #f2f3f8, #fcfcfe); background: -moz-linear-gradient(top, #f2f3f8, #fcfcfe); background: -ms-linear-gradient(top, #f2f3f8,
#fcfcfe); background: -o-linear-gradient(top, #f2f3f8, #fcfcfe);  }

.case-2pannel { width: 1920px; padding: 20px 0px; }

.case-2item { float: left; width: 210px; height: 90px; position: relative; margin-right: 20px; background: #fff; box-sizing: border-box; box-shadow: 0px 0px 12px 4px rgba(0, 0, 0, 0.02); cursor: pointer; position:
		relative; }

.case-2pannel:nth-child(2n) { margin-left: -100px; }

.case-2item samp { width: 100%; height: 100%; display: block; overflow: hidden; position: relative; }

.case-2item samp img { width: auto; height: auto; max-width: 60%; max-height: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.case-2item.sel { border: 1px #065fd0 solid; z-index: 12; }

.case-2info { width: 270px; height: 130px; background: #065fd0; position: absolute; box-shadow: 0px 0px 2px 1px #8ca5c6; display: flex; align-content: center; flex-wrap: wrap; left: 50%; top: 50%; transform: translate
(-50%, -50%) scale(0); opacity: 0; }

.case-2info p { width: 84%; overflow: hidden; line-height: 26px; color: #fff; font-size: 16px; margin: 0px auto; }

.case-2item:hover .case-2info { opacity: 1; transform: translate(-50%, -50%) scale(1); }

/*tanchuang*/
.case-prop { width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1000; background: rgba(0, 0, 0, 0.6); opacity: 0; visibility: hidden; }

.case-content { width: 75%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 80%; background: #fff; overflow: hidden; }

.case-close { width: 25px; height: 25px; position: absolute; right: 40px; top: 40px; background: url("../image/icon-99.png") no-repeat; background-size: 100%; cursor: pointer; }

.case-close:hover { transform: rotate(180deg); }

.case-detail { width: 100%; overflow-y: auto; box-sizing: border-box; padding: 80px 80px 5.2vw; height: 100%; }

.case-pannel { width: 100%; overflow: hidden; display: none; }

.case-pannel.active { display: block; }

.case-pannel .h3 { width: 100%; overflow: hidden; text-align: center; font-size: 24px; color: #333; font-family: "symed"; }

.case-info { width: 100%; overflow: hidden; line-height: 28px; font-size: 16px; color: #333; font-family: "syreg"; margin-top: 15px; }

.case-title { width: 100%; overflow: hidden; text-align: center; margin-top: 40px; font-size: 24px; color: #333; font-family: "symed"; }

.case-ul { width: 100%; overflow: hidden; line-height: 54px; background: #eef1f5; border-radius: 27px; margin-top: 20px; }

.case-ul span { float: left; width: auto; overflow: hidden; margin-left: 50px; padding-left: 10px; font-size: 14px; color: #083e6b; font-family: "symed"; position: relative; }

.case-ul span:before { width: 4px; height: 4px; content: ""; position: absolute; left: 0px; top: 25px; border-radius: 50%; background: #083e6b; }

.case-pic { width: 100%; overflow: hidden; margin-top: 15px; }

.case-pic img { float: left; width: 100%; height: auto; }

.case-ul.ul2 span { margin-left: 60px; }

.case-ul.ul3 span { margin-left: 24px; }

.case-prop-active { opacity: 1; visibility: visible; }

@media screen and (max-width: 1799px) { /*header*/
	.head { height: 70px; }
	.head-right ul { line-height: 70px; }
	.head-right ul li { margin-left: 40px; }
	.head-more { margin-top: 19px; margin-left: 50px; }
	.sub-content { width: 710px; margin-top: 40px; padding: 10px 0px; }
	.sub-item { width: 93%; }
	.sub-left { width: 200px; height: 40px; line-height: 40px; font-size: 14px; }
	.sub-left samp { width: 36px; }
	.sub-right { width: 460px; height: 40px; line-height: 40px; }
	.sub-right a { width: 113px; font-size: 14px; }
	.sub-right a.icon:before { right: 15px; }
	/*banner*/
	.banner-ver { width: 1230px; margin-top: 30px; }
	.banner-ver .h3 { font-size: 32px; }
	.banner-ver p { font-size: 18px; }
	.banner-ver ul { margin-top: 30px; }
	.banner-ver ul li { width: 130px; }
	.banner-ver ul li span { font-size: 14px; }
	.banner-ver ul li span samp { font-size: 30px; }
	.banner-ver ul li em { font-size: 14px; }
	/*zhengti-fangan*/
	.zs-1 { padding: 60px 0px 110px; }
	.zs-2 { width: 1230px; }
	.zs-2 .h3 { font-size: 32px; padding-bottom: 20px; }
	.zs-2 .h3:before { width: 48px; height: 5px; }
	.zs-2 form { margin-top: 50px; height: 50px; line-height: 50px; }
	.zs-2 .txt { width: calc(100% - 50px); font-size: 16px; }
	.zs-2 .bt { width: 50px; }
	.sz-3 { margin: 45px auto 0px; padding-bottom: 12px; }
	.sz-3 .h4 { width: 1230px; font-size: 20px; line-height: 30px; padding-bottom: 24px; }
	.sz-3 .h4 img { margin-right: 12px; width: auto; height: 24px; margin-top: 2px; }
	.sz-3content { width: 1230px; }
	.sz-3content span { line-height: 36px; font-size: 14px; }
	.sz-3content span a { font-size: 14px; }
	.sz-3 ul { width: 1230px; }
	.sz-3 ul li { line-height: 36px; }
	.sz-3 ul li em { font-size: 16px; }
	.sz-3 ul li p span a { font-size: 14px; }
	.sz-4content { width: 1230px; line-height: 36px; }
	.sz-4left em { font-size: 16px; }
	.sz-4center p span a { font-size: 14px; }
	.sz-4item em { font-size: 16px; }
	.sz-4item span a { font-size: 14px; }
	/*hot-fangan*/
	.zs-5 { padding: 70px 0px 60px; }
	.zs-5 .h3 { font-size: 32px; }
	.zs-5head { width: 450px; height: 40px; line-height: 40px; margin: 20px auto 0px; }
	.zs-5head span { font-size: 18px; }
	.zs-5content { width: 1230px; margin: 32px auto 0px; }
	.zs-5item { height: 160px; padding: 20px; }
	.zs-5cont span { font-size: 14px; }
	.zs-5cont span em { font-size: 20px; margin-right: 8px; }
	.zs-5info { line-height: 23px; font-size: 14px; }
	.zs-5cont p { font-size: 14px; margin-top: 18px; }
	.zs-6 { padding: 60px 0px 50px; }
	.zs-6 .h3 { font-size: 32px; padding-bottom: 20px; }
	.zs-6 .h3:before { width: 48px; height: 5px; }
	.zs-6content { width: 1230px; margin: 32px auto 0px; }
	.zs-6pic span { width: 48px; height: 48px; }
	.zs-6bottom { margin-top: 18px; height: 28px; line-height: 28px; font-size: 20px; }
	.zs-6bottom span { font-size: 13px; margin-right: 10px; }
	.zs-6content .swiper-button-prev { width: 18px; left: -30px; }
	.zs-6content .swiper-button-next { width: 18px; right: -30px; }
	.zs-6pag { margin-top: 40px; }
	.zs-7 { padding: 60px 0px; }
	.zs-7head { padding-bottom: 20px; }
	.zs-7head .h3 { font-size: 32px; }
	.zs-7info { font-size: 18px; }
	.zs-7head:before { width: 48px; height: 5px; }
	.zs-7content { width: 1230px; margin: 30px auto 0px; }
	.zs-7item { margin-top: 42px; }
	.zs-7cont span { font-size: 22px; }
	.zs-7des { line-height: 23px; font-size: 14px; }
	.zs-7cont em { font-size: 14px; margin-top: 12px; }
	.zs-7pag { margin-top: 40px; }
	.zs-7content .swiper-button-prev { width: 18px; left: -30px; }
	.zs-7content .swiper-button-next { width: 18px; right: -30px; }
	/*gaishu-banner*/
	.banner-ny { height: 400px; /*margin-top: 70px;*/ }
	.banner-center { width: 1230px; }
	.banner-center .h3 { font-size: 30px; line-height: 50px; }
	.banner-center p { font-size: 14px; line-height: 25px;}
	.banner-link { margin-top: 50px; }
	/*gaishu-nav*/
	.nav-genner { width: 1230px; margin: -40px auto 0px; height: 80px; line-height: 80px; }
	/*gaishu-xianzhuang*/
	.gs-1 { padding: 90px 0px 100px; }
	.gs-1 .h3 { font-size: 24px; padding-bottom: 24px; }
	.gs-1content { width: 1230px; margin: 30px auto 0px; }
	.gs-1item { padding: 50px; }
	.gs-1item samp { height: 60px; }
	.gs-1item span { font-size: 16px; line-height: 40px; }
	.gs-1item p { line-height: 24px; font-size: 14px; }
	/*gaishu-gongneng*/
	.gs-2 { padding: 60px 0px 50px; }
	.gs-2 .h3 { font-size: 24px; }
	.gs-2head { width: 1230px; height: 110px; }
	.gs-2head ul li samp { height: 50px; }
	.gs-2head ul li span { font-size: 14px; line-height: 40px; }
	.gs-2content { width: 1230px; margin: 20px auto 0px; }
	.gs-2left span { font-size: 20px; }
	.gs-2info { line-height: 25px; font-size: 14px; margin-top: 14px; }
	.gs-2left ul { margin-top: 12px; }
	.gs-2left ul li { height: 32px; line-height: 32px; font-size: 14px; }
	/*gaishu-guanli*/
	.gs-3 { padding: 100px 0px 90px; }
	.gs-3 .h3 { font-size: 24px; padding-bottom: 24px; }
	.gs-3content { width: 1230px; }
	.gs-3item { height: 500px; }
	.gs-3item .h4 { font-size: 16px; }
	.gs-3item p { line-height: 25px; font-size: 14px; }
	.gs-3item ul li { font-size: 14px; }
	.gs-3item span a { font-size: 14px; }
	.gs-3item em { font-size: 160px; }
	/*gs-changjing*/
	.gs-4 { padding: 100px 0px 120px; }
	.gs-4 .h3 { font-size: 24px; padding-bottom: 24px; }
	.gs-4content { width: 1230px; margin: 40px auto 0px; }
	.gs-4item { height: 350px; }
	.gs-4item .h4 { margin: 32px auto 0px; font-size: 16px; font-weight: bold; }
	.gs-4item p { font-size: 14px; }
	.gs-4item ul li { font-size: 14px; }
	/*gs-lilngyu*/
	.gs-5 { background-size: 1799px; }
	.gs-5head .h3 { font-size: 24px; margin-top: 50px; }
	.gs-5content { width: 1230px; margin: 280px auto 0px; }
	/*gs-case*/
	.gs-6 { padding: 110px 0px 90px; }
	.gs-6 .h3 { font-size: 24px; }
	.gs-6content { width: 1230px; }
	.gs-6bottom { padding-bottom: 32px; }
	.gs-6title samp { width: 40px; height: 40px; }
	.gs-6title span { width: calc(100% - 50px); height: 40px; line-height: 40px; font-size: 14px; font-weight: bold; }
	.gs-6info { font-size: 14px; }
	.gs-6cont { margin: 15px auto 0px; }
	/*gs-xiazai*/
	.gs-7 { padding: 60px 0px 80px; }
	.gs-7 .h3 { font-size: 24px; }
	.gs-7content { width: 1230px; margin: 36px auto 0px; }
	.gs-7center span { font-size: 16px; font-weight: bold; }
	.gs-7center em { margin-top: 16px; font-size: 14px; }
	/*cj-1*/
	.cj-1 { margin-top: -40px; padding: 100px 0px 50px; }
	.cj-1 .h3 { font-size: 24px; }
	.cj-1head { width: 1230px; margin: 45px auto 0px; height: 136px; }
	.cj-1head ul li samp { height: 50px; }
	.cj-1head ul li span { font-size: 14px; line-height: 50px; }
	.cj-1content { width: 1230px; margin: 50px auto 0px; }
	/*cj-2*/
	.cj-2 { padding: 70px 0px 80px; }
	.cj-2 .h3 { font-size: 24px; }
	.cj-2content { width: 1230px; margin: 30px auto 0px; }
	.cj-2center span { font-size: 16px; font-weight: bold; }
	.cj-2center p { font-size: 14px; line-height: 20px; }
	/*gongnengyingyong-1*/
	.yy-1 { padding: 100px 0px 70px; }
	.yy-1 .h3 { font-size: 24px; }
	.yy-1pic { width: 1230px; margin: 40px auto 0px; }
	/*gongnengyingyong-3*/
	.yy-3 { padding: 100px 0px 110px; }
	.yy-3 .h3 { font-size: 24px; }
	.yy-3content { width: 1230px; }
	.yy-3item { margin-top: 30px; padding: 0px 25px; }
	.yy-3item samp { width: 100px; }
	.yy-3center { width: 280px; }
	.yy-3center span { font-size: 16px; font-weight: bold; }
	.yy-3center p { font-size: 14px; }
	.yy-3item a { width: 100px; font-size: 14px; }
	/*video-2*/
	.vd-1 { padding: 70px 0px; }
	.vd-1 .h3 { top: 70px; font-size: 24px; }
	.vd-1cir { width: 700px; height: 700px; }
	.vd-1item1 { width: 360px; left: -178px; top: 137px; }
	.vd-1item1 samp, .vd-1item2 samp, .vd-1item3 samp, .vd-1item4 samp, .vd-1item5 samp, .vd-1item6 samp, .vd-1item7 samp, .vd-1item8 samp { width: 55px; height: 55px; }
	.vd-1item1 h4, .vd-1item2 h4, .vd-1item3 h4, .vd-1item4 h4 { line-height: 55px; font-size: 14px; margin-left: 16px; }
	.vd-1item5 h4, .vd-1item6 h4, .vd-1item7 h4, .vd-1item8 h4 { line-height: 55px; font-size: 14px; margin-right: 16px; }
	.vd-1item1 em { width: 170px; height: 57px; margin: 26px 0px 0px 15px; }
	.vd-1item1 em:before { background-size: 100%; }
	.vd-1item1 em:after { background-size: 100%; }
	.vd-1item1 p { right: 15px; bottom: 10px; }
	.vd-1item2 { width: 360px; left: -230px; top: 318px; }
	.vd-1item2 em { width: 170px; margin: 20px 0px 0px 15px; }
	.vd-1item2 em:before { background-size: 100%; }
	.vd-1item2 em:after { background-size: 100%; }
	.vd-1item2 p { right: 12px; bottom: 19px; }
	.vd-1item3 { width: 360px; left: -222px; top: 377px; }
	.vd-1item3 em { width: 170px; margin: 20px 0px 0px 15px; }
	.vd-1item3 em:before { background-size: 100%; }
	.vd-1item3 em:after { background-size: 100%; }
	.vd-1item3 p { right: 12px; bottom: 18px; }
	.vd-1item4 { width: 360px; left: -178px; top: 505px; }
	.vd-1item4 em { width: 170px; margin: -27px 0px 0px 15px; z-index: 12; }
	.vd-1item4 em:before { background-size: 100%; }
	.vd-1item4 em:after { background-size: 100%; }
	.vd-1item4 p { right: 16px; bottom: 61px; }
	.vd-1item5 { width: 360px; right: -178px; top: 137px; }
	.vd-1item5 em { width: 170px; height: 57px; margin: 26px 15px 0px 0px; }
	.vd-1item5 em:before { background-size: 100%; }
	.vd-1item5 em:after { background-size: 100%; }
	.vd-1item5 p { left: 15px; bottom: 10px; }
	.vd-1item6 { width: 360px; right: -230px; top: 318px; }
	.vd-1item6 em { width: 170px; margin: 20px 15px 0px 0px; }
	.vd-1item6 em:before { background-size: 100%; }
	.vd-1item6 em:after { background-size: 100%; }
	.vd-1item6 p { left: 12px; bottom: 19px; }
	.vd-1item7 { width: 360px; right: -222px; top: 377px; }
	.vd-1item7 em { width: 170px; margin: 20px 15px 0px 0px; }
	.vd-1item7 em:before { background-size: 100%; }
	.vd-1item7 em:after { background-size: 100%; }
	.vd-1item7 p { left: 12px; bottom: 18px; }
	.vd-1item8 { width: 360px; right: -178px; top: 505px; }
	.vd-1item8 em { width: 170px; margin: -27px 15px 0px 0px; }
	.vd-1item8 em:before { background-size: 100%; }
	.vd-1item8 em:after { background-size: 100%; }
	.vd-1item8 p { left: 16px; bottom: 61px; }
	.vd-2 { padding: 70px 0px 80px; }
	.vd-2 .h3 { font-size: 24px; }
	.vd-2content { width: 1230px; margin: 30px auto 0px; }
	.vd-2content span { font-size: 14px; }
	.vd-2content em { width: 50px; height: 50px; }
	/*case-1*/
	.case-1 { padding-top: 90px; }
	.case-1 .h3 { font-size: 24px; }
	/*case-2*/
	.case-2 { padding: 140px 0px 90px; }
	.case-2 .h3 { font-size: 24px; } }




	  /* CSS Document */
    /*qt：sjh*/
    * {
        padding: 0;
        margin: 0;
        outline: none !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    html {
        overflow-x: hidden;
        overflow-y: auto;
    }

    ul, ol, li {
        list-style-type: none;
        line-height: normal;
    }

    body, button, input, select, textarea {
        font-family: 'Microsoft yahei', Arial;
        font-size: 12px;
    }

    body {
        float: left;
        width: 100%;
        position: relative;
    }

    code, kbd, pre, samp {
        font-family: 'Microsoft yahei', Arial;
    }

    a {
        text-decoration: none;
        color: #666;
        -webkit-transition: all 0.2s ease-out 0s;
        -moz-transition: all 0.2s ease-out 0s;
        -o-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s;
        /*清除IOS系统点击默认事件*/
        -webkit-tap-highlight-color: rgba(0,  0,  0,  0);
        -webkit-tap-highlight-color:  transparent;
    }

    a:hover {
        cursor: pointer;
    }

    img {
        border: 0;
        /* max-width: 100%; */
		/* padding: 2%; */
    }

    table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    h1, h2, h3, h4, h5, h6 {
        margin: 0;
        font-weight: normal;
        font-family: 'Microsoft yahei', Arial;
    }

    h1 {
        font-size: 32px;
    }

    h2 {
        font-size: 24px;
    }

    h3 {
        font-size: 22px;
    }

    h4 {
        font-size: 18px;
    }

    h5 {
        font-size: 14px;
    }

    h6 {
        font-size: 12px;
    }

    input, table, tr, td {
        margin: 0;
        padding: 0;
        border: none;
    }

    button, table {
        border: none;
        background: none;
        margin: 0;
        padding: 0;
    }

    select {
        margin: 0;
        padding: 0;
        font-family: 'Microsoft yahei', Arial;
    }

    textarea {
        resize: none;
    }

    input {
        outline: 0;
    }

    article, aside, dialog, footer, header, section, footer, nav, figure, menu {
        display: block;
    }

    .pz_top {
        width: 100%;
    }

    .pz_banner {
        width: 100%;
        overflow: hidden;
        position: relative;
    }

    .pz_main {
        width: 100%;
    }

    .pz_down {
        width: 100%;
    }


    /*pc版头部*/
    .top1 {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 99;
        border-bottom: 1px solid rgba(255, 255, 255, .2);
        padding: 0 60px;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

    .top1.active {
        background: #3faaa1;
        -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
        -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
        -o-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
        box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    }

    .top1 .logo {
        float: left;
        width: 194px;
        margin: 20px 0 0 0;
    }

    .top1 .logo a {
        float: left;
        width: 100%;
        display: block;
    }

    .phone {
        float: right;
        padding-left: 50px;
        font-size: 24px;
        color: #fff;
        line-height: 94px;
        height: 94px;
        background: url(../image/phonebg.png) no-repeat left;
    }

    .search {
        float: right;
        margin-right: 20px;
        width: 38px;
        height: 38px;
        margin-top: 28px;
        background: url(../image/search_bg.png) no-repeat;
        cursor: pointer;
        position: relative;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

    .search.on {
        background: none;
    }

    .search:hover {
        background-color: rgba(255, 255, 255, .2);
    }

    .searchBox {
        display: none;
        position: fixed;
        right: 290px;
        top: 22px;
        padding-right: 58px;
        z-index: 999;
    }

    .searchBox .cha {
        position: absolute;
        right: 0;
        top: 50%;
        height: 38px;
        width: 38px;
        margin-top: -19px;
        cursor: pointer;
        background: url(http://xy.25175.com/images/cha.png) no-repeat;
    }

    .searchClass {
        float: left;
        position: relative;
        background: #3faaa1;
        -webkit-border-radius: 5px 0 0 5px;
        -moz-border-radius: 5px 0 0 5px;
        border-radius: 5px 0 0 5px;
    }

    .searchClass span {
        height: 52px;
        line-height: 52px;
        font-size: 18px;
        color: #fff;
        padding: 0 50px 0 40px;
        display: block;
        position: relative;
        cursor: pointer;
    }

    .searchClass span::after {
        position: absolute;
        content: "";
        background: url(http://xy.25175.com/images/searchbg4.png) no-repeat;
        width: 10px;
        height: 5px;
        right: 28px;
        top: 50%;
        margin-top: -3px;
    }

    .searchClass .serList {
        display: none;
        position: absolute;
        left: 0;
        padding-top: 12px;
        top: 100%;
        width: 100%;
    }

    .searchClass .serList ul {
        float: left;
        width: 100%;
        position: relative;
        background: #fff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .searchClass .serList ul::before {
        position: absolute;
        content: "";
        width: 14px;
        height: 8px;
        left: 50%;
        margin-left: -7px;
        top: -8px;
        background: url(http://xy.25175.com/images/searchbg3.png) no-repeat;
    }

    .searchClass .serList ul li {
        float: left;
        width: 100%;
        padding: 3px 0;
    }

    .searchClass .serList ul li a {
        float: left;
        width: 100%;
        display: block;
        line-height: 35px;
        height: 35px;
        text-align: center;
        font-size: 16px;
        color: #555555;
    }

    .searchClass .serList ul li a:hover {
        color: #fff;
        background: #3faaa1;
    }

    .searchBox input {
        float: left;
        width: 530px;
        padding: 0 30px;
        line-height: 52px;
        height: 52px;
        background: #fff;
        font-size: 14px;
        color: #333;
    }

    .searchBox .searchLink {
        float: right;
        width: 73px;
        height: 52px;
        background: #fff url(http://xy.25175.com/images/search_bg2.png) no-repeat center;
        display: block;
        -webkit-border-radius: 0 5px 5px 0;
        -moz-border-radius: 0 5px 5px 0;
        border-radius: 0 5px 5px 0;
    }

    .searchBox.active {
        display: block;
    }

    .menu {
        float: right;
    }

    .menu .nli {
        float: left;
        z-index: 15;
        position: relative;
        padding: 0 5px;
    }

    .menu .nli span a {
        display: block;
        float: left;
        font-size: 16px;
        height: 94px;
        line-height: 94px;
        padding: 0 30px;
        color: #fff;
        position: relative;
    }

    .menu .nli span a i {
        display: block;
        position: absolute;
        left: 50%;
        bottom: -2px;
        width: 0;
        height: 4px;
        background: #fff;
        z-index: 9;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        -webkit-transition: all 0.2s ease-out 0s;
        -moz-transition: all 0.2s ease-out 0s;
        -o-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s;
    }

    .menu .nli span a:hover i,
    .menu .nli.on span a i {
        width: 100%;
    }

    .menu .sub {
        position: absolute;
        width: 150px;
        left: 50%;
        margin-left: -75px;
        top: 100%;
        display: none;
        overflow: hidden;
    }

    .menu .sub .section-nav1 {
        overflow: hidden;
    }

    .menu .sub .li2 {
        position: relative;
        float: left;
        width: 100%;
    }

    .menu .sub .li2 a {
        display: block;
        float: left;
        width: 100%;
        height: 48px;
        line-height: 48px;
        text-align: center;
        color: #fff;
        font-size: 14px;
        background: rgba(0, 0, 0, .5);
    }

    .menu .sub .li2:hover a {
        background: rgba(0, 0, 0, .8);
    }

    @media screen and (max-width: 1619px) {
        .menu .nli span a {
            padding: 0 20px;
        }
    }

    @media screen and (max-width: 1479px) {
        .top1 {
            padding: 0 40px;
        }

        .top1 .logo {
            width: 154px;
            margin: 25px 0 0 0;
        }

        .phone {
            padding-left: 45px;
            font-size: 20px;
            line-height: 84px;
            height: 84px;
            background-size: 32px;
        }

        .search {
            margin-right: 10px;
            width: 32px;
            height: 32px;
            background-size: 32px;
            margin-top: 26px;
        }

        .menu .nli span a {
            padding: 0 13px;
            font-size: 15px;
            line-height: 84px;
            height: 84px;
        }

        .menu .nli span a i {
            height: 3px;
        }

        .searchBox {
            right: 232px;
            top: 17px;
            padding-right: 48px;
        }

        .searchBox .cha {
            height: 32px;
            width: 32px;
            margin-top: -16px;
            background-size: 100%;
        }
    }

    /*phone版头部*/
    .top2 {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        background: rgba(0, 0, 0, .1);
        height: 80px;
        z-index: 1030;
    }

    .top2.active {
        background: #3faaa1;
        -webkit-box-shadow: 0 2px 6px #aaa;
        -moz-box-shadow: 0 2px 6px #aaa;
        -o-box-shadow: 0 2px 6px #aaa;
        box-shadow: 0 2px 6px #aaa;
    }

    .top2 .logo {
        float: left;
        width: 160px;
        margin: 16px 0 0 0;
    }

    /*手机按钮*/
    .menuph {
        position: absolute;
        top: 15px;
        right: 15px;
        cursor: pointer;
        width: 50px;
        height: 50px;
        background: rgba(255, 255, 255, .4);
        text-align: center;
    }

    .menuph .point {
        display: inline-block;
        width: 28px;
        height: 22px;
        margin-top: 14px;
        position: relative;
    }

    .menuph .point:hover .navbtn,
    .menuph .point:hover .navbtn::after,
    .menuph .point:hover .navbtn::before {
        width: 28px;
    }

    .menuph .navbtn {
        position: absolute;
        top: 10px;
        right: 0;
        display: inline-block;
        width: 21px;
        height: 1px;
        background: #fff;
        -webkit-transition: all .3s ease-out 0s;
        -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
        -o-transition: all .3s ease-out 0s;
        transition: all .3s ease-out 0s;
    }

    .menuph .navbtn::after,
    .menuph .navbtn::before {
        content: '';
        position: absolute;
        right: 0;
        display: inline-block;
        width: 28px;
        height: 1px;
        background: #fff;
        -webkit-transition: all .3s ease-out 0s;
        -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
        -o-transition: all .3s ease-out 0s;
        transition: all .3s ease-out 0s;
    }

    .menuph .navbtn::after {
        top: -11px;
    }

    .menuph .navbtn::before {
        top: 10px;
    }

    .menuph .point.active .navbtn {
        background: transparent;
    }

    .menuph .point.active .navbtn::after {
        top: 0px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .menuph .point.active .navbtn::before {
        top: 0px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    @media screen and (max-width: 767px) {
        .top2 {
            height: 50px;
        }

        .top2 .logo {
            width: 120px;
            margin: 8px 0 0 0;
        }

        .top2 .menuph {
            top: 5px;
            right: 15px;
            width: 40px;
            height: 40px;
        }

        .top2 .menuph .point {
            width: 22px;
            height: 19px;
            margin-top: 10px;
        }

        .top2 .menuph .point:hover .navbtn,
        .top2 .menuph .point:hover .navbtn::after,
        .top2 .menuph .point:hover .navbtn::before {
            width: 22px;
        }

        .top2 .menuph .navbtn {
            top: 9px;
            width: 16px;
        }

        .top2 .menuph .navbtn::after,
        .top2 .menuph .navbtn::before {
            width: 22px;
        }

        .top2 .menuph .navbtn::after {
            top: -9px;
        }

        .top2 .menuph .navbtn::before {
            top: 9px;
        }
    }


    /*手机下拉*/

    .xialaph {
        position: fixed;
        top: 80px;
        left: 0;
        width: 100%;
        max-height: 100%;
        overflow-y: auto;
        background: url(http://xy.25175.com/images/bg_nav.png);
        display: none;
        z-index: 1049;
    }

    .search_ph {
        float: left;
        width: 100%;
        padding: 15px 10%;
        border-bottom: 1px solid #fff;
    }

    .search_phm {
        float: left;
        width: 100%;
        background: #fff;
        border: 1px solid #3faaa1;
        height: 40px;
        overflow: hidden;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .search_phm input {
        float: left;
        width: 85%;
        padding: 0 20px;
        line-height: 38px;
        height: 38px;
        font-size: 14px;
        color: #333;
    }

    .search_phm a {
        float: right;
        width: 15%;
        background: #3faaa1 url(http://xy.25175.com/images/search_bg3.png) no-repeat center;
        display: block;
        height: 38px;
    }

    .xialaph .ul1 {
        padding-bottom: 50px;
        border-top: 1px solid #fff;
		background-color: #fff;
    }

    .xialaph li {
        border-bottom: 1px solid #fff;
        padding: 0 15px;
    }

    .xialaph .ul2,
    .xialaph .ul3 {
        display: none;
        border-top: 1px solid #fff;
        position: relative;
    }

    .xialaph .ul2 > li:last-child {
        border-bottom: 0 none;
    }

    .xialaph .ul3 > li:last-child {
        border-bottom: 0 none;
    }

    .xialaph h4 a {
        color: #333;
        font-size: 16px;
        font-weight: bold;
        line-height: 62px;
    }

    .xialaph h5 a {
        color: #333;
        font-size: 16px;
        line-height: 57px;
    }

    .xialaph h4,
    .xialaph h5 {
        position: relative;
    }

    .xialaph h4 i,
    .xialaph h5 i {
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -9px;
        width: 12px;
        height: 12px;
        border-bottom: 2px solid #333;
        border-right: 2px solid #333;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all 0.2s ease-out 0s;
        -moz-transition: all 0.2s ease-out 0s;
        -ms-transition: all 0.2s ease-out 0s;
        -o-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s;
    }

    .xialaph h4.active i,
    .xialaph h5.active i {
        margin-top: -3px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }

    .xialaph .ul2 {
        padding: 10px 0;
    }

    .xialaph .ul3 {
        padding: 5px 0;
    }

    .xialaph .ul3 li a {
        color: #666;
        font-size: 14px;
        line-height: 35px;
        display: block;
    }

    .xialaph .ul3 li {
        padding-top: 5px;
    }

    .xialaph .phsou {
        position: relative;
        margin-top: 30px;
    }

    .xialaph .phsou input {
        width: 100%;
        height: 56px;
        background-color: #fff;
        color: #aaa;
        font-size: 14px;
        padding-left: 20px;
        border: 1px solid #e5e5e5;
    }

    .xialaph .phsou img {
        cursor: pointer;
        width: 21px;
        height: 22px;
        position: absolute;
        top: 17px;
        right: 29px;
    }

    .xialaph .try {
        text-align: center;
        padding: 30px 0 0 0;
    }

    .xialaph .try a {
        display: inline-block;
        width: 120px;
        background: #80b63b;
        font-size: 16px;
        color: #fff;
        line-height: 50px;
    }

    .phonemeng {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0.6;
        z-index: 196;
        display: none;
    }

    @media screen and (max-width: 767px) {
        .xialaph {
            top: 50px;
        }

        .search_ph {
            padding: 15px 8%;
        }

        .search_phm {
            height: 34px;
        }

        .search_phm input {
            width: 80%;
            padding: 0 20px;
            line-height: 32px;
            height: 32px;
        }

        .search_phm a {
            width: 20%;
            height: 32px;
        }

        .xialaph h4 a {
            font-size: 14px;
            line-height: 42px;
        }

        .xialaph h5 a {
            color: #333;
            font-size: 14px;
            line-height: 38px;
        }

        .xialaph h4 i,
        .xialaph h5 i {
            margin-top: -6px;
            width: 8px;
            height: 8px;
            border-bottom: 1px solid #333;
            border-right: 1px solid #333;
        }

        .xialaph h4.active i,
        .xialaph h5.active i {
            margin-top: -2px;
        }

        .xialaph .ul3 li a {
            color: #666;
            font-size: 12px;
            line-height: 30px;
            display: block;
        }

        .xialaph .ul3 li {
            padding-top: 5px;
        }
    }

    /*banner*/
    .slide_banner {
        margin: 0;
    }

    .slide_banner .slick-slide {
        width: 100%;
        padding: 0;
    }

    .slide_banner img {
        width: 100%;
    }

    .slide_banner .slick-prev {
        position: absolute;
        width: 19px;
        height: 48px;
        left: 60px;
        top: 50%;
        margin-top: -24px;
        z-index: 2;
        background: url(../image/banleft.png) no-repeat;
        cursor: pointer;
        filter: alpha(opacity=20);
        opacity: 0.2;
    }

    .slide_banner .slick-next {
        position: absolute;
        width: 19px;
        height: 48px;
        right: 60px;
        top: 50%;
        margin-top: -24px;
        z-index: 2;
        background: url(../image/banright.png) no-repeat;
        cursor: pointer;
        filter: alpha(opacity=20);
        opacity: 0.2;
    }

    .slide_banner .slick-prev:hover,
    .slide_banner .slick-next:hover {
        filter: alpha(opacity=60);
        opacity: 0.6;
    }

    .slide_banner .slick-dots {
        bottom: 30px;
        height: 4px;
    }

    .slide_banner .slick-dots li {
        width: 35px;
        height: 4px;
        margin: 0 3px;
        background: rgba(255, 255, 255, .4);
    }

    .slide_banner .slick-dots li button {
        display: none;
    }

    .slide_banner .slick-dots li.slick-active {
        background: white;
    }

    @media screen and (max-width: 767px) {
        .slide_banner .slick-prev {
            left: 15px;
            width: 15px;
            height: 34px;
            margin-top: 0;
            background-size: 15px 34px;
        }

        .slide_banner .slick-prev:hover {
            background-size: 15px 36px;
        }

        .slide_banner .slick-next {
            right: 15px;
            width: 15px;
            height: 34px;
            margin-top: 0;
            background-size: 15px 34px;
        }

        .slide_banner .slick-next:hover {
            background-size: 15px 36px;
        }

        .slide_banner .slick-dots {
            bottom: 20px;
            height: 3px;
        }

        .slide_banner .slick-dots li {
            width: 15px;
            height: 3px;
            margin: 0 2px;
        }
    }

    /* 内页banner */
    .nyBan {
        float: left;
        width: 100%;
        position: relative;
    }

    .nyBan img {
        float: left;
        width: 100%;
        display: block;
    }

    .nyBan .banTit {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 28%;
        padding: 21px 0;
    }

    .nyBan .banTit h2 {
        float: left;
        width: 100%;
        line-height: 54px;
        height: 54px;
        font-size: 48px;
        font-family: Arial;
        font-weight: bold;
        color: #fff;
        text-transform: uppercase;
        position: relative;
    }

    .nyBan .banTit h2::before {
        position: absolute;
        left: 0;
        top: -21px;
        content: "";
        width: 50px;
        height: 4px;
        background: #3faaa1;
    }

    .nyBan .banTit h4 {
        float: left;
        width: 100%;
        line-height: 43px;
        height: 43px;
        font-size: 24px;
        color: #fff;
    }

    .banNav {
        position: absolute;
        width: 100%;
        right: 0;
        bottom: 0;
    }

    .banNav .pz_SideLayer {
        float: right;
    }

    .banNav .pz_SideLayer li {
        float: left;
        width: 180px;
        text-align: center;
        margin-left: 2px;
    }

    .banNav .pz_SideLayer li a {
        float: left;
        width: 100%;
        display: block;
        height: 52px;
        line-height: 52px;
        font-size: 16px;
        background: #474747;
        color: #fff;
    }

    .banNav .pz_SideLayer li a.hover,
    .banNav .pz_SideLayer li a:hover {
        background: #3faaa1;
    }

    @media screen and (max-width: 1199px) {
        .banNav li {
            width: 160px;
        }
    }

    @media screen and (max-width: 991px) {
        .nyBan .banTit {
            padding: 15px 0;
        }

        .nyBan .banTit h2 {
            line-height: 44px;
            height: 44px;
            font-size: 28px;
        }

        .nyBan .banTit h2::before {
            top: -12px;
            width: 40px;
            height: 3px;
        }

        .nyBan .banTit h4 {
            line-height: 33px;
            height: 33px;
            font-size: 20px;
        }
    }

    @media screen and (max-width: 767px) {
        .nyBan .banTit {
            padding: 10px 0;
        }

        .nyBan .banTit h2 {
            line-height: 24px;
            height: 24px;
            font-size: 18px;
        }

        .nyBan .banTit h2::before {
            top: -10px;
            width: 30px;
            height: 2px;
        }

        .nyBan .banTit h4 {
            line-height: 20px;
            height: 20px;
            font-size: 14px;
        }
    }

    /* 右侧栏 */
    .right {
        display: none;
        position: fixed;
        width: 50px;
        height: 250px;
        top: 50%;
        margin-top: -125px;
        right: 0;
        z-index: 89;
    }

    .right ul {
        float: left;
        width: 100%;
    }

    .right ul li {
        float: left;
        width: 100%;
        height: 50px;
        border-bottom: 1px solid #575757;
    }

    .right ul li a {
        float: left;
        display: block;
        width: 50px;
        height: 49px;
        background: #474747;
    }

    .right ul li a span {
        float: left;
        display: block;
        width: 178px;
        height: 49px;
        position: relative;
        left: 0;
        top: 0;
        background: #474747;
        -webkit-transition: all 0.2s ease-out 0s;
        -moz-transition: all 0.2s ease-out 0s;
        -o-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s;
    }

    .right ul li a img {
        float: left;
        display: block;
    }

    .right ul li a span h4 {
        float: left;
        width: 128px;
        height: 49px;
        padding: 12px 0;
        line-height: 25px;
        color: #fff;
        font-size: 16px;
    }

    .right ul li a span i {
        display: block;
        position: absolute;
        left: 16px;
        top: 55px;
        width: 100px;
        height: 0;
        overflow: hidden;
        -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
        -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
        box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
        -webkit-transition: all 0.2s ease-out 0s;
        -moz-transition: all 0.2s ease-out 0s;
        -ms-transition: all 0.2s ease-out 0s;
        -o-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s;
    }

    .right ul li a:hover {
        background: #3faaa1;
    }

    .right ul li a:hover span {
        background: #3faaa1;
        left: -128px;
    }

    .right ul li a:hover span i {
        height: 100px;
    }

    /*main*/

    /* title */
    .homeTit {
        float: left;
        width: 100%;
        padding-top: 92px;
        text-align: center;
    }

    .homeTit h4 {
        float: left;
        width: 100%;
        line-height: 48px;
        font-size: 32px;
        font-weight: bold;
        color: #333;
        padding-bottom: 26px;
        position: relative;
    }

    .homeTit h4::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 26px;
        bottom: 0;
        left: 0;
        background: url(http://xy.25175.com/images/titbg.png) no-repeat center;
    }

    .homeTit span {
        float: left;
        width: 100%;
        line-height: 28px;
        color: #888888;
        display: block;
        text-transform: uppercase;
        font-size: 14px;
        letter-spacing: 1px;
    }

    @media screen and (max-width: 991px) {
        .homeTit {
            padding-top: 42px;
        }

        .homeTit h4 {
            line-height: 40px;
            font-size: 22px;
            padding-bottom: 20px;
        }

        .homeTit h4::after {
            height: 20px;
        }

        .homeTit span {
            line-height: 28px;
            font-size: 14px;
        }
    }

    @media screen and (max-width: 767px) {
        .homeTit {
            padding-top: 32px;
        }

        .homeTit h4 {
            line-height: 40px;
            font-size: 18px;
            padding-bottom: 15px;
        }

        .homeTit h4::after {
            height: 15px;
        }

        .homeTit span {
            line-height: 24px;
            font-size: 12px;
        }
    }

    .homePro {
        float: left;
        width: 100%;
        padding-bottom: 100px;
    }

    .homeProTop {
        float: left;
        width: 100%;
        position: relative;
        padding-bottom: 56px;
        margin-top: 31px;
    }

    .homeProTop i {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 34.786325%;
        display: block;
        z-index: 9;
    }

    .homeProTop i img {
        float: left;
        width: 100%;
        display: block;
    }

    .homeProIntr {
        float: right;
        width: 94.017094%;
        background: #fff;
        padding: 68px 68px 88px 27.863248%;
        line-height: 36px;
        font-size: 16px;
        color: #555;
        -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
        -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
        box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
    }

    .homeProTop::after {
        position: absolute;
        content: "";
        width: 335px;
        height: 66px;
        background: url(http://xy.25175.com/images/hpro02.png) no-repeat;
        background-size: 100%;
        right: 68px;
        bottom: 26px;
    }

    .homeProList {
        float: left;
        width: 100%;
        position: relative;
        padding-bottom: 79px;
    }

    .homeProList::before {
        position: absolute;
        left: 42px;
        top: 57px;
        height: 70px;
        width: 1px;
        content: "";
        background: #d2d0d0;
    }

    .homeProLi {
        float: left;
        width: 100%;
        margin-top: 127px;
        padding: 0 42px;
        position: relative;
    }

    .homeProLi::after {
        position: absolute;
        content: "";
        left: 42px;
        top: 100%;
        background: url(http://xy.25175.com/images/hpro_line.png) no-repeat;
        width: 51.62393162393162%;
        height: 130px;
        background-size: 100%;
    }

    .homeProLi_m {
        float: left;
        width: 100%;
        position: relative;
    }

    .homeProLi_m i {
        float: right;
        width: 55.616943%;
        display: block;
    }

    .homeProLi_m i img {
        float: left;
        width: 100%;
        display: block;
    }

    .homeProPoint {
        float: left;
        width: 90vw;
        padding-left: 30px;
        border-left: 1px solid #d2d0d0;
        position: relative;
    }

    .homeProPoint::before {
        position: absolute;
        left: -2px;
        top: -2px;
        content: "";
        width: 4px;
        height: 92px;
        background: #3faaa1;
    }

    .homeProPoint em {
        position: absolute;
        right: 102%;
        top: 0;
        width: 28px;
        display: block;
    }

    .homeProPoint em img {
        display: block;
    }

    .homeProPoint .homeProIco {
        float: left;
        width: 19.368421%;
        display: block;
    }

    .homeProPoint .homeProBox {
        float: left;
        width: 70%;
        padding-left: 27px;
    }

    .homeProPoint .homeProBox h4 {
        float: left;
        width: 100%;
        line-height: 38px;
        height: 38px;
        margin-top: 18px;
        font-size: 30px;
        color: #333;
    }

    .homeProPoint .homeProBox h5 {
        float: left;
        width: 100%;
        line-height: 26px;
        height: 26px;
        font-size: 18px;
        color: #b9b9b9;
    }

    .homeProPoint .homeProBox ul {
        float: left;
        width: 100%;
        margin-top: 30px;
        min-height: 266px;
    }

    .homeProPoint .homeProBox ul li {
        float: left;
        width: 100%;
        padding-left: 31px;
        line-height: 36px;
        height: 36px;
        font-size: 16px;
        color: #666;
        background: url(../image/hprobg02.png) no-repeat left;
    }

    .homeProLi:first-child .homeProPoint {
        padding-top: 53px;
    }

    .homeProLi:first-child .homeProPoint::before {
        top: 53px;
    }

    .homeProLi:first-child .homeProPoint em {
        top: 53px;
    }

    .homeProLi:last-child .homeProPoint::after {
        position: absolute;
        content: "";
        left: -1px;
        top: 100%;
        background: #d2d0d0;
        width: 1px;
        height: 79px;
    }

    .homeProLi:last-child::after {
        display: none;
    }

    .homeProLi:nth-child(2n) .homeProLi_m i {
        float: left;
    }

    .homeProLi:nth-child(2n)::after {
        top: 98.5%;
        -webkit-transform: rotateX(-180deg); /* Safari and Chrome */
        -moz-transform: rotateX(-180deg); /* Firefox */
        -ms-transform: rotateX(-180deg); /* IE 9 */
        -o-transform: rotateX(-180deg); /* Opera */
        transform: rotateX(-180deg);
    }

    .homeProMore {
        float: left;
        width: 100%;
        text-align: center;
    }

    .homeProMore a {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: top;
        width: 170px;
        height: 50px;
        background: #3faaa1;
        font-size: 16px;
        color: #fff;
        line-height: 50px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
    }

    .homeProMore a span {
        padding-right: 26px;
        background: url(http://xy.25175.com/images/hprobg03.png) no-repeat right;
    }

    .homeProMore a:hover {
        -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
        -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
        box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
    }

    @media screen and (max-width: 1199px) {
        .homePro {
            padding-bottom: 70px;
        }

        .homeProTop {
            padding-bottom: 46px;
            margin-top: 30px;
        }

        .homeProIntr {
            padding: 48px 48px 68px 28%;
        }

        .homeProLi {
            margin-top: 100px;
            padding: 0 42px;
        }

        .homeProLi::after {
            left: 42px;
            width: 51.1%;
            height: 106px;
        }
    }

    @media screen and (max-width: 991px) {
        .homePro {
            padding-bottom: 40px;
        }

        .homeProTop {
            padding-bottom: 40px;
            margin-top: 20px;
        }

        .homeProIntr {
            padding: 28px 28px 48px 28%;
            line-height: 30px;
            font-size: 14px;
        }

        .homeProTop::after {
            right: 48px;
            width: 300px;
            height: 60px;
            bottom: 20px;
        }

        .homeProList {
            padding-bottom: 30px;
        }

        .homeProList::before {
            display: none;
        }

        .homeProLi {
            margin-top: 30px;
            padding: 0 22px;
        }

        .homeProLi::after {
            display: none;
        }

        .homeProLi_m i {
            width: 50%;
            position: relative;
            height: 364px;
        }

        .homeProLi_m i img {
            position: absolute;
            left: 0;
            top: 50%;
            -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
        }

        .homeProPoint {
            width: 50%;
            padding: 0;
            border: 0;
        }

        .homeProPoint::before {
            display: none;
        }

        .homeProPoint em {
            position: static;
            right: auto;
            left: auto;
            top: auto;
            display: block;
            height: auto;
            margin-left: 22px;
            -webkit-transform: rotate(-90deg); /* Safari and Chrome */
            -moz-transform: rotate(-90deg); /* Firefox */
            -ms-transform: rotate(-90deg); /* IE 9 */
            -o-transform: rotate(-90deg); /* Opera */
            transform: rotate(-90deg);
        }

        .homeProPoint .homeProIco {
            width: 20%;
        }

        .homeProPoint .homeProBox {
            width: 80%;
            padding-left: 20px;
        }

        .homeProPoint .homeProBox h4 {
            line-height: 30px;
            height: 30px;
            margin-top: 10px;
            font-size: 20px;
        }

        .homeProPoint .homeProBox h5 {
            line-height: 24px;
            height: 24px;
            font-size: 16px;
        }

        .homeProPoint .homeProBox ul {
            margin-top: 20px;
            min-height: 200px;
        }

        .homeProPoint .homeProBox ul li {
            padding-left: 20px;
            line-height: 30px;
            height: 30px;
            font-size: 14px;
        }

        .homeProLi:first-child .homeProPoint {
            padding-top: 0;
        }

        .homeProLi:last-child .homeProPoint::after {
            display: none;
        }

    }

    @media screen and (max-width: 767px) {
        .homePro {
            padding-bottom: 30px;
        }

        .homeProTop {
            padding-bottom: 20px;
        }

        .homeProTop i {
            position: static;
            left: auto;
            bottom: auto;
            margin-top: 20px;
            width: 100%;
        }

        .homeProTop i img {
            margin: 0 auto;
            float: none;
            width: 80%;
        }

        .homeProIntr {
            padding: 25px 15px;
            width: 100%;
            line-height: 24px;
            font-size: 14px;
        }

        .homeProTop::after {
            right: 0;
            width: 160px;
            height: 40px;
            bottom: auto;
            top: -15px;
        }

        .homeProLi {
            padding: 0 15px;
        }

        .homeProLi_m i {
            width: 100%;
            position: relative;
            height: auto;
        }

        .homeProLi_m i img {
            position: static;
            left: auto;
            top: auto;
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }

        .homeProPoint {
            width: 100%;
        }

        .homeProPoint em {
            margin-left: 10px;
            height: 60px;
        }

        .homeProPoint em img {
            height: 100%;
        }

        .homeProPoint .homeProIco {
            float: right;
            width: 20%;
            position: absolute;
            right: 0;
            top: 55px;
        }

        .homeProPoint .homeProBox {
            width: 100%;
            padding-left: 0;
            padding-right: 10px;
        }

        .homeProPoint .homeProBox h4 {
            width: 80%;
            line-height: 30px;
            height: 30px;
            margin-top: 0;
            font-size: 16px;
        }

        .homeProPoint .homeProBox h5 {
            width: 80%;
            line-height: 24px;
            height: 24px;
            font-size: 14px;
        }

        .homeProPoint .homeProBox ul {
            margin-top: 15px;
            min-height: inherit;
        }

        .homeProPoint .homeProBox ul li {
            padding-left: 20px;
            line-height: 24px;
            height: auto;
            font-size: 14px;
            background-position: left 6px;
            background-size: 12px;
        }

        .homeProMore a {
            width: 120px;
            height: 34px;
            font-size: 14px;
            line-height: 34px;
        }

        .homeProMore a span {
            padding-right: 20px;
        }
    }

    .homeValue {
        float: left;
        width: 100%;
        padding-bottom: 100px;
        background: #f3f3f3;
    }

    .homeValue_m {
        float: left;
        width: 100%;
        padding-top: 53px;
    }

    .homeValue_m .hd {
        float: left;
        width: 100%;
    }

    .homeValue_m .hd ul {
        float: left;
        width: 100%;
    }

    .homeValue_m .hd li {
        float: left;
        width: 20%;
        height: 74px;
        position: relative;
        cursor: pointer;
    }

    .homeValue_m .hd li span {
        position: absolute;
        left: 0;
        bottom: 0;
        line-height: 74px;
        height: 74px;
        display: block;
        width: 100%;
        font-size: 16px;
        color: #fff;
        text-align: center;
        background: #3faaa1;
        -webkit-transition: all 0.2s ease-out 0s;
        -moz-transition: all 0.2s ease-out 0s;
        -o-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s;
    }

    .homeValue_m .hd li:nth-child(2n) span {
        background: #65bbb4;
    }

    .homeValue_m .hd li span i {
        font-style: normal;
        -webkit-transition: all 0.2s ease-out 0s;
        -moz-transition: all 0.2s ease-out 0s;
        -o-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s;
    }

    .homeValue_m .hd li.on span i {
        padding-left: 30px;
        background: url(../image/hval01.png) no-repeat left;
    }

    .homeValue_m .hd li.on span {
        height: 84px;
        line-height: 84px;
    }

    .homeValueList .slick-prev,
    .homeValueList .slick-next {
        font-size: 0;
        line-height: 0;
        position: absolute;
        left: 5px;
        top: 50%;
        display: block;
        width: 10px;
        height: 24px;
        padding: 0;
        cursor: pointer;
        border: none;
        outline: none;
        background: url(../image/banleft.png) no-repeat;
        z-index: 10;
        background-size: 10px, 24px;
        filter: alpha(opacity=20);
        opacity: 0.2;
    }

    .homeValueList .slick-next {
        left: auto;
        right: 5px;
        background: url(../image/banright.png) no-repeat;
        background-size: 10px, 24px;
    }

    .homeValue_m .bd {
        float: left;
        width: 100%;
        padding: 30px;
        background: #fff;
    }

    .homeValue_m .homeValueBox {
        float: left;
        width: 100%;
    }

    .homeValue_m .homeValueBox img {
        float: left;
        width: 42.342342%;
        display: block;
    }

    .homeValue_m .homeValueIntr {
        float: left;
        width: 62.945946%;
        padding-left: 30%;
    }

    .homeValue_m .homeValueIntr h3 {
        float: left;
        width: 100%;
        line-height: 40px;
        height: 40px;
        margin-top: 22px;
        font-size: 24px;
        color: #333;
    }

    .homeValue_m .homeValueTxt {
        float: left;
        width: 100%;
        line-height: 36px;
        color: #666;
        font-size: 16px;
        height: 108px;
        margin-top: 12px;
        overflow: hidden;
    }

    .homeValue_m .homeValueTxt .span02 {
        display: block;
    }

    .homeValue_m .homeValueBtn {
        float: left;
        width: 100%;
        margin-top: 40px;
    }

    .homeValue_m .homeValueBtn a {
        float: left;
        width: 158px;
        height: 48px;
        line-height: 48px;
        font-size: 16px;
        color: #fff;
        display: block;
        margin-right: 15px;
        text-align: center;
        -webkit-border-radius: 24px;
        -moz-border-radius: 24px;
        border-radius: 24px;
    }

    .homeValue_m .homeValueBtn a.more02 {
        background: #3faaa1;
    }

    .homeValue_m .homeValueBtn a.online02 {
        background: #f8af47;
    }

    .homeValue_m .homeValueBtn a:hover {
        -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
        -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
        box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
    }

    @media screen and (max-width: 991px) {
        .homeValue {
            padding-bottom: 60px;
        }

        .homeValue_m {
            padding-top: 33px;
        }

        .homeValue_m .hd li {
            width: 20%;
            height: 54px;
        }

        .homeValue_m .hd li span {
            line-height: 54px;
            height: 54px;
        }

        .homeValue_m .hd li.on span {
            height: 64px;
            line-height: 64px;
        }

        .homeValue_m .hd li.on span i {
            padding-left: 25px;
        }

        .homeValue_m .homeValueIntr {
            width: 54%;
            padding-left: 40px;
        }

        .homeValue_m .homeValueIntr h3 {
            line-height: 30px;
            height: 30px;
            margin-top: 0;
            font-size: 20px;
        }

        .homeValue_m .homeValueTxt {
            line-height: 30px;
            font-size: 14px;
            height: 90px;
            margin-top: 10px;
        }

        .homeValue_m .homeValueBtn {
            margin-top: 20px;
        }

        .homeValue_m .homeValueBtn a {
            width: 128px;
            height: 38px;
            line-height: 38px;
            font-size: 14px;
            margin-right: 10px;
        }
    }

    @media screen and (max-width: 767px) {
        .homeValue {
            padding-bottom: 30px;
        }

        .homeValue_m {
            padding-top: 20px;
        }

        .homeValue_m .hd li {
            width: 20%;
            height: 44px;
        }

        .homeValue_m .hd li span {
            line-height: 44px;
            height: 44px;
            font-size: 14px;
        }

        .homeValue_m .hd li.on span {
            height: 44px;
            line-height: 44px;
        }

        .homeValue_m .hd li.on span i {
            padding-left: 20px;
            background-size: 15px;
        }

        .homeValue_m .hd li:nth-child(2n) span {
            background: #3faaa1;
        }

        .homeValue_m .hd li.on span {
            background: #65bbb4;
        }

        .homeValueList {
            padding: 0 15px;
            background: #3faaa1;
        }

        .homeValue_m .bd {
            padding: 25px 15px;
        }

        .homeValue_m .bd img {
            width: 100%;
        }

        .homeValue_m .homeValueIntr {
            width: 100%;
            padding-left: 0;
            margin-top: 15px;
        }

        .homeValue_m .homeValueIntr h3 {
            font-size: 18px;
        }

        .homeValue_m .homeValueTxt {
            height: auto;
        }

        .homeValue_m .homeValueTxt .span02 {
            display: inline;
        }

        .homeValue_m .homeValueBtn a {
            width: 100px;
            height: 30px;
            line-height: 30px;
        }
    }

    .homeAppl {
        float: left;
        width: 100%;
    }

    .homeApplList {
        float: left;
        width: 100%;
        background: #373d41;
        margin-top: 32px;
    }

    .homeApplList ul {
        float: left;
        width: 100%;
    }

    .homeApplList ul li {
        float: left;
        width: 25%;
        position: relative;
    }

    .homeApplList ul li a {
        float: left;
        width: 100%;
        display: block;
    }

    .homeApplList ul li i {
        float: left;
        width: 100%;
        display: block;
        overflow: hidden;
        background: #000;
        -webkit-transition: all 0.2s ease-out 0s;
        -moz-transition: all 0.2s ease-out 0s;
        -o-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s;
    }

    .homeApplList ul li i img {
        float: left;
        width: 100%;
        display: block;
        filter: alpha(opacity=50);
        opacity: 0.5;
        -webkit-transition: all 0.4s ease-out 0s;
        -moz-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
    }

    .homeApplList .homeApplTit {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        text-align: center;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

    .homeApplList .homeApplTit em {
        float: left;
        width: 100%;
        display: block;
        text-align: center;
        padding-bottom: 31px;
        position: relative;
    }

    .homeApplList .homeApplTit em::after {
        position: absolute;
        content: "";
        left: 50%;
        bottom: 0;
        width: 18px;
        height: 2px;
        background: rgba(255, 255, 255, .3);
        margin-left: -9px;
    }

    .homeApplList .homeApplTit span {
        float: left;
        width: 100%;
        display: block;
        line-height: 38px;
        height: 38px;
        margin-top: 19px;
        font-size: 20px;
        color: #fff;
    }

    .homeApplList ul li a:hover i {
        background: #3faaa1;
        filter: alpha(opacity=80);
        opacity: 0.8;
    }

    .homeApplList ul li a:hover i img {
        filter: alpha(opacity=20);
        opacity: 0.2;
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
    }

    @media screen and (max-width: 991px) {
        .homeApplList .homeApplTit em {
            padding-bottom: 20px;
        }

        .homeApplList .homeApplTit em img {
            width: 30px;
        }

        .homeApplList .homeApplTit span {
            line-height: 30px;
            height: 30px;
            font-size: 16px;
            margin-top: 10px;
        }
    }

    @media screen and (max-width: 767px) {
        .homeApplList ul li {
            width: 50%;
        }
    }

    .homeCase {
        float: left;
        width: 100%;
        background: #f3f3f3;
    }

    .homeCaseBox {
        float: left;
        width: 100%;
        margin-top: 31px;
        padding-bottom: 100px;
    }

    .homeCaseList {
        float: left;
        width: 100%;
        padding-bottom: 40px;
    }

    .homeCaseList li {
        float: left;
        width: 16.666667%;
        padding-right: 2px;
        margin-top: 2px;
    }

    .homeCaseList li a {
        float: left;
        width: 100%;
        display: block;
        background: #fff;
        overflow: hidden;
    }

    .homeCaseList li a img {
        float: left;
        width: 100%;
        display: block;
        -webkit-transition: all 0.4s ease-out 0s;
        -moz-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
    }

    .homeCaseList li a:hover img {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
    }

    .homeCase_s {
        float: left;
        width: 100%;
        margin: 0;
        position: relative;
    }

    .homeCase_s .slick-slide {
        width: 100%;
        padding: 0;
    }

    .homeCasePic {
        float: left;
        width: 100%;
    }

    .homeCasePic img {
        float: left;
        width: 100%;
        display: block;
    }

    .homeCase_m {
        float: left;
        width: 100%;
        padding-top: 99px;
        padding-bottom: 141px;
    }

    .homeCaseLeft {
        float: left;
        width: 48.717949%;
        padding-top: 60px;
        position: relative;
    }

    .homeCaseLeft i {
        position: absolute;
        left: 30px;
        top: 0;
        width: 120px;
        padding: 6px;
        background: #fff;
        display: block;
        overflow: hidden;
        z-index: 9;
        -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
        -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
        box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

    .homeCaseLeft i img {
        float: left;
        width: 100%;
        display: block;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

    .homeCaseTxt {
        float: left;
        width: 100%;
        padding: 91px 10% 54px 13%;
        background: rgba(255, 255, 255, .6);
        color: #333;
        font-size: 14px;
        position: relative;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        font-weight: bold;
    }

    .homeCaseTxt::after {
        position: absolute;
        content: "";
        left: 100%;
        top: 50%;
        margin-top: -14px;
        width: 13px;
        height: 27px;
        background: url(http://xy.25175.com/images/hcasebg04.png) no-repeat;
    }

    .homeCaseTxt p {
        float: left;
        width: 100%;
        position: relative;
        line-height: 28px;
        height: auto;
    }

    .homeCaseTxt p::before {
        position: absolute;
        content: "";
        left: -40px;
        top: 0;
        background: url(http://xy.25175.com/images/hcasebg01.png) no-repeat;
        width: 25px;
        height: 21px;
    }

    .homeCaseTxt p::after {
        position: absolute;
        content: "";
        right: 0;
        bottom: -40px;
        background: url(http://xy.25175.com/images/hcasebg02.png) no-repeat;
        width: 25px;
        height: 21px;
    }

    .homeCaseTxt .span03 {
        float: right;
        padding-right: 52px;
        padding-left: 15px;
        line-height: 28px;
        height: 28px;
        position: relative;
    }

    .homeCaseTxt .span03::before {
        position: absolute;
        content: "";
        width: 62px;
        height: 1px;
        background: rgba(0, 0, 0, .36);
        right: 100%;
        top: 50%;
    }

    .homeCase_r {
        float: right;
        width: 51.282051%;
        height: 360px;
        position: relative;
    }

    /*
.homeCase_s .play03{position: absolute; top: 60%; right: 50%; text-align: center; width: 100px; margin-left: -50px;
-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%); }
.homeCase_s .play03 i{display: inline-block; *display: inline; *zoom:1; vertical-align: top; width: 55px; height: 55px; background: url(http://xy.25175.com/images/hcasebg03.png) no-repeat center; cursor: pointer;}
.homeCase_s .play03 span{float: left; width: 100%; line-height: 50px; height: 50px; font-size: 16px; color: #fff; display: block;}
    */
    .homeCase_s .slick-dots {
        bottom: 30px;
        height: 12px;
    }

    .homeCase_s .slick-dots li {
        width: 12px;
        height: 12px;
        margin: 0 7px;
        background: rgba(255, 255, 255, .3);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

    .homeCase_s .slick-dots li button {
        display: none;
    }

    .homeCase_s .slick-dots li.slick-active {
        background: white;
    }

    @media screen and (max-width: 1389px) {
        .homeCaseLeft {
            padding-top: 50px;
        }

        .homeCase_r {
            height: 300px;
        }

        .homeCaseTxt {
            padding: 61px 8% 34px 11%
        }

        .homeCaseLeft i {
            width: 100px;
        }

        .homeCase_s .slick-dots {
            bottom: 20px;
            height: 10px;
        }

        .homeCase_s .slick-dots li {
            width: 10px;
            height: 10px;
            margin: 0 5px;
        }
    }

    @media screen and (max-width: 991px) {
        .homeCaseBox {
            padding-bottom: 50px;
        }

        .homeCase_m {
            padding-top: 50px;
            padding-bottom: 60px;
        }

        .homeCaseLeft {
            padding-top: 40px;
            width: 60%;
        }

        .homeCase_r {
            height: 260px;
            width: 40%;
        }

        .homeCaseTxt {
            padding: 41px 8% 24px 11%
        }

        .homeCaseTxt p::before {
            width: 18px;
            height: 15px;
            background-size: 18px 15px;
            left: -25px;
        }

        .homeCaseTxt p::after {
            width: 18px;
            height: 15px;
            background-size: 18px 15px;
            bottom: -25px;
        }

        .homeCaseLeft i {
            width: 80px;
        }

        .homeCase_s .play03 i {
            background-size: 50px;
        }

        .homeCase_s .slick-dots {
            bottom: 15px;
        }
    }

    @media screen and (max-width: 767px) {
        .homeCaseBox {
            margin-top: 20px;
            padding-bottom: 40px;
        }

        .homeCaseList {
            padding-bottom: 20px;
        }

        .homeCaseList li {
            width: 33.333333%;
        }

        .homeCase_m {
            padding-top: 40px;
            padding-bottom: 40px;
        }

        .homeCaseLeft {
            padding-top: 40px;
            width: 100%;
        }

        .homeCaseLeft i {
            width: 80px;
            left: 50%;
            margin-left: -40px;
        }

        .homeCase_r {
            height: 200px;
            width: 100%;
        }

        .homeCaseTxt {
            padding: 40px 20px 25px 20px;
        }

        .homeCaseTxt::after {
            left: 50%;
            top: 100%;
            margin-top: -7px;
            margin-left: -7px;
            width: 13px;
            height: 27px;
            -webkit-transform: rotate(90deg); /* Safari and Chrome */
            -moz-transform: rotate(90deg); /* Firefox */
            -ms-transform: rotate(90deg); /* IE 9 */
            -o-transform: rotate(90deg); /* Opera */
            transform: rotate(90deg);
        }

        .homeCaseTxt p::before {
            width: 12px;
            height: 9px;
            background-size: 12px 9px;
            left: -15px;
        }

        .homeCaseTxt p::after {
            width: 12px;
            height: 9px;
            background-size: 12px 9px;
            bottom: -15px;
        }

        .homeCaseTxt .span03 {
            padding-right: 22px;
            padding-left: 10px;
        }

        .homeCaseTxt .span03::before {
            width: 32px;
        }

        .homeCase_s .play03 {
            width: 100%;
            text-align: center;
            margin-right: 0 !important;
            right: 0 !important;
        }

        .homeCase_s .slick-dots {
            bottom: 15px;
        }
    }

    .homeNews {
        float: left;
        width: 100%;
        padding-bottom: 100px;
    }

    .homeNews_m {
        float: left;
        width: 100%;
        margin-top: 21px;
    }

    .homeNews_m .hd {
        float: left;
        width: 100%;
        text-align: center;
    }

    .homeNews_m .hd ul {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: top;
    }

    .homeNews_m .hd ul li {
        float: left;
        width: 170px;
        margin: 0 10px;
        background: #474747;
        line-height: 44px;
        height: 44px;
        font-size: 16px;
        color: #fff;
        text-align: center;
        cursor: pointer;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .homeNews_m .hd ul li.on {
        background: #3faaa1;
    }

    .homeNews_m .bd {
        float: left;
        width: 100%;
        margin-top: 30px;
    }

    .homeNews_m .homeNewsLeft {
        float: left;
        width: 48.717949%;
    }

    .homeNews_m .homeNewsLeft a {
        float: left;
        width: 100%;
        display: block;
        overflow: hidden;
        position: relative;
    }

    .homeNews_m .homeNewsLeft a img {
        float: left;
        width: 100%;
        display: block;
    }

    .homeNews_m .homeNewsTit {
        position: absolute;
        left: 0;
        width: 100%;
        bottom: 0;
        padding: 8px 20px;
        background: rgba(0, 0, 0, .6);
    }

    .homeNews_m .homeNewsTit h4 {
        float: left;
        width: 100%;
        padding-right: 90px;
        position: relative;
        line-height: 35px;
        height: 35px;
        color: #fff;
        font-size: 18px;
    }

    .homeNews_m .homeNewsTit h4 .span04 {
        position: absolute;
        right: 0;
        top: 50%;
        height: 18px;
        line-height: 18px;
        font-size: 12px;
        color: #fff;
        display: block;
        padding: 0 8px;
        margin-top: -9px;
        background: #3faaa1;
        -webkit-border-radius: 9px;
        -moz-border-radius: 9px;
        border-radius: 9px;
    }

    .homeNews_m .homeNewsTit > span {
        float: left;
        width: 100%;
        line-height: 35px;
        height: 35px;
        font-size: 14px;
        color: #fff;
        display: block;
    }

    .homeNewsList {
        float: right;
        width: 48.717949%;
    }

    .homeNewsList ul {
        float: left;
        width: 100%;
        margin-top: -9px;
    }

    .homeNewsList ul li {
        float: left;
        width: 100%;
        margin-top: 9px;
    }

    .homeNewsList ul li a {
        float: left;
        width: 100%;
        padding: 19px 30px;
        display: block;
        -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
        -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
        box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
    }

    .homeNewsDate {
        float: left;
        width: 72px;
        position: relative;
    }

    .homeNewsDate::after {
        position: absolute;
        width: 1px;
        height: 53px;
        background: #dedede;
        top: 50%;
        margin-top: -26px;
        content: "";
    }

    .homeNewsDate h4 {
        float: left;
        width: 100%;
        line-height: 40px;
        height: 40px;
        font-size: 28px;
        color: #3faaa1;
        font-weight: bold;
        font-family: Arial;
        position: relative;
    }

    .homeNewsDate h4::after {
        position: absolute;
        content: "";
        width: 20px;
        height: 1px;
        background: #3faaa1;
        left: 0;
        bottom: 0;
    }

    .homeNewsDate h5 {
        float: left;
        width: 100%;
        line-height: 32px;
        height: 32px;
        font-size: 14px;
        color: #757575;
    }

    .homeNewsTxt {
        float: right;
        width: 82.352941%;
    }

    .homeNewsTxt h4 {
        float: left;
        width: 100%;
        line-height: 40px;
        height: 40px;
        color: #313131;
        font-size: 16px;
        font-weight: bold;
        position: relative;
        padding-right: 50px;
    }

    .homeNewsTxt h4 i {
        position: absolute;
        right: 10px;
        top: 0;
        height: 40px;
        line-height: 40px;
        filter: alpha(opacity=00);
        opacity: 0;
        font-style: normal;
        -webkit-transition: all 0.2s ease-out 0s;
        -moz-transition: all 0.2s ease-out 0s;
        -o-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s;
    }

    .homeNewsTxt span {
        float: left;
        display: block;
        width: 100%;
        line-height: 23px;
        height: 23px;
        color: #666;
        font-size: 14px;
    }

    .homeNewsList ul li a:hover {
        background: #3faaa1;
    }

    .homeNewsList ul li a:hover .homeNewsDate h4,
    .homeNewsList ul li a:hover .homeNewsDate h5,
    .homeNewsList ul li a:hover .homeNewsTxt h4,
    .homeNewsList ul li a:hover .homeNewsTxt span {
        color: #fff;
    }

    .homeNewsList ul li a:hover .homeNewsDate h4::after,
    .homeNewsList ul li a:hover .homeNewsDate::after {
        background: #fff;
    }

    .homeNewsList ul li a:hover .homeNewsTxt h4 i {
        filter: alpha(opacity=100);
        opacity: 1;
        right: 0;
    }

    @media screen and (max-width: 1199px) {
        .homeNews {
            padding-bottom: 70px;
        }

        .homeNewsList ul {
            margin-top: -6px;
        }

        .homeNewsList ul li {
            margin-top: 6px;
        }

        .homeNewsList ul li a {
            padding: 10px 20px;
        }
    }

    @media screen and (max-width: 991px) {
        .homeNews {
            padding-bottom: 40px;
        }

        .homeNews_m .homeNewsLeft {
            width: 100%;
        }

        .homeNewsList {
            width: 100%;
        }

        .homeNewsList ul {
            margin-top: 20px;
        }
    }

    @media screen and (max-width: 767px) {
        .homeNews {
            padding-bottom: 30px;
        }

        .homeNews_m .hd ul li {
            width: 100px;
            margin: 0 5px;
            line-height: 34px;
            height: 34px;
            font-size: 14px;
        }

        .homeNews_m .bd {
            margin-top: 20px;
        }

        .homeNews_m .homeNewsTit {
            padding: 5px 15px;
        }

        .homeNews_m .homeNewsTit h4 {
            padding-right: 80px;
            line-height: 30px;
            height: 30px;
            font-size: 15px;
        }

        .homeNews_m .homeNewsTit > span {
            line-height: 30px;
            height: 30px;
        }

        .homeNewsList ul li a {
            padding: 10px 15px;
        }

        .homeNewsDate {
            width: 25%;
        }

        .homeNewsDate h4 {
            line-height: 30px;
            height: 30px;
            font-size: 20px;
        }

        .homeNewsDate h4::after {
            width: 15px;
        }

        .homeNewsDate h5 {
            line-height: 24px;
            height: 24px;
            font-size: 12px;
        }

        .homeNewsTxt {
            width: 75%;
            padding-left: 15px;
        }

        .homeNewsTxt h4 {
            line-height: 30px;
            height: 30px;
            font-size: 15px;
            padding-right: 40px;
        }

        .homeNewsTxt h4 i {
            height: 30px;
            line-height: 30px;
        }
    }

    /* nyNav */
    .nyNav {
        float: left;
        width: 100%;
        margin-top: 20px;
    }

    .nyNav .nyNavTit {
        float: left;
        width: 100%;
        display: block;
        line-height: 34px;
        height: 34px;
        padding: 0 20px;
        position: relative;
        font-size: 14px;
        color: #fff;
        background: #3faaa1;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .nyNav .nyNavTit::after {
        position: absolute;
        content: "";
        background: url(../image/downbg.png) no-repeat;
        width: 14px;
        height: 8px;
        right: 10px;
        top: 50%;
        margin-top: -4px;
        -webkit-transition: all 0.2s ease-out 0s;
        -moz-transition: all 0.2s ease-out 0s;
        -o-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s;
    }

    .nyNav .nyNavTit.active::after {
        -webkit-transform: rotate(180deg); /* Safari and Chrome */
        -moz-transform: rotate(180deg); /* Firefox */
        -ms-transform: rotate(180deg); /* IE 9 */
        -o-transform: rotate(180deg); /* Opera */
        transform: rotate(180deg);
    }

    .nyNav .pz_SideLayer {
        float: left;
        width: 100%;
        margin-top: 2px;
        display: none;
        background: #333;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .nyNav .pz_SideLayer li {
        float: left;
        width: 100%;
    }

    .nyNav .pz_SideLayer li a {
        float: left;
        width: 100%;
        display: block;
        line-height: 34px;
        height: 34px;
        font-size: 14px;
        color: #fff;
        padding: 0 20px;
    }

    .nyNav .pz_SideLayer li a.hover {
        color: #3faaa1;
    }


    .nyNav.active {
        position: fixed;
        top: 80px;
        left: 0;
        z-index: 111;
        padding: 20px 0;
        margin: 0;
        background: #fff;
        -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
        -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
        box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
    }

    @media screen and (max-width: 767px) {
        .nyNav.active {
            top: 50px;
            padding: 10px 0;
        }
    }

    /* 1关于我们 */
    .about {
        float: left;
        width: 100%;
        padding: 91px 0;
    }

    .aboutIntr {
        float: left;
        width: 100%;
        padding-bottom: 100px;
    }

    .aboutIntr .aboutTxt {
        float: left;
        width: 65.811966%;
        line-height: 32px;
        font-size: 14px;
        color: #666;
    }

    .aboutIntr .aboutTxt h2 {
        float: left;
        width: 100%;
        line-height: 44px;
        font-size: 24px;
        color: #3faaa1;
        padding-bottom: 22px;
    }

    .aboutIntr .aboutNum {
        float: right;
        width: 25.641026%;
    }

    .aboutIntr .aboutNum ul {
        float: left;
        width: 100%;
        position: relative;
    }

    .aboutIntr .aboutNum ul::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 1px;
        background: #fff;
        left: 0;
        bottom: 0;
    }

    .aboutIntr .aboutNum li {
        float: left;
        width: 100%;
        padding: 12px 0 24px 0;
        border-bottom: 1px dotted #b2b2b2;
    }

    .aboutIntr .aboutNum li h2 {
        float: left;
        width: 100%;
        text-align: center;
        line-height: 64px;
        height: 64px;
        font-size: 36px;
        color: #3faaa1;
        font-weight: bold;
        position: relative;
    }

    .aboutIntr .aboutNum li h2 span {
        position: relative;
        padding: 0 5px;
    }

    .aboutIntr .aboutNum li h2 i {
        position: absolute;
        left: 100%;
        top: 50%;
        font-size: 16px;
        font-style: normal;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

    .aboutIntr .aboutNum li h2::after {
        position: absolute;
        content: "";
        width: 20px;
        height: 2px;
        bottom: 0;
        left: 50%;
        margin-left: -10px;
        background: #3faaa1;
    }

    .aboutIntr .aboutNum li h4 {
        float: left;
        width: 100%;
        line-height: 24px;
        color: #666666;
        font-size: 16px;
        text-align: center;
        margin-top: 10px;
    }

    .aboutIntr .aboutAdd {
        float: left;
        width: 100%;
        margin-top: 45px;
        padding: 30px;
        background: #f4f6f8;
    }

    .aboutIntr .aboutAdd img {
        float: left;
        width: 439px;
        display: block;
    }

    .aboutIntr .aboutAddTxt {
        float: left;
        width: 54.017094%;
        padding-left: 60px;
        height: 235px;
        display: table;
    }

    .aboutIntr .aboutAddTxt .span01 {
        float: left;
        width: 100%;
        display: block;
        line-height: 36px;
        font-size: 14px;
        color: #666;
        max-height: 216px;
        overflow: hidden;
    }

    @media screen and (max-width: 1199px) {
        .aboutIntr .aboutAdd img {
            width: 389px;
        }

        .aboutIntr .aboutAddTxt {
            width: 54.017094%;
            padding-left: 40px;
            height: 208px;
        }

        .aboutIntr .aboutAddTxt .span01 {
            line-height: 30px;
            font-size: 14px;
            max-height: 180px;
        }
    }

    @media screen and (max-width: 991px) {
        .about {
            padding: 61px 0;
        }

        .aboutIntr {
            padding-bottom: 60px;
        }

        .aboutIntr .aboutTxt {
            line-height: 28px;
        }

        .aboutIntr .aboutTxt h2 {
            line-height: 34px;
            font-size: 20px;
            padding-bottom: 15px;
        }

        .aboutIntr .aboutNum li {
            padding: 12px 0 15px 0;
        }

        .aboutIntr .aboutNum li h2 {
            line-height: 54px;
            height: 54px;
            font-size: 30px;
        }

        .aboutIntr .aboutNum li h4 {
            line-height: 20px;
            font-size: 14px;
            margin-top: 5px;
        }

        .aboutIntr .aboutAdd img {
            width: 289px;
        }

        .aboutIntr .aboutAddTxt {
            width: 54.017094%;
            padding-left: 30px;
            height: 154px;
        }

        .aboutIntr .aboutAddTxt .span01 {
            line-height: 30px;
            font-size: 14px;
            max-height: 150px;
        }
    }

    @media screen and (max-width: 767px) {
        .about {
            padding: 20px 0 30px 0;
        }

        .aboutIntr {
            padding-bottom: 30px;
        }

        .aboutIntr .aboutTxt {
            line-height: 26px;
            width: 100%;
        }

        .aboutIntr .aboutTxt h2 {
            line-height: 30px;
            font-size: 18px;
            padding-bottom: 10px;
        }

        .aboutIntr .aboutNum li h2 i {
            font-size: 14px;
        }

        .aboutIntr .aboutNum {
            width: 100%;
        }

        .aboutIntr .aboutNum li {
            padding: 10px 0;
        }

        .aboutIntr .aboutNum li h2 {
            line-height: 34px;
            height: 34px;
            font-size: 20px;
        }

        .aboutIntr .aboutAdd {
            padding: 15px;
            margin-top: 20px;
        }

        .aboutIntr .aboutAdd img {
            width: 100%;
        }

        .aboutIntr .aboutAddTxt {
            width: 100%;
            padding-left: 0;
            height: auto;
            margin-top: 15px;
        }

        .aboutIntr .aboutAddTxt .span01 {
            line-height: 30px;
            font-size: 14px;
            max-height: inherit;
        }
    }

    .aboutTit {
        float: left;
        width: 100%;
        text-align: center;
        margin-top: 91px;
    }

    .proIntrTit h2,
    .aboutTit h2 {
        width: 100%;
        font-weight: bold;
        color: #333;
    }

    .proIntrTit h2 span,
    .aboutTit h2 span {
        padding: 0 10px;
        position: relative;
        line-height: 50px;
        height: 50px;
        font-size: 30px;
        display: inline-block;
    }

    .proIntrTit h2 span::after,
    .aboutTit h2 span::after {
        position: absolute;
        content: "";
        width: 18px;
        height: 23px;
        background: url(../image/aboutbg.png) no-repeat;
        left: 100%;
        top: 0;
    }

    .aboutTit h4 {
        float: left;
        width: 100%;
        line-height: 24px;
        padding: 10px 0;
        font-size: 18px;
        color: #555555;
        font-weight: bold;
        height: 54px;
    }

    .aboutCul {
        float: left;
        width: 100%;
        padding-bottom: 100px;
        background: #f4f6f8;
    }

    .aboutCul ul {
        float: left;
        width: 100%;
        padding-top: 43px;
    }

    .aboutCul ul li {
        float: left;
        width: 33.333333%;
        padding-top: 292px;
        position: relative;
        overflow: hidden;
    }

    .aboutCul ul li .aboutIco {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 292px;
        -webkit-transition: all 0.2s ease-out 0s;
        -moz-transition: all 0.2s ease-out 0s;
        -o-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s;
    }

    .aboutCul .aboutCulBox {
        float: left;
        width: 100%;
        background: #fff;
        padding: 40px 30px;
        position: relative;
        z-index: 9;
    }

    .aboutCul .aboutCulBox h4 {
        float: left;
        width: 100%;
        padding-left: 30px;
        padding-bottom: 18px;
        border-bottom: 3px solid #3faaa1;
        line-height: 48px;
        height: 69px;
        font-size: 24px;
        color: #333;
        font-weight: bold;
        position: relative;
    }

    .aboutCul .aboutCulBox h4 i {
        position: absolute;
        left: 0;
        top: 14px;
        display: block;
        width: 27px;
    }

    .aboutCul .aboutCulBox h4 i img {
        float: left;
        width: 100%;
        display: block;
    }

    .aboutCul .aboutCulBox .aboutCulTxt {
        float: left;
        width: 100%;
        line-height: 30px;
        font-size: 16px;
        color: #666;
        margin-top: 23px;
        display: block;
        height: 120px;
        overflow: hidden;
    }

    .aboutCul .aboutCulBox .aboutCulTxt span {
        float: left;
        width: 50%;
    }

    .aboutCul ul li.even {
        padding-top: 0;
        padding-bottom: 292px;
    }

    .aboutCul ul li.even .aboutIco {
        top: auto;
        bottom: 0;
    }

    .aboutCul ul li:hover .aboutIco {
        -webkit-transform: scale(1.06);
        -moz-transform: scale(1.06);
        -o-transform: scale(1.06);
        transform: scale(1.06);
    }

    @media screen and (max-width: 991px) {
        .aboutTit {
            margin-top: 61px;
        }

        .proIntrTit h2 span,
        .aboutTit h2 span {
            line-height: 40px;
            height: 40px;
            font-size: 24px;
        }

        .aboutTit h4 {
            padding: 5px 0;
            font-size: 18px;
            height: 44px;
        }

        .aboutCul {
            padding-bottom: 60px;
        }

        .aboutCul ul {
            padding-top: 30px;
        }

        .aboutCul ul li {
            padding-top: 243px;
        }

        .aboutCul .aboutCulBox {
            padding: 30px 20px;
        }

        .aboutCul .aboutCulBox h4 {
            padding-left: 30px;
            padding-bottom: 15px;
            line-height: 38px;
            height: 56px;
            font-size: 20px;
        }

        .aboutCul .aboutCulBox h4 i {
            top: 12px;
            width: 20px;
        }

        .aboutCul .aboutCulBox .aboutCulTxt {
            line-height: 28px;
            font-size: 14px;
            margin-top: 15px;
            height: 112px;
        }

        .aboutCul ul li.even {
            padding-top: 0;
            padding-bottom: 243px;
        }
    }

    @media screen and (max-width: 767px) {
        .aboutTit {
            margin-top: 31px;
        }

        .proIntrTit h2 span,
        .aboutTit h2 span {
            line-height: 30px;
            height: 30px;
            font-size: 20px;
        }

        .aboutTit h4 {
            line-height: 20px;
            padding: 5px 0;
            font-size: 14px;
            height: 30px;
        }

        .aboutCul {
            padding-bottom: 30px;
        }

        .aboutCul ul {
            padding-top: 20px;
        }

        .aboutCul ul li {
            padding-top: 0;
            width: 100%;
            margin-top: 10px;
        }

        .aboutCul ul li .aboutIco {
            float: left;
            width: 100%;
            position: static;
            left: auto;
            top: auto;
            height: auto;
            background: none !important;
        }

        .aboutCul .aboutCulBox {
            padding: 20px 15px;
        }

        .aboutCul .aboutCulBox h4 {
            padding-left: 20px;
            padding-bottom: 10px;
            line-height: 30px;
            border-bottom: 2px solid #3faaa1;
            height: 42px;
            font-size: 18px;
        }

        .aboutCul .aboutCulBox h4 i {
            top: 8px;
            width: 15px;
        }

        .aboutCul .aboutCulBox .aboutCulTxt {
            min-height: 84px;
            height: auto;
        }

        .aboutCul .aboutCulBox .aboutCulTxt span {
            width: 100%;
        }

        .aboutCul ul li.even {
            padding-top: 0;
            padding-bottom: 0;
        }

        .aboutCul ul li.even .aboutIco {
            top: auto;
            bottom: auto;
        }
    }

    .aboutExp {
        float: left;
        width: 100%;
        padding-bottom: 98px;
    }

    .aboutExp_m {
        margin: 0 -64px;
    }

    .aboutExp_s {
        float: left;
        width: 100%;
        margin-top: 40px;
        overflow: hidden;
        padding: 0 64px;
    }

    .aboutExp_s .slick-slide {
        padding: 0;
    }

    .aboutExp_s li {
    }

    .aboutExp_s .aboutExpDate {
        float: left;
        width: 100%;
        text-align: center;
        position: relative;
        padding-bottom: 24px;
        border-bottom: 4px solid #ccc;
    }

    .aboutExp_s .aboutExpDate::after {
        position: absolute;
        content: "";
        width: 24px;
        height: 24px;
        background: url(http://xy.25175.com/images/aboutbg05.png) no-repeat;
        left: 50%;
        margin-left: -12px;
        bottom: -12px;
    }

    .aboutExp_s .aboutExpDate .span02 {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: top;
        width: 104px;
        height: 34px;
        line-height: 34px;
        font-size: 14px;
        color: #fff;
        background: #3faaa1;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    .aboutExp_s .aboutExpIntr {
        float: left;
        width: 100%;
        margin-top: 40px;
        padding: 0 22px;
    }

    .aboutExp_s .aboutExpTxt {
        float: left;
        width: 100%;
        padding: 32px 28px;
        background: #f5f5f5;
        font-size: 14px;
        color: #333;
        line-height: 30px;
        min-height: 154px;
        position: relative;
    }

    .aboutExp_s .aboutExpTxt::before {
        position: absolute;
        content: "";
        width: 18px;
        height: 17px;
        background: url(http://xy.25175.com/images/aboutbg06.png) no-repeat;
        top: -8px;
        left: 50%;
        margin-left: -9px;
    }

    .aboutExp_s .slick-prev,
    .aboutExp_s .slick-next {
        font-size: 0;
        line-height: 0;
        position: absolute;
        left: 0px;
        top: 30px;
        display: block;
        width: 24px;
        height: 54px;
        padding: 0;
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: #ccc url(../image/aboutleft.png) no-repeat;
        z-index: 100;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .aboutExp_s .slick-next {
        left: auto;
        right: 0;
        background-image: url(../image/aboutright.png);
    }

    .aboutExp_s .slick-prev:hover,
    .aboutExp_s .slick-next:hover {
        background-color: #3faaa1;
    }

    .aboutTeam {
        float: left;
        width: 100%;
        padding-bottom: 100px;
        background: #f4f6f8;
    }

    .aboutTeamBox {
        margin: 0 -15px;
    }

    .aboutTeam_s {
        float: left;
        width: 100%;
        margin-top: 30px;
        padding-bottom: 54px;
        overflow: hidden;
    }

    .aboutTeam_s .slick-slide {
        padding: 0 15px;
    }

    .aboutTeam_s .li_hp {
        float: left;
        width: 100%;
    }

    .aboutTeam_m {
        float: left;
        width: 100%;
        padding: 30px 35px 23px 35px;
        background: #fff;
        text-align: center;
    }

    .aboutTeam_m img {
        float: left;
        width: 100%;
        display: block;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

    .aboutTeam_m h4 {
        float: left;
        width: 100%;
        line-height: 32px;
        height: 32px;
        font-size: 18px;
        color: #333;
        margin-top: 23px;
    }

    .aboutTeam_m h5 {
        float: left;
        width: 100%;
        line-height: 26px;
        height: 26px;
        font-size: 14px;
        color: #555;
    }

    .aboutTeam_s .slick-dots {
        position: absolute;
        left: 0;
        width: 100%;
        bottom: 0;
    }

    .aboutTeam_s .slick-dots li {
        width: 14px;
        height: 14px;
        background: #cae4e4;
        margin: 0 8px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

    .aboutTeam_s .slick-dots li button {
        display: none;
    }

    .aboutTeam_s .slick-dots li.slick-active {
        background: #3faaa1;
    }

    .aboutHonor {
        float: left;
        width: 100%;
    }

    .aboutHonList {
        float: left;
        width: 100%;
        margin-top: 35px;
    }

    .aboutHonList ul {
        margin: 0 -15px;
    }

    .aboutHonList ul li {
        padding: 0 15px;
        float: left;
        width: 25%;
    }

    .aboutHonList .aboutHonPic {
        float: left;
        width: 100%;
        border: 1px solid #ebebeb;
    }

    .aboutHonList .aboutHonPic img {
        display: block;
        width: 100%;
        float: left;
    }

    .aboutHonList .aboutHonTit {
        float: left;
        width: 100%;
        line-height: 35px;
        height: 35px;
        margin-top: 10px;
        font-size: 16px;
        color: #555;
        text-align: center;
    }

    @media screen and (max-width: 1199px) {
        .aboutExp_m {
            margin: 0 -15px;
        }

        .aboutExp_s {
            padding: 0 34px;
        }
    }

    @media screen and (max-width: 991px) {
        .aboutExp {
            padding-bottom: 58px;
        }

        .aboutExp_m {
            margin: 0 -5px;
        }

        .aboutExp_s {
            margin-top: 30px;
        }

        .aboutHonList {
            margin-top: 20px;
        }

        .aboutHonList ul {
            margin: 0 -10px;
        }

        .aboutHonList ul li {
            padding: 0 10px;
        }
    }

    @media screen and (max-width: 767px) {
        .aboutExp {
            padding-bottom: 28px;
        }

        .aboutExp_s .aboutExpIntr {
            margin-top: 30px;
            padding: 0 15px;
        }

        .aboutExp_s .aboutExpTxt {
            padding: 20px 15px;
            line-height: 24px;
            min-height: 120px;
        }

        .aboutTeam {
            padding-bottom: 30px;
        }

        .aboutTeamBox {
            margin: 0 -5px;
        }

        .aboutTeam_s {
            margin-top: 20px;
            padding-bottom: 34px;
        }

        .aboutTeam_s .slick-slide {
            padding: 0 5px;
        }

        .aboutTeam_m {
            padding: 25px 30px;
        }

        .aboutTeam_s .slick-dots li {
            width: 8px;
            height: 8px;
            margin: 0 4px;
        }

        .aboutHonList ul {
            margin: 0 -5px;
        }

        .aboutHonList ul li {
            padding: 0 5px;
            margin-top: 10px;
            width: 50%;
        }

        .aboutHonList .aboutHonTit {
            line-height: 30px;
            height: 30px;
            font-size: 14px;
        }
    }

    /* 新闻 */
    .news {
        float: left;
        width: 100%;
        padding-top: 80px;
    }

    .newsSlide {
        float: left;
        width: 100%;
    }

    .newsSlide .slick-slide {
        width: 100%;
        padding: 0;
    }

    .newsSlide .newsSlidePic {
        float: left;
        width: 48.717949%;
    }

    .newsSlide .newsSlidePic img {
        float: left;
        width: 100%;
        display: block;
    }

    .newsSlide .newsSlideIntr {
        float: left;
        width: 51.282051%;
        background: #3faaa1;
        padding: 30px 20px 75px 30px;
    }

    .newsSlide .newsSlideIntr h3 {
        float: left;
        width: 100%;
        line-height: 38px;
        height: 38px;
        font-size: 18px;
        color: #fff;
    }

    .newsSlide .newsSlideIntr span {
        float: left;
        width: 100%;
        display: block;
        line-height: 32px;
        height: 32px;
        font-size: 14px;
        color: rgba(255, 255, 255, .6);
    }

    .newsSlide .newsSlideTxt {
        float: left;
        width: 100%;
        line-height: 28px;
        height: 140px;
        font-size: 14px;
        color: #fff;
        margin-top: 6px;
        overflow: hidden;
    }

    .newsSlide .slick-dots {
        width: 51.282051%;
        padding-left: 30px;
        right: 0;
        left: auto;
        bottom: 27px;
        height: 18px;
        overflow: hidden;
    }

    .newsSlide .slick-dots li {
        padding-right: 18px;
        float: left;
        margin: 0;
    }

    .newsSlide .slick-dots li button {
        width: auto;
        padding: 0;
        line-height: 18px;
        height: 18px;
        font-size: 14px;
        color: #dddddd;
    }

    .newsSlide .slick-dots li.slick-active button {
        color: #fff;
    }

    .newsList {
        float: left;
        width: 100%;
        margin-top: 33px;
        border-top: 1px solid #e1e1e1;
    }

    .newsList li {
        float: left;
        width: 100%;
        padding: 30px 0;
        border-bottom: 1px solid #e1e1e1;
    }

    .newsList li a {
        float: left;
        width: 100%;
        display: block;
    }

    .newsList li a i {
        float: right;
        width: 23.076923%;
        display: block;
        overflow: hidden;
    }

    .newsList li a i img {
        float: left;
        width: 100%;
        display: block;
        -webkit-transition: all 0.4s ease-out 0s;
        -moz-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
    }

    .newsList .newsListIntr {
        float: left;
        width: 73.162393%;
    }

    .newsList .newsListIntr h4 {
        float: left;
        width: 100%;
        line-height: 58px;
        height: 58px;
        font-size: 18px;
        font-weight: bold;
        color: #333;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .newsList .newsListIntr span {
        float: left;
        width: 100%;
        line-height: 20px;
        font-size: 14px;
        color: #888;
        display: block;
        height: 20px;
    }

    .newsList .newsListTxt {
        float: left;
        width: 100%;
        line-height: 28px;
        height: 56px;
        margin-top: 14px;
        font-size: 14px;
        color: #6b6b6b;
        overflow: hidden;
    }

    .newsList li a:hover .newsListIntr h4 {
        color: #3faaa1;
    }

    .newsList li a:hover i img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    @media screen and (max-width: 1199px) {
        .newsSlide .newsSlideIntr {
            padding: 30px 20px 73px 30px;
        }

        .newsSlide .newsSlideTxt {
            line-height: 28px;
            height: 84px;
        }
    }

    @media screen and (max-width: 991px) {
        .news {
            padding-top: 40px;
        }

        .newsSlide .newsSlidePic {
            width: 100%;
        }

        .newsSlide .newsSlideIntr {
            width: 100%;
            padding: 20px 15px 43px 15px;
        }

        .newsSlide .newsSlideIntr h3 {
            line-height: 30px;
            height: 30px;
        }

        .newsSlide .newsSlideIntr span {
            line-height: 24px;
            height: 24px;
        }

        .newsSlide .newsSlideTxt {
            line-height: 28px;
            height: 84px;
        }

        .newsSlide .slick-dots {
            width: 100%;
            bottom: 12px;
            padding-left: 15px;
        }

        .newsList .newsListIntr h4 {
            line-height: 38px;
            height: 38px;
        }
    }

    @media screen and (max-width: 767px) {
        .news {
            padding-top: 30px;
        }

        .newsList li {
            padding: 20px 0;
        }

        .newsList li a i {
            width: 100%;
        }

        .newsList .newsListIntr {
            width: 100%;
            margin-top: 15px;
        }

        .newsList .newsListIntr h4 {
            line-height: 28px;
            height: 28px;
            font-size: 16px;
        }

        .newsList .newsListTxt {
            line-height: 24px;
            height: 96px;
            overflow: hidden;
        }
    }

    /* 3新闻详情 */
    .newsDel {
        float: left;
        width: 100%;
        margin-top: 70px;
        padding-bottom: 80px;
    }

    .newsDel_m {
        float: left;
        width: 100%;
    }

    .newsDel_m h2 {
        display: block;
        float: left;
        width: 100%;
        font-size: 26px;
        line-height: 44px;
        color: #333 !important;
        text-align: center;
    }

    .newsDel_m .newsDelTime {
        float: left;
        width: 100%;
        margin-top: 22px;
        border-bottom: 1px solid #d7d8d8;
        border-top: 1px solid #d7d8d8;
        padding: 10px 0;
        line-height: 34px;
        font-size: 14px;
        color: #777;
    }

    .newsDel_m .newsDelTime a {
        display: block;
        float: right;
        height: 34px;
        line-height: 34px;
    }

    .newsDel_m .newsDelTime a i {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: top;
        margin-left: 15px;
        width: 34px;
        -webkit-transition: all 0.2s ease-out 0s;
        -moz-transition: all 0.2s ease-out 0s;
        -o-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s;
    }

    .newsDel_m .newsDelTime a i img {
        display: block;
        float: left;
    }

    .newsDel_m .newsDelTime a:hover {
        color: #3faaa1;
    }

    .newsDel_m .newsDelTxt {
        float: left;
        width: 100%;
        padding: 40px 0;
        font-size: 16px;
        line-height: 36px;
        color: #4c4c4c;
        text-align: justify;
        min-height: 600px;
    }

    .newsDel_m .newsDelTxt img {
        display: block;
    }

    .newsDel_m .newsDelShare {
        float: left;
        width: 100%;
        text-align: center;
        padding-bottom: 40px;
        border-bottom: 1px solid #d7d8d8;
    }

    .newsDel_m .newsDelPage {
        float: left;
        width: 100%;
        border-bottom: 1px solid #d7d8d8;
        position: relative;
    }

    .newsDel_m .newsDelPage::after {
        position: absolute;
        width: 1px;
        height: 100%;
        background: #d7d8d8;
        left: 50%;
        top: 0;
        content: "";
    }

    .newsDel_m .newsDelPage a {
        display: block;
        float: left;
        height: 60px;
        line-height: 60px;
        font-size: 14px;
        color: #333;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .newsDel_m .newsDelPage a:hover {
        color: #3faaa1;
    }

    .newsDel_m .newsDelShare .jiathis_style_32x32 {
        display: inline-block !important;
        *display: inline !important;
        *zoom: 1 !important;
        vertical-align: top !important;
        float: none;
    }

    .newsDelShare .jiathis_button_weixin {
        float: left !important;
        display: block !important;
        background: url(http://xy.25175.com/images/img_16_3.png) no-repeat center !important;
        background-size: 100% 100% !important;
        width: 35px !important;
        height: 35px !important;
        overflow: hidden;
        position: relative;
        margin: 0 8px !important;
        padding: 0 !important;
        cursor: pointer;
    }

    .newsDelShare .jtico_weixin {
        position: absolute;
        left: 9999px;
    }

    .newsDelShare .jiathis_button_tsina {
        float: left !important;
        display: block !important;
        background: url(http://xy.25175.com/images/img_16_4.png) no-repeat center !important;
        background-size: 100% 100% !important;
        width: 35px !important;
        height: 35px !important;
        overflow: hidden;
        position: relative;
        margin: 0 8px !important;
        padding: 0 !important;
        cursor: pointer;
    }

    .newsDelShare .jtico_tsina {
        position: absolute;
        left: 9999px;
    }

    .newsDelShare .jiathis_button_qzone {
        float: left !important;
        display: block !important;
        background: url(http://xy.25175.com/images/img_16_5.png) no-repeat center !important;
        background-size: 100% 100% !important;
        width: 35px !important;
        height: 35px !important;
        overflow: hidden;
        position: relative;
        margin: 0 8px !important;
        padding: 0 !important;
        cursor: pointer;
    }

    .newsDelShare .jtico_qzone {
        position: absolute;
        left: 9999px;
    }

    .newsDelShare .jiathis_style_32x32 a:hover {
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

    .newsDel_d {
        float: left;
        width: 100%;
        margin-top: 50px;
    }

    .newsDel_d > h4 {
        float: left;
        width: 100%;
        line-height: 44px;
        font-size: 24px;
        color: #000;
        height: 44px;
    }

    .newsDel_d > h4 span {
        font-size: 16px;
        color: #3faaa1;
        padding-left: 10px;
        text-transform: uppercase;
    }

    .newsDel_d .newsDelList {
        margin: 0 -15px;
    }

    .newsDel_d .homeNewsList {
        float: left;
        width: 100%;
    }

    .newsDel_d .homeNewsList ul li {
        float: left;
        width: 50%;
        padding: 0 15px;
        margin-top: 30px;
    }

    @media screen and (max-width: 1199px) {
        .newsDel_m h2 {
            font-size: 22px;
            line-height: 40px;
        }

        .newsDelList ul {
            margin: 0 -15px;
        }

        .newsDelList ul li {
            padding: 0 15px;
        }
    }

    @media screen and (max-width: 991px) {
        .newsDel {
            margin-top: 30px;
            padding-bottom: 40px;
        }

        .newsDel_m .newsDelPage::after {
            display: none;
        }

        .newsDel_m .newsDelPage a {
            max-width: none;
            width: 100%;
            line-height: 40px;
            height: 40px;
        }

        .newsDel_d {
            margin-top: 30px;
        }

        .newsDel_d > h4 {
            line-height: 34px;
            height: 34px;
            font-size: 20px;
        }

        .newsDel_d > h4 span {
            font-size: 14px;
        }

        .newsDel_d .homeNewsList ul {
            margin: 0;
        }

        .newsDel_d .newsDelList {
            margin: 0 -10px;
        }

        .newsDel_d .homeNewsList ul li {
            padding: 0 10px;
            margin-top: 20px;
        }

        .newsDel_d .homeNewsDate {
            width: 65px;
        }

        .newsDel_d .homeNewsTxt {
            width: 75%;
        }
    }

    @media screen and (max-width: 767px) {
        .newsDel {
            margin-top: 20px;
            padding-bottom: 30px;
        }

        .newsDel_m h2 {
            font-size: 18px;
            line-height: 30px;
        }

        .newsDel_m .newsDelTime {
            margin-top: 12px;
            padding: 5px 0;
            line-height: 24px;
            font-size: 12px;
            text-align: center;
        }

        .newsDel_m .newsDelTime span {
            float: left;
            width: 100%;
            display: block;
        }

        .newsDel_m .newsDelTime a {
            float: none;
            clear: both;
            display: inline-block;
            *display: inline;
            zoom: 1;
            vertical-align: top;
        }

        .newsDel_m .newsDelTime a i {
            float: none;
            margin-left: 10px;
        }

        .newsDel_m .newsDelTxt {
            padding: 20px 0;
            font-size: 14px;
            line-height: 24px;
        }

        .newsDel_m .newsDelShare {
            padding-bottom: 20px;
        }

        .newsDel_d .homeNewsList ul li {
            width: 100%;
        }

        .newsDel_d .homeNewsTxt {
            float: left;
        }

    }

    /* 4产品介绍 */
    .proIntr {
        width: 100%;
        padding-bottom: 80px;
    }

    .proIntrTit {
        width: 100%;
        margin-top: 80px;
        text-align: center;
    }

    .proIntrTit.colw h2 {
        color: #fff;
    }

    .proIntrTit.colw h2 span::after {
        background: url(../image/probg.png) no-repeat;
    }

    .proIntrTxt {
        float: left;
        width: 100%;
        line-height: 36px;
        font-size: 16px;
        color: #555;
        margin-top: 18px;
    }

    .proIntr_m .homeProList {
        margin-top: 31px;
    }

    .proIntr_m .homeProList::before {
        display: none;
    }

    .proIntr_m .homeProLi {
        padding: 55px 42px 65px 70px;
        margin-top: 0;
    }

    .proIntr_m .homeProLi::after {
        display: none;
    }

    .proIntr_m .homeProPoint {
        padding-top: 21px;
        padding-left: 0;
        border: 0;
    }

    .proIntr_m .homeProPoint::before {
        display: none;
    }

    .proIntr_m .homeProLi:last-child .homeProPoint::after {
        display: none;
    }

    .proIntr_m .homeProLi:nth-child(2n-1) {
        background: #f5f5f5;
    }

    .proIntr_m .homeProLi:nth-child(2n-1) i {
        float: left;
    }

    .proIntr_m .homeProLi:nth-child(2n) i {
        float: right;
    }

    .proIntr_m .homeProPoint .homeProBox ul {
        position: relative;
        min-height: inherit;
    }

    .proIntr_m .homeProPoint .homeProBox ul::before {
        position: absolute;
        content: "";
        left: -72px;
        top: 0;
        width: 2px;
        height: 100%;
        background: #d6d6d6;
    }

    .proIntrVal {
        float: left;
        width: 100%;
        padding-bottom: 100px;
        background: #f5f5f5;
    }

    .proIntrSce {
        float: left;
        width: 100%;
        padding-bottom: 100px;
    }

    .proIntrSce_t {
        float: left;
        width: 100%;
        margin-top: 37px;
        padding-bottom: 8px;
    }

    .proIntrSce_t ul {
        margin: 0 -21px;
    }

    .proIntrSce_t ul li {
        float: left;
        width: 20%;
        padding: 0 21px;
    }

    .proIntrSce_t .proIntrSce_li {
        float: left;
        width: 100%;
        background: #f5f5f5;
        padding: 52px 0 23px 0;
        text-align: center;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

    .proIntrSce_t .proIntrSce_li img {
        width: 117px;
        display: inline;
    }

    .proIntrSce_t .proIntrSce_li h4 {
        float: left;
        width: 100%;
        line-height: 24px;
        height: 48px;
        color: #333;
        font-size: 16px;
        overflow: hidden;
        padding: 0 45px;
        margin-top: 15px;
    }

    .proIntrSce_ul .slick-prev,
    .proIntrSce_ul .slick-next {
        font-size: 0;
        line-height: 0;
        position: absolute;
        left: -15px;
        top: 50%;
        display: block;
        width: 20px;
        height: 48px;
        padding: 0;
        cursor: pointer;
        border: none;
        outline: none;
        background: #3faaa1 url(../image/aboutleft.png) no-repeat;
        z-index: 100;
        background-size: 100%;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .proIntrSce_ul .slick-next {
        left: auto;
        right: -15px;
        background-image: url(../image/aboutright.png);
        background-size: 100%;
    }

    @media screen and (max-width: 1199px) {
        .proIntr_m .homeProPoint .homeProBox ul::before {
            left: -62px;
        }

        .proIntrSce_t .proIntrSce_li {
            padding: 32px 0 20px 0;
        }

        .proIntrSce_t .proIntrSce_li img {
            width: 87px;
        }

        .proIntrSce_t .proIntrSce_li h4 {
            padding: 0 25px;
            margin-top: 13px;
        }
    }

    @media screen and (max-width: 991px) {
        .proIntr_m .homeProLi {
            padding: 35px 32px 35px 50px;
        }

        .proIntr_m .homeProPoint .homeProBox ul::before {
            left: -52px;
        }

        .proIntr_m .homeProLi_m i {
            height: 280px;
        }

        .proIntrVal {
            padding-bottom: 60px;
        }

        .proIntrSce {
            padding-bottom: 60px;
        }

        .proIntrSce_t ul {
            margin: 0 -12px;
        }

        .proIntrSce_t ul li {
            padding: 0 12px;
        }

        .proIntrSce_t .proIntrSce_li {
            padding: 30px 0 17px 0;
        }

        .proIntrSce_t .proIntrSce_li img {
            width: 57px;
        }

        .proIntrSce_t .proIntrSce_li h4 {
            line-height: 20px;
            height: 40px;
            font-size: 14px;
            padding: 0 15px;
            margin-top: 10px;
        }
    }

    @media screen and (max-width: 767px) {
        .proIntr {
            padding-bottom: 30px;
        }

        .proIntrTit {
            margin-top: 30px;
        }

        .proIntrTxt {
            line-height: 26px;
            font-size: 14px;
            margin-top: 10px;
        }

        .proIntr_m .homeProList {
            margin-top: 20px;
            padding-bottom: 0;
        }

        .proIntr_m .homeProLi {
            padding: 25px 15px;
        }

        .proIntr_m .homeProPoint .homeProBox ul::before {
            display: none;
        }

        .proIntr_m .homeProLi_m i {
            height: auto;
        }

        .proIntr_m .homeProBox {
            margin-top: 10px;
        }

        .proIntrVal {
            padding-bottom: 30px;
        }

        .proIntrSce {
            padding-bottom: 30px;
        }

        .proIntrSce_t ul {
            margin: 0 -5px;
        }

        .proIntrSce_t ul li {
            padding: 0 5px;
        }

        .proIntrSce_t .proIntrSce_li img {
            width: 67px;
        }

        .proIntrSce_t .proIntrSce_li {
            padding: 25px 0 10px 0;
            position: relative;
            background: none;
        }

        .proIntrSce_t .proIntrSce_li::before {
            width: 122px;
            height: 100%;
            background: #f5f5f5;
            position: absolute;
            left: 50%;
            top: 0;
            content: "";
            margin-left: -61px;
            z-index: -1;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
        }

        .proIntrSce_t {
            padding: 0 20px;
        }
    }

    .proIntrFlow {
        width: 100%;
        padding-bottom: 89px;
        background: #3faaa1;
    }

    .proIntrFlow_m {
        float: left;
        width: 100%;
        margin-top: 10px;
        position: relative;
    }

    .proIntrFlow_m::after {
        position: absolute;
        content: "";
        background: url(../image/proibg01.png) no-repeat;
        width: 135px;
        height: 230px;
        background-size: 100%;
        right: 0;
        top: 50%;
        margin-top: -97px;
    }

    .proIntrFlowList {
        float: left;
        width: 100%;
        text-align: center;
        position: relative;
        margin-top: 26px;
    }

    .proIntrFlowList::before {
        position: absolute;
        content: "";
        background: url(../image/proibg02.png) no-repeat;
        width: 23px;
        height: 26px;
        left: -1px;
        top: 50%;
        margin-top: -8px;
    }

    .proIntrFlowList::after {
        position: absolute;
        content: "";
        width: 90%;
        height: 9px;
        background: #71cac3;
        left: 10px;
        top: 50%;
        z-index: 2;
    }

    .proIntrFlowList.even::before {
        position: absolute;
        content: "";
        background: url(../image/proibg03.png) no-repeat;
        width: 23px;
        height: 26px;
        left: -1px;
        top: 50%;
        margin-top: -8px;
    }

    .proIntrFlowList.even ul li {
        float: right;
    }

    .proIntrFlowList ul {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: top;
    }

    .proIntrFlowList li {
        float: left;
        width: 176px;
        text-align: center;
        padding: 0 20px 0 30px;
        position: relative;
    }

    .proIntrFlowList li::after {
        position: absolute;
        content: "";
        width: 1px;
        height: 10px;
        background: #71cac3;
        top: 55%;
        z-index: 8;
        right: 15px;
    }

    .proIntrFlowList li::before {
        position: absolute;
        content: "";
        width: 1px;
        height: 10px;
        background: #71cac3;
        top: 55%;
        z-index: 8;
        left: 20px;
    }

    .proIntrFlowList li:first-child::before {
        display: none;
    }

    .proIntrFlowList li:last-child::after {
        display: none;
    }

    .proIntrFlowList.even li:first-child::before {
        display: block;
    }

    .proIntrFlowList.even li:first-child::after {
        display: none;
    }

    .proIntrFlowList.even li:last-child::after {
        display: block;
    }

    .proIntrFlowList.even li:last-child::before {
        display: none;
    }

    .proIntrFlowList li img {
        width: 76px;
        display: inline;
    }

    .proIntrFlowList li h4 {
        float: left;
        width: 100%;
        margin-top: 78px;
        line-height: 34px;
        height: 34px;
        font-size: 18px;
        color: #fff;
        text-align: center;
        position: relative;
    }

    .proIntrFlowList li h4 span {
        position: relative;
    }

    .proIntrFlowList li h4 span::before {
        position: absolute;
        content: "";
        width: 1px;
        height: 10px;
        background: #71cac3;
        top: -54px;
        z-index: 8;
        left: 50%;
        margin-left: -35px;
    }

    .proIntrFlowList li h4 span::after {
        position: absolute;
        content: "";
        width: 1px;
        height: 10px;
        background: #71cac3;
        top: -54px;
        z-index: 8;
        left: 50%;
        margin-left: 35px;
    }

    .proIntrFlowList li h4::before {
        position: absolute;
        content: "";
        left: 50%;
        top: -66px;
        z-index: 9;
        background: url(../image/proibg06.png) no-repeat;
        width: 26px;
        height: 26px;
        margin-left: -13px;
        background-size: 100%;
    }

    .proIntrFlowList li h4::after {
        position: absolute;
        content: "";
        width: 1px;
        height: 24px;
        background: #71cac3;
        top: -48px;
        z-index: 8;
        left: 50%;
    }

    @media screen and (max-width: 1199px) {
        .proIntrFlow_m::after {
            width: 130px;
            height: 220px;
            background-size: 130px 220px;
            right: 0;
            top: 50%;
            margin-top: -92px;
        }

        .proIntrFlowList::before {
            margin-top: -13px;
        }

        .proIntrFlowList.even::before {
            margin-top: -13px;
        }

        .proIntrFlowList::after {
            width: 88%;
            height: 9px;
            left: 10px;
            top: 83px;
        }

        .proIntrFlowList li {
            width: 136px;
            padding: 0 15px;
        }

        .proIntrFlowList li h4 {
            font-size: 16px;
        }

        .proIntrFlowList li::after {
            right: 10px;
        }

        .proIntrFlowList li::before {
            left: 12px;
        }

        .proIntrFlowList li img {
            width: 66px;
        }
    }

    @media screen and (max-width: 991px) {
        .proIntrFlow_m::after {
            display: none;
        }

        .proIntrFlowList {
            margin: 20px 0 0 0;
            overflow: hidden;
        }

        .proIntrFlowList .slick-slide {
            padding: 0;
        }

        .proIntrFlowList .slick-slide::after {
            position: absolute;
            content: "";
            width: 100%;
            height: 9px;
            background: #71cac3;
            left: 10px;
            top: 48%;
            z-index: 2;
        }

        .proIntrFlowList .slick-list {
            position: relative;
        }

        .proIntrFlowList .slick-list::after {
            width: 20px;
            height: 100%;
            background: #3faaa1;
            position: absolute;
            right: 0;
            top: 0;
            content: "";
            z-index: 9;
        }

        .proIntrFlowList::after {
            position: absolute;
            content: "";
            background: url(../image/proibg02.png) no-repeat;
            width: 23px;
            height: 26px;
            right: -1px;
            top: 50%;
            left: auto;
            margin-top: -13px;
        }

        .proIntrFlowList li {
            width: 100%;
        }

        .proIntrFlowList li h4::before {
            z-index: 99;
        }
    }

    @media screen and (max-width: 767px) {
        .proIntrFlow {
            padding-bottom: 39px;
        }

        .proIntrFlowList .slick-slide::after {
            height: 6px;
            left: 10px;
            top: 48%;
        }

        .proIntrFlowList li img {
            width: 46px;
        }

        .proIntrFlowList li h4 {
            font-size: 14px;
            margin-top: 48px;
        }

        .proIntrFlowList li h4::before {
            top: -38px;
            width: 20px;
            height: 20px;
            margin-left: -10px;
            background-size: 100%;
        }

        .proIntrFlowList li h4::after {
            height: 24px;
            top: -28px;
        }

        .proIntrFlowList li h4 span::before {
            top: -34px;
            margin-left: -30px;
        }

        .proIntrFlowList li h4 span::after {
            top: -34px;
            margin-left: 30px;
        }
    }

    .proIntrMod {
        width: 100%;
    }

    .proIntrMod_m {
        float: left;
        width: 100%;
        margin-top: 27px;
    }

    .proIntrMod_t {
        float: left;
        width: 100%;
        padding-top: 26px;
        text-align: center;
        position: relative;
    }

    .proIntrMod_t::after {
        position: absolute;
        content: "";
        width: 94px;
        height: 94px;
        background: url(../image/proibg07.png) no-repeat;
        left: 50%;
        margin-left: -47px;
        top: 0;
        background-size: 100%;
        z-index: -1;
    }

    .proIntrMod_t h4 {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: top;
        padding: 0 52px;
        line-height: 42px;
        height: 42px;
        font-size: 18px;
        color: #fff;
        background: #f8af47;
        -webkit-border-radius: 21px;
        -moz-border-radius: 21px;
        border-radius: 21px;
    }

    .proIntrMod_l {
        float: left;
        width: 100%;
        padding-top: 86px;
        position: relative;
    }

    .proIntrMod_l::before {
        position: absolute;
        width: 1px;
        height: 100%;
        content: "";
        left: 50%;
        top: 0;
        background: #bebebe;
    }

    .proIntrMod_l .ul1 {
        margin: 0 -21px;
    }

    .proIntrMod_l .li1 {
        float: left;
        width: 16.666667%;
        padding: 26px 21px;
        margin-top: 29px;
        position: relative;
    }

    .proIntrMod_l .li1::before,
    .proIntrMod_l .li1::after {
        position: absolute;
        width: 50%;
        height: 1px;
        background: #bebebe;
        left: 0;
        top: -29px;
        content: "";
    }

    .proIntrMod_l .li1::before {
        left: auto;
        right: 0;
    }

    .proIntrMod_l .li1:first-child::after {
        display: none;
    }

    .proIntrMod_l .li1:last-child::before {
        display: none;
    }

    .proIntrMod_l .li1 span {
        float: left;
        width: 100%;
        display: block;
        line-height: 42px;
        height: 42px;
        text-align: center;
        font-size: 16px;
        color: #fff;
        background: #3faaa1;
        position: relative;
        -webkit-border-radius: 21px;
        -moz-border-radius: 21px;
        border-radius: 21px;
    }

    .proIntrMod_l .li1 span::before {
        position: absolute;
        width: 1px;
        height: 29px;
        top: -55px;
        left: 50%;
        background: #bebebe;
        content: "";
    }

    .proIntrMod_l .li1 span::after {
        position: absolute;
        content: "";
        left: 50%;
        margin-left: -47px;
        width: 94px;
        height: 94px;
        top: -26px;
        background: url(../image/proibg08.png) no-repeat;
        background-size: 100%;
        z-index: -1;
    }

    .proIntrMod_l .ul2 {
        float: left;
        width: 100%;
        margin-top: 34px;
    }

    .proIntrMod_l .ul2.cen {
        text-align: center;
    }

    .proIntrMod_l .li2 {
        float: left;
        width: 100%;
        line-height: 24px;
        padding: 8px 0;
        font-size: 16px;
        color: #444;
    }

    .proIntrMod_l .li2 i {
        padding-right: 10px;
        font-size: 18px;
        font-weight: bold;
        font-style: normal;
    }

    .proIntrMod_l.even {
        float: left;
        width: 100%;
        padding-top: 30px;
        position: relative;
    }

    .proIntrMod_l.even::before {
        height: 30px;
    }

    @media screen and (max-width: 991px) {
        .proIntrMod_l {
            padding-top: 56px;
        }

        .proIntrMod_l .ul1 {
            margin: 0 -10px;
        }

        .proIntrMod_l .li1 {
            padding: 20px 10px;
            margin-top: 20px;
        }

        .proIntrMod_l .li1::before,
        .proIntrMod_l .li1::after {
            top: -20px;
        }

        .proIntrMod_l .li1 span {
            line-height: 32px;
            height: 32px;
            font-size: 14px;
        }

        .proIntrMod_l .li1 span::before {
            height: 20px;
            top: -40px;
        }

        .proIntrMod_l .li1 span::after {
            margin-left: -35px;
            width: 70px;
            height: 70px;
            top: -20px;
        }

        .proIntrMod_l .ul2 {
            margin-top: 24px;
        }

        .proIntrMod_l .li2 {
            line-height: 20px;
            padding: 5px 0;
            font-size: 14px;
        }

        .proIntrMod_l.even {
            padding-top: 20px;
        }

        .proIntrMod_l.even::before {
            height: 20px;
        }
    }

    @media screen and (max-width: 767px) {
        .proIntrMod_m {
            margin-top: 20px;
        }

        .proIntrMod_t {
            padding-top: 20px;
        }

        .proIntrMod_t::after {
            width: 70px;
            height: 70px;
            margin-left: -35px;
        }

        .proIntrMod_t h4 {
            padding: 0 22px;
            line-height: 32px;
            height: 32px;
            font-size: 16px;
        }

        .proIntrMod_l::before {
            height: 56px;
        }

        .proIntrMod_l .li1 {
            width: 100%;
        }

        .proIntrMod_l .li2 {
            padding: 5px 15px;
        }

        .proIntrMod_l .li1:nth-child(2n-1)::after {
            display: none;
        }

        .proIntrMod_l .li1:nth-child(2n)::before {
            display: none;
        }
    }

    .proIntrBb {
        width: 100%;
        background: #f7f7f7;
        position: relative;
        margin-top: 36px;
    }

    .proIntrBb::after {
        position: absolute;
        right: 0;
        top: 0;
        width: 50%;
        height: 100%;
        background: #f2f2f2;
        content: "";
        z-index: 0;
    }

    .proIntrBb ul {
        float: left;
        width: 100%;
        position: relative;
        z-index: 2;
    }

    .proIntrBb ul li {
        float: left;
        width: 25%;
        text-align: center;
        padding: 60px 32px 22px 32px;
        background: #f2f2f2;
    }

    .proIntrBb ul li:nth-child(2n) {
        background: #f7f7f7;
    }

    .proIntrBb ul li img {
        width: 100px;
    }

    .proIntrBb ul li h4 {
        float: left;
        width: 100%;
        line-height: 30px;
        height: 30px;
        margin-top: 24px;
        font-size: 18px;
        color: #333;
    }

    .proIntrBb ul li span {
        float: left;
        width: 100%;
        display: block;
        line-height: 30px;
        height: 60px;
        overflow: hidden;
        font-size: 14px;
        color: #888;
    }

    .proIntr_d {
        width: 100%;
        margin-top: 68px;
    }

    .proIntr_d h4 {
        float: left;
        width: 100%;
        line-height: 45px;
        height: 45px;
        font-size: 24px;
        color: #333;
        text-align: center;
        font-weight: bold;
    }

    .proIntrTable {
        float: left;
        width: 100%;
        margin-top: 36px;
    }

    .proIntrTable ul {
        float: left;
        width: 100%;
        border-left: 1px solid #ececec;
        border-top: 1px solid #ececec;
    }

    .proIntrTable ul li {
        float: left;
        line-height: 53px;
        height: 53px;
        color: #3faaa1;
        text-align: center;
        font-weight: bold;
        font-size: 16px;
        border-right: 1px solid #ececec;
        border-bottom: 1px solid #ececec;
    }

    .proIntrTable ul li.li2 {
        position: relative;
        width: 16.26068425%;
    }

    .proIntrTable ul li.li2 span {
        position: absolute;
        font-size: 24px;
        color: #fff;
        line-height: 64px;
        height: 64px;
        bottom: 0;
        left: -1px;
        width: 100%;
        display: block;
        border-top: 1px solid #ececec;
    }

    .proIntrTable table {
        float: left;
        width: 100%;
        border-left: 1px solid #ececec;
    }

    .proIntrTable table td {
        border-right: 1px solid #ececec;
        border-bottom: 1px solid #ececec;
        line-height: 53px;
        height: 53px;
        font-size: 16px;
        color: #333;
        text-align: center;
        position: relative;
    }

    .proIntrTable table .td1 {
        background: #f9fefe;
        width: 12.735043%;
    }

    .proIntrTable table .td2 {
        width: 16.26068425%;
    }

    .proIntrTable table .td3 {
        width: 22.222222%;
    }

    .proIntrTable table tr:nth-child(even) {
        background: #f7f7f7;
    }

    .proIntrTable table .td1.bg02 {
        background: rgba(107, 195, 188, .15);
    }

    .proIntrTable table td img {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -11px;
        margin-top: -11px;
        width: 22px;
        height: 22px;
        display: block;
    }

    .proIntrBTxt {
        float: left;
        width: 100%;
        border: 1px solid #ececec;
        border-top: none;
        text-align: center;
        padding: 18px 0;
    }

    .proIntrBTxt ul {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: top;
    }

    .proIntrBTxt ul li {
        float: left;
        padding: 0 30px 0 60px;
        line-height: 44px;
        font-size: 16px;
        color: #333;
        position: relative;
    }

    .proIntrBTxt ul li i {
        position: absolute;
        left: 30px;
        top: 50%;
        margin-top: -11px;
        height: 22px;
        width: 22px;
        display: block;
    }

    .proIntrBTxt ul li i img {
        display: block;
        width: 100%;
    }

    .proIntrBTxt span {
        float: left;
        width: 100%;
        line-height: 34px;
        font-size: 14px;
        color: #666;
        display: block;
    }

    @media screen and (max-width: 1199px) {
        .proIntrBb ul li {
            padding: 40px 25px 22px 25px;
        }

        .proIntrBb ul li img {
            width: 70px;
        }

        .proIntrBb ul li h4 {
            line-height: 24px;
            height: 24px;
            margin-top: 15px;
            font-size: 16px;
        }

        .proIntrBb ul li span {
            line-height: 24px;
            height: 48px;
            font-size: 13px;
        }
    }

    @media screen and (max-width: 767px) {
        .proIntrBb ul li {
            width: 50%;
            border-bottom: 2px solid rgba(255, 255, 255, .4);
        }

        .proIntrBb ul li img {
            width: 70px;
        }

        .proIntrBb ul li h4 {
            line-height: 24px;
            height: 24px;
            margin-top: 15px;
            font-size: 16px;
        }

        .proIntrBb ul li span {
            line-height: 24px;
            height: 48px;
            font-size: 13px;
        }

        .proIntr_d {
            margin-top: 28px;
        }

        .proIntr_d h4 {
            line-height: 25px;
            height: 25px;
            font-size: 18px;
        }

        .proIntrTable ul li {
            line-height: 30px;
            height: 30px;
            font-size: 14px;
        }

        .proIntrTable ul li:first-child {
            width: 16% !important;
        }

        .proIntrTable ul li:nth-child(2) {
            width: 18% !important;
        }

        .proIntrTable ul li.li2 {
            width: 16.5%;
        }

        .proIntrTable ul li.li2 span {
            font-size: 15px;
            line-height: 44px;
            height: 44px;
        }

        .proIntrTable table td {
            line-height: 20px;
            padding: 5px;
            height: auto;
            font-size: 14px;
        }

        .proIntrTable table .td1 {
            width: 16%;
        }

        .proIntrTable table .td2 {
            width: 16.5%;
        }

        .proIntrTable table .td3 {
            width: 18%;
        }

        .proIntrTable table td img {
            margin-left: -6px;
            margin-top: -6px;
            width: 12px;
            height: 12px;
        }

        .proIntrBTxt {
            padding: 10px 0;
        }

        .proIntrBTxt ul {
            width: 90%;
        }

        .proIntrBTxt ul li {
            padding: 0 15px 0 30px;
            font-size: 14px;
            text-align: left;
            line-height: 34px;
            height: 34px;
        }

        .proIntrBTxt ul li i {
            left: 10px;
            margin-top: -6px;
            height: 12px;
            width: 12px;
        }

        .proIntrBTxt span {
            line-height: 24px;
            font-size: 13px;
            padding: 0 20px;
        }
    }


    /* 5成功案例 */
    .case {
        float: left;
        width: 100%;
        padding-top: 50px;
    }

    .caseList {
        float: left;
        width: 100%;
        min-height: 600px;
    }

    .caseList ul {
        margin: 0 -15px;
    }

    .caseList ul li {
        float: left;
        width: 25%;
        padding: 0 15px;
        margin-top: 30px;
    }

    .caseList ul li a {
        float: left;
        width: 100%;
        display: block;
        border: 1px solid #e7e7e7;
    }

    .caseList .casePic {
        float: left;
        width: 100%;
        overflow: hidden;
    }

    .caseList .casePic img {
        float: left;
        width: 100%;
        display: block;
        -webkit-transition: all 0.4s ease-out 0s;
        -moz-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
    }

    .caseList .caseName {
        float: left;
        width: 100%;
        padding: 9px 54px 14px 20px;
        background: #f8f8f8;
        position: relative;
    }

    .caseList .caseName h4 {
        float: left;
        width: 100%;
        line-height: 42px;
        height: 42px;
        font-size: 22px;
        color: #333;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .caseList .caseName span {
        float: left;
        width: 100%;
        line-height: 22px;
        height: 22px;
        font-size: 14px;
        color: #888;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .caseList .caseName i {
        position: absolute;
        top: 50%;
        right: 20px;
        width: 34px;
        height: 34px;
        background: #e0e0e0 url(http://xy.25175.com/images/case01.png) no-repeat center;
        display: block;
        margin-top: -17px;
        -webkit-transition: all 0.2s ease-out 0s;
        -moz-transition: all 0.2s ease-out 0s;
        -o-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

    .caseList ul li a:hover .caseName h4 {
        color: #3faaa1;
    }

    .caseList ul li a:hover .caseName i {
        background-color: #3faaa1;
    }

    .caseList ul li a:hover .casePic img {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
    }

    @media screen and (max-width: 991px) {
        .caseList ul {
            margin: 0 -10px;
        }

        .caseList ul li {
            padding: 0 10px;
            margin-top: 20px;
        }

        .caseList .caseName {
            padding: 8px 34px 10px 15px;
        }

        .caseList .caseName h4 {
            line-height: 32px;
            height: 32px;
            font-size: 18px;
        }

        .caseList .caseName i {
            width: 24px;
            height: 24px;
            background-size: 100%;
            margin-top: -12px;
            right: 10px;
        }
    }

    @media screen and (max-width: 767px) {
        .case {
            padding-top: 30px;
        }

        .caseList {
            min-height: 400px;
        }

        .caseList ul {
            margin: 0 -5px;
        }

        .caseList ul li {
            padding: 0 5px;
            margin-top: 10px;
            width: 50%;
        }

        .caseList .caseName {
            padding: 8px 30px 10px 10px;
        }

        .caseList .caseName h4 {
            line-height: 24px;
            height: 24px;
            font-size: 15px;
        }

        .caseList .caseName span {
            font-size: 13px;
        }

        .caseList .caseName i {
            width: 20px;
            height: 20px;
            margin-top: -10px;
            right: 8px;
        }
    }

    /* 帮助中心 */
    .help {
        float: left;
        width: 100%;
        padding-top: 80px;
    }

    .helpSearch {
        float: left;
        width: 100%;
        padding: 7px;
        background: #3faaa1;
    }

    .helpSearch input {
        float: left;
        width: 88.290598%;
        background: #fff;
        height: 48px;
        line-height: 48px;
        font-size: 16px;
        color: #333;
        padding: 0 20px;
    }

    .helpSearch a {
        float: left;
        display: block;
        width: 11.709401%;
        font-size: 16px;
        color: #fff;
        line-height: 48px;
        height: 48px;
        text-align: center;
    }

    .helpSearch a span {
        padding-left: 28px;
        position: relative;
        background: url(http://xy.25175.com/images/search_bg3.png) no-repeat left;
    }

    .helpList {
        float: left;
        width: 100%;
        margin-top: 40px;
        min-height: 600px;
    }

    .helpList li {
        float: left;
        width: 100%;
        padding: 20px;
    }

    .helpList li:nth-child(2n-1) {
        background: #f7f6f6;
    }

    .helpList .helpAsk {
        float: left;
        width: 100%;
        padding-left: 66px;
        line-height: 22px;
        min-height: 50px;
        display: table;
        font-size: 14px;
        color: #2b2c2c;
        font-weight: bold;
        background: url(http://xy.25175.com/images/helpbg01.png) no-repeat left top;
    }

    .helpList .helpAnswer {
        float: left;
        width: 100%;
        padding-left: 66px;
        background: url(http://xy.25175.com/images/helpbg02.png) no-repeat left top;
        line-height: 22px;
        font-size: 14px;
        color: #666;
        margin-top: 20px;
        display: table;
        min-height: 50px;
    }

    @media screen and (max-width: 991px) {
        .help {
            padding-top: 30px;
        }
    }

    @media screen and (max-width: 767px) {
        .helpSearch {
            padding: 3px;
        }

        .helpSearch input {
            width: 80%;
            height: 38px;
            line-height: 38px;
            font-size: 14px;
            padding: 0 15px;
        }

        .helpSearch a {
            width: 20%;
            font-size: 14px;
            line-height: 38px;
            height: 38px;
        }

        .helpSearch a span {
            padding-left: 20px;
            background-size: 15px;
        }

        .helpList {
            margin-top: 20px;
            min-height: 400px;
        }

        .helpList li {
            padding: 15px;
        }

        .helpList .helpAsk {
            padding-left: 40px;
            min-height: 32px;
            background-size: 32px;
        }

        .helpList .helpAnswer {
            margin-top: 15px;
            padding-left: 40px;
            min-height: 32px;
            background-size: 32px;
        }
    }


    /* 7联系我们 */
    .contact {
        float: left;
        width: 100%;
        /* padding: 80px 0; */
    }

    #dituContent {
        width: 100%;
        height: 400px;
        float: left;
        overflow: hidden;
        position: relative;
        z-index: 0;
        color: rgb(0, 0, 0);
        text-align: left;
        background-color: rgb(243, 241, 236);
    }

    #dituContent img {
        max-width: none;
    }

    #dituContent .BMap_pop > div,
    #dituContent .BMap_shadow,
    #dituContent .anchorBL,
    #dituContent .iw_poi_title {
        display: none;
    }

    #dituContent .BMap_pop > div:nth-child(9) {
        display: block;
        width: 466px !important;
        height: 44px !important;
        line-height: 44px !important;
        font-size: 16px;
        color: #565656;
        background: #fff;
        left: 0 !important;
        top: 145px !important;
        text-align: center;
        -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
        -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
        box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
        -webkit-border-radius: 22px;
        -moz-border-radius: 22px;
        border-radius: 22px;
    }

    .contact_m {
        float: left;
        width: 100%;
        margin-top: 60px;
    }

    .contact_m ul {
        float: left;
        width: 100%;
        position: relative;
    }

    .contact_m ul::after {
        position: absolute;
        content: "";
        width: 1px;
        height: 100%;
        background: #fff;
        right: 0;
        top: 0;
    }

    .contact_m ul li {
        float: left;
        width: 25%;
        border-right: 1px solid #d9d9d9;
        padding-top: 4px;
        text-align: center;
    }

    .contact_m ul li h4 {
        float: left;
        width: 100%;
        line-height: 32px;
        height: 42px;
        font-size: 18px;
        color: #333;
        margin-top: 13px;
        padding-bottom: 10px;
        position: relative;
    }

    .contact_m ul li h4::after {
        position: absolute;
        content: "";
        width: 23px;
        height: 2px;
        background: #ccc;
        bottom: 0;
        left: 50%;
        margin-left: -11px;
    }

    .contact_m ul li h5 {
        float: left;
        width: 100%;
        line-height: 28px;
        height: 28px;
        font-size: 16px;
        color: #565656;
        margin-top: 14px;
    }

    .contact_m ul li .img01 {
        width: 59px;
    }

    .contact_m ul li .img02 {
        width: 110px;
    }

    @media screen and (max-width: 991px) {
        .contact {
            padding: 40px 0;
        }

        .contact_m ul li h4 {
            line-height: 24px;
            height: 34px;
            font-size: 16px;
            margin-top: 10px;
        }

        .contact_m ul li h5 {
            line-height: 24px;
            height: 24px;
            font-size: 14px;
            margin-top: 10px;
        }

        .contact_m ul li .img01 {
            width: 39px;
        }

        .contact_m ul li .img02 {
            width: 80px;
        }
    }

    @media screen and (max-width: 767px) {
        #dituContent {
            height: 300px;
        }

        #dituContent .BMap_pop > div:nth-child(9) {
            font-size: 14px;
            width: 400px !important;
            left: -50px !important;
        }

        .contact {
            padding: 30px 0;
        }

        .contact_m {
            margin-top: 30px;
        }

        .contact_m ul li {
            width: 50%;
            margin-top: 15px;
        }

        .contact_m ul li .img01 {
            width: 39px;
        }

        .contact_m ul li .img02 {
            width: 80px;
        }
    }

    /* 8申请试用 */
    .applySy {
        float: left;
        width: 100%;
        padding: 80px 0;
    }

    .applySy_m {
        float: left;
        width: 100%;
        -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
        -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
        box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
    }

    .applyIntr {
        float: left;
        width: 34.017094%;
        background: url(http://xy.25175.com/images/applybg.jpg) no-repeat center/cover;
        padding: 82px 64px 72px 64px;
    }

    .applyIntr h3 {
        float: left;
        width: 100%;
        display: block;
        line-height: 40px;
        height: 40px;
        font-size: 32px;
        color: #fff;
        text-align: center;
        position: relative;
        margin-top: 31px;
    }

    .applyIntr h3::before {
        position: absolute;
        content: "";
        width: 86px;
        height: 25px;
        background: url(http://xy.25175.com/images/applybg02.png) no-repeat top;
        left: 50%;
        margin-left: -43px;
        top: -31px;
    }

    .applyIntr h4 {
        float: left;
        width: 100%;
        line-height: 28px;
        height: 28px;
        margin-bottom: 36px;
        position: relative;
        text-align: center;
        font-size: 18px;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 2px;
    }

    .applyIntr h4::after {
        position: absolute;
        content: "";
        left: 50%;
        margin-left: -43px;
        width: 86px;
        height: 25px;
        background: url(http://xy.25175.com/images/applybg02.png) no-repeat bottom;
        bottom: -36px;
    }

    .applyIntr .applyTxt {
        float: left;
        width: 100%;
        line-height: 36px;
        height: 180px;
        overflow: hidden;
        color: #fff;
        font-size: 16px;
        margin-top: 43px;
    }

    .applyForm {
        float: left;
        width: 65.982906%;
        padding: 60px 70px;
        background: #fff;
    }

    .applyForm h4 {
        float: left;
        width: 100%;
        padding-bottom: 20px;
        border-bottom: 1px dashed #ccc;
        font-size: 18px;
        color: #3faaa1;
    }

    .applyForm .applyForm_1 {
        float: left;
        width: 100%;
        padding-top: 20px;
    }

    .applyForm .applyForm_1 label {
        float: left;
        width: 100px;
        line-height: 48px;
        height: 48px;
        font-size: 14px;
        color: #333;
        padding-left: 8px;
        position: relative;
        margin-bottom: 0;
        font-weight: normal;
    }

    .applyForm .applyForm_1 label i {
        font-style: normal;
        position: absolute;
        color: #ff0000;
        left: 0;
        top: 0;
        display: block;
        line-height: 48px;
        height: 48px;
    }

    .applyForm .applyForm_1 input {
        float: left;
        width: 84.126984%;
        line-height: 46px;
        height: 48px;
        border: 1px solid #ececec;
        background: #fff;
        padding: 0 20px;
        font-size: 14px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .applyForm .applyForm_1 .applyCom {
        float: left;
        width: 40.476190%;
        border: 1px solid #ececec;
        position: relative;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .applyForm .applyForm_1 .applyCom::after {
        position: absolute;
        content: "";
        right: 10px;
        top: 50%;
        background: url(http://xy.25175.com/images/applybg03.jpg) no-repeat;
        width: 17px;
        height: 18px;
        margin-top: -9px;
    }

    .applyForm .applyForm_1 .applyCom span {
        float: left;
        width: 100%;
        height: 46px;
        line-height: 46px;
        font-size: 14px;
        color: #333;
        padding: 0 10px;
    }

    .applyForm .applyForm_1 .applyCom select {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 48px;
        border: 0;
        filter: alpha(opacity=00);
        opacity: 0;
        z-index: 9;
        cursor: pointer;
    }

    .applyBtn {
        float: right;
        width: 84.126984%;
        padding-top: 20px;
    }

    .applyBtn a {
        float: left;
        width: 100%;
        display: block;
        line-height: 60px;
        height: 60px;
        font-size: 18px;
        color: #fff;
        text-align: center;
        background: #3faaa1;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .applyBtn a:hover {
        background: #328f87;
    }

    @media screen and (max-width: 1199px) {
        .applyForm {
            padding: 50px 40px;
        }

        .applyForm .applyForm_1 {
            padding-top: 15px;
        }

        .applyForm .applyForm_1 input {
            width: 80%;
        }
    }

    @media screen and (max-width: 991px) {
        .applySy {
            padding: 40px 0;
        }

        .applyIntr {
            width: 34.017094%;
            padding: 62px 24px 42px 24px;
        }

        .applyIntr h3 {
            line-height: 30px;
            height: 30px;
            font-size: 22px;
            margin-top: 21px;
        }

        .applyIntr h3::before {
            width: 66px;
            height: 20px;
            margin-left: -33px;
            top: -21px;
            background-size: 100%;
        }

        .applyIntr h4 {
            margin-bottom: 26px;
            font-size: 16px;
        }

        .applyIntr h4::after {
            margin-left: -33px;
            width: 66px;
            height: 20px;
            bottom: -26px;
            background-size: 100%;
        }

        .applyIntr .applyTxt {
            line-height: 30px;
            height: 180px;
            font-size: 14px;
            margin-top: 23px;
        }

        .applyForm {
            padding: 40px 30px;
        }

        .applyForm .applyForm_1 {
            padding-top: 15px;
        }

        .applyForm .applyForm_1 input {
            width: 76%;
        }

        .applyForm .applyForm_1 label i,
        .applyForm .applyForm_1 label {
            height: 42px;
            line-height: 42px;
        }

        .applyForm .applyForm_1 input {
            line-height: 40px;
            height: 42px;
        }

        .applyForm .applyForm_1 .applyCom {
            width: 37%;
        }

        .applyForm .applyForm_1 .applyCom select,
        .applyForm .applyForm_1 .applyCom span {
            line-height: 40px;
            height: 40px;
        }

        .applyBtn a {
            line-height: 40px;
            height: 40px;
            font-size: 16px;
        }
    }

    @media screen and (max-width: 767px) {
        .applySy {
            padding: 30px 0;
        }

        .applyIntr {
            width: 100%;
            padding: 32px 15px;
        }

        .applyIntr .applyTxt {
            line-height: 30px;
            height: auto;
            font-size: 14px;
            margin-top: 23px;
        }

        .applyForm {
            padding: 30px 15px;
            width: 100%
        }

        .applyForm .applyForm_1 {
            padding-top: 10px;
        }

        .applyForm .applyForm_1 input {
            width: 100%;
        }

        .applyForm .applyForm_1 label i,
        .applyForm .applyForm_1 label {
            width: 100%;
            height: 32px;
            line-height: 32px;
        }

        .applyForm .applyForm_1 input {
            line-height: 30px;
            height: 32px;
        }

        .applyForm .applyForm_1 .applyCom {
            width: 48%;
        }

        .applyForm .applyForm_1 .applyCom select,
        .applyForm .applyForm_1 .applyCom span {
            line-height: 30px;
            height: 30px;
        }

        .applyBtn {
            width: 100%;
        }

        .applyBtn a {
            line-height: 30px;
            height: 30px;
            font-size: 14px;
        }
    }

    /* 9 案例详情 */
    .caseDel {
        float: left;
        width: 100%;
        padding: 80px 0 53px 0;
    }

    .caseDel .caseDelTop {
        float: left;
        width: 100%;
        padding-top: 102px;
        position: relative;
    }

    .caseDel .caseDelTop img {
        float: left;
        width: 100%;
        display: block;
    }

    .caseDel .caseDelTop .caseLogo {
        position: absolute;
        left: 50%;
        top: -12px;
        width: 204px;
        height: 204px;
        margin-left: -102px;
    }

    .caseDel .caseDelTop .caseLogo img {
        display: block;
        width: 100%;
    }

    .caseDel .caseDelTop .casePlay {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 100px;
        margin-left: -50px;
        text-align: center;
    }

    .caseDel .caseDelTop .casePlay i {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: top;
        width: 55px;
        height: 55px;
        background: url(http://xy.25175.com/images/hcasebg03.png) no-repeat;
        background-size: 100%;
        cursor: pointer;
    }

    .caseDel .caseDelTop .casePlay span {
        float: left;
        width: 100%;
        line-height: 54px;
        height: 54px;
        font-size: 16px;
        color: #fff;
    }

    .caseDelTit {
        float: left;
        width: 100%;
        margin-top: 38px;
        padding-bottom: 17px;
        border-bottom: 1px dashed #ccc;
    }

    .caseDelTit h4 {
        float: left;
        width: 100%;
        line-height: 48px;
        height: 48px;
        padding-left: 16px;
        font-size: 24px;
        color: #333;
        position: relative;
    }

    .caseDelTit h4::before {
        position: absolute;
        content: "";
        width: 3px;
        height: 24px;
        background: #3faaa1;
        left: 0;
        top: 50%;
        margin-top: -12px;
    }

    .caseDelTit h4 span {
        font-size: 16px;
        color: #3faaa1;
        padding-left: 12px;
    }

    .caseDel_m {
        float: left;
        width: 100%;
        line-height: 30px;
        margin-top: 22px;
        font-size: 16px;
        color: #666;
    }

    .caseDel_m .case_h4 {
        float: left;
        width: 100%;
        font-weight: bold;
    }

    .caseDel_m .span03 {
        float: right;
        width: 100%;
        text-align: right;
    }

    @media screen and (max-width: 991px) {
        .caseDel {
            padding: 40px 0 33px 0;
        }

        .caseDel .caseDelTop {
            padding-top: 82px;
        }

        .caseDel .caseDelTop .caseLogo {
            width: 164px;
            height: 164px;
            margin-left: -82px;
        }
    }

    @media screen and (max-width: 767px) {
        .caseDel {
            padding: 30px 0 33px 0;
        }

        .caseDel .caseDelTop {
            padding-top: 42px;
        }

        .caseDel .caseDelTop .caseLogo {
            width: 84px;
            height: 84px;
            margin-left: -42px;
        }

        .caseDel .caseDelTop .casePlay i {
            width: 35px;
            height: 35px;
        }

        .caseDel .caseDelTop .casePlay span {
            line-height: 24px;
            height: 24px;
            margin-top: 5px;
            font-size: 14px;
        }

        .caseDelTit {
            margin-top: 25px;
            padding-bottom: 10px;
        }

        .caseDelTit h4 {
            line-height: 28px;
            height: 28px;
            padding-left: 12px;
            font-size: 18px;
        }

        .caseDelTit h4::before {
            width: 2px;
            height: 18px;
            margin-top: -9px;
        }

        .caseDelTit h4 span {
            padding-left: 8px;
        }

        .caseDel_m {
            line-height: 26px;
            margin-top: 15px;
            font-size: 14px;
        }
    }

    /* 10视频教程 */
    .videoClass {
        float: left;
        width: 100%;
        margin-top: 50px;
    }

    .videoList {
        float: left;
        width: 100%;
    }

    .videoList ul {
        margin: 0 -15px;
    }

    .videoList ul li {
        float: left;
        width: 50%;
        padding: 0 15px;
        margin-top: 30px;
    }

    .videoList ul li a {
        float: left;
        width: 100%;
        display: block;
        position: relative;
        overflow: hidden;
    }

    .videoList ul li a img {
        float: left;
        width: 100%;
        display: block;
        -webkit-transition: all 0.4s ease-out 0s;
        -moz-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
    }

    .videoList ul li a i {
        position: absolute;
        width: 55px;
        height: 55px;
        display: block;
        background: url(http://xy.25175.com/images/hcasebg03.png) no-repeat;
        left: 50%;
        margin-left: -27px;
        margin-top: -28px;
        top: 50%;
    }

    .videoList .videoTit {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        line-height: 59px;
        height: 111px;
        font-size: 18px;
        color: #fff;
        text-align: center;
        padding: 52px 15px 0 15px;
        background: url(http://xy.25175.com/images/vidbg.png) no-repeat top;
    }

    .videoList ul li a:hover img {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
    }

    .videoList ul li:hover .videoTit {
        display: none
    }

    @media screen and (max-width: 991px) {
        .videoClass {
            margin-top: 20px;
        }

        .videoList ul {
            margin: 0 -10px;
        }

        .videoList ul li {
            padding: 0 10px;
            margin-top: 20px;
        }
    }

    @media screen and (max-width: 767px) {
        .videoList ul {
            margin: 0;
        }

        .videoList ul li {
            padding: 0;
            margin-top: 15px;
            width: 100%;
        }

        .videoList ul li a i {
            width: 40px;
            height: 40px;
            margin-left: -20px;
            margin-top: -20px;
            background-size: 100%;
        }

        .videoList .videoTit {
            line-height: 34px;
            padding: 40px 10px 0 10px;
            height: 74px;
            font-size: 14px;
        }
    }


    /* 11下载资料 */
    .download {
        float: left;
        width: 100%;
        margin-top: 50px;
    }

    .loadList {
        float: left;
        width: 100%;
        min-height: 600px;
    }

    .loadList ul {
        margin: 0 -15px;
    }

    .loadList ul li {
        float: left;
        width: 33.333333%;
        padding: 0 15px;
        margin-top: 30px;
    }

    .loadList ul li a {
        float: left;
        width: 100%;
        display: table;
        height: 270px;
        text-align: center;
        background: #f3f3f3;
    }

    .loadList ul li a h4 {
        float: left;
        width: 100%;
        line-height: 32px;
        height: 32px;
        font-size: 18px;
        color: #333;
    }

    .loadList .loadIntr {
        float: left;
        width: 100%;
        padding: 0 82px;
        line-height: 24px;
        height: 48px;
        overflow: hidden;
        margin-top: 7px;
        color: #666;
        font-size: 14px;
    }

    .loadList .loadBtn {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: top;
        width: 132px;
        height: 40px;
        line-height: 38px;
        font-size: 14px;
        color: #3faaa1;
        border: 1px solid #3faaa1;
        margin-top: 35px;
        -webkit-transition: all 0.2s ease-out 0s;
        -moz-transition: all 0.2s ease-out 0s;
        -o-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    .loadList .loadBtn span {
        padding-right: 28px;
        background: url(http://xy.25175.com/images/loadbg2.png) no-repeat right;
    }

    .loadList ul li a:hover {
        background: #3faaa1;
    }

    .loadList ul li a:hover .loadBtn {
        color: #fff;
        border-color: #fff;
    }

    .loadList ul li a:hover span {
        background: url(http://xy.25175.com/images/loadbg.png) no-repeat right;
    }

    .loadList ul li a:hover h4 {
        color: #fff;
    }

    .loadList ul li a:hover .loadIntr {
        color: rgba(255, 255, 255, .7);
    }

    @media screen and (max-width: 1199px) {
        .loadList .loadIntr {
            padding: 0 52px;
        }
    }

    @media screen and (max-width: 991px) {
        .download {
            margin-top: 20px;
        }

        .loadList ul {
            margin: 0 -10px;
        }

        .loadList ul li {
            width: 50%;
            padding: 0 10px;
            margin-top: 20px;
        }

        .loadList .loadIntr {
            padding: 0 52px;
        }
    }

    @media screen and (max-width: 599px) {
        .download {
            margin-top: 20px;
        }

        .loadList ul {
            margin: 0;
        }

        .loadList ul li {
            width: 100%;
            padding: 0;
            margin-top: 15px;
        }

        .loadList ul li a {
            height: 250px;
        }

        .loadList .loadIntr {
            padding: 0 42px;
        }
    }

    /* 12 用户手册 */
    .admin {
        float: left;
        width: 100%;
        padding: 60px 0 80px 0;
    }

    .admin_m {
        float: left;
        width: 100%;
        position: relative;
        min-height: 600px;
    }

    .adminLeft {
        position: absolute;
        left: 0;
        top: 0;
        width: 20.512821%;
        height: 100%;
        background: #f2f7f7;
        overflow: hidden;
        -webkit-border-radius: 10px 10px 0 0;
        -moz-border-radius: 10px 10px 0 0;
        border-radius: 10px 10px 0 0;
    }

    .adminLeft .adminLeft_t {
        float: left;
        width: 100%;
        padding: 14px 28px;
        background: #3faaa1;
    }

    .adminLeft .adminLeft_t h4 {
        float: left;
        width: 100%;
        line-height: 35px;
        height: 35px;
        font-size: 24px;
        color: #fff;
    }

    .adminLeft .adminLeft_t h5 {
        float: left;
        width: 100%;
        line-height: 20px;
        height: 20px;
        font-size: 14px;
        color: #fff;
    }

    .adminLeft ul {
        float: left;
        width: 100%;
        padding: 0 20px;
    }

    .adminLeft ul li {
        float: left;
        width: 100%;
    }

    .adminLeft ul li a {
        float: left;
        width: 100%;
        display: block;
        line-height: 47px;
        height: 48px;
        font-size: 16px;
        color: #333;
        padding: 0 9px;
        border-bottom: 1px dotted #c2c6c6;
    }

    .adminLeft ul li.on a,
    .adminLeft ul li a:hover {
        background: #ddefef;
        padding-left: 27px;
        color: #3faaa1;
        border: 0;
    }

    .adminRight {
        float: right;
        width: 76.923077%;
        padding: 22px 30px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
        -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
        box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
    }

    .adminRight .adminTit {
        float: left;
        width: 100%;
        line-height: 40px;
        padding-bottom: 9px;
        border-bottom: 1px solid #e9e9e9;
        font-size: 20px;
        color: #333;
    }

    .adminRight .adminTxt {
        float: left;
        margin-top: 16px;
        font-size: 14px;
        color: #555;
        line-height: 30px;
    }

    .adminRight .adminTxt .h4 {
        float: left;
        width: 100%;
        color: #3faaa1;
        font-weight: bold;
        font-size: 14px;
    }

    @media screen and (max-width: 991px) {
        .admin {
            padding: 30px 0 30px 0;
        }

        .adminLeft {
            width: 25%;
        }

        .adminRight {
            width: 72%;
        }
    }

    @media screen and (max-width: 767px) {
        .admin {
            padding: 30px 0 30px 0;
        }

        .adminLeft {
            width: 100%;
            position: static;
            left: auto;
            padding-bottom: 20px;
        }

        .adminLeft .adminLeft_t {
            padding: 10px 15px;
        }

        .adminLeft .adminLeft_t h4 {
            line-height: 30px;
            height: 30px;
            font-size: 16px;
        }

        .adminLeft ul {
            float: left;
            width: 100%;
            padding: 0 20px;
        }

        .adminLeft ul li a {
            line-height: 34px;
            height: 35px;
            font-size: 14px;
            padding: 0 5px;
        }

        .adminLeft ul li.on a,
        .adminLeft ul li a:hover {
            padding-left: 20px;
        }

        .adminRight {
            width: 100%;
            margin-top: 20px;
            padding: 20px 15px;
        }

        .adminRight .adminTit {
            line-height: 30px;
            font-size: 18px;
        }
    }

    /* 分页 */
    .d_0100_fy {
        float: left;
        width: 100%;
        text-align: center;
        padding: 60px 0;
    }

    .pz_fy {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: top;
    }

    .pz_fy a {
        display: block;
        float: left;
        width: 38px;
        height: 38px;
        text-align: center;
        line-height: 36px;
        border: 1px solid #e1e1e1;
        font-size: 14px;
        color: #272727;
        margin: 0 5px;
        -webkit-border-radius: 19px;
        -moz-border-radius: 19px;
        border-radius: 19px;
    }

    .pz_fy a:hover,
    .pz_fy a.on {
        color: #fff;
        border: 1px solid #3faaa1;
        background: #3faaa1;
        text-decoration: none;
    }

    .pz_fy a.prve {
        background: url(http://xy.25175.com/images/prve_fy.png) no-repeat center;
        width: 100px;
    }

    .pz_fy a.prve:hover,
    .pz_fy a.prve.on {
        background: url(http://xy.25175.com/images/prve_fy_h.png) no-repeat center #3faaa1;
        border: 1px solid #3faaa1;
    }

    .pz_fy a.next {
        background: url(http://xy.25175.com/images/next_fy.png) no-repeat center;
        width: 100px;
    }

    .pz_fy a.next:hover,
    .pz_fy a.next.on {
        background: url(http://xy.25175.com/images/next_fy_h.png) no-repeat center #3faaa1;
        border: 1px solid #3faaa1;
    }

    .fy_phone {
        display: none;
    }

    @media screen and (max-width: 767px) {
        .d_0100_fy {
            padding: 30px 0;
        }

        .pz_fy {
            display: none;
        }

        .fy_phone {
            display: block;
            float: left;
            width: 100%;
            text-align: center;
            font-size: 14px;
            color: #333;
        }

        .fy_phone a {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            width: 100px;
            height: 38px;
            text-align: center;
            line-height: 36px;
            border: 1px solid #e1e1e1;
            margin: 0 5px;
            -webkit-border-radius: 18px;
            -khtml-border-radius: 18px;
            -moz-border-radius: 18px;
            border-radius: 18px;
        }

        .fy_phone a.prve {
            background: url(http://xy.25175.com/images/prve_fy.png) no-repeat center;
        }

        .fy_phone a.prve:hover,
        .fy_phone a.prve.on {
            background: url(http://xy.25175.com/images/prve_fy_h.png) no-repeat center #3faaa1;
            border: 1px solid #3faaa1;
        }

        .fy_phone a.next {
            background: url(http://xy.25175.com/images/next_fy.png) no-repeat center;
        }

        .fy_phone a.next:hover,
        .fy_phone a.next.on {
            background: url(http://xy.25175.com/images/next_fy_h.png) no-repeat center #3faaa1;
            border: 1px solid #3faaa1;
        }

        .fy_phone span {
            padding: 0 5%;
            color: #333;
            display: inline-block;
            *display: inline;
            *zoom: 1;
            vertical-align: top;
            height: 38px;
            line-height: 38px;
        }
    }

    /*down*/
    .homeDown {
        float: left;
        width: 100%;
        background: #393a3a;
    }

    .homeDown_m {
        float: left;
        width: 100%;
        padding: 42px 0 62px 0;
    }

    .homeDown_h {
        float: left;
        width: 100%;
        line-height: 35px;
        height: 35px;
        padding: 0 20px 0 40px;
        background: rgba(0, 0, 0, .5) url(../image/later25.png) no-repeat 10px center;
        display: block;
        background-size: 22px 22px;
        font-size: 14px;
        color: #fff;
        position: relative;
        cursor: pointer;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .homeDown_h::after {
        position: absolute;
        content: "";
        right: 15px;
        top: 50%;
        width: 14px;
        height: 8px;
        margin-top: -4px;
        background: url(../image/downbg.png) no-repeat;
        -webkit-transition: all 0.2s ease-out 0s;
        -moz-transition: all 0.2s ease-out 0s;
        -o-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s;
    }

    .homeDown_h.active::after {
        -webkit-transform: rotate(180deg); /* Safari and Chrome */
        -moz-transform: rotate(180deg); /* Firefox */
        -ms-transform: rotate(180deg); /* IE 9 */
        -o-transform: rotate(180deg); /* Opera */
        transform: rotate(180deg);
    }

    .homeDownList {
        float: left;
        width: 79.401709%;
    }

    .homeDownList ul {
        float: left;
        width: 20%;
    }

    .homeDownList ul h4 {
        float: left;
        width: 100%;
        line-height: 31px;
        height: 31px;
        font-size: 20px;
        color: #3faaa1;
    }

    .homeDownList ul .li1 {
        float: left;
        width: 100%;
    }

    .homeDownList ul .li2 {
        padding-left: 25px;
        position: relative;
        float: left;
        width: 100%;
    }

    .homeDownList ul .li2 i {
        position: absolute;
        left: 0;
        top: 50%;
        width: 16px;
        display: block;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

    .homeDownList ul .li2 i img {
        display: block;
        float: left;
        width: 100%;
    }

    .homeDownList ul .li2 a,
    .homeDownList ul .li1 a {
        float: left;
        width: 100%;
        display: block;
        line-height: 40px;
        height: 40px;
        font-size: 14px;
        color: rgba(255, 255, 255, .6);
    }

    .homeDownList ul li a:hover {
        color: #fff;
    }

    .homeDown_ewm {
        float: left;
        width: 20.598291%;
    }

    .homeDown_ewm .ewm {
        margin: 0 -10px;
    }

    .homeDown_ewm .ewm img {
        float: left;
        width: 50%;
        padding: 0 10px;
        display: block;
    }

    .homeDown_ewm .homeAdd {
        float: left;
        width: 100%;
        margin-top: 22px;
        padding-top: 17px;
        line-height: 21px;
        padding-left: 23px;
        background: url(../image/haddbg.png) no-repeat left 17px;
        font-size: 14px;
        color: rgba(255, 255, 255, .6);
        border-top: 1px dashed #616161;
    }

    .homeDown_bq {
        float: left;
        width: 100%;
        background: #303131;
        padding: 15px 0;
        line-height: 25px;
        font-size: 14px;
        color: rgba(255, 255, 255, .3);
        text-align: center;
    }

    @media screen and (max-width: 991px) {
        .homeDown_m {
            padding: 25px 0 25px 0;
        }

        .homeDownList {
            display: none;
            float: left;
            width: 100%;
        }

        .homeDownList ul {
            width: 100%;
            padding: 0 20px 0 40px;
            margin-top: 3px;
            background: rgba(0, 0, 0, .5);
        }

        .homeDownList ul h4 {
            position: relative;
        }

        .homeDownList ul h4::after {
            position: absolute;
            content: "";
            right: -3px;
            top: 50%;
            width: 14px;
            height: 8px;
            margin-top: -4px;
            background: url(../image/downbg.png) no-repeat;
            -webkit-transition: all 0.2s ease-out 0s;
            -moz-transition: all 0.2s ease-out 0s;
            -o-transition: all 0.2s ease-out 0s;
            transition: all 0.2s ease-out 0s;
        }

        .homeDownList ul.active h4::after {
            -webkit-transform: rotate(180deg); /* Safari and Chrome */
            -moz-transform: rotate(180deg); /* Firefox */
            -ms-transform: rotate(180deg); /* IE 9 */
            -o-transform: rotate(180deg); /* Opera */
            transform: rotate(180deg);
        }

        .homeDownList ul h4 {
            font-size: 16px;
        }

        .homeDownList ul .li1, .homeDownList ul .li2 {
            display: none;
        }

        .homeDownList ul .li1 a,
        .homeDownList ul .li2 a {
            line-height: 30px;
            height: 30px;
        }

        .homeDown_ewm {
            width: 100%;
            padding: 0 30%;
            margin-top: 20px;
        }
    }

    @media screen and (max-width: 767px) {
        .homeDown_ewm {
            padding: 0 10%;
            margin-top: 20px;
        }

        .homeDownList ul {
            -webkit-border-radius: 5px;
            -khtml-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

        .homeDownList ul h4 {
            font-size: 15px;
        }
    }


    /*手机版底部菜单*/
    .pf_d {
        float: left;
        width: 100%;
        height: 50px;
    }

    .pf_down {
        width: 100%;
        float: left;
        position: fixed;
        left: 0;
        bottom: 0;
        background: #fff;
        border-top: solid 1px #ddd;
        height: 50px;
        z-index: 99;
    }

    .pf_down li {
        width: 33.3333%;
        float: left;
        text-align: center;
        padding: 5px 0 0 0;
    }

    .pf_down li .ico7 {
        width: 100%;
        float: left;
        height: 20px;
    }

    .pf_down li .name {
        width: 100%;
        float: left;
        font-size: 14px;
        color: #666;
        line-height: 20px;
        font-family: "Arial";
    }

    .pf_down li.l1 .ico7 {
        background: url(../image/btn15.png) no-repeat center;
        background-size: 20px 20px;
    }

    .pf_down li.l2 .ico7 {
        background: url(../image/btn16.png) no-repeat center;
        background-size: 20px 20px;
    }

    .pf_down li.l3 .ico7 {
        background: url(../image/btn18.png) no-repeat center;
        background-size: 20px 20px;
    }

    .pf_down li:hover .name,
    .pf_down li.on .name {
        color: #3faaa1;
    }

    .pf_down .l1:hover .ico7,
    .pf_down .l1.on .ico7 {
        background: url(http://xy.25175.com/images/btn15_1.png) no-repeat center;
        background-size: 20px 20px;
    }

    .pf_down .l2:hover .ico7,
    .pf_down .l2.on .ico7 {
        background: url(http://xy.25175.com/images/btn16_1.png) no-repeat center;
        background-size: 20px 20px;
    }

    .pf_down .l3:hover .ico7,
    .pf_down .l3.on .ico7 {
        background: url(http://xy.25175.com/images/btn18_1.png) no-repeat center;
        background-size: 20px 20px;
    }


    .tableCell {
        display: table-cell;
        vertical-align: middle;
        padding: 0;
        margin: 0;
    }

    .elli {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    @media screen and (max-device-width: 320px) {
        body {
            -webkit-text-size-adjust: none
        }
    }

    @media screen and (max-device-width: 480px) {
        body {
            -webkit-text-size-adjust: none
        }
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2) {
        body {
            -webkit-text-size-adjust: none
        }
    }

    @media only screen and (min-device-width: 768px) and (max-device-width: 1243px) {
        body {
            -webkit-text-size-adjust: none
        }
    }

    .pz_SideLayer .l2 {
        display: none
    }

    .BMapLabel {
        /* display: inline-block !important;
        width: 466px !important;
        height: 44px !important;
        line-height: 44px !important;  */
        /* background: #fff;
        text-align: center;
        -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
        -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
        box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
        -webkit-border-radius: 22px;
        -moz-border-radius: 22px;
        border-radius: 22px;
        max-width: initial; */
    }


    /* 20181127新增页 13demo体验 */
    .demo {
        float: left;
        width: 100%;
        margin: 80px 0 60px 0;
        -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
        -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
        box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
    }

    .demoTop {
        float: left;
        width: 100%;
        background: url(http://xy.25175.com/images/demobg.png) no-repeat top;
        padding-top: 49px;
        text-align: center;
    }

    .demoTop h2 {
        float: left;
        width: 100%;
        font-size: 36px;
        line-height: 55px;
        font-weight: bold;
        color: #fff;
        text-transform: uppercase;
    }

    .demoTop h4 {
        float: left;
        width: 100%;
        font-size: 24px;
        line-height: 55px;
        color: #fff;
        letter-spacing: 2px;
    }

    .demoTop .demoTy {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: top;
        width: 48.717949%;
        padding: 30px 0 19px 0;
        text-align: center;
        background: #fff;
        margin-top: 39px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
        -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
        box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
    }

    .demoTop .demoTy a {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: top;
        width: 302px;
        height: 60px;
        line-height: 60px;
        font-size: 24px;
        color: #fff;
        background: #3faaa1;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
    }

    .demoTop .demoTy a:hover {
        -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
        -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
        box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
    }

    .demoTop .demoTy span {
        float: left;
        width: 100%;
        line-height: 38px;
        font-size: 16px;
        color: #888;
        display: block;
    }

    .demoIntr {
        float: left;
        width: 100%;
        padding: 60px 66px 58px 66px;
        border-bottom: 1px dashed #b2b2b2;
    }

    .demoIntr > h4 {
        float: left;
        width: 100%;
        line-height: 24px;
        height: 24px;
        font-size: 24px;
        color: #3faaa1;
        font-weight: bold;
    }

    .demoIntr .demoIntr_m {
        float: left;
        width: 100%;
        margin-top: 25px;
        line-height: 24px;
        font-size: 16px;
        color: #666;
    }

    .demoIntr .demoIntr_m i {
        float: left;
        width: 21px;
        height: 21px;
        font-size: 16px;
        color: #fff;
        line-height: 21px;
        text-align: center;
        display: block;
        margin-right: 10px;
        font-style: normal;
        background: #3faaa1;
        font-weight: bold;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

    .demoIntr .demoIntr_m .a1 {
        color: #ff5a00;
        text-decoration: underline;
    }

    .demoDownload {
        float: left;
        width: 100%;
        margin-top: 25px;
    }

    .demoDownload a {
        float: left;
        width: 270px;
        height: 76px;
        border: 1px solid #e0e0e0;
        display: block;
        margin-right: 20px;
        overflow: hidden;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .demoDownload a img {
        float: left;
        width: 100%;
        display: block;
    }

    .demoDownload a:hover {
        -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
        -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
        box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
    }

    .demoMa {
        float: left;
        width: 100%;
        padding: 60px 0;
        text-align: center;
    }

    .demoMa ul {
        float: left;
        width: 100%;
        padding: 0 113px;
    }

    .demoMa ul li {
        float: left;
        padding: 0 57px;
        width: 33.333333%;
    }

    .demoMa ul li > img {
        float: left;
        width: 100%;
        display: block;
        padding: 5px;
        background: #fff;
        border: 1px solid #e6e6e6;
    }

    .demoMa ul li span {
        float: left;
        width: 100%;
        line-height: 25px;
        font-size: 16px;
        color: #333333;
        text-align: center;
        display: block;
        margin-top: 14px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .demoMa ul li span i {
        padding-right: 7px;
        width: 32px;
    }

    .demoMa ul li span i img {
        width: 20px;
    }

    @media screen and (max-width: 1199px) {
        .demoMa ul li {
            padding: 0 30px;
        }
    }

    @media screen and (max-width: 991px) {
        .demoTop {
            padding-top: 30px;
            background-size: 100%;
        }

        .demoTop h2 {
            font-size: 24px;
            line-height: 40px;
        }

        .demoTop h4 {
            font-size: 18px;
            line-height: 40px;
        }

        .demoTop .demoTy {
            width: 50%;
            margin-top: 20px;
            padding: 30px 0 15px;
        }

        .demoTop .demoTy a {
            width: 202px;
            height: 40px;
            line-height: 40px;
            font-size: 20px;
        }

        .demoIntr {
            padding: 30px 36px;
        }

        .demoDownload a {
            width: 200px;
            height: 56px;
            margin-right: 10px;
        }

        .demoMa {
            padding: 40px 0;
        }

        .demoMa ul {
            padding: 0 53px;
        }

        .demoMa ul li span i {
            padding-right: 5px;
            width: 25px;
        }

        .demoMa ul li span i img {
            width: 20px;
        }
    }

    @media screen and (max-width: 767px) {
        .demo {
            margin: 30px 0 30px 0;
        }

        .demoTop {
            padding-top: 20px;
            background-size: 200%;
        }

        .demoTop h2 {
            font-size: 20px;
            line-height: 30px;
        }

        .demoTop h4 {
            font-size: 14px;
            line-height: 24px;
            padding: 0 10px;
        }

        .demoTop .demoTy {
            width: 80%;
            margin-top: 15px;
            padding: 20px 0 15px 0;
        }

        .demoTop .demoTy a {
            width: 132px;
            height: 30px;
            line-height: 30px;
            font-size: 16px;
        }

        .demoTop .demoTy span {
            line-height: 24px;
            font-size: 13px;
            margin-top: 5px;
        }

        .demoIntr {
            padding: 20px 15px;
        }

        .demoIntr > h4 {
            font-size: 18px;
        }

        .demoIntr .demoIntr_m {
            margin-top: 15px;
            line-height: 24px;
            font-size: 14px;
        }

        .demoIntr .demoIntr_m i {
            width: 18px;
            height: 18px;
            font-size: 14px;
            line-height: 18px;
            margin-right: 5px;
            margin-top: 3px;
        }

        .demoDownload {
            margin-top: 15px;
        }

        .demoDownload a {
            width: 120px;
            height: 34px;
            margin-right: 5px;
        }

        .demoMa {
            padding: 20px 0;
        }

        .demoMa ul {
            padding: 0 15px;
        }

        .demoMa ul li {
            width: 50%;
            padding: 10px 5px;
        }

        .demoMa ul li span {
            line-height: 20px;
            font-size: 13px;
            margin-top: 10px;
        }

        .demoMa ul li span i {
            padding-right: 5px;
            width: 20px;
        }

        .demoMa ul li span i img {
            width: 15px;
        }
    }

    /*20190130 add*/
    .homeCase_s .play03 {
        position: absolute;
        top: 60%;
        right: 50%;
        text-align: center;
        margin-right: -79px;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

    .__btn20190130 {
        float: left;
        width: 158px;
        height: 48px;
        line-height: 48px;
        font-size: 16px;
        color: #fff;
        display: block;
        margin-right: 15px;
        text-align: center;
        -webkit-border-radius: 24px;
        -moz-border-radius: 24px;
        border-radius: 24px;
    }

    .__btn20190130 {
        background: #3faaa1;
    }

    .__btn20190130:hover {
        -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
        -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
        box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
    }

        .gridlist {
            display: flex;
            flex-wrap: wrap;
			justify-content: space-around;
        }

        .gridlist li {
            width: 15%;
        }
		@media (max-width: 1080px){
			.gridlist li {
				width: 50%;
			}
		}

        .gridlist li a {
            display: flex;
			flex-direction: column;
			justify-content: center;
            border: 1px solid #000;
            margin: 5px;
            border-radius: 8px;
        }

        .gridlist li a:hover {
            box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
			border: 1px solid #000;
			border-radius: 8px;
        }

        .InfoPicture {
            text-align: center;
        }

        .gridlist li .InfoPicture img {
            border: 0;
			/* border-radius: 8px; */
			padding: 10%;
        }

        .InfoPicture img {
            width: 100%;
        }

        .gridlist li .InfoTitle {
            height: 32px;
            line-height: 32px;
            overflow: hidden;
            font-size: 14px;
            text-align: center;
        }

		.mc_ft2 .mc_cont100 {
			text-align: center;
		}

		.mc_ft2 .mc_cont100 .mc_ft_copyright {
			width: 100%;
			float: none;
		}

		.mc_ft2 .mc_cont100 .mc_ft2_nav {
			float: none;
		}

		#mapContent {
			font-size: 14px;
		}