/* 公共标签 */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "微软雅黑";
	font-size: 18px;
}

html,
body {
	max-width: 100%;
	overflow-x: hidden;
}

a {
	text-decoration: none;
	cursor: pointer;
}
a:hover{
    color: #bbb;
}
ul,
li {
	list-style: none;
	display: flex;
}

img {
	border: none;
}

table {
	border-collapse: collapse;
	margin-top: 30px;
}

td {
	border: 1px #333 solid;
	min-width: 150px;
	text-indent: 10px;
	line-height: 30px;
}

.boxshow {
	box-shadow: 0 0 15px rgb(0 0 0 / 80%);
}

.pubCon {
	width: 100%;
	max-width: 1200px;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 0 auto;
}

.pubTit {
	margin: 0 auto;
	font-size: 30px;
	font-weight: 600;
	position: relative;
	margin-bottom: 40px;
}

/*.pubTit::after {*/
/*	content: "";*/
/*	width: 60%;*/
/*	height: 3px;*/
/*	background: #2d50df;*/
/*	position: absolute;*/
/*	left: 20%;*/
/*	bottom: 0;*/
/*}*/

.ft16 {
	font-size: 16px;
}

.ft18 {
	font-size: 30px;
	font-weight: bold;
	line-height: 30px;
}
.pubTitCon{
    padding: 15px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}
.pubTit2{
    font-size: 24px;
    color: #2d50de;
}
.pubTit3{
    display: block;
    font-size: 18px;
    line-height: 30px;
    color: #aaa;
    padding: 0px 15px;
    border-radius: 15px;
}
.pubTit3:hover{
    color: #fff;
    background: #2d50df;
}
.pubTit4{
    margin: 0 auto;
    font-size: 24px;
    font-weight: 600;
    position: relative;
    margin-bottom: 40px;
}



/* 头 */
.htback {
	position: fixed;
	top: 0;
	width: 100%;
	max-width: 100%;
	background: #fff;
	z-index: 11;
}

.hdtop {
	width: 100%;
	max-width: 100%;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 15px;
	color: #2d50de;
}

.htlogo {
	display: flex;
	align-items: center;
}

