﻿
.w1200 { width: 1200px; margin: 0px auto; clear: both; }
.about_banner { width: 100%; background: url(../images/about/about_banner.jpg) center no-repeat; background-size: auto 100%; }
.about_banner .content { height: 520px; }
.about_banner_body { width: 730px; font-size: 14px; color: #fff; float: right; line-height: 40px; text-align: justify; position: relative; top: 60%; right: 0px; transform: translateY(-50%); }

.about_box_A { position: relative; max-width: 1200px; margin: 0px auto; padding-top: 60px; }
.about_box_A ul.l { width: 620px; background: #fff; overflow: hidden; padding: 35px 0px; padding-right: 100px; position: absolute; top: -70px; left: -360px; }
.about_box_A ul.l li { float: right; }
.about_box_A ul.l dl { width: 265px; height: 97px; line-height: 97px; border-bottom: 1px #ddd solid; overflow: hidden; }
.about_box_A ul.l dl:last-child { border-bottom: 0px; }
.about_box_A ul.l dl dt { float: left; color: #666; }
.about_box_A ul.l dl dd { float: right; color: #0b48a3; font-size: 14px; }
.about_box_A ul.l dl dd em { font-size: 32px; margin-right: 5px; }

.about_box_A ul.m { width: 337px; height: 521px; background: url('../images/about/about_07.jpg') no-repeat; position: relative; margin-top: 0px; left: 50%; transform: translateX(-50%); }
.about_box_A ul.m li { padding-top: 56px; padding-left: 56px; }
.about_box_A ul.m strong { font-size: 16px; color: #fff; font-weight: normal; }
.about_box_A ul.m b { font-size: 32px; margin: 0px 5px; font-weight: normal; }
.about_box_A ul.m dl { border-left: 1px #4b75b7 solid; padding-top: 0px; position: relative; margin-top: 10px; }
.about_box_A ul.m dl dd { font-size: 16px; padding: 15px 0px; }
.about_box_A ul.m dl dd b { font-size: 32px; }
.about_box_A ul.m dl dd:before { content: ''; width: 48px; display: inline-block; height: 1px; background: #4b75b7; margin-right: 20px; position: relative; top: 20px; }
.about_box_A ul.m dl dd span { position: relative; top: 18px; color: #fff; }


.about_box_A ul.r { width: 382px; height: 637px; background: url('../images/about/about_04.jpg') no-repeat; right: 0px; top: 0px; position: absolute; }
.about_box_A ul.r li { padding: 35px 50px; }
.about_box_A ul.r li dl dd { font-size: 14px; color: #fff; line-height: 55px; }
.about_box_A ul.r li dl dd b { font-size: 28px; margin: 0px 5px; }

.about_box_B { background: #fff; padding: 117px 0px; }
.about_box_B ul.list li { width: 25%; float: left; border-bottom: 1px #f7f7f7 solid; }
.about_box_B ul.list li.sel { background: #f7f7f7; }
.about_box_B ul.list li dl { padding: 20px; }
.about_box_B ul.list li dl dt { font-size: 14px; color: #0b48a3; }
.about_box_B ul.list li dl dt b { font-size: 32px; margin: 0px 5px; }
.about_box_B ul.list li dl dd { font-size: 12px; line-height: 1.5; padding: 10px 0px; color: #333; }



.about_box_B div.bottom { clear: both; text-align: center; line-height: 2; padding: 0px 20px; padding-top: 50px; font-weight: bold; padding-bottom: 80px; }

.about_box_C { background: #f7f7f7; position: relative; }
.about_box_C .about { position: relative; }
.about_box_C .img { position: absolute; top: -170px; right: 0px; }
.about_box_C ul { background: url('../images/about/about_11.jpg') no-repeat; width: 961px; height: 391px; position: relative; z-index: 1; left: -360px; top: -80px }
.about_box_C ul li { padding-top: 60px; padding-right: 100px; color: #fff; width: 480px; float: right; line-height: 36px; font-size: 14px; }
.about_box_C ul li b { font-size: 22px; font-weight: normal; }

.about_box_D { background: #fff; }
.about_box_D .tit { padding: 60px 0px 10px 0px; text-align: center; }
.about_box_D .tit strong { font-size: 26px; color: #333333; display: block; font-weight: normal; }
.about_box_D .tit span { font-size: 14px; color: #bec1c2; line-height: 30px; }
.about_box_D ul.tab:before { display: block; content: '/'; color: #cccccc; font-size: 20px; margin-bottom: 10px; }
.about_box_D ul.tab { text-align: center; }
.about_box_D ul.tab li { position: relative; display: inline-block; padding: 2px; text-align: center; border: 1px #e5e5e5 solid; background: #fff; margin: 0px 20px; }
.about_box_D ul.tab li::after { content: '/'; display: block; color: #cccccc; font-size: 20px; line-height: 51px; position: absolute; right: -25px; top: 0px; }
.about_box_D ul.tab li:last-child::after { display: none; }
.about_box_D ul.tab li span { display: block; padding: 0px 40px; font-size: 16px; color: #808080; line-height: 51px; }
.about_box_D ul.tab li.sel { display: inline-block; padding: 2px; text-align: center; border: 1px #0b48a3 solid; background: #fff; }
.about_box_D ul.tab li.sel span { background: url('../images/about/about_15.jpg') no-repeat right top #f1f4fa; color: #333; }
.about_box_D ul.tab:after { display: block; content: '/'; color: #cccccc; font-size: 20px; padding-top: 10px; }
.about_box_D ul.list li { padding-bottom: 70px; display: none; }
.about_box_D ul.list li:first-child { display: block; }
.about_box_D ul.list li dl { padding: 10px; overflow: hidden; }
.about_box_D ul.list li dl dd { float: left; width: 20%; }
.about_box_D ul.list li dl dd a { margin: 10px; display: block; padding: 2px; color: #808080; text-align: center; border: 1px #ccc solid; }
.about_box_D ul.list li dl dd a span { display: block; color: #808080; padding: 18px 0px; }
.about_box_D ul.list li dl dd a:hover span { background: url('../images/about/about_15.jpg') no-repeat right top #f1f4fa; color: #333; }

.about_box_D div.bg { display: flex; border-top: 100px #fff solid; height: 100%; }
.about_box_D div.bg div.l { background: #fff; flex: 0.35 }
.about_box_D div.bg div.r { background: #0b48a3; flex: 1.65; }
.about_box_D div.bg div.r_box { background: #fff; max-width: 1340px; position: relative; left: -5%; top: -100px; }


.about_box_E { background: #fff; padding-top: 100px; }
/*.about_box_E #expert_swiper { width: 100%; margin-bottom: 22px; height: 1050px; position: relative; }*/
.about_box_E #expert_swiper .top_box { padding: 0px 10px; margin-bottom: 32px; }
.about_box_E #expert_swiper .top_box .title { float: left; font-size: 26px; color: #333333; }
.about_box_E #expert_swiper .top_box .title span { font-size: 14px; color: #bec1c2; font-weight: bold; margin-left: 5px; }
.about_box_E .btn_box { clear: both; text-align: center; z-index: 1; }
.about_box_E .btn_box .swiper-button-prev { margin: 0px; position: static; width: 40px; height: 40px; background: url(../images/expert_arrow.png) center center no-repeat; background-size: 100% 100%; display: inline-block; opacity: 1; }
.about_box_E .btn_box .swiper-button-next { transform: rotateY(180deg); margin: 0px; position: static; width: 40px; height: 40px; background: url(../images/expert_arrow.png) center center no-repeat; background-size: 100% 100%; display: inline-block; opacity: 1; }

.about_box_E .top_box .btn_box .swiper-button-prev:hover { background: url(../images/expert_arrow_on.png) center center no-repeat; background-size: 100% 100%; }
.about_box_E .top_box .btn_box .swiper-button-next:hover { background: url(../images/expert_arrow_on.png) center center no-repeat; background-size: 100% 100%; }

/*.about_box_E #expert_swiper .swiper-slide { padding: 10px; box-sizing: border-box; height: auto; }
.about_box_E #expert_swiper .swiper-slide .box { position: relative; }
.about_box_E #expert_swiper .swiper-slide .box img { width: 100%; display: block; }*/
.lindao_list ul { overflow: hidden; }
.lindao_list ul li { width: 20%; float: left; }
.lindao_list ul li a { margin: 0px 5px; }
.lindao_list ul li .con_box { text-align: center; padding: 16px 24px; box-sizing: border-box; width: 100%; display: block; background: #f7f7f7; }
.lindao_list ul li .con_box .name { font-size: 18px; line-height: 32px; color: #333; }
.lindao_list ul li .con_box .desc { font-size: 14px; line-height: 19px; height:38px; color: #808080; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.about_box_E .swiper-pagination { position: relative; display: inline-block; height: 40px; top: -15px; }
.about_box_E .swiper-pagination .swiper-pagination-bullet { margin: 0px 3px; width: 10px; height: 10px; }

.about_box_F { background: #fff; padding: 50px 0px; padding-bottom: 100px; text-align: right; height: 691px; position: relative; }
.F_box { position: relative; }
.about_box_F ul.list { float: right; width: 950px; }
.about_box_F ul.list .hisimg { }
.about_box_F ul.list .hisimg dd { text-align: center; line-height: 50px; }

.about_box_F ul.list .hisimg dl { display: none; }
.about_box_F ul.list .hisimg dl.on { display: block; }

.about_box_F ul.list li.month { padding-top: 20px; }
.about_box_F ul.list li.month dl { display: flex; border-top: 1px #333 dashed; }
.about_box_F ul.list li.month dl dd { flex: 1; position: relative; font-size: 14px; color: #ccc; padding: 10px 0px; text-align: center; cursor: pointer; }
.about_box_F ul.list li.month dl dd:before { content: ''; display: block; width: 1px; height: 10px; position: relative; top: -20px; background: #333; margin: 0px auto; }
.about_box_F ul.list li.month dl dd span { display: block; height: 30px; }
.about_box_F ul.list li.month dl dd:first-child, .about_box_F ul.list li.month dl dd:last-child { flex: 0.5; }

.about_box_F ul.list li.month dl dd.sel { color: #0b48a3 !important; font-weight: bold; }
.about_box_F ul.list li.month dl dd.has { color: #333; font-weight: bold; }

.about_box_F ul.year { position: absolute; top: 0px; left: -360px; width: 584px; height: 691px; background: url('../images/about/about_22.jpg') no-repeat; overflow: hidden; z-index: 5; }
#about_F_swiper_year { height: 601px; }
.about_box_F ul.year li { width: 340px; padding-top: 60px; float: right; }
.about_box_F ul.year li span { font-size: 48px; display: block; text-align: center; line-height: 2.5; color: #ececec; -webkit-text-stroke: 1px #999; }
.about_box_F ul.year li span.sel { color: #0b48a3; -webkit-text-stroke: 1px #0b48a3; }
.about_box_F ul.year li .swiper-slide-thumb-active span { color: #0b48a3; -webkit-text-stroke: 1px #0b48a3; }


.about_box_G { background: #f7f7f7; padding-bottom: 50px; clear: both; }
.about_box_G .g_box_1 { display: flex; position: relative; height: 127px; }
.about_box_G div.map { height: 500px; }
.about_box_G ul.area { border-bottom: 1px #ddd solid; height: 127px; line-height: 127px; flex: 1; }
.about_box_G ul.area dl { display: flex; }
.about_box_G ul.area dl dd { flex: 1; text-align: center; position: relative; color: #999999; font-size: 16px; cursor: pointer; }
.about_box_G ul.area dl dd.sel { color: #0b48a3; font-weight: bold; }
.about_box_G ul.area dl dd.sel::after { background: #0b48a3; content: ''; width: 60px; height: 3px; display: block; margin: 0px auto; position: relative; top: -1px; }
.about_box_G ul.g_box { display: none; color: #fff; width: 423px; height: 560px; background: url('../images/about/about_29.jpg') no-repeat; box-sizing: border-box; padding: 40px 38px; position: relative; top: -431px; }
.about_box_G ul.g_box.on { display: block; }
.about_box_G ul.g_box li.tab a { font-size: 22px; line-height: 30px; padding-bottom: 20px; color: rgba(255,255,255,0.4); display: inline-block; margin-right: 20px; }
.about_box_G ul.g_box li.tab a:hover, .about_box_G ul.g_box li.tab a.sel { color: #fff; }
.about_box_G ul.g_box li.addr { display: none; }
.about_box_G ul.g_box li.addr dl { border-top: 1px #4f79b9 solid; line-height: 1.5; padding-top: 28px; margin-bottom: 20px; }
.about_box_G ul.g_box li.addr dt { }
.about_box_G ul.g_box li.addr dd { color: rgba(255,255,255,0.5); line-height: 30px; }
.about_box_G ul.g_box li.addr.sel { display: block; }
.about_box_G ul.tel { overflow: hidden; padding-top: 40px; }
.about_box_G ul.tel li { overflow: hidden; width: 25%; float: left; }
.about_box_G ul.tel li dl { background: #fff; margin: 23px; padding: 25px 40px; height: 50px; }
.about_box_G ul.tel li dl dt { font-size: 14px; color: #808080; }
.about_box_G ul.tel li dl dd { font-weight: bold; font-size: 18px; padding: 10px 0px; }


.about_box_G ul.tel li dl { background: #fff; margin: 10px; padding: 25px 20px; height: auto; min-height: 105px; }
.about_box_G ul.tel li:first-child dl { background: #fff; margin: 10px; padding: 25px 20px; height: auto; min-height: 260px; }
.about_box_G ul.tel li:first-child dl dd { }