@charset "utf-8";
/**初始**/


* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
html {font: normal 14px "Microsoft YaHei";-webkit-text-size-adjust: 100%}
body {padding: 0;margin: 0 auto;font-size: 14px; line-height:24px; color: #666;background-color: #fff;font-family: 'Microsoft YaHei','Oswald', sans-serif,"Arial";
-webkit-text-size-adjust: none;
/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight: rgba(0,0,0,0);
/*控制内容的可选择性*/
/*-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;*/
}
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
ul,
li,
form,
dl,
dt,
dd,
div,
ol,
figure,
aside{padding: 0;margin: 0;}
.ul,
.ul li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;font-size: 14px;}
select, input, textarea {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "Microsoft YaHei";}
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #333;text-decoration: none;noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}
a:hover {color: #0788cd;text-decoration: none;}
a:focus {color: #000;outline: none;-moz-outline: none;}
a:active {color: #000;}
pre{
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;
	margin:0;
	font-family: "Microsoft YaHei";
	text-align:justify;
	text-justify:inter-ideograph;
	}

.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; }

.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
/*2行文本省略号*/
.dot2 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.Ispic{ background-repeat:no-repeat; background-position:center center; background-size:cover;}
.Isimg{ position: absolute; left: 50%; top: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%,-50%);}
.Isimg_2{ position: absolute; left: 0; top: 0; width: 100%;height: 100%; transition: transform .8s ease-in-out;}
/*:before,
:after{ position:absolute; content:'';}*/
:after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}




.w1350{ max-width:1350px; margin:0 auto;}
@media(max-width:1350px){.w1350{ padding:0 2%;}}



time{font-family: 'Oswald', sans-serif;}
.Header{ position: relative; padding-left: 5.7%; }

.Header .logo{ width: 23%; position: absolute; left:5.7%; top: 50%; transform: translateY(-50%); }
.Header .open-search,
.Header .search-box,
.Header .search{ position: absolute;}

