body{background-color: #f7f7f7;}
#header{position:relative;height:650px;background-image:URL('../img/banner.jpg');
background-position:center;background-repeat:no-repeat;}

#header .navigation{margin:0 auto;padding-top:12px;width:90%;}
#header .navigation .logo{float:left;}
#header .navigation .linkList{float:right;height:100px;line-height:100px;}
#header .navigation .linkList li{float:left;margin:0 5px;}
#header .navigation .linkList li a{text-decoration:none;color:#fff;font-size:20px;padding:5px 12px;border-radius:8px;}
#header .navigation .linkList li a:hover{background:#29dada;}

#header .banner{margin:0 auto;width:1000px;height:425px;padding-top:100px;position:absolute;top:50%;left:50%;margin-left:-500px;margin-top:-200px;
vertical-align:middle;color:#fff;}
#header .banner h3{font-size:100px;line-height:120px;text-align:center;
	font-family: 'Microsoft JhengHei', serif;font-weight:normal;}
#header .banner h4{font-size:60px;line-height:60px;text-align:center;font-weight:normal;
	font-family: 'Microsoft YaHei', serif}
#header .banner .joinUsBtn{margin:0 auto;border:2px solid #fff;padding:10px;font-size:40px;line-height:40px;
	text-decoration:none;color:#fff;position:absolute;bottom:100px;left:50%;margin-left:-95px;}

#introduction{width:100%;margin-top:20px;margin-bottom:80px;}
#introduction h2,#introduction h3{text-align:center;}
#introduction h2{
	font-family: 'SimSun', serif;color:#029576;font-size:30px;line-height:60px;letter-spacing:8px;font-weight:bold;}
#introduction h3{
	font-family: 'Microsoft YaHei', serif;color:#333;font-size:35px;line-height:65px;letter-spacing:6px;
	margin-bottom:50px;}

#introduction .left,#introduction .right{width:50%;height:422px;position:relative;}
#introduction .left{float:left;text-align:right;}
#introduction .right{float:right;text-align:left;}
#introduction .contentWarp{position:absolute;top:50%;}
#introduction .left .contentWarp{right:5%;}
#introduction .right .contentWarp{left:5%;}
#introduction .contentWarp .content{margin-top:-10%;width:578px;}
#introduction .content h4{font-size:30px;color:#333;line-height:50px;}
#introduction .content p{font-size:14px;line-height:25px;color:#666;letter-spacing:3px;}

.adv,.adv img{width:90%;height:100%;max-height:350px;margin:0 auto;text-align:center;}

.box{width:100%;margin-top:20px;margin-bottom:80px;}
.box h2,.box h3{text-align:center;}
.box h2{
    font-family: 'SimSun', serif;color:#029576;font-size:30px;line-height:60px;letter-spacing:8px;font-weight:bold;}
.box h3{
    font-family: 'Microsoft YaHei', serif;color:#333;font-size:35px;line-height:65px;letter-spacing:6px;
    margin-bottom:50px;}

#business .itemBox{margin:0 auto;width:80%;}
#business .itemBox li{float:left;display:block;margin:0 5px;padding:2%;width:20%;height:400px;text-align:center;position:relative;background:#fff}
#business .itemBox li img{text-align:center;display:block;margin:0 auto 30px;}
#business .itemBox li p{text-align:left;line-height:26px;font-size:16px;color:#757575;text-indent:2em;}
#business .itemBox li .button{display:block;width:85%;background-color:#29dada;color:#fff;border:none;height:50px;line-height:50px;
text-decoration:none;border-radius:5px;box-shadow:0 0 5px #d0d0d0;position:absolute;bottom:10px;}

#dynamic{background:#fff;}
#dynamic .content{width:75%;height:280px;margin:0 auto;overflow:hidden;}
#dynamic .content .left{width:400px;float:left;overflow:hidden;position:relative}
#dynamic .content .left ul{overflow:hidden;height:10000px;}
#dynamic .content .left li{width:100%;float:left;height:280px;}
#dynamic .content .left li img{width:100%;height:280px;}
#dynamic .content .left .indexBox{position:absolute;top:250px;right:10px;opacity:0.7;}
#dynamic .content .left .indexBox span{display:inline-block;padding:8px;border-radius:1000px;background:#999;box-shadow:0 0 3px #333}
#dynamic .content .left .indexBox span:hover{background:#fff;cursor:pointer}
#dynamic .content .left .indexBox .active{background:#fff;}
#dynamic .content .right{width:52%;float:right;padding:0 3%;}
#dynamic .content .right ul{}
#dynamic .content .right li{line-height:30px;vertical-align:middle;height:35px;font-size:20px;}
#dynamic .content .right li a{text-decoration:none;color:#757575}
#dynamic .content .right li a:hover{text-decoration:none;color:#333}
#dynamic .content .right li span{color:#ecb475;}
#dynamic .content .right li i{background:#333333;border-radius:5px;margin-right:8px;display:inline-block;vertical-align:middle;font-size:14px;
    padding-left:5px;padding-right:40px;color:#fff;text-decoration:none;font-style:normal;overflow:hidden;position:relative;line-height:30px;}
#dynamic .content .right li i em{background:#29dada;padding:0 3px;border-bottom-right-radius:5px;border-top-right-radius:5px;
    position:absolute;right:0;line-height:30px;font-size:14px;}

