.w1400{width:1400px;margin:0 auto;}

/*棣栭〉浜у搧灞曠ず*/
.ind_probox{ background:#eef1f3; padding:66px 0 26px; min-height:400px; overflow:hidden;}
.ind_bigtit{ width:100%; padding-bottom:25px;overflow:hidden; position:relative;}
.ind_bigtit:before{ content:""; display:block; width:100%; height:2px; background:#e7e7e7; position:absolute; left:0; bottom:0;}
.ind_bigtit:after{ content:""; display:block; width:126px; height:2px; background:#088898; position:absolute; left:0; bottom:0;}
.ind_bigtit p{ font-size:32px; line-height:34px; color:#333; font-weight:bold; float:left;}
.ind_bigtit p i{color:#088898; font-style:normal;}
.ind_bigtit span{ text-transform:uppercase; font-size:14px; color:#999;display: block; float:left; margin-top: 16px; margin-left:10px;}
.ind_bigtit .more{ display:block; float:right; width:44px; height:44px; background:#088898 url(/template/cn2014/images/morejt.png) center no-repeat; border-radius:50%;transition: all .4s ease;}
.ind_bigtit .more:hover{transform: rotate(45deg);}


.ind_probox .sort{ width:100%; height:60px; overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.ind_probox .sort a{ line-height:60px; padding-left:30px; float:left;transition: all .4s ease;}
.ind_probox .sort a:hover{ color:#088898;}
.ind_probox .sort a:first-child{ padding-left:0;}
.ind_probox ul{ width:100%; margin-top:10px;}
.ind_probox ul li{ width:23.5%; float:left; margin-right:2%; margin-bottom:40px;  background:#fff;}
.ind_probox ul li:nth-child(5n){margin-right:0;}
.ind_probox ul li .propic{ width:100%; height:274px;}
.ind_probox ul li .propic a{ display:block; width:100%; height:100%; position:relative; overflow:hidden;}
.ind_probox ul li .propic a:after{ content:""; display:block;width:100%; height:100%; background:rgba(8,120,136,.6) url(/template/cn2014/images/prohover.png) center no-repeat; position:absolute; left:0; bottom:-100%; z-index:2; transition: all .3s ease;}
.ind_probox ul li:hover .propic a:after{ bottom:0;}
.ind_probox ul li .propic a img{ max-width:100%; max-height:100%; position:absolute; margin:auto; top:0; bottom:0; left:0; right:0;}
.ind_probox ul li .protext .name{ display:block; background:#d6dbe1; width:100%; height:64px; line-height:64px; padding:0 10px; text-align:center; font-size:18px; font-weight:bold;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;transition: all .3s ease;}
.ind_probox ul li:hover .protext .name{ background:#088898; color:#fff;}
.ind_probox ul li .protext .ms,.ind_probox ul li .protext .btn{ display:none;}

.ind_probox ul li:first-child,.ind_probox ul li:nth-child(5n+1){ width:100%; padding:30px 40px;}
.ind_probox ul li:first-child .propic,.ind_probox ul li:nth-child(5n+1) .propic{ width:340px; height:254px;float:left;}
.ind_probox ul li:first-child .protext,.ind_probox ul li:nth-child(5n+1) .protext{width: calc(100% - 380px); float:right;}
.ind_probox ul li:first-child .protext .name,.ind_probox ul li:nth-child(5n+1) .protext .name{ background:none; text-align:left; font-size:24px;padding:0;}
.ind_probox ul li:first-child:hover .protext .name,.ind_probox ul li:nth-child(5n+1):hover .protext .name{ color:#088898;}
.ind_probox ul li:first-child .protext .ms,.ind_probox ul li:first-child .protext .btn,
.ind_probox ul li:nth-child(5n+1) .protext .ms,.ind_probox ul li:nth-child(5n+1) .protext .btn{ display:block;}
.ind_probox ul li:first-child .protext .ms,.ind_probox ul li:nth-child(5n+1) .protext .ms{ margin-top:10px;font-size:16px; line-height:28px; height:56px; color:#999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.ind_probox ul li:first-child .protext .btn,.ind_probox ul li:nth-child(5n+1) .protext .btn{ margin-top:40px;}
.ind_probox ul li:first-child .protext .btn a,.ind_probox ul li:nth-child(5n+1) .protext .btn a{ display:block; width:108px; height:36px; line-height:36px; text-align:center; color:#fff; font-size:14px; background:#088898; float:left; border-radius:20px; transition: all .4s ease;}
.ind_probox ul li:first-child .protext .btn a:hover,.ind_probox ul li:nth-child(5n+1) .protext .btn a:hover{ width:120px;}
.ind_probox ul li:first-child .protext .btn a.ly,.ind_probox ul li:nth-child(5n+1) .protext .btn a.ly{background:#f82838; margin-left:14px;}