/*====index====*/
body {
    text-align: center;
    font-size: 2.7em;
    font-family:  "微软雅黑";
    margin: 0;
    padding: 0;
}

.clearfix:after
{
    content: "";
    display: block;
    clear: both;
}

img {
    width: 100%;
}

/*====header====*/
header titlep {
    color: #fff;
    line-height: 100px;
    background-color: #91d4da;
    width: 100%;
    height: 100px;
    display: flex;
}

titlep back {
    flex: 1;
}

titlep content {
    flex: 5;
}
.headerNav {
    display: flex;
    width: 100%;
    height: 100px;
}

.headerNav nav {
    flex: 1;
    line-height: 100px;
}

.headerNavOn {
    border-bottom: 2px solid #91d4da;
}

.tagNav {
    height: 300px;
    display: flex;
    margin-bottom: 20px;
}

.tagNav nav {
    flex: 1;
    background: url(tag.png) 28px 15px no-repeat;
    text-align: center;
    padding-top: 200px;
}

.colum {
    flex: 1;
    width: 33%;
    height: 120px;
    background: url(nav.png) 10px 0px no-repeat;
    padding-top: 250px;
    border-right: 2px solid darkgrey;
}

.colSubTitle {
    display: block;
    color: darkgrey;
    font-size: 40px;
}  

/*====block the first====*/
.b1 {
    width: 95%;
    margin: 5% 2.5%;
}

.b1Title {
    width: 100%;
    font-size: 1.2em;
    text-align: left;
    border-bottom: 2px solid darkgrey;
}

.b1 content { 
    display: flex;
    width: 75%;
    padding-left: 27%;
}

.background {
    margin: 1% 0;
    padding: 1.5% 0;
    background: url(blockBanner_1.png) 0 50% no-repeat;
}

.block1 {
    flex: 1;
    padding: 2% 1%;
    margin: 2% 1%;
    background-color: darkgrey;
    font-size: 1em;
}

/*====block the second====*/
.b2 {
    width: 95%;
    margin: 2.5% 2.5%;
}

.block2 {
    border-bottom: 2px solid grey;
    margin: 1% 0;
    padding: 2.5% 0;
    line-height: 100px;
    text-align: left;
    width: 75%;
    height: 200px;
    padding-left: 25%;
    background: url(blockBanner_1.png) 0 50% no-repeat;
}

.block2Main {
    width: 90%;
    margin: 0 5%;
    font-size: 1em;
}

.block2Sub {
    width: 100%;
    margin: 0 5%;
    color: darkgrey;
    font-size: 0.7em;
}

/*====block the third====*/
.block3 {
    width: 95%;
    margin: 2% 2.5%;
}

.block3Main {
    text-align: left;
    font-size: 1.2em;
    border-bottom: 2px solid grey;
}

.block3Sub {
    text-align: left;
    width: 100%;
    margin: 0 5%;
    color: darkgrey;
    font-size: 0.7em;
}

.block3 img {
    margin: 1% 3%;
}