.content-box{ margin: 0 auto; width: 1000px;}

.header-box{ width: 100%; min-width: 1000px;line-height: 50px}
.header-box ul li{ display: inline-block; float: left; margin-right: 10px;}
.header-box .nav-ul li{ margin-right: 16px;}
.header-first-div{ height: 50px; ; background-color: #292b33; }
.header-bg{ height: 80px; background: url(../images/index_nav_bg.png) repeat-x transparent;}
.header-first-div ul li a{ color: #ffffff;}
.header-first-div .logo-img-a{ width: 149px; height: 32px; display:inline-block; background:url(../images/logo.png) no-repeat;  vertical-align: middle; }
.header-first-div .logo-ul{ margin-right: 30px; height: 50px;}
.header-bg .logo-ul a{ margin-top: 20px;}
.header-first-div .nav-ul li a{ display: inline-block; padding: 0 10px; height: 50px;}
.header-first-div .nav-ul li a:hover,.header-first-div .nav-ul li a.active{ border-bottom: 4px solid #00ccff; height: 46px;}
.header-second-div { height:50px; border-bottom: 1px solid #e6e6e6;}
.header-second-div .nav-ul li a:hover,.header-second-div .nav-ul li a.active{color: #00ccff; }
.header-second-div .title-ul{ font-size: 16px; font-weight: bold;}
.header-first-div .nav-second-ul li{ color: #fff; margin: 0 20px; line-height: 70px;}
.header-first-div .nav-second-ul li span{ display: inline-block; font-size: 30px; margin: 0 7px;}
.header-first-div .btn-ul li{margin:0px;}
.header-first-div .btn-ul .btn{margin:0 5px;}
.header-first-div .btn-ul .btn-width-20{min-width:20px!important;}
.header-first-div .icon-qq{background-image: url(../images/qq.png); background-repeat: no-repeat; display: inline-block; background-position: 0 0; vertical-align: middle; height: 16px; width: 16px;}

.footer-box{width: 100%; min-width: 1000px;  height: 190px; background: #292b33; padding: 30px 0; margin-top: 80px; position: relative; bottom: 0px;}
.footer-cont-div ul li{ line-height: 30px;}
.footer-cont-div ul li a{ color: #999999;}
.footer-cont-div ul li span{ color: #ffffff; font-size: 16px;}
.footer-cont-ul{ display: block; min-width:150px;margin-left: 30px;}
.footer-contact-ul .logo-img-a{ width: 177px; height: 41px; display:inline-block; background:url(../images/logo.png) no-repeat;  vertical-align: middle;}
.footer-contact-ul .logo-img-li{ height: 50px; line-height: 50px;}
.footer-contact-ul{margin-right: 40px;}


.scroll-index-box{min-width: 100px; position: relative; height: 550px;}
.scroll-index-box .scroll-img-box{ width: 100%; height: 524px;vertical-align: middle; display: table;}
.scroll-index-box .scroll-01{ background: url(../images/banner1.jpg) no-repeat top center #fff;}
.scroll-index-box .scroll-02{ background: url(../images/banner2.jpg) no-repeat top center #fff;}
.scroll-index-box .scroll-03{ background: url(../images/banner3.jpg) no-repeat top center #fff;}
.scroll-index-box .scroll-04{ background: url(../images/banner4.jpg) no-repeat top center #fff;}


.scroll-index-box .control{width:100%;position:relative;bottom:30px;min-width: 1000px;text-align:center}
.scroll-index-box .control li{display:inline-block;*display:inline;*zoom:1;margin:0 10px 0 0;width:10px;height:10px;border-radius:50%;cursor:pointer;background:#666666}
.scroll-index-box .control li a{display:none}
.scroll-index-box .control li.current{background:#258fc1}
/*.scroll-index-box .prev{ background: url(../images/left-white.png) no-repeat; width: 24px; height: 41px; display: block;position:absolute; left:150px;  top:35%;}
.scroll-index-box .next{ background: url(../images/right-white.png) no-repeat; width: 24px; height: 41px; display: block; position:absolute; right:150px; top:35%;}*/

.scroll-01{ text-align: center;}
.scroll-01 h2{ font-size:60px; color: #fff; margin-bottom: 60px; }
.scroll-01 p{ font-size: 24px; line-height: 40px; color: #fff;}
.scroll-01 span{ color: #00ccff;}
.scroll-01 .btn{ height: 60px; border-radius:50px; line-height: 60px; font-size: 30px; padding: 0 70px; margin-top: 60px;}

.scroll-02-text{background: url(../images/index_nav_bg.png) repeat; width: 450px;margin: 0px 50px 0 30px; padding:30px;}
.scroll-02 .title-h2,.scroll-03 .title-h2,.scroll-04 .title-h2{ color: #00ccff;font-size: 40px;margin-bottom: 20px;}
.scroll-02 .title-h3{ font-size:18px;color: #fffff0; margin-top: 10px;  font-weight: normal; line-height: 30px;}
.scroll-02 p{ line-height: 30px; color: #fffff0; font-size:18px;}
.scroll-02 p span{  margin-right: 10px;}

.scroll-03  .scroll-03-text{ margin: 10% 0 0 90px;}
.scroll-03 .title-h3{ color: #ffbf00; font-size:14px;}

.scroll-04 .scroll-04-text{margin-left: 10%;}
.scroll-04 .scroll-04-text p{ font-size: 16px; color: #fff; line-height: 30px;}
.scroll-04 .scroll-04-text p span{ margin-right: 20px;}
.scroll-04 .scroll-04-text p em{ margin-left:25px; }

.introduce-index-box{ padding:0 0 70px 0; }
.introduce-index-box .title-box{ line-height: 88px; font-size: 40px; text-align: center;}
.introduce-index-box .text-box{ text-indent: 2em; line-height: 25px;}
.introduce-index-box .img-box{ background: url(../images/index-introduce-bg.png) no-repeat center; width: 100%; height: 369px; margin-top: 30px;}


.characteristic-index-box{background: url(../images/index-characteristic-bg.jpg) no-repeat 100% ; height: 411px; width: 100%;min-width:1000px; vertical-align: middle; display: table;}
.characteristic-index-box .icon{ width: 90px; height: 90px;}
.characteristic-index-box dl{ width:398px; color: #fff; float: left; margin:0  0 30px 90px;}
.characteristic-index-box dt,.characteristic-index-box dd{ float: left; height: 90px;}
.characteristic-index-box dd{ margin-left:30px;}
.characteristic-index-box dd h6{ font-size: 18px; margin:8px 0;}
.characteristic-index-box dd span{ line-height: 24px; display: block;}


.superiority-index-box{ width:1000px;margin: 0px auto; padding:90px 0;}
.superiority-index-box dl{ width:320px; display: block; float: left; text-align: center; margin-bottom: 40px;}
.superiority-index-box dt{ width: 100%; height: 90px; text-align: center; margin-bottom: 30px;}
.superiority-index-box dt .icon{ width: 90px; height: 90px;}
.superiority-index-box dd h6{ font-size: 18px; margin-bottom: 10px;}
.superiority-index-box dd span{ line-height: 24px; display: block;}


.partner-index-box{ background: url(../images/index-partner-bg.jpg) no-repeat 100% ; height: 550px; width: 100%;min-width:1000px;vertical-align: middle; display: table;}
.table-div{ display: table-cell; vertical-align: middle;}
.partner-index-box ul li{ display: block; float: left; height:122px; width:249px; color: #fff; font-size: 24px; line-height: 122px; text-align: center; vertical-align: middle;}
.partner-index-box ul:first-child li:nth-child(even){border:1px solid #878148; height: 120px; width:247px; }
.partner-index-box ul:last-child li:nth-child(odd){border:1px solid #878148; height: 120px; width:247px;}
.partner-index-box .icon{ width:175px; height: 71px;}
.partner-index-box .red-bg{background-color: #d95f4a;}
.partner-index-box .blue-bg{background-color: #60ac9a;}
.partner-index-box .yellow-bg{background-color: #edc233;}
.partner-index-box .green-bg{background-color: #55a561;}


.index-box .icon{ background-image: url(../images/index-icon.png);}
.index-box .icon.pantner-01{ background-position: 0 0;}
.index-box .icon.pantner-02{ background-position: 0 -71px;}
.index-box .icon.pantner-03{ background-position: 0 -142px;}
.index-box .icon.pantner-04{ background-position: 0 -213px;}
.index-box .icon.pantner-05{ background-position: 0 -284px;}
.index-box .icon.pantner-06{ background-position: 0 -355px;}
.index-box .icon.pantner-07{ background-position: 0 -426px;}
.index-box .icon.pantner-08{ background-position: 0 -497px;}
.index-box .icon.superiority-01{ background-position: -175px 0;}
.index-box .icon.superiority-02{ background-position: -175px -90px;}
.index-box .icon.superiority-03{ background-position: -175px -180px;}
.index-box .icon.superiority-04{ background-position: -175px -270px;}
.index-box .icon.superiority-05{ background-position: -175px -360px;}
.index-box .icon.superiority-06{ background-position: -175px -450px;}
.index-box .icon.characteristic-01{ background-position: -265px 0px;}
.index-box .icon.characteristic-02{ background-position: -265px -90px;}
.index-box .icon.characteristic-03{ background-position: -265px -180px;}
.index-box .icon.characteristic-04{ background-position: -265px -270px;}