#contents{width: 1200px;}
.inner{width: 1200px; position:relative; margin:auto;}

#intro{height:550px; padding-top:5px; }

#intro h3{ font-size:24px; font-weight:bold;  }

#intro h4{font-size:20px; font-weight:bold; line-height:1.8;}

#intro h4 em{color:red; font-weight:bold;}
#intro ul{margin-top:50px; }
#intro ul li{float: left;}
#intro ul li:last-child{float: right;}
#intro p{font-size:16px; line-height:1.8; width: 550px; margin-top:100px;}
#intro img{width: 550px; } 



#history{heig ht:2000px; }
#history h3{ font-size:30px; font-weight:bold; line-height:1.8; text-align: center; margin-top:35px;}
#history h4{font-size:20px; text-align: center; margin-bottom:50px;  }
#history p{margin-left:-50px;}
#history em.historyEm{display: block; font-size: 15px; color:#333; font-weight: bold; text-align: left; letter-spacing: -0.025em;line-height: 1.73; margin-bottom: 0;}
#history .yearBox{width: 1200px; padding: 30px 0;}
#history h5{font-size: 30px; color:#666;}
#history h6{font-size: 16px; color:#999;margin-bottom: 15px; margin-top: -5px;}
#history .img_box{width: 1200px; height: 300px; margin: auto;}
#history .IB{width: 1200px; height: 300px; padding:20px 0; margin: auto;}

#history .img_box li{width: 23%; margin-right: 2%; height: 300px; float: left; }
#history .img_box .box{width: 100%; height: 300px;  box-shadow: 0 0 15px gray; }
#history .img_box .box{background-color: #fff;}
#history .img_box .box p{width:100%; height: 240px; margin: auto; background-color: #ccc; }
#history .img_box .Itxt{width: 100%; height: 60px; }
#history .img_box .Itxt span{display: block; line-height: 1.4; text-align: center; margin-top: 12px; font-size: 14px;}
#history .img_box .Itxt .s01{margin-top: 20px;}
#history .img_box .Itxt .s02{font-weight: bold;}










#certificates{width: 100%;height: 2000px;margin: auto;position: relative;overflow: hidden; background-color:#fff;}
#certificates h3{font-size: 30px;text-align: center; line-height: 1.6; margin-top: 37px;font-weight: bold;}
#certificates h4{font-size: 20px; color:#666;text-align: center; }
#certificates .box00{width: 1060px; height: 322px; margin: auto; margin-top: 40px;}
#certificates ul:nth-child(2) { margin-top: 20px;}
#certificates .box00 li{width: 200px; hei ght: 422px; margin-right: 15px; float: left; ba ckground-color: #dcdcdc; box-sizing: border-box; }
#certificates .box00 li:nth-child(5){margin-right:0;}
#certificates .box00 li p img{width: 200px; height: 292.11px; border: 1px solid #ddd; box-sizing: border-box; } 
#certificates .box00 li span{display: block; width: 200px; height: 30px; text-align: center; line-height:1.9; font-size: 14px; color:#fff;background-color: #444; box-sizing: border-box; } 






