@charset "utf-8";
/* CSS Document */
h1,h2,h3,h4,h5,h6{margin:0;}
.h1,.h2,.h3,.h4,.h5,.h6{margin:0;}
ul{padding-left:20px;}
img {max-width:100%;}
.font-size-super {font-size: 1.5rem;}
.font-size-extra {font-size: 1.375rem;}
.font-size-huge {font-size: 1.25rem;}
.font-size-large {font-size: 1.125rem;}
.text-gray77{color:#777;}
.border-dashed{border-top:1px dashed #b7b7b7;height:0;margin:3.5rem 0;}
.slick-dots li button{width:28px;height:3px;background-color:#777;border:none; opacity:0.7;padding:0;}
.slick-dots li.slick-active button{background-color:#00aaea;opacity:1;}
.blue-bg li button{width:28px;height:3px;background-color:#fff;border:none; opacity:0.7;padding:0;}
.blue-bg li.slick-active button{background-color:#fff;opacity:1;}
.border-left-blue{border-left:4px solid #00aaea;}

.phone-logo{display:none;}
@media (max-width: 970px) {
	.pc-logo{display:none;}
	.phone-logo{display:block;}
}

@media (max-width: 800px) {
	.phone-hide{display:none;}
}

/*rating*/
.rating{display:inline-block;*display:inline; zoom:1; *margin-bottom:3px;}
.rating li{ display:inline-block; *display:inline;*padding:0 2px 0 0; height:15px;width:15px; zoom:1}
.rating li.on{background-position:0 -31px}
.rating li.half{background-position:0 -58px}

.bigRating li{background-position:-30px 0; width:30px; height:30px; }
.bigRating li.on{background-position:-30px -36px}
.bigRating li.half{background-position:-30px -72px}

.middleRating li{background-position:-71px 0; width:20px; height:20px; }
.middleRating li.on{background-position:-71px -36px}
.middleRating li.half{background-position:-71px -72px}

.home-banner .img-height{ min-height:60vh;}
.home-banner h1{ font-size:3.75rem;}
.home-banner .slick-dots{ position:absolute;margin:0;bottom:30px;}
@media (max-width: 1500px) {
	.home-banner .img-height{ min-height:50vh;}
}
@media (max-width: 1300px) {
	.home-banner .img-height{ min-height:44vh;}
}
@media (max-width: 1200px) {
	.home-banner h1{ font-size:2.75rem;}
}
@media (max-width: 767px) {
	.home-banner .img-height{ min-height:70vh;}
	.home-banner h1{ font-size:2rem;}
}

.home-pro .item{ background-color:#000;background-repeat:no-repeat; background-position:center center; background-size:100%; min-height:26vh;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.home-pro .item .info{display:none; background-color:#000;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s; position:absolute;width:100%;height:100%; opacity:0;}
.home-pro .item:hover .info{display:block; opacity:0.7;}
.home-pro .item:hover{background-size:110%;}
@media (max-width: 1700px) {
	.home-pro .item{ min-height:22vh;}
}
@media (max-width: 1620px) {
	.home-pro .item{ min-height:18vh;}
}
@media (max-width: 1420px) {
	.home-pro .item{ min-height:15vh;}
}
@media (max-width: 1200px) {
	.home-pro .item{ min-height:10vh;}
	.home-pro .item h2{ font-size:20px;}
}
@media (max-width: 767px) {
	.home-pro .item{ min-height:20vh;}
}

/*Background in the left half*/
.bg-half-img {background-repeat:no-repeat; background-position: 0 center; background-size:45% auto;}
@media (min-width: 992px) {
	.bg-half-img .half-img-minheight {min-height: 480px;}
}
@media (min-width: 1900px) {
	.bg-half-img .half-img-minheight {min-height: 470px;}
}
@media (min-width: 2300px) {
	.bg-half-img .half-img-minheight {min-height: 590px;}
}
@media (max-width: 992px) {
	.bg-half-img {background-size:auto 30vh; background-position:center bottom; padding-bottom: 35vh;}
}

.pro-banner .img-height{ min-height:50vh;}
.pro-banner h1{ font-size:3.75rem;}
@media (max-width: 1500px) {
	.pro-banner .img-height{ min-height:48vh;}
}
@media (max-width: 1300px) {
	.pro-banner .img-height{ min-height:44vh;}
}
@media (max-width: 1200px) {
	.pro-banner h1{ font-size:2.75rem;}
}
@media (max-width: 767px) {
	.pro-banner .img-height{ min-height:70vh;}
	.pro-banner h1{ font-size:2rem;}
}

.vcu-pic-position{top:0;right:0; position:absolute;}
.vcu-text-width{width:60%;}
@media (max-width: 800px) {
	.vcu-pic-position{ position:static;}
	.vcu-text-width{width:auto;}
}
.list-one,.list-two,.list-three{ text-align:left; list-style:none;padding-left:0;}
.list-none-style{list-style:none;padding-left:0;}

.tab-menu{border-bottom:1px solid #777; text-align:center;}
.tab-menu a{display:inline-block;padding:1rem 2.2rem; text-align:center; font-size:1.25rem; font-weight:600;}
.tab-menu a:first-child{border-left:0;}
.tab-menu a.active{border-bottom:3px solid #00aaea;}
.tab-menu a:hover{color:#000; text-decoration:none;}
.tab-menu:after{display:block; content:""; clear:both;}
@media (max-width:900px){
	.tab-menu a{ font-size:1rem;padding:1rem 0.8rem;}
}
@media (max-width:767px){
	.tab-menu a{width:49%;padding:1rem 0;}
}

.tab-menu2{border-bottom:1px solid #d2d2d2; text-align:center;}
.tab-menu2 a{display:inline-block;padding:1rem 2.2rem; text-align:center; font-size:1.25rem; font-weight:600;}
.tab-menu2 a:first-child{border-left:0;}
.tab-menu2 a.active{border-bottom:3px solid #00aaea;color:#00aaea;}
.tab-menu2 a:hover{color:#00aaea; text-decoration:none;}
.tab-menu2:after{display:block; content:""; clear:both;}
.tab-menu3 > div{display:inline-block;width:40%;background-color:#777;color:#fff; font-size:1.45rem; font-weight:600;margin-top:20px; line-height:60px;height:60px; cursor:pointer;}
.tab-menu3 > div.active{width:60%;background-color:#00aaea;color:#fff; line-height:80px;height:80px;margin-top:0;}
@media (max-width:900px){
	.tab-menu a{ font-size:1rem;padding:1rem 0.8rem;}
}
@media (max-width:767px){
	.tab-menu a{width:49%;padding:1rem 0;}
}

.hot-topic a{ text-decoration:none;}
.hot-topic .img-pic{ background-repeat:no-repeat; background-position:center center;background-size:110%;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.hot-topic .img-pic:hover{ background-size:120%;}
.hot-topic .img-pic .min-height{min-height:45vh;}
.hot-topic .right-tab{ background-color:#f7f7f7;height:32%;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.hot-topic .right-tab:hover{ background-color:#00aaea;color:#fff !important;}
.hot-topic .right-tab .tit{color:#00aaea;}
.hot-topic .right-tab:hover .tit{color:#fff;}
.hot-topic .right-tab a:hover{color:#fff;}
@media (max-width: 900px) {
	.hot-topic .img-pic .min-height{min-height:300px;}
	.hot-topic .right-tab{height:auto;padding:1.5rem;}
}

.accordion-style [role="tab"] i {transition:all .15s ease-in-out;}
.accordion-style [role="tab"][aria-expanded='true'] i {transform:rotate(180deg);}
.accordion-style2 [data-toggle=collapse][aria-expanded=true] {color: #00aaea;}
.accordion-style3 [data-toggle=collapse]{padding-left:35px;}

.hot-pro-box .if_gotoMac,
.hot-pro-box .if_gotoWin {opacity:0.5;}
.hot-pro-box .if_gotoMac.curr,
.hot-pro-box .if_gotoWin.curr {color:#fff; opacity:1;}
.hot-pro-box .if_gotoMac a:hover,
.hot-pro-box .if_gotoWin a:hover{color:#fff !important;}

.triangle-up{display:block;width:0;height:0;border-left:15px solid transparent;border-right: 15px solid transparent;border-bottom:30px solid #00aaea;position:absolute;}
.table-style{border-top:1px solid #e0e0e0;border-right:1px solid #e0e0e0;border-left:1px solid #e0e0e0;}
.table-style th,.table-style td{border-bottom:1px solid #e0e0e0;}
.table-style th{padding:1.5rem;}
.table-style td{padding:1.5rem;}
.table-style2{border-top:1px solid #e0e0e0;border-right:1px solid #e0e0e0;border-left:1px solid #e0e0e0;}
.table-style2 th,.table-style2 td{border-bottom:1px solid #e0e0e0;border-left:1px solid #e0e0e0; text-align:center;}
.table-style2 th{padding:1.5rem;}
.table-style2 td{padding:1.5rem;}

.store-volume-licensing{margin-top:1.5vh;}
.store-volume-licensing .inputtxt{ border:2px solid #ececec;color:#585858; font-size:14px; font-weight:300; line-height:1.6em;padding:2.5%;width:94%; border-radius:3px;}
.store-volume-licensing input[type='text'].error_tips,
.store-volume-licensing select.error_tips,
.store-volume-licensing textarea.error_tips,
.multiSelect.error_tips,
.error_tips{ border:2px solid #f75a50 !important;}
.store-volume-licensing select{ border:2px solid #ececec;color:#585858; font-size:14px; font-weight:300; line-height:1.6em;padding:1.5%;width:98%; border-radius:3px;}
.store-volume-licensing textarea{ border:2px solid #ececec;color:#585858; font-size:14px; font-weight:300; line-height:1.6em;padding:1.5%;width:97%; border-radius:3px;}
.store-volume-licensing .click{display:block;float:left; position:relative;width:20px;height:20px; overflow:hidden;border: solid 2px #ececec;border-radius: 3px;}
.store-volume-licensing .click i {display:none; width:15px;line-height:17px;text-align: center;color: #00aaea;}
.store-volume-licensing .click.curr i {display:block;}
.store-volume-licensing .click input{ position:absolute;left:-1000px;top:-50px;}
.store-volume-licensing .txt{display:inline-block;float:left;padding-left:12px;}
.store-volume-licensing #select_products {padding-top: 5px;}
.store-volume-licensing .btn{ text-align:center;margin-top:10px;}
.multiSelect{height:40px;line-height: 31px;border:2px solid #ececec;padding:0 10px;display: block;width: 100%;border-radius:3px; position:relative;}
.multiSelect:after{display: inline-block; content:''; color:#cacaca;font-size:22px; line-height:1.2em; vertical-align:middle;font-weight:normal !important; position:absolute;right:5px;top:50%; width: 0; height: 0; margin-top: -2.5px; border-top: 5px solid;border-right: 5px solid transparent;border-bottom: 0;border-left: 5px solid transparent;}
.store-volume-licensing .item input[type='text'].multiSelect_txt{border:none; height:31px; line-height:31px; padding:0 2.5%; width:90%; margin-top:0;color:#585858; font-size:14px;}
.multiSelect_txt {border: 0px;cursor: default;}
.multiSelect input[type='text']{display:inline;border:0;width:7%;margin:0;background:none;}
.multiSelectOptions {max-height: 150px;margin-top:0px;overflow-y:auto;overflow-x:hidden;border: solid 1px #B2B2B2;background: #FFF;}
.multiSelectOptions LABEL {padding: 2px 5px;display: block; font-size:14px;}
.multiSelectOptions LABEL.checked {background: #E6E6E6;}
.multiSelectOptions LABEL.selectAll {border-bottom: dotted 1px #CCC;}
.multiSelectOptions LABEL.hover {background: #CFCFCF;}

.item-page{padding-top: 40px;text-align: center;width: 100%;}
.item-page span{font-size: 16px;color: #777;display: inline-block;margin: 0 5px;cursor: pointer;}
.item-page span.dots{font-size: 20px;}
.item-page span.prev,.item-page span.next{background-color: #d1d1d1;padding: 3px 12px 1px 12px; border-radius: 2px;color: #fff;}
.item-page span.curr{color: #00aaea;}
.item-page span.prev.curr,.item-page span.next.curr{background-color: #00aaea;color: #fff;}
.item-page span.prev.disable,.item-page span.next.disable{cursor: not-allowed;}

.hover-shadow {position: relative;display: block;}
.hover-shadow:hover:before{content:"";position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.4);left:0;top:0;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGNpcmNsZSBjeD0iMjQiIGN5PSIyNCIgcj0iMjQiIGZpbGw9IiNGRkYiIG9wYWNpdHk9Ii41Ii8+CiAgICAgICAgPGNpcmNsZSBjeD0iMjMiIGN5PSIyMyIgcj0iNy41IiBzdHJva2U9IiMyQzJCMkIiLz4KICAgICAgICA8cGF0aCBzdHJva2U9IiMyQzJCMkIiIGQ9Ik0yOCAyOWw0IDQiLz4KICAgIDwvZz4KPC9zdmc+Cg==);background-position:50%;background-repeat:no-repeat;}

.business-buy select {border: 1px solid #cacaca;border-radius: 3px;padding: 6px;font-size: 14px;width: 240px;}
.bundle-item{width:320px;}
@media (max-width:1000px){
	.bundle-item{width:auto;}
}
.buy-top-tips{ position:absolute;left:16%;top:-39px;}
.tipsbox{display:none;border:1px solid #e0e0e0; border-radius:3px;padding:10px; font-size:12px; line-height:1.2em; position:absolute;width:340px; background:#fff;top:-150px; text-align:center; z-index:5;left:21%;}
.arrow-box{width:20px;height:20px;position:absolute;left:50%;bottom:-20px;margin-left:-10px;}
.bottom-arrow1,.bottom-arrow2{width:0;height:0;display:block;position:absolute;left:0;top:0;z-index: 5;/*兼容ie8-*/border-bottom:10px transparent dashed;border-left:10px transparent dashed;border-right:10px transparent dashed;border-top:10px white solid;overflow:hidden;}
.bottom-arrow1{top:1px;/*重要*/border-top:10px solid #e0e0e0;}
.bottom-arrow2{border-top:10px solid #fff;}
@media (max-width:1000px){
	.buy-top-tips{display:none;}
}

.install-step:after{display: block;content: '';width: 0;height:102%;position: absolute;z-index: 2;left:36px;top:58px;border-left:solid 2px #00aaea;}
.install-left-mun{border:2px solid #00aaea; background-color:#fff; font-size:1.5rem; text-align:center; border-radius:100px;width:44px;height:44px;color:#00aaea; font-weight:bold;}
@media (max-width:900px){
	.install-step:after{display:none;}
}
@media (max-width:767px){
	.install-left-mun{width:auto;height:auto;border:none; background-color:inherit;}
}

.hidden-info .info{position:absolute;width:100%;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s; opacity:0;}
.hidden-info:hover .info{ opacity:1;}

[aria-expanded="false"] .toggle-false,
[aria-expanded="true"] .toggle-true {display: inline-block;}
[aria-expanded="false"] .toggle-true,
[aria-expanded="true"] .toggle-false {display: none;}