@charset "utf-8"; /* CSS Document */ html, body { margin: 0; padding: 0; width: 100%; height: 100%; position: relative; } body { overflow-y: scroll; } *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} *{ line-height: 1.8;} a,a:link{ color: #333; text-decoration: none;} a:hover,a:active{ color: #da251d; text-decoration: none;} ::selection{background:#da251d; color:#fff;} ::-moz-selection{background:#da251d; color:#fff;} .bd_weixin_popup{-webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial;} #map label,#map img{max-width: none;} .BMap_stdMpCtrl{display: none;} .dh-01{ -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s;} .dh-02{ -webkit-animation-delay: .1s; -moz-animation-delay: .1s; -o-animation-delay: .1s; animation-delay: .1s;} .dh-03{ -webkit-animation-delay: .2s; -moz-animation-delay: .2s; -o-animation-delay: .2s; animation-delay: .2s;} .dh-04{ -webkit-animation-delay: .3s; -moz-animation-delay: .3s; -o-animation-delay: .3s; animation-delay: .3s;} .dh-05{ -webkit-animation-delay: .4s; -moz-animation-delay: .4s; -o-animation-delay: .4s; animation-delay: .4s;} .dh-06{ -webkit-animation-delay: .5s; -moz-animation-delay: .5s; -o-animation-delay: .5s; animation-delay: .5s;} .dh-07{ -webkit-animation-delay: .6s; -moz-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s;} @media (max-width: 319px) { html { background: #fff url(../img/displayNone.png) center center no-repeat; } body { display: none; } } @media (min-width: 320px) { body{font-size: 12px;} .header-t{display: none;} .header-box{ background: #fff; height: 4rem; overflow: hidden; z-index: 8; position: relative;} .nav-box{ position: absolute; width: 100%; background: #fff;} .nav-box-show{ position: fixed; z-index: 99;} .logo{font-weight: normal; padding: 0; margin:0; float: left; position: absolute; z-index: 99; overflow: hidden; height: 4rem;} .logo a{ padding: 0; margin: 0;} .logo img{ height:100%; display: block;} .logo span{display: none;} .nav-w{ width: 18rem; } .header{ position: absolute; top: 0; width: 100%; z-index: 9999;} .nav-btn{position: relative; top: 0rem; width: 3rem; margin-top: 0.3rem; cursor: pointer; z-index: 9999; cursor: pointer; float: right;} .nav-btn span{width: 100%; height: 0.3rem; display: block; float: left; background: #002f7b; margin: 3px 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;} .nav-btn div.btn-02{ height: 3rem; width: 3rem; overflow: hidden;} .btn-02 i{ width: 3rem; height: 3rem; line-height: 3rem; display: block; text-align: center; font-size: 2.4rem; color: #da251d;} .btn-02 .nav-hide-btn{display: none; font-size: 2.4rem;} .nav-btn-show .btn-02 .nav-show-btn{display: none;} .nav-btn-show .btn-02 .nav-hide-btn{display: block; color: #da251d;} .nav-btn-show .btn-02 .nav-hide-btn:before{ line-height: 3rem; height: 3rem; display: block; overflow: hidden;} .nav{ width: 0;position: fixed; right: 0; top: 0; background: #fff; z-index: 99; padding: 0.7rem 0 11rem 0; height: 100%; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.3); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.3); box-shadow: 0px 0px 10px rgba(0,0,0,.3); -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; overflow: hidden;} .nav ul,.nav li{padding: 0; margin: 0; list-style: none;} .nav .nav-list{position: absolute; width: 18rem; top: 0; height: 100%; padding-top: 12rem; overflow: hidden;} .nav ul{ height: 100%; overflow: initial;} .nav li{ border-bottom: solid 1px #ededed;-webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: block; -webkit-transform: translateX(18rem); -moz-transform: translateX(18rem); -ms-transform: translateX(18rem); -o-transform: translateX(18rem); transform: translateX(18rem);} .nav li a{ padding-left: 1rem; line-height: 3.6rem; font-size: 1.2rem; display: block; text-transform: uppercase; color: #666; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s;} .nav li a i{ padding-left: 1rem;} .body-box{ width: 100%; height: 100%; position: relative; background: none; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;} .body-box-show{ position: fixed;} .nav ul div{display: none; padding:.5rem 0;} .nav li div a{font-size: 1rem; line-height:2.8rem;} .nav-show{ width: 18rem; opacity: 1;} .nav-show ul{ overflow-y: scroll;} .nav-show li:nth-child(1){ -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s;} .nav-show li:nth-child(2){ -webkit-transition-delay: 0.25s; -moz-transition-delay: 0.25s; -ms-transition-delay: 0.25s; -o-transition-delay: 0.25s; transition-delay: 0.25s;} .nav-show li:nth-child(3){ -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s;} .nav-show li:nth-child(4){ -webkit-transition-delay: 0.35s; -moz-transition-delay: 0.35s; -ms-transition-delay: 0.35s; -o-transition-delay: 0.35s; transition-delay: 0.35s;} .nav-show li:nth-child(5){ -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s;} .nav-show li:nth-child(6){ -webkit-transition-delay: 0.45s; -moz-transition-delay: 0.45s; -ms-transition-delay: 0.45s; -o-transition-delay: 0.45s; transition-delay: 0.45s;} .nav-show li:nth-child(7){ -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s;} .nav-show li:nth-child(8){ -webkit-transition-delay: 0.55s; -moz-transition-delay: 0.55s; -ms-transition-delay: 0.55s; -o-transition-delay: 0.55s; transition-delay: 0.55s;} .nav-show li:nth-child(9){ -webkit-transition-delay: 0.65s; -moz-transition-delay: 0.65s; -ms-transition-delay: 0.65s; -o-transition-delay: 0.65s; transition-delay: 0.65s;} .nav-show li:nth-child(10){ -webkit-transition-delay: 0.75s; -moz-transition-delay: 0.75s; -ms-transition-delay: 0.75s; -o-transition-delay: 0.75s; transition-delay: 0.75s;} .nav-show li:nth-child(11){ -webkit-transition-delay: 0.75s; -moz-transition-delay: 0.75s; -ms-transition-delay: 0.75s; -o-transition-delay: 0.75s; transition-delay: 0.75s;} .nav-show li:nth-child(12){ -webkit-transition-delay: 0.75s; -moz-transition-delay: 0.75s; -ms-transition-delay: 0.75s; -o-transition-delay: 0.75s; transition-delay: 0.75s;} .nav-show li:nth-child(13){ -webkit-transition-delay: 0.75s; -moz-transition-delay: 0.75s; -ms-transition-delay: 0.75s; -o-transition-delay: 0.75s; transition-delay: 0.75s;} .nav-show li:nth-child(14){ -webkit-transition-delay: 0.75s; -moz-transition-delay: 0.75s; -ms-transition-delay: 0.75s; -o-transition-delay: 0.75s; transition-delay: 0.75s;} .nav-show li:nth-child(15){ -webkit-transition-delay: 0.75s; -moz-transition-delay: 0.75s; -ms-transition-delay: 0.75s; -o-transition-delay: 0.75s; transition-delay: 0.75s;} .nav-show li{ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .nav li{ -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .nav li.nav-on>a,.nav li a.on{ color: #da251d;} .nav li div{ background: #f5f5f5;} .nav li .nav-rj-on{ color: #b7000a;} .max dl,.max dt,.max dd{padding: 0; margin: 0;} .btn-box{ width: 18rem; height: 3rem;} .topr-btn{ padding-left: 0.5rem; float: left; position: relative;} .topr{ height: 3rem;} .lang{ position: relative; z-index: 9;} .lang ,.lang *{padding: 0; margin: 0;} .lang{ padding-left: 1rem;} .lang dt{ float: left; color: #da251d; line-height: 2.3rem; cursor: pointer;} .lang dd{ float: left; display: none; position: absolute; top: 2.5rem; width: 6rem;} .lang dd a{ float: left; width: 100%; line-height: 3rem; text-align: center; color: #fff; font-size: 12px; background: #777; padding: 0 .5rem;} .lang dd a:hover,.lang a.on{color: #fff; background: #da251d;} .yj-btn{ float: left; line-height: 2.3rem; margin-left: 1rem;} .yj-btn a{ color: #666;} .search-box{ padding: 1.5rem 1rem 1rem 1rem; position: relative; width: 18rem;} .search-txt{ width: 100%; padding: 0 4.5rem 0 1rem; height: 3.6rem; border: solid 1px #cbcbcb; outline: none;} .search-btn{ color: #fff; background: #da251d; width: 3.6rem; position: absolute; top: 1.5rem; right: 1rem; height: 3.6rem; font-size: 1.4rem; border: none;} .search-btn-02{display: none; } .bg-txt{ width: 100%; padding:3rem 3rem; opacity: 0;} .bg{ -webkit-background-size: cover; background-size: cover; background-position: center top; padding-bottom: 80%; text-align: center;} .bg02{ padding-bottom: 0;} .bg02 .bg-box{ padding-top: 70%; padding-bottom: 10px;} i.pic-scale-banner{ padding-bottom: 35.54%;} i.pic-scale-video{ padding-bottom: 55.88%;} i.pic-scale-video img{ height:100%;} i.pic-scale-pro{ padding-bottom: 55.88%;} .ind-box-pf{ position: absolute; top: 4rem; z-index: 9; width: 100%;} .ind-box{ padding-top: 80%; margin:-5px;} .ind-box-02{ padding-top: 10px;} .ind-box-t{ padding: 5px; width: 100%; float: left;} .ind-box-b{ padding: 5px; width: 50%; float: left;} .ba-txt{ padding: 5px; color: #fff; font-size: 12px; text-shadow: 1px 1px 0px rgba(0,0,0,.6); text-align: center; float: left; width: 100%;} .banner-txt{ margin: 0; overflow: hidden; position: absolute; left: 0; bottom: -60px; line-height: 40px; color: #fff; width: 100%; font-style: normal; z-index: 9;} .banner-txt span{ background: #da251d; padding: 5px; margin-right: 5px;} .banner-txt b{white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; padding: 0 90px 0 10px; display: block;} .banner-txt p{ height: 40px; line-height: 20px; padding: 20px 10px 10px 10px; overflow: hidden; margin: 0;} .banner-txt small{ padding: 0 10px 10px 10px; font-size: 12px; display: block; line-height: 20px;} .banner-bg{ background: url(../img/banner-bg.png) center top repeat-x; position: absolute; left: 0; bottom: 0; z-index: 8; width: 100%; height: 80px;} .video-box b{ background: url(../img/video-ico.png) center center no-repeat; width: 100%; height: 100%; display: block; position: absolute; z-index: 9;} .video-box div{ background: url(../img/video-bg.png) center center; width: 100%; height: 100%; display: block; position: absolute; z-index: 8;} .pro-box b{ position: absolute; left: 0; bottom: 0; line-height: 30px; font-weight: normal; padding: 0 10px; font-style: normal; display: block; width: 100%; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; text-shadow: 1px 1px 0px rgba(255,255,255,1);} @-webkit-keyframes bannerFadeIn { from { opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes bannerFadeIn { from { opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .bannerFadeIn { -webkit-animation-name: bannerFadeIn; animation-name: bannerFadeIn; } .banner-btn{ position: absolute; right: 10px; bottom: 5px; z-index: 9;} .banner-pagination span{width: 13px; height: auto; background: none; position: relative; height: 18px; overflow: hidden; margin-left: 5px; opacity: .5;} .banner-pagination span i{ position: relative;} .banner-pagination span b{ top: 5px; width: 12.124355px; height: 7px; display: block; position: absolute; border-left: solid 1px #fff; border-right: solid 1px #fff;} .banner-pagination span i:before{ content: ''; overflow: hidden; width: 12.124355px; height: 7px; display: block; position: absolute; border-left: solid 1px #fff; border-right: solid 1px #fff; top: 5px; left: 0; transform:rotate(60deg); -ms-transform:rotate(60deg); /* IE 9 */ -moz-transform:rotate(60deg); /* Firefox */ -webkit-transform:rotate(60deg); /* Safari 鍜 Chrome */ -o-transform:rotate(60deg); /* Opera */} .banner-pagination span i:after{ content: ''; overflow: hidden; width: 12.124355px; height: 7px; display: block; position: absolute; border-left: solid 1px #fff; border-right: solid 1px #fff; top: 5px; left: 0; transform:rotate(120deg); -ms-transform:rotate(120deg); /* IE 9 */ -moz-transform:rotate(120deg); /* Firefox */ -webkit-transform:rotate(120deg); /* Safari 鍜 Chrome */ -o-transform:rotate(120deg); /* Opera */} .banner-pagination span.swiper-pagination-bullet-active{ opacity: 1;} .banner-pagination span.swiper-pagination-bullet-active b,.banner-pagination span.swiper-pagination-bullet-active i:before,.banner-pagination span.swiper-pagination-bullet-active i:after{ border: none; background: #da251d; left: 0;} .video-box-pf{ display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99999; -webkit-animation-duration: .3s; animation-duration: .3s;} .video-pd{ width: 100%; margin: 0 auto; position: relative; top: 50%; padding: 0 15px;} .video-pdc{ padding: 40px 0; width: 100%; position: relative;} .video-ifr{ width: 100%; border: none; height: 100%;} .video-pdc .video{ width: 100%; height: 100%; background: #000;} .pf-close{ width: 40px; height: 40px; padding: 10px; position: absolute; right: 0; top: 0; background: #da251d; cursor: pointer; text-align: center;} .pf-close i{ color: #fff; line-height: 20px; font-size: 20px;} .tc-bg { display: none; background: #000; filter: alpha(opacity=60); background: rgba(0,0,0,.6); position: fixed; width: 100%; height: 100%; z-index: 99998; left: 0; top: 0; -webkit-animation-duration: .3s; animation-duration: .3s;} .wx-box-pf{ display: none; position: fixed; width: 100%; z-index: 99999; left: 0; top: 50%; margin-top: -150px; -webkit-animation-duration: .3s; animation-duration: .3s;} .wx-pd{ width: 230px; margin: 0 auto; position: relative; padding-top: 40px;} .wx-box-pf span{ text-align: center; display: block; line-height: 30px; color: #FFF;} .footer{ text-align: center; border-top: solid 1px #d4d4d4;background: #fff;} .footer a:hover{ color: #da251d;} .footer-l{ padding: 5px 0;} .footer-l,.footer-l a{ line-height: 20px; color: #666;} .footer-l .wx-btn{ color: #58bc58; font-size: 18px; float: left; line-height: 20px; cursor: pointer;} .footer-l span{ display: inline-block;} .footer-m{ color: #666; line-height: 20px; padding: 5px;} .footer-r{ color: #666; line-height: 20px; padding: 5px;} .footer-r a{ color: #666;} .banner-min{ height: 8rem; background-position: center center; -webkit-background-size: cover; background-size: cover;} .menu{ background: #fff;} .menu-tit{color: #fff; background: #da251d; display: block; width: 100%; text-align: center; height: 60px; font-size: 24px; font-weight: normal; display: none;} .menu ul,.menu li{ padding: 0; margin: 0; list-style: none;} .menu ul{} .menu li{} .menu li a{ padding:0 15px; line-height: 40px; display: block; border-bottom: solid 1px #e8e8e8;} .menu .menu-show li>a{display: block;} .menu li>a{display: none;} .menu li a i{ float: right; font-size: 12px; line-height: 40px;} .menu li.on>a{ color: #fff; background: #da251d;} .menu li.on div{ display: block;} .menu li div{ padding: 0; background: #f2f2f2; display: none;} .menu li.on div{ overflow: hidden; border-right: solid 1px #e8e8e8;} .menu li div a{ line-height: 20px; float: left; text-align: center; padding:8px 15px; width: 100%; border-left: solid 1px #e8e8e8;} .menu li div a.on-02{ color: #da251d; font-weight: bold;} .content-bg{background: #f9f9f9; padding: 10px 0;} .dz{ border-bottom: solid 1px #e3e3e3; padding-top: 20px;} .dz b{ color: #da251d; font-size: 16px; display: none;} .dz p{ font-size: 12px; color: #999; padding: 0; margin: 0; line-height: 30px;} .dz p i{ color: #999; font-size: 14px; padding-right: 5px;} .dz p a{ color: #999;} .dz p a:hover{ color: #da251d;} .content{ padding: 15px; background: #fff; overflow: hidden; position: relative; margin-top: 10px; color: #666;} .content *{ color: #666; line-height: 2;} .content sup{color:inherit;} .content img{ width: 100%;} .jtjj-box-tr{ padding-top: 10px;} .jtjj-box-tr p{ padding:10px 0 0 0; margin: 0;} .jtjj-box-ml{ padding-top: 10px;} .jtjj-box-mr p{ padding:10px 0 0 0; margin: 0;} .jtjj-box-b{ padding-top: 10px;} div.pages { TEXT-ALIGN: center; width: 100%; padding: 0; margin: 20px 0; line-height: 1.7; float: left; } div.pages *{ line-height: 1.7;} div.pages a,div.pages span { TEXT-DECORATION: none; background: #fff; border: 1px solid #dcdcdc; padding: 5px 10px; margin: 3px; color: #333333; font-size: 12px; display: inline-block; } div.pages a:hover,div.pages a:active,div.pages span.current,div.pages span.disabled { background: #cc0000; color: #fff; border: 1px solid #cc0000;} .scjd-tabs .hd{ padding: 0; margin: 0; list-style: none;} .scjd-tabs .hd li{ width: 100%; padding: 5px 0;} .scjd-tabs .hd a{ display: block; text-align: center; background: #f2f3f5; border: solid 1px #dcdcdc; line-height: 38px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden; padding: 0 5px; white-space: nowrap; text-overflow: ellipsis;} .scjd-tabs .hd a.on{ background: #da251d; border-color: #da251d; color: #fff;} .scjd-tabs .bd{padding-top: 30px;} .scjd-box-r{ padding-top: 20px;} .scjd-box-r b.scjd-tit{ color: #444; font-size: 16px;} .scjd-box-r p{ padding-top: 10px;} .swiper-jtry .swiper-slide{ width: auto; } .jtry-t{ padding: 0 30px; position: relative;} .jtry-button{ width: 30px; height: 30px; position: absolute; left: 0; bottom: 0; text-align: center; background: #da251d; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor: pointer; z-index: 9;} .jtry-button i{ line-height: 30px; font-style: 20px; font-weight: bold; color: #fff;} .jtry-button-next{ left: auto; right: 0;} .jtry-t .swiper-button-disabled{ background: #dadada;} .swiper-jtry span{ display: block; text-align: center; margin-bottom: 4px; padding: 0 15px; font-size: 14px; cursor: pointer;} .swiper-jtry b{ width: 22px; border: solid 1px #dadada; height: 22px; background: #fff; display: block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 auto;} .swiper-jtry i{ width: 12px; height: 12px; background: #dadada; display: block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 4px;} .jtry-t hr{ border-bottom: solid 2px #dadada; position: absolute; width: 100%; left: 0; bottom: 14px; padding: 0; margin: 0;} /*.jtry-t .swiper-slide-active span{ color: #da251d; font-weight: bold;} .jtry-t .swiper-slide-active b{ border-color: #da251d;} .jtry-t .swiper-slide-active i{background: #da251d;}*/ .jtry-t .on span{ color: #da251d; font-weight: bold;} .jtry-t .on b{ border-color: #da251d;} .jtry-t .on i{background: #da251d;} .jtry-b *{ padding: 0; margin: 0; list-style: none;} .jtry-b ul{ padding-top: 10px; overflow: hidden; } .jtry-b li{ padding: 10px 0;} .jtry-b span{ border: solid 3px #dadada; display: block;} .jtry-b b{ display: block; text-align: center; font-weight: normal; font-size: 14px;} i.pic-scale-jtry{ padding-bottom: 64.57%;} .ggjs-tabs *{ padding: 0; margin: 0; list-style: none;} .ggjs-list dt{ width: 96px; margin: 0 auto;} .ggjs-list dd{ display: table; padding-top: 15px;} .ggjs-list dd b{ color: #333; font-size: 14px; font-weight: bold; display: block;} i.pic-scale-ggjs{ padding-bottom: 125%;} .ggjs-tit{ color: #da251d; text-align: center; font-size: 18px;} .ggjs-tabs .hd{ text-align: center; border-bottom: dashed 1px #d0d0d0; padding: 10px 0;} .ggjs-tabs li i{ display: none;} .ggjs-tabs li{ color: #666; padding: 1px 0;} .ggjs-tabs li a{ background: #f2f2f2; display: block; line-height: 36px;} .ggjs-tabs li a.on{ color: #da251d; } .ggjs-list dl{padding: 15px 0; border-bottom: dashed 1px #d0d0d0;} .dsj-box .hd{ overflow: hidden;} .dsj-box .hd span{ padding: 5px; float: left; width: 25%;} .dsj-box .hd b{ border: solid 1px #d3d3d3; height: 30px; line-height: 28px; display: block; width: 100%; text-align: center; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color: #999; font-weight: normal; font-size: 14px; cursor: pointer;} .dsj-box .hd .on b{ font-weight: bold; border-color: #da251d; background: #da251d; color: #fff;} .nj-box { position: relative; height: 80px; margin: 0 -5px; overflow: hidden;} .nj-box .nj-more{padding: 5px; float: left; width: 25%; position: absolute; right: 0px; bottom: 0;} .nj-box .nj-more b{ border: solid 1px #d3d3d3; height: 30px; line-height: 28px; display: block; width: 100%; text-align: center; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color: #999; font-weight: normal; font-size: 14px; cursor: pointer; background: #fff;} .nj-box .nj-more b:hover{ background: #da251d; color: #fff; border: solid 1px #da251d;} .dsj-box .bd{ padding-top: 20px;} .dsj-mess span{ color: #da251d; width: 105px; display: block; overflow: hidden; height: 24px;} .dsj-mess span b{ font-size: 24px; float: left; line-height: 24px; color: #da251d;} .dsj-mess i.icon-down-more{ float: left; line-height: 24px; color: #da251d;} .dsj-mess i.icon-shijian{ font-size: 25px;font-weight: bold; line-height: 25px; float: right; color: #da251d;} .dsj-list{ border-left: solid 1px #bdbdbd; margin-left: 92px; margin-top: -1px; padding-top: 20px;} .dsj-list dl{padding: 10px 0; margin: 0;} .dsj-list dt{ margin-left: -92px; text-align: right; float: left; font-weight: normal; width: 96px; line-height: 32px; color: #666; font-size: 12px;} .dsj-list dt i{ width: 9px; height: 9px; border: solid 1px #828282; background: #fff; display: block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; float: right; margin-top: 5px; margin-top: 11px; margin-left: 10px;} .dsj-list dd{padding: 0 0 0 15px;} .dsj-list dd p{ padding: 3px 15px; margin: 0; border: solid 1px #dddddd; background: #f9f9f9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #666; line-height: 24px;} .shzr-box{} .shzr-box p{padding: 0; margin: 0; margin-top: -15%;} .news-list-t{ border: solid 3px #fbf0ef; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; overflow: hidden;} .news-list{ border-top: solid 1px #f0f0f0; margin-top: 15px;} .news-list *{ padding: 0; margin: 0;} .news-list dl{ border-bottom: solid 1px #f0f0f0; padding: 15px 0;} .news-list-t p{ padding: 10px; margin: 0;} i.pic-scale-list-01{ padding-bottom: 50%;} .news-list dd{ padding-top: 10px; overflow: hidden;} .news-list dd a{ font-weight: bold; color: #333; line-height: 1.6;} .news-list dd a:hover{ color: #da251d;} .news-list dd span{ display: block; padding: 5px 0; color: #999;} .news-list dd p{ color: #666; display: none;} .hbjs-pic{ padding: 20px 30px; position: relative;} .swiper-hbjs .swiper-slide{ width: 200px;} .swiper-hbjs span{ border: solid 2px #dedede; display: block;} .swiper-hbjs b{ font-weight: normal; color: #333;} i.pic-scale-hbjs{ padding-bottom: 67.17%;} .hbjs-button{ position: absolute; left: 0; top: 50%; margin-top: -20px; text-align: center; z-index: 9;} .hbjs-button i{ font-size: 24px; cursor: pointer; display: block; width: 30px; height: 30px; line-height: 30px; color: #d0d0d0;} .hbjs-button i:hover{color: #da251d;} .hbjs-button-next{ left: auto; right: 0;} i.pic-scale-xwzx{ padding-bottom: 58.33%;} .swiper-xwzx dl{ padding: 0; margin: 0; background: #fff;overflow:hidden;} .swiper-xwzx dd *{ padding: 0; margin: 0;} .swiper-xwzx dd{ padding-top: 10px;} .swiper-xwzx dd a{ display: block; font-weight: bold; line-height: 1.6; color: #333;} .swiper-xwzx dd a:hover{ color: #da251d;} .swiper-xwzx dd p{ padding: 5px 0; display: none;} .swiper-xwzx dd span{ color: #999;} .1c78d3-box{ padding-top: 10px; overflow: hidden;} .xwzx-button{ float: left; width: 50%; cursor: pointer; padding-left: 1px;} .xwzx-button i{ line-height: 36px; height: 36px; display: block; text-align: center; color: #fff; font-size: 20px; background: #da251d; color: #fff;} .swiper-xwzx .swiper-button-disabled i{ background: #d1d1d1; cursor: pointer;} .xwzx-button-stop i{font-size: 22px;} .spzx-t{ width: 100%; padding-bottom: 35px;} .spzx-t video{ width: 100%;} .spzx-t b{ font-weight: normal; color: #333;} .spzx-list{ padding: 0; margin: 0 -5px; list-style: none;} .spzx-list li{ width: 50%; float: left; padding: 5px;} i.pic-scale-spzx{ padding-bottom: 55%;} .spzx-list li b{ color: #333; font-weight: normal;} .spzx-list li b{ height: 45px; line-height: 20px; display: block; padding-top: 5px; overflow: hidden;} .spzx-list li a:hover b{ color: #da251d;} .lbr-t{ padding-bottom: 15px; position: relative;} .lbr-t dt{ cursor: pointer;} .lbr-t dt b{ display: block; background: #f9f9f9; border: solid 1px #dbdbdb; padding: 0 50px 0 10px; line-height: 38px; height: 40px; font-weight: normal; font-size: 14px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;} .lbr-t dt i{ position: absolute; color: #fff; background: #da251d; width: 40px; height: 40px; right: 0; top: 0; line-height: 40px; text-align: center; border-left: solid 1px #dbdbdb; font-size: 18px;} .lbr-tr{ float: right; display: none;} .lbr-t dd{ position: absolute;background: #fff; width: 100%; top: 40px; background: #f9f9f9; height: 0px; overflow: hidden; overflow-y: scroll; -webkit-transition: .25s; -moz-transition: .25s; -ms-transition: .25s; -o-transition: .25s; transition: .25s;} .lbr-t dd div{border: solid 1px #dbdbdb; border-top: none;} .lbr-t dd.show{ height: 200px;} .lbr-t dd span{ display: block;} .lbr-t dd a{ display: block; padding: 10px 10px; line-height: 20px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; border-bottom: solid 1px #dbdbdb;} .lbr-t *{ padding: 0; margin: 0;} .lbr-pic{ border: solid 1px #999999; padding: 2px;} .lbr-br,.lbr-br *{padding: 0; margin: 0;} .lbr-br{ padding-top: 15px;} .lbr-br dl{ padding: 0 0 15px 0; margin: 0;} .lbr-br dt{ background: url(../img/lbr-bg.jpg) left top; line-height: 18px; width: 100%; height: 18px; overflow: hidden;} .lbr-br dt i{ width: 12px; height: 18px; margin-right: 9px; float: left; background: #da251d;} .lbr-br dt span{ font-size: 14px; line-height: 18px; color: #da251d;} .lbr-br dd{ padding: 10px 0 0 0; color: #666;} .lbr-br dd span{ display: block;} .lbrhb{ padding: 0; margin: 0 -5px; list-style: none;} i.pic-scale-lbrhb{ padding-bottom: 136%;} .lbrhb li{ width: 50%; float: left; padding: 5px;} .lbrhb li span{ border: solid 1px #999; padding: 2px; display: block;} .lbrhb li b{ text-align: center; font-weight: normal; line-height: 30px; display: block; padding: 5px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis;} .lbrhb li a{ width: 60px; height: 18px; line-height: 18px; text-align: center; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; background: #da251d; display: block; color: #fff; font-size: 12px; margin: 0 auto;} .jdjs-t{ padding-bottom: 20px;} .jdjs-t p{ padding: 10px; margin: 0; background: #009ce6; color: #fff;} .jdjs-m{ overflow: hidden; padding-bottom: 20px;} .jdjs-mr p{padding:10px 0 0 0; margin: 0;} .jdjs-b{ overflow: hidden; padding-bottom: 20px;} .jdjs-br p{padding:10px 0 0 0; margin: 0;} .ysl-list{ overflow: hidden; padding-bottom: 15px;} .ysl-list *{ padding: 0; margin: 0 ; list-style: none;} .ysl-list ul{margin: 0 -5px;} .ysl-list li{ border-left: solid 1px #e9e9e9; padding: 0 5px; margin: 5px 0; width: 50%; float: left; text-align: center;} .ysl-list b{ display: block; font-weight: normal; text-align: center; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;} .ysl-list a{ padding: 0 15px; display: inline-block; background: #0f93f0; line-height: 26px; height: 26px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff;} .ysl-mess-t{ padding-bottom: 15px;} .ysl-mess-t *{ display: block;} .ysl-mess-t span{ color: #666; font-size: 14px;} .ysl-mess-t span sup{display: inline-block;} .ysl-mess-t b{color: #0f93f0; font-size: 18px;} .ysl-mess-t hr{padding: 0; margin: 5px 0;} .ysl-mess-t small{ color: #7bb923; font-size: 14px; text-transform: uppercase; font-weight: bold;} .ysl-mess-t p{ color: #444;} i.pic-scale-ysl{ padding-bottom: 60%;} .ysl-mess-m{ background: url(../img/pic-33.jpg) center top no-repeat; -webkit-background-size: cover; background-size: cover; padding:30px 10px; text-align: center;} .ysl-mess-m b{ color: #fff; display: block; font-size: 18px;} .ysl-mess-m span{ color: #fff; display: block;} .ysl-mess-m img{ width: auto; max-width: 100%;} .ysl-bz-tit{ text-align: center; padding: 15px 0;} .ysl-bz-tit b{ color: #0f93f0; display: inline-block; font-size: 18px;} .ysl-bz-tit hr{display: none;} .ysl-bz-tit span{display: block; color: #0f93f0; line-height: 20px;} i.pic-scale-bz{padding-bottom: 73.13%;} .ysl-bz-list{padding: 0 0 15px 0; margin: 0; list-style: none;} .ysl-bz-list li{ text-align: center; width: 268px; margin: 0 auto;} .ysl-bz-list .ysl-bz-l{ display: inline-block; background: url(../img/pic-40.jpg) left bottom no-repeat; padding-left: 15px;} .ysl-bz-list .ysl-bz-r{ display: inline-block; background: url(../img/pic-41.jpg) right bottom no-repeat; padding-right: 15px;} .ysl-bz-list b{ margin-bottom: 8px; padding: 5px 10px; line-height: 20px; display: block; background: #f95a12; font-weight: normal; color: #fff; font-size: 12px;} .ysl-mess-b dl,.ysl-mess-m dl *{padding: 0; margin: 0;} .ysl-mess-b dt { text-align: center;} .ysl-mess-b dt img{ width: 165px;} .ysl-mess-b dd div{ padding: 5px 0;} .ysl-mess-b dd span{ text-align: center; display: block; font-weight: bold; color: #0f98f0;-webkit-box-shadow: 0px 1px 7px rgba(0,0,0,.3); -moz-box-shadow: 0px 1px 7px rgba(0,0,0,.3); box-shadow: 0px 1px 7px rgba(0,0,0,.3); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px;} .cp-tit{ color: #da251d; text-align: center; font-size: 16px; border-bottom: dashed 1px #cfcfcf; margin-bottom: 20px;} .gallery-top{ border: solid 2px #f0f0f0;} i.pic-scale-cp{ padding-bottom: 68.26%;} .cp-list-t{ padding: 0 30px; position: relative;} .cp-list-t .swiper-wrapper{height:auto;} .cp-button{ width: 30px; height: 30px; position: absolute; top: 50%; margin-top: -15px; left: 0; text-align: center; cursor: pointer; z-index: 9;} .cp-button i{color: #da251d; font-size: 24px; line-height: 30px;} .cp-button-next{ left: auto; right: 0;} .cp-button .jtry-t .swiper-slide-active span.swiper-button-disabled i{ color: #d0d0d0;} .cp-list-b .swiper-wrapper{height:auto;} .cp-list-b{ padding: 10px 30px 0 30px;} .cp-list-b .gallery-thumbs .swiper-slide{ width: 100px;} .cp-list-b .gallery-thumbs span{ border: solid 2px #f0f0f0; display: block; cursor: pointer;} .cp-list-b .gallery-thumbs .swiper-slide-active span{ border-color: #da251d;} .cp-mess{ padding: 20px 30px 0 30px;} .yll-list{ overflow: hidden; padding-bottom: 15px;} .yll-list *{ padding: 0; margin: 0 ; list-style: none;} .yll-list ul{margin: 0 -5px;} .yll-list li{ border-left: solid 1px #e9e9e9; padding: 0 5px; margin: 5px 0; width: 50%; float: left; text-align: center;} .yll-list b{ display: block; font-weight: normal; text-align: center; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;} .yll-list a{ padding: 0 15px; display: inline-block; background: #0f93f0; line-height: 26px; height: 26px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff;} .yll-mess-t b{ background: #6e2c69; display: block; line-height: 24px; padding: 8px 10px; font-size: 16px; color: #fff; font-weight: normal;} .yll-mess-t div{ background: url(../img/pic-45.jpg) center top no-repeat; -webkit-background-size: cover; background-size: cover; padding: 30px;} .yll-mess-t span{ color: #6e2c69; text-align: center; display: block; font-size: 18px; line-height: 30px; font-weight: bold;} .yll-mess-b ul{ padding: 0; margin: 0 -5px; list-style: none;} .yll-mess-b li{ float: left; width: 33.333%; padding: 0 5px;} i.pic-scale-yll{ padding-bottom: 72.16%;} .yll-bz-tit{ text-align: center; padding: 15px 0;} .yll-bz-tit b{ color: #6e2c69; display: inline-block; font-size: 18px;} .yll-bz-tit hr{display: none;} .yll-bz-tit span{display: block; color: #6e2c69; line-height: 20px;} .lbb-tit{ color: #0f93f0; text-align: center; font-weight: bold; padding: 10px 0; font-size: 16px;} .swiper-lbb .swiper-pagination-bullet{ width: 25px; height: 25px; line-height: 25px; color: #fff; font-size: 14px; background: #adadad; opacity: 1;} .swiper-lbb .swiper-pagination-bullet-active{ background: #0f93f0;} .swiper-lbb .swiper-slide span{ display: block; border: solid 2px #e8e8e8;} .swiper-lbb small{ display: block; border-bottom: solid 1px #e8e8e8; color: #ccc; font-size: 14px; font-weight: bold; margin-bottom: 5px; padding-top: 5px;} .swiper-lbb small b{ color: #0f93f0; margin-right: 5px; font-size: 16px;} .swiper-lbb p{ padding-bottom: 110px;} .swiper-lbb b{ font-size: 14px;} .lbb-box{ padding: 0 40px; position: relative;} .lbb-btn{ padding-top: 50%; position: absolute; left: 0; top: 0;} .lbb-button{ width: 30px; height: 30px; text-align: center; cursor: pointer; z-index: 9;} .lbb-button i{ line-height: 30px; font-weight: bold; color: #0f93f0; font-size: 24px;} .lbb-btn-r{ left: auto; right: 0;} .lbb-box .swiper-button-disabled i{ color: #b9b9b9;} .lbb-video-bg{ background: #f6f6f6; padding: 15px;} .lbb-video-bg video{ width: 100%;} .cp-search{position: relative;} .cp-search div{ border: solid 2px #de0419; width: 100%; padding-right: 120px; position: relative;} .cp-search input{ width: 100%; border: none; padding: 0 5px; height: 40px; outline: none;} .cp-search button{ position: absolute; right: 0; top: 0; width: 120px; height: 44px; border: none; background: #de0419; color: #fff; font-size: 14px;} .cp-search button i{ color: #fff; padding-right: 5px;} .cp-box { padding-top: 20px; overflow: hidden;} .cp-box dt{ border: solid 1px #e6e6e6; width: 100%;} .cp-box dt span{ width: 188px; margin: 0 auto; display: block;} .cp-box dd{ width: 100%; border: solid 1px #e6e6e6; border-top: none; padding: 5px 0 0 0;} .cp-box dd b{ padding: 0 10px; display: block; font-size: 16px; font-weight: normal; color: #222;} .cp-box dd b a{ color: #222;} .cp-box dd b a:hover{ color: #da251d;} .cp-box dd span{ padding: 0 10px; display: block; color: #222;} .cp-box dd p{ padding: 0 10px; display: block;} .cp-box dd a.more{ background: #e6e6e6; display: block; color: #999; padding: 0 10px; height: 34px; line-height: 34px;} .cp-box dd a.more:hover{ background: #3f9de6; color: #fff;} .zpxx-list{ width: 100%; overflow-x: scroll;} .zpxx-list table{ width: 900px;} .zpxx-list thead tr{ background: #da251d;} .zpxx-list thead tr td{ color: #fff; font-size: 14px; font-weight: bold;} .zpxx-list td{ padding: 0 20px; line-height: 40px;} .zpxx-list tbody tr{ border-bottom: dashed 1px #d0d2d6;} .zpxx-list tbody tr:hover{ background: #f3f5f8;} .zpxx-list tbody tr:hover *{ color: #1a68d3;} .zpxx-list tbody a:hover{} .ygsh-list{padding: 0; margin: 0; list-style: none; margin: 0 -5px;} i.pic-scale-ygsh{padding-bottom: 63.5%;} .ygsh-list span{ border: solid 3px #ddd; display: block;} .ygsh-list li{ padding: 5px; width: 50%; float: left;} .ygsh-list b{ border: solid 1px #dddddd; border-top: none; display: block; text-align: center; height: 40px; line-height: 38px; color: #333; font-weight: normal; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; padding: 0 5px;} .ygsh-list a:hover b{ background: #da251d; color: #fff; border-color: #da251d;} i.pic-scale-ygsh-02{padding-bottom: 61.12%; cursor: pointer;} .ygsh-pic-list .cp-list-t{ padding: 0;} .ygsh-pic-list .gallery-top{ border: none;} .ygsh-pic-list .cp-list-b{ padding: 10px 0 0 0;} .ygsh-pic-list .gallery-thumbs span{ border: none; background: #000;} .ygsh-pic-list .gallery-thumbs span img{ border: solid 1px #fff;} .ygsh-pic-list .gallery-thumbs .swiper-slide-active span img{ border: solid 1px #da251d;} .ygsh-pic-list .cp-button{ background: #000; background: rgba(93,93,93,.6); width: 40px; height: 40px; margin-top: -20px;} .ygsh-pic-list .cp-button i{ line-height: 40px; color: #fff; } .ygsh-pic-list .swiper-button-disabled{ background: rgba(198,198,198,.6);} .ygsh-pic-list .swiper-pagination{ text-align: right; padding: 0 10px 0 0; bottom: 0; left: auto; line-height: 30px; color: #fff; width: auto; right: 0; width: 80px;} .ygsh-pic-list .swiper-pagination *{ color: #fff;} .ygsh-pic-list b{ position: absolute; width: 100%; bottom: 0; left: 0; background: #000; background: rgba(0,0,0,.5); color: #fff; font-weight: normal; font-style: normal; line-height: 30px; padding: 0 50px 0 10px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;} .zzhj-list{ padding: 5px 0; margin: 0 -5px; list-style: none;} .zzhj-list li{ width: 50%; padding: 5px; float: left;} .zzhj-list span{ width: 100%; padding-bottom: 100%; background: #000; opacity: .7; z-index: 9; position: absolute; left: 0; top: 0;} .zzhj-list li i.iconfont{ position: absolute; top: 50%; z-index: 99; text-align: center; width: 100%; color: #fff; font-size: 40px; line-height: 40px; margin-top: -30px;} .zzhj-list li b{ position: absolute; top: 50%; z-index: 99; text-align: center; width: 100%; color: #fff; font-size: 12px; line-height: 35px; font-style: normal; font-weight: normal;} .zzhj-list li.on .iconfont{display: none;} .zzhj-list li.on b{display: none;} .zzhj-list li.on span{display: none;} .zzhj-mess{display: none;} .lx-btn{ width: 148px; margin: 0 auto; padding: 30px 0;} .lx-btn *{padding: 0; margin: 0; list-style: none;} .lx-btn dt{ color: #666; font-weight: normal; overflow: hidden; line-height: 30px;} .lx-btn dt i{ color: #58bc58; font-size: 30px; float: left; line-height: 30px; padding-right: 5px;} .lx-btn dd{ padding: 10px 0; margin: 0; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: center;} .lx-btn dd span{ min-width: 50%; padding:5px 0; text-align: center;} .lx-btn dd b{ font-weight: normal; display: block; text-align: center; color: #333; line-height: 24px; font-size: 12px;} .lxwm-mess *{padding: 0; margin: 0;} .lxwm-mess { padding: 15px 0 0 0;} .lxwm-mess dl{ border-bottom: solid 1px #e5e5e5;} .lxwm-mess dt{ padding: 5px 0; font-size: 14px; color: #666;} .lxwm-mess dd p{padding: 5px 0; color: #666;} .lxwm-mess dd span{ display: block; padding: 5px 0; color: #666;} .swiper-menu .swiper-slide{ width: auto; } .menu-02{ padding: 0 35px; position: relative;} .menu-button{ width: 30px; height: 30px; position: absolute; left: 0; top: 5px; text-align: center; background: #da251d; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor: pointer; z-index: 9;} .menu-button i{ line-height: 30px; font-style: 20px; font-weight: bold; color: #fff;} .menu-button-next{ left: auto; right: 0;} .menu-02 .swiper-button-disabled{ background: #dadada;} .swiper-menu span{ display: block; text-align: center; font-size: 14px; cursor: pointer; height: 40px; line-height: 40px;} /*.jtry-t .swiper-slide-active span{ color: #da251d; font-weight: bold;} .jtry-t .swiper-slide-active b{ border-color: #da251d;} .jtry-t .swiper-slide-active i{background: #da251d;}*/ .menu-02 span{ padding: 0 1px;} .menu-02 span a{ line-height: 38px; height: 40px; display: block; background: #fff; border: solid 1px #fff; padding: 0 18px;} .menu-02 .on span a{ background: #da251d; color: #fff; border: solid 1px #da251d;} .menu-02 .on b{ border-color: #da251d;} .menu-02 .on i{background: #da251d;} a.back-btn{padding: 0 20px; line-height:30px; display:inline-block; color:#666; background:#f4f4f4; border:solid 1px #eee; -webkit-border-radius:4px; -moz-border-radius: 4px; border-radius: 4px;} a.back-btn i{ vertical-align:middle; color:#666;} a.back-btn span{ vertical-align:middle; color:#666;} a.back-btn:hover{ background:#da251d; border-color:#da251d;} a.back-btn:hover *{ color:#fff;} .job-btn{ text-align:center; padding-top:20px;} .job-btn a{ display:inline-block; padding: 0 25px; height:40px; line-height:40px; background:#bb8877; color:#fff; -webkit-border-radius:4px; -moz-border-radius: 4px; border-radius: 4px;} .job-btn a:hover{ color:#fff; background:#da251d;} .job-inp-01{ min-width:100px; border:none; width:100%; height:36px; padding:0 10px; -webkit-border-radius:4px; -moz-border-radius: 4px; border-radius: 4px;} .job-inp-02{ width:100%; border:none; resize: none; height:80px; padding:0 10px; -webkit-border-radius:4px; -moz-border-radius: 4px; border-radius: 4px;} .job-table{min-width:640px;} .job-table span,.job-table span *{ line-height:16px; padding:10px 0; font-size:14px;} .job-table span.sm{ float:left;} input.job-inp-03{ float:left; margin:12px 5px 0 5px;} .job-table label{ float:left; line-height:36px; font-weight:normal; margin-right:15px;} .job-table>tbody>tr>td{ text-align:right; padding:5px; vertical-align:middle;} .job-info-btn{text-align:center;} .job-inp-04{ display:inline-block; line-height:40px; padding: 0 25px; border:none; background:#bb8877; color:#fff; -webkit-border-radius:4px; -moz-border-radius: 4px; border-radius: 4px; margin:0 10px; cursor:pointer;} .job-inp-04:hover{ color:#fff; background:#da251d;} .content-r img { width:auto !important; max-width:100%; height:auto !important;} } @media (min-width: 384px) { } @media (min-width: 480px) { } @media (min-width: 640px) { } @media (min-width: 768px) { .container{width: 100%;} } @media (max-width: 991px) { } @media (min-width: 992px) { .container{ width: 980px; padding: 0 10px;} body {font-size: 14px;} .logo { position: relative; height: 80px; width: auto; margin-top: 0; padding: 15px 0;} .logo img{width: auto; height: 100%;} .nav-btn{display: none;} .header-box{ height: 80px;} .header-box-pf{ position: absolute; left: 0; top: 0; width: 100%;} .nav-box {position: absolute; width: 100%;} .nav{ position: relative; width: auto; height: auto; background: none; padding: 0; z-index: 9999; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; height: 80px; overflow: initial; float: right;} .nav ul{ float: right; height: 80px; padding-top: 0; overflow: inherit;} .nav li{ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); float: left; border: none; text-align: center; } .nav li a i{ padding-left: 5px;} .nav li a{line-height: 90px; text-align: center; width: 100%; padding: 0; height: 80px; color: #666666; font-size: 12px; padding: 0 10px;} .nav .nav-list{ width: auto; position: relative; padding: 0;} .nav li a:hover{color: #fff; } .nav li a.on{ } .nav li.nav-off>a{} .nav li.nav-on>a{} .nav li.nav-on> a.on{ } .nav li div span{ -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.3); -moz-box-shadow: 0 5px 5px rgba(0,0,0,.3); box-shadow: 0 5px 5px rgba(0,0,0,.3); display: block;} .nav li div{ padding: 5px 0; background: rgba(255,255,255,.85); text-align: center; position: absolute; top: 80px; left: -20px; right: -20px; margin:0 -20px;} .nav li div a{padding: 0; font-size: 12px; height: auto; line-height: 16px; padding:8px 0; color: #666666; text-transform: capitalize; border-bottom: none;} .nav li div a.sj-nav{display: none;} .nav li div a:hover,.nav li div a.on{ background: #a9aaab; color: #fff; font-weight: normal;} .nav li.nav-on>a, .nav li a.on{ color: #fff; background: #da251d;} .nav li.nav-on .nav-rj-on{ padding: 0; color: #fff; background: #da251d;} .nav-bg{ display: none;} .body-box-show{ float: right;} .topr{ float: right; display: block; padding-top: 0; padding-bottom: 0;} .df-box{ display: block; float: left; font-size: 14px; margin-right: 15px;} .df-box i{float: left; margin-right: 5px; color: #da251d; font-size: 24px; margin-top: -6px;} .dh-box{display: block; float: left; font-weight: bold; font-size: 14px;} .dh-box i{font-weight: normal; float: left; margin-right: 5px; color: #da251d; font-size: 22px; margin-top: -6px;} .nav-line{ display: block; float: right; width: 0; height: 10px; border-left: dotted 1px #fff; margin: 27px 15px 0 10px;} .search-box{ position: absolute; right: 0px; padding: 0;} .search-btn{ top: 0; right: 0; position: absolute; width: 42px; height: 42px;} .search-btn-02{width: 25px; height: 30px; font-size: 17px; font-weight: normal; top: 0; position: relative; right: 0; color: #da251d; font-size: 22px; background: none; display: block; text-align: center; line-height: 30px; cursor: pointer; display: block; float: left; margin:30px 10px 0 10px;} .search-btn-show{ color: #da251d;} .search-txt{ padding: 0; font-size: 14px; width: 100%; padding: 0 10px;-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; height: 42px;border: none;} .search-bd{border: solid 5px #ccc; border: solid 5px rgba(204,204,204,0.8); position: absolute; width: 260px; right: 0; top: -152px; opacity: 0; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s;} .search-bd-show{ opacity: 1; top: 110px;} .search-btn-02 i:before{ height: 30px; line-height: 30px; display: block; font-size: 20px; text-align: center; width: 100%; font-weight: normal; color: #aaa;} .search-btn-02 i:hover{ color: #da251d;} .lang{margin:0 0; position: relative; overflow: initial; float: left; padding: 0; margin-left: 15px;} .lang dt{ display: block; margin-left: 0; cursor: pointer; color: #666666; line-height: 90px; padding-left: 0; height: 80px; width: 75px; text-align: center;} .lang dt i{ height: 14px; width: 1px; border-left: solid 1px #cfcfcf; float: left; margin-top: 38px;} .lang dt:hover{ color: #da251d;} .lang dd{ display: none; position: absolute; right: auto; left: 10px; top: 80px; width: 100px; height: auto; padding: 5px 0; background: rgba(255,255,255,.85);} .lang dd span{ width: 100%; display: block;} .lang dd a{ width: 100%; float: none; display: block; background: none; height: 32px; line-height: 32px; color: #666666; font-size: 14px;} .lang dd a.on,.lang dd a:hover{ background: #a9aaab; color: #fff;} .yj-btn{ background: url(../img/mail-bg.jpg) no-repeat; width: 124px; height: 22px; position: absolute; right: 0; top: 0;text-align: center; z-index: 9; padding: 0 15px;} .yj-btn a{ line-height: 22px; color: #fff; font-size: 12px; display: block;} .yj-btn a *{ line-height: 22px;} .video-pd{ width: 640px;} .ind-box-pf{ height: 100%; display: table; top: 0; padding: 80px 0 50px 0;} .ind-box-max{ display: table-cell; vertical-align: middle;} .ind-box{ padding-top: 0; width: 520px;} .banner-bg{ height: 90px;} .pro-box b{ padding: 5px 20px;} @-webkit-keyframes bannerFadeIn { from { opacity: 0; -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes bannerFadeIn { from { opacity: 0; -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .bg-swiper{ height: 100%; padding: 80px 0 50px 0;} .bg{ padding-bottom: 0; height: 100%; display: table; width: 100%;} .bg-box{ display: table-cell; vertical-align: middle;} .bg02 .bg-box{ padding-top: 0; padding-bottom: 0;} .bg-txt{ width: auto; max-width: 100%; float: right; padding: 0;} .banner-txt,.banner-txt *,.banner-bg{ -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s;} .banner-txt b{ font-size: 18px; padding: 0 120px 0 20px;} .banner-txt p{ padding: 20px;} .banner-txt small{ padding: 0 20px 20px 20px;} .banner-swiper a:hover .banner-txt{bottom: 0;} .banner-swiper a:hover .banner-txt p{ padding-top: 0; margin:10px 0 ; height: 80px;} .banner-swiper a:hover .banner-bg{ height: 300px;} .banner-btn{ right: 20px; bottom: 10px;} .banner-pagination span{ margin-left: 10px;} .ba-txt{ text-align: left; font-size: 14px;} .footer-pf{ position: absolute; left: 0; bottom: 0; height: 50px; z-index: 9; width: 100%; overflow: hidden;} .footer .container{ display: table; height: 50px;} .footer-l,.footer-m,.footer-r{ display: table-cell; vertical-align: middle; } .footer p{ padding:0; margin:0;} .footer-l{ font-size: 12px; width: 30%; text-align: left;} .footer-l *{ line-height: 20px;} .footer-l .wx-btn{ line-height: 20px;} .footer-m{line-height: 20px; font-size: 12px; width: 40%;} .footer-r{ font-size: 12px;line-height: 20px; width: 30%; text-align: right;} .footer-r *{ line-height: 20px;} .banner-min{ height: 230px;} .content-bg{ padding: 0 0 40px 0;} .menu{ width: 200px; position: relative; float: left; } .menu-tit{ display: table; position: absolute; height: 100px; line-height: 100px; text-align: left; font-size: 32px; padding-left: 20px; border-top-right-radius:20px; top: -100px; text-shadow: 1px 1px 2px rgba(0,0,0,.2); background: -webkit-linear-gradient(rgba(218,37,29,.6), rgba(218,37,29,1)); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(rgba(218,37,29,.6), rgba(218,37,29,1)); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(rgba(218,37,29,.6), rgba(218,37,29,1)); /* Firefox 3.6 - 15 */ background: linear-gradient(rgba(218,,37,29,.6), rgba(218,37,29,1)); /* 鏍囧噯鐨勮娉 */ } .menu-tit span{ display:table-cell; vertical-align:middle; line-height: 36px;} .menu ul{ border-top: solid 1px #e8e8e8;;} .menu li>a{display: block;} .menu li a{ line-height: 30px; padding: 10px 20px; position:relative;} .menu li a i{ line-height: 30px; position:absolute; right:20px; top:10px;} .menu li div{ padding: 10px 0;} .menu li.on div{ border: none;} .menu li.on div a{ width: 100%; border: none; text-align: left;} .menu li div a{} .content{ padding: 30px; margin-top: 20px;} .content-r{ float: right; width: 720px;} .dz{ padding-top: 10px; overflow: hidden; line-height: 50px; position:relative;} .dz b{ float: left; line-height: 50px; font-size: 20px; display: none;} .dz div{ width:100%;} .dz p{ text-align:right; line-height: 50px;} .jtjj-box-t{ margin: 0 -15px; overflow: hidden;} .jtjj-box-tl{ width: 50%; float: left; padding: 0 15px;} .jtjj-box-tr{ width: 50%; float: right; padding: 0 15px;} .jtjj-box-m{ margin: 0 -15px; overflow: hidden; padding-top: 20px;} .jtjj-box-ml{ width: 50%; float: right; padding: 0 15px;} .jtjj-box-mr{ width: 50%; float: left; padding: 0 15px;} .jtjj-box-b{ padding-top: 20px;} .content img{ max-width: 100%;} .scjd-tabs .hd{ overflow: hidden; margin: -7px -8px -8px -7px;} .scjd-tabs .hd li{ width: 50%; float: left; padding: 7px 8px 8px 7px;} .scjd-tabs .hd li.max{ width: 100%;} .scjd-box-l *{display: none;} .scjd-box-l img{display:block;} .scjd-box-l{ width: 300px; float: left; margin:15px; margin-bottom:0;} .scjd-box-l img{width:100% !important;} .scjd-box-r{ width: auto; padding: 0; margin: 0;} .scjd-box-r b.scjd-tit{ font-size: 22px; line-height: 24px;} .scjd-box-r p{ padding-top: 20px;} .swiper-jtry span{ padding:0 30px;} .jtry-b ul{ padding-top: 45px; margin: 0 -25px;} .jtry-b li{ padding: 25px 25px 0px 25px; float: left; width: 50%;} .jtry-b b{ line-height: 30px; height: 60px; overflow: hidden;} .ggjs-tit{ font-size: 30px;} .ggjs-tabs li {display: inline-block; padding: 15px 20px;} .ggjs-tabs li a{font-size: 16px; display: inline-block; background: none; position: relative; color: #333333;} .ggjs-tabs li a.on{ color: #333333;} .ggjs-tabs li a.on i{ display: block; position: absolute; left: 50%; width: 30px; text-align: center; margin-left: -15px; font-size: 24px; bottom: -5px; height: 30px;} .ggjs-list dl{ border-bottom: none; padding: 20px 0; overflow: hidden;} .ggjs-list dt{ float: left; margin-right: 15px;} .ggjs-list dd{ padding-top: 0;} .ggjs-list dd b{ font-size: 16px; font-weight: normal;} .nj-box{ height: auto;} .nj-box .nj-more{ display: none;} .dsj-box .hd span{ width: 100px;} .dsj-box .hd b{} .dsj-box .bd{ padding-top: 50px;} .shzr-box p{ margin-top: 0; padding: 0 30px 0 300px; margin-top: -170px; color: #333; font-size: 16px;} .news-list-t img{ width: auto; float: left;} .news-list-t p{ display: table; font-size: 12px; height: 214px;} .news-list-t p span{display: table-cell; vertical-align: middle;} .news-list{ margin-top: 40px;} .news-list dl{ padding: 30px 0; min-height:230px;} .news-list dt{ float: left; width: 337px; margin-right: 20px;} .news-list dd{ padding: 0; font-size: 12px;} .news-list dd p{ display: block;} .news-list dd a{ font-size: 20px;} .swiper-hbjs .swiper-slide{ width: 400px;} .hbjs-pic{ padding: 40px;} .hbjs-button{ margin-top: -30px;} .hbjs-button i{ font-size: 40px; width: 40px; height: 50px; line-height: 50px;} .swiper-xwzx dt{ float: left; width: 300px; margin-right: 30px;} .swiper-xwzx dd{ padding-top: 0; display: table; padding-bottom: 58px;} .swiper-xwzx dd a{ font-size: 20px;} .swiper-xwzx dd p{ display: block;} .swiper-xwzx{ position: relative;} .xwzx-button-box{ position: absolute; right: 0; bottom: 0; z-index: 9; width: 120px; padding-top: 0;} .spzx-list li{ width: 25%;} .lbr-t{ height: 55px;} .lbr-t dl{ width: 330px; position: relative; float: left;} .lbr-t dt{ position: relative;} /*.lbr-tr{ display: block;}*/ .lbr-b{ overflow: hidden;} .lbr-pic{ width: 330px; float: left;} .lbr-br{ padding: 0; width: 310px; float: right;} .lbrhb li{ width: 20%;} .ysl-list li{ width: 25%;} .ysl-list b{ padding: 5px 0 10px 0;} .ysl-mess-t{ background: url(../img/pic-32.jpg) center top no-repeat; overflow: hidden;} .ysl-mess-tl{ width: 50%; float: left;} .ysl-mess-tr{ width: 50%; float: right;} .ysl-bz-list { margin: 0 -15px; overflow: hidden; padding: 15px 0 ;} .ysl-bz-list li{ width: 33.333%; float: left; padding: 0 15px;} .ysl-mess-b dl{ overflow: hidden; padding-right: 5px;} .ysl-mess-b dt{ float: left;} .ysl-mess-b dd{ float: right; width: 450px;} .ysl-mess-b dd div{ padding: 10px 0;} .ysl-mess-b dd span{ text-align: left; padding: 5px 15px;} .cp-tit{ font-size: 24px; padding-bottom: 20px;} .cp-list-t{ padding: 0 95px;} .cp-button{ width: 95px; height: 95px; margin-top: -47px;} .cp-button i{ line-height: 95px; font-size: 50px;} .cp-list-b{ padding: 10px 95px 0 95px;} .cp-list-b .gallery-thumbs .swiper-slide{ width: 150px;} .cp-mess{ padding: 40px 95px 0 95px;} .lbb-box{ padding: 0 100px;} .lbb-btn{ padding-top: 25%;} .lbb-button{ width: 50px; height: 50px;} .lbb-button i{ line-height: 50px; font-size: 46px;} .swiper-lbb p{ padding-bottom: 50px;} .lbb-box{ margin-bottom: 25px;} .lbb-tit { font-size: 24px; padding: 20px 0;} .lbb-video-bg{ padding: 0 100px 30px 100px;} .cp-box{ margin: 0 -20px;} .cp-box dl{ width: 50%; float: left; padding: 20px;} .cp-search input{ height: 51px;} .cp-search div{ padding-right: 240px;} .cp-search button{ height: 55px; width: 240px;} .cp-box dd b{ overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis;} .cp-box dd span{ overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis;} .cp-box dd p{ height: 70px; overflow: hidden; font-size: 12px;} .zpxx-list{ overflow: hidden;} .zpxx-list table{ width: 100%;} .ygsh-list { margin: -15px;} .ygsh-list li{ padding: 15px; width: 33.33333%;} .ygsh-list li b{ font-size: 14px; padding: 0 10px;} .ygsh-pic-list .cp-button{ margin-top: -40px;} .ygsh-pic-list .cp-button{ width: 70px; height: 80px;} .ygsh-pic-list .cp-button i{ font-size: 40px; line-height: 80px;} .ygsh-pic-list .gallery-thumbs .swiper-slide{ width: 124px;} .zzhj-list li{ width: 25%;} .ygsh-pic-list .swiper-pagination{ line-height: 46px; font-size: 16px;} .ygsh-pic-list b{ height: 46px; line-height: 46px; font-size: 16px;} .lxwm-mess dl{ overflow: hidden; padding: 10px 0;} .lxwm-mess dt{ font-size: 18px; line-height: 26px;} .lxwm-mess dd { margin: 0 -5px;} .lxwm-mess dd p{ width: 50%; float: left; padding: 5px; line-height: 24px;} .lxwm-mess dd span{ width: 25%; float: left; padding: 5px; line-height: 24px;} .menu-02{display: none;} } @media (min-width: 1250px){ .logo { padding: 0 0;} .container{ width: 1230px; padding: 0 15px;} .nav li div{left: 0; right: 0;} .nav li a{ padding: 0 10px; font-size: 14px;} .ind-box{ width: 730px;} .video-box{ width: 345px;} .pro-box{ width: 385px;} i.pic-scale-video{ padding-bottom: 63.33%;} .video-pd{ width: 800px;} .banner-txt p{ line-height: 24px;} .banner-swiper a:hover .banner-txt p{ margin: 15px 0; height: 96px;} .content{ margin-top: 20px;} .content-r{ width: 960px;} .jtjj-box-t{ margin: 0 -20px;} .jtjj-box-tl{ width: 450px; padding: 0 20px;} .jtjj-box-tr{ width: 490px; padding: 0 20px;} .jtjj-box-m{ margin: 0 -20px;} .jtjj-box-ml{ width: 486px; padding: 0 20px;} .jtjj-box-mr{ width: 450px; padding: 0 20px;} .jtjj-box-tr p{ padding-top: 45px;} .scjd-tabs .hd li{ width: 33.333%;} .scjd-tabs .hd li.max{ width: 100%;} .scjd-box-l{ width: 480px;} .scjd-box-r{} .jtry-b li{ width: 33.3333%;} .ggjs-tabs li{ padding: 15px 40px;} .ggjs-tabs li a{ font-size: 18px;} .shzr-box p{margin-top: -220px; padding: 0 45px 0 310px;} .news-list-t p{ padding: 15px 30px 15px 5px;} .news-list-t p span{ font-size: 14px;} .news-list dd{ font-size: 14px;} .swiper-xwzx dt{ width: 480px;} .swiper-xwzx dd{ padding-bottom: 0;} .swiper-xwzx dd p{ height: 185px;} .spzx-t{ width: 770px; margin: 0 auto;} .spzx-list { margin: 0 -10px;} .spzx-list li{ padding: 10px;} .lbr-t dl{ width: 430px;} .lbr-pic{ width: 430px;} .lbr-br{ width: 430px; } .lbrhb ul{ margin: 0 -15px;} .lbrhb li{ padding: 10px 15px;} .jdjs-t p{ padding: 20px; line-height: 1.8;} .jdjs-m{ padding: 0;} .jdjs-ml{ width: 450px; float: left;} .jdjs-mr{ width: 420px; float: right; display: table; min-height: 255px;} .jdjs-mr p{ display: table-cell; vertical-align: middle; padding: 0; margin: 0; line-height: 1.8;} .jdjs-bl{ float: right; width: 450px;} .jdjs-br{ width: 420px; float: left; display: table; min-height: 460px;} .jdjs-br p{ display: table-cell; vertical-align: middle; line-height: 1.8;} .jdjs-br-02{ width:100%; float:none; display:block;} .jdjs-br-02 p{ display:block;} .ysl-mess-t{ padding: 0 20px; height: 273px; display: table; margin: 15px 0 30px 0;} .ysl-mess-tl{ width: 330px; display: table-cell; vertical-align: middle; float: none;} .ysl-mess-tr{ width: 525px;} .ysl-mess-t span{ font-size: 20px; line-height: 24px;} .ysl-mess-t b{ font-size: 36px; line-height: 40px;} .ysl-mess-t hr{ margin: 10px 0;} .ysl-mess-t small{ font-size: 16px; line-height: 20px;} .ysl-mess-t p{ font-size: 14px; line-height: 22px; margin: 0; padding: 0;} .ysl-mess-m b{ font-size: 36px; line-height: 52px;} .ysl-mess-m span{ font-size: 20px; line-height: 36px; padding: 0 0 10px 0;} .ysl-mess-m{ height: 454px;} .ysl-bz-tit{ position: relative; overflow: hidden;} .ysl-bz-tit hr{ width: 400%; padding: 0; margin: 0; margin-left: -100%; position: absolute; top: 51px; border-color: #0f93f0; display: block;} .ysl-bz-tit b{ font-size: 36px; position: relative; padding: 0 15px; background: #fff; z-index: 9;} .ysl-bz-tit span{ font-size: 16px;} .ysl-bz-tit-l{ overflow: hidden; width: 100%; height: 1px; border-bottom: solid 1px #0f93f0; padding: 0; margin: 0; position: absolute; left: -100%; top: 50%;} .ysl-bz-tit-r{ overflow: hidden; width: 100%; height: 0; border-bottom: solid 1px #0f93f0; padding: 0; margin: 0; position: absolute; right: -100%; top: 50%;} .ysl-bz-list{ padding: 30px 0;} .ysl-mess-b dl{ padding: 0 20px;} .ysl-mess-b dt img{ margin-top: 10px;} .ysl-mess-b dd{ width: 660px;} .ysl-mess-b dd span{ font-size: 16px;} .cp-list-t{ padding: 0 114px;} .cp-list-b{ padding: 10px 114px 0 114px;} .cp-list-b .gallery-thumbs .swiper-slide{ width: 126px;} .cp-mess{ padding: 40px 114px 0 114px;} .yll-list { padding-bottom: 30px;} .yll-list div{ width: 250px; margin: 0 auto;} .yll-mess-t b{ line-height: 66px; padding: 0 50px; font-size: 22px; text-align: left;} .yll-mess-t div{ height: 380px; padding: 30px 0 0 0; text-align: center; line-height: 48px; -webkit-background-size: initial; background-size: initial;} .yll-mess-t img{ width: auto; max-width: 100%; padding-top: 15px;} .yll-mess-t span{ font-size: 30px; line-height: 48px;} .yll-bz-tit{ position: relative; overflow: hidden;} .yll-bz-tit hr{ width: 400%; padding: 0; margin: 0; margin-left: -100%; position: absolute; top: 51px; border-color: #6e2c69; display: block;} .yll-bz-tit b{ font-size: 36px; position: relative; padding: 20px; line-height:46px; background: #fff; z-index: 9;} .cp-box dt{ width: 190px; float: left;} .cp-box dd{ width: 240px; float: left; border-left: none; border-top: solid 1px #e6e6e6; height: 190px; position: relative;} .cp-box dd b,.cp-box dd p,.cp-box dd span{ padding: 0 20px;} .cp-box dd a.more{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 20px;} .ygsh-pic-list .gallery-thumbs .swiper-slide{ width: 170px;} .ygsh-pic-list{ padding:10px 5px 20px 5px;} .gzhj-pic-list{ padding: 10px 5px 5px 5px;} .zzhj-list{ margin: 0;} .zzhj-list li{ width: 20%; padding: 0 5px;} } /*--------------鍐呭璇︾粏椤 01---------------*/ /*鎵嬫満*/ @media (min-width: 320px) { .e-content-tit-01{ text-align: center; font-size: 1.6rem; color: #da251d; padding: 0; padding-bottom: 1rem; margin: 0; padding-top: 1rem;} .e-content-tit-02{ text-align: center; font-size: 1.6rem; color: #333333; padding: 0; font-weight: bold; padding-bottom: 1rem; margin: 0; padding-top: 1rem;} .e-content-mess-01{ border-bottom: dashed 1px #dddddd; text-align: center; padding-bottom: 1rem; margin-bottom: 1rem; color: #a7a7a7;} .e-content-box-01{ position: relative; overflow: hidden;} .e-content-tit-gray{ color: #333;} } /*灏忓睆鐢佃剳銆佸钩鏉?/ @media (min-width: 992px) { .e-content-tit-01{ font-size: 24px; padding-bottom: 20px; padding-top: 20px;} .e-content-tit-02{ font-size: 24px; padding-bottom: 20px; padding-top: 20px;} .e-content-mess-01{ font-size: 12px; padding-bottom: 20px;} } /*瀹藉睆*/ @media (min-width: 1230px) { } /*--------------/鍐呭璇︾粏椤 01---------------*/ /*--------------鏂伴椈鍒楄〃 01---------------*/ /*鎵嬫満*/ @media (min-width: 320px) { .e-news-list-01 ul{ padding: 0; margin: 0; list-style: none;} .e-news-list-01 ul li{ border-bottom: dashed 1px #c7c7c7; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; padding-right: 6rem; position: relative;} .e-news-list-01 ul span{ position: absolute; right: 0; color: #999;/*鏃堕棿棰滆壊*/} .e-news-list-01 ul *{ line-height: 4rem;} .e-news-list-01 ul i{ font-size: 34px; float: left; overflow: hidden; line-height: 4rem; height: 4rem; color: #da251d; /*瀛椾綋鍥炬爣棰滆壊*/} .e-news-list-01 ul a:hover{ text-decoration: underline;} } /*灏忓睆鐢佃剳銆佸钩鏉?/ @media (min-width: 992px) { .e-news-list-01 ul *{ line-height: 55px;} .e-news-list-01 ul span{ font-size: 12px;} .e-news-list-01 ul i{ padding-right: 5px; font-size: 34px; color: #da251d; height: 55px; width: 36px; overflow: hidden; line-height: 55px; margin-left: -8px;} } /*瀹藉睆*/ @media (min-width: 1230px) { } /*--------------/鏂伴椈鍒楄〃 01---------------*/ /*-------寤夋磥鑱旈偊-------*/ @media (min-width: 320px) { .ljlb-l-bg{ background: #c9eefd url(../img/ljlb-l-bg.jpg) right bottom no-repeat; padding: 15px; margin-top: 15px;} .ljlb-l-bg b{color: #434343; font-size: 18px; font-weight: normal;} .ljlb-tit{ text-align:left;} .ljlb-tit b{color: #434343; font-size: 18px; font-weight: normal; background: url(../img/tul.png) center left no-repeat; padding-left:38px; line-height:24px;display:block;} .ljlb-l-bg ul{ border: none; padding: 0; margin: 0; list-style: none;} .ljlb-l-bg li{ height: 40px; line-height: 20px; overflow: hidden; position: relative; padding-left: 40px;} .ljlb-l-bg i{ float: left; width: 28px; height: 28px; border: solid 2px #0080bc; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; line-height: 24px; color: #0080bc; position: absolute; left: 0; top: 6px;} .ljlb-l-bg ul li div{display: table; width: 100%; height: 40px; background: none; padding: 0;} .ljlb-l-bg span{ line-height: 16px; display: table-cell; vertical-align: middle; font-size: 13px;} .ljlb-l-bg span *{ line-height: 16px;} .ljlb-l-bg-02{ font-size: 13px; background: #c9eefd; padding: 15px 0; margin-top: 15px; line-height: 40px;} .ljlb-l-bg-02 .ljlb-txt{ line-height: 40px;} .lj-dn{ display: none;} .lj-box-t dd{ padding-top: 15px;} .lj-box-t b{ display: block; color: #333; font-size: 18px;} .lj-box-b b{ display: block; color: #333; font-size: 18px;} .ljlb-l-bg *,.ljlb-l-bg-02 *{ /* font-family: '瀹嬩綋'; */} .ljlb-l-bg-02{ padding-left:15px; /* font-family: '瀹嬩綋'; */} .lj-box-t,.lj-box-t *{ /* font-family: '瀹嬩綋'; */} .lj-box-b,.lj-box-b *{ /* font-family: '瀹嬩綋'; */} } @media (min-width: 992px) { .ljlb-l-bg{ display: none;} .ljlb-l-bg-02{ display: none;} .lj-dn{ display: block;} .lj-box-t { overflow: hidden; font-size:15px;} .lj-box-t dt{ float: left; margin-right: 20px;} .lj-box-t dd{ overflow: visible; padding-top: 0; line-height:22px;} .lj-box-t b{ font-size: 25px; margin-top: -10px;} .lj-box-b{ padding-top: 15px; font-size:15px;} .lj-box-b b{ font-size: 25px; } .lj-box-b { line-height:22px;} } @media (min-width: 1230px) { } .swiper-xwzx .swiper-wrapper{ height: auto; } .swiper-xwzx .swiper-slide{ height: auto; }