@charset "utf-8";
*{padding:0;margin:0}li,ol,ul{list-style:none}a{text-decoration:none}img{vertical-align:top;max-width: 100%;}input{border:none;background:0 0}input,textarea,button{outline:0;-webkit-appearance:none}
html { font-family: Microsoft YaHei,-apple-system-font,Helvetica Neue,sans-serif; }
body { overflow-x:hidden; font-size: 14px; color:#454545; }
.ellipsis { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.ellipsis2 { word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow: hidden; }
.ellipsis3 { word-break:break-all; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow: hidden; }
.wrap { position:relative; width: 1200px; margin:0 auto; }
.cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; }
.hide { display:none; }

/*头部*/
.header { position: relative; z-index: 9; }
.logo { float: left; width: 150px; height: 98px; box-sizing: border-box; }
.logo img { height: 98px; }
.nav { line-height: 98px; box-shadow: 2px 2px 15px 5px rgba(0,0,0,.3);}
.nav ul { float: right; width: 1050px; text-align: right; }
.nav ul li { display: inline-block; text-align: center; padding: 0 2.5%; position: relative;}
.nav ul li a { font-size: 15px; display: block; color: #2c3e50; cursor: pointer; position: relative; transition: all .2s ease-in; }
.nav ul li a:hover,.nav ul li.on a { color: #47a0a5; }
.nav ul li a:hover:after,.nav ul li.on a:after { content: " "; background: #47a0a5; height: 2px; width: 100%; position: absolute; left: 0; bottom: 0; }

.nav ul li ul { display:none; position:absolute; left:0; top:96px; width:100%; background: #47a0a5; padding: 0 0 8px 0; line-height: 3 }
.nav ul li ul i { font-size: 20px; color: #fff; }
.nav ul li ul li:first-child { padding: 0; line-height: 1; }
.nav ul li ul li { float:none; width: 100%; font-size:14px; line-height: 1.8; margin: 0; padding: 3px 0; }
.nav ul li ul li a { color: #fff !important; padding: 5px 0 !important; margin: 0 !important; height: auto !important; }
.nav ul li ul li a:hover { background: #fff; color: #47a0a5 !important; }
.nav ul li ul li a:hover:after { display:none; }
.nav ul li:hover ul { display:block; transition: all 20s ease-in; }

/*首页Banner*/
.banner { position:relative; width:100%; text-align:center; overflow:hidden; height:480px; }
.banner .swiper-button-prev,.banner .swiper-button-next { opacity: 0; width: 65px;  height: 65px; background: rgba(0,0,0,0.5); line-height: 65px; transition: all .2s ease-in; }
.banner i { color: #fff; font-size: 36px; font-weight: 600; }
.banner .swiper-button-prev { left: 5%; }
.banner .swiper-button-next { right: 5%; }
.banner a { display: block; width: 100%; height: 100%; }
.banner .swiper-button-prev,.banner .swiper-button-next { width: 60px; height: 60px; background: none; border: 2px solid #fff; transition: all .3s ease-out; border-radius: 60px; line-height: 60px; }
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover {  }
.banner:hover .swiper-button-prev,.banner:hover .swiper-button-next { opacity: 1; }
.banner .swiper-pagination { bottom: 50px !important; }
.banner .swiper-pagination-bullet { width: 70px; height: 8px; margin: 0 5px !important; opacity: 0.8; background: rgba(255, 255, 255, .6); border-radius: 15px; }
.banner .swiper-pagination-bullet-active { background: #47a0a5; opacity: 1; }
.iBanner { height: 360px; }

/*网站底部*/
.footer { background: #2c3534; color: #b3b3b3; }
.footer .f-nav { float: left; width: 710px; margin: 20px 0; }
.footer .f-nav ul { border: 1px solid #565d5d; margin: 20px 0; border-left: none; border-right: none; }
.footer .f-nav li { float: left; padding: 15px 29px 15px 0; }
.footer .f-nav li:last-child { padding-right: 0; }
.footer .f-nav li a { color: #b3b3b3; }

.footer .qq-tel { float: right; width: 450px; margin: 40px 0; }
.footer .qq-tel li { float: left; width: 50%; }
.footer .qq-tel li span { font-size: 20px; color: #fff; display: block; margin-top: 8px; }

.footer .contact { margin-bottom: 10px; }
.footer .copyright { padding: 20px 0 15px; }
.footer .copyright { background: #1c2323; color: #bbb; text-align: center; line-height: 1.5; }
.footer .copyright span { position: absolute; right: 0; bottom: 0; }
.footer .copyright a { color: #bbb; }
.footer .copyright a:hover { color: #fff; }

/*首页*/
.home .hd { margin-bottom: 20px; }
.home .hd h2 { font-size: 28px; color: #111; text-align: center; line-height: 2; font-weight: 100; position: relative; }
.home .hd h2:after { position: absolute; content: ""; left: 38%; bottom: 18%; width: 24%; height: 1px; background: #a6a6a6; }
.home .hd span { text-transform: uppercase; font-size: 18px; color: #a0a0a0; display: block; position: relative; z-index: 9; }
.home .hd span em { font-style: normal; background: #f9f9f9; padding: 0 10px; }
.home .hd span em.bg { background: #fff; }

.home .bd { margin-top: 35px; }
.home .more { text-align: center; margin: 20px 0; }
.home .more a { color: #5a5a5a; border: 1px solid #d0d0d0; padding: 8px 25px; }
.home .more a:hover { color: #fff; border: 1px solid #47a0a5; background: #47a0a5; padding: 8px 25px; transition: all .3s ease-out; box-shadow: 3px 3px 10px 5px rgba(0,0,0,.1); transition: all 0.3s ease-in-out; }


.home .products { background: #f9f9f9; padding: 30px 0; }
.home .products ul { text-align: center; margin: 40px 0; }
.home .products li { display: inline-block; font-size: 15px; border: 1px solid #d0d0d0; margin: 0 3px; cursor: pointer; }
.home .products li a { color: #5a5a5a; display: block; padding: 12px 32px; }
.home .products li.on,.home .products li:hover { background: #47a0a5; border: 1px solid #47a0a5; transition: all .3s; }
.home .products li.on a, .home .products li:hover a { color: #fff; transition: all .1s; }
.home .products .item { float: left; width: 285px; margin:0 20px 40px 0; position: relative; z-index: 2; }
.home .products .item:nth-child(4n) { margin-right: 0; }
.home .products .item a { color: #656565; }
.home .products .item .pic { width: 285px; height: 310px; overflow: hidden; position: relative; }
.home .products .item .pic i { font-size: 60px; position: absolute; line-height: 310px; left: 0; top: 0; width: 100%; text-align: center; color: #fff; font-style: normal; font-weight: 100; font-family: sans-serif; opacity: 0; }
.home .products .item .pic:after { position: absolute; content: ""; left: 25px; top: 25px; width: calc(100% - 50px); height: calc(100% - 50px); border: 1px solid #ccc; opacity: 0; }
.home .products .item dl { padding: 0 10px; background: #ffffff; line-height: 1.8; padding: 10px 15px; color: #989898; }
.home .products .item dt { color: #656565; font-size: 15px; }
.home .products .item:hover { box-shadow: 0 5px 10px 5px rgba(0,0,0,.15); transition: all 0.3s ease-in-out; }
.home .products .item:hover .pic img { transform: scale(1.05,1.05); transition: all 0.5s ease-in-out; }
.home .products .item:hover .pic:after { opacity: 1; transition: all 0.5s ease-in-out; }
.home .products .item:hover .pic i { opacity: 1; transition: all 0.5s ease-in-out; }
.home .products .item:hover dt { color: #47a0a5; transition: all 0.3s ease-in-out; }
.home .products .swiper-slide { opacity: 0 !important; }
.home .products .swiper-slide-active { opacity: 1 !important; }


.home .cases { padding: 30px 0; }
.home .cases .item { float: left; width: 390px; margin-right: 7.5px; }
.home .cases .item+.item { margin: 0 7.5px 16px; }
.home .cases .item+.item:nth-child(odd) { margin-right: 0 }
.home .cases .item .pic { width: 390px; height: 540px; overflow: hidden; position: relative; }
.home .cases .item+.item .pic { height: 260px; }
.home .cases .item .pic i { font-size: 60px; position: absolute; line-height: 540px; left: 0; top: 0; width: 100%; text-align: center; color: #fff; font-style: normal; font-weight: 100; font-family: sans-serif; opacity: 0; }
.home .cases .item+.item .pic i { line-height: 260px; }
.home .cases .item .pic:after { position: absolute; content: ""; left: 25px; top: 25px; width: calc(100% - 50px); height: calc(100% - 50px); border: 1px solid #bbb; opacity: 0; }
.home .cases .item .pic:before{ position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; background: rgba(0, 0, 0, .5); transition: all 0.3s ease-in-out; }
.home .cases .item:hover .pic:after { opacity: 1; transition: all 0.5s ease-in-out; }
.home .cases .item:hover .pic:before { opacity: 1; transition: all 0.5s ease-in-out; }
.home .cases .item:hover .pic i { opacity: 1; font-size: 20px; transition: all 0.5s ease-in-out; }


.home .news { background: #f9f9f9; padding: 30px; }
.home .news .item { float: left; width: 575px; margin-bottom: 35px; }
.home .news .item .pic { width: 575px; height: 320px; overflow: hidden; }
.home .news .item .pic img { width: 575px; height: 320px; }
.home .news .item:hover img { transform: scale(1.05,1.05); transition: all 0.5s ease-in-out; }
.home .news .item dl { padding: 20px 0 0 100px; position: relative; }
.home .news .item dt { font-size: 15px; color: #333; line-height: 2; }
.home .news .item dd { color: #888; line-height: 1.8; }
.home .news .item .date { position: absolute; left: 0; top: 20px; font-size: 26px; color: #555; line-height: 1.5; }
.home .news .item .date span { font-size: 14px; display: block; }
.home .news .item:hover .date { color: #47a0a5; transition: all 0.3s ease-in-out; }
.home .news .list { float: right; width: 570px; }
.home .news .list dl { padding: 21px 0 21px 100px; position: relative; border-bottom: 1px solid #eee; }
.home .news .list dl:first-child { margin-top: -30px; }
.home .news .list dl:last-child { border-bottom: none; }
.home .news .list dt { font-size: 15px; color: #333; line-height: 2; }
.home .news .list dd { color: #888; line-height: 1.8; }
.home .news .list .date { position: absolute; left: 0; top: 21px; font-size: 28px; color: #555; line-height: 1.5; }
.home .news .list .date span { font-size: 14px; display: block; }
.home .news .list dl:hover .date { color: #47a0a5; transition: all 0.3s ease-in-out; }


.home .partners { padding: 30px 0; }
.home .partners .bd { margin-top: -15px; position: relative; }
.home .partners ul { position: relative; }
.home .partners ul:after { position: absolute; content: ""; left: 0; top: 143px; width: 100%; height: 1px; background: #f1f1f1; }
.home .partners li { float: left; width: 240px; height: 84px; border-left: 1px solid #f1f1f1; box-sizing: border-box; margin: 30px 0; }
.home .partners li:first-child,.home .partners li:nth-child(6) { border-left: 0; }
.home .partners li img { width: 100%; height: 84px; }


/*二级导航*/
.sidebar { margin: 30px 0 10px; }
.sidebar h2 { font-size: 28px; color: #111; text-align: center; line-height: 2; font-weight: 100; position: relative; }
.sidebar h2:after { position: absolute; content: ""; left: 38%; bottom: 18%; width: 24%; height: 1px; background: #a6a6a6; }
.sidebar span { text-transform: uppercase; font-size: 18px; color: #a0a0a0; display: block; position: relative; z-index: 9; }
.sidebar span em { font-style: normal; background: #fff; padding: 0 10px; }
.sidebar dl { text-align: center; margin: 30px 0 0; }
.sidebar dt { display: inline-block; font-size: 15px; border: 1px solid #d0d0d0; margin: 0 3px; cursor: pointer; margin-bottom: 20px; }
.sidebar dt a { color: #5a5a5a; display: block; padding: 12px 32px; }
.sidebar dt.on,.sidebar dt:hover { background: #47a0a5; border: 1px solid #47a0a5; transition: all .3s; }
.sidebar dt.on a, .sidebar dt:hover a { color: #fff; transition: all .1s; }

/*面包屑*/
.breadcrumb { color: #fff;  margin-top: -30px; padding-left: 30px; }
.breadcrumb a { color: #fff; }
.breadcrumb i { float: left; color: #fff; font-size: 26px; margin: -5px 5px 0 0; }
.breadcrumb .on, .breadcrumb a:hover { color: #fff; transition: all .3s; }

/*分页*/
.page { text-align:center; margin-bottom: 50px; }
.page li { display:inline-block; }
.page li a, .page li span { display: block; margin:0 5px; line-height: 2.2; padding:3px 15px; border:1px solid #aaa; color:#454545; transition: all 0.15s ease-in; }
.page li:hover a, .page li.active span { background:#47a0a5; border-color:#47a0a5; color:#FFF; }

/*搜索提示*/
.tips { padding: 30px 60px 20px; font-size:15px; line-height: 1; }
.tips p { font-size: 15px; color: #454545; display: inline-block; }
.tips p strong { color: #b21e24; }

/*图文混排*/
.article { padding: 0 0 20px; }
.article .hd { border-bottom: 1px solid #dcdcdc; text-align: center; padding-bottom: 20px; }
.article .hd h1 { font-size: 18px; color: #666; line-height: 2.8; font-weight: normal; }
.article .hd .info { color: #888; margin: 10px 0; }
.article .hd .info span { font-weight: 100; }
.article .bd { line-height: 2.4; padding: 20px 50px; word-wrap:break-word; word-break:break-all; color: #666; }
.article .related { padding: 20px 20px 0; margin-top: 20px; border-top: 1px solid #E4E4E4; line-height: 2 }
.article .related a { color: #454545; transition: all 0.15s ease-in; }
.article .related a:hover { color: #b21e24; }
.map { width: cale(100% - 100px); margin: 0px 50px; box-sizing: border-box; height: 450px; }

/*文字列表*/
.news { padding: 10px 0 20px; }
.news li { padding:12px 0; border-bottom:1px dotted #BFBFBF; line-height: 2; }
.news li a { color:#555; }
.news li i { font-size: 11px; margin-right: 5px; color: #666; }
.news li .date { float:right; font-size:13px; color:#999; margin-top: 2px; }
.news li:hover a { color:#b21e24; transition: all .3s; }
.news li:hover i { color:#b21e24; transition: all .3s; }

/*图文列表*/
.items { padding: 30px 0 20px; }
.items .item { margin-bottom: 40px; position: relative; box-shadow: 2px 2px 10px 3px rgba(0,0,0,.05); transition: all 0.3s ease-in-out; }
.items .item .pic { float: left; width: 280px; height: 170px; margin: 20px; box-sizing: border-box; overflow: hidden; }
.items .item .pic img { width: 280px; height: 170px; }
.items .item .date { float: left; height: 210px; position: relative; font-size: 26px; color: #515151; text-align: center; line-height: 1.4; padding: 6% 35px; box-sizing: border-box; }
.items .item .date span { display: block; font-size: 14px; color: #8c8a8a; margin-top: 5px; }
.items .item .date::after { position: absolute; right: 0; top: 30%; height: 40%; border-right: 1px solid #e7e7e7; content: ""; }
.items .item dl { float: left; width: 740px; padding: 42px 80px 42px 50px; box-sizing: border-box; }
.items .item .title { font-size: 16px; color: #1d1c1c; line-height: 2.8; }
.items .item .intro { color: #929292; line-height: 1.9; }
.items .item i { position: absolute; right: 2.5%; top: 45%; font-size: 30px; color: #ccc; }
.items .item:hover { background: #fff; box-shadow: 5px 5px 15px 5px rgba(0,0,0,.15); transition: all 0.3s ease-in-out; }
.items .item:hover .pic img { transform: scale(1.05,1.05); transition: all 0.5s ease-in-out; }
.items .item:hover .date { color: #47a0a5; transition: all 0.3s ease-in-out; }
.items .item:hover .date span { color: #47a0a5; transition: all 0.3s ease-in-out; }
.items .item:hover i { color: #47a0a5; transition: all 0.3s ease-in-out; }

/*图片列表*/
.pics { padding: 30px 0 20px; }
.pics .item { float: left; width: 285px; margin:0 20px 50px 0;box-shadow: 0 5px 10px 5px rgba(0,0,0,.05); }
.pics .item:nth-child(4n) { margin-right: 0; }
.pics .item a { color: #656565; }
.pics .item .pic { width: 285px; height: 310px; overflow: hidden; position: relative; }
.pics .item .pic i { font-size: 60px; position: absolute; line-height: 310px; left: 0; top: 0; width: 100%; text-align: center; color: #fff; font-style: normal; font-weight: 100; font-family: sans-serif; opacity: 0; }
.pics .item .pic:after { position: absolute; content: ""; left: 25px; top: 25px; width: calc(100% - 50px); height: calc(100% - 50px); border: 1px solid #ccc; opacity: 0; }
.pics .item dl { padding: 0 10px; background: #ffffff; line-height: 1.8; padding: 10px 15px; color: #989898; }
.pics .item dt { color: #656565; font-size: 15px; }
.pics .item:hover { box-shadow: 0 5px 10px 5px rgba(0,0,0,.15); transition: all 0.3s ease-in-out; }
.pics .item:hover .pic img { transform: scale(1.05,1.05); transition: all 0.5s ease-in-out; }
.pics .item:hover .pic:after { opacity: 1; transition: all 0.5s ease-in-out; }
.pics .item:hover .pic i { opacity: 1; transition: all 0.5s ease-in-out; }
.pics .item:hover dt { color: #47a0a5; transition: all 0.3s ease-in-out; }

/*友情链接*/
.links { padding: 30px 0; }
.links .bd { margin-top: -15px; position: relative; }
.links ul { position: relative; }
.links li { float: left; width: 239.2px; height: 84px; border-right: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; padding: 30px 0; }
.links li:nth-child(5n) { border-right: 0; }
.links li img { width: 100%; height: 84px; }


/*留言表单*/
.message { padding: 30px 0 40px; }
.message form { background: url("../images/bg_contact.jpg") no-repeat right bottom; margin: 0 150px; background-size: 25%; }
.message .group { margin-bottom: 20px; }
.message label { float: left; width: 120px; text-align: right; margin-right: 10px; line-height: 38px; }
.message em { color: #c00; margin-right: 5px; }
.message .input { width: 50%; line-height: 38px; background: #fff; border: 1px solid #ccc; padding: 0 5px; }
.message .textarea { width: 50%; height: 60px; line-height: 24px; padding: 5px; background: #fff; border: 1px solid #ccc; }
.message .btn { margin-left: 130px; font-size: 16px; color: #fff; width: 180px; height: 40px; line-height: 40px; background: #44a0a6; display: inline-block; border: none; border-radius: 3px; text-align: center; cursor: pointer; }

/*相册模式*/
.gallery { position:relative; padding: 40px 0 20px;  }
.gallery .swiper-button-prev,.gallery .swiper-button-next { width: 65px; height: 65px; background: rgba(0,0,0,0.6); line-height: 65px; transition: all .2s ease-in; text-align: center; }
.gallery i { color: #fff; font-size: 36px; font-weight: 600; }
.gallery .swiper-button-prev,.gallery .swiper-button-next { margin-top: -60px; }
.gallery .swiper-button-prev:hover,.gallery .swiper-button-next:hover { background-color: rgba(178,30,36,1); transition: all .3s ease-out; }
.gallery .swiper-slide { background: #fff; line-height: 600px; text-align: center; }
.gallery .swiper-slide img { max-height: 600px; }
.gallery .swiper-slide h4 { font-size:16px; font-weight: normal; color: #454545; line-height:3; text-align:center; }
.gallery .swiper-pagination { bottom: 16px; color: #b21e24; text-align: right; font-size: 16px; }
.gallery .thumbnail { margin-top: 10px; padding-top: 20px; border-top: 1px solid #ccc; }
.gallery .thumbnail li { float: left; margin: 0 1% 9px 0; width: 11.4%; cursor:pointer; border: 1px solid #ccc; height: 68px; overflow: hidden; }
.gallery .thumbnail li img { width: 100%; vertical-align: middle; }
.gallery .thumbnail li:nth-child(8n) { margin-right: 0; }
.gallery .thumbnail .on { border-color: #b21e24; }

/* online */
.online {position:fixed;width:54px;height:275px;right:0;z-index:11;}
.online li { width:54px; height:54px; position: relative; border-top:1px solid #444; }
.online li:first-child { border-top: 0; }
.online li a { display: block; position: absolute; right: 0; top: 0; width:54px; height:54px;background:rgba(0, 0, 0, 0.8);color:#fff; font-size: 14px; line-height: 54px; overflow: hidden; transition:all .5s ease; }
.online li a i { float: left; font-size: 30px; text-align: center; width: 54px; }
.online li:not(.o-nohover):hover a { width: 124px; background: #44e3cc; }
.online .o-tel:hover a { width: 170px !important; }
.online .o-wechat span { opacity: 0; position: absolute; right: 54px; top: 0; width: 120px; height: 140px; padding: 5px; background: #44e3cc; transition:all .4s ease; }
.online .o-wechat span em { font-size: 13px; line-height: 1.8; font-style: normal; text-align: center; display: block; }
.online .o-wechat:hover a { overflow: inherit; background: #44e3cc; }
.online .o-wechat:hover span { opacity: 1; }
.online .o-top { display: none; cursor: pointer; }

/*动画*/
@keyframes glide {
     0% { top: 0; left: -150px; }
     99% { left: 500px; opacity: 1; }
     100% { opacity: 0; }
}
@keyframes shake-min {
    0%, 100% { transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
    20%, 40%, 60%, 80% { transform: translateX(5px); }
}
@keyframes rotation{
    10%{transform: rotate(90deg);}
    50%, 60%{transform: rotate(0deg);}
    90%{transform: rotate(90deg);}
    100%{transform: rotate(90deg);}
}

/*下载表单
.down-form label { width: 130px; }
.down-form .btn { margin-left: 140px; }*/

/*产品筛选
/* .filter{border:1px solid #ccc;background:#fff; margin-bottom: 40px;}
.filter li{ overflow:hidden;border-top:1px solid #ccc;line-height:60px}
.filter li:first-child{border-top:none}
.filter li span {float:left;width:140px;border-right:1px solid #ccc;font-size:1.6rem;color:#666;text-align:center;}
.filter li span img {display:inline-block;width:20px;height:20px;margin-top:-5px;padding-right:10px;vertical-align:middle}
.filter li a {float:left;margin-left:40px;transition:all .5s; color: #666; cursor: pointer}
.filter li a.fsx{margin:0 35px;color:#999}
.filter li a.on,.filter li a:hover{color:red}
.search {height:32px;padding:9px 8px;background:#3f4a55; margin-bottom: 30px;}
.search span{float:left;margin-right:10px;font-size:12px;color:#d2d2d2;line-height:32px}
.search form input[type=text]{float:left;width:260px;height:32px;padding:0 12px;border:none;background:#fff;box-sizing:border-box;line-height:32px}
.search form button {float:left;width:58px;height:32px;border:none;background:red url(../images/icon_19.png) no-repeat center; cursor: pointer;}
.search form .btn {float:left;width:58px; text-align: center; line-height:32px;border:none;background:red; color: #fff; cursor: pointer; border-left: 1px solid #fff;} */

/*产品详情
.product-detail { background: #fff; margin-bottom: 30px; }
.product-detail h1 { border-bottom: 1px solid #e6e3e3; font-size: 2.4rem; padding: 30px 0 10px; color: #333; text-align: center; line-height: 2; font-weight: normal; }
.product-detail .detail { padding: 45px; }
.product-detail .slide { width: 553px; border: 1px solid #e6e3e3; }
.product-detail .slide .bigPic { border-bottom: 1px solid #e6e3e3; }
.product-detail .slide .bigPic img { width: 100%; }
.product-detail .slide ul { height: 87px; }
.product-detail .slide ul li { float: left; width: 25%; border: 1px solid #fff; box-sizing: border-box; cursor: pointer; border-right: 1px solid #e6e3e3; }
.product-detail .slide ul li:last-child { border-right: none; }
.product-detail .slide ul li:hover { border: 1px solid #0093dd; }
.product-detail .slide ul img { width: 100%; }
.product-detail .intro { width: 483px; height: 361px; padding: 35px; margin-left: -1px; border: 1px solid #e6e3e3; line-height: 2.4; }
.product-detail .intro h3 { font-size: 2.4rem; font-weight: normal; border-bottom: 1px solid #d7d5d5; padding-bottom: 15px; line-height: 1; margin-bottom: 15px; }
.product-detail .intro .btn { margin-top: 23px; width: 120px; line-height: 45px; display: inline-block; background: #0093dd url("../images/ico_qq.png") no-repeat 44px center; padding-left: 88px; font-size: 1.6rem; color: #fff; border: 1px solid #0376b0; border-radius: 3px; }
.product-detail .content { padding: 0 45px 45px; }
.product-detail .content .hd { border: 1px solid #d9d9d9; }
.product-detail .content .hd h3 { font-size: 1.6rem; display: inline-block; width: 370px; line-height: 48px; text-align: center; background: #0093dd; font-weight: normal; color: #fff; }
.product-detail .content .bd { line-height: 2.4; padding: 40px 0 20px; }
.product-detail .content .bd img { max-width: 1110px; }
.related-title .hd { margin-bottom: 20px; line-height: 2.4; border-bottom: 1px solid #d9d9d9; font-size: 1.6rem; color: #333; }
.related-title .more { float: right; font-size: 1.2rem; color: #666; } */