﻿/* updatetime         : 2016-10-26 */
/* designer	          : 曾琦 */
/* qq mail 	          : 353963551 353963551@qq.com */
/* web development	  : 杨帆 */
/* qq mail 	          : 121876723 sifinsh@163.com */

/* 全局 */
html{ *overflow-x:hidden; } body { font:14px/24px "微软雅黑"; overflow-y:scroll; overflow-x:hidden; background:white; color:#333; }a { color:#333; }a:hover { color:#b03a3a; text-decoration:none; }ul, ol, dl,dt,dd, li { list-style:none; }figure { margin:0; }.clear { clear:both; }.db { display:block; }.fwb { font-weight:bold; }.ffyh { font-family:"微软雅黑"; }.tac { text-align:center; }.ti2e { text-indent:2em; }.lh24p { line-height:24px; }.lh28p { line-height:28px; }.lh30p { line-height:30px; }.lh36p { line-height:36px; }.oh { overflow:hidden; }
body ::selection { color:#fff; background-color:#c90000; text-shadow:none; }body ::-moz-selection { color:#fff; background-color:#c90000; text-shadow:none; }
.container { padding:0; } @media (max-width: 767px) {.container { padding:0 15px; }}
.row { margin-left: -8px; margin-right: -8px; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 8px; padding-right: 8px; }
.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; }

.toppic { height:140px; display:table-cell; vertical-align:middle; }
.toptext { height:140px; display:table-cell; vertical-align:middle; font:14px/24px "微软雅黑"; color:#666; text-align:right; }.toptext a { color:#666; }.toptext a:hover { color:#333; } @media (max-width: 767px) {.toppic { height:80px; }.toppic img { width:80%; }.toptext { height:80px; font:12px/24px "微软雅黑";}}
.menu { height:85px; background:url(//www.qstheory.cn/n6/images/qssp/pd_qssp_1026_01.jpg) repeat-x; }.menu ul { margin:0; padding:0; }.menu ul li { height:85px; background:url(//www.qstheory.cn/n6/images/qssp/pd_qssp_1026_01.jpg); font:bold 24px/85px "微软雅黑"; text-align:center; padding:0 65px; color:#000; float:left; display:inline; border-left:solid 5px #fff; }.menu ul li:last-child { border-right:solid 5px #fff; }.menu ul li a { color:#000; display:inline-block; }.menu ul li.active { background:url(//www.qstheory.cn/n6/images/qssp/pd_qssp_1026_02.jpg); color:#c90000; }.menu ul li.active a { color:#c90000; } @media (max-width: 1199px) and (min-width: 992px) {.menu ul li { padding:0 45px; }} @media (max-width: 991px) and (min-width: 768px) {.menu { height:65px; }.menu ul li { height:65px; font:bold 20px/65px "微软雅黑"; padding:0 25px; }} @media (max-width: 767px) {.menu { height:45px; }.menu ul li { height:45px; font:bold 14px/45px "微软雅黑"; padding:0 5px; border-left:solid 3px #fff; }.menu ul li:last-child { border-right:solid 3px #fff; }}
.sp_liubai { height:70px; } @media (max-width: 991px) and (min-width: 768px) {.sp_liubai { height:50px; }} @media (max-width: 767px) {.sp_liubai { height:30px; }}
.sp_title { margin-bottom:25px; overflow:hidden; }.sp_title .more { float:right; font:14px/35px "微软雅黑"; color:#ababab; }.sp_title .more a { color:#ababab; }.sp_title .more a:hover { color:#c90000; } @media (max-width: 767px) {.sp_title { margin-bottom:15px; }.sp_title img { width:40%; }}
.sp_title2 { margin-bottom:25px; }.sp_title2 img { padding-top:11px; } @media (max-width: 991px) and (min-width: 768px) {.sp_title2 { margin-top:20px; margin-bottom:15px; }} @media (max-width: 767px) {.sp_title2 { margin-top:20px; margin-bottom:15px; }.sp_title2 img { width:45%; }}

.sp_dtcon { overflow:hidden; }.sp_dongtai { position:relative; overflow:hidden; transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -o-transform:scale(1,1); }.sp_dongtai img { width:100%; }.sp_dongtai .text { position:absolute; bottom:0; height:74px; background:url(//www.qstheory.cn/n6/images/qssp/pd_qssp_1026_08.png) repeat-x; width:100%; }.sp_dongtai .text h2 { font:bold 16px/24px "微软雅黑"; color:#fff; max-height:24px; overflow:hidden; margin:36px 0 0; padding:0 15px; }.sp_dongtai: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); }.sp_dongtai:last-child { margin-top:9px; }@media (max-width: 991px) and (min-width: 768px) {.sp_dongtai .text h2 { font:bold 12px/20px "微软雅黑"; max-height:20px; margin:44px 0 0; padding:0 10px; }} @media (max-width: 767px) {.sp_dongtai { width:50%; padding:0 6px; float:left; display:inline; }.sp_dongtai:last-child { margin-top:0px; }.sp_dongtai .text h2 { font:bold 12px/20px "微软雅黑"; max-height:20px; margin:46px 0 0; padding:0 10px; }}

.sp_wsp { background-color:#f5f5f5; border-top:solid 5px #c90000; height:326px; }.sp_wspcon { margin:15px 20px; }.sp_wspcon img { width:100%; }.sp_wspcon h2 { font:bold 16px/24px "微软雅黑"; margin:10px 0 0 0; color:#000; max-height:24px; overflow:hidden; }.sp_wspcon h2 a { color:#000; }.sp_wspcon h2 a:hover { color:#c90000; }.sp_wspcon span { font:14px/24px "宋体"; color:#666; margin:5px 0 0 0; max-height:72px; overflow:hidden; display:block; }.sp_wspcon .line { height:2px; font-size:0px; line-height:0px; margin:10px 0 8px; background:url(//www.qstheory.cn/n6/images/qssp/pd_qssp_1026_06.jpg) repeat-x; }.sp_wspcon p { font:12px/24px "宋体"; color:#666; max-height:24px; overflow:hidden; }.sp_wspcon p a { color:#666; }.sp_wspcon p a:hover { color:#c90000; }.sp_wspcon .red { color:#c90000; } @media (max-width: 1199px) and (min-width: 992px) {.sp_wsp { height:270px; }.sp_wspcon { margin:10px 20px; }.sp_wspcon h2 { margin:5px 0 0 0; }.sp_wspcon span { font:12px/20px "宋体"; max-height:60px; }} @media (max-width: 991px) and (min-width: 768px) {.sp_wsp { height:350px; }} @media (max-width: 767px) {.sp_wsp { height:auto; overflow:hidden; }.sp_wspcon span { font:12px/20px "宋体"; max-height:60px; }}

.sp_ftcon {}.sp_fangtan { position:relative; overflow:hidden; transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -o-transform:scale(1,1); }.sp_fangtan img { width:100%; }.sp_fangtan .text { position:absolute; bottom:0; height:114px; background:url(//www.qstheory.cn/n6/images/qssp/pd_qssp_1026_09.png) repeat-x; width:100%; }.sp_fangtan .text h2 { font:bold 18px/24px "微软雅黑"; color:#fff; max-height:24px; overflow:hidden; margin:70px 0 0; padding:0 15px; }.sp_fangtan: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); }.sp_ftcon span { font:14px/24px "宋体"; color:#666; text-indent:2em; display:block; margin:20px 0 0 0; max-height:72px; overflow:hidden; } @media (max-width: 991px) and (min-width: 768px) {.sp_fangtan .text h2 { font:bold 12px/20px "微软雅黑"; max-height:20px; margin:80px 0 0; padding:0 10px; }} @media (max-width: 767px) {.sp_fangtan .text h2 { font:bold 12px/20px "微软雅黑"; max-height:20px; margin:90px 0 0; padding:0 10px; }.sp_ftcon span { font:12px/20px "宋体"; margin:10px 0 0 0; max-height:60px; }}

.sp_dongman {}.sp_dongman img { width:100%; }.sp_dongman h2 { font:bold 18px/24px "微软雅黑"; color:#000; max-height:24px; overflow:hidden; }.sp_dongman h2 a { color:#000; }.sp_dongman h2 a:hover { color:#c90000; } @media (max-width: 991px) and (min-width: 768px) {.sp_dongman h2 { font:bold 14px/24px "微软雅黑"; margin:15px 0 0 0; }} @media (max-width: 767px) {.sp_dongman h2 { font:bold 14px/20px "微软雅黑"; margin:10px 0 20px 0; max-height:40px; }}

.footer { background-color:#f5f5f5; height:auto; overflow:hidden; padding:30px 0; }.footer span { font:14px/48px "微软雅黑"; color:#000; display:block; }.footer span a { color:#000; }.footer span a:hover { color:#c90000; } @media (max-width: 991px) and (min-width: 768px) {.footer span { font:14px/32px "微软雅黑"; }} @media (max-width: 767px) {.footer { background-color:#f5f5f5; height:auto; overflow:hidden; padding:10px 0; }.footer span { font:12px/20px "微软雅黑"; display:inline; padding:0 15px; }}

.wxwb { background-color:#666; padding:15px 0; }

/* 列表 */
.imgList { float: left; width: 100%; margin:0 30px 20px 0; position: relative; height:270px; }.imgList i{ display: block; position: relative; margin-bottom: 5px; overflow: hidden; }.imgList img{ width: 100%; }.imgList i:hover img{ transform: scale(1.2); transition: all 1s ease 0s; -webkit-transform: scale(1.2); -webkit-transform: all 1s ease 0s; }.imgList .icon{ width: 44px; height: 44px; display: block; position: absolute; left: 50%; top: 50%; margin: -22px 0 0 -22px; z-index: 2; background: url(//www.qstheory.cn/n5/images/qssp1110/icon.png) no-repeat -96px 0; display: none; }.imgList h3{ max-height: 48px; font:18px/24px "微软雅黑"; font-weight:bold; margin-bottom: 8px; margin-top:10px; overflow: hidden; }.imgList h3 a{ font-weight: bold; color: #000; }.imgList p { font:16px/24px "微软雅黑"; }.imgList .bg{ width: 100%; height: 100%; background: #000; filter: alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; position: absolute; left: 0px; top: 0px; z-index: 1; display: none; }.imgList .pop { display: none; width: 136px; background: #000; color: #fff; position: absolute; left: -150px; top: -20px; padding: 12px; }.imgList .pop strong { display: inline-block; color: #c90000; margin-bottom: 4px; font:16px/20px "微软雅黑"; font-weight:bold; }.imgList .pop h4 { color: #fff; font:16px/24px "微软雅黑"; font-weight:bold; margin:0 0 10px 0; }.imgList .pop .detail { color: #d5d5d5; font:14px/20px "微软雅黑"; margin-bottom:6px; }.imgList .pop .arrow { width: 0; height: 0; line-height: 0px; font-size: 0px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 10px solid #000; position: absolute; right: -9px; top: 50%; margin-top: -6px; overflow: hidden; } @media (max-width: 1199px) and (min-width: 992px) {.imgList { height:220px; }} @media (max-width: 991px) and (min-width: 768px) {.imgList { height:240px; }.imgList h3{ max-height: 40px; font:16px/20px "微软雅黑"; font-weight:bold; }} @media (max-width: 767px) {.imgList { height:160px; }.imgList h3{ max-height: 28px; font:12px/14px "微软雅黑"; font-weight:bold; margin-bottom: 4px; margin-top:12px; }.imgList p { font:10px/12px "微软雅黑"; }}

/* 细揽 */
.sp_sl { margin:5px 0; background-color:#f5f5f5; }.sp_sl .lanmu { background-color:#c90000; font:bold 18px/18px "微软雅黑"; color:#fff; padding:8px 20px; margin:30px 0 5px; display:inline-block; }.sp_sl h1 { font:bold 45px/64px "微软雅黑"; color:#000; margin:0; }.sp_sl .time { font:14px/24px "宋体"; color:#666; } @media (max-width: 991px) and (min-width: 768px) {.sp_sl h1 { font:bold 36px/48px "微软雅黑"; }} @media (max-width: 767px) {.sp_sl .lanmu { font:bold 14px/14px "微软雅黑"; padding:4px 10px; margin:20px 0 5px; }.sp_sl h1 { font:bold 20px/28px "微软雅黑"; }.sp_sl .time { font:12px/20px "宋体"; }}
.sp_sl .shipin { overflow:hidden; margin:20px 0 100px; }.sp_sl .shipin .content { float:left; display:inline; width:870px; position:relative; background-color:#d8d8d8; height:660px; }.sp_sl .shipin .tuijian { float:left; display:inline; width:300px; height:660px; background-color:#666; padding:0 10px; } @media (max-width: 1199px) and (min-width: 992px) {.sp_sl .shipin .content { width:670px; height:660px; }.sp_sl .shipin .tuijian { width:300px; height:660px; }} @media (max-width: 991px) and (min-width: 768px) {.sp_sl .shipin .content { width:100%; }} @media (max-width: 767px) {.sp_sl .shipin { overflow:hidden; margin:20px 0 20px; }.sp_sl .shipin .content { width:100%; height:auto; }}
.sp_sl .shipin .content .abs { font:14px/24px "宋体"; color:#666; text-indent:2em; margin:20px 10px; } @media (max-width: 767px) {.sp_sl .shipin .content .abs { font:12px/20px "宋体"; margin:5px 5px 10px; }}
.sp_sl .shipin .tuijian .title { font:24px/38px "微软雅黑"; color:#fff; padding:10px 0; }.sp_sl .shipin .tuijian .line { height:2px; line-height:0px; font-size:0px; background:url(//www.qstheory.cn/n6/images/qssp/pd_qssp_1026_16.jpg); }.sp_sl .shipin .tuijian .con { overflow:hidden; margin:15px 0; }.sp_sl .shipin .tuijian .con img { width:150px; height:85px; float:left; display:inline; margin-right:10px; }.sp_sl .shipin .tuijian .con h2 { font:bold 14px/24px "微软雅黑"; color:#fff; max-height:48px; overflow:hidden; }.sp_sl .shipin .tuijian .con h2 a { color:#fff; }.sp_sl .shipin .tuijian .con h2 a:hover { color:#fff; }

/* 视频 */
#videoArea iframe { width:100%; height:500px;} @media (max-width: 767px) { #videoArea iframe{ width:100%; height:200px;}}

/* 分享 */
.bdsharebuttonbox{ width:200px; position:absolute; right:20px; bottom:20px; }.bdsharebuttonbox .text{ float:left; color: #9c9c9c; text-align: left; padding-right:10px; font:14px/34px "微软雅黑"; }.bdsharebuttonbox a{ width: 23px!important; padding: 0px!important; margin-right: 10px!important; background: url(//www.qstheory.cn/n5/images/qssp1110/icon.png) no-repeat!important; }.bdsharebuttonbox .bds_weixin{ background-position: 0px -39px!important; }.bdsharebuttonbox .bds_qzone{ background-position: -22px -40px!important; }.bdsharebuttonbox .bds_tsina{ background-position: -45px -40px!important; }.bdsharebuttonbox .bds_tqq{ background-position: -68px -40px!important; }

/* 焦点图 */
@media (max-width: 991px) and (min-width: 768px) {.focus_frame { padding:0 5px 0 15px; }}
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }.owl-carousel .owl-item { float: left; }.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-vis ibility:hidden; -ms-backface-visibility:hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }.owl-theme .owl-controls { text-align: center; position:absolute; right:20px; bottom:14px; } @media (max-width: 991px) and (min-width: 768px) {.owl-theme .owl-controls { right:10px; bottom:8px; }} @media (max-width: 767px) {.owl-theme .owl-controls { right:5px; bottom:8px; }}.owl-theme .owl-controls .owl-buttons div { color: #fff; display: inline-block; zoom: 1; *display: inline; margin: 5px; padding: 3px; font-size: 12px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; }.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; }.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ }.owl-theme .owl-controls .owl-page span { display: block; margin: 0 5px; -webkit-border-radius: 50%; width:14px; height:14px; -moz-border-radius: 50%; border-radius: 50%; background: #e5e5e5; overflow: hidden; } @media (max-width: 991px) and (min-width: 768px) {.owl-theme .owl-controls .owl-page span { width:10px; height:10px;}} @media (max-width: 767px) {.owl-theme .owl-controls .owl-page span { width:10px; height:10px; margin: 0 4px; }}.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; background:#ed1c24; }.owl-theme .owl-controls .owl-page span.owl-numbers { height: 24px; width: 24px; color: #fff; font-size: 12px; line-height:24px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }#owl-demo { width: 100%; margin-left:auto; margin-right:auto; background-color:#fff; }#owl-demo .item { display: block; position:relative; }#owl-demo .item .text { position:absolute; bottom:0; background:url(//www.qstheory.cn/n6/images/qssp/pd_qssp_1026_07.png); height:162px; width:100%; width:100%; }#owl-demo .item .text h2 { font:26px/60px "微软雅黑"; color:#000; margin:100px 90px 0 20px; font-weight:bold; max-height:60px; overflow:hidden; }#owl-demo .item .text h2 a { color:#fff; text-decoration:none; }#owl-demo .item .text h2 a:hover { color:#fff; }#owl-demo .item .pic { width:100%; }#owl-demo .item .pic img { display: block; width: 100%; } @media (max-width: 1199px) and (min-width: 992px) {#owl-demo .item .text h2 { font:22px/60px "微软雅黑"; font-weight:bold; margin:102px 80px 0 20px; }} @media (max-width: 991px) and (min-width: 768px) {#owl-demo .item .text { height:120px; }#owl-demo .item .text h2 { font:14px/40px "微软雅黑"; font-weight:bold; margin:80px 80px 0 20px; }} @media (max-width: 767px) {#owl-demo { border:none; }#owl-demo .item .pic { width:100%; float:none; margin:0 auto; }#owl-demo .item .text { height:120px; }#owl-demo .item .text h2 { font:14px/40px "微软雅黑"; font-weight:bold; margin:80px 60px 0 10px; }.owl-theme .owl-controls .owl-page span.owl-numbers { height: 30px; width: 30px; color: #fff; font-size: 12px; line-height:30px; -webkit-border-radius:  0px; -moz-border-radius:  0px; border-radius: 0px;}}
