html {
	min-width: 1200px;
	width: 100%;
}

body {
	font-size: 14px;
	background: #fff;
	font-family: "Microsoft Yahei", "Arial", Verdana, Arial, sans-serif;
	line-height: 1.4;
	color: #333;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

ol,
ul,
li {
	list-style: none;
}

a {
	text-decoration: none;
	color: #333;
	-webkit-tap-highlight-color: rgba(255, 0, 0, 0);
	transition: all .4s ease;
	cursor: pointer;
}

/* a:hover{color: #0076B0!important;} */
em,
i {
	font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
th {
	font-weight: normal;
}

strong {
	font-weight: 800;
}

img {
	border: 0;
	height: auto;
	vertical-align: middle;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input,
textarea,
select,
button {
	border: 0;
	background: none;
	outline: 0;
	font-family: "Microsoft Yahei";
}

input[type="button"],
input[type="text"],
input[type="submit"] {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

input,
input:focus,
input:active {
	user-select: text;
}

button:focus {
	outline: 0;
}

textarea {
	resize: none;
}

video {
	outline: none;
	display: block;
}

* {
	margin: 0;
	padding: 0;
	font-size: 14px;
}


.clearfix {
	zoom: 1;
}

.clearfix:after {
	content: "";
	*zoom: 1;
	display: block;
	visibility: hidden;
	overflow: hidden;
	height: 0;
	clear: both;
}

.container {
	width: 1260px;
	margin: 0 auto;
	position: relative;
}


.fl {
	float: left;
}

.fr {
	float: right;
}












/****************************** header start ****************************/
.head1 {
	height: 40px;
	line-height: 40px;
	background: #F9F9F9;
	position: relative;
	z-index: 111;
}

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

.head1 .a {
	color: #666;
	font-size: 14px;
	margin-left: 30px;
	background-position: 0 10px !important;
	padding-left: 28px;
	position: relative;
}

.head1 .a1 {
	background: url(/template/default/skin/images/h_icon3.png) no-repeat;
}

.head1 .a2 {
	background: url(/template/default/skin/images/h_icon2.png) no-repeat;
}

.head1 .a3 {
	background: url(/template/default/skin/images/h_icon1.png) no-repeat;
}

.head1 .a img {
	width: 100px;
	position: absolute;
	bottom: -100px;
	left: -25px;
	display: none;
	max-width: none;
}

.head1 .a:hover img {
	display: block;
}


.head2 {
	height: 128px;
	background: #fff;
}

.head2 .logo {
	margin-top: 15px;
}

.head2 .phone {
	margin-top: 30px;
}

.head2 .phone img {
	float: left;
	margin-top: 0px;
	margin-right: 10px;
}

.head2 .phone .desc {
	float: left;
}

.head2 .phone .desc p {
	color: #666;
	line-height: 28px;
}

.head2 .phone .desc span {
	font-size: 24px;
	color: #3EB2D9;
	font-weight: bold;
}

.head3 {
	background: #3EB2D9;
	height: 60px;
	line-height: 59px;
}

.head3 ul>li {
	float: left;
	width: 11.11%;
	text-align: center;
	position: relative;
}

.head3 ul>li.active a,
.head3 ul>li:hover a {
	color: #fff !important;
	background: #F19F10;
	border-bottom: 1px #ffc35c dotted;
}

.head3 ul li a {
	color: #fff;
	display: block;
	font-size: 16px;
}


.subnav {
	width: 100%;
	background: #ffffff;
	font-size: 12px;
	text-align: left;
	position: absolute;
	left: 0%;
	top: 100%;
	height: 0;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transition: all .3s;
	box-shadow: 0 0 16px -4px rgba(0, 0, 0, .3);
	margin-top: 20px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	z-index: 44;
}

.subnav ol {
	padding: 12px 0;
}

.subnav ol li {
	width: 100%;
	margin: 0 !important;
}

.subnav a {
	transition: .3s;
	padding: 0 10px;
	box-sizing: border-box;
	color: #333 !important;
	width: 100%;
	display: block;
	height: 50px;
	line-height: 50px;
	color: #333;
	font-size: 14px;
	text-align: center;
}

.subnav a:hover {
	background: #3A9A59;
	color: #fff !important;
}

.head3 ul>li:hover .subnav {
	height: auto;
	opacity: 1;
	visibility: visible;
	margin-top: 0;
}



/****************************** header end ****************************/










/* **** banner start **** */
.banner .swiper-container_banner {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.banner .img {
	background-position: center !important;
	width: 100%;
}

.banner img {
	width: 100%;
}

.banner .swiper-slide {
	overflow: hidden;
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	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;
}

.banner .swiper-pagination-bullet {
	height: 10px;
	width: 10px;
	opacity: 1;
	background: #fff;
	position: relative;
	margin: 0 10px !important;
}

/* .banner .swiper-pagination-bullet::after{content: "";display: block;height: 20px;width: 20px;position: absolute;border: 1px solid #3EB2D9;border-radius: 100%;left: -6px;top: -6px;display: none;} */
.banner .swiper-pagination-bullet::after {
	content: "";
	display: block;
	height: 20px;
	width: 20px;
	position: absolute;
	border: 1px solid #3EB2D9;
	border-radius: 100%;
	left: -6px;
	top: -6px;
	display: none;
}

.banner .swiper-pagination-bullet-active {
	background: #3EB2D9;
}

.banner .swiper-pagination-bullet-active::after {
	display: block;
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 100px;
}




.banner_bottom {
	margin-top: -60px;
	position: relative;
	z-index: 999;
}

.banner_bottom .left_box {
	width: 500px;
	background: #F19F10;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
	padding: 15px 0 18px 0;
	height: 135px;
}

.banner_bottom .left_box h2 {
	font-size: 24px;
	color: #fff;
	font-weight: bold;
}

.banner_bottom .left_box h2 b {
	font-size: 52px;
	font-family: Impact;
	font-weight: normal;
}

.banner_bottom .left_box .j {
	box-sizing: border-box;
	padding: 0 15px;
}

.banner_bottom .left_box span {
	background: #fff;
	color: #F19F10;
	display: block;
	width: calc(33.33% - 10px);
	float: left;
	height: 34px;
	line-height: 34px;
	border-radius: 5px;
	font-size: 16px;
}

.banner_bottom .left_box span+span {
	margin-left: 15px;
}

.banner_bottom .search_box {
	background: #3EB2D9 url(/template/default/skin/images/bbg.jpg) no-repeat;
	background-position: right bottom !important;
	height: 135px;
	width: calc(100% - 500px);
	box-sizing: border-box;
	padding: 35px 0 0 190px;
}

.banner_bottom .search_box .int {
	width: 343px;
	height: 40px;
	outline: none;
	color: #888;
	background: #fff;
	box-sizing: border-box;
	padding: 0 10px;
	float: left;
}

.banner_bottom .search_box .btn {
	height: 40px;
	line-height: 40px;
	width: 80px;
	text-align: center;
	background: #F19F10;
	color: #fff;
	float: left;
}

.banner_bottom .search_box .remen {
	box-sizing: border-box;
	padding: 15px 0 0 20px;
}

.banner_bottom .search_box .remen span,
.banner_bottom .search_box .remen a {
	color: #fff;
	font-size: 14px;
}

.banner_bottom .search_box .remen a+a {
	margin-left: 25px;
}

.banner_bottom .search_box .remen a:hover {
	color: #F19F10 !important;
}


.banner .swiper-button-next,
.banner .swiper-button-prev {
	height: 48px;
	width: 27px;
}

.banner .swiper-button-next {
	background: url(../images/r.png) no-repeat;
	right: 100px;
}

.banner .swiper-button-prev {
	background: url(../images/l.png) no-repeat;
	left: 100px;
}

/* **** banner end **** */




.ind_tit {
	text-align: center;
	box-sizing: border-box;
	padding: 60px 0 50px 0;
}

.ind_tit h2 {
	position: relative;
	display: inline-block;
	font-size: 38px;
	color: #222222;
	z-index: 99;
}

.ind_tit h2 b {
	font-size: 54px;
	color: #3EB2D9;
}

.ind_tit h2::after,
.ind_tit h2::before {}

.ind_tit span {
	display: block;
	font-size: 55px;
	font-weight: bold;
	color: #F5F5F5;
	position: absolute;
	top: -25px;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
	font-family: Verdana-Bold;
	white-space: nowrap;
	text-transform: uppercase;
}

.ind_tit img {
	display: block;
	margin: 15px auto 20px auto;
}

.ind_tit p {
	font-size: 16px;
	color: #555555;
}





.sec1 .ind_tit h2,
.sec2 .ind_tit h2 {
	font-weight: bold;
}

/****************************** sec1 start ****************************/
.sec1 {
	padding-bottom: 60px;
}

.pro_left {
	width: 270px;
	float: left;
}

.pro_left .tit {
	background: #3EB2D9;
	text-align: center;
	color: #fff;
	box-sizing: border-box;
	padding: 15px 0;
}

.pro_left .tit p {
	font-size: 30px;
}

.pro_left .tit span {
	font-size: 20px;
	font-weight: bold;
	color: rgba(104, 217, 255, 0.9);
}

.pro_sel {
	box-sizing: border-box;
	border-left: 2px solid #3EB2D9;
	border-right: 2px solid #3EB2D9;
	padding: 17px;
}

.pro_sel ul li {
	position: relative;
	transition: .3s;
}

.pro_sel ul li+li {
	margin-top: 12px;
}

.pro_sel ul li a {
	display: block;
	color: #262626;
	font-size: 16px;
	transition: .3s;
	height: 54px;
	line-height: 54px;
	box-sizing: border-box;
	padding: 0 40px 0 40px;
	background: #EEEEEE;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pro_sel ul li::after {
	content: "+";
	display: block;
	position: absolute;
	right: 20px;
	top: 15px;
	font-size: 16px;
}

.pro_sel ul li.active a,
.pro_sel ul li:hover a {
	color: #fff !important;
	background: #F19F10;
}

.pro_sel ul li.active::after,
.pro_sel ul li:hover::after {
	color: #fff;
}

.pro_left .phone {
	background: #3EB2D9;
	box-sizing: border-box;
	padding: 30px 15px 20px 15px;
}

.pro_left .phone img {
	float: left;
	margin-top: 5px;
}

.pro_left .phone .desc {
	float: left;
	box-sizing: border-box;
	padding-left: 10px;
}

.pro_left .phone .desc p {
	font-size: 16px;
	color: #FFFFFF;
}

.pro_left .phone .desc span {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 24px;
}


.pro_list {
	position: relative;
	float: left;
	width: calc(100% - 270px);
	box-sizing: border-box;
	padding-left: 40px;
}


.pro_item p {
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #eee;
	transition: .3s;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pro_item:hover p {
	background: #F19F10;
	color: #fff;
}

.pro_item1 {
	width: calc(50% - 19px);
	margin-right: 38px;
	margin-bottom: 30px;
	float: left;
}

.pro_item1:nth-of-type(2n) {
	margin-right: 0;
}

.pro_item1 img {
	width: 100%;
}


.pro_item2 {
	width: calc(33.3% - 11px);
	margin-right: 16px;
	float: left;
}

.pro_item2:last-child {
	margin-right: 0;
}

.pro_item2 .img {
	height: 222px;
	background-position: center !important;
	background-size: cover !important;
}

/****************************** sec1 end ****************************/






/****************************** sec2 start ****************************/
.sec2 {
	background: url(/template/default/skin/images/sec2_bg.jpg) no-repeat;
	background-position: center !important;
	background-size: cover !important;
	padding-bottom: 50px;
}

.fw_box {
	box-sizing: border-box;
	padding-right: 90px;
	background: url(../images/wzbg.png) no-repeat;
	background-position: right center;
}

.fw_sel_list {
	width: 250px;
	float: left;
}

.fw_sel {
	background: #3EB2D9;
	box-sizing: border-box;
	padding: 30px 0px 35px 10px;
	border-bottom: 1px solid #55D1FB;
	cursor: pointer;
	transition: .2s;
}

.fw_sel.active {
	background: #F19F10;
}

.fw_sel .icon {
	display: block;
	width: 45px;
	height: 52px;
	float: left;
	position: relative;
	margin-top: 5px;
}

.fw_sel .icon1 {
	background: url(/template/default/skin/images/fw_icon1.png) no-repeat;
}

.fw_sel .icon2 {
	background: url(/template/default/skin/images/fw_icon2.png) no-repeat;
}

.fw_sel .icon3 {
	background: url(/template/default/skin/images/fw_icon3.png) no-repeat;
}

.fw_sel .icon4 {
	background: url(/template/default/skin/images/fw_icon4.png) no-repeat;
}

.fw_sel .icon::after {
	content: "";
	display: block;
	height: 80px;
	width: 1px;
	background: url(/template/default/skin/images/shu.png) no-repeat;
	position: absolute;
	right: -15px;
	top: -7px;
}

.fw_sel::after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

.fw_sel .desc {
	float: left;
	width: calc(100% - 45px);
	box-sizing: border-box;
	padding-left: 30px;
}

.fw_sel .desc p {
	font-size: 30px;
	color: #FFFFFF;
}

.fw_sel .desc span {
	text-transform: uppercase;
	font-size: 16px;
	color: rgba(255, 255, 255, 0.32);
	letter-spacing: -1px;
}

.fw_sel_list .lx_btn {
	background: #3EB2D9;
	text-align: center;
	box-sizing: border-box;
	padding: 30px 0 32px 10px;
}

.fw_sel_list .lx_btn a {
	display: inline-block;
	background: #0D88B1;
	color: #fff !important;
	font-size: 16px;
	border-radius: 8px;
	padding: 8px 40px;
	border: 1px solid #55D1FB;
}

.fw_list {
	float: left;
	width: calc(100% - 250px);
	box-sizing: border-box;
}

.fw_item .img {
	width: 100%;
	height: 486px;
	background-position: center !important;
	background-size: cover !important;
}

.fw_item .desc {
	background: #ededed;
	box-sizing: border-box;
	padding: 26px 20px 30px 30px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.fw_item .desc p {
	font-size: 22px;
	color: #000000;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.fw_item .desc span {
	font-size: 16px;
	color: #666666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/****************************** sec2 end ****************************/





/****************************** sec3 start ****************************/
.syfw {
	overflow: hidden;
	position: relative
}

.syfwul {
	overflow: hidden;
	height: 600px;
	position: relative
}

.syfwul li {
	width: 25%;
	height: 100%;
	position: relative;
	float: left;
	overflow: hidden;
	padding: 0 35px;
	background: #eee;
	transition: all 1s;
	box-sizing: border-box;
}

.syfwul_img {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	transition: all 1s
}

.syfwul_img img {
	max-width: none;
	height: 100%
}

.syfw {
	overflow: hidden;
}

.syfw_h3 {
	font-size: 20px;
	color: #026c84;
	font-weight: normal;
	position: relative;
	z-index: 1;
	overflow: hidden;
	transition: all 1s
}

.syfw_h3 i {
	display: block;
	width: 4px;
	height: 160px;
	background: #F19F10;
	float: left;
	transition: all 1s;
	opacity: 0;
}

.syfw_h3 h3 {
	color: #3EB2D9;
	width: 90%;
	margin-top: 150px;
	display: block;
	text-align: left;
	float: left;
	transition: all 1s;
	font-weight: normal;
	font-size: 28px;
	opacity: 0;
	margin-left: 20px;
	background-position: left center !important;
	height: 40px;
	line-height: 40px;
}

.syfw_h3 em {
	display: block;
	font-size: 18px;
	color: #3EB2D9;
	margin-top: 10px;
	float: left;
	width: 90%;
	opacity: 1;
	transition: all 1s;
	box-sizing: border-box;
	padding-left: 70px;
	opacity: 0;
}

.syfw_text {
	box-sizing: border-box;
	overflow: hidden;
	font-size: 16px;
	color: #212121;
	line-height: 34px;
	padding-left: 70px;
	margin-top: 30px;
	transition: all 1s;
	opacity: 0
}

.syfwul li.active1 {
	width: 18.666%
}

.syfwul li.active {
	width: 44%;
	padding: 0 45px 0 45px
}

.syfwul li.active .syfwul_img {
	right: -100%
}



.syfwul li.active .syfw_h3 h3 {
	opacity: 1
}

.syfwul li.active .syfw_h3 i {
	opacity: 1
}

.syfwul li.active .syfw_h3 em {
	opacity: 1
}

.syfwul li.active .syfw_text {
	opacity: 1
}

.syfwul_img1 {
	position: absolute;
	bottom: 20px;
	width: 100%;
	z-index: 1
}

.syfwul_img1 img {
	width: 100%;
	display: block
}

.syfw dl {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3
}

.syfw dl dd {
	width: 25%;
	height: 100%;
	float: left
}

.syfw dl dd.syfwd1 {
	width: 18.666%
}

.syfw dl dd.syfwd {
	width: 44%
}

.syfw_h3 h3 {
	padding-left: 50px;
	box-sizing: border-box;
	background-size: 40px !important;
}

.ic1 h3 {
	background: url(/template/default/skin/images/ys_icon11.png) no-repeat;
}

.ic2 h3 {
	background: url(/template/default/skin/images/ys_icon22.png) no-repeat;
}

.ic3 h3 {
	background: url(/template/default/skin/images/ys_icon33.png) no-repeat;
}

.ic4 h3 {
	background: url(/template/default/skin/images/ys_icon44.png) no-repeat;
}



.syfwul li .bt_ys {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100px;
	text-align: center;
	background: rgba(62, 178, 217, 0.79);
	z-index: 9999;
	transition: 1s;
}

.syfwul li .bt_ys p {
	margin-top: 22px;
	font-size: 26px;
	color: #fff;
	box-sizing: border-box;
	padding: 10px 0;
	padding-left: 50px;
	display: inline-block;
	box-sizing: border-box;
	background-position: 0px 5px !important;
}

.syfwul li .bt_ys1 p {
	background: url(/template/default/skin/images/ys_icon1.png) no-repeat;
}

.syfwul li .bt_ys2 p {
	background: url(/template/default/skin/images/ys_icon2.png) no-repeat;
}

.syfwul li .bt_ys3 p {
	background: url(/template/default/skin/images/ys_icon3.png) no-repeat;
}

.syfwul li .bt_ys4 p {
	background: url(/template/default/skin/images/ys_icon4.png) no-repeat;
}

.syfwul li.active .bt_ys {
	right: -100%
}

/****************************** sec3 end ****************************/





/****************************** sec4 start ****************************/
.sec4 .ind_tit h2::after,
.sec4 .ind_tit h2::before {
	content: "";
	display: block;
	height: 3px;
	width: 40px;
	background: #fff;
	position: absolute;
	top: 27px;
}

.sec4 .ind_tit h2::after {
	left: -70px;
}

.sec4 .ind_tit h2::before {
	right: -70px;
}

.sec4 .ind_tit h2,
.sec4 .ind_tit p {
	color: #fff;
}

.sec4 .ind_tit h2 {
	font-weight: normal;
}

.sec4 .ind_tit p {
	margin-top: 10px;
}

.sec4 {
	margin-top: 40px;
	background: url(/template/default/skin/images/sec4_bg.jpg) no-repeat;
	background-position: center !important;
	background-size: cover !important;
}

.show_lb {
	position: relative;
}

.sec4 .swiper-container_show {
	width: 100%;
	overflow: hidden;
	padding-bottom: 100px;
	position: relative;
}

.sec4 .swiper-slide {
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}

.sec4 .swiper-slide-active,
.swiper-slide-duplicate-active {
	-webkit-transform: scale(1);
	transform: scale(1);
}


.show_item {
	box-sizing: border-box;
	padding: 20px;
	background-color: #E4F7FD;
	border-radius: 5px;
	transition: 1s;
	position: relative;
}

.show_item .img {
	width: 400px;
	overflow: hidden;
	box-sizing: border-box;
	float: left;
	border: 4px solid #F19F10;
	transition: 1s;
}

.show_item .img img {
	width: 100%;
	transition: .6s;
}

.show_item .desc {
	width: calc(100% - 450px);
	float: left;
	box-sizing: border-box;
	padding: 0 50px;
	transition: 1s;
	height: 0;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	right: 0;
}

.show_item .desc h3 {
	font-size: 56px;
	color: #F19F10;
	font-family: Impact;
}

.show_item .desc h4 {
	font-size: 22px;
	color: #050505;
	margin-top: 15px;
	margin-bottom: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 30px;
}

.show_item .desc p {
	font-size: 14px;
	color: #666;
	line-height: 25px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
	height: 125px;
}

.show_item .desc b {
	font-size: 14px;
	color: #202020;
}

.show_item .desc span {
	color: #3EB2D9;
	font-size: 14px;
}


.sec4 .swiper-slide {
	margin-top: 70px;
}

.sec4 .swiper-slide-active {
	box-sizing: border-box;
	padding-top: 70px;
	margin-top: 0;
}

.sec4 .swiper-slide-active .show_item .img {
	margin-top: -70px;
	width: 450px;
	border: 4px solid #E4F7FD;
}

.sec4 .swiper-slide-active .show_item .desc {
	width: calc(100% - 450px);
	height: auto;
	overflow: visible;
	opacity: 1;
	visibility: visible;
}

.sec4 .swiper-slide-active .show_item {
	padding: 0 20px;
	padding-bottom: 70px;
}

.sec4 .swiper-slide-active .show_item h3 {
	margin-top: -40px;
}

.sec4 .swiper-slide-prev .img {
	margin-left: calc(100% - 400px);
}

.sec4 .swiper-pagination {
	bottom: 40px;
	width: 100%;
	z-index: 999;
}

.sec4 .swiper-pagination-bullet-active::after {
	display: none;
}

.sec4 .swiper-pagination-bullet {
	height: 18px;
	width: 18px;
	background: #F19F10;
}

.sec4 .swiper-pagination-bullet-active {
	background: #fff;
}

.sec4 .swiper-button-next,
.sec4 .swiper-button-prev {
	width: 30px;
	height: 60px;
	margin-top: -30px;
}

.sec4 .swiper-button-next {
	background: url(/template/default/skin/images/r1.png) no-repeat;
	left: 50%;
	margin-left: calc(25% - 10px);
}

.sec4 .swiper-button-prev {
	background: url(/template/default/skin/images/l1.png) no-repeat;
	left: 50%;
	margin-left: calc(-20px - 25%);
}

/****************************** sec4 end ****************************/





/****************************** sec5 start ****************************/
.sec5 .container {
	position: relative;
	z-index: 999;
}

.sec5 .ind_tit {
	padding-bottom: 0;
}

.about_b {
	text-align: center;
	background: url(/template/default/skin/images/sec5_bg.jpg) no-repeat;
	background-position: center !important;
	background-size: cover !important;
	padding-top: 50px;
}

.about_b p {
	font-size: 18px;
	line-height: 36px;
	color: #555555;
}

.about_b p b {
	color: #3EB2D9;
	font-size: 18px;
}

.about_b a {
	display: inline-block;
	margin-top: 50px;
	border: 1px solid #d2d2d2;
	padding: 8px 25px;
	border-radius: 8px;
	box-sizing: border-box;
	font-size: 12px;
	color: #444;
}

.about_b a:hover {
	background: #3EB2D9;
	color: #fff !important;
}


.n_box {
	margin-top: 50px;
	width: 33.3%;
	float: left;
	text-align: center;
	padding-bottom: 30px;
}

.n_box p {
	font-size: 14px;
	color: #444;
	font-family: Impact;
}

.n_box p span {
	font-size: 40px;
	color: #3EB2D9;
	font-weight: normal;
}

.n_box h5 {
	color: #444;
	font-size: 16px;
}

.about_video {
	margin-top: -120px;
	width: 100%;
	height: 500px;
	position: relative;
}

.about_video video {
	width: 100%;
	max-height: 500px;
	background: #000000;
	object-fit: fill;
	position: relative;
	/* top: -120px; */
}

.about_video i.iconfont {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	font-size: 34px;
	color: #fff;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	cursor: pointer;
}

/****************************** sec5 end ****************************/





/****************************** sec6 start ****************************/
.sec6 {
	background: url(/template/default/skin/images/sec6_bg.jpg) no-repeat;
	background-position: center !important;
	background-size: cover !important;
}

.sec6 .ind_tit {
	padding-bottom: 10px;
}

.sec6 .swiper-container_schj {
	width: calc(100% - 200px);
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	margin-left: 100px;
	padding: 100px 0;
}

.sec6 .swiper-slide {
	z-index: 99;
	/* Center slide text vertically */
	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;
	transition: .6s;
}

.hj_item .img {
	overflow: hidden;
	border: 4px solid #fff;
}

.hj_item .img img {
	width: 100%;
	transition: .6s;
}

.hj_item p {
	text-align: center;
	font-size: 10px;
	height: 0;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transition: .6s;
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sec6 .container {
	position: relative;
}

.sec6 .swiper-slide-active {
	transform: scale(1.7);
	z-index: 999;
}

.sec6 .swiper-slide-active .hj_item p {
	visibility: visible;
	height: auto;
	opacity: 1;
}

.sec6 .swiper-button-next,
.sec6 .swiper-button-prev {
	width: 36px;
	height: 70px;
	margin-top: -35px;
}

.sec6 .swiper-button-next {
	background: url(/template/default/skin/images/r2.jpg) no-repeat;
}

.sec6 .swiper-button-prev {
	background: url(/template/default/skin/images/l2.jpg) no-repeat;
}

/****************************** sec6 end ****************************/









/****************************** sec7 start ****************************/
.big_xw {
	width: 530px;
	box-sizing: border-box;
	float: left;
	position: relative;
}

.big_xw .img {
	overflow: hidden;
}

.big_xw .img img {
	width: 100%;
	transition: .6s;
}

.big_xw .desc {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .5);
	box-sizing: border-box;
	padding: 20px;
}

.big_xw .desc h3 {}

.big_xw .desc h3 b {
	color: #fff;
	font-size: 16px;
	width: calc(100% - 100px);
	float: left;
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 22px;
}

.big_xw .desc h3 i {
	float: right;
	color: #fff;
	font-size: 16px;
	width: 100px;
	float: right;
	text-align: right;
}

.big_xw .desc span {
	color: #fff;
	font-size: 13px;
	line-height: 24px;
	margin-top: 15px;
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 48px;
}


.xw_list {
	width: calc(100% - 530px);
	float: left;
	box-sizing: border-box;
	padding-left: 50px;
}

.xw_item {
	margin-bottom: 17px;
	padding-bottom: 17px;
	border-bottom: 1px dashed #cecece;
}

.xw_item .date {
	width: 70px;
	float: left;
	background: #3EB2D9;
	text-align: center;
	color: #fff;
	box-sizing: border-box;
	padding: 12px 0;
}

.xw_item .date p {
	font-size: 26px;
	font-weight: bold;
}

.xw_item .date span {
	font-size: 14px;
}

.xw_item .desc {
	width: calc(100% - 70px);
	float: left;
	box-sizing: border-box;
	padding-left: 20px;
}

.xw_item .desc h3 {}

.xw_item .desc h3::after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
}

.xw_item .desc h3 b {
	font-size: 16px;
	color: #000;
	font-weight: normal;
	float: left;
	width: calc(100% - 85px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 22px;
}

.xw_item .desc h3 i {
	float: right;
	width: 80px;
	display: block;
}

.xw_item .desc span {
	display: block;
	margin-top: 9px;
	font-size: 14px;
	color: #666;
	line-height: 24px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 48px;
}


/****************************** sec7 end ****************************/



/****************************** sec8 start ****************************/
.sec8 .ind_tit {
	padding-bottom: 30px;
}

.kh_box {
	background: #F6F6F6;
	padding: 70px 0 50px 0;
}

.sec8 .container {
	position: relative;
	box-sizing: border-box;
	padding: 0 50px;
}

.swiper-container_kh {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.sec8 .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;
}

.sec8 .swiper-button-next,
.sec8 .swiper-button-prev {
	width: 18px;
	height: 18px;
	margin-top: -9px;
}

.sec8 .swiper-button-next {
	background: url(/template/default/skin/images/r3.png) no-repeat;
}

.sec8 .swiper-button-prev {
	background: url(/template/default/skin/images/l3.png) no-repeat;
}

.sec8 .kh {
	box-sizing: border-box;
	border: 1px solid #dcdcdc;
}

.sec8 .kh img {
	width: 100%;
}

/****************************** sec8 end ****************************/



/****************************** links&footer start ****************************/
.links {
	height: 140px;
	line-height: 140px;
	overflow: hidden;
	box-sizing: border-box;
	padding: 0 20px;
}

.links span {
	width: 166px;
	display: inline-block;
	background: url(/template/default/skin/images/links.png) no-repeat;
	background-position: center !important;
	box-sizing: border-box;
	padding-left: 65px;
	font-weight: bold;
	font-size: 18px;
}

.links a {
	font-size: 14px;
	color: #2a2a2a;
	margin-left: 50px;
}





.foot1 {
	background: #3EB2D9;
}

.foot1 .wechat_box {
	width: 230px;
	height: 347px;
	text-align: center;
	background: #F19F10;
	box-sizing: border-box;
	padding: 30px 0 5px 0;
	float: left;
}

.foot1 .wechat_box b {
	color: #fff;
	display: block;
	margin: 30px 0 10px 0;
}

.foot1 .wechat_box .ewm img {
	width: 150px;
	display: inline-block;
}

.foot1 .ft_nav {
	width: calc(100% - 230px);
	box-sizing: border-box;
	float: left;
	padding-left: 20px;
}

.foot1 .ft_nav dl {
	width: 20%;
	float: left;
	box-sizing: border-box;
	padding-left: 40px;
	padding-top: 30px;
}

.foot1 .ft_nav dl.last {
	width: 40%;
}

.foot1 .ft_nav dl dt {
	border-bottom: 2px solid #58CEF5;
	padding-bottom: 10px;
	margin-bottom: 30px;
	box-sizing: border-box;
	padding-left: 10px;
}

.foot1 .ft_nav dl dt a {
	color: #fff;
	font-size: 18px;
}

.foot1 .ft_nav dl dd {
	margin-top: 18px;
	color: #fff;
	font-size: 14px
}

.foot1 .ft_nav dl dt a {
	color: #fff;
	font-size: 18px;
}

.foot1 .ft_nav dl dd a {
	color: #fff;
	font-size: 14px;
}

.foot1 a:hover {
	color: #F19F10 !important;
}

.foot2 {
	height: 80px;
	line-height: 80px;
	background: #F19F10;
}

.foot2 span,
.foot2 a,
.foot2 {
	color: rgba(255, 255, 255, .5);
}

.foot2 a:hover {
	color: #fff !important;
}

/****************************** links&footer end ****************************/













@media screen and (max-width : 1400px) {
	.container {
		width: 1160px;
	}

	.sec4 .swiper-slide-active .show_item .desc {
		padding: 0 30px !important;
		width: calc(100% - 400px);
	}

	.sec4 .swiper-slide-active .show_item .img {
		width: 400px;
	}

	.show_item .desc p {
		height: 100px;
		-webkit-line-clamp: 4;
	}
}