@charset "gb2312";

@media screen, projection {
/* 首页 */
.banner{width:100%; height:609px; min-width:1000px; overflow:hidden; position:relative; z-index:2;}
#banner .pics{position:relative; width:100%; height:100%;}
#banner .pics li{display:none; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background:no-repeat center center/100% 100%;}
#banner .pics li a{display:block; width:100%; height:100%;}
#banner .pics .b1{display:list-item;}
#banner .btns a{position:absolute; top:50%; z-index:4; margin-top:-25px; width:50px; height:50px; -ms-transition:left 400ms, right 400ms; transition:left 400ms, right 400ms; -webkit-transition:left 400ms, right 400ms; -moz-transition:left 400ms, right 400ms; -o-transition:left 400ms, right 400ms;}
#banner .btns .prev{left:-50px;}
#banner .btns .next{right:-50px;}
#banner .btns .prev.on{left:120px;}
#banner .btns .next.on{right:120px;}
#banner .btns a span{position:absolute; top:0; left:0; width:100%; height:100%; -ms-transition:-ms-opacity 300ms;  transition:opacity 300ms;-webkit-transition:-webkit-opacity 300ms; -moz-transition:-moz-opacity 300ms; -o-transition:-o-opacity 300ms; cursor:pointer;}
#banner .btns a span.off{-webkit-opacity:1; opacity:1; display:block\9;}
#banner .btns a span.on{-webkit-opacity:0; opacity:0; display:none\9;}
#banner .btns .prev .off{background:url(wh.polycn.comimagesicoprev.png) no-repeat 0 0;}
#banner .btns .prev .on{background:url(http://wh.polycn.com/images/ico/prev_on.png) no-repeat 0 0;}
#banner .btns .next .off{background:url(wh.polycn.comimagesiconext.png) no-repeat 0 0;}
#banner .btns .next .on{background:url(wh.polycn.comimagesiconext_on.png) no-repeat 0 0;}
#banner .btns a:hover .off{-webkit-opacity:0; opacity:0; display:none\9;}
#banner .btns a:hover .on{-webkit-opacity:1; opacity:1; display:block\9;}
#banner .g-wrap{position:absolute; right:50%; margin-right:-500px; bottom:0; z-index:2; height:30px; overflow:hidden;}
#banner .g-wrap .idxs{ height:100%;}
#banner .g-wrap .idxs li{float:left; margin:30px 7px 0 0; background-color:rgba(119,119,119,0.4); width:12px; height:12px; border-radius:13px; border:2px solid rgba(119,119,119,0); cursor:pointer; -ms-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; transition:background-color 500ms, margin-top 500ms; transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; -webkit-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; -moz-transition:background-color 1000ms,  margin-top 500ms, border-color 1000ms; -o-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms;}
#banner .g-wrap .idxs li.on{background-color:#10413d; border-color:#10413d;}
.newsroll{width:1280px; height:32px; padding:24px 0; margin:0 auto;}
.newsroll h2{float:left; border-right:2px solid #eeeeef; padding-right:10px; margin:8px 10px 0 0; height:16px; font-weight:normal; line-height:16px; font-size:16px; color:#f00;}
.newsroll .number{line-height:18px; margin:6px 10px 0 0; border-radius:10px; width:90px; text-align:center; border:#eee 1px solid; float:left}
.newsIn{width:800px;height:32px;line-height:32px; font-size:14px; overflow:hidden; float:left;}
.newsIn li{height:32px; width:100%; width:100%; overflow:hidden;}
.newsroll a.more{line-height:30px; display:block; width:120px; border:#e20920 1px solid; float:right; color:#e20920; text-align:center; border-radius:20px; font-size:14px;}
.newsroll a.more:hover{background:#f9f9f9;}
.Quick{width:100%; height:260px; min-width:1280px; background:#f2f2f2;}
.QuickBox{width:1280px; height:100%; margin:0 auto; position:relative; overflow:hidden;}
.QuickBox .titimg{width:225px; height:100%;float:left;}

.ScrollBox{width:380px; float:left; height:260px; overflow:hidden; position:relative;}
.ScrollBox{background:#fff url(wh.polycn.comimagespicslidebox.jpg) no-repeat center bottom;}
.rollbtn{width:24px; height:28px; position:absolute; top:126px; cursor:pointer;}
.lfbtn{background:url(wh.polycn.comimagesicolfbtn.png) no-repeat; left:20px;}
.rhbtn{background:url(wh.polycn.comimagesicorhbtn.png) no-repeat; right:20px;}
.lfbtn:hover{background:url(wh.polycn.comimagesicolfbtna.png) no-repeat;}
.rhbtn:hover{background:url(wh.polycn.comimagesicorhbtna.png) no-repeat;}
.ScrollImgBox{width:184px; height:260px; overflow:hidden; margin:0 auto;}
.scroll_div{width:184px; height:100%; overflow:hidden; display:inline; float:left;}
.scroll_div a{width:100%; height:100%; display:block; position:relative;}
.scroll_div a h3{width:100%; line-height:60px; height:60px; overflow:hidden; color:#16a788; text-align:center; font-size:18px;}
.scroll_div a img{width:100%; height:200px; margin:0 auto; display:block;}


.carousel-container{position:relative; width:380px; height:200px; overflow:hidden; padding-top:60px; float:left;}
#carousel{height:200px; width:380px; position:relative;}
#carouselA{height:200px; width:380px; position:relative;}
#carouselB{height:200px; width:380px; position:relative;}
.carousel-image{border:0; display:block;}
.carousel-feature{position:absolute; top:-1000px; left:-1000px; cursor:pointer;}
.carousel-feature a{width:100%; height:100%; display:block; position:relative;}
.carousel-feature h3{width:100%; line-height:60px; height:60px; position:absolute; top:-60px; overflow:hidden; color:#16a788; text-align:center; font-size:18px;}
.tracker-summation-container{position:absolute; color:white; right:48px; top:230px; padding:3px; margin:3px; background-color:#000; display:none;}
.lfbtn{position:absolute; top:140px; left:10px; cursor:pointer;}
.rhbtn{position:absolute; top:140px; right:10px; cursor:pointer;}
.QuickBoxsilde{width:225px; height:260px; float:left;}



/* 栏目建设中 */
.buildtips{width:1280px; height:500px; margin:0 auto; background:#fff; text-align:center; line-height:500px; font-size:16px;}
}