@charset "UTF-8";html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;position:relative;height:100%}
body{height:100%;width:100%;background:#fff;font-size:14px}
.header-tip{display:inline-block;width:26px;height:15px;background:#c714dc url(../images/tg-v3.png) no-repeat center center;border-radius:4px;position:absolute;right:0;top:-12px}
.header{text-align:left}
.header .dropdown{position:relative}
.header .dropdown.open .dropdown-toggle,.header .dropdown.open a.dropdown-toggle{color:#fff!important}
.header .dropdown .dropdown-toggle,.header .dropdown a.dropdown-toggle{font-weight:700;font-size:14px!important;padding:9px 20px!important;margin-top:18px;border:1px solid rgba(255,255,255,.5)!important;background-color:transparent!important}
.header .dropdown .dropdown-menu{z-index:1400!important}
.header .navbar-static-top{z-index:inherit!important}
.header .navbar-collapse{border-top:none}
.header .navbar-collapse .nav>li>a{border-bottom:1px solid #272727}
.header.top{position:absolute;top:0;left:0;right:0;z-index:20}
.header .navbar-default{background-color:rgba(0,0,0,.1);border:none}
.header .navbar-default .navbar-nav>li>a{font-size:16px;color:rgba(255,255,255,.8);padding:28px 36px 25px}
.header .navbar-default .navbar-nav>li>a:hover{color:#fff}
.header .navbar-default .navbar-nav>.active>a,.header .navbar-default .navbar-nav>.active>a:focus{color:rgba(255,255,255,.8);background-color:transparent}
.header .navbar-default .navbar-nav>.active>a:hover{color:#fff}
.header.bg-black .navbar-default{background-color:#212126}
.header .navbar-brand{height:auto;padding:19px 15px}
.header .navbar{margin-bottom:0}
.header .logo{display:inline-block;height:42px;width:200px;vertical-align:middle;background:url(../images/logo.png) no-repeat 0 0}
@media (max-width:768px){.header .navbar-toggle{margin-top:15px}
.header .navbar-default{background-color:#000}
.header .navbar-default .navbar-nav>li>a{padding:15px 15px}
.header .navbar-brand{padding:10px 15px}
}
@media (min-width:768px){.header .navbar-default{background-color:rgba(0,0,0,.1)}
.header .navbar-default .navbar-nav>li>a{padding:28px 6px 25px;border-bottom:none}
.header .navbar-brand{padding:19px 15px}
}
@media (min-width:992px){.header .navbar-default{background-color:rgba(0,0,0,.1)}
.header .navbar-default .navbar-nav>li>a{padding:28px 20px 25px;border-bottom:none}
.header .navbar-brand{padding:19px 15px}
}
@media (min-width:1200px){.header .navbar-default{background-color:rgba(0,0,0,.1)}
.header .navbar-default .navbar-nav>li>a{padding:28px 36px 25px;border-bottom:none}
.header .navbar-brand{padding:19px 15px}
}

.ntop {background: #083081;text-align: left;height: 110px;}
.ntop .block {
    margin: 0 ;
    padding: 0 25px;
}
.ntop {}
.xx1 .hd {position: relative;height: 42px;top: -42px;float: right;}
.xx1 .hd ul li {display:inline-block;float: left;list-style: none}
.xx1 .hd ul li a{ display:block;line-height: 42px;padding: 0 30px;background: #2955b0;margin-right: 3px;color: #fff;font-size: 16px;border-radius: 21px 21px 0 0;}
.xx1 .hd ul li.on a {background: #fff;color: #2955b0;} 

.xx1 {width: 1200px;margin: 0px auto 40px;}
.xx1 .left {background: #efefef;
border: solid 1px #e3e3e3;padding: 24px;box-sizing: border-box;}
.xx1 .left h4 {font-size: 16px;color: #333;margin-bottom: 10px;}
.xx1 .left ul {padding: 0;}
.xx1 .left ul li {font-size: 14px;line-height: 1.8;color: #555;list-style: none;}
.xx1 .left ul li span {padding-left: 10px;color: #666;}
.xx1 .right {margin-top: 0;
border: solid 5px #ececec;
border-radius: 10px;
padding: 24px;
counter-reset: sectiondiv;}
.xx1 .right .cont1 {margin-bottom: 32px;
border-bottom: 1px solid #b4b3b3;}
.xx1 .right .cont1 h3 {font-size: 18px;
font-family: "Microsoft YaHei",Arial,Helvetica;
color: #0078b6;}
.xx1 .right .cont1 p {font-size: 14px;line-height: 1.8;color: #666;}

.nytz {width: 1200px;margin: 40px auto;}
.nytz ul {padding: 0}
.nytz ul li {list-style: none;position: relative;line-height: 1.8;border-bottom: #ccc 1px dashed;font-size: 14px;padding: 10px 0;}
.nytz ul li a {color: #333;}
.nytz ul li span {float: right;color: #666;font-size: 12px;}



.sygg {width: 1200px;margin: 0 auto;line-height: 50px;overflow: hidden}
.sygg .left {float: left;background: url(../images/zs-icon2.png) left center / 25px no-repeat;padding-left: 30px;font-size: 16px;color: #333;font-weight: bold;margin-right: 15px;}
.sygg .right {padding-right: 80px;position: relative;width: 100%;}
.sygg .right .nr {float: left;margin-right: 20px;}
.sygg .right .nr a {color: #333;}
.sygg .right span {width: 75px;line-height: 50px;text-align: center;float: right;}
.sygg .right span a {color: #007DF3;font-size: 14px;}
.sygg .right ul {float: left;}
.sygg .right ul li {width:410px;float: left;margin-right: 15px;}
.sygg .right ul li a {color: #333;}
.subheader{min-height:60px;text-align:center}
.subheader .nav{display:inline-block}
.subheader .nav>li{float:left}
.subheader .navbar-header{float:none;display:inline-block;float: left}
.subheader .navbar-collapse.collapse{display:inline-block!important;float: right;}
.subheader .navbar-brand{display:inline-block;margin-top:-3px;height:55px;font-size:24px;line-height:55px}
.subheader .nav{font-size:16px}
.subheader .navbar-default{background-color:#052e7d;border-color:transparent;text-align:center}
.subheader .navbar-default .nav>li>a{display:inline-block;border-top:none;padding:15px 20px;color:#fff}
.subheader .navbar-default .nav>li>a:hover{color:#017ce1;background-color:transparent}
.subheader .navbar-default .nav>li.active a{color:#017ce1}
.subheader .dropdown-toggle>.caret{-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}
.subheader .dropdown-toggle.toggle:hover{background-color:#017ce1!important}
.subheader .navbar-default .navbar-nav>.active>a,.subheader .navbar-default .navbar-nav>.active>a:focus,.subheader .navbar-default .navbar-nav>.active>a:hover{background-color:#052e7d;border-top:none;color:#017ce1}
.subheader .navbar-default .navbar-nav>li>a,.subheader .navbar-default .navbar-nav>li>a:focus,.subheader .navbar-default .navbar-nav>li>a:hover{background-color:#052e7d;border-top:none;color:#fff}
.subheader .navbar-default .navbar-nav>.open>a,.subheader .navbar-default .navbar-nav>.open>a:focus,.subheader .navbar-default .navbar-nav>.open>a:hover,.subheader .navbar-default .navbar-nav>li>a.dropdown-toggle,.subheader .navbar-default .navbar-nav>li>a:focus.dropdown-toggle,.subheader .navbar-default .navbar-nav>li>a:hover.dropdown-toggle{background-color:transparent;padding:5px 20px;margin-top:9px;border:1px solid #fff;border-radius:0;font-size:14px;color:#fff}
.subheader .navbar-default .navbar-nav>li>a.dropdown-toggle.dropdown-toggle-menu,.subheader .navbar-default .navbar-nav>li>a:focus.dropdown-toggle.dropdown-toggle-menu,.subheader .navbar-default .navbar-nav>li>a:hover.dropdown-toggle.dropdown-toggle-menu{border:1px solid transparent;font-size:16px}
.subheader .navbar-nav>li>.dropdown-menu{margin-top:1px;border-top-left-radius:4px;border-top-right-radius:4px}
.subheader .navbar-nav>li>.dropdown-menu{left:0;right:initial;margin-top:1px;border-top-left-radius:4px;border-top-right-radius:4px}
.subheader .navbar-default .dropdown-menu>li>a{font-size:13px;color:#3486f7}
.subheader .navbar-default .dropdown-menu>li>a:hover{color:#5499f8}
.subheader .navbar-default .dropdown-menu.nav-menu>li>a{font-size:16px;color:#083081;border-bottom:1px solid #d1d9e9;margin:0 15px;padding:6px 10px}
.subheader .navbar-default .dropdown-menu.nav-menu>li>a:hover{color:#017ce1;background-color:transparent!important}
.subheader .navbar-default .navbar-collapse,.subheader .navbar-default .navbar-form{border:none}
.tc{min-height:60px}
.tc .navbar-brand{display:inline-block;font-size:24px;padding-top:0;padding-bottom:0}
.tc .navbar-brand img{width:100%;margin-top:10px;display:inline-block}
.tc .nav{font-size:16px}
.tc .navbar-default{padding-top:5px;padding-bottom:6px;background-color:#052e7d;border-color:transparent;text-align:left}
.tc .navbar-default .nav>li>a{display:inline-block;border-top:none;padding:15px 20px}
.tc .dropdown-toggle>.caret{-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}
.tc .dropdown-toggle.toggle:hover{background-color:#017ce1!important}
.tc .navbar-default .navbar-nav>.active>a,.tc .navbar-default .navbar-nav>.active>a:focus,.tc .navbar-default .navbar-nav>.active>a:hover{background-color:#052e7d;border-top:none;color:#017ce1}
.tc .navbar-default .navbar-nav>li>a,.tc .navbar-default .navbar-nav>li>a:focus,.tc .navbar-default .navbar-nav>li>a:hover{background-color:#052e7d;border-top:none;color:#fff}
.tc .navbar-default .navbar-nav>.open>a,.tc .navbar-default .navbar-nav>.open>a:focus,.tc .navbar-default .navbar-nav>.open>a:hover,.tc .navbar-default .navbar-nav>li>a.dropdown-toggle,.tc .navbar-default .navbar-nav>li>a:focus.dropdown-toggle,.tc .navbar-default .navbar-nav>li>a:hover.dropdown-toggle{background-color:transparent;padding:5px 20px;margin-top:9px;border:1px solid #fff;border-radius:0;font-size:14px;color:#fff}
.tc .navbar-default .navbar-nav>li>a.dropdown-toggle.dropdown-toggle-menu,.tc .navbar-default .navbar-nav>li>a:focus.dropdown-toggle.dropdown-toggle-menu,.tc .navbar-default .navbar-nav>li>a:hover.dropdown-toggle.dropdown-toggle-menu{border:1px solid transparent;font-size:16px}
.tc .navbar-nav>li>.dropdown-menu{margin-top:1px;border-top-left-radius:4px;border-top-right-radius:4px}
.tc .navbar-nav>li>.dropdown-menu{margin-top:1px;border-top-left-radius:4px;border-top-right-radius:4px}
.tc .navbar-default .dropdown-menu>li>a{font-size:13px;color:#3486f7}
.tc .navbar-default .dropdown-menu>li>a:hover{color:#5499f8}
.tc .navbar-default .dropdown-menu.nav-menu>li>a{font-size:16px;color:#083081;border-bottom:1px solid #d1d9e9;margin:0 15px;padding:6px 10px}
.tc .navbar-default .dropdown-menu.nav-menu>li>a:hover{color:#017ce1;background-color:transparent!important}
.tc .navbar-default .navbar-collapse,.tc .navbar-default .navbar-form{border:none}
.toolbar{display:none}
.section{position:relative;box-sizing:border-box;text-align:center}
.tc-section{background:url(../images/bg.png) no-repeat center center;background-size:cover}
.tc-section .color-blue{display:inline-block;color:#5387f1}
.tc-section .img{padding:0 20px;position:relative;top:0;text-align:center}
.tc-section .img img{max-width:100%}
.tc-section .animate-pc{position:absolute;right:0;text-align:center;width:100%;overflow:hidden}
.tc-section .animate-pc img{max-height:100%}
.tc-section .animate-phone{position:absolute}
.tc-section .animate-01{position:relative}
.tc-section .animate-01 .animate-pc-arrow{position:absolute;opacity:0;-webkit-animation:animate-pc-arrow 10s ease;-moz-animation:animate-pc-arrow 10s ease;-o-animation:animate-pc-arrow 10s ease;-ms-animation:animate-pc-arrow 10s ease;animation:animate-pc-arrow 10s ease}
.tc-section .animate-01 .animate-pc-1-01,.tc-section .animate-01 .animate-pc-2-01{opacity:1;-webkit-animation:animate-pc-1-01 10s ease;-moz-animation:animate-pc-1-01 10s ease;-o-animation:animate-pc-1-01 10s ease;-ms-animation:animate-pc-1-01 10s ease;animation:animate-pc-1-01 10s ease}
.tc-section .animate-01 .animate-pc-1-02,.tc-section .animate-01 .animate-phone-1-02{opacity:0;position:relative;-webkit-animation:animate-pc-1-02 10s ease;-moz-animation:animate-pc-1-02 10s ease;-o-animation:animate-pc-1-02 10s ease;-ms-animation:animate-pc-1-02 10s ease;animation:animate-pc-1-02 10s ease}
.tc-section .animate-01 .animate-pc-1-03,.tc-section .animate-01 .animate-phone-1-03{opacity:0;position:relative;-webkit-animation:animate-pc-1-03 10s ease;-moz-animation:animate-pc-1-03 10s ease;-o-animation:animate-pc-1-03 10s ease;-ms-animation:animate-pc-1-03 10s ease;animation:animate-pc-1-03 10s ease}
.tc-section .animate-01 .animate-pc-1-03-input{position:absolute;background-color:#fff;white-space:nowrap;overflow:hidden;font-size:12px;padding:0;text-align:left;opacity:0;-webkit-animation:animate-pc-1-03-input 10s steps(14,end);-moz-animation:animate-pc-1-03-input 10s steps(14,end);-o-animation:animate-pc-1-03-input 10s steps(14,end);-ms-animation:animate-pc-1-03-input 10s steps(14,end);animation:animate-pc-1-03-input 10s steps(14,end)}
.tc-section .animate-01 .animate-pc-1-04,.tc-section .animate-01 .animate-phone-1-04{opacity:0;position:relative;-webkit-animation:animate-pc-1-04 10s ease;-moz-animation:animate-pc-1-04 10s ease;-o-animation:animate-pc-1-04 10s ease;-ms-animation:animate-pc-1-04 10s ease;animation:animate-pc-1-04 10s ease}
.tc-section .animate-01 .animate-hand{position:absolute;width:100%;text-align:left;opacity:1;-webkit-animation:animate-hand-1 10s ease;-moz-animation:animate-hand-1 10s ease;-o-animation:animate-hand-1 10s ease;-ms-animation:animate-hand-1 10s ease;animation:animate-hand-1 10s ease}
.tc-section .animate-01 .animate-hand img{max-height:100%}
.tc-section .animate-01 .animate-hand .animate-hand-1-left{position:relative;top:0;opacity:1;-webkit-animation:animate-hand-1-left 10s ease;-moz-animation:animate-hand-1-left 10s ease;-o-animation:animate-hand-1-left 10s ease;-ms-animation:animate-hand-1-left 10s ease;animation:animate-hand-1-left 10s ease}
.tc-section .animate-01 .animate-hand .animate-hand-1-right{position:relative;top:0;opacity:1;-webkit-animation:animate-hand-1-right 10s ease;-moz-animation:animate-hand-1-right 10s ease;-o-animation:animate-hand-1-right 10s ease;-ms-animation:animate-hand-1-right 10s ease;animation:animate-hand-1-right 10s ease}
.tc-section .animate-01 .animate-01-key{position:absolute;opacity:0;-webkit-animation:animate-01-key 10s ease;-moz-animation:animate-01-key 10s ease;-o-animation:animate-01-key 10s ease;-ms-animation:animate-01-key 10s ease;animation:animate-01-key 10s ease}
@-moz-keyframes animate-pc-1-01{0%{opacity:0}
2%{opacity:1}
24%{opacity:1}
26%{opacity:0}
99%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes animate-pc-1-01{0%{opacity:0}
2%{opacity:1}
24%{opacity:1}
26%{opacity:0}
99%{opacity:0}
100%{opacity:1}
}
@-o-keyframes animate-pc-1-01{0%{opacity:0}
2%{opacity:1}
24%{opacity:1}
26%{opacity:0}
99%{opacity:0}
100%{opacity:1}
}
@keyframes animate-pc-1-01{0%{opacity:0}
2%{opacity:1}
24%{opacity:1}
26%{opacity:0}
99%{opacity:0}
100%{opacity:1}
}
@-moz-keyframes animate-pc-arrow{0%{opacity:0}
30%{opacity:0}
33%{opacity:1}
38%{opacity:.8}
44%{opacity:1}
47%{opacity:0}
100%{opacity:0}
}
@-webkit-keyframes animate-pc-arrow{0%{opacity:0}
30%{opacity:0}
33%{opacity:1}
38%{opacity:.8}
44%{opacity:1}
47%{opacity:0}
100%{opacity:0}
}
@-o-keyframes animate-pc-arrow{0%{opacity:0}
30%{opacity:0}
33%{opacity:1}
38%{opacity:.8}
44%{opacity:1}
47%{opacity:0}
100%{opacity:0}
}
@keyframes animate-pc-arrow{0%{opacity:0}
30%{opacity:0}
33%{opacity:1}
38%{opacity:.8}
44%{opacity:1}
47%{opacity:0}
100%{opacity:0}
}
@-moz-keyframes animate-01-key{0%{opacity:0}
10%{opacity:0}
12%{opacity:1}
20%{opacity:1}
24%{opacity:0}
100%{opacity:0}
}
@-webkit-keyframes animate-01-key{0%{opacity:0}
10%{opacity:0}
12%{opacity:1}
20%{opacity:1}
24%{opacity:0}
100%{opacity:0}
}
@-o-keyframes animate-01-key{0%{opacity:0}
10%{opacity:0}
12%{opacity:1}
20%{opacity:1}
24%{opacity:0}
100%{opacity:0}
}
@keyframes animate-01-key{0%{opacity:0}
10%{opacity:0}
12%{opacity:1}
20%{opacity:1}
24%{opacity:0}
100%{opacity:0}
}
@-moz-keyframes animate-pc-1-02{0%{opacity:0}
24%{opacity:0}
26%{top:0;opacity:1}
49%{opacity:1;top:0}
51%{opacity:0}
100%{opacity:0}
}
@-webkit-keyframes animate-pc-1-02{0%{opacity:0}
24%{opacity:0}
26%{top:0;opacity:1}
49%{opacity:1;top:0}
51%{opacity:0}
100%{opacity:0}
}
@-o-keyframes animate-pc-1-02{0%{opacity:0}
24%{opacity:0}
26%{top:0;opacity:1}
49%{opacity:1;top:0}
51%{opacity:0}
100%{opacity:0}
}
@keyframes animate-pc-1-02{0%{opacity:0}
24%{opacity:0}
26%{top:0;opacity:1}
49%{opacity:1;top:0}
51%{opacity:0}
100%{opacity:0}
}
@-moz-keyframes animate-pc-1-03{0%{opacity:0}
49%{opacity:0}
51%{top:0;opacity:1}
74%{opacity:1;top:0}
76%{opacity:0}
100%{opacity:0}
}
@-webkit-keyframes animate-pc-1-03{0%{opacity:0}
49%{opacity:0}
51%{top:0;opacity:1}
74%{opacity:1;top:0}
76%{opacity:0}
100%{opacity:0}
}
@-o-keyframes animate-pc-1-03{0%{opacity:0}
49%{opacity:0}
51%{top:0;opacity:1}
74%{opacity:1;top:0}
76%{opacity:0}
100%{opacity:0}
}
@keyframes animate-pc-1-03{0%{opacity:0}
49%{opacity:0}
51%{top:0;opacity:1}
74%{opacity:1;top:0}
76%{opacity:0}
100%{opacity:0}
}
@-moz-keyframes animate-pc-1-04{0%{opacity:0}
74%{opacity:0}
76%{top:0;opacity:1}
99%{opacity:1;top:0}
100%{opacity:0}
}
@-webkit-keyframes animate-pc-1-04{0%{opacity:0}
74%{opacity:0}
76%{top:0;opacity:1}
99%{opacity:1;top:0}
100%{opacity:0}
}
@-o-keyframes animate-pc-1-04{0%{opacity:0}
74%{opacity:0}
76%{top:0;opacity:1}
99%{opacity:1;top:0}
100%{opacity:0}
}
@keyframes animate-pc-1-04{0%{opacity:0}
74%{opacity:0}
76%{top:0;opacity:1}
99%{opacity:1;top:0}
100%{opacity:0}
}
.tc-section .animate-02 .animate-pc-2-02{position:absolute;top:15px;right:60px;height:210px}
.tc-section .animate-02 .animate-pc-2-03{position:absolute;opacity:0;-webkit-animation:animate-pc-2-03 10s ease;-moz-animation:animate-pc-2-03 10s ease;-o-animation:animate-pc-2-03 10s ease;-ms-animation:animate-pc-2-03 10s ease;animation:animate-pc-2-03 10s ease}
.tc-section .animate-02 .animate-pc-2-04{position:absolute;opacity:0;-webkit-animation:animate-pc-2-04 10s ease;-moz-animation:animate-pc-2-04 10s ease;-o-animation:animate-pc-2-04 10s ease;-ms-animation:animate-pc-2-04 10s ease;animation:animate-pc-2-04 10s ease}
.tc-section .animate-02 .animate-pc-2-05{position:absolute;top:0;opacity:0}
.tc-section .animate-02 .animate-pc-2-05,.tc-section .animate-02 .animate-phone-1-03{opacity:0;-webkit-animation:animate-pc-2-05 10s ease;-moz-animation:animate-pc-2-05 10s ease;-o-animation:animate-pc-2-05 10s ease;-ms-animation:animate-pc-2-05 10s ease;animation:animate-pc-2-05 10s ease}
.tc-section .animate-02 .animate-hand{position:absolute;width:100%;text-align:left}
.tc-section .animate-02 .animate-hand img{max-height:100%}
.tc-section .animate-02 .animate-hand .animate-hand-1-right{position:relative}
@-moz-keyframes animate-pc-2-03{0%{opacity:0}
5%{opacity:0}
10%{opacity:1}
30%{opacity:1}
33%{opacity:0}
100%{opacity:0}
}
@-webkit-keyframes animate-pc-2-03{0%{opacity:0}
5%{opacity:0}
10%{opacity:1}
30%{opacity:1}
33%{opacity:0}
100%{opacity:0}
}
@-o-keyframes animate-pc-2-03{0%{opacity:0}
5%{opacity:0}
10%{opacity:1}
30%{opacity:1}
33%{opacity:0}
100%{opacity:0}
}
@keyframes animate-pc-2-03{0%{opacity:0}
5%{opacity:0}
10%{opacity:1}
30%{opacity:1}
33%{opacity:0}
100%{opacity:0}
}
@-moz-keyframes animate-pc-2-04{0%{opacity:0}
33%{opacity:0}
36%{opacity:1}
60%{opacity:1}
63%{opacity:0}
100%{opacity:0}
}
@-webkit-keyframes animate-pc-2-04{0%{opacity:0}
33%{opacity:0}
36%{opacity:1}
60%{opacity:1}
63%{opacity:0}
100%{opacity:0}
}
@-o-keyframes animate-pc-2-04{0%{opacity:0}
33%{opacity:0}
36%{opacity:1}
60%{opacity:1}
63%{opacity:0}
100%{opacity:0}
}
@keyframes animate-pc-2-04{0%{opacity:0}
33%{opacity:0}
36%{opacity:1}
60%{opacity:1}
63%{opacity:0}
100%{opacity:0}
}
@-moz-keyframes animate-pc-2-05{0%{opacity:0}
63%{opacity:0}
66%{top:0;opacity:1}
97%{opacity:1}
100%{opacity:0}
}
@-webkit-keyframes animate-pc-2-05{0%{opacity:0}
63%{opacity:0}
66%{top:0;opacity:1}
97%{opacity:1}
100%{opacity:0}
}
@-o-keyframes animate-pc-2-05{0%{opacity:0}
63%{opacity:0}
66%{top:0;opacity:1}
97%{opacity:1}
100%{opacity:0}
}
@keyframes animate-pc-2-05{0%{opacity:0}
63%{opacity:0}
66%{top:0;opacity:1}
97%{opacity:1}
100%{opacity:0}
}
.tc-section .animate-03{position:relative}
.tc-section .animate-03 .red-bar-pc{position:absolute;opacity:1;-webkit-animation:red-bar-pc 20s ease;-moz-animation:red-bar-pc 20s ease;-o-animation:red-bar-pc 20s ease;-ms-animation:red-bar-pc 20s ease;animation:red-bar-pc 20s ease}
.tc-section .animate-03 .red-bar-phone{position:absolute;opacity:1;-webkit-animation:red-bar-phone 20s ease;-moz-animation:red-bar-phone 20s ease;-o-animation:red-bar-phone 20s ease;-ms-animation:red-bar-phone 20s ease;animation:red-bar-phone 20s ease}
.tc-section .animate-03 .animate-hand{position:absolute;width:100%;text-align:left}
.tc-section .animate-03 .animate-hand img{max-height:100%}
.tc-section .animate-03 .animate-hand .animate-hand-1-right{position:relative;top:0}
.tc-section .txt-01,.tc-section .txt-02,.tc-section .txt-03,.tc-section .txt-04,.tc-section .txt-05,.tc-section .txt-06{opacity:0;-webkit-animation:txt 20s ease;-moz-animation:txt 20s ease;-o-animation:txt 20s ease;-ms-animation:txt 20s ease;animation:txt 20s ease}
.tc-section .txt-01,.tc-section .txt-02,.tc-section .txt-03,.tc-section .txt-05,.tc-section .txt-06{display:none}
@-moz-keyframes txt{0%{opacity:0}
5%{opacity:1}
95%{opacity:1}
100%{opacity:0}
}
@-webkit-keyframes txt{0%{opacity:0}
5%{opacity:1}
95%{opacity:1}
100%{opacity:0}
}
@-o-keyframes txt{0%{opacity:0}
5%{opacity:1}
95%{opacity:1}
100%{opacity:0}
}
@keyframes txt{0%{opacity:0}
5%{opacity:1}
95%{opacity:1}
100%{opacity:0}
}
.tc-section .animate-01,.tc-section .animate-02,.tc-section .animate-03,.tc-section .animate-05,.tc-section .animate-06{display:none}
.tc-section .animate-01,.tc-section .animate-02,.tc-section .animate-03,.tc-section .animate-04,.tc-section .animate-05,.tc-section .animate-06{opacity:0;-webkit-animation:txt 10s ease;-moz-animation:txt 10s ease;-o-animation:txt 10s ease;-ms-animation:txt 10s ease;animation:txt 10s ease}
.tc-section h1{font-size:38px;color:#fff;margin-bottom:1px}
.tc-section h2{color:#fff}
.tc-section h3{font-size:24px;font-weight:400;color:#fff;margin-top:12px;margin-bottom:15px;font-weight:300}
.tc-section .b{position:relative;padding-top:0;text-align:left}
.tc-section p{font-size:18px;line-height:30px;font-weight:300}
.tc-section .block-one{position:absolute;bottom:30px;text-align:left;width:100%;max-width:248px;box-sizing:border-box;padding-left:17px}
.tc-section .block-one .w-1,.tc-section .block-one .w-2,.tc-section .block-one .w-3,.tc-section .block-one .w-4{float:left;padding-left:3px;padding-right:3px}
.tc-section .block-one .w-1{width:35%}
.tc-section .block-one .w-2{width:65%}
.tc-section .block-one .w-1 .btn-w-border,.tc-section .block-one .w-2 .btn-w-border{margin-top:10px}
.tc-section .block-one .w-4{width:100%}
.tc-section .block-one .row{margin-left:-3px;margin-right:-3px}
.tc-section .blue-bg{width:99%;max-width:298px;background-color:#89c4f4;border-radius:4px;box-sizing:border-box;padding:12px 0 1px 0}
.tc-section .blue-bg .title{background-color:#fff100;color:#000;box-sizing:border-box;padding:2px 30px 2px 16px;font-size:12px;display:inline-block;border-radius:0 15px 15px 0;margin-bottom:10px}
.tc-section .blue-bg p{font-size:14px;line-height:20px;color:#000}
.tc-section .blue-bg .circle{width:7px;height:7px;display:inline-block;margin-right:10px;margin-left:32px}
.tc-section .blue-bg .circle.active{background-color:#fff;border-radius:50%}
.tc-section .visible-xs .text-center{padding-top:60px;padding-bottom:25px}
.tc-section>.container{padding-top:110px;padding-bottom:110px}
.tc-section .icon-video{width:34px;height:22px;margin:-1px 0;vertical-align:middle;display:inline-block;background:url(../images/icon-video.png) no-repeat center center}
.tc-section .icon-video-btn{position:absolute;left:50%;margin-left:-19px;top:5px;width:38px;height:38px;vertical-align:middle;display:inline-block;background:url(../images/icon-video-btn.png) no-repeat center center}
.tc-section .icon-book-btn{position:absolute;left:50%;margin-left:-19px;top:5px;width:38px;height:38px;vertical-align:middle;display:inline-block;background:url(../images/icon-book-btn.png) no-repeat center center}
.tc-section .block-white{text-align:center;margin-top:10px;margin-bottom:10px;padding:30px 0}
@media (max-width:768px){.tc-section .block-white{padding:1px 0 30px 0}
}
.tc-section .animate .block-one{position:relative;top:0;padding-left:0;margin-top:25px}
.tc-section .animate .txt{min-height:220px}
.tc-section .animate .carousel-indicators{position:relative;top:0;left:0;margin-left:0;width:100%}
.tc-section-bg{background:url(../images/one-bg-f.png) no-repeat center 25px}
.tc-section-bg img{max-width:100%}
.img-animation1{-webkit-animation:img1 10s ease-in-out 0s infinite;-moz-animation:img1 10s ease-in-out 0s infinite;animation:img1 10s ease-in-out 0s infinite;opacity:0}
@-moz-keyframes img1{0%{opacity:1}
3%{opacity:1}
60%{opacity:1}
65%{opacity:0}
100%{opacity:0}
}
@-webkit-keyframes img1{0%{opacity:1}
3%{opacity:1}
60%{opacity:1}
65%{opacity:0}
100%{opacity:0}
}
@-o-keyframes img1{0%{opacity:1}
3%{opacity:1}
60%{opacity:1}
65%{opacity:0}
100%{opacity:0}
}
@keyframes img1{0%{opacity:1}
3%{opacity:1}
60%{opacity:1}
65%{opacity:0}
100%{opacity:0}
}
.img-animation2{-webkit-animation:img2 10s ease-in-out 0s infinite;-moz-animation:img2 10s ease-in-out 0s infinite;animation:img2 10s ease-in-out 0s infinite;opacity:0;position:absolute;top:0;right:0}
@-moz-keyframes img2{0%{opacity:0}
60%{opacity:0}
65%{opacity:1}
97%{opacity:1}
100%{opacity:0}
}
@-webkit-keyframes img2{0%{opacity:0}
60%{opacity:0}
65%{opacity:1}
97%{opacity:1}
100%{opacity:0}
}
@-o-keyframes img2{0%{opacity:0}
60%{opacity:0}
65%{opacity:1}
97%{opacity:1}
100%{opacity:0}
}
@keyframes img2{0%{opacity:0}
60%{opacity:0}
65%{opacity:1}
97%{opacity:1}
100%{opacity:0}
}
.compatibility-section{padding-bottom:50px;background-color:#fff}
.compatibility-section h1{color:#000;font-size:38px;margin-bottom:25px}
.compatibility-section p{color:#4d4d4d;font-size:18px;margin-bottom:20px}
.compatibility-section .str{color:#000}
.compatibility-section .black{color:#000}
.compatibility-section span.input0{position:absolute;display:inline-block;text-align:left;opacity:.7;white-space:nowrap;overflow:hidden;border-right:1px solid;-webkit-animation:typing 1.5s steps(16,end),blink-caret 1s step-end 1.5s;animation:typing 1.5s steps(16,end),blink-caret 1s step-end 1.5s}
.compatibility-section span.input0{top:83px;left:185px;font-size:12px}
.compatibility-section span.input1,.compatibility-section span.input2,.compatibility-section span.input3,.compatibility-section span.input4{position:absolute;display:inline-block;overflow:hidden;border-right:1px solid}
.compatibility-section span.input1{top:51px;left:63px;height:7px;width:42px}
.compatibility-section span.input2{top:51px;right:95px;height:7px;width:42px}
.compatibility-section span.input3{top:114px;left:16px;height:7px;width:48px}
.compatibility-section span.input4{top:114px;right:54px;height:7px;width:48px}
.compatibility-section span.input1>span,.compatibility-section span.input2>span,.compatibility-section span.input3>span,.compatibility-section span.input4>span{width:100%;height:7px;display:block;background-color:#fff;text-align:right;float:right;-webkit-animation:typing1 3s;animation:typing1 3s;opacity:0}
@-webkit-keyframes typing1{from{width:100%}
to{width:0}
0%{opacity:0}
1%{opacity:1}
100%{opacity:1}
}
@keyframes typing1{from{width:100%}
to{width:0}
0%{opacity:0}
1%{opacity:1}
100%{opacity:1}
}
@-webkit-keyframes typing{from{width:0}
to{width:140px}
}
@keyframes typing{from{width:0}
to{width:140px}
}
@-webkit-keyframes blink-caret{from,to{border-color:transparent}
50%{border-color:#000}
}
@keyframes blink-caret{from,to{border-color:transparent}
50%{border-color:#000}
}
.compatibility-section .hand{position:absolute;left:255px;top:205px;z-index:11;left:270px;top:215px;opacity:0;-webkit-animation:hand 5s ease;animation:hand 5s ease}
@-webkit-keyframes hand{0%{opacity:0;left:400px;top:250px}
40%{opacity:0}
50%{opacity:1;left:270px;top:215px}
70%{opacity:1}
75%{opacity:0}
}
@keyframes hand{0%{opacity:0;left:400px;top:250px}
40%{opacity:0}
50%{opacity:1;left:270px;top:215px}
70%{opacity:1}
75%{opacity:0}
}
.compatibility-section .hand-b{position:absolute;left:255px;top:205px;display:inline-block;z-index:10;width:52px;height:20px;border:1px solid #9d9fa0;opacity:0;-webkit-animation:hand-b 5s ease;animation:hand-b 5s ease}
@-webkit-keyframes hand-b{0%{opacity:0}
50%{opacity:0}
55%{opacity:1}
70%{opacity:1}
75%{opacity:0}
}
@keyframes hand-b{0%{opacity:0}
50%{opacity:0}
55%{opacity:1}
70%{opacity:1}
75%{opacity:0}
}
.compatibility-section .animation-bg{position:absolute;left:68px;top:8px;display:inline-block;width:478px;height:292px;z-index:1;background-color:#000;opacity:0;-webkit-animation:a-bg 5s ease;animation:a-bg 5s ease}
@-webkit-keyframes a-bg{0%{opacity:0}
10%{opacity:.75}
15%{opacity:.75}
70%{opacity:.75}
75%{opacity:0}
100%{opacity:0}
}
@keyframes a-bg{0%{opacity:0}
10%{opacity:.75}
15%{opacity:.75}
70%{opacity:.75}
75%{opacity:0}
100%{opacity:0}
}
.compatibility-section .frame-box{position:absolute;left:119px;top:69px;z-index:2;display:inline-block;width:194px;height:130px;background:url(../images/frame-box.png) no-repeat 0 0;border:1px solid #00aeff;opacity:0;-webkit-animation:frame-box 5s ease;animation:frame-box 5s ease}
@-webkit-keyframes frame-box{0%{opacity:0;width:0;height:0}
12%{opacity:0}
15%{opacity:1;width:0;height:0}
30%{width:194px;height:130px}
70%{opacity:1}
75%{opacity:0}
}
@keyframes frame-box{0%{opacity:0;width:0;height:0}
12%{opacity:0}
15%{opacity:1;width:0;height:0}
30%{width:194px;height:130px}
70%{opacity:1}
75%{opacity:0}
}
.compatibility-section .frame-box>div{position:relative;top:0;left:0;width:100%;height:100%;display:block}
.compatibility-section .frame-box .dot1,.compatibility-section .frame-box .dot2,.compatibility-section .frame-box .dot3,.compatibility-section .frame-box .dot4,.compatibility-section .frame-box .dot5,.compatibility-section .frame-box .dot6,.compatibility-section .frame-box .dot7,.compatibility-section .frame-box .dot8{position:absolute;width:5px;height:5px;display:inline-block;background-color:#00aeff}
.compatibility-section .frame-box .dot1{top:-2px;left:-2px}
.compatibility-section .frame-box .dot2{margin-left:-2.5px;top:-2px;left:50%}
.compatibility-section .frame-box .dot3{top:-2px;right:-2px}
.compatibility-section .frame-box .dot4{bottom:-2px;left:-2px}
.compatibility-section .frame-box .dot5{margin-left:-2.5px;bottom:-2px;left:50%}
.compatibility-section .frame-box .dot6{bottom:-2px;right:-2px}
.compatibility-section .frame-box .dot7{margin-top:-5px;top:50%;left:-2px}
.compatibility-section .frame-box .dot8{margin-top:-5px;top:50%;right:-2px}
.compatibility-section .yes-or-no1{position:absolute;top:202px;left:96px;z-index:6;opacity:0;-webkit-animation:yes-or-no1 5s ease;animation:yes-or-no1 5s ease}
@-webkit-keyframes yes-or-no1{0%{opacity:0}
35%{opacity:0}
45%{opacity:1}
70%{opacity:1}
75%{opacity:0}
}
@keyframes yes-or-no1{0%{opacity:0}
35%{opacity:0}
45%{opacity:1}
70%{opacity:1}
75%{opacity:0}
}
.compatibility-section .sd{position:absolute;bottom:75px;right:75px;z-index:6;opacity:0;-webkit-animation:sd 5s ease;animation:sd 5s ease}
@-webkit-keyframes sd{0%{opacity:0}
75%{opacity:0}
80%{opacity:1}
95%{opacity:1}
100%{opacity:0}
}
@keyframes sd{0%{opacity:0}
75%{opacity:0}
80%{opacity:1}
95%{opacity:1}
100%{opacity:0}
}
.compatibility-section .btn-bar{position:absolute;bottom:75px;right:75px;z-index:6}
.compatibility-section .img2-hand{position:absolute;z-index:10;opacity:0;-webkit-animation:img2-hand 6s ease;animation:img2-hand 6s ease}
@-webkit-keyframes img2-hand{0%{opacity:0}
40%{opacity:0}
45%{left:338px;top:256px;opacity:1}
70%{opacity:0;left:338px;top:256px}
71%{opacity:0;left:0;top:0}
80%{opacity:0}
85%{opacity:1;left:356px;top:88px}
95%{opacity:1}
100%{left:356px;top:88px;opacity:0}
}
@keyframes img2-hand{0%{opacity:0}
40%{opacity:0}
45%{left:338px;top:256px;opacity:1}
70%{opacity:0;left:338px;top:256px}
71%{opacity:0;left:0;top:0}
80%{opacity:0}
85%{opacity:1;left:356px;top:88px}
95%{opacity:1}
100%{left:356px;top:88px;opacity:0}
}
.compatibility-section .img2-00{position:absolute;left:168px;top:10px;left:240px;top:20px;opacity:1;-webkit-animation:img2-00 6s ease;animation:img2-00 6s ease}
@-webkit-keyframes img2-00{0%{opacity:1}
50%{opacity:1}
55%{opacity:1}
70%{opacity:1}
80%{opacity:0}
95%{opacity:0}
100%{opacity:1}
}
@keyframes img2-00{0%{opacity:1}
50%{opacity:1}
55%{opacity:1}
70%{opacity:1}
80%{opacity:0}
95%{opacity:0}
100%{opacity:1}
}
.compatibility-section .img2-0{position:absolute;left:68px;top:10px;width:479px;height:293px;z-index:1;background-color:#000;opacity:0;-webkit-animation:img2-0 6s ease;animation:img2-0 6s ease}
@-webkit-keyframes img2-0{0%{opacity:0}
10%{opacity:.75}
20%{opacity:.75}
70%{opacity:.75}
80%{opacity:0}
}
@keyframes img2-0{0%{opacity:0}
10%{opacity:.75}
20%{opacity:.75}
70%{opacity:.75}
80%{opacity:0}
}
.compatibility-section .img2-1{position:absolute;left:268px;top:85px;width:89px;height:68px;border:1px solid #00aeff;z-index:2;background:url(../images/qie.png) no-repeat 0 0;opacity:0;-webkit-animation:img2-1 6s ease;animation:img2-1 6s ease}
@-webkit-keyframes img2-1{0%{opacity:1;width:0;height:0}
20%{width:0;height:0}
35%{width:89px;height:68px}
70%{opacity:1}
75%{opacity:0}
}
@keyframes img2-1{0%{opacity:1;width:0;height:0}
20%{width:0;height:0}
35%{width:89px;height:68px}
70%{opacity:1}
75%{opacity:0}
}
.compatibility-section .yes-or-no{position:absolute;z-index:4;left:248px;top:248px;opacity:0;-webkit-animation:yes-or-no 5s ease;animation:yes-or-no 5s ease}
@-webkit-keyframes yes-or-no{0%{opacity:0}
40%{opacity:0}
45%{opacity:1}
70%{opacity:1}
80%{opacity:0}
}
@keyframes yes-or-no{0%{opacity:0}
40%{opacity:0}
45%{opacity:1}
70%{opacity:1}
80%{opacity:0}
}
.compatibility-section .img2-2{position:absolute;z-index:5;top:75px;left:240px;opacity:0;-webkit-animation:img2-2 6s ease;animation:img2-2 6s ease}
@-webkit-keyframes img2-2{0%{opacity:0}
65%{opacity:0}
90%{opacity:1}
95%{opacity:0}
}
@keyframes img2-2{0%{opacity:0}
65%{opacity:0}
90%{opacity:1}
95%{opacity:0}
}
.compatibility-section .img2-3{position:absolute;left:360px;top:83px;z-index:7;opacity:0;-webkit-animation:img2-3 6s ease;animation:img2-3 6s ease}
@-webkit-keyframes img2-3{0%{opacity:0}
65%{opacity:0;width:12px}
75%{width:16px}
85%{width:12px}
90%{opacity:1}
95%{opacity:0}
}
@keyframes img2-3{0%{opacity:0}
65%{opacity:0;width:12px}
75%{width:18px}
85%{width:12px}
90%{width:12px;opacity:1}
95%{opacity:0}
}
.compatibility-section .zoon{position:absolute;left:70px;top:12px;opacity:1;-webkit-animation:zoon 3s ease;animation:zoon 3s ease}
@-webkit-keyframes zoon{0%{opacity:0}
60%{opacity:0}
70%{opacity:1}
80%{opacity:1}
100%{opacity:1}
}
@keyframes zoon{0%{opacity:0}
60%{opacity:0}
70%{opacity:1}
80%{opacity:1}
100%{opacity:1}
}
.compatibility-section .magnifier{position:absolute;top:155px;left:77px;opacity:0;-webkit-animation:magnifier 3s ease;animation:magnifier 3s ease}
@-webkit-keyframes magnifier{0%{opacity:0}
10%{opacity:0;top:162px;left:87px;width:16px}
20%{opacity:1;top:155px;left:77px;width:37px}
50%{opacity:1}
60%{opacity:0}
100%{opacity:0}
}
@keyframes magnifier{0%{opacity:0}
10%{opacity:0;top:162px;left:87px;width:16px}
20%{opacity:1;top:155px;left:77px;width:37px}
50%{opacity:1}
60%{opacity:0}
100%{opacity:0}
}
.compatibility-section .hand-0{position:absolute;top:50px;left:184px;-webkit-animation:movetb 2s ease infinite;animation:movetb 2s ease infinite}
@keyframes movetb{0%{top:50px}
50%{top:70px}
100%{top:50px}
}
@-webkit-keyframes movetb{0%{top:50px}
50%{top:70px}
100%{top:50px}
}
.compatibility-section .hand-1{position:absolute;top:188px;left:470px;-webkit-animation:movelr 2s ease .5s infinite;animation:movelr 2s ease .5s infinite}
@keyframes movelr{0%{left:460px}
50%{left:480px}
100%{left:460px}
}
@-webkit-keyframes movelr{0%{left:460px}
50%{left:480px}
100%{left:460px}
}
.compatibility-section .gridlines{position:absolute;top:170px;left:503px;-webkit-animation:gridlines 4s ease;animation:gridlines 4s ease}
@keyframes gridlines{0%{opacity:1}
50%{opacity:1}
95%{opacity:1}
100%{opacity:0}
}
@-webkit-keyframes gridlines{0%{opacity:1}
50%{opacity:1}
95%{opacity:1}
100%{opacity:0}
}
.compatibility-section .trace{position:absolute;top:90px;left:277px;-webkit-animation:trace 4s ease;animation:trace 4s ease}
@keyframes trace{0%{opacity:0}
10%{opacity:1}
95%{opacity:1}
100%{opacity:1}
}
@-webkit-keyframes trace{0%{opacity:0}
10%{opacity:1}
95%{opacity:1}
100%{opacity:1}
}
.compatibility-section .gesture{position:absolute;top:95px;left:320px;-webkit-animation:gesture 4s ease-in;animation:gesture 4s ease-in}
@keyframes gesture{0%{top:105px;left:280px;opacity:0}
10%{top:105px;left:280px;opacity:1}
15%{top:105px;left:280px}
40%{top:95px;left:320px}
95%{opacity:1}
100%{opacity:1}
}
@-webkit-keyframes gesture{0%{top:105px;left:280px;opacity:0}
10%{top:105px;left:280px;opacity:1}
15%{top:105px;left:280px}
40%{top:95px;left:320px}
95%{opacity:1}
100%{opacity:1}
}
.compatibility-section .txt-img{position:absolute;top:80px;left:380px;-webkit-animation:txt-img 4s ease-in;animation:txt-img 4s ease-in;opacity:0}
@keyframes txt-img{0%{opacity:0}
30%{top:80px;left:260px;opacity:0}
40%{top:80px;left:260px;opacity:1}
65%{top:95px;left:410px;opacity:1}
70%{opacity:0}
100%{opacity:0}
}
@-webkit-keyframes txt-img{0%{opacity:0}
30%{top:80px;left:260px;opacity:0}
40%{top:80px;left:260px;opacity:1}
65%{top:95px;left:410px;opacity:1}
70%{opacity:0}
100%{opacity:0}
}
.compatibility-section .excel{position:absolute;top:170px;left:503px;-webkit-animation:excel 4s ease;animation:excel 4s ease}
@keyframes excel{0%{opacity:0}
50%{opacity:0}
65%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes excel{0%{opacity:0}
50%{opacity:0}
65%{opacity:0}
100%{opacity:1}
}
.dis1,.dis2,.dis3,.dis4,.img1,.img2,.img3,.img4{display:none}
.compatibility-section .block{margin-bottom:20px;width:100%;max-width:618px;margin-left:auto;margin-right:auto;position:relative}
.compatibility-section .block img{width:auto}
.compatibility-section .block>.click1{position:absolute;width:46px;height:46px;background-color:transparent;border-radius:46px;cursor:pointer;top:112px;left:182px;-webkit-animation:circle 2s ease infinite;animation:circle 2s ease infinite}
@keyframes circle{40%{box-shadow:0 0 10px #006464}
50%{box-shadow:0 0 10px rgba(0,100,100,.3)}
60%{box-shadow:0 0 10px #006464}
}
@-webkit-keyframes circle{40%{box-shadow:0 0 10px #006464}
50%{box-shadow:0 0 10px rgba(0,100,100,.3)}
60%{box-shadow:0 0 10px #006464}
}
.compatibility-section .block>.click2{position:absolute;width:25px;height:25px;background-color:transparent;border-radius:25px;cursor:pointer;top:192px;left:434px;-webkit-animation:circle 2s ease infinite;animation:circle 2s ease infinite}
@keyframes circle{40%{box-shadow:0 0 10px #006464}
50%{box-shadow:0 0 10px rgba(0,100,100,.3)}
60%{box-shadow:0 0 10px #006464}
}
@-webkit-keyframes circle{40%{box-shadow:0 0 10px #006464}
50%{box-shadow:0 0 10px rgba(0,100,100,.3)}
60%{box-shadow:0 0 10px #006464}
}
.compatibility-section .btn-block{max-width:580px;text-align:center;margin:0 auto}
.compatibility-section .btn-block .row{margin-right:-5px;margin-left:-5px}
.compatibility-section .btn-block .row .w-1,.compatibility-section .btn-block .row .w-2,.compatibility-section .btn-block .row .w-3,.compatibility-section .btn-block .row .w-4,.compatibility-section .btn-block .row .w-5{box-sizing:border-box;float:left;padding-left:5px;padding-right:5px;display:block;width:25%}
.video-section{position:relative;padding-top:60px;padding-bottom:70px;background-color:#ccdeef;text-align:center}
.video-section h1{font-size:38px;color:#000;margin-bottom:20px}
.video-section .video-img{margin:18px auto 0;display:inline-block;text-align:center;color:#000;text-decoration:none}
.video-section .video-img p{font-size:16px}
.video-section .video-img p small{font-size:14px}
.video-section .video-img .scenes{width:150px;height:150px;display:block;margin:2px auto}
.video-section .video-img .scenes-01{background:url(../images/scenes-01.png) no-repeat center center}
.video-section .video-img .scenes-02{background:url(../images/scenes-02.png) no-repeat center center}
.video-section .video-img .scenes-03{background:url(../images/scenes-03.png) no-repeat center center}
.video-section .video-img .scenes-04{background:url(../images/scenes-04.png) no-repeat center center}
.video-section .video-img .scenes-05{background:url(../images/scenes-05.png) no-repeat center center}
.video-section .video-img .scenes-06{background:url(../images/scenes-06.png) no-repeat center center}
.video-section .video-img .scenes-07{background:url(../images/scenes-07.png) no-repeat center center}
.video-section .video-img .scenes-08{background:url(../images/scenes-08.png) no-repeat center center}
.video-section .video-img .scenes-09{background:url(../images/scenes-09.png) no-repeat center center}
.video-section .video-img .scenes-10{background:url(../images/scenes-10.png) no-repeat center center}
.video-section .video-img .scenes-11{background:url(../images/scenes-11.png) no-repeat center center}
.video-section .video-img .scenes-12{background:url(../images/scenes-12.png) no-repeat center center}
.video-section .video-img:hover .scenes-01{background:url(../images/scenes-01_hover.png) no-repeat center center}
.video-section .video-img:hover .scenes-02{background:url(../images/scenes-02_hover.png) no-repeat center center}
.video-section .video-img:hover .scenes-03{background:url(../images/scenes-03_hover.png) no-repeat center center}
.video-section .video-img:hover .scenes-04{background:url(../images/scenes-04_hover.png) no-repeat center center}
.video-section .video-img:hover .scenes-05{background:url(../images/scenes-05_hover.png) no-repeat center center}
.video-section .video-img:hover .scenes-06{background:url(../images/scenes-06_hover.png) no-repeat center center}
.video-section .video-img:hover .scenes-07{background:url(../images/scenes-07_hover.png) no-repeat center center}
.video-section .video-img:hover .scenes-08{background:url(../images/scenes-08_hover.png) no-repeat center center}
.video-section .video-img:hover .scenes-09{background:url(../images/scenes-09_hover.png) no-repeat center center}
.video-section .video-img:hover .scenes-10{background:url(../images/scenes-10_hover.png) no-repeat center center}
.video-section .video-img:hover .scenes-11{background:url(../images/scenes-11_hover.png) no-repeat center center}
.video-section .video-img:hover .scenes-12{background:url(../images/scenes-12_hover.png) no-repeat center center}
.carousel-section{padding-top:80px;padding-bottom:50px;position:relative;background-color:#2079f1}
.carousel-section .carousel{padding-bottom:10px}
.carousel-section h1{font-size:38px;color:#fff;margin-bottom:20px}
.carousel-section p{color:#fff;font-size:18px;margin-bottom:20px}
.carousel-section img{width:100%;text-align:center;display:inline-block}
.carousel-section .carousel-indicators{bottom:-30px}
.carousel-section .carousel-indicators li{width:18px;height:18px;margin:0 1px;border:2px solid #fff}
.carousel-section .carousel-indicators .active{width:18px;height:18px}
.function-section{background-color:#fff;padding-top:50px;padding-bottom:25px}
.function-section .nav-tabs>.col-xs-4{padding:0}
.function-section .nav-tabs>li>a{border:none;height:100px;border-bottom:3px solid #eaeaea;background-color:transparent;font-size:32px;color:#0c0c0c;line-height:1;padding:5px 15px;margin-right:0;position:relative}
.function-section .nav-tabs>li>a>.triangle{position:absolute;bottom:-15px;left:50%;display:none;margin-left:-20px}
.function-section .nav-tabs>li>a>span{font-size:14px;color:#ca0205;line-height:20px}
.function-section .nav-tabs>li>a>i{position:absolute;top:-5px;right:15%}
.function-section .nav-tabs>li>#tabs3-title>i{position:absolute;top:-5px;right:10%}
.function-section .nav-tabs>li>a>p{margin-top:10px;font-size:14px;color:#4d4d4d;line-height:20px}
.function-section .nav-tabs>li.active>a>p{color:#797979}
.function-section .nav-tabs>li.active>a:focus>.triangle,.function-section .nav-tabs>li.active>a:hover>.triangle,.function-section .nav-tabs>li.active>a>.triangle{display:inline-block}
.function-section .nav-tabs>li.active>a,.function-section .nav-tabs>li.active>a:focus,.function-section .nav-tabs>li.active>a:hover{border:none;border-bottom:3px solid #eaeaea;background-color:transparent;cursor:pointer;color:#797979}
.function-section h1{font-size:30px;color:#000;margin-bottom:20px}
.function-section .table{text-align:left;font-size:12px;border-right:1px solid #eee}
.function-section .table tr td{border-top:1px solid #eee;border-right:none;background-color:#fff;line-height:20px;padding:0}
.function-section #tabs1 .table tr td:last-child,.function-section #tabs1 .table tr:last-child td{border-bottom:1px solid #eee}
.function-section #tabs1 .table tr:last-child td:last-child{border-right:1px solid #eee}
.function-section .function-block .txt,.function-section .table tr td .txt{width:160px;color:#000;line-height:16px;display:inline-block;padding:4px 8px 2px 8px}
.function-section .function-block .txt small,.function-section .table tr td .txt small{color:#aeaeae;font-size:12px}
.function-section .table{font-size:14px}
.function-section .function-block .txt,.function-section .table tr td .txt{line-height:18px}
.table.table-new{text-align:left}
.table.table-new tr>td,.table.table-new tr>th{border:none;font-weight:400;padding:5px 6px;border-right:2px solid #fff;font-size:14px;color:#000;text-align:center;vertical-align:middle}
.table.table-new tr>td{border-bottom:1px solid #fff}
.table.table-new tr>th{background-color:#3794dd;color:#fff}
.table.table-new tr>td.text-left,.table.table-new tr>th.text-left{text-align:left}
.table.table-new tr>td>span{width:90%;display:inline-block;vertical-align:middle}
.gray-01,.gray-01>td{background-color:#f8f8f8!important}
.gray-02,.gray-02>td{background-color:#f0f0f0!important}
.gray-05,.gray-05>td{background-color:#ebebeb!important}
.gray-03,.gray-03>td{background-color:#e7e7e7!important}
.gray-04,.gray-04>td{background-color:#e0e0e0!important}
#vs>span{display:inline-block;box-sizing:border-box;line-height:30px;background-color:#3794dd;font-size:26px;text-align:center;padding:8px;color:#fff;margin-bottom:15px;border:none}
.active #vs>span{background-color:#82bcea;color:#fff}
#free>span{color:#3a9a00}
.tab-content{box-sizing:border-box;text-align:left;background-color:transparent;padding-bottom:15px}
.tab-pane{padding:3% 0 0}
.tab-arrow,.tab-free,.tab-no,.tab-no-free,.tab-triangle,.tab-yes{background:url(../images/tab-icon.png) no-repeat 0 0;display:inline-block}
.tab-free,.tab-no-free{width:39px;height:42px}
.tab-no-free{background-position:-47px 0}
.tab-no,.tab-yes{width:18px;height:18px}
.tab-yes{background-position:0 -48px}
.tab-no{background-position:-28px -48px}
.tab-triangle{width:39px;height:21px;background-position:-57px -48px}
.tab-arrow{width:23px;height:12px;background-position:-91px -63px}
.text-y{color:#f37e00;font-weight:400}
#tabs1,#tabs2,#tabs3,#tabs4{padding-top:0px}
.function-block .line{border-right:1px solid #eee;border-bottom:1px solid #eee}
.tab2-img{vertical-align:middle;display:inline-block;max-width:178px;max-height:178px}
.tab2-img img{width:100%}
.tab2-txt{display:inline-block;vertical-align:middle;width:60%;box-sizing:border-box;padding-left:23px;padding-right:15px;font-size:14px;color:#7e7e7e}
.tab2-txt label{color:#000;font-size:18px;font-weight:400}
#tabs2 div.tab-box,#tabs3 div.tab-box{position:relative;margin-bottom:18px;background-color:#f4f6f8}
#tabs3 .title{color:#7e7e7e;font-size:14px}
#tabs3 .title>span.span{position:relative;background-color:#2f57aa;width:280px;height:45px;box-sizing:border-box;padding:10px 0 12px 50px;display:inline-block;vertical-align:middle;margin-bottom:16px;margin-right:10px;color:#fffefe;font-size:18px}
#tabs3 .title>span.span>i{display:inline-block;position:absolute;left:0;top:-12px}
.function-block:first-child .line{border-top:1px solid #eee}
.function-block .col-xs-6{padding:0}
.function-block .col-sm-3{padding:0}
.function-section .function-block .txt{padding:15px 0 2px 10px;line-height:20px}
.bg-free,.bg-no-free{display:inline-block!important;margin-top:7px;padding:4px 10px;border-radius:4px;font-size:12px;color:#fff}
.bg-no-free{background-color:#3c8ce1}
.bg-free{background-color:#3daf2c}
.tabs-info{display:inline-block}
.compatible-section{background-color:#89c4f4}
.compatible-section h1{margin-bottom:20px;color:#fefefe;font-size:48px}
.compatible-section .container>p{color:#fff;font-size:18px;margin-bottom:40px}
.compatible-section .col-sm-6{padding:0 5px}
.commerce-section{background-color:#fff}
.commerce-section .btn-group{width:100%;max-width:470px;margin-top:50px;margin-bottom:20px}
.commerce-section .btn-group a{width:100%;display:block;font-size:20px;color:#fff;text-align:left;padding:18px 0 18px 28px;text-decoration:none;border-radius:5px;background:#3c8ce1 url(../images/icon-left-a.png) no-repeat 93% center}
.commerce-section .col-sm-6{padding:0 3px!important}
.modal-dialog .help-block{display:inline-block;margin-top:0}
.modal-w-a .modal-body{padding:0}
.modal-body>.nav-tabs{background-color:#ebedf3;padding-top:16px;padding-left:26px}
.modal-body>.nav-tabs li a{position:relative;padding-left:30px;padding-right:30px;font-size:14px;vertical-align:middle;color:#535353}
.modal-body>.nav-tabs li a span{margin-top:-4px}
.modal-body>.nav-tabs li.active{color:#5f5f5f}
.modal-body>.nav-tabs li.active:last-child a:before{position:absolute;content:'';z-index:1;top:-1px;left:-.5em;bottom:-1px;width:1em;background:#fff;-webkit-transform:skew(-20deg);-moz-transform:skew(-20deg);-ms-transform:skew(-20deg);-o-transform:skew(-20deg);transform:skew(-20deg);border-left:1px solid #ddd;border-top:1px solid #ddd;-webkit-border-radius:5px 0 0 0;-moz-border-radius:5px 0 0 0;border-radius:5px 0 0 0}
.modal-body>.nav-tabs li.active a:after{position:absolute;content:'';z-index:1;top:-1px;right:-.5em;bottom:-1px;width:1em;background:#fff;-webkit-transform:skew(20deg);-moz-transform:skew(20deg);-ms-transform:skew(20deg);-o-transform:skew(20deg);transform:skew(20deg);border-right:1px solid #ddd;border-top:1px solid #ddd;-o-border-radius:0 5px 0 0;-ms-border-radius:0 5px 0 0;-webkit-border-radius:0 5px 0 0;-moz-border-radius:0 5px 0 0;border-radius:0 5px 0 0}
.modal-body .tab-pane{padding:15px}
.modal-body .form-group>.col-xs-2{min-width:80px;border-radius:0}
.btn{outline:0!important}
.btn-w{text-align:center;box-sizing:border-box;background-color:#fff;color:#017ce1;border:none;opacity:1;font-size:16px;vertical-align:middle;padding:11.5px 5px;outline:0}
.btn-w:active{outline:0}
.btn-w:focus,.btn-w:hover{background-color:#fff;color:#017ce1;opacity:.95}
.btn-left{text-align:center;box-sizing:border-box;background-color:#fff;color:#017ce1;border:none;font-size:16px;vertical-align:middle;padding:11.5px 5px;outline:0}
.btn-left:active{outline:0}
.btn-left:focus,.btn-left:hover{background-color:#dff2ff;color:#017ce1}
.btn-right{text-align:center;box-sizing:border-box;background-color:#abdbfc;color:#017ce1;border:none;font-size:16px;vertical-align:middle;padding:11.5px 5px;outline:0}
.btn-right:active{outline:0}
.btn-right:focus,.btn-right:hover{background-color:#dff2ff;color:#017ce1}
.btn-w-border{text-align:center;box-sizing:border-box;background-color:transparent;color:#fefefe;font-size:16px;vertical-align:middle;margin-bottom:10px;padding:10px 5px;border:2px solid #fff;outline:0}
.btn-w-border:focus,.btn-w-border:hover{color:#fefefe}
.btn-1{position:relative;text-align:center;box-sizing:border-box;background-color:#0056be;color:#fff;border:none;opacity:.95;font-size:16px;vertical-align:middle;padding:12.5px 14px;margin-bottom:10px;outline:0}
.btn-1:focus,.btn-1:hover{background-color:#0056be;color:#fff;opacity:1}
.btn-2{position:relative;text-align:center;box-sizing:border-box;background-color:#1b60b5;color:#fff;border:none;opacity:.95;font-size:16px;vertical-align:middle;padding:12.5px 14px;outline:0}
.btn-2:focus,.btn-2:hover{background-color:#1b60b5;color:#fff;opacity:1}
.btn-b{background-color:#89c4f4;color:#fff;border:2px solid #fff;opacity:.9;font-size:18px;vertical-align:middle;padding:10px 14px;outline:0}
.btn-b:focus,.btn-b:hover{background-color:#89c4f4;color:#fff;opacity:1}
.btn-gray{display:block;background-color:#b1b1b1;color:#fff;border:none;opacity:.9;font-size:16px;vertical-align:middle;padding:17px 15px;outline:0}
.btn-gray.active,.btn-gray:focus,.btn-gray:hover{background-color:#6092e7;color:#fff;opacity:1}
.btn-gray.active{position:relative}
.btn-gray.active:after,.btn-gray.active:before{top:0;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}
.btn-gray.active:before{border-color:rgba(96,146,231,0);border-top-color:#f4f5f9;border-width:8px;margin-left:-8px}
.btn-y1{margin-top:50px;margin-bottom:100px;background-color:#f9f267;background-image:-webkit-linear-gradient(to bottom,#fdfbc1,#f9f267);background-image:linear-gradient(to bottom,#fdfbc1,#f9f267);box-shadow:2px 5px 5px rgba(225,26,22,.75);color:#b5022c;border-color:#f02420;border:1px solid;-moz-border-radius:30px;border-radius:30px;opacity:.95;font-size:24px;vertical-align:middle;padding:13px 50px;outline:0}
.btn-y1:hover{color:#e13000}
[class*=" icon28-"],[class^=icon28-]{height:28px;width:28px;display:inline-block;margin-right:4px;opacity:.8;vertical-align:middle}
.icon28-download,.icon28-download-old,.icon28-play{height:30px;width:30px}
.icon28-download{background:url(../images/icon-download.png) no-repeat center center}
.icon28-play{background:url(../images/icon-play.png) no-repeat center center}
.icon28-download-old{background:url(../images/icon28-download-old.png) no-repeat center center}
.icon28-win{background:url(../images/icon28-win.png) no-repeat center center}
.active .icon28-win{background:url(../images/icon28-win-hover.png) no-repeat center center}
.icon28-android{background:url(../images/icon28-andriod.png) no-repeat center center}
.active .icon28-android{background:url(../images/icon28-andriod-hover.png) no-repeat center center}
[class*=" icon-bg38-"],[class^=icon-bg38-]{height:88px;width:72px;box-sizing:border-box;padding-top:25px;display:inline-block;vertical-align:top;text-align:center;margin-top:-1px;margin-left:-1px;border-bottom:1px solid #fff}
.icon-bg38-01{background-color:#335292}
.icon-bg38-02{background-color:#3e62ae}
.icon-bg38-03{background-color:#5383c3}
.icon-bg38-04{background-color:#2ca9e1}
.icon-bg38-05{background-color:#59b9c7}
.icon-bg38-06{background-color:#f0bc5e}
.icon-bg38-07{background-color:#d7c672}
[class*=" icon38-"],[class^=icon38-]{height:38px;width:38px;display:inline-block;background:url(../images/functions-icon38.png) no-repeat 0 0}
.icon38-no-java{background-position:-152px -76px}
.icon38-muti-touch{background-position:-114px -76px}
.icon38-h2{background-position:-76px -38px}
.icon38-boss-mode{background-position:0 0}
.icon38-keyboard{background-position:-190px -38px}
.icon38-flash{background-position:-38px -38px}
.icon38-plus{background-position:-38px -114px}
.icon38-note{background-position:-190px -76px}
.icon38-picture{background-position:0 -114px}
.icon38-script{background-position:-152px -114px}
.icon38-lollipop{background-position:-38px -76px}
.icon38-facetime-video{background-position:-152px 0}
.icon38-expression{background-position:-114px 0}
.icon38-file{background-position:0 -38px}
.icon38-screenshot{background-position:-114px -114px}
.icon38-h{background-position:-114px -38px}
.icon38-link{background-position:0 -76px}
.icon38-record-script{background-position:-76px -114px}
.icon38-mouse{background-position:-76px -76px}
.icon38-copy{background-position:0 -38px}
.icon38-fast{background-position:-190px 0}
.icon38-search{background-position:-190px -114px}
.icon38-img{background-position:-152px -38px}
.icon38-driver{background-position:-76px 0}
.icon38-set{background-position:0 -152px}
.icon38-x86{background-position:-114px -152px}
.icon38-shortcut-icon{background-position:-38px -152px}
.icon38-sigma-paste{background-position:-76px -152px}
[class*=" icon38-"],[class^=icon38-]{display:inline-block;vertical-align:top}
.btn-left,.btn-right{position:relative;min-width:130px;font-size:16px;line-height:1.6;border-radius:40px}
.btn-left img,.btn-right img{max-width:100%;vertical-align:text-top}
.btn-left em,.btn-right em{color:#fff;padding:2px 5px;border-radius:0 0 3px 3px;background-color:#ff6100}
.btn-left{padding:5px 6px 5px 20px}
.btn-left small{position:absolute;top:0;right:24%;display:block;font-size:12px}
.btn-right{padding:5px 20px 5px 6px;background-image:-webkit-linear-gradient(to top,#abdbfc,#e2f3ff);background-image:linear-gradient(to top,#abdbfc,#e2f3ff)}
.btn-right:focus,.btn-right:hover{background-image:none;background-color:#dff2ff;color:#017ce1}
.btn-right small{position:absolute;top:0;left:30%;display:block;font-size:12px}
@media (min-width:768px){.btn-left,.btn-right{font-size:16px;border-radius:50px;min-width:100px}
.btn-left img,.btn-right img{max-width:20%}
.btn-left small,.btn-right small{top:-1px;left:20%}
.btn-left em,.btn-right em{padding:.5px 5px}
.btn-left{padding:14px 6px 14px 20px}
.btn-right{padding:14px 20px 14px 6px}
}
@media (min-width:992px){.btn-left,.btn-right{font-size:20px;border-radius:62px;min-width:130px}
.btn-left img,.btn-right img{vertical-align:inherit;max-width:100%}
.btn-left small,.btn-right small{top:-1px;left:25%}
.btn-left em,.btn-right em{padding:1px 5px}
.btn-left{padding:16px 10px 16px 20px}
.btn-right{padding:16px 20px 16px 10px}
}
@media (min-width:1200px){.btn-left,.btn-right{font-size:26px;border-radius:78px;min-width:140px}
.btn-left small,.btn-right small{top:1px;left:30%}
.btn-left em,.btn-right em{padding:2px 5px}
.btn-left{padding:18px 50px 18px 50px}
.btn-right{padding:10px 25px 10px 10px}
}
.red-packet{position:absolute;top:90px;bottom:0;width:100%;text-align:center;background:#010c26 url(../images/bg.jpg) no-repeat center center;background-size:cover;z-index:2039;animation:adv-01 8s ease-in-out forwards;-moz-animation:adv-01 8s ease-in-out forwards;-webkit-animation:adv-01 8s ease-in-out forwards;-o-animation:adv-01 8s ease-in-out forwards}
.red-packet img{max-width:100%}
.red-packet .info{margin-top:-140px;font-size:17px}
.red-packet .f-17{font-size:17px}
.red-packet .f-20{font-size:20.3px}
.red-packet .f-22{font-size:22.3px}
.red-packet .f-24{font-size:24px}
.red-packet .f-26{font-size:26.5px}
@keyframes adv-01{0%{opacity:0;height:10%;overflow:hidden}
20%{opacity:1;height:100%;overflow:hidden}
55%{opacity:1}
85%{opacity:1;height:100%;overflow:hidden}
100%{opacity:0;height:0%;overflow:hidden}
}
@-moz-keyframes adv-01{0%{opacity:0;height:10%;overflow:hidden}
20%{opacity:1;height:100%;overflow:hidden}
55%{opacity:1}
85%{opacity:1;height:100%;overflow:hidden}
100%{opacity:0;height:0%;overflow:hidden}
}
@-webkit-keyframes adv-01{0%{opacity:0;height:10%;overflow:hidden}
20%{opacity:1;height:100%;overflow:hidden}
55%{opacity:1}
85%{opacity:1;height:100%;overflow:hidden}
100%{opacity:0;height:0%;overflow:hidden}
}
@-o-keyframes adv-01{0%{opacity:0;height:10%;overflow:hidden}
20%{opacity:1;height:100%;overflow:hidden}
55%{opacity:1}
85%{opacity:1;height:100%;overflow:hidden}
100%{opacity:0;height:0%;overflow:hidden}
}
.color-yellow-01{color:#ffcf2f}
.color-wihte-01{color:#fefefe}
.view-list{position:absolute;top:-5px;left:250px;display:inline-block;width:76px;height:44px;background:url(../images/view-list.png) no-repeat center top;z-index:2000;cursor:pointer}
.view-list:hover{height:72px;background:url(../images/view-list-hover.png) no-repeat center top}
@media (max-width:768px){.red-packet{top:0!important;height:100%}
.red-packet .info{margin:10px auto 10px auto;font-size:13.5px;width:90%;display:inline-block}
.red-packet .f-17{font-size:14px}
.red-packet .f-20{font-size:16.3px}
.red-packet .f-22{font-size:17.3px}
.red-packet .f-24{font-size:19.2px}
.red-packet .f-26{font-size:20px}
.red-packet .btn-y1{padding:10px 45px;margin-top:30px;margin-bottom:60px}
@keyframes myAdv{4%{opacity:0;height:100%}
5%{opacity:1;height:100%}
95%{opacity:1;height:100%}
100%{opacity:0;height:0%}
}
@-moz-keyframes myAdv{4%{opacity:0;height:100%}
5%{opacity:1;height:100%}
95%{opacity:1;height:100%}
100%{opacity:0;height:0%}
}
@-webkit-keyframes myAdv{4%{opacity:0;height:100%}
5%{opacity:1;height:100%}
95%{opacity:1;height:100%}
100%{opacity:0;height:0%}
}
@-o-keyframes myAdv{4%{opacity:0;height:100%}
5%{opacity:1;height:100%}
95%{opacity:1;height:100%}
100%{opacity:0;height:0%}
}
}
@media (min-width:768px){.red-packet{height:100%}
.red-packet .info{margin-top:10px;font-size:13.5px}
.red-packet .f-17{font-size:14px}
.red-packet .f-20{font-size:16.3px}
.red-packet .f-22{font-size:17.3px}
.red-packet .f-24{font-size:19.2px}
.red-packet .f-26{font-size:20px}
.red-packet .btn-y1{padding:11px 48px;margin-top:40px;margin-bottom:80px}
}
@media (min-width:992px){.red-packet{height:100%}
.red-packet .info{margin-top:10px;font-size:17px}
.red-packet .f-17{font-size:17px}
.red-packet .f-20{font-size:20.3px}
.red-packet .f-22{font-size:22.3px}
.red-packet .f-24{font-size:24px}
.red-packet .f-26{font-size:26.5px}
.red-packet .btn-y1{padding:13px 50px;margin-top:50px;margin-bottom:100px}
}
@keyframes myAdv{4%{opacity:0;height:100%}
5%{opacity:1;height:100%}
95%{opacity:1;height:100%}
100%{opacity:0;height:0%}
}
@-moz-keyframes myAdv{4%{opacity:0;height:100%}
5%{opacity:1;height:100%}
95%{opacity:1;height:100%}
100%{opacity:0;height:0%}
}
@-webkit-keyframes myAdv{4%{opacity:0;height:100%}
5%{opacity:1;height:100%}
95%{opacity:1;height:100%}
100%{opacity:0;height:0%}
}
@-o-keyframes myAdv{4%{opacity:0;height:100%}
5%{opacity:1;height:100%}
95%{opacity:1;height:100%}
100%{opacity:0;height:0%}
}
.adv{height:100%;width:100%;text-align:center;background-color:#b7011a;background:url(../images/adv-bg.png) no-repeat center center;background-size:cover;z-index:1039;animation:myAdv 10s forwards;-moz-animation:myAdv 10s forwards;-webkit-animation:myAdv 10s forwards;-o-animation:myAdv 10s forwards}
.adv img{max-width:100%}
.adv-content{position:relative;display:inline-block;padding:32px 100px 35px;border-radius:5px;margin:100px auto 0;background-image:-o-linear-gradient(to right bottom,#ffd441,#ff4531);background-image:-webkit-linear-gradient(to right bottom,#ffd441,#ff4531);background-image:linear-gradient(to right bottom,#ffd441,#ff4531)}
.adv-content img{max-width:100%}
.adv-content img.img-icon{position:absolute;top:22px;left:-5px}
.adv-content h3{box-sizing:border-box;color:#000;margin-left:20px;margin-bottom:20px;font-size:24px;text-align:center}
.adv-content p{font-size:18px;text-align:left;line-height:30px;color:#000}
.adv-content p.info{color:#190602}
.adv-content p span{display:inline-block;vertical-align:text-top;width:70%}
.btn-y{margin-top:50px;margin-bottom:100px;background-image:-webkit-linear-gradient(to bottom,#ffe800,#ff9a00);background-image:linear-gradient(to bottom,#ffe800,#ff9a00);box-shadow:2px 5px 5px rgba(225,26,22,.75);color:#b5022c;border-color:#f02420;border:1px solid;-moz-border-radius:18px;border-radius:18px;opacity:.95;font-size:24px;vertical-align:middle;padding:13px 48px;outline:0}
.btn-y:hover{color:#e13000}
.adv-close{background:url(../images/adv-close.png) no-repeat;width:87px;height:36px;position:absolute;top:10px;right:20px;cursor:pointer}
.adv-btn{cursor:pointer}
@media (max-width:768px){.tc .navbar-default .navbar-nav>li>a.dropdown-toggle.dropdown-toggle-menu,.tc .navbar-default .navbar-nav>li>a:focus.dropdown-toggle.dropdown-toggle-menu,.tc .navbar-default .navbar-nav>li>a:hover.dropdown-toggle.dropdown-toggle-menu{border-bottom:1px solid #437bdb}
.tc .navbar-default .dropdown-menu.nav-menu>li>a{margin:0}
.btn-y{margin-top:0;margin-bottom:50px;font-size:18px}
.adv-content{padding:105px 20px 25px;margin:60px 15px 40px}
.adv-content h3{text-align:left;margin-left:0;font-size:21px}
.adv-content p{font-size:16px;line-height:26px}
.adv-content img.img-icon{position:absolute;top:22px;left:-5px}
}
@media (min-width:1200px){.adv-content{padding:62px 150px 65px}
.adv-content h3{margin-left:0}
.adv-content img.img-icon{position:absolute;top:22px;left:-5px}
}
.v-dis{display:inline-block;font-size:18px;color:#fff;background-color:#ff6900;padding:6px 15px 6px 15px;border-radius:5px}
.mb-20{margin-bottom:20px}
.tc-section .animate .block-one{margin-top:12px}
@media (max-width:768px){.tc .navbar-toggle .icon-bar{width:16px}
.tc .navbar-brand{position:relative;display:inline-block;min-height:52px;font-size:24px;padding:8px 15px 13px}
.tc .navbar-brand img{width:auto;margin-top:0;display:inline-block}
.tc .navbar-default{padding-top:0;background-color:transparent}
.tc .navbar-default .navbar-toggle{margin-top:15px;padding:4px 6px}
.tc .navbar-default .nav{font-size:16px}
.tc .navbar-default .nav>li>a{padding:13px 15px 14px;border-bottom:1px solid #437bdb}
.tc .navbar-default .navbar-nav{margin-bottom:0;margin-top:0}
.tc .navbar-default .navbar-nav>li>a,.tc .navbar-default .navbar-nav>li>a:focus,.tc .navbar-default .navbar-nav>li>a:hover{background-color:#0d3e93;display:block;border-top:none;color:#fff}
.tc .navbar-default .navbar-nav>.active>a,.tc .navbar-default .navbar-nav>.active>a:focus,.tc .navbar-default .navbar-nav>.active>a:hover{background-color:#0d3e93;color:#fff}
.tc .navbar-default .navbar-nav>.open>a,.tc .navbar-default .navbar-nav>.open>a:focus,.tc .navbar-default .navbar-nav>.open>a:hover,.tc .navbar-default .navbar-nav>li>a.dropdown-toggle,.tc .navbar-default .navbar-nav>li>a:focus.dropdown-toggle,.tc .navbar-default .navbar-nav>li>a:hover.dropdown-toggle{background-color:#0d3e93;padding:13px 15px 14px;margin-top:0;border:none;border-bottom:1px solid #437bdb;border-radius:0;font-size:14px;margin-left:0;color:#fff}
.tc .navbar-default .navbar-nav>li>.dropdown-menu{padding:0}
.tc .navbar-default .navbar-nav .open .dropdown-menu>li>a{background-color:#0d3e93;color:#fff;padding:13px 15px 14px;border-bottom:1px solid #437bdb}
.tc .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.tc .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{background-color:#0d3e93;color:#fff}
.tc-section-bg{background-position:center 135px}
.tc-section-bg img{margin-top:0}
.carousel-indicators{bottom:-40px;margin-bottom:10px}
.carousel-indicators li{margin:1px 10px}
.carousel-indicators li.active{margin:0 9px}
.tc-section .block-white{background:0 0}
.tc-section .block-white p{font-size:18px;line-height:24px;margin-bottom:6px;color:#f5f6f9}
.tc-section>.container{padding-top:15px;padding-bottom:55px}
.tc-section .blue-bg{width:auto}
.tc-section .block-one{position:relative;bottom:0;max-width:100%;margin-top:30px}
.tc-section .block-one .w-1 .btn-w-border,.tc-section .block-one .w-2 .btn-w-border{margin-top:0;margin-bottom:20px}
.tc-section .block-one .w-1{width:0}
.tc-section .block-one .w-2{width:50%;padding-right:10%}
.tc-section .block-one .w-4{width:50%;margin: 0 auto;float: none;}
.tc-section .block-one .btn-w-border{font-size:20px;border-radius:30px}
.tc-section .android-apk{position:relative;display:inline-block;vertical-align:middle;width:30px;height:20px}
.tc-section .android-apk img{position:absolute;top:-3px;left:0;width:24px}
.tc-section h1{font-size:28px;margin-bottom:13px;margin-top:16px}
.tc-section h2{font-size:24px;margin-bottom:9px}
.tc-section h3{font-size:16px;margin-top:0;margin-bottom:8px}
.tc-section .animate .block-one{margin-top:30px;max-width:auto}
.compatibility-section{padding-bottom:28px}
.compatibility-section h1{font-size:26px;margin-bottom:10px}
.compatibility-section p{font-size:14px}
.compatibility-section .compatibility-div{padding-bottom:16px}
.compatibility-section>.container{padding-top:35px;padding-bottom:5px}
.compatibility-section .block{max-width:618px;min-height:200px;margin-bottom:30px}
.compatibility-section .block img{width:100%}
.compatibility-section .btn-block .row{margin-right:-2px;margin-left:-2px}
.compatibility-section .btn-block .row .w-1,.compatibility-section .btn-block .row .w-2,.compatibility-section .btn-block .row .w-3,.compatibility-section .btn-block .row .w-4,.compatibility-section .btn-block .row .w-5{padding-left:2px;padding-right:2px}
.compatibility-section .btn-block .row .w-1 .btn-gray,.compatibility-section .btn-block .row .w-2 .btn-gray,.compatibility-section .btn-block .row .w-3 .btn-gray,.compatibility-section .btn-block .row .w-4 .btn-gray,.compatibility-section .btn-block .row .w-5 .btn-gray{padding:14px 0 10px 0;font-size:12px}
.carousel-section{padding-top:30px}
.carousel-section h1{font-size:26px;margin-bottom:10px}
.carousel-section p{font-size:14px;margin-bottom:30px}
.carousel-section .carousel-indicators{bottom:-45px}
.function-section .function-block .txt{width:auto;min-height:80px;border-left:1px solid #eee;margin-left:-1px}
.function-section .nav-tabs>li>a{height:auto;min-height:72px;font-size:16px;padding:5px}
#vs>span{display:inline-block;line-height:20px;font-size:16px;padding:2px;margin-bottom:15px}
[class*=" icon-bg38-"],[class^=icon-bg38-]{display:none}
.tab2-img{display:none}
.tab2-txt{display:inline-block;width:100%;padding-top:20px;padding-bottom:20px}
.tabs-info{display:none}
.compatible-section{padding-bottom:30px}
.compatible-section>.container{padding-top:30px}
.compatible-section>.container>p{font-size:14px}
.compatible-section>.container .btn-block{margin-top:80px}
.compatible-section h1{font-size:26px;margin-bottom:10px}
.compatible-section p{font-size:12px;text-align:left}
.commerce-section .btn-group{max-width:305px}
.commerce-section .btn-group a{margin-bottom:15px}
.btn-w{margin-top:0}
}
@media (min-width:768px){.tc .navbar-right .dropdown-menu.nav-menu{right:auto;left:0}
.carousel-indicators{bottom:-50px}
.tc-section .block-white{padding:18px 0}
.tc-section .block-white p{font-size:14px;line-height:20px;margin-bottom:8px;color:#f5f6f9}
.tc-section .animate-pc{position:absolute;top:13px;left:25px;height:198px}
.tc-section .animate-phone{left:25px;bottom:93px;width:62px;height:110px}
.tc-section .animate .txt{min-height:170px}
.tc-section .animate-01{position:relative}
.tc-section .animate-01 .animate-pc-arrow{height:24px;left:256px;bottom:1px}
.tc-section .animate-01 .animate-pc-1-03-input{top:10px;left:145px;width:105px;height:12px;line-height:12px;font-size:12px}
.tc-section .animate-01 .animate-hand{top:270px;height:95px}
.tc-section .animate-01 .animate-hand .animate-hand-1-left{left:120px}
.tc-section .animate-01 .animate-hand .animate-hand-1-right{left:150px}
.tc-section .animate-01 .animate-01-key{left:152px;top:232px;width:20px}
.tc-section .animate-02 .animate-pc-2-02{top:9px;right:60px;height:160px}
.tc-section .animate-02 .animate-pc-2-03{bottom:5px;right:60px;height:20.5px}
.tc-section .animate-02 .animate-pc-2-04{bottom:48px;right:60px;height:25px}
.tc-section .animate-02 .animate-pc-2-05{top:0;right:174px}
.tc-section .animate-02 .animate-hand{top:258px;height:95px}
.tc-section .animate-02 .animate-hand .animate-hand-1-right{top:0;left:370px}
.tc-section .animate-03 .red-bar-pc{top:15.2px;left:88px;height:5px}
.tc-section .animate-03 .red-bar-phone{position:absolute;top:158.5px;left:33px;height:1.6px}
@-moz-keyframes red-bar-pc{0%{opacity:0}
5%{width:0;opacity:1}
100%{opacity:1;width:112px}
}
@-webkit-keyframes red-bar-pc{0%{opacity:0}
5%{width:0;opacity:1}
100%{opacity:1;width:112px}
}
@-o-keyframes red-bar-pc{0%{opacity:0}
5%{width:0;opacity:1}
100%{opacity:1;width:112px}
}
@keyframes red-bar-pc{0%{opacity:0}
5%{width:0;opacity:1}
100%{opacity:1;width:112px}
}
@-moz-keyframes red-bar-phone{0%{opacity:0}
5%{width:0;opacity:1}
100%{opacity:1;width:38px}
}
@-webkit-keyframes red-bar-phone{0%{opacity:0}
5%{width:0;opacity:1}
100%{opacity:1;width:38px}
}
@-o-keyframes red-bar-phone{0%{opacity:0}
5%{width:0;opacity:1}
100%{opacity:1;width:38px}
}
@keyframes red-bar-phone{0%{opacity:0}
5%{width:0;opacity:1}
100%{opacity:1;width:38px}
}
.tc-section .animate-03 .animate-hand{top:258px;height:95px}
.tc-section .animate-03 .animate-hand .animate-hand-1-right{top:0;left:370px}
.tc-section h1{font-size:20px;margin-top:8px;margin-bottom:11px}
.tc-section h3{font-size:14px;margin-top:5px;margin-bottom:2px}
.tc-section>.container{padding-top:15px;padding-bottom:110px}
.tc-section .item1{margin-top:0}
.tc-section .item2{margin-top:10px}
.tc-section .item3{margin-top:0}
.tc-section .item4{margin-top:0}
.tc-section .item5{margin-top:0}
@-moz-keyframes animate-pc-1-03-input{0%{opacity:0}
54%{opacity:0}
56%{opacity:1;width:0}
74%{opacity:1;width:105px}
75%{opacity:0}
100%{opacity:0}
}
@-webkit-keyframes animate-pc-1-03-input{0%{opacity:0}
54%{opacity:0}
56%{opacity:1;width:0}
74%{opacity:1;width:105px}
75%{opacity:0}
100%{opacity:0}
}
@-o-keyframes animate-pc-1-03-input{0%{opacity:0}
54%{opacity:0}
56%{opacity:1;width:0}
74%{opacity:1;width:105px}
75%{opacity:0}
100%{opacity:0}
}
@keyframes animate-pc-1-03-input{0%{opacity:0}
54%{opacity:0}
56%{opacity:1;width:0}
74%{opacity:1;width:105px}
75%{opacity:0}
100%{opacity:0}
}
@-moz-keyframes animate-hand-1{0%{opacity:0;top:270px}
2%{opacity:1}
12%{top:237px}
20%{top:237px}
24%{opacity:1;top:260px}
53%{top:260px}
54%{top:270px}
100%{opacity:1}
}
@-webkit-keyframes animate-hand-1{0%{opacity:0;top:270px}
2%{opacity:1}
12%{top:237px}
20%{top:237px}
24%{opacity:1;top:260px}
53%{top:260px}
54%{top:270px}
100%{opacity:1}
}
@-o-keyframes animate-hand-1{0%{opacity:0;top:270px}
2%{opacity:1}
12%{top:237px}
20%{top:237px}
24%{opacity:1;top:260px}
53%{top:260px}
54%{top:270px}
100%{opacity:1}
}
@keyframes animate-hand-1{0%{opacity:0;top:270px}
2%{opacity:1}
12%{top:237px}
20%{top:237px}
24%{opacity:1;top:260px}
53%{top:260px}
54%{top:270px}
100%{opacity:1}
}
@-moz-keyframes animate-hand-1-left{0%{left:75px}
21%{opacity:1}
26%{opacity:1}
50%{left:75px}
53%{left:75px}
60%{left:120px}
67%{left:75px}
74%{left:120px}
100%{opacity:1}
}
@-webkit-keyframes animate-hand-1-left{0%{left:75px}
21%{opacity:1}
26%{opacity:1}
50%{left:75px}
53%{left:75px}
60%{left:120px}
67%{left:75px}
74%{left:120px}
100%{opacity:1}
}
@-o-keyframes animate-hand-1-left{0%{left:75px}
21%{opacity:1}
26%{opacity:1}
50%{left:75px}
53%{left:75px}
60%{left:120px}
67%{left:75px}
74%{left:120px}
100%{opacity:1}
}
@keyframes animate-hand-1-left{0%{left:75px}
21%{opacity:1}
26%{opacity:1}
50%{left:75px}
53%{left:75px}
60%{left:120px}
67%{left:75px}
74%{left:120px}
100%{opacity:1}
}
@-moz-keyframes animate-hand-1-right{0%{left:290px;opacity:0}
21%{opacity:0}
26%{opacity:1}
50%{left:290px}
53%{left:100px}
60%{left:150px}
67%{left:100px}
74%{left:150px}
100%{opacity:1}
}
@-webkit-keyframes animate-hand-1-right{0%{left:290px;opacity:0}
21%{opacity:0}
26%{opacity:1}
50%{left:290px}
53%{left:100px}
60%{left:150px}
67%{left:100px}
74%{left:150px}
100%{opacity:1}
}
@-o-keyframes animate-hand-1-right{0%{left:290px;opacity:0}
21%{opacity:0}
26%{opacity:1}
50%{left:290px}
53%{left:100px}
60%{left:150px}
67%{left:100px}
74%{left:150px}
100%{opacity:1}
}
@keyframes animate-hand-1-right{0%{left:290px;opacity:0}
21%{opacity:0}
26%{opacity:1}
50%{left:290px}
53%{left:100px}
60%{left:150px}
67%{left:100px}
74%{left:150px}
100%{opacity:1}
}
.compatibility-section{padding-top:15px}
.compatibility-section h1{margin-bottom:15px}
.compatibility-section .block{min-height:350px}
.carousel-section{padding-top:30px;min-height:680px}
.function-section .function-block .txt{width:75%;min-height:80px;border-left:none}
.compatible-section>.container{padding-top:80px;padding-bottom:55px}
}
@media (min-width:992px){.tc .navbar-brand{width:auto;margin-top:0}
.tc-section .block-white{padding:30px 0}
.tc-section .block-white p{font-size:16px;line-height:20px;margin-bottom:8px}
.tc-section .animate-pc{top:19px;left:25px;height:268px}
.tc-section .animate-phone{left:27px;bottom:128px;width:84px;height:148px}
.tc-section .animate .txt{min-height:220px}
.tc-section .animate-01{position:relative}
.tc-section .animate-01 .animate-pc-arrow{height:33px;left:339.5px;bottom:0}
.tc-section .animate-01 .animate-pc-1-03-input{top:13px;left:187px;width:142px;height:16px;line-height:16px}
.tc-section .animate-01 .animate-hand{top:360px;height:105px}
.tc-section .animate-01 .animate-hand .animate-hand-1-left{left:170px}
.tc-section .animate-01 .animate-hand .animate-hand-1-right{left:210px}
.tc-section .animate-01 .animate-01-key{left:200px;top:315px;width:28px}
.tc-section .animate-02 .animate-pc-2-02{top:15px;right:60px;height:210px}
.tc-section .animate-02 .animate-pc-2-03{bottom:8px;right:60px;height:27px}
.tc-section .animate-02 .animate-pc-2-04{bottom:75px;right:60px;height:25px}
.tc-section .animate-02 .animate-pc-2-05{top:0;right:230px}
.tc-section .animate-02 .animate-hand{top:348px;height:105px}
.tc-section .animate-02 .animate-hand .animate-hand-1-right{top:0;left:510px}
.tc-section .animate-03 .red-bar-pc{top:20px;left:112px;height:7px}
.tc-section .animate-03 .red-bar-phone{top:216px;left:46px;height:2px}
@-moz-keyframes red-bar-pc{0%{opacity:0}
5%{width:0;opacity:1}
100%{opacity:1;width:151px}
}
@-webkit-keyframes red-bar-pc{0%{opacity:0}
5%{width:0;opacity:1}
100%{opacity:1;width:151px}
}
@-o-keyframes red-bar-pc{0%{opacity:0}
5%{width:0;opacity:1}
100%{opacity:1;width:151px}
}
@keyframes red-bar-pc{0%{opacity:0}
5%{width:0;opacity:1}
100%{opacity:1;width:151px}
}
@-moz-keyframes red-bar-phone{0%{opacity:0}
5%{width:0;opacity:1}
100%{opacity:1;width:43px}
}
@-webkit-keyframes red-bar-phone{0%{opacity:0}
5%{width:0;opacity:1}
100%{opacity:1;width:43px}
}
@-o-keyframes red-bar-phone{0%{opacity:0}
5%{width:0;opacity:1}
100%{opacity:1;width:43px}
}
@keyframes red-bar-phone{0%{opacity:0}
5%{width:0;opacity:1}
100%{opacity:1;width:43px}
}
.tc-section .animate-03 .animate-hand{top:348px;height:105px}
.tc-section .animate-03 .animate-hand .animate-hand-1-right{top:0;left:510px}
.tc-section h1{font-size:28px;margin-bottom:13px;margin-top:16px}
.tc-section h2{font-size:24px;margin-top:12px;margin-bottom:9px}
.tc-section h3{font-size:16px;margin-top:0;margin-bottom:8px}
.tc-section>.container{padding-top:30px;padding-bottom:70px}
.tc-section .item1{margin-top:25px}
.tc-section .item5{margin-top:40px}
.tc-section .item2{margin-top:30px}
.tc-section .item4{margin-top:25px}
.tc-section .item3{margin-top:25px}
.tc-section .block-one{max-width:282px;bottom:70px}
.tc-section .block-one .btn-w{padding:12px 14px}
.tc-section .block-one .btn-w-border{padding:10px 14px}
@-moz-keyframes animate-pc-1-03-input{0%{opacity:0}
54%{opacity:0}
56%{opacity:1;width:0}
74%{opacity:1;width:142px}
75%{opacity:0}
100%{opacity:0}
}
@-webkit-keyframes animate-pc-1-03-input{0%{opacity:0}
54%{opacity:0}
56%{opacity:1;width:0}
74%{opacity:1;width:142px}
75%{opacity:0}
100%{opacity:0}
}
@-o-keyframes animate-pc-1-03-input{0%{opacity:0}
54%{opacity:0}
56%{opacity:1;width:0}
74%{opacity:1;width:142px}
75%{opacity:0}
100%{opacity:0}
}
@keyframes animate-pc-1-03-input{0%{opacity:0}
54%{opacity:0}
56%{opacity:1;width:0}
74%{opacity:1;width:142px}
75%{opacity:0}
100%{opacity:0}
}
@-moz-keyframes animate-hand-1{0%{opacity:0;top:350px}
2%{opacity:1}
12%{top:325px}
20%{top:325px}
24%{opacity:1;top:350px}
53%{top:350px}
54%{top:360px}
100%{opacity:1}
}
@-webkit-keyframes animate-hand-1{0%{opacity:0;top:350px}
2%{opacity:1}
12%{top:325px}
20%{top:325px}
24%{opacity:1;top:350px}
53%{top:350px}
54%{top:360px}
100%{opacity:1}
}
@-o-keyframes animate-hand-1{0%{opacity:0;top:350px}
2%{opacity:1}
12%{top:325px}
20%{top:325px}
24%{opacity:1;top:350px}
53%{top:350px}
54%{top:360px}
100%{opacity:1}
}
@keyframes animate-hand-1{0%{opacity:0;top:350px}
2%{opacity:1}
12%{top:325px}
20%{top:325px}
24%{opacity:1;top:350px}
53%{top:350px}
54%{top:360px}
100%{opacity:1}
}
@-moz-keyframes animate-hand-1-left{0%{left:120px}
21%{opacity:1}
26%{opacity:1}
50%{left:120px}
53%{left:120px}
60%{left:170px}
67%{left:120px}
74%{left:170px}
100%{opacity:1}
}
@-webkit-keyframes animate-hand-1-left{0%{left:120px}
21%{opacity:1}
26%{opacity:1}
50%{left:120px}
53%{left:120px}
60%{left:170px}
67%{left:120px}
74%{left:170px}
100%{opacity:1}
}
@-o-keyframes animate-hand-1-left{0%{left:120px}
21%{opacity:1}
26%{opacity:1}
50%{left:120px}
53%{left:120px}
60%{left:170px}
67%{left:120px}
74%{left:170px}
100%{opacity:1}
}
@keyframes animate-hand-1-left{0%{left:120px}
21%{opacity:1}
26%{opacity:1}
50%{left:120px}
53%{left:120px}
60%{left:170px}
67%{left:120px}
74%{left:170px}
100%{opacity:1}
}
@-moz-keyframes animate-hand-1-right{0%{left:420px;opacity:0}
21%{opacity:0}
26%{opacity:1}
50%{left:420px}
53%{left:160px}
60%{left:210px}
67%{left:160px}
74%{left:210px}
100%{opacity:1}
}
@-webkit-keyframes animate-hand-1-right{0%{left:420px;opacity:0}
21%{opacity:0}
26%{opacity:1}
50%{left:420px}
53%{left:160px}
60%{left:210px}
67%{left:160px}
74%{left:210px}
100%{opacity:1}
}
@-o-keyframes animate-hand-1-right{0%{left:420px;opacity:0}
21%{opacity:0}
26%{opacity:1}
50%{left:420px}
53%{left:160px}
60%{left:210px}
67%{left:160px}
74%{left:210px}
100%{opacity:1}
}
@keyframes animate-hand-1-right{0%{left:420px;opacity:0}
21%{opacity:0}
26%{opacity:1}
50%{left:420px}
53%{left:160px}
60%{left:210px}
67%{left:160px}
74%{left:210px}
100%{opacity:1}
}
.compatibility-section{padding-top:60px;padding-bottom:70px}
.compatibility-section h1{margin-bottom:15px}
.carousel-section{min-height:800px;padding-top:70px}
.function-section .function-block .txt{width:66%}
.bg-free,.bg-no-free{display:none!important}
.tab2-txt{display:inline-block;width:56%}
}
@media (min-width:1200px){.tc-section .block-white p{font-size:18px;line-height:24px;margin-bottom:8px}
.tc-section .col-sm-4{padding:0}
.tc-section h1{font-size:28px;margin-bottom:22px;margin-top:16px}
.tc-section h2{font-size:24px;margin-bottom:9px}
.tc-section h3{font-size:16px;margin-top:0;margin-bottom:8px}
.tc-section>.container{padding-top:30px;padding-bottom:70px}
.tc-section .item1{margin-top:30px}
.tc-section .item2{margin-top:40px}
.tc-section .item3{margin-top:30px}
.tc-section .item4{margin-top:30px}
.tc-section .item5{margin-top:50px}
.tc-section .block-one{bottom:80px;max-width:282px}
.compatibility-div{min-height:100px}
.compatibility-section{position:relative;padding-top:60px;padding-bottom:70px}
.compatibility-section h1{margin-bottom:15px}
.compatibility-section .arrow{width:33px;height:17px;display:inline-block;position:absolute;top:5px;left:50%;margin-left:-16.5px;background:url(../images/arrow.png) no-repeat 0 0}
.carousel-section{padding-top:70px;min-height:800px}
.function-section .function-block .txt{width:66%}
.bg-free,.bg-no-free{display:none!important}
}
@media (min-width:1400px){.container{width:1170px}
.compatibility-section .arrow{display:none}
.tc-section .animate-pc{position:absolute;top:22px;left:50px;height:333px}
.tc-section .animate-phone{left:29px;bottom:156px;width:104px;height:185px}
.tc-section .animate .txt{min-height:240px}
.tc-section .animate-01{position:relative}
.tc-section .animate-01 .animate-pc-arrow{height:38px;left:420px;bottom:0;opacity:0}
.tc-section .animate-01 .animate-pc-1-03-input{top:18px;left:226px;width:177px;height:20px}
.tc-section .animate-01 .animate-hand{top:450px;height:196px}
.tc-section .animate-01 .animate-hand .animate-hand-1-left{left:170px}
.tc-section .animate-01 .animate-hand .animate-hand-1-right{left:210px}
.tc-section .animate-01 .animate-01-key{left:250px;top:395px;width:28px}
.tc-section .animate-02 .animate-pc-2-02{top:9px;right:90px;height:282px}
.tc-section .animate-02 .animate-pc-2-03{bottom:3px;right:90px;height:35.5px}
.tc-section .animate-02 .animate-pc-2-04{bottom:78px;right:90px;height:42px}
.tc-section .animate-02 .animate-pc-2-05{top:0;right:279px}
.tc-section .animate-02 .animate-hand{top:428px;height:196px}
.tc-section .animate-02 .animate-hand .animate-hand-1-right{top:0;left:620px}
.tc-section .animate-03 .red-bar-pc{top:24px;left:136px;height:9px}
.tc-section .animate-03 .red-bar-phone{position:absolute;top:268px;left:43px;height:3px}
@-moz-keyframes red-bar-pc{0%{opacity:0}
5%{width:0;opacity:1}
100%{opacity:1;width:195px}
}
@-webkit-keyframes red-bar-pc{0%{opacity:0}
5%{width:0;opacity:1}
100%{opacity:1;width:195px}
}
@-o-keyframes red-bar-pc{0%{opacity:0}
5%{width:0;opacity:1}
100%{opacity:1;width:195px}
}
@keyframes red-bar-pc{0%{opacity:0}
5%{width:0;opacity:1}
100%{opacity:1;width:195px}
}
@-moz-keyframes red-bar-phone{0%{opacity:0}
5%{width:0;opacity:1}
100%{opacity:1;width:65px}
}
@-webkit-keyframes red-bar-phone{0%{opacity:0}
5%{width:0;opacity:1}
100%{opacity:1;width:65px}
}
@-o-keyframes red-bar-phone{0%{opacity:0}
5%{width:0;opacity:1}
100%{opacity:1;width:65px}
}
@keyframes red-bar-phone{0%{opacity:0}
5%{width:0;opacity:1}
100%{opacity:1;width:65px}
}
.tc-section .animate-03 .animate-hand{top:428px;height:196px}
.tc-section .animate-03 .animate-hand .animate-hand-1-right{position:relative;top:0;left:620px}
.tc-section .col-sm-4{padding:0}
.tc-section h1{font-size:31px;margin-bottom:24px;margin-top:16px}
.tc-section h2{font-size:24px;margin-bottom:9px}
.tc-section h3{font-size:16px;margin-top:0;margin-bottom:8px}
.tc-section .img{padding:0 40px}
.tc-section>.container{padding-top:80px;padding-bottom:110px}
.tc-section .item1{margin-top:40px}
.tc-section .item2{margin-top:50px}
.tc-section .item3{margin-top:40px}
.tc-section .item4{margin-top:40px}
.tc-section .item5{margin-top:60px}
.tc-section .block-one{bottom:105px;max-width:282px}
@-moz-keyframes animate-pc-1-03-input{0%{opacity:0}
54%{opacity:0}
56%{opacity:1;width:0}
74%{opacity:1;width:177px}
75%{opacity:0}
100%{opacity:0}
}
@-webkit-keyframes animate-pc-1-03-input{0%{opacity:0}
54%{opacity:0}
56%{opacity:1;width:0}
74%{opacity:1;width:177px}
75%{opacity:0}
100%{opacity:0}
}
@-o-keyframes animate-pc-1-03-input{0%{opacity:0}
54%{opacity:0}
56%{opacity:1;width:0}
74%{opacity:1;width:177px}
75%{opacity:0}
100%{opacity:0}
}
@keyframes animate-pc-1-03-input{0%{opacity:0}
54%{opacity:0}
56%{opacity:1;width:0}
74%{opacity:1;width:177px}
75%{opacity:0}
100%{opacity:0}
}
@-moz-keyframes animate-hand-1{0%{opacity:0;top:450px}
2%{opacity:1}
12%{top:400px}
20%{top:400px}
24%{opacity:1;top:440px}
53%{top:440px}
54%{top:450px}
100%{opacity:1}
}
@-webkit-keyframes animate-hand-1{0%{opacity:0;top:450px}
2%{opacity:1}
12%{top:400px}
20%{top:400px}
24%{opacity:1;top:440px}
53%{top:440px}
54%{top:450px}
100%{opacity:1}
}
@-o-keyframes animate-hand-1{0%{opacity:0;top:450px}
2%{opacity:1}
12%{top:400px}
20%{top:400px}
24%{opacity:1;top:440px}
53%{top:440px}
54%{top:450px}
100%{opacity:1}
}
@keyframes animate-hand-1{0%{opacity:0;top:450px}
2%{opacity:1}
12%{top:400px}
20%{top:400px}
24%{opacity:1;top:440px}
53%{top:440px}
54%{top:450px}
100%{opacity:1}
}
@-moz-keyframes animate-hand-1-left{0%{left:105px}
21%{opacity:1}
26%{opacity:1}
50%{left:105px}
53%{left:105px}
60%{left:170px}
67%{left:105px}
74%{left:170px}
100%{opacity:1}
}
@-webkit-keyframes animate-hand-1-left{0%{left:105px}
21%{opacity:1}
26%{opacity:1}
50%{left:105px}
53%{left:105px}
60%{left:170px}
67%{left:105px}
74%{left:170px}
100%{opacity:1}
}
@-o-keyframes animate-hand-1-left{0%{left:105px}
21%{opacity:1}
26%{opacity:1}
50%{left:105px}
53%{left:105px}
60%{left:170px}
67%{left:105px}
74%{left:170px}
100%{opacity:1}
}
@keyframes animate-hand-1-left{0%{left:105px}
21%{opacity:1}
26%{opacity:1}
50%{left:105px}
53%{left:105px}
60%{left:170px}
67%{left:105px}
74%{left:170px}
100%{opacity:1}
}
@-moz-keyframes animate-hand-1-right{0%{left:460px;opacity:0}
21%{opacity:0}
26%{opacity:1}
50%{left:460px}
53%{left:160px}
60%{left:210px}
67%{left:160px}
74%{left:210px}
100%{opacity:1}
}
@-webkit-keyframes animate-hand-1-right{0%{left:460px;opacity:0}
21%{opacity:0}
26%{opacity:1}
50%{left:460px}
53%{left:160px}
60%{left:210px}
67%{left:160px}
74%{left:210px}
100%{opacity:1}
}
@-o-keyframes animate-hand-1-right{0%{left:460px;opacity:0}
21%{opacity:0}
26%{opacity:1}
50%{left:460px}
53%{left:160px}
60%{left:210px}
67%{left:160px}
74%{left:210px}
100%{opacity:1}
}
@keyframes animate-hand-1-right{0%{left:460px;opacity:0}
21%{opacity:0}
26%{opacity:1}
50%{left:460px}
53%{left:160px}
60%{left:210px}
67%{left:160px}
74%{left:210px}
100%{opacity:1}
}
}
.qqBoxs{width:170px;background:#fff;position:fixed;top:100px;right:-170px;z-index:999}
.qqBoxs .floatDtt{width:100%;height:45px;line-height:45px;background:#f08326;color:#fff;font-size:18px;text-indent:22px;position:relative}
.qqBoxs .floatDqq{padding:0 14px}
.qqBoxs .floatDqq li{vertical-align:middle;height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3;text-align:left}
.qqBoxs .floatDqq li img{float:left;margin-top:9px;margin-right:8px;vertical-align:middle}
.qqBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px}
.qqBoxs .floatDtel{padding:0 0 15px 10px;font-size:12px;color:#f08326}
.qqBoxs .floatImg{text-align:center;padding:10px;background:#ebebeb}
.qqBoxs .floatImg img{margin-bottom:5px;max-width:150px}
.qqBoxs .floatDtel img{display:block}
.qqBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,.25)}
.floatShadow{background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,.25)}
.rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat -50px 0;position:fixed;top:100px;right:0;z-index:999}
.rightArrow a{display:block;height:45px}
.tc-section .img{padding:0 20px}
.tc-section .animate .block-one{display:inline-block;position:relative;top:0;padding-left:0;margin:12px auto 0 auto;text-align:center}
.tc-section .animate .block-one .btn-white{color:#fff;font-size:16px}
.tc-section .animate .block-one .btn-w{border-radius:40px;font-size:32px}
@media (max-width:768px){.tc-section .animate .block-one .btn-w{font-size:20px;border-radius:30px}
}
.tc-section .animate .carousel-indicators{margin-top:15px}
.carousel-indicators li{width:12px;height:12px;margin:0;border:none;background-color:#fff;border:1px solid #fff;cursor:pointer}
.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#ff9f5c;border:1px solid #ff9f5c;cursor:default}
.hidden-lxg{display:block}
.visible-lxg{display:none}
@media (min-width:1400px){.hidden-lxg{display:none}
.visible-lxg{display:block}
}
.note{color:#fff;font-size:12px;margin-bottom:8px}
.ad{position:relative}
.ad .container{text-align:center}
.ad .ad-box{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1500;background-color:rgba(0,0,0,.6)}
.ad .ad-box .img{margin:0 auto;padding:20px;display:inline-block;position:relative;margin-top:150px}
.ad .ad-box .img img{max-width:100%}
.ad .ad-box .ad-close{display:inline-block;position:absolute;top:0;right:0;width:42px;height:42px;cursor:pointer;background:url(../images/close.png) no-repeat center center}
@media (max-width:768px){.ad .ad-box .img{margin-top:80px}
}
@media (min-width:768px){.ad .ad-box .img{margin-top:120px}
}
@media (min-width:992px){.ad .ad-box .img{margin-top:150px}
}
@media (min-width:1200px){.ad .ad-box .img{margin-top:150px}
}
.carousel-control{z-index:2000}
.carousel-control.left,.carousel-control.right{background-image:none;background-repeat:no-repeat}
.carousel-control.right{background:url(../images/tab-next.png) no-repeat center center}
.carousel-control.left{background:url(../images/tab-previous.png) no-repeat center center}
@media (min-width:768px){.carousel-control.left,.carousel-control.right{background-size:20%}
}
@media (min-width:992px){.carousel-control.left,.carousel-control.right{background-size:25%}
}
@media (min-width:1200px){.carousel-control.left,.carousel-control.right{background-size:initial}
}
.new-ad{display:inline-block;position:fixed;right:0;bottom:0;outline:0;z-index:3000}
.new-ad span{display:inline-block;position:absolute;top:10px;right:10px;width:20px;height:20px;background:url(../images/icon-ad-close.png) no-repeat center center;cursor:pointer}
.compatible-section .m-table{background-color:#bfe3ff;text-align:left;font-size:16px;color:#000;margin-bottom:45px;line-height:30px}
.compatible-section .m-table tr td{padding:20px 30px;vertical-align:top;border-right:1px solid #8bc5f2;border-bottom:1px solid #8bc5f2}
.compatible-section .m-table tr td:first-child{width:165px}
.compatible-section .m-table tr td:last-child{border-right:none}
.compatible-section .m-table tr:last-child td{border-bottom:none}
.product-section{position:relative;background:#fff;padding-top:60px;padding-bottom:40px;text-align:left}
.product-section a.m-tilte{position:relative;display:inline-block;font-size:38px;color:#333;text-decoration:none;margin-bottom:50px;outline:0}
.product-section a.m-tilte span{display:inline-block;position:absolute;top:-15px;left:105%;width:220px;height:50px;line-height:50px;background:url(../images/product-tip.png) no-repeat center center;color:#fefefe;font-size:16px;text-decoration:none;outline:0}
.product-section a.m-tilte span:hover{background:url(../images/product-tip-hover.png) no-repeat center center}
.product-section a.m-tilte:hover span{background:url(../images/product-tip-hover.png) no-repeat center center}
.product-section .item{box-sizing:border-box;height:150px;overflow:hidden;padding-bottom:10px}
.product-section .tc-connections,.product-section .tc-copy-n-paste,.product-section .tc-device-control,.product-section .tc-device-setting,.product-section .tc-mdcc,.product-section .tc-mouse-and-keyboard-control,.product-section .tc-scripting,.product-section .tc-shortcuts,.product-section .tc-smooth-screen-transmission,.product-section .tc-text-input,.product-section .tc-voice-control,.product-section .tc-windows{min-width:30px;min-height:36px}
.product-section .tc-smooth-screen-transmission{background:url(../images/tc-smooth-screen-transmission.png) no-repeat top center}
.product-section .tc-mouse-and-keyboard-control{background:url(../images/tc-mouse-and-keyboard-control.png) no-repeat top center}
.product-section .tc-text-input{background:url(../images/tc-text-input.png) no-repeat top center}
.product-section .tc-copy-n-paste{background:url(../images/tc-text-input.png) no-repeat top center}
.product-section .tc-shortcuts{background:url(../images/tc-shortcuts.png) no-repeat top center}
.product-section .tc-device-setting{background:url(../images/tc-device-setting.png) no-repeat top center}
.product-section .tc-connections{background:url(../images/tc-connections.png) no-repeat top center}
.product-section .tc-voice-control{background:url(../images/tc-voice-control.png) no-repeat top center}
.product-section .tc-scripting{background:url(../images/tc-scripting.png) no-repeat top center}
.product-section .tc-windows{background:url(../images/tc-windows.png) no-repeat top center}
.product-section .tc-mdcc{background:url(../images/tc-mdcc.png) no-repeat top center}
.product-section .tc-device-control{background:url(../images/tc-device-control.png) no-repeat top center}
.product-section .m-title{font-size:18px;color:#333;font-weight:700}
.product-section .m-content{color:#333;font-size:14px}
.product-section .m-content p{line-height:28px;margin:0 0 4px}
.product-section .m-content a{color:#5695cc}
@media (max-width:768px){.product-section .item{min-height:auto;padding-bottom:24px}
}
.script-section{position:relative;padding-top:70px;padding-bottom:120px;background:#d5edfd url(../images/bg-sec-script.png) repeat-x 0 0;text-align:left}
.script-section img{max-width:100%}
.script-section .m-title{font-size:38px;color:#fff;margin-top:10px;margin-bottom:24px;text-shadow:0 0 16px rgba(22,97,147,.4),0 0 16px rgba(22,97,147,.4)}
.script-section p{font-size:16px;line-height:30px;color:#fff;margin-bottom:44px;text-shadow:0 0 8px rgba(22,97,147,.4),0 0 8px rgba(22,97,147,.4)}
.script-section p span{width:100%;display:block}
.script-section p span.mb-20{margin-bottom:20px}
.script-section ul{margin:0 auto;padding:0}
.script-section ul li{list-style:none;display:inline-block;margin-left:-28px}
.script-section ul li:first-child{margin-left:0}
.script-section .btn-circle{display:inline-block;width:104px;height:104px;line-height:104px;border-radius:104px;color:#fff;font-size:16px;text-decoration:none;outline:0;text-align:center;border:5px solid #fff;-moz-box-shadow:0 0 20px #77abdd;-webkit-box-shadow:0 0 20px #77abdd;box-shadow:0 0 20px #77abdd}
.script-section .btn-circle span{display:inline-block;margin-top:24px}
.script-section .circle-01{background:#68c1ff url(../images/bg-circle.png) no-repeat}
.script-section .circle-02{background:#53ace9 url(../images/bg-circle.png) no-repeat}
.script-section .circle-03{background:#4291c7 url(../images/bg-circle.png) no-repeat}
.script-section .circle-04{background:#2c80b9 url(../images/bg-circle.png) no-repeat}
.script-section .circle-01,.script-section .circle-02,.script-section .circle-03,.script-section .circle-04{background-position:center 30px}
.script-section .circle-01:hover,.script-section .circle-02:hover,.script-section .circle-03:hover,.script-section .circle-04:hover{background-position:center 30px}
@media (max-width:768px){.script-section{padding-top:0;padding-bottom:80px}
.script-section .txt-block{padding:0 30px}
.script-section .m-title{margin-top:10px}
.script-section p{margin-bottom:15px}
.script-section ul li{margin-left:10px}
.script-section .btn-circle{width:80px;height:80px;line-height:80px;border-radius:80px;font-size:12.8px;border:3.8px solid #fff}
.script-section .btn-circle span{margin-top:10px}
.script-section .circle-01,.script-section .circle-02,.script-section .circle-03,.script-section .circle-04{background-position:center 14px;background-size:32%}
.script-section .circle-01:hover,.script-section .circle-02:hover,.script-section .circle-03:hover,.script-section .circle-04:hover{background-position:center 14px;background-size:32%}
}
@media (min-width:768px){.script-section{padding-top:44px;padding-bottom:80px}
.script-section .m-title{font-size:24px;margin-top:10px;margin-bottom:16px}
.script-section p{font-size:12.8px;line-height:20px;margin-bottom:30px}
.script-section ul li{margin-left:-17.6px}
.script-section .btn-circle{width:80px;height:80px;line-height:80px;border-radius:80px;font-size:12.8px;border:3.8px solid #fff;-moz-box-shadow:0 0 20px #77abdd;-webkit-box-shadow:0 0 20px #77abdd;box-shadow:0 0 20px #77abdd}
.script-section .btn-circle span{margin-top:10px}
.script-section .circle-04{cursor:default}
.script-section .circle-01,.script-section .circle-02,.script-section .circle-03{background-position:center 14px;background-size:28%}
.script-section .circle-01:hover,.script-section .circle-02:hover,.script-section .circle-03:hover{background:#ff6300 url(../images/bg-circle.png) no-repeat;background-position:center 14px;background-size:28%}
}
@media (min-width:992px){.script-section{padding-top:56px;padding-bottom:100px}
.script-section .m-title{font-size:30px;margin-top:30px;margin-bottom:20px}
.script-section p{font-size:16px;line-height:24px;margin-bottom:30px}
.script-section ul li{margin-left:-22px}
.script-section .btn-circle{width:86px;height:86px;line-height:86px;border-radius:86px;font-size:14px;border:4.8px solid #fff;-moz-box-shadow:0 0 20px #77abdd;-webkit-box-shadow:0 0 20px #77abdd;box-shadow:0 0 20px #77abdd}
.script-section .btn-circle span{margin-top:12px}
.script-section .circle-01,.script-section .circle-02,.script-section .circle-03,.script-section .circle-04{background-size:32%;background-position:center 20px}
.script-section .circle-01:hover,.script-section .circle-02:hover,.script-section .circle-03:hover,.script-section .circle-04:hover{background-size:32%;background-position:center 20px}
}
@media (min-width:1200px){.script-section{padding-top:70px;padding-bottom:120px}
.script-section .m-title{font-size:38px;margin-top:40px;margin-bottom:24px}
.script-section p{font-size:18px;line-height:30px;margin-bottom:44px}
.script-section ul li{margin-left:-28px}
.script-section .btn-circle{width:96px;height:96px;line-height:96px;border-radius:96px;font-size:14px;border:5px solid #fff;-moz-box-shadow:0 0 20px #77abdd;-webkit-box-shadow:0 0 20px #77abdd;box-shadow:0 0 20px #77abdd}
.script-section .btn-circle span{margin-top:13px}
.script-section .circle-01,.script-section .circle-02,.script-section .circle-03,.script-section .circle-04{background-position:center 20px;background-size:32%}
.script-section .circle-01:hover,.script-section .circle-02:hover,.script-section .circle-03:hover,.script-section .circle-04:hover{background-size:32%;background-position:center 20px}
}
.superiority-section{position:relative;background:url(../images/bg-sec-superiority.png) no-repeat center center;background-size:cover;padding-top:60px;text-align:center}
.superiority-section .m-title{text-align:center;font-size:38px;color:#fff}
.superiority-section img{max-width:100%}
.superiority-section ul{padding:0}
.superiority-section ul li{position:relative;width:25%;list-style:none;display:inline-block;padding:12px 0;background-color:#fff}
.superiority-section ul li a{display:inline-block;padding:9px 20px;height:100%;vertical-align:middle;width:100%;color:#fff;font-size:24px;background-color:#feb62a;text-decoration:none;outline:0;border-radius:0 8px 0 0}
.superiority-section ul li a:hover{background:#ff6300}
.superiority-section ul li:first-child{border-radius:8px 0 0 0}
.superiority-section ul li:last-child{padding-top:0;padding-bottom:0;border-radius:0 8px 0 0}
.superiority-section .info{display:block;margin:0 auto;max-width:832px;text-align:center}
.superiority-section .icon-email,.superiority-section .icon-phone,.superiority-section .icon-qq{display:inline-block;width:28px;height:28px;vertical-align:middle}
.superiority-section .icon-phone{background:url(../images/icon-phone.png) no-repeat center center}
.superiority-section .icon-qq{background:url(../images/icon-qq.png) no-repeat center center}
.superiority-section .icon-email{background:url(../images/icon-email.png) no-repeat center center}
@media (max-width:768px){.superiority-section{padding-top:40px;padding-bottom:40px}
.superiority-section .m-title{font-size:26px}
.superiority-section .info{display:none}
}
@media (min-width:768px){.superiority-section{padding-top:60px}
.superiority-section .m-title{font-size:24px}
.superiority-section .info{max-width:700px}
.superiority-section ul li{width:25%;padding:12px 0}
.superiority-section ul li a{padding:12px 0;font-size:20px}
}
@media (min-width:992px){.superiority-section{padding-top:60px}
.superiority-section .m-title{font-size:30px}
.superiority-section .info{max-width:700px}
.superiority-section ul li{width:25%;padding:12px 0}
.superiority-section ul li a{padding:12px 0;font-size:20px}
}
@media (min-width:1200px){.superiority-section{padding-top:60px}
.superiority-section .m-title{font-size:38px}
.superiority-section .info{max-width:832px}
.superiority-section ul li{width:25%;padding:12px 0}
.superiority-section ul li a{padding:9px 20px;font-size:24px}
}
.cooperation-section{position:relative;background:#fff;padding-top:60px;padding-bottom:70px;text-align:center}
.cooperation-section .m-title{text-align:center;font-size:38px;color:#333;margin-bottom:65px}
.cooperation-section .item{width:100%;max-width:156px;font-size:28px;color:#1f98ee;padding:33px 0;text-align:center;border-radius:6px;-moz-box-shadow:0 0 30px rgba(121,190,242,.3);-webkit-box-shadow:0 0 30px rgba(121,190,242,.3);box-shadow:0 0 30px rgba(121,190,242,.3);margin:0 auto 35px auto}
@media (max-width:768px){.cooperation-section{padding-top:40px;padding-bottom:20px}
.cooperation-section .m-title{font-size:26px;margin-bottom:42px}
}
@media (min-width:768px){.cooperation-section{padding-top:60px;padding-bottom:70px}
.cooperation-section .m-title{font-size:24px;margin-bottom:40px}
}
@media (min-width:992px){.cooperation-section{padding-top:60px;padding-bottom:70px}
.cooperation-section .m-title{font-size:30px;margin-bottom:52px}
}
@media (min-width:1200px){.cooperation-section{padding-top:60px;padding-bottom:70px}
.cooperation-section .m-title{font-size:38px;margin-bottom:65px}
}
.features-section{text-align:left;background-color:#fff;padding-top:50px;padding-bottom:25px}
.features-section .m-sec-body{background-color:#e1f3ff}
.features-section .m-sec-left-body{background-color:#fff}
.features-section a{color:#5695cc;font-weight:700}
.features-section .color-blue{color:#5695cc;font-weight:700}
.features-section .color-green{color:#18b122;font-weight:700}
.features-section .m-collapse{cursor:pointer}
.features-section .table{text-align:left;margin-bottom:0}
.features-section .table tr th{word-wrap:break-word;font-weight:700;font-size:30px;color:#333;border-top:none;padding-bottom:0}
.features-section .table tr td{word-wrap:break-word;font-size:14px;color:#333;border-top:none}
.features-section .table tr:first-child td{border-top:none}
.features-section .m-sec-left-body .table tr td:first-child{width:55%}
.features-section .m-sec-left-body .table tr td:nth-child(2){width:20%}
.features-section .m-sec-left-body .m-panel .table tr td{vertical-align:middle;border-bottom:1px solid #eee;padding:8px 10px 6px}
.features-section .m-sec-left-body .m-panel .table tr td:first-child{padding-left:38px;padding-right:35px}
.features-section .m-sec-right-body{font-size:14px;color:#333}
.features-section .m-sec-right-body .table tr td,.features-section .m-sec-right-body .table tr th{border-top:none;padding-left:20px;padding-right:20px}
.features-section .m-sec-right-body .m-title{font-size:16px;font-weight:700;margin-bottom:20px;padding:10px 0}
.features-section .m-sec-right-body .m-block{padding:0 20px 15px}
.features-section .m-sec-right-body .m-ul{padding:0;margin-bottom:24px}
.features-section .m-sec-right-body .m-ul li{list-style:none;color:#333;padding:12px 0 12px 20px;box-sizing:border-box;background:url(../images/tc-li-disc.png) no-repeat 0 18px}
.features-section .m-sec-right-body .m-ul li span{font-weight:700}
.features-section .m-panel{margin-bottom:10px}
.features-section .m-panel .m-panel-title{font-size:16px;color:#333;font-weight:700;cursor:pointer;padding:6px 20px;box-sizing:border-box;border-bottom:1px solid #333;background:url(../images/tc-triangle-bottom.png) no-repeat 5px center}
.features-section .m-panel .m-panel-body{display:none}
.features-section .m-panel.in .m-panel-title{background:url(../images/tc-triangle-top.png) no-repeat 5px center}
.features-section .m-panel.in .m-panel-body{display:block}
.config-section{text-align:left}
.m-config{background:url(../images/config-001.png) #546da8;background:url(../images/config-001.png) -webkit-gradient(linear,100% 0,0 0,from(#697cac),to(#3f5da4));background:url(../images/config-001.png) -webkit-linear-gradient(right,#697cac,#3f5da4);background:url(../images/config-001.png) -moz-linear-gradient(right,#697cac,#3f5da4);background:url(../images/config-001.png) -o-linear-gradient(right,#697cac,#3f5da4);background:url(../images/config-001.png) linear-gradient(right,#697cac,#3f5da4);background-position:0 0;background-repeat:no-repeat;border-radius:0 0 30px 30px;padding-bottom:15px;min-height:98px}
.m-config .m-config-note{padding-top:30px;font-size:28px;color:#fff;text-align:right}
.m-config .m-config-link,.m-config a.m-config-link{display:block;width:60px;height:60px;color:#697cac;font-size:16px;text-align:center;line-height:60px;border-radius:60px;text-decoration:none;background-color:#fff;margin:15px auto 0 auto}
.m-config .m-config-link:visited,.m-config a.m-config-link:visited{color:#697cac}
.m-config .m-config-link:active,.m-config .m-config-link:hover,.m-config a.m-config-link:active,.m-config a.m-config-link:hover{color:#fd5e1e;box-shadow:0 0 13px rgba(255,255,255,.35)}
.m-config .m-config-link.disabled,.m-config a.m-config-link.disabled{color:#dbdfe7}
.m-config .m-config-link.disabled:active,.m-config .m-config-link.disabled:hover,.m-config .m-config-link.disabled:visited,.m-config a.m-config-link.disabled:active,.m-config a.m-config-link.disabled:hover,.m-config a.m-config-link.disabled:visited{color:#dbdfe7;box-shadow:none}
@media (max-width:768px){.m-config .m-config-note{font-size:24px;text-align:center}
}
@media (min-width:768px){.m-config .m-config-note{text-align:center}
}
@media (min-width:992px){.m-config .m-config-note{text-align:right}
}
@media (min-width:1200px){.m-config .m-config-note{text-align:right}
}
.footer{position:relative;width:100%;background-color:#212126;padding:42px 0 44px;color:#fff;font-size:12px}
.footer ul{list-style:none;padding:0}
.footer a{display:inline-block}
.footer img{margin-top:3px}
.footer .col-xs-6{padding-left:10px;padding-right:10px}
.footer .col-links{width:20%;float:left;margin-bottom:26px}
.footer .icon{margin-bottom:12px}
.footer .icon a{margin-right:5px}
.footer .business{margin-bottom:12px}
.footer .title{font-size:14px;color:#fff;margin-bottom:10px}
.footer ul{padding-top:10px}
.footer ul li{margin-bottom:8px;color:#919191}
.footer ul li a{display:inline-block;color:#919191}
.footer ul li a:hover{text-decoration:underline}
.footer .business,.footer .lang{display:inline-block;font-size:14px;color:#919191;border:1px solid #4e4e4e;min-width:100px;box-sizing:border-box}
.footer .business{padding:8px 20px}
.footer .lang>a{display:block;padding:8px 20px;color:#919191}
.footer .lang ul li{margin-bottom:0}
.footer .lang ul li a{padding:5px 15px;display:block}
.footer .dropdown-menu{min-width:120px}
.footer .block-footer{border-bottom:1px solid #4e4e4e}
.footer .note{padding:20px 0;color:#919191;line-height:24px;text-align:center}
.icon-wx,.icon-xl{display:inline-block;width:28px;height:28px;vertical-align:middle}
.icon-wx{background:url(../images/icon-wx.png) no-repeat center center}
.icon-xl{background:url(../images/icon-xl.png) no-repeat center center}
.friendly-link{position:relative;padding-top:20px;padding-bottom:18px;border-bottom:1px solid #4e4e4e;color:#8c8c8c}
.friendly-link a{margin-bottom:8px;color:#8c8c8c}
.friendly-link .more{display:inline-block;width:48px;height:14px;background:url(../images/more.png) no-repeat center center;position:absolute;left:50%;margin-left:-24px;bottom:-12px;cursor:pointer}
.friendly-link .more.retract{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg)}
@media (max-width:768px){
	.ntop {
    height: 80px;
}
	.xx1 .hd {
    height: 30px;
    top: -61px;
    float: left;width: 100%;
}
	.xx1 .hd ul{padding: 0;width: 90%;margin: 0 auto;}
	.xx1 .hd ul li{width: 20%;}
	.xx1 .hd ul li a {
    padding: 8px 10px;
    font-size: 16px;line-height: 1.4;border-radius: 0;text-align: center;
}
	.xx1 .bd{width: 90%;margin: 0 auto;}

	
	.sygg {width: 90%;margin: 0 auto 20px;line-height: 50px;overflow: hidden}
	.sygg .left {
    background: url(../images/zs-icon2.png) left center / 20px no-repeat;
    padding-left:25px;
    font-size: 14px;
    margin-right: 10px;
}
	.sygg .right {padding-right: 0;
}
	.sygg .right .nr {
    margin-right: 0px;float: left;line-height: 2;
}
	.sygg .right span {
    width: auto;
    line-height: 2;
}
	
	.xx1 {
    width: 100%;
    margin: 0px auto 0;
}

	.nytz {
    width:90%;
    margin: 40px auto;
}
	
	.footer .col-links{width:50%;min-height:195px}
}
@media (min-width:768px){.footer .col-links{width:33.3%;min-height:195px}
	
}
@media (min-width:992px){.footer .col-links{width:20%}
}
@media (min-width:1200px){.footer .col-links{width:20%;min-height:auto}
.animate.container{width:970px}
}
@media (min-width:1400px){.animate.container{width:1170px}
}