/*.f1 {
    height: auto;
    padding-bottom: 50px;
    padding-top: 10px;
    width: 100%;
}

.wzjs_wap {
    margin-top: 50px;
}
.wrapper {
    height: auto;
    margin: 0 auto;
    width: 1240px;
}

.wzms {
    float: right;
    width: 550px;
}

.wzjs_wap h2 {
    color: #004080;
    font: 36px/60px "microsoft yahei";
}

.wzjs_wap p {
    color: #999999;
    font: 18px/35px "microsoft yahei";
}

.wzjs_wap h4 {
    color: #333333;
    font: 24px/50px "microsoft yahei";
}

.wzjs1 {
    background-color: #f6f6f6;
    height: auto;
    padding-bottom: 30px;
    padding-top: 30px;
    text-align: right;
    width: 100%;
}

.wrapper {
    height: auto;
    margin: 0 auto;
    width: 1240px;
}

.wen {
    float: left;
    width: 650px;
}

.wen h2 {
    color: #004080;
    font: bold 30px/80px "microsoft yahei";
    text-align: center;
}

.wen p {
    line-height: 30px;
	color: #666;
    font-family: Microsoft YaHei,Segoe UI,Tahoma,Arial,Verdana,sans-serif;
    font-size: 14px;
}

.mrg {
    margin-left: 40px;
}
.tu {
    float: left;
    text-align: center;
    width: 550px;
}

.wzjs4 {
    height: auto;
    padding-bottom: 30px;
    padding-top: 30px;
    text-align: left;
    width: 100%;
}*/

.mobileInstruBannerbg {
    background: url("images/bannerbgrepeat.jpg") repeat-x scroll left top;
    height: 450px;
}

.mobileInstruBannerbg a {
    background: url("images/banner.jpg") no-repeat scroll center center;
    display: block;
    height: 450px;
    width: 100%;
}

.bannerInfoHolder {
    height: 53px;
    position: relative;
    z-index: 9;
}

.bannerInfo {
    background: url("images/bannerinfo.jpg") repeat-x scroll left top;
    height: 53px;
    line-height: 54px;
    opacity: 1;
    top: -53px;
    transition: top 0.2s ease-in 0.6s;
}
.bannerInfo .cont {
    height: 53px;
    position: relative;
    width: 980px;
}
.blockcenter {
    margin-left: auto;
    margin-right: auto;
}

.fix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
.fix {
    clear: both;
}

.bannerInfo .cont .shadowt {
    background-position: left top;
    top: -10px;
}
.bannerInfo .cont .shadow {
    background-image: url("images/shadow.png");
    height: 10px;
    position: absolute;
    right: 170px;
    width: 7px;
}

.bannerInfo ul li {
    float: left;
    height: 51px;
    line-height: 52px;
    margin-right: 30px;
    padding: 1px;
}
.bannerInfo ul li a:hover, .bannerInfo ul li a.on {
    background: url("images/bannerinfolink.jpg") repeat-x scroll left top;
}
.bannerInfo ul li a {
    background: none repeat scroll 0 center;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: bold;
    height: 51px;
    text-align: center;
    width: 128px;
}

.bannerInfo .cont a.tryIt {
    background-position: 0 -78px;
    bottom: -10px;
    height: 73px;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-indent: -999px;
    width: 170px;
}
.bannerInfo .cont strong, .bannerInfo .cont .tryIt, .demoSliderWrap .leftBtnSlider, .demoSliderWrap .rightBtnSlider, .toSeeMore .showFAQ .fix a, .toSeeMore .showFAQ ul a, .demoSliderCont ul li, .demoSliderCont ul li .qrCode, .qrCode .arrow {
    background-image: url("images/pagebg.png");
    background-repeat: no-repeat;
}

.mobileSiteInstru {
    margin: 0 auto;
    width: 980px;
}
.mobileSiteInstru li {
    float: left;
    width: 100%;
}

