/* basic-css */
/* 基本元素重置 */

*{margin:0px; padding:0px;}
body,html{font-size:14px; font-family:"microsoft yahei",simsun,simhei; color:#333; }
img{border:0px;}
a{text-decoration:none; color:#404242; outline:none;}
a:hover{ color:#0056a9}

li,dl,dt,dd{list-style-type:none;}
input,textarea,select,option,em,h1,h2,h3,h4,h4,h6,strong,span,li,dl,dt,td{font-size:12px;}
h1,h2,h3,h4,h5,h6,em,i{font-style:normal; font-weight:400; outline:none;}
body{ background-image:url(/uploads/image/thimages/bg.jpg); background-repeat:no-repeat; background-size:cover}

/* 重用类样式 */
.f_l{float:left !important;}
.f_r{float:right !important;}
.no_margin{margin:0px !important;}
.no_border{border:0px !important;}
.no_bg{background:none !important;}
.clear_both{clear:both !important;}
.display_block{display:block !important;}
.text_over{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -moz-binding: ;}
.m_top20{ margin-top:15px}
.m_left20{ margin-left:15px}
.font16{ font-size:16px}
.padd20{ padding-bottom:20px;}

/* 重用自定义样式 */
.w_100{width:100%;}
.w_95{width:95%;}  

@media (min-width:1200px){
html {width:100%;}
}
@media (max-width:1200px){
html {width:1200px;}
}

.w_min_width{min-width:1400px;}
.w_1400{ width:1200px; margin:0 auto}
.w_1400bg{width:1200px; background:#fff;  margin:0 auto; }
.w_1360{width:1170px;  padding:0 15px;margin:15px auto 0 auto;  display:inline-block;}
.w_1067{width:1067px;}
.w_980{width:980px;}


/*banner*/
.swiper-container {
	height: 500px;
	overflow: visible;
}

.pagination {
	position: absolute;
	left: 0;
	text-align: center;
	bottom: 15px;
	width: 100%;
}

.swiper-pagination-switch {
	display: inline-block;
	width: 16px;
	height: 16px;
	font-size: 0;
	line-height: 20px;
	text-align: center;
	cursor: pointer;
	transition: width .8s; border-radius:8px;margin:0 5px
}

.swiper-pagination-switch:before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 2px;
	background: rgba(102, 102, 102, .5);
	vertical-align: middle;
	transition: width .8s, background-color .8s;
	box-shadow: 0 3px 6px 0 rgba(33, 39, 81, 0.20);border-radius:8px; margin:0 5px
}

.swiper-active-switch:before {
	background: #fff;
	box-shadow: 0 3px 6px 0 rgba(250, 250, 250, .5);
}

.swiper-slide {
	position: relative;
	opacity: 0;
	transition: opacity 0.7s ease-in-out;
	overflow: hidden;
}

.swiper-slide-active {
	opacity: 1;
}

.swiper-slide .img {
	position: absolute;
}

.inner {
	position: relative;
	display: block;
	width: 1180px;
	height: 500px;
	margin: 0 auto;
}

.banner-text {
	position: absolute;
	left: 0;
	bottom: 150px;
	z-index: 999;
}

.banner-text h3 {
	margin-bottom: 10px;
	font-size: 24px;
	color: #333333;
	line-height: 36px;
}

.banner-text em {
	font-style: normal;
	color: #e41e2b;
}

.banner-text h2 {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 48px;
	color: #333333;
	line-height: 60px;
}

.banner-text p {
	margin-top: 10px;
	font-size: 18px;
	color: #333333;
	line-height: 22px;
}

.banner-text .btn-primary {
	box-shadow: 0 10px 20px 0 rgba(239, 35, 54, 0.20);
	margin-top: 30px;
	height: 40px;
	line-height: 38px;
	padding: 0 30px;
	font-size: 18px;
	color: #fff;
	background-color: #e41f2b;
	display: inline-block;
}

.slide1 {
	background: url(/uploads/image/thimages/banner.jpg) no-repeat center center;
}

.slide2 {
	background: url(/uploads/image/thimages/banner2.jpg) no-repeat center center;
}

.slide3 {
	background: url(/uploads/image/thimages/banner3.jpg) no-repeat center center;
}

.slide4 {
	background: url(/uploads/image/thimages/bg-pc4.jpg) no-repeat center center;
}

.slide5 {
	background: url(/uploads/image/thimages/bg-pc5.jpg) no-repeat center center;
}

.slide1 .img1 {
	right: 590px;
	bottom: 110px;
	z-index: 9;
	position: absolute;
}

.slide2 .img1 {
	right:300px;
	top: 160px;
	z-index: 9;
	position: absolute;


}
.slide2 .img2 {
	right: 300px;
	top: 220px;
	z-index: 9;
	position: absolute;
}
.slide2 .img3 {
	right: 100px;
	bottom: 50px;
	z-index: 9;
	position: absolute;
}



.slide3 .img1 {
	right: 280px;
	top: 180px;
	z-index: 9;
	position: absolute;
}

.slide3 .img2{
	right: 280px;
	top: 240px;
	z-index: 9;
	position: absolute;
}

.slide3 .img3 {
	right: 280px;
	top: 300px;
	z-index: 9;
	position: absolute;
}
.slide3 .img4 {
	right: 280px;
	top: 360px;
	z-index: 9;
	position: absolute;
}

/* left */
.headtop{ position:relative; width:1200px; margin:0 auto}
.logo{width:210px;padding-top:27px; position:absolute; z-index:999}
.data{width:310px;margin-top:30px; position:absolute; z-index:999; right:0; color:#fff; font-size:14px;}
.data span{ margin-left:10px;}
.data span a{ color:#fff}
/* right */
.top{width:100%;}

/* header */
.head{ background:#0056a9; height:56px; border-bottom:solid 2px #cfcecd;}
#menu6 {

	font-size: 16px;
	
	width: 100%;
	height: 56px;
	

	display: block;
	line-height: 1
}
#menu6 h1, #menu6 ul, #menu6 p, #menu6 img {
	margin: 0;
	padding: 0;
	border: 0
}

#menu6 ul {
	list-style: none
}
#menu6 a {
	text-decoration: none;
	color: #fff
}
#menu6 .menu-label {
	
	 color:#fff
}
#menu6 .menu-top>li {
	float: left;
	position: relative;
	text-align: center;
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-ms-transition: background-color .2s;
	-o-transition: background-color .2s;
	transition: background-color .2s
}
#menu6 .menu-top>li:hover {
	background-color: #0056a9;
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-ms-transition: background-color .2s;
	-o-transition: background-color .2s;
	transition: background-color .2s
}

