*{margin: auto ;padding:0; font-family:Arial, "\5b8b\4f53",tahoma,sans-serif; box-sizing:border-box; list-style:none; text-decoration:none;color:#666}

img{border:none;}

.topbox{ width:100%; height:90px;}

.htmleaf-container{ width:1200px; margin:auto;   }



.logo{ width:196px; height:57px; float:left; margin-top:20px;  }

.banner-index{ width:100%;}



/*导航栏 */

.group li{position:relative}

.group li div{display:none;position:absolute;top:29px;z-index:9999;color:#fff; width:120px;left:0px; padding:10px 0;background:rgba(0, 0, 0, 0.5);}

.group li div p{display:block;width:100%;}

.group li div p a{ font-size:14px;width:100%;line-height:32px;display:block; padding:0 10px }

.group div a{color:#fff;}

.group div a:hover{width:100%;background:#fff;color:#555;}



.example-one li >a{font-size:14px;padding:6px 10px 4px 10px;text-decoration:none;text-transform:uppercase;width:100%;display:block;}



.example-one li:hover {border-bottom:3px solid #ff9800; }

.example-one{ 

	margin: 0 auto;

	list-style: none;

	position: relative;

	width: 720px;

	padding-top:10px;}

.example-one li{float:left; width:120px;text-align:center;}



.nav-wrap{float:right; margin-top:20px; }

.group:after{visibility:hidden;display:block;content:"";clear:both;height:0}

*:first-child+html .group{zoom:1} /* IE7 */

#magic-line{position:absolute;bottom:-2px;left:0;width:100px;height:3px;background:#1999d6;}

.current_page_item a{color: #333 !important}

.ie6 #example-one li, .ie7 #example-one li{display:inline}

.ie6 #magic-line {bottom:-3px}



.bg-bubbles {

  position: absolute;

  left: 0;

  width: 94%;

  z-index: 1;

}



@-webkit-keyframes square {

  0% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

  100% {

    -webkit-transform: translateY(-700px) rotate(600deg);

            transform: translateY(-700px) rotate(600deg);

  }

}

@keyframes square {

  0% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

  100% {

    -webkit-transform: translateY(-700px) rotate(600deg);

            transform: translateY(-700px) rotate(600deg);

  }

}

 



/*chanpin*/

.Product_Service{ width:100%; height:517px; background:#f9f9f9;}



 .Company_news { width:100%;  background:#FFF;}

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

 .about-bg{height:300px;background:#f4f4f4;position:absolute;z-index:-2;width:100%;top:50px;}

 .About-cont{width:1200px;background:url(../images/aboutbg.jpg) no-repeat center;height:400px;}

 .ifrm_footer{ width:100%; height:188px; background:#e6e6e6; margin-top:80px;}

 .footer{ width:100%; height:188px; background:#e6e6e6; }

 .footercont{ width:1200px; height:138px; margin:auto; padding-top:50px;}

 .copyright{ width:478px; height:75px; border-right:1px solid #d6d6d6; float:left; color:#848484; line-height:32px; padding-top:14px; }

  .copyright span{font-size:30px;}

 .copyright p {font-size:13px;}

 .adrees{ width:416px; height:90px; border-right:1px solid #d6d6d6; float:left; padding-left:30px; font-size:14px; line-height:22px; color:#848484;}

 .adrees span{ float:left; margin-right:20px;}

  .telephone_up{ width:272px; height:90px; float:left; text-align:right; }

  .telephone_up img{ margin-top:20px;}

 

 /*产品与服务*/

.head-font{margin:0 auto 20px;text-align:center;font-size:30px;padding-top:20px;height:70px;background:url(../images/images/bom.png) center bottom no-repeat;}

.Pdt-box{

	width:370px;

	padding:10px;

	}

.Pdt-box >img{width:100%;}

.pdt-head{border-bottom:1px solid #c5c5c5;margin-bottom:10px;}

.Pdt-box h2{

    font-weight:normal;

	font-size:24px;

	color:#2b2b2b;

	border-bottom:2px solid #545454;

	display: inline-block;

	padding:10px 0 5px 0;

	margin-bottom:-1px;

	}

.Pdt-box p{

	color:#a6a6a6;

	text-align:justify;

	line-height:24px;

	padding:5px 0 10px;

	font-size: 14px;

	letter-spacing: 1px;

	}

.bul-bg{width:100%;background:#f4f4f4;padding-top: 10px;}





 /*企业新闻*/

.L-news{float:left;background:#f3f3f3;position:relative;margin-top:24px;height:292px}

.news-img{width:348px;height:250px;overflow:hidden;}

.news-img li{position:absolute;top:0px;left:0px;z-index:0}

.news-img p{margin-left:10px;line-height:30px;}

.news-img li a >img{width:100%;height:250px;}

.R-news{float:left;margin-top:30px;width:851px;}

.R-news:after{clear:both}

.news-box{display:inline-block;margin-left:30px;border-bottom:1px solid #ccc;padding-bottom:40px;margin-bottom:40px;}

.news-box:hover{ cursor:pointer;border-bottom-color:#f2a90c}

.news-box:hover .news-Pre p{color:#f28e0c}

.T-num{width:80px;height:80px;text-align:center;color:#fff;background:#199ad7;float:left}

.T-num b{color:#fff;font-size:30px;display:block;line-height:38px;margin-top:10px;}

.news-Pre{font-size:14px;float:left;width:230px;margin:auto 14px}

.news-Pre p{display:block}

.news-Pre span{

	text-overflow: -o-ellipsis-lastline;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	color:#9f9f9f;

}

.news-box i{float:right;margin-top:50px}



 /*关于我们*/

pre{white-space:pre-wrap;word-wrap:bread-word;}

.bul{width:510px;float:left;overflow:hidden;}

.bul img{height:400px;width:510px;}

.bul:hover img{transform:scale(1.2);transition:all 1s ease ;-webkit-transform:scale(1.2);-webkit-transition:all 1s ease 0s;}

.About-box{width:586px;float:left;    margin: 30px 0 0 40px;}

.About-box >h1{font-weight:normal;font-size:30px;color:#fff;text-align:center;line-height:46px;}

.About-box >pre{font-size:14px;line-height:29px;    letter-spacing: 1px;color:#fff;}

.A-more{color:#fff;border-bottom:1px solid #fff;float:right}

.A-more:hover{color:#f3c83c;border-bottom:1px solid #f3c83c;}

.A-more:after{clear:both}

.About-box ul{clear:both;}

.About-box li{border:1px dashed #fff;border-radius:17px;height:34px;line-height:34px;display:inline-block;padding:0 15px;color:#fff;margin:20px 7px auto;}



/*商城*/

.bul-content{width:100%;background: #f5f5f5;padding:40px 0;}

.bul-news{width:1120px;}



    .stcot{ width: 100%;height: 40px;  background:#f9f8f7;}

	.st{ font-size: 16px;color:#707070;  width: 1180px; line-height:20px; padding: 10px;   }

	.st a{color:#707070; text-decoration: none; }

	.st a:hover{  text-decoration:none;color:#397ecb;  }