@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, select{margin: 0;padding: 0;border: 0;}
table{ border-collapse:collapse;}
th,td{ border:1px solid #ededed; padding:5px;}
body{  color:#555; font-family:"微软雅黑"; font-size:14px; margin:0 auto; overflow-x:hidden;/* padding-bottom:500px; */ }
img,a, u{border:0; text-decoration:none !important; outline:none}
ol, ul {list-style: none; } 
a{color:#555; text-decoration:none;}
a:hover{  text-decoration:none;}
*{ margin:0; padding:0;} 
.container{ width:1200px; margin:0 auto;}
.clears{ clear:both;} 
.posr{ position:relative}
input,textarea,select{ font-family:"微软雅黑"}
.textcent{ text-align:center}
.textleft{ text-align:left}
.textright{ text-align:right}
.fr{ float:right !important}
.fl{ float:left !important; }  
.bgfff{ background:#fff}
.bgf5{ background:#f5f5f5}
/*input[type=submit],input[type=button],select{-webkit-appearance:none;appearance:none;-moz-appearance:none;}*/


.meun-left { background: #fafafa; position: fixed; top: 0; left: 0; z-index: 1000; width: 18%; height: 100%; }
.logo { text-align: center;/*	padding-top: 30px;*/ width: 90%; margin: 0 auto ; }
.logo img { max-width: 100% }
.menus { width: 100%; margin: 0 auto; }
.menus dd { line-height: 2.7; margin-bottom:5px; }
.menus dd a { color: #555; font-size: 15px; display: block;  }
.menus dd.active,.menus dd:hover{ background: url(../images/nav_bg.jpg) center; background-size:cover;}
.menus dd.active a,.menus dd:hover a{ color:#fff;}
.menus dd a i{ width:70px; margin:0 auto; font-style:normal; display:block}

.menus dd { position:relative}
.two-menu{ width:130px; display:none; position:absolute; left:100%; top:0; background:#B79858}
.two-menu li{ text-align:center}
.two-menu li a{ color:#fff}
.menus dd:hover .two-menu{ display:block}

.switch { width: 73%; margin: 40px auto 0; color: #c31a1f; }
.switch a { color: #c31a1f; padding: 0 5px }
.menu-foot { background:#fafafa; color: #888; text-align:center; font-size: 12px; position: absolute; width: 80%; left: 10%; top: 510px; bottom: 0; padding-bottom:30px; line-height: 1.7 }
.menu-foot .line{ border-bottom:1px solid #D6D6D6; margin-bottom:10px; padding-bottom:10px;}
.menu-foot .line img{ margin:0 3px; max-width:25%}
.menu-btn { display: none; width: 45px; height: 45px; background: url(../images/menu1.jpg) center no-repeat; position: fixed; z-index: 999999; top: 20px; right: 20px; }
.menu-btn2 { background-image: url(../images/menu2.jpg)}
.menu_bg{ background: url(../images/black5.png); position:fixed; top:0; left:0; width:100%; height:100%; z-index:15; display:none}

.content{ padding-left:18%; position:relative; z-index:10}


.home_news,.home_pick{ width:34%;/* margin:0 1.5%; */float:left; margin-bottom:50px;}
.home_title{ overflow:hidden; border-bottom:1px solid #E8E8E8; padding:15px 0; background:url(../images/line.png) center left no-repeat; padding-left:10px; margin-top:50px; margin-bottom:10px;}
.home_title h2{ float:left; color:#555; font-size:14px; font-weight:normal}
.home_title h2 span{ display:block; color:#999; font-size:12px; text-transform:uppercase}
.home_title a{ float:right; color:#c1a36a; text-transform:uppercase; font-size:12px; padding-top:20px;}

.home_news_list{}
.home_news_list li{ overflow:hidden; padding:15px 0; border-bottom:1px solid #ededed}
.home_news_list li .time{ border:1px solid #d3ba84; text-align:center; margin-right:15px; font-size:24px; padding-top:10px; color:#c1a36a; float:left; text-align:center; width:70px; height:60px; border-radius:50%}
.home_news_list li .time span{ display:block; font-size:12px;}
.home_news_list li .word { line-height:1.8}
.home_news_list li .word span{ display:block; color:#333; font-size:13px;  overflow: hidden; margin-bottom:5px; text-overflow:ellipsis; white-space: nowrap;}
.home_news_list li .word p{ color:#999; font-size:12px; height:42px; overflow:hidden}

.home_pick{ float:left; margin:0 3.5% }
.home_about{ float:right; width:25%; margin-bottom:50px;}
.home_about img{ display:block; width:100%; margin-top:20px;}
.home_pick .home_title{ margin-bottom:20px;}
.home_pick .images{ display:block; float:left; max-width:47%}

.home_pick .word { width:50%; float: right;}
.home_pick .word h2{ padding-top:10px; font-weight:normal; color:#333333; font-size:14px; padding-bottom:10px; text-overflow:ellipsis; white-space: nowrap; overflow:hidden}
.home_pick .word h2 i{ display:block; height:2px; background:#c1a36a; width:50px; margin-top:10px;}
.home_pick .word p{ max-height:105px; overflow: hidden; display:block; color:#666; font-size:12px; margin-top:5px; line-height:1.8; }
.home_pick .word img{ margin-top:10px;}
.home-block{ overflow:hidden}

.home_pick .bx-wrapper .bx-pager{ text-align:right}
.home_pick .bx-wrapper .bx-pager.bx-default-pager a{ background:#cdcdcd; overflow:hidden; color:#cdcdcd; width:7px; height:7px}
.home_pick .bx-wrapper .bx-pager.bx-default-pager a:hover,

.home_pick .bx-wrapper .bx-pager.bx-default-pager a.active { 
	background: #c1a36a; color:#c1a36a
}

/*新闻资讯*/
.head_title{ background:url(../images/title.jpg) center left no-repeat; padding:35px 30px 15px; height:38px; font-size:24px; color:#fff;}
.head_title span{ font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:normal}
.banner_news{ display:block; height:220px; background:url(../images/neibanner.jpg) center no-repeat; background-size:cover}

.new_list{ padding-top:20px; margin-bottom:15px;}
.new_list dd{ overflow:hidden; margin:30px 0 0;;}
.new_list .images{ float:left; margin-right:20px; }
.new_list .word{ padding:0 15px;}
.new_list h2{ color:#b49252; font-size:16px; padding:10px 0; font-weight:normal}
.new_list p{ color:#666666; font-size:14px; line-height:1.8; height:50px; overflow:hidden}
.new_list .time{ overflow:hidden; padding-top:10px}
.new_list .time span{ display:block; float:left; color:#666}
.new_list .time em{ font-style:normal; float:right; color:#666}

.new_list dd:hover{ background:#fafafa}

.pager{ margin-bottom:50px; padding-bottom:20px; margin-top:30px; overflow:hidden}
.pager li{ float:left; margin-right:15px;}
.pager li a{ padding:0  10px; color:#999; display:block; line-height:25px;}
.pager li.active a,.pager li:hover a{ background:#d0b57b; color:#fff}

/*新闻详情*/
.new_info{ padding-bottom:80px !important; padding-top:30px !important;}
.new_info h2{ text-align:center; font-weight:normal; font-size:20px; margin-bottom:20px; color:#d0b57b; line-height:1.8}
.new_info h3{ text-align:center; font-weight:normal; font-size:15px; margin-bottom:10px; color:#d0b57b; line-height:1}
.new_info .time{ background:#fafafa; color:#999; text-align:center; padding:10px; margin-bottom:20px;}
.new_info .time span{ display:inline-block; padding:0 10px;}
.new_info img{ display:block; margin:0 auto; max-width:100%}
.new_info p{ margin-bottom:15px; color:#666; line-height:1.8}
.new_info p .image_title{ text-align:center; color:#444; display:block; font-size:16px; padding:10px 0 0}

.new_pager{ margin-top:30px; line-height:30px;}
.new_pager li a{ color:#666; display:block; text-overflow:ellipsis; white-space: nowrap; overflow:hidden}
.new_pager li.active a,.new_pager li:hover a{ color:#b49252}

/**/
.expert{ overflow: hidden; margin-top:50px;}
.expert dd{ width:30.3%; text-align:center; margin:0 1.5% 35px; float:left;}
.expert dd .image{ display:block; width:200px; height:200px; border-radius:50%; margin:0 auto; overflow:hidden; position:relative}
.expert dd .image a{ position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,.5) url(../images/expet.png) center no-repeat no-repeat; display:none}
.expert dd .image img{ max-width:100%; display:block}
.expert dd .title{ padding:10px 0}
.expert dd .title h2{ color:#333; font-size:18px; font-weight:normal;}
.expert dd .title p{ color:#b49252; font-size:16px; padding:8px 0}
.expert dd .title i{ display:block; margin:0 auto; height:2px; background:#b49252; width:60px;}
.expert dd .word{ color:#666; font-size:14px; line-height:1.8;}
.expert dd .more{ display:block; width:120px; height:38px; line-height:38px; text-align:center; border-radius:3px; border:1px solid #b49252; color:#b49252; margin:20px auto 0}
.expert dd:hover .more{ color:#fff; background:#b49252;}
.expert dd:hover .image a{ display:block}

.expert_cont{ padding:50px 15px !important ; overflow:hidden;}
.expert_left{ float:left; width:20%;}
.expert_left .head_img{ display:block; border-radius:50%; display:block; max-width:90%}
.expert_cont_info{ float:right; width:78%; line-height:2; position:relative; border-radius:3px; background:#fcfcfc; border:1px solid #ededed; min-height:200px; padding:20px 30px 50px; box-sizing:border-box;}
.expert_cont_info .arrow{ position:absolute; left:-13px; top:100px;}

.expert_cont_info h2{ font-weight:normal; color:#000; font-size:20px;}
.expert_cont_info span{ color:#b49252; font-size:15px; margin-top:15px; padding-bottom:10px; display:block}
.expert_cont_info p{ color:#666}

/*登录*/
.login_form dd{ overflow: hidden; margin-bottom:20px;}
.login_form dd label{ float:left; display:block; line-height:40px; text-align:right; padding-right:1.4%; width:33%}

.login_title{ font-weight:normal; text-align:center; font-size:20px; padding:40px 0 25px;}
.login_input{ width:30%; height:40px; line-height:40px; font-size:13px; outline: none; color:#555; padding:0 8px; border-radius:3px; border:1px solid #ededed; background:none; float:left }
.login_btn{ width:120px; cursor:pointer; margin:10px auto 0; height:40px; line-height:40px; border: none; border-radius:5px; color:#fff;   font-size:15px; background:#b49252; display:block}

.login_reg{ color:#b49252; text-align:center}
.login_reg a{ color:#b49252}
.login_form dd .code{ width:22%; margin-right:1%}

.login_form{ margin-bottom:100px;}

/**/
.service{ margin:50px auto 30px;}
.service dd{ float:left; box-sizing:border-box; border:1px solid #ededed; width:47%; float:left; margin:0 1% 25px; padding-bottom:15px; }
.service dd .head{ overflow:hidden; padding-right:15px;}
.service dd .head img{ float:left; width:22%; margin-right:15px; min-width:90px; min-width:90px;}
.service dd .head h2{ font-weight:normal; padding-top:20px; font-size:15px;text-overflow:ellipsis; white-space: nowrap; overflow: hidden}
.service dd .head em{ font-style:normal; color:#666; font-size:12px;  display:block; padding-top:15px;}
.service dd .word{ font-size:13px; line-height:1.8; padding:15px 15px 0; color:#666; height:69px; overflow:hidden}

.member_head{ border:1px solid #ededed; margin-top:50px; position:relative; border:1px solid #ebebeb; min-height:200px; padding-left:15%; margin-bottom:40px;}
.member_head .title{ position:absolute; top:0; left:0; height:100%; width:15%; text-align:center;  background:#fbfbfb; border-right:1px solid #ebebeb; }
.member_head .title span{ display:block; font-size:16px; position:absolute; top:50%; margin-top:-10px; width:100%; text-align:center}
.member_list{ padding:15px 30px; overflow:hidden; line-height:1.8;}
.member_list li{ float:left; width:50%; margin:5px 0}

.member_list li{ color:#666}

.member_big{ padding:15px 30px; }
.member_cont{ margin-bottom:10px;}
.member_cont .title_up{ border-bottom:1px solid #ededed; height:40px; overflow:hidden}
.member_cont .title_up span{ padding-top:10px; float:left; display:block; color:#666; font-size:15px;}
.member_cont .title_up1{ border-bottom:1px solid #ededed; height:40px; overflow:hidden}
.member_cont .title_up1 span{ padding-top:10px; float:left; display:block; color:#666; font-size:15px;}
.arrow_mem{ float: right; background:url(../images/arr_down.png) center right no-repeat; display:block; width:100px; height:40px; margin-right:10px;}
.arrow_mem.active { background-image:url(../images/arr_top.png)}
.member_cont .member_list{ padding:15px 0; margin:0; display:none}

.member_up{ overflow:hidden; margin-top:30px}
.member_up img{ float:left; margin-right:20px;; width:140px; height:140px;}
.member_up h2{ font-weight:normal; color:#333; font-size:18px; padding:8px 0 10px}
.member_up .word{ line-height:1.8; color:#888}
.member_up .word span{ color:#b49252}

.men_list{ border:1px solid #ededed; border-bottom:none; margin-top:40px; margin-bottom:50px;}
.men_list dd{ border-bottom:1px solid #ededed; height:55px; line-height:55px; padding-left:55px; padding-right:20px;}
.men_list dd a{ color:#333; font-size:15px; background:url(../images/enter.png) center right no-repeat; display:block}
.men_list dd.icon1{ background:url(../images/mem1.png) 15px center no-repeat;}
.men_list dd.icon2{ background:url(../images/mem3.png) 15px center no-repeat;}
.men_list dd.icon3{ background:url(../images/mem2.png) 15px center no-repeat;}

.member_title{ margin-top:30px; border-bottom:1px solid #ededed}
.member_title span{ display:inline-block; border-bottom:2px solid #b49252; color:#b49252; font-size:18px; padding:10px 2px 10px;}

.collect{ margin-top:30px;}
.collect dd{ overflow:hidden; background:#fbfbfb; padding:25px 20px; margin-bottom:15px;}
.collect dd span{ display:block; background:url(../images/enter2.png) left center no-repeat; padding:0 25px 10px; font-size:15px; color:#b49252;text-overflow:ellipsis; white-space: nowrap; overflow: hidden}
.collect dd p{ line-height:1.8; padding-left:25px; font-size:13px;}

.login_form .iamges{ float:left; color:#999}
.login_form .iamges img{ width:60px; height:60px; display:inline-block; vertical-align: bottom; margin-right:10px;}
.login_form .one label{ padding-top:20px}

.data_radio{ line-height:40px;}
.data_radio input{ margin-right:5px;}

.input_data{ background:url(../images/date.png) center right no-repeat;}

.pick_list{ overflow:hidden; margin-top:50px}
.pick_list dd{ box-sizing:border-box; width:23%; margin:0 1%; border:1px solid #ededed; padding-bottom:10px; margin-bottom:20px; float:left}
.pick_list dd img{ display:block; width:100%}
.pick_list dd h2{ font-weight:normal;text-overflow:ellipsis; white-space: nowrap; overflow: hidden; padding:10px; font-size:15px;}
.pick_list dd .time{ overflow:hidden; padding:0 10px 10px;}
.pick_list dd .time span{ background:url(../images/time.png) center left no-repeat; float:left; display:block; padding-left:20px; font-size:12px; color:#777; line-height:25px;}
.pick_list dd .time em{ font-size:12px; font-style:normal; float:right; display:block; border:1px solid #b49252; color:#b49252; border-radius:30px; padding:0 15px; height:23px; line-height:23px;}

.collect_btn{ display:block; margin-left:18%; width:55%; background:#b49252; color:#FFF; margin-top:10%; text-align:center; border-radius:3px; line-height:40px;}

@media screen and (max-width: 1600px) {
.container{ width:100%; padding:0 15px; box-sizing:border-box;}
}
@media screen and (max-width: 1024px) {
.menu-btn { display: block;}
.meun-left { left: -50%; width: 30% }
.content{ padding:0; width:100%}
.home_title{ margin-top:30px;}

.expert dd .image{ width:150px; height:150px;}

}
@media screen and (max-width: 800px) {

.home_news{ width:100%; margin-bottom:0;}
.home_pick{ width:58%; margin: 0 0}
.home_about{ width:37%}
.home_about .home_title,.home_pick .home_title{ margin-top:10px;}
.home_pick .word h2{ padding-top:0}
.home_pick .word p{ margin-top:0; height:60px;}
.new_list .images{ width:210px; height:115px;}
.new_list h2{ padding-top:0; font-size:15px;}
.new_list p{ font-size:13px;}
.banner_news{ height:150px}

.pick_list dd{ width:31.3%}

}
@media screen and (max-width: 640px) {
.banner_news{ height:100px}
.meun-left { width: 60%; left:-50%}
.menu-foot{ width:100%; left:0}
.menu-foot .line{ margin-bottom:15px;}
.home_pick{ width:100%}
.home_about{ width:100%}
.bx-wrapper .bx-controls-direction a{ display:none !important}

.new_list .images{ float:none; width:100%; height:auto;}
.new_list .word{ padding:15px 0}
.new_list dd{ margin-top:20px;}

.head_title{ font-size:18px; height:auto; padding-top:20px;}
.head_title span{ font-size:15px}

.new_info h2{ font-size:16px;}
.expert dd { width:47%}
.expert dd .image{ width:120px; height:120px;}
.expert dd .title h2{ font-size:16px;}
.expert dd .title p{ font-size:14px;}
.expert dd .word{ font-size:13px;}

.expert_left{ width:100%}
.expert_left .head_img{ display:block; margin:0 auto;}
.expert_cont_info{ width:100%; margin-top:30px; padding-left:20px; padding-right:20px;}
.expert_cont_info .arrow{ top:-16px; left:50%; margin-left:-9px;transform:rotate(90deg);
-ms-transform:rotate(90deg); 	/* IE 9 */
-moz-transform:rotate(90deg); 	/* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg); 	/* Opera */}

.login_form dd label{ width:25%; font-size:13px;}
.login_input{ width:65%}
.login_form dd .code{ width:40%}

.service dd{ width:100%; margin:0 0 25px;}
.service dd .head h2{ padding-top:5px;text-overflow:ellipsis; white-space: nowrap; overflow: hidden}
.service dd .word{ height:auto}

.member_head .title{ position: relative; top:0; left:0; width:100%;}
.member_head .title span{ position:relative; top:0; margin:0; height:45px; line-height:45px; font-size:15px;}
.member_head{ padding:0}
.member_list li{ width:100% }

.member_big,.member_list{ padding:15px 20px;}
.member_up img{ width:100px; height:100px;}
.member_up h2{ padding-top:0; font-size:16px; padding-bottom:5px;}

.pick_list dd{ width:100%; margin:0 0 20px;}

.collect_btn{ margin:25px auto 0;}

.meun-left {  overflow-y:auto;}

} 
@media screen and (max-width: 320px) {
.new_info .time{ font-size:12px;}
.login_form dd label{ font-size:12px;}
.container{ padding:0 8px;}
}
@media screen and (max-height: 650px) {
.meun-left {  overflow:auto;}
.menu-foot{ position:relative; left:0; margin:20px auto 0} 
}
@media screen and (max-width: 800px)  and (max-height: 650px) {
.meun-left { width: 50%; left:-60%; overflow:auto;}
.menu-foot{ position:relative; left:0; margin:20px auto 0} 	
}