@charset "utf-8";

body {background-color: #ffffff;}

/* 块显示/隐藏 */
.con,.cons,.hides {display:none;}
.reveal,.reveals {display:block;}

.forbidden {color: #fff !important;background-color: #d1d1d1 !important;}
.forbidden:hover {background-color: #ccc !important;}


/*********************************************** index.html ***********************************************/
.navigation {position: fixed;left: 0;top: 0;width: 100%;height: 80px;z-index: 999;background: rgba(0,28,66,0.4);display: flex;justify-content: center;
	backdrop-filter: saturate(180%) blur(8px);
	-webkit-backdrop-filter: saturate(180%) blur(8px);
	transition: 500ms;
	-webkit-transition: 500ms;
	-moz-transition: 500ms; 
	-o-transition: 500ms; 
}
.navigation .nav_header {width: 1200px;min-width: 1200px;display: flex;align-items: center;}
.nav_header .nav_logo {width: 144px;height:44px;}
.nav_header .nav_name {height: 44px;display: flex;align-items: center;margin-left: 200px;}
.nav_name a {margin-right: 80px;font-size: 18px;color: #fff;position: relative;}
.nav_name a:last-of-type {margin-right: 0;}
.nav_name a:hover {color: #FF6D24;}
.nav_name a.active:after {
	content:"";
	position: absolute;
	left: 50%;
	bottom: -12px;
  width: 34px;
	height: 4px;
	background-color: #FF6D24;
	margin-left: -17px;
}
.fixed-nav {background-color: #040831;}

.ssss {width: 100%;height: 100px;background-color: #001691;}
.index_banner {width: 100%;min-width: 1200px;height: 700px;background: url(../images/sy-banner.png) no-repeat scroll center;background-size: cover;position: relative;}
.index_banner .mance {width: 100%;position: absolute;bottom: 0;display: flex;align-items: flex-end;}
.mance .mance_fl {flex: 1;max-width: 900px; height: 180px;background: linear-gradient(to right, #FF5D21, #FF922A);display: flex;align-items: center;justify-content: flex-end;}
.mance_fl .mance_title {color: #fff;margin: 30px 0 0 0;margin-right: 180px;}
.mance_title .mce_name {line-height: 40px;font-size: 32px;font-weight: 700;display: inline-block;}
.mance_title span {line-height: 30px;font-size: 28px;font-weight: 700;display: block;opacity: 0.2;}
.mance_title .mce_tle {margin-left: 5px;display: inline-block;}

.mance .mance_fr {background-color: #001D46;height: 130px;margin-left: -140px;flex: 1;}
.mance_fr ul {width: 800px;display: flex;}
.mance_fr li {width: 200px;padding: 35px 0 30px 20px;color: #fff;border-right: solid 1px #282D6C;box-sizing: border-box;}
.mance_fr li h5 {line-height: 20px;font-size: 14px;color: #D4D4D4;margin-bottom: 5px;}
.mance_fr .mce_sum {line-height: 40px;font-size: 34px;}
.mce_sum span {line-height: 20px;font-size: 14px;margin-left: 10px;}


.section {width: 100%;min-width: 1200px;padding: 50px 0;background-color: #fff;}
.section .headline {width: 1200px;margin: 0 auto;position: relative;}
.headline .hl_tle {line-height: 50px;font-size: 36px;position: relative;display: inline-block;}
.headline .hl_tle:after {
	content:"";
	position: absolute;
	left: 50%;
	bottom: -5px;
  width: 60px;
	height: 3px;
	background-color: #FF6D24;
	margin-left: -30px;
}
.headline .subtitle {position: absolute;left: 0;top: 0;line-height: 60px;font-size: 45px;color: rgba(0, 0, 0, 0.03);font-weight: 700;letter-spacing: -2px}
.headline p {line-height: 20px;color: #999999;margin-top: 20px;}

.section .makewhat {width: 1200px;margin: 60px auto;}
.makewhat ul {display: flex;align-items: center;justify-content: space-between; }
.makewhat li {width: 380px;height: 260px;color: #fff;padding: 40px 30px 0 30px;box-sizing: border-box;background-color: #001D46;}
.makewhat .make_lump_1 {background: url(../images/make-1.png) no-repeat scroll 0 0;background-size: 100% 100%;}
.makewhat .make_lump_2 {background: url(../images/make-2.png) no-repeat scroll 0 0;background-size: 100% 100%;}
.makewhat .make_lump_3 {background: url(../images/make-3.png) no-repeat scroll 0 0;background-size: 100% 100%;}
.makewhat li h4 {line-height: 25px;font-size: 20px;font-weight: 700;}
.makewhat li .make_work {display: flex;flex-wrap: wrap;margin-top: 30px;}
.make_work span {line-height: 20px;margin-bottom: 20px; margin-right: 20px;}

.section_scheme {background: url(../images/scheme-bg.png) no-repeat scroll 0 0;background-size: 100% 100%;}
.section .scheme {width: 1200px;margin: 60px auto 0;}
.scheme ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.scheme ul li {width: 280px;height: 250px;text-align: center;padding-top: 60px;background-color: #fff;border-radius: 6px;margin-bottom: 20px;box-sizing: border-box;}
.scheme li .scheme_icon {width: 50px;height: 50px;margin: 0 auto;background: url('../images/scheme-icon.png') scroll no-repeat;
	transition: 500ms;
	-webkit-transition: 500ms;
	-moz-transition: 500ms; 
	-o-transition: 500ms; 
}
.scheme li .scheme_name {font-size: 20px; margin-top: 40px;}

.scheme li .scheme_icon_1 {background-position: left 0 top 0;}
.scheme li .scheme_icon_2 {background-position: left -50px top 0;}
.scheme li .scheme_icon_3 {background-position: left -100px top 0;}
.scheme li .scheme_icon_4 {background-position: left -150px top 0;}
.scheme li .scheme_icon_5 {background-position: left -200px top 0;}
.scheme li .scheme_icon_6 {background-position: left -250px top 0;}
.scheme li .scheme_icon_7 {background-position: left -300px top 0;}
.scheme li .scheme_icon_8 {background-position: left -350px top 0;}
.scheme li:hover {color: #fff;background: url(../images/scheme-icon-bg.png) no-repeat scroll 0 0;background-size: 100% 100%;}
.scheme li:hover .scheme_icon_1 {background-position: left 0 bottom 0;}
.scheme li:hover .scheme_icon_2 {background-position: left -50px bottom 0;}
.scheme li:hover .scheme_icon_3 {background-position: left -100px bottom 0;}
.scheme li:hover .scheme_icon_4 {background-position: left -150px bottom 0;}
.scheme li:hover .scheme_icon_5 {background-position: left -200px bottom 0;}
.scheme li:hover .scheme_icon_6 {background-position: left -250px bottom 0;}
.scheme li:hover .scheme_icon_7 {background-position: left -300px bottom 0;}
.scheme li:hover .scheme_icon_8 {background-position: left -350px bottom 0;}


.albedo .hl_tle {color: #fff;}
.albedo .subtitle {color: rgba(255, 255, 255, 0.05);}
.albedo .hl_tle::after {background-color: #fff;}

.section_drill {background: url(../images/drill-bg.png) no-repeat scroll 0 0;background-size: 100% 100%;}
.section .drill {width: 1200px;margin: 80px auto 0;}
.drill ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.drill ul li {width: 300px;height: 360px;background-color: #fff;display: flex;flex-direction: column;align-items: center;position: relative;border-radius: 6px;}
.drill .drill_icon {width: 70px;height: 70px;background: #3969EA url(../images/drill-icon1.png) no-repeat scroll center;background-size: 46px 46px;border-radius: 50%;margin: 40px 0 30px;}
.drill li h3 {line-height: 25px;font-size: 20px;font-weight: 700px;margin-bottom: 20px;}
.drill li p {line-height: 30px;}

.drill ul li:after {
	content:"";
	position: absolute;
	top: 50%;
	left: -115px;
  width: 80px;
	height: 64px;
	background: url(../images/drill-arrow.png) no-repeat scroll 0 0;
	background-size: 100% 100%;
	margin-top: -32px;
}
.drill ul li:first-of-type:after {display: none;}
.drill ul li:hover {background: url(../images/drill-active-bg.png) no-repeat scroll 0 0;background-size: 100% 100%;color: #fff;}
.drill ul li:hover .drill_icon {background: #ffffff url(../images/drill-icon2.png) no-repeat scroll center;background-size: 46px 46px;}

.section_cases {background: url(../images/cases-bg.png) no-repeat scroll 0 0;background-size: 100% 100%;padding-bottom: 0;}
.section .cases {width: 1200px;margin: 70px auto 20px;}
.cases_swiper .swiper-slide .cases_img {width: 800px;height: 450px;margin: 0 auto;overflow: hidden;}
.swiper-button-next:focus, .swiper-button-prev:focus {outline: none;}

.thumbs {width: 100%;background-color: #001C42;}
.thumbs .thumbs_cont {width: 1200px;height: 150px;margin: 0 auto;}
.thumbs_swiper .swiper-slide {float: left;width: auto !important;}
.thumbs_swiper .cases_li {width: 195px;height: 150px;color: #fff;padding: 30px 30px 0 30px;border-left: solid 1px #334968;cursor: pointer;
	transition: 500ms;
	-webkit-transition: 500ms;
	-moz-transition: 500ms; 
	-o-transition: 500ms;
}
.cases_li h3 {line-height: 22px;font-size: 18px;}
.cases_li h4 {line-height: 20px;font-size: 13px;color: rgba(255, 255, 255, 0.5);margin-top: 5px;}
.cases_li a {width: 90px;height: 28px;line-height: 28px;color: #fff;font-size: 12px;text-align: center;border: solid 1px #fff;display: block;margin-top: 10px;display: none;}

.thumbs .swiper-slide-thumb-active .cases_li {background-color: #3969EA;width: 225px;}
.swiper-slide-thumb-active .cases_li a {display: block;}

.section_news {background-color: #F2F2F8;}
.section .news {width: 1200px;display: flex;justify-content: space-between;flex-wrap: wrap;margin: 0 auto 30px;}
.news .news_ol {width: 380px;margin-top: 60px;}
.news_ol .news_img {width: 380px;height: 190px;display: flex;align-items: center;justify-content: center;overflow: hidden;margin-bottom: 30px;border-radius: 5px;}
.news_img img {width: 100%;height: 100%;transition: all 0.6s;}
.news_img img:hover {transform:scale(1.1);}

.news_ol h3 {line-height: 20px;font-size: 18px;color: #555555;}
.news_ol p {line-height: 20px;color: #888888;margin-top: 20px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.news_ol .news_time {line-height: 20px;color: #999;margin-top: 15px;}
.news_ol h3:hover,.news_ol p:hover {color: #3969EA;}
.news_ol p:hover {text-decoration: underline;}
.news_ol .news_time:hover {color: #333;}

.section .served {width: 1200px;margin: 80px auto 60px;}
.served_nav {width: 570px;height: 50px;margin: 0 auto;border: solid 1px #f0f0f0;}
.served_nav ul {display: flex;align-items: center;border: none;}
.served_nav ul li {flex: 1;margin: 0;}
.nav-tabs > li > a {line-height: 48px;text-align: center;font-size: 20px;box-sizing: border-box;padding: 0;border-radius: 0;margin: 0;border: none;}
.served_nav ul li:first-of-type a {border-left: none;}
.served_nav ul li:hover {color: #3969EA;}
.served_nav ul li.active a {color: #fff !important;background-color: #3969EA;border: none;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {border: none;background-color: #3969EA;}

.served_cont {width: 800px;margin: 80px auto 0;display: flex;flex-wrap: wrap;min-height: 180px;justify-content: center;}
.served_cont .sed_logo {width: 180px;height: 70px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;border: solid 1px #f0f0f0;margin: 10px;}
.sed_logo img {width: 120px;}
.served_cont .sed_logo:hover {border: solid 1px #3969EA;}

/***** 底部 *****/
.footer {width: 100%;min-width: 1200px;color: #fff;background-color: #040831;}
.footer .foot_magix {display: flex;width: 1200px;padding: 80px 0 60px;margin: 0 auto;}
.foot_magix .magix_list {display: flex;flex: 1;margin-left: 40px;}
.magix_list .magix_item {display: flex;flex: 1;flex-direction: column;}
.magix_item h4 {line-height: 25px;font-size: 18px;margin-bottom: 15px;}
.magix_item .magix_ul li {line-height: 25px;margin-top: 10px;}
.magix_ul li a {color: #ddd;}
.magix_ul li a:hover {color: #3969EA;text-decoration: underline;}

.foot_magix .magix_code {width: 200px;}
.magix_code h4 {line-height: 25px;font-size: 18px;margin-bottom: 25px;}
.magix_code .mcode_img {display: flex;align-items: center;justify-content: center;width: 120px;height: 120px;overflow: hidden;background-color: #fff;}
.magix_code .mcode_txt {line-height: 25px;color: #444;margin-left: 10px;}

.foot_magix .magix_customer {width: 250px;}
.magix_customer h4 {line-height: 25px;font-size: 18px;margin-bottom: 30px;}
.magix_customer p {line-height: 25px;font-size: 30px;padding-bottom: 20px;}
.magix_customer span {line-height: 20px;font-size: 13px;display: block;margin-top: 10px;}

.footer .magix_copyright {display: flex;align-items: center;justify-content: center;width: 100%;line-height: 20px;font-size: 12px;color: #ddd;background-color: #040831;border-top: solid 1px #1E2146;padding: 20px 0;}

/*********************************************** news.html ***********************************************/
.news_banner {width: 100%;min-width: 1200px;height: 320px;background: url(../images/news-banner.png) no-repeat scroll 0 0;background-size: cover;}

.news_break {width: 1200px;height: 220px;margin: 80px auto 0;background: url(../images/news-break-bg.png) no-repeat scroll 0 0;background-size: 100% 100%;padding: 50px 0 0 110px;color: #fff;}
.news_break .news_chunk {display: flex;color: #fff;}
.news_break .news_chunk:hover {color: #ddd;}
.news_chunk .nk_date {width: 80px;display: flex;flex-direction: column;align-items: center;} 
.nk_date h3 {line-height: 30px;font-size: 24px;}
.nk_date h4 {line-height: 80px;font-size: 72px;}
.news_chunk .nk_content {margin-left: 70px;flex: 1;} 
.nk_content .nk_title {line-height: 30px;font-size: 24px;margin-bottom: 30px;position: relative;}
.nk_content .nk_title:after {
	content:"";
	position: absolute;
	left: 0;
	bottom: -15px;
  width: 40px;
	height: 2px;
	background-color: #fff;
}
.nk_content p {line-height: 25px;font-size: 16px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break:break-all;
}
.nk_content p:hover {text-decoration: underline;}
.news_chunk .nk_time {width: 300px;line-height: 30px;font-size: 24px;text-align: center;}

.news_substance {width: 1200px;margin: 0 auto;}
.news_substance .subst_chunk {display: flex;align-items: center;color: #555;padding-left: 110px;margin: 90px 0;}
.subst_chunk .sub_left {display: flex;flex: 1;}
.sub_left .sub_date {width: 80px;color: #C6C8CC;display: flex;flex-direction: column;align-items: center;} 
.sub_date h3 {line-height: 30px;font-size: 24px;}
.sub_date h4 {line-height: 80px;font-size: 72px;}
.sub_left .sub_content {margin-left: 70px;
	width: 85%;
	width:-moz-calc(100% - 80px - 70px);
	width:-webkit-calc(100% - 80px - 70px); 
	width: calc(100% - 80px - 70px);
}
.sub_content .sub_title {display: flex;justify-content: space-between;line-height: 30px;font-size: 24px;}
.sub_title h2 {font-size: 24px;margin-bottom: 30px;position: relative;}
.sub_title h2:after {
	content:"";
	position: absolute;
	left: 0;
	bottom: -15px;
  width: 40px;
	height: 2px;
	background-color: #FD792D;
}
.sub_title h2:hover {color: #3969EA;}
.sub_title span {color: #888;}
.sub_content p {line-height: 25px;font-size: 16px;color: #888;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break:break-all;
}
.sub_content p:hover {color: #3969EA;text-decoration: underline;}
.subst_chunk .sub_img {width: 280px;height: 140px;display: flex;align-items: center;justify-content: center;overflow: hidden;border-radius: 5px;margin-left: 60px;}
.sub_img img {width: 100%;height: 100%;transition: all 0.6s;}
.sub_img img:hover {transform:scale(1.1);}

.pages {width: 1200px;margin: 0 auto;padding: 60px 0 80px;border-top: solid 1px #f0f0f0;}
.pages ul {display: flex;align-items: center;justify-content: center;}
.pages ul li {width: 50px;height: 50px;line-height: 50px;font-size: 20px;margin: 0 8px;cursor: pointer;border-radius: 5px;background-color: #F9F9F9;border: solid 1px #f0f0f0;display: flex;align-items: center;justify-content: center;}
.pages li .glyphicon {font-size: 16px;}

.pages .pages_arrow {width: 22px;height: 22px;background: url('../images/arrow-pag.png') scroll no-repeat;background-size: 200%;}
.pages .arrow_prev {background-position: left 0 top 0;}
.pages .arrow_next {background-position: right 0 top 0;}

.pages li:hover {color: #3969EA;}
.pages li.active {color: #fff;background-color: #3969EA;border-color: #3969EA;}
.pages li.disabled {background-color: #f4f4f4;color: #999;border-color: #eee;cursor: no-drop;}

/*********************************************** news_details.html ***********************************************/
.bread_cont {width: 100%;padding: 15px 0;}
.bread {width: 1200px;margin: 0 auto;display: flex;align-items: center;line-height: 25px;color: #9a9a9a;}
.bread a {color: #9a9a9a;}
.bread i {color: #8a8a8a;margin: 0 10px;}
.bread a:hover {color: #3969EA;}

.detail_cont {width: 1200px;margin: 0 auto;display: flex;}
.detail_cont .detail_left {margin-right: 80px;padding: 40px 0 80px;
	width: 70%;
	width:-moz-calc(100% - 380px);
	width:-webkit-calc(100% - 380px); 
	width: calc(100% - 380px);
}
.detail_left .det_title {line-height: 50px;font-size: 30px;}
.detail_left .det_time {display: flex;align-items: center;line-height: 20px;color: #9a9a9a;margin-top: 20px;}
.det_time span {margin-right: 25px;}
.detail_left .det_content {margin-top: 50px;}
.det_content p {line-height: 30px;font-size: 16px;margin-bottom: 30px;}
.det_content p img {width: 680px;margin: 0 auto;display: block;}

.detail_cont .pagination {margin-top: 50px;}
.pagination .pag {line-height: 30px;color: #888;}
.pag a {margin-left: 20px;color: #888;}
.pag a:hover {color: #3969EA;text-decoration: underline;}

.detail_cont .detail_right {width: 300px;padding: 40px 0 80px;}
.detail_right h2 {line-height: 50px;margin-bottom: 40px;}
.detail_right a {line-height: 20px;padding: 0 0 30px 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;position: relative;}
.detail_right a:after {
	content:"";
	position: absolute;
	left: 0;
	top: 8px;
  width: 4px;
	height: 4px;
	background-color: #333;
	border-radius: 1px;
}
.detail_right a:hover {text-decoration: underline;}

/*********************************************** scheme.html ***********************************************/
.scheme_banner {width: 100%;min-width: 1200px;height: 480px;background: url(../images/scheme-banner.png) no-repeat scroll center;background-size: cover;}

.section .system {width: 1200px;margin: 70px auto 0;}
.system ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.system ul li {width: 280px;height: 200px;text-align: center;padding-top: 30px;background-color: #F9F9FA;border-radius: 6px;box-sizing: border-box;}
.system li .system_icon {width: 50px;height: 50px;margin: 0 auto;}
.system li .system_name {line-height: 25px;font-size: 18px;font-weight: 700;margin-top: 20px;}
.system li .system_other {display: flex;align-items: center;justify-content: center;line-height: 20px;color: #888;margin-top: 15px;}
.system_other span {margin-left: 10px;}
.system_other span:first-of-type {margin-left: 0;}
.system li:hover {background-color: #fff;box-shadow: 0px 0px 18px 1px rgba(0,0,0,0.1);}

.section .chart {width: 1200px;height: 400px;margin: 70px auto;position: relative;background: url('../images/chart-curve.png') scroll no-repeat center center;background-size: 1200px 240px;}
.chart .chart_block {position: absolute;display: flex;flex-direction: column;align-items: center;}
.chart_block .chart_lump {background-color: #fff;width: 140px;height: 94px;box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);border-radius: 6px;padding: 20px 0;}
.chart_lump .chart_icon {width: 24px;height: 24px;margin: 0 auto;}
.chart_lump .chart_name {line-height: 20px;text-align: center;margin-top: 10px;}
.chart_block .chart_thread {width: 1px;height: 80px;border-left: dashed 1px #ddd;margin: 10px 0;}
.chart_block .chart_cancel {width: 18px;height: 18px;}
.chart .chart_block_1 {top: 95px;left: 50px;}
.chart .chart_block_2 {bottom: -5px;left: 240px;}
.chart .chart_block_3 {top: 50px;left: 430px;}
.chart .chart_block_4 {bottom: 55px;left: 620px;}
.chart .chart_block_5 {top: -30px;right: 240px;}
.chart .chart_block_6 {bottom: 55px;right: 50px;}
.chart .chart_block:hover .chart_lump {box-shadow: 0px 0px 10px 1px rgba(57, 105, 234, 0.3);}
.chart .chart_blockF:hover .chart_thread {border-color: #3969EA;}

.section_ability {background: url(../images/ability-bg.png) no-repeat scroll 0 0;background-size: 100% 100%;}
.section .ability {width: 1200px;margin: 80px auto 70px;}
.ability ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.ability ul li {width: 230px;height: 220px;color: #fff;text-align: center;padding-top: 30px;border-radius: 6px;box-sizing: border-box;background-color: rgba(57, 105, 234, 0.3);
	transition: 300ms;
	-webkit-transition: 300ms;
	-moz-transition: 300ms; 
	-o-transition: 300ms; 
}
.ability li .ability_icon {width: 40px;height: 40px;margin: 0 auto;}
.ability li .ability_name {line-height: 25px;font-size: 18px;font-weight: 700;margin-top: 30px;}
.ability li .ability_other {display: flex;align-items: center;flex-wrap: wrap;line-height: 20px;margin: 20px 0 0 50px;}
.ability li:last-of-type .ability_other {margin-left: 20px;}
.ability_other span {line-height: 25px;margin-right: 10px;}
.ability_other span:first-of-type {margin-left: 0;}
.ability li:hover {background-color: rgba(57, 105, 234, 0.9);height: 250px;margin-top: -30px;}

.section_resolve {background: url(../images/resolve-bg.png) no-repeat scroll 0 0;background-size: 100% 100%;}
.section .resolve {width: 1200px;margin: 80px auto;}
.resolve ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.resolve ul li {width: 300px;height: 360px;background-color: #fff;display: flex;flex-direction: column;align-items: center;position: relative;border-radius: 6px;border: solid 1px #3969EA;}
.resolve .resolve_icon {width: 70px;height: 70px;background-color: #3969EA;display: flex;align-items: center;justify-content: center;overflow: hidden;border-radius: 50%;margin: 40px 0 30px;}
.resolve_img {width: 36px;height: 36px;background: url(../images/resolve-icon.png) no-repeat scroll;
	transition: 500ms;
	-webkit-transition: 500ms;
	-moz-transition: 500ms; 
	-o-transition: 500ms;
}
.resolve_icon_1 .resolve_img {background-position: left 0 top 0;}
.resolve_icon_2 .resolve_img {background-position: left -36px top 0;}
.resolve_icon_3 .resolve_img {background-position: left -72px top 0;}
.resolve li:hover .resolve_icon_1 .resolve_img {background-position: left 0 bottom 0;}
.resolve li:hover .resolve_icon_2 .resolve_img {background-position: left -36px bottom 0;}
.resolve li:hover .resolve_icon_3 .resolve_img {background-position: left -72px bottom 0;}

.resolve li h3 {line-height: 25px;font-size: 20px;font-weight: 700px;margin-bottom: 10px;}
.resolve li p {line-height: 25px;}
.resolve ul li:after {
	content:"";
	position: absolute;
	top: 50%;
	left: -115px;
  width: 80px;
	height: 64px;
	background: url(../images/drill-arrow.png) no-repeat scroll 0 0;
	background-size: 100% 100%;
	margin-top: -32px;
}
.resolve ul li:first-of-type:after {display: none;}
.resolve ul li:hover {background: url(../images/drill-active-bg.png) no-repeat scroll 0 0;background-size: 100% 100%;color: #fff;}
.resolve li:hover .resolve_icon {background-color: #fff;}

/*********************************************** case.html ***********************************************/
.case_banner {width: 100%;min-width: 1200px;height: 540px;background: url(../images/case-banner.png) no-repeat scroll 0 0;background-size: cover;}

.case_nav {width: 570px;margin: 80px auto 40px;border: solid 1px #f0f0f0;}
.case_nav ul {display: flex;align-items: center;border: none;}
.case_nav ul li {flex: 1;margin: 0;}
.case_nav ul li:first-of-type a {border: none;}
.case_nav ul li:hover {color: #3969EA;}
.case_nav ul li.active a {color: #fff !important;background-color: #3969EA;border: none;}

.case_content {width: 1200px;margin: 60px auto 40px;}
.case_content .case_ol {display: flex;padding: 30px 0;}
.case_ol .case_img {width: 540px;height: 430px;margin: 0 30px; display: flex;align-items: center;justify-content: center;overflow: hidden;background: url(../images/case-albg.png) no-repeat scroll 0 0;background-size: 100% 100%;}
.case_img img {width: 480px;}
.case_ol .case_cont {padding: 60px 30px 0;height: 430px;
	width: 50%;
	width:-moz-calc(100% - 600px);
	width:-webkit-calc(100% - 600px); 
	width: calc(100% - 600px);
}
.case_cont h2 {line-height: 40px;font-size: 30px;color: #333;}
.case_cont h3 {line-height: 25px;font-size: 20px;color: #888;margin-top: 5px;}
.case_cont ul {display: flex;align-items: center;margin-top: 30px;border-bottom: none;}
.case_cont ul li a {width: 130px;line-height: 38px;font-size: 17px;color: #888;text-align: center;border: solid 1px #f0f0f0;border-radius: 3px;margin-right: 10px;}
.case_cont ul li.active a {color: #3969EA !important;background-color: #fff;border: solid 1px #3969EA;}
.case_cont .nav-tabs > li.active > a,.case_cont .nav-tabs > li.active > a:hover,.case_cont .nav-tabs > li.active > a:focus {
  border: solid 1px #3969EA;
  background-color: #fff;
}
.case_cont .case_intro {margin-top: 40px;}
.case_intro p {line-height: 25px;color: #666;margin-bottom: 15px;word-break:break-all;}

/*********************************************** about.html ***********************************************/
.about_banner {width: 100%;min-width: 1200px;height: 800px;background: url(../images/about-banner.png) no-repeat scroll 0 0;background-size: cover;padding-top: 130px;}
.about_banner .history {width: 1200px;margin: 0 auto;color: #fff;}
.history .his_title {display: flex;align-items: center;line-height: 40px;}
.his_title h2 {font-size: 30px;font-weight: 700;}
.his_title span {font-size: 24px;margin-left: 20px;color: rgba(255,255,255,0.5);}
.history .his_process {margin-top: 30px;}
.his_process .his_last {display: flex;align-items: center;}
.his_last .last_time {line-height: 100px;font-size: 68px;font-weight: 700;}
.his_last .last_cont {margin-left: 40px;font-size: 22px;height: 80px;color: #39F0FF;padding: 10px 40px;position: relative;}
.last_cont p {line-height: 30px;}
.his_last .last_cont:after {
	content:"";
	position: absolute;
	top: 0;
	left: 0;
  width: 28px;
	height: 32px;
	background: url(../images/about-brace-1.png) no-repeat scroll 0 0;
	background-size: 100% 100%;
}
.his_last .last_cont:before {
	content:"";
	position: absolute;
	bottom: 0;
	right: 0;
  width: 28px;
	height: 32px;
	background: url(../images/about-brace-2.png) no-repeat scroll 0 0;
	background-size: 100% 100%;
}
.his_process .process_ul {margin-top: 10px;position: relative;}
.his_process .process_ul:after {
	content:"";
	position: absolute;
	top: 0;
	left: 110px;
  width: 1px;
	height: 100%;
	background-color: #39F0FF;
	background-size: 100% 100%;
}
.process_ul li {display: flex;align-items: center;line-height: 35px;font-size: 22px;padding: 18px 0;}
.process_ul .his_time {width: 85px;}
.process_ul .his_substance {padding-left: 56px;position: relative;}
.his_substance span {color: #39F0FF;}
.process_ul .his_substance:after {
	content:"";
	position: absolute;
	top: 50%;
	left: 19px;
  width: 12px;
	height: 12px;
	background-color: #39F0FF;
	background-size: 100% 100%;
	border-radius: 50%;
	margin-top: -6px;
	}
	
.section .about {width: 1200px;min-height: 460px;margin: 80px auto 0;background: url(../images/about-corp-bg.png) no-repeat scroll left bottom;background-size: 750px 460px;display: flex;align-items: center;justify-content: flex-end;}
.about .about_blcok {width: 780px;min-height: 400px;background-color: rgba(255,255,255,0.8);padding: 40px;}
.about_blcok .about_name {position: relative;padding-bottom: 30px;}
.about_name h2 {line-height: 40px;font-size: 30px;}
.about_name h3 {line-height: 25px;font-size: 20px;color: #888;margin-top: 10px;}
.about_blcok .about_name:after {
	content:"";
	position: absolute;
	left: 0;
	bottom: 0;
  width: 60px;
	height: 3px;
	background-color: #FF6D24;
}
.about_blcok p {line-height: 25px;word-break:break-all;margin-top: 28px;}

.section .culture {width: 1020px;margin: 80px auto 40px;}
.culture ul {display: flex;align-items: center;justify-content: space-between;}
.culture ul li {width: 320px;height: 230px;background-color: #fff;border: solid 1px #f0f0f0;border-radius: 6px;text-align: center;padding: 30px 35px;}
.culture .cul_icon {width: 42px;height: 42px;margin: 0 auto;background: url('../images/about-cul-icon.png') scroll no-repeat;
	transition: 300ms;
	-webkit-transition: 300ms;
	-moz-transition: 300ms; 
	-o-transition: 300ms; 
}
.culture li .cul_icon_1 {background-position: left 0 top 0;}
.culture li .cul_icon_2 {background-position: left -42px top 0;}
.culture li .cul_icon_3 {background-position: left -84px top 0;}
.culture li:hover {background-color: #3969EA;color: #fff;}
.culture li:hover .cul_icon_1 {background-position: left 0 bottom 0;}
.culture li:hover .cul_icon_2 {background-position: left -42px bottom 0;}
.culture li:hover .cul_icon_3 {background-position: left -84px bottom 0;}
.culture .cul_name {line-height: 25px;font-size: 18px;margin: 28px 0 20px;}

.section_summary {background: url(../images/summary-bg.png) no-repeat scroll 0 0;background-size: 100% 100%;}
.section .summary {width: 1200px;margin: 90px auto 20px;position: relative;}
.summary_swiper {height: 450px;}
.summary_swiper .swiper-slide {width: 520px;height: 400px;background: #ECE1D5;padding-top: 40px;border-radius: 5px;background: linear-gradient(to right, #BD9A6F, #E2D4C4, #F0E6DB, #BD9A6F);}
.summary_swiper .suy_lump {width: 350px;height: 260px;margin: 0 auto;}
.summary_swiper .swiper-slide p {line-height: 90px;font-size: 18px;text-align: center;}
.summary_swiper .swiper-pagination {width: 100%;bottom: 0;}
.summary_swiper .swiper-pagination-bullets .swiper-pagination-bullet {width: 12px;height: 12px;margin: 0 5px;background-color: #fff;opacity: 0.7;}
.summary_swiper .swiper-pagination-bullets .swiper-pagination-bullet-active {background-color: #3969EA;opacity: 1;}
.summary_swiper .swiper-button-prev:after,.summary_swiper .swiper-button-next:after {display: none;}
.summary_swiper .swiper-button-prev,.summary_swiper .swiper-button-next {width: 50px;height: 50px;background: url(../images/arrow.png) no-repeat scroll;}
.summary_swiper .swiper-button-prev {left: 0;background-position: left 0 top 0;}
.summary_swiper .swiper-button-next {right: 0;background-position: right 0 top 0;}
.summary_swiper .swiper-button-prev:hover,.summary_swiper .swiper-button-next:hover {border-radius: 50%;box-shadow: 0 0 10px rgba(57,105,234,1) }

.section_layout {background: url(../images/layout-bg.png) no-repeat scroll 0 0;background-size: cover;}
.section .layout {width: 1200px;height: 600px;margin: 60px auto 50px;background: url(../images/layout-map.png) no-repeat scroll center 0;background-size: 720px 520px;position: relative;}
.layout .lay_lump {position: absolute;z-index: 2;}
.lay_lump h3 {line-height: 25px;font-size: 20px;}
.lay_lump .lay_city {display: flex;align-items: center;margin-top: 15px;}
.lay_city span {width: 90px;height: 40px;line-height: 40px;font-size: 16px;color: #fff;text-align: center;border-radius: 30px;background-color: #001C42;margin-right: 20px;}
.lay_xinan h3 {color: #001691;}
.lay_xinan .lay_city span {background-color: #001691;}
.lay_huabei h3 {color: #3969EA;}
.lay_huabei .lay_city span {background-color: #3969EA;}
.lay_huanan h3 {color: #20416E;}
.lay_huanan .lay_city span {background-color: #20416E;}
.lay_huazhong h3 {color: #4C36EA;}
.lay_huazhong .lay_city span {background-color: #4C36EA;}
.lay_huadong h3 {color: #FD772D;}
.lay_huadong .lay_city span {background-color: #FD772D;}
.layout .lay_xinan {left: 150px;bottom: 130px;}
.layout .lay_huabei {left: 540px;top: 100px;}
.layout .lay_huanan {right: 340px;bottom: 0;}
.layout .lay_huazhong {right: 160px;top: 250px;}
.layout .lay_huadong {right: 70px;bottom: 120px;}
.layout .lay_huazhong:after {
	content: "";
	position: absolute;
	left: -150px;
	bottom: -18px;
	width: 150px;
	height: 1px;
	border-bottom: dashed 1px #040831;
	transform: rotate(-25deg);
}
.lay_xinan span:hover {box-shadow: 0px 0px 10px 1px rgba(0,22,145,0.3);}
.lay_huabei span:hover {box-shadow: 0px 0px 10px 1px rgba(57,105,234,0.4);}
.lay_huanan span:hover {box-shadow: 0px 0px 10px 1px rgba(32,65,110,0.4);}
.lay_huazhong span:hover {box-shadow: 0px 0px 10px 1px rgba(76,54,234,0.4);}
.lay_huadong span:hover {box-shadow: 0px 0px 10px 1px rgba(253,119,45,0.4);}