@charset "utf-8";

#news .box{width:1000px; text-align:left; margin:0 auto; padding:70px 0 100px 0; overflow:hidden;}
#news .box .commend{height:536px; overflow:hidden;}
#news .box .commend .big{width:490px; height:535px; border-bottom:1px solid #808080; float:left; overflow:hidden; position:relative;}
#news .box .commend .big .photo{height:368px; overflow:hidden;}
#news .box .commend .big .photo img{width:100%; height:100%;}
#news .box .commend .big .time{height:25px; line-height:25px; color:#8C8C8C; padding-top:10px; overflow:hidden;}
#news .box .commend .big .time span{color:#A68D6A; padding-right:10px;}
#news .box .commend .big .name{height:35px; line-height:35px; color:#313131; font-size:24px; overflow:hidden;}
#news .box .commend .big .name a{color:#313131;}
#news .box .commend .big .name a:hover{color:#d4a93e;}
#news .box .commend .big .text{line-height:20px; color:#8C8C8C; font-size:13px; padding-top:10px; overflow:hidden;}
#news .box .commend .big .view{height:35px; line-height:35px; color:#313131; overflow:hidden; position:absolute; left:0; bottom:0;}
#news .box .commend .big .view a{color:#313131;}
#news .box .commend .big .view a:hover{color:#d4a93e;}
#news .box .commend .small{width:490px; height:536px; float:right; overflow:hidden;}
#news .box .commend .small ul{width:510px; overflow:hidden;}
#news .box .commend .small ul li{width:235px; height:257px; margin:0 20px 20px 0; border-bottom:1px solid #808080; float:left; overflow:hidden; position:relative;}
#news .box .commend .small ul li .photo{height:176px; overflow:hidden;}
#news .box .commend .small ul li .photo img{width:100%; height:100%;}
#news .box .commend .small ul li .time{height:18px; line-height:18px; color:#8C8C8C; padding-top:8px; overflow:hidden;}
#news .box .commend .small ul li .time span{color:#A68D6A; padding-right:10px;}
#news .box .commend .small ul li .name{height:22px; line-height:22px; color:#313131; font-size:16px; overflow:hidden;}
#news .box .commend .small ul li .name a{color:#313131;}
#news .box .commend .small ul li .name a:hover{color:#d4a93e;}
#news .box .commend .small ul li .view{height:35px; line-height:35px; color:#313131; overflow:hidden; position:absolute; left:0; bottom:0;}
#news .box .commend .small ul li .view a{color:#313131;}
#news .box .commend .small ul li .view a:hover{color:#d4a93e;}

#news .box .list_a li{height:80px; padding:20px 0; border-bottom:1px solid #808080; overflow:hidden;}
#news .box .list_a li .date{width:67px; height:75px; margin-right:20px; padding-top:5px; padding-left:13px; background:#F5F5F5; float:left; overflow:hidden;}
#news .box .list_a li .date .day{height:40px; line-height:40px; color:#A68D6A; font-weight:bold; font-size:36px; overflow:hidden;}
#news .box .list_a li .date .month{height:15px; line-height:15px; color:#045079; font-size:12px; overflow:hidden;}
#news .box .list_a li .date .year{height:15px; line-height:15px; color:#045079; font-size:12px; overflow:hidden;}
#news .box .list_a li .cont{width:900px; height:80px; float:left; overflow:hidden; position:relative;}
#news .box .list_a li .cont .name{height:20px; line-height:20px; color:#474545; font-size:18px; overflow:hidden;}
#news .box .list_a li .cont .name a{color:#474545; float:left;}
#news .box .list_a li .cont .name a:hover{color:#d4a93e;}
#news .box .list_a li .cont .category{height:20px; line-height:20px; color:#A68D6A; font-size:12px; padding-top:5px; overflow:hidden;}
#news .box .list_a li .cont .category span{display:none; color:#8C8C8C; padding-left:10px;}
#news .box .list_a li .cont .text{line-height:18px; color:#746969; font-size:13px; overflow:hidden;}
#news .box .list_a .button{height:40px; margin-top:20px; overflow:hidden;}
#news .box .list_a .button a{display:block; height:40px; line-height:40px; color:#fff; font-size:14px; text-align:center; background:#d4a93e; overflow:hidden;}
#news .box .list_a .button a:hover{background:#ddba65;}

