/* -------- Reset -------- */
html{ color: #000; background: #fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin: 0; padding: 0;}
table{ border-collapse: collapse; border-spacing: 0;}
th,td{ padding: .5em; border: 1px solid #ddd;}
img{ border: 0;}
ol,ul{ list-style: none;}
/* -------- Foundation -------- */
body{ font: 12px/1.5 Tahoma, Arial, "Hiragino Sans GB", SimSun, sans-serif; color: #333;}
a{ color: #555; text-decoration: none;}
a:hover,a:active{ color: #333; text-decoration: underline;}
.clear{ zoom: 1;}
.clear:after{ display: block; height: 0; font-size: 0; content: " "; clear: both; visibility: hidden;}

/* ======== 江苏禁毒网 ======== */
/* ----- homepage ----- */
body{ background: url(bg_body.jpg);}
.more{ float: right; font: 12px SimSun; color: #999;}
.newsgp .biaot{ overflow: hidden;}
.newsgp .zhaiy{ text-indent: 2em; color: #666; overflow: hidden;}
.newslist li{ overflow: hidden;}
.newslist li span{ margin-right: 10px;}
.line{ border-bottom: 1px solid #fff; margin-bottom: 10px;}
.namebk{ height: 40px;}
.namebk p{ font: 24px/30px "Microsoft YaHei"; color: #0064b4; background: url(bg_ngp2.png) no-repeat left center; padding-left: 40px;}
.namebk .more{ line-height: 30px;}
.boxbk{ border-top: 4px solid #2396d7; background: url(bg_box1.jpg) no-repeat; position: relative;}
/* ----- header ----- */
#header{ background: url(bg_header.jpg) no-repeat top center;}
#header .wrap{ width: 1140px; height: 380px; margin: 0 auto; position: relative;}
#nav{ width: 880px; height: 72px; position: absolute; bottom: 36px;}
#nav .mainmenu li{ display: block; float: left; width: 128px; text-align: center; height: 36px; background: url(bg_split.png) no-repeat right center;}
#nav .mainmenu li.gohome{ width: 112px;}
#nav .mainmenu li.longtab{ width: 208px;}
#nav .mainmenu li span, #nav .mainmenu li a{ font: 17px/36px "Microsoft YaHei"; color: #fff; text-decoration: none; cursor: pointer;}
#nav .submenu{ padding: 20px; padding-top: 10px; background: url(bg_submenu.png); border: 1px solid #69b9e1;}
#nav .submenu li{ float: none; background: none; width: 86px; height: 30px; border-bottom: 1px dotted #fff;}
#nav .submenu li a{ font: 14px/30px SimSun; color: #fff; text-decoration: none;}
#nav .longtab .submenu li{ width: 166px;}
#seek{ position: absolute; bottom: 50px; right: 20px;}
#seek .shuru{ width: 170px; height: 28px; line-height: 28px; padding: 2px; border: 0; color: #555; font-size: 14px;}
#seek .btn{ display: inline-block; width: 36px; height: 32px; text-align: center; background-color: #2396d7; color: #fff; font: 18px/28px Arial; border: 2px solid #fff; cursor: pointer;}
/* ----- footer ----- */
#footer{ width: 1200px; margin: 0 auto; padding: 20px 0;}
.copyright{ text-align:center; line-height:24px; color:666; background:url(http://member.jschina.com.cn/img2011/index/index_logo.jpg) no-repeat top center; padding-top:30px;}
.copyright span, .copyright a{ color:666; margin:0 5px}
/* ----- part1 ----- */
#part1{ background: url(bg_part1.jpg) no-repeat top center; margin-bottom: 20px;}
#part1 .wrap{ width: 1140px; height: 790px; margin: 0 auto; overflow: hidden;}
#part1 .col1{ float: left; width: 480px; margin-right: 20px;}
#part1 .col2{ float: left; width: 360px; margin-right: 20px;}
#part1 .col3{ float: left; width: 260px;}
#part1 .col2 .newslist{ font-size: 14px;}
#part1 .col2 .newslist li{ height: 32px; line-height: 32px;}
#part1 .col3 .box{ padding: 19px; padding-bottom: 4px; border: 1px solid #ddd; border-top: 3px solid #2396d7; background-color: #f5f5f5;}
#part1 .col3 .newslist li{ height: 28px; line-height: 28px;}
#part1 .picshow{ width: 480px; height: 300px; background-color: #eee; margin-bottom: 20px;}
#part1 .vod .namegp{ font: 18px/50px "Microsoft YaHei"; color: #0073b9;}
#part1 .vod .namegp .more{ line-height: 50px;}
#part1 .vod .picnews{ float: left; padding: 5px; width: 230px;}
#part1 .vod .picnews img{ display: block; width: 230px; height: 140px; margin-bottom: 10px}
#part1 .vod .picnews p{ text-align: center; font-size: 14px; height: 40px; line-height: 20px; overflow: hidden;}
#part1 .prinews{ margin-bottom: 30px;}
#part1 .prinews .newsgp{ padding-bottom: 10px; border-bottom: 1px solid #ddd; margin-bottom: 10px; line-height: 30px;}
#part1 .prinews .newsgp .biaot{ text-align: center; margin-bottom: 10px; height: 30px;}
#part1 .prinews .newsgp .biaot a{ font: 22px/30px "Microsoft YaHei"; color: #0a649b; text-decoration: none;}
#part1 .prinews .newsgp .zhaiy{ font-size: 14px; height: 90px;}
#part1 .secnews{ margin-bottom: 30px;}
#part1 .secnews .namegp{ border-bottom: 1px solid #ddd; position: relative; margin-bottom: 30px;}
#part1 .secnews .namegp p{ font: 16px/24px "Microsoft YaHei"; position: absolute; bottom: -12px; width: 100px; background-color: #fff;}
#part1 .secnews .namegp p span{ background-color: #0064b4; color: #fff; padding: 0 8px; margin-right: 4px;}
#part1 .secnews .namegp .more{ line-height: 24px; background-color: #fff; padding: 0 6px; position: absolute; bottom: -12px; right: 12px; float: none;}
#part1 .notice{ margin-bottom: 20px;}
#part1 .notice .namegp{ font-size: 14px; font-weight: bold; color: #0a649b; line-height: 18px; padding-bottom: 10px; border-bottom: 1px solid #ddd;}
#part1 .notice .txtarea{ height: 140px; overflow: hidden; padding: 0 5px;}
#part1 .notice .txtarea p{ text-indent: 2em; font-size: 14px; color: #666; line-height: 28px;}
#part1 .gambit{ margin-bottom: 20px;}
#part1 .gambit .namegp{ padding-bottom: 10px; border-bottom: 1px solid #ddd;}
#part1 .gambit .namegp a{ display: inline-block; width: 92px; line-height: 32px; text-align: center; font-size: 14px; font-weight: bold; color: #0064b4; text-decoration: none;}
#part1 .gambit .namegp a.current{ background-color: #0064b4; color: #fff;}
#part1 .gambit .picnews{ float: left; padding: 5px; width: 100px;}
#part1 .gambit .picnews img{ display: block; width: 100px; height: 70px;}
#part1 .func{ background: url(bg_func.jpg) no-repeat right top;}
#part1 .func div{ width: 110px; height: 64px; border-top: 3px solid #2396d7; padding-left: 10px;}
#part1 .func div a{ font: 20px/40px "Microsoft YaHei"; color: #0073b4; text-decoration: none;}
/* ----- part2 ----- */
#part2{ width: 1140px; padding: 30px; padding-bottom: 0; margin: 0 auto 20px auto; background-color: #fff;}
#part2 .col1{ float: left; width: 820px;}
#part2 .col2{ float: right; width: 300px;}
#part2 .pribox{ float: left; width: 380px; margin: 0 30px 20px 0;}
#part2 .pribox .bg{ padding-bottom: 10px; background-color: #f0f0f0;}
#part2 .pribox .namegp{ border-bottom: 1px dotted #555; background-color: #fff;}
#part2 .pribox .namegp p{ font: 16px/30px "Microsoft YaHei"; background-color: #0064b4; color:#fff; width: 80%; padding-left: 10px;}
#part2 .pribox .newsgp{ padding: 20px 0; border-bottom: 1px solid #ddd; margin-bottom: 10px; line-height: 28px;}
#part2 .pribox .newsgp .biaot{ height: 28px; margin-bottom: 10px;}
#part2 .pribox .newsgp .biaot a{ font-size: 16px; font-weight: bold;}
#part2 .pribox .newsgp .zhaiy{ font-size: 14px; height: 140px; float: left; width: 160px; margin-right: 20px;}
#part2 .pribox .newsgp .tup img{ display: block; width: 200px; height: 140px;}
#part2 .pribox .newslist{ font-size: 14px;}
#part2 .pribox .newslist li{ height: 36px; line-height: 36px;}
#part2 .secbox{ width: 260px; padding: 0 16px 19px 19px; border: 1px solid #ddd; background-color: #fafafa; border-top-color: #000; border-right: 4px solid #0064b4; margin-bottom: 20px;}
#part2 .secbox .namegp{ position: relative; height: 50px;}
#part2 .secbox .namegp p{ width: 78px; height: 44px; background: url(bg_ngp1.png) no-repeat; padding-left: 10px; text-align: center; color: #fff; font: 16px/32px "Microsoft YaHei"; position: absolute; left: -29px; top: -1px;}
#part2 .secbox .namegp .more{ float: none; position: absolute; right: 0; line-height: 32px;}
#part2 .secbox .newslist li{ height: 28px; line-height: 28px;}
#part2 .secbox .newsgp{ line-height: 24px; padding-bottom: 15px; border-bottom: 1px solid #ddd;}
#part2 .secbox .newsgp .biaot{ margin-bottom: 4px;}
#part2 .secbox .newsgp .biaot a{ color: #c30000;}
#part2 .secbox .newsgp .tup{ width: 90px;}
#part2 .secbox .newsgp .tup img{ display: block; width: 90px;}
#part2 .secbox .newsgp .zhaiy{ height: 48px;}
#part2 .secbox .type1{ border-bottom: 0;}
#part2 .secbox .type1 .tup{ float: left; margin-right: 10px;}
#part2 .secbox .type1 .tup img{ height: 76px;}
#part2 .secbox .type2 .tup{ float: right; margin-left: 10px;}
#part2 .secbox .type2 .tup img{ height: 76px;}
#part2 .secbox .type3 .biaot{ text-align: center;}
#part2 .secbox .type3 .tup{ float: left; margin-right: 10px;}
#part2 .secbox .type3 .tup img{ height: 124px;}
#part2 .secbox .type3 .zhaiy{ height: 96px;}
/* ----- part3 ----- */
#part3{ width: 1140px; padding: 30px; margin: 0 auto 74px auto; background-color: #fff;}
#part3 .boxbk{ width: 1140px; height: 350px;}
#part3 .picsgp{ width: 1120px; height: 320px; position: absolute; top: 30px; left: 40px;}
#part3 .picsgp .picnews{ float: left; width: 220px; height: 160px; margin-right: 20px;}
#part3 .picsgp .picnews img{ display: block; width: 220px; height: 120px;}
#part3 .picsgp .picnews p{ text-align: center; font-size: 14px; height: 40px; line-height: 40px; overflow: hidden;}
#part3 .picsgp .first{ width: 380px; height: 320px;}
#part3 .picsgp .first img{ width: 380px; height: 280px;}
/* ----- part4 ----- */
#part4{ width: 1140px; padding: 30px; padding-top: 40px; margin: 0 auto 20px auto; background-color: #fff; position: relative;}
#part4 .namegp{ width: 1060px; height: 46px; padding: 28px 90px 64px 70px; background: url(bg_ngp3.png) no-repeat; position: absolute; right: 0; top: -74px; font: 24px/46px "Microsoft YaHei"; color: #fff;}
#part4 .namegp .more{ line-height: 46px; color: #fff;}
#part4 .picsgp{ width: 1080px; height: 450px; position: relative; margin: 0 auto;}
#part4 .picsgp .pic{ position: absolute;}
#part4 .picsgp .pic img{ display: block;}
#part4 .picsgp .n1{ top: 0; left: 0;}
#part4 .picsgp .n2{ top: 0; right: 0;}
#part4 .picsgp .n3{ bottom: 0; left: 0;}
#part4 .picsgp .n4{ bottom: 0; left: 250px;}
#part4 .picsgp .n5{ bottom: 0; left: 510px;}
#part4 .picsgp .n6{ bottom: 0; right: 0;}
#part4 .picsgp .n7{ width: 70px; height: 170px; background-color: #0087c3; position: absolute; top: 0; left: 510px;}
#part4 .picsgp .n8{ width: 280px; height: 80px; background-color: #0087c3; position: absolute; top: 180px; right: 0;}
/* ----- part5 ----- */
#part5{ width: 1140px; padding: 30px; margin: 0 auto 20px auto; background-color: #fff;}
#part5 .boxbk{ width: 1060px; height: 280px; padding-top: 40px; padding-left: 80px;}
#part5 .carousel{ position: relative;}
#part5 .carousel button{ position: absolute; top: 90px; display: inline-block; width: 30px; height: 60px; background: url(bg_submenu.png); border: 1px solid #69b9e1; font-size: 30px; color: #fff; cursor: pointer;}
#part5 .carousel .prev{ left: -40px;}
#part5 .carousel .next{ left: 1010px;}
#part5 .carousel .picnews{ width: 180px; height: 280px; padding: 0 10px;}
#part5 .carousel .picnews img{ display: block; width: 180px; height: 230px; margin-bottom: 10px;}
#part5 .carousel .picnews p{ text-align: center; font-size: 14px; height: 40px; line-height: 20px; overflow: hidden;}
/* ----- part6 ----- */
#part6{ width: 1140px; padding: 30px; margin: 0 auto; background-color: #fff; border-bottom: 4px solid #1e87cd;}
#part6 .box{ border: 1px solid #ddd; padding: 19px; background: url(bg_box2.jpg) repeat-x;}
#part6 .name{ font: 24px/30px "Microsoft YaHei"; color: #0064b4; height: 40px;}
#part6 ul{ width: 1100px; margin: 0 auto;}
#part6 ul li{ float: left; width: 110px; text-align: center; font-size: 14px; height: 40px;}