
.banner { background: #2a2a2a; margin-top: 28px;}
.banner .bannerin {width: 1140px; margin: 0 auto; background: #252525;}
.banner .bannerin .ban_pic { width: 848px; height: 444px; position: relative; overflow: hidden; float: left;}
.banner .bannerin .ban_pic ul { height: 444px; position: absolute;}
.banner .bannerin .ban_pic ul li { float: left; width: 848px; height: 444px;}
.banner .bannerin .ban_pic #arr1 { position: absolute; left:20px; top:45%; cursor: pointer; display: none;}
.banner .bannerin .ban_pic #arr2 { position: absolute; right:20px; top:45%; cursor: pointer; display: none;}
.banner .bannerin .ban_pic .text { width: 100%; height: 38px; background: #000; filter:alpha(opacity=80); opacity: 0.8; position: absolute; bottom: 0; }
.banner .bannerin .ban_pic .text p { color: #fff; margin-left: 30px; line-height: 38px; font-size: 14px;}
.banner .bannerin .ban_pic .btn { position: absolute; bottom: 12px; right: 30px; width: 100px; height: 10px;}
.banner .bannerin .ban_pic .btn .b_block { float: left; margin-right: 10px; height: 10px; width: 10px; _font-size:0px; background: #fff; list-style:none; border-radius: 50%; cursor:pointer;}
.banner .bannerin .ban_pic .btn .current { background:#FE700C; }

.banner .bannerin .ban_list { width: 292px; float: left; background: #252525;}
.banner .bannerin .ban_list .pics { margin-left: 20px; margin-top: 15px; width: 250px;}
.banner .bannerin .ban_list .pics .pics_title { height: 25px;}
.banner .bannerin .ban_list .pics .pics_title h1 { font: bold 18px "microsoft yahei"; color: #fff; float: left;}
.banner .bannerin .ban_list .pics .pics_title p { width: 160px; height: 11px; _font-size:0px; float: right; margin:9px 0 0 0px; background: #5a5a5a;} 
.banner .bannerin .ban_list .pics .list_name { margin-top: 10px; padding-bottom: 18px;}
.banner .bannerin .ban_list .pics .list_name ul {}
.banner .bannerin .ban_list .pics .list_name ul li { float: left; font-size: 14px; color: #bcbcbc; padding: 0 13px 10px 13px; cursor: pointer;}
.banner .bannerin .ban_list .pics .list_name ul li:hover { color:#FE700C; }
.banner .bannerin .ban_list .pics .list_name ul .now { background: url(http://static.shibangchina.com/images/picture/line1.png) no-repeat bottom center; z-index: 99;  }
.banner .bannerin .ban_list .pics .list_name .line { width: 250px; height: 1px; background: #999; margin-top: -6px; z-index: -1;  _font-size:0px;}
.banner .bannerin .ban_list .pics .product_list { _margin-top:-10px; }
.banner .bannerin .ban_list .pics .product_list .pro_li { display: none;} 
.banner .bannerin .ban_list .pics .product_list .cur_li { display: block;} 
.banner .bannerin .ban_list .pics .product_list .pro_li ul li { padding-bottom: 14px; _padding-bottom:10px; list-style:inside url(http://static.shibangchina.com/images/picture/point.png); }
.banner .bannerin .ban_list .pics .product_list .pro_li ul li p { color: #bcbcbc; font:normal 12px 'SimSun'; letter-spacing: 0.1em; display: inline; *padding-left: 10px;} 
.banner .bannerin .ban_list .pics .product_list .pro_li ul li .click { float: right; margin-top: 2px; *margin-top:-10px; color: #878787;}
.banner .bannerin .ban_list .pics .product_list .pro_li ul li p a { color: #bcbcbc;}


.content { width: 1140px; margin: 0 auto; margin-top: 40px; position: relative;}
.w320 { width: 320px;}
.w150 { width: 150px;}
.w319 { width: 319px;}
.w211 { width: 211px;}
.content .change { cursor: pointer; float: left;}
.content .line2 { width: 665px; height: 10px; background: #ececec; float: left; margin: 10px 0 0 20px; _font-size:0px;}
.block_left { float: left;  width: 848px;}
.company { width: 848px; float: left;}
.company .com_title { height: 30px;}
.company .com_title h1 { font-size: 20px; font-weight: bold; color: #454545; float: left;}
.company .com_title .more { float: left; margin: 5px 0 0 15px;}
.company .com_list { margin-top: 20px;}
.company .com_list div { margin-right: 20px;}
.company .com_list div p { height: 35px; _height:42px; color:#3f3e3e;}

.company .com_list .com_list_1 { float: left; width: 320px; height: 255px; position: relative; overflow: hidden;}
.company .com_list .com_list_1 ul { position: absolute; width: 640px;}
.company .com_list .com_list_2 { float: left; width: 150px; height: 255px; position: relative; overflow: hidden;}
.company .com_list .com_list_2 ul { position: absolute; width: 300px;}
.company .com_list .com_list_3 { float: left; width: 150px; height: 255px; position: relative; overflow: hidden;}
.company .com_list .com_list_3 ul { position: absolute; width: 300px;}
.company .com_list .com_list_4 { float: left; width: 150px; margin-right: 0; height: 140px; height: _120px; position: relative; overflow: hidden;}
.company .com_list .com_list_4 ul { position: absolute; width: 300px;}
.company .com_list ul li { float: left;}


.custom { width: 848px; padding-top: 10px; float: left;}
.custom .cus_title { height: 30px;}
.custom .cus_title h1 { font-size: 20px; font-weight: bold; color: #454545; float: left;}
.custom .cus_title .more { float: left; margin: 5px 0 0 15px;}
.custom .cus_list { margin-top: 20px;}
.custom .cus_list div { margin-right: 20px;}
.custom .cus_list div p { height: 35px; color:#3f3e3e;}
.custom .cus_list li { float: left;}
.custom .cus_list .cus_list_1 { float: left;  width: 150px;  height: 260px; position: relative; overflow: hidden;}
.custom .cus_list .cus_list_1 ul { position: absolute; width: 300px;}
.custom .cus_list .cus_list_2 { float: left;  width: 319px; height: 260px; position: relative; overflow: hidden;}
.custom .cus_list .cus_list_2 ul { position: absolute; width: 638px;}
.custom .cus_list .cus_list_3 { float: left;  width: 150px; height: 260px; position: relative; overflow: hidden;}
.custom .cus_list .cus_list_3 ul { position: absolute; width: 300px;}
.custom .cus_list .cus_list_4 { float: left;  width: 150px; margin-right: 0; height: 140px; height: _120px; position: relative; overflow: hidden;}
.custom .cus_list .cus_list_4 ul { position: absolute; width: 300px;}

.relative { float: left; margin-left: 15px; width: 250px;}
.relative .zhuanti { }
.relative .rel_title { padding-bottom: 20px; height: 30px;}
.relative .rel_title h1 {  font-size: 18px; font-weight: bold; color: #454545; float: left;}
.relative .rel_title .line3 { width: 160px; height: 10px; background: #ececec; float: left; margin: 10px 0 0 17px;  _font-size:0px;}
.relative .rel_img { margin-bottom: 6px;}
.relative .news { margin-top: 30px; _margin-top:65px;}
.relative .news ul li { margin-bottom: 5px;}
.relative .news ul li a { font: normal 12px 'SimSun'; color: #6f6b6b;}

.exhibition { margin-top: 20px;}
.exhibition .line4 { width: 960px; height: 10px; background: #ececec; float: left; margin: 10px 0 0 20px; _font-size:0px;}
.exhibition .ex_title { height: 30px;}
.exhibition .ex_title h1 { font-size: 20px; font-weight: bold; color: #454545; float: left;}
.exhibition .ex_title .more { float: left; margin: 5px 0 0 15px;}
.exhibition .ex_list { margin-top: 20px;}
.exhibition .ex_list div { margin-right: 20px;}
.exhibition .ex_list div p { height: 35px; color:#3f3e3e;}
.exhibition .ex_list .ex_list1 { float: left; width: 211px;}
.exhibition .ex_list .ex_list2 { float: left; width: 315px;}
.exhibition .ex_list .ex_list3 { float: left; width: 150px;}
.exhibition .ex_list .ex_list4 { float: left; width: 212px;}
.exhibition .ex_list .ex_list5 { float: left; width: 150px; margin-right: 0;}


.culture { margin-top: 20px;}
.culture .line4 { width: 960px; height: 10px; background: #ececec; float: left; margin: 10px 0 0 20px; _font-size:0px;}
.culture .cul_title { height: 30px;}
.culture .cul_title h1 { font-size: 20px; font-weight: bold; color: #454545; float: left;}
.culture .cul_title .more { float: left; margin: 5px 0 0 15px;}
.culture .cul_list { margin-top: 20px; width: 1130px; overflow:hidden; height: 368px; position: relative;}
.culture .cul_list div {}
.picon{clear:both;height:368px;padding-left:4px;overflow:hidden;background:#000;position:relative;}
.picon ul{position:absolute;top:0;left:0;height:368px;width:1230px;}
.picon li{float:left;height:368px;width:168px;position:relative;overflow:hidden;}
.picon li.cur div{display:block;}


.rel_product { margin-top: 30px;}
.rel_product .line5 { width: 370px; height: 10px; background: #ececec; margin: 10px 0 0 20px; float: left; _font-size:0px;}
.pro_line { float: left; width: 545px;}
.pro_line .pro_line_title { height: 30px;}
.pro_line .pro_line_title h1 { font-size: 20px; font-weight: bold; color: #454545; float: left;}
.pro_line .pro_line_title .more { float: left; margin: 5px 0 0 15px;}
.pro_line .pro_line_list { margin-top: 20px;}
.pro_line .pro_line_list div { margin-right: 15px;}
.pro_line .pro_line_list div p { height: 35px; color:#3f3e3e;}
.pro_line .pro_line_list li { float: left;}
.pro_line .pro_line_list .pro_line_list1 { float: left; width: 211px; height: 260px; position: relative; overflow: hidden;}
.pro_line .pro_line_list .pro_line_list1 ul { position: absolute; width: 422px;}
.pro_line .pro_line_list .pro_line_list2 { float: left; width: 150px; height: 260px; position: relative; overflow: hidden;}
.pro_line .pro_line_list .pro_line_list2 ul { position: absolute; width: 300px;}
.pro_line .pro_line_list .pro_line_list3 { float: left; width: 150px; margin-right: 0;  height: 140px; height: _120px; position: relative; overflow: hidden;}
.pro_line .pro_line_list .pro_line_list3 ul { position: absolute; width: 300px;}

.pro_show { float: right; width: 545px;}
.pro_show .pro_show_title { height: 30px;}
.pro_show .pro_show_title h1 { font-size: 20px; font-weight: bold; color: #454545; float: left;}
.pro_show .pro_show_title .more { float: left; margin: 5px 0 0 15px;}
.pro_show .pro_show_list { margin-top: 20px;}
.pro_show .pro_show_list div { margin-right: 15px;}
.pro_show .pro_show_list div p { height: 35px; color:#3f3e3e;}
.pro_show .pro_show_list li { float: left;}
.pro_show .pro_show_list .pro_show_list1 { float: left; width: 211px;  height: 260px; position: relative; overflow: hidden;}
.pro_show .pro_show_list .pro_show_list1 ul { position: absolute; width: 422px;}
.pro_show .pro_show_list .pro_show_list2 { float: left; width: 150px;  height: 260px; position: relative; overflow: hidden;}
.pro_show .pro_show_list .pro_show_list2 ul { position: absolute; width: 300px;}
.pro_show .pro_show_list .pro_show_list3 { float: left; width: 150px; margin-right: 0; height: 140px; height: _120px; position: relative; overflow: hidden;}
.pro_show .pro_show_list .pro_show_list3 ul { position: absolute; width: 300px;}


