/* CSS Document */
#container{ width:100%; position:relative; overflow:hidden; margin-top:50px ;  }
.product{ width:1350px; margin:0 auto; position:relative;}
.tit{ width:100%; height:50px; position:relative; }
.tit span{ display:block; width:100%; height:1px; background:#c9c9c9; position:absolute; left:0; top:24px;}
.tit h2{ width:400px; height:50px; position:relative; background:#fff; z-index:22; margin:0 auto; text-align:center; line-height:50px; font-size:38px; font-family:Arial; color:#000;}
.protit{ width:95%; margin:0 auto; position:relative; margin-top:40px;}
.protit .protit-list{ width:22.5%; float:left; margin-left:2%; line-height:30px; position:relative; border:1px solid #c9c9c9; border-radius:20px; background:url(../images/icon1.png) right 10px top 7px no-repeat; z-index:33; }
.protit .protit-list h2{ margin:0 25px 0 15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:30px; font-size:14px; cursor:pointer;}
.protit .protit-list:hover{ background:#54c5d1 url(../images/icon2.png) right 10px center no-repeat;border:1px solid #54c5d1;}
.protit .protit-list:hover h2{ color:#fff;}	
.protit .protit-list ul{ width:100%;border:1px solid #54c5d1; display:none;  position:relative; background:#54c5d1; padding-top:12px; padding-bottom:10px; position:absolute; left:-1px; top:23px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.protit .protit-list ul li{ margin:0 25px 0 15px; white-space:nowrap; ov	erflow:hidden; text-overflow:ellipsis; border-top:1px solid #eee; line-height:35px; font-size:14px;}
.protit .protit-list ul li a{ color:#fff;}
.protit-list-cur{ background:#54c5d1 url(../images/icon2.png) right 10px top 7px  no-repeat !important;border:1px solid #54c5d1 !important; border-radius:10px  !important;}
.protit-list-cur h2{ color:#fff;}

.prolist{ width:100%; position:relative; margin-top:40px; overflow:hidden;}
.prolist ul{ width:101%; margin-left:-1%; overflow:hidden; display:none;}
.prolist ul li{ width:24%; float:left; margin-left:1%; overflow:hidden; margin-bottom:1%;}
.prolist ul li img{ width:100%; }

.protit-list-hov{ background:#54c5d1 url(../images/icon2.png) right 10px top 7px  no-repeat !important;border:1px solid #54c5d1 !important;}
.protit-list-hov h2{ color:#fff;}

.product .more{ width:130PX; height:30px; margin:20px auto; overflow:hidden;}
.product .more a{ color:#fff; display:block; height:30px; line-height:30px; width:130px; text-align:center; font-size:14px;border-radius:20px;background:#54c5d1;}
.product .more a:hover{ background:#a7cf39}

.data{ width:100%; position:relative; overflow:hidden; padding:45px 0 ; background:#f4f4f4; margin-top:50px; }
.data .tit h2{ width:100%;background:none; }
.news{width:1350px; margin:0 auto; position:relative; overflow:hidden;}

.newslist{ width:100%; position:relative; overflow:hidden; margin-top:40px;}
.newslist ul{ width:102%; margin-left:-2%; overflow:hidden;}
.newslist ul li{ width:14.5%; float:left; margin-left:2%;}
.newslist ul li .pic{ width:100%; overflow:hidden;}
.newslist ul li .pic img{width:100%; vertical-align:middle;}
.newslist ul li h2{ width:100%; color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:30px; line-height:30px; font-size:18px; margin:5px 0;}
.newslist ul li p{ width:100%; height:60px; line-height:20px; overflow:hidden;  font-size:12px; margin-bottom:10px;}
.newslist ul li  span{color:#fff; display:block; height:26px; line-height:26px; width:100px; text-align:center; font-size:14px;border-radius:20px;background:#54c5d1;}
.newslist ul li  span:hover{ background:#a7cf39}

.about{width:1350px; margin:50px auto; position:relative; overflow:hidden;}
.box{ width:100%; position:relative; overflow:hidden; margin-top:40px;}
.box .pic{ width:39%; float:left;}
.box .pic img{ width:100%; }

.abright{ width:56%; float:right;}
.txt{ width:100%; position:relative; overflow:hidden;}
.txt h2{ width:100%; line-height:40px; font-size:24px; color:#000;}
.txt p{ height:100px; font-size:12px; line-height:20px; overflow:hidden;}

.danpian{ width:100%; position:relative; overflow:hidden;}
.ablist{ width:100%; position:relative; overflow:hidden; margin-top:60px;}
.ablist li{ width:19%; float:left; margin-right:1%;}
.ablist .abpic{ width:55px; margin:0 auto;  overflow:hidden;}
.ablist .abpic img{ width:55px; vertical-align:middle;}
.ablist .abpic .abmg2{ display:none;}
.ablist li h2{ width:100%; height:30px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size:14px; color:#000; margin-top:15px; text-align:center}
.ablist li:hover .abpic .abmg2{ display:block;}
.ablist li:hover .abpic .abmg1{ display:none;}
.ablast{ margin-right:0 !important; float:right;} 
.ablast .abpic{ width:100px; margin:0 auto;  overflow:hidden;}
.ablast .abpic img{ width:100px; vertical-align:middle;transition: all 1s;}
.abpic:hover img{ transform: scale(1.1);}

.consnant{ width:100%; position:relative; overflow:hidden; padding:45px 0 ; background:#f4f4f4; margin-top:50px; }
.consnant .tit h2{ width:;background:#f4f4f4; }
.center{width:1350px; margin:0 auto; position:relative; overflow:hidden;}

.conslist{ width:100%; position:relative; overflow:hidden; margin-top:40px;}
.cons{ width:32.4%; background:#fff; float:left; padding-bottom:15px;}
.c-center{ margin:0 1.4%;}
.conspic{ width:100%; position:relative; overflow:hidden;}
.conspic img{ width:100%; vertical-align:middle;}
.conspic h2{ width:90%; padding-right:10%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:40px; position:absolute; left:0; bottom:0;background:url(../images/bg.png); font-size:18px; line-height:40px; color:#fff; text-indent:15px;}
.conspic a{ position:absolute; right:10px; line-height:40px; font-size:14px; bottom:0; color:#ccc;}
.conspic-pro{ width:100%; position:relative;}
.conspic-pro .slides li{ position:relative;}
.conspic-pro .slides img{ width:100%; vertical-align:middle;}
.conspic-pro .slides li h2{ width:90%; padding-right:10%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:40px; position:absolute; left:0; bottom:0;background:url(../images/bg.png); font-size:18px; line-height:40px; color:#fff; text-indent:15px;}
.conspic-pro .flex-control-nav{ display:none;}
.conspic-pro  .flex-direction-nav a{ display:block; width:30px; height:30px; text-indent:-999em; position:absolute; top:50%; margin-top:-15px;}
.flex-prev{ background:url(../images/leeft.png) center no-repeat; left:5px;}
.flex-next{ background:url(../images/right.png) center no-repeat; right:5px;}
.consli{ padding:10px 20px;}
.consli li{ width:100%; height:30px; line-height:30px; white-space:nowrap; overflow:hidden; margin-bottom:5px;text-overflow:ellipsis;}

#banner .flex-control-nav{opacity:1  !important; }
#banner .flex-control-nav li{ width:40px !important; height:5px !important; background:#fff;}
#banner  .flex-control-nav li a{ text-indent:-999em; width:40px !important; height:5px !important;position:relative; display:block;}
#banner  .flex-active{ background:#54c5d1 !important;}

@media  screen and (max-width:1620px){
	
.product{ width:1200px;}
.news{width:1200px;}
.about{width:1200px;}
.center{width:1200px;}

}

@media  screen and (max-width:900px){
#container{  margin-top:20px ;  }

.product{ width:92%;}
.tit{ width:100%; height:30px; position:relative; }
.tit span{ top:14px;}
.tit h2{ width:200px; height:30px; line-height:30px; font-size:21px;}
.protit{ width:95%; margin:0 auto; position:relative; margin-top:40px;}

.protit .protit-list{ width:47%;  margin-bottom:10px;  }

.prolist{  margin-top:20px; overflow:hidden;}
.prolist ul{ width:102%; margin-left:-2%; overflow:hidden; display:none;}
.prolist ul li{ width:48%; float:left; margin-left:2%; overflow:hidden; margin-bottom:2%;}
.prolist ul li img{ width:100%; }



.data{ padding:25px 0 ; margin-top:20px; }
.data .tit h2{ width:100%;background:none; }
.news{width:92%; }

.newslist{ margin-top:20px;}
.newslist ul{ width:102%; margin-left:-2%; overflow:hidden;}
.newslist ul li{ width:31.3%; float:left; margin-left:2%; margin-bottom:2%;}
.newslist ul li h2{ height:25px; line-height:25px; font-size:14px; }
.newslist ul li  span{ height:24px; line-height:24px; width:80px; text-align:center; font-size:12px;}
.newslist ul li  span:hover{ background:#a7cf39}


.about{width:92%; margin:20px auto; }
.box{ width:100%; position:relative; overflow:hidden; margin-top:20px;}
.box .pic{ width:100%; float:none; margin-bottom:10px;}

.abright{ width:100%; float:none;}

.txt h2{ width:100%; line-height:30px; font-size:18px; color:#000;}

.ablist{ margin-top:30px;}
.ablist li{ width:19%; float:left; margin-right:1%;}
.ablist .abpic{ width:40px;}
.ablist .abpic img{ width:40px; vertical-align:middle;}
.ablist .abpic .abmg2{ display:none;}
.ablist li h2{ font-size:12px; color:#000; margin-top:10px; }
.ablast .abpic{ width:60px; }
.ablast .abpic img{ width:60px; vertical-align:middle;}



.consnant{  padding:25px 0 ; margin-top:20px; }
.center{width:92%; }

.conslist{ width:100%; position:relative; overflow:hidden; margin-top:20px;}
.cons{ width:100%;float:none; margin-bottom:20px; padding-bottom:5px;}
.c-center{ margin:0; margin-bottom:20px;}
.conspic h2{ font-size:14px; line-height:30px; height:30px;}

.conspic a{ line-height:30px; font-size:12px; bottom:0; color:#ccc;}
.conspic-pro{ width:100%; position:relative;}
.conspic-pro .slides li{ position:relative;}
.conspic-pro .slides img{ width:100%; vertical-align:middle;}
.conspic-pro .slides li h2{ width:90%; padding-right:10%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:40px; position:absolute; left:0; bottom:0;background:url(../images/bg.png); font-size:18px; line-height:40px; color:#fff; text-indent:15px;}
.conspic-pro .flex-control-nav{ display:none;}
.conspic-pro  .flex-direction-nav a{ display:block; width:30px; height:30px; text-indent:-999em; position:absolute; top:50%; margin-top:-15px;}
.flex-prev{ background:url(../images/leeft.png) center no-repeat; left:5px;}
.flex-next{ background:url(../images/right.png) center no-repeat; right:5px;}
.consli{ padding:10px;}
.consli li{ width:100%; height:25px; line-height:25px;}















}