body { color: #333; font-size: 14px; font-family: "Arial",Helvetica,"黑体",Arial,Tahoma; margin:0 auto; position:relative; overflow-x: hidden; background: #f8f8f8; } .img-hide{ overflow:hidden; } .img-hide img{ transition: 0.5s all; transform: scale(1.05,1.05); } .img-hide:hover img{ transform: scale(1,1); } .txt-elise{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} li{ list-style:none;} a{ color: #333; } ul{ padding:0; margin:0;} a:hover{ text-decoration:none !important;} a:focus{ text-decoration:none !important; outline: none !important;} button:focus,button:hover,input:focus{ outline: none!important; } img{ max-width:100%;} .container{ width: 1300px; padding:0; } .header{min-width: 1300px;height: 100px;background: #5c307d;position: relative;z-index: 1000;} .logo{ position: absolute; left: 50%; top: 0; margin-left: -650px; } .banner{width:100%;min-width: 1300px;height: 400px;overflow:hidden;position: relative;} .banner .slick{ position: absolute; left: 50%; margin-left: -960px; top: 0; width: 1920px; } .banner .slick img{ width: 100%; height: 400px; } .nav-list li{ float: left; line-height: 100px;text-transform:uppercase; margin-right: 45px; position: relative; } .nav-list li a{ display: inline-block; font-size: 16px; color: #fff; } .nav-down{ position: absolute; left: 0; min-width: 100%; display: none; background: #fff; top: 100%; padding:5px 10px; } .nav-list li:hover .nav-down{ display: block; } .nav-down li{ float: none;white-space: nowrap; margin:0!important; padding:0!important; width:100%; } .nav-down li:before{ display: none; } .nav-down li a{ display: block; text-align: center; line-height: 40px; font-size: 16px; color: #000; } .search-a{ line-height: 100px; } .title{ font-size: 30px; color: #333; line-height: 114px; text-transform:uppercase; } .lb-box{ height: 400px; position: relative; margin-left: 105px; margin-right: 105px; } .yj-slick-img{ position: absolute; left: 0; top: 0; z-index: 10000; width: 400px; } .yj-slick-img img{ width: 400px; height: 300px; } .yj-txt{ position: absolute; width: 580px; right: 50px; top: 80px; height: 270px; } .lb-box:before{ display: block; content: ""; position: absolute; left: 210px; top: 40px; right: 0; bottom: 0; background: #ff9966; } .lb-title a{ font-size: 20px; color: #fff; } .lb-title{ line-height: 44px; height: 88px; overflow:hidden; } .lb-p{ color: #fff; opacity: 0.5; line-height: 44px; } .lb-p{ height: 132px; overflow:hidden; margin-top: 10px; } .lb-more{ display: inline-block; color: #fff; width: 150px; text-transform:uppercase; height: 44px; margin-top: 15px; background: #5c307d; border-radius: 6px; text-align: center; line-height: 44px; } .yj-txt .slick-dots li,.yj-txt .slick-dots li button{ width: 30px; height: 8px; border-radius: 8px; } .yj-txt .slick-dots li button{ background: #fff; padding:0; } .yj-txt .slick-dots li.slick-active button{ background: #5c307d; } .yj-txt .slick-dots li button:before{ display: none; } .yj-txt .slick-dots{ left: -210px; width: auto; bottom: 0px; } .lb-more:hover{ color: #fff; } .back-box{height: 458px;min-width: 1300px;overflow:hidden;background: url(../images/back.png) center no-repeat;background-size: cover;margin-top: 50px;} .back-box .title{ color: #fff; } .news-list li{ float: left; width: 50%; padding:0 85px; margin-bottom: 45px; } .news-list{ margin:0 -85px; } .news-list li a{ display: block; padding-left: 85px; background: url(../images/li.png) left center no-repeat; font-size: 18px; color: #fff; line-height: 44px; height: 88px; } .back-box .lb-more{ margin-top: 0; } .tabs-ul li{ display: inline-block; margin:40px 60px; } .tabs-ul li a{ display: inline-block; font-size: 30px; color: #333; padding:3px 0; text-transform:uppercase; } .tabs-ul li.active a{ border-bottom: solid 4px #ff9966; } .tabs-list li{ float: left; width: 33.333333%; padding:0 20px; margin-bottom: 40px; } .tabs-box{ background: #fff; box-shadow: 0px 0 10px rgba(0,0,0,0.21); padding-top: 30px; height: 210px; position: relative; padding-left: 185px; padding-right: 34px; } .tabs-img{ position: absolute; left: 30px; top: 32px; } .tabs-img img{ width: 134px; height: 134px; border-radius: 50%; } .tabs-img a{ display: block; width: 134px; height: 134px; border-radius: 50%; position: relative; z-index: 10; } .tabs-img:before{ display: block; content: ""; width: 150px; height: 150px; position: absolute; left: -5px;top: 0px; background: url(../images/b.png) center no-repeat; } .tabs-name a{ font-size: 20px; color: #333; } .tabs-p{ color: #333; opacity: 0.5; line-height: 25px; } .tabs-p{ height: 50px; overflow:hidden; margin-top: 10px; } .tabs-box .lb-more{ width: 100px; height: 30px; line-height: 30px; font-size: 12px; } .tabs-list{ padding-top: 20px; margin:0 -20px; } .bottom{background: url(../images/bottom.png) center top no-repeat;margin-top: 20px;min-width: 1300px;} .bottom .title{ color: #fff; } .left-width{ width: 750px; height: 380px; box-shadow: 0 0 10px #999; background: #fff; padding:50px; } .img-box img{ width: 368px; height: 276px; } .img-box-tt a{ font-size: 20px; color: #333; } .img-box-tt{ line-height: 48px; height: 96px; overflow:hidden; } .left-width-r{ width: 255px; } .img-box-date{ font-size: 16px; color: #333; opacity: 0.5; margin-top: 10px; } .img-box-p{ font-size: 14px; color: #333; opacity: 0.5; line-height: 40px; margin-top: 10px; margin-bottom: 25px; } .img-box-more{ color: #ff9966; text-transform:uppercase; } .right-width{box-shadow: 0 0 10px #999; background: #fff; height: 380px; width: 500px; padding:60px 30px 30px 30px;} .right-width-img img{ width: 190px; height: 143px; } .right-width-sm{ width: 230px; } .right-width-tt a{ font-size: 16px; color: #181929; } .right-width-tt{ line-height: 30px; height: 60px; margin-top: 5px; overflow:hidden; } .right-date{ color: #333;opacity: 0.5; margin:10px 0; } .right-width .text-right a{ color: #ff9966; display: inline-block; text-transform:uppercase; margin-top: 18px; } .friends-box{ background: #fefffd; padding-top: 42px; box-shadow: 0 0 10px #ddd; height: 100px; padding-left: 200px; position: relative; padding-right: 100px; margin-top: 50px; } .friends-tt{ position: absolute; left: 50px; background: #5c307d; font-size: 16px; color: #fff; top: 50%; margin-top: -22px; border-radius: 4px; width: 130px; height: 44px; text-align: center; line-height: 44px; } .bottom-slick{ } .bottom-slick a{ display: block; font-size: 16px; line-height: 16px; padding:0 30px; border-right: solid 1px #333; } .bottom-slick .slick-dots{ display: none!important; } .bottom-slick .slick-prev{ left: 100%; width: 7px; height: 10px; background: url(../images/left.png) center no-repeat; margin-top: -5px; text-indent: -9999px; } .bottom-slick .slick-next{ left: 100%; margin-left:10px; width: 7px; height: 10px; background: url(../images/right.png) center no-repeat; margin-top: -5px; text-indent: -9999px; } .footer{min-width:1300px; margin-top: 50px; padding:50px 0 30px 0; background: #181929; } .ewm-box{ margin-top: 25px; } .footer-p p{ font-size: 16px; color: #fff; text-transform:uppercase; margin-bottom: 20px; } .bottom-slick a:hover,.img-box-more:hover,.img-box-tt a:hover,.right-width-tt a:hover,.right-width .text-right a:hover{ color: #5c307d; } .tabs-box .lb-more:hover,.back-box .lb-more:hover,.lb-more:hover{ background: #7e14ce; } .nav-list li a:hover{color: #ff9966;} .search-box{min-width:1300px; position: absolute; display: none; left: 0; right: 0; top: 100px; background: rgba(0,0,0,0.6); padding:105px 0; z-index: 10000000; } .search-width{ max-width: 700px; margin:0 auto; background: #fff; position: relative; padding-right: 100px; } .search-width .form-control{ line-height: 38px;border:none; border-radius: 0; box-shadow: none; height: 50px; } .btn-search,.btn-search:hover,.btn-search:focus{position: absolute;right: 0;top: 0;border-radius: 0; padding:15px 30px;background: #4e6ef2;} .lb-more:link { color: #fff; text-decoration: none; } .lb-more:visited { color: #fff; text-decoration: none; } .search-close { display: block; position: absolute; top: 34px; right: 50%; margin-right: -650px; width: 40px; height: 40px; background: url(../images/close.png) center no-repeat; }