@charset "utf-8";
/* CSS Document */

/*news*/
/*#news .mod{ width:1580px; height:auto; margin:0 30px;}
#news .mod .mod-header{ width:100%; margin:20px 0;}
#news .mod .mod-header .mod-return{ width:30px; height:30px; background:url(../../images/about_icon02.png) no-repeat center; background-size:cover; cursor:pointer;}
#news .mod .mod-header .mod-menu{ width:1500px; height:30px; margin-left:20px;}
#news .mod .mod-header .mod-menu li{ width:60px; height:30px; line-height:30px; text-align:center; float:left; cursor:pointer;
 border-right:1px solid #a8a8a8; border-top:1px solid #a8a8a8; border-bottom:1px solid #a8a8a8; color:#8c8c8c;}
#news .mod .mod-header .mod-menu li a{ color:inherit; text-decoration:none;} 
#news .mod .mod-header .mod-menu li:first-child{ border-radius:4px 0 0 4px; border-left:1px solid #a8a8a8;}
#news .mod .mod-header .mod-menu li:last-child{ border-radius:0 4px 4px 0;}
#news .mod .mod-header .mod-menu li.active{ background-color:#666; color:#fff; border-bottom:1px solid #666; border-top:1px solid #666;}*/
/*#news .mod .main{ width:1520px; height:auto; padding:20px 40px;}
#news .mod .main ul{ width:100%; height:auto;}
#news .mod .main ul li{ width:100%; height:166px; margin-bottom:50px; overflow:hidden;}
#news .mod .main ul li a{ color:inherit; text-decoration:none;}
#news .mod .main ul li .date{ width:58px; height:65px; background:url(../../images/news_icon01.png) no-repeat center; background-size:cover; text-align:center; color:#fff; cursor:default;}
#news .mod .main ul li .date .d1{ margin:0; padding:0; font-size:24px; line-height:30px; margin-top:5px;}
#news .mod .main ul li .date .d2{ margin:0; padding:0; font-size:14px; line-height:14px;}
#news .mod .main ul li .show-img{ width:236px; height:166px; margin:0 10px; cursor:pointer;}
#news .mod .main ul li .col{ width:1000px; padding:0 10px;}
#news .mod .main ul li .col .tit{ font-size:26px; line-height:40px; color:#333;}
#news .mod .main ul li .col .intro{ font-size:14px; line-height:30px; color:#999; cursor:default;}
#news .mod .main ul li .col .text{ font-size:16px; line-height:24px; color:#555; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
#news .mod .main ul li .col .tagBox{ width:100%;}
#news .mod .main ul li .col .tagBox .tag{ display:table; float:left; color:#189ff5; cursor:default;}
#news .mod .main ul li .col .tagBox .tag i{ display:block; width:16px; height:16px; background:url(../../images/news_icon02.png) no-repeat center; background-size:cover; margin-top:2px;}
#news .mod .main ul li .col .tagBox .tag span{ display:block; margin-left:20px; font-size:14px;}*/
#news .mod{ width:82%; height:auto; margin:0 30px;}
#news .mod .mod-header{ width:100%; margin:20px 0;}
#news .mod .mod-header .mod-return{ width:30px; height:30px; background:url(../../images/about_icon02.png) no-repeat center; background-size:cover; cursor:pointer;}
#news .mod .mod-header .mod-menu{ width:90%; height:30px; margin-left:20px;}
#news .mod .mod-header .mod-menu li{ height:30px; line-height:30px; text-align:center; float:left; cursor:pointer;
 border-right:1px solid #a8a8a8; border-top:1px solid #a8a8a8; border-bottom:1px solid #a8a8a8; color:#8c8c8c;padding: 0px 8px 0px 8px;}
#news .mod .mod-header .mod-menu li a{ color:inherit; text-decoration:none;} 
#news .mod .mod-header .mod-menu li:first-child{ border-radius:4px 0 0 4px; border-left:1px solid #a8a8a8;}
#news .mod .mod-header .mod-menu li:last-child{ border-radius:0 4px 4px 0;}
#news .mod .mod-header .mod-menu li.active{ background-color:#666; color:#fff; border-bottom:1px solid #666; border-top:1px solid #666;}
#news .mod .main{ width:100%; height:auto; padding:20px 40px;}
#news .mod .main ul{ width:100%; height:auto;}
#news .mod .main ul li{ width:100%; height:166px; margin-bottom:50px; overflow:hidden;}
#news .mod .main ul li a{ color:inherit; text-decoration:none;}
#news .mod .main ul li .date{ width:58px; height:65px; background:url(../../images/news_icon01.png) no-repeat center; background-size:cover; text-align:center; color:#fff; cursor:default;}
#news .mod .main ul li .date .d1{ margin:0; padding:0; font-size:24px; line-height:30px; margin-top:5px;}
#news .mod .main ul li .date .d2{ margin:0; padding:0; font-size:14px; line-height:14px;}
#news .mod .main ul li .show-img{ width:236px; height:166px; margin:0 10px; cursor:pointer;}
#news .mod .main ul li .col{ width:60%; padding:0 10px;}
#news .mod .main ul li .col .tit{ font-size:26px; line-height:40px; color:#333;overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
#news .mod .main ul li .col .intro{ font-size:14px; line-height:30px; color:#999; cursor:default;}
#news .mod .main ul li .col .text{ font-size:16px; line-height:24px; color:#555; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
#news .mod .main ul li .col .tagBox{ width:100%;}
#news .mod .main ul li .col .tagBox .tag{ display:table; float:left; color:#189ff5; cursor:default;}
#news .mod .main ul li .col .tagBox .tag i{ display:block; width:16px; height:16px; background:url(../../images/news_icon02.png) no-repeat center; background-size:cover; margin-top:2px;}
#news .mod .main ul li .col .tagBox .tag span{ display:block; margin-left:20px; font-size:14px;}

