/*banner*/
.focus-img { width: 100%; height: 388px; color: #fff; overflow: hidden; background: #144ecf; background: linear-gradient(to right, #144ecf,#2b8dfb);}
.focus-img .title { padding: 105px 0 0; font-size: 44px;color: #fff;}
.focus-img p { padding: 10px 0 35px; font-size: 16px; line-height: 30px;color: #fff;}
.focus-img .btn { display: block; width: 138px; height: 38px; padding: 0; font-size: 16px; line-height: 38px; color: #fff; background: transparent; border: 1px solid #fff; border-radius: 2px; transition: all .2s;}
.focus-img .btn:hover { color: #144ecf; background: #fff;}
.focus-img img { margin-top: 35px;}

.w1100 {
    width: 1100px !important;
    margin: 0 auto;
}
/*======棣栭〉======*/
.mainmid { width: 1210px; margin: auto; overflow: hidden;}
.red { color: red;}

/*瀹藉害*/
.w990 { width: 990px;}
.w-30 { width: 30%;}
.w-40 { width: 40%;}
.w-23 { width: 23%;}

/*鏄剧ず闅愯棌*/
.hide { display: none;}

/*margin*/
.marb50 { margin-bottom: 50px;}

/*鍐呭*/
.container { width: 1210px; padding: 60px 0 10px; margin: 0 auto;}
.container .title { position: relative; margin-bottom: 15px; font-size: 30px; line-height: 40px; color: #333; text-align: center;}
.container .desc { width: 990px; margin: 0 auto 15px; font-size: 15px; line-height: 1.8; color: #666; text-align: center;}
.container .content { padding: 40px 0 60px;}
.container ul li { float: left; text-align: center;}
.container ul li .ibonfont { display: block;}
.container li p { padding-top: 10px; font-size: 14px; color: #666; line-height: 24px; text-align: center;}

/*li 瀹藉害*/
.equal3 li { width: 33.33%;}
.equal4 li { width: 25%;}
.equal5 li { width: 20%;}
.equal6 li { width: 16.66%;}

/*padding*/
.paddt20 { padding-top: 20px !important;}
.paddt150 { padding-top: 150px !important;}
.paddt5 { padding-top: 5px !important;}
.paddt20 { padding-top: 20px !important;}
.paddt35 { padding-top: 35px !important;}
.paddt50 { padding-top: 50px !important;}
.paddt45 { padding-top: 45px !important;}
.paddt55 { padding-top: 55px !important;}
.paddt60 { padding-top: 60px !important;}
.paddt70 { padding-top: 70px !important;}
.paddt75 { padding-top: 75px !important;}
.paddt90 { padding-top: 90px !important;}
.paddt120 { padding-top: 120px !important;}
.paddt150 { padding-top: 150px !important;}
.paddt165 { padding-top: 165px !important;}
.paddb20 { padding-bottom: 20px !important;}
.paddb35 { padding-bottom: 35px !important;}
.paddb45 { padding-bottom: 45px !important;}
.paddb60 { padding-bottom: 60px !important;}
.paddb80 { padding-bottom: 80px !important;}
.paddl48 { padding-left: 48px !important;}
.paddl60 { padding-left: 60px !important;}
.paddl120 { padding-left: 120px !important;}
.paddl160 { padding-left: 160px !important;}

/*鑳屾櫙鑹�*/
.bg-rose { background: #db52db;}
.bg-orange {
    background: #ff6526;
}
.bg-green2 {
    background: #33d5bd;
}
.bg-blue {
    background: #7594fd;
}
.bg-red {
    background: #fc546b;
}
.bg-green {
    background: #66d161;
}
/*鍥炬爣鍒楄〃*/
.icons-container { padding-bottom: 60px}
.icons-container .ibonfont { display: block; width: 70px; height: 70px; margin: 0 auto; font-size: 34px; line-height: 70px; color: #fff;}
.icons-container h3 { padding: 18px 0 6px; font-size: 16px;}
.icons-container p { font-size: 13px; line-height: 18px; color: #92939c;}

/*鍦嗚*/
.circle .ibonfont { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
.square .ibonfont { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}


/*===瀵艰埅===*/
.nav-bar { width: 100%; height: 70px; background: #fff;}
.logo a { padding: 5px 0;}
.nav-content { width: 1210px; margin: 0 auto; overflow: hidden;}
.nav { padding-right: 20px;}
.nav .m { position: relative; float: left; text-align: center;}
.nav .m:hover a { color: rgba(245, 56, 34, 0.9);}
.nav .m .subbg li.on a, .nav .sub li.on span { color: #f9334b;}
.nav a { display: block; width: 90px; font-size: 15px; font-weight: normal; line-height: 70px; color: #2c3a46;}
.nav .on a { color: rgba(245, 56, 34, 0.9);}
.nav i.hot-icon { position: absolute; top:15px; left:70px; width: 22px; height: 10px; background: url(../B2B2B2CProduct/zhineng/hot.html) no-repeat center;}
/*婕旂ず璐﹀彿*/
.nav-content .demo { padding-top: 18px;}
.nav-content .demo a.ys-btn{ display: block; width: 100px; height: 34px; font-size: 14px; line-height: 33px; color: #fff; text-align: center; background: #e60012; border-radius: 3px;}

/*banner*/
.banner-index { height: 550px; background: url(../B2B2B2CProduct/banner/bannner-index_bg.html) no-repeat center;}

/*浠€涔堟槸缈煎晢鍩�*/
.index-module1 li { float: left; width: 16.6%; padding: 25px 0;}
.index-module1 li  i { width: 70px; height: 70px; margin: 0 auto; font-size: 45px; line-height: 70px; color: #fff; text-align: center; border-radius: 50%; -webkit-transition: all 0.3s; transition: all 0.3s;}
.index-module1 li span { display: block; padding-top: 12px; font-size: 14px; line-height: 24px; text-align: center;}

/*瑙嗛*/
.video-box { padding-bottom: 50px; overflow: hidden;}
.video-box span { display: block; font-size: 15px; line-height: 140%; color: #fff; text-align: center;}
.video-box span.title { padding-top: 36px; font-size: 26px;}
.video-box span.desc { padding-top: 6px;}

/*棣栭〉瑙嗛淇敼*/
.video-content { position: relative; width: 1060px; height: auto; margin: 0 auto; overflow: hidden;}
.video-content .info { width: 639px; height: 412px; padding: 28px 97px 0; margin: 0 auto 40px; overflow: hidden; background: url(../B2B2B2CProduct/video-computer-bg.html) no-repeat center;}
.video-content .info .info-inner { width: 639px; height: 360px; overflow: hidden;}
.video-content .info .iframe-video { float: left; position: relative; z-index: 98;}
.slide-video { position: relative; width: 100%; height: 170px; margin: 30px 0 0; overflow: hidden;}
.slide-video-hd { position: relative; width: 811px; margin: 0 auto; overflow: hidden;}
.slide-video ul { width: 940px;}
.slide-video li { float: left; width: 150px; height: auto; margin: 0 15px 5px 0; cursor: pointer;}
.slide-video li .desc { position: relative; width: 100%; margin-bottom: 0;}
.slide-video li .desc .video-icon { position: absolute; top: 30px; left: 58px; z-index: 10; width: 35px; height: 35px; background: url(../B2B2B2CProduct/video_playbtn.html) right 0 no-repeat;}
.slide-video li .desc .bg { position: absolute; top: 0; left: 0; z-index: 9; width: 100%; height: 100%; background: #000; opacity: 0.3;}
.slide-video li .text { text-align: center; line-height: 40px; font-size: 14px;}
.slide-video li:hover .video-icon { background-position: 0 0;}
.slide-video li.on .desc .video-icon, .slide-video li.on .desc .bg { display: none;}
.slide-video .prev,.slide-video .next { position: absolute; top: 40px; width: 40px; height: 40px; background: url(../B2B2B2CProduct/video_jt.html) no-repeat;}
.slide-video .prev { background-position: 0 0; left: 30px;}
.slide-video .next { background-position: -40px 0; right: 30px;}
.slide-video .prev:hover { background-position: 0 -40px;}
.slide-video .next:hover { background-position: -40px -40px;}
.slide-video li .video-download { display: block; width: 110px; height: 34px; margin: 0 auto; line-height: 34px; color: #fff; text-align: center; background: #2abf43; border-radius: 5px;}
.slide-video li .video-download .ibonfont { display: inline; margin-left: 5px; font-size: 18px; color: #fff; vertical-align: middle;}

/*閫夋嫨涓€濂椾骇鍝侊紝杩欏洓涓柟闈㈣嚦鍏抽噸瑕�*/
.index-module3 { position: relative;}
.index-module3 img {width: 600px; display: block; height: 380px; margin: 80px auto 20px; background: url(../B2B2B2CProduct/index2.png) no-repeat center;}
.index-module3 ul li {position: absolute; top: 0;  text-align: right;}
.index-module3 ul h3 {font-size: 16px; color: #2A75ED; font-weight: bold; text-align: right;}
.index-module3 ul p { font-size: 14px; color: #666; text-align: right;}

/*杩愪綔妯″紡*/
.index-module4 { background: url(../picture/city-partner-bg.jpg);}
.index-module4 .container .title,.index-module4 .container .desc{
    color: #ffffff;
}

/*鍖哄煙鏂版ā寮�*/
.index-needs { background: #f6f9fc;}
.index-needs .needs-slide { height: 688px; padding: 25px 50px 0; margin-bottom: 60px; overflow: hidden; background: #3dbaf7;}
.index-needs .needs-slide .hd { float: left; width: 220px; height: inherit; overflow: hidden; background: url(../B2B2B2CProduct/index_needs_logo.png) 0 25px no-repeat;}
.index-needs .needs-slide .hd ul { margin-top: 190px; margin-left: 0;}
.index-needs .needs-slide .hd li { float: none; position: relative; padding: 7px 30px; margin-bottom: 7px; line-height: 1.2; color: #fff; text-align: left; cursor: pointer; border: 1px solid #fff;}
.index-needs .needs-slide .hd li.on p { color: #3dbaf7;}
.index-needs .needs-slide .hd li.on span { color: #3dbaf7;}
.index-needs .needs-slide .hd li p { padding-top: 0; text-align: left; font-size: 20px; color: #fff;}
.index-needs .needs-slide .hd li span {font-size: 14px;}
.index-needs .needs-slide .hd li .li-hd { position: relative; z-index:4;-webkit-transition: all .3s;-moz-transition: all .3s; transition: all .3s;}
.index-needs .needs-slide .hd li .li-bd { position: absolute; top: 0; right: 0; bottom: 0; z-index: 1; width: 0; background: #fff; -webkit-transition: width .3s; -moz-transition: width .3s; transition: width .3s;}
.index-needs .needs-slide .hd li.on .li-bd { width: 100%;}
.index-needs .needs-slide .bd { height: 630px;margin-left: 219px; text-align: center; background: #fff;}
@-moz-document url-prefix() {.index-needs .needs-slide .bd { height: 630px;}}
.index-needs .needs-slide .bd ul { padding: 40px 50px;}
.index-needs .needs-slide .bd ul li { float: none; display: none}
.index-needs .needs-slide .bd ul li.active { display: block}
.index-needs .needs-slide .bd ul li img { margin: 0 auto;}
.index-needs .needs-slide .bd h3 { padding: 0; margin-bottom: 10px; font-size: 30px; color: #333;}
.index-needs .needs-slide .bd p { padding: 0 30px; margin-bottom: 30px; font-size: 14px; color: #82939e;}

/*鐢ㄦ埛浣撻獙锛屼笉灞€闄愬湪瑙嗚鎰熷畼*/
.index-module5 .index-module5-img { height: 370px; padding-left: 78px;}
.index-module5 .fr { width: 544px; padding-top: 20px;}
.index-module5 .index-module5-tab { margin-bottom: 33px;}
.index-module5 .index-module5-tab span { float: left; width: 127px; height: 50px; margin-right: 26px; font-size: 16px; line-height: 50px; color: #fff; text-align: center; cursor: pointer; background: #aaa;}
.index-module5 .index-module5-tab .active { background: #3dbaf7;}
.index-module5 .index-module5-item li { float: left; width: 100px; height: 100px; margin: 0 0 22px 22px; font-size: 14px; line-height: 1; text-align: center; color: #666; cursor: pointer; box-shadow: 0 0 15px rgba(0,0,0,.05);}
.index-module5 .index-module5-item li .ibonfont { display: block; padding-top: 10px; font-size: 45px; line-height: 1.2; color: #969696;}
.index-module5 .index-module5-item li p { padding-top: 0;}
.index-module5 .index-module5-item li.active .ibonfont { color: #3dbaf7;}
.index-module5 .index-module5-item li.active p { color: #3dbaf7;}

/*鍟嗗煄瀹ｄ紶鐗╂枡鏀寔*/
.index-module6 { background: url(../B2B2B2CProduct/mod6-bg.html) no-repeat center;}
.index-module6 .content { position: relative;}
.index-module6 .content .bd {  width: 1046px; margin: 0 auto; overflow: hidden;}
.index-module6 .content .bd li { float: left; width: 254px; height: 360px; margin-right: 10px; text-align: center; overflow: hidden; border-radius: 8px; background: #fff;}
.index-module6 .content .bd li img { width: 260px;}
.index-module6 .content .bd li h3 { padding-bottom: 0; font-size: 18px; color: #777c81;}
.index-module6 .content .bd li p { padding-top: 3px; line-height: 140%; font-size: 14px; color: #9aa1a7;}
.index-module6 .content .ibonfont { position: absolute; top: 180px; font-size: 50px; font-weight: bold; color: #acacac; cursor: pointer;}
.index-module6 .content .ibonfont:hover { color: #787272; }
.index-module6 .content .prev { left: 0; }
.index-module6 .content .next { right: 0; }

/*鍐呯疆涓板瘜钀ラ攢銆佷績閿€妯″潡锛岃姳寮忔挬瀹�*/
.container .content.dashboard-box {padding-bottom: 20px;}
.dashboard-box .hd li{ width:25%; line-height: 44px; cursor: pointer; font-size:18px; border-bottom:2px solid #E5E5E5; color: #333333; text-align: center}
.dashboard-box .hd li.selected{ color:#00A4FF;border-color:#00A4FF;}
.dashboard-box .bd ul{ display: none; overflow: hidden;}
.dashboard-box .bd .dashboard-on{ display: block;}
.dashboard-box .bd ul li{ width: 285px; padding: 25px 0 0; margin-left: 175px; box-sizing: border-box;}
.dashboard-box .bd ul li .icon { width: 80px; height: 80px; margin: 0 auto 15px;}
.dashboard-box .bd ul.dashboard1 li .icon { background-image: url(../B2B2B2CProduct/dashboard1.png); background-repeat: no-repeat;}
.dashboard-box .bd ul.dashboard2 li .icon { background-image: url(../B2B2B2CProduct/dashboard2.png); background-repeat: no-repeat;}
.dashboard-box .bd ul.dashboard3 li .icon { background-image: url(../B2B2B2CProduct/dashboard3.png); background-repeat: no-repeat;}
.dashboard-box .bd ul.dashboard4 li .icon { background-image: url(../B2B2B2CProduct/dashboard4.png); background-repeat: no-repeat;}
.dashboard-box .bd ul li .icon1 { background-position: 0 0;}
.dashboard-box .bd ul li .icon2 { background-position: -80px 0;}
.dashboard-box .bd ul li .icon3 { background-position: -160px 0;}
.dashboard-box .bd ul li .icon4 { background-position: -240px 0;}
.dashboard-box .bd ul li .icon5 { background-position: -320px 0;}
.dashboard-box .bd ul li .icon6 { background-position: -400px 0;}
.dashboard-box .bd ul li .icon7 { background-position: -480px 0;}
.dashboard-box .bd ul li .icon8 { background-position: -560px 0;}
.dashboard-box .bd ul li .icon9 { background-position: -640px 0;}
.dashboard-box .bd ul li img{ width: 80px; margin: 0 auto 15px;}
.dashboard-box .bd ul li h5{font-size:18px; color: #333;}
.dashboard-box .bd ul li p{ height: 72px; font-size:14px; color: #666}

/*鍔熻兘鍒楄〃*/
.function-list-wrap .function-list { padding-top: 50px;}
.function-list li { position: relative; height: 50px; margin-bottom: 50px;}
.function-list li .fl { padding-left: 65px;}
.function-list li .icon { position: absolute; top: 0; left: 0; width: 50px; height: 50px; padding: 0;}
.function-list li .icon i { width: 50px; height: 50px; font-size: 30px; line-height: 50px; color: #fff; text-align: center; border-radius: 4px; -webkit-transition: all 0.3s; transition: all 0.3s;}
.function-list li:hover .icon i { -webkit-transform: scale(1.2); transform: scale(1.2);}
.function-list li h3 { padding-bottom: 4px; font-size: 17px; line-height: 24px; color: #333; text-align: left;}
.function-list li p { padding-top: 0; font-size: 13px; color: #92939c; text-align: left;}

/*瀹㈡埛妗堜緥*/
.index-case { width: 1200px; margin: 0 auto 10px; overflow: hidden;}
.index-case a { float: left; width: 150px; height: 50px; margin: 20px 25px; background: url(../B2B2B2CProduct/case_logo.jpg) no-repeat; -webkit-transition: all .35s; -moz-transition: all .35s; transition: all .35s;}
.index-case a:hover{-webkit-transform: translate(0,-10px); -moz-transform: translate(0,-10px); transform: translate(0,-10px);}
.index-case a.case1 { background-position: 0 0;}
.index-case a.case2 { background-position: -150px 0;}
.index-case a.case3 { background-position: -300px 0;}
.index-case a.case4 { background-position: -450px 0;}
.index-case a.case5 { background-position: -600px 0;}
.index-case a.case6 { background-position: -750px 0;}
.index-case a.case7 { background-position: 0 -55px;}
.index-case a.case8 { background-position: -150px -55px;}
.index-case a.case9 { background-position: -300px -55px;}
.index-case a.case10 { background-position: -450px -55px;}
.index-case a.case11 { background-position: -600px -55px;}
.index-case a.case12 { background-position: -750px -55px;}
.index-case a.case13 { background-position: 0 -110px;}
.index-case a.case14 { background-position: -150px -110px;}
.index-case a.case15 { background-position: -300px -110px;}
.index-case a.case16 { background-position: -450px -110px;}
.index-case a.case17 { background-position: -600px -110px;}
.index-case a.case18 { background-position: -750px -110px;}
.index-case a.case19 { background-position: 0 -165px;}
.index-case a.case20 { background-position: -150px -165px;}
.index-case a.case21 { background-position: -300px -165px;}
.index-case a.case22 { background-position: -450px -165px;}
.index-case a.case23 { background-position: -600px -165px;}
.index-case a.case24 { background-position: -750px -165px;}
.case-btn { display: block; width: 180px; height: 50px; margin: 40px auto 0; font-size: 16px; line-height: 50px; color: #fff; text-align: center; cursor: pointer; overflow: hidden; background: #f1421d; border-radius: 5px; transition: all .3s;}
.case-btn:hover { color: #fff; background: #eb340e;}

/*浠锋牸琛�*/
.index-price .on .arrow { position: absolute; right: 287px; bottom: -9px; display: block; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #3aa5da;}
.index-price .hd li { position: relative; float: left; width: 603px; height: 70px; margin-left: 2px; font-size: 24px; line-height: 70px; color: #fff; text-align: center;cursor: pointer; background: #8b97a6;}
.index-price .hd li.on { background: #3aa5da;}
.index-price .bd { overflow: hidden;}
.index-price .bd li { float: none;}
.index-price .attr-table { width: 100%; text-align: center; border: 1px solid #e9e9e9; border-collapse: collapse;}
.index-price .attr-table th, .index-price .attr-table td { padding: 14px 47px; font-size: 14px; border: 1px solid #ddd;}
.index-price .attr-table th { font-size: 18px; font-weight: 300; color: #fff;}
.index-price .attr-table th.at-title { font-size: 22px; font-weight: 700; background-color: #3aa5da;}
.index-price .attr-table th.th-bg1 { background: #71cb45;}
.index-price .attr-table th.th-bg2 { background: #ffc80b;}
.index-price .attr-table th.th-bg3 { background: #ff6526;}
.index-price .attr-table th.th-bg4 { background: #f04b4b;}
.index-price .attr-table th.th-bg5 { background: #80b0fa;}
.index-price .attr-table .at-tit { width: 20px; padding: 10px 28px; font-size: 18px; background-color: #f6fcff;}
.index-price .attr-table .at-subtitle { padding: 16px 15px; font-size: 15px; text-align: left; background-color: #f6fcff;}
.index-price .attr-table td.at-right { background: url(../B2B2B2CProduct/icon_yes.html) center center no-repeat;}
.index-price .attr-table td.at-wrong { background: url(../B2B2B2CProduct/icon_no.html) center center no-repeat;}
.index-price .table-footer { padding: 20px 155px; margin: 0 auto; background: #f8f8f8; border: 1px solid #ddd; border-top: 0;}
.index-price .table-footer p { font-size: 16px; line-height: 1.6; padding-left: 90px; text-align: left; background: url(../B2B2B2CProduct/index_table_icon.html) 0 -25px no-repeat;}
.index-price .table-footer p .tel { padding-right: 25px; font-size: 18px; font-weight: 700;}
.index-price .table-footer p a { padding-left: 10px; font-size: 16px; font-weight: 700;}
.index-price .table-footer .table-footer-btn { width: 500px; height: 50px; padding: 14px 0 0 90px; overflow: hidden;}
.index-price .table-footer .table-footer-btn a { display: inline-block; padding: 5px 20px; font-size: 16px; line-height: 30px; color: #fff; border-radius: 5px;}
.index-price .table-footer .table-footer-btn a i { display: inline; margin-right: 10px; font-size: 28px; vertical-align: top;}
.index-price .table-footer .table-footer-btn a.btn1 { background: #80b0fa;}
.index-price .table-footer .table-footer-btn a.btn1:hover { background: #3aa5da;}
.index-price .table-footer .table-footer-btn a.btn2 { background: #4ede7c;}
.index-price .table-footer .table-footer-btn a.btn2:hover { background: #2ddf4b;}
td .icon { display: block; width: 26px; height: 23px; background: url(../B2B2B2CProduct/list_icon.html); margin: 0 auto;}
td .ok { background-position: 0 0;}
td i.no { background-position: 0 bottom;}
/*=====寰垎閿€=====*/
/*妯″潡鍖哄煙鑳屾櫙鍥剧墖*/
.distribution5 { background: #3ec2e8;}
.distribution6 { background: #293a42; padding-bottom: 30px;}
.distribution8 { background: #ffd778;}
.distribution2 { height: 840px; background: url(../B2B2B2CProduct/mobile/distribution2_bg.html) no-repeat;}
.distribution3 { height: 725px; padding-bottom: 50px; background: url(../B2B2B2CProduct/mobile/distribution3_bg.html) no-repeat;}
.distribution9 { height: 728px; background: url(../B2B2B2CProduct/mobile/distribution9_bg.html) no-repeat;}
.distribution11 { height: 688px; background: url(../B2B2B2CProduct/mobile/distribution11.html) no-repeat center;}
/*濡傛楂樿川閲忕殑椤甸潰鏁堟灉锛�*/
.yellow { color: #ffff00;}
.red1 { color: #fa5050;}
.distribution2 { height: 800px; background: #ff696a;}
.distribution2-bar { width: 1072px; height: 700px; margin: 0 auto;}
.distribution2 .pic { position: relative; width: 388px; height: 780px; margin-top: -50px; background: url(../B2B2B2CProduct/mobile/distribution2_img_bg.html) no-repeat;}
.distribution2 .pic ul { width: 388px; height: 700px;}
.distribution2 .pic li { position: absolute; top: -10px; left: 38px; display: none; margin: 140px auto 0;}
.distribution2 .pic li.active { display: block;}
.distribution2-content { width: 672px; height: 700px;}
.distribution2-content .desc { width: 100%;}
.distribution2-content h2,.distribution2-content h3 { text-align: left;}
.distribution2 .tab a { float: left; margin: 7px; cursor: pointer;}
.distribution2-icon { width: 154px; height: 136px; background: url(../B2B2B2CProduct/mobile/distribution2_icon.html) no-repeat;}
.distribution2-pos1 { background-position: -7px -7px;}
.distribution2-pos2 { background-position: -167px -7px;}
.distribution2-pos3 { background-position: -327px -7px;}
.distribution2-pos4 { background-position: -487px -7px;}
.distribution2-pos5 { background-position: -7px -151px;}
.distribution2-pos6 { background-position: -167px -151px;}
.distribution2-pos7 { background-position: -327px -151px;}
.distribution2-pos8 { background-position: -487px -151px;}
.distribution2-icon.on { width: 154px; height: 136px; background: url(../B2B2B2CProduct/mobile/distribution2_icon_hover.html) no-repeat;}
.distribution2-pos1.on { background-position: -7px -7px;}
.distribution2-pos2.on { background-position: -167px -7px;}
.distribution2-pos3.on { background-position: -327px -7px;}
.distribution2-pos4.on { background-position: -487px -7px;}
.distribution2-pos5.on { background-position: -7px -151px;}
.distribution2-pos6.on { background-position: -167px -151px;}
.distribution2-pos7.on { background-position: -327px -151px;}
.distribution2-pos8.on { background-position: -487px -151px;}
.distribution-code { margin-top: 20px;}
/*鍒嗛攢鐨勭壒鑹插姛鑳�*/
.distribution3-content { width: 1140px; margin: 0 auto;}
.distribution3-content li { float: left; margin: 40px 20px 0; color: #fff; border-radius: 8px;}
.distribution3-icon { width: 245px; height: 260px;}
.distribution3-pos1 { background: #2dcdc3 url(../B2B2B2CProduct/mobile/distribution3_img.html) no-repeat; background-position: -7px -7px;}
.distribution3-pos2 { background: #ff5a5a url(../B2B2B2CProduct/mobile/distribution3_img.html) no-repeat; background-position: -255px -7px;}
.distribution3-pos3 { background: #41b4ff url(../B2B2B2CProduct/mobile/distribution3_img.html) no-repeat; background-position: -503px -7px;}
.distribution3-pos4 { background: #ebaf41 url(../B2B2B2CProduct/mobile/distribution3_img.html) no-repeat; background-position:-751px -7px;}
.distribution3-pos5 { background: #ff694b url(../B2B2B2CProduct/mobile/distribution3_img.html) no-repeat; background-position: -7px -271px;}
.distribution3-pos6 { background: #4d70ef url(../B2B2B2CProduct/mobile/distribution3_img.html) no-repeat; background-position: -255px -271px;}
.distribution3-pos7 { background: #dd58d3 url(../B2B2B2CProduct/mobile/distribution3_img.html) no-repeat; background-position: -503px -271px;}
.distribution3-pos8 { background: #41c850 url(../B2B2B2CProduct/mobile/distribution3_img.html) no-repeat; background-position: -751px -271px;}
.distribution3-content li span { text-align: center;}
/*寰垎閿€鍥涘ぇ鏍稿績浠峰€间綋鐜�*/
.distribution4 { width: 1160px; margin: 0 auto 50px; overflow: hidden;}
.distribution4-content { position: relative; width: 1160px; height: 450px; margin: 20px auto 0; background: url(../B2B2B2CProduct/mobile/distribution4.html) no-repeat center;}
.distribution4-text li { width: 310px; position: absolute;}
.distribution4-text li h3 { padding-bottom: 0; font-size: 18px; line-height: 40px; text-align: left;}
.distribution4-text li p { padding-top: 5px; font-size: 14px; line-height: 25px; text-align: left;}
.distribution4-text .distribution4-pos1 { top:0; left: 50px;}
.distribution4-text .distribution4-pos2 { top:0; right: 50px;}
.distribution4-text .distribution4-pos3 { bottom:0; left: 50px;}
.distribution4-text .distribution4-pos4 { right: 50px; bottom: 0;}
.distribution4-title1 { background-position: -4px -2px!important;}
.distribution4-title2 { background-position: -21px -1px!important;}
.distribution4-title3 { background-position: -53px -1px!important;}
.distribution4-title4 { background-position: -37px -1px!important;}
.distribution4-text i { display: inline-block; width: 16px; height: 16px; margin: -1px 6px; background: url(../B2B2B2CProduct/mobile/distribution4_icon.html) no-repeat;}
.distribution4-text .distribution4-pos1 p { border-top: 1px solid #49b3ef;}
.distribution4-text .distribution4-pos2 p { border-top: 1px solid #f0b349;}
.distribution4-text .distribution4-pos3 p { border-top: 1px solid #40db82;}
.distribution4-text .distribution4-pos4 p { border-top: 1px solid #ec5f4e;}

/*3姝ュ嵆鍙垚涓哄垎閿€鍟嗭紝鍋氬垎閿€绠€鍗曞揩閫燂紒*/
.orange { color: #ed7a0a;}
.distribution6 .orange i { display: inline-block; font-size: 58px;}
.distribution6-lists { width: 1200px; margin-top: 15px;}
.distribution6-lists .distribution6-list { float: left; color: #fff;}
.distribution6-lists .distribution6-list h3 { padding-bottom: 16px; font-size: 22px; color: #fff; text-align: center;}
.distribution6-lists .distribution6-list p { font-size: 18px; line-height: 34px; text-align: center;}
/*鐙珛寰簵---閫夋嫨蹇冧华鍟嗗搧鏀惧叆寰簵灞曠ず*/
.distribution8 .red { color: #ff1d1d;}
.distribution8 .container { padding-bottom: 0;}



/*鏌ョ湅婕旂ず鎸夐挳*/
.big-link2 { position: fixed; bottom: 5px; right: 0; z-index: 99; cursor: pointer; z-index: 102;}

/*婕旂ず璐﹀彿*/
.nav-content .demo { padding-top: 18px;}
.nav-content .demo a.ys-btn{ display: block; width: 100px; height: 34px; font-size: 14px; line-height: 33px; color: #fff; border-radius: 3px;}

.demo-sub { width: 100%; height: 255px; background: rgba(0,0,0,.75);}
.demo-sub .inner{ width: 1044px; margin: 0 auto; text-align: center; overflow: hidden;}
.demo-sub .title { padding: 18px 0 16px; font-size: 24px; line-height: 140%; color: #fff;}
.demo-sub .sub-title { margin-bottom: 16px; font-size: 16px; color: #fff;}
.demo-table-wp { padding: 0 30px;}
.pc-yanshi-table { width: 550px;}
.demo-table{ width: 100%; margin-bottom: 20px; font-size: 14px; text-align: center; border-collapse: collapse;}
.demo-table tr { background: #fff;}
.demo-table th { padding: 8px 8px 9px; color: #fff; background: #f75e52; border: 1px solid #ff7878;}
.demo-table td { padding: 9px 8px; border: 1px solid #dee0e4;}
.demo-table td a { font-size: 14px; color: #666;}
.demo-table td a:hover { color: #ec5051;}
.demo-table td.td1 { font-weight: 700; color: #333;}
.demo-sub .qrcode-list { margin: 0 auto; overflow: hidden;}
.demo-sub .qrcode-list li { float: left; padding: 0 10px; font-size: 14px; text-align: center;}
.demo-sub .qrcode-list li img { width: 94px; margin: 0 auto;}
.demo-sub .qrcode-list li p { padding-top: 10px; font-size: 12px; color: #fff;}

/*寮瑰嚭绐楀彛鏍峰紡*/
.reveal-modal { position: fixed; right: -100%; bottom: -255px; z-index: 9999 !important; width: 100%;}
.index-reveal-modal { position: fixed; right: 0; bottom: 0; z-index: 101; width: 100%;}
.reveal-modal .close-reveal-modal { position: absolute; top: 16px; right: 5%; display: block; width: 32px; height: 32px; cursor: pointer; background: url(../B2B2B2CProduct/close.html); -webkit-transition: 0.4s; -webkit-transition: -webkit-transform 0.4s ease-out; transition: transform 0.4s ease-out; -moz-transition: -moz-transform 0.4s ease-out;}
.reveal-modal .close-reveal-modal:hover { transform: rotateZ(90deg); -webkit-transform: rotateZ(90deg); -moz-transform: rotateZ(90deg);}

@media only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .index-mod3-box .mod3_pic { background-image: url(../B2B2B2CProduct/mod3-bg.png); background-size: cover;}
    .dashboard-box .bd ul.dashboard1  li .icon { background-image: url(../B2B2B2CProduct/dashboard1.png); background-size: auto 100%;}
    .dashboard-box .bd ul.dashboard2 li .icon { background-image: url(../B2B2B2CProduct/dashboard2.png); background-size: auto 100%;}
    .dashboard-box .bd ul.dashboard3 li .icon { background-image: url(../B2B2B2CProduct/dashboard3.png); background-size: auto 100%;}
    .dashboard-box .bd ul.dashboard4 li .icon { background-image: url(../B2B2B2CProduct/dashboard4.png); background-size: auto 100%;}
}

/*banner*/
.font-blue { color: #14b9d0 !important;}
.font-yellow { color: #fbec44 !important;}
.banner-main { width: 1120px; height: 480px; margin: 0 auto; overflow: hidden;}
.banner1-bg { background: #0090f3;}
.banner2-bg { background: #0F7DEE url(../B2B2B2CProduct/banner/banner2_bg.html) no-repeat center;}
.banner3-bg { background: #2c7ae5 url(../B2B2B2CProduct/banner/banner3_bg.html) no-repeat center;}
.banner4-bg { background: #ff6438;}
.banner5-bg { background: #22d058;}
.banner6-bg { background: #0ed13c url(../B2B2B2CProduct/banner/banner6_bg.html) no-repeat center;}
.banner7-bg { background: #19c4fa url(../B2B2B2CProduct/banner/banner7_bg.html) no-repeat center;}
.banner8-bg { background: #ff4f56 url(../B2B2B2CProduct/banner/banner8_bg.html) no-repeat center;}
.banner9-bg { background: #fc413a url(../B2B2B2CProduct/banner/banner9_bg.html) no-repeat center;}
.banner10-bg { background: #f8534d url(../B2B2B2CProduct/banner/banner10_bg.html) no-repeat center;}
.banner11-bg { background: #1ab7e1 url(../B2B2B2CProduct/banner/banner11_bg.html) no-repeat center;}
.banner12-bg { background: #3B9AEE url(../B2B2B2CProduct/banner/banner12_bg.html) no-repeat center;}
.banner13-bg { background: #0796E4 url(../B2B2B2CProduct/banner/banner13_bg.html) no-repeat center;}
.banner14-bg { background: #497ce9 url(../B2B2B2CProduct/banner/banner14_bg.html) no-repeat center;}
.banner15-bg { background: #2471ff url(../B2B2B2CProduct/banner/banner7_bg-2.html) no-repeat center;}
.banner16-bg { background: #fd910a url(../B2B2B2CProduct/banner/banner16_bg.html) no-repeat center;}
.banner17-bg { background: #22d058;}
.banner18-bg { background: #fa6138 url(../B2B2B2CProduct/banner/banner18_bg.html) no-repeat center;}
.distribution-banner { height: 400px; overflow: hidden; background: #22d058 url(../B2B2B2CProduct/mobile/distribution-banner-bg.html) no-repeat center;}

.slide-desc { width: 410px; height: 365px; color: #fff;}
.slide-desc-other { width: 1000px; height: auto; margin: 0 auto;}
.slide-desc .slide-title { padding: 40px 0 5px; margin-bottom: 25px; font-size: 40px; text-align: left;}
.slide-desc-other .slide-title-other { margin-bottom: 0; text-align: center;}
.banner11-bg .slide-desc-other .slide-title-other { height: 70px;}
.slide-desc .slide-title span { font-size: 44px; font-family: arial; color: #6bf456;}
.slide-desc .slide-detail { height: 125px; font-size: 16px; line-height: 32px; overflow: hidden;}
.slide-desc p { font-size: 20px;}
.slide-desc h3 { padding: 16px 0 26px; font-size: 46px; line-height: 120%; color: #fff; text-align: left;}
.banner2-bg .slide-desc .slide-detail p{ text-indent: 15px; background: url(../B2B2B2CProduct/banner/banner2-dian.html) no-repeat center left; color:#fefeff;}
.slide-desc-other .slide-detail-other { height: auto; text-align: center;}
.slide-desc .slide-action .slide-btn { display: inline-block; width: 90px; height: 32px; margin-right: 11px; font-size: 14px; line-height: 32px; color: #fff; text-align: center; border: 1px solid #fff; border-radius: 2px; box-sizing: border-box;}
.slide-desc .slide-action .btn-white { background: #fff;}

/*鍥哄畾鍒囨崲瀵艰埅鏉�*/
.subitems-nav-box { position: relative; width: 100%; *width: 99.85%; height: 45px; padding: 0 0 5px; background: #fff; border-bottom: 1px solid #f0f0f0;}
.subitems-nav-box .mainmid { width: 1020px;}
.subitems-slide { position: fixed; top: 0; left: 0; z-index: 98;}
.subitems-nav li { float: left; height: 43px; margin: 0 20px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all 2s; transition:all .3s;}
.subitems-nav li.on { border-bottom: 2px solid #f53822;}
.subitems-nav li.on a { color: #f53822;}
.subitems-nav li a { display: block; font-size: 15px; line-height: 50px; color: #2c3a46; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all 2s; transition: all .3s;}
.subitems-nav li.line { position: absolute; bottom: 5px; min-width: auto; width: 0; height: 2px; padding: 0; background: #f53822; -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}

.nav-fixed { position: fixed; top: 50px; left: 0; z-index: 9999; display: block !important;}
.classify-nav { display: none; width: 100%; min-width: 1100px; background: #f5f5f5;box-shadow: 0 1px 0 0 rgba(218, 218, 218, 0.5);}
.classify-nav .container { padding: 0;}
.classify-nav li { float: left; width: 80px; height: 30px; line-height: 33px; text-align: center;}
.classify-nav li span { display: inline-block; font-size: 12px; line-height: 22px; color: #333; cursor: pointer;}
.classify-nav li.active span, .classify-nav li span:hover { font-weight: 700; color: #f53822;}


/*=====缁堢浜у搧-缃戠偣鎶㈠崟aPP=====*/
/*鍚勬ā鍧�*/
.qiangdan2 { background: #f56b5d;}
.qiangdan3 { height: 670px; background: url(../B2B2B2CProduct/mobile/qiangdan3.html) no-repeat center;}
.qiangdan-txt-box { width: 440px;}
.qiangdan-txt-box h2 { font-size: 30px; text-align: left;}
.qiangdan-txt-box h3 { font-size: 14px; text-align: left;}
.qiangdan3 .qiangdan-txt-box { padding: 140px 0 0 75px;}
.qiangdan4 .qiangdan-txt-box { padding: 140px 75px 0 0;}
.qiangdan4 { height: 670px; background: #eee url(../B2B2B2CProduct/mobile/qiangdan4.html) no-repeat center;}
.qiangdan5 { height: 800px; background: #f56b5d url(../B2B2B2CProduct/mobile/qiangdan5.html) no-repeat center;}