/* CSS Document */

/*product*/
.main_about{ width:1004px; margin:0 auto 15px auto;}
.main_about01{width:100%;margin:0 auto;height:200px;}
.main_about02{ margin-top:10px; overflow:hidden}
.main_aboutleft{ float:left; width:252px}
.main_aboutleft01{ width:240px; background:#F8F8F8}
.main_aboutleft h3{ background:url(../images/proleft.gif) no-repeat; color:#ffffff; height:35px; line-height:35px; font-size:14px; padding-left:20px;}
.main_aboutleft h4{ width:220px; height:30px; line-height:30px; background:#CCCCCC; padding-left:20px;}
.main_aboutleft h4 a{ color:#cc0000;}
.main_aboutleft h4 a:hover{ color:#af1934; text-decoration:underline}
.main_aboutleft h5{ height:30px; line-height:30px; background:url(../images/h5bg.gif) 15px 29px no-repeat; font-size:12px;}
.main_aboutleft h5 a{background: url(../images/jtbg.gif) no-repeat 10px 11px transparent; color: #4C4C4C; display: block; height: 30px; text-indent: 20px;}
.main_aboutleft h5 a:hover{ color:#af1934;}

.main_aboutleft02 ul li{ background: url(../images/redk.gif) no-repeat 23px 10px transparent; width:240px; height:25px; line-height:25px; overflow:hidden; text-indent:33px; text-overflow:ellipsis; white-space:nowrap;}
.main_aboutleft01 ul li a{ color:#666666}
.main_aboutleft01 ul li a:hover{ color:#ff0000;}
.main_aboutright{ float:right; width:750px;}
.main_aboutrighttop{ background:url(../images/righttop.gif) no-repeat; height:8px;}
.main_aboutrightbottom{ background:url(../images/rbottom.gif) no-repeat; height:8px;}

.main_aboutrightcenter{ border:1px solid #d5d5d5; border-top:none; border-bottom:none; overflow:hidden}
.main_aboutcenter{ width:730px; margin:0 auto;}
.main_aboutcentertop{ height:27px; line-height:24px; color:#ffffff; font-family:"微软雅黑"; font-size:13px; padding-left:30px; background:url(../images/rtop.gif) no-repeat;}
.main_aboutcenterall{ margin-top:25px}
.main_aboutcenterall01,.main_aboutcenterall02{ margin-top:25px; min-height:320px;}
.main_aboutcenterall dl{ width:350px; height:137px; margin:0px 8px 10px 5px; border:1px solid #ccc; float:left; background:url(../images/dtbg.gif) repeat-x;}
.main_aboutcenterall dl dt:hover{ border:1px solid #ff0000;}
.main_aboutcenterall dl dt{ width:140px; height:96px; float:left; border:1px solid #EFEFEF; margin:20px 0px 0px 10px}
.main_aboutcenterall dl dt img{ width:140px; height:96px;}
.main_aboutcenterall dl dd{ margin-top:20px; width:170px; height:96px; overflow:hidden; float:right; line-height:18px; margin-right:10px;}
.main_aboutcenterall dl dd a:hover,.main_aboutcenterall dl dd a{ color:#ff0000}
.main_aboutcenterall dl dd strong{ display:block; height:20px; line-height:20px; margin-bottom:3px; border-bottom:1px dotted #cccccc;overflow:hidden;}
.main_aboutcenterall dl dd strong a{ color:#0362b4}
.main_aboutcenter01 img{ max-width:725px;}
.main_aboutcenter02{ line-height:20px; color:#6B6B6B}
.main_aboutcenter02 h3{ height:30px; background:#eeeeee; margin-bottom:15px;}
.main_aboutcenter02 h3 span{ display:block; font-weight:normal; width:100px; height:30px; line-height:30px; text-align:center; background:#0362b4; color:#ffffff}
.main_detail tr td { border: 1px solid #999999; line-height: 24px; overflow: hidden;}
.main_detail table { border: 1px solid #999999; border-collapse: collapse; empty-cells: show; table-layout: fixed; text-align: center;}
.main_aboutleft03{ width:240px; margin-top:20px;}

#preview{ text-align:center; width:400px; float:left; margin-bottom:20px; margin-top:20px;}
.jqzoom{ width:400px; height:300px; position:relative;}
.jqzoom img{ width:400px; height:300px;}
.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:400px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:325px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:370px; margin-right:6px;}
#spec-list div{ margin-top:0; *margin-left:0;}

#preview01{ float:right; width:320px; overflow:hidden; margin-top:20px;}
.producr_title{ width:320px; height:30px; overflow:hidden; line-height:30px; font-size:15px; font-weight:bold; color:#cc0000}
.producr_detail{ line-height:20px;}

#con01 { MARGIN:0px auto 20px auto; WIDTH:730px}
#tags01 { PADDING:0px; MARGIN: 0; WIDTH:730px; HEIGHT:30px}
#tags01 LI { FLOAT:left; text-align:center; width:120px; HEIGHT:30px; background:url(../images/probg.jpg) no-repeat; FONT-SIZE:15px;  font-family:"微软雅黑"; margin-right:4px;}
#tags01 LI A {FLOAT:left; color:#ffffff; LINE-HEIGHT:30px; width:120px; HEIGHT:30px; }
#tags01 LI.selectTag01 { POSITION:relative; HEIGHT:30px; background:url(../images/probg01.jpg) no-repeat; color:#FFFFFF}
#tags01 LI.selectTag01 A { COLOR:#fff; LINE-HEIGHT:30px; HEIGHT:30px}
#tag01Content{ border:1px solid #eeeeee; overflow:hidden; min-height:250px; padding-bottom:20px;}
.tag01Content { DISPLAY:none; WIDTH:710px; margin:10px auto; COLOR:#474747; line-height:20px;}
.tag01Content img{ max-width:700px;}
.tag01Content table{border-collapse: collapse; text-align:center}
#tag01Content DIV.selectTag01 {	DISPLAY: block}
.tag01Content01{ margin-bottom:20px;}

.main_download{ height:35px; line-height:35px; font-size:15px; font-weight:bold; background:#eeeeee; border:1px solid #cccccc}
.main_download01{ border:1px solid #cccccc; background:#eeeeee; height:35px; line-height:35px; width:150px; font-size:14px; font-weight:bold;}
.main_download02{ border:1px solid #cccccc; height:35px; line-height:35px; width:350px;}
.main_download03{ border:1px solid #cccccc;}

#con{ margin-bottom:10px;}
#tags { font-size: 14px; height: 35px; width: 244px; margin-top:5px;}
#tags LI { background:#0362B4; display: block; float: left; font-weight: bold; height: 35px; width: 122px;}
#tags LI A { color: #FFFFFF; display: block; height: 35px; line-height: 35px; text-align: center;}
#tags LI A:hover { color: #FFFFFF; float: left; height: 35px; line-height: 35px; text-align: center;
width: 120px;}
#tags LI.selectTag { background:#AF1934; color: #FFFFFF; height: 35px; position:relative;}
#tags LI.selectTag A { color: #FFFFFF; height: 35px; line-height: 35px;}
.tagContent { background:#ffffff; color: #474747; display: none; height: 32px; line-height: 22px; width: 215px;}
.tagContent .search { border: medium none; height: 25px; width: 220px;}
.tagContent span { float: right;}
#tagContent { height:32px; border:2px solid #AF1934; width:240px; margin-top:5px;}
#tagContent DIV.selectTag { display: block;}
input.sertxt { border: medium none; color: #999999; height: 32px; line-height: 32px; padding: 0 10px; width: 180px;}
input.serbtn { background: url(../images/serbg.gif) no-repeat scroll -200px 0 transparent;
border: medium none; cursor: pointer; height: 32px; margin: 0; padding: 0; width: 40px;}

/*售后服务*/
.modal-header { border-bottom: 1px solid #EEEEEE; padding: 9px 15px; margin-bottom:10px;}
.modal-header h4 { font-size:18px; color:#666666; display:block; font-weight:bold;}
.modal-header01{ height:200px;}
.modal-header01left{ width:200px; text-align:right; float:left}
.modal-header01left ul li{ height:50px; line-height:50px;}
.modal-header01right{ width:510px; float:right}
.modal-header01right ul li{ height:50px; line-height:50px;}
.input-xlarge{ background: #FFFFFF; border: 1px solid #CCCCCC; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; border-radius: 4px 4px 4px 4px; color: #555555; display: inline-block;  font-size: 14px; width:250px;  height: 20px; line-height: 20px; margin-bottom: 10px;  padding: 4px 6px; vertical-align: middle;}
.input-xlarge01{ background: #FFFFFF; border: 1px solid #CCCCCC; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; border-radius: 4px 4px 4px 4px; color: #555555; display: inline-block;  font-size: 14px; width:250px; min-height:50px; line-height: 20px; margin-bottom: 10px;  padding: 4px 6px; vertical-align: middle;}
.modal-footer { background-color: #F5F5F5; border-radius: 0 0 6px 6px; border-top: 1px solid #DDDDDD;
box-shadow: 0 1px 0 #FFFFFF inset; padding: 14px 15px 15px; text-align: right;}

.main_aboutproducttitle{ color:#cc0000; font-weight:bold; line-height:25px;}
.main_aboutproductall{ height:190px; border:1px solid #f1f1f1; background:#f9f9f9; margin-bottom:20px;}
.main_aboutproductall01{ width:710px; margin:0 auto}
#demo{ line-height:240%;}
#demo a{ color:#666666}
#demo img {  border: 1px solid #D6D6D6; height: 123px; margin-right: 12px; padding: 10px; width: 180px;}


/*体验中心*/
#content {	width:950px; height:600px; margin:0 auto; background:#f1f1f1; overflow:hidden; }
#gallery_nav a:hover,#gallery_nav01 a:hover{ background:none;}
#gallery_nav a,#gallery_nav01 a{ background:none; display:block; width:110px; height:100px; padding:0; margin:0}
#gallery_nav01{ float: right; width: 110px; text-align:center; margin-top:20px;}
#gallery_nav { float: left; width: 110px; text-align:center; margin-top:20px;}
#gallery_nav img,#gallery_nav01 img{ width:100px; height:90px;  border:1px solid #cc0000;}
#gallery_output{ float:left; width:730px; height:480px; overflow:hidden;}
#gallery_output img{ display:block; margin:40px auto 0 auto; width:710px; height:469px;}

#show{width:1000px; height:600px; display:none; overflow:hidden; position:absolute; background:#f1f1f1;z-index:11;zoom:1; margin-left:-750px;  margin-top:-270px;}
#show h3{background:#f1f1f1; color:#f1f1f1; padding:5px;}
/*#show h3 img{ float:right; display:block;}*/
#show span{position:absolute;right:5px; top:3px; width:30px; height:30px;font-size:0px; display:block; cursor:pointer; color:#fff;font-weight:bold; background:url(../images/close.png) no-repeat}
#show p{padding:0; margin:0}
#text{font-size:12px;text-indent:2em;line-height:20px;}
#bgbox{position:absolute;left:0;top:0;background:#000;filter:alpha(opacity=30);opacity:0.6;z-index:10}

/*case*/
.main_aboutcenterall02 dl{ width:350px; height:137px; min-height:138px; border:1px solid #CCCCCC; margin-bottom:15px; background:url(../images/casebg.gif) repeat-x; margin: 0 8px 10px 5px; float:left}
.main_aboutcenterall02 dl dt{ width:140px; height:96px; float:left; border:1px solid #EFEFEF; margin:20px 0px 0px 15px}
.main_aboutcenterall02 dl dt img{ width:140px; height:96px;}
.main_aboutcenterall02 dl dt:hover{ border:1px solid #ff0000}
.main_aboutcenterall02 dl dd{ width:170px; height:96px; line-height:18px; overflow:hidden; float:right; margin-top:25px; margin-right:10px; color:#666666}
.main_aboutcenterall02 dl dd strong{ display:block; width:160px; height:20px; overflow:hidden; margin-bottom:5px; border-bottom:1px dotted #cccccc}
.main_aboutcenterall02 dl dd strong a{ color:#0362B4}
.main_aboutcenterall02 dl dd strong a:hover{ color:#ff0000}
.main_about07{ line-height: 20px; text-align: justify;}
.main_about07 img { display: block;  margin: 0 auto ;  max-width: 730px;}
.main_aboutproductall02{ min-height:50px; overflow:hidden; border:1px solid #f1f1f1; background:#f9f9f9; margin-bottom:20px;}
.main_aboutproductall02 ul{ width:710px; margin:0 auto;}
.main_aboutproductall02 ul li{ float:left; width:320px; background:url(../images/newicon.jpg) left 8px no-repeat; height:30px; line-height:30px; padding-left:30px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.main_aboutproductall02 ul li a{ color:#000000}
.main_aboutproductall02 ul li a:hover{ color:#cc0000; text-decoration:underline}
.main_aboutproductall02 ul li span{ float:right; width:70px; color:#CCCCCC}

#tbody {width:650px;margin:20px auto;text-align:left;}
#mainbody {width:640px; margin: 0px 5px; border:1px solid #cccccc; padding:1px}
/*#mainbody img{ max-width:500px; max-height:330px;}*/
#mainphoto {cursor:pointer;display:block;}
#goleft {float:left;clear:left;margin:10px 5px 0 3px;}
#goright {float:right;clear:right;margin:10px 3px 0 5px;}
#photos {width:580px;height:58px;line-height:54px;margin:0;overflow:hidden; padding-top:12px;}
#mainbody01{ height:80px;}
#showArea img {display:block;float:left;margin:1px 17px 0px 0px;cursor:pointer;border:1px solid #cccccc}
.txt_1 {color:#fff;}

/*about*/
.main_aboutleft04 strong{ display:block; background:url(../images/proleft.gif) no-repeat; color:#ffffff; height:35px; line-height:35px; font-size:14px; padding-left:20px;}
.main_aboutleft04 ul{ width:240px; background:#F8F8F8; margin-bottom:10px;}
.main_aboutleft04 ul li{ background:url(../images/h5bg.gif) no-repeat; width:240px; height:30px; line-height:30px;}
.main_aboutleft04 ul li a{ display:block; background: url(../images/jtbg.gif) 10px no-repeat; padding-left:23px; color:#4C4C4C; font-weight:bold;}
.main_aboutleft04 ul li a:hover{ color:#AF1934;}
.main_about03{ text-align:justify; text-justify:inter-ideograph; line-height:20px; height:auto !important;min-height:500px;_height:500px;}
.main_about03 .strong{ color:#0362B4; font-weight:bold;}
.main_about03 ul li{ width:210px; height:316px; float:left; margin:0px 15px 10px 15px;}
.main_about03 ul li p{ width:210px; height:30px; line-height:30px; margin-top:-6px; text-align:center; overflow:hidden}
.main_about03 ul li img{ width:210px; height:286px; text-align:right}
.strong01{ margin-top:15px; overflow:hidden}
.strong01 .strong_left{ width:350px; float:left;}
.strong01 .strong_right{ width:350px; float:right}


/*news*/
.main_about03 dl{ height:130px; border-bottom:1px dotted #CCCCCC; margin-bottom:15px;}
.main_about03 dl dt{ width:180px; float:left}
.main_about03 dl dt img{ width:160px; height:120px;}
.main_about03 dl dd{ width:550px; height:95px; overflow:hidden; margin-top:10px; float:right}
.main_about03 dl dd strong{ padding:0; margin:0; display:block; width:400px; overflow:hidden; height:30px; line-height:30px;}
.main_about03 dl dd a{color:#0362B4}
.main_about03 dl dd a:hover{ color:#AF1934}
.main_about03 dl dd h6{ font-size:12px; width:80px; line-height:30px; float:right; color:#999999; font-weight:normal; margin-right:10px;}
.main_about04{ height:35px; text-align:center; font-size:14px; font-weight:bold; line-height:35px; color:#0362B4; /* background:url(../images/new_list.jpg) no-repeat*/}
.main_about05{ height:30px; text-align:center; font-size:14px; line-height:30px; border-bottom:1px dotted #cccccc}
.main_about06 img{ max-width:730px; display:block; margin:0 auto}
.main_aboutcenterall01 .main_news01 dl{ background:url(../images/newsbg.jpg) no-repeat; width:170px; height:130px; float:left; margin:0px 7px 15px 5px;}
.main_aboutcenterall01 .main_news01 dl dt{ width:170px; height:104px;}
.main_aboutcenterall01 .main_news01 dl dt img{ width:160px; height:62px; display:block; padding-left:5px; padding-top:23px;}
.main_aboutcenterall01 .main_news01 dl dd{ height:25px; width:170px; line-height:25px; text-align:center; overflow:hidden}
.quest_borderbt { border-bottom: 1px solid #D5D5D5; padding: 6px 7px;}

/*page*/
.page{ margin-top:20px;  margin-bottom:10px;}
.page ul li{ line-height:30px; height:30px;}
.page ul li a{ color:#000099;}
.page ul li a:hover{ color:#dd4545; text-decoration:underline}
.pageJump{ line-height:20px; padding:10px 0; text-align:left; width:100%; overflow:hidden}
.pageJump .totalcount { float: left;}
.pageJump .jump { float:right; height:20px; line-height:20px;}
.pageJump .number {float:right;}
.textInput { border-right:1px solid #8DB5D7; color:#000000;  width:25px;}
.FrontNews_list01-d1_c1 A:link { color: #0066CC; text-decoration: none;}
.pageJump A { border-right: 1px solid #8DB5D7; color: #000000; margin-right: 2px; padding: 2px 5px;  text-decoration: none;}
.pageJump .number A { border: 1px solid #D3D3D4;  color: #666666 !important; float: left; height: 15px; line-height: 15px; text-decoration: none;}
.pageJump .number A:hover { background:#eeeeee; border: 1px solid #618eab; color:#666666 !important; float: left; height: 15px; line-height: 15px; text-decoration: none;}
.pageJump .number .current { background: url(../images/bgpage-01.gif) repeat-x scroll 0 -87px ;    border: 1px solid #D3D3D4; color: #666666 !important;}
.pageJump .number SPAN { float: left; height: 15px; line-height: 15px;}
.pageJump SPAN.current { background: #E89954; border: 1px solid #E89954;  color: #000000; font-weight: bold; margin-right: 2px; padding: 2px 5px;}
.pageJump01{ line-height:20px; padding:10px 0;}

.txt_sb a,.txt_b{ color:#666666}