@charset "utf-8";
/* CSS Document */
/*author 定律 */
/*time 2018.4.19 */
body { padding: 0; margin: 0; line-height: 180%; font-family: "Microsoft YaHei"; font-size: 14px; }
div, ul, p, li, dt, dd, dl, h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; list-style: none; }
a { color: #7f8c8d; text-decoration: none; }
a:hover { color: #000; webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
img { border: 0; max-width: 100%; }
.clearfix:after { content: " "; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { zoom: 1; }
.clear { clear: both; }
input:focus, textarea:focus { outline: none; }
.warp { width: 1000px; margin: 0 auto; position: relative; }
.fl { float: left; }
.fr { float: right; }


.header{ background: #000; height: 72px; overflow: hidden; }
.header .logo{  margin-top: 5px; }
.header .logo img{height: 65px;}
.header .nav{ margin-top: 2px; }
.header .nav li{ float: left; height: 70px; position: relative;  }
.header .nav li a{ display: block; line-height: 70px; padding: 0 20px; color: #fff;  }
.header .nav li:before { display: none; content: ""; position: absolute; bottom: 1px; left: 0; width: 0;height: 4px; background: #ccc; }
.header .nav li.curr:before,
.header .nav li:hover:before { display: block; width: 100%; opacity: .8; }


/*----- 	banner-----*/
.fullSlide{ width:100%;  position:relative;  height:500px;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:500px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:500px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ box-shadow: 0 0 5px rgba(0,0,0,.6); cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:5px; border-radius: 12px; overflow:hidden; background:#000;filter:alpha(opacity=50);opacity:0.5;  line-height:999px; }
.fullSlide .hd ul .on{ background:#fff;  }
.fullSlide .prev,
.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:15%;  z-index:1; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
.fullSlide .next{ left:auto; right:15%; background-position:-6px -137px; }

.warp .ibt{ text-align: center; margin:30px 0 ;}
.warp .ibt h3{ font-weight: normal; font-size: 30px; padding: 10px 0;}
.warp .ibt h3 span{ color:#7f8c8d; font-size: 20px;}
.warp .ibt a{ display: inline-block; padding: 0 5px; }

.ibcon{ background: #f5f5f5; padding: 30px 0; }
.ibcon ul li{ width: 33.333%; float: left; text-align: center;height: 190px; overflow: hidden; }
.ibcon ul li a{ display: block; margin: 10px; position: relative; line-height: 170px; text-align: center; }
.ibcon ul li a img{position: absolute; top: 0px; left: 0px; width: 100%; height: 170px; border-radius: 10px;}
.ibcon ul li a span{ position: relative; z-index: 100; color: #fff; font-size: 20px; }
.ibcon ul li:hover img{ opacity: .8;   }

.iprolist{ width:100%;  overflow:hidden; position:relative; } 
.iprolist ul{ overflow:hidden; zoom:1; }
.iprolist ul li{ border:1px #eee solid; width: 230px; margin:5px; padding: 4px; text-align:center; float:left; _display:inline; overflow:hidden; text-align:center;  }
.iprolist ul li:hover{ border-color:#999  ;  }
.iprolist ul li .pic{height:215px; padding: 10px; }
.iprolist ul li .pic img{ max-width:100%; height:215px; display:block; margin:0 auto; transition: all  0.5s ease;  }
.iprolist ul li .pic a:hover img{ border-color:#999; transform: scale(1.05);  }
.iprolist ul li .title{ line-height: 35px; }
 

.more{ margin:40px 0; }
.more a{ display: block; text-align: center; text-transform: uppercase; width: 155px; margin:0 auto; color: #fff; border-radius: 37px; line-height: 37px; background: #444; }
.more a:hover{  background: #000; }

.about{ background: url(../images/aboutbg.jpg) top center no-repeat; color: #fff; padding: 10px 0; }
.about .ibt h3 span{color: #fff; }
.about .acon{ padding: 20px 0 0; }
.about .more a{ background: #fff; color: #333; }
.about .more a:hover{ background: #000; color: #fff; }

.newslist li{ width: 25%; float: left; position: relative; overflow: hidden; height: 200px; }
.newslist li .pic{ margin: 10px; width: 230px;  overflow: hidden;height: 190px;  }
.newslist li .pic img{ display: block; width: 230px; height: 200px; margin: 0 auto; transition: all  0.5s ease;  }
.newslist li .title{ line-height: 30px;	 color: #fff; position: absolute; bottom: 0px; left: 10px; width: 210px; padding: 0 10px; text-align: center; height: 30px; background: rgba(0,0,0,.5); }
.newslist li:hover .pic img{ transform: scale(1.1); }
.newslist li:hover .title{ height: 110px; padding:40px 10px; }
.newslist li:hover .title p{ font-size: 12px; }

.ftop{ background: #2a2a2a; line-height: 77px; color: #9f9a93; font-size: 20px; font-weight: bold;}
.ftop i{ font-size: 24px; display: inline-block; margin-right: 10px;  }

.foot{ padding: 20px; text-align: center; background: #000; color: #fff; }
.foot a:hover{ color: #ccc; }


.main{  padding-bottom: 40px;}
.main .fl{ width: 460px; }
.main .fr{ width: 500px; }
.main .siglepage p{ margin-bottom: 10px; text-indent: 2rem;}

.main .paging{ text-align: center; margin: 50px 0 20px;  }
.main .paging ul li { display: inline-block;  }
.main .paging ul li.active a{ background: #eee; }
.main .paging ul li a{ border:1px #ddd solid; border-radius: 3px; padding: 5px 10px; margin: 0 5px; }

.bigpic{ margin:0 auto 20px; max-width: 100%; }

.news_list li{ padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px #eee solid; }
.news_list li .pic{ width:200px; height: 150px; overflow: hidden; position: relative;  }
.news_list li .pic img{ width:200px;  display: block; transition: all  0.5s ease; position: absolute; top: 0; left: 0;  }
.news_list li .title{ width:760px;  }
.news_list li:hover .pic img{ transform: scale(1.1);}
.news_list li h3{ line-height: 40px; }
.news_list li h3 + p{ padding:10px 0; }