.subProject{height:auto; }
.subProject h2{font-size:30px; font-weight:bold; line-height:1.8; text-align: center; margin:50px 0 25px; }
.subProject .tab-wrap{width:2000px; height:400px;}
.subProject .subTab{width:1205px; height:130px; position:absolute; left:50%; margin-left:-600px; margin-top: 50px;}
#projectSimulator.subProject .subTab{width:720px; height:130px; position:absolute; left:50%; margin-left:-360px;}
#projectCenter.subProject .subTab{width:720px; height:260px; position:absolute; left:50%; margin-left:-360px; box-sizing:border-box;}
.subProject .subTab li{float:left; width:240px; height:60px; box-sizing:border-box; border:#aaa solid 1px; border-left:none;}
#projectCenter.subProject .subTab li{float:left; width:240px; height:60px; box-sizing:border-box; border:#aaa solid 1px; border-left:none;}
.subProject .subTab li.on{background-color:#f05f5f; }
.subProject .subTab li.on a{color:#fff; display: block;}
.subProject .subTab li:nth-child(1),#projectVr .subTab li:nth-child(6){border-left:#aaa solid 1px;}
#projectCenter .subTab li:nth-child(1),#projectCenter .subTab li:nth-child(4){border-left:#aaa solid 1px;}
.subProject .subTab li:nth-child(1),#projectVr .subTab li:nth-child(2),#projectVr .subTab li:nth-child(3),#projectVr .subTab li:nth-child(4),#projectVr .subTab li:nth-child(5){border-bottom:none;}
#projectCenter .subTab li:nth-child(1),#projectCenter .subTab li:nth-child(2),#projectCenter .subTab li:nth-child(3) {border-bottom:none;}
#projectEL .subTab li:nth-child(2), #projectEL .subTab li:nth-child(3), #projectEL .subTab li:nth-child(4), #projectEL .subTab li:nth-child(5){border-bottom:none;}
#projectSimulator .subTab li:nth-child(1){border-bottom:#aaa solid 1px;}
#projectHw .subTab li:nth-child(6),#projectHw .subTab li:nth-child(7),#projectHw .subTab li:nth-child(8), #projectHw .subTab li:nth-child(9),#projectHw .subTab li:nth-child(10) {border-bottom:none; border-top:none;}
#projectHw .subTab li:nth-child(1){border-bottom:#aaa solid 1px;}	
#projectHw .subTab li:nth-child(6), #projectHw .subTab li:nth-child(11){border-left:#aaa solid 1px;}	
#projectEL .subTab li:nth-child(6){border-left:#aaa solid 1px;}	



.subProject .subTab li:hover{background-color:#f05f5f; color:#fff;}
.subProject .subTab li a{display: block; font-size:20px; text-align: center; line-height:2.8; font-weight:600;}
.subProject .subTab li a:hover{}
.subProject .subTab li:last-child:hover{background-color:#fff;}
.subProject .subTab li:hover a span{color:#fff; display:block;}
.subProject .subTab li:last-child:hover a span{color:#f05f5f; display:block;}


.subProject .tab-box{position:absolute;margin-left:-950px;left:50%;margin-top:200px;}
#projectSimulator.subProject .tab-box{position:absolute;margin-left:-950px;left:50%;margin-top:150px;}
#projectHw.subProject .tab-box{position:absolute;margin-left:-950px;left:50%;margin-top:200px;}
#projectEL.subProject .tab-box{position:absolute;margin-left:-950px;left:50%;margin-top:200px;}

.subProject .tab-box .box{position:absolute; left:0px; top:0; }
.subProject .tab-box .box .txt{ position:absolute; width: 500px; left:710px;}
.subProject .tab-box .box .leftBtn{ cursor:pointer;}
.subProject .tab-box .box .rightBtn{ cursor:pointer;}
.subProject .tab-box .box h4{font-size:30px; font-weight: bold; line-height:1.8; text-align:center; }
.subProject .tab-box .box em{font-size:20px; font-weight: bold; text-align:center; display:block; }
.subProject .tab-box #con1{}
.subProject .tab-box .box .btn{width:2000px;}
.subProject .tab-box .box .btn li{float: left; width: 850px;}
.subProject .tab-box .box .btn .leftBtn{width: 100px; position:absolute; left:500px; top:230px;  }
.subProject .tab-box .box .btn .rightBtn{width: 100px;  position:absolute; left:1350px; top:230px; }
.subProject .tab-box .box .btn li a{font-size: 80px; }
.subProject .tab-box .view{width:700px; height:390px; overflow: hidden; position:absolute; left:600px; top:100px; }
.subProject .tab-box .view .slide{width:4500px; height:450px;  }
.subProject .tab-box .view .slide li{float: left;}
.subProject .tab-box .view .slide li img{width:700px; height:390px;}
.subProject .tab-box p{font-size: 18px; font-weight:600; width:1200px; position:absolute; left:450px; top:550px; line-height:1.4;}



/*VR*/
#projectVr .tab-box #con1 p{ position:absolute; left:400px;}
#projectVr .tab-box #con2 p{ position:absolute; left:510px;}
#projectVr .tab-box #con3 p{ position:absolute; left:380px;}
#projectVr .tab-box #con4 p{ position:absolute; left:410px;}
#projectVr .tab-box #con5 p{ position:absolute; left:510px;}
#projectVr .tab-box #con6 p{ position:absolute; left:540px;}
#projectVr .tab-box #con7 p{ position:absolute; left:570px;}
#projectVr .tab-box #con8 p{ position:absolute; left:570px;}
#projectVr .tab-box #con9 p{ position:absolute; left:450px;}
#projectVr .tab-box #con10 p{ position:absolute; left:650px; width: 600px;}



/*simulator*/
#projectSimulator .tab-box .box{margin-top: -20px;}
#projectSimulator .tab-wrap .txt em{line-height: 1.2; }
#projectSimulator .tab-wrap .subTab li a{}
#projectSimulator .tab-box #con1 .view .slide .port05 img{width:700px; height:390px;}
#projectSimulator .tab-box #con1 .view .slide li img{width:700px; height:700px;}
#projectSimulator .tab-box #con1 .view .slide .cpr03 img{width:700px; height:950px;}
#projectSimulator .tab-box #con1 p{width:900px; text-align:center; position:absolute; left:500px;}


#projectSimulator .tab-box #con2 .view #slide10 p{width:500px; text-align:center; position:absolute; left:600px; }
#projectSimulator .tab-box #con2 .view #slide11 img{width:700px; height:700px; display: block; }
#projectSimulator .tab-box #con2 p{width:900px; text-align:center; position:absolute; left:500px; }
.subProject .tab-box #con2 em{width: 550px; margin-left:-20px;}



#projectSimulator .view{margin-top: 20px;}
.subProject #con3 .view{width:700px; height:500px;}
.subProject #con3 .view .slide li img{width:700px; height:500px;}
.subProject .tab-box #con3 .btn .leftBtn{ position:absolute; left:500px; top:300px;  }
.subProject .tab-box #con3 .btn .rightBtn{ position:absolute; left:1350px; top:300px; }
.subProject .tab-box #con3 p{ position:absolute; left:350px; top:650px; text-align:center; }




/*center*/

#projectCenter {height: 2450px;}
#projectCenter .tab-box p{position: absolute; top: 520px;} 

#projectCenter .tab-box .view{position: absolute; top: 120px;}
#projectCenter .tab-box .btn{position: absolute; top: 50px;}

#projectCenter .tab-box #con2 p{width:900px; text-align:center; position:absolute; left:500px; }
#projectCenter .tab-box #con1 .view .slide .safety01 img{width:700px; height:800px;}


#projectCenter .tab-box #con1 p{width:900px; text-align:center; position:absolute; left:500px; }
#projectCenter .tab-box #con3 p{width:900px; text-align:center; position:absolute; left:500px; }

#projectCenter .tab-box #con4 .view .slide .safety01 img{width:700px; height:800px;}
#projectCenter .tab-box #con4 p{width:900px; text-align:center; position:absolute; left:500px; }
#projectCenter .tab-box #con5 p{width:900px; text-align:center; position:absolute; left:480px; }
#projectCenter .tab-box #con6 p{width:900px; text-align:center; position:absolute; left:500px; }


#projectCenter .tab-box #con6 .view .slide img{width:700px; height:390px;}

#projectCenter .tab-box .box em{line-height: 1.1;}



#projectCenter .ex-hall {width: 1260px; height: 1235px; }
#projectCenter .ex-hall img{position: absolute; left: 50%; margin-left: -300px; top: 950px;}



/*hardware*/

#projectHw{height: 850px;} 

#projectHw .tab-box .box{margin-top: 50px;}

#projectHw .tab-box .box .btn .leftBtn{width: 100px; position:absolute; left:620px; top:250px;  }
#projectHw .tab-box .box .btn .rightBtn{width: 100px;  position:absolute; left:1220px; top:250px; }

#projectHw .tab-box .view{width:475px; height:379px; overflow: hidden; position:absolute; left:710px; top:100px; }
#projectHw .tab-box .view .slide li img{width:475px; height:379px;}




/*elearning*/


#projectEL.subProject .tab-box{top: 300px;}

#projectEL .tab-box .box .txt{ position:absolute; width: 660px; left:620px; }
#projectEL .tab-box .box h4{font-size:30px; font-weight: bold; line-height:2; text-align:center; }
#projectEL .tab-box .box em{font-size:20px; font-weight: bold; line-height:1.2; text-align:center; display:block; }
#projectEL .tab-box #con2 em{width: 580px; margin-left: 50px; }



#projectEL .tab-box{width: 690px; height: 390px; position:relative; top:320px; }
#projectEL .tab-box .view{position:absolute;top:130px; }
#projectEL .tab-box #con2 .view{position:absolute;top:130px; }