@charset "utf-8";
@import url("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;}
#g-wp { max-width:640px; margin:0 auto; padding:0 0 40px; background:#fff; }

#header { position:fixed; top:0; left:0; right:0; width:100%; height:48px;  }
.clean50{clear:both;height:5rem;overflow:hidden;}

.clean20{clear:both;height:2rem;overflow:hidden;}
.clean10{clear:both;height:1rem;overflow:hidden;}
.logo{ }
.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}
#offCanvasBtn{ background: url(../images/ss1.png) #0253af 10px 13px  no-repeat; height:60px; width:60px; }
.site-bar:before{ position: absolute; content: ''; height: 2.2px; left: 0; top: -2.2px; background-color: #222222; width: 20%;}
.site-bar > a{ color: #fff; font-weight: 800; background:url("../images/ss1.png") content no-repeat}
.site-bar .mui-title{right:40px;left:40px;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 a{ display:block; height: 100%;}
.site-bar .mui-title img{ height:98%; width:auto; max-width:100%; display:block; margin:0 auto;}
.site-bar~.banner{ margin-top:60px;}



/*侧边*/
.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:10px; height:40px; background-color:; color:#fff; line-height:40px; background:#0253af}
.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:#0253af; 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:#0253af; 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:#222;}
.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("../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("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:#222; 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("../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("../images/icon_arr_email.png")/*tpa=http://www.gbqygl.com/3g/images/icon_arr_email.png*/ }
.icon_arr_map { background-image:url("../images/icon_arr_map.png")/*tpa=http://www.gbqygl.com/3g/images/icon_arr_map.png*/ }
.icon_arr_share { background-image:url("../images/icon_arr_share.png")/*tpa=http://www.gbqygl.com/3g/images/icon_arr_share.png*/ }
.icon_arr_book { background-image:url("../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; }

/*------- 通用结束--------- */
.w640{ width:96%; margin:0 auto}
.dht,.cp_tt{ width:100%; overflow:hidden; float:left}
.dht ul{ width:102%; float:left; overflow:hidden; padding-top:10px; padding-bottom:10px;}
.dht ul li{ width:25%; float:left; text-align:center; height:116px; overflow:hidden; padding-bottom:20px; }
.dht ul li  img{ border:1px solid #ddd; background:#f8f8f8;border-radius:50%; max-height:70%; margin-top:10%}
.dht ul li  p{ width:100%; float:left; font-size:15px; line-height:2.6rem; text-align:center;}

.bt{ width:100%; float:left; height:40px; border-bottom:1px solid #333}
.bt img{ width:42px; height:38px; float:left; margin-right:5px;}
.bt a h1{ font-size:20px; line-height:38px; font-weight:600;  color:#353535;text-transform:uppercase; float:left}
.bt a p{ float:right; line-height:38px; font-size:14px; padding-right:10px; color:#0253af }
.bt a:hover h1{ color:#0253af}

.bt1{ width:100%; float:left; text-align:center; padding-bottom:20px;}
.bt1 a h1{ font-size:15px; line-height:1.3; color:#fff;text-transform:uppercase; background:#0253af; display:inline-block; padding:0 15px;}
.bt1 a p{ width:100%; float:left; font-size:20px; line-height:160%; line-stacking:1px; color:#e5e5e5; text-transform:uppercase;}
.bt1 a span{ font-size:30px; color:#0253af; line-height:100%}
.bt1 a:hover h1{ color:#0253af}



/*------- 装修案例--------- */

.cp_tt ul {
	 width:102%;
	display: block;
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.cp_tt ul li {
	display: block;
	float: left;
	padding: 0;
	width:31.33%;text-align:center; margin-right:2%; margin-bottom:2%
}
.cp_tt ul li a{ width:100%;  float:left;display: block; overflow:hidden}
.cp_tt ul li a span{ width:100%; height:100px; border:1px solid #e7e7e7;   text-align:center;display: inline-block; vertical-align:middle; overflow:hidden;}
.cp_tt ul li a img{ width:100%; height:100px;object-fit:cover;}

.cp_tt ul li a:hover span 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); }
.cp_tt ul li a h1{ width:100%; float:left; line-height:22px;height:44px; overflow:hidden; font-size:14px; margin-top:10px; font-weight:normal} 

.cp_tt ul li a:hover h1{ color:#0253af}




/* 底部版权 */

.foot{ width:100%;float:left; color: #fff; background-color: #666; text-align:center; padding-top:1rem; padding-bottom:3.2rem}
.foot a{ font-size:14px; display:inline-block; padding:5px 10px; color:#fff}
.foot p{line-height:1.8rem; color:#fff; font-size:14px}
.foot dl img{ max-width:30%; margin-top:10px;}





/*翻页样式*/
#pages{ width: 100%; height: 20px; 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;}
#pages span{ background: #0253af; color: #fff; border: #DDD solid 1px; padding: 3px 8px; margin: 0 2px; float: none;}
#pages a:hover{border: #0253af solid 1px;}

/*产品展示内容页*/
.banner_nr{ width:100%; position:relative;top:60px;}
.banner_nr img{ width:100%;}

.cp_nr b{ width:100%; text-align:center; float:left; line-height:2rem; padding-bottom:10px; font-size:1.2rem; }
.cp_nr h5{ width:100%; float:left; line-height:2rem; text-align:center; color:#0253af; font-weight: normal;}

.cp_nr p{ line-height:32px;font-size:1rem}
.cp_nr strong{ color:#dfbe8e}
.cp_nr img{ max-width:100%}

/*上一页 下一页*/
.articlebook { width:95%; margin:0 auto;}
.articlebook p{  font-size:14px;font-family: "微软雅黑";color: #999;}
.articlebook p:hover{ color: #c1aa6c;}

/*新闻列表*/
.buyR { width:100%; float:left; margin:10px 0 30px;  }
.buyR a.gm0 {display:block;  line-height:2.2em;text-align: center;  font-size:1.2em;background:#ff6c00 url(../images/down-icon.png) center -74px no-repeat; color:#fff;text-decoration:none;}
.buyR a:hover.gm0 {border:1px solid #ededed; border-bottom:1px solid #ccc;background:url(../images/down-icon.png) center 15px no-repeat;   color:#f50;}


.bshareDiv{ display:none !important}
.bshare-custom{ width:100%; float:left; margin-bottom:30px;}

/*paytocss*/
.box_div {  display: none;  background-color:#fff;  z-index:999; position:relative  } 
#light0_m{ width:100%; float:left;  display:none; margin-left:0px;background:#fff7f2; border:2px solid #ededed; margin-bottom:20px;  }
#idh1{ float:left; width:100%;  font-size:1.6rem; line-height:1em; display:block; color:#555; overflow:hidden }
#idnumber{ font-size:1rem;  color:#aaa; float: left   line-height:2.2em; display:block; color:#ff6c00;   }
#idnumber1{font-size:1rem; color:#f50;  }
#idnumber2{font-size:1rem; color:#f50;  }
#idnumber3{font-size:1rem;color:#f50;  }
.noname1{ font-size:12px; color:#f50;  }
.noname2{ font-size:0px; color:#f50;  }
.money{   clear:both;   font-size:1.8rem; float:left;color:#dd0000;    }
.money span{  font-size:1.4rem; line-height:1.4rem }
.h2name{ clear:both; font-size:1.2rem; line-height:3.0em; text-align:right;  }
.h2name a{ color:#999;}
.h2name a:hover{ color:#2196f3;}
.box_shut{ float: right;margin-top:0px; }
.box_shut a{  float:right; display:block; clear:both; width:60px; height:28px; line-height:15px;  background: url(../images/close.png) 8px 5px  no-repeat; margin-top:20px; margin-right:15px;}

  
.box_content{ width:97%; float:left;  padding:0 18px 20px 18px;    color:#555;}
.box_content img{ width:80%; }
.box_content_l_z30 {width:100%;float:left;text-align:center;  margin-bottom:10px; }
.box_content_l_z30 img{margin-bottom:10px;max-width:48%; margin-right:2%;float:left;}
.box_content_r_z { width:100%;  float:right;  font-size:1rem;   }
.pet_img{ width:100%; padding:3%; float:left; background:#fff}
.pet_img h1{width:100%; float:left;border-bottom:1px dashed #dedede; margin-bottom:10px; padding-bottom:10px;}
.pet_img b{ float:left;  font-size:20px; line-height:40px; }
.pet_img i{ float:right; font-size:17px; font-weight:normal; font-style:normal; color:#ff0000; font-weight:600; margin-top:10px; margin-right:10px;}


.xq{ width:100%; float:left; background:#3f5260;  font-size:18px; height:50px;color:#fff; margin:20px 0;}

.xq  h2{ float:left; font-size:18px; margin-left:10px; color:#fff;line-height:50px;}



.pet_img dd{ width:100%; float:left;border:1px solid #dedede; padding:3%;}
.pet_img p{ line-height:30px; font-size:15px; }
.pet_img dd img{ max-width:100%;}
.nrte{ width:100%; float:left; height:56px;  background:url(../images/pc-xc-icon2.png) left no-repeat; padding-top:20px; border-top:2px solid #2159c6; margin-top:20px;}
.nrte p{ padding-left:50px; float:left; font-size:24px;line-height:36px;}
.nrte a{ display:inline-block; float:right; width:100px; height:40px; line-height:40px; text-align:center; color:#fff; background:#cc0001; }

/*主图*/
.idx-focus{margin:40px auto 0 auto;}
.idx-focus,.focus-pic li{width:386px;position:relative;overflow:hidden;}
.idx-foc-tmp{height:260px;}
.focus-pic li{float:left;height:260px;}
.focus-pic li img{width:100%;max-height:260px;object-fit:cover;}
.focus-pic .bg{height:30px;width:100%;position:absolute;left:0;bottom:0;background:#000;opacity:.6;filter:Alpha(opacity=60);z-index:1;}
.focus-pic .txt{height:30px;position:absolute;width:100%;line-height:30px;text-indent:10px;overflow:hidden;z-index:2;left:0;bottom:0; color:#fff;}
.idx-focus .xtaber-tabs{height:60px;background:#565656;}
.idx-focus .xtaber-tabs li{float:left;padding:3px;margin-right:-3px;position:relative;cursor:pointer;z-index:3;}
.idx-focus .xtaber-tabs img{width:55px;height:50px;object-fit:cover;}
.idx-focus .xtaber-tabs .current{background:#2ba4d7;}
.idx-focus .xtaber-tabs .current i{width:7px;height:4px;position:absolute;left:50%;margin-left:-3px;top:-4px;overflow:hidden;}
.idx-focus .btn-prev,.idx-focus .btn-next{background:url(../images/foc_btn.png) no-repeat;_background:url(../images/foc_btn_8.png) no-repeat;width:31px;height:50px;position:absolute;z-index:4;top:50%;_filter:Alpha(opacity=70);}
.idx-focus .btn-prev{background-position:0 0;left:10px;}
.idx-focus .btn-next{background-position:-33px 0;right:10px;}


/*搜索页样式*/
.ny_sousuo{width: 95%; height: auto; overflow: hidden;margin:0 auto;   border-bottom:.1rem dashed #ccc; padding-bottom:.5rem; padding-top:.5rem; padding-left:1rem}

dt{overflow: hidden;float: left; padding:0 .5rem;}
dl.nryd dt dd {float:right; overflow: hidden;}
dl.nryd dd .nrybt{ color: #333; font-size:1.2rem; line-height:2rem;overflow:hidden;  }
dl.nryd dd .nrybt:hover{ color:#1c4587;}
dl.nryd dd p {overflow: hidden;line-height: 1.2rem; color:#676767; text-indent:0 !important}
dl.nryd dd a.nryxq { width: 6rem; line-height:1.2rem; color: #067dc5;}
dl.nryd dd a.nryxq:hover{ font-weight:bold}

@media (max-width:375px) {
.idx-focus,.focus-pic li{ width:352px}
}

@media (max-width:320px) {
.idx-focus,.focus-pic li{ width:300px}


}

.new_lb{ width:100%; float:left; min-height:300px;}
.new_lb ul{ width:100%;background:#fff;  border:2px solid #dedede; float:left}
.new_lb ul li{ width:100%; padding:0 2%; line-height:45px; float:left; border-bottom:1px solid #dedede}
.new_lb ul li h2{ width:76%;height:45px; line-height:45px; overflow:hidden ;float:left; border-right:1px solid #dedede; font-size:16px;}
.new_lb ul li i{ float:right;font-style:normal ;font-size:12px; }
.new_lb ul li:hover{ background:#0050a2 }
.new_lb ul li:hover h2,.new_lb ul li:hover i{ color:#fff;}