@charset "utf-8";



body{min-width:1200px; margin:0 auto; padding:0; font-size:14px; font-family:Microsoft YaHei, SimSun; background-image:url(/web/images/bg.jpg); color:#666;}
img{border:0px;}
form{margin:0; padding:0;}
input, select, textarea{font-family:Microsoft YaHei, SimSun;}
div, ul, li{margin:0; padding:0; display:block; overflow:hidden;}
ul, li{list-style-type:none;}
li{text-overflow:ellipsis;}
a{text-decoration:none; color:#888; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; outline:none;}
a:hover{text-decoration:none; color:#f63;}

@keyframes fadeIn{
0%{opacity:0;}
100%{opacity:1;}
}

@keyframes buzzOut{
10%{transform:translateX(3px) rotate(2deg);}
20%{transform:translateX(-3px) rotate(-2deg);}
30%{transform:translateX(3px) rotate(2deg);}
40%{transform:translateX(-3px) rotate(-2deg);}
50%{transform:translateX(2px) rotate(1deg);}
60%{transform:translateX(-2px) rotate(-1deg);}
70%{transform:translateX(2px) rotate(1deg);}
80%{transform:translateX(-2px) rotate(-1deg);}
90%{transform:translateX(1px) rotate(0);}
100%{transform:translateX(-1px) rotate(0);}
}

.img{overflow:hidden;}
.img img{width:100%; height:100%; float:left; transition:transform 0.5s;}
.img:hover img{transform:scale(1.2,1.2);}

header{width:100%; height:100px; background-color:#fff; position:relative; z-index:2;}
header .logo{width:400px; height:100px; position:absolute; left:50%; top:0; margin-left:-600px;}
header .logo img{max-height:78px; position:absolute; left:0; top:0; bottom:0; margin:auto 0;}
header .nav{width:800px; height:100px; position:absolute; right:50%; top:0; margin-right:-600px; overflow:visible;}
header .nav li{height:100px; padding:0 17px; float:left; position:relative; overflow:visible;}
header .nav li .a{width:100%; height:100%; line-height:100px; float:left; font-size:18px; color:#666;}
header .nav li span{width:100%; position:absolute; left:0; top:100px; display:none;}
header .nav li span a{width:100%; height:40px; line-height:40px; float:left; color:#666; text-align:center; background-color:#fff; font-size:16px;}
header .nav li span a:hover{background-color:#7ba90d; color:#fff;}
header .nav li span:before{content:''; width:9px; height:5px; background-image:url(/web/images/ico_sj.jpg); position:absolute; left:0; right:0; top:-7px; margin:0 auto;}
header .nav li:hover .a,
header .nav li.on .a{color:#066;}
header .nav li:hover:before,
header .nav li.on:before{content:''; width:100%; height:2px; position:absolute; left:0; top:0; background-color:#066; border-radius:0 0 2px 2px;}
header .nav li:hover:after,
header .nav li.on:after{content:''; width:100%; height:2px; position:absolute; left:0; bottom:0; background-color:#066; border-radius:2px 2px 0 0;}
header .nav li:hover span{display:block; animation:fadeIn 500ms;}

#ibn{width:100%; height:590px; margin:15px 0;}
#ibn img{width:100%; height:100%;}

.niv{width:1200px; margin:0 auto;}
.niv .abt{width:100%; height:30px; line-height:30px; padding:12px 0; float:left; margin-bottom:6px; background-image:url(/web/images/bg_box.jpg);}
.niv .abt strong{float:left; font-size:16px; margin-left:20px; font-weight:normal;}
.niv .abt ins{float:left; font-size:14px; text-transform:uppercase; margin-left:5px; font-family:Arial; text-decoration:none;}
.niv .abt .more{float:right; color:#13c9c3; margin-right:20px; font-family:Arial; text-transform:uppercase;}

.news{width:390px; height:372px; float:left; background-color:#fff;}
.news .list{width:360px; height:284px; margin:13px 15px; float:left;}
.news .list li{width:100%; height:88px; line-height:22px; float:left; margin-bottom:10px;}
.news .list li .img{width:88px; height:88px; float:left; margin-right:12px;}
.news .list li strong{width:260px; height:22px; display:block; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:normal;}
.news .list li ins{height:22px; text-decoration:none; display:block; color:#ccc;}
.news .list li p{height:44px; padding:0; margin:0; color:#999;}

.about{width:390px; height:372px; float:left; background-color:#fff; margin:0 15px;}
.about .list{width:360px; height:284px; margin:13px 15px; float:left;}
.about .list .img{width:100%; height:130px; float:left;}
.about .list span{width:100%; height:96px; line-height:24px; float:left; overflow:hidden; margin:12px 0;}
.about .list .more{height:34px; line-height:34px; float:left; background-color:#06aaa5; color:#fff; padding:0 20px; transform:translateZ(0);}
.about .list .more:hover{animation:buzzOut 750ms;}

.video{width:390px; height:372px; float:left; background-color:#fff;}
.video .list{width:360px; height:284px; margin:13px 15px; float:left;}

.lnk{width:1200px; height:160px; background-color:#fff; margin:15px auto 0 auto;}
.lnk .box{width:299px; height:130px; float:left; border-right:1px solid #f0f0f0; padding:15px 0;}
.lnk .box li{padding-left:24px; float:left;}
.lnk .box li.bt{width:275px; height:30px; line-height:30px; margin-bottom:10px; font-size:16px;}
.lnk .box li.col{width:125px; height:90px; line-height:30px;}
.lnk .box li.col a{display:block;}

.nbn{width:100%; height:320px; background:url(/web/images/nbn.jpg) no-repeat center center; margin:15px auto;}

.location{width:1200px; height:30px; line-height:30px; padding:10px 0; margin:0 auto 10px auto; background-color:#fff; text-indent:20px;}

.body{width:1200px; margin:0 auto; position:relative; background-color:#fff;}
.body .left{width:300px; float:left;}
.body .left .pbt{width:100%; height:50px; line-height:50px; float:left; text-indent:40px; border-bottom:2px solid #ddd; margin:15px 0; font-size:18px; color:#007e79;}
.body .left .category{width:220px; margin:0 auto;}
.body .left .category li{width:100%; height:20px; line-height:20px; float:left; margin:5px 0;}
.body .left .category li.on a{color:#007e79;}
.body .content{width:860px; min-height:600px; line-height:200%; float:left; border-left:1px solid #ddd; padding:10px 19px; color:#666;}
.body .content img{max-width:100%;}
.body .content .page{width:100%; height:24px; text-align:center; font-family:Verdana; margin:20px 0; float:left;}
.body .content .page a{height:24px; line-height:24px; display:inline-block; margin:0 2px; padding:0 7px;}
.body .content .page .in{background-color:#ccc; color:#007e79;}

.content table.noBorderTable td,
.content table.noBorderTable th,
.content table.noBorderTable caption{border:1px dashed #ddd !important;}
.content table{margin-bottom:10px; border-collapse:collapse; display:table;}
.content td,.content th{background:white;  padding: 5px 10px; border: 1px solid #ddd;}
.content caption{border:1px dashed #ddd; border-bottom:0; padding:3px; text-align:center;}
.content th{border-top:2px solid #bbb; background:#f7f7f7;}
.content td p{margin:0; padding:0;}
.content .xinwen{width:100%;}
.content .xinwen li{width:100%; height:30px; line-height:30px; border-bottom:1px dashed #ccc; float:left;}
.content .xinwen a{float:left;}
.content .xinwen span{float:right; color:#999;}
.content .news_list{width:100%; float:left;}
.content .news_list li{width:100%; height:100px; float:left; padding:10px 0; border-bottom:1px solid #ddd;}
.content .news_list li strong{height:30px; line-height:30px; font-size:16px; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.content .news_list li strong a{color:#333;}
.content .news_list li p{height:50px; line-height:25px; padding:0; margin:0; overflow:hidden; color:#555;}
.content .news_list li ins{height:20px; line-height:20px; text-decoration:none; color:#aaa; display:block; text-align:right;}
.content .news_list li img{width:140px; height:100px; border:1px solid #ccc; float:left; margin-right:15px;}
.content .anli{width:100%;}
.content .anli li{width:25%; text-align:center; float:left; line-height:20px; padding-bottom:10px;}
.content .anli li img{width:180px; height:180px; border:1px solid #ccc;}

.jobs_list li{background-color: #eee; padding: 10px 10px 10px 150px; margin-bottom: 15px; position: relative;}
.jobs_list li:before{content: ''; width: 120px; background-color: #ddd; position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}
.jobs_list li:after{content: ''; width: 0; height: 0; border-left: 10px solid #ddd; border-top: 10px solid transparent; border-bottom: 10px solid transparent; position: absolute; left: 120px; top: 0; bottom: 0; margin: auto;}
.jobs_list li .name{width: 100px; text-align: center; position: absolute; left: 10px; top: 10px;}
.jobs_list li .dect{height: 50px; line-height: 25px; color: #999;}

.jobs_list li .jbtn{height: 24px; line-height: 24px; font-size: 12px; text-indent: 20px; border-radius: 4px; background-color: #ddd; color: #666; padding-right: 5px; cursor: pointer; position: absolute; right: 10px; bottom: 10px;}
.jobs_list li .jbtn:before{content: ''; width: 0; height: 0; border-top: 5px solid #666; border-left: 5px solid transparent; border-right: 5px solid transparent; position: absolute; left: 5px; top: 0; bottom: 0; margin: auto;}
.jobs_list li .jbtn.tab{display: none;}
.jobs_list li .jbtn.tab:before{border-left: 5px solid #666; border-top: 5px solid transparent; border-bottom: 5px solid transparent; left: 7px;}
.jobs_list li.on .dect{height: auto; color: #666;}
.jobs_list li.on .jbtn.show{display: none;}
.jobs_list li.on .jbtn.tab{display: block;}

.jobs_btn{width: 120px; height: 40px; line-height: 40px; text-align: center; margin: 20px auto; background-color: #666; color: #fff; font-size: 16px; border-radius: 4px; cursor: pointer;}
.jobs_btn:hover{background-color: #333;}

footer{width:100%; padding:15px 0; background-color:#fff; margin-top:15px;}
footer .bottom{width:1200px; margin:0 auto;}
footer .bottom .nac{width:900px; height:60px; line-height:30px; float:left;}
footer .bottom .nac nav{width:100%; height:30px; float:left;}
footer .bottom .nac nav a{color:#027470; margin-right:20px; font-size:16px; font-weight:bold;}
footer .bottom .nac .copyright{width:100%; height:30px; float:left;}
footer .bottom .qrc{width:300px; height:60px; float:left;}
footer .bottom .qrc span{line-height:30px; float:right; margin-left:10px;}
footer .bottom .qrc img{height:60px; float:right;}

.root{width:100%; height:980px; background:url(/web/images/bg_root.jpg) no-repeat center top; position:relative; margin-bottom:-15px;}
.root .home{width:260px; height:260px; position:absolute; z-index:3; left:0; top:0; right:0; bottom:0; margin:auto; cursor:pointer; text-indent:999px;}
.root .garden{width:572px; height:572px; background-image:url(/web/images/bg_rootBox.png); position:absolute; z-index:2; top:50%; left:50%; margin-left:-286px; margin-top:-286px; overflow:visible;}
.root .garden a{width:100px; height:52px; position:absolute; overflow:visible; white-space:normal; z-index:2; cursor:pointer; text-align:center; color:#fff; font-size:22px;}
.root .garden a:before{content:''; width:182px; height:182px; background-image:url(/web/images/ico_rootBox.png); position:absolute; left:50%; top:50%; margin-left:-91px; margin-top:-91px; z-index:-1;}
.root .garden a:hover:before,
.root .garden a.on:before{background-position:-182px 0;}
.root .garden a.b0{left:236px; top:-32px;}
.root .garden a.b1{right:-34px; top:142px;}
.root .garden a.b2{right:28px; bottom:52px;}
.root .garden a.b3{left:28px; bottom:52px;}
.root .garden a.b4{left:-34px; top:142px;}

.root .info{width:510px; height:440px; position:absolute; left:50%; top:0; bottom:0; z-index:1; margin:auto 0 auto 80px; background-image:url(/web/images/bg_rootInfo.png); padding:30px 45px; overflow:visible; display:none;}
.root .info .box{width:100%; height:100%; float:left; margin-bottom:100px; display:none;}
.root .info .box .text{width:100%; height:120px; float:left; border-bottom:1px dashed #999;}
.root .info .box .text strong{width:100%; height:30px; line-height:30px; color:#333; font-size:20px; float:left; font-weight:normal; margin-bottom:10px;}
.root .info .box .text span{width:100%; height:72px; line-height:24px; float:left; overflow:hidden;}
.root .info .box .imgs{width:100%; height:142px; float:left; white-space:nowrap; margin:15px 0;}
.root .info .box .imgs img{width:248px; height:142px; display:inline-block; margin-right:14px;}
.root .info .box .list{width:100%; height:150px; line-height:30px; float:left;}
.root .info .box:first-child{display:block;}
.root .info .close{width:30px; height:30px; background:url(/ntao/images/ico.png) no-repeat -140px -90px; position:absolute; right:-16px; top:-16px; cursor:pointer;}