@charset "gb2312";
#banner{ height:600px; width:100%; position:relative; margin-bottom:30px;}
#banner .banners{ height:500px; width:100%; overflow:hidden;}
#banner .banners ul{ height:500px; width:100%; position:relative; overflow:hidden;}
#banner .banners ul li{ height:500px; width:100%; position:absolute; left:100%; top:0; z-index:1; overflow:hidden; background:#f3f3f3;}
#banner .banners a{ display:block; height:auto; overflow:hidden;}
#banner .banners .banner1,#banner .banners .banner2,#banner .banners .banner3,#banner .banners .banner4,#banner .banners .banner5{ height:500px; background:no-repeat; background-position:center;}
#banner .banners .banner5{ height:500px;}
#banner .banners li.l1{z-index:5; left:0;}
#banner .banners li.l2{}
#banner .banners li.l3{ background:#e5ecf4;}

#banner .banners li.l1 .banner1{ background-image:url(../images/bbanner1.jpg)}

#banner .banners li.l2 .banner1{ background-image:url(../images/bbanner2.jpg)}

#banner .banners li.l3 .banner1{ background-image:url(../images/bbanner3.jpg)}

#banner .banners li.l4 .banner1{ background-image:url(../images/bbanner1.jpg)}


#banner .banner_btn{ height:10px; overflow:hidden; width:100%; position:absolute; left:0; bottom:139px; z-index:11}
#banner .banner_btn ul{ width:710px; margin:0 auto; height:auto; overflow:hidden;}
#banner .banner_btn li{ width:170px; float:left; height:8px; overflow:hidden; background:url(../images/banner_btn1.png) no-repeat left top; cursor:pointer;}
/*
#banner .banner_btn li.l2{background:url(../images/banner_btn2.png) no-repeat left top;}
#banner .banner_btn li.l3{background:url(../images/banner_btn3.png) no-repeat left top;}
*/
#banner .banner_btn li.hover{background:url(../images/banner_btn2s.png) no-repeat left top;}
/*
#banner .banner_btn li.l2.hover{background:url(../images/banner_btn2s.png) no-repeat left top;}
#banner .banner_btn li.l3.hover{background:url(../images/banner_btn3s.png) no-repeat left top;}
*/
#banner .nav2{ height:350px; position:absolute; width:100%; bottom:0; left:0; z-index:10}
#banner .nav2_in{ height:140px; padding:210px 10px 0 10px; width:1186px; margin:0 auto; background:url(../images/nav2_bg.png) no-repeat center;}
#banner .nav2_box{ width:165px; float:left; padding-left:2px; height:132px; overflow:hidden; background:url(../images/nav2_ico2.gif) no-repeat left center;}
#banner .nav2_box .con{ width:500px; overflow:hidden; height:auto;}
#banner .nav2_box.f{width:345px; padding:0; background:none;}
#banner .nav2_box .tit{ text-align:center; width:165px; float:left;}
#banner .nav2_box .tit a{ display:block;}
#banner .nav2_box.f .tit{width:110px;}
#banner .nav2_box .list{ height:auto; width:220px; overflow:hidden; padding-top:35px; float:left;}
#banner .nav2_box .list ul{ height:80px; overflow:hidden; background:url(../images/nav2_ico1.gif) no-repeat left center;}
#banner .nav2_box .list li{ float:left; width:90px; border-right:1px #CCCCCC solid; height:auto; overflow:hidden; margin-bottom:14px; padding-left:10px;}
#banner .nav2_box .list li.o{ border:none; padding-left:15px;}
#banner .nav2_box .list li a{ color:#666666;}
#banner .nav2_box .list li a:hover{ color:#FF0000;}
#banner .nav2_box .tit .pic{ height:auto; overflow:hidden; padding:20px 0 10px 0;}
#banner .nav2_box .tit p{ font-size:15px;}

