body{margin:0px; background:url(bg2.jpg) repeat-x; font-size:14px;text-align:center; color:#6b6b6b;}
*{font-family:'Arial','微软雅黑';}
input,select{color:#3f4557;}
form,ul,li,p,h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;}
table{border-collapse:collapse;}
img{border:0px;}
ul,li{list-style-type:none;}
a{text-decoration:none; color:#555;transform: translate(0,0);
transition:all .2s ease-in 0s;}
a:hover{color:#000;}
.clearbox{float:none;clear:both;width:0px;height:0px;overflow:hidden;}
img:hover{filter:alpha(opacity:80); opacity:0.8;  -moz-opacity:0.8;-khtml-opacity: 0.8}


 html {
  overflow-y: scroll;
}
:root {
  overflow-y: auto;
  overflow-x: hidden;
}
:root body {
  position: absolute;
}
body {
  width: 100vw;
  overflow: hidden;
}
.top{width:1200px; height:190px; margin:0px auto; text-align:left;  overflow:hidden;}
.top .tt{ width:1200px;  line-height:40px; float:left; color:#FFF;  }
.top .tt .t1{ float:right; padding-top:8px;}
.top .logo{float:left; width:250px; height:140px; margin-TOP:2PX;}
.top .tag {float:right; width:330px; height:40px;   text-align:right; color:#999999; font-size:12px; padding:20px 20px 0px 0px;  }
 
 
 
.top .menu{float:left; width:1200px; height:48px; padding:0px 0px 0px 0px;   }
.menu li{float:left; width:170px; line-height:48px; height:48px; font-size:14px; text-align:center; color:#fff; }
.menu li ul{ position:absolute; z-index:999; background:#000; font-weight:lighter; }
.menu li li{width:170px; height:35px; line-height:35px; float:none;  font-size:14px; text-align:center; border-bottom:#333 solid 1px }
.menu li li a{display:block; width:100%; height:100%; color:#999; display:block;}
.menu li li a:hover{ width:100%; height:100%;  color:#000; background:#fff; border-bottom:0PX  }

.menu li a{display:block; width:100%; height:100%; color:#fff; display:block; }
.menu li a:hover{ width:100%; height:100%;  color:#fff; background:#444      }



.menu li ul{margin:0px 0px 0px 0px;  }
*html .menu li ul{margin:0px 0px 0px 0px;}
*+html .menu li ul{margin:0px 0px 0px 0px;}

.menu li li ul{position:absolute; z-index:9999; background:#fff none repeat scroll 0 0 !important; margin:-31px 0px 0px 150px;   }
 

.banner{ width: 1920PX;height:400px; margin:0 auto; position:relative; text-align:center; border-bottom:60px solid #333    }
.banner p{ width:180px; height:400px; font-size:40px;   color:#FFF;   margin:0 auto; padding-top:40px;  }
.banner i{ font-size:16px; filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;} 
 
 
.content{width:1200px; padding:0px 20px 0px 0px; margin:0px auto; text-align:left;}
.left{float:left; width:235px;}
.left .l1{float:left; width:235px; background:url(tt.jpg) 0px 45px no-repeat;}
.left .l1 .tt{width:154px; height:35px; padding:65px 0px 0px 28px; color:#fff; font-size:20px;   }
.left .l1 .tt a{float:right; margin:10px 5px 0px 0px;  }
.left .l1 .cont{width:235px; padding:15px 0px  0px 0px; line-height:25px;font-size:14px; }
.left .l1 .cont li a{width:203px;display:block; padding-left:30px; line-height:38px; background:url(icon.jpg) 5px 14px no-repeat; border-bottom:1px #dddddd solid;}
.left .l1 .cont li a:hover{width:203px; background:#6ec46d  url(icon.jpg) 5px 14px no-repeat;  color:#FFF}

.content{width:1200px; padding:0px 0px 0px 0px; margin:0px auto; text-align:left;}
 
 #cpgg_t .font{font-size:25px; padding-left:20px; font-family:Arial, Helvetica, sans-serif;}
#cpgg_t1 .font{font-size:20px; padding-left:20px; font-family:Arial, Helvetica, sans-serif;}
#cpgg_t2 .fonts{font-size:20px; padding-left:20px; font-family:Arial, Helvetica, sans-serif;}
.table-d table{border-right:1px solid #aaa; border-bottom:1px solid #aaa; line-height:30px; margin-top:20px;} 
.table-d table td{border-left:1px solid #aaa; border-top:1px solid #aaa;} 
.table-d table tr:hover{background:#e60012; color:#fff;}
 
 .tt{width:1150px; height:50px; margin:0 auto; margin-top:-40px; position:relative; z-index:9999; font-weight:lighter; text-align:left; font-size:25px; color:#fff }


.right{float:left; width:1200px;  }
.right .tt span{float:right;line-height:10px;}
.right .tt strong{font-size:26px; font-weight:normal;line-height:120px; color:#6ec46d}
.right .cont{width:950px; padding:0px 20px; line-height:10px;font-size:14px;}
.right .cont .article{text-align:left; line-height:25px;}
.right .cont  network{width:700px;}
 
.bb{ width:100%; background:#333; }
.wmap a{ color:#999} 
.wmap a:hover{ color:#fff} 
.bottom{clear:both; width:100%; height:32px; color:#999; text-align:left; margin:0px auto; background:#000 }
.bottom .nav{ text-align:center;  width:100%; line-height:32px; font-size:12px; color:#ccc}
.bottom .copyright{float:right; line-height:32px; font-size:12px; color:#999 }


.article{ padding-top:30px; width:1200px; line-height:35px; font-size:16px}


.honer{width:1200px; padding-top:50PX; margin:0 auto;}
.honer li{float:left; width:22%; padding-left:2%; height:380px; text-align:center; line-height:50px;}
.honer li a{display:block; width:270px; padding-top:5px; border:0px #dddddd solid; background:#fff; color:#666666;}
.honer li a:hover{color:#999;}
.honer li img{width:250px; height:306px; border:1PX solid #DDD;box-shadow:5px 5px  10px 0px #ccc;}

/*.page{width:1200px; height:34px; text-align:center; clear:both;padding-top:25px;background:#eff3f6;}
*/
.prolist{width:100%; padding-top:50px; }
.prolist li{float:left; width:235px;   height:270px; text-align:center; line-height:40px;}
.prolist li a{display:block; width:210px;    color:#666666;}
.prolist li a:hover{color:#86b527;  }
.prolist li img{width:210px; height:130px;  }


.prolist .pp{   width:210px; height:130px; position: relative; overflow: hidden;  cursor: pointer;  -webkit-box-shadow:0 0 20px #ccc;   -moz-box-shadow:0 0 10px #ccc;   box-shadow:0 0 10px #ccc; }
.pp a img{  width:210px; height:130px;  transition:width 0.5s,height 0.5s,margin 0.5s;-webkit-transition:width 0.5s,height 0.5s,margin 0.5s;}
.pp a:hover img{ width:230px; height:150px;  margin:-10px 0 0 -10px}

.product{width:930px;}
.product .t{width:100%; text-align:center; margin-top:20px; line-height:36px;font-size:24px;color:#006856;}
.product .t strong{font-size:30px; font-family:'Microsoft YaHei';}
.product .p{width:100%; padding-top:10px; line-height:24px; border-bottom:1px #cdcdcd dashed; text-align:center; }
.product .i{width:100%; text-align:center;}
.product .big{width:100%; padding:10px 0px;}
.product .big img{width:400px; text-align:center;}


.product .small {width:400px; padding-bottom:10px;}
.product .small a{margin:5px 3px;}
.product .small img{width:65px; border:1px solid #ccc}
.product .i .left{ float:left;}
.product .i .right{ float:right; width:400px; text-align:left; font-size:14px}
.product .n{width:100%; height:40px; background:#fff; margin-top:50px;}
.product .n li{float:left;}
.product .n a{display:block; font-size:16px; border-right:#000 1px solid; width:390px; height:40px; line-height:40px; border-right:1px #ffffff solid; background:#eee; text-align:center; color:#666666;}
.product .n a:hover{background:#000; color:#ffffff;}
.product .n .cur{background:#000; color:#ffffff;}
.product .c{clear:both; width:90%;   margin-left:30PX; margin-TOP:40PX; line-height:30px; text-align:left; font-size:14px}

.fb{width:100%; padding-top:10px; border-top:1px #cdcdcd solid;}
.fb td{height:30px;}
.fb .txt{width:300px;}
.fb .ta{width:365px; height:110px; margin-right:10px;}

.job{width:100%;line-height:40px;}
.job table{width:100%;}
.job td{height:24px;}
.job .tdl{width:10%; text-align:right; padding-right:0;}
.job .tdr{width:39%; text-align:left;}
.job .tdr2{width:89%; text-align:left;}
.job .txt{width:200px;}
.job .txt2{width:580px;}
.job .ta{width:580px; height:100px;margin:10px;}

.news{   width:1200px; margin-top:50px;   transition:background 0.5s;-webkit-transition:background 0.5s; border-bottom:1px solid #eee}
 
.news .a1{ width:930px; margin:0 auto;}
.news .a1 .b0{ display:block; width:400px; height:250px; float:left; overflow:hidden;}
.news .a1 .b0 a img{width:350px; height:230px; transition:width 0.5s,height 0.5s,margin 0.5s;-webkit-transition:width 0.5s,height 0.5s,margin 0.5s;}
.news .a1 .b0 a:hover img{width:360px; height:240px; margin:-10px 0 0 -10px}
.news .a1 .b1{ float:right; width:480px; padding-top:10px;}
.news .a1 .b1 .c1 a{ float:left; font-size:20px; color:#000; line-height:50px; text-align:left; width:500PX; transition:color 0.5s;-webkit-transition:color 0.5s;}
.news .a1 .b1 .c1 a:hover{ color:#000;}
.news .a1 .b1 .c2{ color:#999; text-align:left; font-size:14px; line-height:25px;  }
.news .a1 .b1 .c3{ line-height:40px; text-align:left; color:#CCC}
.news .a1 .b1 .c4{ margin-top:10px;}
.news .a1 .b1 .c4 a{ display:block;   width:100px; line-height:30px; border:#000 1px solid; color:#000; text-align:center;   transition:background 0.5s,color 0.5s;-webkit-transition:background 0.5s,color 0.5s;}
.news .a1 .b1 .c4 a:hover{ background:#000; color:#fff;}
#news1{ width:100%; overflow:hidden; background:#fff; border-top:solid 1px #eee;}

 


.newslist2{width:85%; float:right; padding-top:20px; }
.newslist2 li{width:95%; padding-left:3%; line-height:30px; background:url(icon.jpg) 0px 10px no-repeat; font-size:14px;}
.newslist2 a{color:#888;  }
.newslist2 a:hover{ color:#86b527;  }
.newslist2 span{float:right; color:#999999;}


.container {
 
  padding: 1rem;
  margin: 3rem auto;
  border-radius: 0.2rem;
  counter-reset: pagination;
  text-align: center;
}
.container:after {
  clear: both;
  content: "";
  display: table;
}
.container ul {
  width: 100%;
}

 
.middle {
  width: 32rem;
}

 
 
.pagination li {
  counter-increment: pagination;
}
.pagination li:hover a {
  color: #fdfdfd;
  background-color: #000;
  border: solid 1px #000;
}
.pagination li.active a {
  color: #fdfdfd;
  background-color: #000;
  border: solid 1px #000;
}
.pagination li:first-child {
  float: left;
}
.pagination li:first-child a:after {
  content: "Previous";
}
.pagination li:nth-child(2) {
  counter-reset: pagination;
}
.pagination li:last-child {
  float: right;
}
.pagination li:last-child a:after {
  content: "Next";
}
.pagination li a {
  border: solid 1px #d6d6d6;
  border-radius: 0.2rem;
  color: #7d7d7d;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  padding: 0.7rem 0.9rem;
}
.pagination li a:after {
  content: " " counter(pagination) " ";
}

 
.middle li a {
  display: none;
}
.middle li:first-child a {
  display: inline-block;
}
.middle li:first-child a:after {
  content: "<";
}
.middle li:last-child a {
  display: inline-block;
}
.middle li:last-child a:after {
  content: ">";
}
.middle li:nth-child(2) a {
  display: inline-block;
}
.middle li:nth-child(3) a {
  display: inline-block;
}
.middle li:nth-child(4) a {
  display: inline-block;
}
.middle li:nth-child(5) a {
  display: inline-block;
}
.middle li:nth-last-child(2) a {
  display: inline-block;
}
.middle li:nth-last-child(3) {
  display: inline-block;
}
.middle li:nth-last-child(3):after {
  padding: 0 1rem;
  content: "...";
}