/* Unessential CSS - Just here to make this sample page prettier */

html, body {
  height: 100%;
}
/* html{
  height:1000px;
  } */
  *{
    margin:0px;
  }
  body {
    margin: 0;
    font-size: 12px;
    font-family: 'Microsoft YaHei', Arial,Helvetica,sans-serif,'Arial Narrow',HELVETICA;-webkit-text-size-adjust:100%;
  
  }

  img {
    border: none;
  }

  a {
    text-decoration: none;
    cursor:pointer;
  }

  p {
    margin: 0;
  }

  ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .clear:after{
    display: block;
    content:'';
    clear:both;
  }
  .clear{
    *zoom:1;
  }

  .ma{
    margin:0 auto;
  }

  .layout{
    width: 100%;
  }

  .fl{
    float:left;
  }

  .fr{
    float:right;
  }

 /*  div{
   -webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
 } */

  /*Ê×Ò³*/
.whole{
  width:100%;
}

.head{
  position: relative;
}

.banner{
  height:auto;
  position: absolute;
  z-index: 1;
}

.banner img{
  display: block;
  width:100%;
  height:auto;
}


.nav{
  width:100%;
  height:auto;
/*    background: #000;
background: rgba(0,0,0,0.7);
 filter:Alpha(opacity=70);
 position:static; 
  -moz-opacity:0.7;  */
  *zoom:1;
  background: url(../images/bg_1.png) repeat-x; 
  position: absolute;
  z-index: 2;
  top:0px;
  left:0px;
}

.nav2{
  width:95%;
  height:auto;
}

.nav2 h1{
  width:18%;
  float:left; 
 padding:17px 0px 15px 1%; 
 margin:0px; 
}

.nav2 h1 a{
  display: block;
  width:100%;
  height:auto;
}

.nav2 h1 img{
  width:80%;
  height:auto;
  display: block;
}

div#menu {
    height:100px;
 width:80%;
float: left;

}

div#menu ul {
    float: left;
}

div#menu li {
    position: relative;
    z-index: 9;
    margin: 0;
    padding: 0;
    display: block;
    float: left;
}

div#menu li:hover>ul {
    left: -2px;
}


div#menu li div {
    list-style: none;
    float: left;
    position: absolute;
    top: 100px;
    left: 0;
    z-index: 11;
    visibility: hidden;
    background: #b9e7fd;
}

div#menu li:hover>div {
    visibility: visible;
}

div#menu li.current a {}

/* menu::level1 */
div#menu a {
    position: relative;
    z-index: 10;
    height:auto;
    display: block;
    float: left;  
    padding:0px 12px;
    text-decoration: none;
}

div#menu a:hover{
  background: #2f6fa5;
}
div#menu .active{
  background: #2f6fa5;
}
div#menu span {
    font-size: 18px;
   line-height: 100px;
    color: #fff;
    display: block;
    cursor: pointer; 
}

div#menu ul a:hover span {
    color: #FFFFFF;
}

/* menu::level2 */
div#menu ul ul li {
    background:#b9e7fd;
    z-index: 9; 
}

div#menu ul ul {
    z-index: 12;  
    padding: 0;
    width:125px;
    background:#b9e7fd;
    
}

div#menu ul ul a {
    width: 100%; 
    height: auto;
    float: none;
    display: block;
    background:none;
   text-align: center;
    z-index: -1;
    padding:0px;
}
div#menu ul ul a span {
    line-height: 45px;
    width:100%;
    color: #2f6fa5;
    font-weight:normal;
    text-transform: none;
    background:none;
    font-size: 15px;
}

div#menu ul ul a:hover {
    background:#2f6fa5;
    color:#fff;
}

div#menu ul ul a:hover span {
    background:#2f6fa5;
    color:#fff;
    display: block;
    width:100%;
    height:auto;
    font-size: 15px;
}


div#menu ul ul li {
    width: 100%;
}

/* menu::level3 */
div#menu ul ul div {
    width: 100px;
    margin: -100px 0 0 110px !important;
    height: auto;
    _padding: 0 0 9px 3px;
    font-size: 14px;
}
div#menu ul ul ul {
  _padding-right:1px;
}

div#menu ul ul ul a span,div#menu ul ul ul a:hover span{
  font-size: 14px;
} 

#menu li li a.parent:hover span{ 
  background:#2f6fa5 url(../images/sanjiao_5.png) no-repeat scroll right 50%;
  color:#fff;
   }

