.ibanner { position:relative; background: url(../img/index/banner.jpg) center center no-repeat; height: 630px;}
.ibanner .box { position: absolute; left: 50%; top: 50%; margin-top: -108px; width: 1100px; margin-left: -550px; color: #ffffff; }
.ibanner .box .t { text-align: center; line-height: 104px; font-size: 102px; letter-spacing: 1px; font-weight: bold; margin-bottom: 30px; text-shadow:0 5px 8px rgba(0,0,0,0.3);}
.ibanner .box .m { text-align: center; font-size: 0; }
.ibanner .box .m p{ display: inline-block; padding: 0 30px; text-align: center; height: 60px; line-height: 60px; font-size: 36px; border: 1px #fff solid; border-radius: 31px; text-shadow:0 5px 8px rgba(0,0,0,0.3); }

.index_con { padding: 84px 0; text-align: center; font-size: 18px; line-height: 38px;}

.index_nav { margin: 0 -20px; padding-bottom: 20px;}
.index_nav .item { float: left; width: 338px; margin: 0 20px 40px 20px; border: 1px #e7e7e7 solid; border-top: 2px #185bbe solid; transition:all 300ms ease;}
.index_nav .item .img{ border-bottom: 1px #e7e7e7 solid; margin-bottom: 8px;}
.index_nav .item .img img{ display: block; margin: 0 auto; height: 128px;}
.index_nav .item .tit { text-align: center; height: 46px; line-height: 46px; font-weight: bold; font-size: 18px; position: relative; }
.index_nav .item .tit:after { display: block; content: ''; position: absolute; left: 50%; bottom: -1px; height: 3px; width: 20px; background: #185bbe; margin-left: -10px;}
.index_nav .item .tit:before { display: block; content: ''; position: absolute; left: 50%; bottom: 0; height: 1px; width: 100px; background: #cccccc; margin-left: -50px;}
.index_nav .item .con { padding: 15px 33px 0 33px; text-align: center; height: 240px; line-height: 28px; font-size: 14px; }
.index_nav .item .foot { height: 83px; padding: 25px 40px 0 40px;}
.index_nav .item .foot .btn { display: block; margin-bottom: 10px; height: 38px; line-height: 38px; text-align: center; border: 1px #185bbe solid; border-radius: 3px; font-size: 16px; color: #185bbe;}
.index_nav .item .foot .btn:hover { background: #185bbe; color: #fff;}

.index_nav .item3 .con { padding: 15px 20px 0 20px; }
.index_nav .item3 .foot { height: 108px; padding: 0 40px;}

.index_nav .item:hover { margin-top: -10px;}

@media (min-width:240px) and (max-width:999px){
.ibanner { position:relative; background-size: cover; padding: 100px 20px 120px 20px; height: auto;}
.ibanner .box { position: relative; left:0; top:0; margin-top:0; width: auto; margin-left:0; }
.ibanner .box .t { line-height: 50px; font-size: 32px; margin-bottom: 10px; }
.ibanner .box .m { }
.ibanner .box .m p{ height: 32px; line-height: 32px; font-size: 15px; border: 1px #fff solid; border-radius: 17px; padding: 0 20px; letter-spacing: 1px; }

.index_con { padding: 34px 0; font-size: 14px; line-height: 30px;}

.index_nav { margin: 0 0; padding-bottom: 20px;}
.index_nav .item { float: none; width: auto; margin: 0 0 20px 0; }
.index_nav .item .img{ margin-bottom: 6px;}
.index_nav .item .img img{ height: 88px;}
.index_nav .item .tit { height: 46px; line-height: 46px; font-size: 18px; }
.index_nav .item .tit:after { height: 3px; width: 20px; margin-left: -10px;}
.index_nav .item .tit:before { height: 1px; width: 100px; margin-left: -50px;}
.index_nav .item .con { padding: 15px 20px 0 20px; height: auto; line-height: 28px; font-size: 14px; }
.index_nav .item .foot { height: auto; padding: 15px 20px 10px 20px;}
.index_nav .item .foot .btn { display: block; margin-bottom: 10px; height: 38px; line-height: 38px; text-align: center; border: 1px #185bbe solid; border-radius: 3px; font-size: 16px; color: #185bbe;}
.index_nav .item .foot .btn:hover { background: #185bbe; color: #fff;}

.index_nav .item3 .con { padding: 15px 20px 0 20px; }
.index_nav .item3 .foot { height: auto; padding: 15px 20px 10px 20px;}

}