#menu6 .menu-button {
	display: block;
	line-height: 56px;
	padding: 0 44px;
	color: #d0d0d0;
	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	-ms-transition: color .2s;
	-o-transition: color .2s;
	transition: color .2s;
	
}
#menu6 li:hover .menu-button {
	color: #0056a9;
	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	-ms-transition: color .2s;
	-o-transition: color .2s;
	transition: color .2s
}
#menu6 li{ background:url(/uploads/image/thimages/menuline.jpg) no-repeat right}
#menu6 li:last-child{ background:none}
#menu6 .menu-drop .menu-label {

	background:  no-repeat right;
	-webkit-transition: background .2s;
	-moz-transition: background .2s;
	-ms-transition: background .2s;
	-o-transition: background .2s;
	transition: background .2s
}
#menu6 li:hover .menu-drop .menu-label {
	background:  no-repeat right;
	-webkit-transition: background .2s;
	-moz-transition: background .2s;
	-ms-transition: background .2s;
	-o-transition: background .2s;
	transition: background .2s
}
#menu6 .menu-dropdown {
	
	background-color: #034e97;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-ms-border-radius: 0 0 5px 5px;
	-o-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px; width:130px; text-align:center;
	position: absolute;
	 left: -5000px;
	opacity: 0;
	z-index: 100; margin-left:10px;
}
#menu6 li:hover .menu-dropdown {
	left: 0;
	opacity: 1;
	-webkit-transition: opacity .2s;
	-moz-transition: opacity .2s;
	-ms-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s
}
#menu6 .menu-right:hover .menu-dropdown {
	left: auto;
	right: 0
}
#menu6 .menu-sub {
	margin: 10px 0
}
#menu6 .menu-sub li {
	white-space: nowrap;
	-webkit-transition: background-color .1s;
	-moz-transition: background-color .1s;
	-ms-transition: background-color .1s;
	-o-transition: background-color .1s;
	transition: background-color .1s; background:none; 
}
#menu6 .menu-sub li:hover {
	background: #0056a9;
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-ms-transition: background-color .2s;
	-o-transition: background-color .2s;
	transition: background-color .2s
}
#menu6 .menu-subbutton {
	display: block;
	padding: 10px 20px;
	line-height: 1.3;
	color: #fafafa;
	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	-ms-transition: color .2s;
	-o-transition: color .2s;
	transition: color .2s;
}
#menu6 .menu-sub li:hover .menu-subbutton {
	color: #e0e0e0;
	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	-ms-transition: color .2s;
	-o-transition: color .2s;
	transition: color .2s
}







