@charset "utf-8";
/*
 * FileName: global.css
 * CreateTime: 2013-04-16
 * Author: Charming Honest Romantic Intellegent Smiling
 * Copyright Himarking Co.,Ltd & Chinachoice All Rights Reserved
 */
body {margin:0; padding:0; color:#333; font-size:12px; line-height:18px; font-family:Microsoft YaHei,"微软雅黑",Microsoft JhengHei,"华文细黑",STHeiti,MingLiu;text-align:left;vertical-align:baseline;background:#fff url(../images/footerbg.png) repeat-x left bottom;}
div,table,tr,th,td,form,p,ul,li,dl,dt,dd,a,span,img{margin:0; padding:0;}
table,tr,th,td,form,p {border:none 0;}
ul,li {margin:0; padding:0; list-style:none; }
dl,dt,dd,h1,h2,h3,h4,h5{margin:0; padding:0;}
img {border:none 0;}
a{color:#d6000f;text-decoration:none;}
a:hover{color:#d6000f;text-decoration:underline;}
/* float */
.fl{float:left;}
.fr{float:right;}
.nofont{font-size:0;line-height:0;overflow:hidden;}
.ml10{margin-left:10px;}
.mr10{margin-right:10px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mb10{margin-bottom:10px;}
.red{color:#c7000c!important;}
/* clear float */
.clear{clear:both;height:0;font-size:0;overflow:hidden;display:block;line-height:0;}
/* clearfix */
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } 
.clearfix{display:inline-block; } 
.clearfix{display:block;}

.header{height:654px;padding-top:42px;background:url(../images/headerbg.png) repeat-x left top;}
.header .con{width:950px;margin:0 auto;position:relative;}
.header .con .logo{width:162px;height:38px;background:url(../images/logo.png) no-repeat left center;top:0;left:42px;position:absolute;}
.header .con .logo a{width:162px;height:38px;display:block;text-indent: 100%;white-space: nowrap;overflow: hidden;}
.header .con .logo a span{}

.header .con .menu{top:18px;right:42px;position:absolute;}
.header .con .menu a{color:#000;overflow:hidden;margin-left:40px;font-size:14px;font-weight:bold;display:inline-block;padding:0 2px;}
.header .con .menu a:hover{text-decoration:none;background-color:#d6000f;color:#fff;}

.header .con .desc{position:absolute;top:561px;right:42px;width:396px;height:94px;overflow:hidden;}
.header .con .desc .tit{font-size:14px;font-weight:bold;margin-bottom:10px;color:#000;}
.header .con .desc .cont{}

.gallery{width:950px;position:absolute;top:104px;left:0;background:url(../images/banner_light.jpg) no-repeat center -42px;}
.gallery .holder{width:425px;height:514px;background:url(../images/bg-ipad.png) no-repeat 0 0;_background:url(../images/bg-ipad-png8.png) no-repeat 0 0;padding:56px 0 0 84px;float:left;}
.gallery .holder .wrap{width:340px;height:454px;overflow:hidden;}
.gallery .holder .wrap ul{height:454px;width:1700px;}
.gallery .holder .wrap ul li{float:left;width:340px;height:454px;}
.gallery .thumbnails{float:left;margin-top:355px;margin-left:-4px;}
.gallery .thumbnails li{width:73px;height:75px;background:url(../images/bg-thumbnails.png) no-repeat center bottom;_background:url(../images/bg-thumbnails-ie.jpg) no-repeat center bottom;float:left;margin:0 4px 0 0;padding-top:10px;}
.gallery .thumbnails li a{width:57px;height:56px;background:url(../images/img_bg.png) no-repeat 0 0;_background:url(../images/img_bg_png8.png) no-repeat 0 0;display:block;padding-top:1px;margin:0 auto; cursor:pointer;}
.gallery .thumbnails li a:hover{height:58px;width:61px;padding-top:3px;background:url(../images/img_bg_hover.png) no-repeat 0 0;_background:url(../images/img_bg_hover_png8.png) no-repeat 0 0;}
.gallery .thumbnails li a img{width:55px;height:55px;display:block;margin:0 auto;}
.gallery .thumbnails li.active{background:url(../images/bg-thumbnails-active.png) no-repeat center bottom;_background:url(../images/bg-thumbnails-active-ie.jpg) no-repeat center bottom;padding-top:0;height:85px;}
.gallery .thumbnails li.active a,.gallery .thumbnails li.active a:hover{background:url(../images/img_bg_active.png) no-repeat 0 0;_background:url(../images/img_bg_active_png8.png) no-repeat 0 0;height:58px;width:61px;padding-top:3px;}

.pro-mask{background:url(../images/pro-mask.png) no-repeat 0 0;_background:url(../images/pro-mask-png8.png) no-repeat 0 0;width:340px;height:454px;position:absolute;top:56px;left:84px;z-index:99;}

.content,.footer .con{width:866px;margin:10px auto;}
.content{padding-top:60px;}
.content p{margin-bottom:20px;}
.content p.nb{margin-bottom:0;}
.content h1{margin:20px 0;color:#000;font-size:14px;font-weight:bold;}
.content h3{margin:10px 0;color:#333;font-size:12px;font-weight:bold;}
.content ul li{margin:0 70px 25px 0;display:inline;float:left;}
.content ul li.last{margin-right:0;}

.dot{background-color:#ccc;width:5px;height:5px;display:inline-block;font-size:0;line-height:0;overflow:hidden;position:relative;margin-right:8px;margin-bottom:2px;}

.content dl{margin-bottom:30px;}
.content dl dt{font-size:14px;font-weight:normanl;margin-bottom:10px;color:#000;}
.content dl dd{}

.about,.case,.contact{border-bottom:1px solid #e0e0e0;padding-bottom:35px;margin-bottom:35px;}
.contact{border-bottom:medium none;}

.maintit{position:absolute;top:219px;right:52px;z-index:99;}
.maintit .tit{width:386px;height:62px;background:url(../images/himarking.png) no-repeat 0 0;_background:url(../images/himarking_png8.png) no-repeat 0 0;text-indent: 100%;white-space: nowrap;overflow: hidden;}
.maintit .tit2{font-size:18px;margin-bottom:20px;}
.maintit .description{color:#666;font-style:italic;margin-bottom:20px;width:340px;height:36px;overflow:hidden;}
.maintit .go{}
.maintit .go a{display:block;color:#fff;font-size:12px;width:85px;height:24px;line-height:24px;padding-left:14px;background:url(../images/go.png) no-repeat left top;}
.maintit .go a:hover{background:url(../images/go.png) no-repeat left bottom;text-decoration:none;}

.footer{padding-top:35px;height:68px;overflow:hidden;background:#252222 url(../images/footerbg.png) repeat-x left bottom;color:#666;}
.footer .copyright{float:left;}
.footer .link{float:right;}
.footer .link a{color:#999;margin:0 6px;}
.footer .link a:hover{color:#fff;}

/*返回顶部*/
address, caption, cite, code, dfn, em, th, var, b, i, s {font-style: normal;font-weight: normal;}
.hide{border: 0 none !important;clip: rect(1px, 1px, 1px, 1px);height: 1px !important;overflow: hidden;padding: 0 !important;position: absolute !important;width: 1px !important;}
.toTop{right:0;bottom:0;_bottom:auto;width:36px;height:82px;position:fixed;_position:absolute;z-index:1;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
*html{background-image:url(about:blank);background-attachment:fixed;}
a.tohome,a.totop,a.tohome:hover,a.totop:hover{background: url(../images/top.png) no-repeat 0 0;_background: url(../images/top.gif) no-repeat 0 0;display:block;width:36px;height:36px;position:relative;}
a.totop{margin-bottom:5px;}
a.totop{background-position:-36px 0;}
a.tohome:hover{background-position:-72px 0;}
a.totop:hover{background-position:-108px 0;}