.banner{width: 100%}
.banner img{width: 100%; display: block;}

/*产品中心列表*/
.product{ width: 100%; display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;}
.product li{width: 33.33333%;position: relative;}

.product li img{ width:100%; display: block;}
.product li .exp {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.product li .exp {color: rgba(255,255,255,0.6);opacity: 0;-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;transition: opacity 0.2s, transform 0.35s;}
.product li .exp:hover img,.product li .exp:hover {opacity: 1;}
.product li :hover exp {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.product li :hover exp {-webkit-transition-delay: 0.05s;transition-delay: 0.05s;-webkit-transition-duration: 0.35s;transition-duration: 0.35s;}
.product li .exp{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5)}
.product li .exp h1{color:#fff; font-size:24px; position:relative; padding-top:45px; margin-left:45px; font-weight: 500; display: inline-block;}
.product li .exp h1:after{ content:""; position:absolute; bottom:-10px; width:100%; height:2px; background:#fff; left:0;}
.product li .exp dt{position:absolute; text-align:center; top:50%; left:50%; margin-left:-15px;}
.product li .exp dt img{ width:30px; height:11px;}
.product li .exp dl{color:#fff; font-size:28px; padding-left:45px; padding-right: 45px; position:absolute; bottom:80px;}
.product li .exp dd{color:#fff; font-size:16px;margin-left:45px; padding-right: 45px;position:absolute; bottom:50px;}


/*产品详情*/

.pro_show{ width:1400px; margin:0 auto; position:relative}
.pro_show_left{ width:690px; height:870px; background:#f7f7f7; float:left;}
.pro_show_left img{ width:690px; height:870px;}

.pro_show_right{ float:right; width:630px; padding-top:95px;}
.pro_show_right dl{ color:#231816; font-size:20px;}
.pro_show_right h1{ color:#000; line-height:140px; position:relative; font-size:40px; font-weight:600;}
.pro_show_right h1:after{ content:""; width:40px; height:3px; position:absolute; left:0; bottom:0; background:#5c5c5c}
.pro_show_right h2{ color:#5c5c5c; font-weight:400; padding-top:25px; padding-bottom:140px; font-size:24px;}
.pro_show_right dd{ color:#231816; font-size:30px; margin-bottom:140px;}
.pro_show_right dt{ background:#231816; border-radius:40px; font-size:20px; float:left; width:150px; height:40px; text-align:center; line-height:40px;}
.pro_show_right dt a{ color:#fff; display:block;}

.left{ position:absolute; left:-60px; top:50%; margin-top:-25px;}
.left img{ width:50px; height:50px;}
.right{ position:absolute; right:-60px; top:50%;margin-top:-25px;}
.right img{ width:50px; height:50px;}