*{margin:0;padding:0;}
body{padding:0;margin:0;font-family: "微软雅黑";font-size:12px;color:#575757;background:#f8f8f8 url("../images/bg.jpg")/*tpa=http://www.gres-shower.com/tpl/2015/g/www.gres-shower.com/zh-CN/images/bg.jpg*/ repeat-x;}
a,area{blr:expression(this.onFocus=this.blur())}
/* for IE */
:focus{-moz-outline-style:none;}
/* for Firefox */
a{text-decoration:none;color:#575757;outline:none;}
a:hover{color:#008cd6;text-decoration:none;outline:none;}
a img{border:none;}
table tr td{font-size:12px;}
font{ font-size:12px;}
ul{list-style:none;}
.length{word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/* Wrapper */
#wrapper{}
.font{font-family:"宋体";}
/* Header */
#header{width:1003px;margin:0 auto;}
.top{ height:41px;}
.top_lan{ float:left; width:790px; height:41px; line-height:39px; text-align:right; color:#a8a8a8;}
.top_lan span{ padding:0 8px;}
.top_lan a{ color:#a8a8a8;}
.top_lan a:hover{ color:#fff;}
.logo{ position:absolute; top:0; left:0; background:url("../images/logo.jpg")/*tpa=http://www.gres-shower.com/tpl/2015/g/www.gres-shower.com/zh-CN/images/logo.jpg*/ no-repeat; width:224px; height:95px; display:block;}
.banner{position:relative; height:402px; z-index:1;}
.banner .a_bigImg{ height:402px; background-image:url("../images/banner.jpg")/*tpa=http://www.gres-shower.com/tpl/2015/g/www.gres-shower.com/zh-CN/images/banner.jpg*/;}
.sub_banner{position:relative; height:402px; z-index:1;}
.sub_banner .a_bigImg{ height:402px; background-image:url("../images/sub_banner.jpg")/*tpa=http://www.gres-shower.com/tpl/2015/g/www.gres-shower.com/zh-CN/images/sub_banner.jpg*/;}
.a_bigImg{ position:absolute; top:0; left:0; width:100%; background-position:top center; background-repeat:no-repeat; }
.ul_change_a2{ position:absolute; bottom:10px; width:300px; text-align:center; left:50%; margin-left:-150px; z-index:9;}
.ul_change_a2 li{ display:inline; position:relative; text-align:center; padding:0 2px;}
.ul_change_a2 span{display: -moz-inline-stack; display:inline-block; *display:inline; *zoom:1; cursor:hand;cursor:pointer; width:20px; height:20px; overflow:hidden; background:url("../images/icon.png")/*tpa=http://www.gres-shower.com/tpl/2015/g/www.gres-shower.com/zh-CN/images/icon.png*/ no-repeat;}
.ul_change_a2 span.on{ background-position:0 -20px;}
.clear{clear:both;}
/* Menu */
#menu{ height:95px; position:relative; padding-left:270px;}
#menu ul {}
#menu ul li{float:left;}
#menu ul li a.m_a{ display:block; padding:0 17px; height:95px; line-height:93px; font-size:15px; text-align:center; white-space: nowrap; _width:20px;}
#menu ul li a.m_a:hover{ background:#939394; color:#fff;}
#menu ul li a.on{ background:#939394; color:#fff;}
#menu ul li.mline{ height:95px; width:1px; background:url("../images/mline.jpg")/*tpa=http://www.gres-shower.com/tpl/2015/g/www.gres-shower.com/zh-CN/images/mline.jpg*/ center no-repeat;}


/* Search */
#search{ float:right; padding-top:7px; height:27px; width:205px;}
#search .keyword{ float:left; border:1px solid #ddd; border-right:0; width:165px; height:25px; padding-left:10px; background:#fff;}
#search .keyword input{height:25px;font-size:12px;width:150px;line-height:25px;float:left;border:0;color:#666666; outline:none;}
#search .submit{cursor:pointer;float:left;background:url("../images/search.jpg")/*tpa=http://www.gres-shower.com/tpl/2015/g/www.gres-shower.com/zh-CN/images/search.jpg*/ no-repeat;width:27px;height:27px;border:0; outline:none;}

/* Home */
.hp_bg{ background:#f7f7f7;}
.h_pro{ width:1000px; margin:0 auto; padding-top:24px; height:394px;}
.hp_top{ height:42px; border-bottom:1px solid #ddd; position:relative;}
.hp_top p{ display:block; height:41px; line-height:39px; border-top:1px solid #ddd; font-size:21px; width:185px; text-transform:uppercase; color:#008cd6;}
.hp_top a{ position:absolute; top:5px; right:0; display:block}
.hp_con{ position:relative; padding-top:18px; height:315px;}
.hp_con b{ position:absolute; top:125px; width:17px; height:51px; cursor:pointer; display:block;}
.hp_con b.h_l{ background: url("../images/h_l.jpg")/*tpa=http://www.gres-shower.com/tpl/2015/g/www.gres-shower.com/zh-CN/images/h_l.jpg*/ no-repeat; left:-43px;}
.hp_con b.h_r{ background: url("../images/h_r.jpg")/*tpa=http://www.gres-shower.com/tpl/2015/g/www.gres-shower.com/zh-CN/images/h_r.jpg*/ no-repeat; right:-43px;}
.hp_con li{float:left;width:240px;padding-bottom:5px; padding:0 5px; height:285px;}
.hp_con li a{ display: block; width:240px; height:270px;}
.hp_con img{ height:240px; display:block; width:235px; display:block; border:2px solid #ddd;}
.hp_con li a:hover img{ border:2px solid #008cd6;}
.hp_con li p{ display:block; margin-top:3px; background:url("../images/p_xiao.jpg")/*tpa=http://www.gres-shower.com/tpl/2015/g/www.gres-shower.com/zh-CN/images/p_xiao.jpg*/ 0 5px no-repeat; padding-left:20px; height:25px; width:220px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px;}

.h_bg{ background:#fff; padding:45px 0;}
#home{width:1000px;margin:0 auto;min-height:300px;_height:300px;}
#home .h_intr{ float:left; width:560px; border:1px solid #ddd; padding:20px; min-height:283px; padding-top:0;}
#home .hi_top{ height:42px; position:relative;}
#home .hi_top p{ position:absolute; left:-25px; top:-9px; width:171px; height:45px; font-size:21px; text-transform:uppercase; color:#008cd6; background:url("../images/h_intr.jpg")/*tpa=http://www.gres-shower.com/tpl/2015/g/www.gres-shower.com/zh-CN/images/h_intr.jpg*/ no-repeat;}
#home .hi_con{ line-height:1.8; font-size:14px;}
#home .hi_con td{ font-size:14px;}
#home .hi_con font{ font-size:14px;}
#home .h_lan{ float: right; width:373px;}
#home .h_lan img{ display:block;}
#home .h_net{ margin-bottom:10px;}
#home .h_des{ float:left;}
#home .h_cont{ float:right;}
/* Page */
#page{width:1003px;margin:0 auto;min-height:300px;_height:300px; padding:20px 0;}
/*Sidebars*/
#sidebar{float:left;width:225px;min-height:200px;_height:200px;}
.left_t{ height:40px; font-size:20px; text-transform:uppercase; font-weight:bold;}
.left_list {border:1px solid #eaeaea; background:#f3f3f3;}
.left_list ul { display:block; margin-top:-1px; margin-left:-1px; width:225px;}
.left_list ul li{}
.left_list ul li a{ display:block; padding-left:25px; padding-right:25px; width:175px; height:40px; line-height:38px; font-size:15px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.left_list ul li a:hover{ color:#fff; background:url("../images/about_14.jpg")/*tpa=http://www.gres-shower.com/tpl/2015/g/www.gres-shower.com/zh-CN/images/about_14.jpg*/ no-repeat;}
.left_list ul li a.shover{ color:#fff; background:url("../images/about_14.jpg")/*tpa=http://www.gres-shower.com/tpl/2015/g/www.gres-shower.com/zh-CN/images/about_14.jpg*/ no-repeat;}

#search2{ padding-top:15px;}
#search2 .keyword{ float:left; width:189px; height:29px; padding-left:10px; background:url("../images/keyword2.jpg")/*tpa=http://www.gres-shower.com/tpl/2015/g/www.gres-shower.com/zh-CN/images/keyword2.jpg*/ no-repeat; padding-top:2px;}
#search2 .keyword input{height:27px;font-size:12px;width:190px;line-height:27px;float:left;border:0;color:#666666; outline:none;}
#search2 .submit{cursor:pointer;float:left;background:url("../images/search2.jpg")/*tpa=http://www.gres-shower.com/tpl/2015/g/www.gres-shower.com/zh-CN/images/search2.jpg*/ no-repeat;width:26px;height:31px;border:0; outline:none;}

/* Content */
#content{float:right;width:737px;min-height:200px;_height:200px;}
.right-head{ text-align:right; height:35px; font-size:13px;}
.right-head i{ display: -moz-inline-stack; display:inline-block; *display:inline; *zoom:1; width:5px; height:16px; vertical-align:middle; background:#000; margin-right:5px;}
.right-head span{ padding:0 3px;}
.l_title{ border-bottom:1px solid #ddd; height:35px; font-size:18px; color:#008cd6; font-weight: bold;}
.l_title font{ padding-right:5px;}

.content-inner{padding:10px 0;min-height:400px;_height:400px;text-align:left;line-height:1.8; font-size:14px;}
.content-inner font{ font-size:14px;}
.content-inner td{ font-size:14px;}
/*list_pro*/
ul.list_pro{min-height:200px;_height:200px;}
ul.list_pro li{float:left;width:240px;padding-bottom:5px;padding-right:8px; height:285px;}
ul.list_pro li a{ display: block; width:240px; height:270px; cursor:pointer;}
ul.list_pro img{ height:240px; display:block; width:235px; display:block; border:2px solid #ddd;}
ul.list_pro li a:hover img{ border:2px solid #008cd6;}
ul.list_pro li p{ display:block; margin-top:3px; background:url("../images/p_xiao.jpg")/*tpa=http://www.gres-shower.com/tpl/2015/g/www.gres-shower.com/zh-CN/images/p_xiao.jpg*/ 0 5px no-repeat; padding-left:20px; height:25px; width:220px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*list_pic*/
ul.list_pic{text-align:center;min-height:200px;_height:200px;}
ul.list_pic li{float:left;width:230px;padding-bottom:5px;padding-left:10px;line-height:15px; height:210px;}
ul.list_pic img{border:1px solid #ccc;height:140px; margin-bottom:5px;}

/*dis_big*/
.dis_big{ text-align:center;}
.dis_name{font-weight:bold;line-height:30px;height:30px;}
.dis_pic{ position: relative; _height:50px;}
.dis_pic a{ position:absolute; width:102px; height:95px; top:50%; margin-top:-47px; display:none;}
.dis_pic a.p_prev{ background:url("../images/left.png")/*tpa=http://www.gres-shower.com/tpl/2015/g/www.gres-shower.com/zh-CN/images/left.png*/ no-repeat; left:0;}
.dis_pic a.p_next{ background:url("../images/right.png")/*tpa=http://www.gres-shower.com/tpl/2015/g/www.gres-shower.com/zh-CN/images/right.png*/ no-repeat; right:0;}
.dis_pic a b{ display:none;}
.dis_pic img{border:1px solid #ccc;}
.do_pic{ height:150px; padding-top:6px; width:636px; position:relative; margin:0 auto;}
.do_pic b{ position:absolute; width:40px; height:40px; cursor:pointer; top:44px;}
.do_pic b.d_l{ left:0; background:url("../images/d_l.jpg")/*tpa=http://www.gres-shower.com/tpl/2015/g/www.gres-shower.com/zh-CN/images/d_l.jpg*/ no-repeat;}
.do_pic b.d_r{ right:0; background:url("../images/d_r.jpg")/*tpa=http://www.gres-shower.com/tpl/2015/g/www.gres-shower.com/zh-CN/images/d_r.jpg*/ no-repeat;}
.do_con{ width:500px; margin:0 auto;}
.do_con li{ float:left; width:125px; text-align:center;}
.do_con li img{ width:115px; height:115px; border:1px solid #ddd; padding:1px; background:#fff; cursor:pointer;}
.dis_top{ border-bottom:1px solid #ddd; height:42px;}
.dis_top p{ display:block; height:43px; width:165px; background:#2c2c2c; text-align:center; line-height:41px; cursor:pointer; color:#fff; font-weight:bold; font-size:16px;}
.dis_note{text-align:left;line-height:23px; padding:15px 0; min-height:150px; _height:150px;}
/*page_num*/
.page_num{text-align:center;line-height:30px;min-height:25px;clear:both;_height:25px;}
/* demo */
#demo{overflow:hidden;width:600px; margin:0 auto;}
#indemo{float:left;width:100000px;}
#indemo img{margin-right:10px;border:1px solid #ccc;}
#demo1{float:left;}
#demo2{float:left;}
.pro_content{ position:relative;}
.t_left{background:url("../images/pleft.jpg")/*tpa=http://www.gres-shower.com/tpl/2015/g/www.gres-shower.com/zh-CN/images/pleft.jpg*/ no-repeat;cursor:pointer;width:7px;height:9px; position:absolute; top:0; left:0;}
.t_right{background:url("../images/pright.jpg")/*tpa=http://www.gres-shower.com/tpl/2015/g/www.gres-shower.com/zh-CN/images/pright.jpg*/ no-repeat;cursor:pointer;width:7px;height:9px; position:absolute; top:0; right:0;}
/*cnews_content*/
.cnews_content{width:700px;margin:0 auto;}
.cnews_content font.font{ color:#FF0000;}
.cnews_type{font-weight:bold;height:25px;line-height:25px;position:relative;}
.cnews_type a{position:absolute;top:0;right:0;line-height:25px;}
.ntype_pic{float:left;width:150px;border:1px solid #ccc;}
ul.cnews_list{min-height:110px;_height:110px;padding-bottom:10px;}
ul.cnews_list li{position:relative;height:28px;padding-top:5px;border-bottom:1px dotted #ccc;float:right;width:500px;}
.news_type{line-height:23px;font-weight:bold;clear:both;}
.news_more{line-height:23px;font-weight:bold;clear:both;text-align:right;}
ul.list_news{min-height:200px;_height:200px;}
ul.list_news li{position:relative;height:28px;padding-top:5px;border-bottom:1px dotted #ccc;}
span.date{position:absolute;right:5px;top:5px;}

/*dis_news*/
#dis_news{}
#dis_news .dnews_title{font-weight:bold;font-size:16px;_height:30px;min-height:30px;line-height:30px;text-align:center;}
#dis_news .dnews_line{text-align:center;_height:25px; line-height:25px; border-top:1px dashed #ccc;}
#dis_news .dnews_content{padding:5px;_height:200px;min-height:200px;line-height:23px;}

/*list_links*/
ul.list_links{text-align:center;min-height:200px;_height:200px;}
ul.list_links li{float:left;padding:5px 10px;text-align:center;width:140px;min-height:50px;_height:50px;}
ul.list_links li img{width:130px;height:50px;}

/*blan*/
.lan_bg{ background:#4d4d4d; color:#b1b1b1; padding-top:40px; font-size:13px;}
.lan_bg td{ font-size:13px; }
.lan_bg font{ font-size:13px;}
.lan_bg a{ color:#b1b1b1;}
.lan_bg a:hover{ color:#fff;}
#blan{ width:1003px; margin:0 auto; padding-top:26px; border-top:4px solid #5f5f5f; padding-top:30px; border-bottom:4px solid #5f5f5f; padding-bottom:20px;}
#blan .b_list{ float:left; width:160px; padding-right:10px; min-height:130px; _height:130px;}
#blan .bl_name{ font-size:14px; height:30px; color:#fff;}
#blan .b_list li{ height:25px; line-height:23px; width:160px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#blan .b_pro{ width:360px;}
#blan .b_pro li{ width:110px; margin-right:10px; _display:inline; float:left;}
#blan .b_cont{ float:right; width:275px;}
#blan .bc_con{ line-height:23px;}
/* footer */
#footer{width:1003px;margin:0 auto; background: url("../images/blogo.jpg")/*tpa=http://www.gres-shower.com/tpl/2015/g/www.gres-shower.com/zh-CN/images/blogo.jpg*/ no-repeat; padding-top:25px; padding-bottom:15px; }
#footer .b_copy{min-height:28px; _height:28px; line-height:23px; text-align:right; padding-left:300px;}