.ibanner { position:relative; background: url(../img/mbl/banner.jpg) center center no-repeat; height: 630px;}
.ibanner .box { position: absolute; left: 50%; top: 50%; margin-top: -180px; width: 1080px; height: 288px; padding: 36px 36px 36px 56px; background: rgba(255,255,255,0.8); margin-left: -586px; color: #185bbe; }
.ibanner .box .t { padding-top: 90px; line-height: 80px; padding-left: 15px; font-size: 62px; font-weight: bold; }
.ibanner .box .m { line-height: 50px; font-size: 25px; }
.ibanner .box .img { position: absolute; right: 36px; top: 36px; }
.ibanner .box .img img{ display: block; height: 288px;}

.iimg img { display: block; margin: 0 auto; max-width: 100%;}


.imain1 { padding: 44px 0 10px 0; }
.imain2 { padding: 0 0 35px 0; }
.imain3 { padding: 0 0 60px 0; }


.itit { }
.itit .t { text-align: center; line-height: 78px; font-size: 42px; letter-spacing: 1px; font-weight: bold; color: #185bbe; }
.itit .line{ position: relative; height: 6px;}
.itit .line:before { display:block; content: ''; position: absolute; left: 50%; margin-left: -150px; top: 2px; width: 300px; height: 1px; background: #d9d9d9; z-index: 98;}
.itit .line i{ display: block; margin: 0 auto; width: 50px; height: 6px; background: #185bbe; position: relative; z-index: 99; }

.itit2 { position: relative; margin-bottom: 50px;}
.itit2 .t{ position: relative; z-index: 10; text-align: center;}
.itit2 .t span{ display: inline-block; background: #fff; padding: 0 15px;}
.itit2 .m { text-align: center; padding: 20px 20px 30px 20px; font-size: 18px; line-height: 36px; font-weight: bold;}
.itit2:after { display: block; content: ''; position: absolute; left: 0; right: 0; top: 37px; bottom: 0; border: 3px #185bbe solid; z-index: 9;}


.ilist1 { margin-bottom: 70px;}
.ilist1 .tit { line-height: 56px; font-size: 30px; }
.ilist1 .con { line-height: 54px; font-size: 24px;}
.ilist1 .con ul li { float: left;}
.ilist1 .con ul li p{ display: block; text-align: center;}
.ilist1 .con ul li img{ display: block;}

.ilist1 .con ul li.li1 { width: 333px;}
.ilist1 .con ul li.li2 { width: 375px; margin-left: 6px;}
.ilist1 .con ul li.li3 { float: right; width: 380px;}


.ilist2 { margin-bottom: 30px; }
.ilist2 .tit { line-height: 46px; font-size: 24px; }
.ilist2 .con { line-height: 30px; font-size: 18px;}
.ilist2 .con ul li { float: left;}
.ilist2 .con ul li p{ display: block; padding: 0 5px;}
.ilist2 .con ul li img{ display: block; margin: 10px 0;}

.ilist2 .con ul li.li1 { }
.ilist2 .con ul li.li2 { float: right; }

.itable_box { margin-bottom: 10px;}
.itable_box .tit{ line-height: 68px; text-align: center; margin-bottom: 7px; font-size: 24px; background: url(../img/mbl/d.png) center bottom no-repeat;}

.itable {}
.itable tr th{ height: 40px; text-align: center; font-size: 16px; font-weight: normal; background: #fbcbc0; border: none;}
.itable tr td{ height: 50px; text-align: center; font-size: 16px; border: none;}
.itable tr:nth-of-type(even) { background:#feefec; }

.itable2 { border-bottom: 1px #eeeff4 solid;}
.itable2 tr th{ background: #bee7ff; }
.itable2 tr:nth-of-type(even) { background:#ebf8ff; }


@media (min-width:240px) and (max-width:999px){
.ibanner { position:relative; background-size: cover; padding: 50px 20px 50px 20px; height: auto;}
.ibanner .box { position: relative; left: 0; top: 0; margin-top: 0; width: auto; height: auto; padding: 20px; margin-left:0; }
.ibanner .box .t { text-align: center; padding-top: 0; padding-left: 0; line-height: 50px; font-size: 28px; margin-bottom: 10px; }
.ibanner .box .m { text-align: center; line-height: 30px; font-size: 14px; margin-bottom: 20px; }
.ibanner .box .img { position: relative; right: 0; top: 0; }
.ibanner .box .img img{ width: 100%; height: auto;}


.imain1 { padding: 20px 0 5px 0; }
.imain2 { padding: 0 0 20px 0; }
.imain3 { padding: 0 0 30px 0; }

.itit { }
.itit .t { font-size: 18px; line-height: 40px; }
.itit .line{ height: 3px;}
.itit .line:before { margin-left: -80px; top: 1px; width: 160px; }
.itit .line i{ width: 60px; height: 3px; }

.itit2 { margin-bottom: 30px;}
.itit2 .t span{ padding: 0 10px;}
.itit2 .m { padding: 12px 12px 20px 12px; font-size: 14px; line-height: 24px; }
.itit2:after { top: 20px; border: 2px #185bbe solid; }


.ilist1 { margin-bottom: 30px;}
.ilist1 .tit { line-height: 36px; font-size: 16px; text-align: center; }
.ilist1 .con { line-height: 34px; font-size: 14px; text-align: center;}
.ilist1 .con ul li { float: none;}
.ilist1 .con ul li img{ width: 100%;}

.ilist1 .con ul li.li1 { width: auto;}
.ilist1 .con ul li.li2 { width: auto; margin-left: 0;}
.ilist1 .con ul li.li3 { float: none; width: auto;}


.ilist2 { margin-bottom: 20px; }
.ilist2 .tit { line-height: 36px; font-size: 16px; }
.ilist2 .con { line-height: 20px; font-size: 14px;}
.ilist2 .con ul li { float: none; margin-bottom: 20px;}
.ilist2 .con ul li p{ padding: 0 0;}
.ilist2 .con ul li img{ width: 100%;}

.ilist2 .con ul li.li2 { float: none; }

.itable_box { margin-bottom: 10px;}
.itable_box .tit{ line-height: 58px; font-size: 16px; background-size: 10px auto; padding-right: 20px;}

.itable_box { margin-right: -20px;}
.itable {width: 100%; overflow: auto; }
.itable table { width: 200%;}
.itable tr th{ height: 40px; font-size: 14px; }
.itable tr td{ height: 50px; font-size: 14px; }
}