﻿.probanner { background-color: #f7f6f6; margin-top: -5px; overflow: hidden; } 
.picprobn { position: relative; overflow: hidden; } 
.picprobn .pic { position: relative; z-index: 0; } 
.picprobn .pic img { width: 100%; height: 100%; display: block; } 
.picprobn .hd { width: 100%; position: absolute; bottom: 10px; text-align: center; z-index: 1; height: 15px; } 
.picprobn .hd li { margin: 0 5px; background-color: #ffffff; height: 15px; overflow: hidden; width: 15px; cursor: pointer; display: inline-block; *display: inline; zoom: 1; } 
.picprobn .hd .on { background-color: #ffbb18; } 
.bgprobn { background: url(img/bg_probanner.jpg) center top no-repeat; height: 55px; } 
.protop .tspec,.protop dl { float: left; height: 100%; margin-bottom: 10px; } 
.protop .tspec a,.protop .tspec a:hover { color: #ffffff; } 
.protop .tspec .boxs { width:365px; height:100%; display:block; text-align:center; overflow:hidden; } 
.protop .tspec .boxs img { width: 100%; height: 100%; } 
.protop .tspec .boxs .top { width:100%; background:url(img/bg_prospec.png) no-repeat; left:0; top:-150px; z-index:10; margin:0 auto; } 
.protop .tspec .boxs .bottom { width:100%; background:url(img/bg_prospec.png) 0 -140px no-repeat; left:0; bottom:-170px; z-index:10; white-space: nowrap; text-transform: uppercase; font: bold 20px/48px "microsoft yahei"; } 
.protop dl { background-color: #f7f6f6; text-align: center; line-height: 20px; font-family: "microsoft yahei"; } 
.protop dl img,.protop dl dd,.protop dt,.protop div.more { float: left; width: 100%; } 
.protop dl.w300,.protop dl.w260 { overflow: hidden; } 
.protop dl.w300 img { width: 300px; height: 150px; } 
.protop dl.w260 img { width: 260px; height: 150px; } 
.protop dl dt { padding-top: 20px; font: bold 24px/30px "arial"; } 
.protop dl a.more { display: block; width: 140px; font: bold 14px/28px "inherit"; margin: 20px auto 30px; border: 1px solid #a3a3a3; height: 28px; overflow: hidden; } 
.cprolist { width: 100%; height: 313px; margin-top: 40px; float: left; overflow: hidden; position: relative; } 
.cprolist h2 { background: url(img/bg_cpro_h.png) no-repeat; margin-bottom: 30px; text-indent: 60px; font: bold 20px/40px "microsoft yahei"; border-bottom: 1px solid #eaeaea; overflow: hidden; } 
.cprolist h2 span { float: right; font: normal 14px/40px "microsoft yahei"; padding-right: 10px; } 
.floor2 h2 { background-position: 0 -40px; } 
.floor3 h2 { background-position: 0 -80px; } 
.floor4 h2 { background-position: 0 -120px; } 
.floor5 h2 { background-position: 0 -160px; } 
.cprolist .img,.pitems { float: left; } 
.cprolist dl { width: 212px; margin-left: 25px; } 
.cprolist dl dt { margin-top: 12px; height: 187px; } 
.cprolist dl dt img { width: 212px; height: 147px; } 
.cprolist .img { margin-right: 7px; } .cprolist .img img { width: 235px; height: 242px; } 
.cprolist dl dd a { margin: 0 11px; _margin: 0 8px; } 
.proleft { float: left; overflow: hidden; } 
.prott { margin-top: 40px; float: left; border: 10px solid #f5f3f4; position:relative; zoom:1; overflow:hidden; } 
.prott .bimg img { float: left; } 
.prott .intro { height: 100%; float: right; color: #666; } 
.prott .intro h1 { font: bold 20px/40px "microsoft yahei"; margin-top: 15px; } 
.prott .intro p { margin-top: 10px; line-height: 26px; } 
.prott .intro span { display: block; width: 120px; font: normal 14px/30px "microsoft yahei"; border: 1px solid #ea2622; float: left; margin: 20px 20px 0 0; } 
.prott .intro span.order { background: url(img/icon-list.png) 2px -569px no-repeat #ea2622; text-indent: 48px; } 
.prott .intro span.order a { color: #ffffff; font-weight: bold; } 
.prott .intro span.download { background: url(img/icon-list.png) 2px -615px no-repeat; text-indent: 48px; } 
.prott .intro span.download a { color: #ea2622; } .prolist { float: left; overflow: hidden; } 
.prolist dl { margin-top: 30px; } 
.prolist dl dd a { margin: 0 20px; _margin: 0 15px; } 
.pitems dt { border-bottom: 1px dashed #a3a3a3; overflow: hidden; } 
.pitems dt img,.pitems dt span { display: block; float: left; } 
.pitems dt span { width: 100%; font: bold 14px/40px "microsoft yahei"; text-align: center; } 
.pitems dd a { display: block; line-height: 35px; font-family: "microsoft yahei"; width: 48px; float: left; text-indent: 20px; background: url(img/icon-list.png) no-repeat; } 
.pitems .i1 { background-position: -15px -392px; } 
.pitems .i2 { background-position: -15px -430px; } 
.pitems .i3 { background-position: -15px -469px; } 
.cppage { width: 100%; margin-top: 40px; } 
.cpbox { float: left; border: 1px solid #dedede; padding: 5px; } 
.cppics{ width:100%; height:100%; position:relative; overflow:hidden; } 
.cppics .bd li{ vertical-align:middle;} 
.cppics .bd li img{ display:block;} 
.cppics .hd{ position: absolute; left:32px; bottom:10px; background: url(img/bg_btpro_hv.png) repeat; padding: 5px 10px; display: none;} 
.cppics .hd ul{ vertical-align:middle; float: left; display:inline-block; *display:inline; overflow:hidden; zoom:1;} 
.cppics .hd ul li{position:relative; float:left; display:inline; margin: 0 10px; cursor:pointer;filter:alpha(opacity=80);opacity:0.8;} 
.cppics .hd ul li img{ border:2px solid #a3a3a3; display:block;} 
.cppics .hd ul li.on{ filter:alpha(opacity=100);opacity:1;} 
.cppics .hd ul li.on img{ border:2px solid #f1f1f1;} 
.cppics .prev,.cppics .next{ display:block; width:20px; height:26px; float: left; background:url(img/icon_pro.png) 3px -58px no-repeat; overflow:hidden;} 
.cppics .next{ left:auto; right:10px; _right:0px; background-position:-107px -58px; } 
.cpintro { float: right; position: relative; overflow: hidden; } 
.cpintro dl {border-bottom:1px #ccc dashed; font-size:16px; padding-bottom:12px; _height: 120px; overflow:hidden;} 
.cpintro dl dt,.cpintro dl dd {float:left; overflow:hidden;} 
.cpintro dl dt {width:128px; font-weight:bold;} 
.cpintro .text {margin-top:12px; line-height:24px;} 
.cpintro .text span {font-weight:bold; font-size:16px;} 
.cpintro .price { background:url(img/bg_propage_tel.jpg) no-repeat; width: 383px; height:63px; position:absolute; left:0; bottom:0px;} 
.cpintro .price,.cpintro .price a { font: normal 14px/36px "microsoft yahei"; color: #ffffff; } 
.cpintro .price a {float:left;display:block; text-indent: 58px; width:135px; height:40px; overflow:hidden;} 
.cpintro .price span { float:left; display:block; text-indent:40px;} 
.cpintro .price span em { font-weight: bold; } 
.cpintro .file { position:absolute; right:0; bottom:22px; background-color: #fff; width: 89px; height: 60px; } 
.cpintro .file span { display: block; float: left; width: 100%; text-align: center; font-weight: bold; line-height: 1000px; height: 30px; overflow: hidden; } 
.cpintro .file a { display: block; width: 22px; height: 30px; float: left; background: url(img/icon-list.png) 0 -666px no-repeat; margin-left: 15px; _margin-left: 9px; } 
.cpintro .file a.doc { background-position: -23px -666px; } 
.cpnav { height: 50px; z-index: 999;position:relative; top:0px; background-color: #efefef;} 
.cpnavbox { float: left; width: 720px; } 
.cpnavbox li { float: right;width: 119px; _width: 120px; font: bold 14px/50px "microsoft yahei";text-align: center; margin-right: 1px; _margin-right: 0px; cursor:pointer;} 
.cpnavbox li.on {background-color: #cecece; color: #666;} 
.cpnav .viewcd { text-indent: 10px; width: 155px; _padding-left: 10px; float: right; font: normal 12px/50px "inherit"; position: relative; background-color: #f8f8f8; } 
.cpnav .viewcd span { display: block; width: 55px; height: 50px; float: right; background: url(img/icon_pro.png) -75px -102px no-repeat; } 
.cpnav .viewcd .code { position: absolute; left: 0px; _left: 5px; top: 50px; z-index: 999; display: none; } 
.cpnav .viewcd .code img { width: 155px; height: 155px; float: left; } #cpcont { line-height: 26px; } 
#cpcont .pw { padding-top: 30px;} 
#cpcont h2 { width: 100%; height: 35px; background: url(img/bg_propage_h.png) 0px 27px repeat-x; } 
#cpcont h2 span { display: block; width: 124px; font: bold 16px/35px "microsoft yahei"; color: #ffffff; text-indent: 27px; background: url(img/icon_pro.png) 0px 2px no-repeat; } 
#cpcont p { margin: 10px 0; text-indent: 26px; } 
#cpcont .advan dl dt { background: url(img/icon-list.png) -13px -696px no-repeat; font: bold 14px/48px "inherit"; text-indent: 26px; margin-top: 10px; } 
#cpcont .btpro { margin-top: 20px; } 
#cpcont .btpro .btx { line-height: 22px; } 
.othpro { float: left; margin-top: 20px; overflow: hidden; } 
.othpro h3 { font-size: 16px; margin-bottom: 5px; } 
.othpro .bimg img { float: left; padding: 2px; border: 1px solid #cfcfcf; } 
.othpro .intro { float: right; }
.cporder,.cpcontact { height: auto;overflow: hidden;padding-bottom: 30px;} 
.cporder .zxdga{margin-top: 30px;}
.cporder .zxdga table{}
.cporder .zxdga table tr{line-height:50px; height: 50px;}
.cporder .zxdga table tr td{line-height:50px; height: 50px;}
.cporder .zxdga table tr td input{line-height:30px; height: 30px;}
.cpcontact { margin-right: 40px;background: url(img/bg_propage_map.jpg) right bottom no-repeat; font-family: "microsoft yahei"; font-size: 14px;width: 550px; } 
.cpcontact span,.cpcontact em { display: block; color: #ea2622; font-style: normal; } 
.cpcontact strong { display: block; font-size: 20px; line-height: 42px; margin-top: 5px; } 
.cpcontact span { font-size: 36px; font-weight: bold; line-height: 42px; } 
.cpcontact dl { margin-top: 12px; line-height: 32px; width: 330px; z-index: 888;float: left;background-color: #333;} 
.cpcontact dl dt,.cpcontact dl dd { float: left; } 
.cpcontact dl dt { width: 70px; margin-right: 30px; font-weight: bold; border-bottom: 1px #efefef dashed;color: #c33; } 
.cpcontact dl dd { width: 230px; border-bottom: 1px #efefef dashed; color: #666;} 
#cpcont .cpcontact .lxxx p{color: #666;height: 30px;margin-bottom: 10px;text-indent: 0;font-size: 16px;}
#cpcont .cpcontact .lxxx p b{color: #c33;}
.proform { font: bold 14px/26px "microsoft yahei"; margin: 20px 0 0 27px; } 
.proform ul input,.proform ul textarea { border: 1px solid #e0e0e0; line-height: 26px; padding: 0 5px; margin-left: 10px; font-family: "microsoft yahei"; } 
.proform ul input { height: 26px; } 
.proform textarea { height: 78px; float: left; margin-bottom: 15px; overflow: hidden; } 
.proform ul { overflow: hidden; } 
.proform ul li { margin-bottom: 10px; } 
.proform ul li span { float: left; } 
.proform .submit { float: left; padding-left: 80px; overflow: hidden; } 
.proform .submit input { width: 95px; line-height: 30px; *line-height: 26px; *height: 26px; color: #d6d6d6; margin-right: 20px; color: #595c68; font-family: "microsoft yahei"; cursor: pointer; } 
.proform .submit input.sub { color: #ffffff; background-color: #fb4646; } /* product table */ #cpcont h2.para { margin-bottom: 20px; } 
.protype ul { height: 40px; } 
.protype ul li { float: left; line-height: 40px; font-size: 14px; text-align: center; cursor: pointer; font-weight: bold; border-top: 1px #dcdcdc solid; border-left: 1px #dcdcdc solid; border-right: 1px #dcdcdc solid; padding: 0 60px; -moz-border-radius: 20px 20px 0px 0px; -webkit-border-radius: 20px 20px 0px 0px; border-radius: 20px 20px 0px 0px; } 
.protype .hit { background: #ff501a; color: #ffffff; border-top: 1px #ff501a solid; border-left: 1px #ff501a solid; border-right: 1px #ff501a solid; } 
.protype .tab { clear: both; } 
.protype .tab .list { display: none; } 
.prospec { width: 100%; } 
.prospec td { line-height: 39px; border: 1px #dcdcdc solid; text-align: center; } 
.prospec td img { vertical-align: middle; } 
.prospec .mhover { background-color: #f6f6f6; } 
.prospec .top td { font-weight: bold; background-color: #f6f6f6;}