/*全局样式开始-------------------------------------------------------------------------*/
html {}
body { margin:0 auto; padding:0; text-align:center; font-size:12px; color:#666666; font-family:微软雅黑;}
a { text-decoration: none; color:#666666; }
a:hover {text-decoration:none; cursor:pointer; color:#e62529;}
a:link { outline-style:none;}
ul { margin:0px; padding:0px; list-style:none; }
li { list-style-type:none }
div { text-align:left }
img { border:none; }
h3 { }
.clear{ clear:both; margin:0; padding:0; height:0; overflow:hidden;}
.line10{ clear:both; margin:0; padding:0; height:10px; overflow:hidden;}
.line20{ clear:both; margin:0; padding:0; height:20px; overflow:hidden;}
.left{ float:left;}
.right{ float:right;}


.box{ margin:0 auto; width:1200px;}
.index_title{ font-size:16px; color:#666; margin:0 auto; width:1200px; height:80px; line-height:30px; text-align:center; background:url(../images/title_bg.png) no-repeat center bottom;}
.index_title span{ font-size:24px; color:#333;}

/*全局样式结束-------------------------------------------------------------------------*/





/*通用样式开始-------------------------------------------------------------------------*/




/*header*/
.header{ }
.header_t{ width:100%; height:36px; line-height:36px; border-bottom:solid 1px #f0f0f0;}
.header_t .txt{ float:right; width:280px;}
.header_t .txt ul{}
.header_t .txt ul li{}
.header_t .txt ul li a{ display:block; float:left; font-size:12px; color:#999; height:16px; line-height:16px; margin:10px 0; padding:0 10px; }
.header_t .txt ul li a:hover{ color:#004098;}
.header_t .lxdh{ float:right; padding-left:26px; font-weight:bold; background:url(../images/tel.png) no-repeat left; font-size:18px; color:#004098;}

.header_b{ height:102px; overflow:hidden;}
.header_b .left{ float:left;}
.header_b .left .logo{ float:left; padding-right:20px; border-right:dashed 1px #f0f0f0; margin:15px 0; width:268px; height:72px;}
.header_b .left .logo a{}
.header_b .left .logo img{ width:268px; height:72px;}
.header_b .left .txt{ float:left; margin:25px 0; margin-left:20px;}
.header_b .left .txt span{ display:block; font-size:14px; color:#666;}
.header_b .left .txt ul{ margin-top:10px;}
.header_b .left .txt ul li{ display:block; float:left; width:70px; height:20px; line-height:20px; text-align:center; color:#fff;}


/*menu*/
.header_b .menu{ float:right; width:650px; height:100px;}
.header_b .menu .menu_box{ }
.header_b .menu .menu_box ul{}
.header_b .menu .menu_box ul li.sli{ float:left;  height:100px; line-height:100px;}
.header_b .menu .menu_box ul li.sli a{ display:inline-block; position:relative; z-index:1px; width:80px; text-align:center;  margin-left:0px; height:100px; line-height:100px; font-size:14px; color:#333;}
.header_b .menu .menu_box ul li.sli a:hover{ display:block; color:#004098; border-bottom:solid 2px #004098;}

.header_b .menu .menu_box ul li.sli ul.sub{ display:none; position:absolute; top:100px; z-index:9999; width:80px; background:#000000; color:#ffffff; border-top:none; }
.header_b .menu .menu_box ul li.sli ul.sub li{ float:left; padding:0; width:80px; height:32px; line-height:32px; text-align:center; border-bottom:1px solid #dfdfdf;}
.header_b .menu .menu_box ul li.sli ul.sub li a{ display:block; padding:0; width:80px; height:32px; line-height:32px; overflow:hidden; background:none; color:#ffffff; font-size:12px; text-align:center; border-bottom:none;}
.header_b .menu .menu_box ul li.sli ul.sub li a.selected{ display:block; width:80px; height:32px; line-height:32px; overflow:hidden; color:#707070; text-align:center;}
.header_b .menu .menu_box ul li.sli ul.sub li a.selected:hover{ display:block; width:80px; height:32px; line-height:32px; overflow:hidden; text-align:center; color:#ffffff; text-decoration:none; border-bottom:none; background:#73ad00; }




/*banner*/
.banner{ position:relative; z-index:1;  left:0;  height:550px; min-width:1000px;}
.banner_box{ width:100%;  position:relative;  height:550px; }	
.banner_box .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }	
.banner_box .bd ul{ width:100% !important;  }	
.banner_box .bd li{ width:100% !important;  height:550px; overflow:hidden; text-align:center; }	
.banner_box .bd li a{ height:518px;  }
.banner_box .bd li .banner1 { display:block; width:100%; height:550px; background:url(../images/banner.jpg) no-repeat center; }
.banner_box .bd li .banner2 { display:block; width:100%; height:550px; background:url(../images/banner.jpg) no-repeat center; }
.banner_box .bd li .banner3 { display:block; width:100%; height:550px; background:url(../images/banner.jpg) no-repeat center; }
.banner_box .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:20px; line-height:20px; }	
.banner_box .hd ul{ text-align:center; }	
.banner_box .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:80px; height:2px; margin:5px; overflow:hidden; background:#000;		filter:alpha(opacity=80);opacity:0.8;  line-height:999px; }	
.banner_box .hd ul .on{ background:#004098;  }	
.banner_box .prev,.banner_box .next{  display:block; border-radius:5px;  position:absolute; z-index:11; top:50%; margin-top:-30px; left:5%; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=80);opacity:0.8; display:none; 	 }	
.banner_box .next{ left:auto; right:5%; background-position:-6px -137px; }

.content_banner{}
.content_banner img{ width:100%; height:auto;}

/*footer*/
.footer{ margin-top:40px; width:100%; padding:30px 0; height:170px; overflow:hidden; background-color:#1e1e1e;}
.footer ul{ float:left; border-right:dashed 1px #404040; height:170px; width:140px;}
.footer ul li{}
.footer ul li span{ font-size:16px; color:#fff; display:block; margin-bottom:20px;}
.footer ul li a{ color:#666; line-height:30px;}
.footer ul li a:hover{ color:#999;}
.footer .lxdh{ float:right;}
.footer .lxdh .txt{ float:left; width:155px; font-size:12px; color:#fff;}
.footer .lxdh .txt p{ margin:0; padding:0; font-size:16px; color:#fff; display:block; margin-bottom:20px;}
.footer .lxdh .txt span{ font-size:16px; line-height:30px; color:#fff; font-weight:bold;}
.footer .lxdh img{ float:right; margin-top:15px; width:93px; height:93px;}

.footer_b{ width:100%; height:60px; line-height:60px; background:url(../images/footer_b.jpg) no-repeat center;}
.footer_b span{ display:block; float:left; color:#fff;}
.footer_b a{ display:block; float:right; color:#999;}

/*index*/

.gywm{ width:100%; margin-top:40px;}
.gywm .list{ margin-top:40px;}
.gywm .list .left{ float:left; width:580px; height:428px;}
.gywm .list .left img{ width:580px; height:428px;}
.gywm .list .right{ float:right; width:590px; height:428px; overflow:hidden;}
.gywm .list .right .txt{}
.gywm .list .right .txt span{ font-size:18px; color:#004098;}
.gywm .list .right .txt p{ margin-top:40px; font-size:14px; color:#666; line-height:30px; text-indent:2em;}
.gywm .list .right .txt a{ margin-top:40px; display:block; width:120px; height:36px; line-height:36px; text-align:center; border:solid 1px #004098; color:#004098; font-size:14px;}
.gywm .list .right .txt a:hover{ background-color:#004098; color:#fff;}
.gywm .list .right .tb{ margin-top:40px;}
.gywm .list .right .tb ul{}
.gywm .list .right .tb ul li{ float:left; width:89px; margin:0 27px;}
.gywm .list .right .tb ul li img{}
.gywm .list .right .tb ul li a{}
.gywm .list .right .tb ul li a:hover{ color:#004098;}
.gywm .list .right .tb ul li .bg1{ padding-top:89px; display:block; width:89px; height:119px; background:url(../images/gywm_tb1.png) no-repeat top;}
.gywm .list .right .tb ul li .bg1:hover{ background:url(../images/gywm_tb1_.png) no-repeat;}
.gywm .list .right .tb ul li .bg2{ padding-top:89px; display:block; width:89px; height:119px; background:url(../images/gywm_tb2.png) no-repeat top;}
.gywm .list .right .tb ul li .bg2:hover{ background:url(../images/gywm_tb2_.png) no-repeat;}
.gywm .list .right .tb ul li .bg3{ padding-top:89px; display:block; width:89px; height:119px; background:url(../images/gywm_tb3.png) no-repeat top;}
.gywm .list .right .tb ul li .bg3:hover{ background:url(../images/gywm_tb3_.png) no-repeat;}
.gywm .list .right .tb ul li .bg4{ padding-top:89px; display:block; width:89px; height:119px; background:url(../images/gywm_tb4.png) no-repeat top;}
.gywm .list .right .tb ul li .bg4:hover{ background:url(../images/gywm_tb4_.png) no-repeat;}
.gywm .list .right .tb ul li span{ display:block; text-align:center; height:30px; line-height:30px; font-size:18px;}


.gywm .ryzz_list{ margin-top:40px; }
.gywm .ryzz_list .hd{ margin:40px auto; width:320px; height:40px;}
.gywm .ryzz_list .hd ul{}
.gywm .ryzz_list .hd ul li{ float:left; margin:0 20px; width:120px; height:40px;}
.gywm .ryzz_list .hd ul li a{ display:block; width:118px; height:38px; line-height:38px; text-align:center; vertical-align:middle; font-size:16px; color:#004098; border:solid 1px #004098;}
.gywm .ryzz_list .hd ul li.on a{ color:#fff; background-color:#004098; }

.gywm .ryzz_list .bd{ width:1200px;}
.gywm .ryzz_list .bd ul{}
.gywm .ryzz_list .bd ul li{}
.gywm .ryzz_list .bd ul li .list_list{}
.gywm .ryzz_list .bd ul li .list_list a{ float:left; margin:0 24px; width:185px; height:240px; border:solid 3px #f0f0f0;}
.gywm .ryzz_list .bd ul li .list_list a:hover{ border:solid 3px #004098; }
.gywm .ryzz_list .bd ul li .list_list img{ width:185px; height:240px;}
.gywm .ryzz_list .bd ul li .list_list span{ display:block; width:224px; height:40px; line-height:40px; text-align:center; vertical-align:middle; font-size:14px;}

.fwxm{ margin-top:40px;}
.fwxm_list{ margin-top:40px; position:relative; z-index:1;  left:0; }
.fwxm_list_box{ width:100%;  position:relative; }	
.fwxm_list_box .bd{ margin:0 auto; position:relative; z-index:0; }	
.fwxm_list_box .bd ul{ width:100% !important;  }	
.fwxm_list_box .bd li{ position:relative; width:100% !important; text-align:center; }	
.fwxm_list_box .bd li a{ display:block; height:590px; width:100%; }
.fwxm_list_box .bd li .sz{ position:absolute; right:500px; z-index:5; top:190px; padding-top:100px; width:55px; height:60px; background-color:#004098; color:#fff; text-align:center; font-size:36px; font-weight:bold; font-family:Impact;}
.fwxm_list_box .bd li .txt{ position:absolute; top:250px; z-index:4; right:0; padding-left:140px; padding-top:50px; width:460px; height:195px; background-color:rgba(255,255,255,.8);}
.fwxm_list_box .bd li .txt span{ display:block; width:410px; color:#004098;}
.fwxm_list_box .bd li .txt .bt{ font-size:36px;}
.fwxm_list_box .bd li .txt .nr{ margin-top:20px; font-size:14px; color:#333; line-height:30px;}
.fwxm_list_box .prev,.fwxm_list_box .next{  display:block; border-radius:5px;  position:absolute; z-index:99999; top:50%; margin-top:-30px; left:5%;  z-index:1; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=80);opacity:0.8; display:none; 	 }	
.fwxm_list_box .next{ left:auto; right:5%; background-position:-6px -137px; }

.gcal{ margin-top:40px;}
.gcal .gcal_list{ margin-top:40px; }
.gcal .gcal_list .hd{ margin:40px auto; width:480px; height:40px;}
.gcal .gcal_list .hd ul{}
.gcal .gcal_list .hd ul li{ float:left; margin:0 20px; width:120px; height:40px;}
.gcal .gcal_list .hd ul li a{ display:block; width:118px; height:38px; line-height:38px; text-align:center; vertical-align:middle; font-size:16px; color:#004098; border:solid 1px #004098;}
.gcal .gcal_list .hd ul li.on a{ color:#fff; background-color:#004098; }
.gcal .gcal_list .bd{}
.gcal .gcal_list .bd ul{}
.gcal .gcal_list .bd ul li{}
.gcal .gcal_list .bd ul li .list{}
.gcal .gcal_list .bd ul li .list a{ display:block; float:left; margin:10px; padding:9px; width:260px; height:250px; border:solid 1px #e3e3e3;}
.gcal .gcal_list .bd ul li .list a:hover{ border:solid 1px #004098;}
.gcal .gcal_list .bd ul li .list a:hover .ljgd{ background:url(../images/ljgc_.png) no-repeat; color:#fff;}
.gcal .gcal_list .bd ul li .list img{ width:260px; height:172px; margin-bottom:25px;}
.gcal .gcal_list .bd ul li .list .left{ float:left;}
.gcal .gcal_list .bd ul li .list .left span{ display:block;}
.gcal .gcal_list .bd ul li .list .left .bt{ font-size:16px; color:#333;}
.gcal .gcal_list .bd ul li .list .left .nr{ margin-top:10px; font-size:14px; color:#666;}
.gcal .gcal_list .bd ul li .list .ljgd{ float:right; padding-left:27px; width:56px; height:27px; line-height:27px; background:url(../images/ljgc.png) no-repeat;}


.xwzx{ margin-top:40px;}
.xwzx .list{ margin-top:40px;}
.xwzx .list ul{}
.xwzx .list ul li{ float:left; width:345px; margin:0 27px;}
.xwzx .list ul li a{ display:block; width:345px; border-top:solid 1px #e3e3e3; padding-top:30px;}
.xwzx .list ul li .sz{ font-size:30px; color:#333;}
.xwzx .list ul li .sz span{ font-size:12px; color:#666;}
.xwzx .list ul li span{ }
.xwzx .list ul li .bt{display:block; font-size:16px; color:#333; height:40px; line-height:40px;}
.xwzx .list ul li .nr{display:block; color:#666; line-height:24px;}
.xwzx .list ul li img{ margin-top:20px; width:345px; height:226px;}

.xwzx .list ul li a:hover{ border-top:solid 1px #004098;}
.xwzx .list ul li a:hover .sz{ color:#004098;}
.xwzx .list ul li a:hover .sz span{ color:#004098;}
.xwzx .list ul li a:hover .bt{ color:#004098;}
/*通用样式结束-------------------------------------------------------------------------*/


/*content页面开始*/
.content{ margin:50px 0; width:100%; min-width:1200px; overflow:hidden;}


/*content左侧*/
.content .left{}
.content .left .title{ width:209px; height:60px; padding:24px 0 0 10px; font-size:14px; font-weight:bold; color:#fff; background-color:#004098;}
.content .left .title .txt{ padding-left:35px; background:url(../images/cplb_title_tb.png) no-repeat left;}
.content .left .title span{ color:#fff;}
.content .left .list{ width: 215px; border-left:solid 2px #004098; border-right:solid 2px #004098; border-bottom:solid 2px #004098; min-height:10px; overflow:hidden;}
.content .left .list ul li{}
.content .left .list ul li a{ margin:10px 20px; width:155px;border-radius:5px; height:36px; background-color:#004098; padding-left:20px;color:#fff; font-size:14px; display: block; font-weight:bold; line-height: 36px;position: relative;}
.content .left .list ul li a:hover{ text-decoration:underline;}

.content .left .kfzx{ margin-top:20px; width:220px; height:68px;}
.content .left .kfzx img{ width:220px; height:68px;}

.content .left .lxdz{ margin-top:20px; width:200px; min-height:10px; padding:10px; overflow:hidden; background-color:#eeeff3;}
.content .left .lxdz span{ font-size:14px; line-height:24px;}

.content .right{ float:right; width:950px;}
.content h3{ margin:30px 0; width:100%; text-align:center; font-size:20px; color:#525252; text-decoration:underline;}




/*content右侧*/
.content .lxwm_right{ float:right; width:950px;}
.content .lxwm_right .title{ width:950px; height:40px; line-height:40px; background-color:#004098;}
.content .lxwm_right .title span{ color:#fff; margin-left:20px; font-size:14px; font-weight:bold; padding-left:5px; border-left:solid 2px #fff;}
.content .lxwm_right .title h2{ float:right; margin-top:0; line-height:40px; font-size:12px; margin-right:10px; color:#fff;}
.content .lxwm_right .title a{ color:#fff;}


/*content列表右侧*/
.content .lxwm_right .list{ padding-top:20px;}
.content .lxwm_right .list ul{}
.content .lxwm_right .list ul li {}
.content .lxwm_right .list ul li a{ display:block; color:#333; float:left; padding:5px; background-color:#f0f0f0; font-size:14px; font-weight:bold; width:280px; height:225px; margin:10px 12px;}
.content .lxwm_right .list ul li a:hover{ background-color:#004098; color:#fff;}
.content .lxwm_right .list ul li img{ width:280px; height:185px;}
.content .lxwm_right .list ul li span{ display:block; width:280px; height:40px; line-height:40px; text-align:center; vertical-align:middle; font-size:14px;}

/*content列表右侧*/
.content .lxwm_right .solution_list{ padding-top:20px;}
.content .lxwm_right .solution_list ul{}
.content .lxwm_right .solution_list ul li {}
.content .lxwm_right .solution_list ul li a{ display:block; padding:5px; background-color:#f0f0f0; color:#333; float:left; font-size:14px; font-weight:bold; width:185px; height:280px; margin:10px 20px;}
.content .lxwm_right .solution_list ul li a:hover{ background-color:#004098; color:#fff;}
.content .lxwm_right .solution_list ul li img{ width:185px; height:240px;}
.content .lxwm_right .solution_list ul li span{ display:block; width:185px; height:40px; line-height:40px; text-align:center; vertical-align:middle; font-size:14px;}



/*content详情右侧*/
.content .lxwm_right .show{ padding-top:20px;}



/*content新闻列表*/
.content .lxwm_right .news_list ul{}
.content .lxwm_right .news_list ul li{ margin-top:20px;}
.content .lxwm_right .news_list ul li a{ display:block; width:950px; height:120px; background-color:#f6f6f6; color:#333;}
.content .lxwm_right .news_list ul li a:hover{ color:#004098;}
.content .lxwm_right .news_list ul li a:hover .ckxq{ background-color:#004098;}
.content .lxwm_right .news_list ul li .sj{ margin-left:10px; padding-top:35px; float:left; width:60px; height:85px;}
.content .lxwm_right .news_list ul li .sj .yy{ font-size:24px; font-weight:bold; text-align:center;}
.content .lxwm_right .news_list ul li .sj .dd{ text-align:center; font-family:Arial;}
.content .lxwm_right .news_list ul li .c{ float:left; padding-top:15px; width:680px; height:120px; margin-left:30px;}
.content .lxwm_right .news_list ul li .c .bt{ width:680px; height:30px; line-height:30px; vertical-align:middle; font-size:14px; font-weight:bold;}
.content .lxwm_right .news_list ul li .c .nr{ line-height:24px; color:#666;}
.content .lxwm_right .news_list ul li .ckxq{ float:right; margin-top:48px; color:#fff; margin-right:20px; width:80px; height:24px; text-align:center; line-height:24px; vertical-align:middle; font-size:14px; background-color:#999;}



/*content新闻详情*/
.content .lxwm_right .xinwen_title{ padding-bottom:20px; margin-top:20px; width:900px; text-align:center; }
.content .lxwm_right .xinwen_title h1{ font-size:18px; color:#333333;}
.content .lxwm_right .xinwen_title span{ color:#a8a8a8; line-height:24px;}
.content .lxwm_right .xinwen_list{ padding-top:20px;}

.content .lxwm_right .page{ margin-top:20px; width:950px; font-size:14px; height:30px; line-height:30px; color:#333333;}
.content .lxwm_right .page .prev{ float:left;}
.content .lxwm_right .page .next{ float:right;}

/*产品详情页面样式*/
.content .cpzs_show{ padding-top:30px;}
.content .cpzs_show .td1{ width:950px; height:240px;}
.content .cpzs_show .td1 img{ float:left; padding:10px; height:232px; width:350px; background-color:#f3f3f3;}
.content .cpzs_show .td1 .r{ float:right; width:550px;}
.content .cpzs_show .td1 .r .bt{ width:550px; height:40px; border-bottom:dashed 1px #ccc; line-height:40px; font-size:16px; color:#333; font-weight:bold;}
.content .cpzs_show .td1 .r .rx{ margin-top:30px; padding:10px 20px; width:510px; height:40px; background-color:#f3f3f3; font-size:14px; color:#333;}
.content .cpzs_show .td1 .r .rx b{ font-size:24px; font-weight:bold; color:#004098; font-family:Impact;}
.content .cpzs_show .td1 .r .zx{ margin-top:30px; width:550px; height:40px;}
.content .cpzs_show .td1 .r .zx ul{}
.content .cpzs_show .td1 .r .zx ul li{}
.content .cpzs_show .td1 .r .zx ul li a{ display:block; margin-right:40px; float:left; width:120px; height:40px; background-color:#004098; font-size:14px; color:#fff; text-align:center; vertical-align:middle; line-height:40px; }
.content .cpzs_show .td1 .r .zx ul li a:hover{}
.content .cpzs_show .td1 span{ display:block; margin-top:20px; text-indent:2em; font-size:14px; line-height:30px; color:#666;}

.content .cpzs_show .td2{ width:900px; margin-top:50px;}
.content .cpzs_show .td2 .bt{ width:900px; height:40px; border-bottom:solid 1px #004098;}
.content .cpzs_show .td2 .bt span{ display:block; color:#fff; font-weight:bold; font-size:14px; width:120px; height:40px; background-color:#004098; line-height:40px; text-align:center; vertical-align:middle;}
.content .cpzs_show .td2 .nr{ padding-top:20px;}


/*产品详情分页下载样式-------------------------------------------------------------------------*/


.goods_list .hd
        {
            height: 40px;
            background: #eeeeee;
            border: 1px #e1e1e1 solid;
        }
       .goods_list .hd ul li
        {
            float: left;
            padding: 0;
            margin: 0;
            display: inline;
            width: 150px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            cursor: pointer;
            border-right: 1px #e1e1e1 solid;
        }
        .goods_list .hd ul li.on
        {
            background: #004098;
            color: #ffffff;
        }
       .goods_list .bd ul
        {
            padding: 10px;
            border: 1px #e1e1e1 solid;
            border-top: none;
            min-height: 100px;
            height: auto;
            overflow: hidden;
        }




    .list_dl .list_dd ul{padding:0;border:0px; margin:0px}
    .list_dl{ position:relative; width:945px; height:500px; }
    .list_dt
    {
        color: white;
        margin:0 12px;
        width: 130px;
        height: 125px;
        line-height: 34px;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        position: relative;
        float:left;
        background:url(../images/ico/folder.png) no-repeat;
    }
    .list_dt p{ font-size:12px; color:#000; padding-top:70px; text-align:center}
    
    .list_dt:hover    {background:url(../images/ico/folder.png) no-repeat 0px -126px;
        
    }
    
    #open
    { background:url(../images/ico/folder.png) no-repeat 0 -126px;
    }
    .list_dd
    {
        position:absolute;
        top:240px;
        left:0px;
        display: none;
        width:945px;
        
    }
    
    .list_li
    {
        list-style-type: none;
        color: white;
        cursor: pointer;
        width:130px;
        height:156px;
        float:left;
        margin:5px 13px;
        background-image:url(../images/ico/download_ico.png);
        background-repeat:no-repeat;
    }
    .list_cad{ background-position: -36px -40px;}
    .list_cad:hover{background-position:  -36px -260px;}
    .list_pdf{ background-position: -239px -40px;}
    .list_pdf:hover{background-position:  -239px -260px;}
    .list_3d{ background-position: -454px -40px;}
    .list_3d:hover{background-position:  -454px -260px;}
    .list_li a{ color:#000; padding-top: 120px;display: block; font-size:12px; text-align:center; height:156px}
    
    


/*css flickr style pagination*/
div.green{ padding:0px;margin:5px auto; text-align:center; font-family:Verdana; font-size:12px;text-align:right;}
div.green a{ border-right: #dedfde 1px solid; padding-right: 6px; background-position: 50% bottom; border-top: #dedfde 1px solid; padding-left: 6px; padding-bottom: 2px; border-left: #dedfde 1px solid; color: #0061de; margin-right: 3px; padding-top: 2px; border-bottom: #dedfde 1px solid; text-decoration: none; }
div.green a:hover{ border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #0061de; }
div.green a:active{ border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #0061de; }
div.green span{ padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #999; margin-right: 3px; padding-top: 2px; }
div.green span.current{ padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #ff0084; margin-right: 3px; padding-top: 2px; }
div.green span.disabled{ padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #adaaad; margin-right: 3px; padding-top: 2px; }