@charset "utf-8";
/* CSS Document */
.navbar { margin-bottom:0px;}.navbar-default {background:#fff;border:none;box-shadow:0px 2px 8px 0px rgba(50,50,50,0.25)}
.navbar-default .navbar-brand {height:90px;line-height:45px;}
.navbar-default .navbar-brand>img {width:100%;}
.navbar-default .navbar-nav>li>a {font-size:16px;line-height:45px;}
.navbar-default .navbar-toggle { margin-top:20px;}
body{background: #f4f4f4}
.banner{
    max-width: 1920px;
    margin:0 auto
}
.banner .pic1 { margin:0 auto;width: 100%;}


.item_top{  
    max-width: 1920px;
    height: 80px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    line-height: 80px;
    background: #fff;
}
.item_top p{
    font-weight: bold;
}
.item_top p a{
    color: #333 !important;
}
 
.topL{
  width: 130px;
  height: 80px;
  margin-left: 50px;
   
}
.topL img{
    width: 100%;
    
}
.topR{
    width: 130px;
    height: 80px;
    margin-right: 50px;
   
     
  }
  .topR img{
      width: 100%;
    
  }

.clear{
    clear: both;
}




#box_1{
    
}
.date{
    width: 1010px;
    height: 326px;
    margin: 0px auto;
   margin-top:500px

}
.date img{
    width: 100%;
    
}
#box_4{
    max-width: 1920px;
    height: auto;
    margin: 0 auto
}
.a1{
    background-color: #0069c6;

}

.baike{
    width: 903px;
    height: 109px;
    margin: 30px auto;
    
}
.whole{
    width: 900px;
    margin: 0 auto;
}
.downL{
    width: 252.3px;
    margin-top: 30px;
}
.downL ul{
    padding: 0
}
.downL li{
    width: 200px;
    height: 55px;
    line-height: 55px;
    margin-bottom: 5px;
    border: 1px solid #0069c6;
    border-right:4px solid #0069c6 ;
    margin-left: 20px;
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
    font-weight: 700; 
    color: gray;
}

.downR{
    width: 633.5px;
    height: 800px;
  
  
}
.downL li{
    list-style: none;
}
.rightPart{
    width: 593.5px;
    height: 778px;
    background: url(../picture/circle.png) no-repeat ;
    margin: 30px auto;
    padding: 20px;
    
}
.rightPart p{
margin-top: 100px;
font-size: 20px;
color: #041339;
line-height: 40px;
letter-spacing: 3px;
text-align: left;
}
.downR div:first-Child{display:block;} 
#box_4{ background: url(../picture/bg2.png) center top no-repeat; width:1260px;height: 870px;margin: 0 auto;background-size: 100%;; }
#box_4 .pic_1 { text-align:center; }
#box_4 .pic_1 .online{padding-top: 45px}
.zixunTwo  {
    margin-top: -40px
 } 
 
#box_5{
    background: url(../picture/bg.png) center top no-repeat; margin: 0 auto;background-size: 100%;
}
.box_5_container{
    width: 1118px;
    height: 1108px;
    margin: 30px auto;

}
#box_5 .pic_1 { text-align:center; }
#box_5 .pic_1 .online{padding-top: 45px}
#box_6{
    background: url(../picture/bg.png) center top no-repeat; height:1190px;margin: 0 auto;background-size: 100%;
}
#box_6 .pic_1 { text-align:center; }
#box_6 .pic_1 .online{padding-top: 45px}
.pic{
    width: 49.5%;
    height:341px;
    border: 1px solid;
}
.box_6_container{
    padding-top: 20px;
}
.box{
    display: flex;
}
.p1,.p2,.p3,.p4{
    margin: 20px
}
.p5{
    margin: 30px auto;
}
#box_7 { background:#dedede; }
#box_7 .pic_1 { text-align:center; }
#box_7 .pic_1 .online{padding-top: 45px}



#box_8 { background:#dedede; }
#box_8 .pic_1 { text-align:center; }
#box_8 .pic_1 .online{padding:45px 0 45px 0}
#box_9 { background:#cf3239; }
#box_9 .pic_1 { text-align:center; }
.zixun{
    margin: 0px auto;
    
}


.item_bottom{
    max-width: 1920px;
    margin: 0 auto;
}
.item_bottom img{
    width: 100%;
}



