/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/* typography.css */
html {font-size:100.01%;}
body {font-size:12px;color:#595757;font-family:"宋体"; background:#f2f3f4}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:2em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.6em;margin-bottom:0.75em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 0.5em;}
p img.left {float:left;margin:0 14px 0 0;padding:0;}
p img.right {float:right;margin:0 0 0 5px;}
a:focus, a:hover {color:#000;outline:none;}
a {color:#3d3d3d;text-decoration:none;outline:0 none;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0;padding-left:0; list-style:none;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
a.a-1 { margin-left:11px;}
*:focus {outline:0 none;}
div.span-1, div.span-2, div.span-3, div.span-4,div.span-5,div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;}
.span-1 {width:1002px; background:#ffffff}
.span-2{ width:235px; background:#ffffff}
.span-3{ width:325px; border:1px solid #dedede; background:#ffffff}
.span-4{ width:207px;}
.span-5{ width:730px;border:1px solid #dedede; background:#ffffff; padding:15px; }
body{}
/*外部框架*/
.w-1{ max-width:1900px; _width:100%; margin:0 auto; min-width:1002px; position:relative}
.w{width:1002px;margin:0 auto; }
.bg-1{ background:url(../images/top_bg.jpg) repeat-x top ;}
.bg-2{ background:url(../images/bg_1.jpg) repeat-x bottom; height:580px;}
.bg-3{ background:url(../images/banner.jpg) no-repeat center; height:184px;}
.bg-4{ background:url(../images/bg_2.jpg) no-repeat center; height:693px;}
.bg-5{ background:url(../images/bg_3.jpg)}
.bg-6{ background:url(../images/bg_4.jpg) no-repeat center; height:509px;}
.bg-7{ background:url(../images/banner1.jpg) no-repeat center; height:177px;}
/*页头*/
.header{ height:136px;padding:0;color:#565454; margin:0 auto}
.header h1{ margin:0;line-height:0; font-size:0; float:left;}
.header h1 img{}
.top{ height:34px; font-family:"微软雅黑"; line-height:34px; clear:both; overflow:hidden; color:#6f6f6f; text-align:left;}
.top p{float:right; }
.top a{ color:#6f6f6f; padding-left:10px;}
.tel{ background:url(../images/tel_bg.png) no-repeat top left; width:240px; float:right; height:99px;font-family:"微软雅黑";}
.tel p{ font-size:26px; color:#0c5b93; line-height:26px; padding:50px 0px 0px 60px;}
.notice{ height:55px; line-height:55px;}
.notice p{ float:left; }
.notice p span{ font-family:"微软雅黑"; color:#141212; font-size:15px; float:left}
.search{ width:265px;float:right; margin:10px 0px 0px 45px; border:1px solid #d9d9d9;}
.submit{width:44px; height:29px; cursor:pointer; border:none; float:left; color:#ffffff; background:url(../images/search_bg.jpg) no-repeat center;}
.text{ border:none; height:29px; float:left; width:215px; background:#ffffff; padding-left:5px;}
/*导航*/
.nav {line-height: 57px;position: relative;z-index:100000;}
.nav .nLi {display: inline;float: left;position: relative; width:110px; text-align:center; font-family:"微软雅黑";}
.nav .nLi h3 {float: left;}
.nav .nLi h3 a {display: block;font-size: 14px; color:#595757; width:110px; height:57px; line-height:57px;}
.nav .nLi h3 a:hover {display: block;font-size: 14px; color:#ffffff; width:110px; height:57px; line-height:57px; background:#026aa6}
.nav .sub {display: none;left: 0;line-height:30px;position: absolute; top: 57px;width: 110px; z-index:100000;}
.nav .sub li { list-style:none;}
.nav .sub a {display: block;background:#ffffff; color: #000000;}
.nav .sub a:hover {color: #ffffff; background:#026aa6}
.nav1{ height:69px; line-height:60px; background:url(../images/nav-bg.png) top center;margin:0 auto; position:fixed; top:0; z-index:999999; display:none; width:100%; margin:0 auto }
.nav1 ul{ width:1002px; margin:0 auto}
.nav1 ul li{ float:left;height:57px; list-style:none}
.nav1 ul li a{ color:#595757; font-size:14px; display:block;line-height:57px;height:57px;font-family:"微软雅黑";/*text-shadow:1px 1px 1px #665166;*/width:110px;_width:110px;text-align:center;}
.nav1 ul li a:hover,.nav ul li.on a{ color:#ffffff; width:110px; background:#026aa6; height:57px; line-height:57px;}
.nav1 ul li.none{ background:none}
/*焦点图*/
.banner{ height:434px; overflow:hidden; position:relative; z-index:0;}
.slideBox {height: 434px;overflow: hidden;position: relative;width: 100%;}
.slideBox .hd {bottom: 10px;height: 20px;overflow: hidden; position: absolute; right: 100px;z-index: 1;}
.slideBox .hd ul {float: left;overflow: hidden;}
.slideBox .hd ul li { background: #fcfefe none repeat scroll 0 0; list-style:none; cursor: pointer; float: left;height: 20px; line-height: 20px;margin-right: 4px;text-align: center;width: 20px;}
.slideBox .hd ul li.on { background: #026aa6 none repeat scroll 0 0;color: #fff;}
.slideBox .bd {height: 100%;position: relative;z-index: 0;}
.slideBox .bd li {vertical-align: middle; list-style:none}
.slideBox .bd img { display: block;height: 434px; width: 100%;}
/*页脚*/
.nav_foot{ font-size:14px; font-family:"微软雅黑"; color:#ffffff; height:55px; line-height:55px; word-spacing:15px; text-align:center}
.nav_foot a{ color:#ffffff}
.foot{ background:url(../images/foot_logo.jpg) no-repeat left center #f2f3f4; padding:15px;}
.foot p{ font-family:"微软雅黑"; line-height:26px; text-align:left; padding-left:210px;}
/*内部样式*/
.block-1{ text-align:left; font-family:"微软雅黑"; font-size:20px; margin-top:340px; color:#0c5b93; background:url(../images/bg_con.jpg) no-repeat center; height:138px;}
.block-1 p{ line-height:26px; padding:110px 0px 0px 50px;}
.block-2{ /* background:url(../images/honor_bg.jpg) no-repeat; */ height:230px;}
.block-3{ background:#0390df; height:295px; }
.block-3 img{ background:#ffffff; border:1px solid #dedede; padding:12px; float:left}
.block-3 p{ float:left; width:500px; color:#ffffff; margin-left:30px; padding:30px; line-height:30px;}
.block-3 p span{ font-size:18px; color:#ffffff; font-family:"微软雅黑"; height:40px; line-height:40px;}
.block-3 p a{ width:119px; height:33px; background:#ffffff; line-height:33px; display:block; color:#055481; text-align:center; font-family:"微软雅黑"; font-size:14px; margin-top:15px;}
.block-4{ height:48px; line-height:48px; font-family:"微软雅黑"; color:#ffffff }
.block-4 p{ font-size:18px; padding-left:15px; float:left}
.block-4 div{ background:url(../images/foot_tel.jpg) no-repeat left; width:220px; float:right; font-size:26px; padding-left:40px;}
.block-4 img{ float:right}
.block-5{ background:#ffffff; border:1px solid #dedede; padding:6px; line-height:26px; font-family:"微软雅黑"; }
.block-5 span{ font-size:15px;}
.toTop {background:url(../images/top.jpg) no-repeat center; bottom: 120px;cursor: pointer;height: 57px;;padding: 10px;position: fixed; right: 50px;width: 64px;}
.border{ border:1px solid #dedede;}
/*分类列表*/
.subnav{list-style:none; margin:0 auto; font-family:"微软雅黑"; }
.subnav li{ text-align:left; list-style:none; background:url(../images/coin_ny.jpg) no-repeat 15px 20px; border-bottom:1px dashed #dedede; height:40px; margin-bottom:5px; line-height:40px;}
.subnav li a{ color:#3b3b3c; display:block; font-size:14px; padding-left:30px; line-height:39px;}
.subnav li a:hover{color:#ffffff; background:url(../images/ny_hover.jpg) no-repeat 15px 20px #0d62cc;}
/*标题样式*/
.title-1{ background:url(../images/tit_3.png) no-repeat center bottom; text-align:center; line-height:20px; font-family:"微软雅黑"; padding-bottom:15px; margin-bottom:15px; }
.title-1 p{ font-size:26px; color:#0390df; }
.title-1 p span{ color:#2d2d2d}
.title-1 em{ font-style:normal; font-family:Arial, Helvetica, sans-serif; color:#c0c0c0; font-size:16px;}
.title-2{ background:url(../images/tit_2.png) no-repeat center; height:85px; text-align:center; line-height:20px; font-family:"微软雅黑"; }
.title-2 p{ font-size:26px; color:#0390df; padding-top:20px; }
.title-2 p span{ color:#2d2d2d}
.title-2 em{ font-style:normal; font-family:Arial, Helvetica, sans-serif; color:#c0c0c0; font-size:16px;}
.title-3{ background:url(../images/tit_4.jpg) no-repeat top center; text-align:center; line-height:20px; font-family:"微软雅黑"; }
.title-3 p{ font-size:26px; color:#0390df; padding-top:50px; }
.title-3 p span{ color:#2d2d2d}
.title-3 em{ font-style:normal; font-family:Arial, Helvetica, sans-serif; color:#c0c0c0; font-size:16px;}
.title-4{ background:url(../images/tit_bg.jpg) repeat-x; height:37px; line-height:37px;}
.title-4 div{ background:url(../images/coin_1.jpg) no-repeat left center; padding-left:30px; margin-left:15px; font-family:"微软雅黑"; font-size:18px; color:#c0c0c0; float:left}
.title-4 div span{ color:#000000}
.title-4 .t_1{ background:url(../images/coin_2.jpg) top left no-repeat;}
.title-4 a{ float:right; padding-right:10px; color:#888888}
.title-5{ background:url(../images/coin_link.jpg) no-repeat left center; border-bottom:2px solid #dedede; font-size:18px; font-family:"微软雅黑"; height:40px; line-height:40px; padding-left:35px;}
.title-6{ background:url(../images/ny_tit.jpg) no-repeat center; height:87px; font-family:"微软雅黑"; font-size:12px; text-align:center; color:#ffffff}
.title-6 p{ font-size:20px; font-family:"微软雅黑"; line-height:26px; padding-top:15px;}
.title-7 { background:url(../images/ny_400.jpg) no-repeat center; height:87px; font-family:"微软雅黑"; color:#ffffff}
.title-7 p{ padding:50px 0px 0px 55px; font-size:18px;}
.title-8{ height:30px; line-height:30px; border-bottom:1px solid #dedede; font-family:"微软雅黑"; font-size:16px;}
a.more{ color:#716a6a;font-size:12px; float:right; width:48px; height:40px; line-height:40x; margin:0 auto; text-align:center; display:block; text-indent:-10000000px; background:url(../images/more.jpg) no-repeat center center}
a.more1{ width:221px; height:86px; background:url(../images/more.jpg) no-repeat center; display:block; text-indent:-10000000px; margin:10px; }
/*面包屑*/
.place{ text-align:center; line-height:36px; float:right; font-size:12px; padding-right:10px; color:#52362a; }
.place a{ color:#52362a; background:none; float:none; padding:0}
/*产品列表*/
.picScroll-left {position: relative;}
.picScroll-left .hd {overflow: hidden;}
.picScroll-left .hd .prev{position:absolute; background:url(../images/left_bt.jpg) no-repeat left; cursor: pointer;width:44px; height:32px;left:-80px; top:120px;*top:120px; }
.picScroll-left .hd .next {position:absolute; width:44px; height:32px; background:url(../images/right_bt.jpg) no-repeat center; cursor: pointer; right:-80px; top:120px;*top:120px; }
.picScroll-left .bd { padding: 10px;}
.picScroll-left .bd .ul-2{list-style:none;margin:0;}
.picScroll-left .bd .ul-2 li{ margin:0; float:left!important; clear:none!important; width:310px; margin-left:15px; height:280px;text-align:center; }
.picScroll-left .bd .ul-2 li a{ display:block; text-align:center;}
.picScroll-left .bd .ul-2 li a.a-p{ text-align:center; background:#dddddd;color:#595757; font-size:14px; line-height:30px; font-family:"微软雅黑"; margin-top:10px; }
.picScroll-left .bd .ul-2 li div{width:302px; height:272px; background:#ffffff; border:1px solid #dedede; padding:3px; text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*/display: table-cell;/*设置垂直居中*/vertical-align:middle;/*设置水平居中*/text-align:center;/* 针对IE的Hack */*display: block;*font-size:238px;}
.picScroll-left .bd .ul-2 li img{vertical-align:middle;}
.picScroll-left1 {position: relative; margin-top:15px;}
.picScroll-left1 .hd {overflow: hidden;}
.picScroll-left1 .hd .prev{position:absolute; background:url(../images/left_bt.jpg) no-repeat left; cursor: pointer;width:44px; height:32px;left:-80px; top:120px;*top:120px; }
.picScroll-left1 .hd .next {position:absolute; width:44px; height:32px; background:url(../images/right_bt.jpg) no-repeat center; cursor: pointer; right:-80px; top:120px;*top:120px; }
.picScroll-left1 .bd .ul-1{list-style:none;margin:0;}
.picScroll-left1 .bd .ul-1 li{ margin:0; float:left!important; clear:none!important; width:240px; margin-left:15px; height:280px;text-align:center; }
.picScroll-left1 .bd .ul-1 li a{ display:block; text-align:center;}
.picScroll-left1 .bd .ul-1 li a.a-p{ text-align:center; color:#595757; font-size:14px; line-height:30px; font-family:"微软雅黑"; margin-top:10px; }
.picScroll-left1 .bd .ul-1 li div{width:222px; height:222px; border:2px solid #dedede; text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*/display: table-cell;/*设置垂直居中*/vertical-align:middle;/*设置水平居中*/text-align:center;/* 针对IE的Hack */*display: block;*font-size:194px;}
.picScroll-left1 .bd .ul-1 li img{vertical-align:middle;}
.picScroll-left2 {position: relative; margin-top:15px; height: 345px;background-color: #fff;border: 1px solid #ddd;}
.picScroll-left2 .hd {overflow: hidden;}
.picScroll-left2 .hd .prev{position:absolute; background:url(../images/left_bt.jpg) no-repeat left; cursor: pointer;width:44px; height:32px;left:-80px; top:120px;*top:120px; }
.picScroll-left2 .hd .next {position:absolute; width:44px; height:32px; background:url(../images/right_bt.jpg) no-repeat center; cursor: pointer; right:-80px; top:120px;*top:120px; }
.picScroll-left2 .bd .ul-3{list-style:none;margin:0;}
.picScroll-left2 .bd .ul-3 li{margin:0; float:left!important; clear:none!important; width:220px; margin-left:30px;text-align:center;}
.picScroll-left2 .bd .ul-3 li a{ display:block; text-align:center;height: 275px;position: relative;}
.picScroll-left2 .bd .ul-3 li a.a-p{ text-align:center; color:#595757; font-size:14px; line-height:30px; font-family:"微软雅黑"; margin-top:10px; }
.picScroll-left2 .bd .ul-3 li div{width:190px; padding:5px; border:1px solid #dedede; text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*/display: table-cell;/*设置垂直居中*/vertical-align:middle;/*设置水平居中*/text-align:center;/* 针对IE的Hack */*display: block;*font-size:238px;}
.picScroll-left2 .bd .ul-3 li img{vertical-align:middle;width: 100%;height: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.picScroll-left3 {position: relative; margin-top:15px; }
.picScroll-left3 .hd {overflow: hidden;}
.picScroll-left3 .hd .prev{position:absolute; background:url(../images/left_bt.jpg) no-repeat left; cursor: pointer;width:44px; height:32px;left:-80px; top:120px;*top:120px; }
.picScroll-left3 .hd .next {position:absolute; width:44px; height:32px; background:url(../images/right_bt.jpg) no-repeat center; cursor: pointer; right:-80px; top:120px;*top:120px; }
.picScroll-left3 .bd .ul-3{list-style:none;margin:0;}
.picScroll-left3 .bd .ul-3 li{margin:0; float:left!important; clear:none!important; width:220px; margin-left:30px; height:220px;text-align:center; }
.picScroll-left3 .bd .ul-3 li a{ display:block; text-align:center;}
.picScroll-left3 .bd .ul-3 li a.a-p{ text-align:center; color:#595757; font-size:14px; line-height:30px; font-family:"微软雅黑"; margin-top:10px; }
.picScroll-left3 .bd .ul-3 li div{width:190px; height:149px; padding:5px; border:1px solid #dedede; text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*/display: table-cell;/*设置垂直居中*/vertical-align:middle;/*设置水平居中*/text-align:center;/* 针对IE的Hack */*display: block;*font-size:238px;}
.picScroll-left3 .bd .ul-3 li img{vertical-align:middle;}
.picMarquee-left .bd {}
.picMarquee-left .bd .ul-4{list-style:none;margin:0;}
.picMarquee-left .bd .ul-4 li{ margin:0; float:left!important; clear:none!important; width:200px; height:130px;text-align:center; }
.picMarquee-left .bd .ul-4 li a{ display:block; text-align:center;}
.picMarquee-left .bd .ul-4 li a.a-p{ text-align:center; color:#595757; font-size:14px; line-height:30px; font-family:"微软雅黑"; margin-top:10px; }
.picMarquee-left .bd .ul-4 li div{width:180px; height:110px; border:1px solid #dedede; text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*/display: table-cell;/*设置垂直居中*/vertical-align:middle;/*设置水平居中*/text-align:center;/* 针对IE的Hack */*display: block;*font-size:96px; }
.picMarquee-left .bd .ul-4 li img{vertical-align:middle;}
/*新闻列表*/
.ul-news { list-style:none; padding:10px;}
.ul-news li{ clear:both; overflow:hidden; height:35px; border-bottom:1px dashed #dedede; line-height:35px; background:url(../images/new_coin.jpg) no-repeat left center;}
.ul-news li a{ float:left; padding-left:15px; color:#5c5757}
.ul-news li span{ float:right}
.ul-news li.li-1{ list-style:none!important; background:none; margin-bottom:10px; height:126px!important; padding:10px 10px 15px 10px; border-bottom:1px dashed #dedede}
.ul-news li.li-1 img{ float:left; border:2px solid #dedede;}
.ul-news li.li-1 div{ width:470px; float:left; margin-left:10px; font-family:"微软雅黑"; }
.ul-news li.li-1 div a{ font-size:14px; color:#333131; padding:0; height:30px; line-height:30px;}
.ul-news li.li-1 div span{ font-size:16px; color:#0390df; padding:0; line-height:20px; float:none; width:auto}
.ul-news li.li-1 div p{ line-height:24px; text-align:left}
.ul-news li.li-2{ list-style:none; background:none; margin:15px 0px 0px 10px;}
.ul-news li.li-2 { background:url(../images/bg_wd.jpg) no-repeat left top; height:92px; border-bottom:1px dashed #dedede;}
.ul-news li.li-2 a{ font-size:14px; color:#211e1e; font-family:"微软雅黑"; line-height:15px; height:26px; display:block; padding-left:28px; width:285px; overflow:hidden}
.ul-news li.li-2 p{ line-height:22px; text-align:left; padding:0; margin:0; padding-left:28px;}
/*切换列表*/
.slideTxtBox {text-align: left; padding:25px;}
.slideTxtBox .hd {background: #ffffff; height: 582px;position: relative; float:left}
.slideTxtBox .hd ul{ position: absolute; padding-top:15px; margin-left:14px; width:200px;}
.slideTxtBox .hd ul li{ cursor: pointer; border-bottom:1px dashed #dedede; margin-bottom:15px; height:37px; line-height:37px;color:#332f2f;list-style:none; background:url(../images/sub_on.jpg) no-repeat left center; font-size:14px; font-family:"微软雅黑"; }
.slideTxtBox .hd ul li a{padding-left:35px;}
.slideTxtBox .hd ul li.on a { background:url(../images/sub_hover.jpg) no-repeat left center; height:37px; line-height:37px; color:#ffffff; display:block; padding-left:35px; }
.slideTxtBox .bd ul { padding-left:30px; }
.slideTxtBox .bd li { margin:0;width:224px; height:300px; background:url(../images/bg_pro.jpg) no-repeat center; margin-left:10px; float:left; overflow:hidden;text-align:center; position:relative}
.slideTxtBox .bd li div{ width:190px; height:187px; background:#ffffff; padding:10px 15px; text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*/display: table-cell;/*设置垂直居中*/vertical-align:middle;/*设置水平居中*/text-align:center;/* 针对IE的Hack */*display: block;*font-size:164px; }
.slideTxtBox .bd li img{ vertical-align:middle;}
.slideTxtBox .bd li span{ font-family:"微软雅黑"; font-size:14px; color:#000000; line-height:30px; width:224px; background:#ffffff;}
.slideTxtBox .bd li a.a-p{ background:url(../images/more_1.jpg) no-repeat center center; height:23px; line-height:23px; display:block; text-indent:-10000000px;}
.links{ line-height:30px; padding:10px;}
.links a{ color:#3a3c3d; line-height:30px; float:left; padding-left:30px; font-size:14px; font-family:"微软雅黑";}
/*内容*/
div.content{margin:0 auto; min-height:622px; padding:15px; line-height:24px;margin-bottom:15px; }
div.content p{line-height:24px; font-size:12px;}
/*表单*/
.guestbook ul{ list-style:none; padding-left:15px; text-align:left}
.guestbook ul li{ line-height:26px; font-size:14px; border-bottom:1px dashed #c2a9a4; padding-left:15px;}
/*ϵ*/
/*边距*/
.pad{ padding:0px 80px 0px 60px; display:inline}
.mrg-t-5{ margin-top:5px;}
.mrg-t-10{ margin-top:10px;}
.mrg-t-20{ margin-top:20px;}
.mrg-t-30{ margin-top:30px;}
.mrg-left{ margin-left:25px; display:inline}
.mrg-left1{ margin-left:10px; display:inline}
.none-m{ margin:15px 0 0;}
/*浮动*/
.fl{ float:left;}
.fr{ float:right;}
/*去除浮动*/
.clear{ clear:both; overflow:hidden; zoom:1; float:none;}
.zx{ position:absolute; right:160px; top:50px; z-index:0}
.tel400{ position:absolute; right:60px; top:120px; z-index:0}
.qiu{width:44px; height:44px; top:310px; left:245px; position:absolute; z-index:1; background:url(../images/qiu.png) center center no-repeat; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; }
.what{width:591px; height:115px; top:104px; left:410px; position:absolute; z-index:1; background:url(../images/what.png) center center no-repeat; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; }
.wenhao{width:75px; height:108px; top:52px; left:663px; position:absolute; z-index:1; background:url(../images/wenhao.png) center center no-repeat; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; }
.zi1{ font-size:16px; color:#034573; top:628px; left:178px; position:absolute; z-index:2; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; font-family:"微软雅黑";}
.zi2{ font-size:16px; color:#034573; top:638px; left:257px; position:absolute; z-index:2; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; font-family:"微软雅黑";}
.zi3{ font-size:16px; color:#034573; top:628px; left:332px; position:absolute; z-index:2; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; font-family:"微软雅黑";}
.zi4{ font-size:16px; color:#034573; top:598px; left:402px; position:absolute; z-index:2; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; font-family:"微软雅黑";}
.zi5{ font-size:16px; color:#034573; top:558px; left:472px; position:absolute; z-index:2; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; font-family:"微软雅黑";}
.zi6{ font-size:16px; color:#034573; top:498px; left:522px; position:absolute; z-index:2; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; font-family:"微软雅黑";}
.zi7{ font-size:16px; color:#034573; top:438px; left:552px; position:absolute; z-index:2; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; font-family:"微软雅黑";}
.zi8{ font-size:16px; color:#034573; top:365px; left:572px; position:absolute; z-index:2; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; font-family:"微软雅黑";}
.zi9{ font-size:16px; color:#034573; top:300px; left:580px; position:absolute; z-index:2; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; font-family:"微软雅黑";}
.zhuan1{width:125px; height:125px; top:521px; left:595px; position:absolute; z-index:1; background:url(../images/zhuan1.png) center center no-repeat; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; }
.zhuan2{width:162px; height:162px; top:394px; left:692px; position:absolute; z-index:1; background:url(../images/zhuan2.png) center center no-repeat; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; }
.zhuan3{width:199px; height:199px; top:227px; left:795px; position:absolute; z-index:1; background:url(../images/zhuan3.png) center center no-repeat; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; }
.bar1{width:61px; height:294px; top:336px; left:209px; position:absolute; z-index:1; background:url(../images/bar.png) center center no-repeat; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; }
.bar2{width:61px; height:294px; top:336px; left:209px; position:absolute; z-index:1; background:url(../images/bar.png) center center no-repeat; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; }
.bar3{width:61px; height:294px; top:336px; left:209px; position:absolute; z-index:1; background:url(../images/bar.png) center center no-repeat; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; }
.bar4{width:61px; height:294px; top:336px; left:209px; position:absolute; z-index:1; background:url(../images/bar.png) center center no-repeat; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; }
.bar5{width:61px; height:294px; top:336px; left:209px; position:absolute; z-index:1; background:url(../images/bar.png) center center no-repeat; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; }
.bar6{width:61px; height:294px; top:336px; left:209px; position:absolute; z-index:1; background:url(../images/bar.png) center center no-repeat; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; }
.bar7{width:61px; height:294px; top:336px; left:209px; position:absolute; z-index:1; background:url(../images/bar.png) center center no-repeat; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; }
.bar8{width:61px; height:294px; top:336px; left:209px; position:absolute; z-index:1; background:url(../images/bar.png) center center no-repeat; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; }
.bar9{width:61px; height:294px; top:336px; left:209px; position:absolute; z-index:1; background:url(../images/bar.png) center center no-repeat; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; }
.bar11{
opacity: 1;
animation:bar11 1s forwards;
-moz-animation:bar11 1s forwards;
-webkit-animation:bar11 1s forwards;
-o-animation:bar11 1s forwards;
}
@-webkit-keyframes bar11 {
0% {
opacity: 0;
-webkit-transform-origin: 100% 0;
-webkit-transform: rotateZ(-140deg);
}
100% {
opacity: 1;
-webkit-transform-origin: 100% 0;
-webkit-transform: rotateZ(0deg);
}
}
@-o-keyframes bar11 {
0% {
opacity: 0;
-o-transform-origin: 100% 0;
-o-transform:rotateZ(-140deg);
}
100% {
opacity: 1;
-o-transform-origin: 100% 0;
-o-transform: rotateZ(0deg);
}
}
@-moz-keyframes bar11 {
0% {
opacity: 0;
-moz-transform-origin: 100% 0;
-moz-transform:rotateZ(-140deg);
}
100% {
opacity: 1;
-moz-transform-origin: 100% 0;
-moz-transform: rotateZ(0deg);
}
}
@keyframes bar11 {
0% {
transform-origin: 100% 0;
transform:rotateZ(-140deg);
}
100% {
transform-origin: 100% 0;
transform: rotateZ(0deg);
}
}
.bar12{
opacity: 1;
animation:bar12 1s forwards;
-moz-animation:bar12 1s forwards;
-webkit-animation:bar12 1s forwards;
-o-animation:bar12 1s forwards;
}
@-webkit-keyframes bar12 {
0% {
opacity: 0;
-webkit-transform-origin: 100% 0;
-webkit-transform: rotateZ(-140deg);
}
100% {
opacity: 1;
-webkit-transform-origin: 100% 0;
-webkit-transform: rotateZ(-13deg);
}
}
@-o-keyframes bar12 {
0% {
opacity: 0;
-o-transform-origin: 100% 0;
-o-transform:rotateZ(-140deg);
}
100% {
opacity: 1;
-o-transform-origin: 100% 0;
-o-transform: rotateZ(-13deg);
}
}
@-moz-keyframes bar12 {
0% {
opacity: 0;
-moz-transform-origin: 100% 0;
-moz-transform:rotateZ(-140deg);
}
100% {
opacity: 1;
-moz-transform-origin: 100% 0;
-moz-transform: rotateZ(-13deg);
}
}
@keyframes bar12 {
0% {
transform-origin: 100% 0;
transform:rotateZ(-140deg);
}
100% {
transform-origin: 100% 0;
transform: rotateZ(-13deg);
}
}
.bar13{
opacity: 1;
animation:bar13 1s forwards;
-moz-animation:bar13 1s forwards;
-webkit-animation:bar13 1s forwards;
-o-animation:bar13 1s forwards;
}
@-webkit-keyframes bar13 {
0% {
opacity: 0;
-webkit-transform-origin: 100% 0;
-webkit-transform: rotateZ(-140deg);
}
100% {
opacity: 1;
-webkit-transform-origin: 100% 0;
-webkit-transform: rotateZ(-26deg);
}
}
@-o-keyframes bar13 {
0% {
opacity: 0;
-o-transform-origin: 100% 0;
-o-transform:rotateZ(-140deg);
}
100% {
opacity: 1;
-o-transform-origin: 100% 0;
-o-transform: rotateZ(-26deg);
}
}
@-moz-keyframes bar13 {
0% {
opacity: 0;
-moz-transform-origin: 100% 0;
-moz-transform:rotateZ(-140deg);
}
100% {
opacity: 1;
-moz-transform-origin: 100% 0;
-moz-transform: rotateZ(-26deg);
}
}
@keyframes bar13 {
0% {
transform-origin: 100% 0;
transform:rotateZ(-140deg);
}
100% {
transform-origin: 100% 0;
transform: rotateZ(-26deg);
}
}
.bar14{
opacity: 1;
animation:bar14 1s forwards;
-moz-animation:bar14 1s forwards;
-webkit-animation:bar14 1s forwards;
-o-animation:bar14 1s forwards;
}
@-webkit-keyframes bar14 {
0% {
opacity: 0;
-webkit-transform-origin: 100% 0;
-webkit-transform: rotateZ(-140deg);
}
100% {
opacity: 1;
-webkit-transform-origin: 100% 0;
-webkit-transform: rotateZ(-39deg);
}
}
@-o-keyframes bar14 {
0% {
opacity: 0;
-o-transform-origin: 100% 0;
-o-transform:rotateZ(-140deg);
}
100% {
opacity: 1;
-o-transform-origin: 100% 0;
-o-transform: rotateZ(-39deg);
}
}
@-moz-keyframes bar14 {
0% {
opacity: 0;
-moz-transform-origin: 100% 0;
-moz-transform:rotateZ(-140deg);
}
100% {
opacity: 1;
-moz-transform-origin: 100% 0;
-moz-transform: rotateZ(-39deg);
}
}
@keyframes bar14 {
0% {
transform-origin: 100% 0;
transform:rotateZ(-140deg);
}
100% {
transform-origin: 100% 0;
transform: rotateZ(-39deg);
}
}
.bar15{
opacity: 1;
animation:bar15 1s forwards;
-moz-animation:bar15 1s forwards;
-webkit-animation:bar15 1s forwards;
-o-animation:bar15 1s forwards;
}
@-webkit-keyframes bar15 {
0% {
opacity: 0;
-webkit-transform-origin: 100% 0;
-webkit-transform: rotateZ(-140deg);
}
100% {
opacity: 1;
-webkit-transform-origin: 100% 0;
-webkit-transform: rotateZ(-52deg);
}
}
@-o-keyframes bar15 {
0% {
opacity: 0;
-o-transform-origin: 100% 0;
-o-transform:rotateZ(-140deg);
}
100% {
opacity: 1;
-o-transform-origin: 100% 0;
-o-transform: rotateZ(-52deg);
}
}
@-moz-keyframes bar15 {
0% {
opacity: 0;
-moz-transform-origin: 100% 0;
-moz-transform:rotateZ(-140deg);
}
100% {
opacity: 1;
-moz-transform-origin: 100% 0;
-moz-transform: rotateZ(-52deg);
}
}
@keyframes bar15 {
0% {
transform-origin: 100% 0;
transform:rotateZ(-140deg);
}
100% {
transform-origin: 100% 0;
transform: rotateZ(-52deg);
}
}
.bar16{
opacity: 1;
animation:bar16 1s forwards;
-moz-animation:bar16 1s forwards;
-webkit-animation:bar16 1s forwards;
-o-animation:bar16 1s forwards;
}
@-webkit-keyframes bar16 {
0% {
opacity: 0;
-webkit-transform-origin: 100% 0;
-webkit-transform: rotateZ(-140deg);
}
100% {
opacity: 1;
-webkit-transform-origin: 100% 0;
-webkit-transform: rotateZ(-65deg);
}
}
@-o-keyframes bar16 {
0% {
opacity: 0;
-o-transform-origin: 100% 0;
-o-transform:rotateZ(-140deg);
}
100% {
opacity: 1;
-o-transform-origin: 100% 0;
-o-transform: rotateZ(-65deg);
}
}
@-moz-keyframes bar16 {
0% {
opacity: 0;
-moz-transform-origin: 100% 0;
-moz-transform:rotateZ(-140deg);
}
100% {
opacity: 1;
-moz-transform-origin: 100% 0;
-moz-transform: rotateZ(-65deg);
}
}
@keyframes bar16 {
0% {
transform-origin: 100% 0;
transform:rotateZ(-140deg);
}
100% {
transform-origin: 100% 0;
transform: rotateZ(-65deg);
}
}
.bar17{
opacity: 1;
animation:bar17 1s forwards;
-moz-animation:bar17 1s forwards;
-webkit-animation:bar17 1s forwards;
-o-animation:bar17 1s forwards;
}
@-webkit-keyframes bar17 {
0% {
opacity: 0;
-webkit-transform-origin: 100% 0;
-webkit-transform: rotateZ(-140deg);
}
100% {
opacity: 1;
-webkit-transform-origin: 100% 0;
-webkit-transform: rotateZ(-78deg);
}
}
@-o-keyframes bar17 {
0% {
opacity: 0;
-o-transform-origin: 100% 0;
-o-transform:rotateZ(-140deg);
}
100% {
opacity: 1;
-o-transform-origin: 100% 0;
-o-transform: rotateZ(-78deg);
}
}
@-moz-keyframes bar17 {
0% {
opacity: 0;
-moz-transform-origin: 100% 0;
-moz-transform:rotateZ(-140deg);
}
100% {
opacity: 1;
-moz-transform-origin: 100% 0;
-moz-transform: rotateZ(-78deg);
}
}
@keyframes bar17 {
0% {
transform-origin: 100% 0;
transform:rotateZ(-140deg);
}
100% {
transform-origin: 100% 0;
transform: rotateZ(-78deg);
}
}
.bar18{
opacity: 1;
animation:bar18 1s forwards;
-moz-animation:bar18 1s forwards;
-webkit-animation:bar18 1s forwards;
-o-animation:bar18 1s forwards;
}
@-webkit-keyframes bar18 {
0% {
opacity: 0;
-webkit-transform-origin: 100% 0;
-webkit-transform: rotateZ(-140deg);
}
100% {
opacity: 1;
-webkit-transform-origin: 100% 0;
-webkit-transform: rotateZ(-91deg);
}
}
@-o-keyframes bar18 {
0% {
opacity: 0;
-o-transform-origin: 100% 0;
-o-transform:rotateZ(-140deg);
}
100% {
opacity: 1;
-o-transform-origin: 100% 0;
-o-transform: rotateZ(-91deg);
}
}
@-moz-keyframes bar18 {
0% {
opacity: 0;
-moz-transform-origin: 100% 0;
-moz-transform:rotateZ(-140deg);
}
100% {
opacity: 1;
-moz-transform-origin: 100% 0;
-moz-transform: rotateZ(-91deg);
}
}
@keyframes bar18 {
0% {
transform-origin: 100% 0;
transform:rotateZ(-140deg);
}
100% {
transform-origin: 100% 0;
transform: rotateZ(-91deg);
}
}
.bar19{
opacity: 1;
animation:bar19 1s forwards;
-moz-animation:bar19 1s forwards;
-webkit-animation:bar19 1s forwards;
-o-animation:bar19 1s forwards;
}
@-webkit-keyframes bar19 {
0% {
opacity: 0;
-webkit-transform-origin: 100% 0;
-webkit-transform: rotateZ(-140deg);
}
100% {
opacity: 1;
-webkit-transform-origin: 100% 0;
-webkit-transform: rotateZ(-104deg);
}
}
@-o-keyframes bar19 {
0% {
opacity: 0;
-o-transform-origin: 100% 0;
-o-transform:rotateZ(-140deg);
}
100% {
opacity: 1;
-o-transform-origin: 100% 0;
-o-transform: rotateZ(-104deg);
}
}
@-moz-keyframes bar19 {
0% {
opacity: 0;
-moz-transform-origin: 100% 0;
-moz-transform:rotateZ(-140deg);
}
100% {
opacity: 1;
-moz-transform-origin: 100% 0;
-moz-transform: rotateZ(-104deg);
}
}
@keyframes bar19 {
0% {
transform-origin: 100% 0;
transform:rotateZ(-140deg);
}
100% {
transform-origin: 100% 0;
transform: rotateZ(-104deg);
}
}
.tiao{
opacity: 1;
animation:tiao 1s;
-moz-animation:tiao 1s;
-webkit-animation:tiao 1s;
-o-animation:tiao 1s;
}
@-webkit-keyframes tiao {
0% {
width:0px;
}
100% {
width:145px;
}
}
@-o-keyframes tiao {
0% {
width:0;
}
100% {
width:145px;
}
}
@-moz-keyframes tiao {
0% {
width:0px;
}
100% {
width:145px;
}
}
@keyframes tiao {
0% {
width:0;
}
100% {
width:145px;
}
}
.swing {
opacity: 1;
-webkit-transform-origin: center center;
-o-transform-origin: center center;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
animation:swing 1.2s forwards;
-moz-animation:swing 1.2s forwards;
-webkit-animation:swing 1.2s forwards;
-o-animation:swing 1.2s forwards;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0,0,1,15deg) scale(0.5);
transform: rotate3d(0,0,1,15deg) scale(0.5);
}
40% {
-webkit-transform: rotate3d(0,0,1,-10deg);
transform: rotate3d(0,0,1,-10deg)
}
60% {
-webkit-transform: rotate3d(0,0,1,5deg);
transform: rotate3d(0,0,1,5deg)
}
80% {
-webkit-transform: rotate3d(0,0,1,-5deg);
transform: rotate3d(0,0,1,-5deg)
}
100% {
-webkit-transform: rotate3d(0,0,1,0deg);
transform: rotate3d(0,0,1,0deg)
}
}
@-o-keyframes swing {
20% {
-o-transform: rotate3d(0,0,1,15deg) scale(0.1);
transform: rotate3d(0,0,1,15deg) scale(0.1);
}
40% {
-o-transform: rotate3d(0,0,1,-10deg);
transform: rotate3d(0,0,1,-10deg)
}
60% {
-o-transform: rotate3d(0,0,1,5deg);
transform: rotate3d(0,0,1,5deg)
}
80% {
-o-transform: rotate3d(0,0,1,-5deg);
transform: rotate3d(0,0,1,-5deg)
}
100% {
-o-transform: rotate3d(0,0,1,0deg);
transform: rotate3d(0,0,1,0deg)
}
}
@-moz-keyframes swing {
20% {
-moz-transform: rotate3d(0,0,1,15deg) scale(0.1);
transform: rotate3d(0,0,1,15deg) scale(0.1);
}
40% {
-moz-transform: rotate3d(0,0,1,-10deg);
transform: rotate3d(0,0,1,-10deg)
}
60% {
-moz-transform: rotate3d(0,0,1,5deg);
transform: rotate3d(0,0,1,5deg)
}
80% {
-moz-transform: rotate3d(0,0,1,-5deg);
transform: rotate3d(0,0,1,-5deg)
}
100% {
-moz-transform: rotate3d(0,0,1,0deg);
transform: rotate3d(0,0,1,0deg)
}
}
@keyframes swing {
20% {
-moz-transform: rotate3d(0,0,1,15deg) scale(0.1);
transform: rotate3d(0,0,1,15deg) scale(0.1);
}
40% {
-moz-transform: rotate3d(0,0,1,-10deg);
transform: rotate3d(0,0,1,-10deg)
}
60% {
-moz-transform: rotate3d(0,0,1,5deg);
transform: rotate3d(0,0,1,5deg)
}
80% {
-moz-transform: rotate3d(0,0,1,-5deg);
transform: rotate3d(0,0,1,-5deg)
}
100% {
-moz-transform: rotate3d(0,0,1,0deg);
transform: rotate3d(0,0,1,0deg)
}
}
.tiao{
opacity: 1;
animation:tiao 1s;
-moz-animation:tiao 1s;
-webkit-animation:tiao 1s;
-o-animation:tiao 1s;
}
@-webkit-keyframes tiao {
0% {
width:0px;
}
100% {
width:591px;
}
}
@-o-keyframes tiao {
0% {
width:0;
}
100% {
width:591px;
}
}
@-moz-keyframes tiao {
0% {
width:0px;
}
100% {
width:591px;
}
}
@keyframes tiao {
0% {
width:0;
}
100% {
width:591px;
}