#news .box .list li{height:176px; padding:20px 0; border-bottom:1px solid #808080; overflow:hidden;}
#news .box .list li .photo{width:235px; height:176px; margin-right:20px; float:left; overflow:hidden;}
#news .box .list li .photo img{width:100%; height:100%;}
#news .box .list li .cont{width:745px; height:176px; float:left; overflow:hidden; position:relative;}
#news .box .list li .cont .name{height:35px; line-height:35px; color:#313131; font-size:24px; overflow:hidden;}
#news .box .list li .cont .name a{color:#313131; margin-right:10px; float:left;}
#news .box .list li .cont .name a:hover{color:#d4a93e;}
#news .box .list li .cont .name span{line-height:43px; color:#A68D6A; font-size:16px; float:left;}
#news .box .list li .cont .text{line-height:20px; color:#8C8C8C; font-size:13px; padding-top:15px; overflow:hidden;}
#news .box .list li .cont .view{height:15px; line-height:15px; color:#313131; overflow:hidden; position:absolute; left:0; bottom:0;}
#news .box .list li .cont .view a{color:#313131; margin-right:50px; float:left;}
#news .box .list li .cont .view a:hover{color:#d4a93e;}
#news .box .list li .cont .view span{color:#8C8C8C; float:left;}
#news .box .list .button{height:40px; margin-top:20px; overflow:hidden;}
#news .box .list .button a{display:block; height:40px; line-height:40px; color:#fff; font-size:14px; text-align:center; background:#d4a93e; overflow:hidden;}
#news .box .list .button a:hover{background:#ddba65;}
#news .box.a{margin-top:40px; padding-top:0; border-top:1px solid #808080;}

