@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0}
ul { list-style: none;}
img { border: 0}
a { text-decoration: none;}
body {background:url(images/bg.jpg) no-repeat #FFFFFF; }
.header {background: url(images/header-bg.jpg) repeat-x ;height: 70px; }
.header-inner { width: 950px;margin:auto;overflow: hidden;_zoom:1;  }
.header-inner .header-l {padding:19px 0 0 31px; float: left;} 
.header-inner .header-r { float: right; padding-right: 30px;padding-top: 29px}
.header-inner .header-r ul li { float: left; font-size: 12px; font-family: "Arial"; color: #919191;background: url(images/header01.gif) no-repeat 0 4px; padding-left: 19px; padding-right: 20px;}
.header-inner .header-r ul li a { font-size: 12px; font-family:"Arial"; color: #919191;}
.header-inner .header-r ul { float: left; overflow: hidden;_zoom:1;} 
.header-inner .header-r a img { margin-left: 4px; } 
/*----------------------------------------------------------------------------------------------*/

.content {}
.content-inner { background: #FFFFFF; width: 890px; margin: auto; padding:0 30px}
.content-inner .bread  { height: 34px; padding: 22px 0 11px 0; }
.content-inner .bread ul li {float: left; padding-right: 11px;}
.content-inner .bread ul .b-home {background: url(images/c-1.gif) no-repeat;}
.content-inner .bread ul li a { font-family: "Microsoft YaHei";  padding-right: 10px; padding-left: 44px; line-height: 34px;}
.content-inner .bread ul li img { padding-top: 4px;}

.content-inner .content-bg { background: url(images/c-bg.jpg) no-repeat; width: 890px; height: 480px; padding-left:20px; padding-top: 20px; position: relative;}
.content-inner .content-bg .box-bg { width: 405px; height: 360px; background: #000000; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}
.content-inner .content-bg .box { position: absolute; left: 20px; top: 20px; color: #FFFFFF; width: 345px; height: 360px; padding:0 30px; }
.content-inner .content-bg .box h2 {font-size: 30px; font-family: "Microsoft YaHei"; font-weight: normal; line-height: 70px;}
.content-inner .content-bg .box p { font-size: 12px; line-height: 20px; padding-bottom: 10px;font-family: "Microsoft YaHei"; text-indent:2em;}
.content-inner .content-bg .box h3  {font-size: 14px; font-family: "Microsoft YaHei"; font-weight: normal; float: left; width: 74px; line-height: 32px; padding-left: 39px; }
.content-inner .content-bg .box h3 a  { color: #FFFFFF}
.content-inner .content-bg .box .h3-1 {background:url(images/c-boxh3-1.jpg) no-repeat; padding-right: 20px; }
.content-inner .content-bg .box .h3-2 {background:url(images/c-boxh3-2.jpg) no-repeat;}


/*360*/
.content-inner .content-360 {background: url(images/flash-02.jpg) no-repeat; width: 890px; height: 500px;}
.content-inner .bread .p-360 { float: right;font-size: 14px; font-family:"Microsoft YaHei"; color: #17a9d7; background: url(images/360-1.gif) no-repeat 0 11px; padding-left:13px; line-height: 34px; padding-right: 15px;}
.content-inner .bread .p-360 a {color: #17a9d7; }
.content-inner .b-blue a{ color: #00A1D3;}
/*video*/
.content-inner .content-video { width: 890px; height: 500px;position: relative;}
.content-inner .bread .p-video { float: right;font-size: 14px; font-family:"Microsoft YaHei"; color: #17a9d7; background: url(images/video-01.png) no-repeat 0 5px; padding-left:35px; line-height: 34px; padding-right: 15px;}
.content-inner .bread .p-video a {color: #17a9d7; }
.content-video .push {overflow: hidden;_zoom:1; position: absolute; top: -44px; left: 330px;}

.content-video .push a {width:114px; height:32px;display: block; float: left;}
.content-video .push a span {width: 75px; height:32px;line-height: 32px;padding-left: 39px;display: block;font-size: 14px; font-family: "Microsoft YaHei"; color: #4d8ffd; background: url(images/push-bg.gif) no-repeat;}
.content-video .push a:hover span,.content-video .push a span.on { color:#FFFFFF;  }
.content-video .push a.push-1 span { background-position: 0 0;}
.content-video .push a.push-1:hover span,.content-video .push a.push-1 span.on { background-position: 0 -32px;}
.content-video .push a.push-2 span { background-position: 0 -64px;}
.content-video .push a.push-2:hover span,.content-video .push a.push-2 span.on { background-position: 0 -96px;}

/*.content-inner .content-video .video-vi {background: url(images/flash-03.jpg) no-repeat; width: 890px; height: 500px; }*/
.content-inner .content-video .video-3d {background: url(images/flash-02.jpg) no-repeat; width: 890px; height: 500px;}

.b-blue { color: #00A1D3;}


.footer{background: #FFFFFF;}
.footer-inner{ width: 950px; height: 60px; background: url(images/footer-bg.jpg) no-repeat; margin: auto;}
.footer-inner p{ text-align: center; font-size: 12px; padding-top: 30px; font-family: "Microsoft YaHei"; color: #909090; }