/* Code tidied up by ScrapBook */
html { color: rgb(0, 0, 0); background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0px; padding: 0px; }
table { border-collapse: collapse; border-spacing: 0px; }
fieldset, img { border: 0px none; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul, li, dl { list-style: outside none none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
body { font-family: "Microsoft YaHei",tahoma,verdana,arial,sans-serif; font-size: 12px; }
q {  }
a { text-decoration: none; }
.left_nav { width: 65px; position: fixed; right: 5px; top: 18%; z-index: 1000; }
.left_nav li { width: 65px; height: 65px; margin-bottom: 10px; }
.left_nav li div { width: 65px; height: 65px; border-radius: 3px; }
.left_nav li div span { display: block; text-align: center; }
.left_nav li div p { display: block; }
.left_nav li div p a { display: block; text-align: center; font-size: 12px; color: rgb(255, 255, 255); }
.div_li1 { background-color: rgb(251, 184, 7); }
.div_li1 span { padding-top: 10px; padding-bottom: 5px; }
.div_li2 { background-color: rgb(255, 68, 68); }
.div_li2 span { padding-top: 10px; padding-bottom: 5px; }
.div_li3 { background-color: rgb(122, 187, 30); }
.div_li3 span { padding-top: 15px; padding-bottom: 5px; }
.div_li4 { background-color: rgb(0, 110, 219); }
.div_li4 span { padding-top: 15px; padding-bottom: 5px; }
.div_li5 { background-color: rgb(95, 95, 95); }
.div_li5 span { padding-top: 15px; padding-bottom: 10px; }
.div_li6 { background-color: rgb(19, 152, 253); }
.div_li6 span { padding-top: 10px; padding-bottom: 5px; }
.div_li7 { background-image: url("bg16.png"); }
.div_li7 span { padding-top: 10px; padding-bottom: 5px; }
.div_li8 { background-image: url("bg16.png"); }
.div_li8 span { padding-top: 6px; padding-bottom: 5px; }
.div_li9 { background-image: url("bg16.png"); }
.div_li9 span { padding-top: 10px; padding-bottom: 5px; }
.div_li10 { background-image: url("bg16.png"); }
.div_li10 span { padding-top: 10px; padding-bottom: 5px; }
.div_li11 { background-image: url("bg16.png"); }
.div_li11 span { padding-top: 10px; padding-bottom: 5px; }
.div_li12 { background-image: url("bg16.png"); }
.div_li12 span { padding-top: 10px; padding-bottom: 5px; }
.div_li13 { background-image: url("bg16.png"); }
.div_li13 span { padding-top: 10px; padding-bottom: 5px; }
.div_li14 { background-image: url("bg16.png"); }
.div_li14 span { padding-top: 10px; padding-bottom: 5px; }
.div_li15 { background-image: url("bg16.png"); }
.div_li15 span { padding-top: 10px; padding-bottom: 5px; }
.div_li16 { background-image: url("bg16.png"); }
.div_li16 span { padding-top: 10px; padding-bottom: 5px; }
.div_li17 { background-image: url("bg16.png"); }
.div_li17 span { padding-top: 10px; padding-bottom: 5px; }
.div_li18 { background-image: url("bg16.png"); }
.div_li18 span { padding-top: 10px; padding-bottom: 5px; }
.div_li19 { background-image: url("bg16.png"); }
.div_li19 span { padding-top: 10px; padding-bottom: 5px; }
.animate-list-2 { margin: 0px auto; overflow: hidden; }
.animate-list-2 ul { margin: 70px auto; }
.animate-list-2 .item { width: 215px; height: 298px; float: left; border: 1px solid rgb(204, 204, 204); margin-right: -1px; position: relative; z-index: 1; perspective: 800px; }
.animate-list-2 .item-inner { width: 100%; height: 100%; position: absolute; }
.animate-list-2 .item-front { text-align: center; padding: 0px 25px; height: 298px; width: 175px; position: absolute; }
.animate-list-2 .item-front h6 { color: rgb(168, 168, 168); padding: 30px 0px 0px; font-weight: 400; font-size: 14px; }
.animate-list-2 .item-front h5 { font-size: 20px; padding: 20px 0px; font-weight: 400; }
.animate-list-2 .item-front .icon-img { height: 64px; display: block; }
.animate-list-2 .item-front p { line-height: 24px; padding: 20px 0px; font-size: 14px; }
.animate-list-2 .item-behind { height: 300px; width: 194px; padding: 0px 12px; background-image: url("behind_bg.jpg"); color: rgb(255, 255, 255); position: absolute; left: -1px; top: -1px; display: none; }
.animate-list-2 .item-behind h6 { font-size: 16px; border-bottom: 1px solid rgb(176, 210, 236); padding: 5px 0px 0px; text-align: center; line-height: 46px; font-weight: 400; }
.animate-list-2 .item-behind dl { margin: 5px 0px 10px; }
.animate-list-2 .item-behind dt i { display: inline-block; width: 7px; height: 11px; background-image: url("behind_icon_bg.png"); margin-right: 10px; }
.animate-list-2 .item-behind dt { line-height: 30px; font-size: 14px; }
.animate-list-2 .item-behind dd { line-height: 18px; font-size: 12px; }
.animate-list-2 .item-behind .dashed { border-bottom: 1px dashed rgb(176, 210, 236); height: 0px; }
.animate-list-2 .btn-area { position: absolute; bottom: 5px; left: 10px; font-size: 0px; }
.animate-list-2 .btn-area a { border-width: 1px; border-style: solid; border-radius: 3px; font-size: 14px; cursor: pointer; height: 34px; display: inline-block; text-align: center; line-height: 34px; text-decoration: none; margin-right: 5px; }
.animate-list-2 .btn-area .btn-1 { background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); color: rgb(34, 159, 253); width: 86px; }
.animate-list-2 .btn-area .btn-2 { background-color: rgb(44, 158, 243); color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); width: 46px; }
.animate-list-2 .btn-area .btn-3 { background-color: rgb(44, 158, 243); color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); width: 46px; }
.animate-list-2 .item-open .item-behind { display: block; }
.animate-list-2 .item-open .item-front { display: none; }
.animate-list-2 .item-adm .item-inner { transform-style: preserve-3d; transition: transform 0.5s ease 0s; transform-origin: right center 0px; }
.animate-list-2 .item-adm .item-front { opacity: 1; transition: all 0.5s ease 0.1s; display: block; }
.animate-list-2 .item-adm .item-behind { opacity: 0; transition: all 0.5s ease 0.1s; transform: rotateY(180deg); display: block; }
.animate-list-2 .item-open-adm .item-inner { z-index: 2; transform: translateX(-100%) rotateY(-180deg); }
.animate-list-2 .item-open-adm .item-front { opacity: 0; display: none; }
.animate-list-2 .item-open-adm .item-behind { opacity: 1; }
.o2o-module { background-color: rgb(241, 241, 241); padding: 60px 0px 70px; }
.o2o-module-list { margin: 0px auto; }
.o2o-module-list-inner { overflow: hidden; width: 100%; padding: 10px 0px; }
.o2o-module-list-inner ul { width: 1100%; margin-left: 0px; }
.o2o-module-list-inner li { float: left; }
.o2o-module-list-inner li .inner { height: 306px; width: 242px; margin-right: 20px; border-width: 1px; border-style: solid; border-color: rgb(239, 239, 239); background-color: rgb(255, 255, 255); }
.o2o-module-list-inner li .img-icon { width: 70px; height: 70px; margin: 30px auto; overflow: hidden; }
.o2o-module-list-inner li .img-icon img { width: 100%; margin-top: -100%; }
.o2o-module-list-inner li .img-txt { text-align: center; }
.o2o-module-list-inner li .img-txt h3 { font-size: 16px; line-height: 30px; color: rgb(51, 51, 51); }
.o2o-module-list-inner li .img-txt p { color: rgb(136, 136, 136); font-size: 14px; line-height: 24px; margin: 0px 23px 10px; height: 48px; overflow: hidden; }
.o2o-module-list-inner li .img-txt a { color: rgb(34, 159, 253); font-size: 14px; line-height: 24px; }
.o2o-module-list-inner li .img-btn { font-size: 0px; text-align: left; height: 30px; margin-top: 20px; }
.o2o-module-list-inner li .img-btn a { display: block; text-align: center; font-size: 14px; float: left; }
.o2o-module-list-inner li .reg-btn, .o2o-module-list-inner li .demo-btn { width: 84px; height: 27px; border-width: 1px; border-style: solid; line-height: 27px; border-radius: 3px; margin-left: 11px; }
.o2o-module-list-inner li .reg-btn { border-color: rgb(34, 159, 253); background-color: rgb(34, 159, 253); color: rgb(255, 255, 255); }
.o2o-module-list-inner li .demo-btn { border-color: rgb(255, 255, 255); background-color: rgb(219, 219, 219); color: rgb(116, 116, 116); }
.o2o-module-list-inner li .img-btn .pho-btn { width: 30px; height: 30px; overflow: hidden; float: right; margin-right: 5px; }
.o2o-module-list-inner li .pho-btn img { width: 100%; margin-top: 0px; }
.o2o-module-list-btn { text-align: center; font-size: 0px; margin-top: 12px; }
.o2o-module-list-btn span, .o2o-module-list-btn span i, .o2o-module-list-btn span em { display: inline-block; }
.o2o-module-list-btn span { width: 20px; height: 20px; position: relative; margin: 0px 10px; overflow: hidden; cursor: pointer; }
.o2o-module-list-btn span i { width: 16px; height: 16px; border-radius: 50%; border-width: 2px; border-color: rgb(10, 153, 227); border-style: solid; background-color: rgb(241, 241, 241); position: absolute; z-index: 1; left: 0px; top: 0px; }
.o2o-module-list-btn span em { width: 0px; height: 0px; background-color: rgb(10, 153, 227); border-radius: 50%; position: absolute; left: 50%; top: 50%; z-index: 2; }
.o2o-module-list-btn span.hover em, .o2o-module-list-btn span.cur em { width: 20px; height: 20px; top: 0px; left: 0px; }
.o2o-module-list-inner li .img-icon img, .o2o-module-list-inner li .pho-btn img, .o2o-module-list-btn span em { transition: all 0.3s ease 0s; }
.o2o-module-list-inner li.hover .inner { background-color: rgb(34, 159, 253); border-color: rgb(34, 159, 253); box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.5); }
.o2o-module-list-inner li.hover .img-icon img { margin-top: 0px; }
.o2o-module-list-inner li.hover .img-txt h3 { color: rgb(255, 255, 255); }
.o2o-module-list-inner li.hover .img-txt p { color: rgb(228, 228, 228); }
.o2o-module-list-inner li.hover .img-txt a { color: rgb(255, 255, 255); }
.o2o-module-list-inner li.hover .reg-btn { background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); color: rgb(34, 159, 253); }
.o2o-module-list-inner li.hover .demo-btn { background-color: rgb(34, 159, 253); border-color: rgb(255, 255, 255); color: rgb(255, 255, 255); }
.o2o-module-list-inner li.hover .pho-btn img { margin-top: -100%; }
.modular_center {  }
.modular_one, .modular_two, .modular_three, .modular_four, .modular_five, .modular_six, .modular_seven, .modular_eight, .modular_nine, .modular_ten, .modular_eleven, .modular_twelve, .modular_thirteen, .modular_fourteen, .modular_fifteen { overflow: hidden; background-position: center top; }
.modular_one { background-image: url("bg1.jpg"); height: 619px; }
.ong_l, .ong_l1, .ong_l2 { float: left; position: relative; }
.ong_l span { display: block; width: 425px; height: 255px; position: absolute; }
.ong_l p { display: block; width: 103px; height: 177px; position: absolute; z-index: 2; }
.app_anzhuo { width: 90px; height: 39px; overflow: hidden; position: absolute; }
.app_anzhuo strong { display: block; width: 39px; height: 39px; float: left; }
.app_anzhuo em { display: block; float: left; width: 51px; text-align: center; line-height: 39px; color: rgb(255, 255, 255); font-size: 16px; }
.com_6 { width: 262px; height: 262px; position: absolute; }
.show_icon { height: 39px; position: absolute; right: 0px; overflow: hidden; }
.show_icon p { display: block; height: 18px; border-bottom: 1px solid rgb(41, 255, 255); float: left; }
.show_icon span { display: block; width: 39px; height: 39px; float: right; margin-right: 10px; }
.show_icon em { display: block; width: 115px; height: 39px; float: right; font-size: 16px; color: rgb(255, 255, 255); line-height: 39px; }
.show_mony { display: block; width: 180px; height: 50px; background: rgb(255, 228, 0) none repeat scroll 0% 0%; border-radius: 5px; text-align: center; line-height: 50px; color: rgb(0, 90, 159); font-size: 18px; margin-top: 80px; }
.com_index6 { width: 213px; height: 384px; position: absolute; top: 150px; z-index: 10; }
.com_index7 { width: 384px; height: 193px; position: absolute; top: 341px; }
.ong_l .zhuo1 { animation-delay: 0.2s; }
.ong_l .zhuo2 { animation-delay: 0.7s; }
.ong_l .zhuo3 { animation-delay: 1.2s; }
.ong_l .zhuo4 { animation-delay: 1.7s; }
.ong_l1 .com_index5 { animation-delay: 0s; }
.ong_l1 .com_index4 { animation-delay: 0.5s; }
.ong_l1 .com_index3 { animation-delay: 1s; }
.ong_l1 .com_index2 { animation-delay: 1.5s; }
.ong_l1 .com_index1 { animation-delay: 2s; }
.ong_l1 .show_w5 { animation-delay: 0.2s; }
.ong_l1 .show_w4 { animation-delay: 0.7s; }
.ong_l1 .show_w3 { animation-delay: 1.2s; }
.ong_l1 .show_w2 { animation-delay: 1.7s; }
.ong_l1 .show_w1 { animation-delay: 2.2s; }
.ong_l2 .com_index6 { animation-delay: 0.2s; }
.ong_l2 .com_index7 { animation-delay: 1.2s; }
.ong_l2 .show_w6 { animation-delay: 1.5s; }
.ong_l2 .show_w7 { animation-delay: 1.8s; }
.ong_l2 .show_w8 { animation-delay: 2.1s; }
.ong_l2 .show_w9 { animation-delay: 2.4s; }
.show_icon1 { height: 39px; position: absolute; right: 0px; overflow: hidden; }
.show_icon1 p { display: block; height: 18px; border-bottom: 1px solid rgb(41, 255, 255); float: left; }
.show_icon1 span { display: block; width: 39px; height: 39px; float: right; margin-right: 10px; }
.show_icon1 em { display: block; width: 115px; height: 39px; float: right; font-size: 16px; color: rgb(255, 255, 255); line-height: 39px; }
.ong_r { float: right; }
.ong_r_text { float: left; width: 93%; margin-left: 2%; padding-top: 155px; }
.div_text { height: 52px; position: relative; margin-top: 82px; text-align: center; }
.div_shadow { color: rgb(22, 129, 209); font-size: 40px; position: absolute; z-index: 10; text-align: center; margin-left: 5px; margin-top: 3px; height: 52px; width: 100%; left: 0px; }
.div_shadow1 { color: rgb(255, 255, 255); font-size: 40px; position: absolute; z-index: 11; text-align: left; width: 100%; left: 0px; height: 104px; }
.one_c { height: 30px; line-height: 30px; display: block; text-align: left; color: rgb(255, 255, 255); font-size: 18px; margin-top: 65px; margin-bottom: 10px; }
.div_login { width: 346px; height: 52px; overflow: hidden; margin-top: 40px; }
.div_login a { display: block; width: 162px; height: 52px; background-image: url("button.png"); }
.div_login a em { display: block; width: 74px; padding-left: 30px; font-size: 18px; color: rgb(1, 126, 210); margin: 14px auto 0px; line-height: 20px; }
.button_a { float: left; margin-right: 20px; }
.button_a em { background: transparent url("pic1.jpg") no-repeat scroll 0% 0%; }
.button_a1 { float: right; }
.button_a1 em { background: transparent url("pic2.jpg") no-repeat scroll 0% 0%; }
.modular_two { background: transparent url("bg1.jpg") repeat scroll left bottom; height: 133px; }
.two_c_str { display: block; text-align: center; margin: 0px auto; font-size: 28px; color: rgb(255, 255, 255); }
.two_c_p { display: block; text-align: center; margin: 0px auto 10px; width: 120px; height: 12px; border-bottom: 2px solid rgb(255, 255, 255); }
.two_c_sp { display: block; text-align: center; margin: 0px auto; font-size: 18px; color: rgb(255, 255, 255); }
.modular_three { background-color: rgb(19, 152, 253); }
.modular_three_l { float: left; }
.modular_three_r { float: right; }
.modular_three_l span, .modular_three_r span { display: block; width: 100%; margin: 0px auto; }
.modular_three_l span img, .modular_three_r span img { width: 100%; }
.modular_three_l a, .modular_three_r a { display: block; width: 171px; height: 41px; font-size: 16px; line-height: 41px; color: rgb(255, 255, 255); text-align: center; margin: 40px auto 0px; border: 2px solid rgb(255, 255, 255); clear: both; }
.modular_three_l p, .modular_three_r p { display: block; width: 100%; height: 40px; font-size: 16px; line-height: 40px; color: rgb(255, 255, 255); text-align: center; margin-bottom: 50px; }
.modular_four { background-image: url("bg2.jpg"); height: 170px; }
.modular_four strong { display: block; text-align: center; margin: 36px auto 0px; font-size: 28px; color: rgb(255, 255, 255); }
.modular_four p { display: block; text-align: center; margin: 0px auto 10px; width: 80px; height: 12px; border-bottom: 2px solid rgb(35, 160, 253); }
.modular_four span { display: block; text-align: center; margin: 0px auto; font-size: 18px; color: rgb(255, 255, 255); }
.modular_five { background: rgb(248, 248, 248) none repeat scroll 0% 0%; padding: 50px 0px; }
.tit { height: 60px; line-height: 60px; border-radius: 25px; background-color: rgb(248, 248, 248); text-align: center; font-size: 24px; color: rgb(85, 85, 85); margin: 45px auto 0px; }
.wrapper-1024 .tit { width: 456px; }
.wrapper-1280 .tit { width: 505px; }
.wrapper-1366 .tit { width: 589px; }
.div_tab { width: 404px; height: 52px; margin: 0px auto; }
.div_tab a { display: block; width: 182px; height: 52px; float: left; background: transparent url("button1.png") repeat scroll left top; }
.div_tab a em { display: block; width: 73px; height: 26px; line-height: 26px; margin: 13px auto 0px; font-size: 18px; color: rgb(19, 152, 253); }
.div_tab a .bg_em1 { background: transparent url("icon1.png") no-repeat scroll 0px 3px; padding-left: 37px; }
.div_tab a:hover { background: transparent url("button1.png") repeat scroll right top; }
.div_tab a:hover .bg_em1 { background: transparent url("icon1.png") no-repeat scroll 0px -45px; color: rgb(255, 255, 255); }
.div_tab a .bg_em2 { background: transparent url("icon2.png") no-repeat scroll 0px top; padding-left: 37px; }
.div_tab a:hover .bg_em2 { background: transparent url("icon2.png") no-repeat scroll 0px bottom; color: rgb(255, 255, 255); }
.mar_r { margin-right: 40px; }
.div_tab .cur { background: transparent url("button1.png") repeat scroll right top; }
.div_tab .cur em { background-position: 0px -45px; background-repeat: no-repeat; color: rgb(255, 255, 255); }
.tab_con { width: 100%; margin: 0px auto; }
.tab_ul { overflow: hidden; margin-top: 40px; }
.tab_ul li { float: left; position: relative; }
.bg_img { width: 225px; height: 435px; left: 50%; margin: 0px auto 0px -112px; background: transparent url("icon3.png") repeat scroll 0% 0%; position: absolute; }
.tab_ul li span { display: block; margin: 0px auto; position: absolute; z-index: 2; }
.tab_ul li span img { width: 100%; }
.tab_ul li p { display: none; margin: 0px auto; background: transparent url("bg15.png") repeat scroll 0% 0%; position: absolute; z-index: 3; }
.tab_ul li em { display: none; font-size: 14px; color: rgb(255, 255, 255); width: 100%; text-align: center; position: absolute; left: 0px; right: 0px; z-index: 4; }
.tab_ul li strong { display: none; position: absolute; z-index: 5; margin-left: -50px; left: 50%; }
.tab_ul li strong img { width: 100%; }
.more { display: block; width: 175px; height: 50px; text-align: center; line-height: 50px; font-size: 16px; color: rgb(43, 163, 253); border-radius: 3px; border: 1px solid rgb(43, 163, 253); margin: 0px auto; }
.com_ul { width: 100%; overflow: hidden; }
.com_ul li { width: 24.9%; height: 230px; float: left; margin-bottom: 40px; overflow: hidden; position: relative; left: 0px; right: 0px; z-index: 8; }
.li_width1 { width: 235px; height: 190px; margin: 0px auto; }
.li_width1 span { display: block; width: 223px; height: 168px; padding: 11px 1px; overflow: hidden; background-image: url("com_bg5.png"); position: absolute; z-index: 9; }
.li_width1 span em { display: block; width: 223px; height: 168px; overflow: hidden; }
.li_width1 .D_a1 { display: block; width: 224px; height: 181px; overflow: hidden; position: absolute; background: rgb(204, 204, 204) none repeat scroll 0% 0%; opacity: 0.1; top: 0px; left: 50%; margin-left: -117px; z-index: 10; }
.li_w_p { width: 96px; height: 167px; position: absolute; top: 36px; right: -2px; z-index: 11; }
.li_w_f { width: 100%; height: 30px; line-height: 30px; position: absolute; top: 200px; z-index: 11; text-align: center; }
.li_w_f a { font-size: 16px; color: rgb(51, 51, 51); }
.li_w_p strong { display: block; width: 72px; height: 121px; padding: 23px 12px; background: transparent url("com_bg4.png") repeat scroll 0% 0%; }
.li_w_p strong em { display: block; width: 72px; height: 111px; overflow: hidden; }
.li_w_p .D_a2 { display: block; width: 72px; height: 111px; position: absolute; background: rgb(204, 204, 204) none repeat scroll 0% 0%; opacity: 0.1; top: 23px; right: 12px; z-index: 12; }
.modular_six { height: 774px; }
.tit1 { text-align: center; font-size: 18px; color: rgb(85, 85, 85); margin-top: 10px; }
.modular_six .div_tab a {  }
.tab_phone { overflow: hidden; }
.tab_phone li { width: 16.5%; float: left; border-right: 1px dashed rgb(236, 236, 236); border-bottom: 1px dashed rgb(236, 236, 236); padding: 10px 0px 20px; }
.tab_phone li .hover { width: 90%; position: relative; left: 0px; right: 0px; margin: 0px auto; }
.tab_phone li .hover span { display: none; position: absolute; left: 0px; right: 0px; margin: 0px auto; z-index: 1; }
.tab_phone li .hover span img { width: 100%; }
.tab_phone li .hover strong { display: block; overflow: hidden; position: absolute; z-index: 2; }
.tab_phone li .hover strong img { width: 100%; }
.tab_phone li .hover h4 { color: rgb(51, 51, 51); font-size: 18px; text-align: center; padding-top: 111px; }
.tab_phone li .hover p { color: rgb(90, 90, 90); font-size: 14px; text-align: center; margin-top: 5px; }
.tab_con .block_div { display: block; }
.w_mar { display: none; width: 100%; }
.modular_seven { background-image: url("bg4.jpg"); height: 170px; }
.modular_seven strong { display: block; text-align: center; margin: 36px auto 0px; font-size: 28px; color: rgb(255, 255, 255); }
.modular_seven p { display: block; text-align: center; margin: 0px auto 10px; width: 80px; height: 12px; border-bottom: 2px solid rgb(35, 160, 253); }
.modular_seven span { display: block; text-align: center; margin: 0px auto; font-size: 18px; color: rgb(255, 255, 255); }
.modular_eight { height: 535px; background-position: -145px 0px; }
.eight_more { width: 100%; margin: 0px auto; overflow: hidden; }
.eight_more_l { width: 50%; float: left; }
.eight_more_l .tit { margin-top: 74px; }
.eight_more_l ul { overflow: hidden; margin-top: 20px; }
.eight_more_l ul li { width: 25%; position: relative; float: left; margin-top: 40px; }
.eight_more_l ul li span { height: 80px; margin: 0px auto; position: absolute; left: 0px; right: 0px; display: block; overflow: hidden; }
.eight_more_l ul li span img { width: 100%; }
.eight_more_l ul li p { width: 90%; height: 30px; line-height: 30px; padding-top: 80px; margin: 0px auto; display: block; text-align: center; color: rgb(85, 85, 85); font-size: 14px; }
.eight_more_r { width: 50%; float: right; height: 535px; background-color: rgb(248, 248, 248); }
.eight_more_r .tit { margin-top: 74px; }
.eight_more_r ul { overflow: hidden; }
.eight_more_r ul li { width: 20%; float: left; position: relative; margin-top: 13px; overflow: hidden; }
.eight_more_r ul li span { height: 66px; position: absolute; left: 50%; margin-left: -33px; display: block; overflow: hidden; }
.eight_more_r ul li span img { width: 100%; }
.eight_more_r ul li p { height: 30px; line-height: 30px; display: block; text-align: center; color: rgb(51, 51, 51); margin: 0px auto; padding-top: 66px; }
.modular_nine { background-image: url("bg6.jpg"); }
.map { position: relative; left: 0px; right: 0px; margin: 0px auto; }
.map_img { position: absolute; }
.map_img img { width: 100%; }
.bumpy-char { line-height: 3.4em; position: relative; }
.map_div1 { position: absolute; z-index: 1; }
.map_div1 span { display: block; position: absolute; z-index: 2; }
.map_div1 span img { width: 100%; }
.map_div1 p { display: block; width: 116px; height: 44px; position: absolute; left: 50%; margin-left: -58px; bottom: 0px; z-index: 1; }
.map_div1 strong { display: block; text-align: center; color: rgb(255, 255, 255); font-size: 28px; position: absolute; left: 50%; margin-left: -28px; z-index: 3; }
.map_div2 { width: 69px; height: 114px; position: absolute; right: 0px; z-index: 1; }
.map_div2 span { display: block; width: 69px; height: 86px; position: absolute; left: 0px; right: 0px; margin: 0px auto; z-index: 2; }
.map_div2 span img { width: 100%; }
.map_div2 p { display: block; width: 36px; height: 15px; position: absolute; z-index: 1; left: 16px; bottom: 0px; }
.map_div2 strong { display: block; text-align: center; color: rgb(85, 85, 85); font-size: 14px; position: absolute; left: 16px; z-index: 3; }
.map_div3 { width: 53px; height: 93px; position: absolute; right: 0px; z-index: 1; }
.map_div3 span { display: block; width: 53px; height: 65px; position: absolute; left: 0px; right: 0px; margin: 0px auto; z-index: 2; }
.map_div3 span img { width: 100%; }
.map_div3 p { display: block; width: 36px; height: 15px; position: absolute; left: 8px; bottom: 0px; z-index: 1; }
.map_div3 strong { display: block; text-align: center; color: rgb(85, 85, 85); font-size: 14px; position: absolute; left: 8px; z-index: 3; }
.map_div4 { width: 74px; height: 118px; position: absolute; right: 0px; z-index: 1; }
.map_div4 span { width: 74px; height: 92px; display: block; position: absolute; left: 0px; right: 0px; margin: 0px auto; z-index: 2; }
.map_div4 span img { width: 100%; }
.map_div4 p { display: block; width: 36px; height: 15px; position: absolute; left: 19px; bottom: 0px; z-index: 1; }
.map_div4 strong { display: block; text-align: center; color: rgb(85, 85, 85); font-size: 14px; position: absolute; left: 19px; z-index: 3; }
.map_div5 { width: 74px; height: 118px; position: absolute; right: 0px; z-index: 1; }
.map_div5 span { display: block; width: 69px; height: 86px; position: absolute; left: 0px; right: 0px; margin: 0px auto; z-index: 2; }
.map_div5 span img { width: 100%; }
.map_div5 p { display: block; width: 36px; height: 15px; position: absolute; left: 19px; bottom: 0px; z-index: 1; }
.map_div5 strong { display: block; text-align: center; color: rgb(85, 85, 85); font-size: 14px; position: absolute; left: 19px; z-index: 3; }
.map_div6 { width: 53px; height: 93px; position: absolute; z-index: 1; }
.map_div6 span { display: block; width: 53px; height: 65px; position: absolute; left: 0px; right: 0px; margin: 0px auto; z-index: 2; }
.map_div6 span img { width: 100%; }
.map_div6 p { display: block; width: 36px; height: 15px; position: absolute; left: 8px; bottom: 0px; z-index: 1; }
.map_div6 strong { display: block; text-align: center; color: rgb(85, 85, 85); font-size: 14px; position: absolute; left: 8px; z-index: 3; }
.map_div7 { width: 69px; height: 114px; position: absolute; z-index: 1; }
.map_div7 span { display: block; width: 69px; height: 86px; position: absolute; left: 0px; right: 0px; margin: 0px auto; z-index: 2; }
.map_div7 span img { width: 100%; }
.map_div7 p { display: block; width: 36px; height: 15px; position: absolute; left: 16px; bottom: 0px; z-index: 1; }
.map_div7 strong { display: block; text-align: center; color: rgb(85, 85, 85); font-size: 14px; position: absolute; left: 16px; z-index: 3; }
.map_div8 { width: 74px; height: 119px; position: absolute; z-index: 1; }
.map_div8 span { display: block; width: 74px; height: 91px; position: absolute; left: 0px; right: 0px; margin: 0px auto; z-index: 2; }
.map_div8 span img { width: 100%; }
.map_div8 p { display: block; width: 36px; height: 15px; position: absolute; left: 19px; bottom: 0px; z-index: 1; }
.map_div8 strong { display: block; text-align: center; color: rgb(85, 85, 85); font-size: 14px; position: absolute; left: 19px; z-index: 3; }
.map_div9 { width: 74px; height: 119px; position: absolute; z-index: 1; }
.map_div9 span { display: block; width: 74px; height: 91px; position: absolute; left: 0px; right: 0px; margin: 0px auto; z-index: 2; }
.map_div9 span img { width: 100%; }
.map_div9 p { display: block; width: 36px; height: 15px; position: absolute; left: 19px; bottom: 0px; z-index: 1; }
.map_div9 strong { display: block; text-align: center; color: rgb(85, 85, 85); font-size: 14px; position: absolute; left: 19px; z-index: 3; }
.modular_ten { background-image: url("bg7.jpg"); height: 170px; }
.modular_ten strong { display: block; text-align: center; margin: 36px auto 0px; font-size: 28px; color: rgb(255, 255, 255); }
.modular_ten p { display: block; text-align: center; margin: 0px auto 10px; width: 80px; height: 12px; border-bottom: 2px solid rgb(35, 160, 253); }
.modular_ten span { display: block; text-align: center; margin: 0px auto; font-size: 18px; color: rgb(255, 255, 255); }
.modular_eleven { background-image: url("bg8.jpg"); height: 520px; }
.border_bg { width: 90%; height: 450px; background-image: url("border_bg.png"); background-position: center center; margin: 0px auto; position: relative; }
.circle1 { width: 107px; height: 107px; position: absolute; z-index: 1; }
.circle1 span, .circle2 span, .circle3 span { display: block; width: 107px; height: 107px; }
.circle1 span img, .circle2 span img, .circle3 span img { width: 100%; }
.circle1 p, .circle2 p, .circle3 p { width: 107px; text-align: center; color: rgb(255, 255, 255); font-size: 14px; position: absolute; z-index: 2; }
.circle2 { width: 107px; height: 107px; position: absolute; z-index: 1; }
.circle3 { width: 107px; height: 107px; position: absolute; z-index: 1; }
.circle4 { width: 129px; height: 129px; position: absolute; z-index: 1; }
.circle4 span { display: block; width: 129px; height: 129px; }
.circle4 span img { width: 100%; }
.circle4 p { width: 129px; text-align: center; color: rgb(255, 255, 255); font-size: 16px; position: absolute; z-index: 2; }
.circle5 { width: 107px; height: 107px; position: absolute; z-index: 1; right: 239px; }
.circle5 span, .circle6 span, .circle7 span { display: block; width: 107px; height: 107px; }
.circle5 span img, .circle6 span img, .circle7 span img { width: 100%; }
.circle5 p, .circle6 p, .circle7 p { width: 107px; text-align: center; color: rgb(255, 255, 255); font-size: 14px; position: absolute; z-index: 2; }
.circle6 { width: 107px; height: 107px; position: absolute; z-index: 1; }
.circle7 { width: 107px; height: 107px; position: absolute; z-index: 1; }
.modular_twelve { background-image: url("bg9.jpg"); height: 500px; }
.modular_twelve .tit { margin-top: 105px; }
.twelve_con { width: 289px; height: 125px; margin: 55px auto 0px; overflow: hidden; }
.twelve_con_l { width: 95px; height: 125px; float: left; }
.twelve_con_l span, .twelve_con_r span { width: 95px; height: 95px; display: block; }
.twelve_con_l span img, .twelve_con_r span img { width: 100%; }
.twelve_con_l p, .twelve_con_r p { width: 95px; display: block; margin-top: 10px; line-height: 22px; text-align: center; color: rgb(19, 152, 253); font-size: 18px; }
.twelve_con_r { width: 95px; height: 125px; float: right; }
.twelve_tit { font-size: 18px; color: rgb(51, 51, 51); text-align: center; line-height: 30px; margin-top: 45px; }
.modular_thirteen { background-image: url("bg10.jpg"); height: 170px; }
.modular_thirteen strong { display: block; text-align: center; margin: 36px auto 0px; font-size: 28px; color: rgb(255, 255, 255); }
.modular_thirteen p { display: block; text-align: center; margin: 0px auto 10px; width: 80px; height: 12px; border-bottom: 2px solid rgb(35, 160, 253); }
.modular_thirteen span { display: block; text-align: center; margin: 0px auto; font-size: 18px; color: rgb(255, 255, 255); }
.modular_fourteen { background-image: url("bg11.jpg"); height: 430px; }
.fourteen_con { width: 886px; margin: 48px auto 0px; overflow: hidden; }
.fourteen_con_l, .fourteen_con_r { width: 358px; height: 200px; position: relative; }
.fourteen_con_l { float: left; }
.fourteen_con_r { float: right; }
.fourteen_con_l span, .fourteen_con_r span { display: block; width: 358px; height: 200px; position: absolute; z-index: 1; left: 0px; top: 0px; }
.fourteen_con_l span img, .fourteen_con_r span img { width: 100%; }
.fourteen_con_l strong, .fourteen_con_r strong { display: block; width: 358px; height: 46px; position: absolute; z-index: 2; left: 0px; top: 77px; opacity: 0.4; background: transparent url("bg16.png") repeat scroll 0% 0%; }
.fourteen_con_l p, .fourteen_con_r p { display: block; width: 358px; height: 46px; line-height: 46px; position: absolute; z-index: 3; left: 0px; top: 77px; color: rgb(255, 255, 255); font-size: 18px; text-align: center; }
.modular_fifteen { background-image: url("bg12.jpg"); height: 430px; }
.fifteen_con { width: 100%; margin: 45px auto 0px; height: 200px; }
.fifteen_con .blue { width: 33%; height: 100px; float: left; background-color: rgb(19, 152, 253); }
.blue_center { width: 207px; margin: 35px auto 0px; overflow: hidden; }
.blue_center span { display: block; width: 40px; height: 31px; float: left; }
.blue_center em { display: block; line-height: 31px; float: left; font-size: 18px; color: rgb(255, 255, 255); margin-left: 5px; }
.fifteen_con .blue span { display: block; color: rgb(255, 255, 255); line-height: 30px; }
.fifteen_con .blue1 { width: 33%; height: 100px; float: left; background: transparent url("img8.jpg") repeat scroll center top; }
.fifteen_con .blue2 { width: 33%; height: 100px; float: left; background: transparent url("img9.jpg") repeat scroll center top; }
.fifteen_con .blue3 { width: 33%; height: 100px; float: left; background: transparent url("img10.jpg") repeat scroll center top; }
.modular_Sixteen { height: 370px; }
.modular_Sixteen .tit { margin-top: 50px; }
.Sixteen_con { width: 100%; height: 200px; margin: 60px auto 0px; overflow: hidden; }
.con1 { width: 100%; height: 104px; position: absolute; left: 0px; top: 0px; }
.con1 img { width: 100%; }
.con2, .con3, .con4, .con5, .con6, .con7 { width: 16.66%; height: 122px; float: left; text-align: center; }
.con2 img, .con3 img, .con4 img, .con5 img, .con6 img, .con7 img { width: 122px; height: 122px; }
.con2 p, .con3 p, .con4 p, .con5 p, .con6 p, .con7 p { display: block; width: 120px; height: 20px; line-height: 20px; text-align: center; margin: 0px auto; font-size: 18px; color: rgb(85, 85, 85); }
.con2:hover p, .con3:hover p, .con4:hover p, .con5:hover p, .con6:hover p, .con7:hover p { color: rgb(19, 152, 253); }
.banner { width: 100%; height: 553px; background: transparent url("banner.jpg") repeat scroll center top; }
.banner_c { height: 553px; }
.o2o_div, .o2o_div1 { width: 100%; }
.tit3 { width: 100%; padding: 30px 0px; font-size: 24px; color: rgb(51, 51, 51); text-align: center; }
.o2o_div ul { width: 100%; overflow: hidden; }
.o2o_div ul li { width: 20%; float: left; margin-bottom: 30px; }
.li_center { width: 90%; height: 203px; background: rgb(250, 250, 250) none repeat scroll 0% 0%; margin: 0px auto; padding-top: 25px; position: relative; overflow: hidden; }
.li_center a { display: block; width: 56px; height: 56px; overflow: hidden; position: absolute; left: 50%; margin-left: -28px; }
.li_center span { display: block; width: 90%; height: 30px; line-height: 30px; margin: 0px auto 10px; padding-top: 66px; text-align: center; color: rgb(19, 152, 253); font-size: 18px; }
.li_center p { display: block; width: 90%; line-height: 25px; margin: 0px auto; text-align: center; color: rgb(118, 118, 118); font-size: 14px; }
.o2o_bg { background: rgb(242, 242, 242) none repeat scroll 0% 0%; }
.o2o_div1 ul { width: 100%; overflow: hidden; }
.o2o_div1 ul li { width: 50%; float: left; margin-bottom: 30px; }
.modular_div { width: 95%; margin: 0px auto; background: rgb(255, 255, 255) none repeat scroll 0% 0%; padding-bottom: 15px; }
.modular_t { width: 100%; height: 220px; margin: 0px auto; overflow: hidden; }
.modular_t span { display: inline-block; width: 220px; height: 180px; float: left; }
.modular_t p { display: inline-block; font-size: 18px; color: rgb(0, 0, 0); float: left; }
.modular_t strong { display: inline-block; font-size: 14px; color: rgb(85, 85, 85); float: left; }
.modular_t a { display: inline-block; width: 107px; height: 36px; line-height: 36px; text-align: center; border: 1px solid rgb(19, 152, 253); color: rgb(19, 152, 253); float: left; font-size: 14px; }
.application { width: 100%; margin: 0px auto; }
.application_t { background: transparent url("border_bg1.jpg") repeat-x scroll left center; }
.application_t span { display: block; width: 65px; border-left: 4px solid rgb(19, 152, 253); padding: 0px 10px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; font-size: 16px; color: rgb(51, 51, 51); }
.application_c { margin: 0px 20px; padding-top: 15px; overflow: hidden; }
.app_div { width: 56px; height: 80px; float: left; margin-right: 15px; position: relative; padding-bottom: 15px; }
.app_div a { display: block; width: 50px; height: 50px; overflow: hidden; position: absolute; left: 50%; margin-left: -25px; }
.app_div span { display: block; width: 56px; height: 30px; line-height: 30px; padding-top: 50px; text-align: center; color: rgb(51, 51, 51); font-size: 14px; }
.object_a { display: block; width: 106px; height: 37px; float: left; margin-right: 10px; text-align: center; line-height: 37px; font-size: 14px; color: rgb(104, 104, 104); background-image: url("o2o_pic17.png"); }
.object_a:hover { background-position: left bottom; }
.banner1 { width: 100%; height: 400px; background: transparent url("banner.jpg") repeat scroll center top; }
.banner1_c { height: 400px; position: relative; }
.banner_logo { width: 465px; height: 54px; overflow: hidden; position: absolute; left: 50%; margin-left: -232px; bottom: 80px; }
.banner_logo a { display: block; width: 176px; height: 50px; border: 2px solid rgb(255, 255, 255); line-height: 50px; text-align: center; font-size: 20px; color: rgb(255, 255, 255); }
.a_l { float: left; }
.a_r { float: right; }
.some { height: 30px; background: transparent url("border_bg1.jpg") repeat-x scroll left center; margin: 0px auto 18px; }
.some .some_sp { display: block; width: 124px; height: 30px; line-height: 30px; text-align: center; margin: 0px auto; font-size: 18px; color: rgb(19, 152, 253); background: rgb(242, 242, 242) none repeat scroll 0% 0%; }
.some .com_bg { background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.li_h { height: 180px; }
.li_h p { width: 80%; }
.computer_tit { padding-top: 35px; padding-bottom: 20px; }
.computer_tit strong { display: block; text-align: center; margin: 0px auto; font-size: 32px; color: rgb(51, 51, 51); }
.computer_tit p { display: block; text-align: center; margin: 0px auto 10px; width: 80px; height: 12px; border-bottom: 2px solid rgb(35, 160, 253); }
.computer_tit span { display: block; text-align: center; margin: 0px auto; font-size: 16px; color: rgb(51, 51, 51); }
.Exhibition { width: 100%; padding: 100px 0px; background: rgb(19, 152, 253) none repeat scroll 0% 0%; }
.Exhibition_con { width: 1000px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; margin: 0px auto; }
.Exhibition_tit { width: 100%; padding: 36px 0px; }
.Exhibition_tit strong { display: block; text-align: center; margin: 0px auto; font-size: 32px; color: rgb(51, 51, 51); }
.Exhibition_tit p { display: block; text-align: center; margin: 0px auto 10px; width: 80px; height: 12px; border-bottom: 2px solid rgb(35, 160, 253); }
.Exhibition_tit span { display: block; text-align: center; margin: 0px auto; font-size: 16px; color: rgb(51, 51, 51); }
.Exhibition_bot { height: 320px; overflow: hidden; }
.Exhibition_img { width: 320px; height: 320px; float: left; margin: 0px 20px 20px; display: inline; }
.Exhibition_r { width: 620px; height: 320px; float: left; overflow: hidden; }
.Exhibition_r_tit { width: 620px; overflow: hidden; margin-top: 5px; }
.Exhibition_r_tit span { width: 606px; border-left: 4px solid rgb(19, 152, 253); font-size: 16px; color: rgb(51, 51, 51); padding-left: 14px; }
.ziyou { padding: 5px 10px; margin: 5px 10px 5px 0px; float: left; border-radius: 3px; border: 1px solid rgb(19, 152, 253); font-size: 14px; color: rgb(85, 85, 85); }
.ziyou:hover { border: 1px solid rgb(19, 152, 253); color: rgb(19, 152, 253); }
.Exhibition_r_tit strong { display: inline-block; font-size: 14px; color: rgb(85, 85, 85); padding: 5px 0px; }
.understand { display: block; width: 130px; height: 40px; line-height: 40px; text-align: center; color: rgb(255, 255, 255); background: rgb(1, 126, 210) none repeat scroll 0% 0%; float: left; margin-right: 30px; margin-top: 6px; }
.understand:hover { background: rgb(19, 152, 253) none repeat scroll 0% 0%; }
.customer { height: 60px; margin: 20px 20px 0px; border-top: 1px solid rgb(237, 237, 237); overflow: hidden; }
.customer span { display: block; width: 17px; height: 18px; float: left; margin-top: 21px; }
.customer a { margin-left: 10px; line-height: 57px; font-size: 14px; color: rgb(0, 145, 255); }
.comput_bg { background: rgb(37, 42, 45) none repeat scroll 0% 0%; }
.Exhibition_con1 { background: transparent url("o2o_bg3.png") repeat scroll 0% 0%; width: 1000px; margin: 0px auto; }
.comput_bg_img { background: transparent url("o2o_bg1.jpg") repeat scroll 0% 0%; width: 100%; }
.comput_bg_img1 { background: transparent url("o2o_bg2.jpg") repeat scroll 0% 0%; width: 100%; }
.list_img { margin: 0px auto; padding: 60px 0px; }
.ev_style_width { width: 100%; margin: 0px auto; position: relative; }
.left-but, .right-but { width: 55px; height: 90px; position: absolute; top: 156px; overflow: hidden; display: block; cursor: pointer; z-index: 2; }
.left-but { left: 0px; }
.left-but-off { left: 0px; }
.right-but { right: 0px; }
.right-but-off { right: 0px; }
.ev_customModuleD_con { overflow: hidden; position: relative; z-index: 1; left: 66px; }
.ev_customModuleD_con ul { position: absolute; left: 0px; top: 0px; }
.ev_customModuleD_con li { width: 20%; float: left; height: 480px; }
.li_width { height: 225px; margin-right: 15px; margin-bottom: 15px; padding: 5px; border: 1px solid rgb(237, 237, 237); position: relative; background-color: rgb(255, 255, 255); }
.ev_customModuleD_con li .ev_customModuleD_pic { display: block; width: 100%; overflow: hidden; margin: 0px auto; position: relative; z-index: 1; }
.ev_customModuleD_con li p { display: block; overflow: hidden; position: absolute; background: transparent url("bg16.png") repeat scroll 0% 0%; top: 5px; z-index: 10; }
.ev_customModuleD_con li a { display: block; position: absolute; z-index: 11; border: 2px solid rgb(255, 255, 255); text-align: center; font-size: 18px; color: rgb(255, 255, 255); top: 100px; border-radius: 30px; }
.left-but { background: transparent url("banner-left.jpg") repeat scroll left top; }
.right-but { background: transparent url("banner-left.jpg") repeat scroll right top; }
.left-but-off { background: transparent url("banner-left.jpg") repeat scroll left bottom; }
.right-but-off { background: transparent url("banner-left.jpg") repeat scroll right bottom; }
.ev_customModuleD_con li .ev_customModuleD_pic b:hover { background: rgb(250, 126, 167) none repeat scroll 0% 0%; opacity: 0.3; }
.banner2_c { height: 400px; position: relative; }
.mr_top { padding-top: 20px; }
.Exhibition_r_tit1, .Exhibition_r_tit2 { overflow: hidden; margin-top: 5px; }
.Exhibition_r_tit1 span { border-left: 4px solid rgb(19, 152, 253); font-size: 16px; color: rgb(51, 51, 51); padding-left: 14px; font-weight: bold; }
.Exhibition_r_tit2 span { border-left: 4px solid rgb(19, 152, 253); font-size: 20px; color: rgb(19, 152, 253); padding-left: 14px; font-weight: bold; }
.Exhibition_r_tit2 strong { display: block; height: 120px; line-height: 22px; overflow: hidden; font-size: 14px; color: rgb(85, 85, 85); margin: 5px 0px; }
.Exhibition_r_tit1 a { display: block; width: 118px; height: 43px; border: 1px solid rgb(237, 237, 237); float: left; margin-right: 15px; margin-top: 10px; }
.platform1 { background: transparent url("o2o_bg4.jpg") repeat scroll 0% 0%; }
.platform2 { background: transparent url("o2o_bg5.jpg") repeat scroll 0% 0%; }
.platform3 { background: transparent url("o2o_bg5.jpg") repeat scroll 0% 0%; }
.Support { background-image: url("o2o_bg7.jpg"); }
.size_color strong { color: rgb(255, 255, 255); }
.size_color span { color: rgb(255, 255, 255); }
.Support1 { position: relative; left: 0px; right: 0px; margin: 0px auto; }
.Support1_img { position: absolute; }
.Support1_img img { width: 100%; }
.Support2 { position: absolute; z-index: 1; }
.Support2 span { display: block; position: absolute; z-index: 2; }
.Support2 span img { width: 100%; }
.Support2 p { display: block; width: 116px; height: 44px; position: absolute; left: 50%; margin-left: -58px; bottom: 0px; z-index: 1; }
.Support2 strong { display: block; text-align: center; color: rgb(255, 255, 255); font-size: 34px; position: absolute; left: 50%; margin-left: -34px; z-index: 3; }
.Support3 { width: 80px; height: 138px; position: absolute; right: 0px; z-index: 1; }
.Support3 span { display: block; width: 80px; height: 99px; position: absolute; left: 0px; right: 0px; margin: 0px auto; z-index: 2; }
.Support3 span img { width: 100%; }
.Support3 p { display: block; width: 36px; height: 15px; position: absolute; z-index: 1; left: 50%; bottom: 0px; margin-left: -18px; }
.Support3 strong { display: block; width: 80px; text-align: center; color: rgb(255, 255, 255); font-size: 18px; position: absolute; left: 50%; margin-left: -40px; z-index: 3; }
.Support4 { width: 85px; height: 144px; position: absolute; right: 0px; z-index: 1; }
.Support4 span { display: block; width: 85px; height: 105px; position: absolute; left: 0px; right: 0px; margin: 0px auto; z-index: 2; }
.Support4 span img { width: 100%; }
.Support4 p { display: block; width: 36px; height: 15px; position: absolute; z-index: 1; left: 50%; bottom: 0px; margin-left: -18px; }
.Support4 strong { display: block; width: 85px; text-align: center; color: rgb(255, 255, 255); font-size: 18px; position: absolute; left: 50%; margin-left: -43px; z-index: 3; }
.Support5 { width: 80px; height: 112px; position: absolute; right: 0px; z-index: 1; }
.Support5 span { display: block; width: 60px; height: 74px; position: absolute; left: 50%; margin-left: -30px; z-index: 2; }
.Support5 span img { width: 100%; }
.Support5 p { display: block; width: 36px; height: 15px; position: absolute; z-index: 1; left: 50%; bottom: 0px; margin-left: -18px; }
.Support5 strong { display: block; width: 80px; text-align: center; color: rgb(255, 255, 255); font-size: 18px; position: absolute; z-index: 3; }
.Support6 { width: 120px; height: 112px; position: absolute; right: 0px; z-index: 1; }
.Support6 span { display: block; width: 60px; height: 74px; position: absolute; left: 50%; margin-left: -30px; z-index: 2; }
.Support6 span img { width: 100%; }
.Support6 p { display: block; width: 36px; height: 15px; position: absolute; z-index: 1; left: 50%; bottom: 0px; margin-left: -18px; }
.Support6 strong { display: block; width: 120px; text-align: center; color: rgb(255, 255, 255); font-size: 16px; position: absolute; z-index: 3; }
.Support7 { width: 60px; height: 112px; position: absolute; right: 0px; z-index: 1; }
.Support7 span { display: block; width: 60px; height: 74px; position: absolute; left: 50%; margin-left: -30px; z-index: 2; }
.Support7 span img { width: 100%; }
.Support7 p { display: block; width: 36px; height: 15px; position: absolute; z-index: 1; left: 50%; bottom: 0px; margin-left: -18px; }
.Support7 strong { display: block; width: 60px; text-align: center; color: rgb(255, 255, 255); font-size: 16px; position: absolute; z-index: 3; }
.Support8 { width: 85px; height: 142px; position: absolute; right: 0px; z-index: 1; }
.Support8 span { display: block; width: 85px; height: 105px; position: absolute; left: 50%; margin-left: -42px; z-index: 2; }
.Support8 span img { width: 100%; }
.Support8 p { display: block; width: 36px; height: 15px; position: absolute; z-index: 1; left: 50%; bottom: 0px; margin-left: -18px; }
.Support8 strong { display: block; width: 85px; text-align: center; color: rgb(255, 255, 255); font-size: 16px; position: absolute; z-index: 3; }
.div_tab1 { width: 244px; height: 43px; border: 1px solid rgb(237, 237, 237); border-radius: 10px; overflow: hidden; margin: 0px auto; }
.div_tab1 a { display: block; float: left; width: 122px; height: 43px; color: rgb(85, 85, 85); font-size: 16px; }
.div_tab1 a em { display: block; width: 64px; height: 19px; line-height: 19px; margin: 12px auto 0px; padding-left: 24px; }
.div_tab1 a .em1 { background: transparent url("tab1.png") no-repeat scroll left top; }
.div_tab1 a .em2 { background: transparent url("tab2.png") no-repeat scroll left top; }
.div_tab1 .cur1 { background: rgb(19, 152, 253) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.div_tab1 .cur1 em { background-position: left bottom; }
.banner3 { width: 100%; background-color: rgb(255, 168, 0); }
.banner3_c { height: 400px; position: relative; }
.agent_div { width: 100%; height: 397px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.agent_ul { width: 90%; overflow: hidden; margin: 0px auto; }
.agent_ul li { width: 25%; height: 178px; float: left; }
.agent_ul li span { display: block; width: 128px; height: 128px; margin: 0px auto; }
.agent_ul li p { display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 18px; color: rgb(51, 51, 51); }
.agent_div1 { width: 100%; background: transparent url("agent_bg.jpg") repeat scroll 0% 0%; }
.tit2 { width: 100%; font-size: 32px; color: rgb(255, 255, 255); text-align: center; padding: 38px 0px; }
.agent1_ul { width: 90%; overflow: hidden; margin: 0px auto; }
.agent1_ul li { width: 33.3%; float: left; margin-bottom: 40px; position: relative; }
.agent1_bg { margin: 0px auto; }
.agent1_ul li a { display: block; width: 128px; height: 128px; position: absolute; left: 50%; margin-left: -64px; overflow: hidden; }
.agent1_ul li span { display: block; width: 100%; text-align: center; font-size: 20px; color: rgb(255, 255, 255); position: absolute; }
.agent1_ul li p { display: block; width: 58px; height: 15px; border-top: 2px solid rgb(255, 168, 0); position: absolute; left: 50%; margin-left: -29px; }
.agent1_ul li strong { display: block; width: 100%; text-align: center; font-size: 16px; color: rgb(255, 255, 255); position: absolute; }
.agent_div2 { width: 100%; overflow: hidden; background-color: rgb(249, 249, 249); padding-bottom: 50px; }
.agent_div2 ul { width: 100%; overflow: hidden; }
.agent_div2 ul li { width: 25%; float: left; overflow: hidden; }
.freedom { position: relative; top: 0px; }
.freedom span { display: block; width: 110px; height: 110px; position: absolute; left: 50%; margin-left: -55px; }
.freedom p { display: block; width: 100%; position: absolute; text-align: center; color: rgb(255, 255, 255); font-size: 20px; }
.freedom_foot { background-color: rgb(255, 255, 255); }
.freedom_foot span { display: block; width: 90%; margin-left: 5%; text-align: center; font-size: 18px; color: rgb(51, 51, 51); padding: 10px 0px; }
.freedom_foot p { display: block; width: 77px; height: 15px; border-top: 1px solid rgb(255, 168, 0); margin: 0px auto; }
.freedom_foot strong { display: block; width: 90%; margin-left: 5%; text-align: center; font-size: 14px; color: rgb(136, 136, 136); line-height: 22px; padding: 0px 0px 15px; }
.agent2_ul li .cur4 { background: rgb(255, 168, 0) none repeat scroll 0% 0%; }
.agent2_ul li .cur4 span { color: rgb(255, 255, 255); }
.agent2_ul li .cur4 p { border-top: 1px solid rgb(255, 255, 255); }
.agent2_ul li .cur4 strong { color: rgb(255, 255, 255); }
.flow { width: 100%; padding-bottom: 55px; }
.flow_ul { margin: 0px 10%; width: 80%; overflow: hidden; padding-top: 40px; }
.flow_ul li { width: 14.2%; float: left; height: 142px; }
.flow_ul li span { display: block; width: 104px; height: 104px; margin: 0px auto; }
.flow_ul li p { display: block; width: 100%; text-align: center; font-size: 18px; color: rgb(51, 51, 51); padding-top: 15px; }
.flow_ul li strong { display: block; width: 20px; height: 36px; margin: 44px auto 0px; }
.contact { width: 100%; padding: 30px 0px 20px; background-color: rgb(34, 34, 34); }
.contact ul { width: 87%; margin-left: 6.5%; }
.contact ul li { width: 16.6%; height: 100px; float: left; position: relative; }
.contact ul li span { display: block; width: 45px; height: 45px; margin: 0px auto 15px; }
.contact ul li p { display: block; width: 100%; text-align: center; color: rgb(255, 255, 255); font-size: 14px; word-wrap: break-word; }
.contact ul li a { display: block; width: 45px; height: 45px; overflow: hidden; margin: 0px auto 15px; background-image: url("contact3.png"); }
.contact ul li a:hover { background-position: left bottom; }
.contact ul li .wx_img1 { display: none; width: 99px; height: 105px; background: transparent url("wx4.png") repeat scroll 0% 0%; position: absolute; top: -115px; left: 50%; margin-left: -49px; }
.contact ul li .wx_img1 span { display: block; width: 88px; height: 88px; margin: 0px auto; padding-top: 5px; }
.banner4 { width: 100%; height: 283px; background: transparent url("banner1.jpg") no-repeat scroll center top; }
.banner4 .banner4_c { padding-top: 80px; line-height: 203px; font-size: 40px; color: rgb(255, 255, 255); text-align: center; }
.module_com_l { float: left; background-color: rgb(255, 255, 255); }
.com_select { background-color: rgb(0, 128, 226); overflow: hidden; }
.com_select input { border: 0px none; background: rgb(255, 255, 255) none repeat scroll 0% 0%; float: left; }
.com_select a { display: block; float: left; background: rgb(251, 184, 7) url("select_img.png") no-repeat scroll center center; }
.module_com_r { float: left; background-color: rgb(245, 245, 245); }
.com_tit { background: rgb(248, 248, 248) none repeat scroll 0% 0%; border-bottom: 1px solid rgb(231, 231, 231); font-size: 18px; color: rgb(17, 17, 17); }
.com_con { background-color: rgb(255, 255, 255); }
.com_con span { display: block; height: 55px; background-image: url("or_sele.png"); background-repeat: no-repeat; border-bottom: 1px solid rgb(238, 238, 238); }
.com_con span a { display: block; height: 55px; line-height: 55px; font-size: 16px; color: rgb(85, 85, 85); }
.com_con span a em { display: initial; float: left; width: 19px; height: 55px; overflow: hidden; margin-right: 10px; margin-left: 30px; position: relative; }
.com_con .cur3 { background-image: url("or_sele.png"); background-repeat: no-repeat; background-color: rgb(245, 245, 245); }
.com_con .cur3 a { color: rgb(19, 152, 253); }
.com_con .cur3 a em img { margin-left: -19px; }
.com_button { background-color: rgb(255, 255, 255); overflow: hidden; padding: 19px; }
.com_button a { display: inline-block; padding: 5px; border: 1px solid rgb(255, 255, 255); border-radius: 4px; margin-right: 15px; color: rgb(51, 51, 51); font-size: 14px; }
.com_button a em { color: rgb(153, 153, 153); }
.com_button a:hover { border: 1px solid rgb(19, 152, 253); color: rgb(19, 152, 253); }
.com_button a:hover em { color: rgb(19, 152, 253); }
.com_button .cur2 { border: 1px solid rgb(19, 152, 253); color: rgb(19, 152, 253); }
.com_button .cur2 em { color: rgb(19, 152, 253); }
.banner5 { width: 100%; height: 455px; background: transparent url("banner2.jpg") no-repeat scroll center top; }
.banner5 .banner5_c { padding-top: 80px; }
.banner5_c span { display: block; width: 100%; font-size: 40px; color: rgb(255, 255, 255); text-align: center; margin-top: 110px; }
.banner5_c a { display: block; width: 180px; height: 50px; margin: 40px auto 0px; background: rgb(255, 228, 0) none repeat scroll 0% 0%; border-radius: 5px; text-align: center; line-height: 50px; color: rgb(0, 90, 159); font-size: 18px; }
.p_look { width: 100%; background: transparent url("look_bg.jpg") repeat scroll 0% 0%; padding-top: 80px; }
.wx_phone { padding: 80px 0px; overflow: hidden; }
.wx_phone_l { float: left; width: 50%; height: 673px; display: block; }
.wx_phone_l span { width: 368px; height: 673px; float: right; background: transparent url("com_bg2.png") repeat scroll 0% 0%; margin-right: 50px; display: inline; }
.wx_phone_l span strong { display: block; width: 322px; height: 490px; margin: 0px auto; padding-top: 70px; }
.wx_phone_r { float: left; width: 50%; overflow: hidden; display: block; }
.wx_phone_r .wx_img { width: 187px; float: left; margin-left: 50px; margin-top: 120px; display: inline; }
.wx_phone_r .wx_img span { display: block; width: 177px; height: 177px; background-color: rgb(255, 255, 255); padding: 10px; margin: 0px auto; }
.wx_phone_r .wx_img p { display: block; width: 187px; margin: 0px auto; text-align: center; color: rgb(34, 34, 34); font-size: 20px; padding-top: 20px; }
.wx_phone_r a { display: block; width: 164px; height: 59px; margin-left: 186px; padding-top: 120px; background: transparent url("button2.png") no-repeat scroll left bottom; color: rgb(255, 255, 255); font-size: 16px; clear: both; text-align: center; line-height: 52px; }
.banner6 { width: 100%; height: 273px; background: transparent url("banner3.jpg") repeat scroll 0% 0%; }
.banner6_c { padding-top: 80px; }
.banner6_c span { display: block; font-size: 28px; color: rgb(255, 255, 255); margin-top: 36px; text-align: center; }
.banner6_c p { display: block; text-align: center; margin: 0px auto 10px; width: 80px; height: 12px; border-bottom: 2px solid rgb(255, 255, 255); }
.banner6_c strong { display: block; text-align: center; margin: 0px auto; font-size: 18px; color: rgb(255, 255, 255); }
.zhuce_cen { width: 100%; background-color: rgb(23, 143, 236); }
.zhuce_cen1 { width: 1000px; padding: 40px 0px; margin: 0px auto; overflow: hidden; }
.zhuce_cen1_l { float: left; width: 720px; height: 643px; background-color: rgb(255, 255, 255); border-radius: 5px 0px 0px 5px; }
.zhuce_cen1_r { float: left; width: 280px; height: 563px; padding-top: 80px; background-color: rgb(73, 73, 73); border-radius: 0px 5px 5px 0px; }
.zhuce_cen1_r span { display: block; width: 280px; font-size: 16px; color: rgb(78, 178, 255); text-align: center; line-height: 26px; }
.qq_img { width: 95px; height: 153px; margin: 50px auto 0px; }
.ok_denglu { display: block; width: 191px; height: 41px; line-height: 41px; color: rgb(255, 255, 255); margin: 220px auto 0px; border: 2px solid rgb(255, 255, 255); text-align: center; font-size: 16px; }
.register_form { width: 720px; float: right; height: 643px; }
.welcome { width: 720px; height: 100px; color: rgb(98, 109, 115); border-bottom: 1px solid rgb(219, 219, 219); }
.welcome h1 { font-size: 24px; height: 80px; line-height: 80px; margin-left: 35px; }
.welcome p { font-size: 14px; height: 30px; line-height: 30px; }
.r-collection-item { margin: 0px auto; padding-top: 10px; }
.r-collection-item::after { height: 0px; visibility: hidden; line-height: 0px; clear: both; display: block; content: "."; }
.r-collection-item .input-div { border: 1px solid rgb(255, 255, 255); background-color: rgb(255, 255, 255); float: left; padding: 1px; border-radius: 1px; }
.r-collection-item label { width: 120px; font-size: 14px; padding-right: 5px; float: left; text-align: right; color: rgb(51, 51, 51); line-height: 31px; }
.r-collection-item .w-300 { width: 290px; height: 35px; line-height: 35px; padding: 0px 5px; font-size: 14px; color: rgb(51, 51, 51); border: 1px solid rgb(227, 227, 227); border-radius: 4px; }
.r-collection-item .w-150 { width: 140px; height: 35px; line-height: 35px; padding: 0px 5px; font-size: 14px; color: rgb(51, 51, 51); border: 1px solid rgb(227, 227, 227); border-radius: 4px; }
.r-collection-item .yanzheng { width: 166px; height: 53px; line-height: 53px; background: transparent url("register_text03.png") no-repeat scroll 0% 0%; border: 0px none; padding: 5px; float: left; }
.r-collection-item .yanzhengpic { width: 130px; height: 53px; float: left; }
.r-collection-item a.exchange { float: left; font-size: 12px; color: rgb(65, 153, 215); width: 80px; height: 53px; line-height: 53px; display: block; margin-left: 10px; }
.r-collection-item .w-268 { width: 230px; height: 25px; padding: 4px; border: 1px solid rgb(227, 227, 227); font-size: 14px; border-radius: 4px; }
.r-collection-item .red-star { color: rgb(255, 0, 0); font-style: normal; font-size: 14px; display: inline-block; line-height: 31px; padding: 0px 5px; }
.r-collection-item .text-info { float: left; position: relative; }
.r-collection-item .err-info, .reg-input-area .right-info { height: 23px; background-color: rgb(255, 244, 240); border: 1px solid rgb(248, 171, 144); padding: 0px 10px 0px 30px; line-height: 23px; margin-top: 3px; display: none; }
.r-collection-item .err-info { background-position: 5px -241px; color: rgb(204, 0, 0); }
.r-collection-item .right-info { background-position: 5px -275px; color: rgb(0, 128, 0); }
.but { height: 52px; padding: 10px 0px 0px 124px; width: 300px; float: left; border: 0px none; }
#registerBut { width: 183px; height: 52px; background: rgb(0, 128, 226) none repeat scroll 0% 0%; cursor: pointer; color: rgb(255, 255, 255); font-size: 16px; border: 0px none; border-radius: 4px; font-family: "微软雅黑"; font-weight: 500; }
#clause { width: 300px; height: 30px; padding-left: 124px; padding-top: 15px; display: block; float: left; }
#accept { height: 14px; width: 14px; display: inline-block; vertical-align: top; margin-right: 5px; }
#clause label { line-height: 14px; }
#clause label span { color: rgb(204, 0, 0); }
.input-tses, .input-ts { background-image: url("error_bg2.gif"); background-repeat: no-repeat; height: 31px; }
.input-tses { float: left; background-position: right -155px; padding-right: 5px; display: none; margin-top: 6px; }
.input-ts { background-position: 0px -124px; padding-left: 22px; height: 31px; white-space: nowrap; line-height: 31px; }
.input-tses-err { background-position: right -31px; }
.input-ts-err { background-position: 0px 0px; color: rgb(255, 0, 0); }
.input-tses-right { background-position: right -93px; }
.input-ts-right { background-position: 0px -62px; color: rgb(0, 0, 0); }
.banner7 { width: 100%; height: 515px; background: transparent url("banner4.jpg") repeat scroll 0% 0%; }
.banner7_c { padding-top: 80px; }
.banner7_c span { display: block; font-size: 50px; color: rgb(255, 255, 255); margin-top: 110px; text-align: center; }
.banner7_c p { display: block; text-align: center; margin: 0px auto 10px; width: 178px; height: 12px; border-bottom: 2px solid rgb(255, 255, 255); }
.banner7_c strong { display: block; text-align: center; margin: 0px auto; font-size: 18px; color: rgb(255, 255, 255); }
.banner7_c a { display: block; width: 180px; height: 50px; margin: 40px auto 0px; background: rgb(255, 228, 0) none repeat scroll 0% 0%; border-radius: 5px; text-align: center; line-height: 50px; color: rgb(34, 34, 34); font-size: 18px; }
.case_con { width: 100%; }
.case_tit { background: rgb(243, 243, 243) none repeat scroll 0% 0%; margin: 10px 0px; }
.case_tit1 { width: 730px; margin: 0px auto; overflow: hidden; }
.case_div { width: 100%; }
.case_tab1 { display: block; width: 230px; height: 110px; float: left; border-left: 10px solid rgb(255, 255, 255); background-color: rgb(152, 219, 25); position: relative; }
.case_tab1 em { display: block; width: 54px; height: 27px; line-height: 27px; background: transparent url("show1.png") no-repeat scroll left center; padding-left: 38px; color: rgb(255, 255, 255); font-size: 18px; margin: 41px auto 0px; }
.case_tab2 { display: block; width: 230px; height: 110px; float: left; border-width: 0px 10px; border-style: none solid; border-color: -moz-use-text-color rgb(255, 255, 255); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; background-color: rgb(55, 159, 241); position: relative; }
.case_tab2 em { display: block; width: 72px; height: 27px; line-height: 27px; background: transparent url("show2.png") no-repeat scroll left center; padding-left: 39px; color: rgb(255, 255, 255); font-size: 18px; margin: 41px auto 0px; }
.case_tab3 { display: block; width: 230px; height: 110px; float: left; border-right: 10px solid rgb(255, 255, 255); background-color: rgb(254, 150, 37); position: relative; }
.case_tab3 em { display: block; width: 36px; height: 28px; line-height: 28px; background: transparent url("show3.png") no-repeat scroll left center; padding-left: 36px; color: rgb(255, 255, 255); font-size: 18px; margin: 41px auto 0px; }
.case_tab4 { display: block; width: 230px; height: 110px; float: left; border-left: 10px solid rgb(255, 255, 255); background-color: rgb(254, 150, 37); position: relative; }
.case_tab4 em { display: block; width: 72px; height: 28px; line-height: 28px; background: transparent url("show5.png") no-repeat scroll left center; padding-left: 36px; color: rgb(255, 255, 255); font-size: 18px; margin: 41px auto 0px; }
.case_tab5 { display: block; width: 230px; height: 110px; float: left; border-right: 10px solid rgb(255, 255, 255); background-color: rgb(187, 57, 254); position: relative; }
.case_tab5 em { display: block; width: 72px; height: 28px; line-height: 28px; background: transparent url("show6.png") no-repeat scroll left center; padding-left: 36px; color: rgb(255, 255, 255); font-size: 18px; margin: 41px auto 0px; }
.case_tab1 strong, .case_tab2 strong, .case_tab3 strong, .case_tab4 strong, .case_tab5 strong { display: block; width: 25px; height: 24px; position: absolute; right: 15px; bottom: 15px; }
.case_div ul { width: 100%; overflow: hidden; margin-top: 40px; }
.case_div ul li { width: 25%; float: left; position: relative; margin-bottom: 40px; }
.case_div ul li .case_bg { width: 223px; height: 168px; margin: 0px auto; background: transparent url("show_bg.png") repeat scroll 0% 0%; padding: 12px 1px 1px; }
.case_bottom { width: 225px; margin: 10px auto 0px; overflow: hidden; }
.case_bottom span { display: block; width: 169px; height: 25px; line-height: 25px; float: left; font-size: 14px; color: rgb(51, 51, 51); }
.case_bottom a { display: block; float: left; width: 25px; height: 25px; }
.a_left { margin-right: 6px; }
.case_bg1 { width: 224px; height: 180px; position: absolute; left: 50%; top: 0px; margin: 0px 1px 1px -112px; background: transparent url("bg15.png") repeat scroll 0% 0%; display: none; }
.case_bg1 span { display: block; font-size: 14px; color: rgb(255, 255, 255); text-align: center; margin-top: 30px; }
.case_bg1 a { display: block; width: 129px; height: 33px; border: 1px solid rgb(255, 255, 255); border-radius: 3px; margin: 10px auto 0px; font-size: 14px; color: rgb(255, 255, 255); line-height: 33px; text-align: center; }
.com_list {  }
.com_list ul { padding-top: 30px; }
.com_list li { width: 25%; float: left; }
.com_list .li-inner { margin: 0px auto; }
.com_list .temp-pic { border: 1px solid rgb(209, 209, 209); overflow: hidden; background: transparent url("small-loading-wait-bg.gif") no-repeat scroll center center; transition: all 0.2s ease 0s; }
.com_list .temp-pic img { width: 100%; }
.com_list .temp-pic span.bar, .com_list .temp-pic a { display: block; }
.com_list .temp-pic-attr { padding: 10px 0px 30px; }
.com_list .temp-pic-attr strong { float: left; line-height: 28px; font-size: 14px; }
.com_list .temp-pic-attr a.btn { float: right; width: 56px; line-height: 28px; height: 28px; text-align: center; border-radius: 5px; border: 1px solid rgb(19, 152, 253); margin-left: 5px; }
.com_list .temp-pic-attr a.btn-1 { background-color: rgb(255, 255, 255); color: rgb(19, 152, 253); }
.com_list .temp-pic-attr a.btn-2 { background-color: rgb(19, 152, 253); color: rgb(255, 255, 255); }
.com_list .temp-pic:hover { transform: scale(1.1, 1.1); }
.wrapper-1024 .com_list .li-inner { width: 225px; }
.wrapper-1024 .com_list .temp-pic { height: 168px; }
.wrapper-1280 .com_list .li-inner { width: 225px; }
.wrapper-1280 .com_list .temp-pic { height: 168px; }
.wrapper-1366 .com_list .li-inner { width: 225px; }
.wrapper-1366 .com_list .temp-pic { height: 168px; }
.com_list1 ul { overflow: hidden; padding-bottom: 20px; }
.com_list1 ul li { width: 20%; float: left; position: relative; display: inline; margin-bottom: 25px; }
.com_list1 ul li span { width: 137px; height: 205px; display: block; padding: 18px 6px 26px; background: transparent url("com_bg1_001.png") repeat scroll 0% 0%; margin: 0px auto; }
.com_list1 ul li p { width: 137px; height: 205px; opacity: 0.7; background-color: rgb(0, 0, 0); position: absolute; left: 50%; margin-left: -68px; top: 0px; margin-top: 18px; }
.li_com_con1 { width: 161px; overflow: hidden; margin: 0px auto; padding-top: 10px; }
.li_com_con1 .li_a1 { display: block; width: 68px; height: 33px; line-height: 33px; text-align: center; float: left; margin-right: 20px; border: 1px solid rgb(19, 152, 253); color: rgb(19, 152, 253); font-size: 14px; border-radius: 4px; }
.li_com_con1 .li_a2 { display: block; width: 70px; height: 35px; line-height: 35px; text-align: center; float: left; color: rgb(255, 255, 255); background-color: rgb(19, 152, 253); font-size: 14px; border-radius: 4px; }
.about4 ul li { margin: 17px 17px 0px; }
.temp-color-list { text-align: center; font-size: 0px; }
.temp-color-list span { display: inline-block; padding: 2px; border: 1px solid rgb(239, 239, 239); margin: 0px 7px 0px 0px; cursor: pointer; }
.temp-color-list span em { display: inline-block; border-radius: 50px; width: 24px; height: 24px; border: 1px solid rgb(255, 255, 255); }
.temp-color-list span.color-0 em { background-image: url("all_color.png"); background-size: 24px auto; }
.temp-color-list span.color-1 em { background-color: rgb(255, 153, 255); }
.temp-color-list span.color-2 em { background-color: rgb(255, 0, 0); }
.temp-color-list span.color-3 em { background-color: rgb(255, 162, 0); }
.temp-color-list span.color-4 em { background-color: rgb(255, 246, 0); }
.temp-color-list span.color-5 em { background-color: rgb(0, 132, 255); }
.temp-color-list span.color-6 em { background-color: rgb(128, 208, 50); }
.temp-color-list span.color-7 em { background-color: rgb(168, 0, 255); }
.temp-color-list span.color-8 em { background-color: rgb(102, 51, 0); }
.temp-color-list span.color-9 em { background-color: rgb(129, 129, 129); }
.temp-color-list span.color-10 em { background-color: rgb(0, 0, 0); }
.temp-color-list span.cur { border-color: rgb(0, 0, 0); }
.tem-color { width: 390px; margin: 0px auto; float: none; padding-bottom: 60px; clear: both; display: block; }
.tem-color .tem-color-list { float: left; padding-top: 5px; }
.tem-color li { float: left; border: 1px solid rgb(239, 239, 239); margin: 0px 7px 0px 0px; cursor: pointer; font-size: 0px; }
.tem-color li span { display: inline-block; width: 24px; height: 24px; border: 1px solid rgb(239, 239, 239); }
.tem-color li.cur { border-color: rgb(0, 0, 0); }
.tem-color li.cur span { border-color: rgb(255, 255, 255); }
.tem-color li.all-color { background-image: url("all_color.png"); background-position: 0px 0px; background-repeat: no-repeat; }
.tem-color li.all-tem { background-image: url("all_color.png"); background-position: -42px -14px; background-repeat: no-repeat; }
.tem-color li.red-color span { background-color: red; }
.tem-color li.orange-color span { background-color: orange; }
.tem-color li.yellow-color span { background-color: yellow; }
.tem-color li.green-color span { background-color: green; }
.tem-color li.azure-color span { background-color: azure; }
.tem-color li.blue-color span { background-color: blue; }
.tem-color li.pink-color span { background-color: pink; }
.tem-color li.purple-color span { background-color: purple; }
.tem-color li.white-color span { background-color: white; }
.tem-color li.gray-color span { background-color: gray; }
.tem-color li.brown-color span { background-color: brown; }
.tem-color li.black-color span { background-color: black; }
.com_list1 ul li p { display: none; }
.zhezhao1 { display: none; width: 100%; position: absolute; z-index: 10; top: 0px; padding-top: 48px; }
.zhezhao1 em { display: block; text-align: center; color: rgb(255, 255, 255); font-size: 14px; }
.zhezhao1 strong { display: block; width: 79px; height: 79px; margin: 15px auto; }
.banner8 { width: 100%; height: 333px; background: transparent url("banner5.jpg") no-repeat scroll center top; }
.banner8 .banner8_c { padding-top: 80px; line-height: 253px; font-size: 40px; color: rgb(255, 255, 255); text-align: center; }
.about1 { width: 100%; background: transparent url("look_bg.jpg") repeat scroll 0% 0%; }
.about2 { width: 100%; padding-bottom: 25px; }
.about2 p { display: block; width: 100%; font-size: 24px; color: rgb(51, 51, 51); line-height: 32px; }
.about2 span { display: block; width: 100%; font-size: 20px; color: rgb(85, 85, 85); line-height: 32px; }
.about2 strong { display: block; height: 22px; border-left: 3px solid rgb(55, 159, 241); font-size: 20px; color: rgb(55, 159, 241); line-height: 22px; padding-left: 18px; margin: 10px 0px; }
.about3 { width: 100%; height: 348px; background: transparent url("banner6.jpg") repeat scroll 0% 0%; }
.about_l { width: 48%; float: left; margin-left: 1%; margin-right: 1%; display: inline; }
.about_r { width: 48%; float: left; margin-left: 1%; display: inline; }
.about_ul { width: 100%; overflow: hidden; }
.about_ul li { width: 100%; position: relative; padding-left: 33px; margin-bottom: 25px; }
.about_ul li span { display: block; position: absolute; left: 0px; width: 23px; height: 23px; }
.about_ul li p { display: block; width: 100%; font-size: 20px; color: rgb(51, 51, 51); }
.about4 { width: 100%; }
.about4 ul { width: 100%; overflow: hidden; padding-bottom: 40px; }
.about4 ul li { width: 300px; height: 403px; float: left; display: inline; }
.new_add { width: 100%; height: 520px; background: transparent url("bgbg.jpg") repeat scroll 0% 0%; }
.new_add_l { width: 359px; height: 348px; float: left; margin-top: 68px; }
.new_add_c { width: 92px; height: 92px; margin-top: 214px; position: absolute; left: 50%; margin-left: -46px; }
.new_add_r { width: 349px; height: 375px; float: right; margin-top: 72px; }
.share_l a em { display: none; width: 30px; height: 30px; }
.share_l a { border: 2px solid rgb(255, 255, 255); }
.wrapper-1024 .w { width: 1003px; }
.wrapper-1024 .ong_l, .wrapper-1024 .ong_l1, .wrapper-1024 .ong_l2 { width: 55%; }
.wrapper-1024 .ong_l span { left: 0px; top: 250px; }
.wrapper-1024 .ong_l p { left: 320px; top: 286px; }
.wrapper-1024 .zhuo1 { right: 25px; top: 348px; }
.wrapper-1024 .zhuo2 { right: 25px; top: 330px; }
.wrapper-1024 .zhuo3 { right: 25px; top: 402px; }
.wrapper-1024 .zhuo4 { right: 25px; top: 456px; }
.wrapper-1024 .ong_r { width: 45%; }
.wrapper-1024 .com_index1 { z-index: 99; top: 250px; left: 0px; }
.wrapper-1024 .com_index2 { z-index: 98; top: 250px; left: 25px; }
.wrapper-1024 .com_index3 { z-index: 97; top: 250px; left: 50px; }
.wrapper-1024 .com_index4 { z-index: 96; top: 250px; left: 75px; }
.wrapper-1024 .com_index5 { z-index: 95; top: 250px; left: 100px; }
.wrapper-1024 .show_w1 { width: 274px; top: 250px; right: 22px; z-index: 98; }
.wrapper-1024 .show_w1 p { width: 110px; }
.wrapper-1024 .show_w2 { width: 246px; top: 304px; right: 22px; z-index: 98; }
.wrapper-1024 .show_w2 p { width: 82px; }
.wrapper-1024 .show_w3 { width: 221px; top: 358px; right: 22px; z-index: 98; }
.wrapper-1024 .show_w3 p { width: 57px; }
.wrapper-1024 .show_w4 { width: 195px; top: 412px; right: 22px; z-index: 98; }
.wrapper-1024 .show_w4 p { width: 31px; }
.wrapper-1024 .show_w5 { width: 170px; top: 466px; right: 22px; z-index: 98; }
.wrapper-1024 .show_w5 p { width: 6px; }
.wrapper-1024 .com_index6 { left: 0px; }
.wrapper-1024 .com_index7 { left: 0px; }
.wrapper-1024 .show_w6 { width: 210px; top: 165px; left: 206px; z-index: 98; }
.wrapper-1024 .show_w6 p { width: 46px; }
.wrapper-1024 .show_w7 { width: 249px; top: 209px; left: 206px; z-index: 98; }
.wrapper-1024 .show_w7 p { width: 85px; }
.wrapper-1024 .show_w8 { width: 288px; top: 253px; left: 206px; z-index: 98; }
.wrapper-1024 .show_w8 p { width: 124px; }
.wrapper-1024 .show_w9 { width: 327px; top: 297px; left: 206px; z-index: 98; }
.wrapper-1024 .show_w9 p { width: 163px; }
.wrapper-1024 .modular_three_l, .wrapper-1024 .modular_three_r { width: 45%; }
.wrapper-1024 .modular_five .div_tab { margin-top: 35px; }
.wrapper-1024 .modular_five .tab_con { height: 651px; }
.wrapper-1024 .tab_ul li { width: 250px; height: 435px; }
.wrapper-1024 .tab_ul li span { overflow: hidden; width: 200px; height: 356px; left: 26px; margin-top: 12%; }
.wrapper-1024 .tab_ul li p { width: 200px; height: 356px; margin-top: 12%; left: 26px; }
.wrapper-1024 .tab_ul li em { top: 24%; }
.wrapper-1024 .tab_ul li strong { width: 100px; height: 100px; top: 36%; }
.wrapper-1024 .more { margin-top: 45px; }
.wrapper-1024 .modular_six .tab_con { height: 416px; margin-top: 40px; }
.wrapper-1024 .tab_phone { width: 100.5%; }
.wrapper-1024 .tab_phone li .hover strong { width: 74%; height: 111px; margin-left: -55px; left: 50%; }
.wrapper-1024 .tab_phone li .hover span { width: 74%; height: 111px; left: 50%; margin-left: -55px; }
.wrapper-1024 .modular_six .div_tab { margin-top: 35px; }
.wrapper-1024 .eight_more_l ul { width: 100%; }
.wrapper-1024 .eight_more_l ul li span { width: 80px; }
.wrapper-1024 .eight_more_r ul { width: 100%; }
.wrapper-1024 .eight_more_r ul li span { width: 66px; }
.wrapper-1024 .eight_more_r ul li p { width: 53%; font-size: 18px; }
.wrapper-1024 .modular_nine { height: 499px; }
.wrapper-1024 .map { width: 1003px; height: 321px; top: 96px; }
.wrapper-1024 .map_img { width: 950px; height: 318px; background: transparent url("yq_1024.png") repeat scroll 0% 0%; margin-left: -475px; left: 50%; }
.wrapper-1024 .map_div1 { width: 181px; height: 266px; top: -60px; left: 50%; margin-left: -90px; }
.wrapper-1024 .map_div1 span { width: 181px; height: 225px; top: 20px; }
.wrapper-1024 .map_div1 strong { bottom: 75px; }
.wrapper-1024 .map_div2 { left: 128px; top: -47px; }
.wrapper-1024 .map_div2 span { top: 20px; }
.wrapper-1024 .map_div3 { left: 226px; bottom: 174px; }
.wrapper-1024 .map_div3 span { top: 20px; }
.wrapper-1024 .map_div4 { left: 92px; bottom: 88px; }
.wrapper-1024 .map_div4 span { top: 20px; }
.wrapper-1024 .map_div5 { left: 286px; bottom: 43px; }
.wrapper-1024 .map_div5 span { top: 20px; }
.wrapper-1024 .map_div6 { right: 243px; top: 43px; }
.wrapper-1024 .map_div6 span { top: 20px; }
.wrapper-1024 .map_div7 { right: 110px; top: 25px; }
.wrapper-1024 .map_div7 span { top: 20px; }
.wrapper-1024 .map_div8 { right: 0px; bottom: 88px; }
.wrapper-1024 .map_div8 span { top: 20px; }
.wrapper-1024 .map_div9 { right: 190px; bottom: 22px; }
.wrapper-1024 .map_div9 span { top: 20px; }
.wrapper-1024 .circle1 { left: 239px; top: 38px; }
.wrapper-1024 .circle1 p, .circle2 p, .circle3 p { bottom: 20px; }
.wrapper-1024 .circle2 { left: 125px; top: 165px; }
.wrapper-1024 .circle3 { left: 226px; bottom: 38px; }
.wrapper-1024 .circle4 { left: 388px; top: 158px; }
.wrapper-1024 .circle4 p { bottom: 20px; }
.wrapper-1024 .circle5 { right: 239px; top: 38px; }
.wrapper-1024 .circle5 p, .wrapper-1024 .circle6 p, .wrapper-1024 .circle7 p { bottom: 20px; }
.wrapper-1024 .circle6 { right: 125px; top: 165px; }
.wrapper-1024 .circle7 { right: 226px; bottom: 38px; }
.wrapper-1024 .con2 { left: 40px; }
.wrapper-1024 .con3 { left: 199px; }
.wrapper-1024 .con4 { left: 358px; }
.wrapper-1024 .con5 { left: 517px; }
.wrapper-1024 .con6 { right: 199px; }
.wrapper-1024 .con7 { right: 40px; }
.wrapper-1024 .banner_c { width: 1003px; background-image: url("banner_c_1024.png"); }
.wrapper-1024 .modular_t span { margin: 20px 10px 20px 20px; }
.wrapper-1024 .modular_t p { width: 171px; margin-top: 20px; margin-bottom: 10px; }
.wrapper-1024 .modular_t strong { width: 206px; height: 89px; overflow: hidden; line-height: 22px; }
.wrapper-1024 .modular_t a { margin-top: 10px; }
.wrapper-1024 .application_t { margin: 0px 20px; }
.wrapper-1024 .some { width: 984px; }
.wrapper-1024 .banner1_c { width: 1003px; background-image: url("banner1_c_1024.png"); }
.wrapper-1024 .list_img .more { margin-top: 20px; }
.wrapper-1024 .banner2_c { width: 1003px; background-image: url("banner2_c_1024.png"); }
.wrapper-1024 .Support { height: 610px; }
.wrapper-1024 .Support1 { width: 1003px; height: 321px; top: 150px; }
.wrapper-1024 .Support2 { width: 248px; height: 328px; left: 50%; top: -120px; margin-left: -124px; }
.wrapper-1024 .Support2 span { width: 248px; height: 307px; }
.wrapper-1024 .Support2 strong { top: 55px; }
.wrapper-1024 .Support3 { left: 186px; top: -47px; }
.wrapper-1024 .Support3 span { top: 30px; }
.wrapper-1024 .Support4 { left: 12px; bottom: 65px; }
.wrapper-1024 .Support4 span { top: 30px; }
.wrapper-1024 .Support5 { left: 313px; bottom: 96px; }
.wrapper-1024 .Support5 span { top: 30px; }
.wrapper-1024 .Support6 { right: 225px; top: -40px; }
.wrapper-1024 .Support6 span { top: 30px; }
.wrapper-1024 .Support7 { right: 35px; top: 10px; }
.wrapper-1024 .Support7 span { top: 30px; }
.wrapper-1024 .Support8 { right: 206px; top: 94px; }
.wrapper-1024 .Support8 span { top: 30px; }
.wrapper-1024 .banner3_c { width: 1003px; background-image: url("banner3_c_1024.png"); }
.wrapper-1024 .agent1_ul li { height: 255px; }
.wrapper-1024 .agent1_bg { width: 270px; height: 255px; background: transparent url("agent_img15_1024.png") no-repeat scroll center top; }
.wrapper-1024 .agent1_ul li a { top: 25px; }
.wrapper-1024 .agent1_ul li span { top: 165px; }
.wrapper-1024 .agent1_ul li p { top: 200px; }
.wrapper-1024 .agent1_ul li strong { bottom: 25px; font-size: 14px; }
.wrapper-1024 .freedom_bg { background: transparent url("freedom_1024.jpg") no-repeat scroll center top; width: 240px; height: 213px; }
.wrapper-1024 .freedom { width: 96%; margin-left: 2%; }
.wrapper-1024 .freedom span { top: 42px; }
.wrapper-1024 .freedom p { top: 172px; }
.wrapper-1024 .freedom_foot { width: 96%; height: 135px; margin-left: 2%; }
.wrapper-1024 .contact ul li { height: 114px; }
.wrapper-1024 .modular_top_r1 { width: 160px; height: 50px; float: right; }
.wrapper-1024 .modular_top_r1 a { display: block; width: 160px; height: 50px; line-height: 50px; text-align: center; color: rgb(255, 255, 255); background-color: rgb(27, 154, 247); border-radius: 3px; margin-top: 3px; font-size: 16px; }
.wrapper-1024 .modular_top_r2 { width: 170px; height: 50px; float: right; }
.wrapper-1024 .modular_top_r2 a { display: block; width: 170px; height: 50px; line-height: 50px; text-align: center; color: rgb(255, 255, 255); background: transparent url("choose_this.png") no-repeat scroll center top; border-radius: 3px; margin-top: 3px; font-size: 16px; }
.wrapper-1024 .modular_top_c1 { height: 80px; float: right; overflow: hidden; }
.wrapper-1024 .share_l { float: right; margin-right: 10px; height: 50px; overflow: hidden; }
.wrapper-1024 .share_l span { display: block; float: left; font-size: 16px; color: rgb(51, 51, 51); height: 50px; line-height: 50px; }
.wrapper-1024 .share_l a { display: block; float: left; width: 30px; height: 30px; margin-right: 10px; margin-top: 9px; border-radius: 50%; overflow: hidden; }
.wrapper-1024 .share_r { float: right; margin-right: 12px; height: 80px; overflow: hidden; }
.wrapper-1024 .module_com { width: 1003px; margin: 0px auto; }
.wrapper-1024 .module_com_l { width: 208px; }
.wrapper-1024 .com_select { width: 188px; height: 46px; padding: 27px 10px; }
.wrapper-1024 .com_select input { width: 133px; height: 46px; }
.wrapper-1024 .com_select a { width: 55px; height: 46px; }
.wrapper-1024 .com_module { width: 208px; }
.wrapper-1024 .com_tit { width: 178px; height: 54px; line-height: 54px; border-left: 4px solid rgb(251, 184, 7); padding-left: 26px; }
.wrapper-1024 .com_con { width: 208px; }
.wrapper-1024 .com_con span { width: 208px; background-position: 189px top; }
.wrapper-1024 .com_con .cur3 { background-position: 189px bottom; }
.wrapper-1024 .com_con span a { width: 208px; }
.wrapper-1024 .animate-list-2 .item { width: 166px; }
.wrapper-1024 .animate-list-2 .item-front { padding: 0px 5px; width: 157px; }
.wrapper-1024 .animate-list-2 .item-behind { width: 144px; }
.wrapper-1024 .animate-list-2 .btn-area .btn-1 { width: 60px; }
.wrapper-1024 .animate-list-2 .btn-area .btn-2 { width: 34px; }
.wrapper-1024 .animate-list-2 .btn-area .btn-3 { width: 34px; }
.wrapper-1024 .o2o-module-list { width: 1003px; }
.wrapper-1024 .o2o-module-list-inner li .inner { width: 234px; }
.wrapper-1280 .w { width: 1259px; }
.wrapper-1280 .ong_l, .wrapper-1280 .ong_l1, .wrapper-1280 .ong_l2 { width: 50%; }
.wrapper-1280 .ong_l span { left: 50px; top: 250px; }
.wrapper-1280 .ong_l p { left: 380px; top: 330px; }
.wrapper-1280 .zhuo1 { right: 40px; top: 294px; }
.wrapper-1280 .zhuo2 { right: 40px; top: 348px; }
.wrapper-1280 .zhuo3 { right: 40px; top: 402px; }
.wrapper-1280 .zhuo4 { right: 40px; top: 456px; }
.wrapper-1280 .ong_r { width: 50%; }
.wrapper-1280 .com_index1 { z-index: 99; top: 250px; left: 50px; }
.wrapper-1280 .com_index2 { z-index: 98; top: 250px; left: 75px; }
.wrapper-1280 .com_index3 { z-index: 97; top: 250px; left: 100px; }
.wrapper-1280 .com_index4 { z-index: 96; top: 250px; left: 125px; }
.wrapper-1280 .com_index5 { z-index: 95; top: 250px; left: 150px; }
.wrapper-1280 .show_w1 { width: 274px; top: 250px; right: 50px; z-index: 98; }
.wrapper-1280 .show_w1 p { width: 110px; }
.wrapper-1280 .show_w2 { width: 246px; top: 304px; right: 50px; z-index: 98; }
.wrapper-1280 .show_w2 p { width: 82px; }
.wrapper-1280 .show_w3 { width: 221px; top: 358px; right: 50px; z-index: 98; }
.wrapper-1280 .show_w3 p { width: 57px; }
.wrapper-1280 .show_w4 { width: 195px; top: 412px; right: 50px; z-index: 98; }
.wrapper-1280 .show_w4 p { width: 31px; }
.wrapper-1280 .show_w5 { width: 170px; top: 466px; right: 50px; z-index: 98; }
.wrapper-1280 .show_w5 p { width: 6px; }
.wrapper-1280 .com_index6 { left: 70px; }
.wrapper-1280 .com_index7 { left: 70px; }
.wrapper-1280 .show_w6 { width: 210px; top: 165px; left: 276px; z-index: 98; }
.wrapper-1280 .show_w6 p { width: 46px; }
.wrapper-1280 .show_w7 { width: 249px; top: 209px; left: 276px; z-index: 98; }
.wrapper-1280 .show_w7 p { width: 85px; }
.wrapper-1280 .show_w8 { width: 288px; top: 253px; left: 276px; z-index: 98; }
.wrapper-1280 .show_w8 p { width: 124px; }
.wrapper-1280 .show_w9 { width: 327px; top: 297px; left: 276px; z-index: 98; }
.wrapper-1280 .show_w9 p { width: 163px; }
.wrapper-1280 .modular_three_l, .wrapper-1280 .modular_three_r { width: 45%; }
.wrapper-1280 .modular_five .tab_con { height: 728px; }
.wrapper-1280 .modular_five .div_tab { margin-top: 35px; }
.wrapper-1280 .tab_ul li { width: 314px; height: 435px; }
.wrapper-1280 .tab_ul li span { overflow: hidden; width: 200px; height: 356px; left: 58px; margin-top: 30px; }
.wrapper-1280 .tab_ul li p { width: 200px; height: 356px; margin-top: 30px; left: 58px; top: 0px; }
.wrapper-1280 .tab_ul li em { top: 26%; }
.wrapper-1280 .tab_ul li strong { width: 100px; height: 100px; top: 36%; }
.wrapper-1280 .more { margin-top: 75px; }
.wrapper-1280 .modular_six .tab_con { height: 530px; margin-top: 40px; }
.wrapper-1280 .tab_phone { width: 100.6%; }
.wrapper-1280 .tab_phone li .hover strong { width: 59%; height: 111px; margin-left: -55px; left: 50%; }
.wrapper-1280 .tab_phone li .hover span { width: 59%; height: 111px; left: 50%; margin-left: -55px; }
.wrapper-1280 .modular_six .div_tab { margin-top: 35px; }
.wrapper-1280 .eight_more_l ul { width: 90%; margin: 20px auto 0px; }
.wrapper-1280 .eight_more_l ul li span { width: 80px; }
.wrapper-1280 .eight_more_r ul { width: 90%; margin: 20px auto 0px; }
.wrapper-1280 .eight_more_r ul li span { width: 66px; }
.wrapper-1280 .eight_more_r ul li p { width: 59%; font-size: 16px; }
.wrapper-1280 .modular_nine { height: 499px; }
.wrapper-1280 .map { width: 1259px; height: 332px; margin-top: 84px; }
.wrapper-1280 .map_img { width: 1053px; height: 332px; background: transparent url("yq_1280.png") repeat scroll 0% 0%; margin-left: -516px; left: 50%; }
.wrapper-1280 .map_div1 { width: 181px; height: 266px; top: -43px; left: 50%; margin-left: -90px; }
.wrapper-1280 .map_div1 span { width: 181px; height: 225px; top: 20px; }
.wrapper-1280 .map_div1 strong { bottom: 75px; }
.wrapper-1280 .map_div2 { left: 199px; top: -28px; }
.wrapper-1280 .map_div2 span { top: 20px; }
.wrapper-1280 .map_div3 { left: 314px; bottom: 148px; }
.wrapper-1280 .map_div3 span { top: 20px; }
.wrapper-1280 .map_div4 { left: 185px; bottom: 86px; }
.wrapper-1280 .map_div4 span { top: 20px; }
.wrapper-1280 .map_div5 { left: 400px; bottom: 26px; }
.wrapper-1280 .map_div5 span { top: 20px; }
.wrapper-1280 .map_div6 { right: 338px; top: 54px; }
.wrapper-1280 .map_div6 span { top: 20px; }
.wrapper-1280 .map_div7 { right: 185px; top: 42px; }
.wrapper-1280 .map_div7 span { top: 20px; }
.wrapper-1280 .map_div8 { right: 62px; bottom: 85px; }
.wrapper-1280 .map_div8 span { top: 20px; }
.wrapper-1280 .map_div9 { right: 236px; bottom: 22px; }
.wrapper-1280 .map_div9 span { top: 20px; }
.wrapper-1280 .circle1 { left: 349px; top: 38px; }
.wrapper-1280 .circle1 p, .circle2 p, .circle3 p { bottom: 20px; }
.wrapper-1280 .circle2 { left: 200px; top: 165px; }
.wrapper-1280 .circle3 { left: 343px; bottom: 38px; }
.wrapper-1280 .circle4 { left: 504px; top: 160px; }
.wrapper-1280 .circle4 p { bottom: 20px; }
.wrapper-1280 .circle5 { right: 351px; top: 38px; }
.wrapper-1280 .circle5 p, .wrapper-1280 .circle6 p, .wrapper-1280 .circle7 p { bottom: 20px; }
.wrapper-1280 .circle6 { right: 210px; top: 165px; }
.wrapper-1280 .circle7 { right: 348px; bottom: 38px; }
.wrapper-1280 .con2 { left: 60px; }
.wrapper-1280 .con3 { left: 255px; }
.wrapper-1280 .con4 { left: 450px; }
.wrapper-1280 .con5 { right: 489px; }
.wrapper-1280 .con6 { right: 294px; }
.wrapper-1280 .con7 { right: 100px; }
.wrapper-1280 .banner_c { width: 1259px; background-image: url("banner_c_1280.png"); }
.wrapper-1280 .modular_t span { margin: 20px; }
.wrapper-1280 .modular_t p { width: 287px; margin-top: 20px; margin-bottom: 10px; }
.wrapper-1280 .modular_t strong { width: 318px; line-height: 22px; }
.wrapper-1280 .modular_t a { margin-top: 10px; }
.wrapper-1280 .application_t { margin: 0px 20px; }
.wrapper-1280 .some { width: 1234px; }
.wrapper-1280 .banner1_c { width: 1259px; background-image: url("banner1_c_1280.png"); }
.wrapper-1280 .list_img .more { margin-top: 40px; }
.wrapper-1280 .banner2_c { width: 1259px; background-image: url("banner2_c_1280.png"); }
.wrapper-1280 .Support { height: 625px; }
.wrapper-1280 .Support1 { width: 1259px; height: 333px; top: 150px; }
.wrapper-1280 .Support2 { width: 248px; height: 328px; left: 50%; top: -105px; margin-left: -124px; }
.wrapper-1280 .Support2 span { width: 248px; height: 307px; }
.wrapper-1280 .Support2 strong { top: 55px; }
.wrapper-1280 .Support3 { left: 268px; top: -28px; }
.wrapper-1280 .Support3 span { top: 30px; }
.wrapper-1280 .Support4 { left: 103px; bottom: 38px; }
.wrapper-1280 .Support4 span { top: 30px; }
.wrapper-1280 .Support5 { left: 428px; bottom: 78px; }
.wrapper-1280 .Support5 span { top: 30px; }
.wrapper-1280 .Support6 { right: 360px; top: 10px; }
.wrapper-1280 .Support6 span { top: 30px; }
.wrapper-1280 .Support7 { right: 170px; top: -20px; }
.wrapper-1280 .Support7 span { top: 30px; }
.wrapper-1280 .Support8 { right: 305px; top: 125px; }
.wrapper-1280 .Support8 span { top: 30px; }
.wrapper-1280 .banner3_c { width: 1259px; background-image: url("banner3_c_1280.png"); }
.wrapper-1280 .agent1_ul li { height: 320px; }
.wrapper-1280 .agent1_bg { width: 339px; height: 320px; background: transparent url("agent_img15_1280.png") no-repeat scroll center top; }
.wrapper-1280 .agent1_ul li a { top: 50px; }
.wrapper-1280 .agent1_ul li span { top: 198px; }
.wrapper-1280 .agent1_ul li p { top: 235px; }
.wrapper-1280 .agent1_ul li strong { bottom: 50px; }
.wrapper-1280 .freedom { width: 80%; margin-left: 10%; }
.wrapper-1280 .freedom_bg { background: transparent url("freedom_1280.jpg") no-repeat scroll center top; width: 252px; height: 223px; }
.wrapper-1280 .freedom span { top: 42px; }
.wrapper-1280 .freedom p { top: 172px; }
.wrapper-1280 .freedom_foot { width: 80%; height: 135px; margin-left: 10%; }
.wrapper-1280 .contact ul li { height: 114px; }
.wrapper-1280 .modular_top_r1 { width: 160px; height: 50px; float: right; }
.wrapper-1280 .modular_top_r1 a { display: block; width: 160px; height: 50px; line-height: 50px; text-align: center; color: rgb(255, 255, 255); background-color: rgb(27, 154, 247); border-radius: 3px; margin-top: 3px; font-size: 16px; }
.wrapper-1280 .modular_top_r2 { width: 170px; height: 50px; float: right; }
.wrapper-1280 .modular_top_r2 a { display: block; width: 170px; height: 50px; line-height: 50px; text-align: center; color: rgb(255, 255, 255); background: transparent url("choose_this.png") no-repeat scroll center top; border-radius: 3px; margin-top: 3px; font-size: 16px; }
.wrapper-1280 .modular_top_c1 { height: 80px; float: right; overflow: hidden; }
.wrapper-1280 .share_l { float: right; margin-right: 55px; height: 50px; overflow: hidden; }
.wrapper-1280 .share_l span { display: block; float: left; font-size: 16px; color: rgb(51, 51, 51); height: 50px; line-height: 50px; }
.wrapper-1280 .share_l a { display: block; float: left; width: 30px; height: 30px; margin-right: 10px; margin-top: 9px; border-radius: 50%; overflow: hidden; }
.wrapper-1280 .share_r { float: right; margin-right: 85px; height: 80px; overflow: hidden; }
.wrapper-1280 .module_com { width: 1259px; margin: 0px auto; }
.wrapper-1280 .module_com_l { width: 261px; }
.wrapper-1280 .com_select { width: 241px; height: 46px; padding: 27px 10px; }
.wrapper-1280 .com_select input { width: 186px; height: 46px; }
.wrapper-1280 .com_select a { width: 55px; height: 46px; }
.wrapper-1280 .com_module { width: 261px; }
.wrapper-1280 .com_tit { width: 231px; height: 54px; line-height: 54px; border-left: 4px solid rgb(251, 184, 7); padding-left: 26px; }
.wrapper-1280 .com_con { width: 261px; }
.wrapper-1280 .com_con span { width: 261px; background-position: 240px top; }
.wrapper-1280 .com_con .cur3 { background-position: 240px bottom; }
.wrapper-1280 .com_con span a { width: 261px; }
.wrapper-1280 .animate-list-2 .item { width: 208px; }
.wrapper-1280 .animate-list-2 .item-front { padding: 0px 5px; width: 200px; }
.wrapper-1280 .animate-list-2 .item-behind { width: 186px; }
.wrapper-1280 .animate-list-2 .btn-area .btn-1 { width: 86px; }
.wrapper-1280 .animate-list-2 .btn-area .btn-2 { width: 45px; }
.wrapper-1280 .animate-list-2 .btn-area .btn-3 { width: 45px; }
.wrapper-1280 .o2o-module-list { width: 1259px; }
.wrapper-1280 .o2o-module-list-inner li .inner { width: 234px; }
.wrapper-1366 .w { width: 1345px; }
.wrapper-1366 .ong_l, .wrapper-1366 .ong_l1, .wrapper-1366 .ong_l2 { width: 50%; }
.wrapper-1366 .ong_l span { left: 50px; top: 250px; }
.wrapper-1366 .ong_l p { left: 380px; top: 330px; }
.wrapper-1366 .zhuo1 { right: 80px; top: 294px; }
.wrapper-1366 .zhuo2 { right: 80px; top: 348px; }
.wrapper-1366 .zhuo3 { right: 80px; top: 402px; }
.wrapper-1366 .zhuo4 { right: 80px; top: 456px; }
.wrapper-1366 .ong_r { width: 50%; }
.wrapper-1366 .com_index1 { z-index: 99; top: 250px; left: 120px; }
.wrapper-1366 .com_index2 { z-index: 98; top: 250px; left: 145px; }
.wrapper-1366 .com_index3 { z-index: 97; top: 250px; left: 170px; }
.wrapper-1366 .com_index4 { z-index: 96; top: 250px; left: 195px; }
.wrapper-1366 .com_index5 { z-index: 95; top: 250px; left: 220px; }
.wrapper-1366 .show_w1 { width: 274px; top: 250px; right: 22px; z-index: 98; }
.wrapper-1366 .show_w1 p { width: 110px; }
.wrapper-1366 .show_w2 { width: 246px; top: 304px; right: 22px; z-index: 98; }
.wrapper-1366 .show_w2 p { width: 82px; }
.wrapper-1366 .show_w3 { width: 221px; top: 358px; right: 22px; z-index: 98; }
.wrapper-1366 .show_w3 p { width: 57px; }
.wrapper-1366 .show_w4 { width: 195px; top: 412px; right: 22px; z-index: 98; }
.wrapper-1366 .show_w4 p { width: 31px; }
.wrapper-1366 .show_w5 { width: 170px; top: 466px; right: 22px; z-index: 98; }
.wrapper-1366 .show_w5 p { width: 6px; }
.wrapper-1366 .com_index6 { left: 100px; }
.wrapper-1366 .com_index7 { left: 100px; }
.wrapper-1366 .show_w6 { width: 210px; top: 165px; left: 306px; z-index: 98; }
.wrapper-1366 .show_w6 p { width: 46px; }
.wrapper-1366 .show_w7 { width: 249px; top: 209px; left: 306px; z-index: 98; }
.wrapper-1366 .show_w7 p { width: 85px; }
.wrapper-1366 .show_w8 { width: 288px; top: 253px; left: 306px; z-index: 98; }
.wrapper-1366 .show_w8 p { width: 124px; }
.wrapper-1366 .show_w9 { width: 327px; top: 297px; left: 306px; z-index: 98; }
.wrapper-1366 .show_w9 p { width: 163px; }
.wrapper-1366 .modular_three_l, .wrapper-1366 .modular_three_r { width: 45%; }
.wrapper-1366 .modular_five .tab_con { height: 508px; }
.wrapper-1366 .modular_five .div_tab { margin-top: 35px; }
.wrapper-1366 .tab_ul li { width: 336px; height: 435px; }
.wrapper-1366 .tab_ul li span { overflow: hidden; width: 200px; height: 356px; left: 69px; margin-top: 30px; }
.wrapper-1366 .tab_ul li p { width: 200px; height: 356px; margin-top: 30px; left: 69px; top: 0px; }
.wrapper-1366 .tab_ul li em { top: 26%; }
.wrapper-1366 .tab_ul li strong { width: 100px; height: 100px; top: 36%; }
.wrapper-1366 .more { margin-top: 10px; }
.wrapper-1366 .modular_six .tab_con { height: 378px; margin-top: 40px; }
.wrapper-1366 .tab_phone { width: 100.6%; }
.wrapper-1366 .tab_phone li .hover strong { width: 59%; height: 110px; margin-left: -55px; left: 50%; }
.wrapper-1366 .tab_phone li .hover span { width: 81%; height: 116px; left: 50%; margin-left: -55px; }
.wrapper-1366 .modular_six .div_tab { margin-top: 35px; }
.wrapper-1366 .eight_more_l ul { width: 90%; margin: 20px auto 0px; }
.wrapper-1366 .eight_more_l ul li span { width: 80px; }
.wrapper-1366 .eight_more_r ul { width: 90%; margin: 20px auto 0px; }
.wrapper-1366 .eight_more_r ul li span { width: 66px; }
.wrapper-1366 .eight_more_r ul li p { width: 59%; font-size: 16px; }
.wrapper-1366 .modular_nine { height: 499px; }
.wrapper-1366 .map { width: 1345px; height: 355px; margin-top: 60px; }
.wrapper-1366 .map_img { width: 1061px; height: 355px; background: transparent url("yq_1366.png") repeat scroll 0% 0%; margin-left: -530px; left: 50%; }
.wrapper-1366 .map_div1 { width: 181px; height: 266px; top: -60px; left: 50%; margin-left: -90px; }
.wrapper-1366 .map_div1 span { width: 181px; height: 225px; top: 20px; }
.wrapper-1366 .map_div1 strong { bottom: 75px; }
.wrapper-1366 .map_div2 { left: 230px; top: -28px; }
.wrapper-1366 .map_div2 span { top: 20px; }
.wrapper-1366 .map_div3 { left: 334px; bottom: 148px; }
.wrapper-1366 .map_div3 span { top: 20px; }
.wrapper-1366 .map_div4 { left: 228px; bottom: 86px; }
.wrapper-1366 .map_div4 span { top: 20px; }
.wrapper-1366 .map_div5 { left: 419px; bottom: 51px; }
.wrapper-1366 .map_div5 span { top: 20px; }
.wrapper-1366 .map_div6 { right: 420px; top: 38px; }
.wrapper-1366 .map_div6 span { top: 20px; }
.wrapper-1366 .map_div7 { right: 255px; top: 25px; }
.wrapper-1366 .map_div7 span { top: 20px; }
.wrapper-1366 .map_div8 { right: 112px; bottom: 115px; }
.wrapper-1366 .map_div8 span { top: 20px; }
.wrapper-1366 .map_div9 { right: 335px; bottom: 22px; }
.wrapper-1366 .map_div9 span { top: 20px; }
.wrapper-1366 .circle1 { left: 385px; top: 38px; }
.wrapper-1366 .circle1 p, .circle2 p, .circle3 p { bottom: 20px; }
.wrapper-1366 .circle2 { left: 232px; top: 165px; }
.wrapper-1366 .circle3 { left: 380px; bottom: 38px; }
.wrapper-1366 .circle4 { left: 540px; top: 160px; }
.wrapper-1366 .circle4 p { bottom: 20px; }
.wrapper-1366 .circle5 { right: 384px; top: 38px; }
.wrapper-1366 .circle5 p, .wrapper-1366 .circle6 p, .wrapper-1366 .circle7 p { bottom: 20px; }
.wrapper-1366 .circle6 { right: 245px; top: 165px; }
.wrapper-1366 .circle7 { right: 382px; bottom: 38px; }
.wrapper-1366 .banner_c { width: 1345px; background-image: url("banner_c_1366.png"); }
.wrapper-1366 .modular_t span { margin: 20px; }
.wrapper-1366 .modular_t p { width: 287px; margin-top: 20px; margin-bottom: 10px; }
.wrapper-1366 .modular_t strong { width: 360px; line-height: 24px; }
.wrapper-1366 .modular_t a { margin-top: 16px; }
.wrapper-1366 .application_t { margin: 0px 20px; }
.wrapper-1366 .some { width: 1320px; }
.wrapper-1366 .banner1_c { width: 1345px; background-image: url("banner1_c_1366.png"); }
.wrapper-1366 .list_img .more { margin-top: 0px; }
.wrapper-1366 .banner2_c { width: 1345px; background-image: url("banner2_c_1366.png"); }
.wrapper-1366 .Support { height: 625px; }
.wrapper-1366 .Support1 { width: 1259px; height: 333px; top: 128px; }
.wrapper-1366 .Support2 { width: 248px; height: 328px; left: 50%; top: -105px; margin-left: -124px; }
.wrapper-1366 .Support2 span { width: 248px; height: 307px; }
.wrapper-1366 .Support2 strong { top: 55px; }
.wrapper-1366 .Support3 { left: 268px; top: -32px; }
.wrapper-1366 .Support3 span { top: 30px; }
.wrapper-1366 .Support4 { left: 98px; bottom: 38px; }
.wrapper-1366 .Support4 span { top: 30px; }
.wrapper-1366 .Support5 { left: 432px; bottom: 78px; }
.wrapper-1366 .Support5 span { top: 30px; }
.wrapper-1366 .Support6 { right: 375px; top: 10px; }
.wrapper-1366 .Support6 span { top: 30px; }
.wrapper-1366 .Support7 { right: 177px; top: -20px; }
.wrapper-1366 .Support7 span { top: 30px; }
.wrapper-1366 .Support8 { right: 310px; top: 125px; }
.wrapper-1366 .Support8 span { top: 30px; }
.wrapper-1366 .banner3_c { width: 1345px; background-image: url("banner3_c_1366.png"); }
.wrapper-1366 .agent1_ul li { height: 340px; }
.wrapper-1366 .agent1_bg { width: 360px; height: 340px; background: transparent url("agent_img15_1366.png") no-repeat scroll center top; }
.wrapper-1366 .agent1_ul li a { top: 60px; }
.wrapper-1366 .agent1_ul li span { top: 208px; }
.wrapper-1366 .agent1_ul li p { top: 245px; }
.wrapper-1366 .agent1_ul li strong { bottom: 60px; }
.wrapper-1366 .freedom { width: 78%; margin-left: 11%; }
.wrapper-1366 .freedom_bg { background: transparent url("freedom_1366.jpg") no-repeat scroll center top; width: 260px; height: 232px; }
.wrapper-1366 .freedom span { top: 42px; }
.wrapper-1366 .freedom p { top: 172px; }
.wrapper-1366 .freedom_foot { width: 78%; height: 135px; margin-left: 11%; }
.wrapper-1366 .modular_top_r1 { width: 160px; height: 50px; float: right; }
.wrapper-1366 .modular_top_r1 a { display: block; width: 160px; height: 50px; line-height: 50px; text-align: center; color: rgb(255, 255, 255); background-color: rgb(27, 154, 247); border-radius: 3px; margin-top: 3px; font-size: 16px; }
.wrapper-1366 .modular_top_r2 { width: 170px; height: 50px; float: right; }
.wrapper-1366 .modular_top_r2 a { display: block; width: 170px; height: 50px; line-height: 50px; text-align: center; color: rgb(255, 255, 255); background: transparent url("choose_this.png") no-repeat scroll center top; border-radius: 3px; margin-top: 3px; font-size: 16px; }
.wrapper-1366 .modular_top_c1 { height: 80px; float: right; overflow: hidden; }
.wrapper-1366 .share_l { float: right; margin-right: 55px; height: 50px; overflow: hidden; }
.wrapper-1366 .share_l span { display: block; float: left; font-size: 16px; color: rgb(51, 51, 51); height: 50px; line-height: 50px; }
.wrapper-1366 .share_l a { display: block; float: left; width: 30px; height: 30px; margin-right: 10px; margin-top: 9px; border-radius: 50%; overflow: hidden; }
.wrapper-1366 .share_l a.cur { background-image: url("ok_img1.png"); background-position: 0px 0px; background-repeat: no-repeat; }
.wrapper-1366 .share_r { float: right; margin-right: 85px; height: 80px; overflow: hidden; }
.wrapper-1366 .module_com { width: 1300px; margin: 0px auto; }
.wrapper-1366 .module_com_l { width: 270px; }
.wrapper-1366 .com_select { width: 250px; height: 46px; padding: 27px 10px; }
.wrapper-1366 .com_select input { width: 195px; height: 46px; }
.wrapper-1366 .com_select a { width: 55px; height: 46px; }
.wrapper-1366 .com_button { padding: 25px 53px; }
.wrapper-1366 .com_module { width: 270px; }
.wrapper-1366 .com_tit { width: 240px; height: 54px; line-height: 54px; border-left: 4px solid rgb(251, 184, 7); padding-left: 26px; }
.wrapper-1366 .com_con { width: 270px; }
.wrapper-1366 .com_con span { width: 270px; background-position: 250px top; }
.wrapper-1366 .com_con .cur3 { background-position: 250px bottom; }
.wrapper-1366 .com_con span a { width: 270px; }
.wrapper-1366 .animate-list-2 .animate-list-inner { width: 1300px; }
.wrapper-1366 .o2o-module-list { width: 1300px; }
.new_modular_seven { background-image: url("new_bgbg1.jpg"); height: 170px; }
.new_modular_seven strong { display: block; text-align: center; margin: 0px auto; font-size: 28px; color: rgb(255, 255, 255); padding-top: 36px; }
.new_modular_seven p { display: block; text-align: center; margin: 0px auto 10px; width: 80px; height: 12px; border-bottom: 2px solid rgb(35, 160, 253); }
.new_modular_seven span { display: block; text-align: center; margin: 0px auto; font-size: 18px; color: rgb(255, 255, 255); }
.service_div { width: 100%; overflow: hidden; padding-bottom: 65px; }
.service_div ul { overflow: hidden; margin-top: 65px; }
.service_div ul li { height: 136px; float: left; border: 1px solid rgb(237, 237, 237); border-radius: 5px; overflow: hidden; }
.service_div ul li p { display: block; width: 46px; height: 46px; float: left; margin: 15px 15px 0px; }
.service_div ul li span { display: block; overflow: hidden; margin-right: 15px; }
.service_div ul li span em { display: block; font-size: 18px; color: rgb(68, 68, 68); height: 24px; line-height: 24px; margin-top: 25px; }
.service_div ul li span strong { display: block; font-size: 14px; color: rgb(136, 136, 136); height: 52px; line-height: 26px; margin-top: 14px; }
.more1 { display: block; width: 105px; height: 48px; border: 2px solid rgb(33, 150, 243); border-radius: 4px; font-size: 18px; color: rgb(33, 150, 243); line-height: 48px; margin: 0px auto; padding-left: 76px; background: transparent url("button_img2.png") no-repeat scroll 36px center; }
.service_div ul li:hover { box-shadow: 0px 5px 20px rgb(237, 237, 237); }
.service_div ul li:hover span em { color: rgb(33, 150, 243); }
.wrapper-1024 .service_div ul { width: 1020px; }
.wrapper-1280 .service_div ul { width: 1281px; }
.wrapper-1366 .service_div ul { width: 1383px; }
.wrapper-1024 .service_div ul li { width: 320px; margin-right: 18px; margin-bottom: 18px; }
.wrapper-1280 .service_div ul li { width: 400px; margin-right: 25px; margin-bottom: 25px; }
.wrapper-1366 .service_div ul li { width: 419px; margin-right: 40px; margin-bottom: 40px; }
.wrapper-1024 .more1 { margin-top: 34px; margin-bottom: 52px; }
.wrapper-1280 .more1 { margin-top: 27px; margin-bottom: 52px; }
.wrapper-1366 .more1 { margin-top: 12px; margin-bottom: 52px; }
.abc-banner { position: relative; }
.abc-banner-bg { background: rgb(19, 152, 253) url("bg1.jpg") no-repeat scroll center center; position: absolute; width: 100%; height: 100%; }
.abc-banner-inner { width: 1345px; height: 620px; margin: 0px auto; position: relative; }
.abc-banner-inner li { position: relative; height: 620px; display: none; }
.abc-banner-inner li div { position: absolute; }
.abc-banner-inner .computer .icon-text b { color: rgb(255, 255, 255); vertical-align: middle; font-size: 16px; font-weight: 400; }
.abc-banner-inner .computer .icon-text img { vertical-align: middle; margin-right: 10px; }
.abc-banner-inner .computer .pic-1 { left: 40px; top: 246px; }
.abc-banner-inner .computer .pic-2 { left: 378px; top: 337px; animation-delay: 0.3s; }
.abc-banner-inner .computer .icon-text-1 { left: 493px; top: 293px; animation-delay: 0.2s; }
.abc-banner-inner .computer .icon-text-2 { left: 493px; top: 348px; animation-delay: 0.5s; }
.abc-banner-inner .computer .icon-text-3 { left: 493px; top: 402px; animation-delay: 0.8s; }
.abc-banner-inner .computer .icon-text-4 { left: 493px; top: 456px; animation-delay: 1.1s; }
.abc-banner-inner .computer .text-1 { left: 678px; top: 246px; font: 400 40px/1 "微软雅黑"; color: rgb(255, 255, 255); z-index: 2; }
.abc-banner-inner .computer .text-1-1 { left: 681px; top: 249px; font: 400 40px/1 "微软雅黑"; color: rgb(22, 129, 209); z-index: 1; }
.abc-banner-inner .computer .text-1 p, .abc-banner-inner .computer .text-1-1 p { padding-bottom: 15px; }
.abc-banner-inner .computer .text-2 { left: 678px; top: 360px; width: 370px; font: 400 18px/1 "微软雅黑"; color: rgb(255, 255, 255); }
.abc-banner-inner .computer .text-2 p { padding-bottom: 10px; }
.abc-banner-inner .computer .text-2 strong { color: rgb(255, 255, 51); font-family: "Arial"; margin-right: 5px; }
.abc-banner-inner .computer .btn { top: 430px; }
.abc-banner-inner .computer .btn a { display: inline-block; width: 162px; height: 52px; background: transparent url("new_button.png") no-repeat scroll 0% 0%; text-decoration: none; }
.abc-banner-inner .computer .btn a b { font: 400 18px/50px "微软雅黑"; color: rgb(1, 126, 210); margin-left: 60px; }
.abc-banner-inner .computer .btn-1 { left: 676px; }
.abc-banner-inner .computer .btn-2 { left: 860px; animation-delay: 0.2s; }
.abc-banner-inner .xcx .pic-1 { left: 21px; top: 176px; }
.abc-banner-inner .xcx .pic-2 { left: 443px; top: 164px; }
.abc-banner-inner .xcx .text-1 { left: 789px; top: 223px; font: 400 50px/1 "微软雅黑"; color: rgb(255, 255, 255); z-index: 2; }
.abc-banner-inner .xcx .text-1-1 { left: 792px; top: 226px; font: 400 50px/1 "微软雅黑"; color: rgb(22, 129, 209); z-index: 1; }
.abc-banner-inner .xcx .text-2 { left: 788px; top: 312px; font: 400 18px/1.5 "微软雅黑"; color: rgb(255, 255, 255); }
.abc-banner-inner .xcx .btn { top: 430px; }
.abc-banner-inner .xcx .btn a { display: inline-block; width: 162px; height: 52px; background: transparent url("new_button.png") no-repeat scroll 0% 0%; text-decoration: none; }
.abc-banner-inner .xcx .btn a b { font: 400 18px/50px "微软雅黑"; color: rgb(1, 126, 210); margin-left: 60px; }
.abc-banner-inner .xcx .btn-1 { left: 789px; }
.abc-banner-inner .xcx .btn-2 { left: 980px; animation-delay: 0.2s; }