body {
    color: #333;
    font-size: 14px;
    font-family: "微软雅黑",Helvetica,"黑体",Arial,Tahoma;
	margin:0 auto;
	position:relative;

	min-width: 1230px;


}
.img-hide,.img-lg{ overflow:hidden; }

.img-hide img,.img-lg img{ transition: 0.5s all;  transform: scale(1,1); }
.img-hide:hover img,.img-lg:hover img{ transform: scale(1.1,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: 1230px; }
.header{ background: url(../images/header.png) center no-repeat; background-size: cover; height: 110px; }
.logo{ line-height: 110px; }
.search-box{ width: 305px; height: 40px; position: relative; margin-top: 35px; }
.search-box .form-control{ width: 305px; color: #fff; height: 40px; border-radius: 40px; box-shadow: none; border:none; background: url(../images/search-back.png) center no-repeat; }
.search-box .form-control::-webkit-input-placeholder{
            color:rgba(255,255,255,0.5);
        }
.search-box .form-control::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:rgba(255,255,255,0.5);
        }
.search-box .form-control:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:rgba(255,255,255,0.5);
        }
.search-box .form-control:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:rgba(255,255,255,0.5);}
.btn-ss{ position: absolute; right: 5px; top: 0; bottom: 0; border:none; background: none; }
.nav-list li{ float: left; z-index: 100; width: 10%; position: relative; text-align: center; }
.nav-list li a{ display: block; width: 100%; position: relative; font-size: 16px; color: #363636; line-height: 50px; }
.nav-list li a:hover{ color: #089efd; }
.nav-list li a:hover:before{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: rgb(8,158,253,1); }
.nav-down{ position: absolute; display: none; transform: translate(-50%,0); min-width:100%; left: 50%; top: 100%; white-space:nowrap; background: rgb(8,158,253,0.9); }
.nav-down li{ float: none; width: 100%; }
.nav-down li a{ display: block; padding:0 10px; background: none!important; color: #fff; }
.nav-down li a:hover{ background: rgb(8,158,253,1); color: #fff; }
.nav-down li a:hover{background: rgb(8,158,253,1)!important;  }
.nav-list li:hover .nav-down{ display: block; }
.banner img{ width: 100%; }
.banner{ margin:0; overflow:hidden; }
.banner a{ display: block; position: relative; }
.banner a:before{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 218px; background: url(../images/banner-mask.png) center bottom no-repeat; background-size: 100% 100%; z-index: 10; }
.banner .slick-dots{ bottom: 30px; }
.banner .slick-dots li,.banner .slick-dots li button{ width: 10px; height: 10px; border-radius: 50%; }
.banner .slick-dots li{ margin:0 10px; }
.banner .slick-dots li button{ background: #fff; opacity: 0.3; }
.banner .slick-dots li.slick-active button{ opacity: 1; }
.one-slick,.one-slick img{ width: 580px; height: 370px; }
.one-slick{ overflow:hidden; margin:0; border-radius: 6px; }
.one-slick a{ display: block; position: relative; }
.one-slick a span{ position: absolute; left: 20px; bottom: 10px; color: #fff; z-index: 10; font-size: 16px; color: #fff; right: 115px; }
.page-one{ margin-top: 60px; }
.one-slick a:before{ display: block; content: ""; position: absolute; left: 0; z-index: 5; height: 113px; background: url(../images/txt-mask.png) center no-repeat; background-size: 100% 100%; right: 0; bottom: 0; }
.one-slick .slick-dots{ bottom: 15px; right: 10px; left: auto; width: auto; }
.one-slick .slick-dots li,.one-slick .slick-dots li button{ width: 10px; height: 10px; border-radius: 50%; }

.one-slick .slick-dots li button{ background: #fff; opacity: 0.3; }
.one-slick .slick-dots li.slick-active button{ opacity: 1; }
.title{ height: 39px; position: relative; height: 39px; }
.title img{ position: absolute; left: 0; bottom: 0; }
.one-right{ width: 584px; }
.title span{ position: absolute; left: 52px; top: 0; line-height: 39px; font-size: 22px; color: #fff; }
.title a{ position: absolute; right: 0; top: 0; line-height: 39px; font-size: 16px; color: #089efd; }
.one-list li a{ display: block; padding-right: 120px; position: relative; line-height: 52px; border-bottom: solid 1px #efefef; font-size: 16px; color: #232323; }
.one-list li a font{ padding-right: 8px; color: #089efd; }
.one-list li a span{ position: absolute; right: 0; top: 0; color: #999; }
.one-list{ margin-top: 13px; }
.page-tow{ margin-top: 115px; padding-top: 40px; position: relative; height: 558px; background: url(../images/back-right.png) center no-repeat; background-size: cover; }
.page-tow:before{ display: block; content: ""; margin-right: 20px; position: absolute; left: 0; top:-35px; right: 50%;  height: 566px; background: url(../images/back-left.png) center no-repeat; background-size: cover; }
.page-tow:after{ display: block; content: ""; position: absolute; margin-left: -20px; left: 50%; top: -35px; width: 33px; height: 35px; background: url(../images/bck-raw.png) center no-repeat; }
.page-tow .container{ position: relative; z-index: 10; }
.tow-left{ width: 526px; }
.tow-left .title span{ color: #089efd; }
.tow-left .title a{ color: #fff; }
.tow-ul li a{ display: block; padding-top: 3px; height: 80px; margin-bottom: 13px; position: relative; padding-left: 105px; }
.tow-ul-date{ position: absolute; padding-top: 5px; left: 0; top: 0; border-radius: 6px; background: rgba(255,255,255,0.16); height: 80px; width: 94px; color: #fff; font-size: 16px; }
.tow-ul-date span{ font-size: 30px; font-weight: bold; }
.tow-ul{ margin-top: 38px; }
.tow-tt{ font-size: 16px; color: #fff; }
.tow-p{ color: #fff; opacity: 0.5; line-height: 25px; height: 50px; margin-top: 5px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.tow-ul li a:hover .tow-ul-date{ background: #fff; color: #089efd; }
.tow-right{ padding-top: 35px; width: 582px; }
.tow-right .one-list li a{ border-color: #d7e3e6; }
.page-three{ padding-top: 50px; }
.sj-list li{ float: left; width: 25%; padding:0 7px; margin-top: 25px; text-align:center;}
.sj-list{ margin:0 -7px; }
.sj-list-tt{ font-size: 16px; color: #232323; margin-top: 5px; }
.sj-list li img{ height: 204px; width: 100%; }
.sj-list li .img-hide{ border-radius: 6px; }
.friends-back{ background: #f7f7f7; padding:45px 0; margin-top: 60px; }
.friends-list li{ float: left; margin-top: 25px; width: 20%; padding:0 9px 0 9px; }
.friends-list{ margin:0 -9px 0 -9px; }
.friends-list li a{ display: block; border-radius: 6px; max-width: 225px; margin:0 auto; }
.friends-list li a img{ width: 100%; height: 70px; }
.footer{ background: url(../images/footer.png) center no-repeat; background-size: cover; padding:50px 0; }
.footer-p p{ color: #fff; }
.footer-p{ margin:5px 0 0 20px; }
.ewm img{ width: 88px; }
.one-list li a:hover,a:hover .sj-list-tt{ color: #089efd; }

.banner-list img{ width: 100%; }
.list-back{ background: #f9fafc; position: relative; padding-bottom: 50px; }
.left-box{ position: relative; z-index: 10; width: 274px; padding-bottom: 250px; }
.left-box-top{ position: absolute; left: 0; width: 100%; padding-left: 20px; line-height: 77px; font-size: 26px; color: #fff; font-weight: bold; top:-77px; height: 77px; background: url(../images/left-top.png) center no-repeat; background-size: cover;  }
.left-nav li a{ display: block; line-height: 55px; position: relative; font-size: 18px; padding-left: 20px; color: #232323;     background-color: #efefef;
    border-bottom: 1px dashed #999;}
.left-nav li a:hover,.left-nav li.active a{ background: #ecf7ff; color: #089efd; }
.left-nav li a:hover:before,.left-nav li.active a:before{ display: block; content: ""; position: absolute; left: 0; background: #089efd; top: 50%; width: 4px; height: 16px; margin-top: -8px; }
.left-nav li a:hover:after,.left-nav li.active a:after{ display: block; content: ""; position: absolute; right: 20px; top: 0; bottom: 0; width: 19px; background: url(../images/raw.png) center no-repeat; }
.list-back .container{ position: relative; }
.list-back .container:before{ display: block; content: ""; position: absolute; left: 15px; width: 274px; bottom: 110px; top: 0; background: #fff url(../images/left-back.png) left bottom no-repeat; }
.list-right{ width: 895px; }
.nav-b{ background: url(../images/icon-home.png) left center no-repeat; padding-left: 22px; line-height: 50px; color: #999; }
.nav-b a{ color: #999; }
.lb-list{ background: #fff; padding:0px 25px; margin-top: 0; margin-bottom: 5px; }
.lb-list li:last-child a{ border:none; }
.page-box{ background: #fff; padding:20px; text-align: center; }

.img-list li{ margin-bottom: 5px; }
.img-list li a{ display: block; padding-top: 20px; position: relative; height: 150px; background: #fff; padding-left: 225px; padding-right: 25px; }
.img-list-img{ position: absolute; left: 10px; top: 10px; }
.img-list-img img{ width: 193px; height: 130px; }
.img-list-tt{ font-size: 16px; color: #202020; line-height: 1; }
.img-list-p{ color: #999; line-height: 25px; margin-top: 10px; height: 50px;  overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.list-date{ background: url(../images/icon-date.png) left center no-repeat; padding-left: 20px; color: #999; margin-top: 15px; }
.list-more{ margin-top: 15px; background: url(../images/raw-b.png) right center no-repeat; padding-right: 15px; color: #089efd; }
.img-list li a:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.2); }
.nav-b a:hover{ color: #089efd; }




.PrevDisabled { height: 20px !important;}
.Prev {height: 20px !important;}
.break {height: 20px !important;}
.NextDisabled {height: 20px !important;}
.Next { height: 20px !important;}