@charset "utf-8";
body{background-color: #fef7c8;}
a{transition:all 0.3s;}
a:hover{text-decoration:none;}
.inner{position:relative;width:1000px;margin:0 auto;}
.inner:after{display: table;content: " ";clear: both;}

/* 全站头部 */
.top{border-bottom: 1px solid #e7e8ed;background: #f7f8fa;line-height: 35px;color: #53555a;}
.top p{float:left;}
.top .top-nav{float: right;}
.top .top-nav a{color: #53555a;}
.top .top-nav span{padding: 0px 8px; font-size: 10px;}

.head{background: #fef7c8 url(../img/head_bg.jpg) center bottom no-repeat;}
.head h1,
.head h2{display:inline;}
.head h1 img,
.head h2 img{position:relative;z-index:999;font-size:0;vertical-align: middle;}
.head .tel{float: right;background: url(../img/tel.png) no-repeat right;height: 62px;padding-top:7px;padding-right: 70px;margin: 29px 0;}
.head .tel em{font-style:normal;font-size: 1.3rem;color: #6d6d6d;font-weight: normal;text-align: right;display: block;}
.head .tel em p{color: #fe9900;font-size: 2.4rem;font-weight: normal;line-height: 32px;}

/* 头部主导航 */
nav{background: url(../img/nav_bg.gif) repeat-x;}
#navul{padding-top: 7px;height: 45px;}
#navul>li{position: relative;float: left;line-height: 38px;text-align: center;}
#navul>li>a{font-size: 1.4rem;color: #e8d296;display: block;width: 112px;}
#navul>li.current-menu-item>a,
#navul>li.hover>a,
#navul li a:hover{color: #b30000;background: #FEE58B url(../img/nav_hover.gif) no-repeat;}

/* 轮播广告图 baner */
.banner{position:relative;overflow:hidden;}
.banner .hd{overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.banner .hd ul{ overflow:hidden; zoom:1; float:left;  }
.banner .hd ul li{ float:left; margin-left: 5px;  width:20px; height:20px; line-height: 20px; text-align:center; background: rgba(0,0,0,.4); color: #fff;cursor:pointer; }
.banner .hd ul li.on{ background:#CE8917; color:#fff; }
.banner .bd{ position:relative; height:100%; z-index:0;   }
.banner .bd li{ zoom:1; vertical-align:middle; }
.banner .bd img{ display:block;  }

.banner-ny{font-size: 0;}
.banner-ny img{width:100%!important;}

/* 搜素 */
.search{ height:47px; overflow:hidden;}
.search div.xh_fl{ padding-top:10px; width:680px; line-height:27px; font-size:14px; overflow:hidden;}
.search div.xh_fl a{ padding:0 10px;}

#search_ID{ float:right; margin-top:10px; width:265px; height:27px;}
#search_ID .navsearch_input{ position:relative;}
#search_ID .navsearch_input label{ position:absolute; left:0px; top:0px;}
#search_ID input{ float:left;}
#search_ID .navsearch_input{ display:block; float:left; width:201px; background:url(../img/seach_bg.gif) no-repeat;}
#search_ID .navsearch_input label{ left:30px; top:3px; z-index:1; cursor:text;}
#search_ID .navsearch_input input{ padding: 0px 5px 0px 30px;width: 200px;outline:none; border:1px solid #eaeaea; background:none; position:relative; z-index:2; }
#search_ID .searchgo{ height:25px; border:none; cursor:pointer; color:#fff; padding:0 15px; *padding:0 7px; }

/* 首页中部 */

/*产品展示*/
.tem_index_product{ padding:5px 0;}

.tem_index_cpxl{ float:left; width:240px; overflow:hidden;}
.tem_index_cpxl h3.title{ background:#8d5500; padding:0 20px; height:36px; line-height:36px; color:#fff; font-size:14px;}
.tem_index_cpxl .active{ background:#fff4e2; padding:10px 20px; border:1px solid #e8e1d0; border-top:none; font-size:14px;}
.tem_index_cpxl .active a:hover{ background:#8d5500; color:#fff; text-decoration:none;}
.tem_index_cpxl .active dl dt{ background:url(../img/prolist_dt.gif) left center no-repeat; padding:2px 0 2px 20px; font-weight:bold;}
.tem_index_cpxl .active dl dd{ padding-left:20px;}
.tem_index_cpxl .active dl dd h4{ background:url(../img/prolist_h4.gif) left center no-repeat; padding-left:15px; font-weight:normal;}

.tem_index_tjcp{ float:right; width:750px; overflow:hidden;}
.tem_index_tjcp h3.title{ background:url(../img/pro_title.jpg) no-repeat; height:36px;}
.tem_index_tjcp a.more{ float:right; margin-right:15px; line-height:36px;color: #666;font-size: 12px;}

.prolist{ background:#fff; padding:10px;  border:1px solid #e8e1d0; border-top:none; overflow:hidden;}
.prolist:after { display:block; clear:both; height:0; content:''; }
.prolist{ *zoom:1; *padding-bottom:30px; _padding-bottom:10px; }/*兼容IE6、7*/
.prolist li{ float:left;display: none; overflow: hidden; display: inline;}/* display:none; 会在JS排版完成后自动去除 */
.prolist li a{ display:block; font-size:0px; text-decoration:none;}
.prolist li a:hover{ color:#4c4c4c;}
.prolist li a img{ border:1px solid #ccc; background:#fff; margin:0px auto;  }
.prolist li h4{ font-size:12px; text-align:center; margin-top:5px; font-weight:normal; height:30px; line-height:30px; overflow:hidden;}

/*工程案例*/
.tem_index_case{ padding:5px 0;}
.tem_index_case h3.title{ background:url(../img/case_title.jpg) no-repeat; height:36px;}
.tem_index_case a.more{ float:right; margin-right:15px; line-height:36px;color: #666;font-size: 12px;}
#metPro{ background:#fff; padding:10px 20px; width:1000px; border:1px solid #e8e1d0; border-top:none; position:relative;}
#metPro .metProBox{width:100%; overflow:hidden;}
#metPro .metProBox ul{width:1000%;}
#metPro .metProBox li{ float:left;}
#metPro .metProBox li img{ border:1px solid #ddd;}
#metPro .metProBox li h4{ text-align:center; font-weight:normal;}
#metPro .metPrev,#metPro .metNext{display:none;}

/*关于我们*/
.tem_index_company{ padding:5px 0;}

.tem_index_about{ float:left; width:435px;}
.tem_index_about h3.title{ background:url(../img/about_title.jpg) no-repeat; height:36px;}
.tem_index_about h3.title span{ font-size:0;}
.tem_index_about h3.title a.more{ float:right; margin-right:10px; line-height:36px;color: #666;font-size: 12px;}
.tem_index_about .active{ background:#fff; padding:10px 10px 10px 15px; border:1px solid #e8e1d0; border-top:none; border-right:none;}

.tem_index_video{ float:left; width:295px;}
.tem_index_video h3.title{ background:url(../img/video_title.jpg) no-repeat; height:36px;}
.tem_index_video h3.title span{ font-size:0;}
.tem_index_video .active{ background:#fff; padding:10px; border:1px solid #e8e1d0; border-top:none; border-left:none;}

.tem_index_cont{ float:right; width:260px;}
.tem_index_cont h3.title{ background:url(../img/cont_title.jpg) no-repeat; height:36px;}
.tem_index_cont h3.title span{ font-size:0;}
.tem_index_cont .active{ background:#fff; padding:10px 15px; border:1px solid #e8e1d0; border-top:none;}

/*荣誉资质*/
.tem_index_honor{ padding:5px 0;}
.tem_index_honor h3.title{ background:url(../img/honor_title.jpg) no-repeat; height:36px;}
.tem_index_honor a.more{ float:right; margin-right:15px; line-height:36px;color: #666;font-size: 12px;}

#metPro2{ background:#fff; padding:10px 20px; width:1000px; border:1px solid #e8e1d0; border-top:none; position:relative;}
#metPro2 .metProBox{width:100%; overflow:hidden;}
#metPro2 .metProBox ul{width:1000%;}
#metPro2 .metProBox li{ float:left;}
#metPro2 .metProBox li img{ border:1px solid #ddd;}
#metPro2 .metProBox li h4{ text-align:center; font-weight:normal;}
#metPro2 .metPrev,#metPro2 .metNext{display:none;}

/*新闻列表*/
.tem_index_news{ padding:5px 0;}

.tem_index_news_1{ float:left; width:325px; margin-right:10px; overflow:hidden;}
.tem_index_news_1 h3.title{ background:url(../img/news_1_title.jpg) no-repeat; height:38px;}
.tem_index_news_1 h3.title span{ font-size:0;}
.tem_index_news_1 a.more{ float:right; margin-right:10px; line-height:36px;color: #666;font-size: 12px;}

.tem_index_news_2{ float:left; width:330px; overflow:hidden;}
.tem_index_news_2 h3.title{ background:url(../img/news_2_title.jpg) no-repeat; height:38px;}
.tem_index_news_2 h3.title span{ font-size:0;}
.tem_index_news_2 a.more{ float:right; margin-right:10px; line-height:36px;color: #666;font-size: 12px;}

.tem_index_news_3{ float:right; width:325px; overflow:hidden;}
.tem_index_news_3 h3.title{ background:url(../img/news_3_title.jpg) no-repeat; height:38px;}
.tem_index_news_3 h3.title span{ font-size:0;}
.tem_index_news_3 a.more{ float:right; margin-right:10px; line-height:36px;color: #666;font-size: 12px;}

.tem_index_news_list{ background:#fff; margin:0; padding:10px 15px; border:1px solid #dfd2bf; border-top:none;}
.tem_index_news_list li{ height:28px; line-height:28px; overflow:hidden; padding-left:13px; background:url(../img/li.jpg) no-repeat left 12px; }
.tem_index_news_list li a{ margin-right:5px; zoom:1;}
.tem_index_news_list li span{ float:right; color:#666;}
.tem_index_news_list img{ float:left; display:block; margin-right:10px;}
.tem_index_news_list a.title{ margin-right:5px; zoom:1; font-weight:bold; color:#333; height:20px; overflow:hidden; display:block;}
.tem_index_news_list em{ font-size:12px; display:block; color:#777; padding-top: 5px;height:60px; overflow:hidden; font-style:normal}

/* 全站底部 */
footer{padding: 20px 0;color: #333;}
footer a{color: #333;}
footer a:hover{color: #f00;text-decoration: underline;}

.foot-links{ padding:5px 0;}
.foot-links h3.title{ background:url(../img/links_title.jpg) no-repeat; height:36px;}
.foot-links h3.title span{ font-size:0;}
.foot-links a.more{ float:right; margin-right:15px; line-height:36px;    font-size: 1.2rem;    color: #d34914;}
.foot-links .active{ background:#fff; padding:10px; border:1px solid #e8e1d0; border-top:none;}
.foot-links .active span.link{ float:left; padding-right:5px;}
.foot-links .active ul li{ display:inline; padding:0 5px;}

.foot-nav{padding-top: 20px;border-top: 4px solid #e5d389;text-align: center;}
.foot-nav ul li{display: inline-block;}
.foot-nav ul li a{font-size: 1.4rem;}
.foot-nav ul li span{padding-left: 16px;padding-right: 16px;}
.foot-nav ul li:first-child span{display: none;}

.foot-text{margin-top: 20px;text-align: center;font-size: 1.4rem;line-height: 25px;}

/*客服挂件*/
#kefu{display:block;z-index: 999;}
@media(max-width:768px){#kefu{display:none;}}
.kefu-menu{position:fixed;right:0;margin-right:20px;bottom:20px;padding-bottom:20px;z-index:999;}
.kefu-menu .bton{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}
.kefu-menu .btn-qq{background:url(../img/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;}
.kefu-menu .btn-qq:hover{background-color:#488bc7;}
.kefu-menu a.btn-qq, .kefu-menu a.btn-qq:visited{background:url(../img/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;text-decoration:none;display:block;}
.kefu-menu .btn-wx{background:url(../img/r_wx.png) 0px 0px no-repeat;background-color:#78c340;}
.kefu-menu .btn-wx:hover{background-color:#58a81c;}
.kefu-menu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}
.kefu-menu .btn-phone{background:url(../img/r_phone.png) 0px 0px no-repeat;background-color:#fbb01f;}
.kefu-menu .btn-phone:hover{background-color:#ff811b;}
.kefu-menu .btn-phone .phone{background-color:#ff811b;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:1.8rem;text-align:center;display:none;}
.kefu-menu .btn-top{background:url(../img/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}
.kefu-menu .btn-top:hover{background-color:#444;}

/* 内页及侧栏 */
.xh_section{padding-top: 5px;}
.xh_section:after{display: table;content: " ";clear: both;}
.xh_section aside{position:relative;float:left;width:210px;}
.xh_section article{float:left;margin-left:-210px;width:100%;}
.xh_section article .xh_article{margin-left:230px;}
.xh_section aside section h2{text-align: left;
    background: url(../img/sb_nav_bg.jpg) no-repeat;
    padding: 0px 20px;
    height: 37px;
    line-height: 37px;
    font-size: 14px;}

/*侧栏常规二级分类列表样式*/
.xh_section aside .xh_aside_list{padding: 10px 15px;
    background: #fff;
    box-shadow: 0px 0px 2px #e1d5c1;
}
.xh_section aside .xh_aside_list ul>li{padding: 4px 0px 5px 0px;}
.xh_section aside .xh_aside_list ul>li>a{display:block; border:1px solid #eee;background:#F6F6F6;color:#666;font-size: 12px;-moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px; padding:6px 25px; cursor:pointer; text-decoration:none;}
.xh_section aside .xh_aside_list ul>li.current-menu-item>a,.xh_section aside .xh_aside ul>li>a:hover{color:#333; border:1px solid #ddd;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3F3F3', endColorstr='#E9E9E9'); /* for IE */background:-webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#E9E9E9)); /* for webkit browsers */background:-moz-linear-gradient(top, #F3F3F3, #E9E9E9); /* for firefox 3.6+ */}

/* 侧栏多级产品分类列表样式 */
.xh_aside_prolist .product>ul>li>a{display: none;}
.xh_aside_prolist .product>ul>li>ul{padding: 10px 15px;
    background: #fff;
    box-shadow: 0px 0px 2px #e1d5c1;}
.xh_aside_prolist .product>ul>li>ul.children>li{padding: 4px 0px 5px 0px;}
.xh_aside_prolist .product>ul>li>ul.children>li>a{display:block; border:1px solid #eee;background:#F6F6F6;color:#666;font-size: 12px;-moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px; padding:6px 25px; cursor:pointer; text-decoration:none;}
.xh_aside_prolist .product>ul>li>ul.children>li.current-cat>a,
.xh_aside_prolist .product>ul>li>ul.children>li a:hover{color:#333; border:1px solid #ddd;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3F3F3', endColorstr='#E9E9E9'); /* for IE */background:-webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#E9E9E9)); /* for webkit browsers */background:-moz-linear-gradient(top, #F3F3F3, #E9E9E9); /* for firefox 3.6+ */}
.xh_aside_prolist .product>ul>li>ul.children>li.current-cat>ul.children,
.xh_aside_prolist .product>ul>li>ul.children>li.current-cat-ancestor>ul.children{display: block;}
.xh_aside_prolist .product>ul>li>ul.children>li ul.children{display: none;padding:0px 0px 0 30px;}
.xh_aside_prolist .product>ul>li>ul.children>li ul.children li{font-weight: normal;
    padding: 5px 0px 5px 25px;
    background: url(../img/prolist_dt.gif) left center no-repeat;font-size: 12px;}
.xh_aside_prolist .product>ul>li>ul.children>li ul.children li.current-cat a,
.xh_aside_prolist .product>ul>li>ul.children>li ul.children li a:hover{background: #8d5500;
    color: #fff;
    text-decoration: none;}

.xh_aside h3.line{ text-align: left;
    background: url(../img/sb_nav_bg.jpg) no-repeat;
    padding: 0px 20px;
    height: 37px;
    line-height: 37px;
    font-size: 14px;margin-top:10px; }
.xh_aside .active{ padding:10px 15px; background:#fff; box-shadow:0px 0px 2px #e1d5c1;}

/*面包屑导航*/
.xh_article_head{border-bottom: 1px solid #ddd;
    background: url(../img/sb_box_bg.jpg) no-repeat;
    height: 36px;
    line-height: 36px;
    font-size: 1.4rem;
    position: relative;}
.xh_article_head .xh_position{position:absolute;top:0;right:10px;color:#555;font-family:'宋体';}
.xh_article_head .xh_position a{color:#555;font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun';}
.xh_article_head .xh_position a:hover{color:#9e0a08;}
.xh_article_head .xh_position i{padding: 0 8px;}
.xh_article_head h1{color:#555;font-size:1.4rem;padding-left: 15px;}

/*以下CSS样式谨慎修改，内页各模块样式，多模板可共用*/
aside h1,
article h1{font-size: 2em;}
.xh_clear{clear:both}
.xh_none{display:none}
.xh_hidden{visibility:hidden}
.xh_fl{float:left}
.xh_fr{float:right}
.xh_editor{color: #2a333c;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;font-size: 1.6rem;line-height: 1.8;text-align: justify;}
.xh_editor img{max-width: 100%;}
.xh_editor p,
.xh_editor h1,
.xh_editor h2,
.xh_editor h3,
.xh_editor h4,
.xh_editor h5,
.xh_editor h6,
.xh_editor ul,
.xh_editor ol,
.xh_editor dl,
.xh_editor pre{margin-bottom: 1.6rem;}
.xh_editor ul,
.xh_editor ol{margin: 0 0 1.5em 3em;padding:0 0 0 25px;}
.xh_editor ul{list-style: disc;}
.xh_editor ol{list-style: decimal;}
.xh_editor li > ul,
.xh_editor li > ol{margin-bottom: 0;margin-left: 1.5em;}
.xh_editor dt{font-weight: 700;}
.xh_editor dd{margin: 0 1.5em 1.5em;}
.xh_editor a:hover{text-decoration:underline}
.xh_editor b,
.xh_editor strong{font-size: 1.7rem;}
.xh_editor blockquote{padding-top:5px;padding-bottom:5px;padding-left:15px;border-left:4px solid #ddd}
.xh_editor hr{display:block;padding:0;border:0;height:0;border-top:1px solid #ddd;margin:20px 0;-webkit-box-sizing:content-box;box-sizing:content-box}
.xh_editor table{width:100%!important;margin-bottom:1.6rem;border-spacing:0!important;border-collapse:collapse!important;padding:0!important;border:0}
.xh_editor table td{border:1px solid #ddd!important}
.xh_editor table>thead>tr>th,
.xh_editor table>tbody>tr>th,
.xh_editor table>tfoot>tr>th,
.xh_editor table>thead>tr>td,
.xh_editor table>tbody>tr>td,
.xh_editor table>tfoot>tr>td{padding:.7rem;line-height:1.6;vertical-align:top;border-top:1px solid #ddd}
.xh_editor table>thead>tr>th{vertical-align:bottom;border-bottom:1px solid #ddd}

/*单页模块*/
.xh_module1{padding:15px 20px;;background: #fff;box-shadow: 0px 0px 2px #e1d5c1;}

/*留言模块*/
.message{padding: 20px;border: 1px solid #ddd;background: #fff;}
.message dl:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.message dl{width:100%;zoom:1;background:#fff}
.message dl{margin:0;display:-webkit-box;display:-moz-box;display:box;display:-ms-flexbox;position:relative;padding:5px 0}
.message dl dt{padding:15px 15px 10px 15px;width:105px;text-align:left;font-weight:normal;overflow:hidden;line-height: 38px;font-size: 1.6rem;}
.message dl dd{-moz-box-flex:1.0;-webkit-box-flex:1.0;box-flex:1.0;-ms-flex:1;padding:2px 0 0 15px;margin:10px 0}
.message dl dd label input{position:relative;top:1px;margin-right:3px}
.message dl dd .fbox{margin:0 10px 0 0}
.message dl dd .tips{color:#aaa}
.message dl dd .tips:hover{color:#f00}
.message dl dd.labelinline label{display:inline}
.message dl dt.addimgdt{padding:10px 5px 10px}
.message dl dt.addimgdt p{height:30px;line-height:30px;margin-bottom:8px}
.message dl.noborder{border-bottom:0}

/*文章模块*/
.xh_module2_list{padding:15px 20px;background: #fff;
    box-shadow: 0px 0px 2px #e1d5c1;}
.xh_module2_list li{position:relative;padding:15px 0;border-bottom:1px solid #ddd;}
.xh_module2_list li h2{margin-bottom:8px;font-weight:bold;font-size: 1.7rem;line-height: 22px;height: 22px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xh_module2_list li h2 a:hover{color: #9e0a08;}
.xh_module2_list li p{margin-bottom:3px;color:#818181}
.xh_module2_list li img{position:absolute;left:0;top:15px}
.xh_module2_list li span.time{color:#818181;/*position:absolute;right:10px;top:15px*/}

.xh_module2 {background: #fff;
    box-shadow: 0px 0px 2px #e1d5c1;padding: 15px 20px;}
.xh_module2 h1.xh_title{font-size:2.8rem;text-align: center;padding:35px 0 5px}
.xh_module2 .xh_infos{color:#818181;font-size:1.2rem;margin-bottom:20px;padding-bottom:10px;text-align: center;}
.xh_module2 .xh_infos .xh_time{padding-right:6px}
.xh_module2 .xh_infos .xh_source{padding-right:6px}
.xh_module2 .xh_infos .xh_source a{color:#9e0a08}

.xh_module2 .xh_editor{padding:0 10px}

/*小工具*/
.xh_tools{border-top:1px solid #ddd;margin-top:30px;position:relative;padding:10px 10px 0;height:50px;line-height:50px}
.xh_tools .xh_page{clear:both;position:absolute;right:5px;top:0;color:#818181}
.xh_tools .xh_page li{ display:inline; list-style:none; margin-left:30px;}
.xh_tools .xh_page li span{ padding-right:5px;}
.xh_tools .xh_page a{color:#9e0a08}

/*图片和产品列表模块*/
.xh_module3_list ul.list{padding-top: 30px;list-style:none;background: #fff;
    box-shadow: 0px 0px 2px #e1d5c1;}
.xh_module3_list li{float:left;width: 33.33% !important; text-align:center;overflow:hidden}
.xh_module3_list li a{width:90%;transition:all .5s;box-shadow: 3px 3px 24px rgba(0,0,0,0.1);text-align:center;display:block;margin:0 auto 30px;background:#fff;font-size:0}
.xh_module3_list li a:hover{transition:all .5s;box-shadow: 3px 3px 24px rgba(0,0,0,0.3)}
.xh_module3_list li img{max-width: 100%;height: auto;}
.xh_module3_list li h2{padding:10px 10px;font-weight:normal;text-align:center;font-size:1.6rem;}
.xh_module3_list li h2 span{font-size: 1.4rem;color: #666;}
.xh_module3_list li a:hover h2{color:#9e0a08}

/*#img-list li h2, #product-list li h2{min-height: 70px;}*/

/*图片和产品详情模块*/
#showimg{background: #fff;
    box-shadow: 0px 0px 2px #e1d5c1;}
#showimg h1.xh_title{font-size: 2.4rem; padding: 15px 5px; text-align: center; letter-spacing: 2px;}
#showimg h1.xh_title span.meta{display: block;color: #666;font-size: 1.4rem;font-weight: normal;letter-spacing: 0;}
#showimg .show-img{margin-bottom: 30px; font-size: 0; text-align: center;}
#showimg .show-img img,
#showimg .product_content img{display: block;max-width: 90%; margin:0 auto; height: auto; vertical-align: middle;}

/*产品详情页相关产品*/
#showimg .xh_related{margin-top:30px;font-size:1.8rem;font-weight:normal;border-bottom:1px solid #ddd;padding:10px 10px;color:#333}
#showimg .xh_related_list{list-style:none;}
#showimg .xh_related_list li{float:left;width: 33.3333%;text-align:center;margin-top:30px;overflow:hidden}
#showimg .xh_related_list li a{width: 90%;text-align:center;display:block;margin:0 auto;background:#fff;border:1px solid #ddd;font-size:0}
#showimg .xh_related_list li h2{text-align:left;font-size:1.4rem;padding:10px 10px;font-weight:normal;border-top:1px solid #ddd}
#showimg .xh_related_list li img{width: 100%;height: auto;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
#showimg .xh_related_list li a:hover h2{color:#333}
#showimg .xh_related_list li a:hover img{filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}

/* 分页样式 */
.pagination{clear: both; text-align: center; font-size: 1.2rem; padding: 30px 0 0;}
.pagination dl{display: inline-block; margin-left: 0; margin-bottom: 0; padding: 0;}
.pagination dl>dd{display: inline;}
.pagination a:hover{background-color: #9e0a08; color: #fff;}
.pagination dl>.active>a,
.pagination dl>.active>span{background-color: #9e0a08; color: #fff; cursor: default;}
.pagination dl>dd>a,
.pagination dl>dd>span{margin: 0 2px; float: left; padding: 7px 14px; background-color: #f6f6f6; color: #666; border-radius: 2px;}