@charset "utf-8";
html { font-size: 14px }
.body { background: #fff; margin: 0 auto; min-width: 320px }
.mod-inner { max-width: 1180px; margin: 0 auto; min-width: 320px; position: relative }
.tc-btn { display: inline-block; vertical-align: middle; border: none; color: #fff; font-size: 14px; padding: 0 20px; line-height: 35px; overflow: visible; cursor: pointer; text-align: center; min-width: 24px; border-radius: 2px; transition: .2s ease background }
.tc-btn-1 { background-color: #fff; color: #2277da; border: 1px solid #2277da }
.tc-btn-1:hover { background-color: #116ddd; color: #fff }
.tc-btn-1.tc-btn-1-disable:hover { cursor: default }
.tc-btn-2 { background-color: #ff7200; color: #fff; border: 1px solid #ff7200 }
.tc-btn-2:hover { background-color: #f06c00; border: 1px solid #f06c00 }
.tc-btn-3 { background-color: #0077da; color: #fff; border: 1px solid #0077da }
.tc-btn-3:hover { background-color: #116ddd; border: 1px solid #116ddd; text-decoration: none }
.tc-btn-1.tc-btn-1-disable, .tc-btn-2.tc-btn-2-disable, .tc-btn-3.tc-btn-3-disable { background-color: #d5d7de; color: #fff; border: 1px solid #e8e8e8 }
.tc-btn-1-disable:hover, .tc-btn-2-disable:hover, .tc-btn-3-disable:hover { cursor: default }
.tc-15-bubble { position: absolute; color: #404A58 }
.tc-15-bubble .tc-15-bubble-inner:after, .tc-15-bubble .tc-15-bubble-inner:before { font-size: 0; position: absolute; width: 0; height: 0; content: ''; border: 8px dashed transparent }
.tc-15-bubble .tc-15-bubble-inner:after { border: 7px dashed transparent }
.tc-15-bubble-inner { font-size: 12px; -moz-box-sizing: border-box; box-sizing: border-box; padding: 8px 10px; border: 1px solid #b3b7bf; border-radius: 2px; background-color: #fff; line-height: 1.6; box-shadow: 1px 1px 3px rgba(0,0,0,.15); position: static !important; left: 50%; top: 50% }
.tc-15-bubble-top .tc-15-bubble-inner:after, .tc-15-bubble-top .tc-15-bubble-inner:before { bottom: 100%; left: inherit; right: inherit; margin-bottom: -1px; border-bottom-style: solid }
.tc-15-bubble-top .tc-15-bubble-inner:before { margin-left: -8px; border-bottom-color: #b3b7bf }
.tc-15-bubble-top .tc-15-bubble-inner:after { margin-left: -7px; border-bottom-color: #fff }
.tc-15-bubble-icon { font-size: 0; position: relative; display: inline-block; vertical-align: middle }
.tc-15-bubble-icon .tc-icon { display: inline-block; width: 16px; height: 16px; vertical-align: middle }
.tc-15-bubble-icon .tc-15-bubble { visibility: hidden; width: 300px; -webkit-transition: .3s ease; transition: .3s ease; -webkit-transition-delay: 0s; transition-delay: 0s; text-align: center; pointer-events: none; opacity: 0 }
.tc-15-bubble-icon.hover .tc-15-bubble, .tc-15-bubble-icon:hover .tc-15-bubble { z-index: 9999; visibility: visible; -webkit-transition-delay: .1s; transition-delay: .1s; opacity: 1 }
.tc-15-bubble-icon .tc-15-bubble .tc-15-bubble-inner { display: inline-block; overflow-y: auto; max-width: 100%; max-height: 100%; text-align: left; vertical-align: middle; pointer-events: auto }
.tc-15-bubble-icon .tc-15-bubble-top { left: 50%; margin-left: -150px; top: 100%; margin-top: 8px; -webkit-transform: translateY(-8px); transform: translateY(-8px) }
.tc-15-bubble-icon.hover .tc-15-bubble-top, .tc-15-bubble-icon:hover .tc-15-bubble-top { -webkit-transform: translateY(0); transform: translateY(0) }
.tc-15-rich-radio { vertical-align: middle; padding-left: 1px; display: inline-block; font-size: 0 }
.tc-15-rich-radio .tc-btn { float: left; position: relative; margin-left: -1px; z-index: 0; border-radius: 0; border: 1px solid #d1d2d3; background: #fff; color: #0071ce; font-weight: 400 }
.miao{width: 681px;  float: right; margin-top: 43px;}
.tc-15-rich-radio .tc-btn.first { border-radius: 3px 0 0 3px }
.tc-15-rich-radio .tc-btn.last { border-radius: 0 3px 3px 0 }
.tc-15-rich-radio .tc-btn.checked, .tc-15-rich-radio .tc-btn:focus, .tc-15-rich-radio .tc-btn:hover { z-index: 1; border-color: #71a9e0; background: #d8ebff; color: #404a58 }
.tc-15-rich-radio .tc-btn.disabled { border-color: #d5d5d5; background: #e8e8e8; color: #a2a2a2 }
.tc-15-rich-radio .tc-15-btn.disabled:focus, .tc-15-rich-radio .tc-btn.disabled:hover { z-index: 0 }
.tc-15-rich-radio .tc-btn.m { height: 25px; min-width: 21px; padding: 0 15px; font-size: 12px; line-height: 24px }
.icon-what { background-image: url(sprite/product-temp20160918-201609271556.png); cursor: pointer; background-position: -154px -172px }
.tab .tab-list { display: table; width: 100%; table-layout: fixed }
.tab .tab-list .tab-item { display: table-cell; height: 50px; background-color: #ebeced; line-height: 50px; text-align: center }
.tab .tab-list .tab-item a { font-size: 16px; color: #333; display: block }
.tab .tab-list .tab-item a:hover { color: #2277da }
.tab .tab-list .tab-item.current { background-color: #fff; border: 1px solid #e0e0e0; border-bottom: none }
.tab .tab-list .tab-item.current a { color: #2277da }
.tab-content table { text-align: center; border: 1px solid #d3d3d3;  color: #666 }
.tab-content table th { background: #f3f3f3; border: 1px solid #d3d3d3; color: #333; white-space: nowrap; padding: 20px 10px }
.tab-content table td { padding: 10px 6px; border: 1px solid #d3d3d3; text-align: left; vertical-align: top;width: 14%;}
.tab-content table td p { line-height: 20px }
.tab-content table .tb-sub-title { text-align: center }
.product-table-overflow { overflow-x: auto; -webkit-overflow-scrolling: touch }
.tab-content .qc-wrapper{margin-bottom: 32px;}
.qc-wrapper { max-width: 1200px }
.qc-grids { font-size: 0 }
.qc-grids [class*=qc-unit] { display: inline-block; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.ct-slot { margin-left: 10px; margin-right: 10px }
.qc-grids.with-slot [class*=qc-unit] { padding-left: 10px; padding-right: 10px }
.qc-unit-1-24 { width: 4.1667% }
.qc-unit-1-12, .qc-unit-2-24 { width: 8.3333% }
.qc-unit-1-8, .qc-unit-3-24 { width: 12.5% }
.qc-unit-1-6, .qc-unit-4-24 { width: 16.6667% }
.qc-unit-5-24 { width: 20.8333% }
.qc-unit-1-4, .qc-unit-6-24 { width: 25% }
.qc-unit-7-24 { width: 29.1667% }
.qc-unit-1-3, .qc-unit-8-24 { width: 33.3333% }
.qc-unit-9-24 { width: 37.5% }
.qc-unit-10-24 { width: 41.6667% }
.qc-unit-11-24 { width: 45.8333% }
.qc-unit-1-2, .qc-unit-12-24 { width: 50% }
.qc-unit-13-24 { width: 54.1667% }
.qc-unit-14-24 { width: 58.3333% }
.qc-unit-15-24 { width: 62.5% }
.qc-unit-16-24 { width: 66.6667% }
.qc-unit-17-24 { width: 70.8333% }
.qc-unit-18-24 { width: 75% }
.qc-unit-19-24 { width: 79.1667% }
.qc-unit-20-24 { width: 83.3333% }
.qc-unit-21-24 { width: 87.5% }
.qc-unit-22-24 { width: 91.6667% }
.qc-unit-23-24 { width: 95.8333% }
.qc-unit-1-1, .qc-unit-24-24, .qc-unit-5-5 { width: 100% }
.qc-unit-1-5 { width: 20% }
.qc-unit-2-5 { width: 40% }
.qc-unit-3-5 { width: 60% }
.qc-unit-4-5 { width: 80% }
.side-navigation { z-index: 18; position: absolute; top: -380px; width: 15.3%; vertical-align: top; bottom: 0 }
.side-nav-inner { background-color: rgba(255,255,255,.8); border-left: 1px solid #e8eef5; border-right: 1px solid #e8eef5; border-top: 1px solid #e8eef5; font-size: 16px }
.side-nav-inner.side-nav-fixed { position: fixed; width: 14.6% }
.side-nav-inner-list { text-indent: 7%; border-bottom: 1px solid #e8eef5; padding-bottom: 5px }
.side-nav-title-1 { position: relative; display: block; font-size: 14px; line-height: 40px; padding-top: 5px; padding-bottom: 0; color: #333; vertical-align: text-bottom }
.side-navigation .ico { display: inline-block; vertical-align: text-bottom; margin-right: 4.56% }
.side-nav-title-2 { position: relative; display: block; font-size: 14px; color: #333; line-height: 36px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.nav-inner-list-2 { padding-bottom: 9px }
.nav-inner-list-2>li { text-indent: 23% }
.nav-inner-list-3>li { color: #777 }
.nav-inner-list-3 .product-detail { color: #666; font-size: 12px; line-height: 38px; display: block; padding-right: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.nav-inner-list-3 .product-detail:before { content: "\2022\20"; font-size: 10px; line-height: 36px; color: #666; margin-right: 5px }
.side-navigation .list-focus .product-detail:hover:before, .side-navigation li.list-focus .product-detail:before { color: #2277da; font-weight: 400 }
.side-navigation li.list-focus .product-detail:hover { background-color: #e5e8ee }
.side-navigation .nav-inner-list-2>li .side-nav-title-2:hover { background-color: #e5e8ee; color: #333 }
.side-navigation .nav-inner-list-2>li .side-nav-title-2.list-focus:hover { background-color: #e5e8ee; color: #2277da }
.side-navigation .nav-inner-list-3>li:hover { color: #2277da; background-color: #e5e8ee }
.side-navigation .list-focus, .side-navigation .nav-inner-list-3 .list-focus .product-detail, .side-navigation .nav-inner-list-3 .list-focus .product-detail:hover { color: #2277da; font-weight: 700 }
.nav-drop-down-icon { position: relative; position: absolute; display: inline-block; width: 10px; height: 6px; background-image: url(product-temp20160918-201609271556.png); background-repeat: no-repeat; top: 50%; margin-top: -3px; right: 15px; background-position: -199px -154px }
.nav-drop-down-up { background-image: url(product-temp20160918-201609271556.png); background-position: -187px -154px }
.main-content { vertical-align: top; width: 83%; padding-bottom: 80px; padding-left: 17% }
.main-content .mt-15 { margin-top: 15px }
.head-area { position: relative; padding-left: 13.6%; height: 336px; overflow: hidden }
.head-area h2 { font-size: 36px; color: #fff; font-weight: 400; position: relative; margin-top: 50px; margin-bottom: 20px }
.head-area .icon { position: absolute; top: -16px; left: -13%; display: inline-block; width: 78px; height: auto; background-repeat: no-repeat }
.head-area .head-content { position: relative; width: 59.2%; font-size: 14px; color: #fff; line-height: 28px; margin-bottom: 3.7% }
.head-area .head-operation { position: relative; width: 100% }
.head-area .head-operation .tc-btn { line-height: 50px; height: 50px; font-size: 18px; padding: 0 6.8%; font-weight: 400 }
.head-area .head-operation .activity { font-size: 14px; color: #d4d4d4; display: inline-block; vertical-align: top; margin-left: 15px }
.head-area .head-operation .activity p { margin-bottom: 10px }
.head-area .head-operation .activity .strong-color-1 { color: #ffb800 }
.head-area .head-operation .activity a.strong-color-1:hover { text-decoration: underline }
.mod-hero { position: relative; overflow: hidden; background: url(img/product/v2/banner-v2-1.jpg) top center no-repeat #eef1f7; background-size: auto 100%; clear:both; }
.mod-hero .mod-inner { position: relative; min-height: 400px }
.lantu{width:800px ; margin:0 auto; }
.lantu .btn{width: 145px;  display: block;  height: 40px;}
.lantu .btn img{display: block;width: 100%;max-width: 100%;}
.lantu img{width:800px ; margin:0 auto; margin-top:20px;-webkit-box-shadow:1px 1px 3px #292929;  -moz-box-shadow:1px 1px 3px #292929; box-shadow:1px 1px 11px #A9A6A6;}
.lantu .link{margin: 25px 0 50px;}
.lantu .pic{width: 113px;float: left;}
.lantu .pic1{margin-top: 39px;}
.lantu .pic2{margin-top: 23px;}
.lantu .pic img{width: 100%;max-width: 100%;margin: 0;}
.lantu .links{margin-left: 125px;}
.lantu .links>a{display: block;line-height: 24px;margin: 3px 0;font-size: 14px;color: #333;}
.lantu .links>a:hover{color: #2277da;}
.mod-hero .banner-ct { padding-left: 19.5%; width: 47%; display: inline-block }
.mod-hero .title { color: #333; font-size: 54px; font-weight: 400; margin-top: 9%; margin-bottom: 2% }
.mod-hero .title .title-cn, .mod-hero .title .title-en { display: inline-block }
.mod-hero .title .title-cn { font-size: 30px }
.mod-hero .title .title-en { font-size: 42px }
.mod-hero .head-content { letter-spacing:1px; font-size: 16px; color: #666; line-height: 30px; height: auto; min-height: 120px}
.mod-hero .head-content span{color: #ff0000;font-weight: bold;}
.mod-hero .head-content .one{display: inline-block;width: 128px;height: 32px;background: url("weixin.png") no-repeat;background-size: contain;vertical-align: middle;}
.mod-hero .head-content .two{display: inline-block;width: 130px;height: 32px;background: url("zimeiti.png") no-repeat;background-size: contain;vertical-align: bottom;  margin-top: 8px;  margin-right: 5px;}
.mod-hero .head-operation { margin-bottom: 9%; margin-top: 10px }
.mod-hero .head-operation .op-line { margin-bottom: 28px }
.mod-hero .op-line .tc-btn { width: 140px; padding: 0; height: 33px; line-height: 33px; margin-right: 10px; position: relative; font-weight: 400 }
.mod-hero .op-line .tc-btn-cal { text-indent: 20px }
.mod-hero .op-line .tc-btn .icon-cal { position: absolute; display: inline-block; width: 16px; height: 16px; vertical-align: middle; background-image: url(product-temp20160918-201609271556.png); top: 8px; left: 21%; background-position: -136px -172px }
.mod-hero .op-line .tc-btn-1:hover .icon-cal { background-image: url(product-temp20160918-201609271556.png); background-position: -172px -172px }
.mod-hero .pt-icon { position: absolute; top: 60px; right: 0; width: 292px; height: 292px; background-image: url(bg-banner-icon.png); text-align: center }
.mod-hero .pt-icon img { display: inline-block; margin-top: 37px; height: 218px }
.mod-hero .m-pt-icon { display: none; position: absolute; top: 0; right: 0 }
.mod-hero .ad .des { font-size: 14px; color: #666 }
.mod-hero .ad a.des:hover { color: #2277da }
.mod-hero .ad .des .icon-info { display: inline-block; width: 16px; height: 14px; background-image: url(sprite/product-temp20160918-201609271556.png); vertical-align: -2px; margin-right: 5px; background-position: -190px -172px }
.mod-hero .ad .des .strong-color { color: #ff7200; font-weight: 400 }
.mod-hero .ad .stick { margin: 0 10px; color: #666; font-size: 14px }
.mod-hero .ad a.des:hover .strong-color { color: #2277da }
.customer-case .title { font-size: 18px; color: #000; margin: 24px 0 }
.shou{width:33%; float:left; text-align:center;}
.shoua{width:50%; float:left; text-align:center; }
.shoub{ float: right;    width: 50%;    text-align: center;}
.shouc{ width:33%; float:left; text-indent: 27px;}
.ccc{ margin:0 auto; width:800px;}
.wenzi{font-size:14px; color:#666; line-height:45px; }
/*.main-content .tab-content:first-child .wenzi{text-indent: 27px;}*/
.wenzi10{font-size:14px; color:#666; line-height:41px;}
.wenzi1{font-size:16px; color:#333; font-weight:bold;  font-family:"微软雅黑";}
.wenzi2{font-size:14px; color:#333;  font-family:"微软雅黑"; }
.wenzi5{font-size:20px; color:#333;  font-family:"微软雅黑";line-height:35px; float:left; letter-spacing:0.2em;}

.biaoge{border-bottom:1px dashed #333; }
.hengxian{border:1px solid #2277da; padding-top:20px; }
.wenzi6{font-size:14px; color:#666;  font-family:"微软雅黑"; line-height:35px; position:relative; left:7.5%; top:22px;}
.wenzi7{font-size:14px; color:#666;  font-family:"微软雅黑"; line-height:35px; position:relative; top:-22px; left:25%;}
.wenzi8{font-size:14px; color:#666;  font-family:"微软雅黑"; line-height:35px; position:relative; top:-63px; left:58%;}
.tubiao1{ width:69px; float:left; height:45px; }
.jiantou{ width:95px; float:left; }
.wenzi9{  float:none; margin-top:24px;}
.jiantou1{ height:auto;  }
.customer-case .case-list img { width: 100%; height: auto; padding-top: 11px; padding-bottom: 11px }
.tab-content .comparison-table { width: 100%; font-size: 14px; color: #333 }
.tab-content .comparison-table td { position: relative; line-height: 40px; border-right: none; border-top: none }
.tab-content .comparison-table th { border-right: none; border-top: none }
.tab-content .comparison-table tr.bg-color { background-color: #f8f8f8 }
.tab-content .comparison-table .info .tb-sub-title { text-align: left; line-height: 22px }
.tab-content .comparison-table .cp-block { background-color: #e8f1fb; color: #2277da; font-size: 16px; font-weight: 400; position: relative; border-bottom: 1px solid #bcd6f4 }
.tab-content .comparison-table .cp-block-ft { position: relative }
.tab-content .comparison-table .cp-block:before { content: ""; position: absolute; top: -10px; left: -1px; left: -moz-calc(-2px); width: 100%; height: 10px; background-color: #e8f1fb; border: 1px solid #2277da; border-bottom: none }
.tab-content .comparison-table .cp-block-ft:after { content: ""; position: absolute; bottom: -12px; left: -1px; left: -moz-calc(-2px); width: 100%; height: 10px; background-color: #fff; border: 1px solid #2277da; border-top: none }
.tab-content .comparison-table .border-l-r { border-left: 1px solid #2277da; border-right: 1px solid #2277da; position: relative; background-clip: padding-box }
.tab-content .comparison-table .tb-sub-title { font-weight: 700; line-height: 1.5em }
.tab-content .comparison-table .td-center { text-align: center }
.tab-content .comparison-table .td-checked { width: 17px; height: 11px; display: inline-block; vertical-align: -3px; background-image: url(sprite/product-temp20160918-201609271556.png); background-position: -132px -154px }
.tab-content .comparison-table .tb-title .pt-icon { display: inline-block; vertical-align: middle; margin-right: 10px }
.main-content .tab-title { background-color: #fff; border-bottom: 1px solid #c6c6c7; height: auto; margin-bottom: 15px }
.main-content .tab-title ul { vertical-align: middle; width: 100%; font-size: 0; transition: width ease .8s }
.main-content .tab-title ul li { display: inline-block; text-align: center; font-size: 14px; box-sizing: border-box; max-width: 140px; min-width: 12.5% }
.main-content .tab-title ul li a { font-size: 14px; color: #333; padding: 0 10px; height: 59px; line-height: 59px; display: inline-block }
.main-content .tab-title ul li a:hover { color: #2277da; background: #fff }
.main-content .tab-title ul li.current a { display: block; border-bottom: 3px solid #2277da; color: #2277da; background: #fff }
.main-content .tab-title .op-btn { position: absolute; top: 15px; right: 5px }
.main-content .tab-title .tc-btn { display: none; float: left; font-size: 12px; padding: 0; width: 80px; height: 26px; line-height: 26px; margin: 0 5px }
.main-content .tab-title-fixed { position: fixed; top: 0; z-index: 100; -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.22); box-shadow: 0 2px 6px rgba(0,0,0,.22) }
.main-content .tab-title-fixed ul { width: 80% }
.main-content .tab-title-fixed .tc-btn { display: inline-block }
.main-content .m-tab-title { display: none }
.main-content .tab-content { margin: 40px 0 60px }
.main-content .tab-content .anchor { position: relative; top: -40px }
.main-content .tab-content .tab-content-title { border-left: 2px solid #2277da; padding-left: 8px; font-size: 18px; color: #333; margin-bottom: 20px; overflow: hidden; line-height: 20px; font-weight: 700 }
.main-content .tab-content .tab-content-title h3 { float: left }
.customer-case .title .link, .tab-content .tab-content-title .link { float: right; font-size: 14px; font-weight: 400 }
.main-content .vertical-size { text-align: center; display: inline-block; vertical-align: top }
.main-content .column-4 .vertical-size { width: 25% }
.main-content .vertical-size .item-icon { display: inline-block; max-width: 93%; background-repeat: no-repeat }
.main-content .vertical-size.last { margin-right: 0 }
.main-content .vertical-size h4 { font-size: 16px; color: #333; font-weight: 400; margin: 20px 0 8px }
.main-content .vertical-size .text { font-size: 14px; color: #666; max-width: 100%; text-align: left; line-height: 25px; width: 92.2%; margin: 0 auto; word-break: break-all; word-wrap: break-word }
.main-content .tab-content.mod-advantage { margin-bottom: 20px }
.mod-advantage .tab-content-detail .vertical-size { margin-bottom: 40px }
.mod-advantage .vertical-size .item-icon { height: auto; border: 1px solid #d3d3d3 }
.mod-function .item-icon { width: 48px; height: 48px; padding: 22px; border-radius: 100%; border: 1px solid #d3d3d3 }
.mod-function .item-icon .ico { display: inline-block; width: 48px; height: 48px }
.main-content .slide-text, .main-content .text-content { font-size: 14px; color: #666; width: 92%; margin: 0 auto; line-height: 23px }
.main-content .text-content { width: 89% }
.main-content .price-content table.width-full, .main-content .width-full { width: 100% }
.main-content .slide-text:before { content: "\2022\20"; color: #ffb800; padding-right: 5px; font-size: 14px; line-height: 40px }
.main-content .slide-text .other-link { float: right; font-size: 14px; color: #2277da; line-height: 40px }
.main-content .text-content .tip-text { color: #999 }
.main-content .link { color: #2277da }
.main-content .link:hover { text-decoration: underline }
.price-content { font-size: 14px; color: #666; overflow-x: auto; -webkit-overflow-scrolling: touch }
.price-content table { width: 89% }
.price-content table td .text-list { padding: 10px 20px; text-align: left }
.price-content table td .text-list li { line-height: 26px }
.price-content table .icon { display: inline-block; width: 18px; height: 18px }
.price-content table .icon-right { background-image: url(sprite/product-temp20160918-201609271556.png); background-position: -116px -172px }
.price-content table .icon-wrong { background-image: url(sprite/product-temp20160918-201609271556.png); background-position: -96px -172px }
.mod-timeline { position: relative; font-size: 14px; padding-bottom: 20px }
.mod-timeline .btn-arrow { display: inline-block; position: absolute; width: 22px; height: 22px; top: 29px }
.mod-timeline .arrow-left { background-image: url(sprite/product-temp20160918-201609271556.png); left: 0; background-position: 0px -172px }
.mod-timeline .arrow-left.disable { background-image: url(sprite/product-temp20160918-201609271556.png); background-position: -72px -172px }
.mod-timeline .arrow-right { background-image: url(sprite/product-temp20160918-201609271556.png); right: 0; background-position: -24px -172px }
.mod-timeline .arrow-right.disable { background-image: url(sprite/product-temp20160918-201609271556.png); background-position: -48px -172px }
.mod-timeline .arrow-left.disable:hover, .mod-timeline .arrow-right.disable:hover { cursor: default }
.mod-timeline .timeline-mask { width: 94%; overflow: hidden; margin: 0 auto; height: 160px; position: relative }
.mod-timeline .version-list { font-size: 0; margin-top: 40px; text-align: right; position: absolute; top: 0; right: 0; width: 4000px }
.mod-timeline .version-list .version-item { display: inline-block; text-align: center; font-size: 14px; height: 120px; position: relative; width: 226px; padding: 0 107px; vertical-align: top; border-top: 2px solid #2277da }
.mod-timeline .version-list .date { color: #888; display: block; position: absolute; top: -30px; width: 100%; left: 0; text-indent: -21% }
.mod-timeline .version-list .version { color: #888; line-height: 40px; margin-left: -23% }
.mod-timeline .version-list .detail { color: #666; line-height: 20px; text-align: left }
.mod-timeline .version-list .detail li { line-height: 25px }
.mod-timeline .version-list .detail a { color: #2277da }
.mod-timeline .version-list .detail li:before { content: "\2022\20"; color: silver; padding-right: 5px; font-size: 14px }
.mod-timeline .icon-circle { display: inline-block; position: absolute; width: 6px; height: 6px; border-radius: 100%; border: 1px solid #2277da; top: -5px; left: 45%; background: #fff; margin-left: -5px }
.mod-timeline .version-list .item-newest { padding: 0 15px }
.mod-timeline .version-list .item-newest li:before { color: #0b76ce }
.mod-timeline .version-list .item-newest .icon-circle { width: 10px; height: 10px; background-color: #2277da; top: -7px; left: 40% }
.mod-timeline .version-list .item-newest .date, .mod-timeline .version-list .item-newest .version { color: #2277da }
.mod-timeline .version-list .item-newest .date { text-indent: -23% }
.mod-timeline .version-list .item-newest .version { margin-left: -23% }
.main-content .mod-timeline .version-list .item-last { border-top: 2px dashed silver; padding: 0 15px }
.mod-download .qc-wrapper { margin-left: -10px; margin-right: -10px; overflow: hidden;}
.mod-download .download-list { margin-bottom: 5px }
.mod-download .slide-text { margin-left: 10px; margin-right: 10px; margin-bottom: 15px; font-weight: 700; font-size: 16px }
.download-box { margin-bottom: 20px }
.download-box .box-inner { padding: 9% 0 9% 6.7%; border: 1px solid #ebedf0; border-bottom: none }
.download-box .box-img { display: inline-block; vertical-align: middle; width: 48px; min-width: 48px; height: 48px }
.download-box .box-info { display: inline-block; vertical-align: middle; font-size: 13px; padding-left: 6%; color: #888 }
.download-box .box-info p { text-align: left }
.download-box .box-info .info-ct:first-child { font-size: 16px; color: #333 }
.download-box .box-info .info-ct span { margin-right: 10px; line-height: 20px }
.download-box .box-info .link-area { margin-top: 8px }
.download-box .box-info .link-area .link { color: #666 }
.download-box .box-info .link-area .link:hover { color: #008bff }
.download-box .box-op { height: 28px; line-height: 28px; color: #333; background: #f8f8f8; font-size: 14px; text-align: center; display: block; border: 1px solid #ebedf0 }
.download-box .box-op:hover { background: #edeff2; color: #2277da }
.download-box .box-op-disable, .download-box .box-op-disable:hover { color: #a2a2a2; background: #f9f9f9 }
.download-box .box-op-disable:hover { cursor: default }
.mod-download .tool-list { padding-bottom: 6px }
.mod-download .tool-list .tool .title { font-size: 16px; color: #333; margin-bottom: 8px; font-weight: 700 }
.mod-download .tool-list .tool .text { font-size: 14px; color: #999; line-height: 24px; width: 60%; height: 70px }
.mod-download .tool-list .tool .unit-box { display: block; border: 1px solid #ebedf0; padding: 15px; position: relative }
.mod-download .tool-list .tool .unit-box:hover { -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2); box-shadow: 0 2px 6px rgba(0,0,0,.2) }
.mod-download .tool-list .tool .unit-box:hover .title { color: #2277da }
.mod-download .tool-list .tool .link { font-size: 14px }
.mod-download .tool-list .tool .tool-list-img { position: absolute; bottom: 0; right: 0; display: inline-block; width: 108px; height: 84px }
.mod-download .tool-list .tool .tool-1 { background-image: url(sprite/product-temp20160918-201609271556.png); background-position: 0px 0px }
.mod-download .tool-list .tool .tool-2 { background-image: url(sprite/product-temp20160918-201609271556.png); background-position: 0px -86px }
.mod-download .tool-list .tool .tool-3 { background-image: url(sprite/product-temp20160918-201609271556.png); background-position: -110px 0px }
.mod-wiki .menu-list { font-size: 0; padding: 0 0 15px }
.mod-wiki .menu-links { display: inline-block; vertical-align: top; width: 24.9%; font-size: 14px }
.mod-wiki .menu-links-large { width: 40% }
.mod-wiki .menu-links h4 { color: #333; margin-bottom: 12px }
.mod-wiki .menu-links .links-title { display: none }
.mod-wiki .menu-links ul li a { color: #666; line-height: 28px; max-width: 80%; display: inline-block }
.mod-wiki .menu-links ul li a:hover { color: #008bff; text-decoration: underline }
.mod-buy .sell-box { border: 1px solid #ccc; padding: 20px 0 }
.mod-buy .sell-box .name { width: 18%; display: inline-block; vertical-align: middle; text-align: center }
.mod-buy .sell-box .name .icon { display: inline-block; width: 78px; height: 86px; background-repeat: no-repeat }
.mod-buy .sell-box .name .title { color: #333; font-size: 16px; display: block; margin-top: 15px }
.mod-buy .sell-box .sell-box-list { width: 78%; border-left: 1px solid #ccc; display: inline-block; vertical-align: middle; padding-left: 3% }
.mod-buy .sell-box .sell-box-list .sell-box-item { width: 31.3%; display: inline-block; padding: 1%; vertical-align: top }
.mod-buy .sell-box .sell-box-item .type { font-size: 14px; color: #666; margin-bottom: 5px }
.mod-buy .sell-box .sell-box-item .type .text { margin-right: 13px }
.mod-buy .sell-box .sell-box-item .type strong { color: #f87831 }
.mod-buy .sell-box .sell-box-item .type .price-bf { color: #888; text-decoration: line-through }
.mod-buy .sell-box .sell-box-item .setting { font-size: 13px; color: #999; line-height: 26px; margin-bottom: 7px }
.mod-buy .sell-box .sell-box-item .tc-btn { padding: 0 21% }
.mod-framework .framework-op { margin-bottom: 6% }
.mod-framework .framework-img { text-align: center }
.mod-framework .framework-img .img { max-width: 100% }
.summary-content { font-size: 14px; overflow-x: auto; padding-top: 10px; overflow-y: hidden; padding-bottom: 15px; -webkit-overflow-scrolling: touch }
.mod-summary .summary-tb { width: 100% }
.mod-summary .summary-tb .tb-title { color: #333; font-size: 16px; padding-left: 10px; padding-right: 10px }
.mod-summary .summary-tb .tb-sub-title { text-align: center }
.mod-summary .summary-tb .tb-title-old { color: #999 }
.mod-summary .summary-tb td { padding: 20px 10px }
.mod-summary .summary-content .ct-title { color: #333; font-weight: 700 }
.mod-summary .summary-content .text-old, .mod-summary .summary-content .text-old .ct-title { color: #999 }
.mod-features .tab-content-detail { font-size: 14px }
.mod-features .list-content { border: 1px solid #d3d3d3; margin-bottom: 25px }
.mod-features .list-content .list-content-head { display: block; position: relative; background-color: #f3f3f3; line-height: 45px; padding-left: 24px; color: #333; font-size: 16px; font-weight: 700; border-bottom: 1px solid #d3d3d3 }
.mod-features .list-content-head .icon { display: inline-block; width: 16px; height: 9px; position: absolute; top: 17px; right: 20px }
.mod-features .list-content.arr-up .icon { background-image: url(sprite/product-temp20160918-201609271556.png); background-position: -151px -154px }
.mod-features .list-content.arr-down .icon { background-image: url(sprite/product-temp20160918-201609271556.png); background-position: -169px -154px }
.mod-features .list-content.arr-down .list-content-body { display: none }
.mod-features .list-content.arr-down .list-content-head { border-bottom: none }
.mod-features .list-content .list-content-body { padding: 20px 24px 5px }
.mod-features .list-content .list-content-body>li { margin-bottom: 15px }
.mod-features .list-content .list-content-body .list-body-title { line-height: 26px; color: #333 }
.mod-features .list-content .list-content-body .list-bory-content { line-height: 20px; color: #666 }
.mod-features .ct-table { margin: 10px 0; width: 100% }
.mod-features .ct-table th { padding: 10px }
.mod-summary-case .width-1-4 { width: 25% }
.mod-summary-case .width-2-4 { width: 50% }
.mod-summary-case .width-3-4 { width: 75% }
.mod-summary-case .width-4-4 { width: 100% }
.mod-summary-case .case-title .case-item { display: inline-block }
.mod-summary-case .case-title .case-item:first-child .title { padding-right: 10px }
.mod-summary-case .case-title .case-item:last-child .title { padding-left: 10px }
.mod-summary-case .case-title .title { padding-top: 25px; line-height: 45px; height: 45px; text-align: center }
.mod-summary-case .case-title .line { display: block; background-color: #dcdee0; height: 1px; width: 100% }
.mod-summary-case .case-title .text { display: inline-block; background-color: #fff; padding: 0 10px; line-height: 45px; height: 45px; font-size: 16px; color: #333; position: relative; top: -25px }
.mod-summary-case .case-list { width: 100% }
.mod-summary-case .case-list .item { display: inline-block; width: 23.5%; margin-left: 2%; text-align: center; vertical-align: top }
.mod-summary-case .case-list .item:first-child { margin-left: 0 }
.mod-summary-case .case-list .pic { border: 1px solid #dcdee0; box-sizing: border-box; max-width: 100% }
.mod-summary-case .case-list .text { font-size: 14px; color: #333; margin-top: 10px }
.mod-comparison .comparison-table { width: 100%; font-size: 14px; color: #333 }
.mod-comparison .comparison-table td { position: relative; line-height: 40px; padding: 0; border-right: none; border-top: none }
.mod-comparison .comparison-table th { border-right: none; border-top: none }
.mod-comparison .comparison-table .info { width: 90%; padding: 0 5%; height: 100%; left: -1px; top: 0; position: relative }
.mod-comparison .comparison-table .cp-block { background-color: #2277da; color: #fff; font-size: 16px; font-weight: 400; position: relative }
.mod-comparison .comparison-table .cp-block-ft { position: relative }
.mod-comparison .comparison-table .cp-block:before { content: ""; position: absolute; top: -10px; left: -1px; width: 100%; height: 10px; background-color: #2277da; border: 1px solid #2277da }
.mod-comparison .comparison-table .cp-block-ft:after { content: ""; position: absolute; bottom: -10px; left: -1px; width: 100%; height: 10px; background-color: #fff; border: 1px solid #2277da; border-top: none }
.mod-comparison .comparison-table .cp-block+.cp-block:before { border-right: none }
.mod-comparison .comparison-table .border-l-r { border-left: 1px solid #2277da; border-right: 1px solid #2277da; position: relative }
.mod-comparison .comparison-table .tb-sub-title { font-weight: 700 }
.mod-comparison .comparison-table .td-center { text-align: center }
.mod-comparison .comparison-table .td-checked { width: 17px; height: 11px; display: inline-block; vertical-align: -3px; background-image: url(sprite/product-temp20160918-201609271556.png); background-position: -132px -154px }
.mod-lightspot .feature-item { color: #666; font-size: 14px; padding-bottom: 36px }
.mod-lightspot .feature-item h4 { color: #333; font-size: 16px; font-weight: 400 }
.mod-lightspot .feature-item .icon { display: inline-block; width: 32px; height: 32px; vertical-align: -10px; margin-right: 10px }
.mod-lightspot .feature-item .icon-performance { background-image: url(sprite/product-temp20160918-201609271556.png); background-position: -144px -120px }
.mod-lightspot .feature-item .icon-dollar { background-image: url(sprite/product-temp20160918-201609271556.png); background-position: -110px -120px }
.mod-lightspot .feature-item .icon-easily { background-image: url(sprite/product-temp20160918-201609271556.png); background-position: -178px -86px }
.mod-lightspot .feature-item .icon-safety { background-image: url(sprite/product-temp20160918-201609271556.png); background-position: -144px -86px }
.mod-lightspot .feature-item .icon-team { background-image: url(sprite/product-temp20160918-201609271556.png); background-position: -110px -86px }
.mod-lightspot .feature-item .feature-item-title { line-height: 42px }
.mod-lightspot .feature-item p { line-height: 40px; padding-left: 42px }
.mod-lightspot .feature-item ul { padding-left: 42px }
.mod-lightspot .feature-item ul li { line-height: 28px }
.mod-lightspot .feature-item .icon-dot { width: 14px; height: 14px; display: inline-block; vertical-align: -3px; margin-right: 5px; background-image: url(sprite/product-temp20160918-201609271556.png); background-position: 0px -196px }
.mod-guide .qc-wrapper { margin-left: -10px; margin-right: -10px }
.mod-guide .guide-item .unit-box { display: inline-block; width: 100% }
.mod-guide .guide-item .img { position: relative }
.mod-guide .guide-item .label { position: absolute; color: #fff; bottom: 10px; right: 10px; line-height: 16px }
.mod-guide .guide-item .label .read { display: inline-block; vertical-align: top; font-size: 14px; background-color: #2277da; padding: 0 5px; height: 16px }
.mod-guide .guide-item .label .time { display: inline-block; vertical-align: top; font-size: 12px; background-color: #000; padding: 0 3px; height: 16px }
.mod-guide .guide-item .unit-box .title { font-size: 14px; color: #333; text-align: center; margin-top: 10px; line-height: 36px; width: 100% }
.mod-guide .guide-item .unit-box .img-bg { max-width: 100% }
.mod-guide .guide-item .unit-box:hover .img-bg { -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2); box-shadow: 0 2px 6px rgba(0,0,0,.2) }
.mod-guide .guide-item .unit-box:hover .title { color: #2277da }
.markdown-text-box h4 { line-height: 26px; color: #333; font-size: 16px; margin-bottom: 15px; margin-top: 15px }
.markdown-text-box p { line-height: 24px; color: #666; margin-bottom: 20px }
.markdown-text-box a { color: #2277da }
.markdown-text-box a:hover { text-decoration: underline }
.markdown-text-box table { border-collapse: collapse; border-spacing: 0; width: 100%; overflow: auto; word-break: normal; word-break: keep-all; margin: 10px 0 }
.markdown-text-box table th { background: #f8f8f8; padding-top: 15px; padding-bottom: 15px; border: 1px solid #ebeced; color: #333 }
.markdown-text-box table td { padding: 15px; border: 1px solid #ebedf0; text-align: left; vertical-align: top; white-space: normal; word-break: break-all }
.markdown-text-box img { display: block; margin: 0 auto; padding: 15px 0; max-width: 100% }
.markdown-text-box ol { list-style-type: decimal }
.markdown-text-box ol ul, .markdown-text-box ul ul { list-style-type: circle }
.markdown-text-box ol ol ul, .markdown-text-box ol ul ul, .markdown-text-box ul ol ul, .markdown-text-box ul ul ul { list-style-type: square }
.markdown-text-box ol, .markdown-text-box ul, .text-list { padding: 0; margin-bottom: 15px; margin-top: 15px; color: #666; line-height: 1.5em }
.markdown-text-box ul li, .text-list li { padding-left: 15px; position: relative }
.markdown-text-box ul li:before, .text-list li:before { content: "\2022\20"; position: absolute; top: 0; left: 3px; color: #8c8c8c; font-size: 14px }
.markdown-text-box ol ol, .markdown-text-box ul ol { list-style-type: lower-roman }
.markdown-text-box ol ol ol, .markdown-text-box ol ul ol, .markdown-text-box ul ol ol, .markdown-text-box ul ul ol { list-style-type: lower-alpha }
.list-content-v2 { border: 1px solid #e0e0e0; border-bottom: none; border-top: none; font-size: 14px }
.list-content-v2 .list-content-head { position: relative; background-color: #ebeced; line-height: 45px; padding-left: 24px; color: #333; font-size: 16px; font-weight: 700; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; display: none }
.list-content-v2 .list-content-head .icon { display: inline-block; width: 16px; height: 10px; position: absolute; top: 17px; right: 20px }
.list-content-v2 .list-content-head.arr-up .icon { background-image: url(sprite/product-temp20160918-201609271556.png); background-position: -151px -154px }
.list-content-v2 .list-content-head.arr-down .icon { background-image: url(sprite/product-temp20160918-201609271556.png); background-position: -169px -154px }
.list-content-v2 .list-content-body { padding: 30px 24px; border-bottom: 1px solid #e0e0e0 }
.list-content-v2 .list-content-body>li { margin-bottom: 20px }
.list-content-v2 .ct-table { margin: 10px 0; width: 100% }
.list-content-v2 .list-content-body .pt-line { margin-bottom: 15px }
.list-content-v2 .list-content-body .pt-line .title { color: #333; font-weight: 700; float: left }
.list-content-v2 .list-content-body .pt-line .link { margin-right: 10px; margin-left: 5px }
.list-content-v2 .list-content-body .pt-line .pt-icon-16 { display: inline-block; vertical-align: middle; margin-right: 5px; padding: 0 }
.list-content-v2 .list-content-body .pt-line .name { display: inline-block; vertical-align: middle }
.list-content-v2 .list-content-body .text-area { background-color: #f8f8f8; padding: 13px 20px }
.list-content-v2 .list-content-body .text-area li { margin: 8px 0; padding-left: 30px; position: relative }
.list-content-v2 .list-content-body .text-area .label { display: inline-block; width: 20px; height: 13px; background-image: url(sprite/product-temp20160918-201609271556.png); position: absolute; top: 5px; left: 0; line-height: 14px; color: #fff; font-size: 12px; text-indent: 3px; background-position: -110px -154px }
.list-content-v2 .list-content-body .sp-line { height: 1px; border-bottom: 1px solid #e4e9f0; padding-top: 20px; margin-bottom: 35px }
.mod-scenario .list-content-v2 .line-solution { margin-bottom: 35px }
.mod-scenario .list-content-v2 .solution .unit-box { border: 1px solid #e5eaf0; position: relative; min-height: 70px; display: table; width: 100% }
.mod-scenario .list-content-v2 .solution:hover { text-decoration: none }
.mod-scenario .list-content-v2 .solution:hover .unit-box { -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2); box-shadow: 0 2px 6px rgba(0,0,0,.2) }
.mod-scenario .list-content-v2 .solution:hover .title { color: #2277da }
.mod-scenario .list-content-v2 .solution .sl-img { display: table-cell; width: 23%; height: 100%; border-right: 1px solid #e5eaf0; vertical-align: middle; text-align: center }
.mod-scenario .list-content-v2 .solution .img { display: inline-block; vertical-align: middle; width: 32px; height: 32px }
.mod-scenario .list-content-v2 .solution .ct { display: table-cell; vertical-align: middle; padding-left: 15px; padding-top: 10px; padding-bottom: 10px }
.mod-scenario .list-content-v2 .solution .title { font-size: 16px; color: #333; font-weight: 700; margin-bottom: 0 }
.mod-scenario .list-content-v2 .solution .text { font-size: 14px; color: #666 }
.mod-scenario .list-content .line-recommend { margin-bottom: 0 }
.mod-scenario .list-body-content.qc-wrapper { margin-left: -10px; margin-right: -10px }
.mod-scenario .sell-box-item .unit-box { border: 1px solid #e5eaf0 }
.mod-scenario .sell-box-item .type { font-size: 16px; color: #333; font-weight: 700; border-bottom: 1px solid #e5eaf0; line-height: 42px; padding-left: 15px; padding-right: 15px }
.mod-scenario .sell-box-item .type .price { float: right }
.mod-scenario .sell-box-item strong { color: #ff7200 }
.mod-scenario .sell-box-item .setting { font-size: 14px; color: #666; padding: 10px 15px }
.mod-scenario .sell-box-item .setting .text { line-height: 24px }
.mod-scenario .sell-box-item .setting .text:before { content: "\2022\20"; color: #666; padding-right: 5px; font-size: 12px }
.mod-scenario .sell-box-item .tc-btn { display: block; margin-left: 15px; margin-right: 15px; margin-bottom: 15px; line-height: 25px; color: #fff; font-weight: 400 }
.mod-scenario .sell-box-item .tc-btn:hover { text-decoration: none }
.mod-mask { position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; z-index: 200; height: 100%; background: rgba(0,0,0,.8) }
.mod-mask .btn-close { display: inline-block; width: 30px; height: 29px; background-image: url(sprite/product-temp20160918-201609271556.png); background-repeat: no-repeat; position: absolute; top: 50px; right: 50px; background-position: -178px -120px }
.price-content-1 { max-width: 89.5%; height: auto; display: block; margin: 0 auto }
.price-content-2 { max-width: 100%; height: auto; display: block; margin: 0 auto }
.slide-avc .pb-10 { padding-bottom: 10px }
.slide-avc .mod-function .tab-content-detail { margin: 15px 0 }
.slide-avc .mod-function .slide-text { margin: 15px auto }
.slide-clb .mod-price .text-content { margin-top: 10px }
.slide-mvs .mod-function .tab-content-detail { margin-bottom: 30px }
.pb-10 { padding-bottom: 10px }
.slide-sc .head-area .head-operation .activity .line-1 { margin-top: 15px }
.slide-td .mod-function .tab-content-detail-1, .slide-vod .mod-function .tab-content-detail, .slide-wns .mod-function .tab-content-detail { margin-bottom: 30px }
.ie8 .mod-inner, body.ie8 { min-width: 1200px }
body.ie8 .main-content .mod-timeline .version-list .date { text-indent: -23% }

@media screen and (min-width:769px) and (max-width:1199px) { .lantu img{ width:88% ;}
.body, .mod-inner { min-width: 980px }
}

@media screen and (max-width:768px) { .lantu img{ width:81% ;}
.price-content::-webkit-scrollbar, .product-table-overflow::-webkit-scrollbar, .summary-content::-webkit-scrollbar {
height:12px
 
}
.price-content::-webkit-scrollbar-thumb, .product-table-overflow::-webkit-scrollbar-thumb, .summary-content::-webkit-scrollbar-thumb {
background-color:#ccc
}
.product-table-overflow::-webkit-scrollbar-track {
background-color:#eee
}
.side-navigation { display: none }
.qc-unit-md-1-2 { width: 50% }
.main-content { width: 100%; padding-left: 0; padding-top: 0; margin-left: 0; padding-bottom: 20px }
.main-content .tab-content { margin-left: 3.9%; margin-right: 3.9% }
.main-content .vertical-size .text { line-height: 22px; text-align: center }
.main-content .vertical-size h4 { margin: 18px auto 6px; font-size: 20px }
.tc-15-rich-radio .tc-btn.m { font-size: 14px; padding: 0 5px }
.customer-case .title { font-size: 20px }
.main-content .tab-title {    display: none; }
.main-content .m-tab-title { display: block; position: fixed; top: 0; background-color: #fff; z-index: 1000; width: 100%; -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.22); box-shadow: 0 2px 6px rgba(0,0,0,.22) }
.m-tab-title .mod-inner { margin-left: 3.9%; margin-right: 3.9% }
.m-tab-title .tab-current { display: block; color: #333; font-size: 16px; height: 50px; line-height: 50px; margin-left: 3.9%; margin-right: 3.9%; position: relative; padding-left: 45px; font-weight: 700;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.m-tab-title.arr-up .tab-current { border-bottom: 1px solid #e5e5e5 }
.m-tab-title .tab-icon { position: absolute; top: 19px; left: 10px; display: inline-block; width: 16px; height: 10px }
.m-tab-title.arr-up .tab-icon { background-image: url(product-temp20160918-media2-201609271556.png); background-position: 0px 0px }
.m-tab-title.arr-down .tab-icon { background-image: url(product-temp20160918-media2-201609271556.png); background-position: -18px 0px }
.m-tab-title .list { padding-top: 10px; padding-bottom: 10px }
.m-tab-title.arr-down .list { display: none }
.m-tab-title.arr-up .list { display: block }
.m-tab-title .list a { font-size: 16px; color: #666; line-height: 50px; display: block; padding-left: 15px }
.m-tab-title .list .current a { background-color: #efefef; color: #333 }
.main-content .head-area { padding-left: 20%; height: 290px }
.main-content .head-area .icon { left: -17% }
.main-content .head-area h2 { font-size: 34px; margin-bottom: 15px; margin-top: 40px }
.main-content .head-area .head-content { font-size: 14px; width: 85% }
.main-content .head-area .head-operation .activity p { font-size: 14px; margin-bottom: 5px }
.main-content .head-area .head-operation .tc-btn { height: 45px; line-height: 45px }
.customer-case .case-list { border: none }
.main-content .sell-box .name { width: 15% }
.main-content .sell-box .name .icon { width: 55%; height: auto; background-size: contain }
.main-content .sell-box .name .title { font-size: 12px }
.main-content .sell-box .sell-box-list { width: 78.5% }
.main-content .sell-box .sell-box-list .sell-box-item { padding: 0 4%; width: 25.3% }
.main-content .sell-box .sell-box-item .setting { font-size: 12px }
.main-content .price-content table.width-full, .main-content .price-content-2, .main-content .width-full { width: 98.8% }
.mod-buy .tab-content-detail, .mod-version .tab-content-detail, .mod-wiki .tab-content-detail { width: 98%; margin: 0 auto }
.main-content .sell-box .sell-box-list { padding-left: 1.3%; width: 83% }
.main-content .text-content, .mod-price .price-content table, .mod-price .slide-text { margin-left: 0; margin-right: 0; width: 100% }
.mod-price .slide-text { font-size: 16px }
.price-content-1 { max-width: 100% }
.mod-timeline .timeline-mask { margin: 0 22px; width: auto }
.mod-features .list-content .list-content-head { padding-left: 10px }
.mod-features .list-content .list-content-body { padding-left: 10px; padding-right: 10px }
.mod-scenario .tab { display: none }
.mod-scenario .list-content-head { display: block }
.mod-scenario .sell-box-item { margin-bottom: 20px }
.mod-scenario .sell-box-item .tc-btn { height: 34px; line-height: 34px }
.mod-scenario .list-content-v2 { margin-bottom: 20px }
.mod-scenario .list-content-v2:last-child { margin-bottom: 0 }
.mod-hero { height: auto }
.mod-hero .mod-inner { height: auto; min-height: 290px }
.mod-hero .banner-ct { padding-left: 5.2%; width: 59%; padding-bottom: 40px }
.mod-hero .title { font-size: 46px; margin-top: 30px }
.mod-hero .title .title-cn { font-size: 46px; line-height:1.2; }
.mod-hero .title .title-en { font-size: 44px;display: none; }
.mod-hero .head-operation, .mod-hero .head-operation .op-line { margin-bottom: 0 }
.mod-hero .pt-icon { width: 200px; height: 200px; background-size: cover; top: 50px; right: 5.2% }
.mod-hero .pt-icon img { width: 140px; height: auto; margin-top: 27px }
.mod-hero .op-line .tc-btn { width: 31%; margin-right: 2.2% }
.mod-hero .op-line .tc-btn:last-child { margin-right: 0 }
.mod-hero .ad { display: none }
}

@media screen and (max-width:700px) {
.main-content .head-area h2 { font-size: 26px }
.main-content .sell-box .name { display: none }
.main-content .sell-box .sell-box-list { padding-left: 0; width: 100%; border-left: none }
.mod-wiki .menu-list { border: 1px solid #e5e5e5; padding-left: 20px; padding-right: 20px; padding-bottom: 0 }
.mod-wiki .menu-links { width: 100% }
.mod-wiki .menu-links h4 { display: none }
.mod-wiki .menu-links .links-title { position: relative; display: block; height: 50px; line-height: 50px; border-bottom: 1px solid #ddd; font-size: 16px; color: #333; font-weight: 700 }
.mod-wiki .menu-links ul { border-bottom: 1px solid #ddd; padding-top: 15px; padding-bottom: 15px }
.mod-wiki .menu-links:last-child h4, .mod-wiki .menu-links:last-child ul { border-bottom: none }
.mod-wiki .menu-links .links-title .icon { display: inline-block; width: 16px; height: 10px; position: absolute; top: 17px; right: 20px }
.mod-wiki .menu-links .links-title .icon.arr-up { background-image: url(sprite/product-temp20160918-media3-201609271556.png); background-position: 0px 0px }
.mod-wiki .menu-links .links-title .icon.arr-down { background-image: url(sprite/product-temp20160918-media3-201609271556.png); background-position: -18px 0px }
.mod-wiki .menu-links .border-bt-none { border-bottom: none }
#tmpHolder{display: none!important;}
}
@media screen and (max-width:640px) {
.lantu { width: 100%;}
.lantu img{ width:100% !important;}
.summary-content{ width:96% !important; margin:0 auto; }
.shou {width: 100%; float: none;}
.shoua{width: 100%; float:none; }
.shoub{ width:100%; float:none; }
.shouc{ width:100%; float:none; }
.ccc,.qc-wrapper img { width: 100% !important;}
.mod-summary{ width:100% !important; float:none !important;}
.miao{ width:100% !important;}
}
@media screen and (max-width:560px) { .lantu img{ width:61% ;}
.qc-unit-sm-1-2 { width: 50% }
.qc-unit-sm-1-1 { width: 100% }
.qc-unit-sm-1-3 { width: 33.3333% }
.main-content .column-4 .vertical-size { width: 50%; margin-bottom: 2% }
.mod-hero .mod-inner { min-height: 0 }
.main-content .head-area { height: 336px }
.main-content .head-area .icon { width: 50px; top: -10px; left: -17% }
.main-content .head-area .head-operation .activity { margin-left: 0; margin-top: 10px; display: block }
.main-content .head-area .head-operation .activity .line-2 { display: none }
.main-content .head-area .head-operation .tc-btn { line-height: 30px; height: 30px; font-size: 14px }
.main-content .tab-content.mod-guide { padding-bottom: 0 }
.mod-guide .guide-item { margin-bottom: 10px }
.mod-guide .guide-item .unit-box .title { margin-top: 0 }
.list-content-v2 .list-content-body .pt-line .link { white-space: nowrap }
.mod-scenario .list-content-v2 .solution { margin-bottom: 20px; padding-left: 0; padding-right: 0 }
.mod-scenario .list-content-v2 .solution:last-child { margin-bottom: 0 }
.mod-scenario .list-content-v2 .list-content-body .sp-line { padding-top: 10px; margin-bottom: 25px }
.mod-scenario .list-content-v2 .list-content-body .pt-line .title { float: none }
.mod-scenario .list-content-v2 .list-content-body .pt-line .pt-list { margin-top: 10px }
.mod-scenario .list-content-v2 .list-content-body .pt-line .link { margin-left: 0; line-height: 30px }
.mod-scenario .sell-box-list .sell-box-item { padding-left: 0; padding-right: 0 }
.mod-hero { background-image: none }
.mod-hero .pt-icon { display: none }
.mod-hero .banner-ct { padding-right: 5.2%; width: auto; position: relative; z-index: 10 }
.mod-hero .m-pt-icon { display: none; z-index: 1 }
.mod-hero .m-pt-icon .m-icon { width: 165px; height: 170px }
}

@media screen and (max-width:479px) { .lantu img{ width:51% ;}
.main-content .tab-content .tab-content-title { margin-left: 1.5% }
.main-content .column-4 .vertical-size { margin-bottom: 6% }
.mod-buy .sell-box .sell-box-item .tc-btn { padding: 0 12% }
}

@media screen and (max-width:414px) {
.main-content .tab-content { margin-bottom: 30px }
.main-content .tab-content .tab-content-title { font-size: 20px }
.main-content .head-area .icon { width: 39px; top: -5px }
.main-content .head-area .head-content { line-height: 22px }
.main-content .tab-content.mod-advantage { margin-bottom: 0 }
.mod-advantage .vertical-size .item-icon { max-width: 89% }
.mod-advantage .tab-content-detail .vertical-size { margin-bottom: 30px }
.mod-buy .sell-box .sell-box-list .sell-box-item { width: 92%; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc }
.mod-buy .sell-box .sell-box-list .sell-box-item:last-child { border-bottom: none }
.mod-buy .sell-box .sell-box-item .setting li { display: inline; margin-right: 5px }
.mod-buy .sell-box { padding: 0 }
.mod-buy .sell-box .sell-box-item .tc-btn { height: 26px; line-height: 26px }
.mod-buy .sell-box .sell-box-item .type .text { line-height: 22px }
.mod-buy .sell-box .sell-box-item .type .text.price { float: right; margin-right: 0 }
.mod-hero .op-line .tc-btn .icon-cal { left: 15% }
}

@media screen and (max-width:375px) { .lantu img{ width:31% ;}
.main-content .head-area h2 { margin-top: 30px }
.mod-advantage .tab-content-detail .vertical-size { width: 100% }
.mod-advantage .vertical-size .item-icon { border: none; max-width: 63% }
.mod-function .column-4 .vertical-size { width: 100%; margin-bottom: 35px }
}

@media screen and (max-width:320px) {
.mod-hero .title, .mod-hero .title .title-cn { font-size: 36px }
.mod-hero .title .title-en { font-size: 34px }
}

@media screen and (min-width:767px) and (max-width:1199px) {
.qc-navigation, .qc-navigation .navigation-inner, .tc-footer { min-width: 980px }
}

@media screen and (max-width:768px) {
.mod-scroll-btn { display: none }
.m-scroll-top { display: block }
.head-light-tips, .qc-navigation { display: none }
.qc-navigation-mobile { display: block; position: relative; z-index: 100; width: 100%; min-width: 320px }
.tc-footer { min-width: 320px; padding-bottom: 40px }
.tc-footer .tc-footer-columns { display: none }
.tc-footer .column-certification, .tc-footer .column-follow { width: auto; margin-left: 10px; margin-right: 10px }
.tc-footer .columns h3, .tc-footer .columns ul { padding-left: 30px }
.tc-footer .column-certification .certification .ct-img img { max-width: 100% }
.tc-footer .column-certification>h3 { padding-left: 0 }
}

@media screen and (max-width:414px) {
.mod-hero .head-content { margin-bottom: 0; min-height: 0 }
.mod-hero .head-operation { margin-top: 21px; margin-bottom: 0 }
.mod-hero .head-operation .op-line { margin-bottom: 0 }
.tc-footer .columns, .tc-footer .tc-footer-copyright .department { display: none }
.tc-footer .tc-footer-copyright .links .line-2 .slide { display: block }
.tc-footer .tc-footer-copyright .department, .tc-footer .tc-footer-copyright .department a { font-size: 14px }
}
#MAXIM { content: "feu2016927155658" }/*  |xGv00|c423e59472c542d01a6819226538f924 */