@charset "utf-8";
.color{ color: #0058dd; }
.mo{ margin: 0 auto; }
li, input{ outline: none; }
body{ min-width: 1280px;}
.head{ position: relative; width: 1280px; height: 270px; overflow: hidden; background: #0058dd}
.head .logo{ position: absolute; top: 30px; left: 20px; z-index: 9;}
.flash{ position: relative; width: 1280px; height: 270px; overflow: hidden; }
.flash .bd{ width: 1280px; height: 270px; }
.flash .bd li{ position: relative; display: block; width: 1280px; height: 270px; }
.flash .bd li img{ display: block; width: 1280px; height: 270px; }
.flash .bd li span{ position: absolute; right: 0; bottom: 20px; display: block; overflow: hidden; background: rgba(0, 0, 0, .8); }
.flash .bd li span:before{ content: ''; float: left; display: block; width: 5px; height: 20px; background: #0058dd; margin-left: 5px; margin-top: 10px; }
.flash .bd li span h5{ font-size: 20px; line-height: 30px; padding: 5px 0; color: #fff; padding-left: 30px; padding-right: 20px; }
.flash .hd{ position: absolute; right: 0; bottom: 20px; width: 100%; height: 20px; line-height: 20px; text-align: center; }
.flash .hd li{ display: inline-block; text-indent: -9999999px; width: 10px; height: 10px; border-radius: 50%; background: #fff; font-size: 0; margin: 0 3px; cursor: pointer; }
.flash .hd li.on{ background: #c00; }
.flash a.prev,
.flash a.next{ position: absolute; top: 50%; display: none; width: 56px; height: 56px; margin-top: -28px; }
.flash a.prev{ left: 10px; background: url(../images/prevArrow.png) center center no-repeat; }
.flash a.next{ right: 10px; background: url(../images/nextArrow.png) center center no-repeat; }
.flash:hover a.prev,
.flash:hover a.next{ display: block; }
.search-box{ position: absolute; top: 30px; right: 20px; width: 220px; height: 30px; overflow: hidden; z-index: 9; }
.search-box input{ float: left; border: 0; background: none; height: 30px; line-height: 30px; }
.search-box input[type=text]{ width: 180px; background: url(../images/txt.png) 0 0 no-repeat; font-size: 12px; text-indent: 15px; color:#000;}
.search-box input[type=submit]{ width: 40px; background: url(../images/btn.png) 0 0 no-repeat; }
.ce-btn{ position: absolute; top:30px; right:250px; height:30px; line-height:30px;}
.ce-btn a{ color:#fff; font-size: 14px;}
.nav{ width: 1280px; height: 50px; background: #0058dd; position: relative; z-index: 9; }
.nav-list{  }
.nav-list dd{ position: relative; float: left; }
.nav-list dd>a{ display: block; width: 116.3px; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 16px; }
.nav-list dd:before{ content:''; position: absolute; left: 0; top: 20px; display: block; width: 1px; height: 10px; background: #ccc; }
.nav-list dd:first-child:before{ display: none; }
.nav-list dd.on:after, .nav-list dd:hover:after{ content: ''; position: absolute; left: 15px; bottom: 0; display: block; width: 85px; height: 2px; background: #e5b14c; }
.nav-list ul{ position: absolute; left: 0; top: 50px; width:100%; display: none; overflow: hidden; }
.nav-list ul li{ overflow: hidden; }

.nav-list ul li a{ display: block; width: 100%; border-top: 1px dotted #80acee; padding: .75em 0; line-height: 20px; font-size: 13px; text-align: center; background: #003A8F; color: #fff;}
.nav-list ul li a:hover{ background: #232323;}

.wrap{ width: 1280px; z-index: 1; }
.top-news{ width: 1280px; height: 240px; background: url(../images/tbg.png) center center no-repeat #f8f8f8; }
.top-list{ padding: 30px 0; }
.top-list li{ float: left; padding: 0 10px; }
.top-list li a{ display: block; width: 620px; height: 180px; }
.top-list li a img{ float: left; width: 320px; height: 180px; margin-right: 20px; }
.top-list li a h1{ font-size: 18px; line-height: 25px; color: #0058dd; padding-top: 10px; padding-bottom: 5px; }
.top-list li a h5{ font-size: 14px; line-height: 22px; color: #666; }
.top-news .slick-prev, .top-news .slick-next{ top: 100px; width: 60px; height: 60px; }
.top-news .slick-prev{ left: -80px; background: url(../images/p.png) center center no-repeat; }
.top-news .slick-next{ right: -80px; background: url(../images/n.png) center center no-repeat; }
.shadow-box{ position: relative; padding: 40px 0 20px 0; overflow: hidden; background: url(../images/shadow.png) top repeat-x; margin-top: -7px; }
.nk-left{ float: left; }
.nk-right{ float: right; }
.events-box{ width: 740px; }
.events-box .box-tit{ position: relative; height: 40px; line-height: 40px; padding-bottom: 10px; background: url(../images/events.png) left top no-repeat; }
.events-box .box-tit a{ position: absolute; right: 0; top: 0; font-size: 14px; color: #f36371; }
.events-box .box-con{ overflow: hidden; }
.picscroll{ position: relative; width: 100%; height: 160px; }
.picscroll .bd{ width: 100%; height: 160px; }
.picscroll .hd{ position: absolute; left: 0; bottom: 5px; width: 240px; height: 20px; line-height: 20px; text-align: right; }
.picscroll .hd li{ display: inline-block; width: 20px; height: 20px; margin: 0 2px; font-size: 12px; text-align: center; line-height: 20px; background: #fff; color: #222; cursor: pointer; }
.picscroll .hd li.on{ background: #c00; color: #fff; }
.picscroll-list{}
.picscroll-list li{}
.picscroll-list li a{ display: block; overflow: hidden; }
.picscroll-list li a .thumb{ float: left; width: 240px; height: 160px; }
.picscroll-list li a .thumb img{ display: block; width: 240px; height: 160px; }
.picscroll-list li a .info{ float: right; width: 480px; height: 130px; padding: 15px 0; }
.picscroll-list li a .info .name{ font-size: 18px; line-height: 30px; color: #222; }
.picscroll-list li a .info .date{ font-size: 12px; line-height: 25px; color: #bbb; text-align: center; }
.picscroll-list li a .info .desc{ font-size: 14px; line-height: 25px; color: #999; }
.picscroll-list li a:hover{ background: #f6f6f6; }
.picscroll-list li a:hover .info .name{ color: #c00; }
.events-list{ overflow: hidden;}
.events-list li{ overflow: hidden; border-bottom: 1px dotted #eee; }
.events-list li a{ position: relative; display: block; height: 29px; line-height: 29px; font-size: 14px; background: url(../images/ico1.png) left center no-repeat; text-indent: 1em; }
.events-list li span{ float: right; }
.notice-box{ width: 510px; margin-left: 30px; }
.notice-box .box-tit{ position: relative; height: 40px; padding-bottom: 10px; background: url(../images/notice.png) left top no-repeat; }
.notice-box .box-tit a{ position: absolute; right: 0; top: 0; font-size: 14px; color: #f36371; }
.notice-box .box-con{ overflow: hidden; }
.notice-list{ overflow: hidden;}
.notice-list li{ overflow: hidden; border-bottom: 1px dotted #eee; }
.notice-list li a{ position: relative; display: block; height: 30px; line-height: 30px; font-size: 14px; background: url(../images/ico2.png) left center no-repeat; text-indent: 1em; }
.notice-list li span{ float: right; }
.flash-box{ width: 740px; margin-top: 30px; }
.flash-box .box-tit{ position: relative; height: 40px; padding-bottom: 10px; background: url(../images/flash.png) left top no-repeat; }
.flash-box .box-tit a{ position: absolute; right: 0; top: 0; font-size: 14px; color: #f36371; }
.flash-box .box-con{ overflow: hidden; height: 240px; }
.flash-list{ overflow: hidden;}
.flash-list li{ overflow: hidden; border-bottom: 1px dotted #eee; }
.flash-list li a{ position: relative; display: block; height: 29px; line-height: 29px; font-size: 14px; background: url(../images/ico1.png) left center no-repeat; text-indent: 1em; }
.flash-list li span{ float: right; }
.quick-box{margin:0 auto;text-align:center; padding: 30px 0; overflow: hidden; background: url(../images/shadow-b.png) 0 top repeat-x; #f8f8f8; }
.quick-list{ overflow: hidden; text-align: center; }
.quick-list li{ float: left; padding: 0 3px; overflow: hidden; }
.quick-list li a{ display: block; width: 100px; height: 70px; padding: 15px 0; border-radius: 60px; border: 5px solid #c00; background: #de2c2c; }
.quick-list li a i{ display: block; width: 40px; height: 40px; background-position: center -40px; background-repeat: no-repeat; margin: 0 auto; }
.quick-list li a i.i1{ background-image: url(../images/i1.png); }
.quick-list li a i.i2{ background-image: url(../images/i2.png); }
.quick-list li a i.i3{ background-image: url(../images/i3.png); }
.quick-list li a i.i4{ background-image: url(../images/i4.png); }
.quick-list li a i.i5{ background-image: url(../images/i5.png); }
.quick-list li a i.i6{ background-image: url(../images/i6.png); }
.quick-list li a i.i7{ background-image: url(../images/i7.png); }
.quick-list li a i.i8{ background-image: url(../images/i8.png); }
.quick-list li a i.i9{ background-image: url(../images/i9.png); }
.quick-list li a i.i10{ background-image: url(../images/i10.png); }
.quick-list li a i.i11{ background-image: url(../images/i11.png); }
.quick-list li a h5{ font-size: 14px; color: #fff; line-height: 30px; }
.quick-list li a:hover{ background: #0058dd; border-color: #0058dd; }
.quick-list li a:hover i{ background-position: center -40px; }
.quick-list li a:hover h5{ color: #fff; }
.banner-box{ float: left; width: 510px; height: 230px; margin-top: 30px; margin-left: 30px; overflow: hidden; }
.banner-box a{ display: block; width: 510px; height: 70px; overflow: hidden; padding-bottom: 10px; }
.banner-box a img{ display: block; width: 100%; height: 100%; }
.foot{ width: 1280px; font-size: 13px; }
.copyright{ width: 1280px; height: 70px; padding: 10px 0 0; overflow: hidden; text-align: center; background: #0058dd; color: #fff }
.copyright span, .copyright a{ display: inline-block; vertical-align: middle; color: #fff!important; }
#_ideConac{ height: 80px; }
.number{ height: 40px; line-height: 40px; text-align: center; background: #0058dd; color: #fff; }
.head{ height: 150px;}
.head .logo{ top: 0; left: 10px; }
.head .logo img{ height: 150px; }
.nav{ border-top: 1px solid #80acee; }
.nav-list dd:before{ background: #848283; }
.wea-time-box{ position: absolute; right: 0; top: 0; width: 200px; height: 60px; padding: 45px 0; overflow: hidden; }
.wea-time-box #weather{ width: 200px; height: 55px; }
.wea-time-box .lang{ height: 30px; line-height: 30px; font-size: 12px; color: #fff; text-align: center; }
.wea-time-box .lang a{ display: inline-block; font-size: 12px; line-height: 30px; color: #fff; }
.wea-time-box .lang .time{ display: inline-block; font-size: 14px; }
.wea-time-box .lang .time span{ display: inline-block; width: 24px; height: 24px; border: 1px solid #056bff; border-radius: 4px; background: #95c0ff; color: #0044a6; vertical-align: middle; line-height: 24px; font-size: 16px; font-weight: bold; }
.searchbox{ width: 200px; height: 30px; margin-top: 3px; overflow: hidden; z-index: 9; }
.searchbox input{ float: left; border: 0; background: none; height: 30px; line-height: 30px; }
.searchbox input[type=text]{ width: 160px; background: url(../images/txt.png) 0 0 no-repeat; font-size: 12px; text-indent: 15px; color: #fff; }
.searchbox input[type=submit]{ width: 40px; background: url(../images/btn.png) 0 0 no-repeat; }