.text-primary {
 color:#e74c3c !important
}
.text-title {
 color:#212628
}
.text-sub {
 color:#666
}
.bg-sub {
 background:#666
}
.text-white {
 color:#fff !important
}
.text-color9 {
 color:#999
}
.text-color4 {
 color:#444
}
.text-black {
 color:#333
}
.bg-bg {
 background:#fafafa
}
.bg-white {
 background:#fff
}
.bg-primary {
 background:#e74c3c
}
.bg-active {
 background:#fdeded
}
.bg-bbb {
 background:#bbb
}
.text-blue {
 color:#c7e3ff
}
.bg-border {
 background:#edecec
}
.text-5d {
 color:#5d5d5d
}
.text-border2 {
 color:#d9d9d9
}
.border-primary {
 border-bottom:1px solid #e74c3c
}
.indexTitle {
 text-align:center;
 padding:60px 0 35px
}
.indexTitle .title {
 font-size:40px;
 color:#333
}
.indexTitle .subTitle {
 font-size:14px;
 color:#666;
 margin-top:10px
}
.indexTitle .line {
 margin-top:15px
}
.indexTitle .line:before {
 display:inline-block;
 content:'';
 height:1px;
 width:80px;
 background:#ccc;
 vertical-align:middle
}
.indexTitle .line:after {
 display:inline-block;
 content:'';
 height:1px;
 width:80px;
 background:#ccc;
 vertical-align:middle
}
.indexTitle .line .dot {
 display:inline-block;
 width:40px;
 height:1px;
 position:relative;
 vertical-align:middle
}
.indexTitle .line .dot:after {
 content:'';
 width:8px;
 height:8px;
 background:#e74c3c;
 display:inline-block;
 border-radius:50%;
 position:relative;
 top:-9px
}
.indexTitle .tag {
 margin-top:25px
}
.indexTitle .tag a {
 color:#999
}
.indexTitle .tag a:hover {
 color:#e74c3c
}
.indexTitle .tag i {
 color:#999;
 padding:0 20px
}
.pagination {
 text-align:center
}
.pagination .swiper-pagination-switch {
 width:11px;
 height:11px;
 margin:0 3px;
 background:#bfbfbf;
 border-radius:50%;
 display:inline-block
}
.pagination .swiper-active-switch {
 background:#e74c3c
}
.banner {
 min-width:1200px;
 height:560px;
 z-index:0
}
.banner .swiper-container,
.banner .swiper-wrapper,
.banner .swiper-slide {
 height:100%;
 width:100%
}
.banner .swiper-slide {
 display:block
}
.banner .pagination {
 position:absolute;
 bottom:10px;
 left:0;
 width:100%;
 z-index:2
}
.banner .swiper-prev,
.banner .swiper-next {
 top:50%;
 margin-top:-50px;
 width:70px;
 height:70px;
 background:#000;
 opacity:.4;
 z-index:2;
 cursor:pointer;
 text-align:center;
 line-height:70px;
 color:#fff;
 font-size:50px
}
.banner .swiper-prev:hover,
.banner .swiper-next:hover {
 opacity:.5;
 color:#e74c3c
}
.banner .swiper-prev {
 left:0
}
.banner .swiper-next {
 right:0
}
@media (min-width: 1920px) {
 .banner .swiper-prev {
  left:50%;
  margin-left:-950px
 }
 .banner .swiper-next {
  right:50%;
  margin-right:-950px
 }
}
.ad-custom {
 width:110%;
 height:155px;
 box-shadow:none;
 margin-top:15px
}
.ad-custom .title .block {
 margin-left:0
}
.ad-custom .input-list .input-box {
 margin-left:0;
 margin-right:20px
}
.ad-custom .input-list .input-box input {
 width:239px
}
.ad-custom .input-list .button-box {
 margin-left:0
}
.box1 {
 padding:65px 0
}
.box1 a {
 float:left;
 width:205px;
 padding-left:95px
}
.box1 a:hover .tit {
 color:#e74c3c
}
.box1 a:hover .iconfont {
 background:#e74c3c;
 border-color:#e74c3c;
 color:#fff
}
.box1 .iconfont {
 float:left;
 margin-left:-95px;
 width:68px;
 height:68px;
 border-radius:50%;
 line-height:68px;
 font-size:34px;
 text-align:center;
 border:solid 1px #ddd
}
.box1 .tit {
 font-size:22px;
 color:#333;
 margin-top:8px;
 display:block
}
.box1 .des {
 font-size:14px;
 color:#666;
 margin-top:5px;
 display:block
}
.box2 {
 padding-bottom:70px
}
.box2 li {
 float:left;
 width:286px;
 transition:all ease .3s 0s;
 -moz-transition:all ease .3s 0s;
 -webkit-transition:all ease .3s 0s
}
.box2 li.active {
 width:415px
}
.box2 li .lazy {
 display:block;
 width:100%;
 height:463px
}
.box2 li:hover {
 transform:scale(1.05);
 -moz-transform:scale(1.05);
 -webkit-transform:scale(1.05);
 -ms-transform:scale(1.05);
 z-index:1;
 box-shadow:0 5px 20px #ccc
}
.box2 li:hover .con {
 background:#fff;
 border-bottom:solid 3px #e74c3c;
 left:-1px;
 bottom:-1px;
 right:-1px
}
.box2 li:hover .con::before {
 content:'';
 width:0px;
 height:0;
 overflow:hidden;
 border-width:0 15px 15px;
 border-style:solid;
 border-color:transparent transparent #fff;
 position:absolute;
 left:50%;
 top:-14px;
 margin-left:-15px;
 background:none
}
.box2 li:hover .con .tit,
.box2 li:hover .con .subTit {
 color:#333
}
.box2 li:hover .con .des {
 color:#666
}
.box2 li:hover .con .button-primary.is-plain {
 background:#e74c3c;
 color:#fff
}
.box2 li:hover .con .button-primary.is-plain:hover {
 background:#d62c1a
}
.box2 .con {
 position:absolute;
 left:0;
 right:0;
 bottom:0;
 padding:30px 30px 37px;
 color:#fff;
 z-index:1
}
.box2 .con:before {
 content:'';
 width:16px;
 height:9px;
 background:#e74c3c;
 display:block;
 margin-bottom:10px
}
.box2 .con .tit {
 font-size:30px
}
.box2 .con .subTit {
 margin-top:5px;
 font-size:18px
}
.box2 .con .des {
 min-height:38px;
 font-size:14px;
 margin-top:10px;
 color:#b9b9b9
}
.box2 .con .is-plain {
 background:none;
 padding:8px 40px;
 margin-top:15px
}
.box2 .con .is-plain:hover {
 background:#e74c3c
}
.box2 .form {
 height:463px;
 width:488px;
 box-shadow:2px 2px 10px #ddd
}
.box2 .form dl {
 overflow:hidden;
 font-size:16px;
 padding:10px 0 10px 146px
}
.box2 .form dt {
 float:left;
 width:6em;
 margin-left:-6em;
 line-height:40px;
 color:#212628
}
.box2 .form dd {
 position:relative;
 float:left
}
.box2 .form dd .button {
 padding-left:50px;
 padding-right:50px
}
.box2 .form dd .dw {
 position:absolute;
 right:10px;
 top:50%;
 margin-top:-10px;
 font-size:14px
}
.box2 .form .line {
 width:31px;
 height:7px;
 background:#e74c3c;
 margin:12px auto 30px
}
.box2 .form input,
.box2 .form select {
 border:solid 1px #ddd;
 background:#fafafa;
 padding:9px 15px;
 font-size:14px
}
.box2 .form select {
 width:87px;
 margin-right:10px
}
.box2 .form input {
 width:259px
}
.box3 {
 padding-bottom:70px
}
.box3 .img {
 height:450px;
 width:1205px;
 padding-left:296px
}
.box3 .imgBox {
 position:relative;
 width:299px;
 height:222px;
 cursor:pointer;
 float:left;
 margin:0 4px 4px 0
}
.box3 .imgBox .lazy {
 display:block
}
.box3 .imgBox .lazy:hover:after {
 opacity:0
}
.box3 .imgBox .tag {
 background:rgba(0,0,0,0.32);
 border-radius:20px;
 padding:4px 10px;
 color:#fff;
 display:inline-block;
 position:absolute;
 right:15px;
 bottom:15px;
 left:15px;
 text-align:center
}
.box3 .imgBox .tag a {
 color:#fff
}
.box3 .imgBox .tag a:hover {
 color:#e74c3c
}
.box3 .imgBox em {
 display:inline-block;
 width:10px;
 height:10px;
 background:#cd953e;
 border-radius:50%;
 margin-right:5px;
 position:relative;
 top:-1px
}
.box3 .imgBox.firstchild {
 width:292px;
 height:449px;
 float:left;
 margin-left:-296px
}
.box3 .imgBox.firstchild .tag {
 right:5px;
 top:20px;
 bottom:auto;
 left:auto
}
.box3 .imgBox.firstchild .lazy::before {
 content:'';
 width:100%;
 height:100%;
 background:url("//s.dyrs.cc/static/pc/images/xiangkuang.png");
 position:absolute;
 left:0;
 top:0;
 z-index:2
}
.box3 .cat-tag {
 overflow:hidden
}
.box3 .cat-tag a {
 color:#666;
 width:80px;
 height:64px;
 float:left;
 border:solid 1px #e1e1e1;
 border-radius:50%;
 text-align:center;
 padding-top:16px;
 margin-right:57px;
 cursor:pointer
}
.box3 .cat-tag a i,
.box3 .cat-tag a span {
 display:block
}
.box3 .cat-tag a.active {
 background:#e74c3c
}
.box3 .cat-tag a.active i,
.box3 .cat-tag a.active span {
 color:#fff
}
.box3 .cat-tag a:hover {
 transition:.5s all;
 background:#e74c3c
}
.box3 .cat-tag a:hover i,
.box3 .cat-tag a:hover span {
 color:#fff
}
.box4 {
 padding-bottom:70px
}
.box4 ul {
 height:480px;
 padding-left:480px
}
.box4 ul.filter-list {
 padding-left:0;
 height:auto;
 width:175px;
 z-index:9
}
.box4 ul.filter-list li {
 float:none
}
.box4 li {
 float:left
}
.box4 li .lazy {
 width:100%;
 height:100%;
 display:block
}
.box4 li.first {
 position:relative;
 width:480px;
 height:480px;
 margin-left:-480px
}
.box4 li.first .tag {
 background:#e74c3c;
 color:#fff;
 border-radius:10px 0 0 0;
 position:absolute;
 right:0;
 top:20px;
 z-index:1;
 padding:5px 10px
}
.box4 li.first .con {
 position:absolute;
 left:0;
 padding-left:33px;
 padding-bottom:40px;
 padding-top:40px;
 bottom:0;
 right:0;
 background:rgba(0,0,0,0.7)
}
.box4 li.first .con .tit,
.box4 li.first .con .subTit {
 color:#fff;
 font-size:24px
}
.box4 li.first .con .des {
 font-size:18px;
 color:#999;
 margin-top:10px;
 line-height:1.6
}
.box4 li.item {
 position:relative;
 width:240px;
 height:240px;
 overflow:hidden
}
.box4 li.item:hover .con {
 bottom:0
}
.box4 li.item .con {
 transition:all ease .3s 0s;
 -moz-transition:all ease .3s 0s;
 -webkit-transition:all ease .3s 0s;
 bottom:-100%;
 background:rgba(231,76,60,0.9);
 z-index:1;
 width:100%;
 height:100%;
 position:absolute;
 left:0;
 text-align:center;
 color:#fff
}
.box4 li.item .con .tit {
 margin-top:40px;
 font-size:22px
}
.box4 li.item .con .des {
 font-size:16px;
 margin-top:15px;
 line-height:2
}
.box4 li.item .con .btn {
 border:solid 1px #fff;
 color:#fff;
 font-size:16px;
 display:inline-block;
 padding:5px 40px;
 margin-top:20px
}
.box4 li.form {
 width:480px;
 height:240px
}
.box4 li.form .input-box {
 padding-left:55px
}
.box4 li.form .line {
 width:62px;
 height:4px;
 background:#e74c3c;
 margin:10px auto 15px
}
.box4 li.form input {
 border:solid 1px #ddd;
 padding:10px 15px;
 font-size:14px;
 width:143px;
 float:left;
 margin:0 20px 10px 0
}
.box4 li.form .button {
 margin-top:10px;
 padding:10px 60px
}
.box5 {
 min-width:1200px;
 overflow:hidden;
 height:644px
}
.box5 .indexTitle .title {
 color:#fff
}
.box5 .indexTitle .subTitle {
 color:#b2b2b2
}
.box5 .time-line {
 color:#fff
}
.box5 .time-line li {
 position:absolute
}
.box5 .time-line li .year {
 width:66px;
 height:66px;
 border-radius:50%;
 border:solid 3px #e74c3c;
 text-align:center;
 line-height:66px;
 background:#272727
}
.box5 .time-line li .line {
 width:1px;
 background:#fff;
 height:50px;
 overflow:hidden;
 position:absolute;
 left:50%;
 opacity:.5
}
.box5 .time-line li .txt {
 font-size:22px;
 position:absolute;
 white-space:nowrap
}
@keyframes updown {
 0%,
 100% {
  transform:translate(5px, -10px)
 }
 50% {
  transform:translate(0, 0)
 }
}
@keyframes sizeChange {
 0%,
 100% {
  transform:scale(1)
 }
 50% {
  transform:scale(1.1)
 }
}
.box6 {
 padding-bottom:70px
}
.box6 .house3d {
 height:617px;
 width:799px;
 margin:0 auto
}
.box6 .house3d .point {
 position:absolute;
 top:20%;
 left:50%;
 cursor:pointer
}
.box6 .house3d em {
 display:block;
 width:8px;
 height:8px;
 background:#e74c3c;
 border-radius:50%
}
.box6 .house3d .point,
.box6 .house3d i {
 display:block;
 border-radius:50%;
 padding:10px;
 background:rgba(255,255,255,0.5)
}
.box6 li.active dl {
 display:block
}
.box6 li.active .point {
 animation:sizeChange .8s infinite
}
.box6 dl {
 display:none;
 width:320px;
 background:#fff;
 box-shadow:0 0 10px #ccc;
 line-height:1.6;
 position:absolute;
 z-index:1
}
.box6 dl:after {
 content:'';
 width:100px;
 height:0;
 overflow:hidden;
 position:absolute;
 border-top:dashed 1px #000
}
.box6 dl::before {
 content:'';
 width:0;
 height:100px;
 overflow:hidden;
 position:absolute;
 border-left:dashed 1px #000
}
.box6 dt {
 color:#333;
 font-size:30px;
 padding:10px 20px
}
.box6 dt::before {
 content:'';
 width:6px;
 height:6px;
 border-radius:50%;
 background:#e74c3c;
 box-shadow:0 0 6px #e74c3c;
 overflow:hidden;
 display:inline-block;
 vertical-align:middle;
 position:relative;
 left:-10px;
 -webkit-border-radius:50%;
 -moz-border-radius:50%;
 -ms-border-radius:50%;
 -o-border-radius:50%
}
.box6 dd {
 padding:0 20px 20px;
 color:#999
}
.box6 .woshi dl {
 width:230px;
 left:680px;
 top:330px
}
.box6 .woshi dl:after {
 top:36px;
 left:-177px;
 width:182px
}
.box6 .woshi dl::before {
 left:-177px;
 height:63px;
 top:36px
}
.box6 .xuanguan dl {
 width:210px;
 left:680px;
 top:280px
}
.box6 .xuanguan dl:after {
 top:36px;
 left:-176px;
 width:181px
}
.box6 .xuanguan dl::before {
 left:-177px;
 height:37px
}
.box6 .jiucan dl {
 left:667px;
 top:225px
}
.box6 .jiucan dl:after {
 top:36px;
 left:-127px;
 width:133px
}
.box6 .jiucan dl::before {
 left:-128px;
 top:-34px;
 height:70px
}
.box6 .chufang dl {
 left:661px;
 top:215px
}
.box6 .chufang dl:after {
 display:none
}
.box6 .chufang dl::before {
 left:12px;
 top:-52px;
 height:80px
}
.box6 .huike dl {
 width:250px;
 left:-160px;
 top:190px
}
.box6 .huike dl:after {
 top:36px;
 left:94px;
 width:405px
}
.box6 .huike dl::before {
 left:503px;
 top:37px;
 height:65px
}
.box6 .baojie dl {
 width:230px;
 left:-195px;
 top:192px
}
.box6 .baojie dl:after {
 top:36px;
 left:94px;
 width:195px
}
.box6 .baojie dl::before {
 left:289px;
 top:37px;
 height:37px
}
.box6 .weishengjian dl {
 width:230px;
 left:-160px;
 top:-24px
}
.box6 .weishengjian dl:after {
 top:36px;
 left:95px;
 width:329px
}
.box6 .weishengjian dl::before {
 left:423px;
 top:37px;
 height:37px
}
.box7 {
 height:200px;
 color:#fff
}
.box7 .btn {
 display:inline-block;
 height:34px;
 line-height:34px;
 border:solid 1px #fff;
 border-radius:17px;
 -webkit-border-radius:17px;
 -moz-border-radius:17px;
 -ms-border-radius:17px;
 -o-border-radius:17px;
 padding:0 40px
}
.box7 .btn:hover {
 background:rgba(255,255,255,0.1)
}
.box8 {
 padding-bottom:70px
}
.box8 li {
 float:left;
 width:388px;
 height:388px;
 background:#fafafa;
 margin-right:18px
}
.box8 .lazy {
 display:block;
 width:388px;
 height:291px
}
.box8 .tit {
 font-size:18px;
 border-left:solid 5px #e74c3c;
 line-height:18px;
 padding-left:15px;
 margin:25px 0 15px;
 color:#212628;
 float:left;
 width:8em
}
.box8 .tit:hover {
 color:#e74c3c
}
.box8 .des {
 float:right;
 width:200px;
 margin:25px 10px 15px;
 text-align:right
}
.box8 .des span {
 text-decoration:underline
}
.box8 .info {
 text-align:center;
 clear:both
}
.box8 .form {
 padding:10px 10px 10px 230px;
 background:url(data:image/gif;base64,R0lGODlhCAAIAKIAAENDQyoqKigoKCkpKUFBQUJCQkdHRwAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDU2OTI3NUNBRjU1MTFFOEE5ODY4RjFFMUREMkY0NjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDU2OTI3NURBRjU1MTFFOEE5ODY4RjFFMUREMkY0NjQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENTY5Mjc1QUFGNTUxMUU4QTk4NjhGMUUxREQyRjQ2NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpENTY5Mjc1QkFGNTUxMUU4QTk4NjhGMUUxREQyRjQ2NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAAAAAAALAAAAAAIAAgAAAMWaKo1tKa9BUaBJdxVxGQeZDhi8TFDAgA7) #474747
}
.box8 .form dt {
 float:left;
 margin-left:-205px
}
.box8 .form dd {
 background:#fff;
 padding:15px 30px
}
.box8 .form .button {
 padding-left:55px;
 padding-right:55px
}
.box8 .form input {
 padding:11px 15px;
 background:#fafafa;
 border:solid 1px #ddd;
 float:left;
 width:131px;
 margin-right:20px
}
.box8 .more .button {
 padding-left:55px;
 padding-right:55px
}
.box9 {
 padding-bottom:70px
}
.box9 .swiper-wrapper,
.box9 .swiper-slide {
 height:496px !important
}
.box9 .yueyun-card {
 overflow:hidden;
 background:#fff;
 box-shadow:0 0 5px rgba(0,0,0,0.1)
}
.box9 .yueyun-card .left-yy {
 float:left;
 width:650px;
 height:496px
}
.box9 .yueyun-card .right-yy {
 float:left;
 width:550px;
 height:496px;
 position:relative
}
.box9 .yueyun-card .right-yy:after {
 content:'';
 display:block;
 position:absolute;
 width:0;
 height:0;
 border-top:15px solid transparent;
 border-bottom:15px solid transparent;
 border-right:15px solid #fff;
 top:210px;
 left:-15px
}
.box9 .yueyun-card .right-yy .yy-title {
 font-size:26px;
 height:45px;
 line-height:45px;
 margin-left:40px;
 margin-top:55px
}
.box9 .yueyun-card .right-yy .yy-title:before {
 content:url("//s.dyrs.cc/static/pc/images/lou_07.jpg");
 display:block;
 float:left;
 width:45px;
 height:45px;
 margin-right:20px
}
.box9 .yueyun-card .right-yy .yy-title:after {
 content:'';
 display:block;
 width:35px;
 height:1px;
 background:#e74c3c;
 margin-left:64px;
 margin-top:10px
}
.box9 .yueyun-card .right-yy .anli-num {
 width:300px;
 height:28px;
 margin:25px 0 0 100px;
 font-size:16px;
 color:#666
}
.box9 .yueyun-card .right-yy .anli-num .div {
 padding:0 5px
}
.box9 .yueyun-card .right-yy .tel {
 margin-left:50px;
 width:420px;
 overflow:hidden
}
.box9 .yueyun-card .right-yy .tel .tel-img {
 width:30px;
 float:left;
 color:#f5c43b
}
.box9 .yueyun-card .right-yy .tel .tel-img i {
 font-size:30px
}
.box9 .yueyun-card .right-yy .tel .tel-text {
 margin-left:20px;
 width:370px;
 float:left;
 height:26px;
 font-size:16px;
 line-height:30px
}
.box9 .yueyun-card .right-yy .divied {
 width:420px;
 margin:auto;
 height:1px;
 background:#edecec
}
.box9 .yueyun-card .right-yy .lp-hk .hk-title {
 font-size:18px;
 width:420px;
 margin:0 auto
}
.box9 .yueyun-card .right-yy .lp-hk .list-input {
 width:430px;
 height:45px;
 margin:auto;
 overflow:hidden
}
.box9 .yueyun-card .right-yy .lp-hk .list-input input {
 display:block;
 float:left;
 margin-right:10px;
 width:170px;
 height:40px;
 border:1px solid #edecec;
 background:#fafafa;
 padding:0 15px;
 border-radius:3px
}
.box9 .yueyun-card .right-yy .lp-hk .list-input .button {
 width:202px
}
.box9 .swiper-prev,
.box9 .swiper-next {
 top:0;
 right:0;
 background:#c1c1c1;
 width:44px;
 height:36px;
 color:#fff;
 text-align:center;
 line-height:36px;
 cursor:pointer;
 z-index:2
}
.box9 .swiper-prev:hover,
.box9 .swiper-next:hover {
 background:#5c5c5c
}
.box9 .swiper-prev {
 right:50px
}
.box10 {
 padding-bottom:70px
}
.box10 .accordion-box {
 width:100%;
 height:360px
}
.box10 .accordion-box ul {
 padding:0;
 width:inherit;
 height:360px;
 overflow:hidden;
 position:relative
}
.box10 .accordion-box ul li {
 width:700px;
 position:absolute;
 top:0;
 transition:all ease .3s 0s;
 -moz-transition:all ease .3s 0s;
 -webkit-transition:all ease .3s 0s
}
.box10 .accordion-box ul li .left {
 width:600px;
 height:inherit;
 overflow:hidden;
 position:relative;
 float:left
}
.box10 .accordion-box ul li .left .shadow {
 position:absolute;
 width:100%;
 height:100%;
 background:rgba(0,0,0,0.3);
 transition:all ease .3s 0s;
 -moz-transition:all ease .3s 0s;
 -webkit-transition:all ease .3s 0s
}
.box10 .accordion-box ul li .left .shadow .title {
 width:460px;
 height:70px;
 color:#fff;
 line-height:2;
 font-size:18px;
 text-align:center;
 overflow:hidden;
 position:absolute;
 top:130px;
 left:70px
}
.box10 .accordion-box ul li .left .shadow .button {
 background:transparent;
 color:#fff;
 position:absolute;
 top:210px;
 left:240px
}
.box10 .accordion-box ul li .left .shadow .button:hover {
 background:rgba(255,255,255,0.2)
}
.box10 .accordion-box ul li .left img {
 z-index:-1;
 transition:all ease .3s 0s;
 -moz-transition:all ease .3s 0s;
 -webkit-transition:all ease .3s 0s
}
.box10 .accordion-box ul li .right {
 width:100px;
 height:360px;
 float:left;
 position:relative;
 transition:all ease .3s 0s;
 -moz-transition:all ease .3s 0s;
 -webkit-transition:all ease .3s 0s
}
.box10 .accordion-box ul li .right .title {
 writing-mode:vertical-lr;
 writing-mode:tb-lr;
 position:absolute;
 top:115px;
 left:50px;
 font-size:24px;
 -webkit-writing-mode:tb-lr;
 -ms-writing-mode:tb-lr
}
.box10 .accordion-box ul li .right .sub-title {
 -ms-writing-mode:tb-lr;
 writing-mode:vertical-lr;
 writing-mode:tb-lr;
 position:absolute;
 top:115px;
 font-size:14px;
 left:27px
}
.box10 .accordion-box ul li .right::before {
 transition:all ease .3s 0s;
 -moz-transition:all ease .3s 0s;
 -webkit-transition:all ease .3s 0s;
 content:'';
 display:block;
 position:absolute;
 z-index:2;
 top:48%;
 left:-10px;
 width:0;
 height:0;
 border-right-width:10px;
 border-right-style:solid;
 border-top-width:10px;
 border-top-style:solid;
 border-top-color:transparent;
 border-bottom-width:10px;
 border-bottom-style:solid;
 border-bottom-color:transparent
}
.box10 .accordion-box ul li:nth-child(odd) .right {
 background:#dee0e2
}
.box10 .accordion-box ul li:nth-child(odd) .right::before {
 border-right-color:#dee0e2
}
.box10 .accordion-box ul li:nth-child(even) .right {
 background:#f6f8fa
}
.box10 .accordion-box ul li:nth-child(even) .right::before {
 border-right-color:#f6f8fa
}
.box10 .accordion-box ul li:hover .left .shadow {
 background-color:rgba(0,0,0,0.6)
}
.box10 .accordion-box ul li:hover .left .shadow img {
 transform:scale(1.2, 1.2)
}
.box10 .accordion-box ul li:hover .right {
 background-color:#e74c3c;
 color:#fff
}
.box10 .accordion-box ul li:hover .right::before {
 border-right-color:#e74c3c
}
.box10 .accordion-box ul li:hover .right .title {
 color:#fff
}
.box10 .accordion-box ul li:hover .right .sub-title {
 color:#fafafa
}
.box11 {
 height:293px;
 text-align:center;
 color:#fff
}
.box11 .w1 {
 width:150%;
 margin-left:-36px
}
.box11 a {
 float:left;
 width:159px;
 margin-top:73px;
 cursor:default
}
.box11 span {
 display:block
}
.box11 .iconfont {
 width:80px;
 height:80px;
 margin:0 auto;
 border:solid 1px #fff;
 line-height:80px;
 border-radius:50%;
 font-size:32px
}
.box11 .n {
 font-size:16px;
 margin-top:15px
}
.box11 .t {
 font-size:18px
}
.box12 .news-title {
 font-size:34px;
 color:#212628
}
.box12 .titles {
 width:100%;
 border-bottom:1px solid #edecec;
 overflow:hidden
}
.box12 .titles .left {
 float:left
}
.box12 .titles .left a {
 float:left;
 margin-right:10px;
 padding:5px 25px;
 border-radius:15px;
 background-color:#f9f1f1
}
.box12 .titles .left a::after {
 display:block;
 clear:both
}
.box12 .titles .left a:hover {
 color:#e74c3c
}
.box12 .titles .left a.active {
 background-color:#e74c3c;
 color:#fff
}
.box12 .titles .right {
 float:right
}
.box12 .titles .right a {
 float:left;
 padding:5px 15px
}
.box12 .titles .right a::after {
 display:block;
 clear:both
}
.box12 .titles .right a:hover {
 color:#e74c3c
}
.box12 .news-list {
 width:100%
}
.box12 .news-list .left {
 width:580px;
 float:left
}
.box12 .news-list .left .img-box {
 width:inherit;
 height:300px;
 overflow:hidden
}
.box12 .news-list .left .img-box img {
 transition:all ease .3s 0s;
 -moz-transition:all ease .3s 0s;
 -webkit-transition:all ease .3s 0s
}
.box12 .news-list .left .img-box img:hover {
 transform:scale(1.1, 1.1)
}
.box12 .news-list .left .title {
 margin-top:16px;
 color:#212628;
 width:inherit;
 display:block !important;
 white-space:nowrap;
 display:block;
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-line-clamp:1;
 line-height:1.5;
 font-size:20px;
 max-height:30px
}
.box12 .news-list .left .title:hover {
 color:#e74c3c
}
.box12 .news-list .left .article-time {
 color:#666;
 font-size:14px
}
.box12 .news-list .left .sub-title {
 position:relative;
 margin:17px 0 60px 0;
 display:block;
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-line-clamp:2;
 line-height:2;
 font-size:14px;
 max-height:56px
}
.box12 .news-list::after {
 content:'';
 display:block;
 clear:both
}
.box12 .news-list .right {
 float:right
}
.box12 .news-list .right a li {
 width:570px;
 transition:all ease .3s 0s;
 -moz-transition:all ease .3s 0s;
 -webkit-transition:all ease .3s 0s
}
.box12 .news-list .right a li .time {
 float:left;
 height:90px;
 width:80px;
 color:#fff;
 transition:all ease .3s 0s;
 -moz-transition:all ease .3s 0s;
 -webkit-transition:all ease .3s 0s;
 position:relative
}
.box12 .news-list .right a li .time .month {
 display:block;
 position:absolute;
 font-size:30px;
 top:25px;
 left:20px
}
.box12 .news-list .right a li .time .date {
 display:block;
 font-size:16px;
 position:absolute;
 right:10px;
 bottom:10px
}
.box12 .news-list .right a li::after {
 content:'';
 display:block;
 clear:both
}
.box12 .news-list .right a li .content {
 width:460px;
 float:left
}
.box12 .news-list .right a li .content .title {
 font-size:18px;
 color:#212628;
 padding:7px 0 7px 10px;
 width:inherit;
 display:block !important;
 white-space:nowrap;
 display:block;
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-line-clamp:1;
 line-height:1.5;
 font-size:18px;
 max-height:27px
}
.box12 .news-list .right a li .content .sub-title {
 color:#666;
 position:relative;
 margin:0 0 0 12px;
 display:block;
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-line-clamp:2;
 line-height:1.5;
 font-size:14px;
 max-height:42px
}
.box12 .news-list .right a li:hover {
 background-color:#fff;
 box-shadow:0 0 15px 0 rgba(102,102,102,0.2)
}
.box12 .news-list .right a li:hover .time {
 background:#e74c3c
}
.box12 .news-list .right a .time:nth-child(odd) {
 background:#c0b8ac
}
.box12 .news-list .right a .time:nth-child(even) {
 background:#999288
}
.box12 .news-list .right a+a li {
 margin-top:22px
}
.box13 {
 overflow:hidden
}
.box13 a {
 float:left;
 width:383px;
 height:295px;
 margin-right:24px
}