@charset "UTF-8";
.content { width:100%;background-color: #f5f5f5 }
.icon-nav { width:1200px;padding:22px 0;margin:0 auto;text-align: left;font-size: 16px }
.icon-nav .iconfont{ display: inline-block; font-size: 16px; color: #187ab9; vertical-align: bottom; margin-right: 2px; }
.icon-nav a { color: #999; margin-left: 6px; }
.icon-nav a:first-child { margin-left: 0; }
.icon-nav .show-txt { color: #187ab9;}

.content .product-content { background-color: #fff }

.back-box{position:absolute;left:0;right:0;width:1200px;margin:0 auto}
.back-btn{position:absolute;top:-48px;right:0;display: block; padding:5px 5px 5px 23px;font-size: 14px;color:#3f9bd3; background: url("../image/return.png") 5px center no-repeat;background-size:14px auto;border-radius:3px;border:1px solid #3f9bd3 }
.back-btn:hover{color:#fff;background: #3f9bd3 url("../image/return-white.png.png") 5px center no-repeat;background-size:14px auto}
.back-btn:active{color:#fff;background: #2a7fb3 url("../image/return-white.png.png") 5px center no-repeat;background-size:14px auto}
.detail-content{background-color: #fff;padding-top:30px}
.product-introduce{width:1200px;padding-right:186px;margin:0 auto;box-sizing: border-box}
.product-introduce .product-name { position: relative; font-size: 32px; color: #187ab9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/* .product-detail .product-name:before { content: ''; display: block; position: absolute; left: 0; top: 4px; width: 14px; height: 14px; border-radius: 50%; background: #3f9bd3; }
.product-detail .introduce-txt { height: 270px; overflow-y: auto; overflow-x: hidden; } */
.product-introduce .introduce-txt>p { margin-top: 20px; text-indent: 2em; color: #333; }
.product-detail { position: relative;width:1200px;margin:30px auto 0}
.product-detail .product-img { width: 1014px; height: 538px; padding: 20px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;background: linear-gradient(0deg, #ceddef, #f9faff) }
.product-detail .product-move { width: 513px; height: 223px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.product-detail .product-move>img { width: 513px; height: 223px; }
.product-detail .product-img .shadow { width: 273px; height: 150px; background-color: gold; opacity: .6; filter:alpha(opacity=60); position: absolute; left: 0; top: 0; display: none;}
.product-detail .product-img .shadow.active { display: block; }
.product-detail .showDetails { position: absolute; display: none; overflow: hidden; right: 0; z-index: 3; width: 575px; height:316px; background:#efeeea; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 6px solid #d2d2d2; }
.product-detail:hover .showDetails { display: block; }
.product-detail .showDetails.active { display: block; }
.product-detail .showDetails img { width: 1026px; height: 446px; position: absolute; }
.product-detail .products-type { margin-left: 15px; }
.product-detail .products-type>li { position: relative;width: 171px; height: 124px; background-color: #e9e9e9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid transparent }
/* 选中状态 */
.product-detail .products-type>li.active{background: linear-gradient(0deg, #ceddef, #f9faff);border:1px solid #187ab9 }
.product-detail .products-type>li+li { margin-top: 15px; }
.product-detail .products-type>li>img { display: block; max-width: 100%; max-height: 100%;object-fit: contain }
.product-description { width:1200px;margin:50px auto 0; border: 1px solid #cdcdcd; }
.product-description .product-news { width: 100%; height: 40px; line-height: 40px; color: #fff; font-size: 24px; text-align: center; background: #3f9bd3; }
.product-description .news-title { width: 350px; height: 100%; margin: 0 auto; background: url("../image/info.png") center center / contain no-repeat;}
.product-description .news-txt { padding: 30px; line-height: 1.5; }
.product-description .news-txt>p { text-indent: 2em; margin-top: 5px; }
.product-description .news-txt>p.title { text-indent: 0; color: #333; }