.Header .open-search{ background:url(../images/search_icon.png) no-repeat center center; width:30px; height:30px; position: absolute;left: 50%;top: 50%;margin: -15px 0 0 -15px;}
.Header .open-search-show{ position: relative; background:none;}
.Header .open-search-show::before,
.Header .open-search-show::after{ position:absolute; content:''; width:30px; height:2px; background:#333; top:0; left:0; transform:rotate(-45deg);}
.Header .open-search-show::after{transform:rotate(45deg);}

.Header .search{ right: 0; top: 0; height: 100%; width: 7.35%; }
.Header .search:before{ content: ''; position: absolute; left: 0; top: 5%; width: 1px; height: 90%; background: rgba(0,0,0,0.1);}
.Header .search-box{ top:100%; right:0; z-index:100; display:none;}
.Header .search-box .text{width: 254px;line-height: 46px;height: 46px; border:1px solid #fff; background:rgba(0,0,0,0.2); color:#fff; padding:0 50px 0 10px;}
.Header .search-box .btn{ position:absolute; right:0; top:0; line-height: 46px; width:46px; text-align:center; color:#fff; font-weight:bold; font-size:16px; font-family:Verdana,Arial, Helvetica, sans-serif;}
.Header .search-box .btn::before{position: absolute; content: '';border: 8px solid transparent; border-bottom-color:#fff;top: -15px;right: 4px;}
#open_menu{ display: none;}
.Header .topNav{ float: right; padding-right: 8%; width: 75%; background: url("../images/top_icon.png") no-repeat 75% top;}
.Header .topNav li{ float: left; margin: 4.7% 0; font-size: 20px;margin-right: 5%; position: relative;}
.Header .topNav li a{ position: relative;}
.Header .topNav li > a:before,
.Header .topNav li > a:after{ content: ''; position: absolute; width: 2px; height: 10px; background: #0788cd; top: 110%; left: 50%; display: none;}
.Header .topNav li > a:before{ transform: rotate(45deg); margin-left: -7px;}
.Header .topNav li > a:after{ transform: rotate(-45deg); margin-right: -7px;}
.Header .topNav .sub{ position: absolute; left: 50%; transform: translateX(-50%); top: 100%; width: 130px; background: #0788cd; padding: 10% 0; display: none;z-index: 105;}
.Header .topNav .sub a{ display: block; width: 100%; font-size: 16px; text-align: center; line-height: 36px; color: #fff;}
.Header .topNav li > a.on{ color: #0788cd;}
.Header .topNav li a.on:before,
.Header .topNav li a.on:after{ display: block;}

.Hbanner{ position: relative;}
.Hbanner .wapban{ display: none;}
.Hbanner .ul a{ display: block;}
.Hbanner .bx-controls{ position: absolute;right: 50%;bottom: 5%;text-align: center;z-index: 105;margin-right: -595px;}
.Hbanner .bx-pager{ width: 80px; line-height:45px; background: rgba(0,0,0,0.3); color: #fff; font-size: 18px;font-family: 'Oswald', sans-serif;}
.Hbanner .bx-controls-direction a{ position: absolute; top: 0; width: 70px; height: 45px; background: url("../images/btn_icon_l.png") no-repeat center rgba(0,0,0,0.2); left: -70px; font-size:0;}
.Hbanner .bx-controls-direction a.bx-next{ left: 100%; background-image: url("../images/btn_icon_r.png");}
.Hbanner .bx-controls-direction a:hover{ background-color: #4db56c;}


.H_more{ float: right; width: 23px; height: 21px; border: 1px solid #0496d8; color: #0496d8; position: relative; margin-top: 3px;}
.H_more:before,
.H_more:after{ content: ''; position: absolute; background: #0496d8; left: 50%; top: 50%; width: 10px; height: 1px; margin-left: -5px; }
.H_more:after{ transform: rotate(91deg);}




.Hnews2{ background: #f2f2f2; padding: 3% 0;}
.Hnews2 .box{ width: 30%; margin-right: 4%; float: left}
.Hnews2 .box3{  margin-right:0}

.Hnews2 .box .title{  width: 100%; height: auto; overflow: hidden;padding: 20px 30px; background: #fff; border-top: 4px solid #0496d8 }
.Hnews2 .box .title h1{  float: left; font-size: 26px; font-weight: normal; display: inline-block; margin: 0; color: #0496d8 }
 
.Hnews2 .box3 .title h1{ background: url(../images/dh.png) no-repeat left; padding-left: 27px;}

.Hnews2 .box figure{ padding-bottom: 60%; background-color: #666; position: relative}
.Hnews2 .box figure h3{ line-height: 50px; padding: 0 30px; font-size: 16px; font-weight: normal; color: #eee;margin: 0; text-align: center; background: rgba(0,0,0,0.5); position: absolute; left: 0; bottom: 0; width: 100% }

.Hnews2 .box ol {margin-bottom: 20px}
.Hnews2 .box li {height: auto; overflow: hidden; width: 100%; line-height: 30px;font-size: 16px;}
.Hnews2 .box li p{ width: 70%; float: left; margin: 0; color: #666}
.Hnews2 .box li time{float: right; text-align: right; color: #666}


@media(max-width:1366px){
	.Hnews2 .box{width: 100%; margin-right: 0;}
}


/*
.Hnews{ background: #f2f2f2; padding: 3% 0;}
.Hnews .w1350{ position: relative; z-index: 102; background: #fff;}


.Hnews .w1350 .left{width: 60%; float: left; padding:3.5% 5% 2.5%;}
.Hnews .title{ font-size: 26px; color: #0496d8; line-height: 30px; padding-bottom: 4%;}

.Hnews .w1350 .left ul{ position: relative; padding-left: 48.5%; height: 364px;}
.Hnews .w1350 .left ol{position: absolute;left: 0;top: 0;width: 43.138%; overflow: hidden;}
.Hnews .w1350 .left ol figure{ padding-top: 60.61%; transition: all 0.5s;}
.Hnews .w1350 .left ol a:hover figure{ transform: scale(1.05);}
.Hnews .w1350 .left ol figure img{ display: none;}
.Hnews .w1350 .left ol h3{ margin: 6% 0 3%; font-weight: normal; color: #0788cd; font-size: 20px;}
.Hnews .w1350 .left ol p{ margin: 1% 0 0; color: #666666; line-height: 22px; overflow: hidden; max-height: 44px;}
.Hnews .w1350 .left time{ color: #999999;}
.Hnews .w1350 .left li{ border-top: 1px dotted #cccccc; padding: 5% 0;}
.Hnews .w1350 .left li:last-child{ border-bottom: 1px dotted #cccccc; }
.Hnews .w1350 .left li p{ margin: 0; font-size: 16px;}


.Hnews .w1350 .right{ float: right; width:40%; }
.Hnews .w1350 .right dl{ background: #0788cd; padding: 7.3% 11%;}
.Hnews .w1350 .right dl:last-child{ background: #2dbb57;}
.Hnews .w1350 .right dt{ color: #fff; font-size: 20px; margin-bottom: 6%;}
.Hnews .w1350 .right .dh{ background: url(../images/dh.png) no-repeat left; padding-left: 27px;}


.Hnews .w1350 .right dd{ padding: 2% 0;}
.Hnews .w1350 .right .H_more{ border-color: rgba(255,255,255,0.3);}
.Hnews .w1350 .right .H_more:after,
.Hnews .w1350 .right .H_more:before{ background: rgba(255,255,255,0.3);}
.Hnews .w1350 .right dd { color: #fff; }
.Hnews .w1350 .right dd a{ color: #fff; padding-left: 50px; position: relative; max-height: 48px; overflow: hidden;}
.Hnews .w1350 .right time{ color: rgba(255,255,255,0.5); display: inline-block; margin-right: 4%; position: absolute; left: 0; top: 0;}
*/
.Hpro{ background:url("../images/Hpro_bg.png") no-repeat left 50% #0496d8; padding: 3% 0 }
.Hpro .w1350{ position: relative;}
.Hpro .title{ position: absolute; width: 198px; left: 0; top: 0; text-align: right; color: #fff; font-size: 30px;}
.Hpro .title span{ font-size: 22px; font-family: 'Oswald', sans-serif; text-transform: uppercase; margin-top: 10%; display: block; }
.Hpro .list{ margin-left: 252px; position: relative; padding-left: 1%;}
.Hpro .list:before{ width: 100%; height: 3px; left: 0;content: '';top: 9px; background: rgba(255,255,255,0.2); border-radius: 5px;  position: absolute;}
.Hpro li a:before,
.Hpro li time:before{ content: ''; border-radius: 100%;}
.Hpro li a:before{ width: 20px; height: 20px; background: #fff; display: block;}
.Hpro li a{ display: block; margin-left: 21%;position: relative;}
.Hpro li time:before{ width: 10px; height: 10px; position: absolute; left: 5px; top: 5px; background: #0496d8;}
.Hpro li time{ font-size: 16px; margin: 15px 0; color: #fff; display: block;}
.Hpro li time span{ font-size: 31px; display: block; line-height: 32px;}
.Hpro li h3{ margin: 0; color: #fff; font-size: 16px;}
.Hpro li p{ margin: 0 0 5%; color: #fff;}
.Hpro li img{ width: 100%; display: block;}
.Hpro .slick-arrow{width: 58px;height: 58px;display: inline-block;background:url("../images/btn_icon4_l.png") no-repeat center #fff;border: none;padding: 0;position: absolute;left: -20%;top: 50%;font-size: 0; margin-left: 34px; margin-top: 18px; cursor: pointer;}
.Hpro .slick-next{ transform: rotate(180deg);margin-left: 92px;}
.Hpro .slick-arrow:hover{ background-image: url("../images/btn_icon_l.png"); background-color: #f0e200;}

.Hlink{ background: #f2f2f2; padding: 3% 0 0 ;}
.Hlink .w1350{ position: relative;  z-index: 10; background: #fff;}
.Hlink .title{ padding: 4% 4% 3% 5%; font-size:26px; color: #0496d8; overflow: hidden; }
.Hlink .title .btn{font-size: 0; float: right;}
.Hlink .title span{ display: inline-block; vertical-align: middle; }
.Hlink .title span.next{ transform: rotate(180deg);}
.Hlink .text{ font-size: 18px; font-family: 'Oswald', sans-serif; width: 40px; text-align: right;letter-spacing: 2px;}
.Hlink .slick-track{ margin-left: -1px;}
.Hlink li a{ padding-top: 50%; display: block; position: relative; overflow: hidden; border: 1px solid #e5e5e5; border-bottom: none; border-right: none;}
.Hlink li img{ position: absolute; max-height: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%); width: auto;}

.Hlink .slick-arrow{width: 30px;height: 30px;display: inline-block;background:url("../images/btn_icon4_l.png") no-repeat center;border: none;padding: 0; cursor: pointer;}
.Hlink .slick-dots{ position: absolute;list-style: none;top: -28.5%;right: 4.5%;margin-right: 50px; margin-top: 10px;}
.Hlink .slick-dots li{ display: none; font-size: 18px; font-family: 'Oswald', sans-serif; color: #0496d8;}
.Hlink .slick-dots li.slick-active{ display: block;}


.footer{ background: #f2f2f2; padding: 3% 0;}
.footer_bg{ background: #fff;}
.footer .w1350{}
.footer dl{ float: left; padding: 0 3%; position: relative; min-height: 126px;}

.footer dl:before,
.footer dl:after{ content: ''; position: absolute; top: 0; width: 1px; left: 0;}
.footer dl:before{ height: 100%; background: #dcdcde;}
.footer dl:after{ background: #0496d8; height: 22px; width: 2px;}
.footer dl.dl_nav{ width: 46%;}
.footer dl.dl_nav dt{ font-size: 26px; color: #0496d8; line-height: 28px; margin-bottom: 5%;}
.footer dl.dl_nav dt span{ font-size: 26px; display: block;}
.footer dl.dl_nav li{ display: inline-block; margin-right: 3%;}
.footer dl.dl_nav li a{ color: #666;}
.footer dl.dl_nav p{ margin: 0; color: #c0c0c0;}
.footer dl.dl_nav p a{ color: #c0c0c0;}
.footer dl.dl_tel{ width: 31%;}
.footer dl.dl_tel dt{ font-size: 15px; color: #0496d8; margin-bottom: 10%; font-weight: bold; margin-top: -5px;}
.footer dl.dl_tel dt span{ font-size: 34px; display: block; font-family: 'Oswald', sans-serif;}
.footer dl.dl_tel dd{ font-size: 16px; color: #666666;}
.footer dl.dl_code{ padding-right: 0; width: 23%; overflow: hidden;}
.footer dl.dl_code dt{ float: left; width: 60%;}
.footer dl.dl_code dt{ margin-top: -12px;}
.footer dl.dl_code dt a{ display: block; font-size: 16px; color: #666666; line-height: 40px;}
.footer dl.dl_code dt a:after{ content: '';  margin-left: 10%; width: 0; height: 0; vertical-align: middle; border: 5px solid transparent; border-left-color:#0496d8; margin-top: -2px; display: none; }
.footer dl.dl_code dt .on{ color: #0496d8;}
.footer dl.dl_code dt .on:after{ display: inline-block;}
.footer dl.dl_code dd{ text-align: right; width: 40%; float: right;}



.maincontent{ background: url("../images/content_bg.jpg") no-repeat center top #f2f2f2; padding-bottom: 3%; }
.Menu{ padding: 3.2% 0 3.2%;}
.Menu ul{ line-height: 31px;}
.Menu li{ float: left; margin:0 3% 0 0;}
.Menu li a{ color: #c2ecff; font-size: 18px;}
.Menu li a:hover,
.Menu li a.on{ color: #f0e200;}
.contentbg{ background: #fff; padding: 5%;}
.Ntitle{ font-size: 30px; color: #0788cd; line-height: 40px; font-weight: normal; margin: 0 0 5%; text-align: center;}

/*协会事迹*/
.history{ position: relative;}
.history .tempWrap{ margin:0 auto;}

.history .year{ position:relative; overflow:hidden; height:120px; margin:0 auto;}
.history .year ul{position:absolute; top:0; z-index:5}
.history .year li{ float:left; width:160px; text-align:center; height:90px; font-weight:bold; padding-top:15px; background:url(../images/history-a.png) no-repeat center top; }
.history .line{ height:4px; background-color:#EAEAEA; position:absolute; left:0; width:100%; top:26px;}
.history .year li.on{color:#fff; background-image:url(../images/history-aon.png); }
.history .prev,
.history .next{ position:absolute; background-image:url(../images/history-controls.png); background-repeat:no-repeat; top:16px; z-index:10;width: 14px;height: 23px; background-color:#fff;}
.history .prev{ left:0; background-position:0 bottom;}
.history .next{ right:0; background-position: right 0;}
.history .prev.prevStop{background-position: 0 0;}
.history .next.nextStop{background-position: right bottom;}
.history .prev.prevStop,
.history .next.nextStop{ cursor:default}

.history .infobox{ position:relative}
.history .bx-wrapper{ background: url("../images/history_bg.png") repeat-y center top;}
.history .infobox .list{ overflow: hidden; clear: both; }
.history .infobox .box{ float: left; width: 47%; position: relative; padding-right: 135px; text-align: right;}
.history .infobox .box time{ position: absolute; right: 0; top: 62px; color: #999999; font-size: 26px; line-height: 30px;}
.history .infobox .box time:before{ content: ''; width: 14px; height: 1px; display: inline-block; vertical-align: middle; background: #bebebe; margin-right: 20px; margin-top: -2px;}
.history .infobox .box i{ width: 39px; height: 39px; background: rgba(13,154,217,0.2); border-radius: 100%; position: absolute; right: -9.7%; top: 61px; display: none;}
.history .infobox .box i:before,
.history .infobox .box i:after{ position: absolute; content: ''; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 100%; }
.history .infobox .box i:before{width: 21px; height: 21px; background: rgba(26,159,218,0.2);}
.history .infobox .box i:after{ width: 9px; height: 9px; background: #1c9fdb;}
.history .infobox .box:nth-child(2n){ float: right; margin-top: 15%;}
.history .infobox .box .txt{ line-height: 28px; color: #888888; margin-top: 5%;}
.history .infobox .box:nth-child(2n){ padding-left: 135px; padding-right: 0; text-align: left;}
.history .infobox .box:nth-child(2n) time{ left: 0; width: 110px; }
.history .infobox .box:nth-child(2n) time:before{ position: absolute; right: 0; top: 50%; margin-top: 0; margin-right: 0;}
.history .infobox .box:nth-child(2n) i{ right: auto; left: -9.7%;}
.history .bx-controls a{ position: absolute; width: 37px; height: 37px; left: 50%; margin-left: -18px; background: url("../images/btn_icon_t.png") no-repeat center; top: 0; font-size: 0;}
.history .bx-controls a.bx-next{ top: auto; bottom: 0; transform: rotate(180deg);}
.history .bx-controls a:hover{ background-image: url("../images/btn_icon_t_hover.png");}
.history .infobox .list:hover time{ color: #1c9fdb;}
.history .infobox .list:hover i{ display: block;}
.history .infobox .bx-viewport .list {
	width: auto !important;
}

@media(max-width:1366px){
	.history .infobox .box time{ font-size: 18px;}
	.history .bx-controls{ display: none}
}



/*团队风采*/
.team_list{}
.team_list li{ width: 31.45%; margin-right: 2.8%; float: left; text-align: center; margin-bottom: 2%; font-size: 18px;}
.team_list li:nth-child(3n){ margin-right: 0;}
.team_list li figure{ padding-top: 77.5%;}

/*协会荣誉*/
.honor_list{}
.honor_list li{ width: 22.7%; margin-right: 3%; float: left; margin-bottom: 2%; text-align: center;}
.honor_list li:nth-child(4n){ margin-right: 0;}
.honor_list li .pic{ border: 1px solid #e5e5e5; padding: 8px;}
.honor_list li figure{ padding-top: 71%;}
.honor_list li a{ font-size: 16px; color: #666;}


/*党建动态*/
.news_list{ margin-top: -1.5%;}
.news_list li{ overflow: hidden; clear: both; border-bottom: 1px solid #e5e5e5; padding: 2.5% 3%;}
.news_list li figure{ float: left; width: 16%; overflow: hidden;}
.news_list li figure img{ width: 100%; transition: all 0.5s;}
.news_list li .txt{ float: right; width: 81.5%;}
.news_list li h3{ font-weight: normal; margin: 1.2% 0; font-size: 16px;}
.news_list li time{ color: #999999; font-weight: bold; display: block;}
.news_list li p{ color: #999999; line-height: 24px; margin: 1% 0 0; overflow: hidden; height: 48px;}
.news_list li a:hover img{ transform: scale(1.05);}


.submenu{ margin: -2.5% 0 2%;}
.submenu a{ display: inline-block; line-height: 48px; color: #fff; width: 20%; max-width: 168px; text-align: center; background: #999999; border-radius: 5px; margin-right: 15px; font-size: 16px; margin-bottom: 1%;}
.submenu a.on{ background: #0788cc;}
.submenu2 a{ min-width: 126px; width: auto; max-width: none; padding: 0 10px;}
/*家具展会*/
.exhibition_list{}
.exhibition_list li{ width: 31.45%; margin-right: 2.8%; float: left; text-align: center; margin-bottom: 5%; font-size: 18px; border-bottom: 1px solid #e5e5e5;}
.exhibition_list li:nth-child(3n){ margin-right: 0;}
.exhibition_list li figure{ padding-top: 77.5%;}

.exhibition_info{}
.exhibition_info .title{ position: relative; padding: 0 160px 2% 140px; margin-bottom: 5%;}
.exhibition_info .title figure,
.exhibition_info .title a{ position: absolute;}
.exhibition_info .title figure{ width:120px; height: 100%; left: 0; top: 0; }
.exhibition_info .title figure img{ position: absolute; left: 0; top: 0; max-height: 100%; max-width: 100%;}
.exhibition_info .title a{ width: 154px; background: #0788cd; text-align: center; color: #fff; line-height: 47px; border-radius: 5px; right: 0; top: 50%; margin-top: -24px;}
.exhibition_info .title a:before{ content:''; display: inline-block; vertical-align: middle; width: 20px; height: 20px; background: url("../images/icon_6.png") no-repeat center; margin-right: 5%;}
.exhibition_info .title h2{ font-size: 30px; color: #0788cd; line-height: 36px; margin: 0; padding: 1% 0; font-weight: normal;}
.exhibition_info .title p{ margin: 0; font-size: 16px; line-height: 30px;}
.exhibition_table{}
.exhibition_table table{ width: 62%; float: left; font-size: 16px; line-height: 30px;}
.exhibition_table table td{ font-size: 16px; vertical-align: top; padding-bottom: 5%;}
.exhibition_table table .name{color: #0788cd; width: 100px; display: block; font-size: 16px;}
.exhibition_table table p{ margin: 0;}
.exhibition_table .pic{ float: right; width: 33.5%;}
.exhibition_table .pic img{ margin-bottom: 5%;}


.Page002046 .Pages{ text-align:center; padding:5% 0 0;}
.Page002046 .Pages a{ display:inline-block; vertical-align:middle;border:1px solid #ececec; padding:0 15px; line-height:38px; color:#999; margin: 0 5px; font-family: 'Oswald', sans-serif; font-size: 18px;}
.Page002046 .Pages a:hover,
.Page002046 .Pages a.a_cur{ background-color:#0079c3; color:#fff;}
.Page002046 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle; overflow:hidden;}
.Page002046 .Pages em a{ float:left; margin-left:-1px;}
.Page002046 .Pages .p_cur,
.Page002046 .Pages .p_count,
.Page002046 .Pages .p_jump,
.Page002046 .Pages .p_total,
.Page002046 .Pages .a_prev,
.Page002046 .Pages .a_next,
.Page002046 .Pages .a_first,
.Page002046 .Pages .a_end{ display:none;}

/*最新动态*/
.news_list2{}
.news_list2 li{ margin-bottom: 3%;}
.news_list2 li a{ display: block; border: 1px solid #e3f6ff; padding: 1.5% 15% 1.5% 124px; box-shadow: 0 0 5px #e3f6ff; position: relative;}
.news_list2 li a *{ margin: 0;}
.news_list2 li time{ position: absolute; left: 2.5%; top: 50%; transform: translateY(-50%); text-align: center;  width: 64px; height: 64px; background: url("../images/time_bg.png") no-repeat center; font-family: Arial; color: #888888;}
.news_list2 li time b{ display: block; font-size: 26px; line-height: 30px; color: #0b99d9; padding-top: 11px;}
.news_list2 li a:after{ content: ''; position: absolute; right: 0; width: 9%; height: 80%; top: 10%; border-left: 1px solid #e5e5e5; background: url("../images/btn_icon2_l.png") no-repeat center;}
.news_list2 li h3{ font-size: 16px; color: #555555;}
.news_list2 li p{ color: #888888; height: 48px; overflow: hidden; margin-top: 5px;}
.news_list2 li a:hover{ border-color: #199eda;}
.news_list2 li a:hover:after{ background-image: url("../images/btn_icon2_hover_l.png");}

.news_list3 ol{ width: 30.33%; float: left; margin-right: 4.5%; margin-bottom: 3%;}
.news_list3 ol:nth-child(3){ margin-right: 0;}
.news_list3 ol img{ width: 100%;}
.news_list3 ol h3{ font-size: 20px; color: #0788cd; font-weight: normal; line-height: 26px; height: 52px; overflow: hidden; margin: 5% 0 3%;}
.news_list3 ol time{ color: #999999;}
.news_list3 ol p{ color:#666666; line-height: 22px; height: 44px; overflow: hidden; margin: 1% 0;}


.news_list3 li{ clear: both; overflow: hidden; border-top: 1px solid #e5e5e5; padding:1.5% 4% 1.5% 2%; line-height: 32px;}
.news_list3 li:last-child{border-bottom: 1px solid #e5e5e5;}
.news_list3 li a{ position: relative; padding-right: 15%; padding-left: 20px; display: block;}
.news_list3 li a:before{ content: ''; width: 3px; height: 3px; background: #0496d8; position: absolute; left: 0; top: 15px;}
.news_list3 li time{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #999999;}
.news_list3 li *{ margin: 0;}
.news_list3 li h3{ font-size: 16px; font-weight: normal;}
.news_list3 li p{ color: #999999;}

.news_info .title{ text-align:center; padding-bottom:20px;}
.news_info .title h1{ margin:0; padding-bottom:15px; font-size:24px; font-weight:normal;    color: #333;}
.news_info .title p{ margin:0; border-bottom:1px dashed #d2d2d2; padding-bottom:10px;}
.news_info .title p span{ margin:0 5px; color:#777;}

.service_table article{ margin-bottom: 5%;}
.service_table .pic{ float: right; width: 47%; text-align: right;}
.service_table .table{ float: left; width: 48%;}
.service_table .table li{ line-height: 48px; border: 1px solid #e8e8e8; border-radius: 5px; margin-bottom: 5.5%; padding-left: 57px; position: relative;}
.service_table .table li .text{ width: 100%; height: 48px; line-height: 48px; padding: 0 10px; background: none; border: none; font-size: 16px;}
.service_table .table li:before,
.service_table .table li:after{ content: ''; position: absolute;}
.service_table .table li:before{ width: 50px; height: 100%; background: url("../images/icon_1.png") no-repeat center center; left: 5px; top: 0;}
.service_table .table li:after{ width: 1px; height: 18px; background: #e8e8e8; top: 50%; transform: translateY(-50%); left: 57px;}
.service_table .table .name:before{ background-image: url("../images/icon_2.png");}
.service_table .table .pro:before{ background-image: url("../images/icon_3.png");}
.service_table .table .tel:before{ background-image: url("../images/icon_4.png");}
.service_table .table ol{ text-align: center;}
.service_table .table ol .btn{ display: inline-block; width: 25%; margin: 0 3%; background: #999999; color: #fff; font-size: 16px; border: none; line-height: 48px; height: 48px; border-radius: 5px; cursor: pointer;}
.service_table .table ol .btn_submit{ background: #0788cd;}


.member_list li{ width: 31.45%; margin-right: 2.8%; float: left; text-align: center; margin-bottom: 5%; font-size: 18px; border-bottom: 1px solid #e5e5e5;}
.member_list li:nth-child(3n){ margin-right: 0;}
.member_list li figure{ padding-top: 55.3%; background-size: auto;}
.member_list li a{ display: block; position: relative}

.member_list li h1{ font-size: 16px; font-weight: normal; text-align: center; color: #444 }

.member_list li dl{ padding: 10px 0; display: none; position: absolute; left: 0; top: 50%; width: 100%; z-index: 50}

.member_list li dd{   border-radius: 5px; background: #f1f1f1; font-size: 16px; color: #666; width: 100%; line-height: 30px; border: 1px solid #ededed; background: url("../images/icon_7.png") repeat; text-align: center; padding: 2% 1%; margin-bottom: 5px;}

.member_list li dd span{ display: block; font-size: 20px; color: #0788cc; margin-bottom: 1%;}
.member_list li a:hover dl{ display: block;}

.member_list2 li{ width: 49%; margin-right: 2%; float: left; padding-left: 35px; background: url("../images/icon_8.png") no-repeat left center; border-bottom: 1px solid #d6d6d6; font-size: 18px; color: #333333;}
.member_list2 li:nth-child(2n){ margin-right: 0;}
.member_list2 li a{ position: relative; display: block}



.member_list2 li h1{ font-size: 16px; font-weight: normal; text-align: center; color: #444 }
.member_list2 li dl{ padding: 10px 0; display: none; position: absolute; left: 0; top: 50%; width: 100%; z-index: 50 }


.member_list2 li dd{  border-radius: 5px; background: #f1f1f1; font-size: 16px; color: #666; width: 100%; line-height: 30px; border: 1px solid #ededed; background: url("../images/icon_7.png") repeat; text-align: center; padding: 2% 1%; margin-bottom: 5px;}

.member_list2 li dd span{ display: block; font-size: 20px; color: #0788cc; margin-bottom: 1%;}
.member_list2 li:hover dl{ display: block;}


@media(max-width:1024px){
	
	.member_list li dl,
	.member_list2 li dl{ width: 100%; height: auto; position: relative; left: 0 !important; top: 0 !important; display: block}
	.member_list li{ background: none; padding: 0; margin-bottom: 30px;}
	.member_list2 li{ background: none; padding: 0; margin-bottom: 30px;}
}





	/*游学观展*/
.study_list{ position: relative;}
.study_list li{ padding: 0 1%;}
.study_list li a{ font-size: 18px; border-bottom: 1px solid #e5e5e5; text-align: center; display: block;}
.study_list .slick-arrow{ position: absolute; left: -3.5%; top: 50%; margin-top: -50px; width: 44px; height: 44px; background: url("../images/btn_icon3_l.png") no-repeat center; border: none; font-size: 0; z-index: 101; cursor: pointer;}
.study_list .slick-next{ right: -3.5%; left: auto; background-image: url("../images/btn_icon3_r.png");}

.study_list li figure{ padding-top: 77.5%;}
.study_info{ max-width: 1000px; margin: 0 auto;}
.study_info .slider-for{ margin-bottom: 10px;}
.study_info .slider-for li{ padding: 0 0.14%;}
.study_info .slider-for figure{ padding-top: 78%; text-align: center; background-size: contain;}
.study_info .slider-nav li{ padding: 0.5%;}
.study_info .slider-nav li aside{ position: relative; width: 100%; padding-top: 78.8%; border: 1px solid transparent;}
.study_info .slider-nav li img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.study_info .slider-nav .slick-current aside{ border-color: #0788cd;}
.study_info .slick-arrow{ position: absolute; left: -8%; top: 50%; margin-top: -22px; width: 44px; height: 44px; background: url("../images/btn_icon3_l.png") no-repeat center; border: none; font-size: 0; z-index: 101; cursor: pointer;}
.study_info .slick-next{ right: -8%; left: auto; background-image: url("../images/btn_icon3_r.png");}

.contact_info .p,.contact_info .h2,{}
.contact_info .text{margin-bottom: 30px}
.contact_info .text .title{font-size: 30px;color: #e4e4e4;margin-bottom: 20px;}
.contact_info .text .p{font-size: 16px;color:#666;line-height: 38px; margin: 0; padding: 0;}
.contact_info .text .h3{ font-size: 24px; margin: 0 0 5%; font-weight: normal; color: #0788cd;}
.contact_info .map{width: 100%;height: 200px;}
.contact_info .map #map{height: 100%;}
.contact_info .map img{max-width: none !important;}

@media screen and (min-width: 768px) {
	.contact_info .text{float: left;width: 45%;}
	.contact_info .map{float: right;width: 50%;height: 260px;}
}

@media screen and (min-width: 1024px) {
	.contact_info{background: url(../images/RighInfo002275-contact_bg.png) no-repeat center;}
	.contact_info .map{float: right;width: 50%;height: 320px;}
	.contact_info .text .title{font-size: 52px;}
}

@media screen and (min-width: 1200px) {
	.contact_info .text .title{margin-bottom: 60px}
	.contact_info .map{width: 700px;height: 430px;}
	.contact_info .text{width: 40%;}
	.Menu{ min-height: 118px;}
}

/*加入我们*/
.join_info .list{ border:1px solid #e8e8e8; padding:0 3%; margin-bottom:15px;}
.join_info .job-title{ line-height:30px; padding:15px 0; font-size:16px; cursor:pointer; position:relative;}
.join_info .job-title i{ position:absolute; width:22px; height:22px; background:#0788cd; border-radius:50%; right:0; top:50%; margin-top:-11px;}
.join_info .job-title i::before,
.join_info .job-title i::after{ position:absolute; content:''; background:#fff;}
.join_info .job-title i::before{ left:20%; width:60%; height:2px; top:50%; margin-top:-1px;}
.join_info .job-title i::after{ left:50%; margin-left:-1px; width:2px; top:20%; height:60%;}
.join_info .job-title.select i::after{ display:none;}
.join_info .job-title.select{ color:#0788cd;}
.join_info .job-main{ display:none; padding:22px 0; border-top:1px dotted #e5e5e5;}
.join_info .job-email{ color:#0788cd; padding:30px 0;}


/*协会简介*/
.about_box{ font-size: 16px; line-height: 30px;}
.about_box .h3{ font-size: 30px; color: #0788cd; line-height: 40px; font-weight: normal; margin: 0 0 5%;}
.about_box .txt{ float: left; width: 62%;}
.about_box p{ margin: 0 0 4%;}
.about_box .pic{ float: right; width: 33.2%; margin-left:3%;}

/*超值秒杀*/
.overvalue_info{ background: #edeef0; border-bottom: 7px solid #0788cd; padding-bottom: 3%;}
.overvalue_info .p{ padding: 0 5%; font-size: 16px; color: #333333; line-height: 30px;}



@media(min-width:1351px){
	.Header .topNav li{margin-right: 2%;}
}
@media(min-width:1600px){
	.Header .topNav li{margin-right: 2%;}
}
@media(min-width:1900px){
	.Header .topNav li{margin-right: 4%;}
}
@media(max-width:1366px){
	.Hbanner .bx-controls{margin-right: -592px;}
}
@media(max-width:1350px){
	.Header{ padding-left: 2%; z-index: 108;}
	.Header .logo{ left: 2%;}
	.Header .topNav li{ font-size: 16px; margin-right: 4%;}
	.Hbanner .bx-controls{ right: 2%; margin-right: 80px; bottom: 0;}
	.Hnews .w1350{ margin-top: 0;}
	.Hpro .slick-arrow{ left: -234px;}
	.Hlink .slick-dots{ margin-top: 8px;}
	.study_info .slick-prev{left: -4%;}
	.study_info .slick-next{ right: -4%}
}
@media(max-width:1200px){
	.Header .topNav li{ margin-right: 3%;}
	.Hlink .slick-dots{ margin-top: 5px;}

}
@media(max-width:1024px){
	.Header .logo{ position: static; padding: 2% 0; transform: none;}
	.Header .search{ right: 40px;}
	.Header .search:before{ display: none;}
	.NYbanner .wapImg,
	.Hbanner .wapban{ display: block;}
	.Hbanner .pcban,
	.NYbanner .pcImg{ display: none;}
	.Header #open_menu{ width:40px; height:30px; z-index:101; transition:background 0.3s; right: 0; top: 50%; margin-top:-15px; display: block; position: absolute;}
	.Header #open_menu i,
	.Header #open_menu i::before,
	.Header #open_menu i::after{ background:#0496d8; border-radius:3px; position: absolute;}
	.Header #open_menu i::before,
	.Header #open_menu i::after{ left:0; width:100%; height:100%; content:'';transition:transform 0.3s;}
	.Header #open_menu i::before{ top:6px;}
	.Header #open_menu i::after{top:-6px;}
	.Header #open_menu i{ left:20%; width:60%;height:2px; margin-top:-1px; top: 50%;}
	.Header #open_menu.open_menu_on i{height:3px; margin-top:-1.5px;}
	.Header #open_menu.open_menu_on i{ background:none !important;}
	.Header #open_menu.open_menu_on i::before,
	.Header #open_menu.open_menu_on i::after{  top:0 !important;}
	.Header #open_menu.open_menu_on i::before{ transform:rotate(45deg);}
	.Header #open_menu.open_menu_on i::after{ transform:rotate(-45deg);}
	.Header .topNav{ display: none; width: 30%; position: absolute; right: 0; top: 100%; transform: translateX(100%); transition: all 0.4s; text-align: center; padding: 0; float: none; min-width: 300px; z-index: 200;}
	.Header .header-menu-show{ display: block; background: #fff; z-index: 105; transform: translateX(0);}
	.Header .topNav li{ float: none; padding: 0; margin: 0; line-height: 48px;}
	.Header .topNav li.li_sub:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 48px; z-index: 5;}
	.Header .topNav .sub{ transform: none; position: relative; width: 100%; left: 0; padding: 2% 0;}
	.Hlink .slick-dots{ margin-top: 0;}
    .member_list li figure{ background-size: contain;}

}
@media(max-width:768px){
	.Hpro .list{ margin-left: 210px;}
	.Hpro li a{ margin-left: 10%;}
	.Hpro .slick-arrow{ left: -190px;}
	.Hlink .slick-dots{ margin-top: 5px; right: 6%;}
	.footer dl{ padding: 0 1.5%;}
	.footer dl.dl_nav dt{ font-size: 20px;}
	.footer dl.dl_nav dt span{ font-size: 18px;}
	.footer dl.dl_tel dt span{ font-size: 22px;}
	.footer dl.dl_tel{ width: 25%;}
	.footer dl.dl_code{ width: 29%;}
	.team_list li{ font-size: 16px;}
	.honor_list li{ width: 49%; margin-right: 2%;}
	.honor_list li:nth-child(4n){ margin-right: 2%;}
	.honor_list li:nth-child(2n){ margin-right: 0;}
	.news_list li figure{ width: 25%;}
	.news_list li .txt{ width: 72%;}
    .news_info .title h1{ font-size: 18px;}
    .member_list2 li{ width: 100%; float: none; margin-right: 0; font-size: 16px;}

}
@media(max-width:640px){
	.Header .logo{ width: 66%; padding: 3% 0;}
	.Hbanner .bx-pager{ line-height: 30px;}
	.Hbanner .bx-controls{ margin-right: 30px;}
	.Hbanner .bx-controls-direction a{ width: 30px; height: 30px; left: -30px;}
	.Hnews .title{ font-size: 20px;}
	.Hnews .w1350 .left,
	.Hnews .w1350 .right{ width: 100%; float: none;}
	.Hnews .w1350 .left ul{ height: auto; padding-left: 0;}
	.Hnews .w1350 .left ol{ position: static; width: 100%; margin-bottom: 5%;}
	.Hnews .w1350 .left ol h3{ font-size: 16px;}
	.Hpro .title{ position: static; margin: 0 auto; text-align: center; font-size: 22px;}
	.Hpro .title span{ font-size: 18px; margin-top: 5%;}
	.Hpro .list{ margin-left: 0;}
	.Hpro .slick-arrow{ left: 0; z-index: 101; width: 30px; height: 30px; margin-left: 0; margin-top: -15px;}
	.Hpro .slick-next{ left: auto; right: 0;}
	.Hpro li a{ margin: 0 10%;}
	.Hpro li time span{ font-size: 24px;}
	.Hlink .title{ padding: 15px 4% 15px 5%; font-size: 20px;}
	.Hlink .slick-dots{ top: -47px; right: 7%}
	.footer dl.dl_nav,
	.footer dl.dl_tel,
	.footer dl.dl_code{ width: 100%; float: none; margin-bottom: 2%; padding: 0 5%;}

	.history .infobox .list .box{ width: 100%; padding-left: 50px; padding-right: 0; text-align: left; float: none; margin-bottom: 15%;}
	.history .bx-wrapper{ background-position: left top;}
	.history .infobox .list .box time{ position: relative; top: 0; margin-bottom: 4%; display: block;}
	.history .infobox .list .box:nth-child(2n){ float: none; padding-left: 50px; margin-top: 0;}
	.history .infobox .list .box:nth-child(2n) time:before{ position: static; margin-right: 10px;}

	.team_list li{ width: 49%; margin-right: 2%;}
	.team_list li:nth-child(3n){ margin-right: 2%;}
	.team_list li:nth-child(2n){ margin-right: 0;}
	.news_list li figure,
	.news_list li .txt{ width: 100%; float: none;}
	.news_list2 li a{ padding-right: 3%; padding-left: 85px;}
	.news_list2 li a:after{ display: none;}
	.news_list2 li h3{ font-size: 14px;}
	.news_list2 li p{ margin: 0;}

	.news_list3 ol{ width: 100%; float: none; margin-right: 0; margin-bottom: 5%;}
	.news_list3 ol h3{ font-size: 16px; height: auto; max-height: 52px;}
	.news_list3 li a{ padding-right: 0; line-height: 24px;}
	.news_list3 li time{ position: static;}
    .member_list li{width: 100%; float: none; margin-right: 0;}
    .member_list li dd,
    .member_list2 li dd{ position: static; transform: none; display: block; margin-top: 2%;}

	.exhibition_list li{ width: 100%; float: none; margin-right: 0;}
	.exhibition_table table,
	.exhibition_table .pic,
	.service_table .pic,
	.service_table .table{ float: none; width: 100%;}
	.service_table .table{ margin: 5% 0;}
	.exhibition_info .title{ padding-right: 0;}
	.exhibition_info .title a{ position: static; margin-top: 2%; display: block;}
	.exhibition_info .title h2{ font-size: 20px;}

	.submenu a{ width: auto; padding: 0 10px;}


	.Ntitle,
	.about_box .h3{ font-size: 20px; line-height: 28px;}
	.about_box .pic,
	.about_box .txt{ float: none; width: 100%;}


}



.maincontent .w1350 .download dl{background: #0788cd;  padding: 4% 2%; position: fixed; top: 10%; left: 25%; width: 50%;}
.maincontent .w1350 .download dt{ color: #fff; font-size: 20px; margin-bottom: 6%;}
.maincontent .w1350 .download dd{ padding: 2% 0;    border-bottom: 1px solid #ccc;}
.maincontent .w1350 .download .H_more{ border-color: rgba(255,255,255,0.3);
    float: right;
    width: 24px;
    height: 24px;
    border: 1px solid red;
    color: red;
    position: relative;
    border-radius: 50%;
	transform: rotate(60deg);
}
.maincontent .w1350 .download .H_more:after,
.maincontent .w1350 .download .H_more:before{ background: red;}
.maincontent .w1350 .download dd a{ color: #fff; display: block; padding-left: 50px; position: relative; max-height: 48px; overflow: hidden;}
.maincontent .w1350 .download time{ color: rgba(255,255,255,0.5); display: inline-block; margin-right: 4%; position: absolute; left: 0; top: 0;}

.back{ background:#0496d8; display:block; width:10%; margin:5% auto 0; font-size:16px; color:#fff; padding:1% 0; text-align:center;}
.back:hover{ color:#fff;}
@media(max-width:1024px){
	.back{width: 100%;}
}