@charset "utf-8";
/* 全局样式
--------------------------------------------- */
a:focus,a:hover{color: #3964db;text-decoration: none;outline:0;outline-offset: 0;}
@media (min-width: 1600px){
	#header .container,
	#footer .container{width: 1364px;}
}
.text-xs-center {text-align: center!important;}
.col-pd{padding-right: .9375rem;padding-left: .9375rem;}

/* 头部主导航
--------------------------------------------- */
.navbar{margin: 0;border: none;background: #fff;}

.navbar .navbar-header {float:none;height: 106px;line-height: 106px;}
.navbar>.container .navbar-brand{margin-left: 0;padding: 0;height: 106px;line-height: 106px;}
.navbar .navbar-header .navbar-brand img{vertical-align: middle;}
.navbar .navbar-header .navbar-contact {height: 106px;}
.navbar .navbar-header .navbar-contact .contact-info {display: inline-block;padding-left: 20px;text-align: left;}
.navbar .navbar-header .navbar-contact .contact-info:after {display: table;content: "";clear: both;}
.navbar .navbar-header .navbar-contact .contact-info .icon-box {float: left;padding-right: 20px;position: relative;}
.navbar .navbar-header .navbar-contact .contact-info .icon-box  span {font-size: 30px;padding-left: 25px;position: relative;color: #3964db;}
.navbar .navbar-header .navbar-contact .contact-info .content-box {float: left;height: 106px;}
.navbar .navbar-header .navbar-contact .contact-info .content-box p {display: inline-block;font-size: 1.5rem;color: #777;margin: 0;margin-top: 25px;line-height: 26px;}
.navbar .navbar-header .navbar-contact .contact-info .content-box p>span{color: #777;}
.navbar .navbar-header .navbar-contact .contact-info .content-box p a {color: #777;font-size: 1.5rem;text-decoration: none;}

.navbar .navbar-fullnav {background-color: #3964db;}
.navbar .navbar-collapse{padding: 0;}
.navbar .navbar-nav>li.menu-item-home{margin-left: 0;}
.navbar .navbar-nav>li{margin-left: 10px;}
.navbar .navbar-nav>li>a{padding-left: 35px;padding-right: 35px;color: #fff;font-size: 1.4rem;}

.navbar .navbar-nav>.active>a,
.navbar .navbar-nav>.active>a:hover,
.navbar .navbar-nav>.open>a,
.navbar .navbar-nav>.open>a:focus,
.navbar .navbar-nav>.open>a:hover,
.navbar .navbar-nav>li>a:focus,
.navbar .navbar-nav>li>a:hover{color: #3964db;background-color: rgba(243,247,249,.6);}
.navbar .navbar-nav>li>.dropdown-menu>li>a{padding: 10px 15px;transition: all 0.5s;}
.navbar .navbar-nav>li>.dropdown-menu>li>a:focus,
.navbar .navbar-nav>li>.dropdown-menu>li>a:hover{background: #3964db;color: #fff;}
@media (max-width: 1440px){
	.navbar .container{width: 95%;}
}
@media (max-width: 767px){
	.navbar .navbar-header {height: 60px;line-height: 60px;}
	.navbar .navbar-header .navbar-toggle {margin-top: 13px;margin-bottom: 13px;}
	.navbar .navbar-header .navbar-toggle:hover {background-color: #3964db;border-color: #3964db;}
	.navbar .navbar-header .navbar-toggle:hover .icon-bar{background-color: #fff;}
	.navbar .navbar-header .navbar-brand {margin-left: 10px;height: 60px;line-height: 60px;}
	.navbar .navbar-header .navbar-brand img{max-width: 220px;max-height: 50px;}
	.navbar .navbar-nav{margin-left: 0;margin-right: 0;}
	.navbar .navbar-nav>li{margin-left: 0;}
	.navbar .navbar-nav>li>a{padding-left: 15px;padding-right: 15px;}
	.navbar .navbar-nav .open .dropdown-menu>li>a {padding-left: 25px;color: #fff;}
	.navbar .navbar-nav .open .dropdown-menu>.active>a{background-color: transparent;color: #fff;}
}

/* Banner
--------------------------------------------- */
.banner .carousel-inner .pc-img{display: block;}
.banner .carousel-inner .mobile-img{display: none;}
.banner .carousel-indicators li{margin-left: 4px;margin-right: 4px;width: 12px;height: 12px;}
.banner .carousel-control{opacity: 0;transition: all .5s}
.banner .carousel-control:hover{opacity: 1;}
@media (max-width: 767px){
	.banner .carousel-inner .pc-img{display: none;}
	.banner .carousel-inner .mobile-img{display: block;}
}

/* 首頁中部
--------------------------------------------- */
.index-body{padding:50px 0}
.index-body .container{padding-right: .9375rem;padding-left: .9375rem;}
.index-body:nth-of-type(odd) {background: #f5f5f5;}
.index-body h2{position:relative;margin-bottom: 11px;}
.index-body h2:after{content:'';position:absolute;bottom:-11px;left:50%;margin-left:-30px;width:60px;height:2px;background-color:#3964db}
.index-body h2{font-size:30px;color:#333}
.index-body p.desc{font-size:1.4rem;color:#757575}
.index-body ul:after,.index-body ol:after{display: table;clear: both;content: '';}
@media (min-width:992px){.index-body .container{width:90%}}
@media (max-width:991px){.index-body{padding:40px 0px}}
@media (max-width:767px){.index-body h2{font-size:24px}.index-body{padding:30px 0px}}

.product-tab{margin-top: 25px;}
.product-tab:after{display: table;content: "";clear: both;}
.product-tab .btn{display: none;}
.product-tab #nav-tab{display:block;width: 80%;float: right;background: #fff;}
.product-tab #nav-tab li a{display: block;padding: 20px 0;}
.product-tab #nav-tab li h3{padding-left: 40px;width: 90%;color: #333;font-size: 1.8rem;line-height: 28px;text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.product-tab #nav-tab li.title a{background: #3964db;}
.product-tab #nav-tab li.title a h3{color: #fff;}
.product-tab #nav-tab li+li{border-bottom: 1px solid #f0f0f0;}
.product-tab #nav-tab li+li a{border: 1px solid transparent;-webkit-transition: .25s;-o-transition: .25s;transition: .25s;}
.product-tab #nav-tab li+li a:hover{background: #3964db;padding: 13px;border: 8px solid #fff;}
.product-tab #nav-tab li+li a:hover h3{color: #fff;}
.product-tab #nav-tab li:last-child{border-bottom: none;}

.product-list{margin-top: 15px;padding-left: 0;padding-right: 0;}
.product-list li{padding: 10px;}
.product-list li .card{position: relative;display: block;background-color: #fff;-webkit-box-shadow: 0 1px 10px rgb(0 0 0 / 15%);box-shadow: 0 1px 10px rgb(0 0 0 / 15%);}
.product-list li .card-shadow{border-bottom-width: 3px;border-bottom-color: #ffffff;border-bottom-style: solid;transition: color 300ms ease 0ms,font-size 300ms ease 0ms,color 300ms ease 0ms,margin 300ms ease 0ms,padding 300ms ease 0ms,border 300ms ease 0ms,border 300ms ease 0ms,color 300ms ease 0ms;}
.product-list li:hover .card-shadow{border-bottom-color: #3964db;border-bottom-width: 3px;}

.product-list li .card-header{width: 100%;height: 100%;overflow: hidden;}
.product-list li .card-img{display:block;}
.product-list li .card-img img{width: 100%;vertical-align: middle;transition: all .5s ease;}
.product-list li .card-img:hover img{transform: scale(1.05);}
.product-list li .card-title{display: block;padding: 10px;}
.product-list li .card-title h4{padding: 0 10px; font-size: 1.8rem;color: #333;font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.product-list li .card-title .card-desc{margin-top: 10px;color: #666;font-size: 1.4rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

@media screen and (min-width: 768px) and (max-width: 1024px){
	.product-tab #nav-tab li a{padding: 15px 0 !important;}
	.product-tab #nav-tab li a:hover{padding: 8px 0 !important;}
	.product-tab #nav-tab li.title h3{line-height: 25px;}
	.product-tab #nav-tab li h3{padding-left: 10px;font-size: 1.6rem;line-height: 22px;}
}
@media (max-width: 1024px){
	.product-tab #nav-tab{width: 100%;float: none;}
}
@media (max-width: 767px){
	.product-tab,.product-list{margin-top: 10px;}
	.product-list{padding-right: 5px;padding-left: 5px;}
	.product-list li{padding: 5px;}
	.product-tab .btn{display: block;position: absolute;left: 80%;top: 7px;background-color: #3964db;border-color: #3964db;color: #fff;}
	.product-tab .btn:active, .product-tab .btn:focus{outline:0;outline-offset: 0;}
	.product-tab #nav-tab{width: 100%;min-height: 48px !important; float: none;}
	.product-tab #nav-tab li.title a{padding: 0;}
	.product-tab #nav-tab li h3{padding: 10px 20px;}
	.product-tab .collapse.in li+li {display: block;}
	.product-tab .collapse li+li{display: none;}
	.product-tab #nav-tab li+li a{padding: 0;}
	.product-tab #nav-tab li+li a:hover{padding:0;border-left: 6px solid #fff;border-right: 6px solid #fff;border-top: 2px solid #fff;border-bottom: 2px solid #fff;}
	.product-tab #nav-tab li+li a:hover h3{line-height: 24px;}
	.product-tab #nav-tab li+li h3{width: 100%;font-size: 1.7rem;line-height: 26px}
}

.about-content{padding: 30px;font-size: 1.6rem;line-height: 1.8;text-align: justify;word-wrap: break-word;}
.about-content:after{display: table;content: "";clear: both;}
.about-content img, .about-content video{max-width: 550px;height: auto;}
.about-content p{margin-bottom: 11px;text-indent: 2em;}

@media (max-width: 1024px){
	.about-content{padding: 20px;}
	.about-content img, .about-content video{max-width: 50%;}
}
@media (max-width: 767px){
	.about-content{padding: 10px;}
	.about-content img, .about-content video{max-width: 100%;margin-right: 0;}
}

.index-news ul{padding-top: 30px;}
.index-news li{padding: 15px;}
.index-news li a{display: block;background: #fff;-webkit-box-shadow: 0 1px 10px rgb(0 0 0 / 15%);box-shadow: 0 1px 10px rgb(0 0 0 / 15%);transition: color 300ms ease 0ms,color 300ms ease 0ms,margin 300ms ease 0ms,background-color 300ms ease 0ms;}
.index-news li .news-img, .index-news li .news-body{display: table-cell;vertical-align: top;}
.index-news li .news-img img{vertical-align: middle;}
.index-news li .news-body{padding: 15px 15px 0;}
.index-news li .news-body h4{margin-bottom: 10px;color: #333;font-size: 1.8rem;}
.index-news li .news-body p{color: #2a333c;font-size: 1.2rem;}
.index-news li .news-body .news-desc{margin-bottom: 5px;text-align: justify;}
.index-news li .news-body .news-info span+span{margin-left: 5px;}

@media (min-width: 768px){
	.index-news li .news-body h4{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
}
@media screen and (min-width: 992px) and (max-width: 1200px){
	.index-news li .news-img{display: none;}
}
@media (min-width: 1024px){
	.index-news ul li a:hover{margin-right: 10px!important;margin-left: -10px!important;color: #3964db;}
}
@media (max-width: 1024px){
	.index-news ul{padding: 20px;}
}
@media (max-width: 767px){
	.index-news ul{padding: 10px;}
	.index-news li{padding: 15px 0;}
	.index-news li .news-img{display: none;}
	.index-news li .news-body{display: block;}
	.index-news li .news-img img{width: 100%;}
}

.index-img .index-img-body{padding-top: 20px;visibility: hidden;}
.index-img .index-img-list{float:left;padding:10px;}
.index-img .index-img-list a{display: block;}
.index-img .index-img-list img{width: 100%;height: auto;vertical-align: middle;}
.index-img .index-img-list p{padding:10px;background:#3964db;color:#fff;font-size:1.7rem}

/* 全站底部
--------------------------------------------- */
footer{padding: 30px 0;border-top: 1px solid #f0f2f5;color: #aaa;line-height: 1.8;text-align: center;}
.foot-nav{padding-bottom: 30px;}
.foot-nav:after,
.foot-nav ul:after{display: table;content: "";clear: both;}
.foot-nav>ul>li>a{display: block;margin-bottom: 11px;color: #2a333c;font-size: 1.6rem;font-weight: 400;}
.foot-nav .sub-menu li{float: none;width: 100%;padding: 0;}
.foot-nav .sub-menu li a{color: #5e7387;font-size: 1.4rem;}
.foot-nav li a:hover{color: #3964db;}
.foot-nav .qcode .wxtext{font-size: 1.4rem;}
.foot-text{padding-top: 10px;border-top: 1px solid #f0f2f5;font-size: 1.4rem;}
@media (max-width:991px){
	.foot-nav{padding-bottom: 20px;}
	footer .qcode{padding-top: 20px;}
}
@media (max-width: 767px){
	footer{padding: 20px 0;}
}

/* 客服挂件
--------------------------------------------- */
#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;}

/* 内页侧栏
--------------------------------------------- */
aside{background-color: #fff;}
@media (min-width: 992px){
	aside .container{width: 93%;}
}
@media (max-width: 991px){
	aside .container {width: 100%;}
}
.xh_aside_list{padding: 15px 0;}
.xh_aside_list li{display: inline-block;padding: 0 5px;}
/*.xh_aside_list li:first-child{padding-left: 0;}*/
.xh_aside_list li a{padding: 4px 15px;color: #666;font-size: 1.6rem;}
.xh_aside_list li.current-menu-item a, .xh_aside_list li a:hover{background: #3964db;border-radius: 20px;color: #fff;}

article{background-color: #f2f2f2;padding: 30px 0;}
@media (max-width:768px){
	article{padding: 20px 0px;}
}

/* 侧栏多级产品分类列表样式（非多级可删除）
--------------------------------------------- */
.xh_aside_prolist .product>h2,
.xh_aside_prolist .product>ul>li>a{display: none;}
.xh_aside_prolist .product>ul>li>ul{padding:25px 0;}
.xh_aside_prolist .product>ul>li>ul.children>li{float: left;width: 16.6666%;border: 1px solid #ededed; line-height: 46px; background: url(../img/ff.png) no-repeat 93% 13px;cursor: pointer;}
.xh_aside_prolist .product>ul>li>ul.children>li.current-cat,
.xh_aside_prolist .product>ul>li>ul.children>li.current-cat-ancestor,
.xh_aside_prolist .product>ul>li>ul.children>li:hover{background: #3964db url(../img/ff_hover.png) no-repeat 93% 13px; color: #fff; border-color: #3964db;}
.xh_aside_prolist .product>ul>li>ul.children>li.current-cat a,
.xh_aside_prolist .product>ul>li>ul.children>li.current-cat-ancestor a,
.xh_aside_prolist .product>ul>li>ul.children>li:hover a{color: #fff;}
.xh_aside_prolist .product>ul>li>ul.children>li a{padding-left: 20px;color:#333;font-size: 1.6rem;}
.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:10px 0;background: #fff;}
.xh_aside_prolist .product>ul>li>ul.children>li ul.children li a{display:block;padding-left:40px;height:35px;font-size: 1.6rem;color:#333 !important;font-weight:normal;line-height:35px;}
.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:#efefef;}

@media (max-width:1024px){
	.xh_aside_prolist .product>ul>li>ul.children>li{width: 25%;}
}
@media (max-width:992px){
	.xh_aside_prolist .product>ul>li>ul.children>li{width: 33.3333%;}
}
@media (max-width:767px){
	.xh_aside_prolist .product>ul>li>ul.children>li{width: 50%;}
}

/* 以下CSS样式谨慎修改，内页各模块样式，多模板可共用
------------------------------------------------ */
.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-size: 1.6rem;line-height: 1.8;text-align: justify;}
.xh_editor h1{font-size: 28px;font-weight: 700;}
.xh_editor h2{font-size: 21px;font-weight: 700;}
.xh_editor h3{font-size: 16.38px;font-weight: 700;}
.xh_editor h4{font-size: 14px;font-weight: 700;}
.xh_editor h5{font-size: 12px;font-weight: 700;}
.xh_editor h6{font-size: 12px;font-weight: 700;}
.xh_editor img{max-width: 100%;height: auto;}
.xh_editor video{max-width: 550px;height: auto;}
.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{padding:0 0 0 25px;}
.xh_editor ul,
.xh_editor ol{margin: 0 0 1.5em 3em;}
.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,table>tbody>tr>th,table>tfoot>tr>th,table>thead>tr>td,table>tbody>tr>td,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}

@media (max-width: 1024px){
	.xh_editor video{max-width: 50%;}
}
@media (max-width:767px){
	.xh_editor img{float: none;display: block;margin: 0 auto;}
	.xh_editor video{max-width: 100%;margin-right: 0;}
}

/* 单页模块
--------------------------------------------- */
.xh_module1{background-color: #fff;padding: 30px;}
.xh_module1:after{display: table;content: "";clear: both;}

/* 留言模块
--------------------------------------------- */
.xh_module1 .message dl:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.xh_module1 .message dl{width:100%;zoom:1;background:#fff}
.xh_module1 .message dl{margin:0;display:-webkit-box;display:-moz-box;display:box;display:-ms-flexbox;position:relative;padding:5px 0}
.xh_module1 .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;}
.xh_module1 .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}
.xh_module1 .message dl dd label input{position:relative;top:1px;margin-right:3px}
.xh_module1 .message dl dd .fbox{margin:0 10px 0 0}
.xh_module1 .message dl dd .fbox input[type="text"]{width: 50%;}
@media (max-width:768px){
	.xh_module1 .message dl dd .fbox input[type="text"]{width: 100%;}
}
.xh_module1 .message dl dd .tips{color:#aaa}
.xh_module1 .message dl dd .tips:hover{color:#f00}
.xh_module1 .message dl dd.labelinline label{display:inline}
.xh_module1 .message dl dt.addimgdt{padding:10px 5px 10px}
.xh_module1 .message dl dt.addimgdt p{height:30px;line-height:30px;margin-bottom:8px}
.xh_module1 .message dl.noborder{border-bottom:0}

/* 文章模块
--------------------------------------------- */
.xh_module2_list{padding: 30px;background-color: #fff;}
.xh_module2_list li{position:relative;padding:15px 0 15px 195px;border-bottom:1px solid #ddd;min-height:156px;}
.xh_module2_list li h2{margin-bottom:8px;font-weight:bold;font-size: 1.7rem;line-height: 22px;}
.xh_module2_list li h2 a:hover{color: #3964db;}
.xh_module2_list li p{margin-bottom:3px;color:#818181;font-size: 1.5rem;}
.xh_module2_list li img{position:absolute;left:0;top:15px}
.xh_module2_list li span.time{color:#818181;font-size: 1.4rem;/*position:absolute;right:10px;top:15px*/}

.xh_module2{background-color: #fff;padding: 30px;}
.xh_module2 h1.xh_title{font-size:2.8rem;font-weight:normal;line-height: 1.5;text-align: center;padding:35px 0 20px}
.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:#3964db}

.xh_module2 .xh_editor{padding:0 10px}

@media (max-width:768px){
	.xh_module2_list li{padding: 15px 0;}
	.xh_module2_list li img{position: relative;top: 0;width: 100%;padding-bottom: 15px;}
}

/* 小工具
--------------------------------------------- */
.xh_tools{border-top:1px solid #ddd;margin-top:30px;position:relative;padding:10px 10px 0;height:50px;line-height:50px;font-size: 1.4rem;}
.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:#3964db}
@media (max-width: 479px){
	.xh_tools {display: none;}
}


/* 图片和产品列表模块
--------------------------------------------- */
.xh_module3_list ul.list{margin-top: 30px;list-style:none;}
.xh_module3_list li{text-align:center;overflow:hidden}
.xh_module3_list li a{transition:all .5s;box-shadow: 3px 3px 24px rgba(0,0,0,0.1);text-align:center;display:block;margin-bottom: 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{text-align:center;font-size:1.6rem;padding:10px 10px;font-weight:normal;}
.xh_module3_list li a:hover h2{color:#3964db}

@media (max-width:768px){
	.xh_module3_list li{padding-right: .9375rem;padding-left: .9375rem;}
	.xh_module3_list li a{margin-bottom: 20px;}
}

/* 图片和产品详情模块
--------------------------------------------- */
#showimg h1.xh_title{font-size: 2.4rem; padding: 15px 5px; text-align: center; letter-spacing: 2px;}
#showimg p{text-align: center;}
#showimg img{display: block;max-width: 90%; margin:0 auto; height: auto; vertical-align: middle;}
#showimg 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:14px;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{display: block;margin: 0;padding: 30px 0 0;border-radius: 0;clear: both;text-align: center;font-size: 1.2rem;}
.pagination dl{display: inline-block; margin-left: 0; margin-bottom: 0; padding: 0;}
.pagination dl>dd{display: inline;}
.pagination a:hover{background-color: #3964db; color: #fff;}
.pagination dl>.active>a,
.pagination dl>.active>span{background-color: #3964db; 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;}