@charset "utf-8";
body { font-family:"微软雅黑",arial; color:#414141; font-size: 12px; line-height: 24px; background:#ffffff; min-width:1200px; }
html, body, div, span, ul, li, ol, dl, dt, dd, p, form, pre, blockquote, h1, h2, h3, h4, h5, h6, input, img, a { margin: 0; padding: 0; }
* { margin: 0; list-style: none; padding: 0; }
ul li { list-style: none; }
img { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { color:#414141; text-decoration: none;}
a:hover { color:#c3181e; text-decoration: none; }
.clear { clear: both; margin: 0 0; padding: 0 0; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px; }
.pt50 { padding-top:50px; }
.main{ width:1200px; margin:0 auto; overflow:hidden;}
.fr { float:right; }
.fl { float:left; }
input, textarea, button{ border:0; font-family:"微软雅黑";}
input:focus { outline:none; }
textarea:focus{ outline:none;}
#feedback_form table tr td{ padding:5px 0;}
/***top***/
.toper{ width:100%; height:34px; line-height:34px; border-bottom:1px #e5e5e5 solid;}
.toper .top{ width:1200px; height:34px; margin:0 auto;}
.toper .top .stmenu1{ width:auto; float:right; position: relative; overflow: visible; z-index: 99; background:url(../images/phone.jpg) no-repeat left center;height:34px; line-height:34px; font-size:12px; padding-left:18px; margin-right:24px;}
.toper .top .stmenu1 a.xialaguang { display: inline-block; height:34px; width:auto; line-height:34px; background:url(../images/xiala.jpg) no-repeat right center; padding-right:18px; }
.toper .top .stmenu1 a.selected, #nav-menu .menu li a.navhover, #nav-menu .menu li a.xialaguang:hover { cursor: pointer; }
.toper .top .stmenu1 .children { display: none; position: absolute; top: 35px; left: 0; width: 105px; background: #FFF; border-top: 0; line-height: normal; z-index:9999; }
.toper .top .home{ width:auto; background:url(../images/home.jpg) no-repeat left center; padding-left:24px;}
/*head*/
.head{ width:1200px; margin:0 auto; height:112px;}
.head .logo{ width:319px; height:89px; margin-top:10px; float:left;}
/*主导航菜单*/
.box { width:850px; height:36px; float:right; margin-top:40px;  }
.box #nav-menu { height:36px; width:850px; margin: 0 auto; }
.box #nav-menu .container { position: relative; overflow: visible; z-index: 99; }
.box #nav-menu .menu li { position: relative; float:right; width:118px; display: inline;}
.box #nav-menu .menu li h3 { display: inline-block; float:right; font-weight:normal; font-size:14px; }
.box #nav-menu .menu li a.xialaguang { display: inline-block; height:36px; width:118px; line-height:36px; text-align:center;}
.box #nav-menu .menu li a.selected, #nav-menu .menu li a.navhover, #nav-menu .menu li a.xialaguang:hover { color: #FFF; cursor: pointer; width:118px; background:#c3181f; }
.box #nav-menu .menu ul.children { display: none; position: absolute; top:37px; left: 0; width:118px; background: #c3181f; line-height: normal; z-index:9999; }
.box #nav-menu .menu ul.children li { width:118px; padding: 0px; display: inline-block; border-bottom: 1px solid #FFF; }
.box #nav-menu .menu ul.children li a { width:108px; overflow: hidden; display: block; color: #FFF; text-align: center; font-size: 12px; padding:10px 5px; }
.box #nav-menu .menu ul.children li a:hover { color:#414141; background:#FFF;}
/*linker*/
.linker{ width:100%; background:url(../images/cp.jpg) repeat-x bottom #FFF; margin-top:55px; padding-bottom:42px;}
.linker .msg{ background:url(../images/msg.png) no-repeat; width:278px; height:342px; float:left; margin-left:85px; padding:23px 40px 0 40px;}
.linker .msg h1{ height:37px; line-height:37px; font-size:16px; color:#c3181f; padding-left:90px;}
.linker #feedback_form1{ width:278px; overflow:hidden; margin-top:22px;}
.linker #feedback_form1 dl{ width:276px; height:33px; border:1px #d6d6d6 solid; margin-bottom:7px;}
.linker #feedback_form1 dl dt{ width:33px; height:33px; float:left; border-right:1px #cccccc solid;}
.linker #feedback_form1 dl dd{ width:242px; height:33px; line-height:33px; float:right;}
.linker #feedback_form1 dl dd input{ width:232px; height:33px; line-height:33px; padding:0 5px;  font-size:12px;}
.linker #feedback_form1 #txtContent{ width:266px; height:54px; border:1px #d6d6d6 solid; padding:5px;}
.linker #feedback_form1 .btn1{ width:278px; height:36px; line-height:36px; border:1px #7d060b solid; background:#c3181f; color:#FFF; margin-top:8px;}
/*link*/
.inn{ width:722px; float:right; height:254px; margin-top:104px;}
#tab{ width:722px; position:relative;position:relative;}
#tab .tab_menu{ width:722px; position:absolute; z-index:1;}
#tab .tab_menu li{ float:left; width:80px; height:20px; line-height:20px; cursor:pointer; font-size:14px; color:#FFF; font-weight:bolder;}
#tab .tab_menu .selected{cursor:pointer; color:#f10b15; }
#tab .tab_box{width:670px;clear:both;top:40px;position:relative; height:150px; border:1px #4b556a solid; padding:25px; color:#d6d6d6; font-size:14px; line-height:32px;}
.hide{display:none;}
.tab_box div a{ padding:0 10px; color:#d6d6d6;}
/*footer*/
.footer{ background:#FFF; width:100%; overflow:hidden; padding:40px 0;}
.footer .fo_l{ float:left; padding:0 50px; border-right:1px #ececec solid; height:178px;}
.footer .fo_l dt a{ font-size:14px; font-weight:bolder;}
.footer .fo_l dd{ font-size:12px; line-height:22px; margin-top:10px; text-align:center;}
.footer .lxwm{ width:auto; float:left; padding-left:50px;}
.footer .lxwm dt{ width:60px; float:left; font-size:14px; font-weight:bolder;}
.footer .lxwm dd{ float:left; padding-left:50px; text-align:left;}
.footer .lxwm dd dl{ width:auto; overflow:hidden; padding-top:10px;}
.footer .lxwm dd dl dt{ width:101px; height:101px; border:1px solid #e2e2e2; float:left;}
.footer .lxwm dd dl dd{ width:auto; overflow:hidden; float:left; margin-left:10px; padding-left:0;writing-mode: tb-rl;}
/*footer*/
.copy{ width:100%; height:32px; line-height:32px; color:#FFF; background:#383838;}
.copy a{ color:#FFF;}

/*站点 浮动返回顶部*/
 
.cd-top { display: inline-block; height: 43px; width: 44px; position: fixed; bottom: 60px; right: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */
overflow: hidden; text-indent: 100%; white-space: nowrap; background: url(/images/back_top.jpg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.cd-top.cd-is-visible { /* the button becomes visible */
visibility: visible; opacity: 1; }
.cd-top.cd-fade-out { /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
opacity: .5; }
.no-touch .cd-top:hover { background-color: #e86256; opacity: 1; }
/*站点 浮动客服*/ 
.keifu img { border: 0; }
.keifu { position: fixed; top: 10%; right: 0; width: 131px; _position: absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom, 10)||0)-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
z-index: 990; }
.keifu_tab { width: 160px; }
.icon_keifu { width: 26px; height: 100px; float: left; background: url(/images/keifu.png) 0 0; position: relative; display: none; cursor: pointer; }
.keifu_box { float: left; width: 131px; }
.keifu_tab img { display: block; }
.keifu_head { width: 131px; height: 41px; background: url(/images/keifu.png); background-position: 0 -103px; font-size: 0; line-height: 0; position: relative; }
.keifu_close:link, .keifu_close:visited { display: block; width: 11px; height: 11px; background: url(/images/keifu.png) -42px 0; position: absolute; top: 5px; right: 5px; }
.keifu_close:hover { background-position: -60px 0; }
.keifu_con { border-left: 7px solid #029bdb; border-right: 7px solid #029bdb; background: #fbfbfb; }
.keifu_con ul { border-bottom: #e6e5e4 1px solid; }
.keifu_con li { padding-left: 12px; }
.keifu_con .li-qq { height: 25px; padding-top: 2px; padding-bottom: 2px; }
.keifu_con .li-tel-title { font-weight: bold; font-size: 12px; height: 29px; line-height: 29px; border-top: 1px solid #dddddd; }
.keifu_con .li-tel-num { font-family: Arial; font-size: 12px; color: #e66d15; line-height: 20px; }
.keifu_con .li-feed-title { font-weight: bold; font-size: 12px; border-top: 1px solid #dddddd; padding-left: 0px; }
.keifu_con .li-feed-title img { padding-left: 0px; width: 117px; }
.keifu_con .li-feed { font-family: Arial; font-weight: bold; color: #e66d15; }
.keifu_con .li-weixin-title { font-weight: bold; font-size: 12px; height: 29px; line-height: 29px; border-top: 1px solid #dddddd; }
.keifu_con .li-weixin { height: 96px; padding-left: 0px; }
.keifu_con .li-weixin img { width: 115px; height: 115px; }
.keifu_con .bt { font-size: 16px; height: 30px; line-height: 30px; text-align: left; padding: 0 0 0 20px; color: #012646; }
.keifu_bot { width: 131px; height: 10px; background: url(/images/keifu.png); background-position: 0 -153px; }
/*左下角 浮动 在线留言*/ 
#SfMessWrap { border: 2px solid #029bdb; padding: 1px; width: 230px; background: #f5f5f5; z-index: 100; position: fixed; left: 2px; bottom: 2px; }
#SfMessHead { background: #029bdb; line-height: 28px; height: 28px; text-indent: 10px; font-size: 12px; color: #fff; text-align: left; cursor: pointer; }
#SfMessHead #SfMessTitle { float: left; }
#SfMessHeadIcon { float: right; width: 23px; height: 25px; margin-right: 2px; background-image: url(/images/icon.png); }
.SfMessIconOpen { background-position: top; }
.SfMessIconClose { background-position: bottom; }
#SfMessBody { width: 230px; height: 225px; padding-bottom: 5px; }
#SfMessBodyTop { display: none; }
#SfMessBodyMid { width: 212px; padding: 0px; margin: 0px auto; margin-top: 5px; }
#SfMessBodyMid input { border: 1px solid #cccccc; background: #ffffff; color: #b89d9d; width: 190px; height: 17px; font-size: 12px; }
#SfMessBodyMid textarea { width: 210px; height: 73px; border: 1px solid #cccccc; background: #ffffff; color: #b89d9d; overflow: hidden; text-align: left; font-size: 12px; padding: 0px; margin: 0px auto; }
#SfMessBodyMid div { margin-top: 3px; height: 20px; }
#SfMessBodyMid .contactmessage { height: 76px; }
#SfMessBodyMid .contactname { padding-left: 20px; background: url(/images/company.gif) no-repeat; }
#SfMessBodyMid .contacttel { padding-left: 20px; background: url(/images/mobile.gif) no-repeat; }
#SfMessBodyMid .contactfrom { padding-left: 20px; background: url(/images/from.gif) no-repeat; }
#SfMessBodyMid .contactemail { padding-left: 20px; background: url(/images/email.gif) no-repeat; }
#SfMessBodyMid .contactvalicode { padding-left: 20px; background: url(/images/other.gif) no-repeat; }
#SfMessBodyMid .contactvalicode input { width: 100px; height: 17px; float: left; }
#SfMessBodyMid .contactvalicode img { height: 19px; border: 1px solid #cccccc; background: #ffffff; color: #b89d9d; float: right; }
.clearboth { clear: both; }
#SfMessBodyMid .must, #SfMessBodyMid .ignore, #SfMessBodyMid .other { padding-left: 20px; background: url(/images/other.gif) no-repeat; }
#SfMessBodyBottom { width: 220px; height: 22px; line-height: 22px; padding: 0px; margin-top: 10px; }
#SfMessSubmit { width: 40px; background: url(/images/send.gif); color: #fff; border: 0; height: 22px; padding: 0px; float: right; }
#SfMessCopy { float: left; height: 22px; line-height: 22px; margin-left: 10px; font-size: 13px; font-weight: bold; color: #666666; padding-left: 25px; background: url(/images/sign.png) left top no-repeat; }
.SfMessTip { display: none; }
#SfMessBodyFoot { display: none; }
/*******内页********/
.flashn{ width:100%; height:377px;}
.left{ width:248px; overflow:hidden; float:left;}
.left .left_top{ height:60px; line-height:60px; color:#FFF; padding-left:20px; font-size:17px; background:url(../images/left_top.jpg) no-repeat; width:228px;}
.left .left_bo{ width:248px; overflow:hidden; margin-top:12px;}
.left .left_bo ul li{ display:block; width:248px; overflow:hidden;}
.left .left_bo ul li a{ display:block; width:208px; overflow:hidden; padding:15px 28px 15px 18px; line-height:20px; border-bottom:1px #e5e5e5 solid; background:url(../images/ioc3.jpg) no-repeat 228px 20px #FFF;}
.left .left_bo ul li a:hover{ border-bottom:1px #2a3852 solid; background:url(../images/ioc4.jpg) no-repeat 228px 20px #2a3852; color:#FFF; display:block;}

.right{ width:904px; overflow:hidden; float:right;}
.right .right_top{ height:40px; line-height:40px; padding:0 17px; font-size:14px; background:#e7e7e7;}
.right .right_top span{ font-size:12px; float:right;}
.right .right_top span .home1{ background:url(../images/home1.jpg) no-repeat left center; padding-left:18px;}
.right .right_bottom{ padding:30px 0; overflow:hidden;}

/*Main Content*/
.MainContent { overflow: hidden; clear: both; }
.nodata{ clear: both; overflow: hidden;}
/*Detail Content*/
.DetailContent { margin: 10px auto; line-height: 24px; color: #333; }
.DetailContent p { padding: 5px; line-height: 25px; }
/*Article List*/
.arList li { border-bottom: 1px solid #d5d5d6; margin-bottom: 15px; line-height: 26px; padding-bottom:10px; }
.arList li h3 { font-size: 18px; font-weight: normal; line-height: 44px; color: #333333;}
.arList li img { width: 107px; height: 80px; float: left; padding-right: 15px; }
.arList .newsl { float: left; width:790px; }
.newsr h2 { font-size: 35px; line-height: 32px; padding-top: 16px; }
.newsr { width: 85px; height: 80px; float: right; background: #e3e3e3; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 16px; }
/*Article Content*/
.arTitle, .arDate, .arKeywords, .arContent { clear: both; }
.arTitle { line-height: 36px; text-align: center; color: Black; }
.arDate { height: 24px; line-height: 24px; text-align: center; }
.arDate span { background: url(../images/data.png) no-repeat left center; padding-left: 25px; }
.arDate span i { font-style: normal; color: #f10b15; }
.arKeywords { height: 24px; margin: 6px auto; line-height: 24px; color: #f10b15; }
.arContent { margin: 10px auto; color: #333; border-bottom: 1px solid #ccc; padding-bottom: 25px; }
.arContent P { font-size: 14px; line-height: 180%; }
/*Exhibit List*/
.ExhibitTagList { clear: both; margin: 0 auto; padding: 20px 0;}
.ExhibitTagList li { float: left; width: 168px; margin:10px 5px;text-align: center; border: 1px solid #e4e4e4; }
.ExhibitTagList li:hover, .ExhibitTagList li:hover div.ImageTitle{background:#f10b15;color:#fff; display:block;}
.ExhibitTagList li div.ImageTitle{height:25px;line-height:25px;text-align:center;background:#fff; overflow:hidden;}
.ExhibitTagList li img { padding: 5px; width:158px; height:118px; }
.ExhibitTagList li p{height:25px;line-height:25px; overflow:hidden;}

.ExhibitList { clear: both; margin: 0 auto;}
.ExhibitList li { float: left; width: 275px; margin: 15px 12px; text-align: center; border: 1px solid #e4e4e4; }
.ExhibitList li:hover, .ExhibitList li:hover div.ImageTitle { background: #f10b15; color: #fff; display: block; }
.ExhibitList li div.ImageTitle { height: 25px; line-height: 25px; padding-bottom:5px; text-align: center; background: #fff; overflow: hidden; }
.ExhibitList li img { padding: 5px; width: 265px; height:198px; }
.ExhibitList li p { height: 25px; line-height: 25px; overflow: hidden; }
/*Product Index*/
.picl { width: 836px; }
.piclItem { float: left; width: 412px; margin: 10px 4px 0px 0; background-color: #f7f7f7; border: 1px solid #d5d5d5; border-radius: 5px; }
.piclClassImage { float: left; display: inline; margin: 15px 10px; padding: 5px; border: 1px solid #cccccc; }
.piclClassInfo { float: right; width: 234px; margin-top: 15px; }
.piclClassTitle { height: 20px; line-height: 20px; }
.piclClassTop3 { margin-top: 3px; }
.piclClassTop3 li { width: 234px; height: 24px; line-height: 24px; background: url(../images/dota.png) no-repeat left center; text-indent: 6px; }
.piclClassTop3 li a { padding-left: 5px; font-size: 14px; }
.piclClassOther { width: 214px; margin-top: 3px; text-align: center; font-size: 12px; color: #666666; background-color: #EEEEEE; border: 1px solid #999999; }
/*Product List*/
.pdTitle h2 { font-size: 18px; }
.ProductList { margin: 0 auto; }
.pdListItem { width: 825px; height: 164px; margin-top: 10px; border-bottom: 1px dotted #ccc; margin-bottom: 18px; }
.pdImage { float: left; display: inline; width: 180px; height: 135px; margin: 14px 0px 0px 10px; border: 1px solid #cccccc; }
.pdInfo { float: right; display: inline; width: 590px; height: 115px; margin-top: 17px; margin-right: 10px; }
.pdListItem:hover .prolistmo { border: 1px solid #f10b15; }
.pdListItem:hover .prolistmo a { color: #f10b15; }
.pdListItem:hover .pdTitle a { color: #f10b15; }
.pdListItem:hover .pdImage { border: 1px solid #f10b15; }
.pdInfo .pdTitle { height: 22px; line-height: 12px; }
.pdInfo .pdTitle a { font-size: 16px; font-weight: bold; color: #656565; }
.pdInfo .pdTitle .ProSubTitle { display: none; color: Red; font-size: 12px; }
.pdInfo .pdOverview { height: 66px; line-height: 22px; margin-top: 3px; }
.pdInfo .pjlistmo { margin-top: -10px; }
.prolistmo { width: 97px; height: 28px; line-height: 28px; color: #666; font-size: 14px; border: 1px solid #ccc; text-align: center; float: right; margin-top: 10px; }
.pdInfo .pdQuickButton { float: right; clear: both; height: 20px; margin-top: 4px; }
.pdInfo .pdQuickButton li { float: left; width: 73px; height: 20px; margin-left: 10px; }
.bpi, .bpv, .bpc, .bpd, .bpj { display: none; }
/*proa*/
.proa li{ border-bottom:1px dotted #ccc; float:left; padding:10px; margin-bottom:30px; position: relative; width:810px; height:140px;}
.proa li a.proa{  margin-right:20px; width:180px; height:135px; position:absolute; top:10px;}
.proa li a img{width:180px; height:135px;}
.proa li h2 a{ color:#444; font-size:16px; position:absolute; left:210px; top:10px;}
.proa li p{ position:absolute;left:210px; top:40px;width:600px; height:65px; color:#666; font-size:13px; line-height:1.8;}
.proa li a.more{ position:absolute; right:60px; top:110px; padding:5px 10px; border:1px solid #ccc; color:#444;}
.proa li:hover a{ border-color:#f10b15;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover{ background:#f4f4f4;-webkit-transition: all .5s;transition: all .5s; }
.proa li:hover h2{ color:#f10b15;-webkit-transition: all .5s;transition: all .5s; }

/*Product Content*/
.ProductBox { clear: both; width: 710px; height: 197px; margin: 10px auto; background-image: url(../Images/pdBox.gif); }
.ProductBox .ImageBox { float: left; display: inline; width: 220px; height: 150px; margin-left: 10px; margin-top: 16px; }
.ProductBox .InfoBox { float: right; display: inline; width: 460px; height: 150px; margin-right: 10px; margin-top: 16px; line-height: 22px; }
.ProductBox .InfoBox .pdTitle { height: 22px; }
.ProductBox .InfoBox .pdKeywords { height: 22px; }
.ProductBox .InfoBox .pdOverview { height: 88px; }
.ProductBox .OrderBox { display: block; width: 155px; height: 42px; float: right; margin-top: -11px; margin-right: 10px; }
.ProductButton { clear: both; width: 710px; height: 38px; margin: 10px auto; }
.ProductButton li { float: left; }
.ProductInfo { clear: both; width: 710px; margin: 10px auto; }
.BoxHeader { width: 710px; height: 7px; }
.BoxFooter { width: 710px; height: 7px; }
.BoxBody { clear: both; padding: 10px; border-bottom: 1px solid #ccc; }
.RelatedProduct { clear: both; width: 710px; margin: 10px auto; }
.rpTitle { float: left; width: 40px; height: 50px; margin-left: 10px; background-color: #a10200; color: #ffffff; line-height: 25px; text-align: center; }
.rpList { width: 250px; float: left; margin: 0 20px; }
.rpList li { width: 250px; height: 24px; border-bottom: 1px dashed #cccccc; line-height: 24px; background: url(../images/dot1.gif) no-repeat left center; text-indent: 6px; }
.RelatedInfo { clear: both; width: 710px; margin: 10px auto; }
.riTop { height: 20px; border-bottom: 1px solid #cccccc; line-height: 20px; }
.riTitle { float: left; }
.riMore { float: right; }
.riLeft { margin-top: 10px; }
.riList li { width: 44%; height: 24px; border-bottom: 1px dashed #cccccc; line-height: 24px; background: url(../images/dota.png) no-repeat left center; text-indent: 10px; float: left; margin: 0 3%; }
/*Project List*/
.ProjectList { width: 710px; margin: 0 auto; }
.pjListItem { width: 710px; height: 149px; margin-top: 10px; }
.pjImage { float: left; display: inline; width: 180px; height: 135px; margin: 17px 0px 0px 10px; padding: 5px; border: 1px solid #cccccc; }
.pjInfo { float: right; display: inline; width: 660px; height: 115px; margin-top: 17px; margin-right: 10px; }
.pjInfo .pjTitle { margin: 5px 0; }
.pjInfo .pjTitle h3 { color: #f10b15; font-size: 24px; }
.pjInfo .pjTitle a { font-size: 16px; text-decoration: none; font-weight: bold; }
.pjInfo .pjCustomer { height: 24px; line-height: 24px; }
.pjInfo .pjClass { height: 24px; line-height: 24px; }
.pjInfo .pjOverview { height: 72px; line-height: 24px; }
/*Project Content*/
.ProjectBox { height: 175px; margin: 10px auto; border-bottom: 1px solid #ccc; }
.ProjectContent { margin: 10px auto; }
/*Product&Project List SubTitle&Hot*/
.SubTitle { display: none; color: Red; font-size: 12px; }
.HotImage { display: none; }
.shareurl { margin-top: 10px; line-height: 28px; }
/*Prev Next*/
.FastMove { clear: both; margin: 10px auto; }
.FastMove .Prev, .FastMove .Next { height: 30px; line-height: 30px; }
/*PageBar*/
.PageBar { clear: both; width: 710px; height: 54px; margin: 20px auto 10px auto; font-size: 12px; text-align: center; }
.PageButtons { height: 28px; }
.PageButtons span, .PageButtons a { height: 26px; line-height: 26px; text-decoration: none; border: 1px solid #CCCCCC; padding: 4px 6px; }
.PageButtons span { color: #ffffff; background-color: #CCCCCC; }
.PageButtons a { color: #333333; }
.PageButtons a:hover { background-color: #FFFF99; }
.PageInfo { height: 24px; line-height: 24px; }
.disabled { display: none; }
/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license 弹出层 */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../images/fancybox_sprite.png'); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url(../images/fancybox_loading.gif) center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('../images/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
/* Overlay helper */

.fancybox-lock { overflow: hidden; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../images/fancybox_overlay.png'); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
/* Title helper */

.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 图片点击放大
 */
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }
/*产品内页集锦切图*/
.slides_container { float: left; width: 180px; overflow: hidden; }
.slides_container a { width: 180px; height: 150px; display: block; }
.slides_container a img { display: block; }
#slides .next, #slides .prev { float: left; width: 20px; height: 96px; display: block; margin-top: 32px; text-align: center; }
/*产品弹出窗口内的集锦图*/

.ad-gallery div { overflow: hidden; }
.ad-gallery { width: 600px; }
.ad-gallery, .ad-gallery * { margin: 0; padding: 0; }
.ad-gallery .ad-image-wrapper { width: 100%; height: 400px; margin-bottom: 10px; position: relative; overflow: hidden; }
.ad-gallery .ad-image-wrapper .ad-loader { position: absolute; z-index: 10; top: 48%; left: 48%; border: 1px solid #CCC; }
.ad-gallery .ad-image-wrapper .ad-next { position: absolute; right: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 200; }
.ad-gallery .ad-image-wrapper .ad-prev { position: absolute; left: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 200; }
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next { /* Or else IE will hide it */ background: url(../images/trans.gif); }
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(../images/ad_prev.png); width: 30px; height: 30px; display: none; position: absolute; top: 47%; left: 0; z-index: 101; }
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(../images/ad_next.png); width: 30px; height: 30px; right: 0; left: auto; }
.ad-gallery .ad-image-wrapper .ad-image { position: absolute; overflow: hidden; top: 0; left: 0; z-index: 9; }
.ad-gallery .ad-image-wrapper .ad-image a img { border: 0; }
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description { position: absolute; bottom: 0px; left: 0px; padding: 7px; text-align: left; width: 100%; z-index: 2; background: url(../images/opa75.png); color: #000; }
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src= '../images/opa75.png' );
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title { display: block; }
.ad-gallery .ad-controls { height: 20px; }
.ad-gallery .ad-info { float: left; }
.ad-gallery .ad-slideshow-controls { float: right; }
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop { padding-left: 5px; cursor: pointer; }
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown { padding-left: 5px; font-size: 0.9em; }
.ad-gallery .ad-slideshow-running .ad-slideshow-start { cursor: default; font-style: italic; }
.ad-gallery .ad-nav { width: 100%; position: relative; }
.ad-gallery .ad-forward, .ad-gallery .ad-back { position: absolute; top: 0; height: 100%; z-index: 10; }
/* IE 6 doesn't like height: 100% */
* html .ad-gallery .ad-forward, .ad-gallery .ad-back { height: 100px; }
.ad-gallery .ad-back { cursor: pointer; left: -20px; width: 13px; display: block; background: url(../images/ad_scroll_back.png) 0px 22px no-repeat; }
.ad-gallery .ad-forward { cursor: pointer; display: block; right: -20px; width: 13px; background: url(../images/ad_scroll_forward.png) 0px 22px no-repeat; }
.ad-gallery .ad-nav .ad-thumbs { overflow: hidden; width: 100%; }
.ad-gallery .ad-thumbs .ad-thumb-list { float: left; width: 9000px; list-style: none; }
.ad-gallery .ad-thumbs li { float: left; padding-right: 5px; }
.ad-gallery .ad-thumbs li a { display: block; }
.ad-gallery .ad-thumbs li a img { border: 3px solid #CCC; display: block; }
.ad-gallery .ad-thumbs li a.ad-active img { border: 3px solid #616161; }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads { position: absolute; left: -9000px; top: -9000px; }
/*products*/
.mar_con { border: 1px solid #ccc; border-radius: 5px; padding: 20px 10px; }
/*产品详情页图片集锦效果*/
.right-extra .mt { height: 28px; line-height: 28px; padding: 0 10px 8px; border-top: 1px solid #EED97C; background: url(../images/bg_hotsale.gif) repeat-x 0 -552px; color: #c00; }
.right-extra .tab { border-bottom: 2px solid #BE0000; margin-bottom: 10px; }
.right-extra .tab li { position: relative; height: 24px; padding: 3px 12px 0; background: url(../images/icon_clubs.gif) #ccc no-repeat right -150px; overflow: hidden; margin-right: 3px; line-height: 24px; font-size: 14px; font-weight: bold; color: #c30; }
.right-extra .tab span { position: absolute; left: 0; top: 0; z-index: 1; width: 10px; height: 27px; background: url(../images/icon_clubs.gif) no-repeat 0 -150px; }
.right-extra .tab a { float: none; color: #c30; }
.right-extra .tab .curr { background-position: right -178px; color: #fff; }
.right-extra .tab .curr span { background-position: 0 -178px; }
.right-extra .tab .curr a { color: #fff; }
.right-extra .mc .extra { padding: 5px 10px; border-top: 1px solid #F3E6C6; }
.right-extra .total { float: right; }
.right-extra .total strong { color: #FF7403; }
.right-extra .total a:link, .right-extra .total a:visited { color: #005aa0; }
.right-extra .join a:link, .right-extra .join a:visited { color: #FF7604; }
.right-extra .norecode { padding: 0 10px 10px; }
.right-extra .iloading { margin-bottom: 10px; }
/*图片放大镜样式*/
.jqzoom { float: left; border: none; position: relative; padding: 0px; cursor: pointer; margin: 0px; display: block; }
.zoomdiv { z-index: 100; position: absolute; top: 0px; left: 0px; width: 350px; height: 263px; background: #ffffff; border: 1px solid #CCCCCC; display: none; text-align: center; overflow: hidden; }
.jqZoomPup { z-index: 10; visibility: hidden; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; border: 1px solid #aaa; background: #ffffff /*url(../images/zoom.png) 50% center no-repeat*/; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); }
/*图片小图预览列表*/
.spec-preview { width: 360px; height: 270px; border: 1px solid #DFDFDF; }
.spec-scroll { clear: both; margin-top: 5px; width: 362px; }
.spec-scroll .prev { float: left; margin-right: 4px; }
.spec-scroll .next { float: right; }
.spec-scroll .prev, .spec-scroll .next { display: block; font-family: "宋体"; text-align: center; width: 10px; height: 42px; line-height: 42px; border: 1px solid #CCC; background: #EBEBEB; cursor: pointer; text-decoration: none; }
.spec-scroll .items { float: left; position: relative; width: 322px; height: 44px; overflow: hidden; }
.spec-scroll .items ul { position: absolute; width: 999999px; height: 44px; }
.spec-scroll .items ul li { float: left; width: 64px; text-align: center; }
.spec-scroll .items ul li img { border: 1px solid #CCC; padding: 2px; width: 50px; height: 38px; cursor: pointer; }
.spec-scroll .items ul li img:hover { border: 2px solid #FF6600; padding: 1px; cursor: pointer; }
.InfoBox { float: right; display: inline; width:430px; height: 314px; margin-top: 6px; line-height: 22px; position: relative; }
.InfoBox .pdTitle { font-size: 24px; font-weight: bold; color: #f10b15; margin: 12px 0; }
.pdKeywords { color: #4a4a4a; font-size: 12px; margin-bottom: 6px; }
.pdClass, .pdClass a { margin-bottom: 6px; }
.pdOverview { }
.pdpromo { width: 100px; height: 36px; line-height: 36px; background: #f10b15; text-align: center; font-size: 14px; position: absolute; bottom: 10px; right: 0; }
.xggc { width: 100px; height: 36px; line-height: 36px; background: #f10b15; text-align: center; font-size: 14px; position: absolute; bottom: 10px; right: 135px; }
.pdpromo a, .xggc a { color: #fff; }
.right-extra { float: left; width:385px;}
/*产品详情页*/
.ny_detail { padding: 10px 0px 0px; }
.detail_tit { text-align: center; line-height: 30px; color: #999; }
.detail_tit h2 { color: #000; font-size: 24px; line-height: 45px; text-align: center; overflow: hidden; font-family: "微软雅黑"; }
.ArticleKeywords { height: 24px; line-height: 24px; text-indent: 10px; color: #007ee0; border-bottom: dashed 1px #858585; }
.cptp { text-align: center; padding: 20px 0; }
.detail_wz { line-height: 24px; margin: 10px auto; line-height: 24px; color: black; }
.page2 p { height: 30px; line-height: 30px; padding: 0 10px; display: block; font-weight: 200; }
.page2 p a { color: #33afb5; }
.but_tit { height: 30px; border-bottom: 2px solid #ccc; line-height: 30px; margin-top: 25px; }
.but_tit span { display: block; width: 114px; height: 30px; line-height: 30px; color: #fff; background: #f10b15; text-align: center; }
.but_tit span em { width: 6px; height: 14px; background-color: #fff; display: inline-block; vertical-align: middle; margin: -3px 5px 0 0; }
.ljcg ul li b { display: block; width: 95px; height: 22px; float: left; color: #666; line-height: 20px; font-weight: normal; overflow: hidden; text-align: right; }
.ljcg { width: 630px; height: auto; padding: 10px 0 0 30px; overflow: hidden; }
.ljcg ul li em { font-style: normal; color: #999; font-size: 12px; line-height: 20px; padding-left: 10px; overflow: hidden; }
.mri02m_dd { width: 280px; height: 20px; border: 1px solid #D3D4D3; font-size: 12px; padding: 0px 2px; overflow: hidden; margin-left: 5px; }
.mri02m_ly { width: 400px; height: 70px; border: 1px solid #D3D4D3; padding: 0px 2px; overflow: auto; color: #B9B9B9; font-size: 12px; line-height: 22px; margin-left: 5px; }
.ljcg ul li { padding: 0px 0px 5px; }
.mri02m_tj { width: 58px; height: 25px; margin: 8px 0px; color: #FFF; font-size: 12px; line-height: 25px; text-align: center; background: #118cda; j;
overflow: hidden; cursor: pointer; border: none; }
.xgwz ul { padding: 25px 0; overflow:hidden; }
.xgwz ul li { height: 28px; line-height: 28px; text-indent: 12px; border-bottom: 1px dashed #cecece; overflow: hidden; width: 48%; float: left; margin: 0 1%; }
.xgwz ul li span { float: right; }
.zxpro_con { width: 708px; padding: 15px 0 0 0px; }
.zxpro_con li { float: left; margin: 0 15px; overflow: hidden; text-align: center; }
.zxpro_con li span { display: block; height: 30px; line-height: 30px; text-align: center; width: 206px; overflow: hidden; }
.zxpro_con li img { padding: 2px; border: 1px solid #cecece; }
.zxpro_con li a { display: block; height: 175px; line-height: 34px; }
.zxcp li { }
/*zdd*/
.ztitle { border-bottom: 1px solid #ccc; margin-top: 20px; overflow:hidden;}
.ztitle span { float: left; display: block; width: 100px; height: 40px; line-height: 40px; text-align: center; color: #f10b15; font-size: 20px; background: #f0f0f0; font-size: 14px; margin: 0 4px 0 0; cursor: pointer; }
.ztitle span a { color: #f10b15; cursor: pointer; }
.ztitle span.tithov, .ztitle span.tithov a { background: #f10b15; color: #fff; }
.zntit_con { display: none; margin: 20px 0; border-bottom: 1px solid #ccc; padding-bottom: 20px; overflow:hidden; }
.zntit_con p { font-size: 14px; color: #333; line-height: 24px; }
.zntit_con1 { display: block; }