.pro_list .span-1 { width: 380px; height: 450px; margin: 10px; margin-bottom: 25px; background: #ffffff; float: left; }
 .pro_list .pro_tit { font-size: 16px; margin-bottom: 0px; font-weight: bold; margin-top: 10px; position: relative; height: 60px; line-height: 40px; padding-top: 20px; text-align: center; color: #171717; overflow: hidden; }
 .pro_list .pro_tit:before { content: ''; width: 100%; position: absolute; background: #e7e7e7; height: 1px; left: 0; top: 0; }
 .pro_list ._con { width: 380px; height: 450px; padding: 20px; overflow: hidden; }
 .pro_list .c_hidden{ height:auto; transition: all .3s ease; }
 .pro_list ._con:hover .c_hidden{ opacity:0; filter: alpha(opacity=0); }
 .pro_list ._con img{ margin-bottom: 30px; width: 100%; overflow: hidden; -moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s; }
 .pro_list ._mask { width: 100%; height: 100%; padding: 80px 50px; position: absolute; z-index: 5; left: 0; top: 101%; background-color: #009b6f; background-size: cover; color: #fff; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
 .pro_list p.pro_code { color: #555555; font-size: 14px; height: 26px; line-height: 26px; text-align: center; }
 .pro_list ._mask h3 { font-size: 28px; line-height: 1; font-weight: normal; margin-bottom: 15px; font-family: arial; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #ffffff; }
 .pro_list ._mask h4 { font-size: 14px; font-weight: normal; margin-bottom: 35px; color: #ffffff; height: 168px; line-height: 24px; overflow: hidden; }
 .pro_list ._mask .links { font-size: 14px; padding-top:40px; }
 .pro_list ._mask .links a { margin-right: 30px; transition: all 0.3s ease; text-decoration: none; outline: 0; color: inherit; border: #fff 1px solid; padding: 10px; color:#fff; }
 .pro_list ._mask .links a .ion { display: inline-block; vertical-align: middle; margin: 0 .3em; font-size: 1.1em; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
 .pro_list ._mask .links a:hover { color: #fff; }
 .pro_list ._mask .links a.a1 i { font-size: 0; width: 20px; height: 20px; background: url(../img/moreicons.png) 0px 5px no-repeat; margin-right: 5px; }
 .pro_list ._mask .links a.a2 i { font-size: 0; width: 20px; height: 20px; background: url(../img/icontels.png) 0px 5px no-repeat; margin-right: 5px; }
 .pro_list ._con:hover .rect img { transform: scale(1.1)!important; -webkit-transform: scale(1.1)!important; -moz-transform: scale(1.1)!important; -ms-transform: scale(1.1)!important; -o-transform: scale(1.1)!important; overflow: hidden !important; }
 .pro_list .pro_arr { position: absolute; right: 15px; top: 15px; height: 45px; width: 40px; display:none; }
 .pro_list ._con:hover ._mask { top: 0; }
 .pro_list ._con:hover ._mask a { color: #fff; }
 .pr { position: relative; }
 .rect { padding-bottom: 100%; position: relative; display: block; width: 100%; height: 0; overflow: hidden; }