/*全局样式*/ @charset "utf-8"; html { overflow-x:hidden; } body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select { margin: 0; padding: 0 } body { font: 14px "微软雅黑", "Arial Narrow", HELVETICA; color: #000; -webkit-text-size-adjust: 100%; overflow-x: hidden; min-width: 320px; } input:required, textarea:required { outline: 0 none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-appearance: none !important; } a { text-decoration: none !important; cursor: pointer !important; color: #000; } a:focus { outline: none; } ul { margin: 0; } li { list-style: none; } .container-fluid { max-width:1230px !important; } .tr { transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s } .tr2 { transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; } .overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .logo-box{ text-align:center; font-size:0; } .logo-box a{ display:inline-block; height:140px; line-height:140px; } .logo-box img{ max-width:100%; max-height:80%; } /*PC端导航*/ nav{ border-bottom:1px solid #e9e9e9; } nav a { display:block; font-size:15px; color: #010101 !important; transition:all .3s; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; } /*一级导航*/ nav ul li{ float: left; width:12.5%; text-align: center; position: relative; line-height:80px; transition:all .3s; } nav ul li a::before{ content:""; width:1px; height:15px; border-left:1px dashed #c5c5c5; position:absolute; top:50%; left:0; transform:translateY(-50%); } nav ul li:last-child a::before{ display:none; } nav ul li:last-child a{ line-height:40px; color:#fff !important; background:#d5001c; margin-top:20px; } nav ul li:last-child a img{ margin-right:10px; position: relative; top:-1px; } nav ul li:last-child a:hover{ background:#b5041c; color:#fff !important; } nav ul li::before, nav ul li::after{ content:""; width:60%; height:3px; background:#d5001c; position:absolute; bottom:-1px; left:50%; transform:translateX(-50%); transition:all .3s; opacity:0; } nav ul li::after{ width:21.8%; background:#000; } nav ul li:last-child::before, nav ul li:last-child::after{ display:none; } nav ul li.active::before, nav ul li.active::after, nav ul li:hover::before, nav ul li:hover::after{ opacity:1; } nav ul li.active a, nav ul li:hover a{ color:#d5001c !important; } nav ul li.active dl dd a, nav ul li:hover dl dd a{ color:#010101 !important; } /*二级导航*/ nav dl{ position: absolute; display: none; left: 0; top: 100%; z-index: 100; width: 100%; padding-top:2px; } nav dl dd{ float: none; width: 100%; line-height: 35px; background: #fff; } nav dl dd a{ font-size:14px; padding:0 5px; color:#000 !important; } nav dl dd a::before{ display:none; } nav ul li dl dd a:hover{ color:#d5001c !important; } nav ul li:hover dl{ display:block; } /*banner轮播*/ .banner{ position: relative; overflow: hidden; } .banner .con1{ position:absolute; width:100%; top:0; left:0; z-index:1000; } .banner .con1 img{ margin-top:40px; max-width:23%; } .banner .swiper-slide .img{ height:450px; } .banner .but{ width:50px; height:50px; background:#7bb924; color:#fff; display:flex; justify-content:center; align-items:center; font-size:30px; left:-50px; margin-top:-25px; transition:all .3s; } .banner .swiper-button-next{ left:auto; right:-50px; } .banner:hover .swiper-button-prev{ left:10px; } .banner:hover .swiper-button-next{ right:10px; } .banner .swiper-pagination{ position:absolute; width:100%; bottom:10px; left:0; } .banner .swiper-pagination-bullet{ width:65px; height:5px; margin:0 5px; background-color:#fff; opacity:.5; border-radius:0; } .banner .swiper-pagination-bullet-active{ height:7px; opacity:1; } .title1{ margin:60px 0 30px; text-align:center; overflow: hidden; } .title1 h5{ font-size:30px; display:inline-block; position: relative; } .title1 h5::before, .title1 h5::after{ content:""; width:160px; height:3px; background:#d5001c; position:absolute; top:50%; right:100%; transform:translateY(-50%); margin-right:15px; } .title1 h5::after{ right:auto; left:100%; margin:0 0 0 15px; } .title1 p{ font-size:13px; color:#666; margin-top:10px; } .title1-2 h5{ color:#fff; } /* 经营品牌 */ .jypp .imgbox{ display:block; border:1px solid #ebebeb; padding:19px; box-shadow:8px 8px 10px rgba(0, 0, 0, .1); margin:30px 0 20px; } .jypp .imgbox2{ overflow: hidden; } .jypp .imgbox2 .img{ transition:all 1s; } .jypp .imgbox:hover{ border-color:#d5001c; } .jypp .imgbox:hover .img{ transform:scale(1.1); } .jypp h4{ font-size:24px; font-weight:bold; line-height:33px; text-align:center; } .jypp .text1{ color:#555; line-height:26px; overflow: hidden; margin-top:15px; text-align:center; } .jypp ul{ font-size:0; text-align:center; } .jypp ul li{ display:inline-block; margin:0 8px; } .jypp ul li a{ width:300px; height:94px; display:block; border:1px solid #e9e9e9; display:flex; justify-content:center; align-items:center; box-shadow:5px 5px 10px rgba(0, 0, 0, .1); transition:all .3s; } .jypp ul li a .text{ padding:8px 0 0 30px; text-align:left; } .jypp ul li a .text h5{ font-size:24px; font-weight:bold; color:#000; transition:all .3s; } .jypp ul li a .text p{ font-size:12px; color:#666; margin-top:2px; transition:all .3s; } .jypp ul li a:hover{ background:#d5001c; border-color:#d5001c; } .jypp ul li a:hover h5, .jypp ul li a:hover p{ color:#fff; } /* 会员尊享 */ .hyzx{ margin-top:60px; background:url(../images/bg1.jpg) center center/cover; } .hyzx .title1{ margin-top:0; } .hyzx-con{ padding:146px 0 146px 41%; } .hyzx-con .text1{ color:rgba(255, 255, 255, .6); line-height:27px; margin-bottom:30px; text-align:center; } .news1{ padding:0 18%; } .news1 a{ display:block; padding:10px; background:#fff; margin-bottom:10px; } .news1 a .imgbox{ width:168px; height:113px; overflow: hidden; border:1px solid #fff; } .news1 a .imgbox .img{ width:100%; height:100%; } .news1 a .text-box{ padding:5px 0 0 190px; } .news1 a h5{ font-size:19px; font-weight:bold; line-height:25px; color:#000; } .news1 a .text{ font-size:13px; color:#333; line-height:21px; height:63px; overflow: hidden; margin-top:8px; } .news1 a:hover{ background:#c7001a; } .news1 a:hover .imgbox .img{ transform:scale(1.1); } .news1 a:hover h5{ color:#fff; } .news1 a:hover .text{ color:rgba(255, 255, 255, .5); } .news1 a:last-child{ margin-bottom:0; } /* 新闻动态 */ .xwdt{ background:url(../images/bg2.jpg) center center/cover; padding:80px 0 70px; } .xwdt ul{ margin:0 -5px; } .xwdt ul li{ width:25%; padding:0 5px; } .xwdt ul li:first-child, .xwdt ul li:nth-last-child(2){ width:50%; } .xwdt ul li dl{ margin:0 -5px; } .xwdt ul li dl dd{ width:50%; padding:0 5px; } .xwdt ul li a.imgbox{ display:block; overflow: hidden; margin-bottom:10px; } .xwdt ul li a.imgbox .img{ height:235px; } .xwdt ul li a.imgbox .img-2{ height:480px; } .xwdt ul li a.imgbox:hover .img{ transform:scale(1.1); } .xwdt ul li a.text-box{ display:block; height:235px; background:#404040; position: relative; padding:30px 30px 0; margin-bottom:10px; } .xwdt ul li a.text-box h5{ font-size:20px; font-weight:bold; line-height:25px; color:#fff; } .xwdt ul li a.text-box .text{ font-size:13px; line-height:23px; height:92px; overflow: hidden; margin:10px 0; color:#fff; } .xwdt ul li a.text-box p{ font-size:13px; color:#fff; } .xwdt ul li a.text-box::before{ content:""; width:45px; height:45px; background:#747474 url(../images/index_37.png) no-repeat center center; position:absolute; bottom:0; right:0; transition:all .3s; } .xwdt ul li a.text-box:hover::before{ width:100%; } .xwdt ul li:first-child a.text-box{ background:#d5001c; } .xwdt ul li:first-child a.text-box::before{ background-color:#a60016; } .xwdt ul li:nth-child(3) a.text-box:nth-child(1){ background:#747474; } .xwdt ul li:nth-child(3) a.text-box:nth-child(1)::before{ background-color:#8b8b8b; } .xwdt ul li:nth-last-child(2) a.text-box{ background:#000; } .xwdt ul li:nth-last-child(2) a.text-box::before{ background-color:#d5001c; } .zzfw{ background:#f8f8f8; } .zzfw .swiper-container{ padding:0 10px 10px; margin:0 -10px; } .news2{ display:block; border:1px solid #e9e9e9; padding:9px; box-shadow:3px 3px 10px rgba(0, 0, 0, .1); transition:all .3s; } .news2 .imgbox{ overflow: hidden; position:relative; } .news2 h5{ position:absolute; width:100%; line-height:70px; background:rgba(0, 0, 0, .8); position:absolute; bottom:0; left:0; font-size:18px; font-weight:bold; color:#fff; padding:0 5px; text-align:center; } .news2:hover{ border-color:#d5001c; } .news2:hover .img{ transform:scale(1.1); } .zzfw .con1{ margin:50px 0; position: relative; } .zzfw .con1 img.ditu{ width:268px; } .zzfw .con1 ul{ padding:60px 220px 0 320px; } .zzfw .con1 ul li{ text-align:center; width:33.33%; } .zzfw .con1 ul li img{ height:27px; } .zzfw .con1 ul li p{ margin:10px 0 20px; } .zzfw .con1 ul li h5{ font-size:42px; font-weight:bold; } .zzfw .con1 .more{ display:block; width:155px; line-height:43px; border:1px solid #000; text-align:center; font-size:15px; color:#010101; position:absolute; top:90px; right:0; } .zzfw .con1 .more img{ margin-left:10px; position:relative; top:-1px; } .zzfw .con1 .more .icon-2{ display:none; } .zzfw .con1 .more:hover{ background:#d5001c; border-color:#d5001c; color:#fff; } .zzfw .con1 .more:hover .icon-1{ display:none; } .zzfw .con1 .more:hover .icon-2{ display:inline; } .lxwm{ background:url(../images/bg3.jpg) center center/cover; } .lxwm form{ max-width:490px; margin:0 auto; } .lxwm form input, .lxwm form textarea{ width:100%; height:46px; border:none; padding:0 10px; margin-bottom:10px; } .lxwm form textarea{ height:100px; padding:10px; } .lxwm form button{ width:145px; height:46px; background:#d5001c; border:none; font-size:16px; font-weight:bold; color:#fff; margin:10px auto 0; display:block; transition:all .3s; } .lxwm form button:hover{ background:#b8061e; } .lxwm ul{ padding:50px 150px 0; } .lxwm ul li{ width:50%; padding:0 10px; } .lxwm ul li .con{ height:83px; background:#333; display:flex; justify-content:center; align-items:center; } .lxwm ul li .con img{ margin-top:6px; } .lxwm ul li .con .text{ margin-left:20px; color:#fff; } .lxwm ul li .con .text p{ font-size:15px; } .lxwm ul li .con .text h5{ font-size:25px; font-weight:bold; margin-top:2px; } .lxwm ul li:last-child .con .text h5{ font-size:16px; } .lxwm .con2 dl{ font-size:0; text-align:center; padding-bottom:60px; } .lxwm .con2 dl dd{ width:200px; height:70px; display:inline-block; } .lxwm .con2 dl dd a{ width:100%; height:100%; display:block; transition:all .3s; } .lxwm .con2 dl dd a:hover{ transform:scale(.9); } .lxwm .bottom{ padding:25px 0; text-align:center; color:#fff; line-height:22px; border-top:1px solid rgba(255, 255, 255, .2); } .lxwm .bottom a{ color:#fff; transition:all .3s; } .lxwm .bottom a:hover{ color:#d5001c; } /* footer */ footer{ background: #000; padding: 25px 0; text-align: center; color:#fff; line-height:23px; } footer a { color:#fff !important; transition: all .3s; } footer a:hover{ color:#d5001c !important; } .news5 { display: block; border: 1px solid #e9e9e9; padding: 18px; background: #fff; margin-bottom: 30px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); box-shadow: 3px 3px 10px rgba(0, 0, 0, .1); } .news5 .imgbox { width: 245px; height: 209px; overflow: hidden; } .news5 .imgbox .img { width: 100%; height: 100%; } .news5 .text_box { padding: 10px 0 0 266px; } .news5 h5 { font-size: 18px; font-weight: bold; color: #2a2a2a; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-height: initial } .news5 p { color: #a8a8a8; margin-top: 10px; } .news5 .text { line-height: 24px; color: #797979; height: 72px; overflow: hidden; margin: 15px 0; } .news5 b { display: block; width: 93px; line-height: 29px; border: 1px solid #d4d4d4; color: #333; border-radius: 30px; font-weight: normal; text-align: center; } .news5 b img{ position:relative; top:-1.5px; } .news5 b img.img-2{ display:none; } .news5:hover { border-color: #ca0914; box-shadow:3px 3px 10px rgba(202, 9, 20, .2); } .news5:hover .img { transform: scale(1.1); } .news5:hover h5 { color: #ca0914; } .news5:hover b { background: #ca0914; border-color: #ca0914; color: #fff; } .news5:hover b img.img-1{ display:none; } .news5:hover b img.img-2{ display:initial; } /*内页左侧*/ .neiye { padding: 30px 0; } .neiye .title4 { position: relative; padding-bottom:20px; border-bottom:1px solid #e9e9e9; } .neiye .title4 h5 { padding-left:15px; font-size:25px; font-weight: bold; position: relative; } .neiye .title4 h5::before{ content:""; width:5px; height:25px; background:#ca0914; position:absolute; top:50%; transform:translateY(-50%); left:0; } .neiye .title4 h5 .span2 { font-size: 13px; margin-left: 5px; color: #999; font-weight: normal; } .neiye .title4 .span3 { position: absolute; top: 0; line-height: 45px; right: 15px; color: #fff; font-size: 18px; } .neiye .title4 i { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; z-index: 2; } .neiye .nav_box { margin-bottom: 17px; } .neiye .nav_box .nav1 { padding-top:22px; } .neiye .nav_box .nav2 { display: block; line-height:60px; background: #e9e9e9; margin-top:3px; padding:0 5px 0 50px; transition:all .3s; font-size:20px; color:#010101; font-weight:bold; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; position: relative; } .neiye .nav_box .nav2 img{ position:absolute; top:50%; right:10px; transform:translateY(-50%); } .neiye .nav_box .nav2 img.icon-2{ right:35px; } .neiye .nav_box .nav2 .span4 { width: 16px; height: 16px; line-height: 18px; border-radius: 50%; text-align: center; display: inline-block; font-size: 10px; transition: all .3s; background: #000; color: #fff; position:absolute; top:50%; left:15px; transform:translateY(-50%); } .neiye .nav_box .nav2:hover, .neiye .nav_box .nav2.active { background:#ca0914; color:#fff; } .neiye .nav_box .nav2:hover .span4, .neiye .nav_box .nav2.active .span4 { background: #fff; color: #000; } .neiye .nav1 ul { display:none; padding:0 5px; border:1px solid #e9e9e9; } .neiye .nav1 ul.active { display: block; } .neiye .nav1 ul li a { display: block; line-height: 40px; font-size:15px; color: #000; position: relative; border-bottom: 1px dashed #e5e5e5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition:all .3s; padding-left:60px; } .neiye .nav1 ul li:last-child a{ border:none; } .neiye .nav1 ul li a .span5 { margin-right: 5px; display: inline-block; width: 8px; height: 8px; position:absolute; top:50%; left:40px; transform:translateY(-50%); } .neiye .nav1 ul li a .span5:before { content: "-"; position: absolute; top: -2px; left: 0; line-height: 8px; font-size: 20px; } .neiye .nav1 ul li a:hover, .neiye .nav1 ul li a.active { color: #ca0914; font-weight:bold; } .neiye .nav1 ul li a:hover .span5:before, .neiye .nav1 ul li a.active .span5:before { content: "+"; left: -2px; } .neiye .title5 { border-bottom: 1px solid #d9d9d9; padding-bottom: 10px; margin:10px 0 20px; position: relative; } .neiye .title5 h5 { font-size: 18px; color: #333; font-weight: bold; } .neiye .title5 p { font-size: 13px; color: #777; position:absolute; bottom:10px; right:0; } .neiye .title5 p a { color: #777; } .neiye .title5 p a:hover { color: #ca0914; } .neiye .title5 p span { color: #ca0914; } .cp-ny{ padding:0 5px; } .cp-ny .col-xs-6{ padding:0; } .news3{ display:block; border:1px solid #e6e6e6; margin:0 10px 20px; } .news3 .imgbox{ padding:3px; } .news3 h5{ line-height:42px; border-top:1px solid #e6e6e6; font-size:15px; font-weight:bold; color:#000; padding:0 60px 0 20px; position: relative; } .news3 h5 i{ width:40px; height:100%; background:#fff; position:absolute; top:0; right:0; border-left:1px solid #e8e8e8; transition:all .3s; } .news3 h5 i::after{ content:""; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:7px solid #000; position:absolute; top:50%; left:50%; transform:translate3d(-50%,-50%,0); z-index:10; transition:all .3s; } .news3:hover, .news3:hover h5, .news3:hover h5 i{ border-color:#ca0914; } .news3:hover h5 i{ background:#ca0914; } .news3:hover h5 i::after{ border-left-color:#fff; } .cp-ny-img{ display:block; margin-bottom:20px; } .zxly-ny .title{ text-align:center; margin-bottom:30px; } .zxly-ny .title h5{ font-size:20px; font-weight:bold; } .zxly-ny .title p{ font-size:13px; color:#333; margin-top:5px; } .zxly-ny .title-2{ font-weight:bold; margin:0 0 20px 20px; } .zxly-ny form ul{ margin:0 -10px; } .zxly-ny form ul li{ width:50%; padding:0 10px; } .zxly-ny form ul li:last-child{ width:100%; } .zxly-ny form ul li .con{ position: relative; padding-left:20px; margin-bottom:20px; } .zxly-ny form ul li .con::before{ content:""; width:11px; height:6px; background:url(../images/icon7.png) no-repeat; position:absolute; top:50%; right:10px; transform:translateY(-50%); } .zxly-ny form ul li:nth-child(1) .con::before, .zxly-ny form ul li:nth-child(2) .con::before{ display:none; } .zxly-ny form ul li .con span{ color:#ca0914; position:absolute; top:0; left:0; line-height:45px; } .zxly-ny form input, .zxly-ny form select{ width:100%; height:45px; border:1px solid #e8e8e8; padding:0 10px; } .zxly-ny form select{ -webkit-appearance: none !important; appearance: none !important; } .zxly-ny form dl{ font-size:0; text-align:center; margin-top:10px; } .zxly-ny form dl dd{ width:150px; display:inline-block; margin:0 5px; } .zxly-ny form button{ width:100%; height:50px; background:#ca0914; font-size:15px; font-weight:bold; color:#fff; border:none; box-shadow:3px 3px 10px rgba(202, 9, 20, .2); transition:all .3s; } .zxly-ny form button:hover{ background:#ab111a; } .zxly-ny form button[type="reset"]{ background:#000; box-shadow:3px 3px 10px rgba(0, 0, 0, .2); } .zxly-ny form button[type="reset"]:hover{ background:#282424; } /*详情页*/ .xqy .title { text-align: center; margin-bottom: 20px; } .xqy .title h5 { font-size: 16px; font-weight: bold; } .xqy .title p { color: #999; text-align: center; line-height: 40px; border-bottom: 1px dashed #999; } .xqy .con { line-height: 25px; } .xqy .con img { display: block; max-width: 100%; margin: 0 auto; } /*微信弹窗*/ .weixin_popup { position: fixed; top: 50%; left: 50%; border: 1px solid #ccc; padding: 30px 30px 0 30px; text-align: center; background: #fff; transform: scale(0); margin: -116px 0 0 -106px; z-index: 5000; } .weixin_popup.active { transform: scale(1); transition: transform .3s; } .weixin_popup i { color: #999; position: absolute; top: 5px; right: 5px; transform: rotate(45deg); font-size: 20px; cursor: pointer; } .weixin_popup i:hover { color: red; } .weixin_popup img { width: 150px; height: 150px; } .weixin_popup p { line-height: 30px; } /* 右侧悬浮 */ .suspend_nav{ background: #d5001c; width: 52px; position: fixed; bottom:50px; right: 10px; text-align: center; z-index: 5000; border: 1px solid rgba(255, 255, 255, 0.7); } .suspend_nav .list { display: block; height: 50px; color: #fff; padding-top: 6px; transition: all .3s; position: relative; overflow: hidden; cursor: pointer; } .suspend_nav .list:last-child { border: none; } .suspend_nav .list:before { content: ""; width: 100%; height: 100%; top: -50px; right: 0; background: #5b0611; position: absolute; transform: rotate(0); transition: all .3s; } .suspend_nav .list i { display: block; transition: all .3s; position: relative; z-index: 2; } .suspend_nav .list p { position: relative; z-index: 2; } .suspend_nav .top { padding: 0; line-height: 50px; height: 0; overflow: hidden; opacity: 0; } .suspend_nav .top:after { content: ""; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.3); position: absolute; bottom: 0; left: 0; } .suspend_nav .top.active { height: 50px; opacity: 1; } .suspend_nav .top i { font-size: 25px; } .suspend_nav .on-off { padding: 0; line-height: 50px; } .suspend_nav .on-off.active i { transform: rotate(135deg); } .suspend_nav .list:hover { color: #fff; } .suspend_nav .list:hover:before { top: 0; transform: rotate(90deg); } .suspend_nav ul li { position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .suspend_nav ul li .list { border: none; } .suspend_nav ul li .weixin { position: absolute; right: 65px; bottom: 0; border: 1px solid #d5001c; transform: scale(0); transform-origin: 100% 100%; transition: all .3s; padding-bottom: 10px; background: #fff; padding: 5px; } .suspend_nav ul li .weixin:before { content: ""; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 10px solid #d5001c; position: absolute; bottom: 0; left: 100%; transition: all .5s; } .suspend_nav ul li .weixin img { width: 150px; height: 150px; } .suspend_nav ul li:hover .weixin { transform: scale(1); } .suspend_nav ul li:hover .weixin:before { bottom: 18px; } .suspend_nav ul li .popup { position: absolute; min-width: 200px; min-height: 200%; top: 0; right: 100%; border: 1px solid #d5001c; text-align: left; display: flex; justify-content: center; align-items: center; background: #d5001c; color: #fff; visibility: hidden; transition: all .3s; opacity: 0; padding: 0 15px; } .suspend_nav ul li .popup:before { content: ""; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 0 solid #d5001c; position: absolute; top: 0; left: 100%; transition: top .5s; } .suspend_nav ul li .popup p { font-size: 16px; } .suspend_nav ul li .popup h5 { font-size: 20px; margin-top: 5px; } .suspend_nav ul li .popup a { font-size: 20px; color: #fff; display: inline-block; margin-top: 5px; } .suspend_nav ul li:hover .popup { visibility: visible; right: 65px; opacity: 1; } .suspend_nav ul li:hover .popup:before { top: 18px; border-left-width: 10px; } /*移动端底部热点*/ .bottom_link { width: 100%; position: fixed; bottom: 0; left: 0; background: #d5001c; text-align: center; z-index: 5000; border-top: 1px solid rgba(255, 255, 255, 0.3); } .bottom_link ul li { width: 33.33%; height: 50px; border-right: 1px solid rgba(255, 255, 255, 0.3); } .bottom_link ul li:last-child { border: none; } .bottom_link ul li a { display: block; color: #fff; font-size: 16px; padding-top: 5px; position: relative; } .bottom_link ul li a i { display: block; height: 20px; } .bottom_link ul li:last-child a i { font-size: 20px; position: relative; top: -1px; } /*媒体查询开始*/ @media (max-width:991px) { header .sjdnav { display: none; width: 150px; height: auto; position: absolute; right: 0; top: 100px; z-index: 2000; } header .sjdnav ul { padding: 0; margin: 0; } header .sjdnav li { display: block; padding: 0; text-align: center; border-bottom: 1px solid rgba(255, 255, 255, 0.2); background: #d5001c; } header .sjdnav li:last-child { border: none; } header .sjdnav li a { display: block; color: #fff; line-height: 40px; font-size: 16px; } header .ydd_btn { width: 40px; cursor: pointer; position: absolute; z-index: 2000; top: 35px; right: 15px; } header .ydd_btn span { display: block; width: 100%; height: 8px; background: #d5001c; } header .ydd_btn span.span02 { margin: 5px 0; } header .ydd_btn.click span { background: #d5001c; } header .ydd_btn.click span.span01 { transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); position: relative; top: 8px; margin-top: 0px; } header .ydd_btn.click span.span02 { margin: 0.5px 0; } header .ydd_btn.click span.span03 { transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); position: relative; top: -8px; margin-top: 0px; } header .ydd_btn.click span.span02 { width: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .neiye .title4 { background:#ca0914; padding:0; } .neiye .title4 .span1 { display: none; } .neiye .title4 h5 { font-size:20px; color:#fff; padding-left: 15px; line-height: 45px; } .neiye .title4 h5 .span2 { display: none; } .neiye .nav_box .nav1{ padding:0; } .neiye .nav_box .nav2 { text-align: center; line-height: 38px; font-size:16px; padding:0 5px; } .neiye .nav_box .nav2 .con { padding: 0 5px; } .neiye .nav_box .nav2 .span4 { display: none; } .neiye .nav1 ul.active { display: none; } .neiye .nav1 ul li a { text-align: center; padding:0; } .neiye .nav1 ul li a .span5 { display: none; } .neiye .nav_box { margin-bottom: 20px; } .neiye { padding: 20px 0; } .hyzx-con{ padding:60px 0; } .zzfw .con1 img.ditu{ float:none !important; display:block; margin:0 auto; max-width:400px; } .zzfw .con1 ul{ padding:30px 0; } .zzfw .con1 .more{ position:initial; margin:0 auto; } .lxwm ul{ padding:50px 0 0; } .logo-box a{ height:100px; line-height:100px; } } @media (max-width:767px) { body { padding-bottom: 50px; } header .sjdnav { top: 80px; } header .ydd_btn { width: 35px; top: 30px; } header .ydd_btn span { height: 4px; } header .ydd_btn span.span02 { margin: 3px 0; } header .ydd_btn.click span.span02 { margin: 4px 0; } .news5 { padding: 5px; margin-bottom: 15px; } .news5 .imgbox { width: 120px; height: 90px; } .news5 .text_box { padding: 0 0 0 130px; } .news5 h5 { font-size: 16px; } .news5 p { margin-top: 0; font-size: 12px; } .news5 .text { line-height: 20px; height: 40px; margin: 5px 0; font-size: 13px; } .news5 b { display: none; } .cp-ny{ padding:0 10px; } .banner .swiper-pagination{ bottom:5px; } .banner .swiper-pagination-bullet{ width:20px; } .title1{ margin:30px 0; } .title1 h5{ font-size:20px; } .title1 p{ margin-top:5px; } .jypp h4{ font-size:16px; line-height:25px; } .jypp .text1{ line-height:25px; } .jypp .imgbox{ padding:5px; } .jypp ul li{ width:100%; margin:0; } .jypp ul li a{ width:100%; margin:0 auto 20px; } .jypp ul li a .text h5{ font-size:16px; } .jypp ul li a{ height:80px; } .jypp ul li a .img{ width:120px; } .jypp ul li a .img img{ max-width:100%; } .jypp ul li a .text{ width:100px; text-align:left; } .hyzx{ margin-top:10px; } .hyzx-con{ padding:30px 0; } .hyzx-con .text1{ line-height:25px; } .news1{ padding:0; } .news1 a{ padding:5px; } .news1 a h5{ font-size:16px; } .news1 a .text-box{ padding:0 0 0 130px; } .news1 a .text{ margin-top:5px; } .news1 a .imgbox{ width:120px; height:100px; } .xwdt ul li{ width:50%; } .xwdt ul li:first-child, .xwdt ul li:last-child{ width:100%; } .xwdt ul li a.text-box{ height:185px; padding:10px 10px 0; } .xwdt ul li a.text-box h5{ font-size:16px; } .xwdt ul li a.text-box .text{ height:69px; } .xwdt ul li a.text-box::before{ width:35px; height:35px; } .xwdt ul li a.imgbox .img{ height:185px; } .xwdt ul li a.imgbox .img.img-2{ height:380px; } .xwdt{ padding:30px 0 20px; } .news2{ padding:5px; } .news2 h5{ line-height:35px; font-size:16px; } .zzfw .con1{ margin:30px 0; } .zzfw .con1 ul li p{ margin:10px 0; } .zzfw .con1 ul li h5{ font-size:20px; } .zzfw .con1 .more{ width:130px; line-height:35px; } .zzfw .con1 .more img{ margin-left:5px; } .lxwm ul{ padding-top:30px; } .lxwm ul li{ width:100%; text-align:center; } .lxwm ul li:last-child{ margin-top:10px; } .lxwm ul li .con{ height:116px; } .lxwm ul li .con .text h5{ font-size:20px; } .lxwm ul li:last-child .con .text h5{ font-size:14px; } .lxwm ul li .con img, .lxwm ul li .con .text{ float:none !important; margin:0; } .lxwm ul li .con img{ margin-bottom:5px; } .lxwm .con2 dl{ padding-bottom:30px; } .lxwm .con2 dl dd{ width:100%; } .lxwm .con2 dl dd:last-child{ margin-top:20px; } .logo-box a{ height:80px; line-height:80px; } .news3{ margin:0 5px 10px; } .news3 h5{ padding:0 50px 0 5px; line-height:35px; } .zxly-ny .title h5{ font-size:18px; } .zxly-ny form ul li{ width:100%; } .zxly-ny form ul li .con{ margin-bottom:10px; } .banner .con1 img{ margin-top:15px; } } @media (max-width:479px) { header .ydd_btn { width: 25px; top: 21px; } header .sjdnav { top: 60px; } .logo-box a{ height:60px; line-height:60px; } .zxly-ny form dl{ margin:20px -5px; } .zxly-ny form dl dd{ width:50%; margin:0; padding:0 5px; } .zxly-ny form button{ height:45px; } }