﻿

* { padding: 0; margin: 0; font-family: "Microsoft YaHei"; list-style: none; text-decoration: none; border: none; }
.container { width: 1200px; margin: 0 auto; }
html { overflow-x: hidden; }
body { background: #fff; color: #333; font-size: 14px; min-width: 1200px; }
a { outline: none; color: #333; }
a:hover { color: #048bcf; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }
 
 /* index top */

 .logo a { display: block; width: 115px; height: 93px; background: url(../images/logo.png) center no-repeat; overflow: hidden; text-indent: -9999em; border-right:1px solid #CCC;  }
.logotxt{   }


.toptell {   padding-left: 60px; margin-top: 30px; }
.toptell p { color: rgba(4, 0, 0, .7); }
.toptell span { display: block; font-size: 24px; color: #040000; }
.head { height: 111px; }
.nav { height: 48px; line-height: 48px;/* background: url(../images/nav.jpg) center;*/ border-top:1px solid #000 }
.nav li { float: left; }
.nav a { color: #000; font-size: 18px; display: block; width: 135px; text-align: center; background: url(../images/nb.jpg) no-repeat left center; }
.nav .container{ width:900px;}

.nav li:first-child a { background: 0; }
.slideBox { width: 100%; height: 750PX; overflow: hidden; position: relative; }
.slideBox .hd { height: 16px; overflow: hidden; position: absolute; width: 100%; text-align: center; bottom: 20px; z-index: 1; }
.slideBox .hd ul { overflow: hidden; zoom: 1; display: inline-block; }
.slideBox .hd ul li { float: left; margin: 0 7px; width: 16px; height: 16px; background: #fff; cursor: pointer; border-radius: 50%; }
.slideBox .hd ul li.on { background: #2872d8; }
.slideBox .bd { position: relative; height: 100%; z-index: 0; }
.slideBox .bd li { zoom: 1; vertical-align: middle; width: 100%; height: 750PX; background:center; background-size:cover }
.notice { height: 60px; line-height: 60px; overflow: hidden; }
.noticetit { font-size: 16px; color: #048bcf; font-weight: bold; background: url(../images/bz.jpg) no-repeat left center; padding-left: 40px; }
.txtScroll-top { overflow: hidden; position: relative; }
.txtScroll-top .bd { }
.txtScroll-top .infoList li { height: 60px; line-height: 60px; }
.indextit { text-align: center; padding-top: 40px; }
.indextit p { font-size: 30px; color: #048bcf; }
.indextit span { display: block; color: #4d4948; margin-top: 5px; }
/**************/
.kangfu{ background:url(../images/ban2.png) center no-repeat; background-size:cover; height:688px;}
.kangfu .container{ display:block; padding:0; overflow:hidden}
.kangfu a{ display:block; overflow:hidden; height:688px;}



/***********/


.product { background: #f6f6f6; }
.slideTxtBox { text-align: left; margin-top: 25px; }
.slideTxtBox .hd { height: 30px; line-height: 30px; position: relative; text-align: center; }
.slideTxtBox .hd ul { display: inline-block; }
.slideTxtBox .hd ul li { float: left; cursor: pointer; }
.slideTxtBox .hd ul li span { width: 150px; text-align: center; display: inline-block; font-size: 16px; color: #5f6160; }
.slideTxtBox .hd ul li.on span { color: #000; }
.slideTxtBox .bd ul { zoom: 1; margin-top: 13px; }
.slideTxtBox .bd li { float: left; width:280px   ;  margin: 8px 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 }
 
 .slideTxtBox .bd li:hover { float: left; width:280px   ;  margin: 8px 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
 }
 
.slideTxtBox .bd li img { width: 280px;   transition: all 0.3s; }
.slideTxtBox .bd li:hover img { opacity: 0.8; }
.slideTxtBox .bd li p { font-size: 20px; font-weight:600; color: #000; text-align: center; height:150px; line-height:150px; }
.product .more { display: block; margin: 30px auto; width: 140px; }
.product .more span { padding: 0 30px; font-size: 16px; color: #5f6160; }
.product .more:hover { color: #048bcf; }
.product .more:hover span { color: #048bcf; }
.about { padding:50px 0; overflow:hidden  }
.abimg{ float:right; width:48%; padding-top:50px;}
.abimg img{ max-width:100%}
.abr { width: 50%; }
.abtit { color: #616362; padding-top: 50px; }
.abtit_top span { display: block; font-size: 24px; }
.abtit_top{  border-bottom:2px solid #469DFF; line-height:45px}
.abtit p { font-size: 30px; }
.abtit_top p { font-size: 30px; margin-left: 0; }
.abinfo { margin-top: 40px;line-height: 30px; }
.abinfo p { font-size: 15px; color: #616161; line-height: 30px; text-indent: 2em; }
.abr a.more { display: block; width: 180px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #606060; color: #575757; margin-top: 50px; }
.case { background: #f6f6f6; padding:50px 0; }
.case ul {  margin-top: 40px; }

.case li { background: #fff; padding: 0; width: 49%; margin-right:2%; padding-bottom: 20px; float: left;  }
.case li:nth-child(2n){ margin-right:0}
.case li:hover { background:#E5E5E5   }


.case li img { max-width:100% }
.case li a { display: block; font-size: 20px; color: #000; font-weight:600  }



.case .box { padding: 0 10px; height:100px; line-height:100px; text-align:center }


/***********/
.news { margin-top: 20px; }
.newtit { background: url(../images/bor.jpg) no-repeat bottom left; height: 45px; }
.newtit p { font-size: 26px; color: #404040; }
.newtit a { color: #000; margin-top: 15px; }
.newtit a:hover { color: #048bcf; }
.newtit a span { font-size: 10px; margin-left: 5px; }
.new1, .new2 { width: 510px; margin-top: 40px; }
.news ul { margin-top: 20px; }
.news li { height: 35px; line-height: 35px; overflow: hidden; font-size: 15px; }
.news li a { color: #333436; }
.news li a:hover { color: #048bcf; }
.news li span { float: right; color: #7e7e80; }
 /**********/
#bottom { width: 100%; background:#2D2F39; min-height: 230px; padding-top: 70px; }
#bottom .ewm ul{ width:240px; text-align:center}
#bottom .ewm { width: 240px; float: right; text-align: center; }
#bottom .ewm p { font-size: 14px; line-height: 50px; color: #fff; }
#bottom .ewm li{ width:120px; text-align:center; display:inline-block}




#bottom ul { width: 900px; float: left; }
#bottom ul li { width: 300px; float: left; line-height: 35px;  }
#bottom ul ul.btul2{ width:300px}

#bottom ul li a { width: 150px; line-height: 50px; display: block; color:#FFF }
#bottom ul li ul { width: 150px; display: block; }
#bottom ul li ul li { width: 150px; height: 35px; font-size: 14px; }
#bottom ul li ul li a { width: 150px; line-height: 35px; display: block; }

#bottom ul li ul.link { width:300px }
#bottom ul li ul.link li { width: 150px; height: 35px; float: left; }
#bottom ul li ul.link li a {  padding: 0 10px; line-height: 35px; display: block; }

#bottom ul ul.xlwm{ width:300px; color:#FFF}
#bottom ul ul.xlwm li{ width:100%;line-height: 35px;}


#copyright { width: 100%; background: #2D2F39; min-height: 60px; border-top:3px solid #000 }
#copyright .text { padding: 0; margin: 0 auto; font-size: 14px; line-height: 60px; text-align:center; color:#FFF }


/********/

.position { height: 40px; line-height: 40px; background: #eee; }
.position .container { width: 980px; }
.submenu li { float: left; margin: 0 10px; }
.submenu li a { display: block; padding: 0 20px; }
.submenu li a:hover { color: #048bcf; }
.submenu li a.hover { background: #048bcf; color: #fff; }
.pagetop { text-align: center; margin-top: 40px; margin-bottom: 10px; }
.pagetop p { font-size: 20px; color: #000; font-weight: bold; }
.pagetop span { display: block; font-size: 16px; color: #666; }
.main { padding-bottom: 30px; margin: 0 auto; width: 980px; }
.content { width: 980px; margin: 0 auto; line-height: 30px; }
.list { margin-top: 30px; }
.list li { border-bottom: 1px dashed #ccc; margin-top: 20px; padding-bottom: 15px; overflow:hidden }
.list li a { display: block; font-size: 13px; color: #5a5a5a; font-weight: bold; }
.list li a:hover { color: #048bcf; }
.list li span { display: block; font-size: 11px; color: #929292; line-height: 25px; }
.list li p { font-size: 12px; color: #5A5A5A; }

.list .list_left{ width:25%; float:left; overflow:hidden}
.list .list_left img{ max-width:100%}
.list .list_right{ width:73%; float:right}



.photo { margin-top: 20px; }
.photo li { float: left; text-align: center; margin: 0 12px; margin-top: 10px; }
.photo li p { line-height: 30px; }
.photo li img { width: 250px; height: 180px; transition: all 0.3s; }
.photo li:hover img { opacity: 0.8; }
.showtop { text-align: center; border-bottom: 1px dotted #ddd; padding-bottom: 10px; margin-bottom: 10px; }
.showtop .title { font-size: 16px; color: #000; font-weight: bold; margin-top: 30px; }
.showtop .update { margin-top: 10px; }
.showtop .update span { margin: 0 5px; font-size: 12px; color: #999; }
.prepage { margin-top: 40px; line-height: 30px; font-size: 12px; }
.hotcp { margin-top: 20px; }
.hotcp ul { border-top: 1px dashed #ddd; padding-top: 20px; }
.hotcp li { float: left; line-height: 40px; margin-left: 20px; text-align: center; width: 203px; }
.hotcp li:first-child { margin: 0; }
.hotcp li img { height: 137px; width: 203px; }
.hotcp_top { background: #0069b7; color: #fff; font-weight: bold; height: 40px; line-height: 40px; margin-bottom: 10px; text-align: center; width: 100px; }
.hotnews { margin-bottom: 30px; margin-top: 20px; }
.hotnews_top { border-bottom: 1px solid #ddd; color: #0069b7; font-size: 14px; line-height: 30px; margin-bottom: 10px; }
.hotnews li { border-bottom: 1px dotted #ddd; float: left; line-height: 36px; margin-right: 30px; width: 440px; }
.hotnews li a { color: #2e2e2e; }
.hotnews li span { color: #999; float: right; font-size: 13px; }
.hotlabel { margin-top: 30px; }
.hotlabel p { color: #0069b7; }
.hotlabel a { display: block; float: left; margin-right: 10px; margin-top: 10px; padding: 0 10px; background: #0069b7; line-height: 30px; color: #fff; font-size: 12px; }

.pagess { clear: both; margin: 20px; overflow: hidden; margin-left: 0px; text-align: center; font-size:12px }
.pagess ul li { display:inline-block; border: 1px solid #ccc; padding: 2px 9px; margin: 0 3px; line-height: 20px; background: #fff; color:#999 }
.pagess ul li:hover { background:#ccc; color:#fff; border: 1px solid #ccc }
.pagess ul li:hover a { color:#fff; }
.pagess ul li.thisclass { display: inline-block; border: 1px solid #ccc; padding: 2px 9px; margin: 0 3px; background: #ccc; color: #fff; }
.pagess ul li.thisclass a { color: #fff; }
.pagess ul li a { display:block; color:#999 }
.pagess ul li a:hover { color: #fff; }


/********/
	#Product_{margin-bottom:20px; padding:50px 0; overflow:hidden}
		/*产品图片*/
		#Product_Photo{float:left;width:430px; margin-right:33px;display:inline;}
		#Product_Photo img{max-width:100%; display:block;}
		/*产品参数*/
		#Product_value{width:450px;line-height:31px;font-size:15px;color:#555555; float:right}
	#Product_value h1{}
	#Product_value .pro_info{ line-height:28px; text-align:left; padding:10px 0}
	
.HomeService{padding:40px 0 20px 0; }

.HomeService .down{padding: 70px 0 10px 0;overflow: hidden;}

	
	/*==toneAx↓==*/.toneAx{ text-align:left;border-bottom: 1px #ddd solid; }

 
.toneAx li {position: relative;margin:0 30px 0 0; line-height:34px; display:inline-block;font-size: 24px;color:#fff; padding:0 15px; cursor:pointer; color:#666}

 .toneAx li.hit{background: #69b635; color:#FFF}
 
 
 .pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}