*{ margin:0 auto; padding:0;}
ul,a{ list-style:none; text-decoration:none; color:#000;}
.clearfix:after {
	DISPLAY: block; HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; CONTENT: "."
}
body{	font-family: "Microsoft YaHei";}

.fl{ float:left;}
.fr{ float:right;}
.contant{ width:1200px; margin:0 auto;}
.section-info{ width:100%; margin:0 auto;}


/*头部*/
.header-top{ width:100%; background:#f1f1f1; height:42px; border-bottom:1px solid #cccccc;}

.header-left{ width:400px; line-height:42px; color:#666666; font-size:14px;}
.header-right{ width:300px; color:#666666; text-align:right;}
.header-right a{ color:#666666; font-size:14px; line-height:42px; padding:0px 6px;}
.logo-nav{ width:100%; margin:0 auto;}
.logo{ width:453px; height:108px}
.logo img{ display:block; width:100%;}
.nav{ width:747px; height:108px;}
.nav ul { display:flex;}
.nav ul li{ flex:1px; text-align:center; line-height:108px; font-size:16px;}
.nav ul li a{ color:#333; line-height:108px; display:block;}
.nav ul li a:hover{ background:#5dc2d0; color:#fff;}

.nav .nav_on {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	background: #5dc2d0;
}


	/* 本例子css -------------------------------------- */
	.focus{ width:100%; height:700px;  margin:0 auto; position:relative; overflow:hidden;   }
	.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:30px; text-align:center;  }
	.focus .hd ul{ display:inline-block; height:5px; padding:3px 5px;
		 font-size:0; vertical-align:top;
	}
	.focus .hd ul li{ display:inline-block; width:60px; height:5px;  background:#fff; margin:0 5px;  vertical-align:top; overflow:hidden;   }
	.focus .hd ul .on{ background:#5dc2d0;  }

	.focus .bd{ position:relative; z-index:0; }
	.focus .bd li img{ width:100%;  height:700px;   }
	.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
	
/*产品中心*/

.chanpin{ width:100%; margin:0 auto; text-align:center; margin-top:50px;}
.chanpin-line{ width:32px; height:1px; background:#93d6e0;}
.chanpin-line2{ width:32px; height:1px; background:#c9ebef;}

.chanpin-title{ position:relative; font-size:32px; margin:15px 0px; color:#2a2a2a;}
.chanpin-title:before{    position: absolute;
    top: 50%;
    content: '';
    width: 300px;
    height: 1px;
    margin-top: -1px;
    background-color: #e5e5e5; left:208px;}
.chanpin-title:after{    position: absolute;
    top: 50%;
    content: '';
    width: 300px;
    height: 1px;
    margin-top: -1px;
    background-color: #e5e5e5; left:700px;}
	
.info{ text-align:center; font-size:16px; color:#999999; margin-top:10px;}

.chanpin-list{width:100%; margin: 0 auto;}
.chanpin-list ul li{ width:369px; border:1px solid #999999; float:left; margin-left:30px; margin-top:40px;}
.chanpin-list ul li .chanpin-img{ width:369px; height:269px; overflow: hidden;}
.chanpin-list ul li .chanpin-img img{ width:369px; height:269px;}
.chanpin-list ul li:hover .chanpin-img a img{ transform: scale(1.2);  transition:all 2s ease;}
.chanpin-list ul li:nth-child(1){ margin-left:0px;}
.chanpin-list ul li:nth-child(4){ margin-left:0px;}
.chanpin-list ul li:nth-child(7){ margin-left:0px;}
.chanpin-word{ width:100%; border-top:1px solid #999999; line-height:60px;}
.chanpin-name{ display:block; width:260px; font-size:20px; text-indent:1em; text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
.chanpin-name a{ color:#666666;}
.chanpin-more{ display:block; width:78px; font-size:16px;}
.chanpin-more a{ color:#666666;}

/*优势*/
.yous{ width:100%; height:785px; background:url(../images/ys_bg.png) no-repeat top center; margin-top:20px; overflow:hidden; box-sizing:border-box;}
.yous .ys_tit{ margin-top:70px; color:#FFFFFF;}
.yous .ys_tit h5{ font-size:32px; text-transform:uppercase;}
.yous .ys_tit h3{ font-size:38px; position:relative; padding-bottom:20px; margin-bottom:15px;}
.yous .ys_tit h3:after { content:""; position:absolute; bottom:1px; width:75px; height:3px; background:#FFFFFF; left:0;}
.yous .ys_tit p{ margin-bottom:15px; text-transform:uppercase; }
.yous .ys_tit .p1{ display:block;font-size:18px; }
.yous .ys_tit .p2{ display:block; font-size:13px;line-height:24px;}
.yous .neir{ width:650px; height:785px; overflow:hidden;}
.yous .neir .dz{ text-transform:uppercase; margin-top:100px; line-height:60px;text-align:right;font-size:72px;font-weight:bold; color:#FFFFFF; opacity:0.6;}
.yous .neir .ys_nr{ width:100%; height:560px; overflow:hidden; background:#FFFFFF; box-sizing:border-box; padding:0 35px; box-sizing:border-box;}
.yous .neir .ys_nr ul { width:1200px; overflow:hidden; position:relative;}
.yous .neir .ys_nr ul li{ width:580px; margin-right:40px; float:left; padding: 50px 30px 85px; box-sizing:border-box;}
.yous .neir .ys_nr ul li:nth-child(1){ border-bottom:1px solid #dfdfdf;}
.yous .neir .ys_nr ul li:nth-child(2){ border-bottom:1px solid #dfdfdf;}
.yous .neir .ys_nr ul li:nth-child(2n){ margin-right:0;}
.yous .neir .ys_nr ul li h3{ height:40px; line-height:40px; font-size:22px; margin-bottom:10px; color:#2c2c2c;}
.yous .neir .ys_nr ul li h3 i{ width:40px; height:40px; background:url(../images/ys_01.png) no-repeat center; overflow:hidden; display:block; float:left; margin-right:10px;}
.yous .neir .ys_nr ul li:nth-child(2) h3 i{ background-image:url(../images/ys_02.png);}
.yous .neir .ys_nr ul li:nth-child(3) h3 i{ background-image:url(../images/ys_03.png);}
.yous .neir .ys_nr ul li:nth-child(4) h3 i{ background-image:url(../images/ys_04.png);}
.yous .neir .ys_nr ul li p{ font-size:16px; line-height:32px; color:#505050;}
.yous .neir .ys_jt{ width:100%; height:65px; line-height:65px;}
.yous .neir .ys_jt div{ width:50%; float:left; background: url(../images/ys_z.png) no-repeat center #ff7f3b; height:65px; cursor:pointer; box-sizing:border-box; border:solid 0px #0066cc;}
.yous .neir .ys_jt .jt_z{ background-image:url(../images/ys_z.png);}
.yous .neir .ys_jt .jt_y{background-image: url(../images/ys_y.png);}
.yous .neir .ys_jt div.on{ background-color:#5dc2d0; cursor:auto;}


/*关于我们*/
.guany{ background:url(../images/ab_bg.png) no-repeat; margin-top:50px; height:700px; box-sizing:border-box;}
.guany .gy_tit{ border-bottom:1px solid #FFFFFF; padding:70px 0 50px; text-align:center; color:#FFFFFF; font-size:24px; margin-bottom:50px;}
.guany .gy_tit b{ border:2px solid #FFFFFF; position:10px; display:block; width:380px; margin:auto; height:50px; line-height:50px;}
.guany .neir .zi{ font-size:16px; line-height:32px; color:#FFFFFF; text-align:center; width:1090px; margin:0 auto;}
.guany .neir .zi p{ text-indent:2em;}
.guany .neir .zi .gd{ width:200px; height:44px; line-height:42px; display:block; margin:auto; box-sizing:border-box; font-size:18px; border:1px solid #ff7f3b; color:#FFFFFF; margin-top:40px; margin-left:42%; transition:all ease 0.5s; margin-bottom:70px; }
.guany .neir .zi .gd:hover { margin-left:45%;}
.guany .neir .zi .gd .gd01{ background-color:#ff7f3b; float: left; width:150px; height:42px;}
.guany .neir .zi .gd .gd02{ color:#ff7f3b;}
.guany .ab_tb{ clear:both;}
.guany .ab_tb li{ float:left; text-align:center; width:300px; height:130px; box-sizing:border-box; color:#FFFFFF; border-right:1px solid #FFFFFF;}
.guany .ab_tb li:nth-child(4){ border:none;}
.guany .ab_tb li .tu{ width:90px; height:90px; margin:0 auto; transition:all ease 0.5s;}
.guany .ab_tb li:hover .tu{ margin-top:-30px;}
.guany .ab_tb li .tu img{ width:100%; height:100%;}
.guany .ab_tb li p{ font-size:16px; line-height:40px;}


/*应用领域*/
.yy-bg{ background:#f2f2f2; margin-top:60px;}
.yy-total{ width:1140px; padding:20px 0px; position:relative; height:510px;}
.yy-img { width:750px; position:absolute; left:0px;}
.yy-info{ width:440px; font-size:20px; position:absolute; right:0px; height:50px;}
.jia{ font-size:30px; color:#fff; line-height:50px; font-weight:bold; display:none; text-indent:0.5em;}
.jia-you{ width:250px; line-height:50px; font-size:20px;}
.jia-you i{text-align:center; vertical-align:middle;}
.yy-info-total{ margin-top:30px;}
.yy-info-total:hover{ background:#5dc2d0; color:#fff; cursor:pointer;}
.yy-info-total:hover img{   filter:  invert(1) invert(0)  brightness(100) grayscale(100%) ;}
.yy-info-total:hover .jia{ display:block;}

.yy-info-total.on{background:#5dc2d0; color:#fff; cursor:pointer;}
.yy-info-total.on img{  filter:  invert(1) invert(0)  brightness(100) grayscale(100%) ;}
.yy-info-total.on .jia{ display:block;}
.item{ display:none;}


/*新闻中心*/
.news{ width:1200px; margin:0 auto; margin-top:60px;}
.news-left{ width:593px; height:420px;}
.news-img{ width:100%; margin:0 auto; position:relative; left:0px;}
.news-img img{ width:100%;}
.news-word{ position:absolute; bottom:0px;  background:rgba(0,0,0,0.5); padding:10px 20px 10px 20px;}
.news-title{ color:#fff; font-size:18px;}
.news-info{ color:#fff; font-size:16px; line-height:32px; text-indent:1em; margin-top:10px; overflow: hidden;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 /* white-space: nowrap; */
 text-overflow: ellipsis;
 -webkit-box-orient: vertical;}
 .news-title a{ color:#fff;}
 .news-info a{ color:#fff;}
.news-right{width:580px; height:420px;}
.news-right ul li{ border-bottom:1px solid #e5e5e5; padding-bottom:10px; margin-top:10px;}
.news-right ul li:first-child{ margin-top:0px;}
.news-time{ float:left; width:100px;}
.news-time .sp1{ display:block; font-size:22px;color:#343434; text-align:center;}
.news-time .sp2{ display:block; font-size:16px; color:#666666; text-align:center;}
.news-news{ float:right; width:580px;}
.news-tit{ font-size:18px; font-weight:bold; color:#343434;  text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
.news-word .news-tit a {
color: #fff;
}
.news-tit-word{ font-size:16px; color:#666666; margin-top:0px; line-height:32px;overflow: hidden;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 /* white-space: nowrap; */
 text-overflow: ellipsis;
 -webkit-box-orient: vertical;}
 .news-tit a:hover{ color:#5dc2d0;}
  .news-tit span{ display:inline-block; float:right; font-weight:normal; font-size:14px;}
.news-tit-word a:hover{color:#5dc2d0;}
/*商盟成员*/
.smcy { background:#333333; font-size:16px; padding-top:30px; color:#FFFFFF; margin-top:30px; line-height:36px;}
.smcy .ysj{  padding-bottom:15px; background:url(../images/smcy.png) no-repeat left center; background-position-y:30%; padding-left:50px; box-sizing:border-box; border-bottom:1px solid #b6b6b6}
.smcy b{ font-size:18px; margin-right:15px; font-weight:bold;}
.smcy a{ margin-right:15px; color:#FFFFFF;}


/*底部*/
footer{ background:#333333; color:#FFFFFF;   box-sizing:border-box;}
footer a{ color:#FFFFFF;}
.ysj{ width:1200px; margin:0 auto;}
footer .dibu {padding-top:30px; overflow:hidden;}
footer .dibu li{ float:left;}
footer .dibu li h3{margin-bottom:20px; font-size:22px; font-weight:normal; color:#ffffff;}
footer .dibu .dib_dh{ width:320px; float:left; padding: 0 40px; box-sizing:border-box;}
footer .dibu .dib_dh a{ width:50%; display:block; float:left; font-size:18px; line-height:40px}
footer .dibu .dib_lx { width:570px; padding:0 50px; border-right:1px solid #b6b6b6; border-left:1px solid #b6b6b6; box-sizing:border-box; color:#fff;}
footer .dibu .dib_lx h3{ color:#fff;}
footer .dibu .dib_lx p { line-height:40px; font-size:18px;}
footer .dibu .dib_lx p span{ width:70px; text-align:justify; display:block; float:left; height:40px; overflow:hidden; color:#fff;}
footer .dibu .dib_lx p span > i{display: inline-block /* Opera */; padding-left: 100%;}
footer .dibu .dib_ewm{ float:right;width:120px; margin-right:100px; text-align:center;}
footer .dibu .dib_ewm .tu{ width:130px; height:130px; background:url(../images/ewm_bg.png) no-repeat center; margin:0 auto 20px; text-align:center; box-sizing:border-box; padding-top:10px;}
footer .dibu .dib_ewm .tu img{ width:110px; height:110px;}
footer .dib_xian{ width:100%; height:1px; background:#FFFFFF;}
footer .dib_bq{ padding:20px 0; line-height:30px; text-align:center; font-size:16px; border-top:1px solid #b6b6b6; margin-top:10px;}
footer .dib_bq a{ color:#FFFFFF;}
.dib_ewm p{ color:#fff;}


/*关于我们*/
.ny_right{ margin-top:60px;}
.ny_right .top_share {
	width: 100%;
	height: 43px;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	margin-bottom: 20px;
}

.ny_right .top_share dt {
	font-size: 18px;
	color: #5dc2d0;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: 3px solid #5dc2d0;
	line-height: 40px;
}

.ny_right .top_share dt a {
	font-size: 18px;
	color: #0156a9;
	line-height: 40px;
	font-weight: bold;
}

.ny_right .top_share dd {
	display: block;
	padding-left: 20px;
	background: url(../images/span01.png) no-repeat left center;
	line-height: 40px;
	color: #666
}

.ny_right .top_share dd a {
	line-height: 40px;
	color: #666
}

.ny_right .top_share .bdshare {
	display: inline-block;
}

.ny_righta {
	width: 915px;
}

.ny_righta .top_share {
	width: 100%;
	height: 43px;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	margin-bottom: 20px;
}

.ny_righta .top_share dt {
	font-size: 18px;
	color: #0156a9;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: 3px solid #0156a9;
	line-height: 40px;
}

.ny_righta .top_share dt a {
	font-size: 18px;
	color: #0156a9;
	line-height: 40px;
	font-weight: bold;
}

.ny_righta .top_share dd {
	display: block;
	padding-left: 20px;
	background: url(../images/span01.png) no-repeat left center;
	line-height: 40px;
	color: #666
}

.ny_righta .top_share dd a {
	line-height: 40px;
	color: #666
}

.ny_righta .top_share .bdshare {
	display: inline-blo