body{margin:0px; background:#FFF url(../images/bg.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:#000;transform: translate(0,0);
transition:all .2s ease-in 0s;}
a:hover{color:#555;}
.clearbox{float:none;clear:both;width:0px;height:0px;overflow:hidden;}
 
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:100%; height:650px; text-align:left; overflow:hidden;  }
#index_banner{width:100%; height:650px; padding:0; margin:0 auto; background:none; position:relative; z-index:10; overflow:hidden;}
#index_banner_con{width:100%; height:100%; margin:0 auto; overflow:hidden; text-align:center;}
#index_banner_list{width:100%; height:100%;}
#index_banner_list li{width:100%; height:100%;}
#index_banner_list li a{width:100%; height:100%; display:block; background:no-repeat top center; text-indent: -9999px;transition: all 0.6s; }
#prev_btn{position:absolute; z-index:101; left:10px; top:250px;}
#next_btn{position:absolute; z-index:101; right:10px; top:250px;}
#banner_nav{position:absolute; z-index:1002; left:47.1%; top:0px; margin-top:620px;}
#banner_nav a{float:left; display:block; width:12px; height:12px; border-radius:20px; background:#FFF; margin-left:12px;  }
#banner_nav a:hover{background:#000;}
#banner_nav a.this{background:#000;}


 

.content{width:1200px; padding:40px  0px 0px 0px; margin:0px auto; text-align:left; height:450px;}
.c01{float:left; width:1200px;}
.c01 .pro{ width:380px; float:left}
 

.about{ margin:0px auto; width:1200px;  }
  
 
  
