.mbanner { font-size: 24px; line-height: 158px;}

.main_l { float: left; width: 220px;}
.main_r { float: right; width: 1056px; min-height: 400px; padding-bottom: 30px;}

.main_lnav { padding: 2px; min-height: 400px; background: #fff;}
.main_lnav a { display: block; height: 56px; line-height: 56px; padding-left: 20px; font-size: 16px; color: #666666; position: relative;}
.main_lnav a:before { display: none; content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: #2d50d3;}
.main_lnav a:after { display: block; content: ''; position: absolute; left: 20px; right: 20px; bottom: 0; height: 1px; background: #f1f0f2;}
.main_lnav a:hover { color: #2d50d3;}
.main_lnav a.on { background: #eaedfb; color: #2d50d3;}
.main_lnav a.on:after { display: none;}
.main_lnav a.on:before { display: block; }

.service_list { margin: 0 -10px; padding-bottom: 1px;}
.service_list .item { float: left; width: 50%; margin-bottom: 20px;}
.service_list .item_m { display: block; position: relative; background: #fff; margin: 0 10px; padding: 10px 30px 0 98px; height: 210px;}
.service_list .item_m .img { position: absolute; left: 24px; top: 24px;}
.service_list .item_m .img img { display: block; width: 52px; height: 52px; border: 1px #eeeeee solid;}
.service_list .item_m .t { display: block; overflow: hidden; height: 44px; line-height: 44px; font-size: 16px; text-overflow:ellipsis; white-space: nowrap;}
.service_list .item_m .tag { height: 24px; margin-bottom: 25px;}
.service_list .item_m .tag span { float: left; height: 22px; line-height: 22px; padding: 0 8px; margin-right: 6px; border: 1px #96a7e9 solid; color: #2d52d4;}
.service_list .item_m .m { display: block; overflow: hidden; height: 88px; line-height: 22px; font-size: 14px; color: #999999;}

.service_list .item_m .rtag { position: absolute; right: 0; top: 0; display: block; height: 20px; line-height: 19px; padding: 0 5px 0 6px; background: #046eb8; color: #fff; font-size: 12px; border-radius: 0 0 0 6px;}
.service_list .item_m .rtag_red { background: #e7222a;}

.service_list .item_m:hover { box-shadow: 0 6px 20px rgba(18,30,48,0.2);}
.service_list:after { display: block; content: ''; clear: both;}


.news_main { padding: 28px; background: #fff;}

.news_list {}
.news_list .item { margin-bottom: 20px;cursor: pointer;}
.news_list .item_m { display: block; position: relative; border: 1px #eeeeee solid; background: #fff; padding: 22px 30px 22px 130px; height: 74px;}
.news_list .item_m .time { position: absolute; left: 24px; top: 24px; background: #eaedfb; width: 74px; height: 74px; text-align: center; font-size: 12px; color: #999999; transition:all 300ms ease;}
.news_list .item_m .time b { display: block; padding: 12px 0 0 0; font-size: 20px; line-height: 30px; color: #212121; transition:all 300ms ease;}
.news_list .item_m .img img { display: block; width: 52px; height: 52px; border: 1px #eeeeee solid;}
.news_list .item_m .t { display: block; overflow: hidden; height: 26px; line-height: 26px; font-size: 16px; margin-bottom: 4px; text-overflow:ellipsis; white-space: nowrap;}
.news_list .item_m .m { display: block; overflow: hidden; height: 44px; line-height: 22px; font-size: 14px; color: #999999;}

.news_list .item_m:hover { box-shadow: 0 6px 20px rgba(18,30,48,0.2);}
.news_list .item_m:hover .time { background: #2d50d3; color: #fff; }
.news_list .item_m:hover .time b{ color: #fff;}

.news_vmain { padding: 26px 48px; background: #fff;}
.news_back { margin-bottom: 20px;}
.news_back a{ display: block; width: 88px; height: 30px; line-height: 30px; text-indent: 38px; border: 1px #eeeeee solid; background: url(../img/main/news_back.png) 16px center no-repeat #ffffff; color: #666666;cursor: pointer;}
.news_back a:hover { box-shadow: 0 3px 10px rgba(18,30,48,0.1); color: #2d50d3;}
.news_title { padding: 12px 0; font-size: 24px; line-height: 36px;}
.news_title { padding-top: 0;}
.news_info { color: #999999; line-height: 30px; margin-bottom: 16px;}
.news_con { border-top: 1px #eeeeee solid; color: #666666; padding: 30px 0;}
.news_con img { max-width: 100%;}

.case_foot { padding: 34px 22px; background: #f8f7fa;}
.case_foot .t { margin-bottom: 12px;}
.case_foot .t a { display: inline-block; padding: 0 26px 0 58px; height: 37px; line-height: 37px; color: #fff; background: url(../img/main/weburl.png) 26px center no-repeat #2d50d3;}
.case_foot .t a:hover { background-color: #2d73d3; color: #fff;}
.case_foot .m {}


.main_rnav { background: #fff; padding: 0 30px; margin-bottom: -20px;}
.main_rnav ul { display: flex; margin-right: -50px;}
.main_rnav ul li { flex: 1;}
.main_rnav a { display: block; margin-right: 50px; height: 60px; line-height: 60px; text-overflow:ellipsis; white-space: nowrap;}
.main_rnav a.on { border-bottom: 2px #2d50d3 solid; color: #2d50d3;}

.support_list { padding-bottom: 10px;}
.support_list .item { border-bottom: 1px #eeeeee solid;}
.support_list .item_m { display: block; position: relative; padding:0 0 0 40px; height: 60px; line-height: 60px; color: #666666; text-overflow:ellipsis; white-space: nowrap; background: url(../img/main/suli.png) left center no-repeat; overflow: hidden;}
.support_list .item_m:hover { background: url(../img/main/sulis.png) left center no-repeat; color: #2d50d3;}


.search_top {background: url(../img/main/search_mban.png) center center no-repeat; background-size: cover; padding-top: 56px;padding-bottom:60px;}


.msearch { position: relative; width: 816px; padding: 0 86px 0 110px; background: #fff; margin: 0 auto 22px auto;}
.msearch .input { display: block; height: 48px; line-height: 48px; width: 100%; border: none; background: #fff; text-indent: 36px; color: #333; }
.msearch .btn { position: absolute; right: 0; top: 0; display: block; background: url(../img/main/search.png) center center no-repeat #2d50d3; width: 74px; height: 48px; border: none; cursor: pointer; line-height: 200px; overflow: hidden; }
.msearch .btn:hover { background-color: #2d83d3;}
.msearch:before { display: block; content: ''; position: absolute; left: 109px; top: 50%; width: 1px; height: 26px; margin-top: -13px; background: #e5e5e5;}

.msearch .m_select { position: absolute; left: 17px; top: 0; width: 68px; }
.msearch .m_select .t{ height: 48px; line-height: 48px; background: url(../img/header/search_d.png) right center no-repeat; cursor: pointer; text-indent: 14px;}
.msearch .m_select .m { display: none; position: absolute; left: 0; top: 48px; right: 0; padding: 5px 0; background: #fff; border-radius:0 0 10px 10px; box-shadow: 0 5px 10px rgba(0,0,0,0.1); z-index: 999;}
.msearch .m_select .m ul { display: block;}
.msearch .m_select .m ul li{ display: block; line-height: 28px; text-indent: 14px; cursor: pointer;}
.msearch .m_select .m ul li:hover{ color:#2d50d3;}
.msearch .m_select .m ul li.on{ color:#2d50d3;}


.search_nav { height: 52px;}
.search_nav ul li { float: left;}
.search_nav a { display: block; margin-right: 36px; position: relative; font-size: 16px; height: 52px; line-height: 52px;}
.search_nav a.on { color: #2d50d3;}
.search_nav a.on:after { display: block; content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #2d50d3;}


.search_main { background: #fff;}

.search_l { float: left; width: 840px; min-height: 400px; padding-bottom: 30px;}
.search_r { float: right; width: 260px; padding: 12px 0;}
.search_r .t { line-height: 58px; font-size: 16px; border-bottom: 1px #eeeeee solid;}
.search_r .m { padding: 10px 0;}
.search_r .m a { display: block; padding: 6px 0 6px 17px; color: #666666; position: relative; }
.search_r .m a:before { display: block; content: ''; position: absolute; left: 0; top: 50%; margin-top: -2px; width: 3px; height: 3px; background: #bec1d6;}
.search_r .m a:hover { color: #2d50d3;}
.search_r .m a:hover:before { background: #2d50d3;}


.search_list { padding-bottom: 10px;}
.search_list .item { border-bottom: 1px #e5e5e5 solid;}
.search_list .item_m { display: block; position: relative; padding: 28px 0 22px 0; }
.search_list .item_m .con { position: relative; padding: 0 0 0 80px; height: 58px; margin-bottom: 15px;}
.search_list .item_m .img { position: absolute; left: 0; top: 0;}
.search_list .item_m .img img { display: block; width: 56px; height: 56px; border: 1px #eeeeee solid;}
.search_list .item_m .t { display: block; overflow: hidden; height: 22px; line-height: 22px; font-size: 16px; text-overflow:ellipsis; white-space: nowrap; margin-bottom: 10px; color:#212121;}
.search_list .item_m .tag { height: 24px;}
.search_list .item_m .tag span { float: left; height: 22px; line-height: 22px; padding: 0 8px; margin-right: 6px; border: 1px #dcdcdc solid; color: #999999;}
.search_list .item_m .m { display: block; overflow: hidden; height: 44px; line-height: 22px; font-size: 14px; color: #999999;}

.search_list .item_m:hover{ transform: scale(1.01);}
.search_list:after { display: block; content: ''; clear: both;}

.search_list i { color: #2d50d3; font-style: normal;}



.service_banner { padding: 40px 0 70px 0; background: url(../img/service/topbg.png) no-repeat #e4e7f5;}
.service_banner .mainbox { position: relative;}
.service_banner .img { position: absolute; right: 0; top: 70px;}
.service_banner .img img{ display: block; height: 174px; border: 1px #dbdbdb solid; max-width: 400px;}
.service_banner .con { width: 770px;}
.service_banner .t { font-size: 26px; line-height: 64px;}
.service_banner .m { color: #666666; margin-bottom: 28px;}
.service_banner .tag { padding-bottom: 46px;}
.service_banner .tag span { float: left; height: 28px; line-height: 28px; padding: 0 12px; margin-right: 12px; margin-bottom: 12px; border: 1px #72737a solid; margin-bottom: 12px; }
.service_banner .tag:after { display: block; content: ''; clear: both;}
.service_banner .more a { display: inline-block; width: 160px; height: 42px; line-height: 42px; font-size: 16px; text-align: center; color: #fff; background: #2d50d3;}
.service_banner .more a:hover { color: #fff; background: #2d6cd3;}

.service_banner .rtag { display: inline-block; vertical-align: middle; margin-bottom: 2px; margin-left: 8px; height: 20px; line-height: 19px; padding: 0 5px 0 6px; background: #046eb8; color: #fff; font-size: 12px; border-radius: 6px 6px 6px 0;}
.service_banner .rtag_red { background: #e7222a;}

.service_nav { height: 60px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); background: #fff; position: relative; z-index: 99;}
.service_nav ul li { float: left; margin-right: 48px;}
.service_nav ul li a { display: block; line-height: 60px; height: 60px; position: relative; color: #666666;}
.service_nav ul li a:hover { color: #2d50d3;}
.service_nav ul li a.on { color: #2d50d3;}
.service_nav ul li a.on:after { display: block; content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #2d50d3;}


.service_main1 { background: #fff; padding: 24px 0 55px 0; overflow: hidden;}
.service_main2 { background: #f8f7fa; padding: 24px 0 28px 0; }
.service_main3 { background: #fff; padding: 24px 0 28px 0; overflow: hidden;}
.service_main4 { background: url(../img/service/bg1.png) center bottom no-repeat #e8eaf7; padding: 18px 0 0 0; overflow: hidden;}
.service_main5 { background: #fff; padding: 22px 0 60px 0; overflow: hidden;}


.service_tit { text-align: center; font-weight: bold; font-size: 26px; line-height: 104px;}

.service_list1 { margin: 0 -15px;}
.service_list1 .item { float: left; width: 33.33%; padding-bottom: 30px; }
.service_list1 .item2 { float: left; width: 50%; padding-bottom: 30px; }
.service_list1 .item3 { float: left; width: 100%; padding-bottom: 30px; }
.service_list1 .item_m { display: block; background: url(../img/service/cbg1.png) no-repeat #ffffff; padding: 25px 70px 0 38px; height: 190px; margin: 0 15px; position: relative;}
.service_list1 .item .t,.service_list1 .item2 .t,.service_list1 .item3 .t { height: 66px; line-height: 66px; font-size: 18px; font-weight: bold; color: #2d50d3; overflow: hidden; }
.service_list1 .item .m,.service_list1 .item2 .m,.service_list1 .item3 .m { height: 96px; line-height: 24px; color: #999999; overflow: hidden;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; }

.service_list1 .item_m:hover { box-shadow: 0 6px 20px rgba(18,30,48,0.1);}
/*.service_list1 .item_m:hover .m{ height: auto; background: #fff; padding-bottom: 20px;}*/

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


.service_list2 { margin: 0 -15px;}
.service_list2 .item { float: left; width: 50%; padding-bottom: 30px; }
.service_list2 .item3 { float: left; width: 100%; padding-bottom: 30px; }
.service_list2 .item_m { display: block; background: url(../img/service/cbg2.png) right bottom no-repeat #ffffff; border: 1px #eeeeee solid; padding: 20px 70px 0 38px; height: 140px; margin: 0 15px; position: relative;}
.service_list2 .item .t,.service_list2 .item3 .t { height: 46px; line-height: 46px; font-size: 18px; overflow: hidden; }
.service_list2 .item .m,.service_list2 .item3 .m { height: 72px; line-height: 24px; color: #999999; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.service_list2 .item_m:after { display: block; content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: #2d50d3;}

.service_list2 .item_m:hover { box-shadow: 0 6px 20px rgba(18,30,48,0.1);}
.service_list2 .item_m:hover .t { color: #2d50d3;}
.service_list2 .item_m:hover:after { height: 4px; }

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

.service_list3_main { position: relative; margin: 0 -87px; padding-bottom: 60px;}

.service_list3 { margin: 0 87px; overflow: hidden;}
.service_list3 .item { position: relative; height: 402px;}
.service_list3 .item .img { position: absolute; right: 0; top: 0;}
.service_list3 .item .img img { display: block; height: 402px;
    max-width: 760px;}
.service_list3 .item .con { /*width: 406px;*/}
.service_list3 .item .con .t { display: block; height: 104px; line-height: 104px; font-size: 24px; overflow: hidden; margin-bottom: 40px; position: relative; }
.service_list3 .item .con .t:after { display: block; content: ''; position: absolute; left: 0; bottom: 0; width: 120px; height: 2px; background: #2d50d3;}
.service_list3 .item .con .m { display: block; height: 210px; line-height: 30px; color: #666666; overflow: hidden;width: 506px; }

.service_list3 .item_noimg {}
.service_list3 .item_noimg .con{ width: auto; padding-top: 40px; text-align: center;}
.service_list3 .item_noimg .con .t:after { left: 50%; margin-left: -60px;}

.service_list3_main .swiper-pagination { bottom: 20px; left: 0; right: 0;}
.service_list3_main .swiper-button-prev ,.service_list3_main .swiper-button-next{ position: absolute; top: 50%; display: block; width: 38px; height: 38px; cursor: pointer; margin-top: -58px; z-index: 99; transition:all 300ms ease; }
.service_list3_main .swiper-button-prev { left: 10px; background: url(../img/service/banl.png) center center no-repeat #fff;}
.service_list3_main .swiper-button-next { right: 10px; background: url(../img/service/banr.png) center center no-repeat #fff;}

.service_list3_main .swiper-button-prev:hover { transform:translateX(-5px);}
.service_list3_main .swiper-button-next:hover { transform:translateX(5px);}


.service_list4 { margin: 0 -15px;}
.service_list4 .item { float: left; width: 33.33%; padding-bottom: 30px; }
.service_list4 .item_m { display: block; background:#ffffff; border: 1px #eeeeee solid; padding: 20px 20px 20px 78px; height: 48px; line-height: 48px; font-size: 16px; color: #666666; margin: 0 15px; position: relative;}
.service_list4 .item_m img { display: block; position: absolute; left: 22px; top: 50%; margin-top: -20px; height: 40px;}

.service_list4 .item_m:hover { box-shadow: 0 6px 20px rgba(18,30,48,0.1);}

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


.service_list5 { margin: 0 -15px;}
.service_list5 ul li { float: left; width: 33.33%; padding-bottom: 25px; }
.service_list5 ul li a { display: block; background: url(../img/service/cbg3.png) right bottom no-repeat #ebedfa; border-left: 3px #2d50d3 solid; padding: 0 30px; height: 68px; line-height: 68px; overflow: hidden; margin: 0 15px; position: relative;}
.service_list5 ul li a:hover { background: url(../img/service/cbg3s.png) right bottom no-repeat #2d50d3; color: #fff;}

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


@media (min-width:240px) and (max-width:900px){
.mainer { background-size: auto 120px; background-position: 70% top !important;}
.mbanner { font-size: 20px; line-height: 80px;}

.main_l { float: none; width: auto; margin-bottom: 20px;}
.main_r { float: none; width: auto; }

.main_lnav {min-height: auto; }
.main_lnav a { height: 40px; line-height: 40px; }

.service_list { margin: 0; padding-bottom: 1px;}
.service_list .item { float: none; width: auto; margin-bottom: 20px;}
.service_list .item_m { margin: 0; height: auto; padding-bottom: 20px;}
.service_list .item_m .m { height: auto; font-size: 13px; line-height: 20px; }


.news_main { padding: 10px 15px; }

.news_list .item { margin-bottom: 15px;}
.news_list .item_m { padding: 12px 15px 12px 96px; height: 70px; }
.news_list .item_m .time { left: 12px; top: 12px; width: 70px; height: 70px; }
.news_list .item_m .time b { padding: 10px 0 0 0; font-size: 18px; line-height: 28px; }
.news_list .item_m .t { font-size: 14px; height: 24px; line-height: 24px; margin-bottom: 2px;}
.news_list .item_m .m { font-size: 13px; }


.news_vmain { padding: 26px 48px; }
.news_back { margin-bottom: 15px;}
.news_title { padding: 10px 0; font-size: 16px; line-height: 26px;}
.news_title { padding-top: 0;}
.news_info { font-size: 12px; line-height: 20px; margin-bottom: 10px;}
.news_con { padding: 20px 0; }

.news_con .link{ word-break:break-all;}

.case_foot { padding: 15px 15px; }
.case_foot .t a { display: block; padding: 6px 16px 6px 40px; height: auto; line-height: 20px; background: url(../img/main/weburl.png) 12px 8px no-repeat #2d50d3; background-size: 18px auto;}


.main_rnav { padding: 10px 15px; margin-bottom:0; border-bottom: 1px #eeeeee solid;}
.main_rnav ul { display: block; margin-right: -15px;}
.main_rnav ul li { float: left; width: 50%;}
.main_rnav ul:after { display: block; content: ''; clear: both;}
.main_rnav a { margin-right: 15px; height: 30px; line-height: 30px; }
.main_rnav a.on { border-bottom: none;}

.support_list .item_m { padding:0 0 0 30px; height: 40px; line-height: 40px; background-size: 16px auto;}
.support_list .item_m:hover { background-size: 16px auto;}


.search_top { padding-top: 20px;}

.msearch { box-sizing: border-box; width: 100%; padding: 0 60px 0 80px; margin: 0 auto 12px auto;}
.msearch .input { height: 40px; line-height: 40px; text-indent: 16px; }
.msearch .btn { width: 60px; height: 40px; }
.msearch:before { left: 79px; height: 20px; margin-top: -10px; }

.msearch .m_select { left:0; width: 64px; }
.msearch .m_select .t{ height: 40px; line-height: 40px; }
.msearch .m_select .m { top: 40px; }


.search_nav { height: 42px;}
.search_nav ul li { width: 16.6%;}
.search_nav a { margin-right: 0; text-align: center; font-size: 14px; height: 42px; line-height: 42px;}


.search_l { float: none; width: auto; padding-bottom: 20px;}
.search_r { float: none; width: auto; padding: 12px 0;}
.search_r .t { line-height: 48px; }

.search_list .item_m { padding: 18px 0 12px 0; }
.search_list .item_m .con { padding: 0 0 0 70px; margin-bottom: 12px;}



.service_banner { padding: 20px 0 30px 0; background-size: cover; background-position: 75% bottom;}
.service_banner .img { position: relative; right: 0; top: auto; margin-bottom: 10px;}
.service_banner .img img{ height: 140px; }
.service_banner .con { width: auto;}
.service_banner .t { font-size: 18px; line-height: 44px;}
.service_banner .m { margin-bottom: 20px;}
.service_banner .tag { padding-bottom: 20px;}
.service_banner .more a { width: 130px; }

.service_nav { height: 40px; }
.service_nav ul li { width: 16.66%; margin-right: 0;}
.service_nav ul li a { text-align: center; line-height: 40px; height: 40px; font-size: 12px;}


.service_main1 { padding: 14px 0 30px 0; }
.service_main2 { padding: 14px 0 20px 0; }
.service_main3 { padding: 14px 0 20px 0; }
.service_main4 { background-size: cover; padding: 10px 0 0 0; }
.service_main5 { padding: 12px 0 30px 0; }


.service_tit { font-size: 20px; line-height: 64px;}

.service_list1 { margin: 0;}
.service_list1 .item { float: none; width: auto; padding-bottom: 10px; }
.service_list1 .item_m { background-size: cover; padding: 10px 0 18px 0; height: auto; margin: 0; }
.service_list1 .item .t { height: 42px; line-height: 42px; font-size: 16px; padding: 0 20px 0 18px; }
.service_list1 .item .m { height: auto; line-height: 20px; padding: 0 20px 0 18px; }

.service_list1 .item_m:hover .m{ height: auto; background:none; padding-bottom: 0;}


.service_list2 { margin: 0;}
.service_list2 .item { float: none; width: auto; padding-bottom: 10px; }
.service_list2 .item_m { background-size: cover; padding: 10px 20px 18px 18px; height: auto; margin: 0; }
.service_list2 .item .t { height: 42px; line-height: 42px; font-size: 16px; }
.service_list2 .item .m { height: auto; line-height: 20px; }

.service_list2 .item_m:hover:after { height: 2px; }

.service_list3_main { margin: 0 -15px; padding-bottom: 40px;}

.service_list3 { margin: 0 40px; }
.service_list3 .item { height: auto;}
.service_list3 .item .img { position: relative; right: auto; top: 0;}
.service_list3 .item .img img { width: 100%; height: auto;}
.service_list3 .item .con { width: auto;}
.service_list3 .item .con .t { /*height: 54px; line-height: 54px;*/ height: auto;line-height: inherit;padding: 10px 0; font-size: 16px; margin-bottom: 10px; }
.service_list3 .item .con .t:after { display: block; content: ''; position: absolute; left: 0; bottom: 0; width: 120px; height: 2px; background: #2d50d3;}
.service_list3 .item .con .m { /*height: 400px;*/height: auto; width:100%; line-height: 20px; }


.service_list3 .item_noimg {}
.service_list3 .item_noimg .con{ width: auto; padding-top: 40px; text-align: center;}
.service_list3 .item_noimg .con .t { margin-bottom: 40px;}
.service_list3 .item_noimg .con .t:after { left: 50%; margin-left: -60px;}


.service_list3_main .swiper-pagination { bottom: 15px; }
.service_list3_main .swiper-button-prev ,.service_list3_main .swiper-button-next{ width: 28px; height: 28px; margin-top: -58px; }
.service_list3_main .swiper-button-prev { left: 5px; background-size: cover;}
.service_list3_main .swiper-button-next { right: 5px; background-size: cover;}

.service_list3_main .swiper-button-prev:hover { transform:translateX(-5px);}
.service_list3_main .swiper-button-next:hover { transform:translateX(5px);}


.service_list4 { margin: 0;}
.service_list4 .item { float: none; width: auto; padding-bottom: 10px; }
.service_list4 .item_m { padding: 12px 15px 12px 58px; height: auto; line-height: 24px; font-size: 16px; margin: 0; }
.service_list4 .item_m img { left: 15px; margin-top: -12px; height: 24px;}


.service_list5 { margin: 0;}
.service_list5 ul li { float: none; width: auto; padding-bottom: 10px; }
.service_list5 ul li a { background-size: contain; border-left: 2px #2d50d3 solid; padding: 12px 15px; height: auto; line-height: 18px; margin: 0; }
.service_list5 ul li a:hover { background-size: contain;}
}

@media(max-width: 1300px) and (min-width: 900px){
    .service_list3 .item .con .m { /*height: 400px;*/height: auto; width:100%; line-height: 20px; }
    .service_list3 .item .con { width: auto;}
    .service_list3 .item {height: auto;}
    .service_list3 .item .img {position: relative;right: auto;top: 0;}
    .service_list3 .item .img img { width: 100%; height: auto;}
}