#recruitment{background:#7bc4c4;margin-bottom:0;}
#recruitment h2,#recruitment h3{color:#fff;}
#recruitment .content{width:75%;height:280px;margin:0 auto;overflow:hidden;}
#recruitment .content .left{width:15%;height:100%;text-align:center;float:left}
#recruitment .content .indexBox{top:250px;right:10px;}
#recruitment .content .indexBox a{display:block;width:90px;height:29px;padding:10px 39px;border-radius:25px;background:#7bc4c4;
border:2px solid #fff;margin:5px;line-height:25px;color:#029576;text-decoration:none;}
#recruitment .content .indexBox a:hover{background:#fff;color:#7bc4c4}
#recruitment .content .indexBox .active{background:#fff;color:#7bc4c4}
#recruitment .content .right{width:72%;float:left;height:10000px;display:block;margin-left:3%;}
#recruitment .content .right .itemContent{color:#fff;line-height:25px;letter-spacing:2px;height:280px;overflow:hidden}
#recruitment .content .right .itemContent h4{font-size:18px;letter-spacing:5px;}
#recruitment .content .right .itemContent hr{height:1px;border:none;border-top:3px solid #fff;}

#contact{background:#333333;margin:0;}
#contact .content{width:75%;margin:0 auto;padding:20px 0;color:#b3b3b3;position:relative}
#contact .content .bottomLogo{position:absolute;top:50%;margin-top:-75px;}
#contact .content .address{float:left;padding: 0 30px 0 60px;border-left:1px solid #4f4f4f;margin-left:234px;font-size:14px;letter-spacing:1px;}
#contact .content .address p{line-height:30px;}
#contact .content .address p i{font-style:normal;display:block;font-size:30px;font-weight:bold;}
#contact .content .address .small{font-size:12px;}
#contact .content .qr{float:right;text-align:center;font-size:12px;line-height:20px;}
#contact .content .qr img{width:197px;height:197px;}

.modal{border:1px solid #d0d0d0;padding:0 10px 10px 10px;background:#fff;position:relative;border-radius:10px;width:900px;display:none;}
.modal .close{position:absolute;width:30px;height:30px;top:0;right:0;line-height:30px;font-size:30px;text-decoration:none;color:#666;}
.modal .title{width:90%;padding-right:10%;font-size:16px;line-height:40px;border-bottom:1px solid #d0d0d0;margin-bottom:10px;}
.modal .content{line-height:25px;max-height:600px;overflow-y:scroll;text-indent:2em;}

@media screen and (min-width:1024px) and (max-width: 1366px){
	#dynamic .content .right{width:52%;float:right;padding:0 3%;}
}
@media screen and (min-width:1367px) and (max-width: 1440px){
	#dynamic .content .right{width:55%;float:right;padding:0 3%;}
}
@media screen and (min-width:1441px) and (max-width:1600px){
    #dynamic .content .right{width:60%;float:right;padding:0 3%;}
}