@charset "utf-8";

#notice .box{width:1000px; text-align:left; margin:0 auto; padding:30px 0 50px 0; overflow:hidden;}
#notice .box .list li{height:80px; padding:20px 0; border-bottom:1px solid #808080; overflow:hidden;}
#notice .box .list li .date{width:67px; height:75px; margin-right:20px; padding-top:5px; padding-left:13px; background:#F5F5F5; float:left; overflow:hidden;}
#notice .box .list li .date .day{height:40px; line-height:40px; color:#A68D6A; font-weight:bold; font-size:36px; overflow:hidden;}
#notice .box .list li .date .month{height:15px; line-height:15px; color:#045079; font-size:12px; overflow:hidden;}
#notice .box .list li .date .year{height:15px; line-height:15px; color:#045079; font-size:12px; overflow:hidden;}
#notice .box .list li .cont{width:900px; height:80px; float:left; overflow:hidden;}
#notice .box .list li .cont .name{height:80px; line-height:80px; font-size:16px; float:left; overflow:hidden;}
#notice .box .list li .cont .name a{color:#313131;}
#notice .box .list li .cont .name a:hover{color:#d4a93e;}
#notice .box .list li .cont .text{height:80px; line-height:80px; font-size:16px; float:right; overflow:hidden;}
#notice .box .list li .cont .text a{color:#D4A93E;}
#notice .box .list .button{height:40px; margin-top:20px; overflow:hidden;}
#notice .box .list .button a{display:block; height:40px; line-height:40px; color:#fff; font-size:14px; text-align:center; background:#d4a93e; overflow:hidden;}
#notice .box .list .button a:hover{background:#ddba65;}

#noticeContact{width:100%; height:480px; overflow:hidden; position:relative;}
#noticeContact img{width:1920px; height:480px; margin-left:-960px; overflow:hidden; position:absolute; top:0; left:50%; z-index:0;}
#noticeContact .box{width:1000px; height:480px; text-align:left; margin-left:-500px; overflow:hidden; position:absolute; top:0; left:50%; z-index:1;}
#noticeContact .box .en{line-height:55px; color:#A68D6A; font-size:36px; padding-top:50px; overflow:hidden;}
#noticeContact .box .cn{line-height:45px; color:#A68D6A; font-size:36px; overflow:hidden;}
#noticeContact .box .tips{line-height:25px; color:#A68D6A; font-size:14px; overflow:hidden;}
#noticeContact .box .text{line-height:25px; color:#fff; font-size:12px; padding-top:90px; overflow:hidden;}
#noticeContact .box .text b{font-size:16px;}
/*pad*/
@media only screen and (min-width:768px) and (max-width:1219px){

}
/*mobile*/
@media only screen and (min-width:320px) and (max-width:767px){
    #notice .box{width:auto; padding:15px 15px 25px 15px;}
    #notice .box .list li{height:50px; padding:10px 0; position:relative;}
    #notice .box .list li .date{width:42px; height:47px; padding-top:3px; padding-left:8px; float:inherit; position:absolute; left:0; top:10px;}
    #notice .box .list li .date .day{height:17px; line-height:17px; font-size:16px; overflow:hidden;}
    #notice .box .list li .date .month{height:13px; line-height:13px; color:#045079; font-size:11px; overflow:hidden;}
    #notice .box .list li .date .year{height:13px; line-height:13px; color:#045079; font-size:11px; overflow:hidden;}

    #notice .box .list li .cont{width:auto; height:50px; padding-left:60px; float:inherit;}
    #notice .box .list li .cont .name{height:50px; line-height:50px; font-size:11px;}
    #notice .box .list li .cont .text{display:none;}

    #noticeContact{width:100%; height:200px;}
    #noticeContact img{width:800px; height:200px; margin-left:-400px;}
    #noticeContact .box{width:auto; height:200px; margin-left:0; padding:0 15px; left:0;}
    #noticeContact .box .en{line-height:20px; font-size:18px; padding-top:15px;}
    #noticeContact .box .cn{line-height:20px; font-size:18px;}
    #noticeContact .box .tips{line-height:20px; font-size:12px;}
    #noticeContact .box .text{line-height:20px; font-size:11px; padding-top:20px;}
    #noticeContact .box .text b{font-size:14px;}
}