@charset "utf-8";
@font-face { font-family: 'constantia '; src: url('constantia .eot'); src: url('constantia .eot') format('embedded-opentype'), url('constantia .woff') format('woff'), url('constantia .ttf') format('truetype'); font-weight: normal; font-style: normal; }
html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset { margin: 0; padding: 0; }
ul, ol, dl { list-style-type: none; }
address, caption, cite, code, dfn, em, th, var, i { font-style: normal; font-weight: normal; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
input, button { overflow: visible; vertical-align: middle; outline: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
a, area { outline: none; blr: expression(this.onFocus=this.blur()); }
a:focus, a:hover, a:active { outline: none; blr: expression(this.onFocus=this.blur()); }
sub, sup { vertical-align: baseline; }
table { border-collapse: collapse; border-spacing: 0; }
textarea { resize: none; }
input[type="submit"], input[type="button"] { cursor: pointer; border: 0; }
img, li { border: 0; vertical-align: middle; zoom: 1; }
a img, img { -ms-interpolation-mode: bicubic; }
a { text-decoration: none; cursor: pointer; color: #666; }
a:hover { text-decoration: none; color: #164a95; }
body, button, input, select, textarea { font-family: Arial,"微软雅黑"; font-size: 12px; color: #666; line-height: 1.7; }
body { min-width: 1100px; }
img { max-width: 100%; max-height: 100%; }
.wrap { width: 1100px; margin: 0 auto; clear: both; }
.fl { float: left; }
.fl a { color: #999; }
.fr { float: right; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0; }
.clearfix { *zoom: 1; }
.ov { overflow: hidden; }

.c004ea2 { color: #004ea2; }
.c164a95 { color: #164a95; }
.cda0000 { color: #da0000; }
.c999 { color: #999; }
.c333 { color: #333; }
.c000 { color: #000; }
.cfff { color: #fff; }
.f60 { font-size: 60px; }
.f50 { font-size: 50px; }
.f38 { font-size: 38px; }
.f36 { font-size: 36px; }
.f34 { font-size: 34px; }
.f32 { font-size: 32px; }
.f30 { font-size: 30px; }
.f24 { font-size: 24px; }
.f22 { font-size: 22px; }
.f20 { font-size: 20px; }
.f18 { font-size: 18px; }
.f16 { font-size: 16px; }
.f14 { font-size: 14px; }

.blank6 { height: 60px; }
.blank5 { height: 50px; }
.blank4 { height: 40px; }
.blank3 { height: 30px; }
.blank2 { height: 20px; }
.blank1 { height: 10px; }

.top { height: 168px; }
.header { background: url(../images/bg1.jpg) no-repeat center top; background-size: cover; height: 118px; position: fixed; width: 100%; top: 0; height: 118px; z-index: 100; transition: all .3s; -webkit-transition: all .3s; }
.header .logo { margin-top: 30px; transition: all .3s; -webkit-transition: all .3s; }
.header .logo img { width: 175px; transition: all .3s; -webkit-transition: all .3s; }
.header .ico { margin-top: 31px; position: relative; z-index: 100; transition: all .3s; -webkit-transition: all .3s; }
.header .ico a { padding-top: 45px; width: 70px; color: #999; position: relative; float: left; text-align: center; margin-left: 15px; }
.header .ico .ico1_1 { background: url(../images/ico1_3.png) no-repeat center top; transition: all .3s; -webkit-transition: all .3s; }
.header .ico .ico1_2 { background: url(../images/ico1_2.png) no-repeat center top; transition: all .3s; -webkit-transition: all .3s; }
.header .ico .ico1_3 { background: url(../images/ico1_1.png) no-repeat center top; transition: all .3s; -webkit-transition: all .3s; }
.header .ico .tc { position: absolute; display: none; left: 0; top: 68px; left: 50%; margin-left: -60px; padding-top: 15px; width: 275px; height: 405px; z-index: 100; background: url(../images/ico25.png) no-repeat; }
/*.header .ico .tc img{max-width: 405px;max-height: 405px;}*/
.header .ico a:hover { color: #164a95; }
.header .ico a:hover .tc { display: block; }
.header .search { width: 290px; height: 38px; border: 1px solid #e0e0e0; margin-right: 20px; background-color: #fff; margin-top: 41px; padding: 1px; overflow: hidden; border-radius: 20px; behavior: url(css/PIE.htc); transition: all .3s; -webkit-transition: all .3s; }
.header .search .text1 { width: 210px; padding-left: 20px; line-height: 38px; height: 38px; border: 0; background: none; color: #bfbfbf; transition: all .3s; -webkit-transition: all .3s; }
.header .search .submit { width: 58px; height: 38px; background: #f9f9f9 url(../images/ico2.png) no-repeat center; border-left: 1px solid #e0e0e0; border-radius: 19px; behavior: url(css/PIE.htc); transition: all .3s; -webkit-transition: all .3s; }
.nav { height: 50px; background: url(../images/bg2.jpg); position: fixed; top: 118px; width: 100%; z-index: 99; transition: all .3s; -webkit-transition: all .3s; }
.nav .a1 li { float: left; width: 157px; line-height: 50px; text-align: center; }
.nav .a1 li > a { display: block; color: #333; }
.nav .a1 li > a:hover, .nav .a1 li.on > a { color: #164a95; background: url(../images/ico3.png) no-repeat center top; }
.nav .a1 li dl { position: absolute; top: 50px; display: none; }
.nav .a1 li:hover dl { display: block; }
.nav .a1 li dl dd { float: left; }
.nav .a1 li dl dd > a { display: block; color: #fff; padding-left: 10px; background: url(../images/ico4.png) no-repeat left center; line-height: 40px; margin-left: 40px; }
.nav .a1 li dl dd > a:hover { color: #333; background-image: url(../images/ico5.png); }
.nav .nav2 { height: 40px; background-color: #e2222f; display: none; }
/*小高度的头部*/
.top.on .header { height: 70px; }
.top.on .header .logo { margin-top: 17px; }
.top.on .header .logo img { width: 125px; }
.top.on .header .search { margin-top: 21px; width: 240px; height: 28px; }
.top.on .header .search .text1 { width: 170px; line-height: 28px; height: 28px; }
.top.on .header .search .submit { height: 28px; width: 48px; border-radius: 14px; behavior: url(css/PIE.htc); }
.top.on .header .ico { margin-top: 21px; }
.top.on .header .ico .ico1_1 { background-image: url(../images/ico1_3_im.png); }
.top.on .header .ico .ico1_2 { background-image: url(../images/ico1_2_im.png); }
.top.on .header .ico .ico1_3 { background-image: url(../images/ico1_1_im.png); width: 130px; }
.top.on .header .ico .ico1_3 p { float: left; white-space: nowrap; }
.top.on .header .ico a { background-size: 30px; background-position: center left; padding: 0 0 0 35px; line-height: 30px; }
.top.on .header .ico .tc { top: 28px; }
.top.on .nav { top: 70px; }



.index .banner { position: relative; height: 590px; }
.index .banner .bd li { height: 590px; background: no-repeat center top; width: 100%; }
.index .banner .hd { position: absolute; bottom: 32px; width: 100%; text-align: center; z-index: 70; }
.index .banner .hd ul { display: inline-block; *zoom: 1; }
.index .banner .hd ul li { float: left; width: 30px; height: 39px; background: url(../images/ico6.png) no-repeat left top; text-indent: -999px; margin: 0 8px; cursor: pointer; overflow: hidden; }
.index .banner .hd ul li.on { background-position: right top; }
.index .banner .next { position: absolute; width: 64px; height: 64px; background: url(../images/ico7.png) right top; right: 20px; top: 50%; margin-top: -32px; opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); }
.index .banner .prev { position: absolute; width: 64px; height: 64px; background: url(../images/ico7.png) left top; left: 20px; top: 50%; margin-top: -32px; opacity: 0.5; filter: alpha(opacity=50); }
.index .banner .next:hover { opacity: 1; filter: alpha(opacity=100); }
.index .banner .prev:hover { opacity: 1; filter: alpha(opacity=100); }
.index .title { text-align: center; line-height: 140px; padding-top: 10px; }
.index .a1 { height: 1358px; background: url(../images/4.jpg) no-repeat center top; position: relative; z-index: 21; }
.index .a1 .b1 .box1 { width: 380px; height: 351px; background-color: #fff; color: #333; line-height: 2; visibility: hidden; visibility: visible\9; }
.index .a1 .b1 .box1 .info { padding: 10px 20px; }
.index .a1 .b1 .box1 .img { height: 214px; }
.index .a1 .b1 .box1:hover, .index .a1 .b1 .box2:hover { background-color: #0054ab; color: #fff; }
.index .a1 .b1 .box1:hover .more, .index .a1 .b1 .box2:hover .more { color: #ecd54b; }
.index .a1 .b1 .box1 .more, .index .a1 .b1 .box2 .more { color: #999; text-decoration: underline; }
.index .a1 .b1 .box2 { width: 690px; height: 163px; margin-bottom: 25px; background-color: #fff; color: #333; line-height: 2; visibility: hidden; visibility: visible\9; }
.index .a1 .b1 .box2 .img { width: 290px; }
.index .a1 .b1 .box2 .info { width: 350px; padding-left: 20px; padding-top: 30px; }
.index .a1 .b1.on .box1 { animation: zoomIn 0.9s forwards; -webkit-animation: zoomIn 0.9s forwards; visibility: visible; }
.index .a1 .b1.on .box2 { animation: fadeInRight 0.9s forwards; -webkit-animation: fadeInRight 0.9s forwards; visibility: visible; }
.index .a1 .b1.on .box3 { animation: fadeInRight 0.9s forwards; -webkit-animation: fadeInRight 0.9s forwards; visibility: visible; }

.index .a1 .b2 { margin: 220px auto 0; overflow: hidden; max-width: 1100px; }
.index .a1 .b2 .box1 { margin-top: 50px; width: 1150px; }
.index .a1 .b2 .box1 li { float: left; width: 220px; height: 270px; position: relative; border-radius: 10px; behavior: url(css/PIE.htc); overflow: hidden; text-align: center; margin: 0 28px; visibility: hidden; visibility: visible\9; }
.index .a1 .b2 .box1 li a { display: block; color: #fff; }
.index .a1 .b2 .box1 li p { position: absolute; bottom: 0; left: 0; width: 100%; background: url(../images/ico10.png) no-repeat center bottom; line-height: 80px; height: 68px; border-radius: 0 0 10px 10px; behavior: url(css/PIE.htc); overflow: hidden; }
.index .a1 .b2 .box1 li a:hover p { background: url(../images/ico9.png) no-repeat center bottom; }
.index .a1 .b2 .box1.on li { animation: fadeInUpBig 0.8s forwards; -webkit-animation: fadeInUpBig 0.8s forwards; }
.index .a2 { height: 680px; background: url(../images/12.jpg) no-repeat center top; position: relative; z-index: 22; }
.index .a2 .video { width: 520px; height: 390px; visibility: hidden; visibility: visible\9; }
.index .a2 .box1 { width: 550px; visibility: hidden; visibility: visible\9; }
.index .a2 .box1 dt a { display: block; padding-left: 290px; overflow: hidden; zoom: 1; line-height: 2; }
.index .a2 .box1 dt .img { width: 270px; float: left; margin-left: -290px; }
.index .a2 .box1 dt h3 { line-height: 40px; padding-top: 5px; }
.index .a2 .box1 dt .more { text-decoration: underline; margin-top: 5px; }
.index .a2 .box1 dd { margin-top: 29px; line-height: 2; }
.index .a2 .box1 dd a { display: block; padding-left: 105px; position: relative; height: 90px; }
.index .a2 .box1 dd a .dete { position: absolute; left: 0; top: 0; width: 90px; height: 90px; font-family: constantia; background-color: #f5f5f5; text-align: center; }
.index .a2 .box1 dd a .dete p { text-align: right; padding-right: 10px; line-height: 0; }
.index .a2 .box1 a:hover { background-color: #f5f5f5; }
.index .a2.on .video { animation: zoomIn 0.9s forwards; -webkit-animation: zoomIn 0.9s forwards; visibility: visible; }
.index .a2.on .box1 { animation: rotateInDownRight 0.9s forwards; -webkit-animation: rotateInDownRight 0.9s forwards; visibility: visible; }
.index .a3 { height: 680px; background: url(../images/15.jpg) no-repeat center top; }
.index .a3 .info .box1 { width: 350px; height: 350px; visibility: hidden; visibility: visible\9; }
.index .a3 .info .box2 { width: 310px; height: 125px; background-color: #fff; margin-left: 30px; padding: 20px; line-height: 2.4; visibility: hidden; visibility: visible\9; }
.index .a3 .info .box3 { width: 350px; height: 165px; visibility: hidden; visibility: visible\9; }
.index .a3 .info .box4 { width: 350px; height: 165px; margin-top: 20px; margin-left: 30px; visibility: hidden; visibility: visible\9; }
.index .a3 .info .box5 { width: 350px; height: 165px; margin-top: 20px; visibility: hidden; visibility: visible\9; }
.index .a3 .info.on .box1 { animation: rollIn 0.9s forwards; -webkit-animation: rollIn 0.9s forwards; }
.index .a3 .info.on .box2 { animation: zoomIn 0.9s forwards; -webkit-animation: zoomIn 0.9s forwards; }
.index .a3 .info.on .box3 { animation: zoomIn 0.9s forwards; -webkit-animation: zoomIn 0.9s forwards; }
.index .a3 .info.on .box4 { animation: zoomIn 0.9s forwards; -webkit-animation: zoomIn 0.9s forwards; }
.index .a3 .info.on .box5 { animation: zoomIn 0.9s forwards; -webkit-animation: zoomIn 0.9s forwards; }
.index .a4 { background: url(../images/20.jpg) no-repeat center top; height: 680px; }
.index .a4 .info { height: 680px; position: relative; }
.index .a4 .info .img { width: 112px; height: 112px; border-radius: 112px; overflow: hidden; border: 4px solid #014ea2; box-shadow: 0 0 10px -2px #fff; margin-bottom: 15px; behavior: url(css/PIE.htc); position: relative; }
.index .a4 .info .img img { border-radius: 112px; behavior: url(css/PIE.htc); position: relative; max-width: none !important; }
.index .a4 .info a { color: #014ea2; text-align: center; position: absolute; height: 170px; visibility: hidden; visibility: visible\9; }
.index .a4 .info a:hover .img { border: 4px solid #d80000; }
.index .a4 .info .box1 { left: 35px; bottom: 45px; }
.index .a4 .info .box2 { left: 255px; bottom: 15px; }
.index .a4 .info .box3 { left: 480px; bottom: 5px; }
.index .a4 .info .box4 { left: 715px; bottom: 15px; }
.index .a4 .info .box5 { left: 935px; bottom: 45px; }
.index .a4 .info.on a { animation: zoomInDown 0.9s forwards; -webkit-animation: zoomInDown 0.9s forwards; }
.index .a4 .info.on .box2 { animation-delay: 0.2s; -webkit-animation-delay: 0.2s; }
.index .a4 .info.on .box3 { animation-delay: 0.4s; -webkit-animation-delay: 0.4s; }
.index .a4 .info.on .box4 { animation-delay: 0.6s; -webkit-animation-delay: 0.6s; }
.index .a4 .info.on .box5 { animation-delay: 0.8s; -webkit-animation-delay: 0.8s; }
.index .a5 { height: 680px; background: url(../images/26.jpg) no-repeat center top; }
.index .a5 .title { padding-top: 50px; }
.index .a5 .info { position: relative; width: 640px; height: 363px; margin: 20px auto 0; visibility: hidden; }
.index .a5 .info a { position: absolute; width: 50%; height: 100%; background: url(../images/ico11.png); top: 0; text-align: center; color: #fff; }
.index .a5 .info .box1 { left: 0; }
.index .a5 .info .box2 { right: 0; }
.index .a5 .info .ico13 { display: block; height: 130px; background: url(../images/ico13.png) no-repeat center; margin-top: 90px; }
.index .a5 .info .ico14 { display: block; height: 130px; background: url(../images/ico14.png) no-repeat center; margin-top: 90px; }
.index .a5 .info a:hover { background: url(../images/ico12.png); }
.index .a5 .info.on { visibility: visible; animation: pulse 0.9s forwards; -webkit-animation: pulse 0.9s forwards; }


.footer .footer_nav { position: relative; max-height: 190px; }
.footer .footer_nav ul li { float: left; width: 140px; line-height: 2.2; }
.footer .footer_nav ul li h3 { font-size: 16px; color: #164a95; }
.footer .footer_nav ul li a { color: #999;; }
.footer .footer_nav ul li a:hover { color: #164a95; }
.footer .footer_nav .a1 { width: 300px; border-left: 1px solid #e2e5e8; position: absolute; right: 0; height: 100%; top: 0; text-align: right; color: #999; line-height: 2.2; }
.footer .footer_nav .a1 .more { width: 65px; line-height: 26px; background: #164a95 url(../images/ico15.png) no-repeat left center; padding-left: 26px; text-align: center; color: #fff; border-radius: 2px; behavior: url(css/PIE.htc); overflow: hidden; margin-top: 20px; float: right; }
.footer .copy { background-color: #333; line-height: 75px; height: 75px; color: #999; }
.footer .copy .ico a { display: inline-block; zoom: 1; width: 35px; background: url(../images/ico16.png) no-repeat; margin-left: 20px; }
.footer .copy .ico .i1 { background-position: 5px center; }
.footer .copy .ico .i2 { background-position: -46px center; }
.footer .copy .ico .i3 { background-position: -96px center; }
.footer .copy .ico .i4 { background-position: -142px center; }



.page .page_banner { background: no-repeat center top; position: relative; height: 496px; }
.page .page_banner .info { position: absolute; bottom: 100px; text-align: center; width: 1200px; left: 50%; margin-left: -600px; }
.page .about .a1 .b1 { width: 400px; position: relative; }
.page .about .a1 .b1 .title:after { content: ""; display: block; height: 2px; width: 100px; background-color: #e6e6e6; margin-top: 10px; }
.page .about .a1 .b1 .text { height: 245px; overflow: hidden; text-indent: 32px; margin-top: 25px; position: relative; }
.page .about .a1 .b1 .text .box { position: absolute; }
.page .about .a1 .b1 .prev { background: url(../images/ico17.png) no-repeat right center; width: 30px; height: 30px; }
.page .about .a1 .b1 .next { background: url(../images/ico17.png) no-repeat left center; width: 30px; height: 30px; margin-right: 10px; }
.page .about .a1 .b2 { margin-left: 65px; text-align: center; width: 380px; height: 500px; }
.page .about .a1 .b3 { width: 200px; text-align: center; border-top: 1px solid #e6e6e6; }
.page .about .a1 .b3 li { border-bottom: 1px solid #e6e6e6; padding: 25px 0 36px; }
.page .about .a1 .b3 li h3:after { content: ""; display: block; width: 50px; margin: 0 auto 11px; height: 1px; background-color: #eee; }
.page .about .a2 { background: url(../images/30.jpg) no-repeat center top; height: 621px; }
.page .about .a2 .b1 { width: 370px; }
.page .about .a2 .b2 { width: 685px; padding-right: 10px; }
.page .about .a2 .b2 h3:after { content: ""; display: block; width: 100px; margin: 10px 0 20px; height: 2px; background-color: #c8d9f0; }
.page .about .a2 .b2 .info { text-indent: 32px; height: 220px; overflow: hidden; position: relative; }
.page .about .a2 .b2 .info .box { position: absolute; }
.page .about .a2 .b2 .but .prev { background: url(../images/ico17.png) no-repeat right center; width: 30px; height: 30px; }
.page .about .a2 .b2 .but .next { background: url(../images/ico17.png) no-repeat left center; width: 30px; height: 30px; margin-right: 10px; }


.page .about .a2 .b2 .ico li { float: left; width: 100px; height: 145px; text-align: center; margin-right: 120px; }
.page .about .a2 .b2 .ico li a { display: block; color: #144a92; position: relative; }
.page .about .a2 .b2 .ico li a .box { height: 100px; background: url(../images/ico18.png) no-repeat right center; }
.page .about .a2 .b2 .ico li a .box i { display: block; height: 100px; background: url(../images/ico19.png) no-repeat; }
.page .about .a2 .b2 .ico li a .box .ico1 { background-position: 35px -120px; }
.page .about .a2 .b2 .ico li a .box .ico2 { background-position: -192px -120px; }
.page .about .a2 .b2 .ico li a .box .ico3 { background-position: -423px -120px; }
.page .about .a2 .b2 .ico li a:hover .box { background-position: left center; }
.page .about .a2 .b2 .ico li a:hover .ico1 { background-position: 35px 27px; }
.page .about .a2 .b2 .ico li a:hover .ico2 { background-position: -192px 27px; }
.page .about .a2 .b2 .ico li a:hover .ico3 { background-position: -423px 27px; }
.page .about .a2 .b2 .ico li a p { padding-top: 10px; }
.page .about .a2 .b2 .ico li a .tc { position: absolute; background-color: #fff; width: 310px; display: none; padding: 10px 15px; margin-left: -165px; left: 50%; }
.page .about .a2 .b2 .ico li a .tc p { padding: 0; }
.page .about .a2 .b2 .ico li a:hover .tc { display: block; }
.page .about .a3 { background: url(../images/32.jpg) no-repeat center top; height: 597px; }
.page .about .a3 .b1 { width: 270px; }
.page .about .a3 .b1 h3:after { content: ""; display: block; width: 100px; margin: 15px 0 25px; height: 2px; background-color: #e6e6e6; }
.page .about .a3 .b1 .more { display: block; width: 160px; text-align: center; line-height: 40px; margin-top: 30px; background-color: #da0000; color: #fff; }
.page .about .a3 .b1 .more:hover { background-color: #ff0000; }
.page .about .a3 .b2 { width: 780px; position: relative; margin-top: 30px; overflow: hidden; height: 330px; }
.page .about .a3 .b2 .bd li { float: left; margin-right: 30px; }
.page .about .a3 .b2 .bd li a { width: 240px; background-color: #f6f6f6; height: 400px; display: block; }
.page .about .a3 .b2 .bd li .img { height: 206px; }
.page .about .a3 .b2 .bd li .info { padding: 20px 10px 0 20px; }
.page .about .a3 .b2 .bd li a:hover p { color: #144a92; }
.page .about .a3 .b2 .prev { position: absolute; left: 0; background: url(../images/ico20.png) no-repeat left center; width: 40px; height: 40px; top: 140px; }
.page .about .a3 .b2 .next { position: absolute; right: 0; background: url(../images/ico20.png) no-repeat right center; width: 40px; height: 40px; top: 140px; }
.page .about .a4 .b1 { width: 570px; }
.page .about .a4 .b1 .more { background: url(../images/ico48.png) no-repeat left center; padding-left: 30px; float: left; line-height: 24px; margin: 10px 10px 0 0; }
.page .about .a4 .b1 h3:after { content: ""; display: block; width: 100px; margin: 15px 0 25px; height: 2px; background-color: #144a92; zoom: 1; }
.page .about .a4 .b2 { background-color: #eee; padding: 50px 0; }
.page .about .a4 .b2 li { float: left; width: 220px; text-align: center; border-left: 1px dashed #bdbdbd; line-height: 1.5; }
.page .about .a4 .b2 li:first-child { border-left: 0; }
.page .about .a4 .img { position: absolute; right: 0; top: 90px; width: 400px; height: 100%; text-align: right; }
.page .about .a5 { background: url(../images/35.jpg) no-repeat center top; height: 600px; text-align: center; }
.page .about .a5 h3:after { content: ""; display: block; width: 100px; margin: 15px auto 25px; height: 2px; background-color: #144a92; }
.page .about .a5 .b1 ul { display: inline-block; *zoom: 1; *display: inline; }
.page .about .a5 .b1 ul li { float: left; width: 120px; margin: 0 37px; position: relative; }
.page .about .a5 .b1 ul li .box { height: 138px; background: url(../images/ico21.png) no-repeat; }
.page .about .a5 .b1 ul li .box i { display: block; height: 138px; background: url(../images/ico22.png) no-repeat; }
.page .about .a5 .b1 ul li .box i.ico1 { background-position: 36px 36px; }
.page .about .a5 .b1 ul li .box i.ico2 { background-position: -160px 36px; }
.page .about .a5 .b1 ul li .box i.ico3 { background-position: -354px 36px; }
.page .about .a5 .b1 ul li .tc { position: absolute; background-color: #fff; width: 300px; display: none; padding: 10px 15px; margin-left: -165px; left: 50%; color: #164a95; }
.page .about .a5 .b1 ul li:hover .box i.ico1 { background-position: 36px -106px; }
.page .about .a5 .b1 ul li:hover .box i.ico2 { background-position: -160px -106px; }
.page .about .a5 .b1 ul li:hover .box i.ico3 { background-position: -354px -106px; }
.page .about .a5 .b1 ul li:hover .tc { display: block; }
.page .about .a5 .b1 ul li a { display: block; color: #333; }


.page .recruit .a1 { height: 681px; background: url(../images/36.jpg) no-repeat center top; }
.page .recruit .a1 .tc { position: absolute; right: 0; top: 160px; width: 400px; padding: 40px; background: url(../images/ico23.png); }
.page .recruit .a1 .tc .more { width: 220px; line-height: 40px; text-align: center; background-color: #da0000; display: block; color: #fff; }
.page .recruit .a1 .tc .more:hover { background-color: #ff0000; }
.page .recruit .a2 li { width: 50%; background-color: #fafafa; border-top: 4px solid #de1f1f; border-bottom: 4px solid #e8e8e8; height: 440px; float: left; text-align: center; position: relative; color: #de1f1f; }
.page .recruit .a2 li .info { margin-top: 30px; line-height: 2; }
.page .recruit .a2 li .info dl { display: inline-block; zoom: 1; text-align: left; *display: inline; width: 230px; margin: 0 15px; }
.page .recruit .a2 li .ico1 { display: block; height: 110px; background: url(../images/ico26_02.png) no-repeat center; margin: 55px 0 10px; transition: all 1s; -webkit-transition: all 1s; zoom: 1; position: relative; }
.page .recruit .a2 li .ico2 { display: block; height: 110px; background: url(../images/ico26_04.png) no-repeat center; margin: 55px 0 10px; transition: all 1s; -webkit-transition: all 1s; zoom: 1; position: relative; }
.page .recruit .a2 li .tc { position: absolute; left: 50%; width: 40px; height: 24px; background: url(../images/ico24.png) no-repeat; margin-left: -20px; bottom: -24px; display: none; }
.page .recruit .a2 li.on { background-color: #124a94; border-top: 4px solid #124a94; color: #fff; }
.page .recruit .a2 li.on .tc { display: block; }
.page .recruit .a2 li.on a { color: #fff; }
.page .recruit .a2 li.on a:hover { color: #de1f1f; }
.page .recruit .a2 li.on .ico1 { background: url(../images/ico26_01.png) no-repeat center; }
.page .recruit .a2 li.on .ico2 { background: url(../images/ico26_03.png) no-repeat center; }
.page .recruit .a2 li:hover .ico1 { transform: rotate(360deg); -webkit-transform: rotate(360deg); }
.page .recruit .a2 li:hover .ico2 { transform: rotate(360deg); -webkit-transform: rotate(360deg); }
.page .recruit .a3 { height: 680px; background: url(../images/37.jpg); position: relative; }
.page .recruit .a3 .hd { position: absolute; bottom: 5px; width: 100%; text-align: center; z-index: 70; left: -26px; }
.page .recruit .a3 .hd ul { display: inline-block; *zoom: 1; }
.page .recruit .a3 .hd ul li { float: left; width: 30px; height: 39px; background: url(../images/ico6_2.png) no-repeat left top; text-indent: -999px; margin: 0 8px; cursor: pointer; overflow: hidden; }
.page .recruit .a3 .hd ul li.on { background-position: right top; }
.page .recruit .a3 .info { padding-top: 30px; }
.page .recruit .a3 .info .bd { position: relative; }
.page .recruit .a3 .info .bd .box { position: absolute; display: none; }
.page .recruit .a3 .info .slider { position: relative; margin: 190px auto 40px auto; }
.page .recruit .a3 .info .slider .slide-back img { width: 100%; }
.page .recruit .a3 .info .slide-control { position: absolute; z-index: 999; width: 100%; height: 50px; top: 220px; left: 0px; }
.page .recruit .a3 .info .slide-control a { position: absolute; display: block; }
.page .recruit .a3 .info .slide-control .left { background: url(../images/ico41.png) no-repeat left top; width: 108px; height: 68px; left: -27px; top: -60px; }
.page .recruit .a3 .info .slide-control .left:hover { background: url(../images/ico41.png) no-repeat left bottom; }
.page .recruit .a3 .info .slide-control .right { background: url(../images/ico41.png) no-repeat right top; width: 108px; height: 68px; right: -27px; top: -60px; }
.page .recruit .a3 .info .slide-control .right:hover { background: url(../images/ico41.png) no-repeat right bottom; }
.page .recruit .a3 .info .slide-controller { position: absolute; z-index: 20; left: 50%; top: 0px; width: 1px; height: 1px; margin-left: -1px; }
.page .recruit .a3 .info .slide-controller li { position: absolute; cursor: pointer; font-style: italic; background: #fff\9; opacity: 0\9; filter: alpha(opacity=0)\9; }
.page .recruit .a3 .info .slide-controller .c1 { left: -337px; top: 25px; width: 270px; height: 40px; }
.page .recruit .a3 .info .slide-controller .c2 { left: -373px; top: 80px; width: 306px; height: 41px; }
.page .recruit .a3 .info .slide-controller .c3 { left: -408px; top: 136px; width: 341px; height: 41px; }
.page .recruit .a3 .info .slide-controller .c4 { left: -444px; top: 192px; width: 377px; height: 40px; }
.page .recruit .a3 .info .slide-controller .c5 { left: 50px; top: 25px; width: 270px; height: 40px; }
.page .recruit .a3 .info .slide-controller .c6 { left: 50px; top: 80px; width: 306px; height: 41px; }
.page .recruit .a3 .info .slide-controller .c7 { left: 50px; top: 136px; width: 341px; height: 41px; }
.page .recruit .a3 .info .slide-controller .c8 { left: 50px; top: 192px; width: 377px; height: 40px; }
.page .recruit .a3 .info .slide-indicators { position: absolute; z-index: auto; left: 50%; top: 0px; width: auto; height: auto; margin-left: -1px; }
.page .recruit .a3 .info .slide-li { position: absolute; background: url(../images/ico43.png) no-repeat; cursor: pointer; }
.page .recruit .a3 .info .li_onclick { position: absolute; cursor: pointer; background: url(../images/ico44.png) no-repeat; }
.page .recruit .a3 .info .slide-indicators ul li a { position: absolute; cursor: pointer; display: block; z-index: 9; width: 100%; height: 100%; text-align: center; color: #fff; line-height: 40px; font-size: 16px; }
.page .recruit .a3 .info .slide-indicators ul li.bg1 { left: -337px; top: 25px; width: 270px; height: 40px; background-position: -107px 0px; }
.page .recruit .a3 .info .slide-indicators ul li.bg2 { left: -373px; top: 80px; width: 306px; height: 41px; background-position: -71px -55px; }
.page .recruit .a3 .info .slide-indicators ul li.bg3 { left: -408px; top: 136px; width: 341px; height: 41px; background-position: -36px -111px; }
.page .recruit .a3 .info .slide-indicators ul li.bg4 { left: -444px; top: 192px; width: 377px; height: 40px; background-position: 0px -167px; }
.page .recruit .a3 .info .slide-indicators ul li.bg5 { left: 50px; top: 25px; width: 270px; height: 40px; background-position: -497px 0px; }
.page .recruit .a3 .info .slide-indicators ul li.bg6 { left: 50px; top: 80px; width: 306px; height: 41px; background-position: -497px -55px; }
.page .recruit .a3 .info .slide-indicators ul li.bg7 { left: 50px; top: 136px; width: 341px; height: 41px; background-position: -497px -111px; }
.page .recruit .a3 .info .slide-indicators ul li.bg8 { left: 50px; top: 192px; width: 377px; height: 40px; background-position: -497px -167px; }
.page .recruit .a3 .info .slide-animate { position: absolute; top: 0px; z-index: auto; }
.page .recruit .a3 .info .show .animate { position: absolute; z-index: 7; left: 359px; top: 280px; width: 50px; }
.page .recruit .a3 .info .show .animate img { width: 100%; }
.page .recruit .a3 .info .show .circle { width: 215px; height: 215px; border-radius: 215px; overflow: hidden; border: none; position: absolute; left: 426px; top: -142px; display: none; behavior: url(css/PIE.htc); z-index: 8; }
.page .recruit .a3 .info .show .circle .circle_b1 { position: absolute; left: 40px; top: 35px; font-size: 14px; line-height: 2; }
.page .recruit .a3 .info .show .circle .circle_b1 h4 { padding-left: 5px; color: #000; }
.page .recruit .a3 .info .show .more { position: absolute; left: 125px; top: 310px; font-size: 14px; color: #fff; }
.page .recruit .a3 .info .show .more:hover { color: #164a95; }
.page .recruit .a3 .info .show_title { width: 285px; position: absolute; top: 37px; left: 0; color: #fff; font-size: 15px; font-weight: 700; display: none; z-index: 30; padding: 0; text-align: center; }
.page .recruit .a3 .title2 { text-align: center; padding-bottom: 30px; }
.page .recruit .a4 { background: url(../images/48.jpg) no-repeat center top; height: 682px; }
.page .recruit .a4 .title { text-align: center; line-height: 140px; }
.page .recruit .a4 .b1 .box { position: relative; }
.page .recruit .a4 .b1 .box li { opacity: 0.5; filter: alpha(opacity=50); }
.page .recruit .a4 .b1 .box li.on { opacity: 1; filter: alpha(opacity=100) }
.page .recruit .a4 .b1 .box .box1 { position: absolute; left: 0; top: 0; }
.page .recruit .a4 .b1 .box .box2 { position: absolute; left: 112px; top: 66px; }
.page .recruit .a4 .b1 .box .box3 { position: absolute; left: 225px; top: 132px; }
.page .recruit .a4 .b1 .box .box4 { position: absolute; left: 112px; top: 198px; }
.page .recruit .a4 .b1 .box .box5 { position: absolute; left: 0; top: 264px; }
.page .recruit .a4 .b1 .box .box6 { position: absolute; left: 112px; top: 330px; }
.page .recruit .a4 .b1 .box .box7 { position: absolute; left: 225px; top: 390px; }
.page .recruit .a4 .b1 .info { position: absolute; right: 0; top: 170px; }
.page .recruit .a4 .b1 .info li { display: none; }
.page .recruit .a4 .b1 .info li .img { width: 340px; height: 450px; }
.page .recruit .a4 .b1 .info li .text { width: 340px; margin-right: 30px; padding-top: 30px; line-height: 2; }
.page .recruit .a5 { background: url(../images/59.jpg) no-repeat center top; height: 681px; }
.page .recruit .a5 .b1 { margin: 0 auto; position: relative; width: 597px; padding-top: 45px; }
.page .recruit .a5 .b1 .box1 { text-align: center; }
.page .recruit .a5 .b1 .box1 .p1 { position: absolute; left: 80px; top: 168px; }
.page .recruit .a5 .b1 .box1 .p2 { position: absolute; left: 408px; top: 340px; }
.page .recruit .a5 .b1 .box1 .p3 { position: absolute; left: 112px; top: 480px; }
.page .recruit .a5 .b1 .box1 .p4 { position: absolute; left: 186px; top: 300px; line-height: 1.3; }
.page .recruit .a5 .b1 .box2 li { background: #fff; width: 245px; height: 245px; border: 5px solid #de1f1f; border-radius: 245px; behavior: url(css/PIE.htc); text-align: center; position: absolute; }
.page .recruit .a5 .b1 .box2 li:hover { border: 5px solid #164a95; animation: frame1 0.9s forwards; -webkit-animation: frame1 0.9s forwards; }
.page .recruit .a5 .b1 .box2 li a { color: #666; }
.page .recruit .a5 .b1 .box2 li:hover h3 { color: #164a95; }
.page .recruit .a5 .b1 .box2 li table { width: 198px; margin: 0 auto; height: 100%; }
.page .recruit .a5 .b1 .box2 li h3 { margin-bottom: 10px; }
.page .recruit .a5 .b1 .box2 li.p1 { left: -250px; top: 70px; }
.page .recruit .a5 .b1 .box2 li.p2 { right: -250px; top: 220px; }
.page .recruit .a5 .b1 .box2 li.p3 { left: -250px; top: 375px; }


.page .collage .a1 { background: url(../images/38.jpg) no-repeat center top; position: relative; height: 676px; }
.page .collage .a1 .info { position: absolute; width: 100%; text-align: center; top: 200px; }
.page .collage .a1 .info h3 { text-shadow: 0 0 5px #bbb; }
.page .collage .a1 .info h3:after { display: block; height: 2px; width: 100px; margin: 0 auto 10px; background-color: #fff; content: ''; }
.page .collage .a2 { background: url(../images/39.jpg) no-repeat center top; height: 684px; position: relative; }
.page .collage .a2 .b1 { position: absolute; width: 451px; height: 451px; background: url(../images/ico27.png) no-repeat center; top: 100px; left: 50%; margin-left: -225px; }
.page .collage .a2 .b1 .c1 { text-align: right; }
.page .collage .a2 .b1 .c1 a { display: block; position: relative; padding: 10px 110px 0 0; width: 400px; }
.page .collage .a2 .b1 .c1 a:hover i { background-color: #da0000; }
.page .collage .a2 .b1 .c1 a i { position: absolute; width: 100px; height: 100px; right: 0; top: 0; background: #999 url(../images/ico28.png) no-repeat center; border-radius: 100px; transition: all .7s; -webkit-transition: all .7s; behavior: url(css/PIE.htc); overflow: hidden; }
.page .collage .a2 .b1 .c1 .box1 { position: absolute; right: 322px; top: 5px; }
.page .collage .a2 .b1 .c1 .box2 { position: absolute; right: 395px; top: 175px; }
.page .collage .a2 .b1 .c1 .box3 { position: absolute; right: 322px; top: 345px; }
.page .collage .a2 .b1 .c2 { text-align: left; }
.page .collage .a2 .b1 .c2 a { display: block; position: relative; padding: 10px 0 0 110px; width: 400px; }
.page .collage .a2 .b1 .c2 a:hover i { background-color: #da0000; }
.page .collage .a2 .b1 .c2 a i { position: absolute; width: 100px; height: 100px; left: 0; top: 0; background: #999 url(../images/ico28.png) no-repeat center; border-radius: 100px; transition: all .7s; -webkit-transition: all .7s; behavior: url(css/PIE.htc); overflow: hidden; }
.page .collage .a2 .b1 .c2 .box4 { position: absolute; left: 322px; top: 5px; }
.page .collage .a2 .b1 .c2 .box5 { position: absolute; left: 395px; top: 175px; }
.page .collage .a2 .b1 .c2 .box6 { position: absolute; left: 322px; top: 345px; }
.page .collage .a2 .b1 .c1 a .ico2 { background-image: url(../images/ico33.png); }
.page .collage .a2 .b1 .c1 a .ico3 { background-image: url(../images/ico29.png); }
.page .collage .a2 .b1 .c2 a .ico4 { background-image: url(../images/ico32.png); }
.page .collage .a2 .b1 .c2 a .ico5 { background-image: url(../images/ico31.png); }
.page .collage .a2 .b1 .c2 a .ico6 { background-image: url(../images/ico30.png); }
.page .news { background: url(../images/40.jpg) no-repeat center top; }
.page .news .title { padding: 80px 0; text-shadow: 0 0 5px #bbb; }
.page .news .a1 { border-radius: 10px 10px 0 0; behavior: url(css/PIE.htc); padding: 20px 40px 35px; background-color: #fdfaf9; }
.page .news .a1 .b2 li { position: relative; border-bottom: 1px solid #eee; line-height: 2; }
.page .news .a1 .b2 li a { display: block; padding: 20px 150px 20px 350px; }
.page .news .a1 .b2 li a:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0; }
.page .news .a1 .b2 li a .img { float: left; margin-left: -350px; width: 285px; height: 160px; overflow: hidden; }
.page .news .a1 .b2 li a .img img { transition: all .5s; -webkit-transition: all .5s; }
.page .news .a1 .b2 li a .dete { position: absolute; right: 0; top: 35px; font-size: 26px; color: #999; width: 70px; }
.page .news .a1 .b2 li a .year { position: absolute; right: 0; top: 80px; color: #ccc; font-size: 16px; width: 65px; }
.page .news .a1 .b2 li a h3 { margin: 20px 0 10px; }
.page .news .a1 .b2 li a:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.page .news .a1 .b2 li .more { position: absolute; right: 38px; top: 120px; width: 26px; height: 26px; background: url(../images/ico34.png) no-repeat center top; padding: 0; }
.page .news .a1 .b2 li .more:hover { background-position: center bottom; }
.page .news .a1 { background-color: rgba(255,255,255,0.9); behavior: url(css/PIE.htc); }
.page .news .a1 .b1 { background: url(../images/ico35.png) repeat-x center; line-height: 30px; padding: 30px 140px; position: relative; }
.page .news .a1 .b1 dd { float: left; width: 90px; border: 2px solid #f2f2f2; text-align: center; background-color: #fff; border-radius: 15px; margin: 0 6px; behavior: url(css/PIE.htc); }
.page .news .a1 .b1 dd a { display: block; }
.page .news .a1 .b1 dd:hover, .page .news.love .a1 .b1 dd.on { border: 2px solid #de1f1f; }
.page .news .a1 .b1 dd:hover a, .page .news.love .a1 .b1 dd.on a { color: #de1f1f; }
.page .news .a1 .b1 .prev { background: url(../images/ico36.png) no-repeat left top; position: absolute; top: 30px; width: 34px; height: 34px; left: 75px; }
.page .news .a1 .b1 .next { background: url(../images/ico36.png) no-repeat right top; position: absolute; top: 30px; width: 34px; height: 34px; right: 75px; }
.page .news .a1 .b3 .title2 { text-align: center; padding: 20px 0 10px; border-bottom: 1px solid #f0f0f0; }
.page .news .a1 .b4 .title2 { text-align: center; padding: 20px 0 40px; }
.page .news .a1 .b4 .c1 { border-radius: 8px; overflow: hidden; background-color: #fafafa; behavior: url(css/PIE.htc); }
.page .news .a1 .b4 .c1 .img { width: 400px; }
.page .news .a1 .b4 .c1 .info { width: 550px; background-color: #fff; padding: 0 22px; border-radius: 8px; min-height: 256px; overflow: hidden; margin: 10px; text-indent: 28px; behavior: url(css/PIE.htc); }
.page .news .a1 .b4 .c1 .info table { height: 100%; min-height: 256px; }
.page .news .a1 .b5 { text-align: center; border-bottom: 1px solid #cdcdcd; height: 40px; margin: 30px 0 20px; }
.page .news .a1 .b5 span { vertical-align: -20px; background-color: #fff; display: inline-block; padding: 0 40px; zoom: 1; }
.page .news .a1 .b6 .more { display: block; text-align: center; border-radius: 8px; background-color: #efefef; color: #999; line-height: 50px; margin: 30px 0 50px; behavior: url(css/PIE.htc); }
.page .news .a1 .b7 { width: 1050px; }
.page .news .a1 .b7 li { float: left; width: 320px; border: 1px solid #e9e9e9; margin: 15px 28px 15px 0; }
.page .news .a1 .b7 li .img { height: 180px; overflow: hidden; }
.page .news .a1 .b7 li .img img { transition: all .5s; -webkit-transition: all .5s; }
.page .news .a1 .b7 li .info { padding: 10px 15px; }
.page .news .a1 .b7 li .info h3 { height: 58px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.page .news .a1 .b7 li .info p { padding: 5px 0; height: 0; overflow: hidden; border-bottom: 1px solid #e9e9e9; margin-bottom: 5px; }
.page .news .a1 .b7 li:hover { background-color: #164a95; }
.page .news .a1 .b7 li:hover a { color: #fff; }
.page .news .a1 .b7 li:hover h3 { color: #fff; }
.page .news .a1 .b7 li:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.page .news .a2 { padding: 25px 0 150px; width: 1130px; }
.page .news .a2 .b1 li { float: left; width: 354px; text-align: center; margin: 20px 22px 0 0; height: 234px; line-height: 2; }
.page .news .a2 .b1 li .img { margin-bottom: 10px; }
.page .news.love { background-image: url(../images/43.jpg); padding-top: 520px; }
.page .news.collage { }




.page .location { padding-left: 20px; background: url(../images/ico37.png) no-repeat left center; position: relative; color: #999; margin-top: 20px; }
.page .location .more { position: absolute; padding-left: 25px; background: url(../images/ico38.png) no-repeat left center; right: 0; top: 0; }
.page .location a { color: #999; }
.page .location a:hover { color: #de1e2a; }
.page .paging { text-align: center; padding: 30px 0 20px; }
.page .paging a { display: inline-block; zoom: 1; height: 32px; line-height: 32px; border: 1px solid #eceaea; margin: 0 5px; background-color: #fff; padding: 0px 13px; }
.page .paging a:hover { background-color: #d90000; border: 1px solid #d90000; color: #fff; }
.page .paging .prev, .page .paging .next { width: 68px; }
.page .page_info { padding: 40px 60px; line-height: 2; }
.page .thenext { border: 1px solid #f0f0f0; padding: 20px; position: relative; }
.page .thenext .prev { height: 36px; width: 510px; line-height: 36px; padding: 18px 0; }
.page .thenext .prev span { display: inline-block; zoom: 1; padding: 0 25px 0 45px; border-right: 1px solid #f0f0f0; margin-right: 25px; vertical-align: -2px; }
.page .thenext .next { height: 36px; width: 510px; line-height: 36px; padding: 18px 0; text-align: right; }
.page .thenext .next span { display: inline-block; zoom: 1; padding: 0 45px 0 25px; border-left: 1px solid #f0f0f0; margin-left: 25px; vertical-align: -2px; }
.page .thenext .border { position: absolute; height: 100%; width: 1px; background-color: #f0f0f0; left: 550px; top: 0; }
.page .thenext .prev:hover, .page .thenext .next:hover { background-color: #286ac9; color: #fff; }




.page .duty .a1 { height: 516px; }
.page .duty .a2 { padding-bottom: 30px; background: url(../images/64.jpg) no-repeat center top; }
.page .duty .a2 .title { position: absolute; top: 90px; left: 30px; width: 340px; height: 300px; }
.page .duty .a2 .title h3:after { content: ''; display: block; width: 100px; height: 2px; background-color: #e6e6e6; margin: 10px 0 15px; }
.page .duty .a2 .b1 { padding-top: 315px; }
.page .duty .a2 .b1 .info { width: 647px; margin-left: 170px; }
.page .duty .a2 .b1 .info ul { display: none; }
.page .duty .a2 .b1 .info li { float: left; width: 180px; height: 136px; margin: 0 27px 30px 0; overflow: hidden; }
.page .duty .a2 .b1 .info li img { transition: all .5s; -webkit-transition: all .5s; }
.page .duty .a2 .b1 .info li:hover img { transform: scale(1.2); -webkit-transform: scale(1.2); }
.page .duty .a2 .b1 .hd { border-right: 1px dashed #fff; width: 92px; }
.page .duty .a2 .b1 .hd li { width: 95px; line-height: 34px; height: 34px; cursor: pointer; margin-bottom: 5px; padding-left: 24px; background: url(../images/ico46.png) no-repeat 88px center; zoom: 1; }
.page .duty .a2 .b1 .hd li.on, .page .duty .a2 .b1 .hd li:hover { padding-left: 22px; line-height: 30px; height: 30px; width: 93px; border: 2px solid #e24b4a; border-radius: 30px; background: url(../images/ico47.png) no-repeat 86px center; color: #de1f1f; }
.page .duty .a3 { background: url(../images/71.jpg) no-repeat center top; height: 681px; }
.page .duty .a3 .b1 { background-color: #c60000; position: absolute; width: 497px; height: 203px; padding: 45px 60px 0 45px; right: 129px; top: 229px; }
.page .duty .a3 .b1 p { opacity: 0.9; filter: alpha(opacity=90); }









@-webkit-keyframes zoomIn {
    0% { opacity: 0; -webkit-transform: scale3d(.6, .6, .6); transform: scale3d(.6, .6, .6); visibility: visible; }
    50% { opacity: 1; visibility: visible; }
    100% { visibility: visible; }
}

@keyframes zoomIn {
    0% { opacity: 0; -webkit-transform: scale3d(.6, .6, .6); transform: scale3d(.6, .6, .6); visibility: visible; }
    50% { opacity: 1; visibility: visible; }
    100% { visibility: visible; }
}

@-webkit-keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@-webkit-keyframes fadeInUpBig {
    0% { opacity: 0; -webkit-transform: translate3d(0, 1000px, 0); transform: translate3d(0, 1000px, 0) }
    100% { opacity: 1; -webkit-transform: none; transform: none; visibility: visible; }
}

@keyframes fadeInUpBig {
    0% { opacity: 0; -webkit-transform: translate3d(0, 1000px, 0); transform: translate3d(0, 1000px, 0) }
    100% { opacity: 1; -webkit-transform: none; transform: none; visibility: visible; }
}

@-webkit-keyframes rollIn {
    0% { opacity: 0; -webkit-transform: translate3d(-50%, 0, 0) rotate3d(0, 0, 1, -30deg); transform: translate3d(-50%, 0, 0) rotate3d(0, 0, 1, -30deg); visibility: visible; }
    100% { opacity: 1; -webkit-transform: none; transform: none; visibility: visible; }
}

@keyframes rollIn {
    0% { opacity: 0; -webkit-transform: translate3d(-50%, 0, 0) rotate3d(0, 0, 1, -30deg); transform: translate3d(-50%, 0, 0) rotate3d(0, 0, 1, -30deg); visibility: visible; }
    100% { opacity: 1; -webkit-transform: none; transform: none; visibility: visible; }
}

@-webkit-keyframes zoomInDown {
    0% { opacity: 0; -webkit-transform: scale3d(.4, .4, .4) translate3d(0, -300px, 0); transform: scale3d(.4, .4, .4) translate3d(0, -300px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); visibility: visible; }
    60% { opacity: 1; -webkit-transform: scale3d(.8, .8, .8) translate3d(0, 60px, 0); transform: scale3d(.8, .8, .8) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.550, 0.885, 0.320, 1); visibility: visible; }
    100% { opacity: 1; visibility: visible; }
}

@keyframes zoomInDown {
    0% { opacity: 0; -webkit-transform: scale3d(.4, .4, .4) translate3d(0, -300px, 0); transform: scale3d(.4, .4, .4) translate3d(0, -300px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); visibility: visible; }
    60% { opacity: 1; -webkit-transform: scale3d(.8, .8, .8) translate3d(0, 60px, 0); transform: scale3d(.8, .8, .8) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.550, 0.885, 0.320, 1); visibility: visible; }
    100% { opacity: 1; visibility: visible; }
}

@-webkit-keyframes rotateInDownRight {
    0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 }
    100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 }
}

@keyframes rotateInDownRight {
    0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 }
    100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 }
}

@-webkit-keyframes pulse {
    0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) }
    50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) }
    100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) }
}

@keyframes frame1 {
    25% { transform: rotate(-20deg); -webkit-transform: rotate(-20deg); }
    75% { transform: rotate(20deg); -webkit-transform: rotate(20deg); }
    100% { transform: rotate(0deg); -webkit-transform: rotate(0deg); }
}

@-webkit-keyframes frame1 {
    25% { transform: rotate(-20deg); -webkit-transform: rotate(-20deg); }
    75% { transform: rotate(20deg); -webkit-transform: rotate(20deg); }
    100% { transform: rotate(0deg); -webkit-transform: rotate(0deg); }
}

.display { display: none; }
.page .paging span { margin: 0px 5px; }

/*荣誉证书*/
.b9 { padding-top: 20px; height: 710px; }
.b9 li { float: left; width: 230px; padding: 20px 10px; }
.b9 li .f16.c333 { margin-top: 20px; }