.mod-q-ui-carousel{min-width:1200px;min-height:100px;position:relative;overflow:hidden;-webkit-transition:background-color .3s linear .3s;-moz-transition:background-color .3s linear .3s;-ms-transition:background-color .3s linear .3s;-o-transition:background-color .3s linear .3s;transition:background-color .3s linear .3s}
.mod-q-ui-carousel .carousel-wrapper{width:1200px;margin:0 auto;position:relative;height:100%}
.mod-q-ui-carousel .carousel-scenes{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center bottom;z-index:9;-webkit-transition:opacity .3s linear;-moz-transition:opacity .3s linear;-ms-transition:opacity .3s linear;-o-transition:opacity .3s linear;transition:opacity .3s linear;opacity:0;filter:alpha(opacity=0)}
.mod-q-ui-carousel .fade-in{-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-ms-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s;opacity:1;filter:alpha(opacity=100);z-index:10}
.mod-q-ui-carousel .has-link{cursor:pointer}
.mod-q-ui-carousel .carousel-controls{position:absolute;bottom:-6px;width:100%;height:40px;text-align:center;font-size:0;z-index:20}
.mod-q-ui-carousel .carousel-controls .item-selected{width:17px;height:13px;display:inline-block;background:url(/pic/banner/controls_item.png) no-repeat}
.mod-q-ui-carousel .carousel-controls .item{width:30px;height:13px;background:url(/pic/banner/controls_item.png) -18px 0 no-repeat;display:inline-block;margin-top:6px;cursor:pointer}
.mod-q-ui-carousel .carousel-controls .current{opacity:0;filter:alpha(opacity=0)}
.mod-q-ui-carousel .carousel-controls .item-selected{position:absolute;top:4px;left:50%;background-position:0 0;-webkit-transition:all .5s ease 0;-moz-transition:all .5s ease 0;-ms-transition:all .5s ease 0;-o-transition:all .5s ease 0;transition:all .5s ease 0}
.mod-q-ui-carousel .car-cover{position:absolute;top:0;left:0;width:100%;height:100%;background-position:top center;background-repeat:no-repeat}
.mod-q-ui-carousel .car-item{position:absolute;opacity:0;filter:alpha(opacity=0);background-repeat:no-repeat}
.mod-q-ui-carousel .fade-in .car-item{-webkit-transition:all .5s .5s;-moz-transition:all .5s .5s;-ms-transition:all .5s .5s;-o-transition:all .5s .5s;transition:all .5s .5s;opacity:1;filter:alpha(opacity=100)}
.mod-q-ui-carousel .car-top{width:100%;top:-100px;background-position:top center;background-repeat:no-repeat}
.mod-q-ui-carousel .fade-in .car-top{top:0}
.mod-q-ui-carousel .car-bottom{width:100%;bottom:-100px;background-position:bottom center}
.mod-q-ui-carousel .fade-in .car-bottom{bottom:0}
.mod-q-ui-carousel .car-left{height:100%;left:-100px;top:0;background-position:left center}
.mod-q-ui-carousel .fade-in .car-left{left:0}
.mod-q-ui-carousel .car-right{height:100%;right:-100px;background-position:right center}
.mod-q-ui-carousel .fade-in .car-right{right:0;top:0}
.mod-q-ui-carousel .car-bounce{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8)}
.mod-q-ui-carousel .fade-in .car-bounce{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}#baiduTongji>a{display:none}