footer { background:#333; color:#fff; padding-bottom:30px;}
footer h3,h5 { color:#ffd200;}
footer a { color:#fff;}
footer a:hover { color:#fffc00; text-decoration:none;}

.foot_info { font-size:12px; padding-top:15px; color:#666;}
.foot_info a { color:#666;}
.foot_info a:hover { color:#cc0000; text-decoration:none;}
@media (max-width: 1024px){
    .navbar .container{height: 50px}
    .navbar-header{width: 100%;height:50px}
    .navbar-default .navbar-brand {height:50px;width: 200px;line-height: 50px}
    .navbar-default .navbar-brand>img {width:70%;}
    .navbar-default .navbar-nav>li>a {font-size:14px;}
    .navbar-default .navbar-toggle { margin-top:10px;margin-right: 0px}
 
    .banner{
        height: 330px;
        }

.banner img{
    width: 100%
}
    
.weibo { display:none;}
#box_1{
    background: url(../picture/bg1.png) center top no-repeat; height:270px;margin: 0 auto;background-size: 100%;
    
}
.date{
    width: 360px;
    height: 120px;
    margin: 0px auto;
    margin-top: 150px;
}
.date img{
    width:100%;
    margin-top: 0px;
}
#box_1 .pic_1 {text-align: center;margin-top: 25px;}
#box_1 .pic_1 img { width:96%;}
.baike{
    width: 300px;
    height: auto;
    margin: 10px auto;
}
.baike img{
    width: 100%
}


#box_4{ background: url();
width: 100%;  
height: auto ;}
.whole{
    width: 100%;
}
.downL{
    width: 100%;
    margin-left: 0px;
    margin: 0 auto;
}
.downL ul{
    padding: 0;
    display: flex;
    flex-wrap:wrap;
    margin-left: 0px;
    margin: 0 auto;

}
.downL li{
    width: 30%;
    height: 30px;
    line-height: 30px;
    margin-bottom: 0px;     
    border: 1px solid #0069c6;  
    margin-left: 5px;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    font-weight: 700; 
    color: gray;
}
.downL li p{
    color: #fff
}
.downR{
    width: 100%;
    height: auto;
    border: 3px solid #fff;
  
}
.downL li{
    list-style: none;
}
.rightPart{
    width: 100%;
    height: auto;
    background: url();
    margin:0px auto;
    padding: 20px;
    
}
.rightPart p{
margin-top: 10px;
font-size: 16px;
color: #041339;
line-height:30px;
letter-spacing: 3px;
}
.zixunTwo  {
width: 40%;
margin: 0 auto
} 
.box_5_container{
    width: 100%;
    height: 450px;
    

}
#box_5{
    background: url(../picture/bg.png) center top; margin: 0 auto;background-size: 100%;width: 100%;
}
#box_6{
    background: url(../picture/bg.png) center top; height:520px;margin: 0 auto;background-size: 100%;
}
.p1,.p2,.p3,.p4{
    margin: 10px
}
.box_6_container{
    padding-top: 0px;
}













#box_4 .pic_1 {text-align: center;margin-top: 0px;}
#box_4 .pic_1 img { width:96%;}
#box_5 .pic_1 {text-align: center;margin-top: 0px;}
#box_5 .pic_1 img { width:96%;}
#box_6 .pic_1 {text-align: center;margin-top: 0px;}
#box_6 .pic_1 img { width:96%;}
#box_7 .pic_1 {text-align: center;margin-top: 0px;}
#box_7 .pic_1 img { width:96%;}
#box_8 .pic_1 {text-align: center;margin-top: 0px;}
#box_8 .pic_1 img { width:96%;}
#box_9 .pic_1 {text-align: center;margin-top: 0px;}
#box_9 .pic_1 img { width:80%;}
.box_1_title {
    background: -moz-linear-gradient(left,#28d3c9,#5ae0bb);
    background: -webkit-gradient(linear,0 50%,100% 50%,from(#28d3c9),to(#5ae0bb));
    background: -webkit-linear-gradient(left,#28d3c9,#5ae0bb);
    background: -o-linear-gradient(left,#28d3c9,#5ae0bb);
    color: #fff;
    font-weight: bold;
    font-size: 36px;
    width: 96%;
    height: 80px;
    border-radius: 10px;
    margin: 0 auto;
    line-height: 80px;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 60px;
}







.box_8_title h2 { font-weight: bold; font-size: 20px; line-height:30px;}
.box_8_title p { font-size: 14px;}
.box_8_pic img { width:96%;}

.footer_box { width:90%; margin:0 auto;}

.power { color:#666; font-size:10px; text-align:right; padding-bottom:10px;}
}