/*浜у搧鍒嗙被椤?/ .product{ width: 1100px;margin: 0 auto; padding-bottom: 160px;} .product ul{ width: 1100px; display: flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;} .product ul li{ width: 48%; background: #fff; padding: 30px; padding-right: 0; position: relative; margin-bottom: 30px;display:flex;flex-direction:column;margin-right: 4%; } .product ul li:nth-child(2n+2){ margin-right: 0 } .product ul li:hover{box-shadow:0px 2px 17px 1px rgba(0,0,0,0.05);} .product ul li a{ width: 100%;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;} .product ul li .li_left{ width: 60%; padding-right: 5%;} .product ul li .li_left dl{ color: #021E43;font-size: 32px;/*font-family: "zhongheijianti" !important; */margin-bottom: 15px; font-weight: bold;} .product ul li:hover .li_left dl{ color: #0f76c1; } /*.product ul li .li_left dd{font-size: 16px;color: #021E43;line-height: 28px;font-weight: 400; margin-top: 20px; margin-bottom:20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}*/ .product ul li .li_left dd{font-size: 16px;color: rgba(0, 0, 0, 0.75);line-height: 30px;font-weight: 400; position: relative; padding-left: 20px; padding-bottom: 5px;} .product ul li .li_left dd:after{width: 6px;height: 6px;background: #0F76C1;border-radius: 3px; content: ""; position: absolute; left: 0; top: 12px;} .product ul li .li_left dt{background: #0F76C1;width: 154px;height: 40px; line-height: 40px; color: #fff; text-align: center; font-size: 16px; margin-top: 15px;} .product ul li a:hover .li_left dt{ background: #021E43; } .product ul li .li_right{ width: 40%; overflow: hidden;} .product ul li .li_right img{ width: 200px;display:block;transition: all .5s ease; } .product ul li:hover .li_right img{transform: scale(1.08,1.08);transition: all .3s linear;} .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: 40px; 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: 1100px; margin: 0 auto; } .pro_info{ width: 100%;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; } .pro_info .pro_left{ width: 550px; } /* focus */ .focus{width:550px;overflow:hidden;position:relative;margin:0 auto;} .focus .focuspic{height:550px;width:999em;position:relative;float:left;} .focus .focuspic .indexbanner{float:left;width:550px;position:relative;height:550px;overflow:hidden;} .focus .focuspic .indexbanner video{ width: 100%;vertical-align: middle;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .focus .focuspic .indexbanner dl{display:block; width:80px; height:80px;cursor:pointer; background:url("../images/ic_play.png?1") 0 0 no-repeat; margin: 0 auto; background-size: 100% 100%; position: absolute; top: 50%; left: 50%; margin-left: -40px; margin-top: -40px;} .focus .focuspic .indexbanner dl:hover{background:url("../images/ic_play_hover.png?1") 0 0 no-repeat;background-size: 100% 100%;} /* scrollbox */ .f-l{float:left;} .f-r{float:right;} .scrollbox{height:100px;float:left; margin-top: 20px;} .scrollbox .scrollbtn{width:17px;height:30px;overflow:hidden;margin: 38px 0 0 0;} .scrollbox #prev{background-position:0 0;background:url(../images/ic_arrow_l.png) no-repeat;cursor:pointer;} .scrollbox #prev.disabled{background-position:0 0;cursor:default;background:url(../images/ic_arrow_left_noclick.png) no-repeat;cursor:pointer;} .scrollbox #next{background-position:0 0;background:url(../images/ic_arrow_r.png) no-repeat;cursor:pointer;} .scrollbox #next.disabled{background-position:0 0;cursor:default;background:url(../images/ic_arrow_rig_noclick.png) no-repeat;cursor:pointer;} .scrollbox .scrollpic{float:left;margin: 0 10px 0 10px;display:inline;width:490px;height:100px;overflow:hidden;} .scrollbox .scrollpic ul{width:999em;float:left;display:inline;} .scrollbox .scrollpic li{float:left;width:130px;} .scrollbox .scrollpic li.current img{border:solid 1px #0F76C1;} .pro_info .pro_right{ width: 550px; padding-left: 30px; } .pro_info .pro_right h1{font-weight: 500;color: rgba(0, 0, 0, 0.75);font-size:28px;} .pro_info .pro_right h1 span{ margin-left: 15px; } .pro_info .pro_right h2{font-size: 16px;font-weight: 400;color: rgba(0, 0, 0, 0.45);line-height: 26px; padding-top: 15px; padding-bottom: 30px;} .pro_info .pro_right li{font-size: 16px;color: rgba(0, 0, 0, 0.75);line-height: 30px;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: 12px;} .pro_info .pro_right h3{color: rgba(0, 0, 0, 0.75);font-weight: 400;font-size: 20px; padding-top:50px; 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: 18px;font-weight: 400;width: 230px;height: 60px;border: 1px solid #D4D4D4; line-height: 60px; margin-right: 30px; text-align: center;} .pro_info .pro_right dl dd img{ width: 35px; height: 35px; 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:80px; padding-bottom: 160px; } .show .show_left{ width:680px;} .show .show_left .content{ width:100%;} .show .show_left .content .hd{ height:60px; line-height:60px;border-bottom:1px solid #E6E6E9; background: #fff; width: 680px;} .show .show_left .content .hd.on{ position: fixed; top: 0; } .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: 20px; margin-right: 60px;} .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: 30px;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); }