#slides { position: relative; height: 920px; overflow: hidden;}
#slides .slide_cont { position: relative; height: 920px; overflow: hidden;}
#slides .main { height: 920px;}
#slides .slides { position: absolute; left: 0; top: 0; bottom: 0; height: 100%; width: 100%; background-size: cover; display: none;}
#slides .slides a { color: #fff; position: absolute; left: 0; z-index: 10;}


    #slides .slides .open_video{width: 180px;height: 56px;bottom: 15%;background-color:transparent;overflow: hidden;text-indent: -999em}
    #slides .slides .open_video:hover{background-position: 0 -52px}
    #slides .slides .open_video:active{background-position: 0 -104px}



#slides .pagination { position: absolute; left: 0; bottom: 30px; width: 100%; text-align: center; z-index: 2;}
#slides .pagination li { display: inline-block; *display:inline;*zoom:1; width: 24px; height: 24px; margin: 0 11px; border-radius: 30px;}
#slides .pagination a { display: block; width: 22px; height: 22px; border: 1px solid #fff; text-indent: -99em; overflow: hidden;border-radius: 30px;}
#slides .pagination .current,#slides .pagination li a:hover { background-color: #fff;}
#slides .pagination li a:hover { opacity: .4;}

.slides_01 { background: url(../images/bnr_01.jpg) 50% no-repeat;}
.slides_01 a { margin: 0 0 0 400px; width: 290px; bottom: 25%; height: 86px; text-align: center; line-height: 86px; font-size: 48px; background-color: #3ba44c;}
.slides_01 img { position: absolute; left: 2%; bottom: 22%;}
.slides_02 { background: url(../images/bnr_02.jpg) 50% no-repeat;}
.slides_02 a {left: 70% !important; bottom: 36%; width: 160px; height: 43px; text-align: center; line-height: 43px; font-size: 24px; background-color: #2da0e9;}
.slides_02 img { position: absolute; right:0; bottom: 43%;}
.slides_03 { background: url(../images/bnr_03.jpg) 50% no-repeat;}
.slides_03 a { left: 66% !important; bottom: 61%; width: 188px; height: 43px; text-align: center; line-height: 43px; font-size: 24px; background-color: #3ba44c; }
.slides_03 img { position: absolute; left: 21%; bottom: 62%;}

.slides_04 { background: url(../images/bnr_04.jpg) 50% no-repeat;}
.slides_05 { background: url(../images/bnr_05.jpg) 50% no-repeat;}
.slides_06 { background: url(../images/bnr_06.jpg) 50% no-repeat;}

.service_exper { background-color: #fff; overflow: hidden;}
.service_exper .main { height: 910px; }
.service_exper .mid { position: absolute; left: 0; width: 100%; height: 498px; top: 50%; margin-top: -240px;}
    .service_exper .mid h2{text-align:center}
.service_exper h2 { padding: 0 0 0 14px;}
.line { text-align: center; position: absolute; left: 0; bottom: 10%; width: 100%;}
.service_exper ul { position: absolute; left: 0; width: 100%; bottom: 10%; text-align: center;}
.service_exper li { display: inline-block; *display: inline; zoom: 1; margin: 0 4%; vertical-align: top;}
/**/
.business_process { background: #E0F2FF url(../images/index_pic_01.jpg) 50% bottom no-repeat; -webkit-background-size: contain; background-size: contain; text-align: center; overflow: hidden;}
.business_process .main { height: 921px;}
.business_process .mid { position: absolute; left: 0; width: 100%; height: 308px; top: 50%; margin-top: -272px;}
.business_process .item_01 { margin-top: 42px;}
.business_process .item_02 { margin-top: 43px;}
.business_process .item_02 img{margin-left: -168px}
.business_process a { border: 1px solid #2973c7; display: inline-block; width: 133px; height: 42px; line-height: 42px; color: #2560a4; font-size: 18px; margin: 49px 0 0;}
.business_process .iphone { position: absolute; left: 60%; bottom: 0px;}
/**/
.money_box { background-color: #f2f2f1; overflow: hidden; background: url(../images/index_pic_02.jpg) 50% bottom no-repeat; }
.money_box .main { height: 914px;}
.money_box .mid { position: absolute; left: 0; height: 405px; width: 100%; top: 50%; margin-top: -202px;}
.money_box h2 { padding-left: 14px;}
.money_box p { padding-left: 14px;}
.money_box .item_01 { margin-top: 49px;}
.money_box .item_02 { margin-top: 38px;}
.money_box a { display: inline-block; height: 42px; line-height: 42px; background: url(../images/btn_01.png) 0 0 no-repeat; padding-left: 62px; margin: 33px 0 0 14px; font-size: 24px; color: #32353e;}
/*.money_box a:hover { background-position: 0 -42px;}
.money_box a:active { background-position: 0 100%;}*/
.money_box .money_pic { position: absolute; left: 62%; bottom: -4%;}
/**/
.data_speak { background-color: #fff; overflow: hidden;}
.data_speak .main { height: 918px; text-align: center; width: auto;}
.data_speak .mid { position: absolute; left: 0; height: 675px; width: 100%; top: 50%; margin-top: -270px;}
.data_speak .item_01 { margin-top: 80px;}
.data_speak .item_02 { margin-top: 10px;}
/**/
.footer_page { text-align: center; background-color: #40c5ab; height: 190px; transition: all .5s ease-out;}
.footer_page a { background: url(../images/index_sq.gif) 100% 0 no-repeat; display: inline-block; height: 58px; line-height: 58px; padding-right: 80px; font-size: 48px; color: #fff; margin-top: 66px;}
/**/
.dot_nav { position: fixed; right: 70px; top:50%; margin-top: -38px; height: 76px; z-index: 100;}
.dot_nav li { position: relative; height: 10px; width: 10px; line-height: 0; font-size: 0; cursor: pointer; margin-top: 5px;}
.dot_nav li span { position: absolute; left: 50%; top: 50%; margin: -3px 0 0 -3px; background-color: #6c6c6c; border-radius: 100%; width: 6px; height: 6px; opacity: .6; box-shadow: 1px 1px 2px rgba(0,0,0,.4); transition: all .3s ease-out;}
.dot_nav .cur span { width: 8px; height: 8px; margin: -5px 0 0 -5px; opacity: .8; border: #6c6c6c solid 1px; background: #fff; -webkit-transform: scale(1);}