@import url("base.css");
#big .wrap{background: #eee;height:220px;}
.index-box{margin-top:20px;}
.index-box .wrap > dl dt{border:1px solid #47b751;height: 48px;line-height: 48px;text-align: center;color:#47b751;font-size: 16px;font-weight: bold;}
#pdf-c dd{width:1220px;}
ul.ico-list li{float:left;width:283px;height:283px;background-color: #FFF;border: 1px solid #eee;margin:20px 22px 0 0;}
ul.ico-list li a{display: block;position: relative;}
ul.ico-list li a:hover .i-t{display: none;}
ul.ico-list li .i-t .img{height: 140px;margin-top: 40px;margin-bottom: 30px;background-position: center;background-repeat: no-repeat;background-size: 140px auto;background-image: url(../img/pdf-to-word.png);}
ul.ico-list li .i-t .ico2{background-image: url(../img/pdf-to-excel.png);}
ul.ico-list li .i-t .ico3{background-image: url(../img/pdf-to-ppt.png);}
ul.ico-list li .i-t .ico4{background-image: url(../img/pdf-to-txt.png);}
ul.ico-list li .i-t .ico5{background-image: url(../img/pdf-to-jpg.png);}
ul.ico-list li .i-t .ico6{background-image: url(../img/word-to-pdf.png);}
ul.ico-list li .i-t .ico7{background-image: url(../img/excel-to-pdf.png);}
ul.ico-list li .i-t .ico8{background-image: url(../img/ppt-to-pdf.png);}
ul.ico-list li .i-t .ico9{background-image: url(../img/more-functions.png);}
ul.ico-list li .i-t .ico10{background-image: url(../img/pdf-to-html.png);}
ul.ico-list li .i-t .ico11{background-image: url(../img/pdf-to-csv.png);}
ul.ico-list li .i-t .ico12{background-image: url(../img/pdf-to-rtf.png);}
ul.ico-list li .i-t .ico13{background-image: url(../img/html-to-pdf.png);}
ul.ico-list li .i-t .ico14{background-image: url(../img/csv-to-pdf.png);}
ul.ico-list li .i-t .ico15{background-image: url(../img/rtf-to-pdf.png);}
ul.ico-list li .i-t .ico16,ul.ico-list li .i-t .ico17,ul.ico-list li .i-t .ico18{background-image: url(../img/pdflogo.jpg);}
ul.ico-list li .txt{padding:0 10px;font-size: 20px;line-height: 34px;height: 34px;text-align: center;}
ul.ico-list li .i-t .txt{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
ul.ico-list li .i-h{display: none;height:283px;background-color: #47b751;padding:0 10px;}
ul.ico-list li a:hover .i-h{display: block;}
ul.ico-list li .i-h .txt{text-align: left;height: auto;}
ul.ico-list li .i-h .txt b{color:#fff;display: block;padding: 10px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
ul.ico-list li .i-h .txt span{color:#cfc;display: block;font-size: 14px;line-height: 24px;height: 96px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-break: break-word;}
ul.ico-list li .i-h .arr{display: block;position: absolute;bottom: 4px;right:10px;height: 20px;width: 16px;background: url(../img/arrow-right.png) right center no-repeat;}
.art-box dt{margin-bottom: 20px;}
.art-box dd p.img{width:490px;float: left;}
.art-box dd p.img img{width: 490px;}
.art-list{width: 686px;float: right;}
.art-list li{padding:21px 0 20px 0;border-bottom: 1px dashed #eee;}
.art-list li p{font-size: 18px;width:500px;margin-right: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.art-list li span.info{float: right;width:156px;color:#999;font-size: 14px;}
.art-list li span.info i{color: #47b751;font-style: normal;padding-left:4px;}

.index-m{width: 100%;margin-bottom: 15px;}
.index-m dt{background:#f6f6f6;height: 48px;line-height: 48px;text-align: center;color:#47b751;font-size: 16px;font-weight: bold;}
.index-m .ico-list{width: 100%;border-top:1px solid #eee;}
.index-m .ico-list li{width:50%;float: left;height:auto;border: none;margin:0;}
.index-m .ico-list li > a{display:block;border:1px solid #eee;border-top:none;padding:5px 0 15px 0;}
.index-m .ico-list li:nth-child(even) > a{border-left:none;}
.index-m .ico-list li a:hover .i-t{display: block;}
.index-m .ico-list li .i-t .img{margin:0;height:100px;}

@media screen and (min-width:280px) and (max-width:609px){
  #index ul.ico-list li > a{padding:5px 0;}
  #index ul.ico-list li .txt{font-size: 16px;line-height: 28px;height:28px;}
  #index ul.ico-list li .i-t .img{background-size: 62px auto;height:80px;}
  #index ul.ico-list li .i-t .ico9{background-size: 45px auto;}
}

@media screen and (min-width:610px) and (max-width:768px){
  #index ul.ico-list li .txt{font-size: 16px;line-height: 28px;height:28px;}
  #index ul.ico-list li .i-t .img{background-size: 72px auto;}
  #index ul.ico-list li .i-t .ico9{background-size: 45px auto;}
}

@media screen and (min-width:769px) and (max-width:1024px){
  #index #big .wrap{height:128px;}
  #index #pdf-c dd{width:720px;}
  #index ul.ico-list li{width:158px;height:158px;}
  #index ul.ico-list li .i-t .img{height:86px;margin-top:18px;margin-bottom: 10px;background-size: 86px auto;}
  #index ul.ico-list li .i-h{height:158px;}
  #index .art-list{width:700px;}
  #index .art-list li{padding:11px 0 10px 0;}
  #index .art-list li p{width:532px;}
  #index .art-box dd p.img{display: none;}
  #index #foot-new .bottomText{width:auto;}
  #index #foot-new a{margin:0 8px;}
}

@media screen and (min-width:1025px) and (max-width:1440px){
  #index #big .wrap{height:175px;}
  #index #pdf-c dd{width:988px;}
  #index ul.ico-list li{width:224px;height:224px;}
  #index ul.ico-list li .i-t .img{height:114px;margin-top:30px;margin-bottom: 20px;background-size: 114px auto;}
  #index ul.ico-list li .i-h{height:224px;}
  #index .art-list{width:600px;}
  #index .art-list li{padding:11px 0 10px 0;}
  #index .art-list li p{width:440px;}
  #index .art-box dd p.img{width:340px;height:230px;}
  #index #foot-new .bottomText{width:auto;}
}