#menu li li a.parent span{
  color:#2f6fa5;
  background:#b9e7fd url(../images/sanjiao_5.png) no-repeat scroll right 50%; z-index:10; 
   }

#menu>ul>li:hover>a {
   background:#2f6fa5;
    color:#FFF;
}

#menu>ul>li:hover>a span { color:#FFF; }

#menu2{
display:none;
margin-top:20px;
}



.daohang{
  width:100%;
  height:auto;
   background: #fff;
background: rgba(255,255,255,0.9);
 filter:Alpha(opacity=90);
  -moz-opacity:0.9; 
  position:fixed;left:0px;
  z-index:100;
  display:none;
}

  .daohang2{
    width:100%;
    height:auto;
  }

    .daohang3{
    width:100%;
    height:auto;
   
  }

.daohang3 a{
  padding:13px 0px;
   color:#666666;
    text-align: center;
    font-size: 16px;
    color:#666666;
    font-weight:bold;
    display:block;
    width:100%;
    height:auto;
}

.daohang3 a:hover,.daohang4 a:hover{
  color:#306fa5;
}

.daohang4 a{
   padding:6px 0px;
   color:#666666;
    text-align: center;
    font-size: 16px;
    color:#666666;
    display:block;
    width:100%;
    height:auto;
}

.sanji a{
  padding:8px 0px;
  font-weight:normal;
}

.sanji2 a{
  font-size:14px;
}


.content1{
  width:100%;
  height:auto;
   padding:46px 0px;
  background:url(../images/bg4_1920.jpg) 50% top no-repeat;
}

.content2{
 
  width:1155px;
  height:auto;
  background:#fff;
  
}

.lunbo{
  width:50%;
  float:left;

}

.news{
  width:42%;
  padding:17px 3% 0px;
  height:auto;
  background:#fff;
}

.news h2{
  font:20px/38px "Î¢ÈíÑÅºÚ";
  color:#333333;
  margin:0px;
   font-weight:bold;
}

.news p{
  font:14px/27px "Î¢ÈíÑÅºÚ";
  color:#666666;
}

.news2{
  padding-bottom:13px;
  border-bottom:1px solid #d9d9d8;
}

.news2 a{
  color:#666666;
}

.news3{
  padding:12px 0px 30px 0px;
}

.news3 li{
border-bottom:1px dashed #dddddd;
}

.news3 li:last-child{
  border-bottom:0px;
}

.news3 li a{
  font:14px/34px "Î¢ÈíÑÅºÚ";
  color:#999999;
}

.banner2{
  width:100%;
  height:200px;
  position:relative;
}

.banner2 img{
  width:100%;
  height:200px;
  display:block;
  position:absolute;top:0px;left:0px;
  z-index:1;
}

.banner2 p{
  width:100%;
  text-align:center;
  font-size:60px;
  padding:70px 0px;
  color:#fff;
  position:absolute;top:0px;left:0px;
  z-index:10;
  visibility:hidden;
  animate-duration: 1s;
   animate-delay: 0s; 
}

.banner2 p a{
  color:#fff;
  width:100%;
  height:auto;
  display:block;
}

.zixun{
  width:1155px;
  height:auto;
  padding-top:65px;
  visibility:hidden;
  animate-duration: 2s;
}

.zixun li{
  width:24%;
  * width:22%;
  float:left;
  margin-right:3%;
  margin-bottom:40px;
}

.zixun li img{
  width:100%;
  height:auto;
  display:block;
}

.zixun li:last-child{
  width:19%;
  margin-right:0%;
}

.zixun2{
  width:100%;
  height:auto;
  margin-bottom:24px;
}

.zixun2 h3{
  width:65%;
  padding-left:4%;
  border-left:6px solid #3b52a2;
  float:left;
  font:30px/30px "Î¢ÈíÑÅºÚ";
  color:#333333;
  margin:0px;
}

.zixun2 a{
  width:24%;
  display:block;
  font:16px/32px "Î¢ÈíÑÅºÚ";
  color:#3b52a2;
  background:#cfdff6;
  border-radius:6px;
  text-align:center;
}

.zixun3{
  width:100%;
  height:auto;
  position:relative;
}

.zixun3 img{
  width:100%;
  height:auto;
  display:block;
  z-index:1;
  position:absolute;top:0px;left:0px;
}

.zixun3 p{
  text-align:center;
  font:16px/44px "Î¢ÈíÑÅºÚ";
  color:#fff;
  position:absolute;bottom:0px;left:0px;
  background: #333;
  background: rgba(0,0,0,0.75);
  width:100%;
  z-index:11111;
}

