.banner{position:relative;z-index:9;overflow:hidden}
.section1{padding-top:36px;padding-bottom:67px;background:url(/images/sect1-bg.png) center center no-repeat;background-size:cover}
.sect1{position:relative}
.sect1:after{content:'';position:absolute;left:-160px;top:-36px;background:url(/images/sect1-l-bg.png) left top no-repeat;width:923px;height:736px}
.title{position:relative;overflow:hidden;z-index:2}
.title h2{font-size:24px;color:#fff;float:left;font-weight:400;font-family:bold}
.title .more{float:right;border:1px solid #aab6c3;width:100px;height:26px;border-radius:10px;text-align:center;line-height:26px}
.title .more a{padding-left:18px;background:url(/images/more.png) left center no-repeat;font-size:14px;color:#000}
.title .more a:hover{color:#0061a1}
.sect1 .title .more{border:1px solid #80c5da}
.sect1 .title .more a{background:url(/images/more-other.png) left center no-repeat;color:#80c5da}
.news{position:relative;z-index:2}
.news-l{position:relative;float:left;width:53%;margin-top:20px;padding-top:7px;border-radius:10px;overflow:hidden}
.news-l:before{content:'';position:absolute;top:0;left:0;width:90%;height:15px;background:url(/images/new-top-xx.png) left center no-repeat}
.news-l .slick-prev{width:49px;height:49px;left:15px;border-radius:50%;background:url(/images/news-l.png) center center no-repeat rgba(255,255,255,.35)}
.news-l .slick-next{width:49px;height:49px;right:15px;border-radius:50%;background:url(/images/news-r.png) center center no-repeat rgba(255,255,255,.35)}
.news-l .slick-prev:hover{background:url(/images/news-l.png) center center no-repeat rgba(0,0,0,.35)}
.news-l .slick-next:hover{background:url(/images/news-r.png) center center no-repeat rgba(0,0,0,.35)}
.news-l a{position:relative;display:block}
.news-l a .pic{padding-top:67%}
.news-l a:after{content:'';position:absolute;left:0;right:0;toP:0;bottom:0;background:url(/images/new-l-tc.png) center bottom no-repeat}
.news-l a .text{position:absolute;left:0;right:0;bottom:20px;z-index:3}
.news-l a .text h2{font-size:24px;color:#fff;text-align:center;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news-l a .text p{line-height:22px;font-size:14px;margin-top:10px;color:rgba(176,226,238,.53);text-indent:2em;padding:0 35px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
.news-r{float:right;width:44%}
.news-r ul li{margin-top:25px;background-color:#fff;border-radius:5px;box-shadow:0 0 5px #eee}
.news-r ul li a{display:block;padding:27px 30px 22px 22px;overflow:hidden}
.news-r ul li a .date{float:left;width:74px;height:74px;background:url(/images/date.png) center center no-repeat;text-align:center}
.news-r ul li:hover a .date{background:url(/images/date-other.png) center center no-repeat}
.news-r ul li a .date p{font-size:29px;color:#304969;line-height:50px;font-family:medium}
.news-r ul li:hover a .date p{color:#fff}
.news-r ul li a .date span{font-size:14px;color:#fff}
.news-r ul li a .text{overflow:hidden;padding-left:15px}
.news-r ul li a .text h2{font-size:18px;color:#284160;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news-r ul li:hover a .text h2{color:#fff}
.news-r ul li a .text p{line-height:20px;font-size:14px;color:#8f9dae;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
.news-r ul li:hover a .text p{color:#fff}
.news-r ul li:hover{background:url(/images/news-r-bg.png) center center no-repeat;box-shadow:0 10px 20px #444040}
.section2{padding-top:40px;padding-bottom:50px;background:url(/images/sevt2-bg.png) left top no-repeat}
.sect2{overflow:hidden}
.sect2>div{width:32%}
.sect2-l{float:left}
.sect2-m{float:left;margin-left:2%;margin-right:2%}
.sect2-r{float:right}
.sect2 .title{padding-bottom:20px;background:url(/images/title-xx.png) center bottom no-repeat;background-size:100% auto;margin-bottom:25px}
.sect2 .title h2{color:#000}
.sect2 .title h2 span{font-size:16px;color:#8b9bb0;font-family:Constantia;padding-left:15px;text-transform:uppercase}
.s2-top{overflow:hidden;padding-bottom:20px}
.st-l{float:left;width:195px}
.st-l .pic{padding-top:68.5%}
.st-r{overflow:hidden;padding-left:30px}
.st-r h2{line-height:29px;font-size:16px;color:#000;font-family:pf;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
.st-r .date{margin-top:40px}
.st-r .date span{padding-left:20px;background:url(/images/rq.png) left center no-repeat;font-size:14px;color:#00366f}
.st-r .date a{display:inline-block;width:93px;height:26px;background:url(/images/rb.png) center center no-repeat;border-radius:5px;font-size:14px;color:#fff;text-align:center;line-height:26px;margin-left:15px}
.st-r .date a:hover{color:#00366f}
.sect2-m .st-r .date{margin-top:15px}
.sect2-m .st-r p{margin-top:5px;font-size:14px;color:#00366f}
.sect2-r .s2-top .pic{padding-top:26%}
.sect2-r .s2-top .text{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center}
.sect2-r .s2-top .text p{font-size:24px;color:#fff;font-family:"ºÚÌå";line-height:32px}
.sect2 .s2-down ul li{padding:15px 0;border-bottom:1px dashed #dcdad9}
.sect2 .s2-down ul li:first-child{border-top:1px dashed #dcdad9}
.sect2 .s2-down ul li>a{display:block;overflow:hidden;border-left:4px solid #7eb2c7}
.sect2 .s2-down ul li>a .date{float:left}
.sect2 .s2-down ul li>a .text{overflow:hidden}
.sect2-l .s2-down ul li a{border:none}
.sect2-l .s2-down ul li a .date{width:95px;text-align:center}
.sect2-l .s2-down ul li a .date p{width:100%;height:26px;border-radius:5px;text-align:center;line-height:26px;font-size:14px;color:#fff;font-family:pf;margin-bottom:4px}
.sect2-l .s2-down ul li.xhw a .date p{background:url(/images/xhw-bg.png) center center no-repeat}
.sect2-l .s2-down ul li.nfh a .date p{background:url(/images/nfh.png) center center no-repeat}
.sect2-l .s2-down ul li.rb a .date p{background:url(/images/rb.png) center center no-repeat}
.sect2-l .s2-down ul li a .date span{font-size:14px;color:#00366f;font-family:pf}
.sect2-l .s2-down ul li a .text{padding-left:20px}
.sect2-l .s2-down ul li a .text p{line-height:26px;font-size:16px;color:#000;font-family:pf;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
.sect2-m .s2-down ul li a .date{width:110px;text-align:center;font-size:14px;color:#00366f}
.sect2-m .s2-down ul li a .text{padding-left:10px}
.sect2-m .s2-down ul li a .text p{line-height:26px;font-size:16px;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
.sect2-m .s2-down ul li a .date p{margin-top:10px}
.sect2-r .s2-down ul li .date{width:90px;text-align:center}
.sect2-r .s2-down ul li .date p{font-size:24px;color:#00366f;font-family:heavy}
.sect2-r .s2-down ul li .date span{font-size:14px;color:#304969}
.sect2-r .s2-down ul li .text p{font-size:16px;color:#333;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
.sect2-r .s2-down ul li{padding:14px 0}
.sect2 ul li:hover a .text p{color:#7eb2c7}
.section3{background:url(/images/sect3.jpg) center top no-repeat #f4f7fa}
.sect3{position:relative;padding-top:110px;padding-bottom:75px}
.sect3 .title{position:absolute;right:0;top:0;background:url(/images/sect3-title.png) top right no-repeat;width:212px;height:162px;text-align:center}
.sect3 .title h2{float:none;margin-bottom:45px;padding-top:15px}
.sect3 .title h2 span{display:block;font-size:16px;color:#fefdfc;text-transform:uppercase}
.sect3 .title a{text-align:center;font-size:14px;color:#000}
.sect3 .title a:hover{color:#00366f}
.sect3-l{float:left;width:41%}
.sect3-l .pic{padding-top:64%}
.sect3-l .bf{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:108px;height:108px;background:url(/images/bf.png) center center no-repeat}
.sect3-r{float:right;width:59%}
.sect3-r a{position:relative;display:block;margin-left:40px;margin-top:110px}
.sect3-r a:after{content:'';position:absolute;left:0;right:0;toP:100%;bottom:0;background:rgba(1,88,149,.42);transition:all .3s}
.sect3-r a p{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;font-size:24px;color:#f7f7f7;font-weight:regular;display:none;z-index:2}
.sect3-r a:hover:after{top:0}
.sect3-r a:hover p{display:block}
.sect3-r a .pic{padding-top:72%}
.sect3-r .slick-current{position:relative;margin-top:-110px}
.sect3-r .slick-prev{width:60px;height:6px;top:45px;left:53%;transform:none;background:url(/images/sect3-l.png) center center no-repeat}
.sect3-r .slick-next{width:60px;height:6px;top:45px;left:68%;transform:none;background:url(/images/sect3-r.png) center center no-repeat}
.sect3-r .slick-dots{width:auto;top:35px;left:58%}
.sect3-r .slick-dots li{display:none}
.sect3-r .slick-dots li.slick-active{display:block;width:100px;font-size:18px;color:#0061a1}
.sect3-r .slick-dots li.slick-active span{font-size:18px;color:#0061a1}
.zt ul{margin:20px -10px 75px}
.zt ul li{margin:0 10px}
.zt ul li a{position:relative;display:block}
.zt ul li a .pic{padding-top:42%}
.sect4 .title{padding-bottom:20px;border-bottom:1px solid #d9d9d9}
.sect4 .title h2{position:relative;color:#000}
.sect4 .title h2:after{content:'';position:absolute;left:0;bottom:-20px;width:101px;height:4px;background:url(/images/sect6-xx.png) left center no-repeat}
.sect4 .title h2 span{font-size:16px;color:#8b9bb0;font-family:Constantia;padding-left:15px;text-transform:uppercase;vertical-align:middle}
.zt ul li a .text{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center}
.zt ul li a .text p{font-size:26px;color:#fff;font-family:"»ªÎÄÁ¥Êé"}
.zt ul li a.one .text p{text-shadow:0 0 10px #525252}
.zt ul li.two a .text p{color:#09366d;text-shadow:-2px 0 #fff,0 2px #fff,2px 0 #fff,0 -2px #fff}
@media screen and (max-width:1600px){
.sect1:after{height:630px}
.news-l:before{width:100%}
.st-l{width:155px}
.section1{padding-top:10px;padding-bottom:15px}
.news-r ul li a{padding:20px}
}
@media screen and (max-width:1400px){
.sect1:after{background-size:720px auto;width:720px;height:480px;max-width:100%}
.news-r ul li a{padding:10px}
.news-r ul li{margin-top:10px}
}
@media screen and (max-width:1200px){
.sect2 .title h2 span{display:block;padding-left:0}
.sect2 .title .more{margin-top:15px}
.st-r{padding-left:10px}
.st-r h2{font-size:14px;line-height:20px}
.sect2-r .s2-top .text{padding-left:10px;padding-right:10px}
.sect2-r .s2-top .text p{font-size:20px}
.st-l{width:120px}
.sect2-m .st-r .date,.st-r .date{margin-top:0}
}
@media screen and (max-width:1024px){
.index{position:static;padding-top:0}
.banner,.banner .nr,.banner .slick-list,.banner .slick-slide a,.banner .slick-slide a img,.banner .slick-track,body,html{height:auto}
}
.banner1{display:none}
@media screen and (max-width:1000px){
.banner1{display:block!important;position:fixed;top:0;right:0;width:100%;z-index:10000000;height:100%;transition:all .3s}
.banner1.on{height:0}
.banner1 a,.banner1 a img{display:block;width:100%;height:100%}
.sect3-r a{margin-left:5px;margin-top:60px}
.sect3-r .slick-current{margin-top:-60px}
.sect3{padding-top:35px;padding-bottom:40px}
.zt ul{margin-bottom:20px}
.sect2>div{float:none;width:auto;margin-left:0;margin-right:0}
.st-r .date{margin-top:20px}
.sect3 .title{background:0 0;position:static;width:auto;height:auto;padding-bottom:10px}
.sect3 .title h2{float:left;color:#000;margin-bottom:0}
.sect3 .title h2 span{color:#000}
.sect3 .title a{float:right;margin-top:20px}
.section2{padding-bottom:0;background-size:cover}
.sect2-m,.sect2-r{margin-top:20px}
.sect3-r .slick-next{left:75%}
.sect3-l .bf{background-size:50px auto}
}
@media screen and (max-width:870px){
.news-l,.news-r{float:none;width:auto}
}
@media screen and (max-width:600px){
.zt ul{margin-bottom:15px}
.news-l .slick-next,.news-l .slick-prev{width:30px;height:30px}
.news-l a .text h2{font-size:16px}
.news-l a .text p{padding-left:5px;padding-right:5px}
.news-r ul li a .text p{font-size:12px}
.news-r ul li a .text h2{font-size:16px}
.sect3-l,.sect3-r{float:none;width:auto}
.sect3-r .slick-dots{top:10px}
.sect3-r .slick-next,.sect3-r .slick-prev{top:20px}
.sect3-r a p{font-size:14px}
.title h2{font-size:18px}
.sect4 .title h2 span{font-size:12px;padding-left:10px}
.sect4 .title{padding-bottom:16px}
.sect3{padding-top:10px}
}