﻿/************
 Common Style
 ************/
html, body { width:100%; height:100% }
body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, table, th, td, form, input, select, textarea, img { margin:0; padding:0 }
body { background:#fff;  color:#000; text-align:center }
body,font,form,input,button,table,tr,td,th{font:12px/19px '宋体';}
ul, ol, li { list-style:none }
h1, h2, h3, h4, h5, h6, td, th { font-size:12px; font-weight:normal }
form{display:inline}
img { border:0 }
input, select, textarea { font:12px; vertical-align:middle }
a { color:#333; text-decoration:none }
a:hover { color:#f60; text-decoration:underline }
.wrap { clear:both; width:900px; margin:0 auto; text-align:left; overflow:auto; *display:inline-block
}
.clear { clear:both }
.left { float:left }
.right { float:right }
.hidden { display:none }
/************
 Page Style
 ************/
.page { clear:both; padding:10px 0; font:12px/19px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#444; text-align:center }
.page span, .page a { display:inline-block; border:#ccc 1px solid; background:#fff; margin:0 2px; padding:0 5px; color:#444; vertical-align:middle }
.page span, .page a { *display:inline
}
.page input { width:40px; height:21px; border:#ccc 1px solid; background:#fff; margin:0 2px; padding:0 5px; line-height:19px; color:#444; vertical-align:middle }
.page a:hover, .page a.ondown, .page span.ondown { border:#7b0 1px solid; background:#7b0; color:#fff }
.page span.ondown { font-weight:bold }
/************
 Font Style
 ************/
.C690 { color:#690 }
.CF60 { color:#f60 }
.CC00 { color:#c00 }
.C36C { color:#36c }
.C080 { color:#080 }
.C333 { color:#333 }
.CF00 { color:#f00 }
.CFFF { color:#fff }
.C360 { color:#360 }
.C00567E { color:#00567E }
.LINE { text-decoration:underline }
.FB { font-weight:bold }
.MT { clear:both; margin:10px 0 0 }
/************
 Head Style
 ************/
#head .headTopOut { clear:both; border-bottom:#D2D2D2 1px solid; background:url(../v0/images/blue_head_bg.gif) repeat-x }
#head .headTopIn { clear:both; height:31px; width:900px; margin:0 auto; line-height:31px; color:#666; text-align:left }
#head .headTopIn img { vertical-align:bottom }
#head .headTopIn h5 { float:left }
#head .headTopIn h6 { float:right; padding:2px 0 0; line-height:29px }
#head .headTag { clear:both; height:31px; width:900px; margin:0 auto; line-height:31px; color:#1890C8; text-align:right; display:none }
#head .headTag a { color:#1890C8 }
#head .headTag li { display:inline-block; padding:0 20px }
#head .headTag li { *display:inline
}
#head .headTag li.homepage { background:url(../v0/images/blue_head_bg.gif) 0 -138px no-repeat }
#head .headTag li.favorite { background:url(../v0/images/blue_head_bg.gif) 0 -108px no-repeat }
#head .headBannerOut { clear:both; background:#EAEEF5}
#head .headBannerIn { clear:both; width:900px; margin:0 auto; text-align:left; }
#head .headBannerIn a { color:#fff }
#head .headBannerIn img { vertical-align:bottom; float:right; }
#head .headBannerIn h1 { line-height:80px; font-weight:bold; font-size:30px; top:0px; padding:10px 0; }
#head .headBannerIn h1 img { margin:0 10px 0 0; vertical-align:middle; float:none }
#head .headNav { clear:both; background:#bcc5d6;}
#head .headNav ul { clear:both; width:900px; height:31px; margin:0 auto; text-align:left }
#head .headNav li { display:inline-block;*display:inline;zoom:1;line-height:31px; color:#000 }
#head .headNav li a { color:#000; display:inline-block;padding:0 20px;  }
#head .headNav li.n { background:none }
#head .headNav li.s a{ background:#9eabc5; color:#FFF;}
#head .headLocation { clear:both; border-bottom:#CCC 1px solid; background:#EAEEF5 }
#head .headLocation p { clear:both; width:900px; margin:0 auto; line-height:29px; color:#333; text-align:left }
#head .headLocation p a { color:#333 }

.head .headTagOut, .head .headTagIn p, .head .headLogo .right, .head .headLogo .right ul, .head .headLogo .inputText, .head .headNav, .head .headNav li a, .head .headNav li.s, .head .headNav li.s a { background:url(../v0/images/head_bg.gif) no-repeat }
.head .headTagIn, .head .headLogo, .head .headNav { clear:both; width:900px; margin:0 auto; text-align:left }
.head .headTagOut { clear:both; background-repeat:repeat-x }
.head .headTagIn { height:27px; line-height:27px; color:#333; overflow:hidden}
.head .headTagIn p { float:left; display:inline; background-position:-18px -169px; padding:0 0 0 20px; width:490px; overflow: hidden}
.head .headTagIn ul { zoom:1; overflow:hidden;white-space:nowrap;}
.head .headTagIn li { display:inline-block; margin:0 0 0 10px }
.head .headTagIn li { *display:inline}
.head .headTagIn li.favorite { margin-left:7px;}
.head .headLogo { height:62px; padding:10px 0; overflow:hidden; }
/* .head .headLogo .left { display:inline; margin:0 0 0 20px }
.head .headLogo .left img { vertical-align:bottom; width:auto;} */
.head .headLogo .left {line-height:62px;width:240px;}
.head .headLogo .left  a{ display:block; vertical-align:middle; height:62px;line-height:62px;position:relative;}
.head .headLogo .left img {max-width:240px;max-height:62px;position: absolute; top: 50%;left: 0px; margin-left: 0;transform: translate(0, -50%);}
.head .headLogo .keyword-logo {position: absolute; top: 50%;left: 0px; margin-left: 0;transform: translate(0, -50%);}
.head .headLogo .keyword-logo img{float:left; display:block; position:relative; top:0;transform: translate(0, 0); max-height:40px;}
.head .headLogo .keyword-logo strong{ float: left; font-size: 28px; font-family:'Microsoft YaHei'; font-weight: normal; color: #666; line-height:40px; position: relative; display: inline-block; margin:0 0 0 10px;/* padding-left: 10px;*/ vertical-align: middle;}
.head .headLogo .keyword-logo  strong.w8{ font-size: 24px;}
.head .headLogo .keyword-logo  strong.w9{ font-size: 22px;}
.head .headLogo .keyword-logo  strong.w10{ font-size: 20px;}
.head .headLogo .keyword-logo  strong.w11{ font-size: 18px;}
.head .headLogo .keyword-logo  strong.w12{ font-size: 16px;}
.head .headLogo .keyword-logo  strong.w13{ font-size: 16px;}
.head .headLogo .keyword-logo  strong.w14{ font-size: 14px;}
.head .headLogo .keyword-logo  strong.w15{ font-size: 12px;}
.head .headLogo .keyword-logo  strong.w16{ font-size: 10px;}
.head .headLogo .keyword-logo strong.w17{ font-size: 8px;}
.head .headLogo .keyword-logo  strong.w18{ font-size: 6px;}
.head .headLogo .keyword-logo  strong.w19{ font-size: 4px;}
.head .headLogo .keyword-logo strong.w20{ font-size: 2px;}
.head .headLogo .right { display:inline; background-position:0 -28px; margin:15px 0 0 }
.head .headLogo .right ul { background-position:right -156px; padding:0 20px }
.head .headLogo .right li { display:inline-block; margin:0 5px; line-height:33px; color:#333 }
.head .headLogo .right li { *display:inline
}
.head .headLogo .right li a { color:#008080 }
.head .headLogo .inputText { width:150px; height:15px; border:#aaa 1px solid; background-color:#fff; background-position:-15px -273px; padding:2px 5px 0 25px; line-height:15px; color:#ccc }
.head .headNav { height:63px; background-position:0 -62px; margin:0 auto }
.head .headNav ul { padding:4px 0 0 30px; overflow:hidden;zoom:1; height:29px; }
.head .headNav li { float:left }
.head .headNav li a { display:inline-block; background-position:right -224px; padding:0 42px; line-height:29px; font-weight:bold; font-size:14px; color:#fff }
.head .headNav li a { *display:inline
}
.head .headNav li a.s { background:none }
.head .headNav li.s { background-position:0 -126px }
.head .headNav li.s a { background-position:right -190px; color:#000 }
.head .headNav p { clear:both; padding:0 30px; width:840px; height:30px; line-height:30px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.head .headNav p a { color:#666 }
.head .headNav p a.CF60 { color:#f60 }
.head .search{ float:right;width:589px; margin:0px 17px 0px 0px;}
.head .search dl,.head .search dt,.head .search dd{ display:block; margin:0px; padding:0px; overflow:hidden;}
.head .search dl{ background:#FFFFFF url(../v0/images/bg_search.gif) left top no-repeat; height:60px; overflow:hidden}
.head .search dt{ padding-left:10px;}
.head .search dt span{ float:left; display:inline; color:#000000; width:62px; height:24px; line-height:26px; text-align:center; margin-left:10px; cursor:pointer!important; cursor:hand; overflow: hidden;}
.head .search span.s{background:url(../v0/images/bg_search.gif) right top  no-repeat;font-weight:bold;}
.head .search dd{ clear:both;height:36px;}
.head .search dd ul,.head .search dd li{ margin:0px; padding:0px; overflow:hidden; list-style:none; display:block}
.head .search dd ul{ padding:0px 10px;}
.head .search dd li.s1,.head .search dd h5{float:left; display:inline;overflow: hidden;}
.head .search dd li.s1{ width:212px; padding-top:7px; *padding-top:5px;margin-right:5px; }
.head .search dd li.s2{ display: block; line-height:36px; overflow:hidden;}
.head .search dd h6{display:block;*display:inline;zoom:1; overflow:hidden; white-space:normal}
.head .search dd form{ display:block;margin:0px; padding:0px; overflow: hidden;}
.head .headLogo .search .inputText{ width:130px;}
.head .search dd li h6 a{ white-space:nowrap;}
.head .search dd li h6,.head .search dd li h6 a{ color:#008080;}
.head .headNav li a{overflow:hidden;}
.head .headNav li a.sum1{width:284px;}
.head .headNav li a.sum2{width:284px;}
.head .headNav li a.sum3{width:284px;}
.head .headNav li a.sum4{width:213px;}
.head .headNav li a.sum5{width:170px;}
.head .headNav li a.sum6{width:142px;}
.head .headNav li a.sum7{width:121px;}
.head .headNav li a.sum8{width:108px;}
.head .headNav li a.sum9{width:96px;}
.head .headNav li a.sum10{width:85px;}
.head .headNav li a.sum11{width:78px;}
.head .headNav li a.sum12{width:72px;}
.head .headNav li a.sum13{width:66px;}
.head .headNav li a.sum14{width:61px;}
.head .headNav li a.sum15{width:57px;}
.head .headNav li a.sum16{width:54px;}
.head .headNav li a.sum17{width:51px;}
.head .headNav li a.sum18{width:48px;}
.head .headNav li a.sum19{width:45px;}
.head .headNav li a.sum20{width:43px;}

.headTagIn ul li.hp a,.headTagIn ul li.fav a{ color:#ff4200; margin:0px; padding:0px;}
.head .headTagIn li { display:inline; float:left; margin:0 0 0 10px }
.headTagIn ul li.hp{ padding-right:0px; margin-right:3px;}
.headTagIn ul li.fav{ padding-right:21px; padding-left:0px; margin-left:0px;}
.head .headLogo .left { float:left; display:inline; margin:0px; margin-right:20px  }
.head .headTagIn ul { float:right; padding:0px;}
.head .headTagIn li { display:inline-block; margin:0px; margin-left:10px }
.head .headTagIn li { *display:inline}
.head .headNav { height:63px; background-position:0 -62px; }
.head .headNav ul { clear:both;  padding:4px 0 0 30px }
.head .headNav li { float:left }
.head .headNav li a { display:block; width:142px; background-position:right -224px; line-height:29px; font-weight:bold; font-size:14px; color:#fff; text-align:center}
.head .headNav li a { *display:block; padding:0px;}
.mainLocation { clear:both; width:900px; margin:0 auto; height:25px; border-bottom:#eee 1px solid; padding:5px 0; line-height:25px; color:#666; text-align:left; text-indent:10px; }

.logoB { clear:both; width:900px; margin:10px auto; padding:0 0 5px; overflow:hidden;zoom:1; background:#EAEEF5 url(/content/common/bg_white.jpg) left top repeat-x; text-align:left}
.logoB .l{ float:left; display:inline; width:151px; overflow:hidden; margin:10px 20px 0 10px;}
.logoB .r{ float:right; display:inline; overflow:hidden; height:24px; line-height:24px; border:solid 2px #c2c3cf; border-top:0px; border-left:0px;}
.logoB .r a{ display:block;border:solid 1px #bdbdbe; background:#FFF; padding:0 10px;}
.logoB .r a span{ font-weight:bold; color:#ff6600;}
.logoB .c{ overflow:hidden;zoom:1; clear:none; padding:35px 0 0; text-align:center}
.logoB .c img{ margin-right:10px;}
.logoB .c,.logoB .c a{font-size:20px; color:#4f4f9e; font-weight:bold;}



#link { clear:both; width:900px; margin:0 auto; text-align:left }
#link .linkTxt { clear:both; border:#d6d6d6 1px solid; margin-top:10px; padding:10px }
#link .linkTxt dl { overflow:auto; *display:inline-block
}
#link .linkTxt dt { float:left; display:inline; width:64px; line-height:25px }
#link .linkTxt dt a { font-weight:bold; color:#000 }
#link .linkTxt dd { float:left; display:inline; width:878px }
#link .linkTxt dd a { display:inline-block; margin:0 10px 0 0; line-height:25px; color:#494949; white-space:nowrap;}
#link .linkTxt dd a { *display:inline
}
#link .linkTxt .r{ color:#10892d;}


#link2 { clear:both; width:900px; margin:0 auto; text-align:left }
#link2 .linkTxt2 { clear:both; border:#d6d6d6 1px solid; margin-top:10px; padding:10px }
#link2 .linkTxt2 dl { overflow:auto; *display:inline-block
}
#link2 .linkTxt2 dt { float:left; display:inline; width:64px; line-height:25px }
#link2 .linkTxt2 dt a { font-weight:bold; color:#000 }
#link2 .linkTxt2 dd { float:left; display:inline; width:878px }
#link2 .linkTxt2 dd a { display:inline-block; margin:0 0px 0 0; line-height:25px; color:#494949; white-space:nowrap;}
#link2 .linkTxt2 dd a { *display:inline
}
#link2 .linkTxt2 .r{ color:#10892d;}

/************
  Foot Style
 ************/
#foot { clear:both; width:900px;  overflow:hidden;zoom:1;margin:10px auto 0; border-top:solid 2px #EEE; padding:10px 0; line-height:31px; font-family:Arial, Helvetica, sans-serif; color:#333 }
#foot a{padding:10px;}
#mainOut {clear: both;background: #fff;margin-top: 10px;}
#mainIn {clear: both;width: 900px;background: #fff;margin: 0 auto;text-align: left;position: relative;}
/************
 Blue Style
 ************/
.conA { clear:both; padding:20px; border:solid 1px #DCDCDC; border-top:0px; overflow:hidden;zoom:1; }
.barA { clear:both; height:28px; border:#DCDCDC 1px solid; background:url(/content/common/blue_bar_bg.gif) repeat-x; margin:10px 0 0; padding:0 20px 0 10px; line-height:28px; color:#333 }
.barA h5 { float:left; background:url(/content/common/blue_bar_left_bg.gif) 0 7px no-repeat; padding:0 0 0 15px; font-weight:bold }
.barA h6 { float:right }
th.C, td.C { background:#fff; text-align:center }
th.L, td.L { background:#fff; text-align:left }
th.R, td.R { background:#fff; text-align:right }
.tableA { background:#fff; border-collapse:collapse }
.tableA a { color:#00567E }
.tableA th { border:#e5e5e5 1px solid; background:#f9f9f9; padding:10px 20px }
.tableA td { border:#e5e5e5 1px solid; background:#fff; padding:10px 20px }
.tableB { background:#fff; border-collapse:collapse }
.tableB th { background:#F4F4F4; border-bottom:#fff 1px solid; padding:5px 10px; color:#666 }
.tableB td { background:#fff; border:#E4E4E4 1px solid; padding:10px; color:#0E5FAA }
.tableC { background:#fff; border-collapse:collapse; margin:10px 0 0 }
.tableC th { padding:5px 10px; color:#333 }
.tableC td { background:#fff; border:#E4E4E4 1px solid; padding:10px; color:#333 }
.tableD { background:#fff; border-collapse:collapse }
.tableD th { background:#FAFAFA; padding:5px 10px }
.tableD td { background:#fff; padding:5px 10px }
/************
 Index Style
 ************/
#mainOut { clear:both; background:#fff; margin-top:10px;}
#mainIn { clear:both; width:900px; background:#fff; margin:0 auto; text-align:left; position:relative }
#mainIn:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
#mainLeftBorder { width:11px; height:400px; background:url(/content/common/blue_main_left_bg.gif) no-repeat; position:absolute; left:-11px; top:0; overflow:hidden;display:none}
#mainRightBorder { width:11px; height:400px; background:url(/content/common/blue_main_right_bg.gif) no-repeat; position:absolute; right:-11px; top:0; overflow:hidden; display:none }
#mainLeft { float:left; width:217px }
#mainLeft .logo{ display:none;}
#mainLeft .logo img { vertical-align:bottom }
#mainLeft .search { border-top:#2C75AD 1px solid; border-bottom:#2B77AF 1px solid; background:#003B65; padding:15px; display:none }
#mainLeft .search input.text { width:150px; height:20px; border:0; padding:0 5px; line-height:20px; color:#999 }
#mainLeft .menu ul { clear:both }
#mainLeft .menu li { float:left; width:100% }
#mainLeft .menu li b { display:block; border:1px solid #ACBBD6; height:18px; line-height:14px; background:url(/content/common/sidebg.gif) repeat-x; margin-bottom:3px; padding:6px 0px 0px 10px; }
#mainLeft .menu li b a{color:#898989; font-weight:bold; background:url(/content/common/freeuser.gif) left -235px no-repeat; padding:0px 0px 0px 15px; display:inline-block;}
#mainLeft .menu ul ul { background:#fff; padding:0 15px; display:none }
#mainLeft .menu li li { float:none; width:auto; border-bottom:#569CD2 1px solid; background:url(/content/common/blue_menu_in_bg.gif) 5px 9px no-repeat; padding:0 20px; line-height:25px; color:#DBEFFF }
#mainLeft .menu li li a { color:#DBEFFF }
#mainLeft .menu li li.n { border:0 }
#mainLeft .contact{}
#mainLeft .contact ul { clear:both; padding:10px;background:#F5F5F5;zoom:1;}
#mainLeft .contact li { line-height:25px; color:#333; vertical-align:bottom; overflow:auto; *display:inline-block;}
#mainLeft .contact li a { color:#333 }
#mainLeft .contact li b { float:left; width:60px; font-weight:normal; text-align:right }
#mainLeft .contact li span { float:right; width:132px; word-wrap:break-word }
#mainRight { float:right; display:inline; width:665px; margin:0 0 0 10px; overflow:hidden}
#mainRight .about { clear:both; overflow: hidden; zoom:1;border-top:solid 1px #DCDCDC;}
#mainRight .about .left { width:257px; height:196px; background:url(/content/common/blue_falsh_bg.gif) no-repeat; padding:11px 0 0 11px;}
#mainRight .about .right { width:335px }
#mainRight .about .right p { line-height:25px; color:#333; text-indent:2em }
#mainRight .about .right li { padding:10px 0; text-align:right }
#mainRight .about .right li a { color:#f60; text-decoration:underline }
#mainRight .recommend ul { overflow:hidden;zoom:1; letter-spacing:-4px;}
#mainRight .recommend li { display:inline-block; *display:inline;zoom:1; letter-spacing:normal; width:33%;padding:10px 0; margin:0; vertical-align:top; position:relative;overflow:hidden;}
#mainRight .recommend li img { float:left; border:#F0F0F0 5px solid; margin:0 10px 0 0; max-width:100%; max-height:85px; }
#mainRight .recommend li h1 { display:inline; font-weight:bold }
#mainRight .recommend li h6 { float:left; background:url(/content/common/blue_jt_bg.gif) right 6px no-repeat; padding:0 10px 0 0; }
#mainRight .recommend li h6 a { color:#2563A2 }
#mainRight .info h6 { background:url(/content/common/line_bg.gif) left bottom repeat-x; padding:0 5px; line-height:25px; font-weight:bold; color:#00567E }
#mainRight .info ul { padding:10px }
#mainRight .info li { line-height:25px; color:#333; vertical-align:bottom; overflow:hidden;zoom:1;}
#mainRight .info li b { float:left; width:100px; font-weight:normal; text-align:right }
#mainRight .info li span { float:right; width:493px }
.playerA{ width:232px; height:174px; position:relative; z-index:1;overflow:hidden;zoom:1; margin:0px; padding:0px;}
.playerA ul,.playerA li{ overflow:hidden;zoom:1; margin:0px; padding:0px;}
.playerA ul{ position:absolute;letter-spacing:-6px; white-space:nowrap;left:0px;top:0px; z-index:2;}
.playerA li{ vertical-align:bottom; display:inline-block; *display:inline; letter-spacing:normal}
.playerA p{ overflow:hidden;zoom:1; margin:0px; padding:0px; position:absolute; z-index:3; right:5px; bottom:5px; width:100%; text-align:right; height:12px;}
.playerA p span{ display:inline-block; *display:inline;zoom:1; overflow:hidden; margin:0 0 0 5px; padding:0px;background:#FFF; width:12px; line-height:100px;height:12px;  background:url(/content/common/adA_ico1.png) left top no-repeat; text-indent:-1000em;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/content/common/adA_ico1.png');_background-image: none;}
    .playerA p span.s {
        background: url(/content/common/adA_ico2.png) left top no-repeat;
        _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/content/common/adA_ico2.png');
        _background-image: none;
    }
/************
 Banner Style
 ************/
#mainRight .mainBanner { clear:both; margin:0 }
/************
 ProductDetail Style
 ************/
#mainRight .productDetail .productInfo { clear:both; overflow:auto; *display:inline-block;}
#mainRight .productDetail .productInfo .left { width:233px }
#mainRight .productDetail .productInfo .left .BECECEC { border:#ECECEC 2px solid }
#mainRight .productDetail .productInfo .right { width:380px }
#mainRight .productDetail .productInfo .right h1 { background:#F2F2F2; padding:5px 10px; line-height:17px; color:#333 }
#mainRight .productDetail .productInfo .right h2 { padding:10px; line-height:25px; color:#666 }
#mainRight .productDetail .productIntr { clear:both }
#mainRight .productDetail .productIntr h1 { background:#F4F4F4; padding:5px 10px; margin:10px 0 0; line-height:17px; color:#333; overflow:auto; *display:inline-block
}
#mainRight .productDetail .productIntr h1 b { float:left; font-weight:normal }
#mainRight .productDetail .productIntr h1 span { float:right }
#mainRight .productDetail .productIntr h2 { padding:10px; line-height:19px; color:#666; text-indent:2em }
/************
 AboutUs Style
 ************/
#mainRight .aboutUs { padding:20px 40px;border-top:solid 1px #DCDCDC; margin-top:10px;}
#mainRight .aboutUs h1 { line-height:25px; color:#666; overflow:auto; *display:inline-block }
#mainRight .aboutUs h1 span { float:right; width:257px; height:196px; background:url(/content/common/blue_falsh_bg.gif) no-repeat; padding:11px 0 0 11px; margin:0 0 0 10px }
#mainRight .aboutUs h2 { clear:both; border-top:#E4E4E4 1px solid; margin:10px 0 0; padding:20px 10px 0 }
/************
 Certificate Style
 ************/
#mainRight .certificate { padding:20px 40px }
#mainRight .certificate li { clear:both; padding:10px 0; overflow:auto; *display:inline-block
}
#mainRight .certificate li.s { background:#f5f5f5 }
#mainRight .certificate li .left { width:150px }
#mainRight .certificate li .right { width:413px }
#mainRight .certificate li .right h1 { line-height:25px; color:#D4A013 }
#mainRight .certificate li .right h1 a { color:#D4A013 }
#mainRight .certificate li .right h2 { line-height:25px; color:#333 }
#mainRight .certificate li .right h2 a { color:#333 }
/************
 Trade Style
 ************/
#mainRight .trade li { padding:10px 0; overflow:auto; *display:inline-block
}
#mainRight .trade li .left { width:111px; border:#F0F0F0 1px solid; text-align:center }
#mainRight .trade li .left img { vertical-align:bottom }
#mainRight .trade li .right { width:492px }
#mainRight .trade li .right h1 { clear:both; padding:0 10px; line-height:25px; font-weight:bold; color:#D4A013;word-wrap:break-word;overflow:hidden; }
#mainRight .trade li .right h1 a { color:#D4A013 }

#mainRight .trade li .right h1.s { color:#4BA80D }
#mainRight .trade li .right h1.s a { color:#4BA80D }
#mainRight .trade li .right h2 { clear:both; height:25px; background:#F4F4F4; padding:0 10px; margin:5px 0; line-height:25px; color:#333; overflow:auto; *display:inline-block
}
#mainRight .trade li .right h2 b { float:left; font-weight:normal }
#mainRight .trade li .right h2 span { float:right; color:#999 }
#mainRight .trade li .right h3, #mainRight .trade li .right h4 { padding:0 10px; line-height:25px; color:#666;word-wrap:break-word;overflow:hidden; }
#mainRight .trade p { border-top:#e5e5e5 1px solid; padding:20px; color:#333 }
#mainRight .trade p span { display:block; padding:40px 20px; text-align:right }
#mainRight .trade p span img { vertical-align:bottom }
/************
 CompanyPic Style
 ************/
#mainRight .photo ul { overflow:auto; *display:inline-block
}
#mainRight .photo li { float:left; width:33.2%; padding:10px 0; vertical-align:bottom; text-align:center }
#mainRight .photo li img { display:block; border:#f5f5f5 5px solid; margin:0 auto; vertical-align:bottom ; width: 150px; height: 110px;}
#mainRight .photo li a:hover img { border:#e5e5e5 5px solid }
/************
 Contact Style
 ************/
#mainRight .contact h6 { border:#E9E9E9 1px solid; padding:10px 0 10px 60px; line-height:25px; font-weight:bold; color:#333 }
#mainRight .contact h6 img { vertical-align:middle }
#mainRight .contact li { border:#E2E2E2 1px solid; border-top:#fff 1px solid; background:#F6F6F6; padding:5px 10px; line-height:25px; color:#666; vertical-align:bottom; overflow:auto; *display:inline-block
}
#mainRight .contact li a { color:#666 }
#mainRight .contact li b { float:left; width:120px; font-weight:normal; text-align:right }
#mainRight .contact li span { float:right; width:461px }
/************
 Sitemap Style
 ************/
#mainRight .sitemap dl{ clear:both; border-bottom:#ccc 1px dashed; padding:10px}
#mainRight .sitemap dt{ line-height:25px; color:#999}
#mainRight .sitemap dt a{ font-weight:bold; color:#f60}
#mainRight .sitemap dd{line-height:25px; color:#999}
/************
 Video Style
 ************/
#mainRight .video { padding:50px 0; text-align:center }
/************
 Show Style
 ************/
#mainRight .show { line-height:25px; color:#666; text-align:center }
#mainRight .show b { color:#257900 }
#mainRight .show .picA{ margin-top:10px;}
#mainRight .show img { vertical-align:bottom }
#mainRight .show font a{ color:#666; font-weight:normal;}
/************
 Page Style
 ************/
.newPage { clear:both; padding:20px 0; font-size:11px; font-family:Tahoma, Verdana, Simsun, Microsoft YaHei, Arial Unicode MS, Mingliu, Arial, Helvetica; color:#555; text-align:center }
.newPage select { vertical-align:bottom }
.newPage span, .newPage a { display:inline-block; border:#ccc 1px solid; background:#fff; margin:0 2px; padding:0 5px; line-height:180%; color:#555; vertical-align:middle }
.newPage span, .newPage a { *display:inline
}
.newPage a:hover, .newPage span.s { border:#690 1px solid; background:#74BF0A; color:#fff }
/************
 Inquire Style
 ************/
.inquire{padding:10px; background:#fff}
/********************
 merchandise Style
 ********************/
.merchandise ul{border:solid 1px #ededed; border-bottom:0px;margin:0px; padding:0px;white-space:nowrap;}
.merchandise li{display:block; border-bottom:solid 1px #ededed; width:auto; margin:0px; padding:0px; clear:both; overflow:hidden;zoom:1;}
.merchandise li strong,.merchandise li span{ display:inline-block;*display: inline;zoom:1;letter-spacing:normal; font-size:12px; vertical-align:top;margin:0px; padding:0px; height:40px; line-height:40px;＞ height:40px; text-align:center; border-right: solid 1px #ededed; overflow:hidden;}
.merchandise li strong{ height:30px; line-height:30px;＞height:40px;}
.merchandise li.bottom{margin:0px; padding:0px; padding:5px 15px 5px 0px; text-align:right}
.li2 .conAMerInput,.li3 .conAMerInput,.li4 .conAMerInput{margin:0px; padding:0px; border:none; outline: none; text-align: center; display:block; overflow:hidden; height:30px; line-height:30px;＞height:30px; font-size:12px;}
.merchandise li .li1{width: 20px;＞width: 30px;}
.merchandise li .li2{width: 140px;＞width: 150px;}
.merchandise li .li2 .conAMerInput{ width:130px;＞width: 140px;}
.merchandise li .li3{width: 110px; _width:105px;＞width:115px;}
.merchandise li .li3 .conAMerInput{width:100px; ＞width: 110px;}
.merchandise li .li4{width: 65px; ＞width:75px; border-right:0px;}
.merchandise li .li4 .conAMerInput{ width:55px; ＞width: 65px;}
.merchandise li span.li2,.merchandise li span.li4{ text-align:left;}
.merchandise .clear{ display:none}
/********************
 quoted  Style
 ********************/
#quoted { padding:15px; }
#quoted ul { border:1px solid #E4E4E4; border-bottom:0px; width:620px; margin:0px auto 0px auto; }
#quoted li { width:590px; }
#quoted li.quoted_title1, #quoted li.quoted_title2, #quoted li.quoted_title3, #quoted li.quoted_title4, #quoted li.quoted_con1, #quoted li.quoted_con2, #quoted li.quoted_con3, #quoted li.quoted_con4 { height:26px; float:left; background-color:#F6F6F6; color:#434344; border-right:1px solid #D6D6D6; border-bottom:1px solid #D6D6D6; padding:14px 0px 0px 20px; }
#quoted li.quoted_con1, #quoted li.quoted_con2, #quoted li.quoted_con3, #quoted li.quoted_con4 { background-color:#FFF; }
#quoted li.quoted_title1, #quoted li.quoted_con1 { width:188px; }
#quoted li.quoted_title2, #quoted li.quoted_con2 { width:150px; }
#quoted li.quoted_title3, #quoted li.quoted_con3 { width:100px; }
#quoted li.quoted_title4, #quoted li.quoted_con4 { width:98px; border-right:0px; }
#quoted li.quoted_con1 a { color:#0157A8; font-weight:bold; }
#quoted li.quoted_con1 a:hover { color:#FF6600; }
#quoted ul#quoteds_list { border:1px solid #E4E4E4; border-right:0px; width:620px; }
#quoteds_list li { float:left; }
#quoteds_list li.quoteds_title, #quoteds_list li.quoteds_con, #quoteds_list li.remarks, #quoteds_list li.remarks_con { border-bottom:1px solid #E4E4E4; border-right:1px solid #E4E4E4; }
#quoteds_list li.quoteds_title, #quoteds_list li.remarks { width:100px; color:#0157A8; text-align:center; height:21px; padding:9px 0px 0px 0px; }
#quoteds_list li.remarks { height:41px; }
#quoteds_list li.quoteds_con, #quoteds_list li.remarks_con { width:188px; height:21px; padding:9px 0px 0px 20px; }
#quoteds_list li.remarks_con { height:41px; width:498px; }
#quoteds_list li.quoteds_con span { color:#FF0000; font-weight:bold; }
#quoteds_list li.remarks { height:auto; border-right:0px; border-bottom:0px; }
#quoteds_list li.remarks_con { width:488px; height:auto; padding:9px 10px 8px 20px; border-bottom:0px; background:url(/content/common/lines.gif) repeat-y left; }
/***2011-3-15 154 add***/
.error{ clear:both; padding:20px; }
.error h1{ font-weight:bold; font-size:18px; text-align:center}
.error p.errorTxt{ color:#FF0000; padding:30px; font-size:14px;}
.error p a{ color:#FF0000}
.contact-code li img{ border: solid 1px #efefef; width: 120px; padding: 8px; background: #fff;}
.contact-code li{ text-align: center;}

 .vip-box {
     width: 100%;
     margin:50px 0 150px;
     color: #999;
     text-align: center;
 }

     .vip-box .vip-banner {
         width: 100%;
         box-sizing: border-box;
     }

         .vip-box .vip-banner p {
             display: block;
             line-height: 36px;
             font-size: 22px;
             font-family: "微软雅黑";
             font-weight: normal;
             letter-spacing: 2px;
         }

 .vip-banner p:nth-of-type(1) {
     margin: 10px 0px 20px;
     font-weight: normal;
     font-family: "微软雅黑";
     font-size:24px;
     line-height: 60px;
     font-weight: 100;
 }

 .vip-box .vip-banner p a {
     color: #fff;
     text-decoration: none;
     vertical-align: middle;
 }

 .vip-banner .back-home-init {
       display: inline-block;
       padding:5px 15px;
       background: #008080;
       border-radius: 10px;
       line-height: 30px;
       font-size: 18px;
       overflow: hidden;
       font-family: "微软雅黑";
 }

     .vip-banner .back-home-init:hover {
         opacity: 0.8;
     }

 .images {
     margin-top: 30px;
     margin-bottom: 50px;
 }
 .footer-link { clear:both; width:900px; margin:0 auto; text-align:left }
 .footer-link .linkTxt { clear:both; border:#d6d6d6 1px solid; margin-top:10px; padding:10px }
 .footer-link .linkTxt dl { overflow:auto; *display:inline-block;position:relative; padding-left: 60px;}
 .footer-link .linkTxt dt {  width:60px; line-height:26px; position: absolute; top: 50%; margin-top: -13px; left: 0px;}
 .footer-link .linkTxt dt a { font-weight:bold; color:#000 }
 .footer-link .linkTxt dd { float:right; display:inline; width:808px }
 .footer-link .linkTxt dd a { display:inline-block; margin:0 10px 0 0; line-height:26px; color:#494949; white-space:nowrap;}
 .footer-link .linkTxt dd a { *display:inline;}

 /* 分页 */
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
  }
  .pagination > li {
    display: inline;
  }
  .pagination > li > a,
  .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.428571429;
    color: #428bca;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
  }
  .pagination > li:first-child > a,
  .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .pagination > li:last-child > a,
  .pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .pagination > li > a:hover,
  .pagination > li > span:hover,
  .pagination > li > a:focus,
  .pagination > li > span:focus {
    color: #2a6496;
    background-color: #eee;
    border-color: #ddd;
  }
  .pagination > .active > a,
  .pagination > .active > span,
  .pagination > .active > a:hover,
  .pagination > .active > span:hover,
  .pagination > .active > a:focus,
  .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #428bca;
    border-color: #428bca;
  }
  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #999;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
  }
  .pagination-lg > li > a,
  .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
  }
  .pagination-lg > li:first-child > a,
  .pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .pagination-lg > li:last-child > a,
  .pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .pagination-sm > li > a,
  .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
  }
  .pagination-sm > li:first-child > a,
  .pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .pagination-sm > li:last-child > a,
  .pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none;
  }
  .pager li {
    display: inline;
  }
  .pager li > a,
  .pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
  }
  .pager li > a:hover,
  .pager li > a:focus {
    text-decoration: none;
    background-color: #eee;
  }
  .pager .next > a,
  .pager .next > span {
    float: right;
  }
  .pager .previous > a,
  .pager .previous > span {
    float: left;
  }
  .pager .disabled > a,
  .pager .disabled > a:hover,
  .pager .disabled > a:focus,
  .pager .disabled > span {
    color: #999;
    cursor: not-allowed;
    background-color: #fff;
  }
  .img-btn{ width: 33.33333%; float: left;white-space:nowrap; word-break:keep-all;overflow:hidden;text-overflow:ellipsis; text-align: center; }

.proAd dl,.proAd dt,.proAd dd{ margin:0px; padding:0px; overflow:hidden}
.proAd .content{ padding-left:0px; padding-right:0px; padding-bottom:25px;  }
.ComProfile .content p{ line-height:25px; color:#383838; margin:0px; padding:0px; padding-top:5px;}
.proAd dl{ width: calc(25% - 20px); margin-bottom: 15px;float: left; padding-left: 10px; padding-right: 10px;}
.proAd dt{ height: auto;}
.proAd dt a,.proNew dt a{ display: inline-block;width: calc(100% - 2px); height: 110px;  text-align: center; line-height: 110px}
.proAd dt a img,.proNew dt a img{ display: inline-block;vertical-align: middle; max-width: 100%; max-height: 100px;}
.proAd dd { height: 35px; line-height: 35px; text-align: center;}
.proAd dd a {font-weight: normal;}
.proAd dt a,.proNew dt a{ border:solid 1px #ddd; background: #efefef;}

/* 产品展示 */
.proList .content{ padding:20px;}
.proList .content dl,.proList .content dt,.proList .content dd{ margin:0px; padding:0px; overflow:hidden; display:inline}
.proList .content dl{ float:left; width: calc(100% - 55px); margin:20px 20px 0 35px; padding-bottom: 20px;}
.proList .content dt a{ float:left; display: inline-block; width: 150px; height: 110px; text-align: center; line-height: 110px;}
.proList .content dt a img{ max-width: 150px;  max-height: 100px; display: inline-block; vertical-align: middle;border:none;}
.proList .content dd{ display:inline-block;padding-top:10px; padding-left:20px;}
.proList .content dl{ border-bottom: dashed 1px #ddd;}
.proList .content dt a{border: solid 1px #ddd; background: #efefef;}
.proList .content dd p{ padding:20px 0 ;}