.zixun .zixun4{
  width:100%;
  padding-top:10px;
}

.zixun .zixun4 p{
  background:url(../images/dot_6.png) 0px center no-repeat;
  padding-left:5%;
  width:95%;
  float:none;
  margin-right:0%;
}

.zixun .zixun4 p a{
  font:16px/30px "Î¢ÈíÑÅºÚ";
  color:#323333;
}

.zixun4,.zixun4 a{
  width:100%;
  font:16px/26px "Î¢ÈíÑÅºÚ";
  display:block;
  color:#323333;
}

.zixun5{
  width:100%;
  height:auto;
}


.zixun5 p{
  width:100%;
  height:auto;
  font:16px/26px "Î¢ÈíÑÅºÚ";
   color:#323333;
}

.zixun5 p a{
  color:#323333;
}

.friendlink{
  padding-top:45px;
  border-top:1px solid #d9d9d8;
  width:1155px;
}

.friendlink li{
  width:9%;
  float:left;
  margin-right:4%;
}

.friendlink li img{
  width:100%;
  height:auto;
  display:block;
}

.friendlink li:last-child{
  margin-right:0%;
}

.foot{
  width:100%;
  height:auto;
  background:#4d4d4e url(../images/bg3_1920.jpg) 50% top no-repeat;
}

.foot2{
  width:717px;
  height:auto;
  padding:100px 0px 65px 0px;
}

.foot3{
  width:80%;
  margin-bottom:37px;
}

.foot6{
  width:100%;
  margin-bottom:15px;
}

.foot3 a,.foot6 a{
  padding:0px 20px;
  display:block;
  float:left;
  font:16px/16px "Î¢ÈíÑÅºÚ";
  color:#999999;
  border-right:1px solid #999;
}

.foot6 a{
   padding:0px 12px;
}

.foot4{
  width:70%;
  height:auto;
  margin-bottom:22px;
}

.foot4 p{
  text-align:center;
  width:100%;
  height:auto;
  font:16px/26px "Î¢ÈíÑÅºÚ";
   color:#999999;

}


.foot5{
  width:37%;
  height:auto;
  margin-bottom:30px;
}

.foot5 li{
  width:22%;
  margin:0px 5%;
  float:left;
}

.foot5 li img{
  width:100%;
  height:auto;
  display:block;
  margin-bottom:12px;
}

.foot5 li span{
  width:100%;
  height:auto;
  display:block;
  font:14px/14px "Î¢ÈíÑÅºÚ";
  color:#999;
}

.liebiao{
  width:900px;
  height:auto;
  padding:43px 0px 70px 0px;
}

.biaoti{
  width:100%;
  height:auto;
  position:relative;
}

.biaoti2{
  width:auto;
  position:absolute;top:0px;left:50%;

}

.biaoti2 a{
  margin:0px 10px;
  padding:0px 13px;
  display:block;
  border-bottom:6px solid #333333;
  font:16px/34px "ËÎÌå";
  color:#333333;
  float:left;
  font-weight: bold;
}

.biaoti2 a.active{
   border-bottom:6px solid #3c52a2;
    color:#3c52a2;
     font-weight: bold;
}

.liebiao2{
  padding-top:20px;
}

.liebiao2 li{
  padding:24px 0px;
  border-bottom:1px solid #d7d7d7;
  overflow:hidden;
}

.liebiao3{
  width:72%;
  margin-right:2%;
}

.liebiao3 h2 a{
  font:20px/37px "Î¢ÈíÑÅºÚ";
  color:#666666;
  margin:0px;
  font-weight:bold;
}

.liebiao3 h2 a,.liebiao3 p a{
  color:#666666;
}

.liebiao3 p a{
  font:16px/26px "Î¢ÈíÑÅºÚ";
  color:#666666;
}


.liebiao4{
  width:26%;
   height:auto;
}

.liebiao4 img{
  width:193px;
  height:130px;
  display:block;
}

.pagenav{
  width:235px;
  height:auto;
  border-radius: 4px;
  background: #fff;
  border:1px solid #dddddd;
  margin-top: 30px;
}

.pagenav a{
  width:35px;
  height:35px;
  line-height: 35px;
  display: block;
  float:left;
  text-align: center;
  font-size: 14px;
  color:#3c52a2;
  border-right:1px solid #dddddd;
}

.pagenav a:last-child{
  border-right:0px;
}

.pagenav a.active{
  color:#fff;
  background:#3c52a2;
}


