/*
KISSY CSS Reset
*/

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
/* structural elements 结构元素 */
dl,
dt,
dd,
ul,
ol,
li,
/* list elements 列表元素 */
pre,
/* text formatting elements 文本格式元素 */
fieldset,
lengend,
button,
input,
textarea,
/* form elements 表单元素 */
th,
td {
	/* table elements 表格元素 */
	margin: 0;
	padding: 0;
	font-size: 14px;
}


body,
button,
input,
select,
textarea {
	/* for ie */
	/*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
	font:400 14px/1 'Microsoft Yahei','PingFang SC',Avenir,'Segoe UI','Hiragino Sans GB',STHeiti,'Microsoft Sans Serif','WenQuanYi Micro Hei',sans-serif
	/* 用 ascii 字符表示，使得在任何编码下都无问题 */
}

h1 {
	font-size: 18px;
	/* 18px / 12px = 1.5 */
}

img {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	vertical-align: middle;
}

h2 {
	font-size: 16px;
}

h3 {
	font-size: 14px;
}

h4,
h5,
h6 {
	font-size: 100%;
}

address,
cite,
dfn,
em,
var,
i {
	font-style: normal;
}

/* 将斜体扶正 */
code,
kbd,
pre,
samp,
tt {
	font-family: "Courier New", Courier, monospace;
}

/* 统一等宽字体 */
small {
	font-size: 12px;
}

/* 小于 12px 的中文很难阅读，让 small 正常化 */
img {
	max-width: 100%;
}

/* 重置列表元素 */
ul,
ol {
	list-style: none;
}

/* 重置文本格式元素 */
a {
	text-decoration: none;
	color: #333;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

a:hover {
	text-decoration: none;
	color: #119f93;
}

/* 重置表单元素 */
input,
select,
textarea,
button {
	outline: medium;
}

legend {
	color: #000;
}

/* for ie6 */
fieldset,
img {
	border: none;
}

/* img 搭车：让链接里的 img 无边框 */
input {
	vertical-align: middle;
	border: none;
	background: none;
	outline: none;
}

/* 注：optgroup 无法扶正 */
button,
input,
select,
textarea {
	font-size: 100%;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	border: none;
	height: 1px;
}

* {
	box-sizing: border-box;
}

html {
	overflow-y: scroll;
	min-width: 320px;
	color: #333;
}

@media (max-width:500px){
	html,body{
		overflow-x: hidden;
	}
}

/*设置左右浮动*/
.fl {
	float: left;
}

.fr {
	float: right;
}

/*清楚浮动*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.fz48{font-size: 44px;}
.fw500{font-weight: 500;}
.fz18{color: #4E5969}
.mainbox-shadow{
	box-shadow: 0 0 15px rgba(0,0,0,.15);
}


.w1280{
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 0px;
}
#main-body .w1280{
	padding: 0px 20px 0px 20px;
}
.w1281{
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 0px;
}
.d-flex {
	display: flex;
}

/* 垂直水平居中 */
.d-flex-center-center {
	display: flex;
	align-items: center;
	justify-content: center;
}
.cpbuy-center {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* 垂直居中 */
.d-flex-center {
	display: flex;
	align-items: center;
}

.d-flex-start {
	display: flex;
	align-items: flex-start;
}

/* 两端对齐 */
.d-flex-between {
	display: flex;
	justify-content: space-between;
}

/* 水平居中 */
.d-flex-justify-center {
	display: flex;
	justify-content: center;
}

.align-items{
	align-items: center;
}
/* 垂直居中两端对齐 */
.d-flex-center-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.flex-row-reverse {
	flex-direction: row-reverse;
}

.d-flex-center-between-end {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.flex-1 {
	flex: 1;
}

.flex-column {
	flex-direction: column;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-shrink {
	flex-shrink: 0;
}
.transition{
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.dx {
	text-transform: uppercase
}







#index-swiper .swiper-slide img {
	display: block;
	margin: 0 auto;
	height: 500px;
}
@media screen and (max-width: 954px) {
	#index-swiper .swiper-slide img {
		height: auto;
	}
}
#index-swiper .swiper-slide {
	position: relative;
}

#index-swiper {
	/*max-width: 1920px;*/
	margin: 0 auto;
}

#index-swiper .swiper-button-prev {
	left: 20px;
}

#index-swiper .swiper-button-next {
	right: 20px;
}

#index-swiper .sbtn {
	width: 48px;
	height: 48px;
	border-radius: 100%;
	background: #fff;
	box-shadow: 0 0 15px rgba(43, 23, 126, .15);
}

#index-swiper .sbtn::after,
#index-swiper .sbtn::before {
	font-size: 20px;
}
#index-swiper .w1280{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10;
	
}
#index-swiper .swiper-abs {
	position: absolute;
	left: 0;
	top: 7%;
	width: 468px;
	color: #282828;
	line-height: 1.8;
	/*text-shadow: 0px 2px 5px #119f93;*/
	z-index: 30;
}

.swiperaBtn {
	margin-top: 5%;
	font-size: 16px;
	width: 116px;
	height: 36px;
	border-radius: 5px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	background-color: #119f93;
	display: block;
	text-shadow: 0px 0 0 transparent;
}

.swiperaBtn:hover {
	background: #fff;
	color: #119f93;
	box-shadow: 0 0 15px rgba(43, 23, 126, .15);
}

#index-swiper .swiper-pagination {
	max-width: 1280px;
	left: 50%;
	bottom: 21%;
	margin-left: -25%;
	text-align: left;
	display: flex;
	align-items: center;
}

#index-swiper .swiper-pagination span {
	width: 30px;
	height: 4px;
	border-radius: 2px;
	background:#ceeef3;
	opacity: .4;
}

#index-swiper .swiper-pagination span.swiper-pagination-bullet-active {
	height: 6px;
	background: #119f93;
	opacity: 1;
	border-radius: 3px;
}

.header {
	background-color: #fff;
	/*position: fixed;*/
	/*z-index: 1000;*/
	/*left: 0;*/
	/*right: 0;*/
	/*top: 0;*/
	height: 78px;
}

.header .w1280 {
	height: 78px;
}

.nav a {
	color: black;
	font-size: 16px;
	margin: 0 22px;
	height: 78px;
	line-height: 78px;
	display: block;
	position: relative;
	cursor: pointer;
}
.support a{
	color: #333333;
	padding: 5px 15px;
}
.nav a:hover,
.nav li.active a,
.nav li a.active,.support a:hover {
	color: #119f93;
}

.nav a::after {
	content: "";
	position: absolute;
	left: 50%;
	right: 50%;
	background: #119f93;
	height: 3px;
	width: 0;
	bottom: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	opacity: 0;
	transition: all .3s;
}

.nav a:hover::after,
.nav li.active a:after,
.nav a.active:after {
	width: 100%;
	left: 0;
	right: 0;
	opacity: 1;
}

