.title_container{position: relative;background-size: cover;background-position: center center;display: -webkit-box;-webkit-box-align: center}
.title_container > .en{font-size: 4rem;color:#fff;font-weight: bold;margin-left: 3rem}
.title_container > .cn{font-size: 3rem;color:#fff;margin-left: 5rem}

.c2{margin: 20px auto 20px auto;  overflow: hidden;text-align: center}
.c2 .item{}
.c2 .item .main{margin:10px;background-size: cover;padding: 1px;position: relative}
.c2 .item .main p{color: #fff}
.c2 .item .main .p1{margin-top: 30px}
.c2 .item .main .p2{font-size: 2.0rem;font-weight: bold;}
.c2 .item .main .p3{margin-top: 10px}

.c3{overflow: hidden;margin: 0px auto 0px auto;}
.c3 .right{padding:0px 3px 10px 3px}
.c3 .main{padding:0px 10px 10px 10px}
.c3 .main .item,.c3 .main .news-info{background: #fff;padding: 20px;margin-bottom: 20px;overflow: hidden}
.c3 .main .item .left{border: 1px solid #ddd;float: left;background-size: cover;background-position: center center}
.c3 .main .item .itemMain{margin-left: 230px;}
.c3 .main .item .title{font-size: 1.2rem;line-height: 150%;}
.c3 .main .item .tag{color: #555;margin:3px 0px 3px 0px}
.c3 .main .item .tag a{margin-right: 5px;margin-left: 5px;}
.c3 .main .item .intro{line-height: 150%;color:#fff;}
.c3 .main .item .bigImg{margin:10px 0px 10px 0px}
.c3 .main .item .bigImg img{width:100%;height: auto}
.c3 .main .item .info{margin: 10px 0px;overflow: hidden}
.c3 .main .item .info > span{color:#555}
.c3 .main .item .info i{font-size: 0.6rem;}
.c3 .main .item .imgContainer{overflow: hidden}
.c3 .main .item .imgContainer > .imgItem{float: left;border: 1px solid #ddd;background-size: cover;background-position: center center}

.c3 .main .news-info>.titleContaner{padding: 0px 20px 20px 20px;border-bottom: 1px solid #ddd}
.c3 .main .news-info>.titleContaner .title{line-height: 150%;font-size: 1.6rem;}
.c3 .main .news-info>.titleContaner .info{line-height:30px}
.c3 .main .news-info>.artContent{padding: 20px}
.c4{overflow: hidden}
.c4 .img{width:123px;height: 123px;float: left;background-repeat: no-repeat;background-size: cover}
.c4 .info{margin-left:130px;padding: 10px 0px 0px 0px}
.c4 .info p{line-height: 30px}

.c5{overflow: hidden}
.c5 li{margin-bottom: 5px;line-height: 20px}
.c5 li span{margin-left: 12px;color: #555;font-size: 0.8rem}

@media screen and (min-width: 300px){
    .c2,.c3{width:100%}
    .c2 .item .main .p1{margin-top: 5px}
    .c2 .item .main .p2{font-size: 1.0rem;}
    .c2 .item .main .p3{display: none}
    .c3 .main .item .left{width:100px;height: 100px;}
    .c3 .main .item .itemMain{margin-left: 120px;}
    .c3 .main .item .imgContainer > .imgItem{width:80px;height: 80px;margin:5px;}
    .c3 .main .news-info {padding: 5px}
    .c3 .main .news-info>.artContent{padding: 10px 5px 10px 5px}
    .news-info .uploadImg{width:100%}
    .title_container{-webkit-box-pack: center}
    .title_container > .en,.title_container > .cn{margin-left: 0rem}

}

@media screen and (min-width: 768px){
    .c2,.c3{width:90%}
    .c2 .item .main .p1{margin-top: 10%;}
    .c2 .item .main .p3{display: block}
    .c2 .item .main .p2{font-size: 2.0rem;}
    .c3 .main .item .left{width:200px;height: 200px;}
    .c3 .main .item .itemMain{margin-left: 230px;}
    .c3 .main .item .imgContainer > .imgItem{width:150px;height: 150px;margin:20px 10px 20px 10px;}
    .c3 .main .news-info>.artContent{padding: 20px}
    .news-info .uploadImg{width:100%}
    .title_container{-webkit-box-pack: start}
    .title_container > .en{margin-left: 3rem}
    .title_container > .cn{margin-left: 5rem}
}

@media screen and (min-width: 1000px){
    .c2,.c3{width:1200px}
}

@media screen and (min-width: 1500px){

}