html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; box-sizing: border-box }
body, button, input, select, textarea { font: 16px/150% "\5FAE\8F6F\96C5\9ED1", "\5b8b\4f53"; color: #666; }
html, body { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; overflow-x: hidden }
img { display:inherit }
h1, h2, h3, h4, h5, h6 { font-weight: normal }
a { text-decoration: none }
:focus { outline: 0 }
ol, ul { list-style: none }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { display: inline-block }
.hide { display: none }
.fll { float: left }
.flr { float: right }
.red { color: red }
.icon_nav { color: #999; font-size: 1.6rem; position: absolute; top: 0.5em; right: 1.8em; }
.icon_nav:before { content: "\e600"; }
.header { background: #FFF; padding: 0 1em; height: 3em; border-bottom: 1px solid #eee; top: 0; position: fixed; width: 100%; z-index: 100; left: 0; }
.header .logo { width: 45%; margin-top: 0.5em; display: block }
.header .logo img { height:2em; display: block }
.modal-backdrop { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.2); z-index: 3; -webkit-transition: 0.1s opacity linear; transition: 0.1s opacity linear; display: none }
.navs { position: fixed; top: 3.7em; right: 0.3em; z-index: 3; background: #fff; border-radius: 0.3em; display: none }
.navs li { margin-bottom: 0; height: 3em; line-height: 3rem; border-bottom: 1px solid #eee; list-style: none; }
.navs li:last-child { border:0 }
.navs li a { color: #666; font-size: 0.9em; display: block; padding: 0 1.5em }
.navs li a i { width: 1em; text-align: center; display: inline-block }
.navs .arr { height: 0; line-height: 0; border-bottom: 0 none; }
.navs .arr:after { position: absolute; top: -0.4em; right: 0.8em; display: table; content: ""; width: 0.9em; height: 0.9em; background-color: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.footer_bar { position: fixed; width: 100%; z-index: 100; left: 0; bottom: 0; background: #fff; height: 3em; border-top: solid 1px #eee }
.footer_bar a { font-size: 0.7em; text-align: center; width: 16%; color: #666; display: inline-block; padding-top: 0.7em; height: 100%; line-height:1.5em }
.footer_bar a.footer_reg { background: #ffb61a; color: #fff; width: 50%; padding: 0; font-size: 1em; position: absolute; top: 0; right: 0; line-height: 3em; }
.footer_bar a i { font-size: 1.3em }
.m_container { border-top: 3em solid transparent; border-bottom: 4em solid transparent; }
.topbar { width: 100%; height: 30px; line-height: 30px; background: #f7f7f7 }
.topbar_qr { float: right; margin-right: 10px; background: url(http://CteckShop.b0.upaiyun.com/website/images/icons.png) no-repeat 0 0; padding-left: 20px; cursor: pointer; position: relative; z-index: 99 }
.topbar_qr img { position: absolute; top: 30px; left: -5px; display: none }
.container { width: 100%; display:inline-block }
.top_right { float: right; margin-top: 85px }
.nav { float: right; margin: 19px 20px 0 0 }
.nav li { float: left }
.nav li a { font-size: 16px; padding: 30px }
.nav li:hover a.nav_more, .nav li a.cur, .more_box .more_main a:hover { color: #ffae00 }
.nav li a.nav_more { background: url(http://CteckShop.b0.upaiyun.com/website/images/nav_ico.png) no-repeat 70px 38px }
.nav li :hover a.nav_more, .nav li a.nav_more.cur { background: url(http://CteckShop.b0.upaiyun.com/website/images/nav_ico_hover.png) no-repeat 70px 38px }
.nav li a.nav_more.solution { background: url(http://CteckShop.b0.upaiyun.com/website/images/nav_ico.png) no-repeat 103px 38px }
.nav li:hover a.nav_more.solution, .nav li a.nav_more.solution.cur { background: url(http://CteckShop.b0.upaiyun.com/website/images/nav_ico_hover.png) no-repeat 103px 38px }
.index_slide { background: url(http://CteckShop.b0.upaiyun.com/website/images/index01.jpg) no-repeat center top; width: 100%; height: 600px }
.more_box { position: absolute; width: 100%; height: 100px; top: 130px; left: 0; z-index: 1000; background: #fefefe; border-top: solid 1px #eee; display: none }
.more_box.solution_box { height: 180px }
.more_box.solution_box .more_main { margin: 0 }
.more_box.solution_box .more_main a { padding: 0 30px; margin-bottom: 15px; border-right: solid 1px #ccc }
.more_box .more_main { font-size: 18px; margin: 40px 0 0 720px; }
.more_box .more_main a { padding: 0 50px 0 35px }
.more_box .more_main .b2c { background: url(http://CteckShop.b0.upaiyun.com/website/images/icons.png) no-repeat 0px -33px }
.more_box .more_main .b2c:hover { background: url(http://CteckShop.b0.upaiyun.com/website/images/icons.png) no-repeat 0px -56px }
.more_box .more_main .bbc { background: url(http://CteckShop.b0.upaiyun.com/website/images/icons.png) no-repeat 0px -103px }
.more_box .more_main .bbc:hover { background: url(http://CteckShop.b0.upaiyun.com/website/images/icons.png) no-repeat 0px -126px }
.nav_btn { position: absolute; padding: 0.5em 2em; background: #ffae00; color: #fff; border-radius: 4px; top: 58%; left: 34% }
.nav_btn:hover { background: #ffb61a }
.index_slide .nav_btn { font-size: 32px; padding: 28px 40px; float: left; margin: 400px 0 0 10px }
.adv_box { width: 100%; margin: 0 auto; }
.adv_box li { float: left; width: 33.3%; text-align: center; color: #999; padding: 10px 11px; box-sizing: border-box }
.adv_box li img { width: 70% }
.adv_box li h3 { line-height: 35px; color: #666; font-size: 14px }
.floor01 { width: 100% }
.solutions_floor { width: 100%; float: left }
.floor_title { text-align: center; font-size: 16px; border-top:solid 1px #eee; border-bottom:solid 1px #eee }
.floor_title .title { font-size: 1.4em; line-height:2.2em }
.floor_title p { font-size: 10pt; padding: 0 20px }
.pro_main { padding:0 14% }
.pro_main h1 { text-align: center; line-height: 40pt; font-size: 12pt }
.pro_b2c h1 { color: #f76b50 }
.pro_bbc h1 { color: #0bb4d1 }
.pro_bg { width: 100%; border-radius: 10px; color: #fff; position: relative }
.pro_img img, .advantage_box img { border-top-left-radius: 10px; border-top-right-radius: 10px }
.pro_b2c .pro_bg { background: #f76b50 }
.pro_bbc .pro_bg { background: #0bb4d1 }
.pro_text { font-size: 0.8em; padding: 1em; word-break: break-all }
.pro_btn { position: absolute; top: 205px; left: 50%; margin-left: -50px }
.floor02 { width: 100% }
.floor_w, .floor_w .title { color: #fff }
.advantage_box { width: 50%; border-radius: 10px; float: left; padding:2%}
.advantage_box ul { padding: 5%; font-size: 10pt; background:#eee }
.advantage_box ul .title { text-align: center; font-size: 12pt; margin-bottom: 5px }
.floor03 { width: 100%; height: 440px; background: url(http://CteckShop.b0.upaiyun.com/website/images/index04.jpg) no-repeat center top; float: left }
.case_box li { float: left; padding: 2%; width: 33.3% }
.case_box li.one { border-bottom: dashed 1px #ccc; border-right: dashed 1px #ccc }
.case_box li.two { border-right: dashed 1px #ccc }
.floor04 { width: 100%; height: 358px; background: #fafafa; float: left }
.partner_box li { float: left; margin: 60px 55px }
.contact { padding: 2% 5%; position: relative }
.contact_text { font-size: 10pt; line-height: 35px; color: #999 }
.contact_qr { text-align: center; color: #999 }
.footer { width: 100%; padding: 2% 5%; font-size: 10pt; color: #999; text-align: center; border-top: solid 1px #eee }
.solutions_slide { background: url(http://CteckShop.b0.upaiyun.com/website/images/solutions_pic.jpg) no-repeat center top; height: 480px }
.solutions_slide .nav_btn { margin-top: 340px }
.pro_main_text { font-size: 30px; text-align: center; padding: 30px }
.pro_introduce_text { font-size: 15px; text-indent: 30px; line-height: 30px; width: 93%; float: left; margin: 30px 3.5% 0 3.5%; color: #444 }
.pro_introduce_text li { padding-bottom: 10px }
.lestore_btn { width: 372px; float: left; margin: 30px 0 0 20px; text-align: center; line-height: 50px }
.lestore_btn a { color: #fff; font-size: 20px }
.pro_qr { width: 728px; margin: 60px 0 0 80px; float: left }
.pro_qr li { margin: 0 50px; float: left; color: #fff; text-align: center; font-size: 15px; line-height: 30px }
.pro_qr li.pro_qr_tip { width: 100%; margin: 20px 0; }
.pro_reg_btn { width: 100%; float: left; text-align: center; margin-top: 60px }
.pro_reg_btn .nav_btn { padding: 15px 40px; font-size: 20px; float: none; margin: 0 40px }
.nav_btn.boss { background: #1cace0 }
.nav_btn.boss:hover { background: #2fb6e7 }
.about_pic { width:100%; padding:4%; text-align:center }
.about_pic img { display:inline }
.about_text { padding:4%; margin-top:0 }
.reg_box { width: 100%; background: #fff; padding: 5% }
.reg_logo { text-align: center; color: #999 }
.reg_logo p { font-size: 14px; line-height: 25px; padding: 20px 0 }
.reg_main { width: 100% }
.reg_main li { line-height: 40px; padding-bottom: 5px; position: relative }
.reg_main input { width: 100%; height: 42px; line-height: 42px; padding: 12px 16px; border: 1px solid #e8e8e8; box-sizing: border-box }
.error_tip { display: inline-block; background: url(http://CteckShop.b0.upaiyun.com/website/images/error_ico.png) no-repeat center left; padding-left: 20px; margin-left: 10px; color: #999 }
.reg_main .reg_btn { width: 100%; height: 2em; background: #ffae00; color: #fff; font-size: 1.3em; border: 0; border-radius: 5px; cursor: pointer; margin-top: 30px; -webkit-appearance:button; padding:0; }
.reg_main .reg_btn:hover { background: #ffb820 }
.code_btn { position: absolute; top: 0; right: 0; color: #ffae00; padding:0.1em 1em }
.pro_container { width: 100%; padding: 0 20px; float: left }
.pro_container .pro_main { margin: 0 auto; float: none }
.pro_container .floor_title { margin-top: 10px }
.pro_img { margin: 0 auto; display: block; border-radius: 8px }
.floor01 .reg_box { float: left; width: 278px; height: 600px; margin: 0; padding: 40px 20px; background: #f6f6f6 }
.floor01 .reg_logo { font-size: 21px }
.floor01 .reg_main { margin: 40px auto; width: 252px; float: none }
.floor01 .reg_main li { height: 57px }
.floor01 .reg_main li .error_tip { line-height: 30px; }
.floor01 .reg_main input { width: 230px }
.floor01 .reg_main input.reg_btn { width: 252px }
.floor01 .code_btn { left: 170px }
.solutions_list { display: inline-block; padding: 5% }
.solutions_list li { float: left; width: 50%; padding: 2%; }
.solutions_list li a:hover span { background: #ffae00; color: #fff }
.solutions_list li img { display: block; border-top-left-radius: 6px; border-top-right-radius: 6px; width: 100% }
.solutions_list li span { line-height: 300%; text-align: center; display: block; width: 100%; font-size: 10pt; background: #eee; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px }
.more_main .solutions_list { padding: 10px 0; }
.more_main .solutions_list li { width: 122px }
.more_box.solution_box .more_main .solutions_list li a { border: 0; margin: 0; padding: 0; }
.more_box.solution_box .more_main .solutions_list li a span { font-size: 13px }
.icon-ad_tv { background-image: url(http://CteckShop.b0.upaiyun.com/website/images/sprite.png); background-position: 0px 0px; width: 64px; height: 40px; }
.icon-mobile { background-image: url(http://CteckShop.b0.upaiyun.com/website/images/sprite.png); background-position: 0px -299px; width: 35px; height: 51px; }
.icon-pc { background-image: url(http://CteckShop.b0.upaiyun.com/website/images/sprite.png); background-position: 0px -45px; width: 63px; height: 40px; }
.icon-tv { background-image: url(http://CteckShop.b0.upaiyun.com/website/images/sprite.png); background-position: 0px -139px; width: 57px; height: 45px; }
.icon-consult { background-image: url(http://CteckShop.b0.upaiyun.com/website/images/sprite.png); background-position: 0px -355px; width: 253px; height: 65px; }
.icon-left_dir { background-image: url(http://CteckShop.b0.upaiyun.com/website/images/sprite.png); background-position: 0px -189px; width: 28px; height: 50px; }
.icon-qoe_btn { background-image: url(http://CteckShop.b0.upaiyun.com/website/images/sprite.png); background-position: 0px -425px; width: 253px; height: 65px; }
.icon-right_dir { background-image: url(http://CteckShop.b0.upaiyun.com/website/images/sprite.png); background-position: 0px -244px; width: 28px; height: 50px; }
.icon-view_btn { background-image: url(http://CteckShop.b0.upaiyun.com/website/images/sprite.png); background-position: 0px -90px; width: 147px; height: 44px; }
.main-im { position: fixed; right: 10px; top: 300px; z-index: 100; width: 110px; height: 272px; }
.main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #ddd; background: url(http://CteckShop.b0.upaiyun.com/website/images/qq-icon-bg.png) no-repeat center 8px; }
.main-im .img-qq { max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq { max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im .im_main { background: #F9FAFB; border: 1px solid #ddd; border-radius: 10px; background: #F9FAFB; }
.main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px; height: 55px; border-bottom: 1px solid #ddd; }
.main-im .im_main .im-tel div { font-weight: bold; font-size: 12px; margin-top: 11px; }
.main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #e66d15; }
.main-im .im_main .im-tel:hover { background: #fafafa; }
.main-im .im_main .weixing-container { width: 55px; height: 47px; border-right: 1px solid #ddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(http://CteckShop.b0.upaiyun.com/website/images/weixing-icon.png) no-repeat center center; float: left; }
.main-im .im_main .weixing-show { width: 112px; height: 160px; background: #fff; border-radius: 10px; border: 1px solid #ddd; position: absolute; left: -125px; top: -116px; display: none }
.main-im .im_main .weixing-show .weixing-sanjiao { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #fff; border-width: 6px; left: 112px; top: 134px; position: absolute; z-index: 2; }
.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #ddd; border-width: 8px; left: 112px; top: 132px; position: absolute; }
.main-im .im_main .weixing-show .weixing-ma { width: 104px; height: 103px; padding-left: 5px; padding-top: 5px; }
.main-im .im_main .weixing-show .weixing-txt { position: absolute; top: 110px; left: 7px; width: 100px; margin: 0 auto; text-align: center; }
.main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(http://CteckShop.b0.upaiyun.com/website/images/toTop-icon.png) no-repeat center center; float: right; }
.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(http://CteckShop.b0.upaiyun.com/website/images/close_im.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im { cursor: pointer; margin-left: 68px; width: 40px; height: 133px; background: url(http://CteckShop.b0.upaiyun.com/website/images/open_im.png) no-repeat left top; display: none }
.sem_slide { background: url(../image/sem_pic.jpg) no-repeat center top; height: 490px }
.sem_slide .reg_box { padding: 20px; height: 450px }
.sem_slide .reg_box .reg_main { margin: 20px auto 0 auto }
.sem_slide .reg_box .reg_main .reg_btn { margin-top: 0 }
.sem_floor { width: 100% }
.sem_main { width: 50%; float: left; margin: 10px 0; padding: 0 10%; text-align:center }
.sem_main img { display:inline }
.sem_main ul { font-size: 0.9em; }
.text-center { text-align: center; }
.text-center img { display:inline}
.pro_box .pro_main { float:left; width:50%; padding:4% 4% 0 4%}
.introduce { width: 100%; padding-top: 5px; }
.introduce_left { font-size: 1.4em; text-align: center; color: #353736; margin: 10px 20px; }
.ruanjianjieshao { width: 1180px; margin: 0 auto; font-size: 14px; padding-top: 13px; margin-top: 8px; text-align: center; }
.introduce_2 { margin-top: 30px; }
.b2bcolum5 { width: 212px; float: left; font-size: 16px; text-align: left; padding-bottom: 20px; }
.b2bcolum5 img { margin-bottom: 15px; text-align: center; }
.b2bcolum5 { line-height: 24px; }
.bodbtm { border-bottom: 1px dashed #ccc; }
.bodright { border-right: 1px dashed #ccc; }
.b2bgnzs { width: 100%; padding: 3% 4%; font-size: 0.8em; float:left }
.imgflt { float: left; padding-top: 10px; padding-bottom: 10px; width: 25%; }
.txtalt { text-align: left; line-height: 30px; }
.mgtp5 { margin-top: 50px; }
.mglt5 { margin-left: 30px; }
.mgrt { margin-right: 20px; }
.pdd2l { padding-left: 20px; }
.pddtop { padding-top: 20px; }
.b2bintro { width: 1180px; margin: 0 auto; font-size: 16px; padding-top: 13px; margin-top: 8px; line-height: 30px; text-align: center; }
.b2bintro_img { width: 283px; text-align: center; border: 1px solid #CCC; padding: 60px 0px; float: left; }
.b2bintro_txt { width: 845px; height: 170px; float: left; padding: 5px 0px 10px 50px; line-height: 30px; text-align: left; word-break: normal; }
.radiusframe { border-radius: 50px; border: 1px dashed #ccc; background: #f9f9f9; width: 640px; margin: 0 auto; }
.radiusframe2 { /*border:1px dashed #ccc;*/
background: #fff; width: 1120px; height: 500px; margin: 20px auto; }
.b2bintro_reset .radiusframe2 { height: 440px !important; }
.b2bys { width: 640px; margin: 75px auto; }
.b2bys_in { width: 285px; float: left; text-align: center; margin-bottom: 20px; }
.b2bys_in img { margin-bottom: 20px; }
.b2bsquare { width: 100%; text-align: left; padding:5% 5% 0 5% }
.b2bsquare_txt { font-size: 0.8em; width: 100%; padding: 20px 10px 20px 0; }
.b2bintro_reset .b2bsquare_txt p { background: none !important; }
.b2bsquare_txt p { text-indent: 10px; background: url(../image/bldot.png) no-repeat left; }
.b2bintro_reset .sqimg img { width: 90px; }
.b2bsquare .sqimg { width: 120px; height: 120px; float: left; text-align: center; }
.b2bib_right { border-right: 1px dashed #ccc; }
.b2bib_bottom { border-bottom: 1px dashed #ccc; }
.mgtp2 { margin-top: 20px; }
.ry_box { padding-bottom: 20px; display: inline-block}
.ry_box li { margin: 10px 0; text-align: center}
.ry_box li p:last-child { line-height: 30px }
.sol_banner { text-align: center; background: url(../image/banner.jpg) no-repeat center top; background-size: 370%; height: 220px; color: #fff; padding-top: 40px }
.sol_banner h1 { margin-top: 20px}