@charset "utf-8";
/*--------------- 
总体 
---------------*/
body { width:100%; font:normal 14px/30px "微软雅黑"; background:#f5f5f5; color:#555; }
a { text-decoration:none; color:#555; }
a:hover { color:#10327e; }
.wrapper { position:relative; margin:0 auto; width:1200px; }
h1, h2, h3, h4, h5 { font-weight:normal; }
hr { width:100%; height:1px; background:none; border:none; border-bottom:1px #ccc solid; }
/*--------------- 
头部 
---------------*/
header h1 { position:fixed; z-index:2; top:20px; left:20px; width:222px; height:60px; overflow:hidden; }
header button { position:fixed; z-index:4; top:30px; right:30px; width:50px; font-weight:bold; font-family:Arial; color:#fff; }
header button i { display:inline-block; margin-bottom:5px; width:50px; height:50px; background:#10327e url(../images/menu.png) no-repeat center center; border-radius:50px;}
header button.active i { background-image:url(../images/close.png); }
.lan { position:absolute; z-index:4; top:40px; right:120px; }
.lan a { padding:0 10px; }
.lan .active { color:#10327e; }
.menu { position:fixed; z-index:3; right:-250px; top:0; width:250px; height:100%; background:#fff; }
.mainNav { margin-top:100px; border-top:1px #ccc solid; }
.mainNav li { padding-left:30px; height:60px; line-height:60px; font-size:16px; }
.mainNav li:hover { background:#333; }
.mainNav li:hover a { display:block; color:#fff; }
.mainNav li ul { display:none; position:absolute; right:250px; top:0; padding:0 20px; width:230px; height:100%; background:#555; }
.en .mainNav li ul { width:320px; }
.mainNav ul.nav1 { padding-top:100px; }
.mainNav ul.nav2 { padding-top:160px; }
.mainNav ul.nav3 { padding-top:220px; }
.mainNav ul.nav4 { padding-top:100px; }
.mainNav li:hover ul { display:block; }
.mainNav li ul li { font-size:14px; border-bottom:1px #777 solid; }
.mainNav li ul a { color:#fff; }
.mainNav li li:hover { background:#555; }

.search { position:absolute; right:0; bottom:140px; padding:10px 0; width:100%; height:40px; background:#2f983a; color:#fff; }
.search input[type=text] { width:130px; line-height:40px; text-indent:10px; background:none; border:0 none; color:#fff; }
.search input[type=submit] { float:left; margin-left:20px; width:40px; height:40px; background:url(../images/zoom.png) no-repeat center center; border:0 none; }
.search:hover input[type=text] { display:inline-block;}
.link { position:absolute; right:0; bottom:0; width:100%; height:140px; background:#10327e; }
.link li { display:inline-block; margin-left:30px; margin-top:40px; position:relative; }
.link i { display:inline-block; width:32px; height:32px; background:no-repeat center center; }
.link i.sina { background-image:url(../images/sina.png); }
.link i.wechat { background-image:url(../images/wechat.png); }
.link i.qq { background-image:url(../images/qq.png); }
.link img { display:none; position:absolute; left:50%; top:-180px; margin-left:-80px; width:160px; height:160px; }
.link li:hover img { display:block; }
.preview, .next { position:absolute; cursor:pointer; }
.mask { position:relative; overflow:hidden; }
input[type=submit], button { padding:0; font-family:"微软雅黑"; text-align:center; cursor:pointer; }
/*--------------- 
banner
---------------*/
.banner { position:relative; width:100%; height:1080px; overflow:hidden; }
.banner ul li { position:absolute; left:0; top:0; width:100%; height:100%; background:no-repeat center center; background-size:cover; }
.banner h2 { position:absolute; left:0; top:50%; text-align:center; margin-top:-50px; width:100%; line-height:normal; font-size:60px; font-weight:600; color:#fff; text-shadow:0 0 2px #000,0 0 3px #fff,0 0 1px #000; } 
.banner h2 span { display:block; font-size:26px; font-weight:normal; font-family:Arial; }
.en .banner h2 { margin-left:10%; margin-right:10%; width:80%; }
.banner ol { position:absolute; left:0; bottom:10px; width:100%; text-align:center; }
.banner ol li { display:inline-block; margin:0 3px; width:10px; height:10px; border-radius:10px; background:#fff; cursor:pointer; }
.banner ol li.active { background:#10327e; }
.banner .white { position:absolute; left:0; top:100%; width:100%; height:100%; background:linear-gradient(top, rgba(255,255,255,0), #fff); background:-moz-linear-gradient(top, rgba(255,255,255,0), #fff); background:-o-linear-gradient(top, rgba(255,255,255,0), #fff); background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,0)), to(#fff)); }
/*--------------- 
首页
---------------*/
.index { display:inline-block; width:100%; background:#fff url(../images/bg.jpg) no-repeat center top; }
.indexTitle { padding-bottom:30px; line-height:normal; font-size:36px; color:#10327e; }
.en .indexTitle { font-size:24px; }
.more { display:inline-block; margin-top:40px; width:130px; height:50px; line-height:50px; text-align:center; font-size:16px; border:1px #10327e solid; color:#10327e; }
.index1 { position:relative; margin-top:120px; height:370px; background:#10327e; color:#fff; }
.index1 .indexTitle { padding-top:40px; color:#fff; }
.index1 img { float:left; margin:-60px 50px 0 30px; width:600px; height:400px; }
.index1 p { padding-right:50px; }
.index1 a { position:absolute; right:0; bottom:0; width:30px; height:30px; line-height:25px; text-align:center; font-size:26px; color:#fff; background:#2f983a; }
.index2 { padding-top:50px; }
.sixBg { position:relative; float:right; width:600px; height:530px; background:url(../images/sixBg.png) no-repeat center center; }
.sixBg .img0, .sixBg .img1 { position:absolute; }
.sixBg .img0 { top:60px; left:0; width:341px; height:341px; animation:six 4s infinite linear; -webkit-animation:six 4s infinite linear; -moz-animation:six 4s infinite linear; }
.sixBg .img1 { top:120px; right:0; width:265px; height:265px; animation:six 5s infinite linear; -webkit-animation:six 5s infinite linear; -moz-animation:six 5s infinite linear; }
.index2 p { width:480px; }
.index2 .indexTitle { padding-top:40px; }
.index3 { display:inline-block; margin-top:-120px; width:100%; text-align:center; }
.index3_1 .indexTitle { padding-top:170px; }
.index3_1 { position:relative; float:left; width:628px; height:628px; }
.index3_1 blockquote { position:absolute; left:0; top:0; z-index:2; width:100%; height:100%;}
.index3_1 p { margin:0 auto; width:450px; text-align:left; }
.index3_2 { position:relative; float:right; margin-top:220px; width:400px; height:300px; border:2px #10327e solid; }
.index3_2 .indexTitle { padding-top:50px; }
.en .index3_2 .indexTitle{ padding-top:30px; padding-bottom:20px; }
.index3_2 p { padding:0 30px; text-align:left; }
.index3_2 .more { position:absolute; left:50%; bottom:-25px; margin-left:-65px; background:#10327e; color:#fff; }
.index4 { position:relative; padding-top:110px; text-align:center; }
.index4 .indexTitle { padding-bottom:60px; }
.en .index4 .indexTitle { padding-bottom:75px; }
.index4 ul { position:relative; margin:0 auto; width:570px; height:478px; background:url(../images/sixBg2.png) no-repeat center top; }
.index4 li { display:none; position:absolute; left:81px; top:0; width:408px; height:472px; text-align:center; }
.index4 section { position:absolute; width:260px; height:200px; border:1px #eee solid; }
.index4 section.active { border:1px #10327e solid; }
.index4 section a { display:block; margin:5px; padding:20px; width:210px; height:150px; background:#eee; }
.index4 section.active a { background:#10327e; color:#fff; }
.index4 section h3 { padding-bottom:10px; font-size:18px; }
.en .index4 section h3 { font-size:14px; }
.index4 section:before, .index4 section:after { display:none; content:""; position:absolute; left:100%; top:60px; width:60px; height:1px; background:#10327e; }
.index4 section:after { left:302px; top:98px; width:110px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); }
.index4_0, .index4_2 { left:0; text-align:left; }
.index4_1, .index4_3 { right:0; text-align:right; }
.index4_0, .index4_1 { top:200px; }
.index4_2, .index4_3 { top:510px; }
.index4 .index4_2:before, .index4 .index4_3:before { top:137px; }
.index4 .index4_2:after, .index4 .index4_1:after { transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); } 
.index4 .index4_1:before, .index4 .index4_3:before { left:auto; right:100%; }
.index4 .index4_1:after, .index4 .index4_3:after { left:auto; right:303px; }
.index4 section.active:before, .index4 section.active:after { display:block; }
.index4 section p { text-align:left; }
.index5 { padding-top:150px; text-align:center; }
.index5 .indexTitle { padding-bottom:60px; }
.service li { display:inline-block; margin:0 60px; text-align:center; }
.service figure { position:relative; margin-bottom:20px; padding:5px; border:4px #10327e solid; border-radius:300px; }
.service figure img, .service figcaption { width:240px; height:240px; border-radius:300px; }
.service figcaption { visibility:hidden; opacity:0; vertical-align:middle; position:absolute; top:5px; left:5px; font-size:16px; background:rgba(16,50,126,.6); color:#fff; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; }
.service figure:hover figcaption { visibility:visible; display:table-row; opacity:1; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; }
.service figcaption span { display:table-cell; vertical-align:middle; width:240px; height:240px; } 
.service h3 { font-size:20px; color:#10327e; }
.en .service h3 { font-size:16px; }
.pic { position:relative; margin-top:70px; height:400px; text-align:left; background:#ddd; }
.pic ul { float:left; position:relative; width:600px; height:400px; }
.pic ul li { position:absolute; left:0; top:0; }
.pic .mask { float:left; margin-top:50px; width:180px; height:300px; }
.pic ol { position:relative; }
.pic ol li { padding:0 20px; height:59px; line-height:59px; font-size:16px; border-bottom:1px #ddd solid; background:#999; color:#fff; cursor:pointer; }
.pic ol li.active { background:#ddd; color:#555; }
.pic .preview, .pic .next { position:absolute; left:600px; top:0; width:180px; height:50px; background:url(../images/preview.png) no-repeat center center; }
.pic .next { top:auto; bottom:0; background-image:url(../images/next.png); }
.pic blockquote { position:relative; float:right; margin-top:60px; margin-right:40px; width:320px; }
.index6 { padding:150px 0; text-align:center; }
.index6 .indexTitle { padding-bottom:60px; }
.index6 label, .message label { float:left; margin-bottom:25px; padding:5px 10px; border:1px #ccc solid; text-align:left; background:#fff; font-size:16px; }
.index6 label:nth-child(1), .index6 label:nth-child(2), .message label:nth-child(1), .message label:nth-child(2) { margin-right:59px; }
.index6 label span, .message label span { float:left; color:#f00; }
.index6 input, .message input { width:327px; height:35px; line-height:35px; background:#fff; color:#999; border:none; }
.index6 textarea, .message textarea { width:1165px; height:220px; resize:none; border:none; color:#999; }
.index6 input[type=submit], .message input[type=submit] { width:200px; height:55px; line-height:55px; font-size:20px; border:1px #ccc solid; }
.index7 { padding:0px 0 160px 0; text-align:center; }
.index6 .indexTitle { padding-bottom:60px; }
/*--------------- 
内页
---------------*/
.subBanner { position:relative; width:100%; height:350px; text-align:center; overflow:hidden; }
.subBanner img { position:absolute; left:50%; top:0; margin-left:-960px; width:1920px; height:350px;}
.subBanner h2 { position:absolute; left:0; top:160px; width:100%; font-size:36px; font-weight:600; color:#fff; text-shadow:0 0 2px #000,0 0 3px #fff,0 0 1px #000; }
.position { position:absolute; left:0; top:205px; width:100%; color:#fff; text-shadow:0 0 2px #000,0 0 3px #fff,0 0 1px #000; }
.position a { color:#fff; }
.subNav { padding:60px 0; text-align:center; font-size:20px; background:#fff; }
.subNav li { position:relative; display:inline-block; padding:0 35px; }
.en .subNav_en li { padding:0 10px; max-width:150px; line-height:22px; text-align:center; font-size:16px; font-weight:bold; }
.subNav li.active a, .subNav3 li.active a { color:#06327e; }
.subNav li.active:before { content:""; position:absolute; left:0; bottom:-15px; width:100%; height:2px; background:#06327e; }
.subNav li.active:after { content:""; position:absolute; left:50%; bottom:-25px; margin-left:-10px; width:0; height:0; border-top:10px #06327e solid; border-left:10px transparent solid; border-right:10px transparent solid; }
.subNav3 { padding:10px 0; text-align:center; font-size:16px; background:#eee; }
.subNav3 li { display:inline-block; padding:0 20px; }
.subNav3 li a { color:#999; }
.main { padding-bottom:200px; }
.subTitle { padding:70px 0 20px; font-size:26px; font-weight:bold; color:#06327e; }
.service1 { padding-top:40px; }
.service1 li { position:relative; float:left; width:50%; height:300px; overflow:hidden; }
.service1 img { width:100%; }
.service1 li div { position:absolute; padding:0 35px; top:240px; width:530px; height:300px; background:rgba(6,50,126,.7); color:#fff; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; }
.service1 li:hover div { top:0; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; }
.service1 h3 { height:60px; line-height:60px; font-size:22px; }
.service1 li:hover h3 { padding-top:60px; }
.service1 p { padding:0 0 20px; }
.service1 a { display:inline-block; width:110px; height:40px; line-height:40px; text-align:center; border:1px #fff solid; color:#fff; }
.service2 { padding-bottom:40px; }
.service3 { padding:40px 0 0; }
.service3 ul { position:relative; }
.service3 .mask { float:left; width:1140px; height:120px; }
.service3 li { float:left; width:230px; height:120px; }
.service3 img { width:220px; height:120px; }
.service3 .preview, .service3 .next { position:static; float:left; width:30px; height:120px; line-height:120px; text-align:center; font-size:24px; font-family:Arial; color:#ccc; cursor:pointer; }
.serviceList { padding-top:40px; width:1215px; }
.serviceList li { float:left; margin-right:15px; margin-bottom:15px; width:390px; height:260px; cursor:pointer; }
.serviceList img { width:100%; height:100%; }
.aboutBox { margin:50px 0; padding-left:390px; }
.aboutTitle { position:relative; margin-bottom:20px; }
.aboutImg { position:relative; width:100%; height:540px; }
.aboutImg li { position:absolute; left:0; top:0; }
.aboutTitle img { width:100%; height:100%; }
.aboutImg span { position:absolute; right:50px; bottom:0; width:50px; height:50px; line-height:50px; text-align:center; font-size:24px; font-family:Arial; background:#2f983a; color:#fff; cursor:pointer; }
.aboutImg span.next { right:0; background:#10327e; }
.aboutTitle figcaption { position:absolute; left:-390px; bottom:100px; padding:40px; width:400px; line-height:36px; font-size:26px; font-weight:bold; background:#10327e; color:#fff; }
.aboutBox2 { padding-left:0; padding-right:390px; }
.aboutBox2 .aboutTitle figcaption { left:auto; right:-390px; background:#2f983a; }
.aboutBox2 .aboutImg span { left:auto; left:0; }
.aboutBox2 .aboutImg span.next { left:50px; }
.honor { padding-top:40px; }
.honor ul { position:relative; }
.honor .mask { float:left; width:1100px; height:240px; }
.honor li { float:left; width:370px; height:240px; cursor:pointer; }
.honor figure { position:relative; width:360px; height:240px; }
.honor img { width:358px; height:238px; border:1px #ccc solid; }
.honor figcaption { position:absolute; left:0; bottom:0; width:100%; height:50px; line-height:50px; text-align:center; font-size:16px; background:rgba(6,50,126,.7); color:#fff; }
.en .honor figcaption { padding:10px 5%; width:90%; line-height:40px; line-height:20px; font-size:14px; }
.honor .preview, .honor .next { position:static; float:left; margin-top:90px; width:50px; height:50px; line-height:50px; text-align:center; font-size:24px; font-family:Arial; background:#ccc; color:#fff; cursor:pointer; }
.event { text-align:center; }
.event h2 { margin:70px 0 50px; padding-top:120px; font-size:30px; color:#10327e; background:url(../images/event.png) no-repeat center top; text-align:center; }
.en .event h2 { background-image:url(../images/event2.png); }
.event section { text-align:left; }
.event .more { width:200px; background:#10327e; color:#fff; }
.history { margin-top:70px; background:url(../images/line.png) repeat-y center top; }
.history dt { clear:both; display:inline-block; margin:50px 0; width:100%; height:50px; line-height:50px; font-size:30px; text-align:center; color:#10327e; background:#f5f5f5; cursor:pointer; }
.history dt i { position:relative; top:-3px; display:inline-block; margin-left:10px; width:0; height:0; border-bottom:15px #10327e solid; border-left:10px transparent solid; border-right:10px transparent solid; }
.history dt.active i { border-bottom:none; border-top:15px #10327e solid; }
.history dd { position:relative; clear:both; }
.history cite { position:absolute; left:50%; top:50%; margin-left:-10px; margin-top:-15px; width:15px; height:15px; background:#fff; border:3px #08a3da solid; border-radius:20px; }
.history span { position:absolute; top:50%; left:500px; margin-top:-15px; font-size:20px; color:#08a3da; }
.history section { position:relative; margin-left:50px; padding:20px; width:360px; color:#fff; font-size:16px; text-align:left; background:#b8cc52; }
.history section:after { content:""; position:absolute; left:100%; top:50%; margin-top:-15px; width:0; height:0; border-left:15px #b8cc52 solid; border-top:15px transparent solid; border-bottom:15px transparent solid; }
.history .even { display:inline-block; width:100%; text-align:right; }
.history .even span { left:650px; }
.history .even section { float:right; margin-right:50px; }
.history .even section:after { left:auto; right:100%; border-left:none; border-right:15px #b8cc52 solid; }
.history dd:nth-of-type(5n+1) section { background:#b8cc52; }
.history dd:nth-of-type(5n+1) section:after { border-left-color:#b8cc52; border-right-color:#b8cc52; }
.history dd:nth-of-type(5n+2) section { background:#e6738f; }
.history dd:nth-of-type(5n+2) section:after { border-left-color:#e6738f; border-right-color:#e6738f; }
.history dd:nth-of-type(5n+3) section { background:#60bfb7; }
.history dd:nth-of-type(5n+3) section:after { border-left-color:#60bfb7; border-right-color:#60bfb7; }
.history dd:nth-of-type(5n+4) section { background:#e6a667; }
.history dd:nth-of-type(5n+4) section:after { border-left-color:#e6a667; border-right-color:#e6a667; }
.history dd:nth-of-type(5n+5) section { background:#607fbf; }
.history dd:nth-of-type(5n+5) section:after { border-left-color:#607fbf; border-right-color:#607fbf; }
.contact { margin-bottom:60px; padding:60px 0; border-bottom:1px #ccc solid; }
.contact table { float:left; width:1000px; }
.contact caption { padding-bottom:40px; text-align:left; font-size:26px; color:#10327e; }
.contact th, .contact td { padding:5px; font-size:16px; }
.contact th { padding-left:0; width:32px; }
.contact figure { float:right; margin-top:70px; width:160px; text-align:center; }
.contact figure img { margin-bottom:10px; width:100%; }
.contact figcaption { white-space:nowrap; }
.contact figure span { color:#10327e; }
.message { text-align:center; }
.fck img { max-width:100%; }
.fck strong { font-weight:bold; }
.comList, .comList2 { padding-top:80px; }
.comList li { float:left; margin-right:120px; margin-bottom:-80px; width:200px; height:174px; text-align:center; background:url(../images/six.png) no-repeat center center; }
.comList2 li { float:left; margin-right:100px; margin-bottom:-60px; width:160px; height:138px; text-align:center; background:url(../images/six2.png) no-repeat center center; }
.comList img, .comImg img { margin-top:40px; width:100px; height:100px; }
.comList2 img { margin-top:30px; width:80px; height:80px; }
.comImg { float:left; margin-top:70px; width:200px; height:174px; text-align:center; background:url(../images/six.png) no-repeat center center;}
.comBox { float:right; margin-top:70px; width:950px; }
.comTitle { padding-bottom:10px; font-size:18px; color:#333; }
.newsList { width:1260px; }
.newsList li { position:relative; float:left; margin-top:70px; margin-right:60px; width:360px; height:400px; }
.newsList .date { position:absolute; left:0; top:-30px; width:60px; height:60px; line-height:30px; text-align:center; font-size:16px; background:#2f983a; color:#fff; }
.newsList .date strong { display:block; background:#06327e; }
.newsList img { width:360px; height:240px; }
.newsList h3 { padding:10px 0; font-size:18px; color:#333; font-weight:bold; }
.newsTitle { padding:70px 0 10px; text-align:center; font-size:20px; color:#333; }
.newsDate { padding-bottom:10px; text-align:center; color:#999; }
.share { text-align:center; display: inline-block; margin:0 auto 20px 535px; }
.page2 { margin-top:50px; padding-top:30px; border-top:1px #ccc solid; }
.page2 div { float:left; }
a.back { float:right; width:50px; height:50px; line-height:50px; text-align:center; background:#10327e; color:#fff; }
.searchList { padding-top:70px; }
.searchList li { padding:10px 0; font-size:16px; border-bottom:1px #ccc dashed; }

#dituContent, #dituContent2 { width:100%; height:100%; }
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.map { margin-bottom:60px; height:350px; border:1px #ccc solid; }
#mapP, #mapT, #mapD, #mapP2, #mapT2, #mapD2 { display:none; }

.bigPic { display:table; vertical-align:middle; position:fixed; z-index:999; left:0; top:0; width:100%; height:100%; text-align:center; background:rgba(0,0,0,.8); }
.bigPic div { display:table-cell; vertical-align:middle; }
.bigPic figure { position:relative; display:inline-block; }
.bigPic button { position:absolute; right:-30px; top:-30px; width:24px; height:24px; background:url(../images/ico_close.png) no-repeat; }
/* ---------
分页
----------- */
.page { clear:both; display:inline-block; padding:150px 0 0; width:100%; text-align:center; font-size:12px; }
.page a { display:inline-block; }
.page li:hover, .page li.thisclass{background:#10327e;  }
.page li:hover a, .page li.thisclass a {color:#fff; }

.page li { display:inline-block; *display:inline; *zoom:1; margin:0 5px; padding:2px 12px; border:1px #eee solid; }
.page table { margin:0 auto; }
.page td { width:auto; white-space:nowrap; }
/*--------------- 
底部 
---------------*/
footer { position:relative; padding-top:50px; width:100%; line-height:26px; background:#333; color:#ccc; }
footer a { color:#ccc; }
footer .top { position:absolute; left:50%; top:-50px; margin-left:-50px; padding-top:20px; width:100px; height:30px; font-size:16px; text-align:center; background:url(../images/top.png) no-repeat; }
footer .top:hover { color:#fff; }
.mapImg { float:left; margin-right:60px; width:380px; height:200px; }
footer section { float:left; width:550px; }
footer .qr { float:right; }
footer .qr img { margin-bottom:20px; width:160px; }
footer address { margin-top:50px; line-height:50px; text-align:right; font-family:Arial; border-top:1px #555 solid; }
@keyframes six {
	0% { transform:translateY(0); }
	25% { transform:translateY(-30px); }
	50% { transform:translateY(0); }
	75% { transform:translateY(30px); }
	100% { transform:translateY(0); }
}
@-webkit-keyframes six {
	0% { -webkit-transform:translateY(0); }
	25% { -webkit-transform:translateY(-30px); }
	50% { -webkit-transform:translateY(0); }
	75% { -webkit-transform:translateY(30px); }
	100% { -webkit-transform:translateY(0); }
}
@-moz-keyframes six {
	0% { -moz-transform:translateY(0); }
	25% { -moz-transform:translateY(-30px); }
	50% { -moz-transform:translateY(0); }
	75% { -moz-transform:translateY(30px); }
	100% { -moz-transform:translateY(0); }
}

.links{margin-top: 20px; width: 100%; height: auto; position:relative; text-align: center;}
.links li p{ text-align:left; text-indent: 2em; line-height: 24px;}

.links .mask { position:relative; margin:20px auto 0 auto; text-align:center; width:1080px;  overflow:hidden; }
.links  ul{ position:relative; }
.links li { float:left;width:160px; margin-right:20px; text-align:center; }
.links li img{ border:#cccccc 1px solid;}
.links .preview, .links .next  { position:absolute; color: #005187; left:0; top:20px; cursor:pointer; font-size: 30px; }
.links .next { left:auto; right:0;font-size: 30px;  }
.links .preview:hover, .links .next:hover{ color: #999} 

@media  screen and (max-width:1368px){

.mainNav li{height:50px;line-height:50px;}
}