body, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, span, i, ul, a, em, img, textarea, select { margin: 0px; padding: 0px; font-family: "Microsoft YaHei"; }
* { padding: 0px; margin: 0px; list-style: outside none none; }
body, button, input, select, textarea, font { font-size: 12px; }
h1, h2, h3, h4, h5, h6, button, input, select, textarea { font-size: 100%; }
label, input, select { vertical-align: middle; }
img { border: medium none; }
ul, ol {  list-style:none}
table { border-collapse: collapse; border-spacing: 0px; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a { text-decoration: none; }
a:link{ color:#000033}
ul, li { padding: 0px; margin: 0px;}
.clearfix::before, .clearfix::after { content: "."; display: block; visibility: hidden; height: 0px; line-height: 0; font-size: 0px; }
.clearfix::after { clear: both; }


#bHeight { display: none; }
.container { width: 980px; display: block; margin: 0px auto; }
.header { position: absolute; top: 0px; left: 0px; width: 100%; display: inline-block; height:145px; background: transparent url('../images/headbg.png') repeat-x scroll 0% 0%; z-index: 3000;}
.head_top { width: 100%; height: 110px; display: inline-block; }
.head_sel { display: inline-block; padding-top: 28px; }
.selectbox { width: 125px; height: 22px; float: right; display: inline; position: relative; z-index: 20000; }
.cartes { display: block; overflow: hidden; position: relative; cursor: pointer; width: 125px; height: 22px; background: transparent url('../images/cartes.jpg') no-repeat scroll 0% 0%; }
.listTxt { float: left; display: inline-block; width: 84px; height: 22px; cursor: pointer; padding-left: 16px; border: 0px none; background: transparent none repeat scroll 0px center; font: 12px/22px Arial; color: rgb(125, 127, 132); }
.listBtn { float: left; position: absolute; right: 0px; top: 0px; display: block; height: 100%; width: 25px; background: transparent none repeat scroll 0px center; border: 0px none; }
.lists { position: absolute; top: 21px; left: 6px; display: none; width: 114px; z-index: 2001; }
.lists .list { float: left; width: 100%; background: transparent url('../images/head_box2bg.png') repeat-y scroll 0% 0%; }
.lists li { float: left; width: 100%; cursor: pointer; }
.lists li a { width: 109px; font: 11px/22px Arial; color: rgb(51, 51, 51); display: inline-block; }
.lists li a:hover { background: rgb(164, 165, 171) none repeat scroll 0% 0%; }
.lists .listbg { float: left; width: 100%; height: 10px; display: inline-block; background: transparent url('../images/head_box2tt.png') no-repeat scroll 0% 0%; }
.head_box0 { width: 200px; height: 22px; display: inline-block; background: transparent url('../images/cartes11.jpg') no-repeat scroll 0% 0%; }
.head_box0 .head_box11 { float: left; width: 164px; height: 22px; display: inline-block; padding: 0px 0px 0px 11px; font: 12px/22px "Microsoft YaHei"; color: rgb(125, 127, 132); border: 0px none; background: transparent none repeat scroll 0px center; }
.head_box0 .head_box12 { float: left; width: 24px; height: 22px; display: inline-block; cursor: pointer; border: 0px none; background: transparent none repeat scroll 0px center; padding: 0px; }
.head_box1 { float: left; display: inline; margin-left: 9px; }
.head_box2 { width: 125px; }
.head_box3 a { width: 100px; height: 23px; display: inline-block; background: transparent url('../images/head_box3.jpg') no-repeat scroll left top; }
.head_box3 a:hover { background: transparent url('../images/head_box3.jpg') no-repeat scroll left bottom; }
.head_nav { width: 100%; height: 35px; display: inline-block; }
.navigation_horiz { width: 100%; clear: both; padding: 0px; margin: 0px auto; }
.navigation_horiz ul { width: 110%; display: block; padding-left: 20px; }
.navigation_horiz ul li { float: left; display: inline-block; height: 35px; position: relative; z-index: 6000; }
.navigation_horiz ul li a.navlink { display: inline-block; height: 35px; color: rgb(255, 255, 255); padding: 0px 33px; text-decoration: none; font: 14px/35px "Microsoft YaHei"; }
.navigation_horiz ul li:hover a.navlink { background: transparent url('../images/navlinktt.jpg') repeat-x scroll 0% 0%; height: 36px; position: relative; z-index: 18000; color: rgb(217, 7, 8); }
.navigation_horiz .dropdown { position: absolute; left: 0px; z-index: 16000; top: 35px; display: none; width:300px}
.navigation_horiz ul li .dropdown { background: rgb(204, 204, 204) none repeat scroll 0% 0%; color: rgb(255, 255, 255); display: none; }
/*.navigation_horiz ul li .dropdown a { color: red; }*/
.navigation_horiz ul li .dropdown { padding: 0px; border: 1px solid rgb(209, 211, 216); background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.navigation_horiz ul li #dropdown_two { width:960px ! important; left: -360px; padding:0px 25px}
.navigation_horiz ul li #dropdown_three { width:436px ! important;  left: -135px; padding:0px 25px }
.navigation_horiz ul li #dropdown_four { width: 606px ! important; left: -360px; padding:0px 25px }
.navigation_horiz ul li #dropdown_fo { width: 368px ! important; left: -122px; padding:0px 25px }
#dropdown_fo .sol_right { padding-left: 30px; height: 109px; margin-top: 10px; background: transparent none repeat scroll 0px center; border-left: 1px solid rgb(223, 224, 228); }
.navigation_horiz ul li #dropdown_five { width: 368px ! important; height: 116px; left: -122px;padding:0px 25px }
#dropdown_five .sol_right { padding-left: 30px; height: 96px; margin-top: 10px; margin-bottom:10px;background: transparent none repeat scroll 0px center; border-left: 1px solid rgb(223, 224, 228); }
.navigation_horiz ul li #dropdown_six { width:376px ! important; height: 226px; left: -114px; padding:0px 25px}
#dropdown_six .sol_right { padding-left: 30px; height:137px; margin-top: 10px; margin-bottom:10px;background: transparent none repeat scroll 0px center; border-left: 1px solid rgb(223, 224, 228); }
#dropdown_six .sol_right dt a { line-height: 28px; font-size: 13px;}
#dropdown_six .sol_right dd { font: 12px/18px "Microsoft YaHei"; color: rgb(51, 51, 51); width: 100%; }
.dropdown dl { float: left; display: inline-block; padding-right: 30px; }
.dropdown .dlla { padding-right: 50px; }
.dropdown dt, .dropdown dd {  }
#dropdown_two  ul li { width:200px}
.navigation_horiz ul li #dropdown_two dl { padding: 0px; }
.navigation_horiz ul li .dropdown dt a { padding-left: 13px; display: block; font: bold 12px/30px "Microsoft YaHei"; color: rgb(51, 51, 51); background: transparent url('../images/prolasttt.jpg') no-repeat scroll left 12px; }
.navigation_horiz ul li .dropdown dd a { margin-left: 13px; display: block; font: 400 12px/24px "Microsoft YaHei"; color: rgb(51, 51, 51); white-space: nowrap; }
.navigation_horiz ul li .dropdown dt.prolast a { line-height: 22px; background-position: left 8px; }
.navigation_horiz ul li .dropdown dt a:hover { background: transparent url('../images/prolasttt.jpg') no-repeat scroll left -7px; color: rgb(217, 7, 8); }
.navigation_horiz ul li .dropdown dd a:hover { color: rgb(217, 7, 8); }
.navigation_horiz ul li .dropdown dt.prolast a:hover { line-height: 22px; background-position: left -11px; }
.sol_right { width: 186px; padding-left: 30px; background: transparent url('../images/sol_rightbg.jpg') no-repeat scroll left top; margin-top: 10px; height: 150px; }
.dropdown .sol_right dd { width: 50%; }
.mainbody { float: left; width: 100%; display: inline-block; padding-top: 104px; }
.footer { float: left; width: 100%;  display: inline-block;background:#363636; border-top: 2px solid rgb(195, 2, 17); }
.fooTop { display: inline-block; width: 100%; padding: 18px 0px 0px;  position: relative; z-index: 100; }
.di{ text-align:center; height:40px; background:#282828; line-height:40px; color:#CCCCCC}
.fooTop1 { display: inline-block;background:url(../images/map_28.jpg) no-repeat center 0px;  }
.fooTop11 { display: inline-block; width:100px}
.fooTop11 h2 { width: 100%; display: inline-block; font: bold 13px/16px "Microsoft YaHei"; color: rgb(255, 255, 255); }
.fooTop11 ul { width: 100%; display: inline-block; padding-bottom: 14px; margin-top: 9px; }
.fooTop11 li { float: left; width: 100%; display: inline-block; }
.fooTop11 a { display: inline-block; font: 12px/24px "Microsoft YaHei"; color: rgb(255, 255, 255); }
.fooTop11 a:hover { color: rgb(209, 210, 211); }
.totop { position: absolute; top: 0px; right: 0px; width: 50px; height: 23px; overflow: hidden; background: transparent url('../images/top.jpg') no-repeat scroll 0% 0%; z-index: 105; }
.totop:hover { background-position: left bottom; }
.fooTop2 { display: inline-block; }
.fooTop2 a { display: inline-block; padding-bottom: 20px; }
.fooTop2 a img { width: 270px; height: 162px; }
.fooTop2 a img:hover { opacity: 0.8; }
.footSearch { display: inline-block; height: 20px; }
.footSearch span { float: left; display: inline-block; font: 600 12px/20px "Microsoft YaHei"; color: rgb(255, 255, 255); padding-right: 3px; }
.footSearch form { float: left; display: inline-block; }
.footBottom { width: 100%; display: inline-block; }
.footBottom1 { display: inline-block; width: 49%; padding-top: 19px; }
.footBottom11 { width: 100%; display: inline-block; }
.footBottom11 a { float: left; display: inline-block; font: 12px/24px "Microsoft YaHei"; color: rgb(255, 255, 255); }
.footBottom11 a:hover { color: rgb(209, 210, 211); }
.footBottom11 span { float: left; display: inline-block; width: 1px; height: 24px; padding: 0px 8px; background: transparent url('../images/footbottom11tt.jpg') no-repeat scroll center center; }
.footBottom1 p { width: 100%; display: inline-block; font: 12px/24px "Microsoft YaHei"; color: rgb(255, 255, 255); }
.footBottom1 p a { display: inline-block; font: 12px/24px "Microsoft YaHei"; color: rgb(255, 255, 255); }
.footBottom1 p a:hover { color: rgb(209, 210, 211); }
.footBottom2 { position: relative; z-index: 1; display: inline-block; height: 76px; }
.footBottom21 { position: absolute; right: 0px; top: -1px; width: 302px; height: 76px; background: transparent url('../images/foot_er.jpg') no-repeat scroll 0% 0%; display: inline-block; }
.footBottom21 a { float: left; width: 150px; height: 76px; display: inline-block; }
.footBottom21 a.footBottom211 { width: 152px; }
.footBottom21 a:hover { background: transparent url('../images/foot_er1.jpg') no-repeat scroll 0% 0%; }
.footBottom21 .footBottom211:hover { background-position: right top; }
.fl { float: left; }
.fr { float: right; }
.mrgL5 { margin-left: 5px; }
.mrgT15 {}
.mrgL40 { margin-left: 40px; }

#screen { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; display: none; background-color: rgb(102, 102, 102); opacity: 0.5; z-index: 1610; }
.banner { width: 100%; display: inline-block; height: 380px; overflow: hidden; }
#myController3 { height: 15px; line-height: 15px; position: absolute; bottom: 18px; right: 6px; z-index: 500; }
#myController3 li { float: left; width: 13px; height: 15px; display: inline; text-align: center; cursor: pointer; background: transparent url('../images/ban_btn.png') no-repeat scroll 0% 0%; margin: 0px 4px; text-indent: -222em; overflow: hidden; }
#myController3 li.on { background-position: left bottom; }
#myController3 li:hover { background-position: left bottom; }
.index_scro { width: 100%; height: 32px; display: inline-block; background: rgb(223, 224, 228) none repeat scroll 0% 0%; }
.index_scro1 { float: left; width: 100%; height: 32px; display: inline-block; background: rgb(160, 161, 167) none repeat scroll 0% 0%; }
.notice { float: left; width: 360px; height: 32px; padding-left: 115px; overflow: hidden; background: transparent url('../images/index_scro1bg.jpg') no-repeat scroll left top; }
.noticTipTxt { color: rgb(255, 115, 0); height: 32px; line-height: 32px; overflow: hidden; display: inline-block; }
.noticTipTxt li { width: 100%; height: 32px; line-height: 32px; display: inline-block; }
.noticTipTxt a { float: left; width: 295px; color: rgb(255, 255, 255); font: 12px/32px "Microsoft YaHei"; text-decoration: none; }
.noticTipTxt span { float: right; display: inline-block; font: 12px/32px Arial; color: rgb(255, 255, 255); }
.noticTipTxt a:hover { color: rgb(185, 2, 17); }
.index_scro2 { float: right; display: inline-block; }
.index_scro2 a { float: left; width: 35px; height: 32px; display: inline-block; background: transparent url('../images/index_scro2.png') no-repeat scroll 0% 0%; }
.index_scro2 .index_scro21 { position: relative; float: left; width: 35px; height: 32px; display: inline-block; z-index: 1510; }
.index_scro2 .index_scro21 a { background: transparent url('../images/index_scro2.png') no-repeat scroll center center; }
.index_scro2 a:hover, .index_scro2 .index_scro21:hover a { opacity: 0.6; }
.index_scro2 a:hover { background-color: rgb(195, 2, 17); }
.index_show { position: absolute; left: -160px; top: -160px; width: 239px; padding: 5px 0px 16px; z-index: 2000; opacity: 0; display: none; background: transparent url('../images/erbg1.png') no-repeat scroll 0% 0%; }
.index_show p { font: 12px/20px "Microsoft YaHei"; color: rgb(51, 51, 51); display: inline-block; }
.index_show p strong { font: 600 15px/20px "Microsoft YaHei"; color: rgb(51, 51, 51); display: inline-block; }
.index_main { width: 100%; display: inline-block; padding: 2px 0px 8px; }
.index_con { width: 500px; height: 262px; display: inline; position: relative; margin-left: 29px; }
.index_con1 { width: 385px; margin-left: 36px; }
.index_con h2 { width: 100%; display: inline-block; line-height: 44px; border-bottom: 1px solid rgb(196, 198, 203); }
.index_con p { float: left; display: inline-block; font: 400 16px/44px "Microsoft YaHei"; color: rgb(0, 0, 0); padding-right: 6px; }
.index_con p font { font: 400 16px/44px "Microsoft YaHei"; display: inline-block; color: rgb(0, 0, 0); }
.index_con i { float: left; font: 16px/20px Arial; padding-top: 12px; color: rgb(188, 188, 188); display: inline; text-transform: uppercase; }
.index_con a { float: left; color: black; }
.index_con a:hover { color: rgb(185, 2, 17); }
.index_pro { width: 100%; height: 196px; display: inline-block; overflow: hidden; padding-top: 12px; }
.index_ul { width: 108%; }
.index_li { float: left; width: 262px; display: inline-block; padding-right: 3px; }
.index_li span { width: 28px; height: 28px; display: inline-block; font: italic bold 16px/28px Arial; color: rgb(255, 255, 255); margin-left: 2px; text-align: center; background: transparent url('../images/index_li1.jpg') no-repeat scroll left bottom; margin-top: 2px; }
.index_li a { font: 12px/18px Arial; color: rgb(102, 102, 102); display: inline-block; }
.index_li a strong { width: 165px; height: 36px; overflow: hidden; font: 400 13px/18px "Microsoft YaHei"; display: inline-block; color: rgb(0, 0, 0); }
.index_li .index_li1 { font: 12px/16px "Microsoft YaHei"; color: rgb(0, 0, 0); display: inline-block; }
#myController4 { height: 12px; line-height: 12px; z-index: 1005; position: absolute; right: 0px; top: 21px; }
#myController4 span { float: left; width: 8px; height: 12px; display: inline; text-align: center; cursor: pointer; background: transparent url('../images/index_litt.jpg') no-repeat scroll left center; margin-left: 8px; }
#myController4 span.j_prev, #myController4 span.j_next { width: 12px; height: 32px; display: block; background: transparent url('../images/indexbtn.jpg') no-repeat scroll left top; position: absolute; left: -485px; top: 123px; }
#myController4 span.j_next { background-position: right top; left: auto; right: 0px; }
#myController4 span.jFlowSelected4 { background-position: right center; }
.index_new { width: 100%; display: inline-block; padding: 16px 0px 15px; }
.index_new p { float: right; width: 220px; display: inline-block; font: 12px/18px "Microsoft YaHei"; color: rgb(102, 102, 102); padding: 0px; }
.index_new p a { display: inline-block; font: 400 14px/18px "Microsoft YaHei"; color: rgb(185, 2, 17); padding-bottom: 6px; }
.index_new p a:hover { color: rgb(185, 2, 17); }
.index_new a img:hover { opacity: 0.6; }
.index_ico { width: 100%; display: inline-block; }
.index_ico ul { display: inline-block; width: 118%; margin-left: -28px; }
.index_ico li { float: left; width: 112px; height: 82px; display: inline-block; }
.index_ico li a { width: 100%; display: inline-block; background: transparent url('../images/index_icott1.jpg') no-repeat scroll center bottom; cursor: pointer; }
.index_ico1 { width: 100%; height: 55px; display: inline-block; }
.index_ico li a font { width: 100%; padding: 3px 0px 8px; font: 11px/16px "Microsoft YaHei"; color: rgb(51, 51, 51); display: inline-block; text-align: center; }
.index_ico li a:hover { background: transparent url('../images/index_icott2.jpg') no-repeat scroll center bottom; }
.index_ico1 { width: 100%; height: 50px; display: inline-block; background: transparent url('../images/ico1.jpg') no-repeat scroll -134px 0px; }
.index_ico2 { background-position: -230px 0px; }
.index_ico3 { background-position: -332px 0px; }
.index_ico4 { background-position: -425px 0px; }
.index_ico li a:hover font { color: rgb(180, 1, 9); }
.index_ico li a:hover .index_ico1 { background-position: -134px -89px; }
.index_ico li a:hover .index_ico2 { background-position: -230px -89px; }
.index_ico li a:hover .index_ico3 { background-position: -332px -89px; }
.index_ico li a:hover .index_ico4 { background-position: -425px -89px; }
.pror_new { position: absolute; left: 0px; top: 0px; display: block; width: 35px; height: 32px; background: transparent url('../images/pror_news1.png') no-repeat scroll 0% 0% / cover ; z-index: 12; }
.pror_hot { position: absolute; left: 0px; top: 0px; display: block; width: 21px; height: 19px; background: transparent url('../images/pror_hot1.png') no-repeat scroll 0% 0% / cover ; z-index: 11; }
.zs { width: 598px; height: 240px; background-color: rgb(249, 249, 250); position: absolute; top: 0px; left: 0px; display: none; z-index: 1615; }
.zs h2 { width: 100%; height: 4px; background-color: rgb(217, 7, 8); position: relative; }
.zs h2 a { position: absolute; right: 0px; bottom: 0px; }
.zs .mainlist { display: inline-block; width: 100%; height: 236px; font: bold 24px/236px "Microsoft YaHei"; color: rgb(217, 7, 8); text-align: center; }
#screen { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; display: none; background-color: rgb(102, 102, 102); opacity: 0.5; z-index: 1610; }

.arrow, .cb, .rb { background-image: url('../images/icon.png'); }
.sb { cursor: pointer; background: transparent url('../images/sb1.jpg') no-repeat scroll 0% 0%; position: relative; float: left; margin: 0px 0px 0px 7px; display: inline; }
.sb * { color: rgb(102, 102, 102); font: 12px Song; cursor: pointer; }
.sb .opts { cursor: pointer; display: none; height: auto; left: 0px; overflow-x: hidden; overflow-y: auto; position: absolute; bottom: 20px; width: auto; z-index: 99; background: rgb(255, 255, 255) none repeat scroll 0% 0%; max-height: 202px; }
.sb > .selected { padding: 0px 15px 0px 10px; overflow: hidden; position: absolute; cursor: pointer; left: 0px; font: 12px/20px "Microsoft YaHei"; color: rgb(34, 40, 57); }
.sb .opts a { width: auto; height: 24px; line-height: 24px; padding: 0px 5px 0px 11px; outline: medium none; white-space: nowrap; text-decoration: none; display: block; cursor: pointer; color: rgb(0, 0, 0); font-family: "Microsoft YaHei"; text-align: left; }
.sb .opts a:hover { background: rgb(236, 236, 236) none repeat scroll 0% 0%; cursor: pointer; }
.sb .sb_icon { width: 7px; height: 4px; overflow: hidden; position: absolute; cursor: pointer; right: 4px; }
.sb .arrow { background-position: -27px -18px; }
#sbb { width: 71px ! important; background: transparent url('../images/sbb1.jpg') no-repeat scroll 0% 0%; }
#sbb .opts { width: 80px ! important; }
.footPut { border: 0px none; width: 26px; height: 20px; background: transparent url('../images/sb2.jpg') no-repeat scroll 0% 0%; cursor: pointer; }
.dropdown .cp_list{ list-style:none;width:134px;float:left;padding:15px 0px 25px; overflow:hidden}
#dropdown_two .cp_list{height:174px;width:220px}
.dropdown .cp_list li { width:150px; height:24px; margin-left:13px;overflow: hidden;white-space: nowrap; float:left}
.dropdown .cp_list  h4{padding-left: 13px;display: block; font: bold 12px/30px "Microsoft YaHei"; color: rgb(51, 51, 51); background: transparent url('../images/prolasttt.jpg') no-repeat scroll left 12px; }
.tempWrap{overflow: hidden; position: relative; width: 1264px}
.tempWrap  ul {width: 7584px; position: relative; overflow: hidden; padding: 0px; margin: 0px; left: -3792px;}
.tempWrap ul li{height: 380px; display: inline-block; float: left;}
.tempWrap ul li a{height: 380px; width: 100%; display: inline-block;}
#botton-scroll {z-index: 0;margin: 0px auto;height:196px; width:400px; overflow:hidden;}
.box {padding-bottom:10px; width:200px; float:left;}
.box .feature-title {font-size: 140%; font-weight: normal}
.featureul {position: relative;padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; width:1200px; padding-right: 0px; float: left;padding-top: 0px; left: 0px; height:190px; clear:both}
.featurebox {background-image: url(../images/bg-featurebox.jpg); border-bottom: #999 0px dotted; border-left: #999 0px dotted; width: 280px; background-repeat: no-repeat; float: left; height: 230px; overflow: hidden; border-top: #999 0px dotted; border-right: #999 0px dotted; padding-top: 10px;}
.box img{ width:170px; height:170px}
.index_pro .prev {border-bottom: #999 0px dotted; border-left: #999 0px dotted; text-indent: -9999px; width: 30px; display: block; background: url(../images/feature_left.gif) center top; float: left; height: 48px; border-top: #999 0px dotted; top: -125px; border-right: #999 0px dotted; position:relative}
.index_pro .next {border-bottom: #999 0px dotted; border-left: #999 0px dotted; text-indent: -9999px; width: 30px; display: block; background: url(../images/feature_right.gif) center top; float: right; height: 48px; border-top: #999 0px dotted; top: -125px; border-right: #999 0px dotted;position:relative}
.index_pro .prev:hover {background-position: center bottom}
.index_pro .next:hover {background-position: center bottom}



.mainbody { float: left; width: 100%; display: inline-block; padding-top: 104px; }
.product_banner { display: inline-block; width: 100%; height: 240px; border-bottom: 1px solid rgb(196, 198, 203); }
.product_banner a { display: inline-block; width: 100%; height: 240px; }
.pro_left { width: 220px; }
.one { width: 100%; height: 33px; display: inline-block; border-bottom: 1px solid rgb(204, 204, 204); }
.one a { width: 202px; display: inline-block; font: bold 13px/18px "Microsoft YaHei"; color: rgb(51, 51, 51);background: transparent url('../images/leftico.gif') no-repeat scroll 5px 13px; padding:8px 0px 4px 18px }
.one_cur a { background-position: 5px -20px;background-color: rgb(217, 7, 8); color:#FFFFFF }
.one a:hover { background-position: 5px -20px;background-color: rgb(217, 7, 8); color:#FFFFFF  }
.two { width: 100%; height: 28px; }
.two a { width: 204px; font: 12px/28px "Microsoft YaHei"; color: rgb(51, 51, 51); display: inline-block; padding-left: 16px; background: transparent url('../images/leftico.gif') no-repeat scroll left -54px; }
.two_cur a { background-color: rgb(217, 7, 8); color: rgb(255, 255, 255); background-position: 5px -87px; }
.two a:hover { background-color: rgb(217, 7, 8); color: rgb(255, 255, 255); background-position: 5px -87px; }
.pro_right { width: 730px; }
.pror_tit { width: 100%; display: inline-block; line-height: 35px; background: transparent url('../images/pror_tittt.jpg') repeat-x scroll center bottom; }
.pror_tit a { display: inline-block; font: 13px/24px "Microsoft YaHei"; color: rgb(51, 51, 51); padding: 4px 5px 0px 0px; }
.pror_tit p { display: inline-block; line-height: 35px; background: transparent url('../images/pror_tittt1.jpg') repeat-x scroll center bottom; }
.pror_tit p b { display: inline-block; font: 600 13px/24px "Microsoft YaHei"; color: rgb(217, 7, 8); background: transparent url('../images/pror_tittt2.jpg') no-repeat scroll left 20px; padding: 4px 5px 6px 14px; }
.pror_tit a:hover { color: rgb(217, 7, 8); }
.pror_tit .pror_tit1 { background: transparent url('../images/pror_tittt21.jpg') no-repeat scroll left 20px; padding: 4px 5px 6px 14px; }



.about_word { display: inline-block; width: 720px; font: 12px/25px "Microsoft YaHei"; color: rgb(51, 51, 51); padding: 12px 0px; /*text-indent:2em;*/ min-height:500px}
.about_word p{ font-size:14px; line-height:25px}
.about_word b { font: bold 12px/25px "Microsoft YaHei"; color: rgb(217, 7, 8); }
.mrgT20{margin-top:20px;}
.about_news{width:710px; display:inline-block; padding:20px 10px 45px; font:normal 14px/21px "Microsoft YaHei"; color:#666;word-wrap:break-word;word-wrap:break-word; min-height:500px}
.about_news h2{width:100%; display:inline-block; font:400 20px/28px "Microsoft YaHei"; color:#C4261D; text-align:center; padding:1px 0 18px;}
.about_news h2 span{font:normal 12px/28px "Microsoft YaHei"; color:#666; display:inline-block;}




.news-box{width:100%; margin:0 auto;}

.news-list{width:100%; display:inline-block;}
.news-list li{width:100%; height:35px; line-height:35px; display:inline-block; border-bottom:1px dotted #999dbe;}
.news-list li a{float:left; padding:0 0 0 35px; font:normal 12px/35px "Microsoft YaHei"; color:#515152; background:url(../images/news-listtt.gif) no-repeat 20px 14px;}
.news-list li a img{float:right; display:inline-block; padding:12px 0 0 40px; vertical-align:top;}
.news-list li a:hover{color:#d90708;}
.news-list li span{float:right; color:#939394; font:normal 12px/35px Arial; padding-right:20px;}
.news-list .new-bg{background:#fbfbfb;}


/*page*/
.page{display:inline-block; width:100%; text-align:center;}
.pageLeft{text-align:left;}
.page a{display:inline-block; width:28px; height:28px; font:normal 12px/28px Arial; color:#444; text-align:center; border:1px solid #ccc; margin:0 3px;}
.page a.page_cur{background:#7d7f84; border-color:#7d7f84; color:#fff; font-weight:bold;}
.page a:hover{background:#7d7f84; border-color:#7d7f84; color:#fff; font-weight:bold;}
.page a.page_pre{margin-right:15px;}
.page a.page_next{margin-left:15px;}

.mrgT30{margin-top:30px;}
.pdm30{padding-bottom:30px;}


/*产品列表*/
.pro_table{width:675px; height:395px; display:inline-block; padding:28px 0 0 28px;}
.pro_table font{display:inline-block; padding-left:10px; font:normal 12px/15px "Microsoft YaHei"; color:#333;word-wrap:break-word;word-break:break-all;word-wrap:break-word;}
.pro_table strong{display:inline-block; padding-left:10px; font:600 12px/15px "Microsoft YaHei"; color:#333;}
.pro_table p{padding:6px 0; display:inline-block;}
.pro_table table{border-collapse:collapse;}
.pro_table table,.pro_table table tr,.pro_table table td,.pro_table table{border:1px solid #dedede;}
/*四级*/
.pro_pro{padding-top:9px;}
.pro_proli{floaT:left; display:inline-block; width:710px; height:114px; padding:25px 0 25px 20px; border-bottom:1px solid #eee;}
.pro_proliimg{display:inline-block; width:175px;position:relative;}
.pro_proliimg img{float:left;}
.pro_prowo{width:520px;}
.pro_prowo1{float:left; width:520px; height:89px; display:inline-block; overflow:hidden;}
.pro_prowo h2{width:100%; display:inline-block; padding-bottom:5px;}
.pro_prowo h2 a{float:left; width:100%; font:400 13px/18px "Microsoft YaHei"; color:#000;}
.pro_prowo h2 a.pro_prowo11{font:400 13px/18px "Microsoft YaHei"; color:#000;}
.pro_prowo p{width:100%; display:inline-block; padding-top:2px; font:normal 12px/20px "Microsoft YaHei"; color:#666;word-break: break-all;word-wrap: break-word;}

.pro_prolink a{float:left; width:88px; height:24px; display:inline-block; margin-right:10px; background:#fff; text-align:center; border:1px solid #dedede; font:normal 12px/24px "Microsoft YaHei"; color:#666;}
.pro_prolink a:hover{color:#d90708; font-weight:bold; border-color:#d90708;}

.pro_proli:hover{border-color:#f0f0f3; background:#f0f0f3;}

.pror_tit p font{display:inline-block; font:normal 13px/24px "Microsoft YaHei"; color:#d90708; background:url(../images/pror_tittt2.jpg) no-repeat left center;padding:4px 5px 6px 14px;}

/*图文*/
.pror_con .hd{width:380px;}
.pror_con .hd ul{float:left;}
.pror_con .hd ul li{float:left; width:88px; height:57px; margin-right:8px; display:inline-block; border:1px solid #c4c6cb; cursor:pointer;}
.pror_con .hd ul li img{width:88px; height:57px;}
.pror_con .hd ul li.on{border-color:#d90708;}

.pror_con .bd,.pror_con .bd ul{width:340px; height:225px; zoom:1;}
.pror_con .bd li{height:24px; line-height:24px;}
.pror_con .bd li a{position:relative;display:inline-block;width:340px; height:225px; z-index:10;}
.pror_con .bd li a img{width:340px; height:225px;}
.pror_new{position:absolute; left:0; top:0; display:block; width:50px; height:46px; background:url(http://www.hebeishengcan.com/templets/shengcan/images/pror_news.png) no-repeat; z-index:12;}
.pror_hot{position:absolute; left:0; top:0; display:block; width:30px; height:27px; background:url(http://www.hebeishengcan.com/templets/shengcan/images/pror_hot.png) no-repeat; z-index:11;}


.pror_new1{position:absolute; left:12px; top:14px; display:block; width:35px; height:32px; background:url(../images/pror_news1.png) no-repeat; z-index:12;}
.pror_hot1{position:absolute; left:12px; top:14px; display:block; width:21px; height:19px; background:url(../images/pror_hot1.png) no-repeat; z-index:11;}

.pror_mess{width:380px; height:139px;}
.pror_mess h2{width:100%; display:inline-block; font:bold 16px/22px "Microsoft YaHei"; color:#333; padding:8px 0 6px;}
.pror_mess1{width:100%; display:inline-block;}
.pror_mess1 font{floaT:left; display:inline-block; font:normal 20px/28px Arial; color:#666;}

.pror_link a{display:inline-block; font:normal 12px/28px "Microsoft YaHei"; color:#333; padding:0 4px 0 25px; background:url(http://www.hebeishengcan.com/templets/shengcan/images/pror_link.jpg) no-repeat 0 8px;}
.pror_link a.pror_link1{background-position:0 -27px;}
.pror_link a:hover{color:#D90708;}
.pror_link a:hover{color:#D90708; background-image:url(http://www.hebeishengcan.com/templets/shengcan/images/pror_link1.jpg);}

/*图文*/

/*详细*/
.pror_det .hd{width:100%; display:inline-block; background:url(../images/pror_tittt.jpg) repeat-x bottom; margin:8px 0px 0px}
.pror_det .hd li{float:left; width:120px; display:inline-block; text-align: center;}
.pror_det .hd li a{display:inline-block; width:120px; font:normal 13px/28px "Microsoft YaHei"; cursor:pointer; color:#333; padding-bottom:8px;}
.pror_det .hd li.selectTag a{font-weight:bold; color:#d90708; background:url(../images/pror_dethdtt.jpg) repeat-x center 33px;}
.pror_bd{width:100%; display:none;}
#tagContent{min-height:200px; _hieght:200px; overflow:visible;}

.selectTag{display:block;}
.pror_bd1{display:block;font:normal 12px/28px "Microsoft YaHei"; color:#333; padding:20px 0 0 25px; overflow:hidden;word-wrap:break-word;}
.pror_bd1 b{display:inline-block;font:bold 13px/28px "Microsoft YaHei"; color:#333;}
.pror_bd1 a{floaT:left; display:inline;font:400 13px/28px "Microsoft YaHei"; color:#333; padding-right:25px; background:url(http://www.hebeishengcan.com/templets/shengcan/images/down.jpg) no-repeat right center;}
.pror_bd1 a:hover{color:#d90708;}
								
.pror_compare{width:698px; display:inline-block; padding-left:30px; border:1px solid #dedede; border-top:2px solid #c4c6cb; background:#f7f7f9; padding-top:20px;}
.pror_comptit{floaT:left; width:100%; display:inline-block; font:600 14px/20px "Microsoft YaHei"; color:#333; padding:4px 0 0;}
.pror_pro{floaT:left; width:100%; display:inline-block; padding:13px 0 24px;}
.pror_prod{floaT:left; width:580px; display:inline-block; overflow:hidden;}
.pror_prod ul{width:105%;}
.pror_prod li{float:left; width:135px; display:inline-block; margin-right:10px;}
.pror_prod li a{display:inline-block; text-align:center;}
.pror_prod li a font{display:inline-block; font:normal 12px/28px Arial; color:#666;}
.pror_prod li a img{border:1px solid #dedede; display:inline-block;}
.pror_prod li p{width:100%; display:inline-block;}
.pror_prod li p a{width:100%; display:inline-block;border:0; font:normal 12px/28px Arial; color:#666; text-align:center;} 
.pror_prod li p a font{width:100%; display:inline-block;font:normal 12px/18px "Microsoft YaHei"; color:#333; text-align:center; padding:6px 0;} 
.pror_prod li .pror_prod1{width:26px; height:25px; display:inline-block; border:0; text-align:center; font:normal 12px/24px "Microsoft YaHei"; color:#333; padding:0 0 0 22px; background:url(http://www.hebeishengcan.com/templets/shengcan/images/pror_prod1.jpg) no-repeat left 4px; margin-left:44px;}
.pror_prod li .pror_prod1:hover{height:24px; border-bottom:1px solid #94969a;}

.pror_prop{float:right; width:90px; display:inline-block; padding-top:13px; padding-right:25px;}
.pror_prop a{floaT:left; width:88px; height:26px; display:inline-block; border:1px solid #c4c6cb; background:#fff;font:normal 13px/26px "Microsoft YaHei"; text-align:center; color:#333; margin-top:10px;}
.pror_prop a.pror_prop1{border-color:#c4c6cb; background:#fff; color:#333;}
.pror_prop a:hover{border:1px solid #d90708; background:#d90708; color:#fff;}

.prowor{display:block;font:normal 12px/28px "Microsoft YaHei"; color:#333; padding:20px 0 0 25px; overflow:hidden;word-wrap:break-word;}

.pror_list{padding-left:0;}
.pror_ul{width:105%;}
.product_li{width:174px; height:188px; margin-right:11px; padding-bottom:32px;}
.product_li a{width:160px; height:181px; padding:7px 7px 0; background:0;}
.product_li a img{width:160px; height:103px;}
.product_li a .prohi{top:35px; left:60px;}
.product_li p{padding-top:10px;}

.f_left1{width:180px; height:120px; border-right:1px solid #fff; float:left;}
.f_left1 img{margin-left:43px;}
.f_left1 p{color:#fff; font-size:12px; height:30px; line-height:30px; text-align:center;}
.f_left2{width:350px; height:120px; float:right; padding-top:8px}
.f_left2box1{width: 330px;  line-height:35px; font-size:18px; color:#fff; text-align:right;}
.f_left2box2{width: 330px; line-height:35px; font-size:18px; color:#fff; text-align:right; padding-left:10px}
.f_left2box2 p{height:60px; line-height:30px; font-size:16px;}

.about_word  h5{margin-bottom: 8px;padding: 0 8px;height: 26px;line-height: 26px;background: #A2A2A2;font-size: 14px;color: #fff;display: inline-block;}

.cp_list p{ font-size:14px; font-weight:bolder; color:#000000}
.cp_list p span{ color:#FF0000;font-size:14px}

.about_news h1{width:768px; font:24px/24px "宋体"; text-align:center;color:#333;font-weight: bold; border-top:2px solid #ef8015; padding-top:15px}
.about_news .writ{ clear:both;width:758px; padding:0 5px; margin:10px 0 20px 0px;font:12px/22px "宋体"; color:#3e3e3e; text-align:center}
.about_news .writ span{margin-left:10px;}
.pror_det .hd li.selectTag a{font-weight:bold; color:#d90708; background:url(../images/pror_dethdtt.jpg) repeat-x center 33px;}

.accordion {width: 100%;max-width: 360px;margin: 30px auto 20px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.accordion .link {cursor: pointer;display: block;padding: 15px 15px 15px 42px;color: #4D4D4D;font-size: 14px;font-weight: 700;border-bottom: 1px solid #CCC;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordion li:last-child .link {border-bottom: 0;}
.accordion li i {position: absolute;top: 16px;left: 12px;font-size: 18px;color: #595959;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordion li i.fa-chevron-down {right: 12px;left: auto;font-size: 16px;}
.accordion li.open .link {color: #D90708;}
.accordion li.open i {color: #D90708;}	
.accordion li.open i.fa-chevron-down {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}

 .submenu {display: none;background: #EEEEF1;font-size: 14px;}
 .submenu li {border-bottom: 1px solid #4b4a5e;}
 .submenu a {display: block;text-decoration: none;color: #333;padding: 12px;padding-left: 42px;-webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;}
 .submenu a:hover {background:#666666;color: #FFF;}
 .accordion .fa-minus{font-size: 18px;color: #595959;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; position:relative;  float:left}
/*pages*/
.page-wrapper{margin: 20px 0;}
.page{height: 34px;text-align: center; margin:10px 0px}
.page li {display: inline-block;height: 34px;margin-right: 5px;}
.page li a{float: left;display: block;height: 32px;line-height: 32px;padding: 0 12px;font-size: 16px;border: 1px solid #dddddd;color: #555555;text-decoration: none;}
.page li a:hover{background:#f5f5f5;color:#0099ff;}
.page li.thisclass {background: #09f;color: #fff;}
.page li.thisclass a,.page li.thisclass a:hover{background: transparent;border-color: #09f;color: #fff;cursor: default;}