#hot{ height:auto; overflow:hidden; width:1200px; margin:0 auto 30px;}
#hot .slides{ height:440px; overflow:hidden; width:350px; float:left; position:relative;}
#hot .slides .slides_box{ height:439px; width:320px; position:absolute; left:0; top:0;}
#hot .slides .slides_box ul{height:439px; width:320px; position:relative;}
#hot .slides .slides_box ul li{height:439px; width:320px; position:absolute; left:0; top:0;}
#hot .slides .slides_tab{ height:20px; overflow:hidden; width:320px; left:0; bottom:0; z-index:2; position:absolute;}
#hot .slides .slides_tab ul{ float:right;}
#hot .slides .slides_tab li{ float:left; height:12px; width:12px; background:#177fc8; cursor:pointer; margin-right:5px; border:1px #2c9be9 solid;}
#hot .slides .slides_tab li.hover{ background:#f60015; border:1px #c20515 solid;}
#hot .hot_box{ height:440px; width:520px; float:left; overflow:hidden;}
#hot .hot_box .hot_tab{ height:auto; overflow:hidden; margin-bottom:15px;}
#hot .hot_box .hot_tab ul{ height:auto; overflow:hidden; background:url(../images/border.gif) repeat-x left bottom;}
#hot .hot_box .hot_tab li{ width:70px; overflow:hidden; float:left; margin-right:30px; height:auto; overflow:hidden;}
#hot .hot_box .hot_tab li a{ display:block; height:auto; padding:7px 0 8px; text-align:center; font-size:15px; color:#333333;}
#hot .hot_box .hot_tab li.hover{ background:url(../images/ihot_ico1.gif) no-repeat center bottom;}
#hot .hot_box .hot_tab li.hover a{ color:#177fc8;}
#hot .hot_box .hot_con,#hot .hot_box .hot_con li,#hot .hot_box .hot_con ul,#hot .hot_box .hot_con dl{ height:auto; overflow:hidden;}
#hot .hot_box .hot_con{ height:390px; overflow:hidden;}
#hot .hot_box .hot_con ul,#hot .hot_box .hot_con li{ height:390px; overflow:hidden;}
#hot .hot_box .hot_con li{ display:none;}
#hot .hot_box .hot_con dt{ height:auto; overflow:hidden; background:url(../images/ihot_ico2.gif) no-repeat left bottom; padding-bottom:25px; margin-bottom:10px; position:relative;}
#hot .hot_box .hot_con dt .pic{ height:160px; overflow:hidden; position:relative; margin-bottom:15px;}
#hot .hot_box .hot_con dt .pic .bg{ height:30px; width:100%; position:absolute; background:#000000; bottom:0; left:0; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
#hot .hot_box .hot_con dt .pic p{ display:block; height:30px; line-height:30px; color:#FFFFFF;width:100%; position:absolute; bottom:0; left:0; font-size:14px; text-align:center;}
#hot .hot_box .hot_con dt .pic a{ color:#FFFFFF;}
#hot .hot_box .hot_con dt .pic a:hover{ text-decoration:underline;}
#hot .hot_box .hot_con dt p{ line-height:20px;}
#hot .hot_box .hot_con dt p a{ color:#FF0000;}
#hot .hot_box .hot_con dt p a:hover{ text-decoration:underline;}
#hot .hot_box .hot_con dd{ height:34px; line-height:34px; border-bottom:1px #cccccc dashed; overflow:hidden; color:#666666;}
#hot .hot_box .hot_con dd p{ padding-left:15px; height:auto; overflow:hidden; /*background:url(../images/ihot_ico3.gif) no-repeat left center;*/ width:430px; float:left;}
#hot .hot_box .hot_con dd p a{ color:#666666;}
#hot .hot_box .hot_con dd p a:hover{ text-decoration:underline; color:#FF0000;}
#hot .hot_box .hot_con dd span{ float:right; color:#999999;}
#hot .hot_zx{ height:440px; width:300px; float:right; overflow:hidden;}
#hot .hot_zx .hzx_tit{ height:95px; background:url(../images/zx_tit.jpg) no-repeat center #f3f3f3; padding:10px 0 3px 0;}
#hot .hot_zx .hzx_tel{ height:16px; text-align:center; padding:12px 0;background:#177fc8; margin-bottom:30px;}
#hot .hot_zx .hzx_btn{ height:auto; overflow:hidden; background:#f7f7f7;}
#hot .hot_zx .hzx_btn li{ height:87px; overflow:hidden; border-bottom:1px #dcdcdc dashed;}
#hot .hot_zx .hzx_btn li a{ display:block; height:64px; padding:11px 0 12px 15px}
#hot .hot_zx .hzx_btn li a .pic{ float:left; width:75px; height:64px; overflow:hidden;}
#hot .hot_zx .hzx_btn li a .txt{ height:auto; overflow:hidden; float:left;}
#hot .hot_zx .hzx_btn li a .txt p{ color:#1b7bbf; font-size:17px; padding:10px 0 7px 0;}
#hot .hot_zx .hzx_btn li a .txt span{ color:#666666;}


