* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html {
	user-select: none;
}

li {
	list-style: none;
}

a {
	color: #fff;
	text-decoration: none;
}

.header {
	transition: all 0.7s;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 999;
}
.mySwiper .swiper-slides{
    width: 100%;
}
@media(max-width:1600px){
    .header{
    padding: 0 12px !important;
}
}
@media(max-width:1300px){
    .footer{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .box3 .content1300{
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    .box3-div{
        margin-right: 28px !important;
    }
}
.content1200 {
	max-width: 1200px;
	margin: auto;
}

.content1300 {
	max-width: 1300px;
	margin: auto;
}

.headers {
	height: 80px;
	display: flex;
	justify-content: space-between;
}

.active {
	border-bottom: 1px solid #fff;
}

.header-more {
	position: relative;
	height: 56px;
}

.header-more:hover {
	border: none !important;
}

.header-more:hover ul {
	display: block;
}

.header-more ul {
	padding: 15px;
	display: none;
	position: absolute;
	top: 56px;
	width: 115px;
	background-color: rgba(255, 255, 255, 1);
	left: -10%;
}

.header-more ul li a:hover {
	color: #187E97;
}

.drow {
	margin-right: 0px !important;
	height: 34px;
	width: 100%;
}

.drow:hover {
	border: none !important;
}

.header-drow {
	font-size: 12.5px;
	color: #333333;
}

.header-drow:hover {
	border: none;
}

.header-r {
	padding-top: 24px;
	line-height: 40px;
}

.content1582 {
	max-width: 1582px;
	margin: auto;
}

.logo {
	position: relative;
	top: 18px;
}

.top-gp {
	font-size: 14px;
	font-family: SourceHanSansCN;
	color: #FFFFFF;
	position: relative;
	top: 18px;
	left: 24px;
}

.header-ul li {
	margin-right: 40px;
	float: left;
	color: #fff;
	font-size: 18px;
}

.header-ul li:hover {
	border-bottom: 1px solid #fff;
}

.wzs {
	position: absolute;
	top: 36%;
	text-align: center;
	width: 100%;
	left: 0;
	text-align: center;
	/*left: 32.8%;*/
	color: #fff;
}

.wzs-new {
	font-size: 34px;
	font-weight: bold;
	padding-bottom: 28px;
}

.wzs-c {
	font-size: 26px;
	padding-bottom: 12px;
}

.wzss {
	opacity: 0.5;
}

.cbl {
	display: none;
	color: #fff;
	font-size: 54px !important;
	cursor: pointer;
}

.box1 {
	padding-top: 80px;
	display: flex;
}

.box1-1 {
	width: 47%;
	margin-right: 80px;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear {
	clear: both;
}

.box1-p1 {
	font-size: 48px;
	font-family: Microsoft YaHei;
	color: #333333;
}

.box1-p2 {
	padding-bottom: 30px;
	font-size: 18px;
	color: #333333;
}

.box1-p3 {
	padding-bottom: 40px;
	max-width: 654px;
	font-size: 18px;
	color: #666666;
	line-height: 35px;
}

.num {
	display: flex;
	justify-content: space-between;
	padding-bottom: 50px;
}

.counter {
	font-size: 60px;
	font-weight: bold;
	color: #157D96;
}

.num p {
	font-size: 18px;
	color: #333;
}

.more {
	display: inline-block;
	width: 183px;
	height: 42px;
	border: 1px solid #187E97;
	line-height: 42px;
	text-align: center;
	transition: all 0.7s;
	color: #157D96;
	margin-bottom: 100px;
}

.more:hover {
	border: none;
	color: #fff;
	background-color: #157D96;
}

.box2 {
	padding-top: 85px;
}

.box2-p1 {
	padding-bottom: 10px;
	font-size: 48px;
	color: #333333;
}

.box2-p2 {
	font-size: 18px;
	color: #333333;
	padding-bottom: 70px;
}

.sy-more {
	display: inline-block;
	font-size: 22px;
	color: #333;
	line-height: 40px;
	margin-right: 50px;
}

.sy-more:hover {
	color: #187E97;
	border-bottom: 2px solid #157D96;
}

.zdwy {
	position: relative;
	top: 26px;
}

.index-mores {
	position: relative;
	width: 415px !important;
	height: 333px !important;
	background: #F6F7FB;
	text-align: center;
}

.index-mores-div {
	position: absolute;
	bottom: 0;
	width: 414px;
	height: 96px;
	padding: 27px;
}

.ntsj {
	position: absolute;
	bottom: 38%;
	right: 23%;
}

.xx-p1 {
	font-size: 18px;
	color: #333333;
	padding-bottom: 10px;
}

.xx-p2 {
	font-size: 18px;
	color: #999999;
}

.box3-p1 {
	font-size: 48px;
	color: #333333;
}

.box3-p2 {
	font-size: 18px;
	color: #333333;
	padding-bottom: 60px;
}

.box3 {
	padding-bottom: 100px;
}

.box3-div {
	width: 30.7%;
	margin-right: 50px;
	transition: all 0.7s;
}

.box3-div img {
	transition: all 0.7s;
}

.box3-div:hover img {
	transform: scale(1.1);
}

.box3-div:hover a {
	color: #157D96
}

.index-n-div {
	display: inline-block;
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
}

.n-p1 {
	font-size: 18px;
	color: #333333;
	line-height: 30px;
}

.n-p2 {
	max-width: 337px;
	font-size: 14px;
	color: #999999;
	line-height: 30px;
	padding-bottom: 20px;
}

.index-lj {
	color: #999;
}
.fw-box2-t{
    display: flex;
    justify-content: center;
    align-items: center;
}
.fw-box2-t li{
    width: 156px;
	height: 54px;
	border: 1px solid #187E97;
	color: #666;
	font-size: 18px;
	text-align: center;
	line-height: 53px;
	vertical-align: middle;
	transition: all 0.8s;
}
.fw-box2-t li.active{
    background: #187E97;
}
.fw-box2-t li a{
    display: block;
    color: #666;
}
.fw-box2-t li.active a{
    color: #fff;
}
.fw-box2-t li:not(:last-child){
    margin-right: 5px;
}
.fw-box2-t li a{
    font-size: 16px;
    color: #666;
}
.fw-b2-b .swiper{
    display: none;
}
.fw-b2-b .swiper.active{
    display: block;
}
.footer {
	padding-top: 65px;
}

.foot-c {
	display: flex;
	justify-content: space-between;
}

.foot-c-u {
	display: flex;
	justify-content: space-between;
}

.foot-c-u ul {
	margin-right: 60px;
}

.foot-line {
	margin-top: 18px;
	margin-bottom: 22px;
	display: inline-block;
	width: 24px;
	height: 1px;
	background: #FFFFFF;
}

.foot-c-u ul li {
	font-size: 14px;
}

.foot-c-u ul li a:hover {
	color: #bbb;
}

.f-t {
	font-size: 18px;
	color: #FFFFFF;
}

.foot-c-u a {
	display: inline-block;
	margin-bottom: 18px;
}

.foot-m p {
	font-size: 14px;
	color: #FFFFFF;
	padding-bottom: 22px;
}

.foot-r {
	text-align: center;
}

.line-f {
	height: 1px;
	background: #FFFFFF;
	opacity: 0.2;
}

.box3-div:hover .n-p1 {
	color: #187E97;
}

.nav {
	height: 100px;
	background: #F2F8FA;
}
.nav>.content840{
    width: 1300px;
    max-width: 94%!important;
}
.nav-b {
	display: inline-block;
	cursor: pointer;
	display: inline-block;
	width: 140px;
	height: 100px;
	text-align: center;
	padding-top: 35px;
	color: #000;
}

.nav-b:hover {
	color: #187E97
}

.nav-c {
	display: inline-block;
	cursor: pointer;
	width: 140px;
	height: 100px;
	background: #FFFFFF;
	text-align: center;
	color: #187E97;
	padding-top: 35px;
}

.ab-p1 {
	font-size: 30px;
	color: #333333;
	padding-bottom: 30px;
}

.ab-p2 {
	font-size: 48px;
	font-family: Arial;
	font-weight: bold;
	color: #187E97;
	padding-bottom: 50px;
}

.ab-p3 {
	max-width: 584px;
	font-size: 14px;
	color: #999999;
	line-height: 30px;
}

.ab-box2 {
	padding-top: 80px;
	padding-bottom: 80px;
}

.ab2-p1 {
	font-size: 30px;
	font-weight: bold;
	color: #333333;
	padding-bottom: 50px;
}
.ab-box4  .mySwiper3 .swiper-slide a,
.ab-box4  .mySwiper4 .swiper-slide a{
    display: block;
}
.ab-box4  .mySwiper3 .swiper-slide img,
.ab-box4  .mySwiper4 .swiper-slide img{
    width: 100%;
}
.ab-box2-b {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
}
.ab2-p1 + .flex-b i ,.ab-box2-b{
    width: 30.69%;
}

.ab-box2-b div {
	transition: all 0.8s;
	position: absolute;
	height: 62px;
	background: rgba(255, 255, 255, 0.8);
	text-align: center;
	bottom: 20px;
	width: 88%;
	left: 20px;
}

.ab-box2-b:hover div {
	height: 200px;
	background: rgba(24, 126, 151, 0.8);
}

.ab-box2-b:hover p {
	color: #fff;
	opacity: 1;
}

.ab2-p2 {
	opacity: 0;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 24px;
	text-align: left;
	padding: 22px;
}

.ab-box2-b:hover img {
	transform: scale(1.1);
}

.ab-box2-b img {
	transition: all 0.8s;
}

.ab2-p3 {
	font-size: 24px;
	color: #333333;
	padding-top: 14px;
}

.ab-box3 {
	padding-top: 100px;
	background: #5A5E69;
}

.ab3-p1 {
	font-size: 30px;
	font-weight: bold;
	color: #FFFFFF;
	padding-bottom: 30px;
}

.ab3-l {
	width: 40px;
	height: 4px;
	background: #FFFFFF;
	margin-bottom: 60px;
}

.ab3-p2 {
	max-width: 653px;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 30px;
	padding-bottom: 24px;
}

.ab3-b1 {
	padding-left: 20px;
}

.ab3-b2 {
	padding-left: 100px;
}

.shili-b {
	padding: 53px;
	width: 33.33%;
	height: 304px;
	border: 1px solid #F2F2F2;
	box-shadow: 0px 3px 7px 0px rgba(153, 153, 153, 0.1);
	transition: all 0.8s;
}

.shili-b:hover {
	background: url(../img/shili.png);
}

.shili-b:hover .sl-p1 {
	color: #fff;
}

.shili-b:hover .sl-l {
	background: #fff;
}

.shili-b:hover .sl-p2 {
	color: #fff;
}

.sl-p1 {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	padding-bottom: 20px;
}

.sl-l {
	width: 17px;
	height: 2px;
	background: #187E97;
}

.sl-p2 {
	padding-top: 32px;
	max-width: 315px;
	font-size: 14px;
	color: #666;
	line-height: 32px;
}

.big-time {
	position: absolute;
	top: 118px;
	font-size: 100px;
	font-family: Arial;
	font-weight: bold;
	color: #187E97;
}

.ab-box4 {
	padding-bottom: 80px;
}

.cp-box {
	padding-top: 100px;
}

.cp-b {
	width: 49.4%;
	background: #F7F7F7;
}

.cp-dy {
	padding: 44px 48px 44px 50px;
	cursor: pointer;
	align-items: center;
}

.cp-dy-p1 {
	padding-top: 58px;
	font-size: 30px;
	color: #333333;
	display: block;
}

.cp-dy-l {
	display: inline-block;
	width: 200px;
	height: 2px;
	background: #D6D6D6;
}

.cp-dy-b1 {
	overflow: hidden;
}

.cp-dy-b1 img {
	transition: all 0.8s;
}

.cp-b:hover .cp-dy-b1 img {
	transform: scale(1.1);
}

.cp-dy-p2 {
	padding-top: 20px;
	font-size: 14px;
	color: #999999;
	padding-bottom: 30px;
}

.jlxq {
	font-size: 14px;
	color: #999999;
}

.cp-b:hover .jlxq {
	color: #157D96;
}

.nums {
	padding-top: 60px;
	text-align: center;
	padding-bottom: 80px;
}

.nums span {
	display: inline-block;
	cursor: pointer;
	vertical-align: middle;
}

.shangyy {
	width: 73px;
	height: 40px;
	background: rgba(255, 255, 255, 0.8);
	border: 2px solid #E8E8E8;
	text-align: center;
	line-height: 40px;
	color: #AEAEAE;
}

.nums span:hover {
	background-color: #187E97;
	color: #fff;
	border: none;
}

.numsa {
	width: 38px;
	height: 40px;
	background: #FFFFFF;
	border: 2px solid #E8E8E8;
	line-height: 40px;
	color: #AEAEAE;
}

.cps-box {
	padding-top: 60px;
}

.cps-b {
	margin-left: 80px;
	padding-top: 30px;
}

.cps-p1 {
	font-size: 30px;
	font-weight: bold;
	color: #333333;
	padding-bottom: 60px;
}

.cps-p2 {
	font-size: 24px;
	color: #333333;
	padding-bottom: 8px;
}

.cps-p3 {
	font-size: 14px;
	font-family: ArialNarrow;
	color: #187E97;
	padding-bottom: 40px;
}

.cps-l {
	width: 489px;
	height: 1px;
	background-color: #D2D2D2;
}

.cps-s1 {
	display: inline-block;
	font-size: 14px;
	color: #333333;
	padding-left: 20px;
	padding-right: 164px;
	margin-bottom: 18px;
}

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

.cps-box2 {
	background: #FBFBFB;
	padding-top: 60px;
	margin-top: 50px;
	padding-bottom: 70px;
}

.cps-box3 {
	padding-top: 60px;
}

.cps2-p1 {
	font-size: 24px;
	color: #333333;
	padding-bottom: 8px;
}

.cps2-p2 {
	font-size: 14px;
	font-family: ArialNarrow;
	color: #187E97;
	padding-bottom: 50px;
}

.cps2-p3 {
	font-size: 18px;
	color: #333333;
	line-height: 36px;
}

.nmhl {
	padding-top: 80px;
}

.tj-p1 {
	font-size: 30px;
	color: #333333;
	padding-bottom: 50px;
	text-align: center;
}

.yc {
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 34%;
	font-size: 24px;
	color: #FFFFFF;
	transition: all 0.8s;
}

.fw-box {
	padding-top: 60px;
}

.fw-a {
	display: inline-block;
	width: 156px;
	height: 54px;
	border: 1px solid #187E97;
	color: #666;
	font-size: 18px;
	text-align: center;
	line-height: 54px;
	vertical-align: middle;
	transition: all 0.8s;
}

.fw-a:hover {
	background: #187E97;
	color: #fff;
}

.fw-as {
	display: inline-block;
	width: 156px;
	height: 54px;
	background: #187E97;
	font-size: 18px;
	text-align: center;
	line-height: 54px;
	color: #fff;
	vertical-align: middle;
}

.fw-box {
	padding-top: 60px;
}

.fw-p1 {
	text-align: left;
	font-size: 30px;
	color: #333333;
}

.fw-p2 {
	max-width: 593px;
	text-align: left;
	font-size: 18px;
	color: #333333;
	line-height: 30px;
	padding-top: 30px;
}

.fw-b2 {
	overflow: hidden;
}

.fw-b2:hover img {
	transform: scale(1.1);
}

.fw-img1 {
	width: 100%;
	display: block;
	transition: all 0.8s;
}

.fw-b1 {
	padding-top: 60px;
}

.fw-bb {
	padding-top: 60px;
}

.fw-box2 {
	padding-top: 80px;
}

.fw-p3 {
	font-size: 30px;
	font-weight: 400;
	color: #333333;
	text-align: center;
	padding-bottom: 30px;
}

.fw-b2-b img {
	width: 100%;
	display: block;
}

.fw-b2-b {
	padding-bottom: 60px;
}

.fw-box3 {
	padding-top: 80px;
	padding-bottom: 60px;
}

.fw-p4 {
	font-size: 30px;
	color: #333333;
	padding-bottom: 40px;
}

.fw-more {
	display: inline-block;
	text-align: center;
	width: 183px;
	height: 42px;
	border: 1px solid #187E97;
	line-height: 42px;
	color: #157D96;
	font-size: 18px;
	transition: all 0.8s;
}

.fw-more:hover {
	background-color: #157D96;
	color: #fff;
}

.fw-b3-b1 {
	margin-right: 145px;
	overflow: hidden;
}

.fw-b3-b1:hover img {
	transform: scale(1.1);
}

.fw-b3-b1 img {
	width: 100%;
	display: block;
	transition: all 0.8s;
}

.dian {
	display: inline-block;
	width: 6px;
	height: 6px;
	background: #187E97;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 10px;
}

.sh-b {
	margin-left: 150px;
}

.sh-b ul li {
	font-size: 18px;
	color: #333333;
	line-height: 34px;
}

.fw-sp {
	overflow: hidden;
}

.fw-sp:hover img {
	transform: scale(1.1);
}

.fw-sp img {
	width: 100%;
	display: block;
	transition: all 0.8s;
}

.fws-b {
	padding-top: 60px;
}

.fws-p1 {
	font-size: 30px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	padding-bottom: 60px;
}

.fws-b1 {
	padding: 40px;
	width: 412px;
	height: 137px;
	background: #F2F3F5;
}

.zdsl {
	margin-right: 30px;
}

.fws-p2 {
	color: #333;
	font-size: 16px;
}

.fws-b2 {
	padding-top: 50px;
}

.fws-bg {
	width: 100%;
	border: 1px solid #D3D3D3;
	padding: 50px 60px 60px 60px;
	margin-bottom: 60px;
}

.fws-p3 {
	font-size: 30px;
	color: #333333;
	padding-bottom: 20px;
}

.fzr {
	padding-top: 30px;
}

.fws-p4 {
	font-size: 18px;
	color: #333333;
	line-height: 40px;
}

.fzrs {
	margin-right: 130px;
}

.wx-b {
	margin-top: 60px;
	padding-top: 120px;
	padding-bottom: 104px;
}

.wx-p1 {
	font-size: 30px;
	color: #333333;
	padding-bottom: 38px;
}

.wx-p2 {
	max-width: 790px;
	font-size: 18px;
	color: #333333;
	line-height: 30px;
}

.wx-b1 {
	padding-top: 80px;
}

.wx-p3 {
	font-size: 30px;
	font-weight: bold;
	color: #333333;
	padding-bottom: 48px;
}

.wx-p4 {
	font-size: 24px;
	color: #333333;
}

.wx-b-b1 {
	padding-bottom: 30px;
}

.wx-b-b1 img {
	margin-right: 30px;
}

.dt2 {
	width: 100%;
	display: block;
	transition: all 0.8s;
}

.bzzy {
	overflow: hidden;
}

.bzzy:hover img {
	transform: scale(1.1);
}

.wx-b2 {
	padding-top: 60px;
}

.wxs-b {
	padding: 44px;
	width: 32.3%;
	background: #F9F9F9;
	transition: all 0.8s;
	margin-bottom: 30px;
	padding-bottom: 30px !important;
}

.wxs-p1 {
	font-size: 18px;
	color: #333333;
	padding-bottom: 20px;
}

.wxs-p2 {
	padding-top: 30px;
	font-size: 18px;
	color: #999999;
	padding-bottom: 40px;
}

.wxs-b:hover {
	background: url(../img/wxs.png);
	background-repeat: no-repeat;
	background-size: cover;
	box-shadow: 6px 8px 20px 0px rgba(24, 126, 151, 0.3);
}

.wxs-b:hover p {
	color: #fff;
}

.wxs-b:hover a {
	color: #fff;
}

.wxs-b:hover .sl-l {
	background: #fff;
}

.wxss-p1 {
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	color: #333333;
	padding-bottom: 50px;
}

.wxss-p2 {
	font-size: 14px;
	color: #333333;
	padding-bottom: 60px;
}

.wxss-b {
	padding-top: 60px;
}

.c-b {
	padding-top: 60px;
}

.lx-p1 {
	font-size: 30px;
	font-weight: bold;
	color: #333333;
	padding-top: 60px;
	padding-bottom: 80px;
}

.lx-p2 {
	font-size: 14px;
	color: #666666;
	padding-bottom: 20px;
}

.lx-p2 img {
	vertical-align: middle;
	position: relative;
	top: -2px;
	margin-right: 10px;
}

.c-b1 {
	padding-top: 60px;
}

.lx-p3 {
	text-align: center;
	font-size: 30px;
	color: #333333;
	padding-bottom: 50px;
}

.lx-ip {
	width: 630px;
	height: 53px;
	background: #F3F3F3;
	border: none;
	outline: none;
	padding-left: 20px;
	margin-bottom: 20px;
}

.lx-area {
	height: 142px;
	background: #F3F3F3;
	outline: none;
	resize: none;
	width: 100%;
	border: none;
	padding: 20px;
}

.lx-btn {
	display: inline-block;
	width: 304px;
	height: 47px;
	background: #187E97;
	text-align: center;
	line-height: 47px;
	color: #fff;
	margin-top: 50px;
	margin-bottom: 80px;
}

.zp-b {
	padding-top: 60px;
}

.zp-p1 {
	text-align: center;
	font-size: 30px;
	color: #333333;
	padding-bottom: 20px;
}

.zp-p2 {
	text-align: center;
	color: #999999;
	padding-bottom: 40px;
}

.zp-b2 {
	padding: 60px 0 60px 0;
	background: url(../img/zp1.png);
}

.zp-b2-p1 {
	max-width: 780px;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 24px;
	padding-bottom: 50px;
	text-align: center;
	margin: auto;
}

.lx-s {
	text-align: center;
}

.lx-s img {
	transition: all 0.8s;
	width: 38px;
	margin-bottom: 12px;
	height: 38px;
}

.lx-s:hover img {
	transform: rotateY(180deg);
}

.zp-b1 {
	padding-top: 60px;
	padding-bottom: 80px;
}

.lx-s p {
	font-size: 18px;
	color: #FFFFFF;
}

.zp-b1-p1 {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	padding-bottom: 50px;
}

.zp-zk {
	height: 76px;
	background: #F9F9F9;
	transition: all 0.8s;
	line-height: 76px;
	padding-left: 30px;
	padding-right: 40px;
}

.zp-zk:hover {
	background: #187E97 !important;
}

.zp-zk:hover .icon-xiajiantou {
	color: #fff;
}

.zp-zk-s1 {
	display: inline-block;
	font-size: 18px;
	color: #333;
	margin-right: 20px;
}

.zp-zk-s2 {
	font-size: 18px;
	font-family: Arial;
	color: #999;
}

.zp-zk:hover span {
	color: #fff;
}

.zpxx {
	transition: all 0.8s;
	height: 0px;
	background-color: #fff;
	margin-bottom: 10px;
}

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

.zprs {
	padding-bottom: 30px;
}

.zpyq {
	padding-bottom: 30px;
}

.tz-b {
	padding-top: 60px;
}

.tz-p1 {
	font-size: 30px;
	color: #333333;
	padding-bottom: 60px;
	text-align: center;
}

.tz-img {
	margin-bottom: 26px;
	transition: all 0.8s;
}

.tz-p2 {
	font-size: 18px;
	color: #333333;
	padding-bottom: 26px;
}

.tz-p3 {
	font-size: 14px;
	color: #333333;
}

.tz-b1 {
	padding-top: 90px;
}

.tz-p4 {
	text-align: center;
	font-size: 30px;
	color: #333333;
	padding-bottom: 36px;
}

.tz-box {
	width: 100%;
	height: 80px;
	background: #F2F8FA;
	line-height: 80px;
	padding-left: 60px;
	padding-right: 60px;
	margin-bottom: 10px;
}

.tz-box-p {
	font-size: 18px;
	color: #333333;
}

.tz-s {
	font-size: 18px;
	color: #333333;
}

.jmb {
	position: relative;
	background: url(../img/index7.png);
	height: 388px;
	margin-top: 80px;
	margin-bottom: 100px;
}

.wdfx {
	position: absolute;
	top: 150px;
	text-align: center;
	left: 50%;
	transform: translateX(-50%);
}

.wdfx-p1 {
	font-size: 40px;
	color: #FFFFFF;
	padding-bottom: 20px;
}

.wdfx-p2 {
	font-size: 24px;
	color: #FFFFFF;
	text-transform: uppercase
}

.times {
	width: 100px;
	height: 100px;
	background: #F2F8FA;
	text-align: center;
	padding: 8px;
}

.new-p1 {
	font-size: 24px;
	color: #333333;
	padding-bottom: 10px;
}

.new-p2 {
	max-width: 841px;
	font-size: 14px;
	color: #999999;
	line-height: 24px;
}

.times-s1 {
	font-size: 48px;
	font-family: Arial;
	color: #187E97;
	padding-bottom: 10px;
}

.new-b:hover img {
	transform: scale(1.1);
}

.new-b:hover .new-p1 {
	color: #187E97;
}

.times-s2 {
	font-family: Arial;
	color: #666666;
	font-size: 13px;
}

.new-img {
	overflow: hidden;
}

.new-box {
	padding-top: 60px;
}

.news-p1 {
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	color: #333333;
	padding-bottom: 12px;
}

.news-p2 {
	text-align: center;
	color: #333333;
	padding-bottom: 30px;
}

.news-l {
	width: 100%;
	height: 1px;
	background-color: #DADADA;
}

.news-box {
	padding-top: 50px;
}

.news-p3 {
	font-size: 18px;
	color: #333333;
	line-height: 30px;
	text-indent: 2rem;
}

.news-box1 {
	padding-top: 50px;
	overflow: hidden;
	padding-bottom: 80px;
}

.news-box1:hover img {
	transform: scale(1.1);
}

.news-box1 img {
	display: block;
	transition: all 0.8s;
	margin: auto;
}

.news-box2 {
	padding-top: 30px;
	padding-bottom: 60px;
}

.news-a {
	display: block;
	font-size: 18px;
	color: #999999;
	line-height: 30px;
}

.news-a:hover {
	color: #187E97;
}

.news-back {
	display: inline-block;
	width: 183px;
	height: 42px;
	border: 1px solid #187E97;
	text-align: center;
	line-height: 42px;
	color: #157D96;
	transition: all 0.8s;
	margin-top: 12px;
}

.news-back:hover {
	background: #157D96;
	color: #fff;
}

.icon-you {
	color: #157D96;
	font-size: 18px !important;
}
.icon-you:before{
	position: relative;
	top: 15px;
}
.icon-zuo:before{
	position: relative;
	top: 15px;
}
.icon-zuo {
	color: #157D96;
	font-size: 18px !important;
}
@media(max-width:1550px) {
    .ab3-b1{
        width: 50%;
    }
    .ab3-b2{
        max-width: 48%;
    }
    /*.flex-b2 img{*/
    /*    width: 50%!important;*/
    /*}*/
}
@media(max-width:1400px) {
	.wzs {
		/*left: 28% !important;*/
	}
}

@media(max-width:1280px) {
	.header-ul li {
		font-size: 16px !important;
		margin-right: 20px !important;
	}
}
@media (max-width:1024px){
    .ab2-p1 + .flex-b i, .ab-box2-b{
        width: 48%;
    }
    .wxs-b{
        width: 48%;
    }
    .shili-b{
        width: 50%;
    }
    .nav{
        position: relative;
           overflow-x: scroll;
        overflow-y: hidden;
    }
    .nav .content840{
        width: auto;
     
        flex-wrap: nowrap;
    }
     .nav::-webkit-scrollbar {
	width: 4px;
	height: 0;
}
 .nav::-webkit-scrollbar-track {
	background: transparent;
	border-radius: 10px;
}
 .nav::-webkit-scrollbar-thumb {
	background: transparent;
	border-radius: 10px;
	
}
    .nav .content840{
        position: relative;
        left: 0;
        top: 0;
        width: auto;
        max-width: none;
        justify-content: flex-start;
    }
    	.nav-b{
	    width: 98px;
	    padding: 0 20px;
	    height: 45px;
	    line-height: 45px;
	    
	}
	.nav-c{
	    padding-top: 0;
	     height: 45px;
	     line-height: 45px;
	     width: 98px;
	       padding: 0 20px;
	}
	.nav-c p{
	    padding-bottom: 0 !important1;
	    white-space: nowrap;
	}
	.nav-b p{
	    white-space: nowrap;
	}
	.nav{
	    height: 45px;
	}
	.nav-c img{
	    display: none;
	}
     .ab3-b1{
        width: 100%;
    }
    .ab3-b2{
        max-width: 100%;
        width: 100%;
    }
}
@media(max-width:900px) {
	.header-ul li {
		font-size: 14px !important;
		margin-right: 12px !important;
	}
}

@media(max-width:768px) {
     .ab2-p1 + .flex-b i, .ab-box2-b{
        width: 100%;
    }
	.icon-you,.icon-zuo{
		font-size: 13px !important;
		
	}
		.icon-you:before,.icon-zuo:before{
		    top: 12px !important;
		}
	.news-box2 {
		padding: 20px !important;
	}

	.news-box1 {
		padding-top: 20px !important;
		padding-bottom: 30px !important;
	}

	.news-box {
		padding-top: 20px !important;
	}

	.news-a {
		font-size: 14px !important;
	}

	.news-box1 img {
		width: 100%;
	}

	.news-p3 {
		font-size: 14px !important;
	}

	.news-p1 {
		font-size: 18px !important;
	}

	.news-p2 {
		font-size: 14px !important;
	}

	.new-p1 {
		max-width: 150px !important;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		font-size: 18px !important;
		padding-left: 10px;
	}

	.new-p2 {
		max-width: 180px !important;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		font-size: 13px !important;
		padding-left: 10px;
	}

	.new-box {
		padding: 12px !important;
		padding-top: 30px !important;
	}

	.ab-box2-b div {
		height: 130px !important;
		background: rgba(24, 126, 151, 0.8) !important;
	}

	.ab-box2-b p {
		color: #fff !important;
		opacity: 1 !important;
	}

	.wdfx-p1 {
		font-size: 20px !important;
	}

	.wdfx-p2 {
		font-size: 15px !important;
	}

	.wdfx {
		/*left: 24% !important;*/
		width: 90%;
	}

	.fw-b2-b {
		padding-bottom: 30px !important;
	}

	.fw-p3 {
		padding-bottom: 20px !important;
	}

	.zp-b {
		padding-top: 30px !important;
	}

	.cp-box {
		padding-top: 30px !important;
	}

	.tz-box-p {
		font-size: 14px !important;
		max-width: 250px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.tz-s {
		font-size: 14px !important;
	}

	.tz-box {
		padding-right: 12px !important;
		padding-left: 12px !important;
	}

	.tz-b1 {
		padding-top: 20px !important;
	}

	.tz-b {
		padding: 12px !important;
		padding-top: 30px !important;
	}

	.tz-p1 {
		padding-bottom: 20px !important;
	}

	.zp-b1-p1 {
		padding-bottom: 20px !important;
	}

	.zp-b1 {
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}

	.zp-zk {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}

	.zp-zk-s1 {
		font-size: 14px !important;
	}

	.zp-zk-s2 {
		font-size: 12px !important;
	}

	.lx-ip {
		width: 100% !important;
	}

	.c-b1 {
		padding: 12px !important;
		padding-top: 30px !important;
	}

	.lx-p1 {
		font-size: 24px !important;
	}

	.lx-p1 {
		padding-top: 0px !important;
		padding-bottom: 20px !important;
	}

	.c-b {
		padding-top: 30px !important;
	}

	.lx-b1 {
		padding: 12px;
	}

	.wxss-p2 {
		padding-bottom: 20px !important;
	}

	.wxss-p1 {
		padding-bottom: 20px !important;
	}

	.wxss-b {
		padding: 12px !important;
		padding-top: 30px !important;
	}

	.sl-ls {
		width: 150px !important;
	}

	.wx-b2 {
		padding-top: 0px !important;
	}

	.wxs-b {
		width: 98% !important;
		padding-bottom: 30px !important;
	}

	.wx-p4 {
		font-size: 20px !important;
	}

	.wx-p3 {
		font-size: 24px !important;
	}

	.suoxiao {
		padding: 12px;
	}

	.wx-b1 {
		padding-top: 30px !important;
	}

	.wx-b {
		margin: 0px !important;
		padding: 12px !important;
		background-size: cover;
	}

	.fws-p4 {
		font-size: 14px !important;
	}

	.fzrs {
		margin-right: 0px !important;
	}

	.fws-p3 {
		font-size: 20px !important;
	}

	.fws-bg {
		margin-bottom: 20px !important;
		padding: 20px !important;
	}

	.fws-b2 {
		padding: 12px !important;
		padding-top: 30px !important;
	}

	.fws-b {
		padding-top: 20px !important;
	}

	.fws-p1 {
		padding: 20px !important;
	}

	.fws-b1 {
		width: 100% !important;
	}

	.fw-more {
		margin-bottom: 10px;
	}

	.sh-b {
		margin-left: 0px !important;
	}

	.fw-p4 {
		padding-bottom: 20px !important;
	}

	.fw-box3 {
		padding-top: 30px !important;
		padding-bottom: 0px !important;
	}

	.fw-b3-b1 {
		margin-right: 0px !important;
	}

	.fw-flex {
		flex-direction: column;
		text-align: center;
		margin-bottom: 30px;
	}

	.fw-box2 {
		padding-top: 30px !important;
	}

	.fw-bb {
		padding-top: 0px !important;
	}

	.fw-p2 {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}

	.fw-b1 {
		padding-top: 30px !important;
	}

	.fw-box {
		padding: 12px !important;
	}

	.fw-b {
		flex-direction: column;
	}

	.tj-p1 {
		padding-bottom: 20px !important;
	}

	.cps-box3 {
		padding-top: 30px !important;
	}

	.nmhl {
		padding-top: 30px !important;
	}

	.cps2-p2 {
		padding-bottom: 20px !important;
	}

	.cps-p1 {
		padding-bottom: 30px !important;
	}

	.cps-box2 {
		padding: 12px !important;
		padding-top: 0px !important;
		margin-top: 30px !important;
	}

	.cps-box {
		padding-top: 0px !important;
	}

	.cps-l {
		width: 100% !important;
	}

	.cps-b {
		margin-left: 0px !important;
		padding: 12px !important;
	}

	.numsa {
		display: none !important;
	}

	.cp-b {
		width: 98% !important;
	}

	.ab-box4 {
		padding-bottom: 30px !important;
		padding-top: 20px !important;
	}

	.big-time {
		top: 77% !important;
		left: 27%;
	}

	.shili-b {
		width: 100% !important;
	}

	.ab-box3 {
		padding-top: 30px !important;
	}

	.ab3-b1 {
		padding-left: 12px !important;
		padding-bottom: 30px;
	}

	.ab3-b2 {
		padding-left: 12px !important;
		padding-right: 9px !important;
	}

	.smjk {
		float: none !important;
	}

	.footer {
		padding-left: 12px;
		padding-right: 12px;
	}

	.foot-c-u {
		display: none;
	}

	.img7 {
		padding-bottom: 20px !important;
	}

	.box3-p1 {
		padding: 12px;
	}

	.box3-p2 {
		padding: 12px;
	}

	.box3-div {
		padding: 12px;
		margin-bottom: 16px;
		width: 100% !important;
		margin-right: 0px !important;
	}

	.box3-div {
		margin-right: 0px !important;
	}

	.img7 {
		padding-top: 30px !important;
	}

	.swiper-button-next,
	.swiper-button-prev {
		display: none !important;
	}

	.index-mores-div {
		width: 100% !important;
	}

	.index-mores {
		width: 100% !important;
	}

	.box2 {
		padding-top: 20px !important;
		padding-left: 14px;
		padding-right: 14px;
	}

	.sy-more {
		font-size: 18px !important;
		margin-right: 30px !important;
	}

	.zdwy {
		top: -28px !important;
	}

	.more {
		margin-bottom: 20px !important;
	}

	.cnsm {
		text-align: center;
	}

	.box1-2 {
		padding: 10px;
	}

	.box1-1 {
		width: 100% !important;
		margin: 0px !important;
	}

	.box1 {
		flex-direction: column;
	}

	.wzs {
		/*left: 5% !important;*/
		top: 20% !important;
	}

	.cbl {
		display: block;
	}

	.header-r {
		line-height: 24px !important;
	}

	.logo {
		top: 16px !important;
	}

	.top-gp {
		top: 13px !important;
	}

	.header-ul {
		display: none;
	}
}

@media(max-width:500px) {
    .fw-box3 .content1300 .flex-b:nth-child(2n+1){
    flex-direction: column-reverse;
}
    .new-img{
        width: 100%;
    }
    .new-p1{
        width: 100% !important;
    }
    .new-b>div{
        display: block;
    }
.times{
    display: none;
}
	.ab2-p1 {
		padding-bottom: 20px !important;
		padding-left: 12px;
	}

	.ab-box2 {
		padding-top: 30px !important;
		padding-bottom: 10px !important;
	}

	.nav-b {
		font-size: 12px !important;
	}

	.nav-c {
		font-size: 12px !important;
	}

	.box2-p2 {
		padding-bottom: 30px !important;
	}

	.wzs {
		top: 30% !important;
	}

	.wzs-new {
		font-size: 30px !important;
		padding-bottom: 12px !important;
	}

	.wzs-c {
		font-size: 24px !important;
		padding-bottom: 4px !important;
	}

	.wzss {
		font-size: 16px !important;
	}
	
}

@media(max-width:450px) {
	.ntsj {
		right: 18.8% !important;
	}

	.tz-p3 {
		font-size: 13px !important;
	}

	.tz-img {
		margin-bottom: 20px !important;
	}

	.tz-p2 {
		padding-bottom: 20px !important;
	}

	.ab3-l {
		margin-bottom: 30px !important;
	}

	.ab-box2-b img {
		max-height: 350px !important;
	}

	.ab-p1 {
		padding-bottom: 20px !important;

	}

	.ab-p2 {
		padding-bottom: 20px !important;
		font-size: 30px !important;
	}

	.logo {
		padding-left: 10px;
	}

	.footer {
		padding-top: 45px !important;
	}

	.foot-m {
		padding-right: 12px;
	}

	.box2-p2 {
		font-size: 15px !important;
	}

	.box1-p3 {
		padding-bottom: 20px !important;
	}

	.box3-p1 {
		font-size: 30px !important;
		padding-block: 0px !important;
	}

	.box2-p1 {
		font-size: 30px !important;
	}

	.box1-p2 {
		padding-bottom: 20px !important;
	}

	.box1-p3 {
		font-size: 15px !important;
	}

	.box1-p1 {
		font-size: 30px !important;
	}

	.ab-p1 {
		font-size: 24px !important;
	}

	.jmb {
		height: 300px !important;
		margin-top: 20px !important;
		margin-bottom: 10px !important;
	}

	.wdfx {
		/*left: 1% !important;*/
		top: 100px !important;
	}

	.cp-b {
		margin-bottom: 20px;
	}

	.cp-dy-b1 img {
		width: 100%;
		display: block;
	}

	.cp-dy-p2 {
		font-size: 14px !important;
	}

	.cp-dy-p1 {
		font-size: 24px !important;
		padding-top: 30px !important;
	}

	.cp-dy-l {
		width: 50px !important;
	}

	.wx-p3 {
		padding-bottom: 20px !important;
		font-size: 20px !important;
	}

	.fw-more {
		margin-top: 10px !important;
	}

	.nums {
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}

	.tz-box-p {
		font-size: 12px !important;
		max-width: 200px !important;
	}

	.tz-s {
		font-size: 12px !important;
	}

	.fw-flex {
		margin-bottom: 20px !important;
	}

	.cps-s1 {
		padding-right: 60px !important;
	}

	.big-time {
		top: 77% !important;
		left: 22% !important;
	}

	.img7 {
		padding-top: 10px !important;
		padding-bottom: 0px !important;
	}

	.sy-more {
		font-size: 15px !important;
		margin-right: 8px !important;
	}

	.box1 {
		padding-top: 0px !important;
	}

	.counter {
		font-size: 30px !important;
	}

	.wzs {
		top: 36% !important;
	    width: 90%;
	    left: 50%;
	    transform: translateX(-50%);
	}

	.wzs-new {
		padding-bottom: 10px !important;
		font-size: 18px !important;
	}

	.wzs-c {
		font-size: 14px !important;
		padding-bottom: 4px !important;
	}

	.wzss {
		font-size: 12px !important;
	}
}