/*固定*/

/*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: 1323px;  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: 15%;  box-sizing: border-box;  text-align: center;  padding: 15px 0;  font-size: 18px;  display: inline-block;  margin-left: 10px; margin-right: 10px }

li.yellow {  background-color: #00aec7;  }

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

/*banner结束*/



/*内容展示开始*/

.content {  width: 1323px;  margin: 25px auto;  }

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

.content ul p{ 
    line-height: 28px;
    width: 100%;
    font-size: 15px;
    color: #424242;
    text-indent: 2em;
    margin: 10px auto; }

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

.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%;
    border-radius: 25px;
    border-style: dotted;
    border-width: 1px;
}

.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:77px;}



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

    /*内容展示结束*/

}

.content .title{
border-bottom: 1px dashed #bbbbbb;
 width: 100%;
 height: 71px;
}