images/header.pngbody{ position: relative; }
.header{ width: 100%; height: 140px; background: url(header.png) repeat-x; position: absolute; top: 0; left: 0; z-index: 999 }
.nav-top{ width: 1200px; height: 40px; line-height: 40px; color: #fff; font-size: 16px; }
.nav-top .calendar{ background: url(calendar.png) left center no-repeat; text-indent: 30px; font-size: 14px; }
.head{ width: 1200px; height: 100px; }
.head .logo{ width: 300px; height: 100px; background: url(logo.png) left center no-repeat; }

.nav{ height: 70px; padding-top: 30px; }
#nav .nLi{ float: left; position:relative; }
#nav .nLi>a{ display: block; padding: 0 15px; height: 70px; line-height: 70px; text-align: center; font-size: 15px; color: #333; }
#nav .nLi.on{ background: url(nav.png) center bottom no-repeat; color: #000; }
#nav .sub{ display:none; width:150px; left:0; top:70px; position:absolute; overflow: hidden; }
#nav .sub li{ background: rgba(255, 255, 255, .8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8ffffff,endColorstr=#c8ffffff); }
#nav .sub a{ display:block; height: 35px; line-height: 35px; border-bottom: 1px dotted #ccc; font-size: 13px; color: #333; text-indent: 10px; }


.slide{ width: 100%; height: 600px; padding-top: 40px; min-width: 1200px; position: relative;}
.slide .bd{ position: relative; height: 600px; overflow: hidden; }
.slide .bd ul{ width: 100% !important; }
.slide .bd li{ width: 100% !important; height: 600px; overflow: hidden; }
.slide .bd li a{ display: block; width: 100%; height: 600px; }
.slide .hd{ position: absolute; left: 0; bottom: 0; width: 100%; z-index: 9 }
.slide .hd ul{ height: 50px; line-height: 50px; text-align: center; }
.slide .hd ul li{ display: inline-block; width: 60px; height: 5px; background: #fff; text-indent: -9999px; vertical-align: middle; margin: 0 5px; border-radius: 5px; cursor: pointer; }
.slide .hd ul li.on{ background: #2082c1; }

.slide-a {
		position: absolute; top: 140px;
		width:100%; height:500px; display:block;
		z-index: 1;
}

.row-gray{ width: 100%; height: 60px; background-color: #f2f2f2; }
.notice-box{ width: 1200px; height: 60px; }
.notice-box .box-tit{ width: 140px; height: 60px; line-height: 60px; background: url(notice.png) 10px center no-repeat #2082c1; color: #fff; font-size: 18px; text-indent: 45px; }

.notice-scroll{ width: 740px; height: 60px; line-height: 60px; position: relative;}
.notice-scroll a.prev, .notice-scroll a.next{ position: absolute; width: 30px; height: 30px; z-index: 2}
.notice-scroll a.prev{ top: 0; right: 20px; background: url(notice-t.png) center 19px no-repeat; }
.notice-scroll a.next{ bottom: 0; right: 20px; background: url(notice-d.png) center 5px no-repeat; }
.notice-scroll .bd{ padding-left: 20px; }
.notice-list{ width: 670px; font-size: 16px; }
.notice-list li{ height: 60px; line-height: 60px; position: relative; }
.notice-list li a{ display: block; color: #333;}
.notice-list li span{ position: absolute; right: 0; top: 0; color: #f27624; cursor: default;}
.search{ width: 300px; height: 40px; padding: 10px 0 10px 20px; background: url(line.png) left center no-repeat; }
.search input{ float: left; border: 0; background: #fff; width: 210px; height: 40px; line-height: 40px; font-size: 14px; color: #ccc; text-indent: 10px; }
.search button{ float: left; border: 0; width: 90px; height: 40px; line-height: 40px; background: #f27624; text-align: center; font-size: 16px; color: #fff; cursor: pointer; }

.row-white{ width: 100%; padding: 30px 0 40px 0; overflow: hidden; background: #fff; }
.photo-news{ width: 1200px; overflow: hidden; margin: 0 auto; }
.photo-news .title,
.video-teaching .title,
.news-center .title,
.team-style .title{ height: 47px; background: url(title.png) center center no-repeat; text-align: center; }
.photo-news .title a,
.video-teaching .title a,
.news-center .title a,
.team-style .title a{ display: block; }
.photo-news .title a h1,
.video-teaching .title a h1,
.news-center .title a h1,
.team-style .title a h1{ font-size: 24px; color: #2082c1; line-height: 30px; }
.photo-news .title a i,
.video-teaching .title a i,
.news-center .title a i,
.team-style .title a i{ display: block; font-size: 16px; color: #333; line-height: 17px; }
.photo-news .content{ padding-top: 38px; padding-bottom: 50px; }
.slide-news{ width: 575px; height: 375px; margin-right: 50px; background-color: #f2f2f2; }
.slide-news .bd{ position:relative; height:375px; z-index:0; }
.slide-news .bd li{ height: 375px; }
.slide-news .bd img{ display:block; width:575px; height:325px; }
.slide-news .bd a{ display: block; position: absolute; left: 0; bottom: 0; width: 575px; height: 50px; text-indent: 10px; }
.slide-news .bd a h3{ line-height: 25px; padding-top: 5px; font-size: 16px; color: #333; }
.slide-news .bd a i{ display: block; line-height: 15px; font-size: 12px; color: #f27624; }
.slide-news a.prev, .slide-news a.next{ width: 40px; height: 49px; margin-top: -24px; position: absolute; z-index: 2 }
.slide-news a.prev{ left: 0; top: 50%; background: url(s-l.png) no-repeat; opacity: .2 }
.slide-news a.next{ right: 0; top: 50%; background: url(s-r.png) no-repeat; opacity: .2 }
.slide-news a.prev:hover, .slide-news a.next:hover{opacity: 1}

.photo-list{ width: 575px; overflow: hidden; }
.photo-list li{ width: 575px; height: 70px; padding-bottom: 15px; border-bottom: 1px dotted #ccc; margin-bottom: 10px; }
.photo-list li a{ display: block; overflow: hidden; }
.photo-list li a i{ float: left; width: 60px; height: 60px; padding: 5px 0; margin-right: 15px; text-align: center; color: #fff; background: #2082c1; }
.photo-list li a i span{ display: block; font-size: 28px; line-height: 40px; }
.photo-list li a i em{ display: block; font-size: 12px; line-height: 20px; }
.photo-list li a h3{ line-height: 30px; }
.photo-list li a p{ display: block; line-height: 20px; color: #999 }

.row-pic-1{ width: 100%; height: 395px; padding-top: 30px; background: url(v-bg.png) center top no-repeat; overflow: hidden; }
.video-teaching{ width: 1200px; margin: 0 auto; height: 395px;}
.video-teaching .content{ padding-top: 38px; }
.video-teaching .content>a{ float: left; width: 360px; height: 260px; background: #fff; position: relative; margin: 0 20px; }
.video-teaching .content>a i{ display: none; width: 360px; height: 200px; background: url(play.png) center center no-repeat rgba(0,0,0,.3); position: absolute; left: 0; top: 0;}
.video-teaching .content>a img{ display: block; width: 360px; height: 200px; }
.video-teaching .content>a h3{ padding: 0 10px; line-height: 60px; font-size: 15px; color: #333; text-align: center; font-weight: normal; }
.video-teaching .content>a:hover{ box-shadow: 0px 5px 10px rgba(0, 0, 0, .2); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff); }
.video-teaching .content>a:hover i{ display: block; }
.video-teaching .content>a:hover h3{ color: #2082c1; }

.row-pic-2{ width: 100%; height: 545px; padding-top: 30px; background: url(n-bg.png); }

.news-center{ width: 1200px; margin: 0 auto; overflow: hidden; }
.news-center .desc{ height: 43px; background: url(desc.png) center center no-repeat; }
.news-center .content{ padding-top: 20px; overflow: hidden; }

.news-tab{ width: 1200px; height: 395px; position: relative; }
.news-tab .parhd{ height: 40px; }
.news-tab .parhd ul{ height: 40px; line-height: 40px; text-align: center; }
.news-tab .parhd li{ display: inline-block; font-size: 18px; overflow: hidden; }
.news-tab .parhd li a{ display: block; width: 150px; height: 40px; color: #333; background: #f1f1f1; }
.news-tab .parhd li:nth-child(2) a{ background: #e4e4e4; }
.news-tab .parhd li.on a{ background: #2082c1; color: #fff; }

.news-tab .parbd{ padding: 50px 0; }
.news-scroll{ width: 1200px; overflow: hidden; }
.news-scroll .bd{ width: 1200px; height: 255px;}
.news-scroll .bd li{ float: left;  padding: 0 10px; overflow: hidden; }
.news-scroll .bd li a{ display: block; width: 240px; height: 200px; padding: 25px 20px 30px 20px; background: #fff; }
.news-scroll .bd li a h3{ line-height: 40px; color: #333; font-size: 16px; }
.news-scroll .bd li a i{ display: block; line-height: 30px; padding-bottom: 5px; color: #999; font-size: 12px; }
.news-scroll .bd li a p{ display: block; line-height: 25px; color: #999; font-size: 12px; text-indent: 2em;}
.news-scroll .bd li a:hover{ background: #2082c1; }
.news-scroll .bd li a:hover h3, .news-scroll .bd li a:hover i{ color: #fff; }
.news-scroll .bd li a:hover p{color:#bcd3e7;}

.news-scroll .hd ul{ position: absolute; left: 50%; bottom: 0; overflow: hidden; margin-left: -55px;}
.news-scroll .hd ul li{ float:left; width:12px; height:12px; margin:0 5px; text-indent:-999px; cursor:pointer; border-radius: 6px; background: #b5b5b5; }
.news-scroll .hd ul li.on{ background: #2082c1; }

.row-link{ width: 100%; height: 345px;}
.open-gov{ width: 1200px; height: 345px; }
.open-gov .title{ height: 175px; text-align: center; background: url(open-t.png) center top no-repeat; margin-top: -38px; }
.open-gov .title a{ display: block; }
.open-gov .title a h1{ padding-top: 85px; line-height: 25px; font-size: 16px; color: #2082c1; }
.open-gov .title a i{ display: block; padding-top: 20px; line-height: 40px; font-size: 14px; color: #333; }
.open-gov .content{ padding-top: 30px; }
.open-gov .content a{ float: left; width: 220px; height: 60px; margin: 0 10px; background: #f5f5f5; line-height: 60px; }
.open-gov .content a i{ float: left; width: 60px; height: 60px; }
.open-gov .content a h3{ font-size: 16px; font-weight: normal; text-indent: 1em;}

.row-nav{ width: 100%; height: 350px; background: url(q-bg.png) center top no-repeat; margin-top: -38px;}
.quick-nav{ width: 1200px; height: 350px;}
.quick-nav .title{ height: 175px; text-align: center; }
.quick-nav .title a{ display: block; }
.quick-nav .title a h1{ padding-top: 85px; line-height: 25px; font-size: 16px; color: #fff; }
.quick-nav .title a i{ display: block; padding-top: 20px; line-height: 40px; font-size: 14px; color: #fff; }
.quick-nav .content{ padding-top: 30px; }
.quick-nav .content a{ float: left; width: 180px; height: 80px; padding: 10px 0; margin: 0 10px; background: rgba(255, 255, 255, .8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8ffffff,endColorstr=#c8ffffff); }
.quick-nav .content a i{ display: block; width: 180px; height: 50px; }
.quick-nav .content a h3{ line-height: 30px; font-size: 16px; font-weight: normal; text-align: center;}

.team-style{ width: 1200px; overflow: hidden; position: relative; }
.team-scroll{ padding: 38px 0 35px 0; position: relative; }
.team-scroll .bd{ overflow: hidden; }
.list-style{ overflow: hidden; }
.list-style li{ float: left; padding:10px; }
.list-style li a{ display: block; width: 280px; height: 210px; position: relative; }
.list-style li a i{ display: none; position: absolute; left: 0; top: 0; width: 240px; height: 50px; padding: 80px 20px; line-height: 25px; font-size: 16px; color: #fff; background: rgba(32, 130, 193, .8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c82082C1,endColorstr=#c82082C1); }
.list-style li a img{ display: block; width: 280px; height: 210px; }
.list-style li a:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, .5); }
.list-style li a:hover i{ display: block; }

.team-scroll .hd{ position: absolute; left: 50%; bottom: 0; overflow: hidden; margin-left: -110px; }
.team-scroll .hd ul{ overflow: hidden; }
.team-scroll .hd ul li{ float:left; width:12px; height:12px; margin:0 5px; text-indent:-999px; cursor:pointer; border-radius: 6px; background: #b5b5b5; }
.team-scroll .hd ul li.on{ background: #2082c1; }

.footer{ width: 100%; height: 200px; background: #3c3c3c; }
.foot{ width: 1200px; height: 200px; font-size: 14px; color: #fff; line-height: 30px; position: relative;  }
.cpr{ width: 720px; height: 90px; padding: 55px 0; }
.link-box{ width: 420px; height: 170px; padding: 15px 30px; background: url(link-bg.png) left center no-repeat; }
.link-box .box-tit{ height: 40px; line-height: 40px; font-size: 24px; color: #2082c1; padding-bottom: 10px; }
.link-box .box-con{ line-height: 25px; font-size: 14px; }
.link-box .box-con a{ display: inline-block; padding-right: 2em; color: #fff; white-space: nowrap; }
#_ideConac{position: absolute; top:50%; left:50%; margin-top:-40px; margin-left:-40px;}

.piao-left{ position: fixed; left: 0; top: 30%; display: none;}
.piao-left li{ margin-bottom: 1px; }
.piao-left li a{ display: block; width: 70px; height: 70px; }
.piao-right{ position: fixed; right: 0; top: 30%; display: none; }
.piao-right li{ margin-bottom: 1px; position: relative; transition: all .2s; right: -100px; background: #b2b2b2;  }
.piao-right li a{ display: block; width: 100px; line-height: 50px; font-size: 14px; color: #fff; padding-left: 50px; text-align: center; }
.piao-right li:hover{ right: 0px; background: #2082c1; }
.piao-right li.wechat{ height: 50px; }
.piao-right li.wechat img{ width: 80px; height: 80px; }
.piao-right li.wechat:hover{ height: 80px; padding: 10px 0; }