#banner {width: 100%; clear: both; position: relative; background-color: #191d3a;}
#banner .bd {overflow: hidden;}
#banner .bd li {background-position: center top; background-repeat: repeat-x; height: 463px; width: 100%;}
#banner .intro { width: 460px; padding:158px 0 0 540px; margin: auto; position: relative;}
#banner .intro h2 {display: none;}
#banner .intro p {padding-right: 20px; font-size: 14px; color: #191d3a; line-height: 30px;}
#banner .darkcolor .intro p {color: #fff;}
.darkcolor .download dt {color: #fbc660; background-position: 5px -30px;}
.darkcolor .download dd a.downlink {background-color: #695abb; background-color: rgba(255,255,255,.2);background-position: -218px 18px; color: #fff;} 
.darkcolor .download dd a.downlink:hover {background-color: #e0dff3; color: #444866; background-position: 28px 18px;}

.darkcolor .download dd a.ipad {background-position: -210px -182px;}
.darkcolor .download dd a.ipad:hover {background-position: 30px -182px;}

.darkcolor .download dd a.android {background-position: -218px -82px;}
.darkcolor .download dd a.android:hover {background-position: 24px -82px;}
.darkcolor .download dd a.pc {background-position: -215px -275px;}
.darkcolor .download dd a.pc:hover {background-position: 26px  -275px;}
.darkcolor .download dd a.wphone {background-position: -214px -377px;}
.darkcolor .download dd a.wphone:hover {background-position: 26px  -377px;}

.darkcolor .download dd a.tv {background-position: -214px -482px;}
.darkcolor .download dd a.tv:hover {background-position: 22px -482px;}

#b5 .online,#b12 .online {right: 20px;}
#b5 .download dd a.downlink {background-color: #e3e8ec; background-color: rgba(255,255,255,.5);}
#b5 .download dd a.downlink:hover {background-color: #fff;}
#banner #b5 .intro p,#b5 .download dt {color: #fff;}
#banner .hd ul {width: 135px;z-index: 100; position: absolute; left: 50%; margin-left: -67px; bottom: 20px;}
#banner .hd ul li {float: left;   width: 12px;height: 12px;border-radius: 6px; background-color: #fff; overflow: hidden; text-indent: -9999px; margin-right: 15px; opacity: 0.5;filter: alpha(opacity=50); cursor: pointer;}
#banner .hd ul li.on {opacity: 1;filter: alpha(opacity=100);}
#indexmain {width: 100%; background:#fff url(../images/indexmainbg.jpg) no-repeat center bottom; padding-bottom: 57px;}
.indexpro { padding-top: 50px; margin-bottom: 35px;}
.indexpro .bd {width: 1000px; overflow: hidden; height: 200px; margin-bottom: 29px;}
.indexpro .bd li { float: left; width: 218px; height: 200px; margin-right: 43px; text-align: center;}
.indexpro .bd li a {color: #444866; display: block; width: 218px; height: 200px; }
.indexpro .bd li h5 { font-size: 14px; padding: 10px 0 5px;}
.indexpro .bd li p {padding-bottom: 10px;}
.indexpro .bd li p span { display: inline-block; padding-right: 11px; background: url(../images/arrow.png) no-repeat right center; line-height: 18px; text-transform: uppercase; color: #38b774;}
.indexpro .hd { border-top: 1px solid #dbe1e7; clear: both; height: 18px;}
.indexpro .hd ul {width: 100px; padding-left: 17px; height: 11px; margin: -6px auto 0; background-color: #fff;}
.indexpro .hd ul li {float: left; width: 11px; height: 11px; margin-right: 14px; border-radius: 6px; background-color: #b5c0cb; overflow: hidden; text-indent: -9999px; cursor: pointer;}
.indexpro .hd ul li.on { background-color: #2fbc71;}
.indexpro .bd li a:hover h5,.indexpro .bd li a:hover p{ background-color: #38b774; color: #fff;transition:background-color 0.5s linear 0s}
.indexpro .bd li a:hover img {opacity: 0.8;filter: alpha(opacity=80); background-color: #fff;}
.indexpro .bd li a:hover p span {color: #fff; background-image: url(../images/arrow_hover.png);}
.indexnews {float: left; width: 500px; height: 310px; background: url(../images/bynewsbg.jpg) no-repeat;}
#banner .boyyapool .intro{padding:200px 0 0 540px}