.biaoti3{
  width:100%;
  font:30px/30px "Î¢ÈíÑÅºÚ";
  color:#3b52a3;
  margin-bottom:35px;
  text-align:center;
}

.liebiao span{
  width:100%;
  text-align:center;
  display:block;
  margin:0 auto;
  font:14px/26px "Î¢ÈíÑÅºÚ";
  color:#666666;
}


.para{
  margin-top:15px;
  width:100%;
  height:auto;
}

.para img{
  max-width:100%;
  height:auto;
  display:block;
  margin:0 auto;
  margin-bottom:30px;
}

.para p{
  font:16px/26px "Î¢ÈíÑÅºÚ";
  color:#666666;
  margin-bottom:20px;
}
@media screen and (min-width: 1720px) and (max-width:1920px){
.nav2{
  width:66%;
}

}
@media screen and (min-width: 1201px){
div#menu a {
    position: relative;
    z-index: 10;
    height:auto;
    display: block;
    float: left;  
    padding:0px 12px;
    text-decoration: none;
}
}



@media screen and (min-width: 980px) and (max-width:1200px){
  .liebiao{
     width:95%;
  }
     .zixun{
    width:95%;
  }

  .foot2{
    width:95%;
  }

  .foot3{
    width:42%;
  }

  .foot6{
    width:68%;
  }

  .zixun li{
    width:45%;
    margin-right:5%;
  }

  .zixun li:nth-child(2n){
    margin-right:0%;
  }

  .zixun li:last-child{
     width:45%;
  }

  .friendlink{
    width:95%;
  }
  .banner2{
    height:150px;
  }
  .banner2 img{
  width:100%;
  height:150px;
}

.banner2 p{
  width:100%;
  padding:35px 0px;
}
  .content2{
    width:95%;
  }
  .lunbo{
    width:100%;
  }

  .news{
    width:94%;
     padding: 12px 3% 30px;
  }

  .nav2{
  width:93%;
}
  .nav2 h1{
    float:none;
  }

  .content1{
     padding: 19px 0px;
  }
    .nav{
    background: #000;
background: rgba(0,0,0,0.7);
 filter:Alpha(opacity=70);
  -moz-opacity:0.7; 
}
   div#menu{
    float:none;
    width:100%;
    height:auto;
   }
   div#menu a{
    padding:0 10px;
   }
   div#menu span{
    font-size:18px;
    line-height:35px;
   }

div#menu li div{
top:35px;
}

div#menu ul ul{
  width:92px;
}
div#menu ul ul a span,div#menu ul ul a:hover span{
  line-height:35px;
  font-size:15px;
}

div#menu ul ul div{
   margin: -43px 0 0 92px !important;
}
div#menu ul ul ul a span, div#menu ul ul ul a:hover span{
  font-size:13px;
   line-height:35px;
}
div#menu ul ul ul{
  width:100px;
}


}

@media (min-width: 768px) and (max-width: 979px){
  .liebiao{
     width:95%;
  }
  .foot2{
    width:95%;
  }
   .friendlink{
    width:95%;
  }

  .foot3{
    width:59%;
  }

  .foot6{
    width:83%;
  }
    .zixun{
    width:95%;
  }

  .zixun li{
    width:45%;
    margin-right:5%;
  }

    .zixun li:nth-child(2n){
    margin-right:0%;
  }

  .zixun li:last-child{
     width:45%;
  }
   .banner2{
    height:100px;
   }
   .banner2 img{
  width:100%;
  height:100px;
}

.banner2 p{
  width:100%;
  padding:25px 0px;
  font-size:40px;
}
  .content2{
    width:95%;
  }

  .content1{
    padding:22px 0px;
  }

  .news{
    padding:11px 3% 0px;
  }

  .lunbo{
    width:100%;
  }

  .news{
    width:94%;
  }
   .nav2{
  width:93%;
  }
  .nav{
    background: #000;
background: rgba(0,0,0,0.7);
 filter:Alpha(opacity=70);
  -moz-opacity:0.7; 
}
  .nav2 h1{
    float:none;
  }
   div#menu{
    float:none;
    width:100%;
    height:auto;
   }
   div#menu a{
    padding:0 5.5px;
   }
   div#menu span{
    font-size:15px;
    line-height:25px;
   }

div#menu li div{
top:25px;
}

div#menu ul ul{
  width:78px;
}
div#menu ul ul a span,div#menu ul ul a:hover span{
  line-height:30px;
  font-size:13px;
}