.subnav {
	box-shadow: 0px -2px 5px -1px rgba(204, 202, 202, 0.25),
	0px 2px 5px -1px rgba(204, 202, 202, 0.25);
	position: fixed;
	top: 78px;
	left: 0;
	right: 0;
	background: #ffffff;
	z-index: 1000;
}
.header.fixed{background: #ffffff;}
.sub-nav {
	
}
.navp{
	padding-top: 30px;
	padding-bottom: 30px;
}
.top-menu-header {
	background: #ffffff;
}

.topr {
	color: #fff;
	margin-right: 20px;
}

.topr:hover {
	color: #fff;
	opacity: .6;
}

.topzc {
	height: 34px;
	padding: 0 18px;
	color: #119f93;
	border:1px solid #119f93;
	margin-right: 20px;
}

.topzc img {
	margin-right: 5px;
}

.topzc:hover {
	background-color: #119f93;
	color: #fff;
}

.toprdl {
	width: 120px;
	height: 34px;
	line-height: 34px;
	background: #119f93;
	color: #fff;
}

.toprdl img {
	margin-right: 5px;
}

.toprdl:hover {
	color: #fff;
	background: #119f93;
}

.prodNav {
	width: 23%;
}

.toph3 {
	padding-left: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #D3D7DF;
	color: #111;
	font-size: 16px;
	font-weight: 500;
}
.prodNav .title-bs {
	margin-top: 10px;
	background: #FFFFFF;
	padding: 15px 20px;
	border: 1px transparent solid;
}


.prodNav a h4 {
	color: #333;
	font-size: 16px;
	font-weight: 500;
}

.prodNav a p {
	margin-top: 3px;
	color: #999;
}
.prodNav .title-bs:hover{
	border-radius: 4px;
	background-image: url(../img/head-bg-tit.jpg);
	background-size: 100% 100%;
}

.prodNav a:hover h4 {
	color: #119f93;
}
.sevicon {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.sevicon svg{
	padding-top: 15px;
	padding-right: 15px;
}
.sevicon span{
	font-size: 14px;
	color: #119f93;
}
.ffsub {
	margin-left: -2%;
}
.ffsub a{
	width: 23%;
	margin-left: 2%;
	margin-top: 20px;
	background: #ffffff;
	padding: 15px 20px;
	border: 1px transparent solid;
	font-size: 16px;
	color: #333;
	display: flex;
}
.ffsub a:hover{
	color: #119f93;
	box-shadow: 0px 4px 12px 1px rgba(0, 0, 0, .1);
}
.ffsub a i{
	display: inline-block;margin-right: 8px;
	font-size: 20px;
}
.box1-ff{
	margin-top: -50px;
	position:relative;
	z-index: 900;
	margin-left: -1.5%;
}
.box1-ff .item {
	width: 25.5%;
	background: #fff;
	padding-top: 25px;
	padding-bottom: 25px;
}
.box1-ff .item img{
    margin-right: 15px;
}
.box1-2{
    padding-top: 38px;
}
.box1-ff .item{
    position: relative;
}
.box1-2Left{
    width: 220px;
    margin-right: 100px;
}
.box1-2Left h2{
    line-height: 40px;
    font-size: 24px;
    font-weight: 500;
}
.box1-2Left a{
    margin-top: 20px;
    color: #119f93;
    display: block;
}

.box1-2Left a:hover{
    color: #119f93;

}
.box1-2Left a:hover i{
    margin-left: 8px;
}

.box1-2Right h2{
    font-size: 44px;
    color: #119f93;
    line-height: 1.1;
}
.box1-2Right .xt{
    width: 40px;
    height: 4px;
    background:#ceeef3;
    margin-top: 18px;
    margin-left: 6px;
    position: relative !important;
}

.box1-2Right p{
    margin-top: 18px;
}
.box2{
    background: #f0f2f5;
}
.p55{
    padding-top: 55px;
    padding-bottom: 55px;
}

.box1{
    padding-bottom: 55px;
}
.box1-ff .item h3{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 7px;
	position: relative;
}
.box1-ff .item h3::after {
	content: '';
	border-right: 1px solid #777;
	border-bottom: 1px solid #777;
	height: 4px;
	width: 4px;
	display: inline-block;
	transform: rotate(-45deg) translate(4px, 0px);
	margin-left: 6px;
	transition: transform 0.4s ease, border-color 0.4s ease; /* 对变换和边框颜色应用过渡效果 */
}

.box1-ff .item h3:hover::after {
	border-color: #119f93;
	transform: rotate(-45deg) translateX(6px);
}
.box-shadow1{
    box-shadow: 0 0 15px rgba(0,0,0,.1);
}
.box-shadow2{
    box-shadow: 0 0 15px rgba(0,186,255,.15);
}
.box1-ff .item:hover{
    /*transform: translate(0,-5px);*/
    /*box-shadow: 0 0 15px rgba(43,63,126,.15);*/
}
.title{
    margin-bottom: 5px;
}
.title h2{
    font-size: 26px;
    font-weight: bold;
    color: #119f93;
    padding-right: 15px;
    position: relative;
}
.title h2::after{
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #ff9000;
    border-radius: 100%;
    right: 0;
    top: 10px;
}
.title p{
    color: #818181;
}
.box2Ul{
    margin-left: -2%;
}
.box2Ul li{
    width: 31.3333%;
    margin-left: 2%;
    margin-top: 25px;
}
.radius5{
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
}

.box2Ul li a{
    padding: 25px;
}
.bgfff{
    background: #fff;
}
.box2Ul li a img{
    margin-right: 25px;
    width: 70px;
    height: 70px;
}
.box2Ul li h2{font-size: 18px;color: #119f93;font-weight: 500; margin-bottom: 15px;}
.box2Ul li p{
    line-height: 24px;
}
.txt-818181{
    color: #818181;
}
@media (max-width: 768px) {
    .txt-818181{
        line-height: 20px;
    }
	.box1-ff .item h3 {
		font-size: 16px;
		font-weight: 500;
	}
	.swiper-abs p {
		font-weight: normal !important;
	}
}

.box2Ul li p.jg{
    color: #333;
    margin-top: 5px;
}
.box2Ul li p.jg span{
    font-size: 28px;
    color: #ff9000;
    font-weight: bold;
}
.box2Ul li a:hover{
    transform: translate(0,-5px);
    box-shadow: 0 0 15px rgba(43,63,126,.15);;

}
.titleP{
    margin-top: 15px;
}
.slideTxtBox{
    position: relative;
}

.slideTxtBox .bd{
    /* height: 310px; */
	position: relative;
	top: 0;
	width: 100%;
}

.map{
	position: absolute;
	right: 0;
	top: 0;
}
.mapigm{
	
	text-align: right;
}
.mapigm img{
	width: 100%;
}
.slideTxtBox .hd{
	position: relative;
	z-index: 200;
	width: 100%;
	
}
.mapigm{
	cursor: pointer;
	margin-left: 300px;
	width: 70%;
	position: relative;
}
@media (max-width:994px){
	.mapigm{
		width: 100%;
		margin-left: 0px !important;
	}
}
.slideTxtBox .hd ul{
	margin-top: 60px;
}
.slideTxtBox .hd li{
	float: left;
	color: #373737;
	width: 100px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	cursor: pointer;
	
}
.slideTxtBox .hd li.on{
	background: #119f93;
	color: #fff;
	border-radius: 4px;
}
.ema{
	color: #119f93;
}
.item-abs1{
	position: absolute;
	left: 0;
	bottom: 130px;
	line-height: 1.8;
}
.item-abs1 h2{
	font-size: 20px;
}
.item-abs1 h2 img{
	margin-right: 8px;
}
.item-abs1 a.ema{
	color: #119f93;
}
.mt20{
	margin-top: 20px;
}
.item-abs02{
	margin-top: -16px;
	margin-left: -10px;
	background: url(../img/abs.png) no-repeat;
	width: 110px;
	height: 39px;
	position: absolute;
}
.item-abs02 span {
	width: 126px;
	height: 40px;
	line-height: 32px;
	color: #333;
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: center;
}

.map-01{
	right: 5%;
	top: 31%;
}
.map-02{
	right: 6%;
	top: 32%;
}
.map-03{
	right: 4%;
	    top: 22%;
}



.box4{
	background: #f0f2f5;
}
.ffTab{
	margin-top: 40px;
	overflow: hidden;
}
.ffTab .hd{
	width: 220px;
	border-left: 1px #d8dbe4 solid;
}
.ffTab .hd li{
	height: 65px;
	line-height: 65px;
	text-align: center;
	font-size: 16px;
	color: #7d87a5;
	cursor: pointer;
	position: relative;
}
.ffTab .hd li+li{
	border-top: 1px #d8dbe4 solid;
}
.ffTab .hd li.on::after{
	position: absolute;
	  content: '';
	 border-top:10px solid transparent;
	 border-bottom: 10px solid transparent;
	 border-right: 10px solid #119f93;
	 left: -10px;
	 top: 50%;
	 margin-top: -6px;

}
.ffTab .hd li.on{
	background: #119f93;
	color: #fff;
}
.ffTab .hd li a{
	color: #7d87a5;
	
}
.ffTab .hd li.ffa::after{
	display: none;
}
.ffTab .hd li.ffa.on a{
	background: #119f93;
	color: #fff;
}
.ffTab .bd{
	margin-right: 230px;
	height: 390px;
}
.ffTab .bd .item{
	height: 390px;
	max-width: 960px;
	margin: 0 auto;
}

.ffTab .bd .item img{
	margin-right: 50px;
	width: 450px;
	height: 260px;
}
a.tab-a{
	color: #7d87a5;
	border: 1px #7d87a5 solid;
	width: 126px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border-radius: 18px;
	margin-top: 20px;
	display: block;
}
.ttrbox{
	line-height: 1.8;
}
a.tab-a:hover{
	background: #119f93;
	color: #fff;
	border-color:#119f93 ;
	box-shadow: 0 0 15px rgba(43,63,126,.15);
}
.ttrbox h2{
	font-size: 20px;
	color: #119f93;
	margin-bottom: 20px;
}

.newsLt{
	width: 300px;
	height: 250px;
	background: url(../img/nb.jpg) right bottom no-repeat;
	padding: 35px;
	margin-right: 25px;
	overflow: hidden;
}
.mt40{
	margin-top: 40px;
}

.ntt{
	line-height: 2;
}

.newsRigh{
	margin-left: -2%;
}
.newsRigh .item{
	width: 48%;
	margin-left: 2%;
	height: 250px;
	padding: 28px;
}
.newsRigh .item h2{
	font-size: 18px;
	color: #119f93;
}
.newsRigh .item h2 img{
	margin-right: 8px;
}
.nttitle{
	padding-bottom: 18px;
	border-bottom: 1px #ebedf0 solid;
}
.nttitle a{
	color: #818181;
}
.nttitle a:hover{
	color: #119f93;
}

.text-hide {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.indexUl li a{
	display: block;
	position: relative;
	height: 36px;
	line-height: 36px;
	padding-right: 44px;
	padding-left: 10px;
}
.indexUl{
	padding-top: 15px;
}
.indexUl li a span{
	position: absolute;
	right: 0;
}
.indexUl li a::after{
	content: "";
	width: 3px;
	height: 3px;
	background: #818181;
	left: 0;
	top: 16px;
	position: absolute;
}
.indexUl li a:hover::after{
	background:#119f93;
}

.footer{
	background: #252a34;
	padding: 15px 0;
}

.fttop{
	border-bottom: 1px solid #dde2e9;
	padding-bottom: 25px;
	font-size: 18px;
	color: #ffffff;
}
.fttop img{
	margin-right: 8px;
}
.footLogo{
	width: 46%;
	color: #7d87a5;
}
.footL01{
	line-height: 1.8;
	color: #ffffff;
	margin-top: 8px;
}
.footL01 a{
	color: #ffffff;
}
.footLogo h3{
	font-size: 24px;
	margin-top: 20px;
}
.footRul h3{
	font-size: 16px;
	color: #ffffff;
	font-weight: 500;
	margin-bottom: 25px;
}
.footRul li a{
	display: block;
	height: 34px;
	line-height: 34px;
	color: #b9b9b9;
}
.footRul li {
	margin-left:10px;
	width: 100px;
}
.footRul li a:hover{
	color: #119f93;
}
.copy,.copy a{
	color: #7d87a5;
}
.copy a:hover{
	color: #fff;
}
.copy{
	margin-top: 25px;
}
.footer .w1280 .fttop .item img{
	height: 50px;
	width: 50px;
}
.pageTop{
	text-align: center;
	position: relative;
}


.pageTop .w1280{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.pageTopa a{
	display: inline-block;
	width: 110px;
	height: 36px;
	line-height: 36px;
	color: #fff;
	background-color: #119f93;
	text-align: center;
	margin-right: 10px;
}
.pageTopTxt{
	position: absolute;
	color: #282828;
	width: 470px;
	text-align: left;
	top: 10%;
	left: 0;
	z-index: 20;
	line-height: 1.8;
}

.pageTopTxt h2{
	font-size: 34px;
	font-weight: 500;
}
.toptxt{
	margin: 20px 0 25px;
}
.pageTopa a:hover{
	color: #119f93;
	background-color: #FFFFFF;
}

.jsabs{
	text-align: center;
	width: auto !important;
	max-width: 1200px;
	position: absolute;
	top: 55% !important;
	left: 50% !important;
	transform:translate(-50%,-50%);
}

body.scroll .cp-nav{
	position: initial;
}
body.scroll .cp-nav{
	height: 70px;
	position: fixed;
	top: 0;
	width: 100%;
	background: #FFFFFF;
	z-index: 100;
}
.cp-nav{
	cursor: pointer;
	height: 70px;
}

.cp-nav li{
	height: 70px;
	display: flex;
	align-items: center;
	font-size: 16px;
	margin: 0 30px;
	cursor: pointer;
	position: relative;
}
.cp-nav li:hover::after,.cp-nav li.on::after{
	content: "";
	height: 3px;
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	background: #119f93;
	top: 50px;
}
.cp-nav li:hover,.cp-nav li.on{
	color: #119f93;
}
.fz26{font-size: 26px;}
@media (max-width:768px){
	.fz26{
		font-size: 20px;
	}
	.box1-2Left h2{
		font-size: 20px;
	}
	.title h2 {
		font-size: 20px;
	}
}
.tc{
	text-align: center;
}
.txt-main{color: #119f93;}

.ysUl{
	margin-left: -2%;
	margin-top: 15px;
}
.ysUl li{
	width: 31.333%;
	margin-left: 2%;
	margin-top: 25px;
}
.ysUl li a{
	padding: 25px;
	line-height: 24px;
	min-height: 165px;
	box-shadow: 0 0 15px rgba(0,0,0,.1);
	border: 1px #e1e6f0 solid;
}
.ysUl li a img{
	margin-right: 20px;
}
.ysUl li a h3{
	margin-bottom: 8px;
}
.ysUl li a:hover{
	box-shadow: 0 0 15px rgba(43,63,126,.2);
	border-color: #fff;
	transform: translate(0, -5px);
}
@media (max-width: 768px) {
	.ysUl li{
		margin-top: 12px;
	}
}
.cpbox2{
	background: #f0f2f5;
	text-align: center;
	padding-bottom: 100px;
}
.cpbox2 .item{
	margin-top: 90px;
}
.cpbox2 .item  h2{
	height: 83px;
	line-height: 83px;
	font-size: 16px;
	background: #68a2ff;
	color: #ffffff;
}
.cpbox2 .item:nth-child(1)  li{
	font-size: 14px;
	color: #333;
	font-weight: bold;
}
.cpbox2 .item li{
	height: 60px;
	line-height: 60px;
	
	background: #f8f9ff;
}
.cpbox2 .item li:nth-child(odd){
	background: #fff;
}
.cpbox2 .item:nth-child(2){
	transform: scale(1.08);
	overflow: hidden;
	color: #119f93;
}
.cpbox2 .item:nth-child(2) h2{
	background: #0063ff url(../img/h2j.png) right top no-repeat;
	font-size: 24px;
	color: #fff;
	height: 100px;
	line-height: 100px;
}
.border-main{
	border: 1px #e1e6f0 solid;
}
.tcBox{
	margin-top: 30px;
	margin-left: -2%;
	flex-wrap: wrap;
}
.tcBox .item{
	width: 23%;
	margin-left: 2%;
	overflow: hidden;
	position: relative;
	padding:0 30px 30px;
	margin-bottom: 10px;
}
.tcBox .item h2{
	font-size: 22px;
	padding-top: 30px;
	display: inline-block;
	border-top: 5px #119f93 solid;
	margin-top: -1px;
}
.tcBox .item .abs{
	font-size: 60px;
	font-weight: bold;
	font-family: arial;
	color: #f0f2f5;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: -1;
}
.tc-txt{
	margin-top: 20px;
	line-height: 1.6;
	height: 2.5rem;
	border-bottom: 1px #e1e6f0 solid;
}

.tx-pz{
	padding: 20px 0;
	border-bottom: 1px #e1e6f0 solid;
}
.tx-pz li{
	height: 36px;
	line-height: 36px;
}
.tx-pz li strong{
	color: #333;
}

.tc-btn{
	padding-top: 20px;
}
.tc-btn strong{
	font-weight: bold;
	font-size: 30px;
	color: #f50505;
	display: inline-block;
	margin-bottom: 5px;
}
.tc-btn a{
	width: 88px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	overflow: hidden;
	background: #119f93;
	color:#fff;
}
.tc-btn a:hover{
	color: #119f93;
	border: 1px solid #119f93;
	background-color: #ffffff;
	box-shadow:0 0 15px rgba(0,0,0,.15);
}

.tcBox .item:hover{
	box-shadow:0 0 15px rgba(0,0,0,.15);
}
.tcBox .item:hover .tc-btn a{
	/*background: #ffffff;*/
	box-shadow:0 0 15px rgba(0,0,0,.15);
}
.tcBox .item:hover strong,.tcBox .item:hover h2{
	color: #119f93;
}
.cptab{
	margin-top: 30px;
	overflow: hidden;
	background: #fff;
}
.cptab .hd li{
	text-align: center;
	height: 62px;
	line-height: 62px;
	font-size: 16px;
	cursor: pointer;
}
.cptab .hd li +li{
	border-left: 1px #e1e6f0 solid;	
}

.cptab .hd li i{
	font-size: 18px;
	color: #119f93;
	padding-right: 5px;
}
.cptab .hd li:hover,.cptab .hd li:hover i,.cptab .hd li.on{
	background: #119f93;
	color: #fff;
	box-shadow: 0 0 15px rgba(43,63,126,.2);
}
.cptab .bd{
	padding: 35px;
	border-top: 1px #e1e6f0 solid;	
}
.cptab .bd .item{
	
}
.cpbox4{
	background: #f0f2f5;
}
.tab-txt{
	margin-left: 40px;
	line-height: 24px;
}
.tab-txt h2{
	font-size: 20px;
	margin-bottom: 8px;
}
.ttra{
	color: #818181;
}
.ttra:hover{
	color: #119f93;
}
.wt-ul{
	margin-left: -2%;
}
.pageR{
	margin-top: 20px;
	padding-bottom: 20px;
}
.pageR .wt-ul{
	margin-left: 0;
	margin-top: 25px;
}

.pageR .wt-ul li{
	width: 100%;
	margin-left: 0;
	margin-bottom: 0;
	margin-top: 0;
}
.pageR .wt-ul li a{
	border: none;
	border-bottom: 1px #e1e6f0 solid;
}


.wt-ul li{
	width: 48%;
	margin-left: 2%;
}
.wt-ul li{
	margin-top: 30px;
}
.wt-ul li a{
	padding: 25px;
}
.wt-ul li a.wt-abox h2{
	position: relative;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	font-weight: 500;
	padding-left: 50px;
	margin-bottom: 12px;
}
.wt-ul li a.wt-abox h2 span,.wt-a span{
	width: 30px;
	height: 30px;
	display: inline-block;
	background: #119f93;
	color: #fff;
	line-height: 30px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	font-family: arial;
	position: absolute;
	left: 0;top: 0;
	border-radius: 5px;
}
.text-hide2{
	text-overflow: -o-ellipsis-lastline;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 2;
	  line-clamp: 2;
	  -webkit-box-orient: vertical;
}
.wt-a{
	position: relative;
	padding-left: 50px;
	line-height: 2.8;
}
.wt-ul li a.wt-abox:hover{
	box-shadow:0 0 15px rgba(0,0,0,.15);
	border-color: #fff;
	transform: translate(0,-5px);
}
.pageR .wt-ul li a.wt-abox:hover{
	transform: translate(0,0);
	z-index: 20;
	position: relative;
}


.wt-ul li a.wt-abox:hover h2{
	font-weight: bold;
}
.wt-ul li a.wt-abox:hover .wt-a span{
	background: #689afd;
}
@media (max-width:768px){
	.cpbuy{
		height: 118px !important;
	}
	.cpbuy h2 {
		line-height: 28px !important;
		font-size: 18px !important;
		margin-left: 5% !important;
	}
	.cpbuy a {
		margin-right: 5% !important;
	}
	.item-abs1 {
		bottom: 0px !important;
	}
}
.cpbuy{
	background: url(../img/connect_bg.jpg) no-repeat center;
	background-size: cover;
	/*background-image: linear-gradient(190deg, #34d7bf 0%, #00cdec 100%);*/
	height: 160px;
}
.cpbuy a {
	margin-right: 16%;
    display: inline-block;
    width: 110px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    /*border: 1px #119f93 solid;*/
	background-image: linear-gradient(270deg, #0af2d0 0%, #01b8f9 67%);
    text-align: center;
}
.cpbuy a:hover{
	color: #fff;
	background-color: #119f93;
}

.cpbuy h2{
	margin-top: 30px;
	line-height: 36px;
	margin-left: 16%;
	font-size: 22px;
	margin-bottom: 25px;
	color: #252a34;
	font-weight: 500;
}
.fatop{
	margin-left: -2%;
	padding-top: 10px;
}
.fatop li{
	width: 23%;
	margin-left: 2%;
	margin-top: 25px;
}
.fatop li a{
	display: block;
	padding: 30px;
	padding-top: 0;
}
.fatop1{
	position: relative;
	padding-top: 38px;
}
.xt{
	position: absolute;
	width: 64px;
	height: 5px;
	background: #119f93;
	top: 0;
	left: 0;
}
.fatop1 .spa1{
	font-size: 60px;
	color: #f0f2f5;
	font-family: arial;
	font-weight: bold;
}
.fatop1 h2{
	font-size: 18px;
	margin-top: 8px;
}

.fa-txt1{
	margin-top: 20px;
	padding-top: 20px;
	border-top:1px #e1e6f0 solid ;
	line-height: 1.8;
	height: 178px;
	overflow: hidden;
}
.fatop li a:hover{
	box-shadow: 0 0 15px rgba(0,0,0,.15);
	transform: translate(0,-5px);
	border-color: #fff;
}
.fatop li a:hover h2{
	color: #119f93;
}
.astyle{
	display: block;
	width: 110px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	color: #119f93;
	margin: 30px auto 0;
}
.astyle:hover{
	background: #119f93;
	color: #fff;
	border-color: #119f93;
	border-radius: 18px;
}



.fabox2{
	/*background: url(../img/jg.jpg) no-repeat center;*/
	/*background-size: cover;*/
	background-color: #fafbfc;
}
.txt-fff{
	color:#119f93;
}

.fajgbox{
	background: #fff;
	margin-top: 35px;
}
.fajgbox img{
	width: 830px;
	height:546px;
}
.fajgr{
	padding: 20px 40px;
}
.fajgr h2{
	color: #119f93;
	font-size: 16px;
	font-weight: 500;
}
.fajgr .xt2{
	margin-top: 15px;
	background: #119f93;
	width: 32px;
	height: 4px;
}
.fajgrtxt{
	line-height: 1.8;
	padding-top: 10px;
	padding-bottom: 20px;
	border-bottom: 1px #e1e6f0 solid;
	margin-bottom: 20px;
}
.fajgrtxt:last-child{
	border: none;
}
.faysul{
	margin-left: -2%;
	padding-top: 10px;
}

.faysul li{
	width: 48%;
	margin-left: 2%;
	margin-top: 30px;
}
.faysul li a{
	padding: 30px;
	line-height: 1.8;
	padding-right: 100px;
	position: relative;
}
.faysul li a img{
	margin-right: 25px;
}
.faysul li a h2{
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 6px;
}

.faysul li a .abs{
	position: absolute;
	right: 20px;
	font-size: 60px;
	color: #f0f2f5;
	font-weight: bold;
	font-family: arial;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
}
.faysul li a:hover{
	box-shadow: 0 0 15px rgba(0,0,0,.15);
	border-color: #fff;
	transform: translate(0,-5px);
}
.faysul li a:hover h2{
	color: #119f93;
	font-weight: bold;
}
.alUl{
	padding-top: 10px;
	margin-left: -2%;
}
.fabox4{
	background: #f0f2f5;
}
.alUl li{
	width: 23%;
	margin-left: 2%;
	padding: 10px;
	margin-top: 30px;
	text-align: center;
	overflow: hidden;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.alUl li img{
	height: 56px;
	max-width: 100%;
}
.alUl li:hover{
	box-shadow: 0 0 15px rgba(0,0,0,.15);
	transform: translate(0,-5px);
}

.gdfa{
	margin-left: -2%;
	padding-top: 10px;
}

.gdfa a{
	width: 23%;
	margin-left: 2%;
	padding: 25px;
	text-align: center;
	font-size: 16px;
	margin-top: 30px;
}
.gdfa a i{
	margin-right: 6px;
	color: #119f93;
	font-size: 20px;
}
.gdfa a:hover{
	color: #119f93;
	box-shadow: 0 0 15px rgba(0,0,0,.15);
	border-color: #fff;
	transform: translate(0,-5px);
}
.topso{
	padding: 22px;
	background: #f0f2f5;
	border-radius: 6px;
	position: relative;
	z-index: 200;
	margin-top: -56px;
}
.select{
	height: 60px;
	line-height: 60px;
	background: #fff;
	border: none;
	border-radius: 8px;
	width: 220px;
	padding: 0 15px;
	font-size: 16px;
	margin-right: 28px;
}
.sorigth{
	border-radius: 8px;
	overflow: hidden;
	height: 60px;
}
.sorigth input{
	background: #fff;
	height: 60px;
	padding-left: 20px;
}
.sorigth button{
	height: 60px;
	width: 118px;
	background: #119f93 url(../img/sobtn.png) no-repeat center;
	border: none;
	cursor: pointer;
}
.mbx{
	line-height: 1.8;
	color: #818181;
}
.mbx span{
	display: inline-block;
	padding-left: 20px;
	background: url(../img/h.png) no-repeat left center;
}
.mbx a{
	color: #818181;
}
.mbx a:hover,.mbx i{
	color: #119f93;
}

.pageL{
	width: 254px;
	overflow: hidden;
	margin-right: 30px;
	padding-bottom: 30px;
}
.leftSub{
	background: #f0f2f5;
}
h2.lefth2{
	height: 80px;
	line-height: 80px;
	font-size: 20px;
	padding-left: 35px;
	border-bottom: 1px #e5e5e5 solid;
}
.leftAbox{
	padding: 0px 0;
}
.leftAbox a{
	height: 40px;
	line-height: 40px;
	padding-left: 38px;
	display: block;
	position: relative;
	background: url(../img/abg2.png) 220px center no-repeat;
	
}
.leftAbox a:hover,.leftAbox a.on{
	color:#119f93;
	background: url(../img/abg.png) 220px center no-repeat;
}
.leftSub2{
	margin-top: 25px;
	background: #f0f2f5;
	overflow: hidden;
}
.lffabox{
	margin: -1px;
	margin-top: 0;
}
.lffabox a{
	float: left;
	width: 50%;
	text-align: center;
	border: 1px #e5e5e5 solid;
	border-left: none;
	margin-top: -1px;
	padding: 20px 0;
	color: #818181;
}
.lffabox a i{
	font-size: 28px;
	color: #119f93;
}

.lffabox a:hover{
	color: #119f93;
}
.lffabox a p{
	padding-top: 7px;
}
.mt35{
	margin-top: 35px;
}
.mt25{
	padding: 0px 20px 0px 20px;
	margin-top: 25px;
}
.pagertitle{
	height: 50px;
	line-height: 50px;
	border-bottom: 1px #e1e6f0 solid;
}
.pagertitle h2{
	color: #119f93;
	border-bottom: 2px #119f93 solid;
}



.page {
	margin-top: 40px;
	text-align: center;
	margin-bottom: 40px;
}

.page a {
	display: inline-block;
	height: 38px;
	line-height: 38px;
	border: 1px #e5e5e5 solid;
	border-radius: 4px;
	padding: 0 12px;
	color: #818181;
	margin: 0 5px 15px;
}

.page a.on,
.page a:hover {
	background: #119f93;
	border-color: #119f93;
	color: #fff;
}

.news-t{
	padding-top: 30px;
	padding-bottom: 10px;
	border-bottom: 1px #e1e6f0 solid;
	line-height: 1.8;
}
.news-t h1{
	font-size: 20px;
	margin-bottom: 5px;
}
.atricle{
	margin-top: 20px;
	line-height: 1.8;
	color: #818181;
}
.atricle p {
	margin-bottom: 15px;
}
.atricle img{
	display: block;
	margin: 15px auto;
	max-width: 100%;
	height: auto;
}
.isarticle{
	margin-top: 35px;
	padding: 25px;
}
.isarticle span{
	margin-left: 20px;
	width: 80px;
	height: 30px;
	background: #f0f2f5;
	cursor: pointer;
	text-align: center;
	line-height: 30px;
}

.isarticle span:hover,.isarticle span.on{
	background: #119f93;
	color: #fff;
}
.newsList a{
	padding: 25px 0;
	border-bottom: 1px #e5e5e5 solid;
}
.newsList a img.newimg{
	width: 245px;
	height: 146px;
	margin-right: 57px;
}
.newsList{
	margin-top: 15px;
}
.itemtime{
text-align: right;
	width: 160px;
	text-align: center;
}
.itemtime p{
	font-size: 34px;
}
.newsList a .itemtime img{
	opacity: 0;
	width: 40px;
	height: 40px;
	margin-top: 8px;
}
.newsList a:hover{
	padding: 22px;
	box-shadow: 0 0 15px rgba(0,0,0,.15);
	margin-top: -1px;
	position: relative;
	z-index: 20;
	background: #fff;
}
.newsList a:hover .itemtime img{
	opacity: 1;
}
.newsList a:hover img.newimg{
	margin-right: 30px;
}

.newsList .item .newsinfo{
	line-height: 1.8;
	margin-top: 15px;
}
.newsList a:hover .itemtime p{
	color: #333;
}
.newsList a:hover+a{
	border: none;
}


.newsRbox{
	width: 300px;
	margin-left: 40px;
}

.pb20{padding-bottom: 20px;}
.news-xg{
	padding:5px 25px;
}
.news-xg a{
	display: block;
	height: 38px;
	line-height: 38px;
	position: relative;
	padding-left: 10px;
}

.news-xg a::after{
	content: "";
	width: 3px;
	height: 3px;
	background: #818181;
	position: absolute;
	left: 0;
	top: 17px;
}
.news-xg a:hover::after{
	background: #119f93;
}

.page-fy{
	border-top: 1px #e1e6f0 solid;
	margin-top: 25px;
	padding-top: 25px;
}
.page-fy a{
	max-width: 48%;
}

.about01 .abl{
	width: 532px;
	height: 209px;
	margin-right: 50px;
}
.about01 h2{
	font-size: 18px;
}
.about01 .xt3{
	width: 54px;
	height: 3px;
	background: #119f93;
	margin-top: 15px;
}

.about-txt{
	margin-top: 15px;
	line-height: 1.8;
}

.about02{
	background: #119f93;
}

#indexCases{
	margin-top: 35px;
	margin-left: -100px;
	margin-right: -100px;
	position: relative;
}
#indexCases .cp-swiper{
	max-width: 1280px;
	margin: 0 auto;
	padding-bottom: 36px;
}
.fz16{
	font-size: 16px;
}

#indexCases .cp-swiper .swiper-slide img{
	border: 5px transparent solid;
}
#indexCases .cp-swiper .swiper-slide{
	text-align: center;
}

#indexCases .cp-swiper .swiper-slide img:hover{
	border-color:#4e6dcd;
	box-shadow: 0 0 15 rgba(0,0,0,.15);
}
#indexCases .swbtn{
	width: 46px;
	height: 46px;
	border-radius: 100%;
	background: #fff;
	color: #119f93;
	border: 0;
	outline: none;
}
#indexCases .cp-swiper  .swiper-pagination{
	display: flex;
	justify-content: center;
	align-items: center;
}
#indexCases .cp-swiper  .swiper-pagination span{
	width: 30px;
	height: 4px;
	border-radius: 0;
	background: #fff;
	opacity: .5;
}
#indexCases .cp-swiper .swiper-pagination-bullet-active{
	height: 6px !important;
	background: #fff !important;
	opacity: 1 !important;
}


