.grg-fl { float:left;}
.grg-fr { float:right;}
.grg-header{ width:100%; position:relative; z-index:5; height:124px; background:url(/other/top-bj.jpg)}
.grg-header .grg-mian{ width:1080px; margin:auto;position:relative; height:90px; }
.grg-header .grg-mian .grg-fl{ padding:22px 0px}
.grg-header .grg-mian .grg-fl img{ padding-top:15px;}
.grg-header .grg-mian .grg-fr{ padding-top:10px; position:relative; z-index:2}

.grg-header .grg-mian .grg-fr .grg-contact{ height:66px;}


.grg-header .grg-mian .grg-fr .grg-search .grg-box{ height:30px; margin-bottom:5px; background:url(/other/input.png); width:242px; float:right}	
.grg-header .grg-mian .grg-fr .grg-search .grg-box .button{ float:left; width:37px; height:30px; cursor:pointer;filter:alpha(opacity=0);-moz-opacity:0.;opacity:0;}	
.grg-header .grg-mian .grg-fr .grg-search .grg-box .keywords{ float:left; width:205px; line-height:30px; text-indent:10px; outline:none; border:0px; background:none; height:30px; padding:0px; margin:0px;}	
.grg-header .grg-mian .contact{ line-height:30px; font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:18px; color:#006aeb; font-weight:bold;position:absolute; z-index:1; top:10px; right:10px; width:150px; height:30px; padding:30px 10px 0px 40px; background:url(/other/contact_bj.png)}	
	
.grg-muen{ height:50px; width:100%; position:relative; z-index:6; background:url(/other/muen-bj.jpg)}
.grg-muen .grg-mian{ width:1080px; margin:auto;position:relative; height:50px; }

.grg-muen .grg-mian li{ float:left; height:50px; position:relative}	
.grg-muen .grg-mian li a.muen-1{ display:block; color:#fff; line-height:50px;text-shadow: rgba(0,0,0,0.1) 1px 2px 5px; padding-left:20px; padding-right:20px; height:50px;font-size:16px; font-weight:bold}
.grg-muen .grg-mian li a.on{ color:#fff}
.grg-muen .grg-mian li .muen-child{ overflow:hidden; padding:0px; background:#fff; color:#0066FF; width:150%; height:0px; position:absolute; top:50px; left:0%;}

.grg-muen .grg-mian li:hover .muen-child{ height:auto; }
.grg-muen .grg-mian li:hover .muen-child a{ font-size:14px; color:#006AB0; padding-left:20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; display:block; height:40px; line-height:40px;background:#fff;  text-align:left;transition: background 0.3s; }
.grg-muen .grg-mian li:hover .muen-child dt{ height:40px; border-bottom:1px solid #E7E7E7}
.grg-muen .grg-mian li:hover .muen-child dt.last{ border-bottom:0px solid #E7E7E7}
.grg-muen .grg-mian li:hover .muen-1{ background:#fff; color:#006AB0}
.grg-muen .grg-mian li .muen-child a:hover{background:#006AB0; color:#fff}	
	
.grg-hot{ width:100%; position:relative;background:#dcdcda; z-index:5}	
.grg-hot .grg-mian{width:1080px; margin:auto;position:relative; height:42px; }	
.grg-hot .grg-mian .grg-fl h3{ font-size:14px; line-height:42px;}
.grg-hot .grg-mian .grg-fl ul{ padding-left:0px}
.grg-hot .grg-mian .grg-fl ul li{ line-height:42px; padding:0px 10px; float:left; height:42px}


dl:after{height:0;content:".";clear:both;display:block;visibility:hidden;}
ul:after{height:0;content:".";clear:both;display:block;visibility:hidden;}


.grg-lSide{ position:relative; width:100%;overflow:hidden; z-index:6}
.grg-lSide .grg-mian{ position:relative; width:100%; margin:auto; z-index:5}
.grg-lSide .grg-mian .grg-cat{ margin-bottom:30px; position:relative; float:left;width:230px; z-index:9}
.grg-lSide .grg-mian .grg-cat dl{ width:100% }
.grg-lSide .grg-mian .grg-cat dl dt{  background:#f2f2f2; position:relative}
.grg-lSide .grg-mian .grg-cat dl dt h1{ text-align:center; background:#1a6cb6; font-size:18px; color:#fff; line-height:45px}
.grg-lSide .grg-mian .grg-cat dl dt .dot{border-width:5px; position:absolute; top:20px; right:20px; border-color:#fff transparent  transparent  transparent ; border-style:solid; width:0; height:0;}

.grg-lSide .grg-mian .grg-cat dl dd{ width:100%; position:relative; background:#f2f2f2; border-top:1px solid #FFF; height:44px;}
.grg-lSide .grg-mian .grg-cat dl dd a{ display:block; line-height:34px; color:#006ab0;padding:5px 10px; font-size:14px; font-weight:bold}
.grg-lSide .grg-mian .grg-cat dl dd .dot-h{border-width:5px; position:absolute; top:17px; right:20px; border-color:transparent  transparent  transparent #006ab0 ; border-style:solid; width:0; height:0;}


.grg-lSide .grg-mian .grg-cat .second-child{ height:0px; overflow:hidden; position:absolute; top:35px;}
.grg-lSide .grg-mian .grg-cat .third-child{ height:0px;overflow:hidden; position:absolute; width:100%; right:-100%; top:0px;}
.grg-lSide .grg-mian .grg-cat dd:hover a{ color:#fff; background:#006ab0}
.grg-lSide .grg-mian .grg-cat dd:hover .dot-h{ border-color:transparent  transparent  transparent #fff;}


.grg-lSide .grg-mian .grg-cat dd:hover .second-child{ background:#f2f2f2; position:absolute; top:0px; right:-100%;overflow:inherit; min-width:100%; height:auto; padding-bottom:20px;}
.grg-lSide .grg-mian .grg-cat dd .second-child .list-tow{ border-bottom:1px double #E7E7E7; position:relative}
.grg-lSide .grg-mian .grg-cat dd .second-child .list-tow a{font-weight:bold; margin:0px; background:#f2f2f2;text-align:left;transition: background 0.3s; font-size:14px; display:block; color:#006ab0; padding:5px 10px; height:34px; line-height:34px; border:0px; }
.grg-lSide .grg-mian .grg-cat dd .second-child .list-tow .dot-h{border-color:transparent  transparent  transparent #006ab0 ;}

.grg-lSide .grg-mian .grg-cat dd .second-child .list-tow:hover a{ background:#006ab0; color:#fff; margin:0px}
.grg-lSide .grg-mian .grg-cat dd .second-child .list-tow:hover .dot-h{border-color:transparent  transparent  transparent #fff ;}
.grg-lSide .grg-mian .grg-cat dd .second-child .list-tow:hover .third-child{ height:auto; }
.grg-lSide .grg-mian .grg-cat dd .second-child .list-tow:hover .third-child a{ border-bottom:1px solid #f2f2f2;font-weight:bold; color:#006ab0; margin:0px; display:block; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;background:#f2f2f2;}
.grg-lSide .grg-mian .grg-cat dd .second-child .list-tow:hover .third-child a:hover{ background:#006ab0; color:#fff}



.grg-lSide .grg-mian .grg-goods{ width:820px; float:left; position:relative; z-index:5; margin-left:15px; overflow:hidden}
.grg-lSide .grg-mian .grg-goods .warp-box{ width:840px;}
.grg-lSide .grg-mian .grg-goods .list{ width:280px; float:left; margin-bottom:20px}
.grg-lSide .grg-mian .grg-goods .list .warp{ padding-right:20px; overflow:hidden}
.grg-lSide .grg-mian .grg-goods .list .warp .box{ border:1px solid #e1e1e1; padding-bottom:20px}
.grg-lSide .grg-mian .grg-goods .list .warp .box .g-img{ background:#77B5E4; text-align:center; border-bottom:1px solid #e1e1e1;}
.grg-lSide .grg-mian .grg-goods .list .warp .box .g-img img{width:240px;}
.grg-lSide .grg-mian .grg-goods .list .warp .box .g-title{ margin:5px 20px; margin-top:10px; position:relative; height:20px}
.grg-lSide .grg-mian .grg-goods .list .warp .box .g-title a{ font-size:14px; display:inline-block; width:100%; line-height:20px; color:#2a2e31;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-weight:bold }
.grg-lSide .grg-mian .grg-goods .list .warp .box:hover{border:1px solid #006ab0;}
.grg-lSide .grg-mian .grg-goods .list .warp .box:hover .g-title a{ position:absolute; top:0px; color:#006ab0; display:inline-block;background:#fff; width:100%; line-height:text-overflow:normal; overflow: inherit;white-space:normal}
.grg-lSide .grg-mian .grg-goods .list .warp .box .g-attr{ padding:5px 20px; color:#978c94}
.grg-lSide .grg-mian .grg-goods .list .warp .box .g-deail a{ display:inline-block; margin:10px 0px 0px 20px; padding:3px 15px; border:1px solid #999;}




.grg-lSide .grg-mian .grg-info{ padding-bottom:30px; z-index:99;}
.grg-lSide .grg-mian .grg-info .grg-fl.img{ width:400px;overflow:hidden;position:relative}
.grg-lSide .grg-mian .grg-info .grg-fl.img div.zoom{ border:1px solid #CCC;width:398px; }
.grg-lSide .grg-mian .grg-info .grg-fl.img .tb-thumb ul{ padding-top:10px;}
.grg-lSide .grg-mian .grg-info .grg-fl.img .tb-thumb li{float:left; width:64px;margin-right:20px;}

.grg-lSide .grg-mian .grg-info .grg-fl.img .tb-thumb li.last{ margin:0px}
.grg-lSide .grg-mian .grg-info .grg-fl.img .tb-thumb li .box-warp{ border:1px solid #CCC; position:relative}
.grg-lSide .grg-mian .grg-info .grg-fl.img .tb-thumb li.on .box-warp{ border:1px solid #0187d0; position:relative}
.grg-lSide .grg-mian .grg-info .grg-fl.img .tb-thumb li.on .box-warp:after{ content:""; position:absolute; left:50%; margin-left:-5px; top:-10px;border-width:5px; border-color:transparent transparent #0187d0 transparent; border-style:solid; width:0; height:0;}

.grg-lSide .grg-mian .grg-info .grg-fl.img .tb-thumb li img{ width:62px}

.grg-lSide .grg-mian .grg-info .grg-fl.img img{ max-width:398px; }
.grg-lSide .grg-mian .grg-info .grg-fl.info{ width: calc(100% - 420px); margin-left:20px;  overflow:hidden;}
.grg-lSide .grg-mian .grg-info .grg-fl.info h1{line-height:30px;padding:0px 10px; color:#144187; font-weight:bold; border-bottom:1px solid #e7e7e7; font-size:18px; padding-bottom:0px}
.grg-lSide .grg-mian .grg-info .grg-fl.info .model{line-height:30px; padding:10px 10px; border-bottom:1px solid #e7e7e7; }
.grg-lSide .grg-mian .grg-info .grg-fl.info .model h2{ font-weight:normal;font-size:14px}

.grg-lSide .grg-mian .grg-info .grg-fl.info .Intro{line-height:30px;border-bottom:1px solid #e7e7e7;padding:10px 10px;}
.grg-lSide .grg-mian .grg-info .grg-fl.info .Intro h2{ font-weight:normal;font-size:14px}

.grg-lSide .grg-mian .grg-info .grg-fl.info .box{ line-height:30px;border-bottom:1px solid #e7e7e7;}
.grg-lSide .grg-mian .grg-info .grg-fl.info .box li{width:25%; float:left; height:132px; background:#fff; position:relative}
.grg-lSide .grg-mian .grg-info .grg-fl.info .box li a{ display:block; text-align:center; line-height:40px; font-size:14px;padding-left:26px; padding-right:26px; padding-top:92px}
.grg-lSide .grg-mian .grg-info .grg-fl.info .box li.down{ border-right:1px solid #e7e7e7;border-left:1px solid #e7e7e7; }
.grg-lSide .grg-mian .grg-info .grg-fl.info .box li.link{border-right:1px solid #e7e7e7; }
.grg-lSide .grg-mian .grg-info .grg-fl.info .box li.honor2{border-right:1px solid #e7e7e7; }
.grg-lSide .grg-mian .grg-info .grg-fl.info .box li.lian{border-right:1px solid #e7e7e7; }

.grg-lSide .grg-mian .grg-info .grg-fl.info .box li a:after{content:""; position:absolute; top:0px; width:30%; height:100px; left:35%; top:20px;}
.grg-lSide .grg-mian .grg-info .grg-fl.info .box li a:hover{ background:#eee!important;}

.grg-lSide .grg-mian .grg-info .grg-fl.info .box li.down a:after{background:url(/other/pro.png) no-repeat; background-size:100%;}
.grg-lSide .grg-mian .grg-info .grg-fl.info .box li.link a:after{background:url(/other/ask.png) no-repeat ;background-size:100%;}
.grg-lSide .grg-mian .grg-info .grg-fl.info .box li.honor2 a:after{background:url(/other/gongju.png) no-repeat ;background-size:100%;}
.grg-lSide .grg-mian .grg-info .grg-fl.info .box li.lian a:after{background:url(/other/kefu.png) no-repeat ;background-size:100%;}



.grg-lSide .grg-mian .grg-info .grg-fl.info .share{ padding:15px 10px; line-height:20px;border-bottom:1px solid #e7e7e7;}

.grg-lSide .grg-mian .grg-info .grg-fl.info .contact{line-height:30px; padding:10px 0px;border-bottom:1px solid #e7e7e7;}
.grg-lSide .grg-mian .grg-info .grg-fl.info .contact li.tel{ float:left;  margin-right:20px; min-width:136px; padding-left:104px; padding-right:10px; text-align:center; line-height:32px; font-size:16px; color:#fff; position:relative; background:#a8a1a1; height:32px; border-radius:5px;}
.grg-lSide .grg-mian .grg-info .grg-fl.info .contact li.tel a{ display:block;color:#fff; position:absolute; top:0px; left:0px; width:94px; height:32px; text-align:center; line-height:32px; font-size:16px; background:#0187d0;border-top-left-radius:5px;border-bottom-left-radius:5px;}

.grg-lSide .grg-mian .grg-info .grg-fl.info .contact li.qq{float:left; height:32px}
.grg-lSide .grg-mian .grg-info .grg-fl.info .contact li.qq a{display:block; color:#fff; line-height:32px; font-size:14px; padding:0 20px;transition: background 0.5s;-moz-transition: background 0.5s;-webkit-transition: background 0.5s;-o-transition: background 0.5s; border-radius:5px; height:100%; background:url(/other/icon.png) -130px -339px no-repeat #0187d0;}
.grg-lSide .grg-mian .grg-info .grg-fl.info .contact li.qq a:hover{background:url(/other/icon.png) -130px -339px no-repeat #ff9c14;}


.grg-lSide .grg-mian .grg-info .grg-fl.info font{ color:#595959; font-weight:bold}

.grg-lSide .grg-mian .grg-desc{ /*position:relative*/}
.grg-lSide .grg-mian .grg-desc .grg-fl{ width:865px; padding-bottom:20px; overflow:hidden; position:relative; z-index:1}
.grg-lSide .grg-mian .grg-desc .grg-fl .grg-TabBar{border-top:1px solid #E5E5E5; margin-bottom:20px;background:#fff}
.grg-lSide .grg-mian .grg-desc .grg-fl .grg-TabBar ul{ position:relative; z-index:2}
.grg-lSide .grg-mian .grg-desc .grg-fl .grg-TabBar li{ float:left; height:48px; line-height:48px; position:relative}
.grg-lSide .grg-mian .grg-desc .grg-fl .grg-TabBar li a{  line-height:48px; font-size:14px; font-weight:bold}
.grg-lSide .grg-mian .grg-desc .grg-fl .grg-TabBar li a span{ border-right:1px dotted #E5E5E5;padding:0px 20px;}

.grg-lSide .grg-mian .grg-desc .grg-fl .grg-TabBar li.tm-selected a{ color:#0187d0; border-top:2px solid #0187d0; display:inline-block; height:46px; line-height:46px}

.grg-lSide .grg-mian .grg-desc .grg-fl .grg-TabBar ul li.tm-selected:after{content:""; margin-left:-5px; position:absolute; top:0xp; left:50%;border-width:5px; border-color:#0187d0 transparent transparent transparent; border-style:solid; width:0; height:0;}

.grg-lSide .grg-mian .grg-desc .grg-fl .tabbar-bg{border-bottom:1px solid #ccc; z-index:1; display:none;background-color:#fff;position:fixed;top:0;left:0;right:0;height:50px;-webkit-box-shadow:rgba(0,0,0,.2) 0 1px 5px 0;-moz-box-shadow:rgba(0,0,0,.2) 0 1px 5px 0;box-shadow:rgba(0,0,0,.2) 0 1px 5px 0;}

.grg-lSide .grg-mian .grg-desc .grg-fl .grg-TabBar .hook-float{ width:230px;z-index:10; position:relative; display:none;height:48px; padding-bottom:0px; background:#FAFAFA;}
.grg-lSide .grg-mian .grg-desc .grg-fl .grg-TabBar .hook-float h1{display:block; cursor:pointer; padding-right:30px; background:#1a6cb6;position:relative;line-height:48px; color:#fff; font-weight:bold; text-align:center; font-size:18px}
.grg-lSide .grg-mian .grg-desc .grg-fl .grg-TabBar .hook-float .dot{border-width:5px;
 position:absolute; top:22px; right:10px; border-color:#fff transparent  transparent  transparent ; border-style:solid; width:0; height:0;}

.grg-lSide .grg-mian .grg-desc .grg-fl .grg-TabBar .hook-float:hover .dot{border-color:transparent  transparent #fff  transparent; top:17px}

.grg-lSide .grg-mian .grg-desc .grg-fl .grg-TabBar .warp-hook{ background:#FAFAFA;box-shadow: rgba(0,0,0,0.2) 0px 2px 5px; height:0px; overflow:hidden}
.grg-lSide .grg-mian .grg-desc .grg-fl .grg-TabBar .warp-hook .second-child{ height:0px; overflow:hidden; position:absolute; top:35px;}
.grg-lSide .grg-mian .grg-desc .grg-fl .grg-TabBar .warp-hook .third-child{ height:0px;overflow:hidden; position:absolute; width:100%; right:-100%; top:0px;}
 
.grg-lSide .grg-mian .grg-desc .grg-fl .grg-TabBar .hook-float:hover .warp-hook{ height:auto; overflow:visible} 

.grg-lSide .grg-mian .grg-desc .grg-fl .grg-TabBar .warp-hook dd{ width:100%; position:relative; background:#f2f2f2; border-top:1px solid #FFF; height:44px;}
.grg-lSide .grg-mian .grg-desc .grg-fl .grg-TabBar .warp-hook dd a{ display:block; line-height:34px; color:#006ab0; padding:5px 10px; font-size:14px; font-weight:bold}
.grg-lSide .grg-mian .grg-desc .grg-fl .grg-TabBar .warp-hook dd .dot-h{border-width:5px; position:absolute; top:17px; right:20px; border-color:transparent  transparent  transparent #006ab0 ; border-style:solid; width:0; height:0;}

.grg-lSide .grg-mian .grg-desc .grg-fl .grg-TabBar .warp-hook dd:hover a{ background:#006ab0; color:#fff;transition: background 0.3s;}
.grg-lSide .grg-mian .grg-desc .grg-fl .grg-TabBar .warp-hook dd:hover .dot-h{border-color:transparent  transparent  transparent #fff ;}

.grg-lSide .grg-mian .grg-desc .grg-fl .grg-TabBar .warp-hook dd:hover .second-child{ background:#f2f2f2; position:absolute; top:0px; right:-100%;overflow:inherit; min-width:100%; height:auto; padding-bottom:20px;}
.grg-lSide .grg-mian .grg-desc .grg-fl .grg-TabBar .warp-hook dd .second-child .list-tow{ border-bottom:1px double #E7E7E7; position:relative}
.grg-lSide .grg-mian .grg-desc .grg-fl .grg-TabBar .warp-hook dd .second-child .list-tow a{font-weight:bold; margin:0px; background:#f2f2f2; color:#006ab0;text-align:left;transition: background 0.3s; font-size:14px; display:block; padding:5px 10px; height:34px; line-height:34px; border:0px; }
.grg-lSide .grg-mian .grg-desc .grg-fl .grg-TabBar .warp-hook dd .second-child .list-tow .dot-h{border-color:transparent  transparent  transparent #006ab0 ;}

.grg-lSide .grg-mian .grg-desc .grg-fl .grg-TabBar .warp-hook dd .second-child .list-tow:hover a{ background:#006ab0; color:#fff; color:#fff; margin:0px}
.grg-lSide .grg-mian .grg-desc .grg-fl .grg-TabBar .warp-hook dd .second-child .list-tow:hover .dot-h{border-color:transparent  transparent  transparent #fff ;}
.grg-lSide .grg-mian .grg-desc .grg-fl .grg-TabBar .warp-hook dd .second-child .list-tow:hover .third-child{ height:auto; }
.grg-lSide .grg-mian .grg-desc .grg-fl .grg-TabBar .warp-hook dd .second-child .list-tow:hover .third-child a{ border-bottom:1px solid #E7E7E7;font-weight:bold; color:#006ab0; margin:0px; display:block; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;background:#f2f2f2;}
.grg-lSide .grg-mian .grg-desc .grg-fl .grg-TabBar .warp-hook dd .second-child .list-tow:hover .third-child a:hover{ background:#006ab0; color:#fff}





.grg-lSide .grg-mian .grg-desc .grg-fl .grg-TabBar.fixed{position:fixed; top:1px; width:1080px; margin:auto;  margin-bottom:0px; z-index:3}
.grg-lSide .grg-mian .grg-desc .grg-fl .grg-TabBar.fixed .hook-float{ display:block; overflow:inherit}
.grg-lSide .grg-mian .grg-desc .grg-fl .grg-TabBar.fixed .tabbar-bg{ display:block;}







.grg-lSide .grg-mian .grg-desc .grg-fl .grg-goods-desc{ overflow:hidden;margin-bottom:20px}
.grg-lSide .grg-mian .grg-desc .grg-fl .grg-goods-technology{ overflow:hidden;margin-bottom:20px}
.grg-lSide .grg-mian .grg-desc .grg-fl .grg-goods-faq{ overflow:hidden; margin-bottom:20px}
.grg-lSide .grg-mian .grg-desc .grg-fl .grg-goods-associated{ overflow:hidden}


.grg-lSide .grg-mian .grg-desc .grg-fr{ z-index:3; overflow:hidden; position:relative;width:195px; height:100%}
.grg-lSide .grg-mian .grg-desc .grg-fr #J_mBar{ width:195px; position:relative;background:#FAFAFA; height:100%}
.grg-lSide .grg-mian .grg-desc .grg-fr #J_mBar ul{ padding:20px 0px}
.grg-lSide .grg-mian .grg-desc .grg-fr #J_mBar ul li{ height:18px; margin-top:22px;}
.grg-lSide .grg-mian .grg-desc .grg-fr #J_mBar ul li a{ display:block; padding-left:65px; font-size:14px; color:#999; background:url(/other/anchor.png) 44px -118px no-repeat;}
.grg-lSide .grg-mian .grg-desc .grg-fr #J_mBar ul li.tm-selected a{background-position:44px 2px;color:#0187d0;}
.grg-lSide .grg-mian .grg-desc .grg-fr #J_mBar ul li a:hover{ background-position:44px 2px;color:#0187d0;}
.grg-lSide .grg-mian .grg-desc .grg-fr #J_mBar .bar{ display:none}

.grg-lSide .grg-mian .grg-desc .grg-fr #J_mBar.fixed{ position:fixed; top:1px; box-shadow:rgba(0,0,0,0.2) 0px 2px 5px }
.grg-lSide .grg-mian .grg-desc .grg-fr #J_mBar.fixed .bar{ display:block; height:48px; background:#c40000; text-align:center; color:#fff; line-height:48px; font-size:18px; font-weight:bold}



.grg-lSide .grg-mian .grg-info .grg-fl.rightimg{ width:190px;}
.grg-lSide .grg-mian .grg-info .grg-fl.rightimg li.img1{ margin-bottom:10px; }
.grg-lSide .grg-mian .grg-info .grg-fl.rightimg li img{width:195px; height:195px}
.grg-cSide{ position:relative; width:100%;overflow:hidden}
.grg-cSide .grg-mian{ position:relative; width:1080px; margin:auto;}
.grg-cSide .grg-mian .grg-child-content{ padding:0px 0px 40px 0px; background:#FFF;position:relative}
.grg-cSide .grg-mian .grg-child-content .content{ width:788px; overflow:hidden}
.grg-cSide .grg-mian .grg-child-content .content h1{ line-height:30px; margin-bottom:10px;font-weight:normal; font-size:20px; padding-bottom:10px; border-bottom:1px solid #333}
.grg-cSide .grg-mian .grg-child-content .right{ width:260px; border-left:1px solid #E0E0E0;border-right:1px solid #E0E0E0; height:100%; padding-top:40px; position:absolute; left:0px;}
.grg-cSide .grg-mian .grg-child-content .right h1{ height:80px; line-height:80px;font-weight:normal; color:#fff; text-indent:20px; background:#3445b1; margin-top:-40px; position:relative; width:100%;}
.grg-cSide .grg-mian .grg-child-content .right dt{ border-bottom:1px solid #E0E0E0; position:relative}
.grg-cSide .grg-mian .grg-child-content .right dt a{ display:block; position:relative; z-index:1; text-indent:30px; line-height:40px; width:100%;}
.grg-cSide .grg-mian .grg-child-content .right dt .bottom-bj{background:#E6E6E6; position:absolute; width:0%; height:100%; top:0px; left:0px}
.grg-cSide .grg-mian .grg-child-content .right dt.on .bottom-bj{background:#E6E6E6; position:absolute; width:100%; height:100%; top:0px; left:0px}
.grg-cSide .grg-mian .grg-child-content .grg-content{ min-height:300px}
.grg-cSide .grg-mian .grg-child-content p{ line-height:22px}


.grg-cSide .grg-mian .grg-child-content .grg-content .down-list{ padding:10px 0px}
.grg-cSide .grg-mian .grg-child-content .grg-content .down-list .tit{ line-height:30px; background:#f2f2f2; padding:0px 10px; color:#CCC}
.grg-cSide .grg-mian .grg-child-content .grg-content .down-list .tit font{ font-size:14px; font-weight:bold; color:#333}
.grg-cSide .grg-mian .grg-child-content .grg-content .down-list .com{padding:10px 10px; line-height:20px}

.grg-cSide .grg-mian .grg-child-content .grg-content .down-list:hover{ background:#1167b8}
.grg-cSide .grg-mian .grg-child-content .grg-content .down-list:hover font{ color:#fff;}
.grg-cSide .grg-mian .grg-child-content .grg-content .down-list:hover .tit{ color:#fff; background:#1167b8}
.grg-cSide .grg-mian .grg-child-content .grg-content .down-list:hover .com{ color:#fff}

.grg-cSide .grg-mian .grg-honor-content{ padding:0px 0px 40px 0px; background:#FFF;position:relative}
.grg-cSide .grg-mian .grg-honor-content .content{ width:788px; overflow:hidden}
.grg-cSide .grg-mian .grg-honor-content .content h1{ line-height:30px; margin-bottom:10px; font-weight:normal; font-size:20px; padding-bottom:10px; border-bottom:1px solid #333}
.grg-cSide .grg-mian .grg-honor-content .right{ width:260px; border-left:1px solid #E0E0E0;border-right:1px solid #E0E0E0; height:100%; padding-top:40px; position:absolute; left:0px;}
.grg-cSide .grg-mian .grg-honor-content .right h1{ height:80px; line-height:80px;font-weight:normal; color:#fff; text-indent:20px; background:#3445b1; margin-top:-40px; position:relative; width:100%;}
.grg-cSide .grg-mian .grg-honor-content .right dt{ border-bottom:1px solid #E0E0E0; position:relative}
.grg-cSide .grg-mian .grg-honor-content .right dt a{ display:block; position:relative; z-index:1; text-indent:30px; line-height:40px; width:100%;}
.grg-cSide .grg-mian .grg-honor-content .right dt .bottom-bj{background:#E6E6E6; position:absolute; width:0%; height:100%; top:0px; left:0px}
.grg-cSide .grg-mian .grg-honor-content .right dt.on .bottom-bj{background:#E6E6E6; position:absolute; width:100%; height:100%; top:0px; left:0px}

.grg-cSide .grg-mian .grg-honor-content .grg-Wrap-list .cat_album{ float:left; width:177px; margin-right:10px; margin-left:10px; margin-bottom:20px}
.grg-cSide .grg-mian .grg-honor-content .grg-Wrap-list .cat_album .txt{ line-height:30px; text-align:center}
.grg-cSide .grg-mian .grg-honor-content .grg-Wrap-list .cat_album.last{ margin-right:0px}


.grg-cSide .grg-mian .grg-news-content{ padding:0px 0px 40px 0px; background:#FFF;position:relative}
.grg-cSide .grg-mian .grg-news-content .content{ width:788px; overflow:hidden}
.grg-cSide .grg-mian .grg-news-content .content h1{ line-height:30px; margin-bottom:10px; font-weight:normal; font-size:20px; padding-bottom:10px; border-bottom:1px solid #333}
.grg-cSide .grg-mian .grg-news-content .right{ width:260px; border-left:1px solid #E0E0E0;border-right:1px solid #E0E0E0; height:100%; padding-top:40px; position:absolute; left:0px;}
.grg-cSide .grg-mian .grg-news-content .right h1{ height:80px; line-height:80px;font-weight:normal; color:#fff; text-indent:20px; background:#3445b1; margin-top:-40px; position:relative; width:100%;}
.grg-cSide .grg-mian .grg-news-content .right dt{ border-bottom:1px solid #E0E0E0; position:relative}
.grg-cSide .grg-mian .grg-news-content .right dt a{ display:block; position:relative; z-index:1; text-indent:30px; line-height:40px; width:100%;}
.grg-cSide .grg-mian .grg-news-content .right dt .bottom-bj{background:#E6E6E6; position:absolute; width:0%; height:100%; top:0px; left:0px}
.grg-cSide .grg-mian .grg-news-content .right dt.on .bottom-bj{background:#E6E6E6; position:absolute; width:100%; height:100%; top:0px; left:0px}
.grg-cSide .grg-mian .grg-news-content .listWrap{ overflow:hidden}
.grg-cSide .grg-mian .grg-news-content .listWrap .list{ position:relative; margin-left:10px;  border-left:1px dotted #ccc}
.grg-cSide .grg-mian .grg-news-content .listWrap .list .mode-1{ position:absolute;transition: top 0.5s;
-moz-transition: top 0.5s;	/* Firefox 4 */
-webkit-transition: top 0.5s;	/* Safari บอ Chrome */
-o-transition: top 0.5s; height:0px; border:1px solid #CCC; background:#fff; width:13px; height:15px; border-radius:3px; left:-7px; top:0px; }
.grg-cSide .grg-mian .grg-news-content .listWrap .list .time{ float:left; width:100px; padding:20px; font-size:16px; line-height:30px ;}
.grg-cSide .grg-mian .grg-news-content .listWrap .list .listTitle{float:left; width:597px; padding:20px; }
.grg-cSide .grg-mian .grg-news-content .listWrap .list .listTitle h1{ font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color:#333; font-weight:bold; border:0px; padding:0px;margin-bottom:5px }
.grg-cSide .grg-mian .grg-news-content .listWrap .list .listTitle .intro{ color:#888}

.grg-cSide .grg-mian .grg-news-content .listWrap .list .mode-2{ position:absolute;transition: top 0.5s;
-moz-transition: top 0.5s;	/* Firefox 4 */
-webkit-transition: top 0.5s;	/* Safari บอ Chrome */
-o-transition: top 0.5s; height:0px; border:0px; background:#006ab0; width:13px; border-radius:3px; left:-7px; top:100%; }

.grg-cSide .grg-mian .grg-news-content .listWrap .list:hover .mode-2{ height:15px; border:1px solid #CCC; top:0px;}

.grg-cSide .grg-mian .grg-news-content .listWrap .list:hover .mode-1{ height:15px; border:1px solid #CCC; top:100%;}


.grg-cSide .grg-mian .grg-news-content .listWrap .v-list{ width:250px; margin-right:19px; float:left; margin-bottom:20px}
.grg-cSide .grg-mian .grg-news-content .listWrap .v-list.last{margin-right:0px}
.grg-cSide .grg-mian .grg-news-content .listWrap .v-list .v-tit{ line-height:24px; padding-top:5px; font-size:14px; font-weight:bold; color:#333}
.grg-cSide .grg-mian .grg-news-content .listWrap .v-list .v-com{ padding:10px 0px; color:#999; line-height:20px; height:60px; overflow:hidden}

.grg-aSide{ position:relative; width:100%;overflow:hidden}
.grg-aSide .grg-mian{ position:relative; width:1080px; margin:auto;}
.grg-aSide .grg-mian .grg-child-content{ padding:0px 0px 40px 0px; background:#FFF;position:relative}
.grg-aSide .grg-mian .grg-child-content .content{ width:788px; overflow:hidden}
.grg-aSide .grg-mian .grg-child-content .content h1{ line-height:30px; margin-bottom:10px; font-size:20px; padding-bottom:10px; border-bottom:1px solid #CCC; color:#333}
.grg-aSide .grg-mian .grg-child-content .right{ width:260px; border-left:1px solid #E0E0E0;border-right:1px solid #E0E0E0; height:100%; padding-top:40px; position:absolute; left:0px;}
.grg-aSide .grg-mian .grg-child-content .right h1{ height:80px; line-height:80px;font-weight:normal; color:#fff; text-indent:20px; background:#3445b1; margin-top:-40px; position:relative; width:100%;}
.grg-aSide .grg-mian .grg-child-content .right dt{ border-bottom:1px solid #E0E0E0; position:relative}
.grg-aSide .grg-mian .grg-child-content .right dt a{ display:block; position:relative; z-index:1; text-indent:30px; line-height:40px; width:100%;}
.grg-aSide .grg-mian .grg-child-content .right dt .bottom-bj{background:#E6E6E6; position:absolute; width:0%; height:100%; top:0px; left:0px}
.grg-aSide .grg-mian .grg-child-content .right dt.on .bottom-bj{background:#E6E6E6; position:absolute; width:100%; height:100%; top:0px; left:0px}
.grg-aSide .grg-mian .grg-child-content .grg-content{ min-height:300px; overflow:hidden}
.grg-aSide .grg-mian .grg-child-content p{ line-height:22px}

.grg-aSide .grg-mian .grg-child-content .grg-content .honor{ width:808px;}
.grg-aSide .grg-mian .grg-child-content .grg-content .honor .honor-list{ width:25%; float:left}
.grg-aSide .grg-mian .grg-child-content .grg-content .honor .honor-list .warp-honor{ margin-right:20px; display:inline-block}
.grg-aSide .grg-mian .grg-child-content .grg-content .honor .honor-list .warp-honor .txt{ text-align:center;line-height:24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}


.grg-lSide .grg-mian .grg-goods-associated{ overflow:hidden; width:885px;}
.grg-lSide .grg-mian .grg-goods-associated .list{ width:25%; float:left; margin-bottom:20px}
.grg-lSide .grg-mian .grg-goods-associated .list .warp{ padding-right:20px; overflow:hidden}
.grg-lSide .grg-mian .grg-goods-associated .list .warp .box{ border:1px solid #e1e1e1; padding-bottom:20px}
.grg-lSide .grg-mian .grg-goods-associated .list .warp .box .g-img{ text-align:center; background:#77B5E4; border-bottom:1px solid #e1e1e1; overflow:hidden}
.grg-lSide .grg-mian .grg-goods-associated .list .warp .box .g-img img{width:200px;}
.grg-lSide .grg-mian .grg-goods-associated .list .warp .box .g-title{ margin:5px 20px; margin-top:10px; position:relative; height:20px}
.grg-lSide .grg-mian .grg-goods-associated .list .warp .box .g-title a{ font-size:14px; height:40px; display:inline-block; width:100%; line-height:20px; color:#2a2e31;overflow: hidden; font-weight:bold }
.grg-lSide .grg-mian .grg-goods-associated .list .warp .box .g-attr{ padding:5px 20px; color:#978c94; line-height:20px; height:40px; overflow:hidden}
.grg-lSide .grg-mian .grg-goods-associated .list .warp .box .g-deail a{ display:inline-block; margin:10px 0px 0px 20px;  padding:3px 15px; border:1px solid #999;}


.grg-here{ position:relative; width:100%; margin-bottom:10px; overflow:hidden; height:40px}
.grg-here .grg-mian{ position:relative; width:1080px; margin:auto; padding:10px 0px; padding-top:15px;height:20px}
.grg-here .grg-mian span.home{ padding-left:16px; background:url(/other/tp-2.jpg) no-repeat; float:left; height:20px; line-height:20px}
.grg-here .grg-mian code{ float:left; background:url(/other/tp-3.jpg) no-repeat; width:12px; height:20px; margin:0px 5px}
.grg-here .grg-mian a{ float:left;line-height:20px}
.grg-here .grg-mian span{ line-height:20px}

div.zoomDiv{z-index:9;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("/other/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:9000;}


.clear{ clear:both}
.listWrap:after{height:0;content:".";clear:both;display:block;visibility:hidden;}
.listWrap .list:after{height:0;content:".";clear:both;display:block;visibility:hidden;}