.MORE2 {  width:1200px; margin:0px auto; text-align:center;   }
 

 
.more{  margin-top:0px;  } 
.more a{ display:block;  font-size:20px;     width:30px; color:#fff; line-height:30px; text-align:center; background:#86b527; transition:background 0.5s,color 0.5s;-webkit-transition:background 0.5s,color 0.5s;  }
.more a:hover{ display:block;    width:30px; color:#fff;  background:#888;   text-align:center }


.more1{  margin-top:0px;  } 
.more1 a{ display:block;  font-size:20px;     width:30px; color:#86b527; line-height:30px; text-align:center; background:#FFF; transition:background 0.5s,color 0.5s;-webkit-transition:background 0.5s,color 0.5s;  }
.more1 a:hover{ display:block;    width:30px; color:#fff;  background:#ccc;   text-align:center }
.tt2{ width:700px; float:left; font-size:36px; line-height:35px; color:#000; font-weight:bold;  text-align:left; padding-top:50px; height:100px}

.tt{ width:1200px; margin:0 auto;   font-size:36px; line-height:35px; color:#000; font-weight:bold;  text-align:center; padding-top:50px; height:60px}

.SZ{ width:100%; background:#f6f6f6 url(../images/bg2.jpg) center top no-repeat; height:580PX; margin:0 auto; padding:0px  0px 0px 0px;}
.brand{ width:1200px; height:300px; margin:0 auto;  }



.prolist{width:930px; float:left }
.prolist li{float:left; width:310px;   height:250px; text-align:center; line-height:40px;}
.prolist li a{display:block; width:280px;    color:#666666;}
.prolist li a:hover{color:#ca4b00;      }
.prolist li img {width:240PX; height:240px;box-shadow:  0px 8px 10px rgba(0,0,0,.1);transition: all 0.5s; }
.prolist li img:hover{transform: scale(1.1);}



.jj{ width:100%; margin:0 auto; float:left; background:#f5f5f5; height:750px;}

.jj .j01{ width:1200px; margin:0 auto;}
.jj .j01 .jtu{ display:block; width:549px; height:333px; float:left; overflow:hidden;}
.jj .j01 .jtu a img{width:549px; height:333px; transition:width 0.5s,height 0.5s,margin 0.5s;-webkit-transition:width 0.5s,height 0.5s,margin 0.5s;}
.jj .j01 .jtu a:hover img{width:590px; height:360px; margin:-20px 0 0 -20px}


.XW{  width:100%; margin:0 auto;    height:580px; background:#f8f8f8}
.XW .x01{ width:1200px; margin:0 auto}
.XW .x02{ width:600px; float:left; height:200px; text-align:left; margin:20px auto}
.XW .x02 img{ width:300px;  }


.news{ width:1200PX; margin:0px auto; margin-top:50px ;  height:1134px; }
.n01{ margin:30px auto; width:550px; height:350px;   color:#fff;      float:left; text-align:center;   transform: translate(0,0);
transition:all .2s ease-in 0s; margin-bottom:100px;}
.n01:hover{   color:#FFF      }

.n01 .nimg{    width:550px; height:350px; position: relative; overflow: hidden; margin-top:50px; text-align:center;  cursor: pointer; line-height:20px    }
.nimg a img{   width:550px; height:350px; transition:width 0.5s,height 0.5s,margin 0.5s;-webkit-transition:width 0.5s,height 0.5s,margin 0.5s;}
.nimg a:hover img{ width:560px; height:360px;  margin:5px 0 0 5px}

.news A{ color:#666 ; text-align:center; line-height:50px;}
.news A:hover{ color:#fff;	 }
 
 
.news2{ width:1200PX; margin:0px auto; margin-top:30px ;   }
.n02{ margin:30px auto; width:180px; height:250px;   color:#000;      float:left; text-align:center; font-size:16px;   transform: translate(0,0);
transition:all .2s ease-in 0s;}
 
.n02 .nimg2{    width:170px; height:170px; position: relative; overflow: hidden;  cursor: pointer; line-height:20px;    }
.nimg2 a img{   width:170px; height:170px; transition:width 0.5s,height 0.5s,margin 0.5s;-webkit-transition:width 0.5s,height 0.5s,margin 0.5s;}
.nimg2 a:hover img{ width:160px; height:160px;  margin:2px 0 0 5px}
 
.news2 A{ color:#666 ; text-align:center; line-height:25px;}
.news2 A:hover{ color:#0066b3;	 }
 
 
.newsbox {width:100%;background:#f5f5f5;height:660px; }
.newsbox > .newsbox-title {text-align:center;}
.newsbox > .newsbox-title > h3 { font-size:40px;width:420px;margin:auto;position:relative;height:60px;top:20px;font-family:monospace;text-transform:uppercase;}
.newsinnerbox {width:1200px;position:relative;margin:auto;}
.newsleft {background:#f8f8f8;width:800px;height:420px;position:relative;top:100px;margin:auto 30px auto auto; text-align:left}
.newslist>li {padding-top:10px;padding-bottom:16px;border-bottom:1px dotted #dbd4cd;}
.newslist > li > .time {background:#0066b3;width:70px;height:60px;text-align:center;margin-left:30px;}
.newslist > li > .time > .date {line-height:42px;color:#FFFfff;font-size:28px;}
.newslist > li > .time > .mounth {color:#FFFfff;font-size:12px;display:block;}
.newslist > li > .conts > .title >.articleid {display:inline-block;font-size:16px;padding-top:8px;color:#363636;font-weight:normal;text-decoration:none;line-height:140%;}
.newslist > li > .conts > .abstract {display:inline-block;font-size:12px;padding-top:4px;color:#b1b1b1;font-weight:normal;text-decoration:none;line-height:140%;}
.newright { float:right    }
.newright > img {height:420px;}
 
.contact{  width:100%; margin:0 auto;   background:#f5f5f5; height:200px;}
 
 .newright {position:relative;top:100px;}
.newright > img {height:420px;}
.searchbox {width:100%;  height:308px;}
.searchinnerbox {width:1200px;position:relative;margin:auto;}
.searchbox>.searchinnerbox > input {width:520px;height:60px;border:none;padding-left:20px;float:left; margin:auto auto auto 20%;position:relative;top:120px;}
.searchbox>.searchinnerbox > button {background:#ffd600;color:#FFF;height:62px;width:100px;border:none;top:120px;position:relative;margin-left:-320px}

 
.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 }


.nnn{ width:100%; margin:90px auto; background:url(../images/nbg.jpg) top center no-repeat; height:780px;}
.n03{ margin:30px auto; width:370px; height:400px;   color:#666;   margin-left:20px; float:left; text-align:left}

.n03 .nimg3{    width:369px; height:177px; position: relative; overflow: hidden;  cursor: pointer;  -webkit-box-shadow:0 0 2px #ccc;   -moz-box-shadow:0 0 1px #ccc;   box-shadow:0 0 2px #ccc; }
.nimg3 a img{   width:369px; height:177px; transition:width 0.5s,height 0.5s,margin 0.5s;-webkit-transition:width 0.5s,height 0.5s,margin 0.5s;}
.nimg3 a:hover img{ width:400px; height:210px;  margin:-20px 0 0 -20px}