@media screen and (max-width: 1740px) {
#news .mod{ width:76%;}
#news .mod .main ul li .col{ width:66%;}
}

@media screen and (max-width: 1440px) {
#news .mod{ width:72%;}
#news .mod .main ul li .col{ width:58%;}
}

@media screen and (max-width: 1200px) {
#news .mod{ width:72%; height:auto; margin:0 10px 0 20px;}
#news .mod .main ul li .col{ width:55%;}
}

@media screen and (max-width: 1120px) {
#news .mod{ width:72%; height:auto; margin:0 10px 0 20px;}
#news .mod .main ul li .col{ width:50%;}
}

/*newsView*/
/*#newsView .mod{ width:1580px; height:auto; margin:0 30px;}
#newsView .mod .mod-header{ width:100%; margin:20px 0;}
#newsView .mod .mod-header .mod-return{ width:30px; height:30px; background:url(../../images/about_icon02.png) no-repeat center; background-size:cover; cursor:pointer;}
#newsView .mod .mod-header .mod-menu{ width:1500px; height:30px; margin-left:20px;}
#newsView .mod .mod-header .mod-menu li{ width:90px; height:30px; line-height:30px; text-align:center; float:left; cursor:pointer; border:1px solid #ccc; border-radius:4px;
 margin-right:10px; position:relative;}
#newsView .mod .mod-header .mod-menu li.n1{ padding-left:16px;}  
#newsView .mod .mod-header .mod-menu li.n2{ padding-right:16px;}  
#newsView .mod .mod-header .mod-menu li a{ color:inherit; text-decoration:none;} 
#newsView .mod .mod-header .mod-menu li a i{ display:block; color:#333; font-size:1.5em; position:absolute;}
#newsView .mod .mod-header .mod-menu li a i.fa-angle-left{ left:16px; top:50%; margin-top:-11px;}
#newsView .mod .mod-header .mod-menu li a i.fa-angle-right{ right:16px; top:50%; margin-top:-11px;}

#newsView .mod .main{ width:1520px; height:auto; padding:20px 40px; cursor:default;}
#newsView .mod .main .main-top{ width:100%; height:100px; border-bottom:1px solid #dadada;}
#newsView .mod .main .main-top .tit{ font-size:30px; line-height:50px; color:#333;}
#newsView .mod .main .main-top .intro{ font-size:14px; line-height:40px; color:#999;}
#newsView .mod .main .main-content{ width:100%;}
#newsView .mod .main .main-content .show-img{ width:700px; margin:50px auto;}
#newsView .mod .main .main-content .text{ font-size:16px; color:#474848; line-height:22px; text-indent:2em; text-align:justify;}*/
#newsView .mod{ width:70%; height:auto; margin:0 30px;}
#newsView .mod .mod-header{ width:100%; margin:20px 0;}
#newsView .mod .mod-header .mod-return{ width:30px; height:30px; background:url(../../images/about_icon02.png) no-repeat center; background-size:cover; cursor:pointer;}
#newsView .mod .mod-header .mod-menu{ width:88%; height:30px; margin-left:20px;}
#newsView .mod .mod-header .mod-menu li{ width:90px; height:30px; line-height:30px; text-align:center; float:left; cursor:pointer; border:1px solid #ccc; border-radius:4px;
 margin-right:10px; position:relative;}
#newsView .mod .mod-header .mod-menu li.n1{ padding-left:16px;}  
#newsView .mod .mod-header .mod-menu li.n2{ padding-right:16px;}  
#newsView .mod .mod-header .mod-menu li a{ color:inherit; text-decoration:none;} 
#newsView .mod .mod-header .mod-menu li a i{ display:block; color:#333; font-size:1.5em; position:absolute;}
#newsView .mod .mod-header .mod-menu li a i.fa-angle-left{ left:16px; top:50%; margin-top:-11px;}
#newsView .mod .mod-header .mod-menu li a i.fa-angle-right{ right:16px; top:50%; margin-top:-11px;}

#newsView .mod .main{ width:100%; height:auto; padding:20px 40px; cursor:default;}
#newsView .mod .main .main-top{ width:100%; height:100px; border-bottom:1px solid #dadada;}
#newsView .mod .main .main-top .tit{ font-size:30px; line-height:50px; color:#333;}
#newsView .mod .main .main-top .intro{ font-size:14px; line-height:40px; color:#999;}
#newsView .mod .main .main-content{ width:100%;}
#newsView .mod .main .main-content .show-img{ width:700px; margin:50px auto;}
#newsView .mod .main .main-content .text{ font-size:16px; color:#474848; line-height:22px; text-indent:2em; text-align:justify;}


@media screen and (max-width: 1200px) {
#newsView .mod{ width:68%; height:auto; margin:0 30px;}
#newsView .mod .main .main-content .show-img{ width:500px; margin:50px auto;}
}