/*common start*/

body,
div,
ul,
li,
a,
img,
p,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
span,
strong,
input {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	border: 0;
	list-style: none;
}

body {
	font-size: 12px;
	color: #666;
	background: #eee;
}

body.head_on {
	overflow: hidden
}

a {
	color: #666;
	transition: 0.3s;
}

a:hover {
	color: #f60;
	text-decoration: none;
	cursor: pointer;
}

p {
	line-height: 1.8em;
	padding: 5px 0;
}

.clear {
	margin: 0;
	padding: 0;
	font-size: 0;
	clear: both;
}

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

img {
	max-width: 100%;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
}

*,
*::before,
*::after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

:root {
	--main-color: #00ce7c;
	--main-color2: #005cb9;
	--main-color-white: #fff;
	--main-color-000: #000;
	--main-color-333: #333333;
	--main-color-888: #888888;
	--main-transition: all ease 0.4s;
	--main-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.header {
	position: relative;
	z-index: 999;
	box-shadow: var(--main-shadow);
	background: #fff;
}

.headList {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 80px;
}

.headList .logo {
	display: block;
}

.headList .logo img {
	max-height: 60px;
	width: auto;
}

.language {
	margin: 0 10px;
}

.language a {
	font-size: 13px;
	display: inline-block;
	color: #666;
	padding: 0 5px;
}

.language a.on {
	color: #232323;
}


/*menu*/

.menu {
	height: 80px;
}

.menu ul li {
	float: left;
	position: relative;
	margin: 0 10px;
}

.menu>ul>li>span a {
	font-size: 16px;
	color: #333;
	display: block;
	text-align: center;
	padding: 0 20px;
	line-height: 80px;
}

.menu>ul>li>span a:hover {
	color: var(--main-color);
}

.menu>ul>li>span a.menu_hover {
	color: var(--main-color);
}

.menu>ul>li.on>span a {
	color: var(--main-color);
}

.menu ul li dl {
	background: #fff;
	width: 100%;
	position: absolute;
	left: 50%;
	top: 80px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
	display: none;
	z-index: 9;
	transform: translateX(-50%);
	min-width: 250px;
	border-radius: 5px;
}

.menu ul li dl dd {
	background: #fff;
	position: relative;
	z-index: 5;
	border-radius: 5px;
}

.menu ul li dl dd a {
	font-size: 15px;
	color: #333;
	display: block;
	padding: 12px 20px;
}

.menu ul li dl dd a:hover {
	color: #666;
}

.menu ul li dl dd dl {
	position: absolute;
	top: 0;
	left: 100%;
	transform: none;
	display: none;
}

.menu ul li dl dd dl:before {
	display: none;
}

.menu ul li dl dd:hover dl {
	display: block;
}

.proMenu:before,
.menu ul li dl:before {
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 0 5px 0 rgb(51 51 79 / 14%);
	content: "";
	height: 20px;
	pointer-events: none;
	position: absolute;
	transform: rotate(135deg);
	width: 20px;
	z-index: 3;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: -10px;
}

.proMenu {
	background: #fff;
	width: 100%;
	position: absolute;
	left: 50%;
	top: 80px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
	z-index: 9;
	transform: translateX(-50%);
	min-width: 480px;
	border-radius: 5px;
	display: none;
}

.proMenu .list {
	background: #fff;
	padding: 20px;
	border-radius: 5px;
	position: relative;
	z-index: 9;
}

.proMenu .part {
	padding: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.proMenu .part .icon {
	width: 45px;
	margin-right: 15px;
}

.proMenu .part .icon img {
	max-width: 100%;
	height: 45px;
	display: block;
	margin: 0 auto;
}

.proMenu .part .desc {
	width: calc(100% - 60px);
}

.proMenu .part .t1 {
	font-size: 15px;
	color: #333;
	display: block;
}

.proMenu .part .t1 a {
	color: #333;
}

.proMenu .part .t1 a:hover {
	color: var(--main-color);
}

.proMenu .part .txt {
	font-size: 14px;
	color: #666;
	margin-top: 10px;
}

.proMenu .part .txt a {
	color: #666;
	margin-right: 5px;
	margin-bottom: 5px;
}

.proMenu .part .txt a:hover {
	color: var(--main-color);
}


/*mMenu*/

.m_header {
	width: 100%;
}

.sp_header1 {
	height: 70px;
	overflow: hidden;
	background: #fff;
	position: fixed;
	z-index: 9999;
	width: 100%;
	display: none;
	top: 0;
}

.sp_logo1 {
	float: left;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: 10px;
}

.sp_logo1 img {
	margin: auto;
	max-height: 32px;
}

.sp_nav1 {
	width: 50px;
	float: right;
	position: relative;
	cursor: pointer;
	height: 30px;
	margin-top: 25px
}

.sp_nav1 span {
	display: block;
	background: #0188FB;
	width: 30px;
	height: 2px;
	position: absolute;
	left: 10px;
	transition: all ease 0.35s
}

.sp_nav1 span:nth-of-type(1) {
	top: 0px
}

.sp_nav1 span:nth-of-type(2) {
	top: 10px
}

.sp_nav1 span:nth-of-type(3) {
	top: 20px
}

.sp_nav_se1 span:nth-of-type(1) {
	top: 10px;
	transform: rotate(45deg)
}

.sp_nav_se1 span:nth-of-type(2) {
	width: 0
}

.sp_nav_se1 span:nth-of-type(3) {
	top: 10px;
	transform: rotate(-45deg)
}

.sjj_nav1 {
	position: fixed;
	z-index: 999;
	background: #fff;
	width: 100%;
	height: calc(100% - 70px);
	font-size: 14px;
	line-height: 40px;
	top: -100%;
	left: 0;
	overflow: auto;
	overflow-x: hidden;
	transition: top ease 0.35s;
	display: none;
}

.nav_show1 {
	top: 70px;
}

.sjj_nav1 ul li i {
	position: absolute;
	top: 5px;
	right: 0px;
	height: 30px;
	padding: 0px 7px 0 7px;
}

.sjj_nav1 ul li i svg {
	transform: rotate(-90deg);
	transition: all ease 0.35s
}

.sjj_nav1 ul li .sjj_nav_i_se1 svg {
	transform: rotate(0deg)
}

.sjj_nav1 ul li {
	border-top: 1px #e4e8eb solid;
	position: relative;
	line-height: 45px;
	font-size: 16px
}

.sjj_nav1>ul>li:last-child {
	border-bottom: 1px #ddd solid;
}

.sjj_nav1 ul li ul {
	display: none
}

.sjj_nav1 ul li a {
	color: #333;
	width: 100%;
	padding: 0 20px;
	display: block;
	box-sizing: border-box;
}

.sjj_nav1 ul li a:hover {
	color: #0188FB;
}

.sjj_nav1 ul li ul li a {
	color: #333;
	display: block;
	text-align: left;
}

.sjj_nav1 ul li i svg {
	width: 25px;
	height: 25px;
	fill: #333;
}

.sjj_nav1 ul li .sjj_nav_i_se svg {
	fill: #333
}

.sjj_nav1 ul li ul li>ul {
	margin-left: 10px
}

.sjj_nav1 ul li ul li {
	border-top: none;
}

.sjj_nav1 ul li ul li a {
	padding: 0 30px;
}

.sp_header1 .language {
	float: right;
	height: 70px;
	display: flex;
	align-items: center;
}


/*mSearch*/

.mSearch {
	position: relative;
	width: calc(100% - 20px);
	height: 35px;
	overflow: hidden;
	margin: 20px 10px;
}

.mSearch input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0 60px 0 10px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 25px;
	background: none;
	outline: none;
}

.mSearch button {
	background-image: linear-gradient(to right, #01b2ac 0, #004ea2 100%);
	width: 60px;
	height: 35px;
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 0 25px 25px 0;
	color: #fff;
	font-size: 14px;
	border: none;
}


/*swiper*/

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

.swiper-slide {
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.swiper .swiper-button-next:after,
.swiper .swiper-button-prev:after {
	font-size: 30px;
}


/*common*/

.disFlex {
	flex-wrap: wrap;
	display: -webkit-box;
	/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
	display: -moz-box;
	/* Firefox 17- */
	display: -webkit-flex;
	/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
	display: -moz-flex;
	/* Firefox 18+ */
	display: -ms-flexbox;
	/* IE 10 */
	display: flex;
}

.jusBet {
	justify-content: space-between;
}

.jusCet {
	justify-content: center;
}

.jusEnd {
	justify-content: flex-end;
}

.aliTop {
	align-items: flex-start;
}

.aliCet {
	align-items: center;
}

.aliBtm {
	align-items: flex-end;
}

.img {
	font-size: 0px;
	overflow: hidden;
}

img {
	transition: 0.5s;
}

.f_left {
	float: left;
}

.f_right {
	float: right;
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
	overflow: hidden;
}

.clearfix {
	*zoom: 1;
}

.bgfff {
	background: #fff !important;
}

.fff {
	color: #fff !important;
}

em {
	font-style: normal;
}

.overflow1 {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%;
	display: block;
}

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

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

.pt140 {
	padding-top: 140px;
}

.pb140 {
	padding-bottom: 140px;
}

.pt120 {
	padding-top: 120px;
}

.pb120 {
	padding-bottom: 120px;
}

.pt100 {
	padding-top: 100px;
}

.pb100 {
	padding-bottom: 100px;
}

.pt80 {
	padding-top: 80px;
}

.pb80 {
	padding-bottom: 80px;
}

.pt60 {
	padding-top: 60px;
}

.pb60 {
	padding-bottom: 60px;
}

.pt50 {
	padding-top: 50px;
}

.pb50 {
	padding-bottom: 50px;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt35 {
	margin-top: 35px;
}

.mt50 {
	margin-top: 50px;
}

.mt60 {
	margin-top: 60px;
}

.mt70 {
	margin-top: 70px;
}

.mt80 {
	margin-top: 80px;
}

.textCet {
	text-align: center;
}

.textRight {
	text-align: right;
}

.pc_show {}

.m_show {
	display: none;
}

.iTit {
	font-size: 38px;
	color: #4d4d4d;
}

.innerTit {
	font-size: 36px;
	color: #333;
	font-weight: bold;
}

.iTxt {
	font-size: 15px;
	color: #c4c4c4;
}

.iLine i {
	display: inline-block;
	width: 10px;
	height: 2px;
	background: var(--main-color);
}

.hidden {
	overflow: hidden;
}

.comBg {
	background-size: cover;
	background-repeat: no-repeat;
}

.iVideo {
	width: 100%;
}

.iVideo video {
	width: 100%;
}

.iImg {
	width: 100%;
}

.iImg img {
	width: 100%;
}

.iMore a {
	display: inline-block;
	padding: 10px 20px;
	background: var(--main-color);
	color: #333;
	font-size: 14px;
}

.iMore a:hover {
	padding: 10px 30px;
}


/*-------------------------------------------*/


/*banner*/

.banner {
	width: 100%;
	position: relative;
}

.bannerSwiper .swiper-pagination-bullet {
	opacity: 1;
	background: #fff;
	transition: width ease 0.35s;
	border-radius: 20px;
}

.bannerSwiper .swiper-pagination-bullet-active {
	background: var(--main-color);
	width: 20px;
}

.bannerSwiper .swiper-button-next:after,
.bannerSwiper .swiper-button-prev:after {
	color: #fff;
}

.banTab {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	max-width: 1200px;
	/*background: #fff;*/
	overflow: auto;
	z-index: 9;
	bottom: 0px;
}

.banTab ul li {
	width: 25%;
	padding: 10px;
	position: relative;
	height: 72px;
}

.banTab ul li:after {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: 1px;
	height: 45px;
	background: #ddd;
	content: "";
}

.banTab ul li:last-child:after {
	display: none;
}

.banTab .part {
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 20px;
	color: #9c9d9d;
	padding: 0 20px;
	width: 100%;
	height: 100%;
}

.banTab ul li .part .icon {
	font-size: 22px;
}

.banTab ul li.on .part {
	color: #333;
}

.banTab ul li.on .part .icon {
	color: var(--main-color);
}

.i1List {
	width: 100%;
}

.i1List ul li {
	width: calc(25% - 11.25px);
	margin-right: 15px;
	margin-bottom: 15px;
}

.i1List ul li:nth-child(4n) {
	margin-right: 0;
}

.i1List .part {
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
	border: 1px solid #fff;
}

.i1List .part .img {
	width: 100%;
	height: 320px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.i1List .part .img img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

.i1List .part .desc {
	padding: 20px;
	text-align: center;
}

.i1List .part .tit {
	font-size: 18px;
	color: #333;
	font-weight: bold;
}

.i1List .part .txt {
	font-size: 14px;
	color: #666;
	margin-top: 10px;
}

.i1List .part:hover {
	border-color: var(--main-color);
}

.i1List .part:hover .img img {
	transform: translateY(-10px);
}

.i1List .part:hover .tit {
	color: var(--main-color);
}

.i2List {
	width: 100%;
}

.i2List ul li {
	width: calc(33.3% - 10px);
	margin-right: 15px;
	margin-bottom: 15px;
}

.i2List ul li:nth-child(3n) {
	margin-right: 0;
}

.i2List .part {
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
	border: 1px solid #fff;
}

.i2List .part .img {
	width: 100%;
}

.i2List .part .img img {
	width: 100%;
	height: 300px;
	object-fit: cover;
}

.i2List .part .desc {
	padding: 30px;
	text-align: center;
}

.i2List .part .tit {
	font-size: 16px;
	color: #000;
	font-weight: bold;
	position: relative;
	display: flex;
	justify-content: center;
}

.i2List .part .tit span {
	display: block;
	flex: 1;
	text-align: center;
}

.i2List .part .tit .icon {
	width: 0;
	font-size: 0;
	color: var(--main-color);
	transition: 0.3s;
}

.i2List .part .txt {
	font-size: 14px;
	color: #CCCCCC;
	margin-top: 10px;
}

.i2List .part:hover {
	border-color: var(--main-color);
}

.i2List .part:hover {
	box-shadow: var(--main-shadow);
}

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

.i2List .part:hover .tit {
	color: var(--main-color);
}

.i2List .part:hover .tit .icon {
	font-size: 16px;
}

.index3 {
	width: 100%;
}

.i3Warp {
	width: 100%;
}

.i3Warp .left {
	width: 35%;
}

.i3Desc {
	max-width: 600px;
	width: 100%;
	flex: 1;
	background: #fff;
	padding: 50px;
}

.i3Tit {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: -2px;
}

.i3Tit span {
	display: inline-block;
	background: var(--main-color);
	padding: 5px 10px;
}

.i3Desc .iTxt h3 {
	color: #000;
	font-size: 18px;
	font-weight: 200;
	margin-bottom: 20px;
}

.footer {
	background: #1f2023 url(../images/foot_bg.png) center no-repeat;
	color: #fff;
	padding: 80px;
	font-size: 14px;
	background-size: cover;
}

.footer .wapper {
	position: relative;
	width: 100%;
	max-width: 1580px;
}

.toTop {
	position: absolute;
	top: -75px;
	right: 0;
	width: 50px;
	height: 50px;
	background: var(--main-color);
	font-size: 20px;
	color: #fff;
	text-align: center;
	line-height: 50px;
}

.fWarp {
	width: 100%;
}

.fWarp .iTxt {
	color: #aaa;
}

.fTit {
	font-size: 16px;
	color: #aaa;
}

.fTel {
	color: #fff;
	font-size: 32px;
	font-weight: bold;
}

.fWarp .item1 {
	width: 17%;
}

.fWarp .item2 {
	width: 44%;
}

.fWarp .item3 {
	width: 22%;
}

.fWarp .item4 {
	width: 10%;
}

.fShare {
	flex: 1;
}

.fShare a {
	color: #fff;
	display: inline-block;
	margin-right: 9px;
	
}
    .fShare a img{ height:30px;}
    .fShare p {
        width: 100%;
    }

.fEwm {
	width: 65px;
}

.fEwm img {
	width: 100%;
}

.fMenu dl {
	margin-right: 10px;
}

.fMenu dl:nth-last-child(2) {
	margin-right: 0;
}

.fMenu dl:last-child {
	margin-right: 0;
	display: none;
}

.fMenu dl dt {
	margin-bottom: 20px;
}

.fMenu ul li a {
	font-size: 14px;
	color: #fff;
	display: inline-block;
	padding: 5px 0;
}

.fMenu ul li a:hover {
	background: var(--main-color);
	color: #000;
}

.cop {
	margin-top: 20px;
	line-height: 1.6;
	font-size: 14px;
}

.fLogo img {
	width: auto;
	max-width: 100%;
	max-height: 50px;
}

.fTel {
	font-size: 14px;
	color: #fff;
}

.fTel ul li {
	display: flex;
	margin: 10px 0;
}

.fTel .icon {
	width: 20px;
	margin-right: 10px;
}

.fTel .icon img {
	width: 100%;
	vertical-align: middle;
}

.fTel .txt {
	flex: 1;
	font-weight: normal;
	line-height: 1.6;
	font-size: 14px;
}

.fTel .txt a {
	color: #fff;
}

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

.tongtu .img {
	width: 100%;
}

.tongtu .img img {
	width: 100%;
}

.tongtu .imgTop {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
	z-index: 9;
}

.tongtu .t1 {
	text-align: center;
	font-size: 32px;
	color: #fff;
	font-weight: bold;
}

.tongtu .txt {
	text-align: center;
	font-size: 14px;
	color: #fff;
}


/*about*/

.about1 {
	width: 100%;
	padding: 35px 0;
}

.abo1List {
	width: 100%;
}

.abo1List dl {
	padding: 40px 0;
}

.abo1List dl dd {
	margin-top: 35px;
}

.abo1List .part {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	background: #fff;
}

.abo1List .part .desc {
	width: 55%;
	padding: 50px;
	display: flex;
	align-items: center;
}

.abo1List .part .img {
	width: 45%;
}

.abo1List .part .img img {
	width: 100%;
	height: 100%;
}

.abo1List .part .iTxt {
	color: #333;
}

.abo1List .part .iTxt ul {
	padding-left: 20px;
}

.abo1List .part .iTxt ul li {
	list-style: amharic;
	margin: 10px 0;
	line-height: 1.6;
}

.abo1List dl:nth-child(2n) .part .desc {
	order: 1;
}

.abo1List dl:nth-child(2n) .part .img {
	order: 0;
}

.about2 {
	background: #fcf9f2;
}

.abo2Warp {
	max-width: 360px;
	background: #fff;
	box-shadow: var(--main-shadow);
	padding: 30px 20px;
	font-size: 15px;
	color: #595757;
}

.abo2Warp h3 {
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 20px;
}

.abo2Warp h4 {
	font-size: 15px;
	font-weight: 400;
}

.abo2Warp p {
	padding: 0;
}


/*news*/

.news {
	width: 100%;
	border-top: 30px solid var(--main-color);
}

.newsList {
	width: 100%;
}

.newsList ul li {
	width: 100%;
}

.newsList .part {
	padding: 30px 0;
	border-bottom: 1px solid #ddd;
	display: flex;
	justify-content: space-between;
}

.newsList .part .img {
	width: 340px;
	margin-right: 20px;
}

.newsList .part .img img {
	width: 100%;
}

.newsList .part .desc {
	flex: 1;
}

.newsList .part .tit {
	color: #303030;
	font-size: 16px;
	line-height: 30px;
}

.newsList .part .txt {
	color: #888;
	font-size: 13px;
	line-height: 26px;
	overflow: hidden;
	padding-top: 11px;
}

.newsList .part:hover {
	padding: 30px 20px;
	background: #fff;
	box-shadow: var(--main-shadow);
}


/*solution*/

.solution {
	width: 100%;
}

.solution .wapper {
	width: 100%;
	max-width: 1440px;
}

.solutionList {
	width: 100%;
}

.solutionList ul li {
	width: calc(33.3% - 20px);
	margin-right: 30px;
	margin-bottom: 30px;
}

.solutionList ul li:nth-child(3n) {
	margin-right: 0;
}

.solutionList .part {
	display: block;
	width: 100%;
}

.solutionList .part .img {
	width: 100%;
	border-radius: 10px;
}

.solutionList .part .img img {
	width: 100%;
	height: 520px;
	object-fit: cover;
}

.solutionList .part .desc {
	padding: 20px 0;
}

.solutionList .part .tit {
	font-size: 24px;
	color: #333;
	font-weight: bold;
}

.solutionList .part .txt {
	font-size: 16px;
	color: #666;
	margin: 20px 0;
}

.solutionList .part .more {}

.solutionList .part .more a {
	display: inline-block;
	padding: 10px 20px;
	border: 1px solid #333;
	border-radius: 30px;
	font-size: 12px;
	color: #333;
	font-weight: bold;
}

.solutionList .part .more a:hover {
	border-color: var(--main-color);
	color: var(--main-color);
}

.solution2 {
	width: 100%;
	background: #fff;
}

.solution2 .wapper {
	width: 100%;
	max-width: 1440px;
}

.solution2List {
	margin-left: -10px;
	margin-right: -10px;
}

.solution2List ul li {
	width: 16.6%;
	padding: 10px;
}

.solution2List .part {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
}

.solution2List .part .img {
	width: 100%;
	height: 100%;
}

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

.solution2List .part .imgTop {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 20px;
}

.solution2List .part .tit {
	font-size: 20px;
	color: #fff;
	font-weight: bold;
}

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

.product1 .wapper {
	width: 100%;
	max-width: 1440px;
}

.topMore {
	position: relative;
	top: -30px;
	text-align: right;
}

.topMore a {
	font-size: 14px;
	color: #666;
	text-decoration: underline;
}


/*product*/

.productTop {
	background: #fff;
}

.productTop .warp {
	padding: 15px 0;
}

.proSearch {
	width: 100%;
	max-width: 350px;
}

.proSearch input {
	width: calc(100% - 50px);
	height: 40px;
	padding: 0 10px;
	font-size: 16px;
	color: #333;
	outline: none;
	border-bottom: 1px solid #ddd;
}

.proSearch button {
	width: 40px;
	height: 40px;
	color: #333;
	font-size: 16px;
	border: none;
	background: transparent;
}

.product3 {
	padding: 30px 0 80px;
}

.proMenuInner {
	width: 100%;
	border-bottom: 1px solid #ddd;
}

.proMenuInner ul li {
	display: inline-block;
	position: relative;
	padding: 0 20px;
}

.proMenuInner ul li:last-child {
	margin-right: 0;
}

.proMenuInner ul li a {
	display: inline-block;
	font-size: 14px;
	color: #4d4d4d;
	padding-bottom: 10px;
	border-bottom: 2px solid transparent;
	position: relative;
	bottom: -1px;
}

.proMenuInner ul li.on a {
	border-color: var(--main-color);
}

.proMenuInner ul li .icon {
	position: absolute;
	top: 0;
	width: 30px;
	height: 22px;
	text-align: right;
	line-height: 22px;
	font-size: 16px;
	color: #333;
	cursor: pointer;
	right: 0;
	display: none;
}

.proMenuInner .list {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: #fff;
	display: none;
}

.proMenuInner .list ul li {
	display: block;
	padding: 0;
	margin: 0;
}

.proMenuInner .list ul li a {
	display: block;
	width: 100%;
	padding: 10px;
	bottom: auto;
	border-bottom: 1px solid #eee;
	text-align: center;
}

.proMenuInner .list ul li a:hover {
	color: var(--main-color);
}

.proMenuInner ul li:hover .list {
	display: block;
}


/*prodetail*/

.pordTop {
	height: 100px;
}

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

.p_page {
	width: 100%;
	background: #fafafa;
	padding: 20px 0;
}

.current a {
	font-size: 14px;
	color: #888;
	position: relative;
}

.current a:after {
	content: ">";
	padding: 0 5px;
	color: #888;
}

.current a:last-child:after {
	display: none;
}

.prodetail {
	width: 100%;
	padding: 20px 0 60px;
	background: #fff;
}

.prod1 {
	width: 100%;
	background-color: #e8e9e4;
	margin-bottom: 40px;
}

.prod1Left {
	width: 55%;
	position: relative;
}

.prod1Left .warp {
	width: 100%;
	position: relative;
	z-index: 2;
}

.prod1Right {
	width: 45%;
	padding: 35px;
}

.prod1Right .warp {
	background: #fff;
	padding: 20px;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.prodetail .swiper-button-next,
.prodetail .swiper-button-prev {
	color: #333;
}

.prodetail .swiper-button-next:after,
.prodetail .swiper-button-prev:after {
	font-size: 42px;
}

.prodpSwiper .swiper-slide {
	background: transparent;
}

.prodpSwiper {
	z-index: 98 !important;
}

.prodtSwiper {
	margin-top: 10px;
}

.prodtSwiper .swiper-slide {
	border: 1px solid #ddd;
	background: transparent;
}

.prodtSwiper .swiper-slide img {
	opacity: 0.6;
}

.prodtSwiper .swiper-slide-thumb-active {
	border-color: #000;
}

.prodtSwiper .swiper-slide-thumb-active img {
	opacity: 1;
}

.prodPanel {
	width: 100%;
	height: 600px;
	padding-top: 30px;
}

.prodPanel .part {
	display: block;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

.prodPanel .part img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

.prodTab {
	height: 80px;
	margin: 35px auto !important;
	width: 80%;
}

.prodTab .img {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.prodTab .img img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	display: inline-block;
}

.prod1Tit {
	font-size: 24px;
	color: #333;
	font-weight: bold;
}

.prod1Txt {
	font-size: 15px;
	color: #666;
}

.prodList {
	margin-top: auto;
}

.prodList ul li {
	margin: 10px 0;
	display: flex;
	align-items: center;
}

.prodList .icon {
	width: 48px;
	height: 48px;
	background: #6d6d72;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 12px;
}

.prodList .icon img {
	width: 40px;
}

.prodList .txt {
	flex: 1;
	font-size: 14px;
	color: #333;
}

.prodTit {
	position: absolute;
	width: 80%;
	left: 50%;
	transform: translateX(-50%);
	top: 60px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	z-index: 9;
	font-size: 32px;
	color: #000;
	font-weight: bold;
}

.prodTit2{ font-size:20px; color:#000; font-weight:bold; margin-bottom:20px;}

.prod2Tab {
	width: 100%;
	border-bottom: 1px solid #ddd;
}

.prod2Tab ul li {
	display: inline-block;
	margin: 0 5px;
}

.prod2Tab span {
	display: inline-block;
	padding: 10px 20px;
	border: 1px solid #ddd;
	border-radius: 5px;
	background: #e8e9e4;
	font-size: 14px;
	color: #000;
	cursor: pointer;
	position: relative;
	bottom: -1px;
	border-bottom: none;
}

.prod2Tab span:hover {
	background: #fff;
}

.prod2Tab ul li.on span {
	background: #fff;
}

.prod2Panel {
	width: 100%;
}

.prod2Desc {
	width: 100%;
	font-size: 18px;
	color: #333;
	overflow: auto;
}

.prod2Desc p {
	padding: 2px 0;
	line-height: 1.6;
}

.prod2Desc .list ul li {
	width: 49%;
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
}

.prod2Desc .table table {
	border: 1px solid #dadada;
	border-collapse: collapse;
	margin-bottom: 40px;
	width: 100%;
}

.prod2Desc .table td {
	border: 1px solid #dadada;
	padding: 10px;
}

.prod2Desc .table .spec-row .label,
.prod2Desc .table .title-row td {
	background-color: #eee;
}

.prod2Desc .table td {
	border: 1px solid #dadada;
	padding: 8px;
}

.prod2List {
	width: 100%;
}

.prod2List ul {
	display: flex;
	flex-wrap: wrap;
}

.prod2List ul li {
	width: 33.3%;
	padding: 5px;
}

.prod2List .part {
	display: block;
	width: 199%;
}

.prod2List .img {
	width: 100%;
}

.prod2List .img img {
	width: 100%;
}


/*download*/

.pageInner {
	padding: 130px 0;
}

.pageSearch {
	width: 100%;
	height: 40px;
	background: #fff;
	border-radius: 5px;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
}

.pageSearch input {
	width: 100%;
	height: 40px;
	padding: 0 50px 0 10px;
	outline: none;
	font-size: 14px;
}

.pageSearch button {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	background: transparent;
	border: none;
	color: #333;
	font-size: 16px;
}

.download {
	width: 100%;
	padding: 30px 0 60px;
}

.downloadList {
	width: 100%;
}

.downloadList dl {
	margin-top: 80px;
}

.downloadList dd {
	margin-top: 35px;
	background-color: #eee;
	border: 1px solid #dadada;
	padding: 20px;
}

.downloadList ul li {
	width: 25%;
	padding: 10px;
	position: relative;
}

.downloadList ul li:before {
	content: "\f105";
	font-size: 20px;
	color: #333;
	padding-right: 5px;
	font-family: "fontawesome";
}

.downloadList a {
	font-size: 16px;
	color: #000;
}

.downloadList a:hover {
	color: var(--main-color);
}

.service {
	width: 100%;
}

.serviceItem {
	width: 100%;
}

.serviceListTab {
	background-color: #1f2023;
	color: #fff;
	display: flex;
	justify-content: space-between;
	padding: 0 20px;
	border-bottom: 1px solid #ebeef5;
	cursor: pointer;
	font-size: 13px;
	font-weight: 500;
	height: 48px;
	line-height: 48px;
}

.serviceListTab .t1 {
	flex: 1;
}

.serviceListTab .icon {}

.serviceListPanel {
	border: 2px solid #1f2023;
	padding: 20px;
}

.faq-content {
	color: #303133;
	font-size: 14px;
}

table {
	border-collapse: collapse;
	margin-bottom: 20px;
	width: 100%;
}


/*technical*/

.technical {
	width: 100%;
	background: #f0f0f0;
}

.technical .img {
	width: 48%;
}

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

.technical .desc {
	width: 52%;
	padding: 50px;
}

.layui-form .row {
	margin-bottom: 20px;
}


/*contact*/

.contactImg {
	width: 100%;
	height: 725px;
}

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

.contact {
	width: 100%;
}

.contactWarp {
	width: 100%;
}

.contactWarp .left {
	width: 50%;
	max-width: 600px;
	padding: 60px 0;
}

.contactWarp .right {
	right: 0;
	position: relative;
	top: -120px;
	width: 500px;
}

.contactWarp .right .box {
	background-color: #f0f0f0;
	border-radius: 16px;
	padding: 40px;
	margin-bottom: 10px;
}

.contact .abo2Warp {
	max-width: 100%;
	background: #fff;
	box-shadow: none;
	padding: 0;
	font-size: 15px;
	color: #595757;
}


/*recruit*/

.recruit {
	width: 100%;
}

.recruitList {
	width: 100%;
}

.recruitList ul li {
	border-bottom: 1px solid #ddd;
}

.recruitList .part {
	display: block;
	padding: 20px 0;
}

.recruitList .part .tit {
	font-size: 18px;
	color: #666666
}

.recruitList .part .txt {
	font-size: 14px;
	color: #333;
	margin-top: 10px;
}

.recruitList .part:hover {
	padding: 20px 10px;
	background: #eee;
}

.recruitList .part:hover .tit {
	color: var(--main-color);
}

.recruit1 .title {
	font-size: 22px;
	color: #333;
	font-weight: 200;
}

.recruit1 .iTxt {
	color: #333;
}

.inside {
	width: 100%;
	overflow: hidden;
	min-height: 500px;
}

.inside img {
	max-width: 100%;
}

.product2 .swiper .swiper-button-next:after,
.product2 .swiper .swiper-button-prev:after {
	font-size: 0;
}

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

.about1Top video {
	width: 100%;
}

.about1Top2 {
	display: none;
}

.download_detail{width: 100%;}
.download_detail .top{padding: 50px 0;border-bottom: 1px solid #eee;margin-bottom: 20px;}
.download_detail .top .img{height: 420px;width: 320px;display: flex;justify-content: center;align-items: center;margin-right: 50px;}
.download_detail .top .img img{width: auto;height: auto;max-width: 100%;max-height: 100%;}
.download_detail .top .desc{flex: 1;}
.download_detail .top .tit{font-size: 18px;color: #000;font-weight: bold;}

.download_detail .list{margin-bottom: 50px;}
.download_detail .list ul li{width: calc(33.3% - 20px);margin-right: 30px;margin-bottom: 10px;}
.download_detail .list ul li:nth-child(3n){margin-right: 0;}
.download_detail .list .part{align-items: center;border: 1px solid #dadada;display: flex;justify-content: center;overflow: hidden;padding: 30px 20px;position: relative;transition: all .4s ease;}
.download_detail .list .part .icon{display: block;height: 32px;margin-right: 10px;overflow: hidden;width: 32px;}
.download_detail .list .part .icon img{width: 100%;height: 100%;}
.download_detail .list .part .tit{font-size: 16px;color: #000;}
.download_detail .list .part:hover{background: var(--main-color);}
.download_detail .list ul li.on .part{background: var(--main-color);}


.download-section{padding-bottom:50px;padding-top:50px;font-size: 16px;}
.mobile .download-section{padding:20px 15px}
.download-section .download-table{border:1px solid #dadada;border-collapse:collapse;color:#595757;width:100%}
.mobile .download-section .download-table thead{display:none}
.mobile .download-section .download-table tr{display:flex;flex-direction:column}
.mobile .download-section .download-table tr td{border:0;border-bottom:1px solid #dadada;width:100%}
.mobile .download-section .download-table tr td:last-child{border-bottom:0}
.download-section .download-table td,.download-section .download-table th{border:1px solid #dadada;padding:10px 20px}
.download-section .download-table td:last-child,.download-section .download-table th:last-child{padding:10px 50px}
.download-section .download-table th{background-color:#eee}
.download-section .download-table .title-wrap{align-items:center;display:flex}
.download-section .download-table .title-wrap .icon{display:inline-block;flex-shrink:0;height:22px;margin-right:8px;width:22px}
    .download-section .download-table .title-wrap .icon img {
        width: 100%;
        height: 22px;
        object-fit: contain;
    }
.download-section .download-table .download-span{width:250px}
.download-section .download-table .btn-download{align-items:center;background-color:#00ce7c;border-radius:18px;color:#000;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;width:230px}
.download-section .download-table .btn-download:hover{background-color:#00ac67;color:#fff}

.tips-section {border: 1px solid #00ce7c;display: flex;justify-content: center;padding: 20px;}
.tips-section .icon {margin-right: 16px;width: 40px;}
.tips-section .icon img {display: block;}
.tips-section h4 {color: #595757;font-size: 16px;margin-bottom: 6px;}
.tips-section p {color: #00ce7c;font-size: 16px;font-weight: 700;margin: 0;}

.section-title {color: #4d4d4d;font-size: 20px;font-weight: 400;margin-bottom: 16px;}
.tc4_btn{cursor: pointer;}
.tcLogin{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99999;background: rgba(0,0,0,0.3);display: none;}
.tcLogin.active{display: block;}
.tcLogin .warp{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.tcLogin .box{width: 100%;max-width: 480px;height: auto;background: #fff;color: #333;padding: 35px 20px;box-sizing: border-box;border-radius: 15px;overflow: hidden;position: relative;}
.tcLogin .title{font-size: 24px;color: #333;text-align: center;font-weight: bold;}
.tcLogin .input{margin-top: 25px;text-align: center;}
.tcLogin .input input{width: 100%;height: 40px;border: 1px solid #ddd;background: #fff;padding: 0 10px;font-size: 16px;box-sizing: border-box;outline: none;border-radius: 50px;max-width: 400px;}
.tcLogin .btn{margin-top: 25px;}
.tcLogin .btn button{display: inline-block;padding: 10px 30px;border: none;background: #c71722;border-radius: 50px;color: #fff;font-size: 16px; text-transform:uppercase}

.tcLoginClose{display: inline-block;padding: 10px 30px;border: none;background: #f0f0f0;border-radius: 50px;color: #000;font-size: 16px; text-transform:uppercase;margin-left: 20px;}




@media only screen and (max-width: 1200px) {
	.wapper {
		width: 100%;
		padding: 0 10px;
	}
	.menu>ul>li {
		margin: 0;
	}
	.menu>ul>li>span a {
		padding: 0 15px;
	}
	.banTab .part {
		font-size: 16px;
	}
	.contactWarp .left {
		width: 42%;
	}
	.contactWarp .right {
		width: 55%;
	}
}

@media only screen and (max-width: 980px) {
	.header {
		display: none
	}
	.sp_header1 {
		display: block;
	}
	.sjj_nav1 {
		display: block;
	}
	.hHei {
		height: 70px;
	}
	.iTxt {
		font-size: 13px;
	}
	.sp_nav1 span {
		background: #000;
	}
	.banTab {
		display: none;
	}
	.i1List ul li {
		width: 50%;
		margin: 0;
		padding: 5px;
	}
	.i1List .part .img {
		height: 200px;
	}
	.i1List .part .desc {
		padding: 15px;
	}
	.i1List .part .tit {
		font-size: 16px
	}
	.i2List ul li {
		width: 100%;
		margin-right: 0;
	}
	.i2List .part .desc {
		padding: 20px;
	}
	.i3Warp .left {
		width: 100%;
		margin-bottom: 20px;
	}
	.i3Desc {
		max-width: 100%;
		padding: 20px;
	}
	.fWarp {
		padding-bottom: 35px;
	}
	.fWarp .item {
		width: 100% !important;
		padding: 12px 0;
		border-bottom: 1px solid #333;
	}
	.fWarp .item:last-child {
		border: none;
	}
	.fMenu dl {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.fMenu ul {
		display: flex;
		flex-wrap: wrap;
	}
	.fMenu ul li {
		width: 33.3%;
	}
	.cop {
		margin-bottom: 10px;
	}
	.tongtu .t1 {
		font-size: 22px;
	}
	.abo1List .part {
		display: block;
	}
	.abo1List .part .desc {
		width: 100%;
		padding: 20px;
	}
	.abo1List .part .img {
		width: 100%;
	}
	.downloadList dl {
		margin-top: 35px;
	}
	.downloadList dd {
		padding: 15px;
	}
	.downloadList ul li {
		width: 50%;
	}
	.downloadList a {
		font-size: 14px;
	}
	.contactImg {
		height: auto;
	}
	.contactWarp .left {
		width: 100%;
	}
	.contactWarp .right {
		width: 100%;
		top: auto;
	}
	.contactWarp .right .box {
		padding: 20px;
	}
	.layui-form {
		overflow: hidden;
	}
	.layui-form-checkbox[lay-skin=primary] {
		height: auto;
	}
	.layui-form-checkbox {
		height: auto;
	}
	.layui-form-checkbox span {
		display: block;
	}
	.layui-form-checkbox span {
		display: block;
	}
	.newsList .part {
		padding: 30px 20px;
		background: #fff;
		display: block;
	}
	.newsList .part .img {
		width: 100%;
		margin-right: 0;
	}
	.newsList .part .desc {
		width: 100%;
		background: #fff;
		padding-top: 20px;
	}
	.prod1Left {
		width: 100%;
		padding: 10px;
	}
	.prod1Right {
		width: 100%;
		padding: 0;
	}
	.prodPanel {
		height: 380px;
	}
	.prodTab {
		width: 100%;
		margin: 10px auto !important;
	}
	.prod2Desc .list ul li {
		width: 100%;
	}
	.faq-content {
		overflow: auto;
	}
	.prod2Desc .table {
		overflow: auto;
	}
	.prodTab {
		height: 50px;
	}
	.innerTit {
		font-size: 24px;
	}
	.solutionList ul li {
		width: 100%;
		margin-right: 0;
	}
	.solution2List ul li {
		width: 50%;
	}
	.technical .img {
		width: 100%;
	}
	.technical .desc {
		width: 100%;
		padding: 20px;
	}
	.proMenuInner {
		border: none;
	}
	.proMenuInner>ul {
		display: block;
	}
	.proMenuInner ul li {
		display: block;
		padding-left: 0;
		padding-right: 20px;
		border-bottom: 1px solid #ddd;
	}
	.proMenuInner ul li a {
		font-size: 15px;
		padding: 10px 0;
	}
	.proMenuInner ul li:hover .list {
		display: none;
	}
	.proMenuInner ul li .list {
		display: none;
	}
	.proMenuInner ul li .icon {
		display: block;
		height: 40px;
		line-height: 40px;
		text-align: center;
	}
	.proMenuInner .list {
		position: relative;
		top: auto;
		background: transparent;
		border-top: 1px solid #ddd;
	}
	.proMenuInner .list ul li {
		padding: 0;
	}
	.proMenuInner .list ul li a {
		text-align: left;
	}
	.ml_mbbot p {
		padding: 0 !important;
	}
	.about1Top1 {
		display: none;
	}
	.about1Top2 {
		display: block;
	}
	.fTel ul li {
		margin: 15px 0;
	}
	
	.prod2List ul li{width: 50%;}
	
.download_detail .top{display: block;}
.download_detail .top .img{margin: 0 auto;margin-bottom: 20px;}
.download_detail .top .desc{width: 100%;}
.download_detail .list ul li{width: 100%;margin-right: 0;}
.download-section .box{width: 100%;overflow-x: auto;}
.download-section .download-table{font-size: 14px;}
.download-section .download-table td, .download-section .download-table th{padding: 5px;}
.download-section .download-table td:last-child, .download-section .download-table th:last-child{padding: 5px 10px;}
.download-section .download-table .download-span{width: 120px;}
.download-section .download-table .btn-download{width: 100px;font-size: 12px;}

	
}