@charset "utf-8";
.InnerContent { width:1270px;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;}
.Desc1 {font-size:18px; color:#666; z-index:9;position:relative; text-align:center;}
.DescArea {}
.DescArea h1 {font-size:20px;color:#000;}
.DescArea h1.Tit {padding-bottom:10px;}
.DescArea h1.Tit span {color:#0086cd;}
.DescArea h1.Tit1 {font-size:30px; padding-bottom:10px; text-align:center;}
.DescArea h2 {font-size:15px; padding-bottom:10px;}
.DescArea h2 span {color:#0086cd;}
.DescArea h2.last {font-size:15px; padding-top:40px;}

.img {margin:20px 0 20px 0; width:100%;}

.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%;}
.HistoryDiv .DescArea {position:relative;width:31%;display:inline-block;font-size:0px;vertical-align:top; margin-right:2%;}
.HistoryDesc {font-size:0px;width:100%;}
.HistoryDesc h2 {font-size:18px;padding-bottom:10px;margin-bottom:15px;border-bottom:solid 2px #000;}
.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%;display:inline-block;font-size:0px;box-sizing:border-box;}
.first_map {margin-top:10px}
.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;}
.map50 .DefinitionList th {padding: 15px; width:20%;border-bottom:solid 1px #e9e9e9; text-align:left;}
.map50 .DefinitionList td {padding: 15px; width:80%;border-bottom:solid 1px #e9e9e9;}


.recruit {width:100%;display:inline-block;font-size:0px;box-sizing:border-box;}
.recruit .DescArea h1 {font-size:18px;margin-top:10px;}
.recruit .area {font-size:14px;}
.recruit .area table {width:100%; padding: 15px;}
.recruit .area tr {}
.recruit .area th {padding: 15px; background-color:#0086cd; color: white; text-align:center}
.recruit .area td {padding: 15px; border:solid 1px #e9e9e9;}

.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 {vertical-align:top; font-size:0px;}
.BoxArea .Item {vertical-align:top; 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; padding:10px;}

.3BoxArea {display:inline-block;font-size:0px;margin-bottom:30px;}
.3BoxArea .Item {width:32%;display:inline-block;margin-right:2%;font-size:14px;}
.3BoxArea .Item:last-child {margin-right:0px;}
.3BoxArea .Item .Image img {width:100%;}
.3BoxArea .Item .Arrow {background:#f8f8f8; padding:10px;}


.GraphType {width:100%;display:inline-block;font-size:0px;overflow:hidden;margin-bottom:50px;}
.GraphType .Item {width:49%;display:inline-block;font-size:14px;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;}

.form-control {
display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075);transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


/*Åܸ޴º 1270*/
#tabm{ width:1270px; margin:20px 0; padding:0; font-size:1.00em; }
#tabm:after {content:""; display:block; clear:both;}
#tabm a{ float:left;  width:25%; display:block; padding:10px 0; margin:0; background-color:#f5f5f5; color:#666666; text-align:center; border-top:#cccccc 1px solid; border-bottom:#bbbbbb 3px solid; border-left:#cccccc 1px solid; font-size:14px;text-decoration:none;
webkit-box-sizing: border-box;box-sizing:border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
#tabm a:last-child{ border-top:#cccccc 1px solid; border-right:#cccccc 1px solid; border-bottom:#bbbbbb 3px solid; border-left:#cccccc 1px solid; }

#tabm .tmon { background-color:#323335; color:#FFF; font-weight:bold; border-top:#323335 1px solid; border-bottom:#000000 3px solid; border-left:#323335 1px solid;}
#tabm .tmon:last-child { background-color:#323335; color:#FFF; font-weight:bold; border-top:#323335 1px solid; border-right:#323335 1px solid; border-bottom:#000000 3px solid; border-left:#323335 1px solid; }

/*¿¬Çõ*/
#historycont {width:100%; padding:0; margin:0 auto 100px auto; text-aling:center;}
/*title*/
.hc_tit_line { border-bottom:#333333 2px solid; overflow:hidden;}
.hc_tit1 {font-size:1.40em; font-weight:normal; color:#999999; text-align:left; margin:0; padding:25px 0 0 0; float:left; }
.hc_tit2 {font-size:3.00em; font-weight:normal; color:#4f4f4f; text-align:left; margin:0; padding:15px 0 0 0; text-transform:uppercase; float:right;}
.hc_tit2 span{ color:#0086cd;}
/*desc*/
.hc_year {padding:0; margin:30px 0; width:100%; border-bottom:#cccccc 1px solid; overflow:hidden}
.hc_year_tit {font-size:2.00em; color:#333333; text-align:left; margin:10px 0 0 0; padding:0 0 0 0; float:left; width:20%; }
.hc_year_desc { text-align:left; margin:0; padding:10px 0; float:right; width:80%; }
.hc_year_tit_s {font-size:1.00em; color:#333333; text-align:left; margin:0; padding:0 0 0 0;float:left; width:20%;}
.hc_year_desc_d {font-size:1.00em; color:#333333; text-align:left; margin:0; padding:0 0 0 0;float:right;width:80%;}

@media screen and (max-width:1270px){
.InnerContent {width:100%;padding:10px;}

/*Åܸ޴º 1270*/
#tabm{ width:740px; margin:20px 0; padding:0; font-size:1.00em; }
#tabm:after {content:""; display:block; clear:both;}
#tabm a{ float:left;  width:25%; display:block; padding:10px 0; margin:0; background-color:#f5f5f5; color:#666666; text-align:center; border-top:#cccccc 1px solid; border-bottom:#bbbbbb 3px solid; border-left:#cccccc 1px solid; font-size:14px;text-decoration:none;
webkit-box-sizing: border-box;box-sizing:border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
#tabm a:last-child{ border-top:#cccccc 1px solid; border-right:#cccccc 1px solid; border-bottom:#bbbbbb 3px solid; border-left:#cccccc 1px solid; }

#tabm .tmon { background-color:#323335; color:#FFF; font-weight:bold; border-top:#323335 1px solid; border-bottom:#000000 3px solid; border-left:#323335 1px solid;}
#tabm .tmon:last-child { background-color:#323335; color:#FFF; font-weight:bold; border-top:#323335 1px solid; border-right:#323335 1px solid; border-bottom:#000000 3px solid; border-left:#323335 1px solid; }

}



@media screen and (max-width:970px) and (min-width:640px) {
.InnerContent { width:100%;position:relative; z-index:1; margin:0 auto; padding:10px;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;}
.3BoxArea .Item {width:100%;margin-bottom:30px;}

.GraphType {margin-bottom:0px;}
.GraphType .Item {width:100%;margin-bottom:50px;}

/* Åܸ޴º  970 */
#tabm {width:99%; height:auto; margin:20px 0; padding:0; font-size:0.90em; border-top:#dddddd 1px solid;}
#tabm:after {content:""; display:block; clear:both;}
#tabm a{ float:left;  width:50%; display:block; padding:3px 0; margin:0; background-color:#f5f5f5; color:#333333; text-align:center; border-right:#dddddd 1px solid; border-bottom:#dddddd 1px solid; border-left:#dddddd 1px solid;
box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; font-size:1.0em; text-decoration:none;}
#tabm a:last-child{ border-bottom:#dddddd 1px solid; }
#tabm .tmon{ background-color:#323335; padding:3px 0; color:#FFF; font-weight:bold; border-right:#323335 1px solid; border-bottom:#000000 1px solid; border-left:#323335 1px solid;display:block; }
#tabm .tmon:last-child{ background-color:#323335; padding:3px 0; color:#FFF; font-weight:bold; border-right:#323335 1px solid; border-bottom:#000000 1px solid; border-left:#323335 1px solid; font-size:1.0em; }


}



@media screen and (max-width:640px) and (min-width:10px) {
.InnerContent { width:100%;position:relative; z-index:1; margin:0 auto; padding:10px;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;}
.3BoxArea .Item {width:100%;margin-bottom:30px;}

.GraphType {margin-bottom:0px;}
.GraphType .Item {width:100%;margin-bottom:50px;}

/* Åܸ޴º 640 */
#tabm {width:99%; height:auto; margin:20px 0; padding:0; font-size:0.90em; border-top:#dddddd 1px solid;}
#tabm:after {content:""; display:block; clear:both;}
#tabm a{ float:left;  width:50%; display:block; padding:3px 0; margin:0; background-color:#f5f5f5; color:#333333; text-align:center; border-right:#dddddd 1px solid; border-bottom:#dddddd 1px solid; border-left:#dddddd 1px solid;
box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; font-size:1.0em; text-decoration:none;}
#tabm a:last-child{ border-bottom:#dddddd 1px solid; }
#tabm .tmon{ background-color:#323335; padding:3px 0; color:#FFF; font-weight:bold; border-right:#323335 1px solid; border-bottom:#000000 1px solid; border-left:#323335 1px solid;display:block; }
#tabm .tmon:last-child{ background-color:#323335; padding:3px 0; color:#FFF; font-weight:bold; border-right:#323335 1px solid; border-bottom:#000000 1px solid; border-left:#323335 1px solid; font-size:1.0em; }

}


/*°øÅëCSS*/
span.Block {display:block;}