.imgshow{display:none;background:rgba(0,0,0,.5);position:fixed;left:0;top:0;width:100%;height:100%;z-index:2019521}
.swiperbox{height:100vh;z-index:3;background:rgba(0,0,0,.6)}
.swiperbox img{width:initial;position:relative;z-index:2}
.swiper-zoom-container:before{width:100%;height:100%;content:' ';position:absolute;z-index:1;display:block;top:0;left:0;cursor:pointer}
.closebtn{position:absolute;z-index:22;width:60px;height:60px;right:20px;top:20px; cursor: pointer;}
.imgshow .swiper-slide{background:0 0}
a.aitems{
	text-align: center;
}
a.aitems i{
	width: 100px;
	height: 100px;
	background: #eeeeee;
	border-radius: 100%;
	text-align: center;
	line-height: 100px;
	font-size: 40px;
	color: #119f93;
}
a.aitems  h3{
	font-size: 16px;
	margin-top: 16px;
}
.mt10{margin-top: 10px;}
a.aitems:hover i{
	background: #119f93;
	color: #FFF;
}
.mbtns{
	margin-left: auto;
	margin-right: auto;
	display: none !important;
	margin-top: 35px !important;
}
.m-title{
	display: none;
}

.mnavBtn{
	display: none;
}
.mNavPop{
	background:#ffffff;
	position: fixed;
	top: 0;
	padding-top: 0px;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 990;
	transform: translate(100%, 0);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.mNavPop.show{
	box-shadow: 0 0 10px rgba(0, 0, 0, .3);
	width: 68%;
	transform: translate(0, 0);
}
.mNavPop a{
	display: block;
	line-height: 58px;
	color: #121212;
	padding-left: 20px;
	font-size: 18px;
}

.msub{
	background: #ffffff;
	padding: 5px ;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.msub a {
	display: block;
	width: 100%;
	font-size: 18px;
	color: #121212;
	padding-left: 24px;
	text-align: left;
	/* height: 40px; */
	line-height: 65px;
	border: none;
	overflow: hidden;
}
.sub-sub-menu a {
	background-color: #ffffff;
	display: block;
	width: 100%;
	font-size: 20px;
	color: #121212;
	padding-left: 42px;
	text-align: left;
	line-height: 65px;
	border: none;
	overflow: hidden;
}
.sub-sub-menu {
	display: none;
}
.mNavPop .msub {
	display: none;
	background: #fbfbfb;
	padding: 5px;
	transition: all 0.3s ease;
}

.mNavPop .msub.show {
	display: block;
	max-height: calc(100% - 5px);
	transition: max-height 0.3s ease-in;
}

@media (max-width: 768px) {
	.mNavPop ul {
		max-height: calc(100vh - 230px);
		overflow-y: auto;
		overflow-x: hidden;
		scrollbar-width: none;
	}
}

.selected {
	background-color: #f0f0f0;
	color: #119f93;
}
.mNavPop > ul > li a:focus {
	color:#4a86ff;
}
.dropdown-toggleyd .sidenav-toggle {
	position: relative;
}
.dropdown-toggleyd[aria-expanded="true"] .sidenav-toggle:after {
	transform: rotate(-135deg) translateY(-50%);
}
.dropdown-toggleyd .sidenav-toggle:after {
	position: absolute;
	content: "";
	width: .5em;
	height: .5em;
	border-style: solid;
	border-width: 1.2px 0 0 1.2px;
	border-color: initial;
	right: 15px;
	transform: rotate(-45deg) translateY(-50%);
	transform-origin: top;
	top: 50%;
	transition-duration: 0.5s;
	transition-property: -webkit-transform, transform;
}



.dropdown-toggleyd {
	position: relative;
}
.header-containeryd {
	justify-content: space-between;
	height: 60px;
	display: flex;
	align-items: center;
	padding: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.logoyd{
	line-height: 65px !important;
}
.logoyd img {
	height: 30px;
}
.button-container {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	background: #fff;
	padding: 7px 20px 7px;
	z-index: 999;
}

.login-button, .register-button {
	height: 44px;
	width: 45%;
	margin-top: 7%;
	margin-bottom: 10%;
	padding: 12px 0px;
	border-radius: 5px;
	font-size: 16px;
	cursor: pointer;
	text-align: center;
}

.login-button a, .register-button a {
	font-size: 18px;
	text-decoration: none;
	color: inherit;
	display: block;
	width: 100%;
	height: 100%;
	line-height: 15px;
	padding-left: 0px;
}

.login-button {
	margin-right: 20px;
	background-color: white;
	color: #119f93;
	border: 2px solid #119f93;
}

.register-button {
	background-color: #119f93;
	color: white;
	border: 2px solid #119f93;
}

/* 鼠标悬停时的样式 */
.login-button:hover {
	background-color: #f0f0f0;
}

.register-button:hover {
	background-color: #0047cc;
}
/*.chat_box{ position:fixed; top:30%; right:0; width:70px; z-index:1000; box-shadow:0 4px 20px 0 rgba(225,79,0,.4); font-size:12px; }*/
.chat_box ul,.chat_box li{ list-style:none; }
.chat_box li{ text-align:center; color:#fff; background:transparent; position:relative; }
.chat_box li a.link{ display:block; color:#fff; padding:15px 0; background:#ff9400; text-decoration:none; border-bottom:1px solid #ff8000; cursor:pointer; }
.chat_box li:first-child a{ }
.chat_box li:last-child a{ border:0; }
.chat_box li i{ display:inline-block; font-size:28px; margin-bottom:10px; }
.chat_box li a.link:hover{ background:#ff8500; }
.chat_box .wxkf_qrcode{ display:none; position:absolute; right:65px; bottom:0; background:#fff; padding:7px 7px 3px; text-align:center; color:#666; line-height:1.4; box-shadow: 0 1px 20px 0 rgba(62,62,62,.25); }
.chat_box .wxkf_qrcode img{ width:160px; display:inline-block; max-width: 160px;}
.chat_box .wxkf_qrcode .heading{ margin-bottom:2px; }
.chat_box .wxkf_qrcode:after{ content: ""; position: absolute; bottom:15px; right:-10px; display:inline-block; width:0px; height:0px; border-left:10px solid #fff; border-top:6px solid transparent; border-bottom:3px solid transparent; }
.chat_box .telkf{ display:none; position:absolute; right:70px; top:20px; background:#fff; padding:0 10px; color:#333; font-size:20px; line-height:40px; box-shadow: 0 1px 20px 0 rgba(62,62,62,.25); }
.chat_box .telkf:after{ content: ""; position: absolute; top:12px; right:-10px; display:inline-block; width:0px; height:0px; border-left:10px solid #fff; border-top:6px solid transparent; border-bottom:3px solid transparent; }
.chat_box .kf_tit{
	font-size: 14px;
	width:180px;
}
.chat_box li.item{
	line-height: 24px;
	background: url('/home/img/icon_suspension_consult.png') no-repeat 25px center;
	padding-left: 30px;
	margin-bottom: 5px;
}

.foot_link a{margin: 0 10px;}

.pagination{
	margin-top: 40px;
	text-align: center;
	margin-bottom: 40px;
}

.pagination li {
	display: inline-block;
	height: 38px;
	line-height: 38px;
	border: 1px #e5e5e5 solid;
	border-radius: 4px;
	padding: 0 12px;
	color: #818181;
	margin: 0 5px 15px;
}
.pagination li.active, .pagination li:hover {
	background: #119f93;
	border-color: #119f93;
	color: #fff;
}
.pagination li:hover a,.pagination li.active a{
	color: #fff;
}
.pagination .icon-angle-left:after{
	content:'上一页';
}
.pagination .icon-angle-right:after{
	content:'下一页';
}
.pagination .icon-double-angle-left:after{
	content:'首页';
}
.pagination .icon-double-angle-right:after{
 content:'末页';
}
.tab-bar{
	padding-top: 1.5rem;
}
.tab-bar .tab{
	font-size: 16px;
	background: #f0f2f5;
	text-align: center;
	line-height:3em;
	margin:0 3rem;
	border-radius: 30px;
}
.tab-bar .tab:hover,.tab-bar .tab.hover{
	background: #119f93;
	color: #fff;
}
.tabBox{
	display: flex;
	flex-wrap:wrap;
	justify-content:center;
}
.tabTitle{
	text-align: center;
	color: #818181;
	min-width: 150px;
}
.tabTitle.active{
	color: #119f93;
}

.box1-ff .box-shadow1 img{
	width: 54px;
	height: 54px;
}

.search_top_tit {
	margin-top: 30px !important;
}

/*价格页面*/
.ices {
	left: 15.5% !important;
}

.price-drop {
	position: relative;
	border: 1px solid #bfc0c1;
	padding-left: 15px;
	width: 177px;
	height: 38px;
	line-height: 38px;
	background: #e9ebec;
}
.price-drop:hover .price-drop-triangle {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.price-drop:hover .banner-drop {
	display: block;
}
.banner-drop a:hover {
	background-color:#119f93;
	color: #FFFFFF;
}
@media (max-width: 1748px) {
	.price-drop:active{
		position: relative;
		border: 1px solid #bfc0c1;
		padding-left: 15px;
		width: 177px;
		height: 38px;
		line-height: 38px;
		background: #e9ebec;
	}
	.price-drop:active .price-drop-triangle {
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.price-drop:active .banner-drop {
		display: block;
	}
	.banner-drop a:active {
		background-color:#119f93;
		color: #FFFFFF;
	}

}
.price-drop-triangle {
	position: absolute;
	right: 13px;
	top: 50%;
	margin-top: -2px;
	border: 7px solid rgba(0, 0, 0, 0);
	border-top-color: #666667;
	-webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease;
	-webkit-transform-origin: center 3px;
	-ms-transform-origin: center 3px;
	transform-origin: center 3px;
}
.drop-trigger {
	position: relative;
	z-index: 10;
	display: block;
	width: 100%;
	height: 100%;
	color: #333 !important;
	font-size: 16px;
	outline: none;
	text-decoration: none;
}

.banner-drop {
	display: none;
	position: absolute;
	z-index: 99;
	border: 1px solid #d0d0d0;
	top: 36px;
	left: -1px;
	right: -1px;
	background: #fff;
	-webkit-box-shadow: 0px 4px 12px 1px rgba(0, 0, 0, .1);
	box-shadow: 0px 4px 12px 1px rgba(0, 0, 0, .1);
}
.banner-drop a {
	padding-left: 20px;
	display: block;
	width: 100%;
	height: 100%;
	color: #333;
	font-size: 16px;
}
/*价格页面内容*/
.main-info {
	margin-top: 22px;
}


.product {
	margin: 0 auto;
	min-width: 1310px;
	max-width: 1310px;
}
.price-info {
	margin-top: 28px;
	margin-bottom: 36px;
	padding: 36px 33px 33px;
	background: #fff;
}
.price-main-info {
	height: 55px;
	padding: 0 33px;
	line-height: 55px;
	background: #ececec;
}
.clearfix:before, .clearfix:after {
	display: table;
	line-height: 0;
	content: "";
}
.main-info-name {
	font-size: 18px;
	color: #333;
	font-weight: bold;
}
.main-info-description {
	margin-left: 17px;
	font-size: 12px;
	color: #666;
}
.pull-left {
	float: left;
}
.main-info-link, .main-info-link a {
	font-size: 14px;
	color: #666;
}
.main-info-link span {
	display: inline-block;
	margin: 0 5px;
}
.main-info-link a:first-child {
	color: #119f93;
}
.pull-right {
	float: right;
}


.price-area.pro,.price-area.first{
	padding-top: 30px;
	background: #fafafa;
	padding-bottom: 10px;
}
.price-area.first{
	padding-bottom: 30px;
}
.price-area {
	background: #fff;
	/*border-top: 1px solid #ececec;*/
	padding-top: 30px;
}
.price-area {
	background: #fff;
	padding: 0 33px 0px 33px;
}
.main-info{
	background:#fafafa;
}
.price-area-title {
	position: relative;
	border-left: 3px solid #119f93;
	height: 24px;
	margin-bottom: 22px;
	line-height: 24px;
	padding-left: 12px;
	color: #333;
	font-size: 16px;
}
.center{
	padding-top: 0px !important;
}
.last{
	padding-top: 0px !important;
	padding-bottom: 10px !important;
}
.tab-price-area a {
	float: left;
	width: 180px;
	height: 36px;
	line-height: 36px;
	background-color: #fff;
	color: #666;
	font-size: 14px;
	text-align: center;
	border: 1px solid #ddd;
	margin-right: -1px;
	overflow: hidden;
}
.tab-price-area a.tab-area {
	border-color: #119f93;
}

.tab-price-area .tab-area{
	background-color: #119f93;
	color: #fff;
}
.tab-price-area .tab-area {
	background-color: #119f93;
	color: #fff;
}
.clearfix:after {
	clear: both;
}
.price-wiring-first {
	border-top: none;
	padding-top: 0;
}
.price-model {
	position: absolute;
	right: 0;
	top: 0;
	width: 24px;
	height: 24px;
	background: url(../img/price_table_minus.png) no-repeat center;
	cursor: pointer;
}
.price-model.type {
	background-image: url(../img/price_table_plus.png);
}

.price-table {
	margin-bottom: 10px;
	width: 100%;
	font-size: 12px;
	color: #333;
	border: 1px solid #eee;
	border-collapse: collapse;
}
.price-table th,
.price-table td {
	padding: 1em;
	text-align: left;
}

/* 交替行背景 */
.price-table thead tr th {
	background-color: #f2f2f2; /* 这里设为浅灰色作为表头背景色 */
}

.price-table tbody tr:nth-child(even) {
	background-color: #f2f2f2; /* 浅灰色背景 */
}

.price-table tbody tr:nth-child(odd) {
	background-color: #ffffff; /* 白色背景 */
}

.buybtn{
	height: 34px;
	padding: 0 18px;
	color: #fff;
	background-color: #119f93;
	border-radius: 6px;
	border: 0px solid;
}
.price-info {
	margin-top: 28px;
	margin-bottom: 36px;
	padding: 36px 33px 33px;
	background: #fafafa;
}
.price-info-title {
	padding-left: 26px;
	background: url(../img/price_icon_warn1.png) no-repeat left center;
	font-size: 16px;
	color: #666;
}
.price-info-text {
	padding: 10px 0 0 0;
	font-size: 12px;
	color: #999;
	line-height: 2em;
}
@media (max-width: 1200px) {
	.product {
		min-width: auto;
		max-width: 100%;
	}
}

@media (max-width: 768px) {
	.tab-price-area a {
		width: 130px;
		flex: 1 1 calc(100% / 2 - 10px);
		margin: 0px 5px 5px 0px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.tab-price-area{
		display: flex;
		flex-wrap: wrap;
	}
	.main-info-name{
		font-size: 16px;
	}
	.main-info-description {
		display: none;
	}
	.price-area-title {
		font-size: 14px;
	}
	.price-table th, .price-table td {
		padding: 0.5em;
	}
	.table-model.table-type {
		overflow-x: auto;
		white-space: nowrap;
	}
	.price-table {
		display: inline-table;
		/*width: auto;*/
	}
}


/*推荐*/
.first-type-tabs {
	display: flex;
	align-items: center;
	margin-bottom: 24px;
	justify-content: center;
}
.first-type-tabs .tabs-h {
	display: flex;
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	padding: 4px;
	background: #fff;
}
.first-type-tabs .tab-h.checked {
	background: #119f93;
	color: #fff;
	font-weight: 600;
}
.first-type-tabs .tab-h {
	width: 200px;
	text-align: center;
	padding: 12px 0;
	font-size: 16px;
	border-radius: 2px;
	color: #333;
}
 .tabs-g {
	 height: 50px;
	 margin-top: 30px;
	margin-bottom: -10px;
	display: flex;
	justify-content: center;
	align-items: center;
	 white-space: nowrap;
	 overflow-x: auto;
	 -ms-overflow-style: none;
	 scrollbar-width: none;
}
.tabs-g a {
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	position: relative;
}
.tabs-g a:hover {
	display: inline-block;
	text-decoration: none;
	color: #119f93;
}
.tab-g.checked:before {
	content: "";
	position: absolute;
	height: 3px;
	background: #119f93;
	bottom: -18px;
	left: 25%;
	width: 40%;
}
.tab-g.checked {
	color: #119f93;
}
.tab-g {
	font-size: 15px;
	color: #333;
}
 .tab-g + .tab-g {
	margin-left: 24px;
}
.table-g {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 14px;
	background: #fff;
	margin-left: 2%;
}
.table-g th:first-child {
	border-left-width: 1px;
}
/*.table-g tbody tr:nth-of-type(even) {*/
/*	background: #fafbfc;*/
/*}*/
.table-g tbody tr:hover {
	background: #eefcfd;
}
.table-g td:last-child {
	border-right-width: 1px;
}
.table-g th {
	background: #119f93;
	color: #fff;
	font-weight: normal;
	text-align: left;
	padding: 16px 6px 16px 10px;
	border-style: solid;
	border-color: #119f93;
	border-width: 0;
}
.table-g td:first-child {
	border-left-width: 1px;
}
.table-g td {
	padding: 12px 6px 12px 10px;
	border-style: solid;
	border-color: #eee;
	border-width: 0 0 1px 0;
}
.button-g.primary {
	border-color:#119f93;
	background: #119f93;
	color: #fff;
	cursor: pointer;
}
.button-g {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-width: 1px;
	border-style: solid;
	border-color: #ddd;
	padding: 8px 12px;
	min-width: 82px;
	line-height: 18px;
	border-radius: 4px;
	color: #333;
}
.price-g {
	display: flex;
	line-height: 1;
	align-items: flex-end;
	font-size: 14px;
}
.price-g strong {
	color: #e53535;
	font-size: 20px;
}
.price-g .old {
	color: #999;
	text-decoration: line-through;
	margin-left: 8px;
	transform: translate(0, -2px);
}
@media (max-width: 660px) {
	.scrollable-table {
		overflow-x: auto;
		white-space: nowrap;
	}
	.tabs-g {
		 justify-content: left;
	}
}

/*产品特性*/

@media (max-width: 570px) {
	.cards-g.is-vertical-border-card {
		flex-wrap: wrap;
		display: flex;
	}
	.card-g {
		padding: 16px;
		width: 32% !important;
		box-sizing: border-box;
		margin-top: 12px !important;
	}
	.card-g .desc {
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		line-height:20px !important;
	}
	.cards-g .cardimgs img {
		margin-bottom: 10px !important;
		width: 40px !important;
		height: 40px !important;
	}
}
.cards-g.is-vertical-border-card {
	display: flex;
	text-align: center;
}
.card-g {
	background: #fff;
	width: 0;
	flex-grow: 1;
	padding: 24px;
	transition: .3s;
	position: relative;
	box-shadow: 0 0 15px rgba(0, 0, 0, .1);
	border: 1px #e1e6f0 solid;
	margin-left: 10px;
	margin-top: 25px;
	border-radius: 5px;
}
.cards-g.is-vertical-border-card .card-g:hover {
	border-left-color: #119f93;
}

.card-g:hover {
	box-shadow: 0 2px 12px 0 rgba(64, 158, 255, 0.3);
	z-index: 1;
	border-color: #119f93;
	border-width: 1px;
	transform: scale(1.05);
	border-radius: 8px;
}
.cards-g.is-vertical-border-card .icon {
	width: 64px;
	height: 64px;
	font-size: 64px;
	margin-bottom: 24px;
}
.cards-g .cardimgs img {
	margin-bottom: 20px;
	width: 60px;
	height: 60px;
}
.cards-g.is-vertical-border-card .title {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 16px;
	color: #333;
}
.cards-g.is-vertical-border-card .desc {
	color: #666;
	line-height: 24px;
}

.nonono{
	text-decoration: none !important;
	color: black !important;
	border: 1px solid red;
}

/*技术支持*/
.pageL .left {
	padding: 20px;
	width: 265px;
}
.pageL .left .menu-item.active, .pageL .left .menu-item:hover {
	color: #119f93;
	background-color: #FFFFFF;
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.pageL .left .menu-item {
	height: 60px;
	line-height: 60px;
	border-radius: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	background-color: #F7F8FA;
	cursor: pointer;
	box-shadow: 0 -2px 12px 0 rgba(0, 0, 0, 0.1);
}
.pageL .left .menu-item + .menu-item {
	margin-top: 20px;
}

.pageL .left .menu-item-icon {
	margin-right: 8px;
}



.pageR .right {
	padding: 0px 24px;
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.pageR .article-item {
	border-top: 1px solid #dddddd;
}
.pageR .article-item:first-child, .pageR .article-item:nth-child(1), .pageR .article-item:nth-child(6), .pageR .article-item:nth-child(36) {
	border-top: none;
}
.pageR .article-item {
	padding: 25px 0;
	font-size: 14px;
	display: flex;
	justify-content: start;
	cursor: pointer;
}
.pageR .article-item-num {
	width: 20px;
	height: 20px;
	background-color: #119f93;
	border-radius: 100%;
	text-align: center;
	line-height: 20px;
	color: #FFFFFF;
	margin: 0 12px;
}

.d-flex .pageR.support.hidden {
	display: none;
}

.d-flex .pageR.service {
	display: block;
}
.mt35{
	padding: 0px 20px 0px 20px;
}

.mt35 .linksm {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.mt35 .linksm .link-list {
	width: 360px;
	min-height: 180px;
}
.mt35 .linksm .link-list .link-title {
	font-size: 18px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-bottom: 12px;
	border-bottom: 1px solid #dddddd;
}
.mt35 .linksm .link-list svg {
	margin-right: 8px;
}
.mt35 .linksm .link-list .link-title-a {
	color: #333333;
}
.mt35 .linksm .link-list  .link-item {
	font-size: 14px;
	padding: 12px 0;
}
.mt35 .linksm .link-list .link-item-a {
	display: flow;
	font-size: 14px;
	color: #333333;
	width: 100% ;
	height: 40px ;
	line-height: 40px;
	padding-left: 10px;
}
.mt35 .linksm .link-list .link-item-a:hover {
	width: 100%;
	height: 40px;
	background-color: #F4F6F8;
	color: #119f93;
}

@media (max-width: 1330px) {
	.mt35 .linksm {
		margin-left: 30px;
	}
}

/*侧导航*/
@media (max-width: 1330px) {
	.the-consult-g {
		right: 0px !important;
	}
	.the-consult-g {
		width: 52px !important;
	}
	.the-consult-g .consult-service {
		width: 36px !important;
		height: 208px !important;
	}
	.the-consult-g .consult-service .row .desc {
		display: none;
	}
	.the-consult-g .consult-service .row {
		padding: 0px 6px !important;
	}
	.the-consult-g .back-top, .the-consult-g .chat-online {
		width: 36px !important;
	}
}
.the-consult-g {
	position: fixed;
	right: 10px;
	top: 50%;
	z-index: 9999;
	transform: translateY(-50%);
}
.the-consult-g .consult-service {
	display: flex;
	flex-flow: column;
	justify-content: space-around;
	width: 64px;
}
.the-consult-g .consult-service .row {
	border-radius: 4px;
	padding: 5px 6px;
	height: 68px;
	background: linear-gradient(180deg, #FFFFFF 0%, #F6F7FF 100%);
	box-shadow: 0 4px 10px 1px rgba(55, 99, 170, 0.2);
	margin-bottom: 10px;
	background-color: #2333;
	position: relative;
	width: 100%;
	padding: 16px 6px;
	cursor: pointer;
	display: block;
}
.the-consult-g .consult-service .row>div:last-child {
	width: 100%;
	text-align: center;
}
.the-consult-g .consult-service .row .icon {
	width: 24px;
	height: 24px;
	margin: 4px auto;
}
.the-consult-g .consult-service .row .icon i{
	font-size: 22px;
}
.the-consult-g .consult-service .row .desc {
	font-weight: 400;
	font-size: 12px;
	color: #333333;
}
.the-consult-g .consult-service .row.support .popover {
	display: none;
}
.the-consult-g .consult-service .row.support:hover .popover {
	display: block;
}
.the-consult-g .consult-service .row.qq .popover {
	display: none;
}
.the-consult-g .consult-service .row.qq:hover .popover {
	display: block;
}
.the-consult-g .consult-service .popover {
	position: absolute;
	left: -254px;
	width: 256px;
	border-radius: 6px;
}
.the-consult-g .consult-service .popover .popover-sub-box {
	background: #FFFFFF;
	border-radius: 4px;
	width: 240px;
}
.the-consult-g .consult-service .popover .popover-sub {
	width: 240px;
	padding: 10px 19px;
	background: linear-gradient(180deg, #FFFFFF 0%, #F6F7FF 100%);
	box-shadow: 0 4px 10px 1px rgba(55, 99, 170, 0.2);
	border-radius: 4px;
	border: 2px solid #FFFFFF;
	cursor: pointer;
	padding-top: 20px;
}
.the-consult-g .consult-service .popover .popover-sub .top {
	font-size: 16px;
	color: #333333;
	text-align: left;
	padding: 0 6px 10px 6px;
	border-bottom: 1px solid #F5F5F5;
}
.the-consult-g .consult-service .row .popover .popover-sub .cards {
	padding: 10px 8px 0 8px;
}
.the-consult-g .consult-service .row .popover .popover-sub .cards .card {
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #edebeb;
}
.the-consult-g .consult-service .row .popover .popover-sub .cards .card .left .text span:last-child:hover {
	color: #119f93;
}

.the-consult-g .consult-service .row .popover .popover-sub .cards .card:last-child {
	border-bottom: none;
}
.the-consult-g .consult-service .row .popover .popover-sub .cards .card .left {
	display: flex;
}
.the-consult-g .consult-service .row .popover .popover-sub .cards .card .left .icon {
	width: 32px;
	height: 32px;
	background: url(../img/icon_suspension_consult.png) no-repeat;
}
.the-consult-g .consult-service .row .popover .popover-sub .cards .card .left .text {
	display: flex;
	flex-flow: column;
	padding: 5px;
}
.the-consult-g .consult-service .row .popover .popover-sub .cards .card .left .text span:first-child {
	font-weight: bold;
	font-size: 14px;
	color: #333333;
}
.the-consult-g .consult-service .row .popover .popover-sub .cards .card .left .text span {
	display: inline-block;
	text-align: left;
}
.the-consult-g .consult-service .row .popover .popover-sub .cards .card .left .text span:last-child {
	font-weight: 400;
	font-size: 12px;
	color: #748093;
}
.the-consult-g .consult-service .row.channel {
	border: none;
}
.the-consult-g .consult-service .row {
	position: relative;
	width: 100%;
	padding: 5px 6px;
	border-bottom: 1px solid #F5F5F5;
	cursor: pointer;
	display: block;
}
.the-consult-g .consult-service .row.channel .popover {
	display: none;
}
.the-consult-g .consult-service .popover {
	position: absolute;
	left: -254px;
	width: 256px;
	border-radius: 6px;
}

.the-consult-g .consult-service .row .icon {
	width: 24px;
	height: 24px;
	margin: 4px auto;
}
.the-consult-g .consult-service .row .desc {
	font-weight: 400;
	font-size: 12px;
	color: #333333;
}

.the-consult-g .back-top {
	position: static;
}
.the-consult-g .back-top, .the-consult-g .chat-online {
	width: 64px;
	height: 64px;
	margin-top: 10px;
	background: #FFFFFF;
	border-radius: 6px;
}
div[yui-back-top] {
	position: fixed;
	right: 40px;
	bottom: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background: #fff;
	border-radius: 100%;
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
	z-index: 2021;
	cursor: pointer;
	transition: .3s;
	opacity: 0;
	visibility: hidden;
}
.the-consult-g .back-top>div, .the-consult-g .chat-online>div {
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, #FFFFFF 0%, #F6F7FF 100%);
	box-shadow: 0 4px 10px 1px rgba(55, 99, 170, 0.2);
	border-radius: 4px 4px 4px 4px;
	border: 2px solid #FFFFFF;
	position: relative;
	cursor: pointer;
}
.the-consult-g .back-top .icon, .the-consult-g .chat-online .icon {
	width: 26px;
	height: 26px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.the-consult-g .back-top .icon:before {
	content: url(../img/top.png);
}
.the-consult-g .back-top, .the-consult-g .chat-online {
	width: 64px;
	height: 64px;
	margin-top: 10px;
	background: #FFFFFF;
	border-radius: 6px;
}
.the-consult-g .back-top>div, .the-consult-g .chat-online>div {
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, #FFFFFF 0%, #F6F7FF 100%);
	box-shadow: 0 4px 10px 1px rgba(55, 99, 170, 0.2);
	border-radius: 4px 4px 4px 4px;
	border: 2px solid #FFFFFF;
	position: relative;
	cursor: pointer;
}
.the-consult-g .back-top .icon, .the-consult-g .chat-online .icon {
	width: 26px;
	height: 26px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.cgfw{
	text-align: center;
}
/*公有云开户*/
.cys{
	text-align: center;
}
#cpb1 .reliable{
	text-align: center;
}
.con[data-v-feef344c] {
	margin-top: 30px;
	display: flex;
	justify-content: center;
}
.con .left[data-v-feef344c] {
	padding: 36px 25px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 1600px;
	height: 347px;
	box-shadow: 0 3px 14px rgb(244 247 251);
	border-radius: 20px 20px 0 20px;
}
.con .left .item[data-v-feef344c] {
	width: 280px;
	display: flex;
	align-items: center;
	margin-bottom: 56px;
}
.con .left .item>img[data-v-feef344c] {
	margin-right: 16px;
	width: 47px;
}
.con .left .item>div[data-v-feef344c] {
	font-size: 17px;
	line-height: 30px;
	color: #000;
}
.con .left .item>div>span[data-v-feef344c] {
	font-size: 24px;
	font-weight: 600;
	color: #000;
}
.con>img[data-v-feef344c] {
	height: 347px;
	width: 690px;
}
@media (max-width: 1330px) {
	.con>img[data-v-feef344c] {
		display: none;
	}
	.con .left .item[data-v-feef344c] {
		width: 200px;
		 margin-bottom:5px;
	}
}
@media (max-width: 768px) {
	.con .left[data-v-feef344c] {
		padding: 8px 25px;
		height: auto;
	}
	.con .left .item[data-v-feef344c] {
		width: auto;
		margin-bottom: 5px;
	}
	.con .left .item>div[data-v-feef344c] {
		font-size: 14px;
	}
	.con .left .item>div>span[data-v-feef344c] {
		font-size: 20px;
	}
}
.ctx{
	text-align: center;
}
.card-part[data-v-feef344c] {
	margin-top: 30px;
	padding: 20px 25px;
	display: flex;
	box-shadow: 0 0 15px rgba(0, 0, 0, .1);
	border: 1px #e1e6f0 solid;
	background-color: #fff;
	border-radius: 5px;
}
.card-part[data-v-feef344c]:hover {
	box-shadow: 0 0 15px rgba(43, 63, 126, .2);
	border-color: #fff;
	transform: translate(0, -5px);
	border-color: #119f93;
}
.card-part>img[data-v-feef344c] {
	margin-right: 30px;
	width: 60px;
}
.card-part .right[data-v-feef344c] {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.card-part .right .title[data-v-feef344c] {
	font-size: 20px;
	line-height: 30px;
	color: #000;
}
.card-part .right>p[data-v-feef344c] {
	font-size: 14px;
	line-height: 24px;
	color: #999;
}

.con[data-v-6b8e106a] {
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.con>img[data-v-6b8e106a] {
	width: 500px;
}
.con .right[data-v-6b8e106a] {
	width: 59%;
	padding: 20px;
	background: #fff;
	box-shadow: 0 2px 8px rgba(28, 117, 68, .14);
	border-radius: 13px;
}
.con .right .item[data-v-6b8e106a] {
	display: flex;
	margin-bottom: 20px;
}
.con .right .item>img[data-v-6b8e106a] {
	margin-right: 33px;
	width: 46px;
	height: 44px;
}
.con .right .item .right-con[data-v-6b8e106a] {
	display: flex;
	flex-direction: column;
}
.con .right .item .right-con .title[data-v-6b8e106a] {
	font-size: 20px;
	line-height: 30px;
	color: #000;
}
.con .right .item .right-con>p[data-v-6b8e106a] {
	margin-bottom: 6px;
	font-size: 14px;
	line-height: 20px;
	color: #999;
}
.con .right .item .right-con>p[data-v-6b8e106a] {
	margin-bottom: 6px;
	font-size: 14px;
	line-height: 20px;
	color: #999;
}
.con .right .item .right-con>p[data-v-6b8e106a] {
	margin-bottom: 6px;
	font-size: 14px;
	line-height: 20px;
	color: #999;
}
@media (max-width: 1330px) {
	.con>img[data-v-6b8e106a] {
		display: none;
	}
	.con .right[data-v-6b8e106a] {
		width: 100%;
	}
	.con .right .item .right-con .title[data-v-6b8e106a] {
		font-size: 18px;
		line-height: 30px;
		color: #000;
	}
	.con .right .item[data-v-6b8e106a] {
		margin-bottom: 10px;
	}
	.card-part>img[data-v-feef344c] {
		width: 70px;
		height: 50px;
	}
	.card-part .right>p[data-v-feef344c] {
		line-height: 20px;
	}
	.module-title-info {
		line-height: 20px;
	}
}
.cfw{
	text-align: center;
}
.por-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -8px;
	margin-right: -8px;
	margin-top: 34px;
}
.por-col-8 {
	margin-bottom: 16px;
}

.por-col-8 {
	flex: 0 0 33.33333333%;
	max-width: 33.33333333%;
}
.por-col, [class^=por-col-] {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-left: 8px;
	padding-right: 8px;
}
[class^=por-col]>.por-card {
	height: 200px;
	border-radius: 15px;
}
[class^=por-col]>.por-card {
	height: 100%;
}
.por-card-l {
	padding: 32px;
}
.por-card {
	display: block;
	background-color: #fff;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .06);
	border-radius: 15px;
	transition: .2s;
}
.por-card:hover {
	box-shadow: 0 0 15px rgba(43, 63, 126, .2);
	border-color: #fff;
	transform: translate(0, -5px);
}
.por-card-align-left .por-card-icon.por-card-icon-horizontal {
	padding-top: 10px;
}
.por-card-align-left .por-card-icon.por-card-icon-horizontal {
	display: table-cell;
	padding-right: 24px;
}
.por-card .por-card-icon {
	margin-bottom: 24px;
	text-align: center;
}
.por-card .por-card-icon span {
	display: inline-block;
	width: 80px;
	height: 80px;
	font-size: 60px;
	color: #252b3a;
}
.por-card-align-left .por-card-content {
	display: table-cell;
}
.por-card .por-card-content {
	vertical-align: top;
}
.por-card-align-left .por-card-content .por-text-title-t3 {
	text-align: left;
}
.por-card .por-card-content .por-text-title-t3 {
	position: relative;
	margin-top: 0;
	margin-bottom: 16px;
	line-height: 22px;
	text-align:left;
	font-size: 18px;
	color: #252b3a;
	font-weight: 700;
}
.por-card-align-left .por-card-content .por-text-title-t3:after, .por-card-align-left:hover .por-card-content .por-text-title-t3:after {
	left: 0;
	margin-left: 0;
}

.por-card .por-card-content .por-text-title-t3:after {
	position: absolute;
	content: "";
	width: 32px;
	height: 2px;
	left: -4%;
	bottom: -16px;
	margin-left: 8px;
	background-color: #8a8e99;
	-webkit-transition: all .2s;
	transition: all .2s;
}
.por-card .por-card-content .por-text-body-t1 {
	padding-top: 16px;
	line-height: 24px;
	font-size: 14px;
	font-weight: 400;
	color: #575d6c;
}
@media (max-width: 767px) {
	.por-col-8 {
		margin-bottom: 16px;
		flex: 0 0 100%;
		max-width: 100%;
	}

	[class^=por-col]>.por-card {
		height: 100%;
	}
	.por-card-l {
		padding: 18px 18px;
	}
	.por-card-align-left .por-card-icon.por-card-icon-horizontal {
		padding-right: 18px;
	}
	.por-card .por-card-content .por-text-body-t1 {
		line-height: 20px;
		font-size: 12px;
	}
	.por-card .por-card-content .por-text-title-t3:after {
		left: -1%;
	}
	.por-card .por-card-icon span {
		width: 50px;
		height: 50px;
	}
}
.cal{
	text-align: center;
}
.module-title-info {
	position: relative;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 40px;
	font-size: 14px;
	color: #999;
	line-height: 24px;
}

.card-con[data-v-feef344c] {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.card-con .item[data-v-feef344c] {
	display: flex;
	flex-direction: column;
	width: 320px;
	cursor: default;
}
.case-shadow{
	box-shadow: 0 14px 24px 0 hsla(0, 0%, 82%, .25);
	border: 1px solid #d8d8d8;
}
.card-con .item>img[data-v-feef344c] {
	width: 100%;
	height: 168px;
}
.card-con .item .bottom[data-v-feef344c] {
	padding: 20px 26px;
	display: flex;
	flex-direction: column;
}
.card-con .item .bottom .title[data-v-feef344c] {
	margin-bottom: 12px;
	font-weight: 600;
	font-size: 18px;
	color: #181818;
	line-height: 27px;
}
.card-con .item .bottom>p[data-v-feef344c] {
	font-weight: 400;
	font-size: 14px;
	color: #5e6260;
	line-height: 24px;
}
.card-con .item .bottom>a[data-v-feef344c] {
	padding-top: 20px;
	margin-top: 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid #d8d8d8;
}
.card-con .item .bottom>a>span[data-v-feef344c] {
	font-weight: 400;
	font-size: 16px;
	color: #9ba19d;
	line-height: 19px;
}
.card-con .item:hover .bottom:hover .title[data-v-feef344c] {
	color: #119f93;
}
.card-con .item:hover .bottom>a>span[data-v-feef344c] {
	color: #119f93;
}
.card-con .item .bottom>a>img[data-v-feef344c] {
	width: 40px;
	height: 30px;
}
@media (max-width: 767px) {
	.card-con[data-v-feef344c] {
		flex-wrap: wrap;
	}
	.card-con .item[data-v-feef344c] {
		margin: auto;
		margin-bottom: 10px;
		width: 49%;
	}
	.card-con .item>img[data-v-feef344c] {
		height: 103px;
	}
	.card-con .item .bottom[data-v-feef344c] {
		padding: 8px 26px;
	}
	.card-con .item .bottom>a[data-v-feef344c] {
		padding-top: 14px;
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.card-con .item[data-v-feef344c] {
		height: auto;
	}
	.module-title-info {
		padding: 20px 10px 20px 10px;
		 margin-top: 0px;
		 margin-bottom: 0px;
	}
}
@media (max-width: 490px) {
	.card-con .item[data-v-feef344c] {
		width: 98%;
	}
}

/*安全管理--高防*/
.w-1200-g {
	display: flex;
	background: rgba(255, 255, 255, .9);
}

.w-1200-g {
	max-width: 1200px;
	margin: 0 auto;
	width: 100%;
}
.w-1200-g .left {
	display: flex;
	align-items: center;
	justify-content: center;
}
.w-1200-g img {
	height: 100%;
	display: block;
}

.w-1200-g .right {
	width: 0;
	flex-grow: 1;
	padding: 24px;
	position: relative;
}
.w-1200-g .right:before {
	content: '';
	position: absolute;
	width: 6px;
	height: 40px;
	background: #409eff;
	top: 24px;
	z-index: 1;
	left: 0;
}
.w-1200-g .body {
	width: 100%;
	display: flex;
	flex-direction: column;
	/* flex-grow: 1; */
	height: 100%;
	background: #fafbfc;
	padding: 8px 24px;
	position: relative;
	z-index: 1;
}
.w-1200-g .body > .title {
	font-weight: 600;
	color: #409eff;
	font-size: 18px;
	padding-top: 24px;
}
.w-1200-g .row {
	padding-left: 32px;
	margin: 24px 0;
}
.w-1200-g.row .title {
	font-weight: 600;
	color: #333333;
	font-size: 16px;
	position: relative;
}
.w-1200-g h3 {
	margin-bottom: 8px;
}
.w-1200-g .right .body .row .title:before {
	content: url(../img/shigtt_checked.png);
}
.w-1200-g .desc {
	color: #666666;
	line-height: 24px;
}
@media (max-width: 768px) {
	.w-1200-g .desc {
		line-height: 20px;
	}
}
@media (max-width: 984px) {
	.w-1200-g .character-img{
		display: none;
	}
}
.w-1200-g .right:after {
	content: '';
	position: absolute;
	width: 100px;
	height: 100%;
	background: rgba(255, 255, 255, .7);
	top: 0;
	left: 0;
	z-index: 0;
}
@media (max-width: 1330px) {

	.w-1200-g .row {
		margin: 10px 0;
	}
}

.por-card .shgt .icons-shg {
	display: inline-block;
	width: 60px;
	height: 60px;
	font-size: 60px;
	color: #252b3a;
}
.por-card .agh .shgts:after {
	position: absolute;
	content: "";
	width: 0px;
	height: 2px;
	left: -4%;
	bottom: -16px;
	margin-left: 8px;
	background-color: #8a8e99;
	-webkit-transition: all .2s;
	transition: all .2s;
}
.por-card .agh  .por-text-body-t1 {
	 padding-top: 0px;
}

.mod1_list {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	margin-top: 20px;
}
.mod1_list li {
	display: flex;
	height: 160px;
	align-items: flex-start;
	gap: 20px;
	width: 100%;
}
.mod1_list_left {
	align-items: flex-start;
}
.mod1_list_pub {
	display: flex;
	padding: 32px;
	flex-direction: column;
	gap: 10px;
	flex: 1 0 0;
	align-self: stretch;
	border: 2px solid #FFF;
	background: rgba(255, 255, 255, 0.20);
	box-shadow: 0px 16px 24px 0px rgba(210, 217, 236, 0.30);
	backdrop-filter: blur(10px);
}
.mod1_listtext {
	display: flex;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
}
.mod1_listtext img{
	width: 50px;
	height: 50px;
}
.mod1_listtext dl {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	flex: 1 0 0;
}
.mod1_listtext dl dt {
	color: #253554;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
}
.mod1_listtext dl dd {
	color: #253554;
	text-align: justify;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	align-self: stretch;
}
.mod1_list_right {
	align-items: center;
}
@media (max-width: 767px) {
	.mod1_list_pub {
		padding: 8px;
	}
	.mod1_listtext dl dd {
		font-size: 14px;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		line-height: 20px;
	}
	.por-card .shgt .icons-shg {
		width: 40px;
		height: 40px;
	}
	.mod1_listtext img {
		width: 40px;
		height: 40px;
	}
	.mod1_listtext dl dt {
		font-size: 16px;
		line-height: 20px;
	}
	.mod1_listtext dl {
		gap: 8px;
	}
	.mod1_list li {
		height: auto;
	}
}

.introduce {
	padding: 30px 0 30px;
}
.introduce .introduce-row {
	display: flex;
	align-items: stretch;
	flex-direction: column;
	gap: 12px;
}
.introduce .introduce-row .introduce-section.active {
	height: fit-content;
}
.introduce .introduce-row .introduce-section {
	overflow: hidden;
	color: #141625;
	border-radius: 1px;
	cursor: pointer;
	transition: all 0.36s ease-in-out;
}
.introduce .introduce-row .introduce-section.active .introduce-section-img {
	height: 162px;
	background-size: cover;
}
.introduce .introduce-row .introduce-section-img {
	height: 64px;
	background-color: rgba(180, 183, 193, 0.12);
	background-repeat: no-repeat;
	background-size: 0 0;
	transition: all 0.36s ease-in-out;
	background-image: url(../img/shgremote.png);
}
.introduce .introduce-row .introduce-section.active .introduce-section-container {
	background: linear-gradient(180deg, rgba(20, 22, 37, 0.8), rgba(20, 22, 37, 0.12));
}
.introduce .introduce-row .introduce-section-container {
	height: 100%;
	padding: 20px;
}
.introduce .introduce-row .introduce-section.active .introduce-section-title {
	color: #fff;
}
.introduce .introduce-row .introduce-section .introduce-section-title {
	padding-left: 36px;
	font-size: 16px;
	font-weight: 700;
	color: #181818;
	position: relative;
}
.introduce .introduce-row .introduce-section.active .introduce-section-title:before {
	background: rgba(172, 172, 172, 0.2);
	content: "-";
}
.introduce .introduce-row .introduce-section.active .introduce-section-desc {
	display: block;
}
.introduce .introduce-row .introduce-section .introduce-section-desc {
	padding-left: 36px;
	display: none;
	margin-top: 12px;
}
.introduce .introduce-row .introduce-section .introduce-section-desc p {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
}
.introduce .introduce-row .introduce-section .introduce-section-title:before {
	content: "+";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	background: linear-gradient(180deg, #0052d9, #1466ed);;
	border-radius: 50%;
	text-align: center;
	line-height: 21px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	transition: all 0.36s ease-in-out;
}


/*高防ip*/
.serviceSupport-content {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: space-between;
	gap: 10px;
}
.serviceSupport-content .serviceSupport-left-item {
	min-width: 50%;
	max-width: 348px;
	background: url(../img/iptx.png) no-repeat center;
	background-size: contain;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
	padding: 40px;
}
.serviceSupport-content .serviceSupport-right-row {
	flex: 1;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 20px;
}
.serviceSupport-content .serviceSupport-right-row .serviceSupport-information {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
}
.serviceSupport-right-item {
	padding: 40px;
	background: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);;
	width: 100%;
}
.serviceSupport-title {
	font-size: 20px;
	font-weight: 600;
	color: #333;
	margin-bottom: 20px;
}
.serviceSuppor-desc {
	font-size: 14px;
	font-weight: 400;
	color: #119f93;
	line-height: 24px;
	margin-bottom: 20px;
}
.cutOneSHair {
	position: relative;
	cursor: pointer;
	display: inline-block;
	padding-right: 20px;
}
@media (max-width: 767px) {
	.serviceSupport-left-item {
		display: none;
	}
	.serviceSupport-right-item {
		padding: 14px;
	}
	.serviceSupport-title {
		font-size: 18px;
		margin-bottom: 10px;
	}
	.serviceSuppor-desc {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 10px;
	}
}

.table-g {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 14px;
	background: #fff;
}
.charging th {
	text-align: center;
}

.table-g th:first-child {
	border-left-width: 1px;
}
.table-g th {
	font-size: 18px;
	background: #119f93;
	color: #fff;
	font-weight: 600;
	text-align: left;
	padding: 16px 6px 16px 10px;
	border-style: solid;
	border-color: #119f93;
	border-width: 0;
}
.charging td {
	border-width: 0 1px 1px 1px;
	text-align: center;
}
.table-g td:first-child {
	border-left-width: 1px;
}
.table-g td {
	padding: 12px 6px 12px 10px;
	border-style: solid;
	border-color: #eee;
	border-width: 0 0 1px 0;
}
.font-bold-g {
	font-weight: 600;
}

@media (max-width: 767px) {
	.pg-table {
		width: auto;
	}
	.table-g th {
		font-size: 16px;
	}
}

/*高防cdn*/
.mod2_contbox {
	width: 100%;
	position: relative;
	display: flex;
	align-items: flex-start;
}
.mod2_border {
	margin-left: 17px;
	width: 6px;
	height: 750px;
	flex-shrink: 0;
	background: radial-gradient(105.31% 54.81% at 50% 45.19%, #BDD4FD 65.1%, rgba(255, 255, 255, 0.00) 100%);
}
.mod2_list {
	position: absolute;
	left: 0;
	top: 20px;
}
.mod2_list .on {
	color: #2B78F6;
}
.mod2_title {
	margin-top: 56px;
	display: flex;
	cursor: pointer;
	align-items: center;
	justify-content: flex-start;
	gap: 32px;
	color: #5B78A0;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
}
.mod2_list .on .mod2_svg {
	background: #2B78F6;
}
.mod2_svg {
	background: #6F8CAB;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mod2_text {
	margin-top: 24px;
	width: 456px;
	color: #45587C;
	text-align: justify;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	padding-left: 75px;
}
.mod2_img {
	position: absolute;
	right: 0px;
	top: 80px;
	left: 41%;
}

@media (max-width: 767px) {
	.mod2_img {
		display: none;
	}
	.mod2_text {
		 width: auto;
	}
	.mod2_title {
		margin-top: 20px;
		font-size: 18px;
		line-height: 24px;
	}
	.mod2_text {
		margin-top: 0px;
		font-size: 14px;
		line-height: 20px;
	}
	.mod2_border {
		height: 476px;
	}
}

/*关于我们*/
.tabs_about{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.tabs_about .w-1200-g {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}
.tabs_about .about_tab-item {
	flex-grow: 1;
	width: 0;
	text-align: center;
	cursor: pointer;
	padding: 12px 0;
	color: #282828;
	font-size: 18px;
}
.tabs_about .about_tab-item.checked {
	background: #409eff;
	color: #ffffff;
}
.about-us .tab-panel {
	display: none;
}
.about-us .tab-panel.checked {
	display: block;
}
@media (max-width: 1300px) {
	.tabs_about {
		overflow-x: auto;
		flex-wrap: nowrap;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	.aboutbox1 .w1280 {
		padding: 0px 20px 0px 20px;
	}
	.about03 .w1280 {
		padding: 0px 20px 0px 20px;
	}
}
/*关于我们公司简介*/
.companyIntroduction-content {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: space-between;
}
.companyIntroduction-content .companyIntroduction-left {
	min-width: 400px;
	max-width: 400px;
}
.companyIntroduction-content .companyIntroduction-left .companyIntroduction-slogn {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 56px 20px;
	margin: 48px 0 20px;
}
.companyIntroduction-content .companyIntroduction-left .companyIntroduction-slogn li {
	font-size: 14px;
	color: #9E9E9E;
	font-weight: 400;
}
.companyIntroduction-content .companyIntroduction-left .companyIntroduction-slogn li span {
	display: block;
	font-size: 36px;
	margin-bottom: 8px;
	color: #181818;
	font-weight: 600;
}
.companyIntroduction-content .companyIntroduction-left .companyIntroduction-img {
	border-radius: 4px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
}
.companyIntroduction-content .companyIntroduction-left .companyIntroduction-img img {
	 width: 100%;
	 height: 213px;
	border-radius: 4px;
 }
.companyIntroduction-content .companyIntroduction-right {
	flex: 1;
	margin-left: 40px;
	padding: 40px;
	border-radius: 0;
	border: 1px solid #E6E9EC;
	box-shadow: 0px 2px 7px 0px #F2F5F7;
}
.companyIntroduction-content .companyIntroduction-right .companyIntroduction-right-title {
	font-size: 24px;
	font-weight: 700;
	color: #181818;
	margin-bottom: 20px;
}
.companyIntroduction-content .companyIntroduction-right .companyIntroduction-right-title:after {
	content: "";
	display: block;
	width: 30px;
	height: 3px;
	background: #119f93;
	margin-top: 18px;

}
.companyIntroduction-content .companyIntroduction-right .companyIntroduction-right-content {
	font-size: 16px;
	font-weight: 400;
	color:rgba(0, 0, 0, 0.65);
	line-height: 24px;
	text-align: justify;
}
@media (max-width: 768px) {
	.companyIntroduction-content {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		justify-content: space-between;
	}
	.companyIntroduction-content .companyIntroduction-left {
		min-width: 100%;
		max-width: 100%;
	}
	.companyIntroduction-content .companyIntroduction-left .companyIntroduction-slogn {
		gap: 10px;
		margin: 8px 0 20px;
	}
	.companyIntroduction-content .companyIntroduction-left .companyIntroduction-img img {
		height: 168px;
	}
	.companyIntroduction-content .companyIntroduction-right {
		margin-left: 0px;
		margin-top: 12px;
		padding: 20px;
	}
	.companyIntroduction-content .companyIntroduction-right .companyIntroduction-right-content {
		line-height: 20px;
		font-size: 14px;
	}
	.companyIntroduction-content .companyIntroduction-left .companyIntroduction-slogn li span {
		font-size: 24px;
	}
	.companyIntroduction-content .companyIntroduction-right .companyIntroduction-right-title {
		font-size: 20px;
	}
}

.culture-Content {
	margin: 0 auto;
	padding: 20px 0 0px;
}
.culture-Content .culture-Items {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.culture-Content .culture-Items .culture-Item {
	background-color: #fff;
	height: 145px;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 40%;
	border-radius: 4px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
}
.culture-Content .culture-Items .culture-Item .culture-Icon.corporateIconVision {
	background-image: url(../img/abzz1.png);
	background-size: 90px 90px;
	width: 90px;
	height: 90px;
	margin-left: 10px;
}
.culture-Content .culture-Items .culture-Item .culture-Icon.corporateIconMission {
	background: url(../img/abzz2.png) no-repeat;
	background-size: 90px 90px;
	width: 90px;
	height: 90px;
	margin-left: 10px;
}
.culture-Content .culture-Items .culture-Item .culture-Icon {
	background-repeat: no-repeat;
	background-size: 100%;
	height: 91px;
	width: 241px;
}
.culture-Content .culture-Items .culture-Item .culture-Type, .culture-Content .culture-Items .culture-Item .culture-Text {
	color: #252b3a;
	font-weight: 700;
	display: block;
	font-size: 18px;
	margin-bottom: 15px;
	margin-left: 123px;
	margin-top: -78px;
	padding-right: 10px;
}
.culture-Content .culture-Items .culture-Item .culture-Text {
	line-height: 24px;
	margin-top: 10px;
	font-size: 14px;
	font-weight: 400;
	color: #575d6c;
}
.culture-Content .culture-Items .corporateRightBg {
	width: 207px;
	height: 145px;
	background-image: url(../img/abzz4.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 4px;
}
.culture-Content .corporateValue {
	background-color: #fff;
	height: 145px;
	margin-top: 28px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-radius: 4px;
}
.culture-Content .corporateValue .culture-Icon {
	background-image: url(../img/abzz3.png);
	background-size: 90px 90px;
	width: 90px;
	height: 90px;
	margin-left: 10px;
}
.culture-Content .corporateValue .culture-Type, .culture-Content .corporateValue .culture-Text {
	color: #252b3a;
	font-weight: 700;
	display: block;
	font-size: 18px;
	margin-bottom: 15px;
	margin-left: 123px;
	margin-top: -78px;
}
.culture-Content .corporateValue .culture-Text {
	margin-top: 10px;
	font-size: 14px;
	font-weight: 400;
	color: #575d6c;
	line-height: 24px;
}
@media (max-width: 768px) {
	.culture-Content .culture-Items {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 12px;
	}
	.culture-Content .culture-Items .culture-Item {
		height: 180px;
		width: 100%;
		margin-bottom: 0px;
		padding-bottom: 0;
		padding-top: 30px;

	}
	.culture-Content .culture-Items .culture-Item .culture-Text {
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		line-height: 20px;
	}
	.culture-Content .culture-Items .corporateRightBg {
		display: none;
	}
	.culture-Content .corporateValue {
		margin-top: 12px;
	}
	.culture-Content .culture-Items .culture-Item .culture-Type, .culture-Content .culture-Items .culture-Item .culture-Text {
		margin-left: 72px;
	}
	.culture-Content .culture-Items .culture-Item .culture-Icon.corporateIconVision {
		background-size: 60px 60px;
		width: 60px;
		height: 77px;
	}
	.culture-Content .culture-Items .culture-Item .culture-Icon.corporateIconMission {
		background-size: 60px 60px;
		width: 60px;
		height: 77px;
	}
	.culture-Content .corporateValue .culture-Text {
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		line-height: 20px;
	}
	.tabs_about .about_tab-item {
		font-size: 16px;
	}
}
/*关于我们发展历程*/
.time-line {
	display: flex;
	flex-direction: column;
	color: #409eff;
	padding: 64px 0;
	margin-bottom: 70px;
}

.time-line .item {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 100px 0;
	position: relative;
}

.time-line .item:before {
	content: '';
	height: 100%;
	width: 1px;
	background-color: #409eff;
	position: absolute;
	top: 0;
}

.time-line .item:first-child {
	padding-top: 0;
	padding-bottom: 418px;

}
.time-line .item:last-child {
	padding-top: 60px;
	padding-bottom: 0;
}

.time-line .point {
	border: 1px solid #409eff;
	min-width: 120px;
	border-radius: 20px;
	font-size: 16px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	position: relative;
	z-index: 1;
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.time-line .point:before {
	content: '';
	position: absolute;
	width: 40px;
	height: 1px;
	background: #409eff;
	right: 100%;
	top: 50%;
}

.time-line .right .point:before {
	left: 100%;
}

.time-line .point:after {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	border: 1px solid #409eff;
	right: 100%;
	background: #ffffff;
	border-radius: 50%;
	top: 50%;
	left: -40px;
	transform: translateX(-50%) translateY(-50%);
}

.time-line .right .point:after {
	left: auto;
	right: -40px;
	transform: translateX(50%) translateY(-50%);
}

.time-line .card {
	width: 500px;
	background: #fafbfc;
	border: 1px solid #dddddd;
	position: absolute;
	top: 0;
	right: 100%;
	transform: translateX(-40px) translateY(-40%);
	border-radius: 4px;
	padding: 24px 24px 24px 16px;
}

.time-line .item:first-child .card {
	transform: translateX(-40px) translateY(-40px) !important;
}

.time-line .item.right .card {
	left: 100%;
	transform: translateX(40px) translateY(-40%);
}

.time-line .row {
	display: flex;
	align-items: flex-start;
}

.time-line .row + .row {
	margin-top: 24px;
}

.time-line .time {
	font-size: 14px;
	margin-right: 24px;
	flex-shrink: 0;
	line-height: 1;
	width: 52px;
	text-align: right;
}

.time-line span {
	font-size: 32px;
}

.time-line .text {
	width: 0;
	flex-grow: 1;
	color: #333333;
}

.time-line .title {
	font-size: 18px;
	font-weight: 600;
	line-height: 1;
}

.time-line .desc {
	color: #666666;
	font-size: 14px;
	line-height: 24px;
	padding-top: 4px;
}

.security-problems {
	display: none;
}
@media screen and (max-width: 1300px) {
	.time-line {
		display: none;
	}
	.security-problems {
		overflow: hidden;
		display: block;
	}
	.security-problems dl {
		margin: 0 0 15px;
		cursor: pointer;
		overflow: hidden;
	}
	.security-problems dt {
		border: 1px solid #dddddd;
		padding: 0px 20px;
		background: #f7f9fa;
		color: #666666;
		height: 48px;
		line-height: 48px;
		overflow: hidden;
		border-radius: 100px;
	}
	.security-problems dt:before {
		content: "+";
		transform: translateY(-10%);
		display: inline-block;
		vertical-align: middle;
		margin-right: 15px;
		width: 24px;
		height: 24px;
		background: linear-gradient(180deg, #0052d9, #1466ed);
		border-radius: 50%;
		text-align: center;
		line-height: 21px;
		font-size: 16px;
		font-weight: 600;
		color: #fff;
		transition: all 0.36s ease-in-out;
	}
	.security-problems dd {
		display: none;
		border: 1px solid #ddd;
		padding: 15px 20px;
		-webkit-animation-name: fadeIn;
		-webkit-animation-duration: 1.2s;
		-webkit-animation-iteration-count: 1;
		-webkit-animation-delay: 0s;
		overflow: hidden;
		border-radius: 15px;
		margin-top: 10px;
	}
	.security-problems .active dd {
		display: block;
	}
	.security-problems dd h4 {
		font-size: 14px;
		line-height: 20px;
		font-weight: bold;
		margin: 0 35px 6px;
		overflow: hidden;
	}
	.security-problems dd p {
		line-height: 20px;
		color: #666666;
		padding-left: 30px;
	}
}
/*关于我们服务支持*/
.cooperate .left {
	width: 480px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-right: 40px;
	background: #ffffff;
}
.cooperate .righthz {
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
	background: #ffffff;
	width: 0;
	flex-grow: 1;
	padding: 14px 40px 0px 64px;
}
.cooperate .rowhz {
	line-height: 26px;
	padding: 10px 0;
	position: relative;
}
.cooperate .rowhz + .rowhz {
	border-top: 1px solid #dddddd;
}
.cooperate .rowhz:before {
	content: '';
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background: #333333;
	left: -20px;
	top:19px;
}
@media screen and (max-width:768px){
	.cooperate {
		width: auto;
	}
	.cooperate .left{
		display: none;

	}
	.cooperate .rowhz {
		line-height: 20px;
	}
}
/*关于我们联系我们*/
.call_about .leftdz {
	flex-grow: 1;
	background: #ffffff;
	border-color: #dddddd;
	border-style: solid;
	border-width: 1px 0 1px 1px;
	padding: 64px 24px 0;
	position: relative;
}
.call_about .leftdz:before {
	content: '';
	position: absolute;
	width: 64px;
	height: 8px;
	background: #119f93;
	top: 0;
	left: 24px;
}
.call_about .leftdz .logo {
	margin-bottom: 40px;
}
.call_about .leftdz .rowdz {
	line-height: 28px;
}
.call_about .leftdz .label {
	color: #666666;
}
.call_about .leftdz .value {
	font-size: 18px;
	font-weight: 600;
	padding-top: 8px;
}
.call_about .leftdz .rowdz + .rowdz {
	margin-top: 40px;
}
.call_about  .rightdz {
	width: 70%;
	flex-shrink: 0;
	background-color: #ffffff;
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
	border-color: #dddddd;
	border-style: solid;
	border-width: 1px 1px 1px 0;
	padding: 24px;
	position: relative;
	z-index: 1;
}
@media screen and (max-width:768px){
	.call_about .leftdz{
		border-width: 1px 1px 1px 1px;
		padding: 32px 24px 32px !important;
	}
}
@media screen and (max-width:468px){
	.call_about .rightdz{
		display: none;

	}
}
/*关于我们友情链接*/
#contentab {
	overflow: hidden;
	background: #fff;
}
.auto {
	margin: 0 auto;
	max-width: 1220px;
}
.auto * {
	box-sizing: border-box;
}
.ab-part-title {
	margin: 34px 0;
	padding-left: 20px;
	height: 24px;
	border-left: 6px solid #0066ff;
	line-height: 24px;
	font-size: 18px;
	text-align: left;
	color: #0066ff;
}
/*links 主体*/
.links-main {
	padding-bottom: 60px;
	width: 100%;
	border-bottom: 1px solid #e6e6e6;
}
.links-wrap-div {
	margin-top: 36px;
	border: 1px solid #e6e6e6;
	border-bottom: none;
	border-right: none;
}
.links-bg-a {
	float: left;
	width: 20%;
	height: 60px;
	border: 1px solid #e6e6e6;
	border-top: none;
	border-left: none;
	line-height: 60px;
	text-align: center;
}
.links-bg-a:hover {
	-webkit-box-shadow: 0 2px 16px rgba(0,0,0,0.12);
	-moz-box-shadow: 0 2px 16px rgba(0,0,0,0.12);
	box-shadow: 0 2px 16px rgba(0,0,0,0.12);
}
.links-bg-a img {
	display: block;
	width: 100%;
	height: 100%;
}
.clearfix:after,
.clearfix:before {
	display: table;
	line-height: 0;
	content: ""
}

.clearfix:after {
	clear: both
}

.hide {
	display: none
}

.show {
	display: block
}

.invisible {
	visibility: hidden
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.text-center {
	text-align: center
}
/*share-link*/
.share-link-wrapper {
	width: 100%;
	padding-bottom: 100px;
}
.links-introduce-p {
	margin-bottom: 35px;
	text-align: left;
	font-size: 14px;
	line-height: 14px;
	color: #666666;
}
.share-link-left {
	width: 90%;
	padding-left: 50px;
	background: url(../img/links-share.png) no-repeat 0 0;
}
.share-link-left-title {
	/*margin-top: 20px;*/
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 30px;
	color: #0066ff;
}
.share-link-left-title-introduce {
	margin-bottom: 56px;
	font-size: 14px;
	line-height: 24px;
	color: #666666;
}
.step2-introduce {
	margin-bottom: 34px;
}
.share-code-title,.txt-link-code,.logo-link-code {
	margin-left: 20px;
}
.link-email {
	color: #009ed6;
	margin-top: 30px;
}
.link-email i {
	display: inline-block;
	width: 18px;
	height: 12px;
	/*background: url(img/link_icon_list.png) no-repeat 0 -16px;*/
	margin-right: 12px;
}
.share-link-right {
	padding-left: 5%;
}
.share-link-right i {
	display: none;
}
.share-code-title {
	display: inline-block;
	*display: block;
	color: #999;
	font-size: 14px;
	position: relative;
	/*padding-left: 20px;*/
}
.share-code-title span {
	position: absolute;
	top: 2px;
	left: 0;
	width: 14px;
	height: 16px;
}
.logo-link-code,
.txt-link-code {
	position: relative;
	margin-top: 15px;
	/*border: 1px solid #bebebe;*/
}
.share-code-title .txt-code-icon {
	/*background: url() no-repeat -2px -45px;*/
}
.share-code-title .logo-code-icon {
	/*background: url() no-repeat -2px -85px;*/
}
.link-code-box {
	*margin-bottom: 23px;
	width: 80%;
	max-width: 498px;
	height: 100%;
	background-color: #fff;
	color: #666666;
	padding: 6px 2%;
	font-size: 14px;
	border: 1px solid #e5e5e5;
}
.link-preview-box,
.link-preview-box-2 {
	position: absolute;
	top: -48px;
	right: -100px;
	width: 35%;
	*width: 33%;
	height: 68px;
	line-height: 68px;
}
.link-preview-box-2{
	height: 50px;
	line-height: 50px;
}
.preview-text {
	padding-left: 10%;
	font-size: 14px;
	color: #999;
}
.preview-info,
.preview-info-2 {
	width: 50%;
	height: 50px;
	margin-left: 26px;
}
.preview-info {
	width: 122px;
	height: 44px;
}
.preview-info img {
	width: 100%;
	height: 100%;
}
.preview-info-2 {
	margin-top: 0;
	background:none;
	font-size: 14px;
	line-height: 30px;

}
.preview-info-2 a{
	color: #0000ee;
}
.copy-code-1,
.copy-code-2 {
	float: left;
	margin: 10px 0 20px 0;
	*margin: 5px 0 15px 0;
	width: 100px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	border-radius: 2px;
	background: #0066ff;
	color: #fff;
	text-align: center;
	cursor: pointer;
}
.ie7-fix {
	*height: 1px;
	width: 100%;
}
.copied-remind {
	display: none;
	float: left;
	margin-top: 15px;
	margin-left: 15px;
	padding-left: 24px;
	/*background: url() no-repeat 0 center;*/
	font-size: 14px;
	color: #ff8800;
}
/*提示无flash*/
.noflash-remind {
	display: none;
	float: right;
	font-size: 14px;
	color: #d60f0d;
}

.link-deck dl.first-dl {
	margin-left: 0;
}
@media screen and (max-width:768px){
	.auto {
		min-width: 100%;
		max-width: 100%;
	}
	.preview-info img {
		width: auto;
	}
	.share-link-left {
		width: 100%;
		padding: 0 15px 15px 60px;
		/*background: url() no-repeat 18px 0;*/
	}
	.link-preview-box, .link-preview-box-2 {
		display: none;
		position: absolute;
		top: -48px;
		right: -100px;
		width: 35%;
		height: 68px;
		line-height: 68px;
	}
	.preview-text {
		display: none;
	}
	.preview-info-2 {
		margin-top:2px;
		float: right;
	}
	.preview-info {
		width: auto;
		height: 44px;
		float: right;
	}
	.links-bg-a {
		width: 33.3%;
		height: 40px;
		line-height: 40px;
		font-size: 12px;
	}
	.links-introduce-p {
		margin-bottom: 15px;
		text-align: left;
		font-size: 14px;
		line-height: 20px;
		padding: 0 20px;
	}
	.share-link-left-title-introduce {
		margin-bottom: 18px;
		line-height: 20px;
	}
	.link-code-box {
		max-width: 100%;
		width: 100%;
		font-size: 12px;
	}
	.about-us .friend-link {
		padding: 0px 20px 0px 20px;
		display: none;
	}
}


