@charset "utf-8";
@import url("/views/mobile_2/css/mui.min.css");
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol{margin:0;padding:0}em,i{font-style:normal}li{list-style:none}a,a:hover{text-decoration:none}img{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;height:auto;vertical-align:middle;border:0}table{border-collapse:collapse;border-spacing:0}label{cursor:default}body,button,input,select,textarea{font:17px/1.5 arial,'microsoft yahei',\5b8b\4f53}textarea{resize:none}a,a:focus{outline:none}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}.clear{display:block;height:0;clear:both;font-size:0;line-height:0;overflow:hidden}.fl{float:none;display:inline}.fr{float:none;display:inline}.fn{float:none}.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}.noBg{background:none!important}
body{position:relative;background:#fff;color:#444;}
a{color:#444;text-decoration:none;}
.left{ float:left;overflow:hidden;}
.right{float:right;overflow:hidden;}
.w640{ width:95%; overflow:hidden;clear:both;margin:0 auto}

#header { position:fixed; top:0; left:0; right:0; width:100%; height:60px; background:#FFF; }
.clean50{clear:both;height:5rem;overflow:hidden;}
.clean20{clear:both;height:2rem;overflow:hidden;}
.clean10{clear:both;height:1rem;overflow:hidden;}
.logo a { display:block; width:100%; height:100%; }

.site-bar{position:fixed;z-index:10;right:0;left:0;height:60px;padding-right:10px;padding-left:10px;border-bottom:0;-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);box-shadow: 0 2px 5px 
rgba(0,0,0,0.2);-webkit-backface-visibility:hidden;backface-visibility:hidden; background-color:#FFF }

.site-bar:before{ position: absolute; content: ''; height: 2.2px; left:0; top: -2.2px; background-color: #124185; width: 20%; margin-left:5px;}
.site-bar > a{ color: #fff; font-weight: 800;}
.site-bar .mui-title{right:40px;left:40px; top:3px; bottom:3px;height:100%;display:inline-block;overflow:hidden;width:auto;margin:0;text-overflow:ellipsis}.site-bar .mui-backdrop{background:0 0}
.site-bar .mui-title .logo{ display:block; width:80%; float:left; height: 100%;}
.site-bar .mui-title .logo img{ height:100%; width:auto; max-width:100%; display:block; margin:0 auto;}
.site-bar .mui-title .cn{display:block; width:50%; float:left; height: 60%;padding-top:10px}
.site-bar .mui-title .cn img{ height:30px;}

.site-bar~.banner{ margin-top:60px;}
#offCanvasBtn{ width:48px; height:48px; background:#000;border-radius:5px; margin-top:5px; margin-right:1px;}

/*侧边*/
.site-side-right{z-index:10000!important;-webkit-transform:translate3d(100%,0,0);transform: translate3d(100%,0,0);-webkit-transition: -webkit-transform 0.4s;transition: transform 0.4s;-webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1);transition-timing-function: cubic-bezier(.165,.84,.44,1);position:fixed;top: 0; right:0;bottom: 0; visibility: hidden; box-sizing: content-box; width: 70%; min-width:230px; min-height: 60%; background-color:#ebebeb; overflow-y:auto;}
.site-sideshow{-webkit-transition:-webkit-transform 350ms cubic-bezier(.165,.84,.44,1),opacity 350ms cubic-bezier(.165,.84,.44,1);transition:transform 350ms cubic-bezier(.165,.84,.44,1),opacity 350ms cubic-bezier(.165,.84,.44,1);-webkit-transform: translate3d(0,0px,0px);transform:translate3d(0px,0px,0px);visibility:visible;}
.site-sidehide{z-index:1000;-webkit-transform: translate3d(100%,0px,0px);transform:translate3d(100%,0px,0px);	visibility:visible;}
.site-side-active{ overflow:hidden;}
.site-side-active .mui-off-canvas-backdrop{position: fixed;z-index: 998;top: 0;right: 0;bottom: 0;left: 0;display: block;transition: background 350ms cubic-bezier(.165,.84,.44,1);background: rgba(0,0,0,.4);box-shadow: -4px 0 4px rgba(0,0,0,.5),4px 0 4px rgba(0,0,0,.5);-webkit-tap-highlight-color: transparent;}
.site-side-colsebtn{ position:fixed; right:0px; top:0px; color:#333; font-size:28px; display:block; z-index:10;}
.site-side-topBtn{ height:60px; padding:0; background:#fff; display:table; width:100%;}
.site-side-topBtn input{ margin:0; border:0;}
#sitesearch{line-height:60px;}
.site-side-topBtn .side-submit,.site-side-topBtn .side-submit:active,.site-side-topBtn .side-submit:enabled:active{ padding:0; border:0; width:60px; margin-right:10px; margin-top:4px; height:40px; background-color:; color:#fff; line-height:40px; background:#009541}
.site-side-topBtn .mui-btn{ display:table-cell; width:50%; border:0 !important;}
.site-side-right .site-side-topBtn~.mui-scroll-wrapper{ top:60px; font-size:17px;}
.site-side-right .site-side-topBtn~.mui-scroll-wrapper input,.site-side-right .site-side-topBtn~.mui-scroll-wrapper button,.site-side-right .site-side-topBtn~.mui-scroll-wrapper select{ margin:0; font-size:inherit; padding:5px; height:auto; border:1px solid rgba(0, 0, 0, .1) !important; }
.site-side-right .site-side-topBtn~.mui-scroll-wrapper .mui-table-view-cell.mui-collapse.mui-active { margin-top: 0px;}
.site-side-right .mui-table-view-inverted{ background-color:#000; color:#fff;}
.site-side-right .mui-table-view-inverted .mui-table-view-cell.mui-active,.site-side-right .mui-table-view-inverted .mui-table-view-cell>a:not(.mui-btn).mui-active{ background:#009541; color:#fff;}
.site-side-right .mui-table-view-cell.mui-collapse .mui-table-view-cell>a:not(.mui-btn){ color:#333;}
.site-side-right .mui-table-view-cell.mui-collapse .mui-table-view-cell>a.mui-active:not(.mui-btn){ color:#fff; background:#009541;}
.site-side-right .mui-table-view-inverted:before,.site-side-right .mui-table-view-inverted:after,.site-side-right .mui-table-view-inverted .mui-table-view-cell:after{ left:0; background:#fff}
.site-side-right .mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell{ padding-left:15px;}
.site-side-right .mui-table-view-cell.mui-collapse.mui-active .mui-table-view-cell>a:not(.mui-btn).mui-active{ margin-left:-15px; padding-left:inherit;}
.site-side-right .mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell:after{ left:15px;}

.backtop{ position: fixed; right: 0%; bottom: 100px; z-index:999; width: 2rem; height: 2rem; background: url("/views/mobile_2/images/top.png") no-repeat center; cursor: pointer; transition: all 0.8s; background-size: 100% 100%;}

.nav { padding:0.4em 0; background:#008AE2; border-top:1px solid #FFF;}
.nav li { position:relative; display:inline-block; float:left; width:25%; color:#fff; line-height:26px; text-align:center; }
.nav li::before { content:"|"; position:absolute; top:5px; right:0; color:#fff; font-size:12px; font-weight:100; line-height:16px; }
.nav li:nth-child(4n)::before { content:""; }
.nav li a { display:block; height:26px; font-size:13px; color:#fff; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

.banner { position:relative; overflow:hidden;}
.banner .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:42%; z-index:1; }
.banner .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.banner .hd li.on{ background:#FF0;  }
.banner .bd{ position:relative; z-index:0; }
.banner .bd li{ position:relative; text-align:center;  }
.banner .bd li img{ background:url("/views/mobile_2/css/loading.gif") center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%
，抵达自顺应效果 */}
.banner .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */



/* 快捷菜单 */
#fixed-foot { position:fixed; left:0; bottom:0; width:100%; height:50px; background:#2d2d2d; line-height:24px; text-align:center; z-index:10; display:table; border-collapse:collapse;}
#fixed-foot li { display:table-cell; width:1%; border-left:1px solid rgba(255,255,255,.1); border-right:1px solid rgba(0,0,0,.2); }
#fixed-foot li a { display:block; padding:8px 0 0; color:#fff; }
.fixed-button { display:block; width:19px; height:17px; margin:0 auto; background:url("/views/mobile_2/images/icon_arr_tel_white.png")/*tpa=http://www.gbqygl.com/3g/images/icon_arr_tel_white.png*/ no-repeat; overflow:hidden; }
.icon_arr_email { background-image:url("/views/mobile_2/images/icon_arr_email.png")/*tpa=http://www.gbqygl.com/3g/images/icon_arr_email.png*/ }
.icon_arr_map { background-image:url("/views/mobile_2/images/icon_arr_map.png")/*tpa=http://www.gbqygl.com/3g/images/icon_arr_map.png*/ }
.icon_arr_share { background-image:url("/views/mobile_2/images/icon_arr_share.png")/*tpa=http://www.gbqygl.com/3g/images/icon_arr_share.png*/ }
.icon_arr_book { background-image:url("/views/mobile_2/images/icon_arr_book.png")/*tpa=http://www.gbqygl.com/3g/images/icon_arr_book.png*/ }
#fixed-foot~{ padding-bottom:50px;}



/* 首页拨打电话 */
.m-tel { padding:3%; }
.m-tel a { display:block; padding:0 3%; border-radius:5px; background:#008AE2; color:#fff; text-align:center;}
.m-tel a span { display:inline-block; padding:3%; }
.m-tel a span::before { content:""; padding-left:10px; border-left:10px solid #fff; }

/*翻页样式*/
#pages{ width: 100%; height: 24px; text-align: center; line-height: 22px; padding-top: 1px; clear:both; }
#pages a{ background: #f5f5f5; border: #ddd solid 1px; padding: 3px 8px; margin: 0 2px; float: none; color: #333; font-size: 14px;margin-bottom:10px}
#pages span{ background: #bf251b; color: #fff; border: #DDD solid 1px; padding: 3px 8px; margin: 0 2px; float: none;}
#pages a:hover{border: #bf251b solid 1px;}
/*上一页 下一页*/
.articlebook { width:95%; margin:0 auto;}
.articlebook p{ margin-top: 1rem; font-size:1rem;font-family: "微软雅黑";color: #999;}
.articlebook p:hover{ color: #1c4587;}

.w640{ width:95%; margin:0 auto}
.clean20{clear:both;height:2rem;overflow:hidden;}
.clean10{clear:both;height:1rem;overflow:hidden;}
/*------- 通用竣事--------- */
.nav_list{ width:100%; float:left; text-align:center; background:#f6f6f6; padding-top:30px; padding-bottom:30px;}
.nav_list span{ width:80%; margin:0 auto; text-align:center}
.nav_list span h1{ font-size:20px; font-weight:bold; line-height:30px; color:#009641; margin-bottom:10px;}
.nav_list span p{ line-height:24px; font-size:14px;}

/*关于老哥俱乐部*/

.gywm_l{ width:100%; float:left;text-align:center; background:#fff; padding-bottom:30px;}
.gywm_l h1{font-family: 微软雅黑; font-size:22px; line-height:30px; margin-bottom:15px;}

.gywm_l p{ line-height:24px; text-align:left; float:left; padding-left:10px; padding-right:10px; font-size:14px;}
.gywm_l a{ margin-top:20px; padding:6px 28px; display:inline-block; background:#eef0f1; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius: 3px;-o-border-radius: 3px; }
.gywm_l img{ width:90%; margin-bottom:20px; margin-top:20px;}
.gywm_l a:hover{ background:#009641; color:#fff;}

.daim{ width:100%; line-height:46px; background:#009641; color:#fff; text-align:center; font-size:18px;text-transform: uppercase;
}


.bt{ width:100%;  float:left; text-align:center}
.bt h1{ font-size:26px; font-weight:bold; line-height:150%; color:#26272c; text-transform: uppercase;}
.bt h1 i{ color:#009641}
.bt p{ font-size:18px; color:#a5a5a5}
.bt span{ width:30px; height:3px; background:#009641; display:block; margin:10px auto}

.pic_lb{width: 105%; float:left; padding-top:16px}
.pic_lb a{ width:50%; float:left; text-align:center; padding-bottom:1rem; display: inline-block; padding-right:5%}
.pic_lb a .img{ width:187px; height:266px; display:table-cell; text-align: center; vertical-align: middle;overflow:hidden; border:1px solid #e9e9e9; }
.pic_lb img{ width:100%; height:266px;  overflow: hidden;}
.pic_lb span{width:100%; float:left; height:36px; line-height:36px; overflow:hidden;object-fit:cover; font-size:15px;}
.pic_lb a:hover .img{border:1px solid #009541;}
.pic_lb ul li a:hover .img img{ -webkit-transition:-webkit-transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;transition:transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;-webkit-transform:scale(1.2);transform:scale(1.2);}



.img_lb{width: 105%; float:left; padding-top:1rem; }
.img_lb a{ width:50%; float:left; text-align:center; padding-bottom:1rem; display: inline-block; padding-right:5%;overflow:hidden;}
.img_lb a .img{ width:238px; height:200px; background:#fff;  display:table-cell; text-align: center; vertical-align: middle;overflow:hidden;  }
.img_lb img{  max-width:100%; max-height:180px;  width:auto; height:auto;overflow: hidden;vertical-align: middle;}
.img_lb h1{width:100%; float:left; height:40px; line-height:40px; overflow:hidden; font-size:15px; font-weight: normal}

.img_lb ul li a:hover .img img{ -webkit-transition:-webkit-transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;transition:transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;-webkit-transform:scale(1.2);transform:scale(1.2);}
.img_lb ul li a:hover span{ color:#ff3e27}





/*相助客户*/
.yingyon{ width:100%; padding:60px 0; background:url(/views/mobile_2/images/bg-12.jpg) center no-repeat; float:left}
.cp_gd {width:100%; height:320px;overflow: hidden;position: relative; float:left; }
.cp_gd ul{position: absolute;}
.cp_gd ul li{float: left;width:240x;cursor: pointer; margin-right:25px; text-align:center}
.cp_gd ul li a{ width:240px;float:left; display:block}
.cp_gd ul li img {width:240px;height:288px;object-fit:cover; float:left}
.cp_gd ul li p{ width:100%; float:left; padding-top:10px; color:#fff}

.tubiao ul{ width:110%; float:left; margin:25px 0 }
.tubiao ul li{ display:inline-block; float:left; width:80%; line-height:25px; padding:10px 0; text-align:center; margin:10px 5%; border:1px solid #f2f2f2;box-shadow: 0px 0px 10px rgba(0,0,0,.2); }
.tubiao ul li a{ display:inline-block; font-size:20px;}
.tubiao ul li img{ max-width:30px; float:left; margin-right:10px;}
.tubiao ul li i{ line-height:30px;}



/* 新闻 */
.bjs{ width:100%; background:#f9f9f9; float:left}
.new ul{ width:100%; float:left;}
.new ul li{ width:93%; float:left; background:#fff; margin:15px; padding:10px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); }
.new ul li span{ width:100%; height:200px;  display:table-cell; text-align: center; vertical-align: middle;overflow:hidden;}
.new ul li span img{width:100%; height:200px;object-fit:cover;}
.new ul li .new_bt{ width:100%; float:left; padding-bottom:10px; padding-top:10px;}
.new ul li .new_bt b{ width:40px; height:50px; border:1px solid #009641; color:#009641; text-align:center; line-height:50px; font-size:20px; float:left; margin-right:10px}
.new ul li .new_bt i{ color:#009641; line-height:18px;}
.new ul li .new_bt h1{ width:80%; height:22px; line-height:22px; overflow:hidden; float:left; font-size:18px;}
.new ul li p{ line-height:23px;word-wrap:break-word; font-size:15px;}
.new ul li:hover span img{ transform: scale(1.1);} 
.new ul li:hover{box-shadow: 0 0 15px rgba(254, 0, 0, 0.2);} 
.new ul li:hover h1{ color:#009641;}

.new_lb{ width:103%; float:left; padding-top:30px;}
.new_lb li{ width:50%; float:left; padding-bottom:15px; }
.new_lb li a{ display:inline-block;border:1px solid #d9d9d9; width:93%;   padding:10px;}
.new_lb li img{ width:100%; height:100px; float:left;object-fit:cover; padding-bottom:10px;}
.new_lb li h1{ font-size:16px; line-height:26px; font-weight:600}
.new_lb li i{ font-size:13px; color:#CCC}
.new_lb li p{ width:100%; float:left; line-height:22px; padding-top:5px;}

.cul ul{ width:100%; float:left}
.cul ul li{ width:100%; float:left; margin-bottom:20px; text-align:center}
.cul ul li img{ width:100%; height:250px;object-fit:cover; }
.cul ul li img:hover{-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;animation: tada 1s .2s ease both;}


.gg{ width:100%; float:left; padding:20px 0; background:url(/views/mobile_2/images/bjt.jpg) repeat; }
.gg span{ float:left} 
.gg  h1{ font-size:22px; font-weight:bold; color:#fff; line-height:140%; margin-bottom:10px;}
.gg h2{ color:#fff; font-size:14px; line-height:22px; font-weight:normal;word-break:break-all}

.gg a{ display:inline-block; float:right; margin-top:20px; padding:5px 30px; border:1px solid #fff; color:#fff;}
.gg a:hover{border:1px solid #cedef8; color:#cedef8}


/*foot*/
.foot{ width:100%; float:left; text-align:center;background:#000; padding-top:1.5rem; padding-bottom:3.5rem}
.foot span{ width:100%; float:left; text-align:left}
.foot h1{ font-size:18px;text-transform: uppercase; line-height:36px; float:left; width:100%; color:#ddd; text-align:left; padding-top:10px;}
.foot i{ width:40px; height:2px; border-bottom:2px solid #009641; float:left; margin-bottom:20px;}
.foot p{ width:100%;line-height:1.6rem; color:#FFF; font-size:15px; float:left}
.foot p a{ color:#FFF;}
.foot dl{ width:100%; float:left; border-bottom:1px dashed #f2f2f2; height:1px; margin:15px 0}
.footer{ width:100%; float:left; text-align:center;}
.footer img{ width:40%}

.prot_fl{ width:99.98%; float:left; text-align:center; padding-top:15px; padding-bottom:5px;}
.prot_fl a{ display:inline-block; background:#2367ad; color:#fff;border-radius:5px; padding:5px 8px; margin-right:5px; margin-bottom:10px; }
.prot_fl a:hover,.cur{background:#009541 !important; }

.cp_sy{ width:99%; float:left;line-height:24px; padding:10px; background:#fff; padding-left:5%}
cp_sy a{ font-size:15px;}
.cp_jj p{ line-height:26px; padding:15px;float:left; background:#FFF; margin-bottom:20px;}

.bks{ width:99.2%; padding:15px; background:#fff; float:left;}
.zbt{ width:100%;float:left; line-height:40px;}
.zbt b{ float:left; color:#000; font-size:18px;}
.zbt i{ width:40%; float: right; height:20px; border-bottom:1px dashed #009541}

.table_form tr{ width:100%; float:left}
.table_form th{ width:25%; float:left;line-height:40px;  color:#999}
.table_form td{ width:75%; float:left}
.table_form .input-text{ width:98% !important; height:40px; background:#f6f6f6 !important; line-height:40px; float:left; border:none}
.table_form textarea{ width:97% !important; height:72px; background:#f6f6f6 !important;  float:left; border:none}
.button{ width:100px; height:40px; background:#009541 !important; border:none}



.cp_fl h1{ width:100%;text-align:center; line-height:30px; padding-bottom:5px; font-size:20px; padding-top:10px;}
.cp_fl img{ width:100%; float:left; padding-bottom:20px;}
.cp_fl i{width:100%; border-bottom:1px dashed #f8f8f8; float:left; height:1px;}
.cp_fl p{ line-height:30px;}

.cp_fl dl{ width:100%; float:left; height:42px; text-align:center; line-height:42px; font-size:16px; font-weight:normal; padding-bottom:25px;}
.cp_fl span{ width:100%; float:left; background-color:#efefef; padding:15px;  margin-bottom:20px;}
.cp_fl span p{ line-height:24px; font-size:14px;word-wrap:break-word}



/*关于老哥俱乐部*/
.about-nr p{ line-height:30px;word-break:break-all}
.about-nr img{ max-width:100%}
.about-nr .map-title{ font-size:20px; line-height:180%; width:100%; float:left; text-align:center; padding:20px 0}

/*地图*/
.news-list ul li{ width:100%; float:left; background:#f6f6f6; margin-bottom:15px; padding:15px;}
.news-list ul li .new_bt{ width:100%; float:left;}
.news-list ul li .new_bt b{ width:40px; height:40px; border:1px solid #009641; color:#009641; text-align:center; line-height:40px; font-size:20px; float:left; margin-right:10px}
.news-list ul li .new_bt i{ color:#009641;}
.news-list ul li .new_bt h1{ width:80%; height:22px; line-height:22px; overflow:hidden; float:left; font-size:18px;}
.news-list ul li p{ line-height:23px;word-wrap:break-word; margin-top:5px; font-size:15px;}



/*************首页竣事********************/

/*联系老哥俱乐部*/
.lx_nr{ width:99.9%; float:left;border:1px solid #f5f5f5; }
.lx_nr span{ width:100%; float:left; border-bottom:1px solid #f5f5f5; }
.lx_nr span:last-child{border-bottom:0 }
.lx_nr span b{ width:25%;padding:10px;  float:left; font-size:16px;word-break:break-all}
.lx_nr span p{ width:70%; float:left; font-size:15px;word-wrap:break-word; padding:10px; border-left:1px solid #f5f5f5; }
.lx_nr span:hover{ background:#f5f5f5}
















<!--耗时1764575481.2456秒-->