/*固定*/

/*banner开始*/

.main {  width: 100%;  }

.main .banner {  width: 100%;  font-size: 0;  position: relative;  }

.main .banner img {  width: 100%;  }

.main .banner .subnav {  width: 100%;  background-color: rgba(0, 0, 0, .5);  position: absolute;  left: 0;  bottom: 0;  }

.main .banner .subnav .center {  width: 1200px;  margin: 0 auto;  font-size: 0;  position: relative;  }

.main .banner .subnav ul {  width: 100%;  }

.subnav ul > .bor_rig {  border-right: 1px solid #949494;  }

.main .banner .subnav ul > li {  width: 20%;  box-sizing: border-box;  text-align: center;  padding: 15px 0;  font-size: 18px;  display: inline-block;  }

li.yellow {  background-color: #e59231;  }

.main .banner .subnav ul > li a {  color: #fff;  }

/*banner结束*/



/*内容展示开始*/

.content {  width: 1200px;  margin: 110px auto;  }

.content ul {  width: 100%;  font-size: 0;  }

.content ul > li {  width: 32%;  margin-top: 25px;  margin-bottom: 25px;  display: inline-block;  }

.content ul > li.cen {  margin-left: 2%;  margin-right: 2%;  }

.content ul > li .exhibition {  width: 100%; font-size: 0;  padding-bottom: 65px;  position: relative;  }

.content ul > li .exhibition > img {  width: 100%;  }

.content ul > li .exhibition .msg {  width: 80%;  position: absolute;  bottom: 10px;  z-index: 9;  left: 50%;  background-color: #fff;  margin-left: -40%;  text-align: center;  padding: 25px 0;  font-size: 18px;  color: #333333;  box-shadow: 0 2px 5px 1px #eee;  }

/*内容展示结束*/



/*自适应*/



/*中*/

@media screen and (min-width: 720px) and (max-width: 1200px) {



    .main .banner .subnav .center {  width: 720px;  }

    .main .banner .subnav ul > li {  width: 20%;  box-sizing: border-box;  padding: 12px 0;  font-size: 14px;  }

    /*banner结束*/

    .content {  width: 720px;  margin: 70px auto;  }

    .content ul > li {  width: 31%; }

    .content ul > li.cen {  margin-left: 3.5%;  margin-right: 3.5%;  }

    .content ul > li .exhibition { padding-bottom: 30px;   }

    .content ul > li .exhibition .msg {  bottom: -8px;   padding: 15px 0;  font-size: 14px;  }

    /*内容展示结束*/

}



/*小*/

@media screen and (min-width: 320px) and (max-width: 720px) {

    .main{ margin-top:47px;}



    .main .banner .subnav .center {  width: 320px;  }

    .main .banner .subnav ul > li {  width: 20%;  box-sizing: border-box;  padding: 6px 0;  font-size: 10px;  }

    /*banner结束*/



    .content {  width: 320px;  margin: 20px auto;  }

    .content ul {  width: 100%;  font-size: 0;  }

    .content ul > li {  width: 94%; margin:20px 3%; }

    .content ul > li .exhibition {  padding-bottom: 15px; }

    .content ul > li .exhibition .msg {   bottom: -8px; padding: 8px 0;  font-size: 16px;   }

    /*内容展示结束*/

}