.layout {
	background: #fff;
	margin: 0 auto;position: relative;
}
.wrap {
	width: 1600px;
	margin: 0 auto;
}
.header {
	background: #fff;
	padding: 0 65px;
	height: 120px;
	position: relative;z-index: 6666;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.11);
	display: flex;flex-wrap:wrap;
	justify-content: space-between;
	position: sticky;top: 0;
}
.header .logo {
	display: block;
	width: 420px;
	margin-top: 27px;
}
.header .logo img {
	display: block;
	width: 100%;
}
.header .rts {
	margin-top: 30px;
	display: flex;flex-wrap:wrap;
	justify-content: flex-end;
	width: calc(100% - 520px);
}
.header .rts .naver {
	width: calc(100% - 310px);
}
.header .rts .naver ul {
	display: flex;flex-wrap:wrap;
	justify-content: space-around;
}
.header .rts .naver li {
	
	position: relative;
}
.header .rts .naver li a {
	font-size: 20px;
	line-height: 50px;
	font-family: "microsoft yahei","STXihei";
	color: #333;
	display: block;
	/* font-weight: bold; */
	transition: all 0.3s;
}
.header .rts .naver li:hover a,
.header .rts .naver li.on a {
	color: #30a324;
}
.header .rts .naver li::before {
	position: absolute;
	z-index: 11;
	content: "";
	height: 2px;
	background: #30a324;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 0;
	width: 0;
	transition: all 0.3s;
}
.header .rts .naver li.on::before,
.header .rts .naver li:hover::before {
	width: 100%;
}
.header .rts .fsearch {
	position: relative;
}
.header .rts .fsearch .text {
	display: block;
	border: 1px solid #666666;
	height: 50px;
	width: 100%;
	padding: 0 50px 0 10px;
	font-size: 20px;
	color: #666666;
	width: 220px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.header .rts .fsearch .text:focus {
	border-color: #4084FB;
}
.header .rts .fsearch .sub {
	display: block;
	border: none;
	background: url(../images/fn1.png?v=1) no-repeat center/cover;
	width: 25px;
	height: 25px;
	top: 12px;
	right: 16px;
	position: absolute;
	z-index: 33;
	cursor: pointer;
}
.header .fen ul {
	display: flex;flex-wrap:wrap;
	justify-content: space-between;
	padding-left: 15px;
}
.header .fen ul li {
	margin-left: 5px;
	font-size: 16px;
	line-height: 50px;
	color: #333333;
}
.header .fen ul li a {
	display: block;
	font-size: 16px;
	line-height: 50px;
	color: #333333;
	transition: all 0.3s;
}
.header .fen ul li a:hover {
	color: #4084FB;
}

.fbanner {
	height: 817px;
}
.frxproduct {
	padding: 95px 0 100px;
}
.ftlt {
	text-align: center;
}
.ftlt h2 {
	font-size: 34px;
	line-height: 50px;
	font-family: "microsoft yahei","STXihei";
	color: #333;
	position: relative;
	padding-bottom: 21px;
	/* font-weight: bold; */
}
.ftlt h2::before {
	position: absolute;
	z-index: 11;
	content: "";
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 0;
	height: 6px;
	width: 82px;
	background: #30a324;
}

.frxproduct .list ul {
	padding: 110px 10px 20px;
	display: flex;flex-wrap:wrap;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	font-family: "microsoft yahei","STXihei";
	/* font-weight: bold; */
}
.frxproduct .list ul li {
	float: left;
	width: calc((100% - 82px)/3);
	margin-right: 40px;
	margin-bottom: 40px;
	background: #fff;
	box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.12);
	padding: 13px 0 63px;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	background: url(../images/uuss1.png) no-repeat center/cover;
}
.frxproduct .list ul li:nth-child(3n) {
	margin-right: 0;
}
.frxproduct .list ul li .imgs {
	height: 250px;
	width: 250px;
	margin: 0 auto;
	overflow: hidden;
}
.frxproduct .list ul li .imgs a,
.frxproduct .list ul li .imgs img {
	display: block;
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.frxproduct .list ul li .imgs img {
	object-fit: cover;
}
.frxproduct .list ul li .huo {
	position: absolute;
	z-index: 11;
	top: 30px;
	right: 50px;
	width: 44px;
	transition: all 0.3s ;
	opacity: 1;
}
.frxproduct .list ul li:hover .huo {
	opacity: 1;
}
.frxproduct .list ul li .huo img {
	display: block;
	width: 100%;
}
.frxproduct .list ul li .text {
	padding: 30px 30px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.frxproduct .list ul li .tet {
	text-align: center;
}
.frxproduct .list ul li .tet a {
	display: block;
}
.frxproduct .list ul li .tet h3 {
	font-size: 24px;
	font-family: "microsoft yahei","STXihei";
	color: #333;
	line-height: 35px;
	/* font-weight: bold; */
	transition: all 0.3s;
	/* font-weight: bold; */
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.frxproduct .list ul li .tet h3:hover {
	color: #4084FB;
} 
.frxproduct .list ul li .tet h5 {
	margin-top: 8px;
	font-size: 20px;
	line-height: 22px;
	color: #333;
}
.frxproduct .list ul li .del {
	margin-top: 30px;
	font-size: 20px;
	font-style: normal;
	color: #333;
	line-height: 34px;
	
}
.frxproduct .list ul li .data {
	position: absolute;
	z-index: 11;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.frxproduct .list ul li .data dl {
	display: flex;flex-wrap:wrap;
}
.frxproduct .list ul li .data dd {
	width: 50%;
}
.frxproduct .list ul li .data dd a {
	display: block;
	/* border: 1px solid #fff; */
	line-height: 60px;
	/* font-family: 'youshebiaotiyuanregular'; */
	text-align: center;
	font-size: 16px;
	color: #fff;
	transition: all 0.3s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	background: #3885da;
}
.frxproduct .list ul li .data dd a:hover{
	background-color: #003d99;
}
.frxproduct .list ul li .data dd:nth-child(1) a{
	border-right: 1px solid #fff;
}
/* .frxproduct .list ul li:hover .data dd a {
	border-color: #d0e9f8;
	background: #d0e9f8;
}
.frxproduct .list ul li:hover .data dd:first-child a {
	border-color: #eaeff2;
	background: #eaeff2;
} */
.fmore {
	display: block;
	line-height: 68px;
	text-align: center;
	width: 260px;
	margin: 0 auto;
	border-radius: 35px;
	font-size: 18px;
	color: #333;
	border: 1px solid #979797;
	transition: all 0.3s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.fmore:hover {
	background: #003d99;
	border-color: #003d99;
	color: #ffffff;
}
.fprodlocation {
	padding: 80px 0 50px;
	background: #F5F5F5;
}
.fprodlocation .list ul {
	text-align: center;
	font-size: 0;
	margin-top: 46px;
}
.fprodlocation .list ul li {
	display: inline-block;
	margin: 0 35px;overflow: hidden;
}
.fprodlocation .list ul li .ico {
	height: 100px;
	width: 100px;
	float: left;
	position: relative;
}
.fprodlocation .list ul li .ico img {
	display: block;
	position: absolute;
	z-index: 11;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: 0 auto;
	max-height: 75%;
	max-width: 75%;
}
.fprodlocation .list ul li h3 {
	float: left;
	/* font-family: 'youshebiaotiyuanregular'; */
	margin-top: 16px;
	font-size: 20px;
	color: #333;
	line-height: 1.5;
	text-align: left;
}
.fprodlocation .list ul li h3 i {
	font-size: 24px;
	display: block;
}
.fprodlocation .fzixun {
	margin-top: 30px;
}
.fzixun {
	text-align: center;
	font-size: 0;
}
.fzixun h3 {
	display: inline-block;
	font-size: 24px;
	font-family: "microsoft yahei","STXihei";
	line-height: 34px;
	color: #4084FB;
	vertical-align: top;
	margin-top: 12px;
}
.fzixun .fzix {
	margin-right: 15px;
	display: inline-block;
	width: 300px;
	position: relative;
	z-index: 11;
	transition: all 0.3s;
	top: 0;
}
.fzixun .fzix:hover {
	top: -5px;
}
.fzixun .fzix img {
	display: block;
	width: 100%;
}
.fzixun .fzix h3 {
	display: inline-block;
	margin-top: 10px;
	font-size: 24px;
	line-height: 1.5;
	color: #4084FB;
}
.fprodadvant {
	padding: 95px 0 165px;
}
.fprodadvant .fpositi {
	margin-top: 100px;
	position: relative;
	height: 860px;
}
.fprodadvant .fpositi .fimgs {
	position: absolute;
	z-index: 11;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 50%;
	border-radius: 50%;
	overflow: hidden;
	transform: translateY(-50%);
	width: 500px;
	height: 500px;
	background: #80C1E8;
}
.fprodadvant .fpositi .fimgs img {
	display: block;
	position: absolute;
	z-index: 11;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%);
	max-width: 70%;
	max-height: 70%;
}
.fprodadvant .fpositi .list li {
	position: absolute;
	z-index: 33;
	width: 32.8%;
}
.fprodadvant .fpositi .list li:first-child {
	top: 0;
	left: 44%;
} 
.fprodadvant .fpositi .list li a {
	display: block;
	overflow: hidden;
}
.fprodadvant .fpositi .list li .ico {
	float: left;
	width: 160px;
	height: 160px;
	border-radius: 50%;
	overflow: hidden;
}
.fprodadvant .fpositi .list li:nth-child(2n) .ico {
	float: right;
}
.fprodadvant .fpositi .list li .ico img {
	display: block;
	width: 100%;
	height: 100%;
	transition: all 0.3s;
}
.fprodadvant .fpositi .list li:hover .ico img {
	transform: scale(1.05);
}
.fprodadvant .fpositi .list li .tet {
	float: right;
	width: calc(100% - 190px);
	margin-top: 14px;
}
.fprodadvant .fpositi .list li:nth-child(2n) .tet {
	float: left;
	text-align: right;
}
.fprodadvant .fpositi .list li .tet h3 {
	font-size: 24px;
	font-family: "microsoft yahei","STXihei";
	line-height: 34px;
	color: #333;
	transition: all 0.3s;
	font-weight: bold;
}
.fprodadvant .fpositi .list li:hover .tet h3 {
	color: #80C1E8;
}
.fprodadvant .fpositi .list li .tet p {
	margin-top: 22px;
	font-size: 14px;
	line-height: 1.5;
	color: #333;
}
.fprodadvant .fpositi .list li:nth-child(2) {
	left: 20px;top: 160px;
}
.fprodadvant .fpositi .list li:nth-child(3) {
	right: 20px;top: 160px;
}
.fprodadvant .fpositi .list li:nth-child(4) {
	left: 20px;top: 520px;
}
.fprodadvant .fpositi .list li:nth-child(5) {
	right: 20px;top: 520px;
}
.fprodadvant .fpositi .list li:nth-child(6) {
	right: 44%;bottom: 0;
}

.fappield {
	padding: 115px 0;
}
.fappield .list ul {
	padding: 30px 20px 0;
	display: flex;flex-wrap:wrap;
}
.fappield .list ul li {
	margin-top: 40px;
	border-radius: 20px;
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);
	height: 495px;
	position: relative;
	overflow: hidden;
	width: calc((100% - 122px)/4);
	margin-right: 40px;
}
.fappield .list ul li:nth-child(4n) {
	margin-right: 0;
}
.fappield .list ul li a {
	display: block;
	height: 100%;
}
.fappield .list ul li .imgs {
	position: absolute;
	z-index: 11;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.fappield .list ul li .imgs img {
	display: none;
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.fappield .list ul li .imgs img:first-child {
	display: block;
}
.fappield .list ul li.on .imgs img:first-child,
.fappield .list ul li:hover .imgs img:first-child {
	display: none;
}
.fappield .list ul li.on .imgs img:nth-child(2),
.fappield .list ul li:hover .imgs img:nth-child(2) {
	display: block;
}
.fappield .list ul li .text {
	position: absolute;
	z-index: 33;
	left: 40px;
	right: 40px;
	top: 65px;
}
.ftitl h2 {
	font-size: 48px;
	line-height: 68px;
	font-family: "microsoft yahei","STXihei";
	color: #333;
	font-weight: bold;
	padding-bottom: 20px;
	position: relative;
	transition: all 0.3s;
}
.ftitl h2::before {
	position: absolute;
	z-index: 11;
	content: "";
	bottom: 0;
	left: 0;
	width: 40px;
	height: 4px;
	background: #333333;
	transition: all 0.3s;
}
.ftitl h4 {
	margin-top: 30px;
	font-size: 28px;
	font-family: "microsoft yahei","STXihei";
	line-height: 1.4;
	color: #333;
	height: 2.8em;
	overflow: hidden;
	/* font-weight: bold; */
	transition: all 0.3s;
}
.fappield .list ul li .text p {
	margin-top: 60px;
	font-size: 14px;
	/* font-family: 'youshebiaotiyuanregular'; */
	line-height: 1.5;
	height: 7.5em;
	overflow: hidden;
	color: #333333;
	transition: all 0.3s;
}
.fappield .list ul li:hover .ftitl h2::before {
	background: #ffffff;
}
.fappield .list ul li:hover .ftitl h2,
.fappield .list ul li:hover .ftitl h4,
.fappield .list ul li:hover .text p {
	color: #ffffff;
}
.fprodreason .list {
	padding: 10px 80px 0;
}
.fprodreason .list li {
	margin-top: 100px;
	overflow: hidden;
}
.fprodreason .list li .imgs {
	float: left;
	width: 49%;
	height: 400px;
	overflow: hidden;
}
.fprodreason .list li:nth-child(2n) .imgs {
	float: right;
}
.fprodreason .list li .imgs a,
.fprodreason .list li .imgs img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s;
}
.fprodreason .list li .imgs:hover img {
	transform: scale(1.05);
}
.fprodreason .list li:nth-child(2n) .text {
	float: left;
}
.fprodreason .list li .text {
	float: right;
	width: 49%;
	margin-top: 10px;
}
.fprodreason .list li .text h2 {
	font-size: 28px;
	font-family: "microsoft yahei","STXihei";
	line-height: 40px;
	color: #333;
	font-weight: bold;
}
.fprodreason .list li .text .del {
	margin-top: 44px;
	font-size: 14px;
	line-height: 1.6;
	color: #333333;
}
.fprodreason .list li .fzixun {
	text-align: left;
	margin: 40px 0 0 -15px;
}
.fcoopartner {
	padding: 100px 0 30px;
}

.fcoopartner .list ul {
	margin-top: 110px;
	display: flex;flex-wrap:wrap;
}
.fcoopartner .list ul li {
	width: calc((100% - 202px)/5);
	margin-right: 50px;
	margin-bottom: 20px;
}
.fcoopartner .list ul li:nth-child(5n) {
	margin-right: 0;
}
.fcoopartner .list ul li a {
	display: block;
	height: 146px;
	position: relative;
	transition: all 0.3s;
}
.fcoopartner .list ul li img {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%);
	max-width: 70%;
	max-height: 70%;
}
.fcoopartner .list ul li a:hover {
	box-shadow: 0 0 14px 0 rgba(64,132,251,0.1);
}
.footer {
	background: #4084FB;
}
.footer .fnatop {
	padding: 0 45px;
}
.footer .fnatop .logo {
	float: left;
	display: block;
	margin-top: 22px;
	width: 178px;
}
.footer .fnatop .logo img {
	display: block;
	width: 100%;
}
.footer .fnatop .nav {
	float: right;
}
.footer .fnatop .nav li {
	float: left;
}
.footer .fnatop .nav li a {
	font-size: 18px;
	line-height: 106px;
	color: #fff;
	margin-right: 120px;
	display: block;
	transition: all 0.3s;
	top: 0;
	position: relative;
}
.footer .fnatop .nav li a:hover {
	top: -5px;
}
.footer .cent {
	padding: 42px 0 74px;
	border-top: 1px solid #F5F5F5;
}
.footer .cent .fen {
	padding: 0 45px;
}
.footer .cent .lts {
	float: left;
	width: 40%;
}
.footer .cent .lts h2 {
	font-size: 28px;
	line-height: 40px;
	color: #ffffff;
}
.footer .cent .lts p {
	margin-top: 25px;
	font-size: 16px;
	line-height: 34px;
	color: #fff;
}
.footer .cent .dh {
	float: left;
	/* margin-top: 60px; */
	overflow: hidden;
}
.footer .cent .dh .ic {
	float: left;
	margin-top: 40px;
	height: 43px;
}
.footer .cent .dh .ic img {
	display: block;
	height: 100%;
}
.footer .cent .dh .tet {
	float: left;
	margin-left: 22px;
}
.footer .cent .dh .tet h4 {
	font-size: 24px;
	line-height: 38px;
	color: #fff;
}
.footer .cent .dh .tet h2 {
	margin-top: 13px;
	font-size: 28px;
	line-height: 40px;
	color: #fff;
}
.footer .cent .wx {
	float: right;
	margin-top: 4px;
	margin-left: 1.25rem;
	height: 145px;
}
.footer .cent .wx img {
	display: block;
	height: 100%;
	width: 100%;
	width: 145px;
	display: inline-block;
	margin-left: 10px;
}
.footer .cent .wx p{
	font-size: 20px;
	text-align: center;
	color: #ffffff;
}

.fcopyright a {
	padding: 15px ;
	display: block;
	font-size: 18px;
	line-height: 34px;
	color: #fff;
	text-align: center;
}


/* about */
.fpadd {
	padding: 0 100px;
}
.fpad {
	padding: 0 80px;
}
.fabout {
	padding: 140px 0 180px;
}
.fabout .lt {
	float: left;
}
.fabout .ftitle {
	text-align: left;
}
.ftitle {
	text-align: center;
}
.fabout .ftitle img {
	margin: 0;
}
.ftitle img {
	display: block;
	margin: 0 auto;
}
.fabout .rt {
	width: calc(100% - 412px);
	float: right;
	margin-top: 28px;
}
.fabout .rt p {
	font-size: 14px;
	line-height: 1.8;
	color: #666666;
}
.fabout .rt p i {
	display: inline-block;
	color: #4084FB;
}
.fabout .rt .fdatals ul {
	text-align: center;
	font-size: 0;
	margin-top: 10px;
	padding-top: 30px;
	border-top: 1px solid #CCCCCC;
}
.fabout .rt .fdatals ul li {
	display: inline-block;
	width: 25%;
}
.fabout .rt .fdatals ul li h2 {
	font-size: 46px;
	color: #333333;
	line-height: 1;
}

.fstrategies {
	background: #F5F5F5;
	padding: 66px 0 106px;
}
.fstrategies .strate {
	margin-top: 70px;
}
.fstrategies .strate .imgs {
	float: right;
	width: 500px;
}
.fstrategies .strate .imgs img {
	width: 100%;
	display: block;
}
.fstrategies .strate .text {
	float: left;
	width: calc(100% - 735px);
	margin-top: 142px;
}
.fstrategies .strate .text h5 {
	font-size: 16px;
	line-height: 23px;
	color: #333333;
}
.fstrategies .strate .text h3 {
	margin-top: 10px;
	font-size: 22px;
	line-height: 32px;
	color: #333;
	font-weight: bold;
}
.fstrategies .strate .text p {
	margin-top: 32px;
	font-size: 14px;
	line-height: 23px;
	color: #666666;
}
.fhonours {
	padding: 95px 0 115px;
}
.fhonouswiper {
	overflow: hidden;
}
.fhonousw {
	margin-top: 48px;
	height: 1416px;
}
.fhonousw li {
	background: #DDDDDD;
	position: relative;
	height: 31%;
}
.fhonousw li a {
	display: block;
}
.fhonousw li img {
	position: absolute;
	z-index: 11;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: 0 auto;
	max-height: 90%;
	max-width: 90%;
}
.fhonousw li .tet {
	background: rgba(64,132,251,0.5);
	position: absolute;
	z-index: 33;
	bottom: 0;
	left: 0;
	right: 82px;
	padding: 27px 34px;
	transition: all 0.3s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.fhonousw li:hover .tet {
	background: rgba(64,132,251,1);
}
.fhonousw li .tet h4 {
	font-size: 18px;
	line-height: 1.5;
	height: 3em;
	overflow: hidden;
	color: #fff;
}
.fhonouswiper .swspan {
	text-align: center;
	margin: 20px auto 0;
}
.fhonouswiper .swspan span {
	margin: 0 10px !important;
	height: 20px;
	width: 20px;
	background: #4084FB;
}
.fban {
	height: 580px;
}
.fban .wrap {
	height: 100%;
	position: relative;
}
.fban .fltext {
	position: absolute;
	left: 115px;
	top: 47%;
	transform: translateY(-50%);
}
.fban1 .fltext {
	position: absolute;
	left: 0 !important;right: 0 !important;
	top: 47%;text-align: center;
	transform: translateY(-50%);
}
.fban .fltext h4 {
	font-size: 20px;
	line-height: 1.6;
	color: #ffffff;
	font-weight: bold;
}
.fban .fltext h2 {
	font-size: 80px;
	line-height: 100px;
	color: #ffffff;
	font-weight: bold;
}
.fban .fltext p {
	margin-top: 42px;
	font-size: 18px;
	line-height: 28px;
	color: #ffffff;
}
.fban .fcenter {
	text-align: center;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	z-index: 22;
}
.fban .fcenter h5 {
	font-size: 20px;
	line-height: 1.4;
	color: #ffffff;
	font-weight: bold;
}
.fban .fcenter h2 {
	font-size: 80px;
	line-height: 100px;
	color: #ffffff;
	font-weight: bold;
	
}



/* 新闻资讯 */
.fnetilte {
	margin: 0px auto 0;
	
}
.fnetilte .netlt {
	background: #FAFAFA;
	border-radius: 47px;
	overflow: hidden;
}
.fnetilte .netlt {
	padding: 0 150px 0 100px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.fnetilte .netlt .nav {
	float: left;
	
}
.fnetilte .netlt .nav li {
	float: left;
	margin-right: 80px;
}
.fnetilte .netlt .nav li a {
	display: block;
	font-size: 18px;
	font-family: "microsoft yahei","STXihei";
	line-height: 94px;
	color: #333;
	position: relative;
	transition: all 0.3s;
}
.fnetilte .netlt .nav li i {
	position: absolute;
	display: block;
	z-index: 11;
	width: 0;
	height: 1px;
	background: #4084FB;
	left: 0;
	top: 50%;
	transition: all 0.3s;
	transform: translateY(-50%);
}
.fnetilte .netlt .nav li:hover i,
.fnetilte .netlt .nav li.on i {
	width: 16px;
}
.fnetilte .netlt .nav li.on a,
 .fnetilte .netlt .nav li a:hover {
	 padding-left: 28px;
	 color: #4084FB;
 }
 .fnetilte .netlt .fpage {
	 float: right;
 }
 .fnetilte .netlt .fpage li {
	 float: left;
	 color: #999999;
	 font-size: 16px;
	 line-height: 94px;
	 margin-right: 5px;
}
.fnetilte .netlt .fpage li a {
	 color: #999999;
	 font-size: 16px;
	 line-height: 94px;
	 display: block;
}
.fnetilte .netlt .fpage li a:hover,
.fnetilte .netlt .fpage li.on a {
	color: #4084FB;
}
.fnews {
	padding: 120px 0 75px;
}
.fnews .list ul {
	overflow: hidden;
}
.fnews .list li {
	float: left;
	width: calc((100% - 172px)/3);
	margin-right: 85px;
	margin-bottom: 70px;
}
.fnews .list li:nth-child(3n) {
	margin-right: 0;
}
.fnews .list li a {
	display: block;
}
.fnews .list li .imgs {
	height: 400px;
	width: 400px;
	border-radius: 25px;
	overflow: hidden;
	position: relative;
}
.fnews .list li .imgs img {
	display: block;
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.fnews .list li .imgs .tet {
	position: absolute;
	z-index: 22;
	bottom: 0;
	right: 0;
	width: 164px;
	background: #4084FB;
	border-radius: 25px 0 20px 0;
	overflow: hidden;
	padding: 45px 20px 40px 45px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	opacity: 0;
	transition: all 0.3s;
}
.fnews .list li:hover .imgs .tet {
	opacity: 1;
}
.fnews .list li .imgs .tet h2 {
	font-size: 32px;
	line-height: 42px;
	color: #fff;
	font-weight: bold;
}
.fnews .list li .imgs .tet p {
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 20px;
	margin-top: 5px;
}
.fnews .list li .imgs .tet .ico {
	margin-top: 7px;
	width: 20px;
	height: 20px;
	background: url(../images/fn7.png) no-repeat center/cover;
	
}
.fnews .list li .text {
	margin-top: 38px;
	
}
.fnews .list li .text h2 {
	font-weight: 600;
	color: #333333;
	line-height: 32px;
	font-size: 22px;
	transition: all 0.3s;
}
.fnews .list li:hover .text h2 {
	color: #4084FB;
}
.fnews .list li .text p {
	margin-top: 18px;
	font-size: 14px;
	line-height: 1.5;
	font-weight: 300;
	color: #666666;
	height: 4.5em;
	overflow: hidden;
}
.fpagels ul {
	text-align: center;
	font-size: 0;
	margin: 15px auto 0;
}
.fpagels ul li {
	display: inline-block;
	margin: 0 2px;
	vertical-align: top;
	position: relative;
	height: 26px;
	min-width: 26px;
}
.fpagels ul li:before {
	position: absolute;
	z-index: 11;
	content: "";
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: #4084FB;
	width: 0;
	margin: 0 auto;
	transition: all 0.3s;
}
.fpagels ul li.prev:before,
.fpagels ul li.next:before {
	display: none;
}
.fpagels ul li.on:before,
.fpagels ul li:hover:before {
	width: 10px;
}
.fpagels ul li.on a,
.fpagels ul li a:hover {
	color: #4084FB;
}
.fpagels ul li a {
	display: block;
	position: relative;
	text-align: center;
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
	color: #666666;
	height: 100%;
	width: 100%;
}
.fpagels ul li.next a,
.fpagels ul li.prev a {
	position: absolute;
	z-index: 22;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.3s;
	background: url(../images/fn17.png) no-repeat center;
}
.fpagels ul li.next a:hover,
.fpagels ul li.prev a:hover {
	background: url(../images/fn17-1.png) no-repeat center;
}
.fpagels ul li.next {
	transform: rotate(180deg);
}


/* 新闻资讯详情 */
.fnewsdetls .fhuitl {
	background: #F8F8F8;
	padding: 32px 0 85px;
}
.fpagetp {
	padding: 0 70px;
}
.fpagetp.fntop {
	padding: 30px 70px 0;
}
.fpagetp li {
	font-size: 16px;
	line-height: 24px;
	color: #666666;
	float: left;
	margin-right: 5px;
}
.fpagetp li a {
	display: block;
	font-size: 16px;
	line-height: 24px;
	color: #666666;
	transition: all 0.3s;
}
.fpagetp li.on a,
.fpagetp li a:hover {
	color: #4084FB;
}
.fnewsdetls .fhuitl .tet {
	text-align: center;
	margin: 30px auto 0;
}
.fnewsdetls .fhuitl .tet h2 {
	font-size: 28px;
	line-height: 40px;
	color: #333333;
	font-weight: 600;
}
.fnewsdetls .fhuitl .tet h6 {
	margin-top: 12px;
	font-size: 14px;
	line-height: 1;
	color: #666666;
}
.fnewsdetls .fdetls {
	padding: 36px 155px 126px;
	font-size: 14px;
	line-height: 2;
	color: #666666;
}
.fnewsdetls .fdetls img {
	/*display: block;*/
	width: 100%;
}


/* Contact Us */
.ftetli {
	position: relative;
	z-index: 33;
}
.ftetli img {
	display: block;
}
.fcontact {
	position: relative;
	padding: 110px 0 120px;
	background: #F8F8F8;
}
.fcontact .fnabot,
.fcontact .fnatop {
	position: absolute;
	z-index: 11;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 175px;
	background: #fff;
}
.fcontact .fnabot {
	top: auto;
	bottom: 0;
}
.fcontact .fmap {
	margin: 80px auto 0;
	height: 650px;
}
.fcontact .fcontext {
	margin-top: 60px;
	background: #fff;
	position: relative;
	z-index: 66;
}
.fcontact .fcontext ul {
	display: flex;flex-wrap:wrap;
}
.fcontact .fcontext li {
	width: calc((100% - 82px)/3);
	margin-right: 40px;
	padding: 82px 30px 85px 55px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	transition: all 0.3s;
}
.fcontact .fcontext li:hover {
	background: #4084FB;
}
.fcontact .fcontext li:nth-child(3n) {
	margin-right: 0;
}
.fcontact .fcontext li .tet h2 {
	font-size: 20px;
	line-height: 35px;
	color: #333;
	font-weight: bold;
}
.fcontact .fcontext li.on .tet h2, 
.fcontact .fcontext li:hover .tet h2 {
	color: #ffffff;
}
.fcontact .fcontext li .tet p {
	font-size: 12px;
	line-height: 1.4;
	color: #666666;
	margin-top: 15px;
}
.fcontact .fcontext li.on .tet p,
.fcontact .fcontext li:hover .tet p {
	color: #ffffff;
}
.fcontact .fcontext li .tet {
	padding-bottom: 45px;
	/* position: relative; */
}
.fcontact .fcontext li .tet::before {
	position: absolute;
	z-index: 11;
	content: "";
	left: 0;
	bottom: 0;
	width: 14px;
	height: 2px;
	background: #CCCCCC;
}
.fcontact .fcontext li.on .tet::before {
	background: #ffffff;
}
.fcontact .fcontext li .details {
	margin-top: 45px;
	font-weight: bold;
	transition: all 0.3s;
}
.fcontact .fcontext li .details p {
	font-size: 14px;
	line-height: 20px;
	color: #666666;
	margin-bottom: 20px;
	transition: all 0.3s;
}
.fcontact .fcontext li .text {
	margin-left: 6.25rem;
}
.fcontact .fcontext li:hover .details {
	/* margin-top: 55px; */
}
.fcontact .fcontext li:hover .details p {
	color: #ffffff;
}
.fcontact .fcontext li .details p:last-child {
	margin-bottom: 0;
}
.fcontact .fcontext li:nth-child(3) .tet {
	padding-bottom: 35px;
}
.fcontact .fcontext li .tet h6 {
	margin-top: 10px;
	font-size: 16px;
	line-height: 1.4;
	color: #666666;
	transition: all 0.3s;
}
.fcontact .fcontext li:hover .tet h1,
.fcontact .fcontext li.on .tet h1,
.fcontact .fcontext li:hover .tet h6,
.fcontact .fcontext li.on .tet h6 {
	color: #ffffff;
}
.fcontact .fcontext li .tet h1 {
	font-size: 34px;
	line-height: 50px;
	color: #333333;
	font-weight: 600;
	transition: all 0.3s;
}
.fcontact .fcontext li .details h6 {
	font-size: 16px;
	line-height: 1.4;
	color: #666666;
	transition: all 0.3s;
}
.fcontact .fcontext li .details h2 i{
	font-size: 30px;
	display: inline-block;
	line-height: 44px;
	color: #333333;
	font-weight: 600;
	transition: all 0.3s;
}
.fcontact .fcontext li .details h2 {
	color: #666666;
	font-size: 16px;
	margin: 5px 0 30px;
	transition: all 0.3s;
}
.fcontact .fmap .anchorBL {
	display: none;
}
.fcontact .fcontext li.on .details h2 i,
.fcontact .fcontext li:hover .details h2 i,
.fcontact .fcontext li.on .details h2,
.fcontact .fcontext li:hover .details h2,
.fcontact .fcontext li:hover .details h6,
.fcontact .fcontext li.on .details h6 {
	color: #fff;
}


/* 客户案例 */
.fcases {
	padding: 120px 0 90px;
}
.fcases .list ul {
	display: flex;flex-wrap:wrap;
}
.fcases .list ul li {
	width: calc((100% - 132px)/3);
	margin-right: 65px;
	margin-bottom: 160px;
	position: relative;
}
.fcases .list ul li:nth-child(3n) {
	margin-right: 0;
}
.fcases .list ul li a {
	display: block;
}
.fcases .list ul li .imgs {
	height: 400px;
	width: 400px;
}
.fcases .list ul li .imgs img {
	display: block;
	width: 100%;
	height: 100%;
}
.fcases .list ul li .text {
	width: 400px;
	bottom: 0 !important;
	left: 0;
	right: 0;
	position: absolute;
	z-index: 33;
	background: rgba(64, 132, 251, 0.5);
	height: 400px;
	display: none;
	transition: all 0.3s;
}
/* .fcases .list ul li:nth-child(2n) .text */
.fcases .list ul li .text {

}
.fcases .fpagels ul {
	margin: 0 auto;
}
.fcases .list ul li:hover .text {
	display: block;
}
.fcases .list ul li .text .tet {
	text-align: center;
	position: absolute;
	z-index: 33;
	left: 20px;
	right: 20px;
	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%);
}
.fcases .list ul li .text .tet p {
	font-size: 18px;
	line-height: 26px;
	color: #fff;
}
.fcases .list ul li .text .tet .ico {
	margin: 40px auto 0;
	background: url(../images/fn7.png) no-repeat center/cover;
	height: 24px;
	width: 24px;
}

.fcasesdetls {
	padding: 110px 0 0;
}
.fcasesdetls .detls h1 {
	padding-bottom: 25px;
	font-size: 32px;
	line-height: 46px;
	color: #333333;
	font-weight: 800;
	border-bottom: 1px solid #eeeeee;
}
.fcasesdetls .detls .del {
	margin-top: 40px;
	font-size: 14px;
	line-height: 1.6;
	color: #666666;
	font-weight: 400;
}
.fcasesdetls .detls .del img {
	display: block;
	width: 100%;
}

/* .fcasesdetls .detls .del .product_pic{
	width: 300px;
	text-align: center;
} */
.fcasesdetls .detls .del .product_pic img{
	margin: 0 auto;
	width: 400px;
	display: block;
}

.frelevacases {
	padding: 130px 0 70px;
}
.ftlte {
	text-align: center;
}
.ftlte h2 {
	font-size: 24px;
	line-height: 35px;
	color: #2A2929;
	padding-bottom: 8px;
	position: relative;
	font-weight: bold;
}
.ftlte h2::before {
	position: absolute;
	z-index: 11;
	content: "";
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	background: #CCCCCC;
	height: 2px;
	width: 30px;
}

.frelevacases .list {
	margin: 80px auto 0;
}
.frelevacases.fcases .list li {
	width: calc((100% - 142px)/3);
	margin-right: 70px;
	margin-bottom: 70px;
}
.frelevaprod .list ul {
	margin-top: 60px;
	display: flex;flex-wrap:wrap;
}
.frelevaprod .list ul li {
	width: calc((100% - 142px)/3);
	margin-left: 40px;
	margin-bottom: 25px;
	background: url(../images/uuss1.png) no-repeat;
	background-size: 100% 88%;
}
.frelevaprod .list ul li:nth-child(2n) {
	margin-right: 0;
}
.frelevaprod .list ul li a {
	display: block;
}
.frelevaprod .list ul li .imgs {
	height: 380px;
	position: relative;
	transition: all 0.3s;
	float: left;width: 100%;
}
.frelevaprod .list ul li:hover .imgs {
	/* box-shadow: 0px 2px 20px 1px rgba(0,0,0,0.1); */
}
.frelevaprod .list ul li .imgs img {
	display: block;
	position: absolute;
	z-index: 6;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%);
	max-height: 80%;
	max-width: 80%;
}
.frelevaprod .list ul li .text {
	padding: 0px 37px 45px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	transition: all 0.3s;
	float: right;width: 100%;
}
.frelevaprod .list ul li:hover .text {
	/* background: #e9f1ff; */
}
.frelevaprod .list ul li .text h2 {
	font-size: 20px;
	font-family: "microsoft yahei","STXihei";
	line-height: 1.0;
	color: #333333;
	/* padding-bottom: 14px; */
	/* padding-right: 20px; */
	/* border-bottom: 1px solid #EEEEEE; */
	/* font-weight: bold; */
	text-align: center;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	transition: all 0.3s;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.frelevaprod .list ul li .text h2:before {
	position: absolute;
	z-index: 11;
	content: "";
	right: 4px;
	background: url(../images/fs1.png) no-repeat right center;
	width: 10px;
	height: 13px;
	top: 8px;
}
.frelevaprod .list ul li .text p {
	padding: 20px 4px 0;
	font-size: 14px;
	font-weight: 400;
	color: #666666;
	line-height: 1.5;
	height: 3em;
	overflow: hidden;
	transition: all 0.3s;
}
.frelevaprod .list ul li .text .btn{
	/* width: 160px; */
	line-height: 40px;
	text-align: center;
	font-size: 14px;color: #fff;
	background: #30a324;
	border-radius: 6px;
	margin-top: 20px;
}
.frelevaprod .list ul li:hover{
	color: darkgreen;
}
.frelevaprod .list ul li:hover .text h2,
.frelevaprod .list ul li:hover .text p {
	/* color: #ffffff;
	border-color: #ffffff; */
}


/* 产品应用 */
.fproduct {
	padding: 10px 0 105px;
}
.fprtitle ul {
	display: flex;flex-wrap:wrap;
}
.fprtitle ul li {
	width: calc((100%)/7);
	margin-bottom: 20px;
}
.fprtitle ul li a {
	display: block;
	text-align: center;
	font-weight: 500;
	color: #333;
	font-size: 16px;
	font-family: "microsoft yahei","STXihei";
	line-height: 55px;
	transition: all 0.3s;
	background: #F8F8F8;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	padding: 0 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.fprtitle ul li img{
	display: none;
}
.fprtitle ul li:nth-child(-n+4) img{
	display: inline;
	position: relative;
	
}

.fprtitle ul li.on a,
.fprtitle ul li a:hover {
	background: #30a324;
	color: #ffffff;
}
.frelevaprod .fpagels ul {
	margin: 40px auto 0;
}


/* 产品应用-产品二级 */
.fproddetls {
	padding: 115px 0 100px;
}
.fprodatls {
	display: flex;flex-wrap:wrap;
}
.fprodatls .text {
	padding: 90px 40px;
	background: #FAFAFA;
	width: 60%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.fprodatls .text .tlt h2 {
	font-weight: bold;
	color: #333333;
	font-size: 28px;
	font-family: "microsoft yahei","STXihei";
	line-height: 35px;
}
.fprodatls .text .tlt h6 {
	font-weight: 400;
	color: #666666;
	line-height: 20px;
	font-size: 14px;
}
.fprodatls .text .del {
	margin-top: 65px;
	width: 60%;
}
.fprodatls .text .del h4 {
	font-weight: 600;
	color: #333333;
	line-height: 23px;
	font-size: 22px;
}
.fprodatls .text .del h4 span{
	color: #666666;
}

.fprodatls .text .del p {
	margin-top: 12px;
	/* font-weight: 300; */
	color: #000000;
	line-height: 21px;
	font-size: 14px;
	overflow-y: auto;
	overflow-x: hidden;
}
.fprodatls .text .zx {
	display: block;
	margin-top: 35px;
	background: #4084FB;
	box-shadow: 0px 0px 10px 1px rgba(43,150,232,0.3);
	line-height: 50px;
	border-radius: 25px;
	width: 180px;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	font-weight: 400;
	transition: all 0.3s;
}
.fprodatls .text .zx:hover {
	background: #40ABFB;
}
.fprodatls .imgs {
	width: 40%;position: relative;
	background: url(../images/uuss1.png) no-repeat center/cover;
}
.fprodatls .imgs a {
	display: block;
	height: 100%;
}
.fprodatls .imgs img {
	position: absolute;
	z-index: 11;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%);
	max-height: 80%;
	max-width: 80%;
}
.ftechnical {
	padding: 75px 0 0;
}
.ftltie {
	text-align: center;
} 
.ftltie h2 {
	font-weight: bold;
	color: #333333;
	line-height: 35px;
	font-size: 24px;
	
}
.ftltie p {
	line-height: 17px;
	font-size: 12px;
	color: #666666;
}
.ftechnical table {
	margin-top: 52px;
	background: #fff;width: 100% !important;
	float: none !important;
}
.ftechnical table tr:first-child td {
	font-weight: 600;
	color: #FFFFFF;
	text-align: center;
	font-size: 16px;
	line-height: 24px;
	padding: 32px 5px;
	background: #4084FB;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px !important;
}
.ftechnical table td {
	/* background: #EEEEEE; */
	text-align: center;
	font-size: 14px;
	line-height: 30px;
	color: #333333;
	padding: 30px 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	
}
.ftechnical table td p{
	    text-indent: 0 !important;
	    text-align: center !important;
}
.ftechnical table tr:nth-child(2n) td {
	background: #ffffff;
}

.ftechnical .fpagetls {
	margin: 100px auto 0;
	
}
.ftechnical .fpagetls ul {
	display: flex;flex-wrap:wrap;
	background: #F5F5F5;
}
.ftechnical .fpagetls ul li {
	width: 50%;
}
.ftechnical .fpagetls ul li a {
	display: block;
	padding: 0 32px;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	transition: all 0.3s;
}
.ftechnical .fpagetls ul li a:hover {
	background: #4084FB;
}
.ftechnical .fpagetls ul li h4 {
	padding-left: 54px;
	font-weight: 400;
	color: #666666;
	font-size: 16px;
	line-height: 120px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	transition: all 0.3s;
	position: relative;
}
.ftechnical .fpagetls ul li:nth-child(2) h4 {
	padding-left: 0;
	padding-right: 54px;
	text-align: right;
}
.ftechnical .fpagetls ul li h4:before {
	position: absolute;
	z-index: 11;
	content: "";
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 7px;
	height: 12px;
	background: url(../images/fn17.png) no-repeat left center;
}
.ftechnical .fpagetls ul li:hover h4:before {
	background: url(../images/fn18.png) no-repeat left center;
}
.ftechnical .fpagetls ul li:nth-child(2) h4:before {
	left: auto;
	right: 0;
	transform: translateY(-50%) rotate(180deg);
}
.ftechnical .fpagetls ul li i {
	left: 30px;
	top: 50%;
	display: block;
	transform: translateY(-50%);
	position: absolute;
	z-index: 11;
	background: #CCCCCC;
	height: 17px;
	width: 1px;
	transition: all 0.3s;
}
.ftechnical .fpagetls ul li:nth-child(2) i {
	left: auto;
	right: 30px;
}
.ftechnical .fpagetls ul li:hover i {
	background: #ffffff;
}
.ftechnical .fpagetls ul li:hover h4 {
	color: #ffffff;
}
.fapplicati {
	padding: 0 0 100px;
}
.fapplicati .list ul {
	display: flex;flex-wrap:wrap;
	margin-top: 42px;
}
.fapplicati .list ul li {
	width: calc((100% - 52px)/3);
	margin-right: 25px;
	margin-bottom: 25px;
	height: 410px;
	position: relative;
}
.fapplicati .list ul li:nth-child(3n) {
	margin-right: 0;
}
.fapplicati .list ul li a {
	display: block;
	height: 100%;
}
.fapplicati .list ul li .text {
	position: absolute;
	z-index: 33;
	width: 320px;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: 0 auto;
	background: #4084FB;
	padding: 60px 40px 52px;
	transition: all 0.3s;
	opacity: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.fapplicati .list ul li:hover .text {
	opacity: 1;
}
.fapplicati .list ul li .text .tit {
	text-align: center;
	padding-bottom: 23px;
	border-bottom: 1px solid #ffffff;
}
.fapplicati .list ul li .text .tit h2 {
	line-height: 31px;
	font-size: 22px;
	font-weight: bold;
	color: #F8F8F8;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.fapplicati .list ul li .text .tit h6 {
	margin-top: 3px;
	font-weight: 300;
	color: #F8F8F8;
	font-size: 12px;
	line-height: 1.2;
}
.fapplicati .list ul li .text h5 {
	margin-top: 25px;
	font-weight: 400;
	color: #F8F8F8;
	line-height: 1.5;
	font-size: 14px;
	height: 3em;
	overflow: hidden;
}


/* 解决方案 */
.ftltie.bai h2 {
	color: #ffffff;
}
.ftltie.bai p {
	color: #ffffff;
}
.fprogram {
	padding: 60px 0 80px;
}
.fprogram .del {
	margin-top: 55px;
	color: #666666;
	font-size: 14px;
	line-height: 1.6;
}
.fprogeature {
	padding: 62px 0 150px;
}
.fprogeature .list ul {
	display: flex;flex-wrap:wrap;
	margin-top: 100px;
}
.fprogeature .list ul li {
	width: 25%;
	height: 200px;
	position: relative;
	transition: all 0.3s;
	top: 0;
}
.fprogeature .list ul li:hover {
	top: -10px;
}
.fprogeature .list ul li img {
	display: block;
	position: absolute;
	z-index: 11;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 0;
	max-height: 100%;
	max-width: 100%;
}


.frelevanli.fcases .list {
	margin-top: 50px;
}
.frelevanli.fcases {
	padding: 80px 0;
}
.frelevanli.fcases .list li {
	width: calc((100% - 112px)/3);
	margin-right: 55px;
	margin-bottom: 30px;
}
.frelevanli.fcases .list ul li .imgs {
	height: 400px;
}
.frelatedpr {
	padding-bottom: 80px;
}
.frelatedpr .list ul li {
	width: calc((100% - 20px)/3.5);
	margin-left: 60px;
	margin-bottom: 25px;
	background: url(../images/uuss1.png) no-repeat;
}

/* 产品应用-应用领域 */
.fappfield {
	padding: 85px 0 130px;
}
.fappfield .ftext {
	text-align: center;
	position: relative;
}
.fappfield .ftext h2 {
	color: #4084FB;
	font-size: 24px;
	line-height: 35px;
	font-weight: bold;
	position: relative;
	z-index: 33;
}
.fappfield .ftext p {
	margin-top: 30px;
	font-weight: 400;
	color: #666666;
	font-size: 14px;
	line-height: 1.6;
	position: relative;
	z-index: 33;
}
.fappfield .ftext .ico {
	width: 132px;
	position: absolute;
	z-index: 22;
}
.fappfield .ftext .ico img {
	display: block;
	width: 100%;
}
.fappfield .ftext .ico1 {
	top: 11px;
	left: -38px;
}
.fappfield .ftext .ico2 {
	top: 66px;
	right: -54px;
}
.fappfield .list {
	margin: 160px auto 0;
}
.fappfield .list ul {
	display: flex;flex-wrap:wrap;
}
.fappfield .list ul li {
	width: 33%;
}
.fappfield .list ul li:nth-child(3n) {
	width: 34%;
}
.fappfield .list ul li:nth-child(1) a,
.fappfield .list ul li:nth-child(2) a,
.fappfield .list ul li:nth-child(3) a {
	padding: 0 30px 90px;
}
.fappfield .list ul li a {
	display: block;
	padding: 60px 30px 120px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	
}
.fappfield .list ul li:nth-child(3n) a {
	border-right: none;
}
.fappfield .list ul li .icon {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	position: relative;
}
.fappfield .list ul li .icon img {
	display: none;
	position: absolute;
	z-index: 11;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: 0 auto;
	max-height: 90%;
	max-width: 90%;
}
.fappfield .list ul li .icon img:first-child {
	display: block;
}
.fappfield .list ul li.on .icon img:first-child,
.fappfield .list ul li:hover .icon img:first-child {
	display: none;
}
.fappfield .list ul li.on .icon img:nth-child(2),
.fappfield .list ul li:hover .icon img:nth-child(2) {
	display: block;
}
.fappfield .list ul li .txt {
	text-align: center;
	margin-top: 40px;
}
.fappfield .list ul li .txt h6 {
	font-weight: 400;
	color: #666666;
	line-height: 20px;
	font-size: 14px;
	transition: all 0.3s;
}
.fappfield .list ul li .txt h3 {
	margin-top: 20px;
	font-weight: bold;
	color: #333333;
	line-height: 1.5;
	font-size: 20px;
	transition: all 0.3s;
}
.fappfield .list ul li:hover .txt h6,
.fappfield .list ul li:hover .txt h3 {
	color: #4084FB;
}


/* 产品应用-应用二级 */
.fapplicaprod {
	padding: 110px 0 70px;
}
.fapplicaprod ul {
	background: #FAFAFA;
	padding: 45px 190px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	display: flex;flex-wrap:wrap;
}
.fapplicaprod ul li {
	width: calc((100% - 250px)/2);
	margin-right: 250px;
}
.fapplicaprod ul li:nth-child(2n) {
	margin-right: 0;
}
.fapplicaprod ul li h4 {
	font-weight: 600;
	color: #333333;
	line-height: 1.5;
	font-size: 16px;
}
.fapplicaprod ul li p {
	margin-top: 12px;
	font-weight: 300;
	color: #666666;
	line-height: 1.5;
	font-size: 14px;
}

.fcases.fxiangapp {
	padding: 30px 0 100px;
}
.fxiangapp.fcases .list {
	margin-top: 80px;
}

.findustrapp {
	padding: 120px 0 80px;
}
.findustrapp .imgs {
	float: right;
	width: 60%;
}
.findustrapp .imgs img {
	display: block;
	width: 100%;
}
.findustrapp .text {
	float: left;
	width: 28%;
}
.findustrapp .text li {
	margin-bottom: 35px;
}
.findustrapp .text li:last-child {
	margin-bottom: 0;
}
.findustrapp .text li h3 {
	font-weight: 600;
	color: #4084FB;
	line-height: 1.5;
	font-size: 16px;
}
.findustrapp .text li p {
	margin-top: 25px;
	font-weight: 300;
	color: #666666;
	line-height: 1.5;
	font-size: 14px;
}
.fhistory {
	padding: 110px 0 130px;
}
.fhistotime,
.fhistorsw  {
	overflow: hidden;
}
.fhistoric {
	position: relative;
	margin: 65px auto 0;
}
.fhistotime li .tet {
	text-align: center;
	min-height: 132px;
	cursor: pointer;
}
.fhistotime li .tet .dd {
	width: 17px;
	height: 17px;
	border: 5px solid #fff;
	background: #999999;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
}
.fhistotime li.swiper-slide-thumb-active .tet .dd {
	background: #4084FB;
	border-color: #4084FB;
}
.fhistotime li.swiper-slide-thumb-active .tet h2 {
	line-height: 1;
	font-size: 73px;
	color: #4084FB;
	font-weight: 800;
	margin-top: 32px;
}
.fhistotime li .tet h2 {
	font-size: 20px;
	line-height: 2;
	color: #666666;
	font-weight: 400;
	transition: all 0.3s;
}
.fhistorsw {
	margin: 70px auto 0;
}
.fhistorsw li a {
	display: block;
	overflow: hidden;
}
.fhistorsw li .imgs {
	float: left;
	width: 48%;
	height: 454px;
	overflow: hidden;
}
.fhistorsw li .imgs img {
	display: block;
	height: 100%;
	width: 100%;
	object-fit: cover;
	transition: all 0.3s;
}
.fhistorsw li:hover .imgs img {
	transform: scale(1.05);
}
.fhistorsw li .text {
	float: right;
	width: 48%;
	margin-top: 140px;
}
.fhistorsw li .text h3 {
	font-weight: bold;
	color: #333333;
	line-height: 1.4;
	font-size: 22px;
	transition: all 0.3s;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.fhistorsw li:hover .text h3 {
	color: #4084FB;
}
.fhistorsw li .text p {
	margin-top: 32px;
	font-weight: 400;
	color: #666666;
	line-height: 1.6;
	font-size: 14px;
}
.fhistotime {
	position: relative;
}
.fhistotime ul {
	position: relative;
	z-index: 33;
}
.fhistotime .xian{
	position: absolute;
	z-index: 11;
	top: 13px;
	left: 0;
	right: 0;
	margin: 0 auto;
	border-top: 1px dashed #4084FB;
}
.fhistoric .next,
.fhistoric .prev {
	position: absolute;
	z-index: 33;
	left: -100px;
	top: -15px;
	height: 58px;
	width: 58px;
	background: url(../images/fn6.png) no-repeat center/cover;
	cursor: pointer;
	transition: all 0.3s;
}
.fhistoric .next {
	left: auto;
	right: -100px;
	transform: rotate(180deg);
}
.fhistoric .next:hover,
.fhistoric .prev:hover {
	background: url(../images/fn6-1.png) no-repeat center/cover;
}



/* 新增 */


.fxuanfu {
	position: fixed;
	z-index: 66;
	right: 20px;
	top: 30%;
	border-radius: 7px;
	box-shadow: 0 0 15px 0 rgba(80,80,80,0.1);
}

.fxuanfu li .fxuf {
	background: #fff;
	width: 80px;
	transition:all 0.3s;
	-ms-transition:all 0.3s;  /* IE 9 */
	-moz-transition:all 0.3s;     /* Firefox */
	-webkit-transition:all 0.3s; /* Safari 和 Chrome */
	-o-transition:all 0.3s;
}
.fxuanfu li .fxuf a {
	display: block;
	height: 100%;
	padding: 9px 5px 13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.fxuanfu li:hover .fxuf {
	background: #f0f4fd;
}
.fxuanfu li .fxuf .ico {
	height: 40px;
	position: relative;
}
.fxuanfu li .fxuf .ico img {
	display: block;
	position: absolute;
	z-index: 11;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%);
	max-height: 80%;
	max-width: 80%;
}
.fxuanfu li .fxuf h4 {
	text-align: center;
	font-size: 12px;
	line-height: 18px;
	color: #4084fb;
}
.fxuanfu li .fwx {
	position: static;
	z-index: 33;
	left: -212px;
	top: 40px;
	border-radius: 8px;
	overflow: hidden;
	padding: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	/* box-shadow: 0 0 10px 1px rgba(80,80,80,0.1); */
	display: none;
}
.fxuanfu li .fwx img {
	display: block;
	width: 100%;
	height: 100%;
}
.fxuanfu li .phone {
	left: -375px;
	bottom: 0;
	position: absolute;
	z-index: 33;
	border-radius: 8px;
	overflow: hidden;
	width: 362px;
	text-align: center;
	background: #ffffff;
	padding: 28px 20px 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0 0 10px 0 rgba(80,80,80,0.1);
	display: none;
}
.fxuanfu li .phone h3 {
	font-size: 18px;
	line-height: 26px;
	color: #333333;
	margin-bottom: 16px;
}
.fxuanfu li .phone h2 {
	font-size: 20px;
	line-height: 1;
	color: #4084fb;
}



.fproduct .ltc{
	width: 310px;
	float: left;
}
.fproduct .rtc{
	float: right;
	width: calc(100% - 330px);
}
.fproduct .ltc ul li{
	width: auto;
}
.fproduct .ltc ul{
	display: block;
}
.fprtitle ul li{
	margin-bottom: 1px;
}
.fprtitle ul li a{
	font-size: 18px;
	line-height: 60px;
}
.fproduct .rtc .list ul li .imgs{
	height: 250px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	/*border: 1px solid #30a324;*/
	border-radius: 20px;
}
.fproduct .rtc .list ul{
	margin-top: 10px;
}
.fproduct .left_context{
	  width: 100%;
	  height: 275px;
	  margin-top: 5px;
	  padding: 28px 30px;
}
.fproduct .left_context h3 {
  color: #003d99;
  font-size: 24px;
  font-weight: bold;
}
.fproduct .left_context h3 span {
  font-size: 16px;
  text-transform: uppercase;
  font-family: "microsoft yahei","STXihei";
  display: inline-block;
  margin-left: 5px;
}
.fproduct .left_context .mp_text {
  margin-top: 15px;
  color: #333333;
  font-size: 13px;
  line-height: 24px;
}
.fproduct .left_context a.zx {
  margin-top: 25px;
  background: #dc290c;
  display: block;
  width: 128px;
  line-height: 40px;
  text-align: center;
  color: #fff;
}
.fproduct .left_context i {
  display: inline-block;
  width: 18px;
  height: 15px;
  background: url(../images/icon2.png) no-repeat center center;
  margin-right: 5px;
  position: relative;
  top: 2px;
}

.fbanner{
	position: relative;
	text-align: center;
}
.fbanner .spans{
	z-index: 112;
	position: absolute;
}

.fproduct .tuijian_product{
	margin-left: 20px;
	/* background: #CCCCCC; */
	display: flex;
	width: 87%;
	height: 330px;
	background: #fff;
	border-bottom: 2px solid #d5d5dc;
}
.fproduct .tuijian_pic{
	margin-top: 0.9375rem;
	background: url(../images/uuss1.png) no-repeat center/cover;
	width: 45%;
	z-index: 33;
	height: 300px;
	border: #333;
}
.fproduct .tuijian_text{
	margin-top: 0.9375rem;
	margin-left: 6.25rem;
	width: 60%;
	height: 400px;
}
.fproduct .tuijian_text h2{
	font-size: 1.5rem;
	font-weight: bold;
	color: #000;
}
.fproduct .tuijian_text h3{
	font-size: 1.1rem;
	font-weight: bold;
	color: #000;
}

.fproduct .tuijian_text p{
	margin-top: 0.3125rem;
	font-size: 0.875rem;
	width: 80%;
	color: #272822;
	height: 15rem;
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-color: #272822;
}

.tuijian_product .box-container{
	width: 100%;
	height: 278px;
}
.tuijian_product .swiper-container {
	width: 403px;
	height: 278px;
	padding: 5px;
}
.tuijian_product .swiper-slide {
	background-position: center;
	background-size: cover;
	width: 403px;
	height: 278px;
}


/* 幻灯片效果配置 */
.mySlides {display:none}
/* 幻灯片容器 */
.slideshow-container {
  max-width: 403px;
  position: relative;
  margin: auto;
}

/* 下一张 & 上一张 按钮 */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  background-color: #717171;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* 定位 "下一张" 按钮靠右 */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* 标题文本 */
.tuijian_product .text {
  color: #000000;
  font-size: 18px;
  font-weight: bold;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
  top:240px;
}

/* 数字文本 (1/3 等) */
.tuijian_product .numbertext {
  color: #000000;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  display: none;
}

/* 标记符号 */
.tuijian_product .dot {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
  display: none;
}

.active, .dot:hover {
  background-color: #717171;
}

/* 淡出动画 */
.tuijian_product .fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}