.banner1{ float: left; /* margin: 54px 24px 35px 44px; */ } .scroll-txt1{ float: right; } .scroll-txt h3{ font-size: 18px; color:#467eb8; padding-left: 8px; position: relative; margin: 0px 0 15px 0; } .scroll-txt h3:after{ height: 15px; content: ''; border-left: 2px solid #467eb8; position: absolute; left: 0; top: 4.5px; } .scroll-txt ul{ font-size: 14px; color: #787878; } .scroll-txt ul li{ margin-bottom: 15px; } .scroll-txt ul a{ font-size: 14px; color: #4d4d4d; display: block; margin-left: 8px; } .scroll-txt ul h5{ position: relative; padding-left: 8px; margin-bottom: 5px; } .scroll-txt ul h5:after{ content: ''; width: 4px; height: 4px; border-radius: 50%; background: #787878; position: absolute; left: 0; top: 50%; margin-top: -2px; } .news-list li{ margin-top: 30px; padding-bottom: 27px; border-bottom: 1px solid #e6e6e6; width: 738px; position: relative; } .news-list li:hover h3 a{ color:#0b6ee9; } .news-list h3{ font-size: 18px; margin-bottom: 14px; } .news-list h3 a{ color:#523e33; } .news-list h5{ font-size: 16px; color:#808080; margin-bottom: 27px; } .news-list p{ font-size: 14px; color:#4d4d4d; line-height: 30px; letter-spacing: .7px; margin-bottom: 18px; } .news-list li>a{ padding: 11px 2px 11px 21px; width: 110px; border: 1px solid #0b6ee9; border-bottom: 5px solid #4792ee; text-align: left; background: #fff; cursor: pointer; color: #0b6ee9; background: url(../images/arr_default_right_03.png) no-repeat 90px 12px; animation: background-color 0.5s; font-size: 14px; display: block; } .news-list li>a:hover{ background-image: url(../images/arr_high_right_03.png); animation: mymove .8s linear infinite,mycolor .8s linear; color:#fff; border-bottom: 5px solid #0b6ee9; background-color: #0b6ee9; } .page{ text-align: right; height: 46px; } .page a{ font-size: 14px; line-height: 46px; color:#4d4d4d; } .page a+a{ margin-left:15px; } .footer{ margin-top: 0; } @-webkit-keyframes mymove { form { background-position: 90px 12px; } to { background-position: 98px 12px; } } .fr1 { float:right; } .device { width: 496px; height: 340px; /* padding: 30px 40px; */ /* border-radius: 20px; */ /* background: #111; */ /* border: 3px solid white; */ /* margin: 5px auto; */ position: relative; /* box-shadow: 0px 0px 5px #000; */ } .device .arrow-left { background: url(img/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; } .device .arrow-right { background: url(img/arrows.png) no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; } .swiper-container { width: 496px; height: 340px; } .content-slide { padding: 20px; color: #fff; } .title { font-size: 25px; margin-bottom: 10px; } .pagination { position: relative; right: 21px; float: right; /* text-align: center; */ bottom: 34px; z-index: 999; /* width: 100%; */ } .swiper-pagination-switch { display: inline-block; width: 12px; height: 12px; border-radius: 10px; background: #ddd; /* box-shadow: 0px 1px 2px #555 inset; */ margin: 0 6px; cursor: pointer; } .swiper-active-switch { background: #5472BF; } .swiper-slide span{ height: 40px; width: 100%; bottom: 0; width: 100%; padding: 6px 0; color: #787878; text-indent: 10px; background: #f2f2f2; z-index: 2; font: 14px/2 "Microsoft YaHei",Arial,Tahoma; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; box-sizing: border-box; margin-top: -6px; padding-right: 110px; display: inline-block; } .swiper-slide span a{ color: #787878; font-size: 14px; } .news-list1 { float:right; }