.head-bg{background-color:#FFF;min-width:1200px}
.head-bg .banner{height:380px}
.head-bg .createbtn:hover{background-color:rgba(255,255,255,.1)}
.head-bg .btn-bg{position:absolute;padding-top:274px;top:0;left:0;width:100%;height:45px;text-align:center;font-size:0;z-index:100;min-width:1200px}
.head-bg .btn-bg .bt-wrapper{width:230px;height:64px;margin:0 auto;overflow:hidden;position:relative}
.head-bg .createbtn{font-size:24px;color:#FFF;text-align:center;width:212px;height:46px;border:1px solid #FFF;box-shadow:0 0 2px rgba(255,255,255,.3);border-radius:25px;line-height:46px;cursor:pointer;top:8px;position:relative;display:block;margin:0 auto;font-family: "TyponineSans Monospace Regular 4";box-sizing: content-box;}
.head-bg .bt-wrapper .l-c{height:64px;width:31px;overflow:hidden;position:absolute;left:0;top:0}
.head-bg .bt-wrapper .l-c::after{content:'\20';width:63px;height:63px;position:absolute;top:1px;left:0;background:url(/pic/banner/line.png) no-repeat;-webkit-transform:rotate(-118deg);-moz-transform:rotate(-118deg);-o-transform:rotate(-118deg);transform:rotate(-118deg);-webkit-animation:routateL 6s linear infinite;-moz-animation:routateL 6s linear infinite;-o-animation:routateL 6s linear infinite;animation:routateL 6s linear infinite}
.head-bg .bt-wrapper .r-c{height:64px;width:31px;overflow:hidden;position:absolute;top:0;right:0}
.head-bg .bt-wrapper .r-c::after{content:'\20';width:62px;height:63px;position:absolute;top:0;right:0;background:url(/pic/banner/line.png) no-repeat;-webkit-transform:rotate(62deg);-moz-transform:rotate(62deg);-o-transform:rotate(62deg);transform:rotate(62deg);-webkit-animation:routateR 6s linear infinite;-moz-animation:routateR 6s linear infinite;-o-animation:routateR 6s linear infinite;animation:routateR 6s linear infinite}
.head-bg .bt-wrapper .line-body{height:64px;width:168px;left:31px;position:absolute;top:0;overflow:hidden}
.head-bg .bt-wrapper .line-body::after{content:'\20';height:64px;width:64px;position:absolute;top:0;left:-56px;background:url(/pic/banner/line.png) 0 -63px no-repeat;-webkit-animation:lineFollow 6s linear infinite;-moz-animation:lineFollow 6s linear infinite;-o-animation:lineFollow 6s linear infinite;animation:lineFollow 6s linear infinite}@-webkit-keyframes routateL{0%,65%{-webkit-transform:rotate(-118deg)}85%{-webkit-transform:rotate(60deg)}100%{-webkit-transform:rotate(242deg)}}@-webkit-keyframes routateR{0%,15%{-webkit-transform:rotate(62deg)}20%{-webkit-transform:rotate(103deg)}35%{-webkit-transform:rotate(245deg)}40%{-webkit-transform:rotate(365deg)}100%,85%{-webkit-transform:rotate(422deg)}}@-webkit-keyframes lineFollow{0%{left:27px;-webkit-transform:rotate(0)}15%{left:110px;-webkit-transform:rotate(0)}20%{left:129px;-webkit-transform:rotate(0)}23%{left:159px;-webkit-transform:rotate(0)}25%,35%{left:159px;-webkit-transform:rotate(180deg)}65%{left:-9px;-webkit-transform:rotate(180deg)}70%{left:-30px;-webkit-transform:rotate(180deg)}72%{left:-90px;-webkit-transform:rotate(180deg)}75%{left:-90px;-webkit-transform:rotate(0)}85%{left:-57px;-webkit-transform:rotate(0)}100%{left:27px;-webkit-transform:rotate(0)}}@-moz-keyframes routateL{0%,65%{-moz-transform:rotate(-118deg)}85%{-moz-transform:rotate(60deg)}100%{-moz-transform:rotate(242deg)}}@-moz-keyframes routateR{0%,15%{-moz-transform:rotate(62deg)}20%{-moz-transform:rotate(103deg)}35%{-moz-transform:rotate(245deg)}40%{-moz-transform:rotate(365deg)}100%,85%{-moz-transform:rotate(422deg)}}@-moz-keyframes lineFollow{0%{left:27px;-moz-transform:rotate(0)}15%{left:110px;-moz-transform:rotate(0)}20%{left:129px;-moz-transform:rotate(0)}23%{left:159px;-moz-transform:rotate(0)}25%,35%{left:159px;-moz-transform:rotate(180deg)}65%{left:-9px;-moz-transform:rotate(180deg)}70%{left:-30px;-moz-transform:rotate(180deg)}72%{left:-90px;-moz-transform:rotate(180deg)}75%{left:-90px;-moz-transform:rotate(0)}85%{left:-57px;-moz-transform:rotate(0)}100%{left:27px;-moz-transform:rotate(0)}}@-o-keyframes routateL{0%,65%{-o-transform:rotate(-118deg)}85%{-o-transform:rotate(60deg)}100%{-o-transform:rotate(242deg)}}@-o-keyframes routateR{0%,15%{-o-transform:rotate(62deg)}20%{-o-transform:rotate(103deg)}35%{-o-transform:rotate(245deg)}40%{-o-transform:rotate(365deg)}100%,85%{-o-transform:rotate(422deg)}}@-o-keyframes lineFollow{0%{left:27px;-o-transform:rotate(0)}15%{left:110px;-o-transform:rotate(0)}20%{left:129px;-o-transform:rotate(0)}23%{left:159px;-o-transform:rotate(0)}25%,35%{left:159px;-o-transform:rotate(180deg)}65%{left:-9px;-o-transform:rotate(180deg)}70%{left:-30px;-o-transform:rotate(180deg)}72%{left:-90px;-o-transform:rotate(180deg)}75%{left:-90px;-o-transform:rotate(0)}85%{left:-57px;-o-transform:rotate(0)}100%{left:27px;-o-transform:rotate(0)}}@keyframes routateL{0%,65%{transform:rotate(-118deg)}85%{transform:rotate(60deg)}100%{transform:rotate(242deg)}}@keyframes routateR{0%,15%{transform:rotate(62deg)}20%{transform:rotate(103deg)}35%{transform:rotate(245deg)}40%{transform:rotate(365deg)}100%,85%{transform:rotate(422deg)}}@keyframes lineFollow{0%{left:27px;transform:rotate(0)}15%{left:110px;transform:rotate(0)}20%{left:129px;transform:rotate(0)}23%{left:159px;transform:rotate(0)}25%,35%{left:159px;transform:rotate(180deg)}65%{left:-9px;transform:rotate(180deg)}70%{left:-30px;transform:rotate(180deg)}72%{left:-90px;transform:rotate(180deg)}75%{left:-90px;transform:rotate(0)}85%{left:-57px;transform:rotate(0)}100%{left:27px;transform:rotate(0)}}