*{padding: 0; margin: 0; font-family:open sans, Serif;}
html{background: #ffffff;}
body{max-width: 1920px; width: 100%; margin: 0 auto; background: #ffffff;}
.contain{width: 1200px; margin: 0 auto;}
header{height: 100px;}
.logo{padding-top:35px; }
a{text-decoration: none;}

.banner{overflow: hidden;width: 100%;}
.banner img{width: 100%;}
.banner .mob{display: none;}

.cont1{padding-bottom: 100px; }
.title{text-align: center; margin-top:90px; }
.title h1{font-size: 28px; line-height: 40px; color:#021c35}
.title h2{font-size: 18px; line-height: 40px; color:#475362}

.context{color: #ffffff; padding:40px 0 0 50px; overflow: hidden; position: relative; margin-top: 40px; }
.context p{font-size: 14px; line-height: 24px;  width: 600px;}
.context_time{padding-left:40px; margin-bottom: 35px;}

.context_mess{background: #ffffff; margin:35px 0 0  -50px; padding:20px 0 20px 50px; width: 100%; overflow: hidden;}
.context_item{ color: #263549;font-size: 12px; line-height: 18px;  float: left; text-align: center; }
.context_item b{ font-size: 14px; line-height: 30px;}
.mess_m{height: 58px;  clear: both; margin-left: 447px; line-height: 58px; padding-left:30px;}
.context_img{float: right; position: absolute; right: 0; bottom:0;}
.context_item img:hover{transform: scale(1.08);}
.context_img img{vertical-align: bottom;}

.fir{background:#607694; }
.fir .context_item{width: 150px;}
.fir .context_time{background: url('../img/fir_time.png') no-repeat left center; min-height: 20px; /* background-size:auto 100% ; */}
.fir .mess_m{background: url('../img/fir_m.png') no-repeat; color:#9be1ff; font-size: 16px; font-weight:bold }

.sec{background: #71877e;}
.sec .context_item{width: 200px;}
.sec .context_time{background: url('../img/fir_time2.png') no-repeat left center; min-height: 20px;}
.sec .mess_m{background: url('../img/fir_m2.png') no-repeat; color:#cae8b4; font-size: 16px; font-weight:bold}

.thi{background: #8c6d6d;}
.thi .context_item{width: 300px;}
.thi .context_time{background: url('../img/fir_time3.png') no-repeat left center; min-height: 20px;}
.thi .mess_m{background: url('../img/fir_m3.png') no-repeat; color:#ffd297; font-size: 16px; font-weight:bold}


footer{background: #192733; padding-top: 80px; overflow: hidden;}
.foot_item{float: left; width: 280px; padding: 0 10px 0 10px;}
.foot_item h1{color: #9be1ff; font-size: 14px; line-height: 34px;}
.foot_item h2{color: #cae8b4; font-size: 14px;line-height: 20px; padding-top: 18px;}
.foot_item h3{color: #ffd297; font-size: 14px;line-height: 20px; padding-top: 30px;}
.foot_item b{color: #ffffff; font-size: 16px; line-height: 34px;}
.foot_item span{color: #ffffff; font-size: 14px; line-height: 34px; opacity: 0.8}

.copyright{background:#192733; text-align: center;height: 80px; line-height: 80px; font-size: 14px; color: #ffffff;}


@media screen and ( max-width: 768px)
{
    body{width: 100%;}
    .contain{width: 95%;}
    header{height: 50px;}
    .logo{padding-top:10px; }
    .logo img{width: 90%;}

    .banner img{width: 100%;}
    .banner .pc{display: none;}


    .cont1{padding-bottom: 50px; }
    .title{text-align: center; margin-top:40px; }
    .title h1{font-size: 20px; line-height: 30px; }
    .title h2{font-size: 16px; line-height: 30px; }

    .context{padding:20px 0 0 20px; overflow: hidden; position: relative; margin-top: 40px; }
    .context p{font-size: 14px; line-height: 24px;  width: 100%;}
    .context_time{padding-left:30px; margin-bottom: 15px; font-size: 20px;}

    .context_mess{background: #ffffff; margin:0; padding:10px 0 10px 0px;width: 95%; overflow: hidden;}
    .context_item{ color: #263549;font-size: 12px; line-height: 18px;  float: none; text-align: center; width: 80% !important; margin: auto; }
    .context_item b{ font-size: 14px; line-height: 30px;}
    .mess_m{height: 40px;  margin-left: 0px; line-height: 40px; padding-left:0px; width: 93%; background: rgb(0,0,0,0.3) !important;text-align: right; padding-right: 2%; }
    .context_img{float: right; position: relative; right: 0; bottom:0;}
    .context_img img{vertical-align: bottom;}









    footer{background: #192733; padding-top: 40px; overflow: hidden;}
    .foot_item{float: left; width: 280px; padding: 0 10px 0 10px;}
    .foot_item h1{color: #9be1ff; font-size: 14px; line-height: 34px;}
    .foot_item h2{color: #cae8b4; font-size: 14px;line-height: 20px; padding-top: 7px;}
    .foot_item h3{color: #ffd297; font-size: 14px;line-height: 20px; padding-top: 10px; padding-bottom: 10px;}
    .foot_item b{color: #ffffff; font-size: 16px; line-height: 34px;}
    .foot_item span{color: #ffffff; font-size: 14px; line-height: 34px; opacity: 0.8}


    .copyright{background:#192733; text-align: center;height: auto; line-height: 20px; font-size: 14px; color: #ffffff; padding-top: 40px;}

}