@charset "utf-8";
/* 
 * Project Name: 德投
 * Author:浅浅
 * Date：2016-9-5
 */

dd,ul { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }


body { font: 12px/1.8 "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #666; background-color: #fff; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }







.transYT { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transYT2 { transform: translateY(-50px); -webkit-transform: translateY(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transXT { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transXT2 { transform: translateX(-50px); -webkit-transform: translateX(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.action.transYT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }



.w390 { width: 380px; }

.mb24 { margin-bottom: 24px; }
.imgTr { transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; }

.iboxList li { float: left; display: block; width: 190px; height: 190px; position: relative; overflow: hidden; background-color: #e8e8e8; text-align: center; cursor: pointer; }
.iboxList li.item1, .iboxList li.item3 { }
.iboxList li.item1, .iboxList li.item2 { }
.iboxList li:hover .ibox-link { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.blue-bg { background: url(../images/blue_bg.png) repeat; }
.or-bg { background: url(../images/or_bg.png) repeat; }
.iboxList li .bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; }
.iboxList li.item2 .bg, .iboxList li.item3 .bg { opacity: 0; visibility: hidden; }
.iboxList li .con { position: absolute; left: 0px; top: 40px; width: 100%; }
.iboxList li i { width: 45px; height: 45px; display: block; background: url(../images/i1.png) no-repeat scroll center top; display: block; margin: 0px auto 10px; }
.iboxList li.item2 i { background-image: url(../images/i2.png); }
.iboxList li.item3 i { background-image: url(../images/i3.png); }
.iboxList li.item4 i { background-image: url(../images/i4.png); }
.iboxList li .t { font-weight: bold; font-size: 15px; color: #333333; }
.iboxList li .c { font-family: arial, helvetica, sans-serif; line-height: 1.4; color: #999999; width: 90%; margin: 0px auto; }
.iboxList li.item1 .t, .iboxList li.item4 .t, .iboxList li.item1 .c, .iboxList li.item4 .c { color: #fff; }
.iboxList li.item1 img, .iboxList li.item4 img { width: 100%; display: block; transition: all 0.7s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.7s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; }
.iboxList li.item1:hover img, .iboxList li.item4:hover img { transform: scale(1.2); -webkit-transform: scale(1.2); }
.iboxList li.item2:hover i { background-position: center bottom; }
.iboxList li.item3:hover i { background-position: center bottom; }
.iboxList li.item2:hover { background-color: #00caeb; }
.iboxList li.item2:hover .bg, .iboxList li.item3:hover .bg { opacity: 1; visibility: visible; }
.iboxList li.item2:hover .t, .iboxList li.item3:hover .t, .iboxList li.item2:hover .c, .iboxList li.item3:hover .c { color: #fff; }