@charset "utf-8";
*               {margin: 0;padding: 0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
html            {overflow-x: hidden;min-height: 100vh;}
body, button, input, select, textarea    {font: 90% "Penrose,pingfang sc,hiragino sans gb,Tahoma,Arial,lantinghei sc,microsoft yahei,sans-serif"!important;color: #4d4d4d;}
body            {min-height: 100%;}
input, select, textarea     {font-size: 100%;-webkit-appearance : none;}
table           {border-collapse: collapse;border-spacing: 0;table-layout:fixed;}
address, caption, cite, code, dfn, em, th, var, strong      {font-style: normal;font-weight: 500;}
ol, ul          {list-style: none;}
h1, h2, h3, h4, h5, h6  {font-size: 100%;font-weight: 500;}
a               {color: #4d4d4d;text-decoration: none; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
a:hover         {text-decoration: none;}
.clearfix:before, 
.clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;overflow: hidden;}
.clearfix       {zoom: 1;}
.fl, .fr        {display: inline;}
.fl             {float: left;}
.fr             {float: right;}
.main           {width: 1200px;margin: 0 auto;max-width: 96%;}

.logo img           {display: block;max-width: 100px;}
.nav                {height: 100px;line-height: 100px;margin-left: 200px;}
.nav li             {width: 150px;font-size: 20px;background: url("../img/pic_01.jpg") no-repeat right center;padding: 0 15px;}
.nav li:last-child  {background: 0 none;}
.nav li a           {display: block;text-align: center;}
.nav li:hover       {background: #eee}
.banner img         {display: block;width: 100%;height: auto;}
.mbBanner           {display: none!important;}
.list               {min-height: 450px;margin: 30px auto 50px;}
.list li            {width: calc((100% - 80px) / 4);margin-right: 20px;margin-top: 20px;position: relative;}
.list li:nth-child(4n)  {margin-right: 0;}
.list li .img       {overflow: hidden;position: relative;}
.list li .img img   {display: block;width: 100%;transition: all .3s;background-position: center;background-size: cover;max-width: 270px;max-height: 330px;display: block;}
.list li .top       {display: block;position: absolute;left: 0;top: 0;}
.list li .tit       {line-height: 40px;text-align: center;font-size: 16px;transition: all .3s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.list li:hover .tit {background: #eee;}
.list li:hover .img img {transform: scale(1.2);}
.cont-list p        {margin: 30px 0 20px;color: #000;font-size: 20px;font-weight: bold;}
.cont-list li       {display: block;float: none;width: 100%;height: 40px;position: relative;padding-left: 50px;line-height: 40px;font-size: 18px;}
.cont-list li b     {display: block;position: absolute;width: 40px;height: 40px;top: 0;left: 0;}
.cont-list li:first-child b     {background: url("../img/icon1.png") no-repeat center;background-size: cover;}
.cont-list li:last-child b      {background: url("../img/icon2.png") no-repeat center;background-size: cover;}
.article            {margin: 50px auto;}
.article-tit        {text-align: center;font-size: 20px;font-weight: bold;margin-bottom: 20px;}
.article-view       {text-align: center;margin-bottom: 40px;}
.article-view span  {display: inline-block;margin: 0 20px;color: #666;font-size: 16px;}
.article-info       {min-height: 300px;}
.article-info  p    {text-indent: 2em;font-size: 16px;margin: 20px 0;}
.article-info img   {display: block;margin: 0 auto;max-width: 100%;}
.footer             {width: 100%;text-align: center;background: #000;color: #fff;line-height: 50px;position: absolute;left: 0;bottom: 0;}
.footer a           {color: #fff;}
.footer a:hover     {text-decoration: underline;}
.page               {text-align: center;margin: 50px 0 0;}
.page a,.page b		{display: inline-block;padding: 0 3px;font-size: 14px;min-width: 30px;height: 30px;line-height: 30px;font-weight: normal;background: #efefef;margin-bottom: 3px;}
.page b				{font-weight: bold;background: #0980ef;color: #fff;border: 1px solid #0980ef;}
.page a:hover   	{background: #71acf0;color: #fff;}


@media screen and (max-width:768px) {
    .header                 {margin: 5px 0;}
    .logo img               {max-height: 50px;}
    .nav                    {height: 50px;line-height: 50px;margin-left: 0;}
    .nav li                 {width: auto;font-size: 14px;}
    .list li                {width: calc((100% - 30px) / 3);margin-right: 15px;}
    .list li:nth-child(5n)  {margin-right: 15px;}
    .list li:nth-child(3n)  {margin-right: 0;}
    .list li .img img       {transition: none;}
    .list li:hover  img     {transform: none;}
    .article-tit            {font-size: 18px;}
    .article-view span      {font-size: 15px;margin: 0 8px;}
    .article-info p         {font-size: 14px;}
    
}

@media screen and (max-width:600px) {
    .pcBanner               {display: none!important;}
    .mbBanner               {display: block!important;}
    .mbBanner img           {max-height: 300px;}
    .list li img            {height: 230px;}
}

@media screen and (max-width:500px) {
    .list li                {width: calc((100% - 15px) / 2);margin-right: 15px;}
    .list li:nth-child(3n)  {margin-right: 15px;}
    .list li:nth-child(2n)  {margin-right: 0;}
    .footer                 {line-height: 25px;}
    .footer a               {display: block;}
}