.mobileSiteInstru .instruWords {
    padding-top: 41px;
    width: 540px;
}
.fll {
    float: left;
}

.mobileSiteInstru .instruWords h3 {
    color: #333;
    font: bold 28px/73px "微软雅黑";
}

.mobileSiteInstru .instruWords p {
    color: #666;
    font-size: 14px;
    line-height: 24px;
}

.mobileSiteInstru .instruPics {
    background-color: #f8f8f8;
    height: 280px;
    width: 420px;
}
.flr {
    float: right;
}
.mobileSiteInstru .viewAllFcts.movehere {
    background-size: 200px 46px;
}
.mobileSiteInstru .viewAllFcts {
    background: url("images/viewall.png") no-repeat scroll center center / 0 46px;
    color: #333;
    display: block;
    font-size: 18px;
    height: 46px;
    line-height: 46px;
    margin: 10px auto 0;
    opacity: 1;
    text-align: center;
    transition: all 0.26s ease-in 0.6s;
    width: 200px;
}

.viewOurDemo {
    background-color: #50a7e6;
    height: 450px;
    margin-top: 40px;
    padding-top: 10px;
}

.viewOurDemo .viewOurDemoCont div.fix p {
    font-family: "微软雅黑";
    font-size: 16px;
    font-weight: bold;
}

.viewOurDemo .viewOurDemoCont div.fix p a {
    color: #fff;
    text-decoration: underline;
}

.viewOurDemo .viewOurDemoCont div.fix {
    color: #fff;
    display: block;
    height: 84px;
    line-height: 84px;
    margin: 0 auto;
    width: 980px;
}

.viewOurDemo .viewOurDemoCont div.fix strong {
    font-family: "微软雅黑";
    font-size: 24px;
}

.viewOurDemo .viewOurDemoCont div.fix p a {
    color: #fff;
    text-decoration: underline;
}

.demoSliderWrap {
    height: 320px;
    margin: 0 auto;
    position: relative;
    width: 1000px;
}

.demoSliderWrap .leftBtnSlider {
    background-position: -1px -339px;
    left: 0;
}
.demoSliderWrap .leftBtnSlider, .demoSliderWrap .rightBtnSlider {
    height: 51px;
    position: absolute;
    top: 136px;
    width: 27px;
}

.demoSliderWrap .rightBtnSlider {
    background-position: -38px -339px;
    right: 0;
}

.demoSliderCont {
    height: 320px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 960px;
}

.demoSliderCont ul li {
    background-position: -355px bottom;
    cursor: pointer;
    display: inline;
    float: left;
    height: 278px;
    padding: 42px 0 0;
    position: relative;
    width: 240px;
}
.demoSliderCont ul li img {
    cursor: default;
    display: block;
    margin: 0 auto;
}
.demoSliderCont ul li .qrCode {
    background-position: 0 -480px;
    display: none;
    height: 170px;
    left: 165px;
    padding: 10px 10px 0;
    position: absolute;
    top: 0;
    width: 140px;
}

.demoSliderCont li .qrCode img {
    background-color: #fff;
    height: auto;
    margin: 0 auto 5px;
    padding: 2px;
    width: 116px;
}

.demoSliderCont ul li .qrCode .dis {
    color: #555;
    display: block;
    padding: 0 10px;
}
.demoSliderCont li .qrCode .arrow {
    background-position: -20px -666px;
    height: 19px;
    left: -10px;
    position: absolute;
    top: 82px;
    width: 10px;
}

.demoSliderCont ul .hover{z-index:9}
.demoSliderCont ul li.rightPosition .qrCode{left:auto;right:165px}
.demoSliderCont ul li.rightPosition .qrCode .arrow{left:auto;right:-10px;background-position:0 -666px}







.topics_03 {
    background: none repeat scroll 0 0 #fff;
    height: 700px;
    overflow: hidden;
}

