.ibanner_main { position: relative; overflow: hidden;}

.ibanner { position: relative; }
.ibanner .tit { position: absolute; left: 50%; width: 1200px; margin-left: -600px; top: 110px;}
.ibanner .tit .t { font-size: 20px; line-height: 32px; color: #062393; font-weight: bold;}
.ibanner .tit .t2 { font-size: 36px; line-height: 95px; }
.ibanner .tit .t3 { font-size: 16px; line-height: 30px; color: #666666; }
.ibanner .tit .tag { padding: 19px 0 50px 0; font-size: 0; line-height: 0; }
.ibanner .tit .tag span { display: inline-block; height: 24px; line-height: 24px; font-size: 14px; padding: 0 8px; margin-right: 10px; margin-bottom: 10px; border: 1px #d5d6db solid; color: #666; text-align: center; min-width: 50px;}
.ibanner .tit .more a { display: block; width: 130px; height: 42px; line-height: 42px; font-size: 16px; text-align: center; color: #fff; background: #2d50d3;}
.ibanner .tit .more a:hover { color: #fff; background: #062393;}
.ibanner .img { display: block; height: 680px; transition:all 300ms ease; background-size: cover !important;}

.ibanner .swiper-pagination { left: 50% !important; right: auto; width: 1200px !important; margin-left: -600px; top: 490px; z-index: 99; text-align: left;}


.imain1 { background: #fff; padding: 52px 0 60px 0; overflow: hidden;}
.imain2 { background: url(../img/index/bg3.png) center center no-repeat; background-size: cover; padding: 38px 0 68px 0; overflow: hidden;}
.imain3 { background: url(../img/index/bg5.jpg) center center no-repeat; background-size: cover; padding: 42px 0; overflow: hidden;}
.imain4 { background: url(../img/index/bg3.png) center center no-repeat;; padding: 36px 0 50px 0; overflow: hidden;}


.icate_box { background: #fff; box-shadow: 0 6px 30px rgba(18,30,48,0.1); position: relative; padding-left: 168px; height: 139px; border: 2px #fff solid; margin-bottom: 42px;}
.icate_nav { position: absolute; left: 0; top: 0; bottom: 2px; width: 166px; background: url(../img/index/icate_bg.png) right bottom no-repeat;}
.icate_nav ul li { border-bottom: 1px #fff solid; height: 34px; line-height: 34px; cursor: pointer; padding-left: 32px; background: rgba(45,80,211,0.1); position: relative; }
.icate_nav ul li:before { display: block; content: ''; position: absolute; left: 12px; top: 50%; width: 4px; height: 4px; margin-top: -2px; background: rgba(45,80,211,0.2);}
.icate_nav ul li:last-child{ border-bottom: none;}
.icate_nav ul li:hover { color: #062393;}
.icate_nav ul li.on { background: url(../img/index/icate_lis.png) left center no-repeat #062393; color: #fff;}
.icate_nav ul li.on:before { background: #fff;}


.icate_list { height: 139px; overflow: hidden; padding: 0 15px;}
.icate_list ul li { float: left; width: 12.5%;}
.icate_list ul li a { display: block; height: 139px; box-sizing: border-box; padding: 20px 20px 0 20px; text-align: center; line-height: 18px; color: #666666;}
.icate_list ul li a img { display: block; margin: 0 auto 8px auto; height: 70px;}
.icate_list ul li a:hover { color: #062393; background-color: rgba(45,80,211,0.05);}


.ilist1_nav { height: 40px; line-height: 40px; font-size: 20px; margin-bottom: 15px; font-weight: bold; }
.ilist1_nav ul li { float: left; margin-right: 28px; cursor: pointer;}
.ilist1_nav ul li img { display: inline-block; vertical-align: top; margin-left: 2px;}
.ilist1_nav ul li:hover { color: #062393;}
.ilist1_nav ul li.on { color: #062393;}

.ilist1 { margin: 0 -10px;}
.ilist1 .item { float: left; width: 20%; }
.ilist1 .item_m { display: block; border: 1px #eeeeee solid; background: #ffffff; padding: 24px 25px 0 25px; height: 400px; margin: 0 10px;}
.ilist1 .item .img { margin-bottom: 14px; height: 200px; }
.ilist1 .item .img img{ display: block; height: 200px; transform: scale(1); transition: transform 0.2s; margin: 0 auto;}
.ilist1 .item .t { height: 32px; line-height: 32px; overflow: hidden; text-overflow: ellipsis; text-align: center; }
.ilist1 .item .m { height: 95px; line-height: 18px; overflow: hidden;  text-align: center; color: #999999; margin-bottom: 20px; }
.ilist1 .item .more { display: block; margin: 0 auto; width: 84px; height: 28px; line-height: 28px; text-align: center; color: #062393; border: 1px #062393 solid; background: #fff;}

.ilist1 .item_m:hover { box-shadow: 0 6px 20px rgba(18,30,48,0.1);}
.ilist1 .item_m:hover .img img{ transform: scale(1.05); }
.ilist1 .item_m:hover .more { color: #fff; background: #062393; }


.ilist1:after { display: block; content: ''; clear: both;}


.itit { height: 64px; line-height: 64px;}
.itit b{ font-size: 20px; }
.itit .more { float: right; color: #666666; background: url(../img/index/r.png) right center no-repeat; padding-right: 11px;}
.itit .more:hover { color: #062393;}

.ilist1_nav .more { float: right; color: #666666; background: url(../img/index/r.png) right center no-repeat; padding-right: 11px;font-size: 14px;font-weight: lighter;}
.ilist1_nav .more:hover { color: #062393;}

.itit ul li { float: left; margin-right: 36px; font-size: 20px; cursor: pointer; font-weight: bold; }
.itit ul li.on { color: #062393;}


.imain2 .itit { margin-bottom: 10px;}


.iservice_main { position: relative; height: 481px; }

.iservice_select { position: absolute; left: 2px; top: 2px; width: 236px; z-index: 999;}
.iservice_select .t{ height: 50px; line-height: 50px; background: url(../img/index/iservice_select.png) right center no-repeat #f9fafe; cursor: pointer; text-indent: 32px; font-size: 16px; font-weight: bold;}
.iservice_select .m { display: none; position: absolute; left: 0; top: 50px; right: 0; padding: 14px 0; background: #fff; box-shadow: 0 5px 10px rgba(0,0,0,0.1); z-index: 999;}
.iservice_select .m ul { display: block;}
.iservice_select .m ul li{ display: block; line-height: 32px; text-indent: 32px; cursor: pointer;}
.iservice_select .m ul li:hover{ color:#062393;}
.iservice_select .m ul li.on{ color:#062393; font-weight: bold; background: url(../img/index/iservice_select2.png) right center no-repeat;}

.iservice_box { position: relative; z-index: 100; padding-left: 238px; background: #fff; height: 480px;}
.iservice_nav { position: absolute; left: 2px; top: 52px; bottom: 2px; width: 236px; background: url(../img/index/iservicebg.png) right bottom no-repeat #eaedfb;}
.iservice_nav ul { display: block; }
.iservice_nav ul li { display: block; height: 53px; line-height: 53px; cursor: pointer; padding-left: 34px; font-size: 16px; position: relative; }
.iservice_nav ul li:before { display: none; content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: #062393;}
.iservice_nav ul li:hover { color: #062393;}
.iservice_nav ul li.on { background: #d7ddf7; color: #062393; font-weight: bold;}
.iservice_nav ul li.on:before { display: block; }

.iservice_list { height: 481px; }
.iservice_list .item { float: left; width: 320px; }
.iservice_list .item_m { display: block; border-right: 1px #f5f5f8 solid; border-bottom: 1px #f5f5f8 solid; background: #ffffff; padding: 15px 42px 0 42px; height: 225px; position: relative; z-index: 20; }
.iservice_list .item .t { height: 48px; line-height: 48px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; }
.iservice_list .item .m { height: 40px; line-height: 20px; overflow: hidden; color: #999999; margin-bottom: 32px; }
.iservice_list .item .tag { height: 24px; margin-bottom: 15px;}
.iservice_list .item .tag span { float: left; height: 22px; line-height: 22px; padding: 0 8px; margin-right: 6px; border: 1px #dcdcdc solid; color: #999;}
.iservice_list .item .more { display: block; width: 84px; height: 28px; line-height: 28px; text-align: center; color: #2d50d3; border: 1px #2d50d3 solid; background: #fff;}

.iservice_list .item_m:hover { background: url(../img/index/service_li.png) right bottom no-repeat; background-size: cover; box-shadow: 0 6px 20px rgba(18,30,48,0.1); z-index: 21;}
.iservice_list .item_m:hover .more { color: #fff; background: #2d50d3; }

.iservice_list .item:nth-child(3) .item_m { border-right: none;}
.iservice_list .item:nth-child(6) .item_m { border-right: none;}
.iservice_list .item:nth-child(4) .item_m { border-bottom: none;}
.iservice_list .item:nth-child(5) .item_m { border-bottom: none;}
.iservice_list .item:nth-child(6) .item_m { border-bottom: none;}

.iservice_list:after { display: block; content: ''; clear: both;}

.idata_list { margin: 0 -40px;}
.idata_list ul li{ float: left; width: 20%; text-align: center; color: #fff; font-size: 18px; line-height: 30px;}
.idata_list ul li img { display: block; margin: 0 auto; height: 70px;}
.idata_list ul li p { font-size: 25px; line-height: 56px;}
.idata_list ul li p b { font-size: 45px; font-family:'DIN-Medium'; margin-right: 5px; font-weight: normal;}

.idata_list:after { display: block; content: ''; clear: both;}

.imain4_l { float: left; width: 50%; margin-bottom: 30px;}
.imain4_r { float: right; width: 49%; margin-bottom: 30px;}
.imain4_f { clear: both;}


.ivideo_box { position: relative;}
.ivideo_box video { display: block; position: relative; z-index: 10; width: 100%; height: 330px; object-fit:fill; }
.ivideo_box img { display: block; position: relative; z-index: 10; width: 100%; height: 330px; object-fit:fill; }

.ivideo_box i { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../img/index/play.png) center center no-repeat rgba(0,0,0,0.1); cursor: pointer; z-index: 20; }


.icase_list { margin: 0 -9px;}
.icase_list .item { float: left; width: 33.33%; padding-bottom: 18px; }
.icase_list .item_m { display: block; border: 1px #eeeeee solid; background: #ffffff; padding: 20px 20px 0 185px; height: 120px; margin: 0 9px; position: relative;}
.icase_list .item .img { position: absolute; left: 20px; top: 20px; overflow: hidden; }
.icase_list .item .img img{ display: block; width: 140px; height: 100px; transform: scale(1); transition: transform 0.2s; }
.icase_list .item .t { height: 66px; line-height: 22px; overflow: hidden; margin-bottom: 4px; }
.icase_list .item .more { display: block; width: 84px; height: 28px; line-height: 28px; text-align: center; color: #2d50d3; border: 1px #2d50d3 solid; background: #fff;}


.icase_list .item_m:hover { box-shadow: 0 6px 20px rgba(18,30,48,0.1);}
.icase_list .item_m:hover .img img{ transform: scale(1.05); }
.icase_list .item_m:hover .more { color: #fff; background: #2d50d3; }


.inews_list { border: 1px #ededed solid;}
.inews_list ul li{ position: relative; padding-right: 100px;}
.inews_list ul li a{ display: block; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; position: relative; padding-left: 45px; height: 48px; line-height: 50px; color: #666666; }
.inews_list ul li a:before { display: block; content: ''; position: absolute; left: 22px; top: 50%; background: #dadce6; width: 4px; height: 4px; margin-top: -2px;}
.inews_list ul li .time { position: absolute; right: 22px; top: 0; line-height: 46px; font-size: 12px; color: #666666;}
.inews_list ul li:hover { box-shadow: 0 0 20px rgba(18,30,48,0.1);}
.inews_list ul li:hover a { color: #2d50d3;}
.inews_list ul li:hover a:before { background: #2d50d3;}
.inews_list ul li:hover .time { color: #2d50d3;}


@media (min-width:240px) and (max-width:900px){
	
.ibanner .tit { left: 20px; right: 60px; width: auto; margin-left: 0; top: 50px;}
.ibanner .tit .t { font-size: 16px; line-height: 22px; }
.ibanner .tit .t2 { font-size: 20px; line-height: 35px; }
.ibanner .tit .t3 { font-size: 14px; line-height: 22px; }
.ibanner .tit .tag { padding: 15px 0 15px 0; }
.ibanner .tit .tag span { height: 22px; line-height: 22px; font-size: 12px; padding: 0 6px; margin-right: 6px; margin-bottom: 6px; min-width: 46px;}
.ibanner .tit .more a { width: 110px; height: 32px; line-height: 32px; font-size: 14px; }
.ibanner .img { height: 300px; }

.ibanner .swiper-pagination { left: 16px !important; right: 20px; width: auto !important; top: 270px; margin-left: 0; text-align: left;}


.imain1 { padding: 20px 0 20px 0; }
.imain2 { padding: 20px 0 30px 0; }
.imain3 { padding: 20px 0; }
.imain4 { padding: 20px 0 30px 0; }


.icate_box { box-shadow: 0 4px 20px rgba(18,30,48,0.1); padding-left: 0; height: auto; border: 2px #fff solid; margin-bottom: 22px;}
.icate_nav { position: relative; bottom: auto; width: auto; background-size: cover; height: 34px; border-bottom: 1px #fff solid;}
.icate_nav ul li { float: left; width: 25%; border-bottom: none; height: 34px; line-height: 34px; padding-left: 22px; box-sizing: border-box; font-size: 12px; }
.icate_nav ul li:before { left: 8px; }
.icate_nav ul li.on { background-size: auto 100%;}


.icate_list { height: auto; padding: 0 5px 10px 5px;}
.icate_list ul li { width: 25%;}
.icate_list ul li a { height: 110px; padding: 20px 5px 0 5px; font-size: 12px; }
.icate_list ul li a img { margin: 0 auto 8px auto; height: 50px;}


.ilist1_nav { height: 32px; line-height: 32px; font-size: 16px; margin-bottom: 10px; }
.ilist1_nav ul li { margin-right: 20px; }
.ilist1_nav ul li img { height: 14px;}

.ilist1 { margin: 0 -5px;}
.ilist1 .item { float: left; width: 50%; padding-bottom: 10px; }
.ilist1 .item_m { padding: 20px 10px 0 10px; height: 196px; margin: 0 5px;}
.ilist1 .item .img { margin-bottom: 10px; height: 50px; }
.ilist1 .item .img img{ height: 50px; }
.ilist1 .item .m { margin-bottom: 12px; }

.itit { height: 44px; line-height: 44px;}
.itit b{ font-size: 16px; }
.itit .more { font-size: 12px;}

.itit ul li { margin-right: 25px; font-size: 16px; }

.imain2 .itit { margin-bottom: 4px;}

.iservice_main { height: auto; }

.iservice_select { position: relative; left: 0; top: 0; right:0; width: auto; }

.iservice_box { padding-left: 0; height: auto;}
.iservice_nav { position: relative; left: 0; top: auto; bottom: auto; width: auto; background-size: cover; background: #eaedfb; border-bottom: 1px #eee solid;}
.iservice_nav ul li { float: left; width: 25%; height: 34px; line-height: 34px; padding-left: 14px; font-size: 14px; box-sizing: border-box; }
.iservice_nav ul li:before { width: 2px; }
.iservice_nav ul:after { display: block; content: ''; clear: both;}

.iservice_list { height: auto; }
.iservice_list .item { float: none; width: auto; }
.iservice_list .item_m { border-right: none; border-bottom: 1px #f5f5f8 solid; padding: 5px 15px 15px 15px; height: auto; }
.iservice_list .item .m { margin-bottom: 15px; }
.iservice_list .item .tag { margin-bottom: 12px;}

.iservice_list .item:nth-child(4) .item_m { border-bottom: 1px #f5f5f8 solid;}
.iservice_list .item:nth-child(5) .item_m { border-bottom: 1px #f5f5f8 solid;}
.iservice_list .item:nth-child(6) .item_m { border-bottom: 1px #f5f5f8 solid;}


.idata_list { margin: 0; text-align: center; font-size: 0; line-height: 0;}
.idata_list ul li{ display: inline-block; float: none; width: 33.33%; font-size: 14px; line-height: 24px; margin-bottom: 15px;}
.idata_list ul li img { height: 60px;}
.idata_list ul li p { font-size: 16px; line-height: 36px;}
.idata_list ul li p b { font-size: 24px; margin-right: 3px;}

.imain4_l { float: none; width: auto; margin-bottom: 20px;}
.imain4_r { float: none; width: auto; margin-bottom: 20px;}


.ivideo_box video { width: 100%; height: 200px;}
.ivideo_box i { background-size: 30px auto; }


.icase_list { margin: 0 -5px;}
.icase_list .item { float: none; width: auto; padding-bottom: 10px; }
.icase_list .item_m { padding: 10px 10px 0 135px; height: 90px; margin: 0 5px; }
.icase_list .item .img { left: 10px; top: 10px; }
.icase_list .item .img img{ width: 112px; height: 80px; }
.icase_list .item .t { height: 40px; line-height: 20px; margin-bottom: 14px; }
.icase_list .item .more { font-size: 13px; height: 24px; line-height: 24px;}

.inews_list { padding: 5px 0;}
.inews_list ul li{ padding-right: 88px;}
.inews_list ul li a{ padding-left: 32px; height: 40px; line-height: 40px; }
.inews_list ul li a:before { left: 15px; }
.inews_list ul li .time { right: 12px; line-height: 40px; }
}