@charset "utf-8"; /* CSS Document */ #b1{display:none;} #b2{display:none;} .clearfix{clear:both;} body{margin: 0;padding: 0;} a{text-decoration: none;} body{margin:0;padding: 0;} input{margin:0;padding: 0;border: 0;outline: none;} ul{margin:0;padding: 0;} li{list-style: none;} h1,h2,h3{margin:0;font-weight: normal;} .header-box{ max-width:1200px; margin: 0 auto;position: relative;} .logo{margin: 17px 0;float: left;} .sousuo{width:185px;height:34px; border-top: 1px solid #212121;border-bottom: 1px solid #212121;border-left: 1px solid #212121; float: right;margin-top: 16px;padding-left: 8px;} .button{width:35px;height:36px;border-right: 1px solid #212121; border-top: 1px solid #212121;border-bottom: 1px solid #212121;float: right;margin-top: 16px;background-color: white;background-image: url(../images/sousuobtn_06.png);background-repeat: no-repeat;background-position:9px;} .xiala{float: right;margin-top: 35px;cursor: pointer;display: none;} .xiala input{width:20px;height: 2px;background-color:#b91b0f;display: block;margin-top: 4px;} .header-box ul{ background-color:#b91b0f;position: absolute;z-index: 1; right:18px;top:26px;display: none;} .header-box li{ height: 38px;text-align: center;line-height: 38px;border-bottom: 1px solid #cf3725;padding: 0 5px;} .header-box a{font-family: "微软雅黑";font-size: 14px; color:white;} @media(max-width:640px){ .sousuo{display:none;} .button{display:none;} .xiala{display:block;} .header-box{padding:0 20px;} .logo{height: 64px;margin: 12px 0;} .xiala{margin-top:5px;} .lg1{width:147px} .lg2{width:62px;} } .wrapper{height:446px;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;} .img_group{width:11520px;} .img_group img{width:1920px;;height:446px;float:left;} .ctrl_button{position:absolute;bottom:20px;left:50%;margin-left:-60px;} .ctrl_button li{width:21px;height:21px;margin:0 9px;float:left;background-color: #898989;-moz-border-radius: 50%;-o-border-radius: 50%;-webkit-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%;} .ctrl_button .current{ background-color:white;} .left-btn{position: absolute;top:calc(50% - 37px);left:100px;} .right-btn{position: absolute;top:calc(50% - 37px );right:100px;} @media(max-width:1000px){ .wrapper{height:232px;} .img_group{width:6000px;} .img_group img{width:1000px;height:232px;float:left;} } @media(max-width:800px){ .wrapper{height:185px;} .img_group{width:4800px;} .img_group img{width:800px;height:185px;} .left-btn{width:22px;left:30px;top:calc(50% - 37px)} .right-btn{width:22px;right:30px;top:calc(50% - 37px)} .ctrl_button li{width:14px;height: 14px;} } @media(max-width:640px){ .wrapper{height:148px;} .img_group{width:3840px;} .img_group img{width:640px;height:148px;} .left-btn{width:22px;left:30px;top:calc(50% - 37px)} .right-btn{width:22px;right:30px;top:calc(50% - 37px)} .ctrl_button li{width:10px;height: 10px;} .ctrl_button{margin-bottom: -10px;} #b1{display:block;} #b2{display:block;} } @media(max-width:480px){ .wrapper{height:111px;} .img_group{width:2880px;} .img_group img{width:480px;height:111px;float:left;} .left-btn{width:22px;left:30px;top:calc(50% - 37px)} .right-btn{width:22px;right:30px;top:calc(50% - 37px)} .ctrl_button li{width:10px;height: 10px;} .ctrl_button{margin-bottom: -10px;} #b1{display:block;} #b2{display:block;} } .nav{background-color: #130004;height:60px;} .nav-box{max-width:1200px;margin:0 auto;} .nav li{float:left;padding: 0 20px;} .nav a{font-size:14px;font-family: "微软雅黑";color:white;line-height: 60px;} .nav li:hover{height:68px;background-color:#890824;position: relative;top:-4px;} .nav li:hover a{line-height: 68px;} .nav .on{ height: 68px; background-color: #890824; position: relative; top: -4px; } .subnav a{color:#fff;height:34px;line-height:34px;font-size:14pxdisplay:block;} .subnav a:hover{height:34px;line-height:34px;width:130%;} .subnav{background:grey;position:absolute; left: 0px;top:68px; display: none;} .subnav li:hover{height:34px;line-height:34px;} .nav li:hover .subnav a{height:34px;line-height:34px;} .nav li:hover .subnav{display:block;} @media(max-width:1199px){ .nav li{float:left;padding: 0 11px;} } @media(max-width:1000px){ .nav li{float:left;padding: 0 5px;} .nav a{font-size:13px;font-family: "微软雅黑";color:white;line-height: 60px;} } @media(max-width:800px){ .nav li{float:left;padding: 0 8px;} .nav a{font-size:12px;font-family: "微软雅黑";color:white;line-height: 60px;} } @media(max-width:640px){ .nav{display: none;} } .guanyu{font-family:"微软雅黑";font-size:28px;color: #333333;line-height: 28px;text-align: center;margin-top: 40px;margin-bottom: 32px;} .dingwei{width:300px;margin: 0 auto;margin-bottom: 34px;} .dq{text-align:center;height:23px;} .dingwei img{height:11px;} .dingwei a{font-family:"微软雅黑";font-size:16px;color: #333333;line-height: 16px;} .xiaoanniu{margin: 0 auto;width: 740px;margin-bottom: 48px;} .xiaoanniu a{font-family:"微软雅黑";font-size:14px;color: #333333;float:left;width:136px;height: 45px;border-radius: 5px;background-color: #e7e7e7;margin: 0 6px;text-align: center;line-height: 45px;} .xiaoanniu .xian{background-color: #890824;color:white;} @media(max-width:800px){ .xiaoanniu{width:100%;} .xiaoanniu a{ width: 46%;margin: 0 2%;margin-bottom: 10px;} } .tupian-box{max-width: 1200px;margin: 0 auto;margin-bottom: 114px;} .tupian-lanmu{float:left;height: 325px;padding: 10px;width: calc((100% / 4) - 60px);margin: 0 20px 20px 20px; -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);-o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);-ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);} .meinv{margin-bottom: 20px;max-width:195px;max-height: 260px; vertical-align:middle;} .tupian-lanmu h1{font-family:"微软雅黑";font-size:16px;color: #333333;line-height: 16px;margin-bottom: 12px;text-align: center;} .tupian-lanmu h2{width:16px;height: 2px;background-color: #890824;margin: 0 auto;} .tupian-lanmu h3{font-family:"微软雅黑";font-size:14px;color: #666666;line-height: 14px;margin-bottom: 17px;text-align: center;} .meinv-box{display: block;position: relative;} .meinv-box div{height:284px;line-height:284px;} .hk{display: block;width:100%;height: 100%;background-color: #fad74c;opacity: 0.8;position: absolute;left: 0;top: 0;display: none; } .jia{position: absolute;left:calc(50% - 20px);top:calc(50% - 20px);z-index: 1;display: none;} @media(max-width:1000px){ .tupian-lanmu{width:calc((100% / 3) - 60px);height: 265px;padding: 10px;margin: 0 20px 20px 20px;} .meinv{margin-bottom: 20px;max-width: 147px;max-height: 196px; vertical-align:middle;} .meinv-box div{height:216px;} } @media(max-width:640px){ .guanyu{margin-bottom: 12px;margin-top: 22px;} .dingwei{margin-bottom: 24px;} .tupian-box{margin-bottom: 34px;} .tupian-lanmu{width:calc((100% / 2) - 60px);height: 265px;padding: 10px;margin: 0 20px 20px 20px;} .meinv{margin-bottom: 20px;max-width: 147px;max-height: 196px;} .meinv-box div{height:216px;} } @media(max-width:375px){ .guanyu{margin-bottom: 12px;margin-top: 22px;} .dingwei{margin-bottom: 24px;} .tupian-box{margin-bottom: 34px;} .tupian-lanmu{width:calc((100% / 2) - 60px);height:190px;padding: 10px;margin: 0 20px 20px 20px;} .meinv{margin-bottom: 20px;max-width: 100px;max-height: 133px;} .meinv-box div{height:153px;} } .footer{background-color: #f4f4f4;padding: 33px 0; text-align: center;} .footer span{display: block;font-family:"微软雅黑";width:100%;font-size:14px;color: #333333;line-height: 33px;text-align: center;} @media(max-width:800px){ .footer span{display: block;font-family:"微软雅黑";width:calc(100% - 40px);margin-left: 20px;margin-right: 20px; font-size:14px;color: #333333;line-height: 20px;text-align: center;} } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .dq{height:18px;} }