*{margin:0;padding:0;font-family:Arial,"Microsoft YaHei";}
body{font-size:16px;}
img{border:0;}
a{text-decoration:none;}
ul{list-style:none;overflow:hidden;}
.clear{clear:both;}
input,textarea{outline:none;}
h1,h2,h3,h4{font-weight:normal;}
.wrap{width:1200px;margin:0 auto;}
header{position:fixed;top:0;z-index:99999;width:100%;height:70px;background:rgba(0,0,0,0.6);}
header .logo{float:left;}
header .logo img{height:36px;margin-top:17px;}

header .call{float:right;color:#fff;position:relative;height:70px;margin-left:100px;}
header .call:hover .susp{display:inline-block;}
header .call i{line-height:70px;font-size:22px;cursor:pointer;}
header .susp{display:none;position:absolute;top:40px;right:-20px;}
header .susp .arrow{width:0;height:0;border:10px solid;border-color:transparent transparent #fff transparent;margin-left:180px;border-radius:3px;}
header .susp .pic{background:#fff;padding:10px;}
header .susp .pic img{width:200px;}

header nav{float:right;}
header nav ul li{float:left;}
header nav ul li a{display:inline-block;color:#ccecff;line-height:70px;padding:0 20px;}
header nav ul li a:hover{color:#fff;}

.index_banner{background-color:#2d2d2d;background-image:url('../kiss/index_banner.jpg');height:600px;position:relative;}
.index_banner .btop{text-align:center;}
.index_banner .btop .bt{color:#00a6df;font-size:36px;padding-top:200px;}
.index_banner .btop .st{font-size:18px;color:#c9c9c9;padding:50px 0;}
.index_banner .btop a{display:inline-block;font-size:16px;padding:15px 20px;color:#fff;background:#00a1ff;margin:0 15px;border-radius:3px;}
.index_banner .btop a:hover{background:#00c4ff;}

.index_banner .bul{position:absolute;bottom:0;width:100%;padding:18px 0;background:rgba(0,0,0,0.3);}
.index_banner ul li{float:left;width:23%;padding:0 1%;}
.index_banner ul li i{float:left;color:#dadada;font-size:50px;padding-right:10px;display:inline-block;line-height:70px;}
.index_banner ul li .text{}
.index_banner ul li .text h2{font-size:20px;color:#ededed;line-height:30px;}
.index_banner ul li .text p{font-size:14px;color:#929292;line-height:20px;}

.project{margin-top:70px;}
.project h2{text-align:center;margin-bottom:30px;}
.project h2 span{text-align:center;margin-bottom:30px;display:inline-block;font-size:26px;line-height:50px;border-bottom:2px solid #00a1ff;}
.project li{float:left;width:31%;margin:0 1% 30px 1%;position:relative;height:225px;overflow:hidden;cursor:pointer;}
.project li img{width:100%;height:225px;transition:all 0.5s;}
.project li img:hover{transform:scale(1.2);}
.project li p{position:absolute;bottom:0;width:100%;text-align:center;background:rgba(0,0,0,0.5);color:#fff;line-height:20px;padding:8px 0;}

.index_intro{margin-top:70px;padding-bottom:70px;background:url('../kiss/it_bg1.jpg');background-size:100% 100%;}
.index_intro h2{text-align:center;margin-bottom:30px;color:#fff;padding-top:30px;}
.index_intro h2 span{display:inline-block;font-size:26px;line-height:50px;border-bottom:2px solid #00a1ff;}
.index_intro li{float:left;width:31%;margin:0 1% 30px 1%;position:relative;overflow:hidden;}
.index_intro li h3{font-weight:bold;font-size:20px;text-align:Center;color:#fff;line-height:30px;padding-top:20px;}
.index_intro li p{line-height:22px;color:#bebebe;padding:15px 0;}
.index_intro li a{color:#bebebe;}

.index_news{margin-top:70px;overflow:hidden;}
.index_news h2{text-align:center;margin-bottom:30px;}
.index_news h2 span{display:inline-block;font-size:26px;line-height:50px;border-bottom:2px solid #00a1ff;}

.index_news .hot{width:45%;float:left;padding:20px 2%;border:1px solid #eee;}
.index_news .new{width:45%;float:right;padding:20px 2%;border:1px solid #eee;}

.index_news h3{font-size:18px;border-left:2px solid #00a6df;padding-left:15px;margin-bottom:15px;}
.index_news li{line-height:40px;border-bottom:1px dashed #eee;}
.index_news li a{color:#666;}

.index_news li a time{display:inline-block;}
.index_news li a time:first-child{width:60%;float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.index_news li a time:last-child{width:38%;text-align:right;color:#c9c9c9;font-size:13px;}
.index_news li a h3{display:inline-block;}
.index_news li a h3:first-child{width:100%;white-space:nowrap;text-overflow:ellipsis;}

.index_news li a:hover{color:#00a6df;}
.index_news li:last-child{border-bottom:none;}

footer {
  background: #000;
  padding: 2% 0;
  text-align: center;
  margin-top: 5%; /* 使用百分比作为边距 */
  font-size: 1em; /* 使用相对单位em */
}

footer .ft {
  color: #999;
}

footer .ft p:first-child span {
  padding: 0 1%; /* 使用百分比作为内边距 */
}

footer .ft p {
  margin: 1% 0; /* 使用百分比作为外边距 */
}

footer .ft p a {
  color: #999;
}

footer .ft p a:hover {
  color: #00a6df;
}

footer .ff {
  color: #666;
}

footer .ff span {
  display: inline-block;
  height: 2em; /* 使用相对单位em */
  line-height: 2em; /* 使用相对单位em */
  vertical-align: middle;
}

footer .ff ul {
  display: inline-block;
  vertical-align: middle;
  width: 90%; /* 使用百分比作为宽度 */
  margin: 0 auto;
}

footer .ff li {
  float: left;
  margin-right: 2%; /* 使用百分比作为右外边距 */
}

footer .ff a {
  color: #666;
}

footer .ff a:hover {
  color: #00a6df;
}


.service{position:fixed;right:10px;bottom:180px;}
.service ul{overflow:visible;}
.service li{margin-bottom:10px;position:relative;}
.service li:hover div{display:inline-block;}
.service li a{display:inline-block;width:50px;text-align:center;line-height:50px;color:#fff;background:#000;border-radius:100%;}
.service li a i{font-size:22px;}
.service li a:hover{background:#00a6df;}
.service li div{display:none;position:absolute;top:0;right:60px;z-index:10;background:#fff;box-shadow:0px 0px 10px #333;padding:5px;}
.service li div img{width:180px;}

.list_banner{background-color:#0095ed;background-image:url('../kiss/list_banner.jpg');height:350px;position:relative;}
.list_banner h1{padding-top:170px;color:#f1f1f1;border-bottom:2px solid #849aa9;line-height:50px;display:inline-block;}
.list_banner .bt{padding-top:170px;color:#f1f1f1;border-bottom:2px solid #00a1ff;line-height:50px;display:inline-block;font-size:28px;color: #849aa9;}
.list_banner p{color:#dbdbdb;line-height:22px;padding:10px 0;font-size:16px;}

.location{height:50px;line-height:50px;background:#f2f2f2;overflow:hidden;}
.location span{color:#777;}
.location a{color:#777;}
.location a:hover{color:#00a6df;}


.list_project{width:1200px;margin:30px auto 0 auto;overflow:hidden;}



.fz_article{width:1200px;margin:30px auto 0 auto;overflow:hidden;}
.fz_article .data_list{width:1160px;padding:20px 15px;float:left;border:1px solid #eee;}
.fz_article .data_list li{height:160px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #ebebeb;}
.fz_article .data_list .cover{position:relative;width:250px;height:160px;float:left;overflow:hidden;}
.fz_article .data_list .cover img{width:250px;height:160px;transition:all 0.5s;}
.fz_article .data_list .cover img:hover{transform:scale(1.2);}

.fz_article .data_list .text{float:right;width:880px;height:160px;position:relative;}
.fz_article .data_list .text h2{font-size:20px;}
.fz_article .data_list .text h2 a{color:#333;}
.fz_article .data_list .text h2 a:hover{color:#00a6df;}
.fz_article .data_list .text .view{margin:10px 0;font-size:14px;color:#777;line-height:24px;text-indent:2em;}
.fz_article .data_list .text .meta{position:absolute;bottom:10px;font-size:13px;color:#999;}
.fz_article .data_list .text .meta span{margin-right:15px;}
.fz_article .data_list .text .meta span i{margin-right:5px;}

.fz_article .aside{width:305px;float:right;}
.fz_article .aside h3{display:inline-block;font-size:16px;padding-left:10px;border-left:2px solid #00a6df;margin:10px 0;color:#555;}
.fz_article .aside .ordinary_list{padding:5px 15px;margin-bottom:15px;border:1px solid #eee;}
.fz_article .aside .ordinary_list ul li{overflow:hidden;margin-bottom:10px;}
.fz_article .aside .ordinary_list ul li{padding:0 10px;}
.fz_article .aside .ordinary_list ul li a{display:inline-block;max-width:100%;font-size:14px;color:#555;line-height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.fz_article .aside .ordinary_list ul li a:hover{color:#00a6df;}
.fz_article .aside .ordinary_list ul li p{padding-right:5px;}
.fz_article .aside .ordinary_list ul li p span{font-size:12px;color:#999;}
.fz_article .aside .ordinary_list ul li p span:first-child{float:left;}
.fz_article .aside .ordinary_list ul li p span:last-child{float:right;}
.fz_article .aside .tag_list{padding:5px 15px;margin-bottom:15px;border:1px solid #eee;}
.fz_article .aside .tag_list ul{padding-top:15px;}
.fz_article .aside .tag_list ul li{float:left;margin:0 20px 20px 0;}
.fz_article .aside .tag_list ul li a{display:inline-block;color:#555;}
.fz_article .aside .tag_list ul li a:hover{color:#00a6df;}










.list_project li{float:left;width:31%;margin:0 1% 30px 1%;position:relative;height:225px;overflow:hidden;cursor:pointer;}
.list_project li img{width:100%;height:225px;transition:all 0.5s;}
.list_project li img:hover{transform:scale(1.2);}
.list_project li p{position:absolute;bottom:0;width:100%;text-align:center;background:rgba(0,0,0,0.5);color:#fff;line-height:20px;padding:8px 0;}


.page{text-align:center;padding:10px 0 30px 0;}
.page a,.page span{display:inline-block;padding:5px 8px;border:1px solid #dbdbdb;border-radius:3px;margin:0 5px 5px 5px;font-size:13px;}
.page span{background:#dbdbdb;border-color:#dbdbdb;color:#fff;}
.page a{color:#666;}
.page a:hover{background:#00a6df;color:#fff;border-color:#00a6df;}

.list_article{width:1200px;margin:30px auto 0 auto;overflow:hidden;}
.list_article .data_list{width:850px;padding:20px 15px;float:left;border:1px solid #eee;}
.list_article .data_list li{height:160px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #ebebeb;}
.list_article .data_list .cover{position:relative;width:250px;height:160px;float:left;overflow:hidden;}
.list_article .data_list .cover img{width:250px;height:160px;transition:all 0.5s;}
.list_article .data_list .cover img:hover{transform:scale(1.2);}

.list_article .data_list .text{float:right;width:580px;height:160px;position:relative;}
.list_article .data_list .text h2{font-size:20px;}
.list_article .data_list .text h2 a{color:#333;}
.list_article .data_list .text h2 a:hover{color:#00a6df;}
.list_article .data_list .text .view{margin:10px 0;font-size:14px;color:#777;line-height:24px;}
.list_article .data_list .text .meta{position:absolute;font-size:13px;color:#999;}
.list_article .data_list .text .meta span{margin-right:15px;}
.list_article .data_list .text .meta span i{margin-right:5px;}

.list_article .aside{width:305px;float:right;}
.list_article .aside h3{display:inline-block;font-size:16px;padding-left:10px;border-left:2px solid #00a6df;margin:10px 0;color:#555;}
.list_article .aside .ordinary_list{padding:5px 15px;margin-bottom:15px;border:1px solid #eee;}
.list_article .aside .ordinary_list ul li{overflow:hidden;margin-bottom:10px;}
.list_article .aside .ordinary_list ul li{padding:0 10px;}
.list_article .aside .ordinary_list ul li a{display:inline-block;max-width:100%;font-size:14px;color:#555;line-height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.list_article .aside .ordinary_list ul li a:hover{color:#00a6df;}
.list_article .aside .ordinary_list ul li p{padding-right:5px;}
.list_article .aside .ordinary_list ul li p span{font-size:12px;color:#999;}
.list_article .aside .ordinary_list ul li p span:first-child{float:left;}
.list_article .aside .ordinary_list ul li p span:last-child{float:right;}
.list_article .aside .tag_list{padding:5px 15px;margin-bottom:15px;border:1px solid #eee;}
.list_article .aside .tag_list ul{padding-top:15px;}
.list_article .aside .tag_list ul li{float:left;margin:0 20px 20px 0;}
.list_article .aside .tag_list ul li a{display:inline-block;color:#555;}
.list_article .aside .tag_list ul li a:hover{color:#00a6df;}





.list_fz{width:1200px;margin:30px auto 0 auto;overflow:hidden;}
.list_fz .data_fzlist{width:1168px;padding:20px 15px;float:left;border:1px solid #eee;}
.list_fz .data_fzlist li{height:160px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #ebebeb;}
.list_fz .data_fzlist .cover{position:relative;width:250px;height:160px;float:left;overflow:hidden;}
.list_fz .data_fzlist .cover img{width:250px;height:160px;transition:all 0.5s;}
.list_fz .data_fzlist .cover img:hover{transform:scale(1.2);}

.list_fz .data_fzlist .text{float:right;width:880px;height:160px;position:relative;}
.list_fz .data_fzlist .text h2{font-size:20px;}
.list_fz .data_fzlist .text h2 a{color:#333;}
.list_fz .data_fzlist .text h2 a:hover{color:#00a6df;}
.list_fz .data_fzlist .text .view{margin:10px 0;font-size:14px;color:#777;line-height:24px;}
.list_fz .data_fzlist .text .meta{position:absolute;bottom:10px;font-size:13px;color:#999;}
.list_fz .data_fzlist .text .meta span{margin-right:15px;}
.list_fz .data_fzlist .text .meta span i{margin-right:5px;}

.list_fz .aside{width:305px;float:right;}
.list_fz .aside h3{display:inline-block;font-size:16px;padding-left:10px;border-left:2px solid #00a6df;margin:10px 0;color:#555;}
.list_fz .aside .ordinary_list{padding:5px 15px;margin-bottom:15px;border:1px solid #eee;}
.list_fz .aside .ordinary_list ul li{overflow:hidden;margin-bottom:10px;}
.list_fz .aside .ordinary_list ul li{padding:0 10px;}
.list_fz .aside .ordinary_list ul li a{display:inline-block;max-width:100%;font-size:14px;color:#555;line-height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.list_fz .aside .ordinary_list ul li a:hover{color:#00a6df;}
.list_fz .aside .ordinary_list ul li p{padding-right:5px;}
.list_fz .aside .ordinary_list ul li p span{font-size:12px;color:#999;}
.list_fz .aside .ordinary_list ul li p span:first-child{float:left;}
.list_fz .aside .ordinary_list ul li p span:last-child{float:right;}
.list_fz .aside .tag_list{padding:5px 15px;margin-bottom:15px;border:1px solid #eee;}
.list_fz .aside .tag_list ul{padding-top:15px;}
.list_fz .aside .tag_list ul li{float:left;margin:0 20px 20px 0;}
.list_fz .aside .tag_list ul li a{display:inline-block;color:#555;}
.list_fz .aside .tag_list ul li a:hover{color:#00a6df;}





.single_text{width:800px;margin:50px auto 0 auto;box-shadow:0px 0px 5px #555;min-height:500px;border-radius:5px;padding:25px;}
.single_text div{margin-bottom:25px;}
.single_text .qt{font-weight:bold;color:#555;line-height:30px;font-size:16px;}
.single_text .at{line-height:22px;color:#999;}
.single_text .text h3{margin-bottom:15px;font-size:18px;padding-top:15px;}
.single_text .text p{line-height:22px;color:#666;margin-bottom:12px;}
.single_text .text p img{width:200px;margin-right:20px;}

.show_article{width:1200px;margin:30px auto;overflow:hidden;}
.show_article .detail{width:830px;padding:20px 25px;float:left;border:1px solid #eee;}
.show_article .detail h1{font-size:26px;text-align:center;line-height:60px;}
.show_article .detail .meta{line-height:36px;text-align:center;}
.show_article .detail .meta span{padding:0 15px;color:#999;}
.show_article .detail .meta span a{padding:0 15px;color:#c7a0a0;}
.show_article .detail .meta i{margin-right:5px;}
.show_article .detail .content{padding-top:20px;}
.show_article .detail .content p{line-height:22px;margin-bottom:10px;color:#666;text-indent:2em;}
.show_article .detail .content img{max-width:100%;}
.show_article .detail .content a{color:#666;}
.show_article .detail .content a:hover{color:#00a6df;}
.show_article .detail .content h2{font-size:22px;line-height:60px;}

.show_article .detail .approach{padding:30px 0;color:#888;}
.show_article .detail .approach div{padding:3px 0;}
.show_article .detail .approach a{color:#333;}
.show_article .detail .approach a:hover{color:#00a6df;}

.show_article .aside{width:305px;float:right;}
.show_article .aside h3{display:inline-block;font-size:16px;padding-left:10px;border-left:2px solid #00a6df;margin:10px 0;color:#555;}
.show_article .aside .ordinary_list{padding:5px 15px;margin-bottom:15px;border:1px solid #eee;}
.show_article .aside .ordinary_list ul li{overflow:hidden;margin-bottom:10px;}
.show_article .aside .ordinary_list ul li{padding:0 10px;}
.show_article .aside .ordinary_list ul li a{display:inline-block;max-width:100%;font-size:14px;color:#555;line-height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.show_article .aside .ordinary_list ul li a:hover{color:#00a6df;}
.show_article .aside .ordinary_list ul li p{padding-right:5px;}
.show_article .aside .ordinary_list ul li p span{font-size:12px;color:#999;}
.show_article .aside .ordinary_list ul li p span:first-child{float:left;}
.show_article .aside .ordinary_list ul li p span:last-child{float:right;}
.show_article .tags{margin-top:30px;}
.show_article .tags .tn{color:#666;border-left:2px solid #00a6df;padding-left:10px;margin-bottom:10px;}
.show_article .tags ul{display:inline-block;vertical-align:middle;}
.show_article .tags ul li{float:left;margin:0 15px 10px 0;}
.show_article .tags ul li a{display:inline-block;padding:5px 10px;color:#fff;background:#000;border-radius:5px;font-size:12px;}
.show_article .tags ul li a:hover{background:#999;}

header .phone_nav{display:none;}

@media screen and (max-width: 600px) {
	.service{display:none;bottom:30px;}
	.service li a{width:36px;line-height:36px;}
	.wrap{width:100%;}
	header .logo{margin-left:5px;}
	header .phone_nav{display:inline-block;float:right;color:#fff;margin:20px 10px 0 0;}
	header .phone_nav i{font-size:26px;}
	header .call{display:none;}

	header nav{display:none;position:fixed;top:70px;bottom:0;left:0;width:35%;overflow:hidden;background:rgba(0,0,0,0.8);padding:10px;}
	header nav ul li{float:none;}
	header nav ul li a{line-height:50px;padding:0 10px;color:#fff;}

	.index_banner{height:280px;background-position:center center;}
	.index_banner .btop .bt{font-size:13px;padding-top:100px;}
	.index_banner .btop .st{display:none;}
	.index_banner .btop a{margin-top:20px;padding:10px 15px;}
	.index_banner .bul{padding:10px 0;}
	.index_banner ul li .text p{display:none;}
	.index_banner ul li i{font-size:30px;line-height:30px;}
	.index_banner ul li .text div{font-size:14px;}
	.project{margin-top:30px;}
	.project li{height:120px;width:48%;margin:0 1% 20px 1%;}
	.project li img{width:100%;height:120px;}
	.project li p{height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:5px 0;font-size:12px;}
	.index_intro{margin-top:30px;padding:10px;background-size:auto 100%;background-position:center center;}
	.index_intro li div{font-size:16px;}
	.index_intro li p{font-size:12px;}
	.index_news{margin-top:30px;}
	.index_news .hot{width:96%;border-width:1px 0px 1px 0px;}
	.index_news .new{width:96%;border-width:1px 0px 1px 0px;margin-top:10px;}
	.list_banner{height:270px;padding:0 5%;}
	.list_banner h1{padding-top:100px;font-size:20px;}
	.list_banner p{font-size:14px;}
	.location{font-size:12px;padding:0 2%;}
	.list_project{width:100%;margin-top:15px;}
	.list_project li{height:120px;width:48%;margin:0 1% 20px 1%;}
	.list_project li img{width:100%;height:120px;}
	.list_article{width:100%;margin-top:15px;}
	.list_article .data_list{width:96%;padding:20px 2%;border-width:1px 0px 1px 0px;}
	.list_article .data_list .cover{display:none;}
	.list_article .data_list .text{width:100%;}
	.list_article .data_list .text .view{max-height:72px;overflow:hidden;}
	.list_article .data_list .text h2{font-size:18px;}
	.list_article .data_list .text .meta{font-size:12px;}
	.list_article .aside{display:none;}
	
	
	.fz_article{width:100%;margin-top:15px;}
	.fz_article .data_list{width:96%;padding:20px 2%;border-width:1px 0px 1px 0px;}
	.fz_article .data_list .cover{display:none;}
	.fz_article .data_list .text{width:100%;}
	.fz_article .data_list .text .view{max-height:72px;overflow:hidden;}
	.fz_article .data_list .text h2{font-size:18px;}
	.fz_article .data_list .text .meta{font-size:12px;}
	.fz_article .aside{display:none;}
	
	
	
	
	
	.single_text{width:90%;margin-top:0px;padding:25px 0;box-shadow:0 0 0 0;}
	.list_banner .bt{padding-top:120px;max-width:100%;font-size:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
	.show_article{width:100%;}
	.show_article .detail{width:96%;padding:0px 2% 20px 2%;}
	.show_article .detail h1{font-size:18px;line-height:26px;padding-top:15px;}
	.show_article .detail .meta span:first-child{display:none;}
	.show_article .aside{display:none;}
}



.showpic_box,.proinfo_box{
    margin: 30px 0px 20px 0px;
}
.product_h1{
   
    line-height:30px; 
    font-size:20px;
    font-weight: bold;
    color: #000; 
    padding-bottom:5px;
    border-bottom: 1px dotted #cccccc; 
}