html,body{
  height: 100%;
  width: 100%;
  position: relative;
}
a{
  text-decoration: none;
  cursor: pointer;
}
.clear{clear: both;}


/* 公共样式 */
.nav_btn{
  position: fixed;
  width: 42px;
  height: 42px;
  background: url(../img/news/menu_btn.png) no-repeat;
  left: 44px;
  top: 134px;
  cursor: pointer;
  z-index: 50;
}
.my_nav{
  position: fixed;
  top:0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
}
.my_nav .nav_bg{
  width: 100%;
  height: 100%;
}
.my_nav .nav_bg img{
  width: 100%;
}
.my_nav .nav_content{
  position: absolute;
  top:0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
}
.my_nav .nav_content a{
  color: #999;
  font-size: 64px;
  line-height: 90px;
  font-weight: bold;
  letter-spacing: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.my_nav .nav_content a.active{
  color: #e5b622;
}
.my_nav .nav_content .nav_close{
  display: block;
  position: relative;
  z-index: 5;
  width: 42px;
  height: 42px;
  background: url(../img/close.png) no-repeat;
  margin: 44px 0 0 44px;
  cursor: pointer;
}
.my_nav .nav_content .nav_list{
  position: relative;
  top:50%;
  margin-top:-350px;
  overflow: hidden;
  padding-bottom: 10px;
}
.my_nav .nav_content .nav_list li{
  margin-top: 550px;
}
.my_nav .nav_content .nav_list li a{
  display: inline-block;
  position: relative;
}
.my_nav .nav_content .out_link{
  position: absolute;
  left: 20px;
  bottom:6px;
  width: 32%;
}
.my_nav .nav_content .out_link a{
  float: left;
  width: 28%;
  margin-right:3%;
}
.my_nav .nav_content .out_link a.link3{
  width: 38%;
  margin-right:0;
  margin-top: 3px;
}
.my_nav .nav_content .out_link a img{
  width: 100%;
}
.my_nav .nav_content .nav_list li span{
  display: inline-block;
  height: 6px;
  width: 0;
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translate(-50%,0);
  -webkit-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  transition: all .3s linear;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  transform-origin:center center;  
  -webkit-transform-origin:center center;
  -moz-transform-origin:center center;
  -o-transform-origin:center center;
  -ms-transform-origin:center center;
}
.my_nav .nav_content .nav_list li.li_1 span{
  background: #007eb0;
}
.my_nav .nav_content .nav_list li.li_2 span{
  background: #007eb0;
}
.my_nav .nav_content .nav_list li.li_3 span{
  background: #e5b622;
}
.my_nav .nav_content .nav_list li.li_4 span{
  background: #b4d047;
}
.my_nav .nav_content .nav_list li.li_5 span{
  background: #04bccd;
}
.my_nav .nav_content .nav_list li.li_6 span{
  background: #ff7b05;
}
.my_nav .nav_content .nav_list li.li_1 a:hover{
  color:#007eb0;
}
.my_nav .nav_content .nav_list li.li_2 a:hover{
  color:#007eb0;
}
.my_nav .nav_content .nav_list li.li_3 a:hover{
  color:#e5b622;
}
.my_nav .nav_content .nav_list li.li_3 a:hover{
  color:#e5b622;
}
.my_nav .nav_content .nav_list li.li_4 a:hover{
  color:#b4d047;
}
.my_nav .nav_content .nav_list li.li_5 a:hover{
  color:#04bccd;
}
.my_nav .nav_content .nav_list li.li_6 a:hover{
  color:#ff7b05;
}
.my_nav .nav_content .nav_list li.li_1 a:hover span,
.my_nav .nav_content .nav_list li.li_2 a:hover span,
.my_nav .nav_content .nav_list li.li_3 a:hover span,
.my_nav .nav_content .nav_list li.li_4 a:hover span,
.my_nav .nav_content .nav_list li.li_5 a:hover span,
.my_nav .nav_content .nav_list li.li_6 a:hover span{
  width: 100%;
}
/* 公共样式结束 */
/*KV*/
.kv{
  height: 0;
  padding-bottom: 37.4%;
  overflow: hidden;
}
.kv img{
  display: block;
  width: 100%;
}
/*article*/
.article{
  font:"Microsoft Yahei";
  color:#000;
  background: url('../img/bg.jpg') repeat-y;
  background-size: 100% auto;
}
.content{
  width: 73%;
  padding: 50px 0;
  margin: auto;
  overflow: hidden;
}
.content .title{
  font-size: 66px;
  font-weight: bold;
  margin-bottom: 60px;
  letter-spacing: 2px;
  color: #201f1f;
}
.content .title span{
  font-size: 54px;
  font-style: italic; 
  opacity: .4;
  font-family: 'Arial';
  margin-right:20px;
}
#picList{width:100%;padding-bottom: 50px;padding-top:100px; }
#picList a{color: #000;}
#picList li{width:46%;height:0;float: left;padding-bottom: 47.4%; }
#picList li img{width: 100%;}
#picList li p{font-size: 20px;padding:0 30px 0 70px;line-height: 28px;margin-top:-150px;}
#picList li>a{display: block;}
#picList li.right{margin-top: 50px;margin-left:4%;}
#picList li.left{margin-top: -100px;margin-left:2%;}

/*响应式*/
@media screen and (max-width: 1600px){
  #picList li p{font-size: 16px;line-height: 24px; margin-top: -100px;padding:0 30px 0 50px;}
}