#newsView .box{width:1000px; text-align:left; margin:0 auto; padding:35px 0 50px 0; overflow:hidden;}
#newsView .box .category{line-height:35px; color:#A68D6A; font-size:16px; overflow:hidden;}
#newsView .box .name{line-height:30px; color:#000; font-size:24px; overflow:hidden;}
#newsView .box .time{line-height:20px; color:#8C8C8C; font-size:12px; overflow:hidden;}
#newsView .box .text{padding:15px 0 40px 0; border-bottom:1px solid #808080; overflow:hidden;}
#newsView .box .text p{line-height:25px; color:#313131; font-size:13px; padding-top:25px;}
#newsView .box .button{height:60px; overflow:hidden;}
#newsView .box .button .link{height:60px; line-height:60px; color:#313131; float:left; overflow:hidden;}
#newsView .box .button .link a{color:#313131;}
#newsView .box .button .link a:hover{color:#d4a93e;}
#newsView .box .button .back{width:150px; height:40px; margin-top:10px; float:right; overflow:hidden;}
#newsView .box .button .back a{display:block; width:150px; height:40px; line-height:40px; color:#fff; text-align:center; background:#D4A93E; overflow:hidden;}
#newsView .box .button .back a:hover{background:#ddba65;}
/*pad*/
@media only screen and (min-width:768px) and (max-width:1219px){

}
/*mobile*/
@media only screen and (min-width:320px) and (max-width:767px){
    #news .box{width:auto; padding:20px 15px 40px 15px;}
    #news .box .commend{height:auto;}
    #news .box .commend .big{width:100%; height:auto; float:inherit;}
    #news .box .commend .big .photo{height:auto;}
    #news .box .commend .big .photo img{width:100%; height:auto;}
    #news .box .commend .big .time{height:13px; line-height:13px; font-size:11px; padding-top:3px;}
    #news .box .commend .big .time span{padding-right:5px;}
    #news .box .commend .big .name{height:auto; line-height:17px; font-size:14px;}
    #news .box .commend .big .text{display:none;}
    #news .box .commend .big .view{height:13px; line-height:13px; font-size:11px; padding-top:8px; position:inherit;}
    #news .box .commend .small{width:100%; height:auto; padding-top:10px; float:inherit;}
    #news .box .commend .small ul{width:103%; overflow:hidden;}
    #news .box .commend .small ul li{width:47%; height:auto; margin:0 3% 3% 0;}
    #news .box .commend .small ul li .photo{height:auto;}
    #news .box .commend .small ul li .photo img{width:100%; height:auto;}
    #news .box .commend .small ul li .time{height:13px; line-height:13px; font-size:11px; padding-top:3px;}
    #news .box .commend .small ul li .time span{padding-right:5px;}
    #news .box .commend .small ul li .name{height:auto; line-height:17px; font-size:14px;}
    #news .box .commend .small ul li .view{height:13px; line-height:13px; font-size:11px; padding-top:8px; position:inherit;}

    /*#news .box .list_a li{height:auto; padding:15px 0;}*/
    /*#news .box .list_a li .date{display:none;}*/
    /*#news .box .list_a li .cont{width:100%; height:auto; float:inherit;}*/
    /*#news .box .list_a li .cont .name{height:20px; line-height:20px; font-size:16px;}*/
    /*#news .box .list_a li .cont .name a{margin-right:0;}*/
    /*#news .box .list_a li .cont .name span{line-height:25px; font-size:11px; float:right;}*/
    /*#news .box .list_a li .cont .category{height:15px; line-height:15px; font-size:11px;}*/
    /*#news .box .list_a li .cont .category span{display:inline-block;}*/
    /*#news .box .list_a li .cont .text{line-height:15px; font-size:12px; padding-top:5px;}*/

    #news .box .list_a li{height:50px; padding:10px 0; position:relative;}
    #news .box .list_a li .date{width:42px; height:47px; padding-top:3px; padding-left:8px; float:inherit; position:absolute; left:0; top:10px;}
    #news .box .list_a li .date .day{height:17px; line-height:17px; font-size:16px; overflow:hidden;}
    #news .box .list_a li .date .month{height:13px; line-height:13px; color:#045079; font-size:11px; overflow:hidden;}
    #news .box .list_a li .date .year{height:13px; line-height:13px; color:#045079; font-size:11px; overflow:hidden;}
    #news .box .list_a li .cont{width:auto; height:50px; padding-left:60px; float:inherit;}
    #news .box .list_a li .cont .name{height:20px; line-height:20px; font-size:14px;}
    #news .box .list_a li .cont .category{display:none;}
    #news .box .list_a li .cont .text{line-height:15px; font-size:11px; padding-top:2px;}


    #news .box .list li{height:auto; padding:15px 0;}
    #news .box .list li .photo{display:none;}
    #news .box .list li .cont{width:100%; height:auto; float:inherit;}
    #news .box .list li .cont .name{height:25px; line-height:25px; font-size:16px;}
    #news .box .list li .cont .name a{margin-right:0;}
    #news .box .list li .cont .name span{line-height:25px; font-size:11px; float:right;}
    #news .box .list li .cont .text{line-height:15px; font-size:11px; padding-top:0;}
    #news .box .list li .cont .view{height:13px; line-height:13px; font-size:11px; padding-top:8px; position:inherit;}
    #news .box .list li .cont .view a{margin-right:10px;}
    #news .box.a{margin-top:0; border-top:0;}
    #newsView .box{width:auto; padding:20px 15px 40px 15px;}
    #newsView .box .category{line-height:20px; font-size:11px;}
    #newsView .box .name{line-height:20px; font-size:16px;}
    #newsView .box .time{line-height:20px; font-size:11px;}
    #newsView .box .text{padding:0 0 20px 0;}
    #newsView .box .text p{line-height:20px;font-size:11px; padding-top:20px;}
    #newsView .box .text p img{width:100%;}
    #newsView .box .button{height:auto;}
    #newsView .box .button .link{height:40px; line-height:40px; float:inherit;}
    #newsView .box .button .back{float:inherit;}
}