@charset "utf-8";

/* vision */
.vision {background:url(../images/vision_bg.gif) no-repeat center top #fff !important;}
.vision-area p {width:100%; text-align:center; box-sizing:border-box;height: 185px;}
.vision-area p img {max-width:100%;}
.vision-area .imgbox {width:1035px; height:232px;margin:55px auto 0; padding-top:72px;background:url(../images/vision_img1.png) no-repeat center top;text-align:center; color:#fff;box-sizing:border-box}
.vision-area .imgbox dt {font-size:18px;}
.vision-area .imgbox dd {font-size:24px; margin-top:17px}
.vision-area .visioin-list {width:100%; text-align:center;}
.vision-area .visioin-list li {position:relative; margin-top:52px;}
.vision-area .visioin-list span.tit {display:block; color:#ed7d31; font-size:24px; font-weight:600;padding-top: 30px;}
.vision-area .visioin-list li:before {content: ''; width:26px; height:13px; position:absolute; top:0; left:50%; margin-left:-13px; background:url(../images/vision_arr.png) no-repeat; } 
.vision-area .visioin-list li span.txt {display:block; font-size:20px; line-height:38px; margin-top:16px}
.vision-area .visioin-list li span.txt span{color:#ed7d31; font-weight:600;}

/* ceo */
.ceo-area .ceo-cont dt.txt {font-size:16px; line-height:30px; text-align:justify;}
.ceo-area .ceo-cont dt.txt span{ color:#f08519; font-weight:bold;}
.ceo-area .ceo-cont dd.txt { font-size:16px;margin-top:15px;line-height:30px;text-align:justify; }
.ceo-area .ceo-cont dd.txt span{ color:#f08519; font-weight:bold;}
.ceo-area .ceo-cont div p { font-size:16px; padding-bottom:15px; line-height:30px;text-align:justify;}
.ceo-area .ceo-cont div p span{ color:#f08519; font-weight:bold;}

.organogram {background:url(../images/organogram_bg.gif) no-repeat center bottom !important;}
.organogram-area {width:1100px;height:440px;margin:0 auto;background:url(../images/organogram_img.png) 0 0 no-repeat;}

.year-tab {width:100%; padding-bottom:20px; border-bottom:1px solid #d9d9d9}
.year-tab div {margin:0 auto;}
.year-tab a {display:inline-block; width:16%; text-align:center;color:#808080;}
.year-tab a:first-child {margin-left:0}
.year-tab a:hover {color:#F6AE45;}
.year-tab.type2 a {width:11%;}
.year-tab.type2 a:first-child {width:12%}


.tab {text-align:center; margin:30px auto 36px}
.tab li {display:inline-block; border:1px solid #F6AE45; height:34px; margin:0 4px;margin-bottom: 15px; box-sizing:border-box; text-align:center}
.tab li a {display:block;padding: 0 15px; line-height:32px; color:#757575; font-size:15px; text-align:center}
.tab li.on {background:#F6AE45}
.tab li:hover a{background:#F6AE45; color:#fff;}
.tab li.on a {color:#fff}


.history section {position:relative;margin-bottom: 30px;}
.history section .tit {font-size:24px; color:#333; }
.history section ul {margin-top:24px}
.history section ul li {margin-top:15px}
.history section ul li:first-child {margin-top:0}
.history section ul li .date {display:block;}
.history section ul li .text {display:block; padding-left:10px; margin-top:8px;font-size: 16px;}
.history section dl {margin-top:25px;}
.history section dl:first-child {margin-top:0}
.history section dl dt {font-size:15px; color:#333;}
.history section dl dd ul {margin-top:3px; padding-left:10px}
.history section dl dd ul li {margin-top:0; line-height:32px; text-indent:-10px; margin-left:10px}
.history section img {max-width:100%}
.fullbg {width:100%; display:table; }
.fullbg.type1 {background:url(../images/history_bg1.jpg) no-repeat center 0; }
.fullbg.type2 {background:url(../images/history_bg2.jpg) no-repeat center 0; }
.fullbg p {display:table-cell; height:280px; text-align:center; vertical-align:middle; color:#fff; font-size:24px; line-height:38px  }


@media all and (min-width:1600px) {
.fullbg.type1 {background-size:cover}
.fullbg.type2 {background-size:cover}
}

@media all and (min-width:1280px) {
.vision-area .imgbox {}

.organogram {background-size:cover}

.ceo {overflow:hidden}
.ceo-area .ceo-cont .txt_box {width:49%; display:inline-block; position:absolute; left:0}
.ceo-area .ceo-cont .img_box {width:50%; position:absolute; display:inline-block; left:622px}
.ceo-area .ceo-cont .txt_box2 {vertical-align: top;padding: 283px 0 0 620px;width: 50%;height: 510px;}
.ceo-area .ceo-cont .img_box2 {position:absolute;top:110px; margin-top:329px;}
.ceo-area .ceo-cont .bratt {display:block}

.year-tab div {max-width:1100px;}
.history-b1, .history-b2, .history-b3, .history-b4 {margin:0 auto; max-width:1100px; }
.history-b1 {height:466px;}
.history-b2 {height:466px;}
.history-b3 {height:466px;}
.history-b4 {height:466px;}
.history-b1 .img {position:absolute; left:0; top:0}
.history-b1 .cont {padding:0 0 0 656px; }
.history-b2 .cont {padding:0 656px 0 0;}
.history-b3 .cont  {padding:0 0 0 656px; }
.history-b2 .img {position:absolute; top:0; right:0;}
.history-b2 .img span {display:block; text-align:right} 
.history-b3 .img {position:absolute; left:0; top:0;}
.history-b4 .cont {padding:0 656px 0 0;}
.history-b4 .img {position:absolute; right:0; top:0}
.history-r1, .history-r2, .history-r3, .history-r4, .history-r6, .history-r7, .history-r8 {margin:0 auto; max-width:1100px; }
.history-r1 {padding-top:36px}
.history-r1 .cont {padding:0 0 0 550px}
.history-r1 .img {position:relative; }
.history-r1 .img span:first-child {position:absolute; left:36px; top:22px; z-index:2 }
.history-r1 .img span:last-child {position:absolute; left:-174px; top:249px; z-index:1 }
.history-r2 {margin-top:24px; padding-top:50px}

.history-r2 .img {position:absolute; top:68px; right:12px}
.history-r3 {margin-top:16px; padding-top:50px}
.history-r3 .cont {padding:0 0 0 550px}
.history-r3 .img {position:absolute; top:25px; left:-250px}
.history-r4 {padding-top:18px; margin-bottom:45px}
.history-r4 .img {position:absolute; top:97px; right:65px;}
.history-r5 {margin-top:25px; padding-top:50px}
.history-r5 .cont  {margin:0 auto; max-width:1100px; }
.history-r5 .img {position:absolute;top:73px; width:100%; height:454px; overflow:hidden}
.history-r5 .img img {position:absolute;left:50%;}
.history-r6 {margin-top:230px; padding-top:50px }
.history-r6 .cont {padding-left:550px}
.history-r6 .img {position:relative;}
.history-r6 .img span:first-child {position:absolute; left:216px; top:-200px; z-index:2 }
.history-r6 .img span:last-child {position:absolute; left:-146px; top:-5px; z-index:1 }
.history-r7 {margin-top:-30px}
.history-r8 {position:relative; margin-top:-324px; padding-top:382px;padding-bottom:95px}
.history-r8 .img {position:absolute; right:0; top:163px}


}

@media all and (max-width:1279px) {
.vision {background:url(../images/vision_bg_t.gif) no-repeat center top;}

.ceo-area .ceo-cont .bratt2 {display:block}
.ceo-area .ceo-cont .txt_box {padding:0 50px}
.ceo-area .ceo-cont .txt_box .t_line {margin-top:40px; display:block}
.ceo-area .ceo-cont .txt_box br {display:none}
.ceo-area .ceo-cont dd.txt {padding-left:0; padding-top:20px}
.ceo-area .ceo-cont .img_box, .ceo-area .ceo-cont .img_box2 {width:100%; margin:35px auto 0;text-align: center;}
.ceo-area .ceo-cont .ceo_img, .ceo-area .ceo-cont .cj_img {margin:0 auto}
.ceo-area .ceo-cont .txt_box2 {padding:50px 50px 0 50px; font-size:16px}
.ceo-area .ceo-cont .txt_box2 p:last-child {padding:0}
.organogram-area {width:668px;height:707px;background:url(../images/organogram_img_t.png) 0 0 no-repeat;}

.year-tab div  {/*padding:0 50px*/}
.history section h4 {padding-left:0}
.history-b1 .img {padding-left:50px}
}
@media all and (min-width:768px) and (max-width:1279px) {
.history-b1 .img {position:absolute; left:0; top:0; width:50%;}
.history-b1 .cont {padding:0 0 0 565px; }
.history-b2 .cont {padding:0 565px 0 0;}
.history-b3 .cont  {padding:0 0 0 565px; }
.history-b2 .img {position:absolute; top:0; right:0;width:50%;}
.history-b2 .img span {display:block; text-align:right} 
.history-b3 .img {position:absolute; left:0; top:0;width:50%;}
.history-b4 .cont {padding:0 565px 0 0;}
.history-b4 .img {position:absolute; right:0; top:0;width:50%;}

.history-r1 .cont {padding-left:31%; padding-top:8px}
.history-r1 .img {position:relative; padding-left:50px }
.history-r1 .img span:last-child {display:none }
.history-r2 {margin-top:58px; padding:0 50px; box-sizing:border-box}
.history-r2 .img {text-align:right; padding-top:30px}
.history-r3 {margin-top:80px}
.history-r3 .cont {padding-left:22%; padding-top:3px}
.history-r4 {margin-top:55px;padding-left:50px;margin-bottom:45px;box-sizing:border-box}
.history-r4 .cont {padding-top:300px}
.history-r4 img {position:absolute; top:0}
.history-r5 .img {position:absolute;top:73px; width:100%; height:454px; overflow:hidden}
.history-r5 .img img {position:absolute;left:19%;}
.history-r5 .cont {padding:534px 0 0 50px;box-sizing:border-box}
.history-r6 {margin-top:30px; padding-top:376px}
.history-r6 .cont {padding-left:33%}
.history-r6 .img {position:relative;}
.history-r6 .img span:first-child {position:absolute; left:449px; top:-344px; z-index:2 }
.history-r6 .img span:last-child {position:absolute; left:15px; top:-200px; z-index:1 }
.history-r7 {margin-top:25px; padding-left:50px; box-sizing:border-box}
.history-r8 {margin-top:58px; padding-bottom:410px; padding-left:50px; box-sizing:border-box}
.history-r8 .img {position:absolute; left:384px; top:168px}
.history-r8 .img {position:absolute; right:0px; top:168px; overflow:hidden; text-align:right}
.history-r8 .img img {max-width:90% !important; margin-right:-10px}
.history section dl dd ul li br {display:none;}

}
@media all and (max-width:1100px) {
.vision-area .imgbox {height:272px; width:100%;}
}
@media all and (max-width:940px){
.history-r8 {padding-bottom:100px}
.history-r8 .img {position:relative; left:0; text-align:left; top:0; margin-top:35px;}
}
@media all and (max-width:800px) {
.history-b3 .img {width:56%}
}

@media all and (max-width:767px) {
.vision {background:none !important}
.vision-area .imgbox {height:241px; padding-top:68px;background:url(../images/vision_img1.png) no-repeat center bottom; background-size:cover}
.vision-area .imgbox dd {font-size:22px; line-height:32px}
.vision-area .visioin-dl dt. .vision-area .visioin-dl dt {font-size:15px}
.vision-area .visioin-dl dt {font-size:16px}
.vision-area p {padding:0 15px;padding-top: 20px;}
.vision-area .visioin-list {padding:0 20px; box-sizing:border-box}
.vision-area .visioin-list li {margin-top:40px;}
.vision-area .visioin-list li span.txt {font-size:16px; line-height:25px; }
.vision-area .visioin-list span.tit {padding-top:50px; font-size:20px; line-height:26px}

.ceo-area .ceo-cont .txt_box, .ceo-area .ceo-cont .txt_box2 {padding:10px 15px;}
.ceo-area .ceo-cont .txt_box2 p {font-size:14px; line-height:23px}
.ceo-area .ceo-cont dd.txt {padding-left:0; margin-top:0;font-size:14px; line-height:23px}
.ceo-area .ceo-cont dt.txt {font-size:14px; line-height:23px}
.ceo-area .ceo-cont .ceo_img img {width:100%; }
.ceo-area .ceo-cont div p:last-child {padding-bottom:0}
.ceo-area .ceo-cont .cj_img img{width:100%; }
.ceo-area .ceo-cont .img_box, .ceo-area .ceo-cont .img_box2 {width:100%; margin:0 auto}

.organogram-area {width:287px;height:803.5px;background:url(../images/organogram_img_m.png) 0 0 no-repeat;background-size:100%;}

.year-tab {padding-bottom:10px}
.year-tab div  {padding:0;}
.year-tab a {font-size:14px; width:23%;} 

.year-tab.type2 {border-bottom:0}
.year-tab.type2 a {width:16.6%;}
.year-tab.type2 a:first-child {width:16.6%;}

/*.tab {margin:0 auto 10px}
.tab li {height:40px;margin: 5px 0; width:135px; }
.tab li a {line-height:39px; font-size:14px; }*/

.history section .tit {font-size:25px;}
.history section ul {margin-top:14px}
.history section ul li {margin-top:8px}
.history section ul li .text {font-size:14px; padding-left:7px; margin-top:0px}
.history section ul li .date {font-size:14px; }
.history section img {max-width:100%}
.fullbg {width:100%; display:table; }
.fullbg.type1 {background-size:cover }
.fullbg p {height:140px; font-size:14px; line-height:23px  }

.history-b1 .img {width:90%; padding-left:0; margin:0 auto;padding-top:35px;}
.history-b1 .cont {padding:15px 15px 30px; text-align:left}
.history-b2 {margin-top:0;margin-bottom:40px; box-sizing:border-box}
.history-b2 .img {width:90%; padding-left:0; margin:0 auto; padding-top:25px;}
.history-b2 .img img { text-align:right;}
.history-b2 .img span {display:block;}
.history-b2 .img span:first-child img {display:none}
.history-b2 .img span:last-child img {max-width:80%}
.history-b2 .img span:first-child {position:relative; z-index:1;text-align:right; padding-right:25px}
.history-b2 .img span:last-child {z-index:1; text-align:right; margin-top:30px}
.history-b2 .cont {padding:0 15px 35px 15px; }
.history-b3 .cont {padding:0 15px 35px 15px; }
.history-b3 .img {width:90%; padding-top:25px; margin:0 auto}
.history-b4 { padding-bottom:20px}
.history-b4 .cont {position:relative; padding:0 15px 55px 15px; right:0}
.history-b4 .img {width:90%; padding-left:0; margin:0 auto}
.history section {
    position: relative;
    margin-bottom: 20px;
}
.hide-obj-img,.hide-obj-cont{ opacity:1;}

.history section dl {margin-top:18px;}
.history section dl:first-child {margin-top:0}
.history section dl dt {font-size:14px; margin-bottom:10px}
.history section dl dd ul li {font-size:14px; line-height:23px}
.history-r1 .cont {padding-left:15px; padding-top:8px}
.history-r1 .img {position:relative; padding-left:15px }
.history-r1 .img span:last-child {display:none }
.history-r2 {margin-top:30px; padding:0 0 0 15px; box-sizing:border-box}
.history-r2 .img {text-align:right; padding-top:25px; padding-right:10px}
.history-r3 {margin-top:40px}
.history-r3 .cont {padding-left:15px; padding-top:25px}
.history-r4 {margin-top:25px;padding-left:15px;margin-bottom:40px;box-sizing:border-box}
.history-r4 .cont {padding-top:8px}
.history-r4 .img {padding-right:10px; text-align:right; padding-top:35px}
.history-r5 .img {padding-left:15px; padding-top:40px}
.history-r5 .cont {padding:30px 0 0 15px;box-sizing:border-box}
.history-r6 .cont {padding-top:30px; padding-left:15px}
.history-r6 .img span:first-child {text-align:right; display:block; padding-right:15px; padding-top:15px}
.history-r6 .img span:first-child img {max-width:50%}
.history-r6 .img span:last-child {display:none}
.history-r7 {margin-top:35px; padding-left:15px; box-sizing:border-box}
.history-r8 {margin-top:35px; padding-bottom:100px; padding-left:15px; box-sizing:border-box}
.history-r8 .img {margin-top:35px; }
.history-r1 .img img, .history-r2 .img img, .history-r3 .img img, .history-r4 .img img, .history-r5 .img img, .history-r6 .img img, .history-r7 .img img, .history-r8 .img img {width:70%}
.history section dl dd ul li br {display:none;}
.history section ul li .text br {display:none;}

.tab {
    text-align: center;
   margin: 10px auto 5px;
}
.tab li{ margin:0 1px 10px;}
.tab li a{ font-size:14px;}
}


@media all and (max-width:400px) {
.vision-area .visioin-list li br {display:none}
}