@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{ font:normal 14px/20px "微软雅黑"; background:#edf4fa; }
img { vertical-align:middle; border:none; display:inline-block; }
ul, ol ,ul, li{ list-style:none; }
a {text-decoration:none; color:#454545; vertical-align:baseline; transition: 0.4s;}
a:hover { text-decoration:none; color:#000; }
/*-----广告管理-----*/
.index-add1, .index-add2, .index-add3{ text-align:center;}
.index-add1 a, .index-add2 a, .index-add3 a{ display:block;}
.index-add1{ position:relative; width:100%; overflow-x:hidden;}
.index-add1 span{ position:absolute; left:50%; top:20px; display:block; width:40px; height:40px; margin-left:600px; line-height:40px; text-align:center; font-family:"arial"; color:#fff; font-size:20px; font-weight:500; border-radius:50%; border:1px solid #fff; cursor:pointer;}
/*.index-add1 span::before{ display:inline-block; content:"";}*/
.index-add2{}
.index-add3{}
#bodyBg{ position:absolute; left:0; top:0; z-index:-1; width:100%; height:400px; background:url(../img/public/header-bg.jpg) no-repeat center top #edf4fa;}
#bodyBg.bodyBgType{ top:350px;}
/*让网页变灰
html, body {
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  -webkit-filter: grayscale(100%);
}*/

/*-----公共样式-----*/
/*浮动*/
.float-l{ float:left;}
.float-r{ float:right;}
.clear{ clear:both; overflow:hidden; height:0; line-height:0;}
.fixed:after { content: "."; display: block; clear: both; height: 0;width:0;font-size:0; }
.fixed {zoom:1;}
.pr{ position:relative}
.pa{ position:absolute;}
/*宽高*/
.w499{ width:499px;}
.w599{ width:599px;}
.w100b{ width:100%;}
.w1200{width:1200px;}
/*边距*/
.par-10{ padding-right:10px;}
.pat-10{ padding-top:10px;}
.patb-10{ padding:10px 0;}
.patlr-20{ padding:20px 20px 0 20px;}
.patb-20{ padding-top:20px; padding-bottom:20px;}
.palr-40{ padding-left:40px; padding-right:40px;}
.pal-10{ padding-left:10px;}
.mat-10{ margin-top:10px;}
.mat-20{ margin-top:20px;}
.mal-30{ margin-left:30px;}
.mab-10{ margin-bottom:10px;}
.mab-20{ margin-bottom:20px;}
.matb-5{ margin-top:5px; margin-bottom:5px;}
.matb-10{ margin-top:10px; margin-bottom:10px;}
.mar-20{ margin-right:20px;}
.malr-20{ margin-left:20px; margin-right:20px;}
.marl-a{margin:0 auto;}

/*-----头部-----*/
.header{}
.header .toptips{height:30px; line-height:30px; color:#265482; background:rgba(255,255,255,0.2);}
.header .toptips .ttleft{float:left;display: inline-block;}
.header .toptips .ttright{float:right;display: inline-block;}
.header .toptips .ttright a{ color:#265482; cursor:pointer;}
.header .toptips .ttright a:hover{color:#0c3660;}
/*.header .topsco .topls{ height:158px;}*/
.header .topsco img{display:inline-block;float:left;padding-top: 50px;}
.header .topsco .search{display:inline-block;position:relative;float:right;width:300px;margin-top:75px;}
.header .topsco .search .textinput{ position:absolute; top:0px; left:0px; display:inline-block; height:38px; width:219px; margin:0; padding:0; border:1px solid #326292; border-right:none; text-indent:10px; font-family:"微软雅黑"; background:rgba(255,255,255,0.3); outline:none;}
.header .topsco .search .bottoninput{position:absolute;top:0px;right:0px;display:inline-block;width:80px;height:40px;line-height: 40px;margin:0;padding:0;border:none;background:#003366;text-align: center;color:#fff;font-size:16px; font-family:"微软雅黑"; cursor:pointer;}
/*初始字体样式*/
#header .header-r .search .t::-webkit-input-placeholder { font-size:16px; color:#1764ac;}
#header .header-r .search .t::-moz-placeholder { font-size:16px; color:#1764ac;} /* firefox 19+ */
#header .header-r .search .t:-ms-input-placeholder { font-size:16px; color:#1764ac;} /* ie */
#header .header-r .search .t:-moz-placeholder { font-size:16px; color:#1764ac;}

/*-----菜单-----*/
.menu{ clear:both; width:1200px; height:57px; margin:0 auto; border-bottom:3px solid #003366; background:url(../img/public/wbg20.png);}
#topnav{}
#topnav LI { float:left;}
#topnav>li>A { DISPLAY:block; padding:0 25px; height:57px; line-height:57px; text-align:center; font-size:20px; color:#003366;}
#topnav>li>A i{ display:inline-block; width:25px; height:27px; margin-right:8px; vertical-align:middle; background-repeat:no-repeat;}
#topnav>li>A:hover { margin-bottom:-3px; border-bottom:3px solid #db7215; color:#db7215;}
LI.menu-1>A i{ background-image:url(../img/public/menu01.png);}
LI.menu-2>A i{ background-image:url(../img/public/menu02.png);}
LI.menu-3>A i{ background-image:url(../img/public/menu03.png);}
LI.menu-4>A i{ background-image:url(../img/public/menu04.png);}
LI.menu-5>A i{ background-image:url(../img/public/menu05.png);}
LI.menu-6>A i{ background-image:url(../img/public/menu06.png);}
LI.menu-7>A i{ background-image:url(../img/public/menu07.png);}
#menu-1 LI.menu-1>A i, LI.menu-1>A:hover i{ background-image:url(../img/public/menu01ac.png);}
#menu-2 LI.menu-2>A i, LI.menu-2>A:hover i{ background-image:url(../img/public/menu02ac.png);}
#menu-3 LI.menu-3>A i, LI.menu-3>A:hover i{ background-image:url(../img/public/menu03ac.png);}
#menu-4 LI.menu-4>A i, LI.menu-4>A:hover i{ background-image:url(../img/public/menu04ac.png);}
#menu-5 LI.menu-5>A i, LI.menu-5>A:hover i{ background-image:url(../img/public/menu05ac.png);}
#menu-6 LI.menu-6>A i, LI.menu-6>A:hover i{ background-image:url(../img/public/menu06ac.png);}
#menu-7 LI.menu-7>A i, LI.menu-7>A:hover i{ background-image:url(../img/public/menu07ac.png);}
#menu-1 LI.menu-1>A { margin-bottom:-3px; border-bottom:3px solid #db7215; color:#db7215;}
#menu-2 LI.menu-2>A { margin-bottom:-3px; border-bottom:3px solid #db7215; color:#db7215;}
#menu-3 LI.menu-3>A { margin-bottom:-3px; border-bottom:3px solid #db7215; color:#db7215;}
#menu-4 LI.menu-4>A { margin-bottom:-3px; border-bottom:3px solid #db7215; color:#db7215;}
#menu-5 LI.menu-5>A { margin-bottom:-3px; border-bottom:3px solid #db7215; color:#db7215;}
#menu-6 LI.menu-6>A { margin-bottom:-3px; border-bottom:3px solid #db7215; color:#db7215;}
#menu-7 LI.menu-7>A { margin-bottom:-3px; border-bottom:3px solid #db7215; color:#db7215;}
#menu-8 LI.menu-8>A { margin-bottom:-3px; border-bottom:3px solid #db7215; color:#db7215;}
#menu-9 LI.menu-9>A { margin-bottom:-3px; border-bottom:3px solid #db7215; color:#db7215;}
/*#topnav .menu-9{ position:absolute; right:0; top:0;}
#topnav .menu-9 A{ background:#575a69;}*/
#topnav{ position: relative; z-index:999;}
/*一级移上去停留*/
LI.menu-2:hover>a{ margin-bottom:-3px; border-bottom:3px solid #db7215; color:#db7215 !important;}
LI.menu-2:hover>a i{ background-image:url(../img/public/menu02ac.png) !important;}
/*二级*/
#topnav li ul {display:none; position:absolute; top:60px; left:0; height:250px; border-bottom:1px solid #e5e5e5; background:#fff !important;}
#topnav li:hover ul {display:block; width:1160px; padding:20px;}
#topnav li ul li {float:none; width:1200px;}
/**/
#topnav li ul li h4{ margin-bottom:20px; font-size:16px; font-weight:normal; color:#1764ac;}
/*机构概述*/
#topnav li ul li.jggs{ float:left; width:400px; padding-right:10px; border-right:1px dotted #e6e6e6;}
#topnav li ul li.jggs div{}
#topnav li ul li.jggs div a{ display:block; float:left; width:190px; margin:0 10px 10px 0; padding:45px 0 20px 0; text-align:center; background:url(../img/public/menu-jggs-1.png) no-repeat center 20px #edf4fa;}
#topnav li ul li.jggs div a:hover{ color:#db7215; background:url(../img/public/menu-jggs-1-hover.png) no-repeat center 20px #edf4fa;}
/*切换新闻列表*/
#topnav li ul li.tabNews{ float:left; width:700px; padding-left:20px;}
#topnav li ul li.tabNews .tablist{ margin-bottom:10px;}
#topnav li ul li.tabNews .tablist a{ display:inline-block; margin-right:40px; padding-bottom:10px; color:#1764ac; cursor:pointer;}
#topnav li ul li.tabNews .tablist a.cur{ border-bottom:1px solid #1f7fce;}
#topnav li ul li.tabNews .proshow{}
#topnav li ul li.tabNews .proshow a{ position:relative; line-height:30px; display:block;}
#topnav li ul li.tabNews .proshow a span{ position:absolute; top:0; right:0; color:#999;}
#topnav li ul li.tabNews .proshow a:hover{ color:#db7215;}

/*--------底部--------*/
#footer{ width:1200px; margin:65px auto 0 auto; text-align:center; border-top:3px solid #1f60a0;}
#footer .f{ padding:20px 0;}
#footer .f select{ width:200px; height:27px; margin:0 5px; color:#6b7b8b; border:1px solid #e5ecf2;}
#footer .t{ margin-bottom:20px;}
#footer .t p{ color:#718693; line-height:30px;}
#footer .t span{ margin:0 6px;}

/*-----广告-----*/
/*主页*/
.index-add{ width:1200px; margin-left:auto; margin-right:auto;}
.index-add a{ display:block; width:100%;}
.index-add img{ width:100%; height:85px;}
.index-add>div{ margin-bottom:2px;}
/*禁毒视频侧边栏*/
.jingdu626{ position:fixed; left:0; top:200px; display:block; width:150px; height:300px; background:url(/video/img/jingdu626.png) no-repeat; opacity: 0.3;}
.jingdu626:hover{ opacity:1;}

/*-----在线客服-----*/
.nav{ position:fixed; right:20px; bottom:320px;}
.nav a{ display:block; width:75px; height:60px; margin-top:1px; padding:15px 0 5px 0; color:#fff; text-align:center; background:rgba(56,156,207,0.5);}
.nav a:hover{ background:rgba(56,156,207,0.8);}
.nav a i{ display:block; width:32px; height:32px; margin:0 auto;}
.nav a.nav-icon1 i{ background:url(../img/public/nav-1.png) no-repeat center;}
.nav a.nav-icon2 i{ background:url(../img/public/nav-2.png) no-repeat center;}
.nav a.nav-icon3 i{ background:url(../img/public/nav-3.png) no-repeat center;}
.nav a.nav-icon4 i{ background:url(../img/public/nav-4.png) no-repeat center;}
.nav a.nav-icon5 i{ background:url(../img/public/nav-5.png) no-repeat center;}
/*会长信箱*/
.nav a.nav-icon1.mail{ position:relative;}
.nav a.nav-icon1.mail span{ display:none; position:absolute; right:75px; top:0; height:80px; padding:0 20px; line-height:25px; font-size:18px; font-weight:900; color:#003366; text-align:left; background:#fff;}
.nav a.nav-icon1.mail:hover span{ display:block;}
.nav a.nav-icon1.mail span em{ display:block; padding-top:15px; font-weight:500; font-size:14px; color:#999;}
/*协会公众号*/
.wm-gzha{ position:relative;}
.wm-gzha .wm-gzh{ display:none; transition: 0.4s;}
.wm-gzha:hover .wm-gzh{ display:block; position:absolute; right:75px; top:0;}
.wm-gzha:hover .wm-gzh img{ width:200px; height:200px;}

/*--返回顶部按钮--*/
#goToTop{ display:none; position: fixed; right:20px; bottom:230px;}
#goToTop a{ display:block; width:75px; height:60px; margin-top:1px; padding:7.5px 0; color:#fff; text-align:center; background:rgba(203,203,203,0.7);}
#goToTop a:hover{ background:rgba(203,203,203,1);}
#goToTop a i{ display:block; width:40px; height:40px; margin:0 auto; background:url(../img/public/top.png) no-repeat center;}