/*图片新闻*/
#slidebox {
	width:500px;
	height:350px;
	overflow:hidden;
	position:relative; float:left;
	
}
#slidebox ul#show_pic {
	list-style:none;
	height:350px;
	width:5000px;
	position:absolute; 
}
#slidebox ul#show_pic li {
	float:left;
	margin:0;
	padding:0;
	height:285px;
}
#slidebox ul#show_pic li img {
	display:block;
}
#iconball {
	position:absolute;
	bottom:0;
	right:0;
}
#iconball li {
	float:left;
	color:#7a7a7a;
	width:32px;
	height:28px;
	line-height:28px;
	cursor:pointer;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	padding-top:4px;
}

#iconball li.active {
	background:url(/uploads/image/thimages/iconbg.png) no-repeat;
	color:#fff;
}
#slidetext {
	width:500px;
	height:28px;
	background:rgba(0, 0, 0, 0.7);
	color:#fff;
	position:absolute;
	left:0px;
	bottom:0px;
*background:transparent;
filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#b2000000, endcolorstr=#b2000000);
}
#textball {
	position:absolute;
	left:10px;
	bottom:3px;
}
#textball li {
	float:left;
	cursor:pointer;
	display:none;
	color:#fff;
	font-size:14px;
}
#textball li.active {
	display:block;
}
#textball li a {
	text-decoration:none;
	color:#fff;
}

