﻿/* 统一样式定义 * */
body {font-size: 12px;font-family: Microsoft YaHei, sans-serif;color: #333;padding: 0;margin: 0;background: url(../images/bg.jpg) center top;position:relative}
* {padding: 0;margin: 0;}
em {font-style: normal;}
.min-width {width: 100%;}
img{vertical-align: middle;}
ul,li,div,p,ol,h1,h2,h3,h4,h5 {list-style: none;padding: 0;display: block;margin: 0}
li:first-child {border: 0;}
a {cursor: pointer;color: #333;text-decoration: none;}
a:visited,a:focus{text-decoration: none;}
a:hover {text-decoration: none;color: #005389;background-color: transparent;}
li s {display: inline-block;width: 5px;height: 5px;border-radius: 50%;background: #CCCCCC;margin-right: 10px;position: relative;bottom: 2px;}
.fr {float: right!important}
.fl {float: left!important}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.clear{ clear:both} 
.hidden {display: none;}
.content {padding: 0 15px;/*background: #F2DEDE;*/}
.containers { min-width: 1200px; margin: 0 auto; width: 1200px;}

/*****************头尾***************/

#header {min-height: 204px;background: url(../images/header-bg.png) no-repeat top left;background-size: 100% 100%;}
#header .containers {min-width: 1200px;height: 204px;}

.top {height: 30px;}
.top-left li {float: left; color:#fff;height: 22px; line-height: 28px; margin-right: 10px;}
.top-left li a {display: block;padding: 12px 22px;background: #1c87bf;margin-left: 8px;color: #fff;box-shadow: 5px 5px 5px rgba(0, 0, 0, .3);border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.top-right {padding-top: 13px}
.top-right li {padding: 0 10px;float: left;border-left: 1px solid #fff;height: 13px;line-height: 12px;cursor: pointer;}
.top-right li a {color: #FFF;}

.header-title { margin-top: 45px;}
.logo {width: 425px;height: 80px;display: inline-block;}
.header-search {width: 390px;}
.search-key {position: relative;}
.search-key input {padding-left: 10px;border: 1px solid #e5e5e5;width: 97%;height: 33px;}
#search{position: absolute;right: 0;top: 0;width: 86px;height: 34px;cursor: pointer;background: url(../images/index-icons.png) no-repeat -210px -100px;}
#search input{ background:none;border:none;}

.nav {min-width: 1320px;height: 60px;background: url(../images/navbg.gif) repeat-x left top;}
.nav-first {width: 1320px;margin: 0 auto;}
.nav-first li {float: left;}
.nav-first li>a {display: block;width: 110px;height: 58px;line-height: 58px;font-size: 16px;color: #fff;text-align: center;padding-left: 10px;border-top: 2px solid transparent;}
.nav-first li a.nav_icon01{ background: url(../images/nav_icon01.jpg) 0px center no-repeat;}
.nav-first li a.nav_icon1{ background: url(../images/nav_icon1.jpg) 0px center no-repeat;}
.nav-first li a.nav_icon2{ background: url(../images/nav_icon2.jpg) 0px center no-repeat;}
.nav-first li a.nav_icon3{ background: url(../images/nav_icon3.jpg) 0px center no-repeat;}
.nav-first li a.nav_icon4{ background: url(../images/nav_icon4.jpg) 0px center no-repeat;}
.nav-first li a.nav_icon5{ background: url(../images/nav_icon5.jpg) 0px center no-repeat;}
.nav-first li a.nav_icon6{ background: url(../images/nav_icon6.jpg) 0px center no-repeat;}
.nav-first li a.nav_icon7{ background: url(../images/nav_icon1.jpg) 0px center no-repeat;}
.nav-first li a.nav_icon8{ background: url(../images/nav_icon8.jpg) 0px center no-repeat;}
.nav-first li a.nav_icon9{ background: url(../images/nav_icon3.jpg) 0px center no-repeat;}
.nav-first li a.nav_icon10{ background: url(../images/nav_icon9.jpg) 0px center no-repeat;}

/*链接*/
.yllinkbg { width: 1164px; padding:0px 18px 18px; background: #ffffff; margin:0 auto;}
.yllink { position: relative; border: 1px solid #ddd; height: 40px;}
.yllink .select { position: relative; float: left; display: block; height: 38px; width: 189px; margin: 0 50px;}
.yllink .select dt { padding-left: 40px; height: 38px; line-height: 38px; cursor: pointer;}
.yllink .select dt span { float: left; font-size: 14px; height: 38px; cursor: pointer;}
.yllink .select dt i { float: left; padding-left: 20px; width: 7px; height: 38px; background: url(../images/index-icons.png) no-repeat -230px -150px;}
.yllink .select dd {  position: absolute; top: 40px; left: 0; z-index: 9; background: #fff;transition: height 1s; -moz-transition: height 1s;	/* Firefox 4 */ -webkit-transition: height 1s;	/* Safari 和 Chrome */ -o-transition: height 1s; overflow:hidden;}
.yllink .select dd ul { width: 220px; max-height: 114px; border: 1px solid #ddd; overflow-y: auto;}
.yllink .select dd li a { padding: 0 .5em 0 1em; height: 28px; display: block; color: #333; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/*底部*/
.footbg{ padding: 50px 0;text-align:center;background:#6bafd4;}
.footbg p{ font-size:14px;color:#333;}

/************首页*************/
#box_main{ width: 1164px;  background: #ffffff;  float: none;  padding-bottom: 18px;  padding-top: 25px;  padding-left: 18px;  margin: 15px auto 0px;  padding-right: 18px; }
/*图片新闻*/
.picnewbox {margin: 0 auto;width: 400px;height:290px;position:relative;overflow: hidden;}
.picnewbox img {float: left;margin-top: 0px;}
.slideshow {clear: both;}
.slideshow li {position: relative;overflow: hidden;}
.slideshow span.title {position: absolute;bottom: 0;left: 0;margin-bottom: 0;width: 100%;height: 32px;line-height: 32px;font-size: 14px;text-indent: 10px;}
.slideshow span.title, .slidebar li {background: rgba(0, 70, 131, .7);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #30000000, endColorstr = #30000000);color: #FFF;overflow: hidden;}
.slidebar {position: absolute;bottom: 5px; right: 4px;}
.slidebar li {float: left;margin-right: 2px;width: 15px;height: 15px;line-height: 15px;text-align: center;font-size: 10px;cursor: pointer;background:#000;border:1px solid #fff;color:#ccc;}
.slidebar li.on {background: #ff9900;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #50FFFFFF, endColorstr = #50FFFFFF);color: #000;font-weight: 700;}
#slidesImgs li {width: 400px;height: 290px;display: none;}
/*通知公告*/
.tzgg{width: 405px;height: 282px;padding: 4px 15px;background: #f7f7f7;}
.tzgg .tit{ height: 36px; background: url(../images/gg.jpg) no-repeat left 50%; border-bottom: #cccccc 1px solid; display: block; line-height: 36px;}
.tzgg .tit span{font-size: 17px;color: #fff;font-weight: bold;margin-left: 32px;}
.tzgg .tit a{ height: 22px; width: 60px; background: #777777; color: #ffffff; text-align: center; display: inline-block; line-height: 22px; float: right; margin-top: 10px; }
.tzgg .list{ }
.tzgg .list li{border-bottom: #bbbbbb 1px dashed;padding-bottom: 5px;}
.tzgg .list li .title{ }
.tzgg .list li .title a{display: inline-block;line-height: 27px;height: 27px;width: 308px;overflow: hidden;color: #005aad;}
.tzgg .list li .title span{float: right;font-weight: normal;line-height: 27px;}
.tzgg .list li p{ }
.tzgg .list li p a{ color: #ff9900;}
/*法规标准*/
.fgbz{width: 314px;height: 176px;}
.fgbz .tit{ height: 36px; background: #f7f7f7; display: block; line-height: 36px;}
.fgbz .tit span{display: inline-block;padding-left: 8px;font-size: 17px;color: #f00;font-weight: bold;border-left: 5px solid #f67608;}
.fgbz .tit a{ height: 22px; width: 60px; background: #777777; color: #ffffff; text-align: center; display: inline-block; line-height: 22px; float: right; margin-top: 10px; }
.fgbz .list{ }
.fgbz .list li{border-bottom: #bbbbbb 1px dashed;}
.fgbz .list li a{display: inline-block;line-height: 27px;height: 27px;width: 215px;overflow: hidden;color: #666;padding-left: 16px;background: url(../images/icon-09.gif) no-repeat 0px center;}
.fgbz .list li span{float: right;font-weight: normal;line-height: 27px;}
/*下载专区*/
.xzzq{ width: 314px;height: 97px; margin-top:18px;}
.xzzq li{ display: inline-block; float: left;border-radius: 10px;color: #fff;width:97px;height:97px;text-align:center;}
.xzzq li.an1{ background:#f67608;font-weight: bold; font-size: 24px;margin-right:7px;position:relative;}
.xzzq li.an1:after{display:block;width:7px;height:9px;content:"";background:url(../images/an1.gif) no-repeat 0px center;position: absolute;right: -7px;bottom: 50%;}
.xzzq li.an2{ background:#62affd;font-size: 20px; margin-left:7px;}
.xzzq li.an3{ background:#ffc334;font-size: 20px; margin-left:7px;}
.xzzq li.an1 span{ display: inline-block; margin-top: 16px; color:#fff;}
.xzzq li.an2 span,.xzzq li.an3 span{ display: inline-block; margin-top: 20px; color:#fff;}
/*横幅广告*/
.adb1{ margin-top:20px; width:835px;}
.adb2{ margin-top:20px;}
.adb3{ margin-top:20px;}
.adb4{ margin-top:20px;}

/*协会工作*/
.xhgzbox{ margin-top:4px;}
.xhgzbox .title {border-bottom: 1px solid #E5E5E5;height: 69px;line-height: 65px;text-align: center;margin-bottom: 20px;}
.xhgzbox .title a {display: inline-block;padding: 0 15px 0 15px;color: #406a9e;font-size: 24px;height: 78px;position: relative;}
.xhgzbox .title a:after {content: "";display: block;position: absolute;left: 0;right: 0;height: 13px;background: url(../images/index-icons.png) no-repeat 0 -130px;}
.xhgzbox .title a span {display: inline-block;width: 40px;height: 35px;position: relative;top: 10px;background: url(../images/index-icons.png) no-repeat 0 -150px;}

.newbox{ width:566px;height: 334px;}
.navs{background: url(../images/navsbg.jpg) no-repeat 0px center;padding-left: 30px;}
.navs li{display:inline-block;height: 36px;line-height: 36px;font-size: 18px;font-weight: bold;color: #555;margin-left: 10px;}
.navs .nav_bar{ color: #f00; border-bottom: 3px solid #f00;}
.navs .nav_bar a{ color: #f00;}
.newbox .main{ margin-top:15px;}
.newbox .main div{ display: none;  }
.newbox .main div.main_bar{ display: block;}
.newbox .main .list li{border-bottom: #bbbbbb 1px dashed;}
.newbox .main .list li a{display:block;width: 490px;line-height: 27px;height: 27px;font-size: 14px;overflow: hidden;color: #666;}
.newbox .main .list li span{float: right;font-weight: normal;line-height: 27px;}

/*精品工程*/
.jpgc { margin-top: 40px; height: 220px; border: 1px solid #e0e2e3;border-top:3px solid #125d94;}
.jpgc .tit { float: left; width: 45px; background: #fbfbfc; border-right: 1px solid #e0e2e3; height: 100%; text-align: center;}
.jpgc .tit a { display: block; font-size: 16px; font-weight: 700; padding-top: 60px; padding-left: 14px; width: 16px;}
.jpgc .tit a span { display: block; margin-top: 20px; width: 20px; height: 20px; background: url(../images/index-icons.png) no-repeat -240px -60px;}
#jpgcbox{ width: 1100px;margin-right:8px;}
.scrollable { overflow: hidden; height: 220px; width: 1100px; position: relative;float: left;}
.scrollable ul { width: 20000px;margin-top: 16px; position: absolute; clear: both;overflow: hidden;}
.scrollable ul li{border: #eeeeee 1px solid; width: 180px; margin: 10px 5px;padding:10px; border-bottom: #eeeeee 1px solid;float: left;text-align:center;}
.scrollable ul li img{ width: 180px; height:120px;}
.scrollable ul li span{ display: inline-block; margin-top: 12px;}

/*协会资讯*/
.xhzxbox{ margin-top:30px;}/*
/*协会动态*/
.xhdt{ width: 556px;height: 340px;}
.xhdt .tit {width: 100%;height: 30px;line-height: 30px;/*margin-bottom:25px;*/}
.xhdt .tit a {font-size: 16px;line-height: 30px;float: left;font-weight: 700;}
.xhdt .tit .icon {float: left;width: 21px;height: 30px;margin-right: 13px;background: url(../images/index-icons.png) no-repeat 0 -185px;}
.xhdt .tit .bg {float: left;width: 205px;height: 30px;background: url(../images/index-icons.png) no-repeat -5px -100px;margin-left: 15px;}
.xhdt .tit .more {float: right;width: 20px;height: 20px;margin-top: 8px;background: url(../images/index-icons.png) no-repeat -240px -60px;}
.xhdt dl{margin-top: 15px;overflow: hidden;}
.xhdt dl dt{float: left;width: 150px;overflow: hidden;}
.xhdt dl dt img{width: 150px; max-height:90px;overflow: hidden;}
.xhdt dl dd{float: right;width: 388px;}
.xhdt dl dd h3{height: 26px;overflow: hidden;white-space: nowrap;}
.xhdt dl dd p{height: 48px;overflow: hidden;}
.xhdt dl dd span{display: inline-block;margin-top: 7px;padding: 0 8px;background: #e4e4e4;}
.xhdt .list {padding-top: 15px}
.xhdt .list li {line-height: 30px;}
.xhdt .list li a {display: block;width: 80%;font-size: 14px;overflow: hidden; white-space: nowrap;}
.xhdt .list li span{color: #999;}
.xhdt .list li s {display: inline-block;width: 5px;height: 5px;border-radius: 50%;background: #CCCCCC;margin-right: 10px;position: relative;bottom: 2px;}
/*行业新闻*/
.hyxw{ width: 556px; height: 340px;}
.hyxw .tit {width: 100%;height: 30px;line-height: 30px;/*margin-bottom:25px;*/}
.hyxw .tit a {font-size: 16px;line-height: 30px;float: left;font-weight: 700;}
.hyxw .tit .icon {float: left;width: 21px;height: 30px;margin-right: 13px;background: url(../images/index-icons.png) no-repeat 0 -185px;}
.hyxw .tit .bg {float: left;width: 205px;height: 30px;background: url(../images/index-icons.png) no-repeat -5px -100px;margin-left: 15px;}
.hyxw .tit .more {float: right;width: 20px;height: 20px;margin-top: 8px;background: url(../images/index-icons.png) no-repeat -240px -60px;}
.hyxw dl{margin-top: 15px;overflow: hidden;}
.hyxw dl dt{float: left;width: 150px;overflow: hidden;}
.hyxw dl dt img{width: 150px;max-height:90px;overflow: hidden;}
.hyxw dl dd{float: right;width: 388px;}
.hyxw dl dd h3{height: 26px;overflow: hidden;white-space: nowrap;}
.hyxw dl dd p{height: 48px;overflow: hidden;}
.hyxw dl dd span{display: inline-block;margin-top: 7px;padding: 0 8px;background: #e4e4e4;}
.hyxw .list {padding-top: 15px}
.hyxw .list li {line-height: 30px;}
.hyxw .list li a {display: block;width: 80%;font-size: 14px;overflow: hidden; white-space: nowrap;}
.hyxw .list li span{color: #999;}
.hyxw .list li s {display: inline-block;width: 5px;height: 5px;border-radius: 50%;background: #CCCCCC;margin-right: 10px;position: relative;bottom: 2px;}

/*获奖企业*/
.hjqy{ margin-top:50px;}
.hjqy .tit{}
.hjqy .tit li{display:inline-block;padding:10px 20px;border: #eeeeee 1px solid;background:#fff;height: 40px;line-height:40px;font-size: 18px;font-weight: bold;color: #333333;margin-right: 10px;}
.hjqy .tit li a{ color: #333333;}
.hjqy .tit .nav_cur{ border: #005aad 1px solid;background:#005aad;color: #fff;}
.hjqy .tit .nav_cur a{ color: #fff;}

.hjqy .main{ width: 1164px;margin:0 auto; }
.hjqy .main div{ display: none;  }
.hjqy .main div.main_cur{ display: block;}

.jbscroll { overflow: hidden; height: 220px; width: 1164px; position: relative;float: left;}
.jbscroll ul { width: 20000px;margin-top: 16px; position: absolute; clear: both;overflow: hidden;}
.jbscroll ul li{border: #eeeeee 1px solid; width: 180px; margin: 10px 5px;padding:10px; border-bottom: #eeeeee 1px solid;float: left;text-align:center;}
.jbscroll ul li img{ width: 180px;}
.jbscroll ul li span{ display: inline-block; margin-top: 12px;}

/*会员风采*/
.hyfc { margin-top: 0px; height: 220px; }
#hyfcbox{ width: 1164px;margin:0 auto;}
#hyfcbox .scrollable{ width: 1164px;}
#hyfcbox .scrollable ul li{margin: 5px 5px;}

/************内页*************/
/*位置*/
.location {padding-left: 24px;height: 45px;line-height: 45px;position: relative;font-size:14px;border-bottom: 1px solid #e6e4e4; margin-bottom: 20px;}
.location s {position: absolute;top: 15px;left: 0px;width: 16px;height: 16px;background: url(../images/index-icons.png) no-repeat 0px 0px;}
/*左侧*/
.mleft { width: 240px; min-height: 750px; background: #F8F8F8;}
.listnav { width: 100%; height: 60px; line-height: 60px; background: #004d90; position: relative;}
.listnav p { color: #fff; font-size: 18px; text-align: center;}
.listnav-icon { position: absolute; top: 12px; left: 35px; width: 35px; height: 35px; background: url(../images/index-icons.png) no-repeat -145px 6px;}
.listcon { padding: 15px 10px;}
.listcon ul.listmenu{ min-height: 350px;}
.listmenu li { line-height: 36px; height: 36px; margin: 8px 0 0; display: block; background: url(../images/listmenuli.gif) no-repeat 0 0; text-align:center;font-size:14px;}
.listmenu li.active,.listmenu li:hover {  background: url(../images/listmenuli.gif) no-repeat 0 -36px; color: #fff;}
.listmenu li.active,.listmenu li:hover a{ color: #fff;}
.listmenu li a{ text-decoration: none;}
/*右侧*/
.mright { width: 900px; min-height: 800px;}
/*标题*/
.mtitle { height: 60px; border-bottom: 1px solid #e5e5e5;}
.mtitle span { display: inline-block; min-width:102px; height: 58px; line-height: 58px; padding: 0 15px; border-bottom: 3px solid #6592ce; text-align: center; font-size: 18px; position: relative;}
/*新闻列表*/
.newlist {padding-top: 15px;}
.newlist li {line-height: 30px;padding-left: 15px;padding-right: 25px;position: relative;border-bottom: 1px dashed #ccc;}
.newlist li a{display: block;font-size: 14px;}
.newlist li span{color: #999;}
.newlist s {position: absolute;top: 12px;left: 0;float: left;width: 4px;height: 8px;background: url(../images/index-icons.png) no-repeat -210px -170px;}
.newlist a {width: 90%;height: 30px;overflow: hidden;}
/*图片列表*/
.piclist{margin-top: 20px;overflow:hidden;}
.piclist li{float: left;width: 280px;margin: 0 10px 20px;}
.piclist li img{padding: 3px;border: 1px solid #ccc;width: 272px;height: 188px;}
.piclist li p{height: 30px;line-height: 30px;text-align:center;font-size:14px;}
/*下载列表*/
.downlist{ margin-top:20px;}
.downlist li{height: 40px;line-height: 40px;border: 1px solid #ccc;border-top:none;font-size:14px;text-align:center;}
.downlist li span{ display:inline-block;float: left;border-right: 1px solid #ccc; box-sizing: border-box;}
.downlist li .first{ width: 1%;border:none;}
.downlist li .name{ width: 54%;text-align:left;}
.downlist li .path{ width: 15%;}
.downlist li .time{ width: 15%;}
.downlist li .last{ width: 15%;border:none;}
.downlist li span .btna-s { cursor: pointer; text-decoration: none; height: 30px; line-height: 30px; width: 90px; background: #1e1e1e; color: #fff; padding: 0; margin-top: 5px;float: none;}

.downlist li.tit{ height:50px;line-height:50px;background:#999;color:#fff;font-size:15px;border:none;}
.downlist li.tit .first{ }
.downlist li.tit .name{ text-align:center;}
.downlist li.tit .path{ }
.downlist li.tit .time{ }
.downlist li.tit .last{ }
/*文章页*/
.newshow{ margin-top: 20px;}
.newshow h1{ text-align: center; line-height: 30px; color: #d20000; font-size: 18px; font-weight: bold;}
.newshow img{ max-width:680px;}
.message { border-bottom: #666 1px dashed; text-align: center; padding-bottom: 5px; margin-top: 20px;}
.message SPAN { padding-bottom: 0; padding-left: 10px; padding-right: 10px; color: #231815; padding-top: 0;}
.message SPAN EM { font-style: normal; color: #9fa0a0;}
.summary { margin-top: 20px; clear: both;}
.detail {height: 20px;padding-top: 15px;padding-right: 15px;}
.detail a,.detail span {display: inline-block;cursor: pointer;padding-left: 18px;padding-right: 20px;position: relative;}
.detail i {float: left;position: absolute;top: 2px;left: 0;width: 14px;height: 14px;background: url(../images/index-icons.png) no-repeat -260px -150px;}
.page { width: 100%;}
.page P { padding-bottom: 5px; padding-left: 0; padding-right: 0; padding-top: 5px;}
.other { margin-top: 10px;background: #005aad;padding:10px 10px;}
.other P { line-height: 200%;color: #fff; }
.other P a{ color: #ffd500;}
/**/
.content{ margin-top:20px;}
.content img{ max-width:880px;}
/*分页*/
.pager { margin-top:30px;text-align: center; padding-bottom: 10px; background-color: #fff; padding-left: 0px; padding-right: 0px; font-family: arial, helvetica, sans-serif; color: #868585; font-size: 13px; padding-top: 10px; height: 40px;}
.pager li a{ display:inline-block; border: #f0f0f0 1px solid; padding-bottom: 2px; margin: 0px 5px; padding-left: 5px; padding-right: 5px; color: #868585; text-decoration: none; padding-top: 2px}
.pager li a:hover { border: #004d90 1px solid; color: #004d90; }
.pager li a:active { border: #004d90 1px solid; color: #004d90;}
.pager li a.active { border: #004d90 1px solid; padding-bottom: 2px; background-color: #ff6c16; padding-left: 5px; padding-right: 5px; color: #fff; font-weight: bold; padding-top: 2px}
.pager span.disabled { display: none} 
.pager input{ margin: 0 5px; width: 25px;}
.pager .page-current{ color: #FFFFFF; border:1px solid #004d90; background: #004d90;}
.pager .page-current:hover{ color: #fff; border:1px solid #004d90;}



.nav-first li{position: relative;}
.nav-first li .s_cate{position: absolute;top: 60px;}
.nav-first li .s_cate p{width: 100%;height: 40px;line-height: 40px;background-color: #024686;text-align: center;border-bottom: 1px solid #fff}
.nav-first li .s_cate p a{color: #fff;display: block;}
.nav-first li .s_cate p:hover{background-color: #023b70;}
.s_cate{width: 120px;height: auto;z-index: 99999999999999;display: none}


.picshow{width: 244px;height: 230px;margin:20px auto 10px;}