@charset 'utf-8';

.con_about_title{line-height: 50px; padding: 45px 0; background: #001a4f; text-align: center;}
.con_about_title h2{display: inline-block; letter-spacing: 8px; font-size: 36px; color: #fff; position: relative; padding: 0 100px;}
.con_about_title h2::before{content: ''; width: 54px; height: 22px; background: url("../images/aboutus_title_bg.png"); position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.con_about_title h2::after{content: ''; width: 54px; height: 22px; background: url("../images/aboutus_title_bg.png"); position: absolute; right: 0; top: 50%; transform: translateY(-50%);}

.development_history{background: url("../images/development_history_bg.jpg") center no-repeat;}
.development_history .development_content{max-width: 1428px; height: 1060px; margin: 0 auto; background: url("../images/timer.png") center no-repeat; background-size: 100% 275px; position: relative;}
.development_history .development_content .development_list{position: absolute; text-align: center; transform: translateX(-50%);}
.development_history .development_content .development_list:nth-child(1){width: 200px; left: 12%; top: 640px;}
.development_history .development_content .development_list:nth-child(2){width: 260px; left: 26%; bottom: 478px;}
.development_history .development_content .development_list:nth-child(3){width: 262px; left: 41%; top: 578px;}
.development_history .development_content .development_list:nth-child(4){width: 300px; left: 55%; bottom: 578px;}
.development_history .development_content .development_list:nth-child(5){width: 240px; left: 71%; top: 465px;}
.development_history .development_content .development_list:nth-child(6){width: 262px; left: 85%; bottom: 542px;}
.development_history .development_content .development_list .dot{width: 16px; height: 16px; margin: 0 auto; background: #fff; border-radius: 50%; box-shadow: 0 0 5px #ddd;}
.development_history .development_content .development_list .year{font-size: 18px; font-weight: bold; color: #223c84; padding: 5px 0;}
.development_history .development_content .development_list .text{font-size: 16px; line-height: 22px; padding: 5px 0; text-align: left;}
.development_history .development_content .development_list .picture{padding: 5px 0;}
.mobile_development{display: none;}

.about_superiority{padding: 70px 0 100px; background: url("../images/superiority_bg.jpg") center no-repeat;}
.about_superiority .superiority_title{text-align: center;}
.about_superiority .superiority_title h2{display: inline-block; font-size: 36px; color: #fff; position: relative; padding-bottom: 30px;}
.about_superiority .superiority_title h2::after{content: ''; width: 65px; height: 4px; background: #001a4f; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.about_superiority .superiority_title p{max-width: 420px; margin: 20px auto 30px; font-size: 16px; line-height: 28px; color: #fff;}
.about_superiority .superiority_title a{display: block; margin: 0 auto; width: 140px; line-height: 38px; font-size: 14px; text-align: center; background: #001a4f; color: #fff;}
.about_superiority .superiority_list{margin-top: 100px;}
.about_superiority .superiority_list::after{content: ''; display: table; clear: both;}
.about_superiority .superiority_list .list{width: 30%; float: left; margin-right: 5%;}
.about_superiority .superiority_list .list:nth-child(3){margin-right: 0;}
.about_superiority .superiority_list .list .title{max-width: 350px; box-sizing: border-box; padding: 5px 0 5px 76px; border-bottom: solid rgba(255, 255, 255, 0.28) 1px;}
.about_superiority .superiority_list .list:nth-child(1) .title{background: url("../images/superiority_01.png") 3px center no-repeat;}
.about_superiority .superiority_list .list:nth-child(2) .title{background: url("../images/superiority_02.png") 3px center no-repeat;}
.about_superiority .superiority_list .list:nth-child(3) .title{background: url("../images/superiority_03.png") 3px center no-repeat;}
.about_superiority .superiority_list .list .title p{line-height: 18px; color: #fff;}
.about_superiority .superiority_list .list .title h3{font-size: 24px; line-height: 38px; color: #c6a47e;}
.about_superiority .superiority_list .list .text{font-size: 15px; color: #fff; line-height: 24px; margin-top: 20px;}

.about_originator{}
.about_originator .originator_swiper{position: relative; overflow: hidden;}
.about_originator .originator_swiper .picture{overflow: hidden;}
.about_originator .originator_swiper .picture img{height: 100%; position: relative; left: 50%; transform: translateX(-50%);}
.about_originator .originator_swiper .content{width: 100%; position: absolute; left: 0; top: 130px;}
.about_originator .originator_swiper .content .title{font-size: 60px; font-weight: bold; color: #2d2d2d;}
.about_originator .originator_swiper .content .name{font-size: 60px; font-weight: bold; color: #c6a47e;}
.about_originator .originator_swiper .content .text{color: #515151; margin-top: 20px;}
.about_originator .originator_swiper .content .text h3{max-width: 530px; font-size: 18px; line-height: 30px; padding: 30px 0;}
.about_originator .originator_swiper .content .text p{max-width: 600px; font-size: 20px; line-height: 36px; padding: 12px 0;}
.about_originator .originator_swiper .swiper-button-prev,
.about_originator .originator_swiper .swiper-button-next{width: 28px; height: 41px; top: 60%;}
.about_originator .originator_swiper .swiper-button-prev{left: 3%; background: url("../images/swiper_prev.png") no-repeat;}
.about_originator .originator_swiper .swiper-button-next{right: 3%; background: url("../images/swiper_next.png") no-repeat;}

.about_system{padding-top: 50px; background: url("../images/system_bg.jpg");}
.about_system .system_title{font-size: 34px; color: #fff; padding-left: 60px;}
.about_system .system_list{padding: 40px 60px;}
.about_system .system_list::after{content: ''; display: table; clear: both;}
.about_system .system_list .list{width: 32%; float: left; box-sizing: border-box; padding: 40px 40px 150px; background: url("../images/system_list_bg.jpg"); margin: 0 2% 30px 0; transition: all 0.5s; position: relative;}
.about_system .system_list .list:hover{background: url("../images/system_list_hover.jpg");}
.about_system .system_list .list:nth-child(3n){margin-right: 0;}
.about_system .system_list .list .number{font-size: 32px; color: #a8a8a8;}
.about_system .system_list .list .title{font-size: 20px; color: #0056b7; transition: all 0.5s;}
.about_system .system_list .list:hover .title{color: #fff;}
.about_system .system_list .list .more{position: absolute; left: 40px; bottom: 40px;}
.about_system .system_list .list .more a{font-size: 16px; color: #a8a8a8;}
.about_system .system_list .list .icon{width: 100px; height: 80px; overflow: hidden; position: absolute; right: 40px; bottom: 40px;}
.about_system .system_list .list .icon img{transition: all 0.5s;}
.about_system .system_list .list:hover .icon img{transform: translateY(-50%);}

.about_culture{}
.about_culture::after{content: ''; display: table; clear: both;}
.about_culture .list{width: 25%; height: 900px; float: left; box-sizing: border-box; padding: 150px 60px 0;}
.about_culture .list:nth-child(1){background: #ececec;}
.about_culture .list:nth-child(2){background: url("../images/culture_02.jpg") right top no-repeat; color: #fff;}
.about_culture .list:nth-child(3){background: url("../images/culture_03.png") right top no-repeat #f3f3f1; padding-top: 560px;}
.about_culture .list:nth-child(4){background: url("../images/culture_04.jpg") right top no-repeat; color: #fff;}
.about_culture .list .title{}
.about_culture .list .title p{font-size: 30px; font-family: 'Times New Roman', Times, serif;}
.about_culture .list .title h3{font-size: 30px; font-family: 'Times New Roman', Times, serif; margin-top: 10px;}
.about_culture .list .text{font-size: 18px; line-height: 32px; margin-top: 40px; position: relative; padding-top: 20px;}
.about_culture .list:nth-child(1) .title{color: #c19558;}
.about_culture .list:nth-child(2n) .title{color: #fff;}
.about_culture .list:nth-child(3) .title p{color: #c3965b;}
.about_culture .list:nth-child(3) .title h3{color: #323232;}
.about_culture .list:nth-child(1) .text{color: #3d3d3d;}
.about_culture .list:nth-child(3) .text{color: #838383;}
.about_culture .list:nth-child(2n) .text::after{width: 20px; height: 4px; content: ''; background: #fff; position: absolute; left: 0; top: 0;}
.about_culture .list:nth-child(3) .text::after{width: 20px; height: 4px; content: ''; background: #c8b88f; position: absolute; left: 0; top: 0;}
.about_culture .list .entext{font-size: 18px; line-height: 32px; color: #3d3d3d; font-family: 'Times New Roman', Times, serif; margin-top: 150px; position: relative;}
.about_culture .list .entext::after{width: 100%; max-width: 230px; height: 1px; content: ''; background: #c8b88f; position: absolute; left: 0; top: -10px;}
.about_culture .list:nth-child(2) .more{margin-top: 280px;}
.about_culture .list:nth-child(4) .more{margin-top: 180px;}
.about_culture .list:nth-child(2n) .more a{font-size: 18px; color: #fff; font-family: 'Times New Roman', Times, serif;}
.about_culture .list:nth-child(2n) .more a span{width: 58px; height: 58px; display: inline-block; background: rgba(255, 255, 255, 0.26); border-radius: 50%; text-align: center; line-height: 58px; font-size: 32px; margin-left: 50px;}

@media (max-width:990px) {
	.con_about_title{line-height: 50px; padding: 20px 0; background: #001a4f; text-align: center;}
	.con_about_title h2{letter-spacing: 3px; font-size: 22px; font-weight: normal; padding: 0 60px;}
	.con_about_title h2::before{width: 54px; height: 22px; background: url("../images/aboutus_title_bg.png") center no-repeat; background-size: auto 15px;}
	.con_about_title h2::after{width: 54px; height: 22px; background: url("../images/aboutus_title_bg.png") center no-repeat; background-size: auto 15px;}
	
	.development_content{display: none;}
	.mobile_development{display: block; position: relative; overflow: hidden;}
	.mobile_development .development_list{text-align: center; padding: 30px;}
	.mobile_development .development_list .dot{width: 16px; height: 16px; margin: 0 auto; background: #fff; border-radius: 50%; box-shadow: 0 0 5px #ddd;}
	.mobile_development .development_list .year{font-size: 18px; font-weight: bold; color: #223c84; padding: 5px 0;}
	.mobile_development .development_list .text{font-size: 16px; line-height: 24px; padding: 5px 0;}
	.mobile_development .development_list .picture{margin-top: 20px;}
	.mobile_development .development_list .picture img{max-width: 100%;}
	
	.about_superiority{padding: 30px 15px; background: url("../images/superiority_bg.jpg") center top no-repeat; background-size: auto 100%;}
	.about_superiority .superiority_title h2{font-size: 22px; padding-bottom: 20px;}
	.about_superiority .superiority_title p{max-width: 100%; text-align: left; margin: 20px auto;}
	.about_superiority .superiority_list{margin-top: 30px;}
	.about_superiority .superiority_list .list{width: 100%; margin-right: 0%; margin-bottom: 40px;}
	.about_superiority .superiority_list .list .title{max-width: 100%;}
	.about_superiority .superiority_list .list .title h3{font-size: 18px; line-height: 32px; color: #c6a47e;}
	
	.about_originator{}
	.about_originator .originator_swiper{position: relative; overflow: hidden;}
	.about_originator .originator_swiper .picture{overflow: hidden;}
	.about_originator .originator_swiper .picture img{height: 500px; position: relative; left: 50%; transform: translateX(-50%);}
	.about_originator .originator_swiper .content{width: 100%; box-sizing: border-box; padding: 0 15px; top: 20px;}
	.about_originator .originator_swiper .content .title{font-size: 22px;}
	.about_originator .originator_swiper .content .name{font-size: 22px;}
	.about_originator .originator_swiper .content .text{color: #515151; margin-top: 20px;}
	.about_originator .originator_swiper .content .text h3{max-width: 70%; font-size: 14px; font-weight: normal; line-height: 22px; padding: 6px 0;}
	.about_originator .originator_swiper .content .text p{max-width: 70%; font-size: 14px; line-height: 22px; padding: 6px 0;}
	.about_originator .originator_swiper .swiper-button-prev,
	.about_originator .originator_swiper .swiper-button-next{display: none;}
	
	
	.about_system{padding-top: 30px; background: url("../images/system_bg.jpg");}
	.about_system .system_title{font-size: 22px; color: #fff; padding-left: 0; text-align: center;}
	.about_system .system_list{padding: 20px 15px;}
	.about_system .system_list .list{width: 48%; float: left; padding: 20px; margin: 0 4% 30px 0;}
	.about_system .system_list .list:nth-child(2n){margin-right: 0;}
	.about_system .system_list .list:nth-child(3){margin-right: 2%;}
	.about_system .system_list .list .number{font-size: 32px; color: #a8a8a8;}
	.about_system .system_list .list .title{font-size: 20px; color: #0056b7; transition: all 0.5s;}
	.about_system .system_list .list .more{position: initial; margin-top: 20px;}
	.about_system .system_list .list .icon{width: 100px; height: 80px; position: initial; margin: 20px auto;}
	
	.about_culture{}
	.about_culture .list{width: 100%; height: auto; float: none; padding: 30px 15px;}
	.about_culture .list:nth-child(1){background: #ececec;}
	.about_culture .list:nth-child(2){background: url("../images/culture_02.jpg") right top no-repeat; color: #fff;}
	.about_culture .list:nth-child(3){background: url("../images/culture_03.png") right top no-repeat #f3f3f1; padding-top: 30px; background-size: 60% auto;}
	.about_culture .list:nth-child(4){background: url("../images/culture_04.jpg") right top no-repeat; color: #fff;}
	.about_culture .list .title{}
	.about_culture .list .title p{font-size: 26px;}
	.about_culture .list .title h3{font-size: 22px; margin-top: 10px;}
	.about_culture .list .text{font-size: 18px; line-height: 32px; margin-top: 30px; position: relative; padding-top: 20px;}
	.about_culture .list:nth-child(1) .title{color: #c19558;}
	.about_culture .list:nth-child(2n) .title{color: #fff;}
	.about_culture .list:nth-child(3) .title p{color: #c3965b;}
	.about_culture .list:nth-child(3) .title h3{color: #323232;}
	.about_culture .list:nth-child(1) .text{color: #3d3d3d;}
	.about_culture .list:nth-child(3) .text{color: #838383;}
	.about_culture .list:nth-child(2n) .text::after{width: 30px; height: 2px; background: #fff; }
	.about_culture .list:nth-child(3) .text::after{width: 30px; height: 2px; background: #c8b88f;}
	.about_culture .list .entext{font-size: 18px; line-height: 32px; color: #3d3d3d; margin-top: 30px; position: relative;}
	.about_culture .list .entext::after{width: 100%; max-width: 230px; height: 1px; content: ''; background: #c8b88f; position: absolute; left: 0; top: -10px;}
	.about_culture .list:nth-child(2n) .more{margin-top: 30px;}
	.about_culture .list:nth-child(2n) .more a{font-size: 18px; color: #fff;}
	.about_culture .list:nth-child(2n) .more a span{width: 58px; height: 58px; display: inline-block; background: rgba(255, 255, 255, 0.26); border-radius: 50%; text-align: center; line-height: 58px; font-size: 32px; margin-left: 50px;}
}