#ks_box{ height:auto; overflow:hidden; padding-top:20px;}
#ks_box .ks_in{ height:auto; overflow:hidden; width:1200px; margin:0 auto;}
#ks_box .ks_tab{ height:40px; overflow:hidden; margin-bottom:15px; background:url(../images/border.gif) repeat-x left bottom;}
#ks_box .ks_tab p{ width:115px; height:30px; float:left;}
#ks_box .ks_tab ul{ height:auto; overflow:hidden; float:right;}
#ks_box .ks_tab li{ float:left; margin-right:10px;}
#ks_box .ks_tab li a{ display:block; padding:0 15px; height:40px; line-height:40px; font-size:16px; color:#333;}
#ks_box .ks_tab li.hover a{ background:url(../images/ihot_ico1.gif) no-repeat center bottom; color:#1b7bbf;}
#ks_box .ks_content{overflow:hidden; width:10000px}
#ks_box .ks_content li{ height:auto; overflow:hidden; width:1200px; float:left; }
#ks_box .ks_content .left{ width:870px;}
#ks_box .ks_content .ks_list2{ height:auto; overflow:hidden; padding-bottom:15px; font-size:14px; border-bottom:1px #CCCCCC dotted; margin-bottom:15px;}
#ks_box .ks_content .ks_list2 span{ padding:0 20px;}
#ks_box .ks_content dl{ height:auto; overflow:hidden;}
#ks_box .ks_content dt{ width:360px; float:left;}
#ks_box .ks_content dt .pic{ height:auto; overflow:hidden; margin-bottom:10px;}
#ks_box .ks_content dt h2{ font-size:15px; font-weight:normal; height:auto; overflow:hidden; padding-bottom:15px; margin-bottom:10px; /*background:url(../images/ks_ico3.gif) no-repeat left bottom;*/}
#ks_box .ks_content dt h2 a{ display:block; /*background:url(../images/ks_ico2.gif) no-repeat left center;*/height:26px; line-height:26px; padding-left:34px;}
#ks_box .ks_content dt p{ line-height:24px; color:#666666;}
#ks_box .ks_content dt p a{ color:#FF0000;}
#ks_box .ks_content dt p a:hover{ text-decoration:underline;}
#ks_box .ks_content dd{ width:485px; float:right; height:34px; line-height:34px; overflow:hidden; border-bottom:1px #CCCCCC dashed;}
#ks_box .ks_content dd p{ width:390px; float:left; padding-left:15px; /*background:url(../images/ihot_ico3.gif) no-repeat left center;*/}
#ks_box .ks_content dd p a{ color:#666666;}
#ks_box .ks_content dd p a:hover{ color:#FF0000;}
#ks_box .ks_content dd span{ float:right; color:#999999}
#ks_box .ks_content .right{ height:auto; overflow:hidden; width:303px; float:right; padding-top:5px;}

