@charset "utf-8";
body { font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif; }
.bs-docs-nav{margin-bottom:0;background-color:#fff;border-bottom:0;}.bs-home-nav .bs-nav-b{display:none}.bs-docs-nav .navbar-brand,.bs-docs-nav .navbar-nav>li>a{font-weight:500;color:#5c5c5c;}.bs-docs-nav .navbar-nav>.active>a,.bs-docs-nav .navbar-nav>.active>a:hover,.bs-docs-nav .navbar-nav>li>a:hover{color:#463265;background-color:#f9f9f9}.bs-docs-nav .navbar-toggle .icon-bar{background-color:#5c5c5c;}.bs-docs-nav .navbar-header .navbar-toggle{border-color:#fff}.bs-docs-nav .navbar-header .navbar-toggle:focus,.bs-docs-nav .navbar-header .navbar-toggle:hover{background-color:#f9f9f9;border-color:#f9f9f9}.bs-docs-header{position:relative; margin-bottom:0px}.bs-docs-header .container{position:relative} @media(max-width:1199px) {.bs-docs-header img{width:100%;}.container{width:100%; padding:0; margin:0;}} @media (min-width:1200px){.bs-docs-header{background:url(//www.qstheory.cn/n5/images/tgcp/tg_0204_banner.jpg) center;}}.bs-docs-sidebar.affix{position:static}@media (min-width:768px){.bs-docs-sidebar{padding-left:20px}}.bs-docs-sidenav{margin-top:20px;margin-bottom:20px}.bs-docs-sidebar .nav>li>a{display:block;padding:4px 20px;font-size:13px;font-weight:500;color:#767676}.bs-docs-sidebar .nav>li>a:focus,.bs-docs-sidebar .nav>li>a:hover{padding-left:19px;color:#5c5c5c;;text-decoration:none;background-color:transparent;border-left:1px solid #5c5c5c}.bs-docs-sidebar .nav>.active:focus>a,.bs-docs-sidebar .nav>.active:hover>a,.bs-docs-sidebar .nav>.active>a{padding-left:18px;font-weight:700;color:#5c5c5c;;background-color:transparent;border-left:2px solid #5c5c5c}@media (max-width: 768px) {.container{ padding:0 15px;}}

.top_banner{ text-align:center; position:relative;} @media (max-width: 767px) {.top_banner{ padding:0; }} @media (min-width:1200px){ #top_banner_hand{width:242px;height:297px; left:-200px; bottom:0px; position:absolute;animation: myfirst 1.5s ease-in-out 1s forwards;-moz-animation: myfirst 1.5s ease-in-out 1s forwards;-webkit-animation: myfirst 1.5s ease-in-out 1s forwards;-o-animation: myfirst 1.5s ease-in-out 1s forwards;}} @media(min-width:992px) and (max-width:1199px) { #top_banner_hand{width:242px;height:297px; left:160px; bottom:0px; position:absolute;}} @media (min-width:640px) and (max-width:991px) { #top_banner_hand{width:145px;height:178px; left:130px; bottom:0px; position:absolute;}} @media (max-width:639px) { #top_banner_hand{width:97px;height:119px; left:60px; bottom:0px; position:absolute;}} @keyframes myfirst{ 0% { width:242px; height:297px; left:-200px; bottom:0px;} 100% { width:242px; height:297px; left:200px; bottom:0px;} } @-moz-keyframes myfirst { 0% { width:242px; height:297px; left:-200px; bottom:0px;} 100% { width:242px; height:297px; left:200px; bottom:0px;} } @-webkit-keyframes myfirst { 0% { width:242px; height:297px; left:-200px; bottom:0px;} 100% { width:242px; height:297px; left:200px; bottom:0px;}} @-o-keyframes myfirst { 0% { width:242px; height:297px; left:-200px; bottom:0px;} 100% { width:242px; height:297px; left:200px; bottom:0px;}}

@media (min-width:1200px){ #top_banner_pad{ width:132px;height:175px;box-shadow: -1px -1px 1px #aaa; background:url(//www.qstheory.cn/n5/images/tgcp/tg_0204_pad_bai.png); z-index:21; overflow:hidden; left:442px; top:74px; position:absolute; }} @media (max-width:1199px){#top_banner_pad{ display:none;}} @media (min-width:1200px){ #top_banner_pad_bg{ width:132px;height:1000px; z-index:20; background:url(//www.qstheory.cn/n5/images/tgcp/tg_0204_pad_ditu.jpg);background-size:132px auto; left:0px; top:-470px; position:absolute;animation: mysec 2.5s ease-in-out 3s forwards;-moz-animation: mysec 2.5s ease-in-out 3s forwards;-webkit-animation: mysec 2.5s ease-in-out 3s forwards;-o-animation: mysec 2.5s ease-in-out 3s forwards;}} @keyframes mysec{ 0% { left:0px; top:-470px;} 100% { left:0px; top:0px;} } @-moz-keyframes mysec { 0% { left:0px; top:-470px;} 100% { left:0px; top:0px;} } @-webkit-keyframes mysec { 0% { left:0px; top:-470px;} 100% { left:0px; top:0px;}} @-o-keyframes mysec { 0% { left:0px; top:-470px;} 100% { left:0px; top:0px;}} @media (max-width:1199px){#top_banner_pad_bg{ display:none;}} @media (min-width:1200px){ #top_banner_pad_sun{ width:134px;height:178px; z-index:22; background:url(//www.qstheory.cn/n5/images/tgcp/tg_0204_pad_bai.png); left:0px; top:0px; position:absolute;}} @media (max-width:1199px){#top_banner_pad_sun{ display:none;}}
 
.isStuck { left:0px; width:100%; }.navbar-wrapper { margin-top:0px; position: relative; z-index: 999; }.navbar.navbar-inverse.navbar-static-top { background: #2d2d2d; border-color: #fff; }.navbar.navbar-inverse.navbar-static-top a { color:#e2e2e2; margin:0 10px; }.navbar.navbar-inverse.navbar-static-top a:hover { color:#fff; background:url(//www.qstheory.cn/n5/images/tgcp/tg_0204_dot01.png) left no-repeat #2d2d2d; }.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus { background:url(//www.qstheory.cn/n5/images/tgcp/tg_0204_dot01.png) left no-repeat #2d2d2d; font-weight:700; margin:0 10px; }.navbar-inverse .navbar-nav>.active>a:hover { color:#fff; font-weight:700; } @media (max-width: 992px) {.navbar.navbar-inverse.navbar-static-top a { font-size: 1.1em;}} @media (max-width: 768px) {.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #fff;}.navbar-invers.navbar-toggle { border:2px solid #fff;}.navbar-inverse .navbar-toggle:hover { border:2px solid #fff;}.navbar-inverse .navbar-toggle:active { border:2px solid #fff;}.navbar-inverse .navbar-toggle:focus { border:2px solid #fff;}.navbar.navbar-inverse.navbar-static-top a { font-size: 1.2em;}} @media (min-width: 768px) {.navbar-wrapper .navbar { border-radius: 4px;}} @meda (m)

.zxdk_bg {}.djyl_bg { background:#ececec;}.ydcb_bg {}.cych_bg { background:#ececec;}.hzgj_bg {}.sjjh_bg { background:#ececec;}.content_title { text-align:center; padding:80px 0 50px 0; }@media (max-width: 768px) {.content_title img { width:80px;}}

.transdelay { transition:all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; }.transdelay a { transition:all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; }.transdelay2 { transition:all 0.6s ease-in-out 0s; -webkit-transition: all 0.6s ease-in-out 0s; -o-transition: all 0.6s ease-in-out 0s; }.transdelay2 a { transition:all 0.6s ease-in-out 0s; -webkit-transition: all 0.6s ease-in-out 0s; -o-transition: all 0.6s ease-in-out 0s; }

.zxdk_pic img { transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -o-transform:scale(1,1); }.zxdk_pic:hover img { transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); }.zxdk_jieshao { font:14px/24px "微软雅黑"; color:#2d2d2d; display:block; padding:0 20px; text-indent:2em; }@media (max-width: 768px){.zxdk_pic img{ width:60%;}}
.djyl_pic { position:relative; cursor:pointer; overflow:hidden; }.djyl_pic img { width:100%; transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -o-transform:scale(1,1); }.djyl_pic:hover img { transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); }.djyl_zs { position:absolute; left:0; right:0; top:0; bottom:0; cursor:pointer; z-index:99; }.djyl_zs img {}.djyl_pic:hover .djyl_zs {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; }.djyl_con { font:14px/24px "微软雅黑"; color:#2d2d2d; display:block; text-align:center; margin:30px 0 80px 0; }@media (max-width: 768px){.djyl_pic { margin:0 auto; width:70%;}}

.ydcb { width:232px; background:url(//www.qstheory.cn/n5/images/tgcp/tg_0204_ydcb_bg.jpg) top no-repeat; margin:0 auto; position:relative; height:500px; text-align:center; }.ydcb_con { width:191px; height:254px; position:absolute; left:20px; top:50px; cursor:pointer; } .ydcb:hover .ydcb_con { filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3; }.ydcb_ewm { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; position:absolute; width:110px; height:110px; left:55px; top:60px; }.ydcb:hover .ydcb_ewm { width:110px; height:110px; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; }.ydcb_btn a { position:absolute; left:65px; top:220px; width:96px; height:96px; box-shadow:0px 10px 5px #c7c7c7; border-radius:50%; -moz-border-radius:50%; }.ydcb_btn a:hover { box-shadow:0px 0px 20px #f4abab; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; }.ydcb span { display:block; font:18px/28px "微软雅黑"; text-align:center; color:#2d2d2d; position:absolute; bottom:114px; width:232px; font-weight:bold;}.ydcb p { display:block; font:14px/24px "微软雅黑"; text-align:center; color:#2d2d2d; position:absolute; bottom:80px; width:232px;}

.cych_con { padding:40px 70px 150px; }.cych_con a { font:bold 18px/36px "微软雅黑"; color:#2d2d2d;}@media (max-width: 768px){.cych_con { padding:40px 30px 80px; }}

.sjjh { width:270px; margin:50px auto 0; position:relative; display:block; }.sjjh_con { border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background-color:#d1d0d0; width:250px; height:250px; position:absolute; left:10px; top:10px; z-index:99; }.sjjh_pic01 { position:absolute; left:8px; top:10px; z-index:100; }.sjjh_pic02 { position:absolute; left:-17px; top:15px; z-index:100; }
.sjjh_text span { display:block; font:18px/32px "微软雅黑"; font-weight:bold; color:#2d2d2d; margin:60px 0 0 0; text-align:center; }.sjjh_text p { display:block; text-indent:2em; font:14px/24px "微软雅黑"; margin:30px 0 80px 0; }@media (max-width: 991px) { .sjjh_text { padding:0 20px; } .sjjh_text span { margin:30px 0 0 0;}}.sjjh .circle { z-index: 10; }.sjjh .graphic:before { background: #fff; }.sjjh .circle.active .graphic { opacity: 1; }.circle { display: inline-block; margin: 0 0px; position: relative; }.circle .graphic { width: 270px; height: 270px; border: 3px solid #c2c2c2; display: block; border-radius: 270px; position: relative; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; }.circle .graphic:before { content: ''; position: absolute; width: 200px; height: 200px; top: -3px; right: -3px; float: left; }.circle1 .graphic:before { right: auto; top: auto; left: -3px; bottom: -3px; }.sjjh:hover .circle1 .graphic {animation: mycircle 1s linear infinite;-moz-animation: mycircle 1s linear infinite;-webkit-animation: mycircle 1s linear infinite;-o-animation: mycircle 1s linear infinite; cursor:pointer; display:block;	}@keyframes mycircle{0% {-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)} 100% {-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}} @-moz-keyframes mycircle {0%   {-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100% {-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes mycircle {0%   {-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100% {-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes mycircle {0%   {-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100% {-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}

.hzgj_sx { width:350px; margin:0 auto; text-align:center; }.hzgj_sx span { display:block; text-indent:2em; font:14px/24px "微软雅黑"; color:#2d2d2d; text-align:left; margin:30px 16px 100px; }.hzgj_ll { width:290px; margin:0 auto; text-align:center; }.hzgj_ll span { display:block; text-indent:2em; font:14px/24px "微软雅黑"; color:#2d2d2d; text-align:left; margin:30px 0px 100px; }@media (max-width: 768px){.hzgj_sx { width:95%; margin:0 auto; text-align:center; }.hzgj_sx img { width:80%; margin:0 auto; }.hzgj_sx span { margin:30px 30px 50px; }.hzgj_ll { width:95%; margin:0 auto; text-align:center; }.hzgj_ll img { width:80%; margin:0 auto; }.hzgj_ll span { margin:30px 30px 50px; }}