.htlt {
	height: 80px;
	margin-left: 15px;
	line-height: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.htr {
	display: flex;
}

.hdzx {
	line-height: 30px;
	font-weight: bold;
}

.hdlan {
	margin-left: 15px;
	line-height: 30px;
	width: 110px;
	border: 1px #aaa;
	text-align: center;
}

.hdlan a {
	color: #2d50de;
}

.hdlan a:hover {
	color: #2d50de;
	font-weight: 600;
}

.hdbot {
	position: fixed;
	width: 100%;
	background: #2d50df;
	height: 60px;
	display: flex;
	align-items: center;
	top: 80px;
	z-index: 11;
	box-shadow: 0px 10px 5px -10px #aaa;
}

.hdbot ul {
	width: 100%;
}

.hdbot ul li {
	flex: 1;
}

.hdbot ul li a {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	width: 100%;
	text-align: center;
	line-height: 60px;
}

.hmactive {
	background: #01bdd6;
}

.hblogo {
	display: none;
}

.mobhd {
	width: 100vw;
	max-width: 100vw;
	position: fixed;
	top: 0;
	display: none;
	height: 60px;
	padding-right: 15px;
	z-index: 8;
	align-items: center;
	background: #fff;
	border-bottom: 1px solid #eee;
}

.mMenu {

	right: 10px;
	display: none;
}

.mg {
	width: 100vw;
	max-width: 100vw;
	margin: 5px 10px;
	width: 30px;
	height: 2px;
	background: #000;
}

.aboutlist {
	display: flex;
	background: #fff;
	position: absolute;
	top: 60px;
	width: 171px;
	flex-direction: column;
	transition: linear;
	border: 1px solid #eee;
	border-top: none;
}

.aboutlist a {
	display: block;
	color: #2d50df !important;
	font-size: 18px !important;
	line-height: 40px !important;
	border-top: 1px solid #eee;
}

.aboutlist a:hover {
	background: #01bdd6;
	color: #fff !important;
}

.prolist27 {
	display: flex;
	background: #fff;
	position: absolute;
	top: 60px;
	width: 171px;
	flex-direction: column;
	transition: linear;
	border: 1px solid #eee;
	border-top: none;
}

.prolist27 a {
	display: block;
	color: #2d50df !important;
	font-size: 18px !important;
	line-height: 40px !important;
	border-top: 1px solid #eee;
}

.prolist27 a:hover {
	background: #01bdd6;
	color: #fff !important;
}
.newslist20 {
	display: flex;
	background: #fff;
	position: absolute;
	top: 60px;
	width: 171px;
	flex-direction: column;
	transition: linear;
	border: 1px solid #eee;
	border-top: none;
}

.newslist20 a {
	display: block;
	color: #2d50df !important;
	font-size: 18px !important;
	line-height: 40px !important;
	border-top: 1px solid #eee;
}

.newslist20 a:hover {
	background: #01bdd6;
	color: #fff !important;
}


.mbabl {
	background: #eee;
	border-bottom: 1px #fff solid;
}

.pad15 {
	padding-left: 15px;
	padding-right: 15px;
}



/* main */
.main {
	position: absolute;
	top: 140px;
	width: 100%;
}

.banner {
	width: 100%;
	height: auto;
	background: #f0f0f0;
	overflow: hidden;
}
.banner .swiper{
	width: 100%;
	height: 100%;
}
.banner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.smod {
	padding: 80px 0;
	width: 100%;
}



/* position */
.position {
	width: 100%;
	color: #000;
	background: #fff;
	padding-left: 5px;
}

.position a {
	line-height: 40px;
	line-height: 22px;
	color: #2d50df;
	margin: 0 10px;
}

.position a:hover {
	color: #888;
}

.detbanner {
	width: 100%;
	overflow: hidden;
}

.detbanner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.w100 {
	width: 100%;
	display: flex;
	padding-top: 30px;
}

.w100 .pubTit {
	margin-bottom: 20px;
}

.indent2 {
	text-indent: 2em;
}

.nowrap {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}



/* product */
.newProBack{
    width: 100%;
    display: flex;
    flex-wrap:wrap;
}
.newProCard{
    width: 25%;
    padding: 10px;
    overflow: hidden;
}
.newProContent{
    position: relative;
    width: 100%;
    display: block; 
    overflow: hidden;
}
.newProContent img{
    width: 100%;
    height: 100%;
    object-fit: contain; 
}
.proxh{
    width: 100%;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    color: #2d50df;
}
.proMask{ 
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0; 
    width: 100%;
    height: 100%;
    background: rgba(12,125,245,0.6);
    display: none;
}
.maskContent{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.maskContent img{
    width:50px;
    height: 50px;
}
.nptitle{
    font-size: 16px;
    margin-top: 10px;
    color: #fff;
}
.nptitle:hover{
    color: #fff;
}




.product {
	background: #f0f0f0;
}

.proa {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
}

.prob {
	display: flex;
	flex-direction: column;
	width: 25%;
}

.proba {
	width: 100%;
	display: block;
	padding: 13% 0;
	padding-left: 20px;
	color: #000;
	background: #fff;
	border: 1px solid #eee;
}

.probact {
	background: #2d50df;
	color: #fff;
}

.proba div {
	font-size: 24px;
	line-height: 36px;
}

.probb {
	width: 100%;
	display: block;
	line-height: 70px;
	padding-left: 20px;
	color: #000;
	background: #fff;
	border: 1px solid #eee;
	font-size: 24px;
	transition: 0.3s;
}

@keyframes rx {
	0% {
		transform: translateY(-5px);
	}

	25% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(5px);
	}

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

.probb:hover {
	animation: rx 0.5s linear;
	color: #000;
}

.proba:hover {
	animation: rx 0.5s linear;
	color: #fff;
}

.probb1 {
	display: block;
}

.probb2 {
	display: none
}

.proc {
	width: 75%;
	overflow: hidden;
}

.proc a {
	display: none;
}

.proc:hover .procia {
	 
}

.procia {
	display: none;
	position: absolute;
	line-height: 40px;
	color: #fff;
	right: 0;
	padding: 0 15px;
	bottom: 0px;
	background: rgba(0, 0, 0, 0.2);
	transition: linear;
}

.proc img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}



/* advantage */
.advantage {
	background:  #2d50df;
}

.advantage .pubTit {
	color: #fff;
}

.advantage .pubTit::after {
	display: none;
}

.advCon {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.adva {
	width: 53%;
	padding: 10px;
}

.adva img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.advb {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.advbCard {
	width: 33.3%;
	padding: 15px;
	height: 70px;
	display: flex;
	align-items: center;
}

.advbCard img {
	width: 40px;
}

.advbCard p {
	color: #fff;
	line-height: 26px;
	margin-left: 10px;
	font-size: 16px;
}



/* about */
.about {
	width: 100%;
	background-image: url("/03鸿泰/img/flo2.jpg");
	background-size: cover;
}

.half {
	width: 50%;
	display: flex;
}

.about .half {
	padding: 0 15px;
	flex-direction: column;
}

.abaa {
	text-indent: 2em;
	line-height: 38px;
	text-align: justify;
}

.abnum {
	width: 100%;
	margin-top: 50px;
	display: flex;
}

.numc {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.numc sup {
	font-size: 16px;
	margin-left: 10px;
}

.num {
	font-size: 30px;
	font-weight: 600;
}

.numl {
	font-size: 24px;
}

.abi {
	width: 100%;
	height: 450px;
	overflow: hidden;
}

.abi img {
	width: 100%;
	height: 100%;
	border-radius: 8px;
	object-fit: cover;
}


/*resp*/
.respCard{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    padding: 30px 0;
    border-top: 1px solid #aaa;
}
.respImg{
    width:300px;
    height: 200px;
    overflow: hidden;
}
.respImg img{
    width:100%;
    height: 100%;
    object-fit: cover;
}
.resptext{
    width:calc(100% - 300px);
    padding-left: 20px;
}
.reteTop{
    display: flex;
    width: 100%;
    justify-content: space-between;
    overflow: hidden;
    margin-bottom: 30px;
}
.respTit{
    font-size: 18px;
    font-weight: 600;
    color: #2d50de;
}
.respmore{
    color: #aaa;
}
.respContent{
    width:100%
    font-size: 16px;
    color: #999;
    line-height: 28px;
    text-indent: 2em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}


/* news */
.newsthird{
    width:33.3%;
    padding: 15px;
}
.newsCard718{
    width:100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
    transition: 0.5s;
}
.newsCard718:hover{
    box-shadow: 5px 5px 25px -5px #aaa;
}
.newsCard718:hover img{
    transform: scale(1.1);
}
.newsCard718:hover .ncTit718{
    color: #2d50df;
}
.newsCard718:hover .ncmore{
    background:#2d50df;
}
.ncTopImg{
    width: 100%;
    height: 250px;
    overflow: hidden;
}
.ncTopImg img{
    width: 100%;
	height: 100%;
    object-fit: cover;
    transition: 0.5s;
}
.newstext718{
    display: flex;
    flex-direction: column;
    padding: 30px;
}
.ncTit718{
    font-size: 18px;
    font-weight: 600;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.ncDate718{
    font-size: 16px;
    color: #aaa;
    line-height: 60px;
}
.ncSub718{
    font-size: 16px;
    color: #666;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.ncmore{
    margin-top: 20px;
    width: 105px;
    padding: 0 15px;
    line-height: 36px;
    border-radius: 8px;
    background: #01bdd6;
    color: #fff;
}
.news {
	background: #f0f0f0;
}

.newsI {
	width: 100%;
	height: 380px;
	position: relative;
	border-radius: 8px;
	overflow: hidden;
}

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

.newsI img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.5s;
}

.news .half {
	flex-direction: column;
	padding: 0 15px;
}

.nimask {
	position: absolute;
	width: 100%;
	height: 80px;
	bottom: 0px;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	line-height: 36px;
	padding-left: 15px;
}

.newslist {
	display: flex; 
	height: 150px;
	margin-bottom: 25px;
	line-height: 30px;
	border-radius: 8px;
    background-color: #fff;
    float: left;
    box-shadow: 0 0 20px rgba(0,0,0,0.05);
    padding: 15px 20px 15px 15px;
	transition: 0.5s;
}
.newslist .newsico{ 
    width: 30%;
    height:100%;
    object-fit: cover;
}
.newsrt{
    margin-left: 20px;
}
.newshr {
	width: 100%;
	height: 2px;
	background: #7e7e7e;
	margin: 4px 0;
}
.newslist:hover{
    background-color: #2d50df;
    box-shadow: 0 0 9px rgba(12,3,6,.4);
}
.newslist:hover .newstit{
    color:#fff !important;
}
.newslist:hover .newssubt {
    color:#fff !important;
}
.newslist:hover .newsdate{
    color: #fff;
}
.newstit {
	color: #000;
}

.newsdate {
	display: flex;
	color: #515151;
	align-items: center;
	margin: 15px 0;
}
.newssubt{
    font-size: 16px;
    color: #000;
}

.newsb {
	border-radius: 30px; 
	width: 120px;
	background: #2d50df;
	font-size: 18px;
	line-height: 30px;
	color: #000;
	border: 1px solid #2d50df;
	text-align: center;
	transition: 0.3s;
}

.newsb:hover {
    background: #2d50df;
	color: #fff;
}



/* foot */
.foot {
	padding-top: 60px;
	background: #2d50df;
}

.foot .pubCon { 
    align-items: flex-start;
	justify-content: space-between;
}
.ftLeft{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 60px;
}
.ftMid{
    display: flex;
    flex-wrap: wrap;
    padding: 0 20px;
    padding-bottom: 60px;
}
.ftnav{
    width:110px;
}
.ftnav:nth-child(1){
    width: 80px;
}
.ftnav:nth-child(3){
    width: 130px;
}

.foot .forth {
	width: 25%;
	padding: 0 20px;
	padding-bottom: 50px;
	display: flex;
	flex-direction: column;
}

.foot .forth:nth-child(2) {
	padding-left: 50px;
}



.ftn1 {
	color: #fff;
	font-size: 20px;
	margin-top: 10px;
	font-weight: 600;
}

.ftn2 {
	font-size: 18px;
	color: #fff;
	margin-bottom: 20px;
	font-weight: bold;
}

.ftdh {
	color: #fff;
	line-height: 30px;
	font-size: 15px;
	display: block;
	font-weight: 500;
}

.ftn3 {
	width: 100%;
	display: flex;
	font-size: 14px;
	line-height: 30px;
	color: #fff;
}
.ft727{
    width: 100%;
    padding:0 20px;
    display: none ;
    margin-bottom: 20px;
}
.ftn31 {
	width: 130px;
	font-size: 14px;
}
.ftn32 {
	font-size: 14px;
}
.ftRight{
    display: flex;
}
.ft2wm {
	width: 100px;
	margin: 0 auto;
}

.ftss {
	width: 100%;
	text-align: center;
	font-size: 13px;
	line-height: 30px;
	color: #fff;
}

.fthr {
	width: 95%;
	margin: 0 auto;
	height: 2px;
	background: #ddd;
}

.copyr {
	width: 100%;
	line-height: 60px;
	justify-content:  center;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
}
.copyr div{
    font-size: 12px;
}
.beian{
	font-size: 12px;
    color: #fff;
    display: block;
    padding: 0 15px;
}

@media screen and (max-width:1200px) {
	.aboutlist {
		width: 16.3%;
	} 
	.newslist20 {
		width: 16.3%;
	} 
}

@media screen and (max-width:992px) {
	.forth {
		width: 50%;
	}

	.hdbot ul li a {
		font-size: 18px;
	}
	.newslist .newsico{ 
        width: 40%; 
    }
}

@media screen and (max-width:768px) {
    .position .pubCon{
    	font-size: 14px;
    }
    .position .pubCon img{
        width: 16px;
    }
	.position {
    	font-size: 14px;
    }
    .position a{
        font-size: 14px;
        margin: 0 5px;
    }
	.smod{
	    padding: 30px 0;
	}
	.pubTit{
	    margin-bottom: 30px;
	}
	.pubTit4{
	    margin-bottom: 30px;
	}
    .mySwiper2{
        display: none;
    }

	.main {
		top: 60px;
	}
    .banner {
    	width: 100%;
    	height: auto;
    	background: #f0f0f0;
    	overflow: hidden;
    }
    .banner .swiper{
    	width: 100%;
    	height: auto;
    }
    .banner img {
    	width: 100%;
    	height: auto;
    	object-fit: cover;
    }
	.pubTit {
		font-size: 26px;
	}
	.pubTitCon{
	    margin-bottom: 15px;
	}
	.copyr{
	    line-height: 30px;
	}

	* {
		font-size: 16px;
	}

	.htback {
		display: none;
	}

	.hdbot {
		display: none;
	}

	.advbCard {
		width: 100%;
	}
	.abnum{
	    margin-top: 30px;
	}

	.mobhd {
		display: flex;
	}

	.mMenu {
		display: block;
		position: absolute;
		right: 15px;
	}

	.mhlogo {
		position: absolute;
		left: calc(50% - 35px);
	}

	.mobmm {
		display: flex;
		z-index: 8;
		flex-direction: column;
		position: fixed;
		top: 60px;
		background: #fff;
		width: 100vw;
	}

	.mobmm li a {
		width: 100%;
		line-height: 36px;
		text-align: center;
		color: #000;
		border-bottom: 1px #eee solid;
	}

	.forth {
		width: 100%;
	}

	.prob {
		width: 100%;
	}
	
	.newProCard{
        width: 50%;
    }

	.procia {
		display: block;
		bottom: 42px;
	}

	.proba {
		padding: 2px 0;
		display: flex;
	}

	.proba div {
		margin-left: 10px;
		font-size: 20px;
	}

	.probb {
		font-size: 20px;
		line-height: 40px;
	}

	.probb1 {
		display: none;
	}

	.probb2 {
		display: block;
	}

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

	.proc img {
		width: 100%;
		height: auto;
	}

	.adva {
		width: 100%;
		padding: 0 20px;
		padding-bottom: 30px;
	}

	.advb {
		width: 100%;
	}

	.advbCard p {
		text-align: justify;
	}

	.half {
		width: 100%;
		margin-bottom: 30px;
	}


	.abi img {
		height: auto;
		object-fit: contain;
	}

	.abi {
		height: auto;
	}
	
	.respCard{
	    padding: 15px;
	}
    .respImg{
        width:50%;
        height: 120px;
    }
    .respImg img{
        width:100%;
        height: 120px;
        object-fit: cover;
    }
    .resptext{
        width:50%;
        padding-left: 15px;
    }
    .reteTop{
        margin-bottom: 15px;
    }
    .respContent{
        line-height: 20px;
        text-indent: 2em;
    }

	.num {
		font-size: 26px;
	}

	.numl {
		margin-bottom: 20px;
	}

	.newsI {
		height: auto;
	}
	.newsthird {
		width: 100%;
	}
	.ncTopImg{
	   height: 150px;
	}
    .newslist .newsico{ 
        width: 40%; 
    }
    .foot{
        padding-top: 30px;
    }
	.foot .forth {
		width: 100%;
	}

	.foot .forth:nth-child(1),
	.foot .forth:nth-child(2) {
		display: none;
	}
	.ftMid{
	    display: none;
	}
	.ftLeft{
	    width:100%;
	    display: flex;
	    justify-content: center;
	    padding-bottom: 30px;
	}
	.ftRight{
	    width:100%;
	    display: flex;
	    justify-content: center;
	    flex-wrap: wrap;
	    padding-bottom: 30px;
	}
    .ft727{
        display: block;
    }
	.ftn31 {
		width: 70px;
		min-width: 60px;
	}

	.foot .forth:nth-child(3) {
		padding: 0 30px;
		margin-bottom: 30px;
	}
}

@media screen and (max-width:375px) {
	.advbCard p {
		font-size: 14px;
	}

	.abnum {
		flex-wrap: wrap;
	}

	.numc {
		flex: 100%;
	}
}