/*浜у搧鍒嗙被椤?/
.product{ width: 100%;padding-bottom: 50px; padding-left: 4%; padding-right: 4%;}
.product ul{ width: 100%;  display: flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;}
.product ul li{ width: 100%; background: #fff; padding:20px; position: relative; margin-bottom: 20px;display:flex;flex-direction:column; }
.product ul li a{ width: 100%;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;}
.product ul li .li_left{ width: 100%; text-align: center;}
.product ul li .li_left dl{ color: #021E43;font-size:18px;/*font-family: "zhongheijianti" !important;*/font-weight:bold; }
.product ul li .li_left dd{font-size: 16px;color: #021E43;font-weight:bold; margin-top:5px;}
.product ul li .li_left dt{background: #0F76C1;width: 154px;height: 40px; line-height: 40px; color: #fff; text-align: center; font-size: 16px; position: absolute; bottom: 30px; left:30px; }
.product ul li .li_right{ width: 100%; margin-bottom: 10px;}
.product ul li .li_right img{ width: 65%;display:block; margin:0 auto;}
.product ul li span{ position: absolute; right:40px; }
.product ul li span img{ width: 30px; }
/*浜у搧璇︽儏椤?/
.local{ width: 100%;color: rgba(0, 0, 0, 0.65);font-size: 14px; padding-top: 20px; padding-bottom:20px;}
.local h1{ color: #002855; font-size: 22px; padding-bottom: 30px;}
.local a{color: rgba(0, 0, 0, 0.65);}
.product_show{ width: 100%;padding-left: 4%; padding-right: 4%; }
.pro_info{ width: 100%;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; }
.pro_info .pro_left{ width: 100%; }
.pro_info .pro_left img{ width: 100%; }
.video-button{ position: relative; }
.video-button h3{display:block;  width:60px; height:60px;cursor:pointer; background:url("../images/ic_play.png") 0 0 no-repeat;background-size: 100% 100%; position: absolute; top: 50%; left: 50%; margin-left:-30px; margin-top: -30px;  }

/*寮瑰嚭瑙嗛*/
.video-button{ cursor:pointer;}
.video-pop{ display: none; position: fixed; top:0; left:0; height: 100%; width: 100%; background: rgba(0,0,0,.5); text-align: center; z-index: 99999;}
.video-pop .content+i{ display: inline-block; vertical-align: middle; height: 100%;}
.video-pop .content{ position: relative; display: inline-block;  width:90%;vertical-align: middle; background: #000000;}
.video-pop .content video{ display: block; width: 100%; }
.video-pop .close{ position: absolute; top:-40px; right:0; cursor: pointer; width: 40px; height: 40px; background-image: url(../images/video_close.jpg); background-size: cover;}


.pro_info .pro_right{ width: 100%; padding-top: 15px;}
.pro_info .pro_right h1{color: rgba(0, 0, 0, 0.75);font-size:18px;}
.pro_info .pro_right h1 span{ margin-left: 15px; }
.pro_info .pro_right h2{font-size: 14px;font-weight: 400;color: rgba(0, 0, 0, 0.45);line-height: 24px; padding-top: 10px; padding-bottom:10px;}
.pro_info .pro_right li{font-size: 14px;color: rgba(0, 0, 0, 0.75);line-height:24px;font-weight: 400; position: relative; padding-left: 20px; padding-bottom: 10px;}
.pro_info .pro_right li:after{width: 6px;height: 6px;background: #0F76C1;border-radius: 3px; content: ""; position: absolute; left: 0; top: 10px;}
.pro_info .pro_right h3{color: rgba(0, 0, 0, 0.75);font-size:18px; padding-top:20px; padding-bottom: 20px;}
.pro_info .pro_right dl{width: 100%;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;}
.pro_info .pro_right dl dd{font-size: 14px;font-weight: 400;width: 48%;height: 50px;border: 1px solid #D4D4D4; line-height: 50px; margin-right: 4%; text-align: center;}
.pro_info .pro_right dl dd:nth-child(2){ margin-right: 0; }
.pro_info .pro_right dl dd img{ width: 30px; height: 30px; vertical-align: -10px; margin-right: 10px;}
.pro_info .pro_right dl dd a{ display: block;color: rgba(0, 0, 0, 0.75); }

.show{width: 100%;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; margin-top:20px; padding-bottom: 50px; }
.show .show_left{ width:100%;}
.show .show_left .content{ width:100%;}
.show .show_left .content .hd{ height:50px; line-height:50px;border-bottom:1px solid #E6E6E9; background: #fff; width: 100%;}
.show .show_left .content .hd.on{ position: fixed; top: 50px; }
.show .show_left .content .hd ul{ float:left;}
.show .show_left .content .hd ul li{ float:left; cursor:pointer;color: rgba(0, 0, 0, 0.35);font-size: 16px; margin-right: 30px;}
.show .show_left .content .hd ul li.on{color: rgba(0, 0, 0, 0.75); position: relative;}
.show .show_left .content .hd ul li.on:after{ position: absolute; content: ""; background: #0B0B0B; height: 2px; bottom: 0; left: 0; width: 100%; }
.show .show_left .content .bd ul{ width: 100%; padding-top: 20px;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; }
.show .show_left .content .bd ul img{ max-width: 100%; }
.show .show_left .content .bd ul h1{color: rgba(0, 0, 0, 0.75);font-weight: 500;font-size: 16px; width: 100%; padding-bottom: 20px;}
.show .show_left .content .bd ul li{width:48%;float:left;margin-right:4%;display:flex;flex-direction:column;margin-bottom:20px;font-size: 16px;color: rgba(0, 0, 0, 0.75);font-weight: 400;}
.show .show_left .content .bd ul li:nth-child(2n) {margin-right:0;}

.show .show_right{ width:305px; margin-left: 115px;}
.show .show_right h1{ width: 100%;font-weight: 400;color: rgba(0, 0, 0, 0.75);font-size: 20px;height:60px; line-height:60px;}
.show .show_right ul{ width: 100%; }
.show .show_right ul li{border: 1px solid #E5E5E5; margin-bottom: 30px; padding: 15px;}
.show .show_right ul li dl{ text-align: center; width: 100%; }
.show .show_right ul li dl img{ max-width: 100%; transition: all .5s ease;}
.show .show_right ul li dl:hover img{transform: scale(1.08,1.08);transition: all .3s linear;}
.show .show_right ul li dd{ text-align: center; font-weight: 500;color: rgba(0, 0, 0, 0.75);line-height: 16px;font-size: 16px;}
.show .show_right ul li dd span{ margin-left: 10px; }
.show .show_right ul li dt{ color: #0F76C1;font-size: 14px; text-decoration: underline; text-align: center; padding-top: 10px;}
.show .show_right ul li dt:hover{ color: #021e43 }
.show .show_right .shop{width:305px; }
.show .show_right .shop.on{ position: fixed; top: 10%; }
.show .show_right .shop h2{color: rgba(0, 0, 0, 0.75);font-weight: 400;font-size: 20px; padding-top: 30px; padding-bottom: 30px; text-align: left;}
.show .show_right .shop dl{width: 100%;}
.show .show_right .shop dl dd{font-size: 18px;font-weight: 400;width: 230px;height: 60px;border: 1px solid #D4D4D4; line-height: 60px;text-align: center; margin-bottom: 20px;}
.show .show_right .shop dl dd img{ width: 35px; height: 35px; vertical-align: -10px; margin-right: 10px;}
.show .show_right .shop dl dd a{ display: block;color: rgba(0, 0, 0, 0.75); }