/*商会新闻*/
.index_news_title{ width:100%; background:#f2f2f2; display:inline-table; height:36px; line-height:36px;}
.index_news_title h1{ display:inline-table; font-size:16px; font-weight:bold; color:#fff;background:#0056a9; padding:0 15px; line-height:36px;}
.index_news_title a{ float:right; font-size:14px; padding-right:10px; }

.index_news_shxw{ width:405px; height:350px; float:left; margin-left:15px;}
.index_news_shxw2{ width:242px; height:350px; float:right;}

.list_news{ width:100%; float:left}
.list_news li{ border-bottom:dotted 1px #999; float:left; width:100%; padding:10px 0; font-size:14px;}
.list_news a{ float:left; background:url(/uploads/image/thimages/ico.jpg) no-repeat left; padding-left:12px}
.list_news span{ float:right}

.list_news2{ width:100%; float:left; margin-top:10px}
.list_news2 li{ border-bottom:dotted 1px #999; float:left; width:100%; padding:9px 0; font-size:14px;}
.list_news2 a{ float:left; background:url(/uploads/image/thimages/ico.jpg) no-repeat left; padding-left:12px}
.list_news2 span{ float:right}


/*通知公告*/
#div1 {
	height:240px;
	overflow:hidden;}

/*商会简介*/
.index_about{ float:right; width:242px; height:356px; overflow:hidden}
.index_about_logo{ text-align:center; font-size:20px; font-weight:bold; color:#0056a9}
.index_about_txt{ color:#fff; background:#0056a9; padding:10px; line-height:1.8; margin-top:20px; font-size:14px; height:143px; overflow:hidden}


/*党建宣传*/
.index_news_djxc{ width:292px; height:376px; float:left; overflow:hidden; border:solid 1px #eeeeee; }
.index_news_content{ padding:0 10px 10px 10px;}
.news_top{ margin-bottom:10px;}
.news_top h2{ font-size:14px; font-weight:bold; color:#000; margin-top:12px;}
.news_top h2 a{ background:url(/uploads/image/thimages/ico2.jpg) no-repeat left; padding-left:12px;}
.news_top h3{ font-size:12px; color:#666; margin-top:10px; line-height:1.5}


/*会长致辞*/
.index_hz{ float:left; width:240px;height:377px;overflow:hidden; border:solid 1px #eeeeee;}
.index_hz_logo{ text-align:center; font-size:20px; font-weight:bold; color:#0056a9; height:220px; padding-top:10px}
.index_hz_txt{ color:#fff; background:#0056a9; padding:10px; line-height:1.8; margin-top:10px; font-size:14px; height:123px; overflow:hidden}

.ad{ width:100%; height:245px; background:url(/uploads/image/thimages/adbg.jpg) no-repeat center; text-align:center}
.ad h1{ font-size:36px; font-weight:bold; color:#fff; display:block;float:left; text-align:center; width:100%; margin-top:30px; } 
.ad h2{ font-size:26px; font-weight:bold;color:#fff;display:block; margin-top:20px; float:left; text-align:center; width:100%} 
.ad h3{float:left; text-align:center; width:100%;margin-top:40px}
.ad h3 a{ color:#a5cbf0; font-size:18px; padding:10px 30px; border:solid 1px #a5cbf0; margin:0 15px;}


.ad2{ width:100%;  background:url(/uploads/image/thimages/adbg2.jpg) no-repeat center;  padding-bottom:10px; }
.ad2_left{ float:left; color:#fff; font-size:26px; font-weight:bold;background: url(/uploads/image/thimages/adbg3.png); height:242px; line-height:242px; margin-top:5px; width:160px; text-align:center;border-radius:5px}
.ad2_right{ width:1000px; float:right;color:#fff}
.ad2_right a{ color:#fff;font-size:14px; padding:10px 0; width:190px; margin:0 15px; float:left; text-align:center; margin:5px 5px; background: url(/uploads/image/thimages/adbg3.png); border-radius:5px }

.ad2_right a img{ width:30px; margin-bottom:5px;}

/*实时矿价*/
.index_sskj{ width:250px; height:250px;  border:solid 1px #eeeeee;}
.index_sskj_title{ background:#f2f2f2; line-height:36px; font-size:16px;}
.index_sskj_title p{ width:106px; text-align:center; background:#0056a9; color:#fff}
.index_sskj a{ background:url(/uploads/image/thimages/link.png) no-repeat 12px 12px #66c322; display: block; padding:13px 0 13px 45px; font-size:14px;; margin:20px 15px; color:#fff}
.index_sskj_left img{border:solid 1px #eeeeee; margin-top:15px; width:250px; height:110px;}
.index_sskj a:nth-child(3){ background:url(/uploads/image/thimages/link.png) no-repeat 12px 12px #ffbe00;}
.index_sskj a:nth-child(4){ background:url(/uploads/image/thimages/link.png) no-repeat 12px 12px #e40129;}


/*挂牌动态*/
.index_news_gpdt{ width:313px; height:377px; float:left; overflow:hidden; border:solid 1px #eeeeee; }

.index_news_gpdt2{ width:277px; height:377px; float:left; overflow:hidden; border:solid 1px #eeeeee; }
.index_news_gpdt3{ width:240px; height:377px; float:left; overflow:hidden; border:solid 1px #eeeeee; }

/*会员风采*/
.index_hyfc{width:240px;height:310px; margin-top:15px;}
.list_hy{ width:100%; }
.list_hy li{ float:left; text-align:center; margin-bottom:10px}
.list_hy li img{ width:116px; height:100px; margin-bottom:5px;}
.list_hy li:nth-child(2n 0){ float:right}


/*底部*/
.foot{ height:300px; background:url(/uploads/image/thimages/footbg.jpg)}

.link{ padding-top:30px;}
.link span{ font-size:16px; color:#fff}
.link select{ font-size:14px; margin-right:10px; width:165px; height:30px; padding:0 10px; }

.copright{ margin-top:30px; text-align:center; font-size:14px; color:#fff; line-height:2.5}
.copright a{ color:#fff}


/*--------------------内页---------------------*/
.main{ width:820px; float:right;  border:solid 1px #eeeeee;; min-height:500px; padding:20px;}

.main_title{ width:100%; border-bottom:solid 2px #0056a9; padding-bottom:12px; display:inline-table}
.main_title h1{ display:inline-table; font-size:16px; font-weight:bold; color:#000;}
.main_title span{ float:right; margin-top:5px}

.main .content{ padding-top:20px; line-height:2; font-size:14px;}
.main .content img{ max-width:100%}

/*二级栏目*/
.submenu{ width:290px;  border:solid 1px #eeeeee; margin-bottom:20px;}
.submenu_title{ background:#f2f2f2; line-height:36px; font-size:16px;}
.submenu_title p{ width:106px; text-align:center; background:#0056a9; color:#fff}
.submenu a{ background:url(/uploads/image/thimages/ico2.png) no-repeat 12px 16px #eee; display: block; padding:10px 0 10px 25px; font-size:14px;; margin:10px 15px; color:#000}
.submenu a:hover{ background:url(/uploads/image/thimages/ico3.png) no-repeat 12px 16px #0056a9; color:#fff}

.n_news{ width:290px;  border:solid 1px #eeeeee; margin-bottom:20px; float:left}
.n_news_title{ background:#f2f2f2; line-height:36px; font-size:16px; float:left; width:100%}
.n_news_title p{ width:106px; text-align:center; background:#0056a9; color:#fff; float:left}
.n_news_title a{ float:right; font-size:12px; padding-right:10px;}
.n_news_content{ padding:5px 15px 20px 15px; float:left}

.list_news3{ width:100%; float:left;}
.list_news3 li{ border-bottom:dotted 1px #999; float:left; width:100%; padding:10px 0; font-size:14px;}
.list_news3 a{ float:left; background:url(/uploads/image/thimages/ico.jpg) no-repeat left; padding-left:12px}
.list_news3 span{ float:right}

.page{ width:100%; text-align:center; padding-top:40px; float:left}

.index_sskj2{ width:290px; height:250px;  border:solid 1px #eeeeee; float:left}

.index_sskj2 a{ background:url(/uploads/image/thimages/link.png) no-repeat 12px 12px #66c322; display: block; padding:13px 0 13px 45px; font-size:14px;; margin:20px 15px; color:#fff}
.index_sskj2_left img{border:solid 1px #eeeeee; }
.index_sskj2 a:nth-child(3){ background:url(/uploads/image/thimages/link.png) no-repeat 12px 12px #ffbe00;}
.index_sskj2 a:nth-child(4){ background:url(/uploads/image/thimages/link.png) no-repeat 12px 12px #e40129;}

.left{ width:292px; float:left}

.news_title{ width:100%; text-align:center; font-size:20px; font-weight:bold}
.news_title span{ font-size:20px; font-family:"楷体"}
.news_date{ width:100%; text-align:center; color:#888; padding:20px 0}
.news_next{ padding-top:40px;}


.list_pic{}
.list_pic li{ float:left; padding:8px; text-align:center;}
.list_pic li img{ width:257px; height:180px;}


/*messages*/
.messages{padding:15px 0; width:900px; }
.messages input,.messages select,.messages textarea{margin:0;padding:0; background:none; border:0; font-family:"microsoft yahei";}
.messlist {height:30px;margin:15px 0; width:100%; float:left}
.messlist span{ color:#ff0000; padding-right:5px; font-size:14px;}
.messlist label{float:left;width:100px; height:40px; font-size:14px; line-height:40px; text-align:right;padding-right:10px;}
.messlist input{float:left;width:605px;height:40px;padding-left:5px;border:#ccc 1px solid; }
.messlist.textareas{ height:auto;}
.messlist textarea{float:left;width:600px; height:110px;padding:5px;border:#ccc 1px solid;}
.messlist.yzms{ margin-bottom:30px;}
.messlist.yzms input{width:100px;}
.messlist.yzms .yzmimg{ float:left;margin-left:10px;}
.messsub{padding:0px 0 0 110px;}
.messsub input{width:100px; height:40px; background:#ddd; font-size:14px; font-weight:bold; cursor:pointer;margin-right:5px}
.messsub input:hover{ background:#f60;color:#fff;}




/*会员风采*/

.indexhyfc{ width:1168px; height:235px;  border:solid 1px #eeeeee; float:left;}
.indexhyfc_title{ background:#f2f2f2; line-height:36px; font-size:16px;}
.indexhyfc_title p{ width:106px; text-align:center; background:#0056a9; color:#fff}

.listhypic{}
.listhypic li{ float:left; text-align:center; padding:0 5px; line-height:2}
.listhypic li img{ height:150px}
#marquee1{width:1168px;height:180px;overflow:hidden;margin:10px auto 0;}



.pagebar{ width:100%; float:left; margin-top:20px; margin-bottom:10px;}
.pagebar .pagination2 {
text-align:center;

  margin-top: 10px;
}
.pagination2 a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 14px;
  padding: 8px 12px;
  margin: 0 5px;
  border-radius: 3px;
}
.pagination2 span {
    color: #333;
    font-size: 14px;
    padding: 8px 2px;
    margin: 0 5px;
    border-radius: 3px;
}
.pagination2 a:hover {
  color: #0056a9;
  border: 1px solid #0056a9;
}
.pagination2 a.page-num-current {
  color: #fff;
  background: #0056a9;
  border: 1px solid #0056a9;
}