div#menu ul ul div{
   margin: -25px 0 0 78px !important;
}
div#menu ul ul ul a span, div#menu ul ul ul a:hover span{
  font-size:12px;
   line-height:30px;
}
div#menu ul ul ul{
  width:100px;
} 
}

 @media screen and (max-width : 768px){
  .liebiao{
     width:95%;
  }
  .foot5{
    width:50%;
  }
  .foot2{
    width:95%;
  }

  .foot3{
    width:80%;
  }
   .friendlink{
    width:95%;
  }
      .zixun{
    width:95%;
  }

  .foot6{
    width:98%;
    font-size:14px;
  }
   .foot6 a{
    padding:0px 10px;
   }
  .zixun li{
    width:45%;
    margin-right:5%;
  }

    .zixun li:nth-child(2n){
    margin-right:0%;
  }

  .zixun li:last-child{
     width:45%;
  }
  .banner2{
     height:90px;
  }
     .banner2 img{
  width:100%;
  height:90px;
}

.banner2 p{
  width:100%;
  padding:25px 0px;
  font-size:30px;
}
 .content2{
    width:95%;
  }

  .lunbo{
    width:100%;
  }

  .news{
    width:94%;
    padding:2px 3% 0px;
  }

  .content1{
    padding:17px 0px;
  }


.nav2{
  width:85%;
}
#menu{
  display:none;
}
#menu2{
  width:32px;
  height:32px;
  float:right;
  display:block;
  cursor:pointer;
}

.arrow1{
  width:100%;
  height:32px;
  background:url(../images/jiantou_32.png) no-repeat;
  background-size:100% 100%;
}

.arrow2{
   width:100%;
  height:32px;
  background:url(../images/jiantou2_32.png) no-repeat;
  background-size:100% 100%;
}



.nav2 h1{
  width:20%;
  float:left;
}
.nav2 h1 img{
  width:100%;
  display:block;
}

 .liebiao4{
    display:none;
  }
  .liebiao3{
    width:100%;
    margin-right:0%;
  }
.para img{
  width:80%;}

}

@media screen and (max-width : 480px){
  .biaoti3{
    font:18px/23px "Î¢ÈíÑÅºÚ";
  }

  .liebiao{
    padding:35px 0px 45px 0px;
  }

  .para p{
    font:13px/26px "Î¢ÈíÑÅºÚ";
  }
.liebiao2 li{
  padding:18px 0px;
}
  .liebiao3 h2 a{
    font:16px/26px "Î¢ÈíÑÅºÚ";
    font-weight:bold;
  }

  .liebiao3 p a{
    font:13px/24px "Î¢ÈíÑÅºÚ";
  }
  .liebiao{
     width:95%;
  }
  .liebiao4{
    display:none;
  }
  .liebiao3{
    width:100%;
    margin-right:0%;
  }
  .foot2{
    width:95%;
  }

  .foot3{
    width:88%;
  }

  .foot4{
    width:98%;
  }

  .foot5{
    width:85%;
  }
  .foot6{
    width:98%;
  }
  .foot6 a{
    font-size:12px;
  }

  .foot4 p{
     font-size:14px;
  }

   .foot3 a{
    font-size:14px;
    padding:0px 10px;
   }
   .friendlink{
    width:95%;
    padding-top:25px;
  }
 .friendlink li{
  margin-bottom:18px;
 }

      .zixun{
    width:95%;
  }

  .zixun li{
    width:100%;
    margin-right:0%;
  }

  

  .zixun li:last-child{
     width:100%;
  }
 .content2{
    width:95%;
  }

  .lunbo{
    width:100%;
  }

  .news{
    width:94%;
     padding: 5px 3% 0px;
  }
   .content1{
    padding:15px 0px;
   }

  
   .news h2{
     font: 16px/29px "Î¢ÈíÑÅºÚ";
     font-weight:bold;
   }

   .news p{
    font: 13px/27px "Î¢ÈíÑÅºÚ";
   }

.nav2 h1{
  width:36%;
}

#menu2{
  width:32px;
 
  height:32px;
  float:right;
  display:block;
  cursor:pointer;
}

.arrow1{
  width:100%;
  height:32px;
  background:url(../images/jiantou_32.png) no-repeat;
  background-size:100% 100%;
}

.arrow2{
   width:100%;
  height:32px;
  background:url(../images/jiantou2_32.png) no-repeat;
  background-size:100% 100%;
}
.para img{
  width:80%;}
}

@media screen and (min-width : 375px) and (max-width : 414px){


}

@media screen and (min-width : 320px) and (max-width : 374px){

}