@charset "utf-8";
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font: 14px Arial, "微软雅黑"; font-weight: normal; line-height: 1.5; color: #333; background-color: #fff; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden], template { display: none; }
a { color: #333; text-decoration: none; outline: 0; cursor: pointer; }
img { width: auto\9; height: auto; max-width: 100%; vertical-align: top; border: 0; -ms-interpolation-mode: bicubic; }
i, cite, em, var, address, dfn{ font-style: normal; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-family: inherit; font-weight: normal; color: inherit; text-rendering: optimizelegibility; }
p { margin: 0; }
small { font-size: 85%; }
strong { font-weight: bold; }
iframe { border: 0; }
sub,
sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol, dl { margin: 0; padding: 0; list-style: none; }
dd { margin-left: 0; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { padding: 0; }
hr { margin: 0; border: 0; border-top: 1px solid #eeeeee; }
button, input, select, textarea { margin: 0; padding: 0; border: 0; outline: 0; *font-size: 100%; color: inherit; font: inherit; }
button, input { *overflow: visible; }
label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor: pointer; }
textarea { overflow: auto; }
.btn { display: inline-block; *display: inline; *zoom: 1; min-width: 120px; padding: 9px 15px; background-image: none; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid transparent; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
button.btn, input.btn { *padding-top: 4px; *padding-bottom: 4px; *line-height: 1.5em; }
.input { height: 1.5em; padding: 9px 10px; border: 1px solid #ccc; border-radius: 4px; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -ms-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.input:focus { border-color: #66afe9; -webkit-box-shadow: 0 0 8px #66afe9; -moz-box-shadow: 0 0 8px #66afe9; box-shadow: 0 0 8px #66afe9; }
textarea.input { height: auto; }
::-webkit-input-placeholder { color: #bbbbbb; }
::-moz-placeholder { color: #bbbbbb; }
:-ms-input-placeholder { color: #bbbbbb; }
::placeholder { color: #bbbbbb; }

/* 滚动条 */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track-piece, ::-webkit-scrollbar-corner { background-color:#f8f8f8; }
::-webkit-scrollbar-thumb { border-radius: 100px; background-color: #ddd; }
::-webkit-scrollbar-thumb:hover { background-color:#bbb; }

.wrap { max-width: 1200px; width: 90%; margin-left: auto; margin-right: auto; }
.wrap, .clearfix { *zoom: 1; }
.wrap:before, .wrap:after, .clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; }
.wrap:after, .clearfix:after { clear: both; }
.fl { float: left; }
.fr { float: right; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { position: relative; min-height: 1px; float: left; }
.col-12 { width: 100%; }
.col-11 { width: 91.66666667%; }
.col-10 { width: 83.33333333%; }
.col-9 { width: 75%; }
.col-8 { width: 66.66666667%; }
.col-7 { width: 58.33333333%; }
.col-6 { width: 50%; }
.col-5 { width: 41.66666667%; }
.col-4 { width: 33.33333333%; }
.col-3 { width: 25%; }
.col-2 { width: 16.66666667%; }
.col-1 { width: 8.33333333%; }
.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.ml-10 { margin-left: 10px; }
.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }
.mr-10 { margin-right: 10px; }
.pt-10 { padding-top: 10px; }
.pl-10 { padding-left: 10px; }
.pb-10 { padding-bottom: 10px; }
.pr-10 { padding-right: 10px; }
.w-1000 { width: 1000px!important; }
.h-70 { height: 70px; }
.fz-12 { font-size: 12px; }
.fz-14 { font-size: 14px; }
.fz-16 { font-size: 16px; }
.fz-18 { font-size: 18px; }
.fz-20 { font-size: 20px; }
.color-3 { color: #333; }
.color-4 { color: #444; }
.color-5 { color: #555; }
.color-6 { color: #666; }
.color-7 { color: #777; }
.color-8 { color: #888; }
.color-9 { color: #999; }
.color-a { color: #aaa; }
.color-b { color: #bbb; }
.color-d { color: #ddd; }
.red { color: red; }
.blue { color: #315ce1; }
.ta-l { text-align: left!important; }
.ta-c { text-align: center!important; }
.ta-r { text-align: right!important; }
.fw-b { font-weight: bold; }
.fw-n { font-weight: normal; }
.bg-common { background-color: #315ce1; }
.bg-white { background-color: #fff; }
.bg-ghost { background-color: #f7f7f7; }
.text-truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.line-clamp { overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.va-m { vertical-align: middle; }
.trans { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

/* 通用头部 */
.header { height: 80px; }
.header .content { position: fixed; top: 0; left: 0; right: 0; background-color: #fff; box-shadow: 0px 2px 5px rgba(0, 0, 0, .05); z-index: 10; }
.header .logo { float: left; display: block; width: 16%; line-height: 80px; }
.header .logo img { max-height: 60px; vertical-align: middle; }
.navs { float: right; width: 80%; max-width: 840px; }
.nav-item { float: left; position: relative; width: 12.5% }
.nav-hd { display: block; height: 80px; line-height: 80px; font-size: 17px; text-align: center; }
.nav-hd:hover { color: #315ce1; }
.nav-hd.active, .nav-hd.active:hover { color: #fff; background-color: #315ce1; }


/* 通用底部 */
.footer { position: relative; padding-top: 45px; background-color: #315ce1; color: #fff; }
.footer .link { float: left; position: relative; width: 11%; margin: 38px 0; font-size: 16px; text-align: center; color: #fff; }
.footer .link + .link:before { content: ""; position: absolute; left: 0; top: 4px; bottom: 4px; width: 1px; border-left: 1px solid #7e99ec; }
.footer .code { float: right; width: 8.5%; font-size: 13px; text-align: center; color: #d6def9; overflow: hidden; margin-left: 1.8%; }
.footer .code img { width: 100%; margin-bottom: 8px; }
.footer .copyright { padding-bottom: 15px; font-size: 12px; text-align: center; color: #d6def9; }

/* 其他通用代码 */
.inbanner { width: 100%; }
.category { float: left; position: relative; width: 25%; }
.category .title { padding: 18px 0; text-align: center; background-color: #315ce1; margin-top: -40px; }
.category .title h2 { font-size: 20px; color: #fff; }
.category .title h3 { color: #bfc8f3; }
.category li { border-bottom: 1px solid #eeeeee; -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.category li:last-child { border-bottom: 0; }
.category li a { position: relative; display: inline-block; height: 55px; padding: 0 16px; font-size: 16px; line-height: 55px; color: #666; }
.category li a:before { content: ""; position: absolute; width: 3px; height: 12px; background-color: transparent; left: 0; margin-top: 22px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.category li a.active:before, .category li:hover a:before { background-color: #315ce1; }
.category li:hover { padding-left: 25px; }
.category li a.active, .category li a:hover { color: #333; }
.container { min-height: 400px; }
.main { width: 72%; padding-left: 28%; }
.breadcrumb { padding-top: 15px; padding-left: 1%; color: #888; }
.breadcrumb i { font-family: serif; margin: 0 5px; }
.block-title { display: block; width: 250px; height: 55px; margin: 50px auto; line-height: 55px; text-align: center; background-color: #315ce1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.block-title .title { font-size: 17px; color: #fff; letter-spacing: 2px; }
.block-title .sub { font-size: 12px; color: #d0d7f6; letter-spacing: 1px; }
.block-title-2 { text-align: center; margin: 40px auto; }
.block-title-2 .title { position: relative; font-size: 26px; line-height: 50px; }
.block-title-2 .title:after { content: ''; position: absolute; left: 50%; bottom: 0; width: 40px; height: 4px; background-color: #315ce1; margin-left: -20px; }
.block-title-2 .sub { font-size: 52px; color: #315ce1; line-height: 1; letter-spacing: 2px; font-family: initial; opacity: .06; margin-top: -30px; }
.block-desc { font-size: 15px; line-height: 2.4; letter-spacing: 1px; text-align: justify; color: #666; }
.big-title { padding: 30px 0 15px; }
.big-title .hd { position: relative; display: inline-block; }
.big-title .bg { position: absolute; bottom: 0; left: 0; right: 0; height: 8px; background-color: #315ce1; }
.big-title .tit { position: relative; font-size: 18px; font-weight: bold; }
.pagination { padding-bottom: 60px; text-align: center; }
.pagination span, .pagination a { display: inline-block; width: 32px; height: 32px; line-height: 32px; font-size: 16px; font-family: "Microsoft YaHei"; text-align: center; color: #999; background-color: #bfbfbf; margin: 0 2px; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; }
.pagination .current, .pagination a:hover { background-color: #315ce1; color: #fff; }
.pagination-2 { text-align: center; }
.pagination-2 span { display: inline-block; vertical-align: middle; width: 30px; height: 30px; background-image: url("../images/flip.png"); background-repeat: no-repeat; background-size: 120px 30px; cursor: pointer; }
.pagination-2 .prev { background-position: -30px 0; margin-right: 5px; }
.pagination-2 .prev.disabled { background-position: 0 0; }
.pagination-2 .next { background-position: -60px 0; margin-left: 5px; }
.pagination-2 .next.disabled { background-position: -90px 0; }
.pagination-2 a { display: inline-block; width: 30px; height: 30px; font-size: 16px; line-height: 30px; vertical-align: middle; }
.article { padding: 40px 0; }
.article .title { font-size: 24px; text-align: center; margin-bottom: 10px; }
.article .sub { color: #999; text-align: center; }
.article .content { padding: 20px 0 30px; font-size: 16px; line-height: 2; text-align: justify; }
.article .navigation { padding-top: 10px; border-top: 1px solid #eeeeee; }
.article .navigation a { display: block; padding: 0 20px; font-size: 15px; color: #888; margin-top: 20px; }
.article .navigation a:hover { color: #333; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }


/* 首页 */
.banner .swiper-slide img { width: 100%; }
.banner .swiper-pagination { bottom: 20px; }
.banner .swiper-pagination-bullet { opacity: 1; background: #fff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-transition: width 0.3s ease-in-out; -moz-transition: width 0.3s ease-in-out; -ms-transition: width 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; }
.banner .swiper-pagination-bullet-active { width: 30px; }
.banner .swiper-button-next, .banner .swiper-button-prev { width: 50px; height: 50px; margin-top: -25px; background-image: url(../images/arrow.png); background-size: 100px 50px; opacity: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.banner .swiper-button-prev { background-position: 0 0; }
.banner .swiper-button-next { background-position: -50px 0; }
.banner:hover .swiper-button-prev { left: 50px; opacity: .75; }
.banner:hover .swiper-button-next { right: 50px; opacity: .75; }
.banner .swiper-button-prev:hover, .banner .swiper-button-next:hover { opacity: 1; }

.title-box { padding: 0 2%; }
.title-box h2 { font-size: 28px; color: #315ce1; }
.title-box h4 { font-size: 18px; color: #a7a8ac; }

.news { position: relative; padding: 30px 0; }
.news:before { content: 'NEWS'; position: absolute; top: 50%; right: 0; font-size: 100px; width: 100px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); word-break: break-all; line-height: 1; font-family: Serif; font-weight: bold; color: rgba(255, 255, 255, .5); filter: drop-shadow(0 3px 7px rgba(0,0,0,.1)); }
.news .tabs { float: right; }
.news .tabs li { display: inline-block; padding: 10px 15px; font-size: 16px; color: #666; cursor: pointer; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.news .tabs li.on { color: #315ce1; }
.news-list { float: left; width: 46%; padding: 30px 0; line-height: 20px; overflow: hidden; border-top: 1px solid #eeeeee; }
.news-list:nth-child(2) { border-top: none; }
.news-list .date { float: left; width: 50px; padding-right: 30px; text-align: center; border-right: 1px solid #eeeeee; }
.news-list .date h4 { font-size: 18px; margin-bottom: 10px; }
.news-list .date h5 { font-size: 16px; color: #666; }
.news-list .info {  padding-left: 115px; }
.news-list .title { margin-bottom: 10px; font-size: 16px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.news-list .desc { color: #888; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.news-list-big { margin-right: 8%; padding: 10px 0; border-top: none; }
.news-list-big .pic { display: block; width: 100%; height: 180px; margin-bottom: 25px; object-fit: cover; }
.news-list-big .info { height: 50px; }
.news-list-big .title { margin-bottom: 25px; }
.news-list-big .desc { margin-top: -5px; line-height: 30px; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.news-list:hover .title { color: #315ce1; }
.news .more { float: right; width: 57px; height: 45px; background: url("../images/arrow_2.png") no-repeat center / 60%; }
.about { position: relative; padding: 10px 0 180px; background: url("../images/index/bg.png") no-repeat center bottom / contain; }
.about:before { content: 'ABOUT'; position: absolute; top: 50%; left: 40px; font-size: 100px; width: 100px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); word-break: break-all; line-height: 1; font-family: Serif; font-weight: bold; color: rgba(255, 255, 255, .5); filter: drop-shadow(0 3px 7px rgba(0,0,0,.1)); }
.about .content { position: relative; margin-top: 25px; }
.about .info { position: relative; width: 50%; padding: 120px 25% 120px 2.5%; background-color: #315ce1; }
.about .info .desc { height: 180px; font-size: 15px; line-height: 45px; color: #fff; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.about .info .more { position: absolute; bottom: 10px; right: 20px; width: 57px; height: 45px; background: url("../images/arrow_1.png") no-repeat center / 60% }
.about .video { position: absolute; right: 0; top: 50%; width: 42%; height: 280px; margin-top: -140px; background-color: #000; }
.busines { position: relative; }
.busines:before { content: 'BUSINESS'; position: absolute; top: 50%; right: 0; font-size: 100px; width: 100px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); word-break: break-all; line-height: 1; font-family: Serif; font-weight: bold; color: rgba(255, 255, 255, .5); filter: drop-shadow(0 3px 7px rgba(0,0,0,.1)); }
.busines .content {  }
.busines li { float: left; width: 31.33333%; margin: 0 1% 60px; overflow: hidden; }
.busines li .pic { display: block; width: 100%; height: 185px; overflow: hidden; }
.busines li .pic img { width: 100%; height: 100%; object-fit: cover; }
.busines li .info { padding: 10px 8px 25px; }
.busines li .info .title { font-size: 16px; margin-bottom: 10px; }
.busines li .info .desc { height: 80px; font-size: 13px; line-height: 35px; color: #888; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.busines li .info hr { margin: 5px 0 25px 0; }
.busines li .info .more { display: inline-block; height: 36px; padding: 0 40px 0 10px; font-size: 17px; color: #bbb; line-height: 36px; background: url("../images/arrow_3.png") no-repeat right 10px center / 19px 15px; border: 1px solid #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.busines li:hover { box-shadow: 0 3px 7px rgba(159, 159, 159, .35); }
.busines li:hover .pic img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.busines li:hover .more { background-color: #315ce1; color: #fff; background-image: url("../images/arrow_1.png"); }

.partner { position: relative; max-width: 1200px; width: 85%; height: 180px; margin: 0 auto -70px; background-color: #f7f7f7; z-index: 1; -webkit-box-shadow: 0 3px 7px rgba(65, 65, 65, .35); -moz-box-shadow: 0 3px 7px rgba(65, 65, 65, .35); box-shadow: 0 3px 7px rgba(65, 65, 65, .35); }
.partner .title { float: left; width: 16%; height: 100%; text-align: center; background-color: #315ce1; }
.partner .title .hd { font-size: 26px; color: #fff; margin-top: 55px; }
.partner .title .bd { font-size: 18px; color: #a7a8ac; }
.partner .list { float: left; width: 80%; overflow: hidden; }
.partner .item { float: left; display: block; width: 190px; height: 70px; margin: 55px 0; line-height: 70px; text-align: center; overflow: hidden; }
/*.partner .item img { max-width: 95%; max-height: 100%; filter: grayscale(100%); opacity: .6; vertical-align: middle; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }*/
.partner .item img { max-width: 95%; max-height: 100%;  vertical-align: middle; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
/*.partner .item img:hover { filter: grayscale(0); opacity: 1; }*/
.partner .more { float: left; display: block; width: 4%; height: 100%; background: url("../images/right.png") no-repeat center / 30px; }

/* 公司概况 */
.profile_a { padding-bottom: 80px; }
.profile_a .block_1 { padding-top: 40px; }
.profile_a .block_1 .video { float: left; width: 52%; height: 250px; margin-left: 3%; background-color: #000; }
.profile_a .block_1 .info { padding: 2% 0 15px 57%; text-align: center; line-height: 40px; }
.profile_a .block_1 .info .title { font-size: 17px; }
.profile_a .block_1 .info p { font-size: 15px; color: #666; }
.profile_a .block_2 { padding: 10px 0; font-size: 15px; line-height: 2.2; text-align: justify; }
.profile_a .block_3 {  }
.profile_a .block_3 li { float: left; width: 30.33333%; padding: 0 1.5%; }
.profile_a .block_3 li .pic { width: 100%; height: 160px; object-fit: cover; }
.profile_a .block_3 li .title { font-size: 17px; text-align: center; line-height: 3; border-bottom: 1px solid #eeeeee }
.profile_a .block_3 li .desc { padding: 5px 0; font-size: 13px; color: #999; line-height: 2.4; }
.profile_a .block_4 ul { padding-top: 50px; }
.profile_a .block_4 ul li { float: left; width: 38%; padding: 20px 6%; text-align: center; }
.profile_a .block_4 ul li .icon { width: 98px; height: 98px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-bottom: 20px; }
.profile_a .block_4 ul li .title { font-size: 18px; margin-bottom: 10px;font-weight: bold }
.profile_a .block_4 ul li .desc { height: 112px; font-size: 16px; text-align: left; text-align: justify; letter-spacing: 1px; color: #666; line-height: 1.8; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; word-break: break-all; text-overflow: ellipsis; }
.profile_a .block_5 li { float: left; width: 47%; padding: 0 1.5%; }
.profile_a .block_5 li .pic { width: 100%; height: 200px; object-fit: cover; border-radius: 5px; }

.profile_b { padding-bottom: 80px; }
/*.profile_b .tabs { width: 870px; }*/
.profile_b .tabs li { float: left; width: 9%; padding: 10px 0; font-size: 12px; text-align: center; margin: 0 2.5%; cursor: pointer; }
.profile_b .tabs li .icon { margin-bottom: 5px; }
.profile_b .tabs li.on { color: #315ce1; font-weight: bold; }
.profile_b .message { position: relative; margin-top: 10px; }
.profile_b .message .arrow { position: absolute; top: -12px; left: 26px; width: 15px; height: 12px; background: url("../images/delta.png") no-repeat center/ 100%; }
.profile_b .message .content { padding: 12px 15px; font-size: 13px; line-height: 30px; color: #666; background-color: #e9eeff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.profile_c .tabs { padding: 40px 0; text-align: center; overflow: hidden; }
.profile_c .tabs li { position: relative; display: inline-block; width: 100px; font-size: 15px; text-align: center; color: #666; cursor: pointer; }
.profile_c .tabs li + li::before { content: ''; position: absolute; left: 0; top: 50%; height: 14px; margin-top: -7px; border-left: 1px solid #eeeeee; }
.profile_c .tabs li.on, .profile_c .tabs li:hover { font-size: 17px; color: #315ce1; }
/*.profile_c .list { width: 900px; }*/
.profile_c .list li { float: left; width: 47%; margin-right: 6%; margin-bottom: 50px; border-bottom: 1px solid #eeeeee; }
.profile_c .list li:nth-child(even) { margin-right: 0; }
.profile_c .list li .pic { width: 100%; height: 140px; overflow: hidden; }
.profile_c .list li .pic img { width: 100%; height: 100%; object-fit: cover; }
.profile_c .list li .info { padding: 20px 0 25px; }
.profile_c .list li .date { float: left; width: 68px; padding: 10px 0; text-align: center; border: 1px solid #eeeeee; }
.profile_c .list li .date h2 { font-size: 17px; }
.profile_c .list li .date h3 { font-size: 15px; color: #666; }
.profile_c .list li .content { padding-left: 85px; }
.profile_c .list li .title { font-size: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 5px; }
.profile_c .list li .desc { font-size: 13px; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 3px; }
.profile_c .list li .arrow { display: block; width: 25px; height: 20px; background: url(../images/arrow_3.png) no-repeat center/ 100%; margin-left: auto; }
.profile_c .list li:hover { border-bottom-color: #999; }
.profile_c .list li:hover .pic img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.profile_c .list li:hover .arrow { background-image: url(../images/arrow_2.png); }
.profile_d .list { padding-top: 60px; }
.profile_d .list li { float: left; width: 30%; margin: 0 1.66666%; margin-bottom: 60px; }
.profile_d .list li .pic { width: 100%; height: 170px; line-height: 170px; text-align: center; margin-bottom: 20px; }
.profile_d .list li .pic img { vertical-align: middle; }
.profile_d .list li .info { height: 54px; font-size: 16px; color: #666; text-align: center; line-height: 1.7; }
.profile_d .list li.sm { width: 21.66666%; }

/* 云上动态 */
.dynamic-list li { position: relative; padding: 40px 0; border-bottom: 1px solid #eeeeee; overflow: hidden; }
.dynamic-list li:last-child { border-bottom: none; }
.dynamic-list li .pic { float: left; width: 200px; height: 140px; overflow: hidden; }
.dynamic-list li .pic img { width: 100%; height: 100%; object-fit: cover; }
.dynamic-list li .info { padding-left: 230px; }
.dynamic-list li .title { padding-right: 70px; margin-bottom: 15px; font-size: 17px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.dynamic-list li .desc { height: 56px; margin-bottom: 14px; font-size: 15px; line-height: 28px; color: #999; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.dynamic-list li .more { display: block; width: 60px; margin-left: auto; color: #bbb; line-height: 28px; text-align: center; border: 1px solid #eeeeee; border-radius: 5px; }
.dynamic-list li .date { position: absolute; top: 40px; right: 0; font-size: 18px; color: #888; }
.dynamic-list li:hover .pic img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.dynamic-list li:hover .more { background-color: #315ce1; color: #fff; }

/* 业务领域 */
.busines-list { position: relative; padding-top: 60px; }
.busines-list li { float: left; width: 30.33333%; margin: 0 1.5% 60px; overflow: hidden; }
.busines-list li .pic { display: block; width: 100%; height: 185px; overflow: hidden; }
.busines-list li .pic img { width: 100%; height: 100%; object-fit: cover; }
.busines-list li .info { padding: 15px 8px 25px; }
.busines-list li .info .title { font-size: 17px; text-align: center; margin-bottom: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.busines-list li .info .desc { height: 60px; margin-bottom: 20px; line-height: 30px; color: #888; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.busines-list li .info hr { margin: 0 0 25px 0; }
.busines-list li .info .more { display: inline-block; height: 36px; padding: 0 40px 0 10px; font-size: 17px; color: #bbb; line-height: 36px; background: url("../images/arrow_3.png") no-repeat right 10px center / 19px 15px; border: 1px solid #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.busines-list li:hover { box-shadow: 0 3px 7px rgba(159, 159, 159, .35); }
.busines-list li:hover .pic img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.busines-list li:hover .more { background-color: #315ce1; color: #fff; background-image: url("../images/arrow_1.png"); }
.busines_a { padding-bottom: 50px; }
.busines_a .block_1 { font-size: 15px; line-height: 3; letter-spacing: 2px; }
.busines_a .block_2 li { float: left; width: 19%; padding: 10px 3% 20px; text-align: center; }
.busines_a .block_2 li .icon { width: 100px; margin-bottom: 20px; }
.busines_a .block_2 li .title { font-size: 17px; margin-bottom: 10px; letter-spacing: 1px; }
.busines_a .block_2 li .desc { font-size: 15px; color: #666; line-height: 2; letter-spacing: 2px; }
.busines_b .block_2 { position: relative; margin-top: 60px; }
.busines_b .block_2 .bg { position: absolute; top: 0; width: 100%; height: 400px; background-color: #315ce1; }
.busines_b .block_2 .wrap { position: relative; }
.busines_b .block_2 .block-title-2 .title { color: #fff; }
.busines_b .block_2 .block-title-2 .title:after { background-color: #fff; }
.busines_b .block_2 .block-title-2 .sub { color: #fff; }
.busines_b .block_2 ul { text-align: center; font-size: 0; }
.busines_b .block_2 li { display: inline-block; vertical-align: top; width: 24%; height: 260px; padding: 50px 0; font-size: 14px; background-color: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; cursor: pointer; }
.busines_b .block_2 li:hover { -webkit-box-shadow: 0 2px 8px rgba(153, 153, 153, .3); -moz-box-shadow: 0 2px 8px rgba(153, 153, 153, .3); box-shadow: 0 2px 8px rgba(153, 153, 153, .3); z-index: 2; }
.busines_b .block_2 li .hd .num { font-size: 60px; font-family: italic; font-weight: bold; font-style: italic; color: #267ffa; opacity: .2; }
.busines_b .block_2 li .hd .title { position: relative; padding-bottom: 8px; font-size: 22px; line-height: 1.1; color: #315ce1; background-color: #fff; margin: -28px 20px 30px; }
.busines_b .block_2 li .hd .title:after { content: ''; position: absolute; left: 50%; bottom: 0; width: 40px; height: 2px; background-color: #315ce1; margin-left: -20px; }
.busines_b .block_2 li .bd { padding: 0 30px; font-size: 15px; line-height: 2.2; letter-spacing: 1px; }
.busines_b .block_3 ul {  }
.busines_b .block_3 li { float: left; width: 48%; padding: 40px 4% 20px; margin: 0 1% 20px; border: 1px solid #e1e1e1; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.busines_b .block_3 li .title { position: relative; padding-bottom: 5px; font-size: 22px; color: #315ce1; margin-bottom: 30px; margin-left: 10px; }
.busines_b .block_3 li .title:after { content: ''; position: absolute; left: 0; bottom: 0; width: 40px; height: 2px; background-color: #315ce1; }
.busines_b .block_3 li .icon { float: left; width: 20%; margin-top: 10px; }
.busines_b .block_3 li .desc { height: 180px; padding-left: 10%; font-size: 15px; line-height: 2; text-align: justify; letter-spacing: 1px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; word-break: break-all; text-overflow: ellipsis; }
.busines_b .block_4 { margin-bottom: 50px; }
.busines_b .block_4 .block-title-2 { display: inline-block; }
.busines_b .block_4 .desc { font-size: 15px; line-height: 2; letter-spacing: 1px; color: #666; text-align: justify; margin: 0 400px 70px 95px; }
.busines_b .block_4 ul { text-align: center; }
.busines_b .block_4 ul li { display: inline-block; vertical-align: middle; width: 14%; margin: 0 5px; }
.busines_b .block_4 ul li.odd { margin-bottom: 50px; }
.busines_b .block_4 ul li.even { margin-top: 50px; }
.busines_b .block_4 ul li .hd { font-size: 50px; font-family: italic; font-style: italic; text-align: center; line-height: 100px; color: #315ce1; border: 1px solid #315ce1; }
.busines_b .block_4 ul li .bd { height: 110px; padding: 40px 15px 0; font-size: 16px; line-height: 2; color: #f7f7f7; background-color: #315ce1; }
.busines_b .block_5 .block-title-2 { display: inline-block; }
.busines_b .block_5 .hd { font-size: 20px; text-align: center; margin-bottom: 15px; }
.busines_b .block_5 .bd { font-size: 15px; line-height: 2; letter-spacing: 1px; color: #666; margin: 0 20% 30px; }
.busines_b .block_6 { padding: 40px 0 100px; }
.busines_b .block_6 .block-title-2 { padding: 20px 0; background-color: #315ce1; }
.busines_b .block_6 .block-title-2 .title { color: #fff; }
.busines_b .block_6 .block-title-2 .title:after { background-color: #fff; }
.busines_b .block_6 .block-title-2 .sub { color: #fff; }
.busines_e .pro-title { margin: 60px 0 60px 80px; padding-left: 10px; font-size: 18px; line-height: 1; border-left: 4px solid #315ce1; }
.busines_e .block_1 { text-align: center; }
.busines_e .block_1 li { display: inline-block; vertical-align: top; width: 29.2%; margin: 0 8px 50px; box-shadow: 8px 8px #839ded; }
.busines_e .block_1 li .title { display: table-cell; vertical-align: middle; width: inherit; height: 80px; padding: 0 50px; font-size: 16px; text-align: center; color: #fff; background-color: #315ce1; }
.busines_e .block_1 li .desc { height: 194px; padding: 35px 30px; font-size: 16px; text-align: justify; line-height: 2; letter-spacing: 1px; border: 1px solid #315ce1; overflow: hidden; }
.busines_e .block_1 li.last { width: 37.5%; }
.busines_e .block_1 li.last .desc { height: 130px; }
.busines_e .block_2 { width: 700px; margin: 40px auto 80px; padding: 40px 50px; text-align: center; -webkit-box-shadow: 0 0 18px rgba(153, 153, 153, .3); -moz-box-shadow: 0 0 18px rgba(153, 153, 153, .3); box-shadow: 0 0 18px rgba(153, 153, 153, .3); }
.busines_e .block_2 li { display: inline-block; padding: 0 8px; }
.busines_e .block_2 li img { width: 210px; height: 282px; }
.busines_f .block_1 { text-align: center; }
.busines_f .block_1 li { display: inline-block; vertical-align: top; width: 24%; text-align: left; margin-right: 13%; }
.busines_f .block_1 li.last { margin-right: 0; }
.busines_f .block_1 li .title { width: 160px; height: 70px; padding-top: 90px; font-size: 24px; text-align: center; color: #fff; background: url("../images/business/gft_14.png") no-repeat center / 100%; margin: 0 auto 20px; }
.busines_f .block_1 li .desc { font-size: 15px; color: #666; line-height: 2; letter-spacing: 1px; }
.busines_f .block_2 { margin-top: 40px; }
.busines_f .block_2 li { float: left; width: 33.33333%; }
.busines_f .block_2 li .pic { position: relative; width: 240px; height: 156px; margin: 0 auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; overflow: hidden; }
.busines_f .block_2 li .pic:after { content: ''; position: absolute; top: -40%; left: -50%; width: 30px; height: 170%; background-color: #fff; opacity: .6; filter: blur(6px); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.busines_f .block_2 li .pic img { width: 100%; height: 100%; object-fit: cover; }
.busines_f .block_2 li .title { font-size: 15px; line-height: 80px; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.busines_f .block_2 li:hover .pic:after { left: 140%; }
.busines_f .block_2 li:hover .title { color: #315ce1; }
.busines_f .list .item { display: block; padding: 15px 0; overflow: hidden; }
.busines_f .list .item .pic { float: left; width: 200px; height: 130px; overflow: hidden; }
.busines_f .list .item .pic img { width: 100%; height: 100%; object-fit: cover; }
.busines_f .list .item .info { padding-left: 230px; font-size: 16px; line-height: 2; letter-spacing: 2px; text-align: justify; }
.busines_f .list .item:hover .pic img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.busines_f .list .item:hover .info { color: #315ce1; }
.busines_f .block_3 { margin-bottom: 80px; padding: 10px 0; background: url("../images/business/gft_13.jpg") no-repeat center / 240px 820px; }
.busines_f .block_3 li { height: 100px; padding: 50px 12%; font-size: 16px; line-height: 2; letter-spacing: 2px; text-align: justify; }
.busines_f .block_3 li.left { padding-right: 64%; }
.busines_f .block_3 li.right { padding-left: 64%; }
.busines_g .block_1 { padding: 60px 0 30px; overflow: hidden; }
.busines_g .block_1 li { float: left; width: 33.33333%; text-align: center; }
.busines_g .block_1 li .icon { width: 200px; height: 175px; }
.busines_g .block_1 li .title { font-size: 24px; line-height: 110px; color: #315ce1; text-align: center; }
.busines_g .block_1 li .tag { width: 240px; height: 50px; margin: 0 auto 18px; font-size: 18px; line-height: 50px; text-align: center; color: #fff; background-color: #315ce1; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
.busines_g .block_2 { margin: 60px 0 140px; background: url("../images/business/bus_7_5.jpg") no-repeat center / 140px 550px; }
.busines_g .block_2 li { height: 110px; }
.busines_g .block_2 li.odd { padding: 0 59% 0 23%; }
.busines_g .block_2 li.even { padding: 0 23% 0 59%; }
.busines_g .block_2 li .title { position: relative; font-size: 28px; color: #315ce1; padding-bottom: 5px; margin-bottom: 15px; }
.busines_g .block_2 li .title:after { content: ''; position: absolute; left: 0; bottom: 0; width: 150px; height: 2px; background-color: #315ce1; }
.busines_g .block_2 li .desc { font-size: 15px; color: #666; line-height: 2; letter-spacing: 1px; text-align: justify; }
.busines_g .block_3 { width: 85%; margin: 30px auto 100px; }
.busines_g .block_3 li { position: relative; padding: 50px 5%; border-bottom: 1px solid #ccc; overflow: hidden; }
.busines_g .block_3 li .index { float: left; position: relative; margin-top: 10px; padding: 0 5px; font-size: 70px; font-style: italic; font-weight: bold; line-height: 1.2; color: #315ce1; }
.busines_g .block_3 li .index:after { content: ''; position: absolute; left: 0; bottom: 0; right: 0; height: 4px; background-color: #315ce1; }
.busines_g .block_3 li .info { float: left; width: 55%; padding-top: 10px; margin-left: 4%; }
.busines_g .block_3 li .info p { position: relative; padding-left: 20px; font-size: 15px; letter-spacing: 2px; line-height: 30px; color: #666; }
.busines_g .block_3 li .info p:after { content: ''; position: absolute; top: 11px; left: 0; width: 7px; height: 7px; background-color: #315ce1; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.busines_g .block_3 li .pic { float: right; width: 25%; }
.busines_block { padding: 100px 0; overflow: hidden; }
.busines_block .pic { float: left; width: 40%; height: 300px; object-fit: cover; }
.busines_block .desc { margin-left: 45%; padding: 30px 0; font-size: 17px; line-height: 2.4; letter-spacing: 2px; text-align: justify; }

/* 党建工作 */
.party-list { position: relative; padding-top: 50px; }
.party-list li { float: left; width: 47%; padding-bottom: 35px; margin: 0 6% 50px 0; border-bottom: 1px solid #eeeeee; }
.party-list li:nth-child(even) { margin-right: 0; }
.party-list li a { display: block; overflow: hidden;  }
.party-list li .pic { display: block; width: 100%; height: 185px; overflow: hidden; }
.party-list li .pic img { width: 100%; height: 100%; object-fit: cover; }
.party-list li .info { padding: 15px 8px; }
.party-list li .info .title { font-size: 17px; margin-bottom: 15px; }
.party-list li .info .desc { height: 4em; margin-bottom: 15px; line-height: 2; color: #888; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.party-list li .info hr { margin: 5px 0 25px 0; }
.party-list li .info .more { display: inline-block; height: 36px; padding: 0 40px 0 10px; font-size: 17px; color: #bbb; line-height: 36px; background: url("../images/arrow_3.png") no-repeat right 10px center / 19px 15px; border: 1px solid #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.party-list li a:hover { box-shadow: 0 3px 7px rgba(159, 159, 159, .35); -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); }
.party-list li a:hover .title { color: #315ce1; }
.party-list li a:hover .more { background-color: #315ce1; color: #fff; background-image: url("../images/arrow_1.png"); }

/* 生态合作 */
.cooperation-list {  }
.cooperation-list li { float: left; width: 29.33333%; padding: 60px 2%; text-align: center; cursor: pointer; }
.cooperation-list li .pic { margin-bottom: 20px; }
.cooperation-list li .info { height: 48px; font-size: 16px; }

/* 人才孵化 */
.recruit { padding-bottom: 40px; }
.recruit .introduce-info { font-size: 15px; line-height: 1.8; text-align: justify; color: #666; }
.job-list { overflow: hidden; }
.job-list .item { border: 1px solid #cbcbcb; margin-bottom: 20px; }
.job-list .item .hd { padding: 20px 25px; overflow: hidden; cursor: pointer; }
.job-list .item .hd .title { float: left; font-size: 16px; font-weight: bold; }
.job-list .item .hd .icon { float: right; width: 20px; height: 20px; }
.job-list .item .bd { display: none; padding: 0 25px 20px; }
.job-list .item .bd li { float: left; width: 25%; max-width: 160px; }
.job-list .item .bd li .name { font-weight: bold; margin-bottom: 5px; }
.job-list .item .bd li .desc { color: #666; }
.job-list .item .bd dt { font-weight: bold; margin: 20px 0 10px; }
.job-list .item .bd dd { font-size: 13px; color: #666; }
.job-list .item .bd dd p { margin-bottom: 12px; }
.job-list .item.on { border-color: #315ce1; }
.job-list .item.on .hd .title { color: #315ce1; }
.job-list .item.on .hd .icon { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }


/* 联系我们 */
.contact-list { padding: 80px 0; overflow: hidden; }
.contact-list li { float: left; width: 25%; margin: 0 4.166666%; font-size: 16px; text-align: center; color: #666; }
.contact-list li .icon { width: 50px; height: 50px; padding: 20px; background-color: #315ce1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 auto 20px; }
.map { height: 600px; margin-bottom: 100px; }

/* 业务领域新增 */
.area-title { padding-top: 50px; text-align: center; }
.area-title .title { position: relative; font-size: 26px; font-weight: bold; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; }
.area-title .title i { display: inline-block; vertical-align: middle; width: 40px; height: 2px; background-color: #315ce1; margin: 0 20px; }
.area-title .desc { font-size: 22px; color: #d9dff8; text-transform: uppercase; margin-top: -5px; }
.area-title-2 { padding: 50px 0 20px; text-align: center; }
.area-title-2 .desc { font-size: 17px; text-transform: uppercase; color: #ccc; margin-bottom: 5px; }
.area-title-2 .title { font-size: 24px; font-weight: bold; }
.area-title-2 .line { display: inline-block; vertical-align: text-top; width: 40px; height: 2px; background-color: #315ce1; }
.area_a .block_1 .area-title-2 { padding: 30px 0 20px; }
.area_a .block_1 ul { margin: 0 -1.5% 15px; overflow: hidden; }
.area_a .block_1 ul li { float: left; width: 43%; padding: 30px 3.5%; overflow: hidden; }
.area_a .block_1 ul li .index { float: left; position: relative; width: 62px; height: 62px; line-height: 62px; text-align: center; font-size: 44px; font-weight: bold; color: #fff; background-color: #315ce1; }
.area_a .block_1 ul li .index:before { content: ''; position: absolute; left: 6px; top: 6px; width: 100%; height: 100%; border: 1px solid #315ce1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.area_a .block_1 ul li .info { padding-left: 110px; }
.area_a .block_1 ul li .info .title { font-size: 18px; font-weight: bold; line-height: 48px; color: #666; }
.area_a .block_1 ul li .info .desc { height: 96px; font-size: 16px; line-height: 32px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; word-break: break-all; text-overflow: ellipsis; }
.area_a .block_2 { padding-bottom: 30px; background: url("../images/area/1.jpg") no-repeat center / cover; }
.area_a .block_2 .area-title-2 .title, .area_a .block_2 .area-title-2 .desc { color: #fff; }
.area_a .block_2 ul { margin: 0 -.8%; }
.area_a .block_2 ul li { float: left; width: 24%; margin: 0 .5%; -webkit-box-shadow: 0 5px 15px rgba(49, 82, 225, .4); -moz-box-shadow: 0 5px 15px rgba(49, 82, 225, .4); box-shadow: 0 5px 15px rgba(49, 82, 225, .4); }
.area_a .block_2 ul li .hd { padding: 15px 0 5px; text-align: center; background: #315ce1; background: -moz-linear-gradient(top, #315ce1 0%, #6ad1fc 100%); background: -webkit-linear-gradient(top, #315ce1 0%,#6ad1fc 100%); background: linear-gradient(to bottom, #315ce1 0%,#6ad1fc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#315ce1', endColorstr='#6ad1fc',GradientType=0 ); }
.area_a .block_2 ul li .hd .title { font-size: 18px; color: #fff; }
.area_a .block_2 ul li .hd .line { display: inline-block; vertical-align: middle; width: 50px; height: 2px; background-color: #fff; }
.area_a .block_2 ul li .bd { height: 184px; padding: 24px; font-size: 16px; text-align: justify; line-height: 1.75; background-color: #f6f8ff; }
.area_a .block_3 ul { margin: 0 -4.5%; }
.area_a .block_3 ul li { float: left; width: 24.33333%; margin: 0 4.5% 50px; }
.area_a .block_3 ul li .title { font-size: 18px; font-weight: bold; color: #666; }
.area_a .block_3 ul li .line { display: inline-block; vertical-align: super; width: 75px; height: 2px; background-color: #315ce1; }
.area_a .block_3 ul li .desc { margin-top: 10px; height: 112px; font-size: 16px; color: #999; line-height: 28px; text-align: justify; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; word-break: break-all; text-overflow: ellipsis; }
.area_a .block_4 { padding-bottom: 50px; }
.area_a .block_4 .wrap { height: 400px; padding-top: 20px; background: url("../images/area/2.jpg") no-repeat center / cover; }
.area_a .block_4 .area-title-2 .title, .area_a .block_4 .area-title-2 .desc { color: #fff; }
.area_a .block_4 .content { margin: 0 125px; padding: 50px 110px; font-size: 16px; line-height: 1.75; text-align: justify; color: #fff; background-color: rgba(51, 51, 51, .7); }
.area_b .block_1 { background-color: #f5f6f7; margin-top: 30px; }
.area_b .block_1 .area-title-2 { padding: 30px 0 20px; }
.area_b .block_1 ul { margin: 0 -.9% 15px; overflow: hidden; }
.area_b .block_1 ul li { float: left; width: 42.2%; padding: 30px 3%; margin: 0 .9% 20px; background-color: #fff; overflow: hidden; }
.area_b .block_1 ul li .index { float: left; position: relative; width: 62px; height: 62px; line-height: 62px; text-align: center; font-size: 44px; font-weight: bold; color: #fff; background-color: #315ce1; }
.area_b .block_1 ul li .index:before { content: ''; position: absolute; left: 6px; top: 6px; width: 100%; height: 100%; border: 1px solid #315ce1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.area_b .block_1 ul li .info { padding-left: 110px; }
.area_b .block_1 ul li .info .title { font-size: 18px; font-weight: bold; line-height: 48px; color: #666; }
.area_b .block_1 ul li .info .desc { height: 96px; font-size: 16px; color: #999; line-height: 32px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; word-break: break-all; text-overflow: ellipsis; }
.area_b .block_2 ul {  }
.area_b .block_2 ul li { float: left; width: 17.5%; padding: 0 3.75%; text-align: center; }
.area_b .block_2 ul li .icon { width: 90px; height: 90px; margin-bottom: 25px; border: 1px dashed #315ce1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.area_b .block_2 ul li .title { font-size: 18px; margin-bottom: 10px; }
.area_b .block_2 ul li .desc { height: 150px; font-size: 16px; color: #999; line-height: 30px; text-align: justify; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; word-break: break-all; text-overflow: ellipsis; }
.area_b .block_3 { margin-bottom: 40px; }
.area_b .block_3 .wrap { position: relative; }
.area_b .block_3 .info { height: 390px; padding: 0 670px 0 40px; overflow: hidden; }
.area_b .block_3 .info .title { margin-top: 10px; font-size: 20px; font-weight: bold; color: #315ce1; }
.area_b .block_3 .info .line { display: inline-block; vertical-align: super; width: 70px; height: 2px; background-color: #315ce1; }
.area_b .block_3 .info .desc { height: 295px; margin-top: 10px; font-size: 17px; color: #999; line-height: 33px; text-align: justify; letter-spacing: 2px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 9; word-break: break-all; text-overflow: ellipsis; }
.area_b .block_3 .pic { position: absolute; right: 0px; top: 0; width: 600px; }
.area_b .block_4 { margin-bottom: 40px; padding: 30px 0; background: url("../images/area/3.jpg") no-repeat center / cover; }
.area_b .block_4 .pic { float: left; width: 450px; }
.area_b .block_4 .info { margin-left: 460px; padding: 18px 30px; background-color: rgba(193, 255, 255, .1); overflow: hidden; }
.area_b .block_4 .info .title { font-size: 20px; font-weight: bold; color: #fff; }
.area_b .block_4 .info .line { display: inline-block; vertical-align: super; width: 70px; height: 2px; background-color: #fff; }
.area_b .block_4 .info .desc { height: 295px; margin-top: 10px; font-size: 17px; color: #fff; line-height: 33px; text-align: justify; letter-spacing: 2px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 9; word-break: break-all; text-overflow: ellipsis; }
.area_b .block_5 { margin-bottom: 20px; }
.area_b .block_5 .pic { float: left; width: 450px; }
.area_b .block_5 .info { margin-left: 460px; padding: 18px 30px; overflow: hidden; }
.area_b .block_5 .info .title { font-size: 20px; font-weight: bold; color: #315ce1; }
.area_b .block_5 .info .line { display: inline-block; vertical-align: super; width: 70px; height: 2px; background-color: #315ce1; }
.area_b .block_5 .info .desc { height: 295px; margin-top: 10px; font-size: 17px; color: #999; line-height: 33px; text-align: justify; letter-spacing: 2px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 9; word-break: break-all; text-overflow: ellipsis; }
.area_b .block_6 { margin-bottom: 60px; }
.area_b .block_6 ul { margin: 0 -.45%; }
.area_b .block_6 ul li { float: left; width: 32.43333%; margin: 0 .45%; background-repeat: no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; overflow: hidden; }
.area_b .block_6 ul li .title { font-size: 20px; font-weight: bold; color: #fff; margin: 35px 0 0 20px; }
.area_b .block_6 ul li .line { display: inline-block; vertical-align: super; width: 75px; height: 2px; background-color: #fff; margin-left: 20px; }
.area_b .block_6 ul li .desc { height: 380px; margin: 20px 7px 10px; padding: 40px 20px; font-size: 17px; letter-spacing: 1px; line-height: 32px; text-align: justify; color: #666; background-color: #fff; -webkit-border-radius: 0 60px 0 0; -moz-border-radius: 0 60px 0 0; border-radius: 0 60px 0 0; overflow: hidden; }
area_c .block_1 { margin-bottom: 40px; }
.area_c .block_1 ul { margin: 0 -4.2%; }
.area_c .block_1 ul li { float: left; width: 24.93333%; margin: 0 4.2%; }
.area_c .block_1 ul li .index { font-size: 60px; color: #eaeefc; font-style: italic; font-weight: bold; margin-bottom: -30px; }
.area_c .block_1 ul li .title { font-size: 20px; margin-bottom: 10px; }
.area_c .block_1 ul li .desc { height: 112px; margin-bottom: 20px; font-size: 16px; letter-spacing: 1px; line-height: 28px; text-align: justify; color: #666; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; word-break: break-all; text-overflow: ellipsis; }
.area_c .block_2 .area-title-2 { padding-top: 0; }
.area_c .block_2 ul { padding-bottom: 50px; overflow: hidden; }
.area_c .block_2 ul li { float: left; width: 21.33333%; margin: 0 6%; text-align: center; }
.area_c .block_2 ul li .icon { width: 80px; height: 80px; margin-bottom: 30px; }
.area_c .block_2 ul li .title { font-size: 20px; margin-bottom: 10px; }
.area_c .block_2 ul li .desc { font-size: 17px; line-height: 32px; text-align: justify; color: #999; }
.area_c .block_3 ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.area_c .block_3 ul li { width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.area_c .block_3 ul li:first-child { padding: 0 75px 50px 0; border-bottom: 1px dashed #6888e9; border-right: 1px dashed #6888e9; }
.area_c .block_3 ul li:nth-child(2) { padding: 0 0 50px 75px; border-bottom: 1px dashed #6888e9; }
.area_c .block_3 ul li:nth-child(3) { padding: 40px 75px 0 0; border-right: 1px dashed #6888e9; }
.area_c .block_3 ul li:nth-child(4) { padding: 40px 0 0 75px; }
.area_c .block_3 ul li .index { font-size: 60px; line-height: 1.1; color: #eaeefc; font-style: italic; font-weight: bold; margin-bottom: -20px; }
.area_c .block_3 ul li .title { font-size: 20px; margin-bottom: 10px; }
.area_c .block_3 ul li .desc { font-size: 16px; line-height: 28px; text-align: justify; color: #666; }
.area_c .block_4 .pic { margin: 0 -100px; }
.area_d .wrap { width: 900px; }
.area_d .block_1 { margin-top: 40px; }
.area_d .block_1 .area-title { margin-bottom: 30px; }
.area_d .block_1 .content { font-size: 17px; line-height: 1.8; color: #666; margin-bottom: 50px; }
.area_d .block_1 ul {  }
.area_d .block_1 ul li { height: 250px; margin-bottom: 10px; overflow: hidden; background-repeat: no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; }
.area_d .block_1 ul li .bd { margin: 90px 40px 0 385px; font-size: 16px; line-height: 1.8; text-align: justify; letter-spacing: 1px; color: #fff; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; word-break: break-all; text-overflow: ellipsis; }
.area_d .block_2 { padding-bottom: 120px; }
.area_d .block_2 ul { margin: 0 -5.5%; }
.area_d .block_2 ul li { float: left; width: 39%; margin: 0 5.5%; }
.area_d .block_2 ul li .index { font-size: 60px; color: #eaeefc; font-style: italic; font-weight: bold; margin-bottom: -30px; }
.area_d .block_2 ul li .title { font-size: 20px; margin-bottom: 10px; }
.area_d .block_2 ul li .desc { height: 180px; font-size: 16px; line-height: 28px; text-align: justify; color: #666; }
.area_d .block_3 .content { font-size: 16px; color: #666; line-height: 2; letter-spacing: 2px; overflow: hidden; margin-bottom: 40px; }
.area_d .block_3 .content .pic { float: left; margin: 0 9% 0 4.5%; }
.area_d .block_3 ul li .index { font-size: 60px; color: #eaeefc; font-style: italic; font-weight: bold; margin-bottom: -30px; }
.area_d .block_3 ul li .title { font-size: 20px; margin-bottom: 10px; }
.area_d .block_3 ul li .desc { font-size: 16px; line-height: 2; text-align: justify; color: #666; margin-bottom: 30px; }
.area_block { margin-bottom: 20px; }
.area_block .info { width: 38.5%; }
.area_block .info .content { font-size: 15px; letter-spacing: 2px; color: #666; line-height: 2; }
.area_block .pic { width: 42%; }
.area_e .block_1 { padding-bottom: 60px; }
.area_e .block_1 ul li { float: left; width: 28.33333%; margin: 0 2.5%; }
.area_e .block_1 ul li .pic { display: block; margin: 0 auto 40px; width: 60%; }
.area_e .block_1 ul li .title { font-size: 20px; font-weight: bold; margin-bottom: 10px; }
.area_e .block_1 ul li .desc { font-size: 14px; color: #999; line-height: 2; }
.area_f { padding-bottom: 50px; }
.area_f .block_1 .info .title { font-size: 20px; font-weight: bold; }
.area_f .block_1 .info .line { display: inline-block; vertical-align: text-top; width: 40px; height: 2px; background-color: #315ce1; }
.area_f .block_1 .info .desc { font-size: 15px; line-height: 2; letter-spacing: 2px; color: #666; margin-bottom: 30px; }
.area_f .block_1 .pic { width: 42%; margin-left: 5%; }
.area_g { padding-bottom: 60px; background: url("../images/area/line.jpg") no-repeat center top 250px; }
.area_h .wrap { width: 900px; }
.area_h .block_1 ul li { float: left; position: relative; width: 50%; height: 210px; margin-top: 20px; }
.area_h .block_1 ul li .icon { position: absolute; top: 0; left: 0; width: 98px; height: 98px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.area_h .block_1 ul li .info { padding: 0 40px 0 130px; }
.area_h .block_1 ul li .info .title { font-size: 18px; margin-bottom: 15px; }
.area_h .block_1 ul li .info .desc { font-size: 16px; color: #666; line-height: 1.8; text-align: justify; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; word-break: break-all; text-overflow: ellipsis; }