@charset "utf-8";
/* CSS Document */
/*头部固定*/
.header-box { position: fixed; top: 0; left: 0; z-index: 999;}

/*banner*/
.banner-box { position: relative; width: 100%; height: 550px; overflow: hidden;}
.banner li { position: relative; display: none;}
.banner li.selected { display: block;}
.banner li a { display: block; width: 100%; height: 550px; overflow: hidden;}
.banner li .w1210 { position: relative; height: 550px;}
.banner-tab { position: absolute; z-index: 3; bottom: 30px; left: 50%;}
.banner-tab span { float: left; width: 26px; height: 4px; margin: 0 3px; cursor: pointer; background-color: rgba(255, 255, 255, 0.3); -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; transition: all 0.8s ease-out; background: #a1a1a3;}
.banner-tab span.selected { background: #fff;}
/*banner1*/
.banner1 .banner-info { position: absolute; top: 200px; left: 20px;}
.banner1 .title { display: block;}
.banner1 .banner-desc { padding: 30px 5px;}
.banner1 .banner-desc p { height: 40px; margin-bottom: 5px; font-size: 24px; line-height: 40px; color: #fff;}
.banner1 .banner-desc i { display: inline-block; width: 10px; height: 10px; margin-right: 12px; vertical-align: middle; background: #ffd702; border-radius: 10px;}
.banner1 .banner-desc span { display: inline-block; vertical-align: middle;}
.banner1 .btn { padding: 8px 20px; margin-left: 27px; font-size: 16px; color: #fff; letter-spacing: 2px; border: 1px solid #fff; border-radius: 3px;}
.banner1 .btn i { padding-left: 5px; font-family: simsun; font-weight: 700;}
.banner1 .banner-circle { position: absolute; top: -39px; right: -174px; width: 960px; height: 960px; background: url(/webstatic/images/banner1-circle.png) no-repeat 0 0;}
.banner1 .banner-img { position: absolute; right: 0; bottom: 0; width: 612px; height: 410px; background: url(/webstatic/images/banner1-img.png) no-repeat 0 0;}
.banner1 .banner-img .needle { position: absolute; bottom: -240px; left: -30px; display: block; width: 680px; height: 680px; background: url(/webstatic/images/needle.png) no-repeat 0 0;}
.banner .fadeInRight { position: absolute; right: 50%; margin-right: -500px;}