/*
*ԭstyle.css�ļ�����
*/
html { font-size: 62.5%; }
body { font-size: 14px; font-family: "���ź�","Microsoft YaHei"," Open Sans",Arial,"Hiragino Sans GB","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif; color: #374051; overflow-x: hidden; line-height: 1; }
[class^="btn"] { border-radius: 3px; display: inline-block; }
.link:hover { color: #14dcff; }
[class^="btn"] { border-radius: 3px; display: inline-block; }
.green[class^="btn"]:hover { background: rgb(43, 221, 128) none repeat scroll 0% 0%; }
.wrap { margin: 0px auto; }
#toolitembar { position: fixed; right: 40px; bottom: 120px; opacity: 0; transform: translateY(60px); transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; z-index: 999; }
#toolitembar.show {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px)
}
#back-top { display: inline-block; height: 40px; width: 40px; background-color: rgba(0, 0, 0, 0.6); color: #fff; text-align: center; transition: all 0.4s ease 0s; }
#back-top { width: 40px; height: 40px; background: transparent url("../img/icon_toparrow.jpg") no-repeat scroll 0% 0%; }
#back-top:hover { background: transparent url("../img/icon_toparrow_cur.jpg") no-repeat scroll 0% 0%; text-decoration: none; }
.fixed-aside-nav li > a:hover { color: #00c8f2; }
#header { background: rgba(255, 255, 255, 0) none repeat scroll 0% 0%; padding: 20px 0px 0px; position: fixed; width: 100%; top: 0px; left: 0px; z-index: 10; transition: all 0.4s ease 0s; min-height: 43px; }
#logo { float: left; transition: all 0.4s ease 0s; }
#logo > a { display: block; position: relative; }
#logo > a > img { display: block; width: 100%; }
#logo .white-logo {
-webkit-transition: all ease 0.4s;
-moz-transition: all ease 0.4s;
-o-transition: all ease 0.4s;
transition: all ease 0.4s;
position: absolute;
left: 0;
top: 0
}
#header.skrollable-after #logo {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
-moz-transform: scale3d(0.9, 0.9, 0.9);
-ms-transform: scale3d(0.9, 0.9, 0.9);
-o-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
padding-top: 0;
padding-bottom: 5px;
}
.header-nav { float: right; padding-top: 6px; }
.header-nav > ul { position: relative; }
.header-nav > ul > li { float: left; font-size: 18px; margin-left: 32px; padding-top: 10px; padding-bottom: 0px; position: relative; }
.header-nav > ul > li:hover .sub-menu { transform: scale3d(1, 1, 1); opacity: 1; }
.header-nav > ul > li > a { color: #fff; line-height: 30px; padding: 0px 2px; transition: all 0.4s ease 0s; position: relative; }
.header-nav > ul > li > a.menu:hover { color: #00c8f2 ! important; text-decoration: none; padding-bottom: 3px; border-bottom: 2px solid; }
.header-nav > ul > li > a.cur { color: #00c8f2 ! important; text-decoration: none; padding-bottom: 3px; border-bottom: 2px solid; }
.header-nav > ul > li.register { padding-right: 0px; }
.header-nav > ul > li > a.reg { text-decoration: none; font-weight: 100; }
.header-nav > ul > li > a.reg:hover { text-decoration: none; }
.header-nav .btn + .btn { margin-left: 0px; }
.header-nav .btn > a { display: block; height: 28px; line-height: 28px; color: #00c8f2 ! important; font-size: 14px; padding: 0px 20px; border-radius: 40px; border: 1px solid rgb(0, 200, 242); background: rgba(255, 255, 255, 0) none repeat scroll 0% 0%; transition: all 0.2s ease 0s; }
.header-nav .btn > a:hover { background: rgb(0, 200, 242) none repeat scroll 0% 0%; color: #fff ! important; }
.header-nav .register > a { border-color: #ffa900; color: #ffa900 ! important; }
.header-nav .register > a:hover { background: rgb(255, 169, 0) none repeat scroll 0% 0%; color: #fff ! important; }
.header-nav .sub-menu > li > a:hover { color: #00c8f2; }
.home-row-2 { padding-top: 70px; padding-bottom: 70px; position: relative; z-index: 2; transition: all 0.4s ease 0s; background-color: #eff4f5; }
.home-row-2 h2 { font-size: 30px; text-align: center; margin-bottom: 15px; padding: 0px 20px; }
.tools { text-align: center; margin-top: 40px; }
.tools > li { display: inline-block; margin: 0px 35px; text-align: center; }
.tools > li:nth-child(3),.tools > li:nth-child(5) { transition-delay: 0.2s; }
.tools > li:nth-child(2),.tools > li:nth-child(6) { transition-delay: 0.4s; }
.tools > li:nth-child(1),.tools > li:nth-child(7) { transition-delay: 0.6s; }
.tools h4 a { color: #34b196; font-size: 18px; }
.service { float: left; position: relative; left: 50%; padding-top: 50px; }
.service > * { float: left; position: relative; left: -50%; }
.service > li { /*margin: 0px 20px;*/ text-align: center; width: 250px; transition: all 0.4s ease-out 0s; }
.service > li:nth-child(1) { transition-delay: 0s; }
.service > li:nth-child(2) { transition-delay: 0.2s; }
.service > li:nth-child(3) { transition-delay: 0.4s; }
.service > li:nth-child(4) { transition-delay: 0.6s; }
.service > li i { width: 130px; height: 130px; border-radius: 100%; display: inline-block; background: rgb(255, 255, 255) url("../img/service-sprite.png") no-repeat scroll 0% 0%; margin-bottom: 20px; }
.service h4 { font-weight: 700; }
.service p { font-size: 16px; line-height: 1.8em; }
.service .service-1 { background-position: 30px 34px; }
.service .service-6 { background-position: -872px 32px; }
.service .service-7 { background-position: -1052px 32px; }
.service .service-8 { background-position: -1220px 32px; }
.home-row-3 { padding: 80px 0px 60px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; position: relative; z-index: 4; }
.home-row-3-1 { background: rgb(239, 244, 245) none repeat scroll 0% 0%; }
.home-row-3 h2 { font-size: 24px; text-align: center; }
.home-row-3:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
.home-row-4 { padding: 80px 0px 30px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.home-row-4 h2 { font-size: 30px; text-align: center; padding: 0px 20px; }
.home-row-4 h2 + p { text-align: center; font-size: 18px; max-width: 680px; padding: 0px 20px; margin: 0px auto; line-height: 1.8em; }
.user-voice-box { margin: 40px auto auto; }
.user-voice-box .bx-viewport { margin-bottom: 50px; }
.user-voice-box .user-voice { float: left; margin: 0px 20px; width: 40%; }
.user-voice-box .user-voice:first-child .pop { background: rgb(118, 133, 172) none repeat scroll 0% 0%; }
.user-voice-box .user-voice:first-child .avatar:before {
border-top: 20px solid #7685ac
}
.user-voice-box .pop { background: rgb(0, 200, 242) none repeat scroll 0% 0%; height: 210px; box-sizing: border-box; font-size: 18px; color: #fff; display:flex; vertical-align:middle; }
.user-voice-box .pop > p { width: 380px; margin: auto; display:block; height: 140px; }
.user-voice-box .avatar { padding-left: 20px; padding-top: 30px; position: relative; }
.user-voice-box .avatar:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
.user-voice-box .avatar:before {
position: absolute;
top: -5px;
left: 40px;
content: "";
width: 0;
height: 0;
border-left: 16px solid transparent;
border-right: 16px solid transparent;
border-top: 20px solid #00c8f2
}
.user-voice-box .avatar > img { float: left; margin-right: 15px; height: 74px; width: 74px; border-radius: 100%; background: rgb(239, 244, 245) none repeat scroll 0% 0%; }
.user-voice-box .avatar > h4 { font-size: 22px; padding-top: 4px; line-height: 1.5em; margin-bottom: 5px; }
.logo-list li:hover { box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16); z-index: 2; }
.footer-top dd > a:hover { color: #fff; }
.footer-top dd .btn:hover { background-color: #0dbf62; }
.footer-top .social > li:hover .pop { transform: scale3d(1, 1, 1); opacity: 1; }
.bx-wrapper10 { position: relative; margin: 0px auto; padding: 0px; }
.bx-wrapper img { max-width: 100%; display: block; }
.bx-viewport10 { }
.bx-controls-direction { position: absolute; width: 100%; left: 0px; top: 30%; }
.bx-controls-direction .bx-prev { position: absolute; top: 0px; height: 48px; width: 48px; border-radius: 100%; text-align: center; text-indent: -9999px; transition: all 0.4s ease 0s; outline-style: none; background: transparent url("../img/icon_talk_arrow.png") no-repeat scroll 0% 0%; }
.bx-controls-direction .bx-next { position: absolute; top: 0px; height: 48px; width: 48px; border-radius: 100%; text-align: center; text-indent: -9999px; transition: all 0.4s ease 0s; outline-style: none; background: transparent url("../img/icon_talk_arrow.png") no-repeat scroll -48px 0px; }
.bx-controls-direction .bx-prev:hover { background: transparent url("../img/icon_talk_arrow_cur.png") no-repeat scroll 0% 0%; }
.bx-controls-direction .bx-next:hover { background: transparent url("../img/icon_talk_arrow_cur.png") no-repeat scroll -48px 0px; }
.bx-controls-direction .bx-next:hover::after,.bx-controls-direction .bx-prev:hover::after { color: #21d376; }
.bx-controls-direction .bx-next { right: -60px; }
.bx-controls-direction .bx-prev { left: -60px; }
.bx-pager { text-align: center; }
.bx-pager-item { display: inline-block; margin: 0px 5px; outline: 0px none; }
.bx-pager-item > a { display: block; text-indent: -9999px; height: 10px; width: 10px; border: 1px solid rgb(33, 211, 118); border-radius: 100%; }
.bx-pager-item > a:focus { outline-style: none; }
.bx-pager-item > a.active { background: rgb(33, 211, 118) none repeat scroll 0% 0%; }
.technology a:hover { color: #14dcff; }
.pricing-row-1 {
/*background: url(../img/pricebg.png) no-repeat center;*/
background: -webkit-linear-gradient(top, #0076d1, #5db8ff);
background: -moz-linear-gradient(top, #0076d1, #5db8ff);
background: -o-linear-gradient(top, #0076d1, #5db8ff);
background: -ms-linear-gradient(top, #0076d1, #5db8ff);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0076d1', endColorstr='#5db8ff',GradientType=0 );
background-size: cover;
height: 800px
}
.pricing-row-1 > .info { padding-top: 150px; text-align: center; z-index: 2; }
.pricing-row-1 h2 { color: #fff; font-size: 48px; margin-bottom: 20px; padding: 0px 20px; }
.pricing-row-1 p { font-size: 16px; color: #fff; max-width: 680px; text-align: center; margin: 0px auto 30px; line-height: 1.8em; }
.pricing-choice { /*float: left;*/ position: relative; /*left: 50%;*/ top: 5px; }
.pricing-choice > * { float: left; position: relative; /*left: -50%;*/ }
.pricing-choice + .tips { font-size: 12px; color: #fff; position: relative; top: 30px; clear: both; }
.pricing-choice-plan { width: 23%; border-radius: 3px; margin: 0px 1%; background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); transition: all 0.4s ease-out 0s; opacity: 0; transform: translateY(80px); }
/*.skrollr-desktop .pricing-choice-plan,.skrollr-mobile*/ .pricing-choice-plan { opacity: 1; transform: translateY(0px); }
.pricing-choice-plan:hover { transform: scale3d(1.05, 1.05, 1.05); }
.free .pricing-choice-plan-header { background-color: #00c8f2; }
.plus .pricing-choice-plan-header { background-color: #21d376; }
.advanced .pricing-choice-plan-header { background-color: #ff6868; }
.pricing-choice-plan-header { padding: 24px 0px; color: #fff; border-radius: 3px 3px 0px 0px; }
.pricing-choice-plan-header h3 { font-size: 30px; text-align: center; margin-bottom: 10px; }
.pricing-choice-plan-header .price { text-align: center; margin-bottom: 10px; }
.pricing-choice-plan-header .price > span { font-size: 56px; position: relative; font-family: "Open Sans",sans-serif; font-weight: 300; }
.pricing-choice-plan-header .price>span:before {
/*content: "��"; ��������ǰ̨������*/
font-size: 18px;
position: absolute;
left: -18px;
top: 18px
}
.pricing-choice-plan .details { padding: 20px 0px 12px; text-align: center; }
.pricing-choice-plan .details ul { display: inline-block; text-align: left; }
.pricing-choice-plan .details li { margin-bottom: 12px; font-size: 16px; }
.pricing-choice-plan .details li::before { color: #25c600; margin-right: 8px; }
.pricing-choice-plan .buy { padding: 14px 0px; border-radius: 0px 0px 3px 3px; background-color: #eff4f5; text-align: center; }
.pricing-choice-plan .buy > a { display: inline-block; height: 35px; line-height: 35px; border-radius: 40px; color: #fff; background-color: #ffa900; font-size: 16px; min-width: 130px; text-align: center; }
.pricing-choice-plan .buy > a:hover { background: rgb(255, 179, 10) none repeat scroll 0% 0%; }
.tab-group a:hover { background-color: #dee3e8; }
.pricing-choice { text-align: center; margin-bottom: 50px; }
.table tbody a:hover { color: #14dcff; }
.product-row-3 .wave-moon li > .tooltips a:hover { color: #14dcff; }
.product-row-6 .btn:hover { background-color: #17c96c; }
.calculate-box + .tips a:hover { color: #14dcff; }
.sign-panel input:hover { border-color: #c5c5c5; }
.sign-panel .msg-code-btn:hover { border-color: #c5c5c5; }
.sign-panel .conve-next:hover { background: rgb(78, 152, 235) none repeat scroll 0% 0%; }
.conve .terms a:hover { color: #14dcff; }
.footer { color: #fafafa; background-color: #242d3c ! important; width: 100%; padding: 40px 0px; }
.footer-container { width: 1000px; margin: 0px auto; overflow: hidden; }
.footer-container .left-side { float: left; }
.footer-container .site-name { margin-bottom: 15px; }
.footer-container .site-name a { vertical-align: super; margin-right: 10px; }
.footer-container .nav-about { font-size: 0px; margin-bottom: 8px; }
.footer-container .nav-about a,.footer-container .nav-about i { font-size: 12px; color: #fff; vertical-align: middle; letter-spacing: normal; display: inline-block; }
.footer-container .nav-about i { background-color: #fff; width: 1px; height: 10px; margin-left: 10px; margin-right: 10px; }
.footer-container .site-intro { margin-bottom: 8px; }
.footer-container .right-side { font-size: 0px; float: right; }
.footer-container .right-side dl,.footer-container .right-side .QRcode { font-size: 12px; color: #fff; vertical-align: top; letter-spacing: normal; display: inline-block; }
.footer-container .right-side dl dt { font-size: 18px; font-weight: 600; margin-bottom: 10px; }
.footer-container .right-side dl dd { font-size: 18px; margin-bottom: 20px; }
.footer-container .right-side dl dd.worktime { font-size: 12px; }
.footer-container .right-side .QRcode { width: 120px; height: 160px; margin-left: 20px; }
.footer-container .right-side .QRcode img { max-height: 120px; max-width: 120px; }
.web-focus-s-img { padding-top: 140px; }
.pi-counter { font-size: 60px; color: #ff8510; }
.web-bot-btn { border: 0px none; background: rgb(33, 211, 118) none repeat scroll 0% 0%; color: #ffffff; text-decoration: none; }
.web-bot-btn-box { }
.pi-icon-box-icon-circle { width: 130px; height: 130px; border-radius: 50%; padding: 24px 0px 0px 5px; margin: 0px 0px 20px 58px; }
.pi-uppercase { font-size: 16px; font-weight: 700; }
.pi-margin-bottom-10 { font-size: 14px; }
.web-footer-logo { font-size: 30px; color: #ffffff; }
.left-side { color: #ffffff; }
.QRcode p { font-size: 10px ! important; color: #ffffff ! important; margin-top: 4px; opacity: 1 ! important; }
.web-top-pop { background: rgb(255, 0, 0) none repeat scroll 0% 0%; font-size: 14px; padding: 4px 8px; border-radius: 10px; font-weight: normal; color: #ffffff; position: absolute; left: 10px; top: -26px; }
.web-top-pop em.arrow-down { width: 0px; height: 0px; position: absolute; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid rgb(255, 0, 0); top: 28px; left: 15px; }
.header-s .header-s-nav-list a:hover { color: #fff ! important; }
.search-box .search .match-list a:hover { background-color: #f4f8f9; color: #448ee1; }
.category-tree img:hover { box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.15); border-radius: 10px; transition: box-shadow 0.2s linear 0s; }
.content-main .section h3 a:hover { color: #428bca; }
.content-main .category-list a:hover,.content-main .article-list a:hover { color: #569fde; }
.content-main .category-list a:hover,.content-main .article-list a:hover { text-decoration: underline; }
.content-sidebar .category h3 .right:hover,.content-sidebar .widget-column h3 .right:hover { color: #569fde; }
.content-sidebar .hot-article-list a,.content-sidebar .hot-articles a,.content-sidebar .recent-articles a,.content-sidebar .promoted-articles a,.content-sidebar .related-articles a { color: #428bca; }
.content-sidebar .hot-article-list a:hover,.content-sidebar .hot-articles a:hover,.content-sidebar .recent-articles a:hover,.content-sidebar .promoted-articles a:hover,.content-sidebar .related-articles a:hover { color: #569fde; }
.content-sidebar .community h5 > a:hover { color: #569fde; }
.content-sidebar .community h5 + p a:hover { color: #428bca; text-decoration: underline; }
.breadcrumbs li > a:hover { color: #569fde; }
.pi-btn-base,.pi-btn-base:hover { background: rgb(58, 159, 238) none repeat scroll 0% 0%; border: 1px solid rgb(53, 134, 197); color: #fff ! important; box-shadow: 0px 1px 0px rgb(104, 170, 222) inset; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1); padding: 8px 12px; border-radius: 3px; text-decoration: none; }
.pi-section-white .pi-pagenav a:hover,.pi-section-grey .pi-pagenav a:hover { background: rgb(165, 179, 180) none repeat scroll 0% 0%; border-color: #9eadae; color: #ffffff; box-shadow: 0px 1px 0px rgb(174, 187, 188) inset; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1); }
.pi-section-white .pi-pagenav a,.pi-section-grey .pi-pagenav a { background: rgb(244, 246, 246) none repeat scroll 0% 0%; border-color: #e3e9e9; color: #586266; box-shadow: 0px 1px 0px rgb(248, 250, 250) inset; text-shadow: 0px 1px 0px rgb(255, 255, 255); }
.pi-pagenav a:hover,.pi-pagenav a:focus { text-decoration: none; }
.pi-section-white a:hover { color: #e46526; }
/*
*ԭbootstrap.min.css�ļ�����
*/
html { font-family: sans-serif; }
body { margin: 0px; }
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display: block; }
canvas,progress,video { display: inline-block; vertical-align: baseline; }
a { background-color: transparent; }
b,strong { font-weight: 700; }
img { border: 0px none; }
* {
box-sizing: border-box;
}
/* { color: #000 ! important; text-shadow: none ! important; background: transparent none repeat scroll 0px 0px ! important; box-shadow: none ! important; }*/
a:visited { text-decoration: underline; }
img,tr { page-break-inside: avoid; }
img { max-width: 100% ! important; }
h2,h3,p { orphans: 3; widows: 3; }
h2,h3 { page-break-after: avoid; }
* { box-sizing: border-box; }
html { font-size: 10px; }
body { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.42857; color: #333; background-color: #fff; }
a { color: #337ab7; text-decoration: none; }
img { vertical-align: middle; }
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; }
h2,h3 { margin-top: 20px; margin-bottom: 10px; }
h4,h5,h6 { margin-top: 10px; margin-bottom: 10px; }
.h2,h2 { font-size: 30px; }
.h3,h3 {font-size: 24px;}
.h4,h4 { font-size: 18px; }
.h5,h5 { font-size: 14px; }
.h6,h6 { font-size: 12px; }
p { margin: 0px 0px 10px; }
.text-center { text-align: center; }
a.text-primary:hover { color: #286090; }
a.text-success:hover { color: #2b542c; }
a.text-info:hover { color: #245269; }
a.text-warning:hover { color: #66512c; }
a.text-danger:hover { color: #843534; }
a.bg-primary:hover { background-color: #286090; }
a.bg-success:hover { background-color: #c1e2b3; }
a.bg-info:hover { background-color: #afd9ee; }
a.bg-warning:hover { background-color: #f7ecb5; }
a.bg-danger:hover { background-color: #e4b9b9; }
ol,ul { margin-top: 0px; margin-bottom: 10px; }
dl { margin-top: 0px; margin-bottom: 20px; }
dd,dt { line-height: 1.42857; }
dt { font-weight: 700; }
dd { margin-left: 0px; }
.container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
@media (min-width: 768px)
.container { width: 750px; }
@media (min-width: 992px)
.container { width: 970px; }
@media (min-width: 1200px)
.container { width: 1170px; }
.row { margin-right: -15px; margin-left: -15px; }
.col-lg-5,.col-xs-12{ float: left; }
.col-xs-12 { width: 100%; }
.col-xs-offset-0 { margin-left: 0px; }
.col-sm-649 { width: 50%; }
.col-sm-offset-0 { margin-left: 0px; }
.col-md-6 { width: 50%; }
.col-md-offset-0 { margin-left: 0px; }
.col-lg-5 { width: 41.6667%; }
.col-lg-offset-0 { margin-left: 0px; }
.table-hover > tbody > tr:hover { background-color: #f5f5f5; }
.table-hover > tbody > tr.active:hover > td,.table-hover > tbody > tr.active:hover > th,.table-hover > tbody > tr:hover > .active,.table-hover > tbody > tr > td.active:hover,.table-hover > tbody > tr > th.active:hover { background-color: #e8e8e8; }
.table-hover > tbody > tr.success:hover > td,.table-hover > tbody > tr.success:hover > th,.table-hover > tbody > tr:hover > .success,.table-hover > tbody > tr > td.success:hover,.table-hover > tbody > tr > th.success:hover { background-color: #d0e9c6; }
.table-hover > tbody > tr.info:hover > td,.table-hover > tbody > tr.info:hover > th,.table-hover > tbody > tr:hover > .info,.table-hover > tbody > tr > td.info:hover,.table-hover > tbody > tr > th.info:hover { background-color: #c4e3f3; }
.table-hover > tbody > tr.warning:hover > td,.table-hover > tbody > tr.warning:hover > th,.table-hover > tbody > tr:hover > .warning,.table-hover > tbody > tr > td.warning:hover,.table-hover > tbody > tr > th.warning:hover { background-color: #faf2cc; }
.table-hover > tbody > tr.danger:hover > td,.table-hover > tbody > tr.danger:hover > th,.table-hover > tbody > tr:hover > .danger,.table-hover > tbody > tr > td.danger:hover,.table-hover > tbody > tr > th.danger:hover { background-color: #ebcccc; }
input[type="file"]:focus,input[type="checkbox"]:focus,input[type="radio"]:focus { outline: thin dotted; outline-offset: -2px; }
.form-control:focus { border-color: #66afe9; outline: 0px none; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6); }
.has-success .form-control:focus { border-color: #2b542c; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 6px rgb(103, 177, 104); }
.has-warning .form-control:focus { border-color: #66512c; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 6px rgb(192, 161, 107); }
.has-error .form-control:focus { border-color: #843534; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 6px rgb(206, 132, 131); }
.btn { display: inline-block; padding: 6px 12px; margin-bottom: 0px; font-size: 14px; font-weight: 400; line-height: 1.42857; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -moz-user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; }
.btn-link:focus,.btn-link:hover { color: #23527c; text-decoration: underline; background-color: transparent; }
.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover { color: #777; text-decoration: none; }
.dropdown-toggle:focus { outline: 0px none; }
.dropdown-menu > li > a:focus,.dropdown-menu > li > a:hover { color: #262626; text-decoration: none; background-color: #f5f5f5; }
.dropdown-menu > .active > a:focus,.dropdown-menu > .active > a:hover { color: #fff; text-decoration: none; background-color: #337ab7; outline: 0px none; }
.dropdown-menu > .disabled > a:focus,.dropdown-menu > .disabled > a:hover { color: #777; }
.dropdown-menu > .disabled > a:focus,.dropdown-menu > .disabled > a:hover { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; }
.btn-group-vertical > .btn:focus,.btn-group-vertical > .btn:hover,.btn-group > .btn.active,.btn-group > .btn:active,.btn-group > .btn:focus,.btn-group > .btn:hover { z-index: 2; }
.nav > li > a:focus,.nav > li > a:hover { text-decoration: none; background-color: #eee; }
.nav > li.disabled > a:focus,.nav > li.disabled > a:hover { color: #777; text-decoration: none; cursor: not-allowed; background-color: transparent; }
.nav .open > a:focus,.nav .open > a:hover { background-color: #eee; border-color: #337ab7; }
.nav-tabs > li > a:hover { border-color: #eee #eee #ddd; }
.nav-tabs > li.active > a:focus,.nav-tabs > li.active > a:hover { color: #555; cursor: default; background-color: #fff; border-width: 1px; border-style: solid; border-color: #ddd #ddd transparent transparent; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; }
.nav-tabs.nav-justified > .active > a:focus,.nav-tabs.nav-justified > .active > a:hover { border-bottom-color: ; }
.nav-pills > li.active > a:focus,.nav-pills > li.active > a:hover { color: #fff; background-color: #337ab7; }
.nav-tabs-justified > .active > a:focus,.nav-tabs-justified > .active > a:hover { border: 1px solid rgb(221, 221, 221); }
.nav-tabs-justified > .active > a:focus,.nav-tabs-justified > .active > a:hover { border-bottom-color: ; }
.navbar-brand:focus,.navbar-brand:hover { text-decoration: none; }
.navbar-toggle:focus { outline: 0px none; }
.navbar-nav .open .dropdown-menu > li > a:focus,.navbar-nav .open .dropdown-menu > li > a:hover { background-image: none; }
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover { color: #5e5e5e; background-color: transparent; }
.navbar-default .navbar-nav > li > a:focus,.navbar-default .navbar-nav > li > a:hover { color: #333; background-color: transparent; }
.navbar-default .navbar-nav > .active > a:focus,.navbar-default .navbar-nav > .active > a:hover { color: #555; background-color: #e7e7e7; }
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:focus,.navbar-default .navbar-nav > .active > a:hover { color: #555; background-color: #e7e7e7; }
.navbar-default .navbar-nav > .disabled > a,.navbar-default .navbar-nav > .disabled > a:focus,.navbar-default .navbar-nav > .disabled > a:hover { color: #ccc; background-color: transparent; }
.navbar-default .navbar-toggle { border-color: #ddd; }
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover { background-color: #ddd; }
.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:focus,.navbar-default .navbar-nav > .open > a:hover { color: #555; background-color: #e7e7e7; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color: #333; background-color: transparent; }
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover { color: #555; background-color: #e7e7e7; }
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus,.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover { color: #ccc; background-color: transparent; }
.navbar-default .navbar-link { color: #777; }
.navbar-default .navbar-link:hover { color: #333; }
.navbar-default .btn-link { color: #777; }
.navbar-default .btn-link:focus,.navbar-default .btn-link:hover { color: #333; }
.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover { color: #ccc; }
.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover { color: #fff; background-color: transparent; }
.carousel7 { position: relative; }
@media (max-width: 767px)
.hidden-xs49 { display: none ! important; }
ol, ul {
margin-top: 0px;
margin-bottom: 10px;
}
ol, ul {
list-style: outside none none;
}
/*
*ԭframe-all.css�ļ�����
*/
body { font-family: "Hiragino Sans GB",PingHei,"Helvetica Neue",Helvetica,Arial,Verdana,"Microsoft Yahei",sans-serif; color: #333; font-size: 16px; overflow-x: hidden; }
p { margin-bottom: 15px; line-height: 1.8; font-size: 14px; }
a { color: #006ec3; transition: all 0.2s ease-in-out 0s; }
a:hover { text-decoration: underline; color: #005fa8; }
a:focus { text-decoration: none; }
.btn,a.btn { transition: all 0.2s ease-in-out 0s; font-weight: 700; }
.btn-cta-primary:hover,a.btn-cta-primary:hover { background: rgb(0, 95, 168) none repeat scroll 0% 0%; border: 2px solid rgb(0, 95, 168); color: #fff; }
.btn-cta-primary:focus,a.btn-cta-primary:focus { color: #fff; }
.btn-cta-secondary:focus,.btn-cta-secondary:hover,a.btn-cta-secondary:focus,a.btn-cta-secondary:hover { background: rgb(0, 110, 195) none repeat scroll 0% 0%; border: 2px solid rgb(0, 110, 195); color: #fff; }
.activity-link:hover { opacity: 1; }
#topcontrol:hover { background: rgb(0, 97, 171) none repeat scroll 0% 0%; }
.play-btn a:focus,.play-btn a:hover { text-decoration: none; }
.play-btn a:focus i,.play-btn a:hover i { color: rgba(110, 110, 110, 0.9); }
.download-btn { position: absolute; top: 280px; left: 334px; font-size: 16px; z-index: 10; }
.download-btn a:hover { text-decoration: none; }
.sections-wrapper { background: rgb(255, 255, 255) none repeat scroll 0% 0%; position: relative; }
.section .intro { max-width: 800px; margin: 0px auto 60px; text-align: center; color: #999; font-size: 16px; }
.section-on-bg .intro,.section-on-bg .title { color: #fff; }
section h2.title,section h3.title { font-weight: 400; }
.cta-section { background: rgb(0, 110, 195) none no-repeat scroll left top / cover ; min-height: 420px; color: #fff; padding-top: 55px; border: medium none; }
.cta-section .cta-link { color: #fff; }
.cta-section .cta-link:hover { text-decoration: underline; }
.cta-section .cta-span { color: #fff; }
.features-video { padding-top: 90px; padding-bottom: 4px; position: relative; z-index: 1; }
.features-video .title { font-size: 43px; margin-top: 0px; color: #fff; font-weight: 600; }
.btn-sign { color: #fff; background: rgb(0, 110, 195) none repeat scroll 0% 0%; border: 1px solid rgb(0, 110, 195); }
.btn-sign:focus,.btn-sign:hover { color: #fff; background: rgba(0, 110, 195, 0.8) none repeat scroll 0% 0%; border-color: rgba(0, 110, 195, 0.8); }
.btn-knowmore { color: #006ec3; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 1px solid rgb(0, 110, 195); }
.btn-knowmore:focus,.btn-knowmore:hover { color: #fff; background: rgb(0, 110, 195) none repeat scroll 0% 0%; }
.btn-demo { color: #fff; background: transparent none repeat scroll 0px 0px; border: 2px solid rgb(255, 255, 255); }
.btn-demo:focus,.btn-demo:hover { color: #fff; opacity: 0.8; }
.headline-bg { position: absolute; width: 100%; top: 0px; left: 0px; height: 500px; background: rgb(0, 110, 195) none repeat scroll 0px 0px / cover ; }
.cta-section.pricing-cta-section { min-height: 200px; position: relative; }
.cta-section.pricing-cta-section .title { font-size: 34px; font-weight: 600; line-height: 55px; margin: 0px; }
.wavesWapper { position: absolute; overflow: hidden; height: 100%; width: 100%; }
.waves { margin-left: -23%; height: inherit; }
.footer { background: rgb(242, 242, 242) none repeat scroll 0% 0%; color: #666; font-size: 12px; position: relative; z-index: 20; }
.footer .footer-content .container { border-top: 1px solid rgb(227, 227, 227); padding-top: 30px; }
.footer p { opacity: 0.5; }
.iconfont { font-family: iconfont ! important; font-size: 75px; font-style: normal; }
@media (max-width: 991px)
.header .main-nav { margin-top: 22px; }
.nav > li > a { padding: 10px; }
.cta-section.pricing-cta-section .title { font-size: 30px; }
.waves { height: inherit; }
.section .title { font-size: 29px ! important; line-height: 40px; }
.section .intro { font-size: 16px; }
.cta-section.pricing-cta-section { margin-top: 80px; padding-top: 50px; padding-bottom: 40px; }
.cta-section.pricing-cta-section h2.title { line-height: 40px; }
@media (max-width: 480px)
.lang-header .lang-title { height: 41px; margin-left: 20px; }
.lang-header p { padding: 0px 20px; }
.lang-content { padding-right: 25px; padding-left: 25px; }
.btn-large { font-size: 14px ! important; padding: 8px 15px; }
.headline-bg { height: 370px; }
.section .intro { margin-bottom: 30px; }
.cta-section { padding-top: 60px; min-height: 370px; }
.cta-section.pricing-cta-section .title,.why .item .title { font-size: 24px ! important; }
.indicator { display: block; position: relative; bottom: 0px; width: inherit; padding: 0px; margin-bottom: 20px; margin-top: -40px; opacity: 1; transition: opacity 1s ease-in-out 0s; }
.indicator li { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: rgba(51, 51, 51, 0.2) none repeat scroll 0% 0%; cursor: pointer; }
.indicator li.cur { background: rgba(51, 51, 51, 0.4) none repeat scroll 0% 0%; }
.indicator-headline { z-index: 20; top: -50px; }
@media (min-width: 1600px)
.img-wrapper { width: 800px; height: 580px; }
.indicator { margin-top: -60px; }
.indicator { margin-top: 10px; }
.indicator { margin-top: 15px; }
.indicator-headline { top: -120px; }
@media (max-width: 767px)
.text-center.indicator-headline12 { top: 10px; }
.btn-large { padding: 10px 30px; font-size: 18px; border-width: 2px; }
@media (max-width: 767px)
.btn-large { padding: 8px 20px; }
.btn-solid { font-size: 14px; padding: 6px 16px; font-weight: 400; border: 1px solid rgb(255, 255, 255); background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.btn-hollow:hover { opacity: 0.8; }
.bg-theme, .slideimg {
display: none;
-webkit-transition: left .7s ease;
-moz-transition: left .7s ease;
-o-transition: left .7s ease;
-ms-transition: left .7s ease;
transition: left .7s ease
}
.carousel-bg,.carousel-img { left: 0px; display: block; }
.next-container {
left: 100%;
display: block
}
.carousel-bg.left-slide, .carousel-img.left-slide, .pre-container {
left: -100%;
display: block
}
.next-container.left-slide {
left: 0;
display: block
}
.carousel-bg.right-slide, .carousel-img.right-slide {
left: 100%;
display: block
}
.pre-container.right-slide {
left: 0;
display: block
}
.fr {
float: right
}
.fl {
float: left
}
hr {
border: 0;
border-top: 1px solid #eee
}