.thread{background:url(image/thread.png) no-repeat center center;width:416px;height:4px;margin:10px auto;}
.p{color:#575555;font-size:16px;}
#top{height:40px;background:#2a2a2a;color:#fff;font-size:13px;line-height:40px;}
#top p{float:left;margin-left:26px;}
#top .top_left{height:40px;}
#top .search{float:right;width:412px;margin-right:27px;height:40px;position:relative;}
#top input{border:1px solid white;}
#banner{height:500px;overflow:hidden;position:relative;}
#banner ul{height:500px;}
#banner ul li{height:500px;width:100%;float:left;}
#banner ul li.one{background:url(image/banner1.jpg) no-repeat center center;}
#banner ul li.two{background:url(image/banner2.jpg) no-repeat center center;}
#banner ul li.three{background:url(image/banner3.jpg) no-repeat center center;}
/*#banner ul li.four{background:url(image/banner4.jpg) no-repeat center center;}*/
#banner ul li.fuprev{background:url(image/banner3.jpg) no-repeat center center;}
/*#banner ul li.funext{background:url(image/banner4.jpg) no-repeat center center;}*/
#banner .banner_bottom{height:118px;width:100%;background:rgba(0,0,0,.4);position:absolute;bottom:0px;display:none;}
#banner .banner_bottom ul{display:block;}
#banner .direct{width:772px;height:56px;margin:0 auto;margin-top:31px;position:relative;}
#banner .circle{width:210px;height:18px;bottom:50px;position:absolute;z-index:2;left:50%;margin-left: -55px;}
#banner .circle li{width:18px;height:18px;border-radius:50px;background:#f3061b;margin-right:28px;cursor:pointer;}
#banner .circle li.on{background:none;border:2px solid #f3061b;width:14px;height:14px;}
#banner .circle li.last{margin-right:0;}
#banner .direct span{display:block;width:56px;height:56px;opacity:0.5;filter:alpha(opacity=50);}
#banner .direct span.banner_prev{float:left;background:url(image/prev.png);}
#banner .direct span.banner_next{float:right;background:url(image/next.png);}
#banner .direct span:hover{opacity:1;filter:alpha(opacity=50);}
#product{height:458px;}
#product h2{margin:28px 0 0 0;}      
#product .bg{height:50px;background:black;}
#product .tab{height:358px;margin-top:22px;border-top:1px solid #b0b0b0;}
#product .tab_nav li{width:133.3333px;height:50px;float:left;line-height:50px;background:black;}
#product .tab_nav li.aaa{background:red;}
#product .tab_nav li a{display:block;width:133.3333px;height:50px;line-height:50px;margin:0 auto;color:white;letter-spacing:2px;background:url(image/navbg.png) no-repeat right top;}
#product .tab_nav li a.a_last{background:none;}
#product .tab_nav li a.bb{background:url(image/navbg.png) no-repeat right top;}
#product .content p{font-size:15px;height:63px;line-height:30px;}
#product .content p.ph{line-height:63px;}
#product .product{height:255px;border-top:1px solid #b0b0b0;border-bottom:1px solid #b0b0b0;}
#product .product ul{height:220px;margin:15px auto;margin-left:-1212px;}  /* ul与父元素div（product_center）之间没有内容，怎么也可以设置margin-top？？？？？ */
#product .product ul li{border:1px solid #ccc;width:282px;height:217px;margin-right:13px;float:left;padding:3px;position:relative;}
#product .product ul li img{position:absolute;width:282px;height:217px;}
#product .product ul li img:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1);}
#product .product ul li a{display:block;width:282px;height:217px;position:relative;overflow:hidden;}
#product .product ul li p{height:40px;line-height:40px;width:282px;background:rgba(0,0,0,.3);position:absolute;bottom:0;color:#c8c3c3;cursor:pointer;letter-spacing:2px;}
#product .product ul li:hover p{color:white;background:rgba(0,0,0,.6);}
#product .product ul li.li_last{margin-right:0;}
#product .product .product_center{height:250px;overflow:hidden;position:relative;}   
#product .product .product_center span{display:none;width:38px;height:85px;position:absolute;top:85px;opacity:0.3;filter:alpha(opacity=50);}
#product .product .product_center span:hover{opacity:0.7;}
#product .product .product_center span.pro_left{background:url(image/left.jpg);left:0;cursor: pointer;}
#product .product .product_center span.pro_right{background:url(image/right.jpg);right:0;cursor: pointer;}
#product .product .product_center:hover span{display:block;}
#product .product .product_center ul{display:none;}
#product .product .product_center ul.first_product{display:block;width:9077px;}
#product .product .product_center ul.second_product{width:11900px;}
#product .product .product_center ul.third_product{width:9468px;}
#product .product .product_center ul.fourth_product{width:9577px;}
#product .product .product_center ul.fifth_product{width:8668px;}
#product .product .product_center ul.sixth_product{width:7965px;}
#product .product .product_center ul.seventh_product{width:4632px;}
#product .product .product_center ul.eight_product{width:10895px;margin-left:0px;}
#product .product .product_center ul.ninth_product{width:5138px;}
#product .content>p{display:none;}
#product .content p.p_first{display:block;}
#product .content p.pp{text-align:left;}
#product .content .p a{color:#575555;}
#product .content .p a:hover{color:red;}
#news{margin-top:23px;height:706px;}
#news .news_list ul.news_pic li img{width: 580px;}
#news .news_list ul.news_pic li{overflow: hidden;}
#news h2 a{color:#3b3832;}
#news h2 a:hover{color:red;}
#news .news_list{height:388px;margin-top:26px;}
#news .news_left{width:580px;height:388px;margin-right:50px;float:left;overflow:hidden;position:relative;}
#news .news_pic{width:4060px;height:388px;margin-left:-580px;}
#news .news_pic li{width:580px;height:388px;float:left;}
#news .news_pic a{display:block;width:580px;height:388px;}
#news .news_bottom{height:65px;width:100%;background:rgba(0,0,0,.4);position:absolute;bottom:0;display:none;}
#news .news_bottom p{width:19px;height:32px;}
#news .news_bottom p.left_but{float:left;background:url(image/leftbut.png);margin:16.5px 0 0 52px;}
#news .news_bottom p.right_but{float:right;background:url(image/rightbut.png);margin:16.5px 52px 0 0;}
#news .news_circle{height:18px;width:138px;position:absolute;left:221px;bottom:25px;}
#news .news_circle li{width:18px;height:18px;background:#f3061b;border-radius:50px;float:left;margin-right:12px;}
#news .news_circle li.newsli_last{margin-right:0;}
#news .news_circle li.newsli_one{border:2px solid red;background:none;width:14px;height:14px;}
#news .news_right{width:570px;height:388px;float:right;position:relative;}
#news .news_right li{padding-top:7.3px;padding-bottom:7.3px;}
#news .news_right li:hover{background:#f9eecc;}
#news .news_right h4{font-size:15px;font-weight:normal;background:url(image/dot.png) no-repeat left 9px;}
#news .news_right li:hover h4 a{color:red;}
#news .news_right h4 a{color:black;width:545px;line-height:25px;}
#news .news_right p{font-size:13px;}
#news .news_right p a{width:552px;color:#575555;line-height:25px;}
#news .news_right a{display:block;margin-left: 16px;}
#news .list{height:194px;margin-top:16px;}
#news .list .know{height:186px;width:583px;float:left;position:relative;}
#news .list a{color:#3b3832;}
#news .list a:hover{color:red;}
#news .list h4{width:96px;height:35px;background:url(image/decoration.png) no-repeat right top;font-size:17px;}
#news .list .regulation{height:186px;width:530px;float:right;position:relative;}
#news .list li a{display:block;font-size:14px;line-height:28px;color:black;background:url(image/dot.png) no-repeat left center;margin-left:0;text-indent:19px;}
#news .list li a:hover{color:red;}
#news .list li:hover{background:#efebeb;}
#news .listbg{background:#eeeeee;}
#technology{height:565px;}
#technology .two_tech{height:470px;margin-top:18px;}
#technology .tech_left{width:580px;height:467px;float:left;}
#technology .two_tech h4{width:158px;height:38px;font-size:17px;background:url(image/deco.png) no-repeat 52px 13px;}
#technology .list_pro{width:580;height:430px;border:1px solid #b0b0b0;border-top:none;background:#eeeeee;}
#technology .title{margin-bottom:18px;height:38px;position:relative;width:580px;margin-left:-1px;}
#technology .title h4{color:white;position:absolute;width:110px;height:22px;line-height:22px;top:8px;left:235px;background:none;}
#technology .title span{overflow:hidden;display:block;width:23px;height:23px;position:absolute;right:14px;top:7.5px;}
#technology .title span.up{right:45px;}
#technology .title em{display:block;width:23px;height:46px;}
#technology .title em.up_inner{background:url(image/up.png);}
#technology .title em.down_inner{background:url(image/down.png);}
#technology .sub{height:16px;background:#f53c4d;}
#technology .sup{height:22px;background:#ff0000;}
#technology .pro_scroll{height:374px;overflow:hidden;}
#technology .inner{font-size:14px;height:1490px;}
#technology .inner h5{font-size:12px;margin-left:5px;font-weight:normal;color:black;}
#technology h5 span{color:red;font-size:13px;font-weight:bold;}
#technology .inner p{width:530px;margin-left:22px;margin-top:10px;line-height:21px;}
#technology .inner p a{color:black;}
#technology .inner ul li{border:1px solid #b0b0b0;margin:10px auto;width:550px;height:113px;}
#technology .inner ul li.scroll_first{margin-top:0;}
#technology .inner ul li a:hover{color:#da7f13;}
#technology .tech_right{height:467px;width:570px;float:right;}
#technology .tech_pic{width:570px;height:430px;position:relative;overflow:hidden;}
#technology .tech_pic_inner{width:5130px;height:430px;}
#technology .tech_pic_inner li{float:left;}
#technology .tech_num{position:absolute;bottom:9px;right:9px;height:22px;width:217px;}
#technology .tech_num li{width:22px;height:22px;line-height:22px;background:rgba(0,0,0,.5);text-align:center;float:left;cursor:pointer;margin-right:9px;color:#ce0909;font-weight:bold;}
#technology .tech_num li.tech_first{width:30px;height:30px;line-height:30px;margin-top:-8px;color:white;background:rgba(0,0,0,.7);}
#technology .tech_num li.tech_last{margin-right:0;}
#technology .tech_bottom{height:50px;width:100%;position:absolute;bottom:0;background:rgba(0,0,0,.5);display:none;}
#friend{height:204px;background:url(image/friendbg.jpg) no-repeat center bottom;margin-top:37px;}
#friend h2{width:254px;height:32px;background:url(image/friend.jpg);}
#friend .whitebg{height:77px;background:white;margin-top: 17px}
#friend .whitebg li{float:left;}