#index_hj{ height:auto; overflow:hidden; margin-bottom:30px; padding-top:30px; /*background:url(../images/ks_bg.gif) repeat-x;*/}
#index_hj .ihj_in{ height:auto; overflow:hidden; width:1200px; margin:0 auto;}
#index_hj .left{ width:325px;}
#index_hj .left dt{ height:auto; overflow:hidden; padding-right:8px; }
#index_hj .left dt .con{ height:66px; background:url(../images/hj_ico1.gif) no-repeat center #1f80c1; padding:15px 0; border-bottom:4px #f7f7f7 solid;}
#index_hj .left dd{ height:auto; overflow:hidden; padding-right:8px; cursor:pointer;}
#index_hj .left dd .con{ height:64px; background:#f7f7f7; padding:15px 0 14px 0; border-bottom:1px #CCCCCC dashed;}
#index_hj .left dd .con .pic{ height:auto; overflow:hidden; padding:0 15px 0 25px; float:left;}
#index_hj .left dd .con .txt{ font-size:18px;}
#index_hj .left dd .con .txt p{ padding:9px 0 7px 0;}
#index_hj .left dd .con .txt span{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#666666}
#index_hj .left dd img.m1{ display:block}
#index_hj .left dd img.m2{ display:none}
#index_hj .left dd.hover img.m2{ display:block}
#index_hj .left dd.hover img.m1{ display:none}
#index_hj .left dd.hover{ /*background:url(../images/hj_ico2.gif) no-repeat right center;*/}
#index_hj .left dd.hover .con{ background:#1f80c1; color:#FFFFFF;}
#index_hj .left dd.hover .con .txt span{ color:#FFFFFF;}
#index_hj .right{ width:850px; height:477px; overflow:hidden;}
#index_hj .right dl{ height:auto; overflow:hidden; display:none;}
#index_hj .right dl dd{ height:auto; overflow:hidden;}
#index_hj .right dl dd .tit{ height:auto; overflow:hidden; font-size:24px; text-align:center; padding:15px; background:#ebebeb; margin-bottom:27px;}
#index_hj .right dl dd li{ height:auto; overflow:hidden; float:left;}
#index_hj .right dl dd li .pic{ height:auto; overflow:hidden; margin-bottom:3px;}
#index_hj .right dl.ry li{ height:auto; width:263px;}
#index_hj .right dl.ry li.l2{ padding:0 30px 0;}
#index_hj .right dl.ry li .pic{ margin-bottom:30px;}
#index_hj .right dl.gy li.l1{ width:230px;}
#index_hj .right dl.gy li.l1 .pic{ height:387px; width:230px; overflow:hidden;}
#index_hj .right dl.gy li.l2{ width:617px; float:right;}
#index_hj .right dl.gy li.l2 .pic1{ height:182px; width:617px; overflow:hidden; clear:both;}
#index_hj .right dl.gy li.l2 .pic2{ height:201px; width:308px; overflow:hidden; float:left;}
#index_hj .right dl.gy li.l2 .pic3{ height:201px; width:306px; overflow:hidden; float:right;}
#index_hj .right dl.xsjl li.l1{ width:275px;}
#index_hj .right dl.xsjl li.l1 .pic1{ height:195px; width:275px; overflow:hidden;}
#index_hj .right dl.xsjl li.l1 .pic2{ height:188px; width:275px; overflow:hidden;}
#index_hj .right dl.xsjl li.l2{ width:305px; padding:0 3px;}
#index_hj .right dl.xsjl li.l2 .pic{ height:386px; width:305px; overflow:hidden;}
#index_hj .right dl.xsjl li.l3{ width:263px;}
#index_hj .right dl.xsjl li.l3 .pic1{ height:188px; width:263px; overflow:hidden;}
#index_hj .right dl.xsjl li.l3 .pic2{ height:195px; width:263px; overflow:hidden;}
#index_hj .right dl.hj dd li.l1{ width:276px;}
#index_hj .right dl.hj li.l1 .pic1{ height:216px; width:276px; overflow:hidden;}
#index_hj .right dl.hj li.l1 .pic2{ height:167px; width:276px; overflow:hidden;}
#index_hj .right dl.hj dd li.l2{ width:320px; padding:0 3px;}
#index_hj .right dl.hj li.l2 .pic1{ height:244px; width:320px; overflow:hidden;}
#index_hj .right dl.hj li.l2 .pic2{ height:139px; width:320px; overflow:hidden;}
#index_hj .right dl.hj dd li.l3{ width:248px;}
#index_hj .right dl.hj li.l3 .pic1{ height:141px; width:248px; overflow:hidden;}
#index_hj .right dl.hj li.l3 .pic2{ height:242px; width:248px; overflow:hidden;}
#index_hj .right dl .pic{ position:relative;}
#index_hj .right dl .pic .bg{ height:30px; position:absolute; left:0; bottom:-30px; width:100%; background:#000000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}
#index_hj .right dl .pic p{height:30px; position:absolute; left:0; bottom:-30px; width:100%; text-align:center; line-height:30px; color:#FFFFFF;transform:scale(2,2);-ms-transform:scale(2,2);-webkit-transform:scale(2,2);-o-transform:scale(2,2);-moz-transform:scale(2,2);opacity:0;}
#index_hj .right dl .pic p.hover{transform:scale(1,1);-ms-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-moz-transform:scale(1,1);opacity:1;transition:all .4s ease-out;moz-transition: all .4s ease-out;-webkit-transition: all .4s ease-out;-o-transition: all .4s ease-out;}
.title_3d{width:100%; height:77px;padding:20px 0;}
.title_3d img{display:block; width:594px; height:77px; margin:0 auto;}
.yy3d_bg{background: url(../images/bg_3d.jpg) no-repeat center;width: 100%;height: 546px;}
.yy3d_bg p{width:1200px; margin:0 auto; height:500px; padding-top:20px;}