.wrap_w {
    margin: 0 auto;
    position: relative;
    width: 978px;
}
.cle:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}
/*.topics_03 .qq_cons {
    height: 22px;
    left: 660px;
    position: absolute;
    top: 86px;
    width: 315px;
    z-index: 99;
}
.topics_03 .qq_cons span {
    cursor: pointer;
    display: block;
    float: left;
    height: 22px;
    margin-right: 13px;
    width: 92px;
}*/

.topics_04 {
    background: none repeat scroll 0 0 #ffae00;
    height: 777px;
    overflow: hidden;
}
.topics_04 .cont {
    background: url("images/topics_06.jpg") no-repeat scroll center top;
    margin: 0 auto;
    padding-top: 160px;
    position: relative;
    width: 1137px;
}
/*.topics_04 .qq_cons {
    height: 22px;
    left: 736px;
    position: absolute;
    top: 68px;
    width: 315px;
    z-index: 99;
}
.topics_04 .qq_cons span {
    cursor: pointer;
    display: block;
    float: left;
    height: 22px;
    margin-right: 13px;
    width: 92px;
}*/

.scrolllist {
    height: 567px;
    margin: 0 auto;
    width: 1137px;
}

a.aleft {
    background: url("images/topics_11.jpg") no-repeat scroll 0 0;
    float: left;
    height: 128px;
    margin-top: 200px;
    width: 29px;
}

a.aright {
    background: url("images/topics_12.jpg") no-repeat scroll 0 0;
    float: right;
    height: 128px;
    margin-top: 200px;
    width: 29px;
}

.scrolllist .imglist_w {
    float: left;
    height: 567px;
    margin-left: 15px;
    overflow: hidden;
    position: relative;
    width: 1044px;
}
.scrolllist .imglist_w ul {
    left: 0;
    position: absolute;
    top: 0;
    width: 20000px;
}

.scrolllist .imglist_w li {
    background: url("images/topics_08.jpg") no-repeat scroll 0 0;
    display: inline;
    float: left;
    height: 454px;
    margin: 0 34px;
    padding: 113px 0 0 24px;
    width: 256px;
}

.scrolllist .imglist_w li a {
    color: #3366cc;
    float: left;
    text-decoration: none;
}

.topics_05 {
    background: none repeat scroll 0 0 #fff;
    height: 624px;
    overflow: hidden;
}

.topics_06 {
    background: url("images/topics_05.jpg") no-repeat scroll center top #fff;
    height: 527px;
    overflow: hidden;
}




/*功能*/
#main {
    width: 1200px;
	margin:0 auto;
}
#main .sectionsTitle {
    background: url("images/innertitlebg.jpg") repeat-x scroll left bottom;
    padding-top: 5px;
}
#main .sectionsTitle strong {
    border-bottom: 2px solid #000;
    display: inline-block;
    font-size: 16px;
    line-height: 32px;
    padding-right: 12px;
	font-weight: bold;
}
.con_khal_x .more {
    position: absolute;
    right: 10px;
    top: 15px;
}
.color999 {
    color: #999;
}

.contentlist_c {
    border-bottom: 1px dotted #ddd;
    height: 160px;
    margin-bottom: 15px;
    position: relative;
    width: 1200px;
    z-index: 1;
}

.gongnengpart_c {
    float: left;
    width: 370px;
	margin-right:30px;
}

.gongnengl_c {
    float: left;
    padding-top: 35px;
    text-align: center;
    width: 80px;
}

.gongnengr_c {
    float: right;
    padding-left: 20px;
    padding-right: 30px;
    padding-top: 30px;
    width: 240px;
}

.gongnengrtitle_c {
    font-weight: bold;
    line-height: 32px;
}

.gongnengrcon_c {
    color: #666;
    line-height: 24px;
}

.contentlist_none_c {
    border-bottom: 0 none;
    margin-bottom: 0;
}

.clearfloat {
    clear: both;
}