@charset "utf-8";
.InnerContent {width:1280px;position:relative; z-index:1; margin:0 auto; padding-top:0;padding-bottom:50px;}
.IntroKeyVisual {padding-top:40px;}
.Desc {color:#666;z-index:9;position:relative;}
.DescArea {}
.DescArea h1 {font-size:20px;color:#000;}
.DescArea h1.Tit {padding-bottom:10px;}
.SubContentTitle { font-size:20px; padding-top:60px;margin-bottom:5px;color:#000;}
.ArticleWrap {overflow: hidden;width:100%;}
.Article {position:relative;float:left;width:33.3333333333%;}
.Height1 {height:400px;}
.Article .ArticleTit {font-size:16px;margin-bottom:15px;}
.Article .ArticleTit .eng {font-size:11px;color:#000;}
.Article .Image {position:absolute;right:0px;bottom:0px;overflow:hidden;}
figure {display:block;margin:0px;padding:0px;z-index:1;}
.CompanyInfo {position:relative;display:block;width:100%;overflow:hidden;}
.CompanyInfo .RightArea {position:relative;float:right;width:40%;height:355px;overflow:hidden;}
.CompanyInfo .OneImage img {width:100%;}
.CompanyInfo .LeftArea {position:relative;float:left;width:60%;}
.CompanyInfo .LeftArea ul {}
.CompanyInfo .LeftArea ul li {display:block;width:100%;font-size:14px;}
.CompanyInfo .LeftArea ul li h3, .CompanyInfo .LeftArea ul li .Desc {display:inline-block;border-bottom:solid 1px #e9e9e9;margin-right:20px;line-height:50px;}
.CompanyInfo .LeftArea ul li h3 {width:20%;}
.CompanyInfo .LeftArea ul li .Desc {width:70%;}
.CompanyInfo .LeftArea p.Text {font-size:11px;}
.HistoryDiv {width:100%;font-size:0px;}
.HistoryDiv .DescArea {position:relative;width:620px;display:inline-block;font-size:0px;vertical-align:top;}
.HistoryDiv .DescArea:first-child {margin-right:30px;}
.HistoryDesc {font-size:0px;width:100%;}
.HistoryDesc h2 {font-size:16px;padding-bottom:10px;margin-bottom:15px;border-bottom:solid 2px #21bbb1;}
.HistoryDesc h2 span {font-size:14px;display:block;color:#7b7b7b;line-height:14px;}
.HistoryDesc p.Desc {width:100%;vertical-align:top;display:inline-block;font-size:12px;border-box;}
.HistoryDesc ul {width:100%;display:inline-block;font-size:12px;}
.HistoryDesc ul.List {margin-top:10px;}
.HistoryDesc ul p {margin-top:5px;font-size:16px;font-weight:blod;color:#494949;}
.HistoryDesc ul li {color:#939393;}
.HistoryDesc ul.List > li {margin-bottom:5px;}
.map50 {width:100%;box-sizing:border-box;}
/*.first_map {margin-right:3%;}*/
.map50 .DescArea h1 {font-size:18px;margin-top:10px;}
.map50 .DefinitionList {font-size:14px;}
.map50 .DefinitionList table {width:100%;text-align:left;}
.map50 .DefinitionList tr {height:50px;line-height: 50px;}
.map50 .DefinitionList th {width:20%;border-bottom:solid 1px #e9e9e9;}
.map50 .DefinitionList td {width:80%;border-bottom:solid 1px #e9e9e9;-ms-word-break: keep-all;word-break: keep-all;}
.margin40 {padding-top:40px !important;}
.Divide4 .Type3 {width:23.5%;}
.Divide4 .Type3 .business img {width:100%;}
.Divide4 .Type3 {margin-right:2%}
.Divide4 .Type3:last-child {margin-right:0px;}
.Divide4 .Type3 .ArticleTit2 {font-size:16px;margin-top:10px;font-weight:bold;}
.BoxArea {display:inline-block;font-size:0px;margin-bottom:30px;}
.BoxArea .Item {width:32%;display:inline-block;margin-right:2%;font-size:14px;}
.BoxArea .Item:last-child {margin-right:0px;}
.BoxArea .Item .Image img {width:100%;}
.BoxArea .Item .Arrow {background:#f8f8f8;line-height:50px;padding-left:10px;}
.GraphType {width:100%;display:inline-block;font-size:0px;overflow:hidden;margin-bottom:50px;margin-top: 30px;}
.GraphType .Item {width:49%;display:inline-block;font-size:12px;vertical-align:top;}
.GraphType .Item:first-child {margin-right:2%}
.GraphType .Thumbnail img {width:100%;}
.GraphType .Item h1.Title {font-size:16px;margin-top:10px;}
.boardcss {margin-top:30px;}
.btn-wrap {text-align: center;overflow: hidden;font-size: 0;margin-bottom: 100px;}
.btn-wrap .btn {background: #000;color: #fff;padding: 10px 40px;display: inline-block;border: solid 2px #000;border-radius: 2px;text-align: center;vertical-align: middle;font-size: 16px;line-height: 1.5;transition: all 0.15s ease;}
.btn-wrap .btn:hover {background: #fff;color: #000;border-color: #000;}
@media screen and (max-width:1280px){
.InnerContent {width:100%;}
}
@media screen and (max-width:970px) and (min-width:640px) {
.InnerContent { width:100%;position:relative; z-index:1; margin:0 auto;box-sizing:border-box;}
.Article {width:100%;}
.CompanyInfo .RightArea {position:relative;float:right;width:100%;height:200px;overflow:hidden;}
.CompanyInfo .LeftArea {position:relative;float:left;width:100%;}
.CompanyInfo .LeftArea ul li h3 {width:20%;margin-right:4%;}
.CompanyInfo .LeftArea ul li .Desc {width:75%;margin-right:0px;}
.HistoryDiv .DescArea {position:relative;width:100%;display:inline-block;font-size:0px;vertical-align:top;}
.HistoryDiv .DescArea:first-child {margin-right:0px;margin-bottom:30px;}
.map50 {width:100%;}
.first_map {margin-right:0px;margin-bottom:50px;}
.Divide4 .Type3 {width:100%;margin-bottom:30px;}
.BoxArea .Item {width:100%;margin-bottom:30px;}
.GraphType {margin-bottom:0px;}
.GraphType .Item {width:100%;margin-bottom:50px;}
}
@media screen and (max-width:640px) and (min-width:10px) {
.InnerContent { width:100%;position:relative; z-index:1; margin:0 auto; box-sizing:border-box;}
.Article {width:100%;}
.CompanyInfo .RightArea {position:relative;float:right;width:100%;height:200px;overflow:hidden;}
.CompanyInfo .LeftArea {position:relative;float:left;width:100%;}
.CompanyInfo .LeftArea ul li h3 {width:20%;margin-right:3%;}
.CompanyInfo .LeftArea ul li .Desc {width:75%;margin-right:0px;}
.HistoryDiv .DescArea {position:relative;width:100%;display:inline-block;font-size:0px;vertical-align:top;}
.HistoryDiv .DescArea:first-child {margin-right:0px;margin-bottom:30px;}
.map50 {width:100%;}
.first_map {margin-right:0px;margin-bottom:50px;}
.Divide4 .Type3 {width:100%;margin-bottom:30px;}
.BoxArea .Item {width:100%;margin-bottom:30px;}
.GraphType {margin-bottom:0px;}
.GraphType .Item {width:100%;margin-bottom:50px;}
.btn-wrap .btn {font-size: 14px;}
}
/*°øÅëCSS*/
span.Block {display:block;}
.InnerContent > .img_wrap {padding: 30px 0 50px;}
.InnerContent > .img_wrap > img {max-width:100%;}
.InnerContent > .img_wrap > .img_pc {display: block;}
.InnerContent > .img_wrap > .img_mob {display: none;}
@media screen and (max-width:640px) and (min-width:10px) {
.InnerContent > .img_wrap > .img_pc {display: none;}
.InnerContent > .img_wrap > .img_mob {display: block;}
}