@charset "utf-8";
@import url(../../a_mb/icons/style.css);

/*全站样式*/
*{padding:0px;margin:0px;}
html,body{font:14px "Helvetica Neue",HelveticaNeue,Helvetica-Neue,Helvetica,'\5fae\8f6f\96c5\9ed1';color:#555;}
body{width:100%;margin:0 auto;overflow-x:hidden;overflow-y:auto;}
ul,li,dl,dd,dt{list-style:none;margin:0;padding:0;}
a{color:#444;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:hover{text-decoration:none;}
em, i, u, s, b,strong{font-style:normal;font-weight:normal;text-decoration:none;}
.cl{clear:both; height:0px;font-size:0px; line-height:0px; overflow:hidden; margin:0px; padding:0px; visibility:hidden;}
.Qtop{width:100%;height: 50px;background:#045aac;}
.Qtop .logo { float: left; width:50px; height: 50px; margin-left:10px; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; }
.Qtop .logo a img { height: 80%;}
.Qtop .tit { float: left; height: 50px;}
.Qtop .tit h1 { font-size: 16px; font-weight: 900; margin-top: 6px; color: #fff;}
.Qtop .tit p { font-size: 12px; font-weight: 400; color: #fff;}

.Qhead{width:100%;height:40px;overflow:hidden;border-bottom:1px solid #ddd;}
.Qhead ul{white-space: nowrap;height:53px;background:#fff;padding:0;overflow-x:scroll;overflow-y:hidden;}
.Qhead ul li{display:inline-block;width:20%;min-width:70px;height:40px;line-height:40px;text-align:center;}
.Qhead ul li.cur{height:36px;line-height:36px;border-bottom:3px solid #045aac;}
.Qhead ul li a{color:#333;font-size:15px;}
.Qhead ul li.cur a{color:#045aac;}

.Qpics{ width:100%; height:auto; position:relative;}
.Qpics .swiper-slide{ width:100%; height:200px; overflow:hidden;}
.Qpics img{ width:100%; height:200px;}
.Qpics .txt {text-align: center;font-size:1em;height:40px;line-height:40px; color:#fff; position:absolute; left:0; bottom:0px; right:0;}
.Qpics .txt span{ width:100%; height:40px; background:#000;filter:alpha(opacity=60); opacity: 0.6; position:absolute; bottom:0px; left:0px; z-index:2;}
.Qpics .txt samp{ width:70%; height:40px; position:absolute; z-index:9; bottom:0px; left:10px; text-align:left;line-height: 40px;}

.Qidiv{width:100%;margin-top:10px;}
.Qidiv .Qtitle{padding:8px 0;background:#f9f9f9;border-top:1px solid #eee;border-bottom:1px solid #eee;}
.Qidiv .Qtitle h2{display:inline-block;height:20px;line-height:20px;font-size:1.2em;margin-left:8px;padding-left:6px;border-left:3px solid #045aac;}
.Qidiv .Qtitle span{float:right;padding-right:8px;}
.Qidiv .Qcomment{width:94%;padding:10px 3%;line-height:24px;}
.Qidiv .Qcomment img{max-width:90%;margin:0 auto;}
.Qidiv .Qcomment p{margin:1em 0;padding:0;}
.Qidiv .Qcomment b,.Qhtml .Qcomment strong{font-weight:800;}

.Qiservices { text-align:center; overflow:hidden; }
.Qiservices ul li { float:left; width:25%; margin-top: 5%;}
.Qiservices ul li a { color:#4b4b4b;}
.Qiservices ul li i { font-size:32px;color:#fff; background:#045aac; padding:10px; text-align:center;border-radius: 50%;}
.Qiservices ul li p { width:100%;height:18px;margin-top: 10%;overflow: hidden;}

.Qidiv .Qlistx{width:94%;padding:5px 3%;}
.Qidiv .Qlistx li{float:left; width:33.33%; height:30px;line-height:30px;position:relative;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.Qidiv .Qlistx li i{font-size:12px;padding-right:5px;color:#999;}
@media (min-width:1240px) {.Qidiv .Qlistx li{width:25%;}}

.Qidiv .Qlist{width:94%;padding:5px 3%;}
.Qidiv .Qlist li{padding-right:50px;height:30px;line-height:30px;position:relative;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.Qidiv .Qlist li i{font-size:12px;padding-right:5px;color:#999;}
.Qidiv .Qlist li span{position:absolute;right:0;top:0;text-align:right;}

.Qidiv .Qlistp{width:94%;padding:5px 3%;}
.Qidiv .Qlistp li{float:left; width:33.33%; margin-top:2%;}
.Qidiv .Qlistp li img{width:96%; border:#eee 1px solid; height:50%;}
.Qidiv .Qlistp li span{width:96%;background:#f9f9f9;text-align:center;line-height:26px;height:28px;display: block; overflow:hidden;}

.Qpage ,#page{width:100%;height:auto;overflow:hidden;text-align:center;margin-top:5px;}
.Qpage li ,#page li{display:inline-block;margin:5px 3px;padding:2px 7px;background:#fff;border:1px solid #ddd;border-radius:3px;}
.Qpage li span ,#page li span,.Qpage li .current{color:#045aac;}

.Qwz {height:35px;line-height:35px;padding-left:6px;border-bottom:1px solid #eee;overflow:hidden;}
/*Ƶ���б�*/
.Qchannellist{ width:94%; padding:5px 3%; float:left; clear:both;background:#FFFFFF;}
.Qchannellist li{float:left;text-align: center; width:33.33%;}
.Qchannellist li a{display:block; margin:8px 3px;  padding:5px 0px;background:#FFFFFF;border:1px solid #CCC; border-radius: 67px;}
.Qchannellist li a.current { color:#FFF; background:#045aac;}

.Qhtml{padding:8px 0 0 0;}
.Qhtml .Qt{border-bottom: 1px dashed #ccc;padding:5px 10px;}
.Qhtml .Qt h1{font-size:16px;line-height:26px;text-align:center;}
.Qhtml .Qt span{line-height:28px;font-size:12px;color:#777;text-align:center;display:block;}
.Qhtml .Qt span i{padding-right:8px;color: #045aac;}
.Qhtml .Qcomment{width:94%;padding:10px 3%;line-height:24px;}
.Qhtml .Qcomment img{max-width:90%;margin:0 auto;}
.Qhtml .Qcomment p{margin:1em 0;padding:0;}
.Qhtml .Qcomment a{ color:#00F;text-decoration:underline;}
.Qhtml .Qcomment b,.Qhtml .Qcomment strong{font-weight:800;}
.Qhtml .Qnext{width:96%;padding:5px 2% 0 2%;border-top:1px dashed #ccc;}
.Qhtml .Qnext li{line-height:26px;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
.Qtags {width:94%;padding:10px 3%;}
.Qtags i{font-size: 1rem; margin-right: 8px;color: #045aac;}
.Qtags a{padding: 3px 5px;width: auto;background: #f4f5f4;display:inline-block;border-radius: 3px;margin: 5px 3px;font-weight: 400;text-decoration: none;}
.Qtags a:hover {color:#fff;background:#045aac;}

.Qbak{display:none;width:40px;height:40px;position:fixed;bottom:16px;right:10px;z-index:99;background:rgba(0,0,0,0.4);border-radius:20px;}
.Qbak img{padding:8px 8px;width:25px;height:25px;}

.Qfoot{width:100%;background:#f9f9f9;text-align:center;padding:5px 0;margin:10px 0 0 0;border-top:3px solid #045aac;}
.Qfoot p{line-height:30px;}
.Qfoot p i{font-size:18px;padding-left:12px;}
.Qfoot p a{font-size:14px; padding:0 6px;}

.dbgao { height:60px;}
/*footer*/
.lfooter { width:100%; height:60px; background:#045aac; position:fixed; bottom:0px;}
.lfooter a{ width:25%; height:auto; float:left; text-align:center; color:#FFFFFF; padding-top:10px;}
.lfooter a i{ font-size:22px;}
.lfooter a p{ padding-top:3px;}

.tab-menu {border-bottom: 1px solid #eee; margin-bottom: 10px;}
.tab-menu ul {list-style: none; padding: 0; margin: 0;}
.tab-menu li {display: inline-block; margin-left: 10px;}
.tab-menu a { display: block; padding: 8px; background: #f9f9f9; text-decoration: none; color: #333;border-top-left-radius: 5px; border-top-right-radius: 5px;}
.tab-menu li.active a { background: #045aac; color: #fff;}
.tab-pane { display: none;}
.tab-pane.active { display: block;}

.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1;}
.swiper-container-no-flexbox .swiper-slide{float:left}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}
.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}
.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}
.swiper-pagination{position:absolute;text-align:right;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#fff;opacity:.4}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-white .swiper-pagination-bullet{background:#fff}
.swiper-pagination-bullet-active{opacity:1;background:#045aac}
.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}
.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}
.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}
.swiper-container-horizontal>.swiper-pagination{bottom:12px;left:0;width:100%}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 5px}

@media screen and (min-width:1240px) {
.Qtop,.Qhead,.Qpics,.Qiservices,.Qidiv,.Qfoot,.lfooter,.Qwz,.Qhtml{ width:768px;}
.Qchannellist{ width:800px;padding:5px 0;}
}

.Qfoot-area {display: flex;flex-wrap: wrap;justify-content: initial;border-bottom: 1px solid #eee;padding: 1%;}
.Qfoot-area .Qfoot-info {display: flex;position: relative;text-align: left;width:25%;}
.Qfoot-area .Qfoot-info .icon {width: 45px;height: 45px;line-height: 45px;text-align: center;position: relative;border: 2px dotted #045aac;color:#045aac;border-radius: 50%;font-size: 18px; margin-right:10px;}
.Qfoot-area .Qfoot-info .content p {font-size: 12px;}
.Qfoot-area .Qfoot-info .content h3 {font-size: 14px;text-transform: initial;}
@media screen and (max-width:768px) {
.Qfoot-area {gap: 0px;}
.Qfoot-area .Qfoot-info {width:50%;margin:1% 0;}
.Qfoot-area .Qfoot-info .icon {border: none;background:#045aac;color:#fff;}
.Qfoot-area .Qfoot-info .content h3 {}
}