@charset "utf-8";
html,body { width:100%; overflow-x:hidden;}
html { height:100%; background:#fff;}
body { max-width:1920px; min-height:100%; margin:0 auto; background:#f0e3d3 url("../images/body.png") repeat-y; background-size:100%; font:0/0 Arial; color:#595757; overflow-y:hidden;}
* { margin:0; padding:0; list-style:none;}
img { border:0;}
u { text-decoration:none;}
i,em,cite { font-style:normal;}
b { font-weight:normal;}
a,a:hover { text-decoration:none; color:#dd0b03;}
a { color:#595757; blr:expression(this.onFocus=this.blur());}
:focus { outline:none;}
div,ul { font:12px/20px "microsoft yahei","SimSun";}
p,li,h1,dt,dd,input,select,textarea { text-align:justify; text-justify:inter-ideograph;}
h1,h2,h3,h4,h5,h6 { font:normal 12px/20px "microsoft yahei","SimSun"; text-transform:uppercase;}
table { border:#ddd 1px solid; border-collapse:collapse; border-spacing:0;}
table td { padding:8px 10px; border:#ccc 1px solid; vertical-align:middle;}
table.noborder { border:0;}
table.noborder td { border:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display:block;}
input,select,textarea { float:left; background:none; border:0; font:12px/20px "microsoft yahei","SimSun"; color:#595757; resize:none; position:relative; z-index:20;}
input[type="submit"],.submit { cursor:pointer;}
select:-ms-expand { display:none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color:rgba(0,0,0,0.5);}
input::-moz-placeholder,textarea::-moz-placeholder { color:rgba(0,0,0,0.5);}
input:-moz-placeholder,textarea:-moz-placeholder { color:rgba(0,0,0,0.5);}
input:-ms-input-placeholder,textarea:-ms-input-placeholder { color:rgba(0,0,0,0.5);}
.m_fl,ul,ol,li { float:left;}
.m_fr { float:right;}
.m_auto { float:none !important; margin:auto; zoom:1;}
.m_auto:after { clear:both; content:""; display:block;}
.overflow,li { overflow:hidden;}
.hidden { display:none;}
.display { display:block;}
.name { text-overflow:ellipsis; white-space:nowrap;}
.img,.banner .imgs,.loading { background:#f5f5f5 url(../images/img_loading.gif) no-repeat center center; background-size:40px; font:0/0 Arial; position:relative;}
.img img { width:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}

/**头部和尾部**/
header { width:1200px; height:100px; border-top:#895e29 40px solid; border-bottom:#895e29 50px solid; position:relative; top:2px\0; z-index:100;}
header:before { width:1920px; height:40px; content:""; background:#895e29; position:absolute; top:-40px; left:50%; transform:translateX(-50%); z-index:1;}

header>ul { position:absolute; z-index:30;}

header .logo { height:70px; font:0/0 Arial; top:50%; left:0; transform:translateY(-50%); z-index:20;}
header .logo img { height:100%;}

header .info { height:40px; line-height:40px; top:-40px; left:0;}
header .info li { height:100%; margin-right:20px; color:#f0e3d3;}
header .info li#showDate span { float:left; margin-right:10px;}
header .info li#showDate span#nowDateCn1 { margin-right:0px;}
header .info li#showDate span#nowDateCn2 { margin:0 0 0 5px;}
header .info li a { color:#f0e3d3;}

header .member { height:40px; line-height:40px; top:-40px; right:0;}
header .member li { height:100%; margin-left:10px; color:#f0e3d3;}
header .member li b { color:#fff;}
header .member li a { color:#f0e3d3;}
header .member li a:hover { color:#fff;}
header .member.login li { margin-left:20px; position:relative;}
header .member.login li p,header .member.login li a { float:left;}
header .member.login li input { float:left; width:100px; height:22px; padding:0 5px; margin-top:8px; background:#fff; border:#522d00 1px solid; border-radius:5px;}
header .member.login li a { width:50px; height:24px; margin-top:8px; background:#3285d2; border-radius:5px; text-align:center; line-height:24px; color:#fff;}
header .member.login li.submit a { position:relative; z-index:1;}
header .member.login li.submit i { width:100%; height:100%; position:absolute; top:0; left:0; z-index:10; display:none;}
header .member.login li.reg { margin-left:5px;}
header .member.login li.reg a { background:#19b955;}

header .special { height:24px; line-height:24px; position:absolute; top:50%; right:390px; transform:translateY(-50%);}
header .special li { height:100%; font-size:22px; font-weight:bold;}
header .special li a { float:left; height:100%; color:#000;}
header .special li a:hover { color:#895e29;}

header .header_search { width:350px; height:40px; overflow:hidden; position:absolute; top:50%; right:0px; transform:translateY(-50%);}
header .header_search:before { width:22px; height:22px; content:""; background:url(../images/base.png) no-repeat; position:absolute; top:50%; left:10px; transform:translateY(-50%); z-index:1;}
header .header_search input { position:absolute;}
header .header_search input[type=text] { width:calc(100% - 2px); height:calc(100% - 3px); padding-bottom:1px; border:#895e29 1px solid; text-indent:37px; color:rgba(0,0,0,0.5); top:0; left:0; z-index:10;}
header .header_search input[type=text]:focus { border-color:#895e29; color:#895e29;}
header .header_search input[type=submit] { width:70px; height:38px; background:#895e29; border:0; text-align:center; font-size:16px; color:#fff; top:1px; right:1px; z-index:30; cursor:pointer;}

header .tel { width:203px; height:40px; top:50%; right:0; transform:translateY(-50%); z-index:20; display:none;}
header .tel:before { width:100%; height:100%; content:""; background:url(../images/base.png) no-repeat -90px 0; position:absolute; top:0; left:0; z-index:1;}
header .tel li { line-height:14px; font-size:14px; color:#aa0406; position:absolute; top:0; left:23px; z-index:10;}

header .nav { width:1220px; height:50px; text-align:center; line-height:50px; bottom:-50px; left:-12px;}
header .nav li { float:none; height:100%; display:inline-block; overflow:visible; position:relative; z-index:20;}
header .nav li:before { width:1px; height:14px; content:""; background:#fff; position:absolute; top:50%; left:-2px; margin-top:-7px;}
header .nav li:first-child:before { display:none;}
header .nav li>a { float:left; height:100%; padding:0 38px; font-size:16px; color:#fff; position:relative;}
header .nav li.zazhi>a { padding-left:12px;}
header .nav li:hover>a { color:#fff;}
header .nav li>a.active { color:#fff;}

header .nav li dl { width:calc(100% + 3px); position:absolute; top:100%; left:50%; transition:all 0.3s; transform:translate(-50%,30px); opacity:0; visibility:hidden;}
header .nav li dl.teji { width:136px;}
header .nav li dl dd { float:left; width:100%; background:rgba(137,94,41,0.85); border-top:rgba(255,255,255,0.2) 1px solid; overflow:hidden;}
header .nav li dl dd a { float:left; width:calc(100% - 10px); padding:10px 5px; text-align:center; line-height:18px; font-size:12px; color:#fff;}
header .nav li dl dd a:hover,header .nav li dl dd a.active { background:rgba(170,4,6,1); color:#fff;}
header .nav li:hover dl { transform:translate(-50%,0); opacity:1; visibility:visible;}

footer { width:1200px; padding:30px 0; margin-top:40px !important; color:#fff; position:relative;}
#footer { position:fixed; bottom:0; left:50%; margin-left:-600px; z-index:100;}
footer:before { width:1920px; height:100%; content:""; background:#895e29; position:absolute; top:0; left:50%; margin-left:-960px; z-index:1;}

footer>ul { position:relative; z-index:20;}

footer a { color:#fff;}
footer a:hover { border-bottom:#dcb400 1px solid; color:#dcb400;}

footer .link { width:100%; text-align:center;}
footer .link li { float:none; height:20px; padding:0 10px; display:inline-block; position:relative; overflow:visible;}
footer .link li:before { width:1px; height:11px; content:""; background:#fff; position:absolute; top:50%; left:-1px; margin-top:-5px;}
footer .link li:first-child:before { display:none;}

footer .copyright { width:100%; margin:20px 0 -5px; line-height:24px;}
footer .copyright p { text-align:center;}
footer .copyright span { margin:0 8px;}

#fixed_right { width:38px; position:fixed; bottom:207px; right:50%; margin-right:-650px; z-index:9999; display:none;}
#fixed_right li { float:right; width:100%; height:38px; background:#895e29; border-radius:5px; font:0/0 Arial; position:relative; transition:all .4s;}
#fixed_right li a { float:left; width:100%; height:100%;}
#fixed_right li a:before { width:19px; height:20px; content:""; background:url(../images/base.png) no-repeat 100px 0; position:absolute; top:50%; left:50%; margin:-10px 0 0 -10px;}
#fixed_right li:hover { background:#dd0b03;}
#fixed_right li.gotoTop a:before { background-position:-30px -20px;}

/**首页**/
section { width:1200px; position:relative; z-index:50;}
section>ul { position:relative; z-index:10;}

.index_title { width:100%; height:49px; background:#e4ceaf; position:relative; z-index:10;}
.index_title h5 { height:24px; font-size:18px; font-weight:bold; color:#895e29; position:absolute; top:50%; left:14px; transform:translateY(-50%);}
.index_title h6 { height:24px; font-size:18px; color:#895e29; position:absolute; top:50%; left:100px; transform:translateY(-50%);}
.index_title h6 a { color:#895e29;}
.index_title .more { height:22px; color:#895e29; position:absolute; top:50%; right:14px; transform:translateY(-50%);}
.index_title .more:hover { color:#dd0b03;}

.index_title1 { width:100%; height:49px; background:#e4ceaf; position:relative;}
.index_title1 li { width:50%; height:100%; text-align:center; line-height:48px; font-size:18px; font-weight:bold; color:#895e29; cursor:pointer;}
.index_title1 li.active { background:#f5f3f2;}

.index_title2 { width:100%; height:41px; background:#f0ecea; border-bottom:#e0c6a3 1px solid; position:relative; z-index:10;}
.index_title2 h5 { height:20px; text-indent:20px; font-size:16px; font-weight:bold; position:absolute; top:50%; left:7px; transform:translateY(-50%);}
.index_title2 h5:before { width:12px; height:12px; content:""; border:#595757 1px solid; border-radius:100%; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.index_title2 .more { height:20px; position:absolute; top:50%; right:7px; transform:translateY(-50%);}

.newsList { width:468px; margin:10px 10px 0 0; background:#f5f3f2; border:#e0c6a3 1px solid; position:relative;}
.newsList .list { width:calc(100% - 28px); min-height:224px; padding:8px 14px; position:relative;}
.newsList .list li { width:100%; height:20px; margin:4px 0; text-indent:10px; font-size:14px; position:relative; z-index:10;}
.newsList .list li span { float:right; margin-left:15px; text-indent:0; font-size:12px; color:#898989;}
.newsList .list li a { width:100%; height:100%; display:block; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newsList .list li a:before { width:4px; height:4px; content:""; background:#595757; border-radius:2px; position:absolute; top:50%; left:0; margin-top:-2px;}
.newsList .list li:hover a:before { background:#dd0b03;}
.newsList .list li:hover span { color:#dd0b03;}

.index_ads { width:1200px; margin-top:10px;}
.index_ads .list { width:100%; line-height:0; font-size:0;}

.index_part01 { width:520px; min-height:280px; padding:0 250px 0 430px; margin-top:30px; position:relative;}
.index_part01 .newsImg { width:420px; height:280px; position:absolute; top:0; left:0;}
.index_part01 .newsImg .img { width:100%; height:100%; line-height:0; font-size:0; position:absolute; top:0; left:0; z-index:10;}
.index_part01 .newsImg .img ul { width:10000%; height:100%;}
.index_part01 .newsImg .img ul li { height:100%;}
.index_part01 .newsImg .img ul li a { width:100%; height:100%; display:block; position:relative;}
.index_part01 .newsImg .img ul li p { width:100%; overflow:hidden; position:absolute; bottom:0; left:0; z-index:20;}
.index_part01 .newsImg .img ul li .imgs { height:100%; z-index:10;}
.index_part01 .newsImg .img ul li .imgs img { width:100%;}
.index_part01 .newsImg .img ul li .name { width:calc(100% - 110px); height:40px; padding:0 100px 0 10px; background:rgba(0,0,0,0.6); line-height:40px; font-size:14px; color:#fff;}
.index_part01 .newsImg .dot { height:15px; font:12px/16px Arial; color:#fff; position:absolute; bottom:12px; right:0px; z-index:20;}
.index_part01 .newsImg .dot:before { width:100%; height:40px; content:""; position:absolute; top:50%; left:0; transform:translateY(-50%); z-index:1;}
.index_part01 .newsImg .dot li { width:14px; height:100%; margin-right:5px; background:rgba(62,58,57,1); display:inline-block; text-align:center; position:relative; z-index:10; cursor:pointer;}
.index_part01 .newsImg .dot li.active { background:rgba(221,11,3,1);}
.index_part01 .newsImg .img ul li:hover .name { color:#dd0b03;}

.index_part01 .list1 { width:518px; height:278px; background:#f5f3f2; border:#e0c6a3 1px solid; overflow:hidden; position:relative;}
.index_part01 .list1 .list { width:calc(100% - 28px); padding:0 14px; position:relative;}
.index_part01 .list1 .list li { width:100%; height:114px; border-bottom:#dfc5a2 1px dotted; position:relative;}
.index_part01 .list1 .list li p { width:100%; overflow:hidden; position:absolute;}
.index_part01 .list1 .list li .name { height:20px; font-size:14px; font-weight:bold; top:13px; left:0;}
.index_part01 .list1 .list li .name a { float:left; width:100%; height:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index_part01 .list1 .list li .info { height:60px; color:#898989; bottom:14px; left:0;}

.index_part01 .newsList { width:518px;}
.index_part01 .newsList .list { min-height:280px;}

.index_part01 .list2 { width:418px; background:#f5f3f2; border:#e0c6a3 1px solid; position:absolute; bottom:0; left:0;}
.index_part01 .list2 .list { width:calc(100% - 28px); min-height:186px; padding:8px 14px; position:relative;}
.index_part01 .list2 .list li { width:100%; height:20px; margin:4px 0; font-size:14px; position:relative; z-index:10;}
.index_part01 .list2 .list li span { float:right; margin-left:15px; font-size:12px; color:#898989;}
.index_part01 .list2 .list li i { float:left; width:15px; height:15px; margin:3px 8px 0 0; background:#3285d2; border-radius:100%; text-align:center; font:12px/16px Arial; color:#fff;}
.index_part01 .list2 .list li a { width:100%; height:100%; display:block; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index_part01 .list2 .list li:nth-child(1) i,.index_part01 .list2 .list li:nth-child(2) i,.index_part01 .list2 .list li:nth-child(3) i { background:#dd0b03;}
.index_part01 .list2 .list li:hover span { color:#dd0b03;}

.index_part01 .list3 { width:238px; height:278px; background:#f5f3f2; border:#e0c6a3 1px solid; overflow:hidden; position:absolute; top:0; right:0;}
.index_part01 .list3 .list { width:calc(100% - 28px); height:220px; padding:0px 14px 0; position:relative;}
.index_part01 .list3 .list li { width:100%; margin-top:5px; font-size:14px; position:relative; z-index:10;}
.index_part01 .list3 .list li a { width:100%; display:block; position:relative;}
.index_part01 .list3 .list li:hover a:before { background:#dd0b03;}

.index_part01 .list4 { width:238px; height:345px; background:#f5f3f2; border:#e0c6a3 1px solid; overflow:hidden; position:absolute; bottom:0; right:0;}
.index_part01 .list4 .list { width:calc(100% - 28px); padding:8px 14px; position:relative;}
.index_part01 .list4 .list li { width:100%; height:20px; margin:4px 0; font-size:14px; position:relative; z-index:10;}
.index_part01 .list4 .list li i { float:left; width:15px; height:15px; margin:3px 8px 0 0; background:#3285d2; border-radius:100%; text-align:center; font:12px/16px Arial; color:#fff;}
.index_part01 .list4 .list li a { width:100%; height:100%; display:block; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index_part01 .list4 .list li:nth-child(1) i,.index_part01 .list4 .list li:nth-child(2) i,.index_part01 .list4 .list li:nth-child(3) i { background:#dd0b03;}

.index_part02 { width:960px; min-height:602px; padding-right:240px; position:relative;}

.index_part02 .list1 { width:238px; height:590px; background:#f5f3f2; border:#e0c6a3 1px solid; overflow:hidden; position:absolute; top:10px; right:0;}
.index_part02 .list1 .sort { width:calc(100% - 28px); padding:0 12px; margin:2px; background:#f0ecea; border-bottom:#e0c6a3 1px solid;}
.index_part02 .list1 .sort li { width:100%; height:37px; line-height:38px; font-size:14px;}
.index_part02 .list1 .sort li p { float:left; height:100%; overflow:hidden;}
.index_part02 .list1 .sort li .name { width:calc(100% - 115px);}
.index_part02 .list1 .sort li .sex { width:30px; text-align:center;}
.index_part02 .list1 .sort li .area { width:85px; text-align:right;}

.index_part02 .list1 .list { width:calc(100% - 28px); padding:2px 14px; position:relative;}
.index_part02 .list1 .list li { width:100%; height:20px; margin-top:7px;}
.index_part02 .list1 .list li p { float:left; height:100%; color:#898989; overflow:hidden;}
.index_part02 .list1 .list li .name { width:calc(100% - 115px); font-size:14px; color:#595757;}
.index_part02 .list1 .list li .sex { width:30px; text-align:center;}
.index_part02 .list1 .list li .area { width:85px; text-align:right;}

.index_part03 { width:949px; height:900px; padding:50px 250px 0 1px; margin-top:10px; position:relative;}
.index_part03:before { width:948px; height:calc(100% - 2px); content:""; background:#f5f3f2; border:#e0c6a3 1px solid; position:absolute; top:0; left:0; z-index:1;}

.index_part03>.index_title { width:948px; position:absolute; top:1px; left:1px;}

.index_part03 .lists { width:465px; margin:6px 0 0 6px; position:relative; z-index:10;}
.index_part03 .lists .list { width:calc(100% - 14px); height:162px; padding:5px 7px 10px; position:relative;}
.index_part03 .lists .list li { width:100%; height:20px; margin-top:7px; text-indent:10px; font-size:14px; position:relative; z-index:10;}
.index_part03 .lists .list li span { float:right; margin-left:15px; text-indent:0; font-size:12px; color:#898989;}
.index_part03 .lists .list li a { width:100%; height:100%; display:block; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index_part03 .lists .list li a:before { width:4px; height:4px; content:""; background:#595757; border-radius:2px; position:absolute; top:50%; left:0; margin-top:-2px;}
.index_part03 .lists .list li:hover a:before { background:#dd0b03;}
.index_part03 .lists .list li:hover span { color:#dd0b03;}

.index_part03 .list1 { width:238px; background:#f5f3f2; border:#e0c6a3 1px solid; overflow:hidden; position:absolute; top:0; right:0; z-index:10;}
.index_part03 .list1 .list { width:calc(100% - 28px); height:432px; padding:3px 14px 10px; position:relative;}
.index_part03 .list1 .list li { width:100%; height:20px; margin-top:7px; text-indent:10px; font-size:14px; position:relative; z-index:10;}
.index_part03 .list1 .list li a { width:100%; height:100%; display:block; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index_part03 .list1 .list li a:before { width:4px; height:4px; content:""; background:#595757; border-radius:100%; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.index_part03 .list1 .list li:hover a:before { background:#dd0b03;}

.index_part03 .list2 { width:238px; background:#f5f3f2; border:#e0c6a3 1px solid; overflow:hidden; position:absolute; bottom:0; right:0; z-index:10;}
.index_part03 .list2 .list { width:calc(100% - 14px); height:380px; padding:3px 7px 0; margin-bottom:10px; overflow:hidden;}
.index_part03 .list2 .list li { width:calc(100% - 14px); padding:8px 7px 10px; border-top:#dfc5a2 1px dotted;}
.index_part03 .list2 .list li i { color:#f08300;}
.index_part03 .list2 .list li:first-child { padding-top:5px; border:0;}

.index_part04 { width:1200px;}
.index_part04 .lists { width:105%;}
.index_part04 .newsList { width:391px; margin:10px 10.5px 0 0;}

.index_links { width:1198px; margin-top:10px; background:#f5f3f2; border:#e0c6a3 1px solid;}
.index_links .list { width:calc(100% - 85px); min-height:20px; padding:5px 10px 10px 75px; position:relative;}
.index_links .list li { height:20px; margin:5px 0 0 10px;}
.index_links .list li:first-child { padding-left:18px; margin:0; color:#3a3a3a; position:absolute; top:9px; left:10px;}
.index_links .list li:first-child:before { width:14px; height:14px; content:""; background:url(../images/base.png) no-repeat -30px 0; position:absolute; top:50%; left:0; transform:translateY(-50%);}

/**公共**/
.banner { width:1200px; position:relative; left:50%; margin-left:-600px; z-index:10;}
.banner .imgs { width:100%; background:url(../images/slides/bg.jpg) no-repeat; text-align:center; font:0/0 Arial; overflow:hidden; position:relative; z-index:10;}
.banner .imgs img { transition:all 1s;}
.banner .imgs:hover img { transform:scale(1.01);}

.banner .location { width:100%; height:30px; margin-top:25px; position:relative; z-index:10;}
.banner .location span { height:14px; line-height:12px; font-family:"SimSun"; position:absolute; top:0; left:0;}
.banner .location span i,.location span a { font-family:"microsoft yahei"; position:relative;}
.banner .location span i { padding-left:18px;}
.banner .location span i:before { width:14px; height:14px; content:""; background:url(../images/base.png) no-repeat 0 -25px; position:absolute; top:50%; left:0; margin-top:-8px;}
.banner .location span a:hover { color:#dd0b03;}

main { width:1200px; position:relative; z-index:90;}
main.member { min-height:500px;}
main.member:before { width:260px; height:100%; content:""; background:#895e29; position:absolute; top:0; left:0; z-index:1;}
.main_left { width:260px; position:relative; z-index:100;}
.main_right { width:900px;}
.main_left_fix { position:absolute; left:50%; margin-left:-600px;}

.main_left .menu { width:calc(100% - 20px); padding:49px 9px 0 9px; background:#f5f3f2; border:#895e29 1px solid; position:relative; z-index:30;}
.main_left .menu span { width:100%; height:50px; background:#895e29; position:absolute; top:0; left:0; z-index:20;}
.main_left .menu h5 { width:100%; height:22px; text-align:center; font-size:20px; color:#fff; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.main_left .menu li { width:100%; border-top:#dfc5a2 1px solid; line-height:20px; font-size:14px; overflow:visible; position:relative; z-index:10;}
.main_left .menu li>a { float:left; width:calc(100% - 50px); height:100%; padding:10px 25px; color:#3d3d3d; position:relative;}
.main_left .menu li>a:before,.main_left .menu li>a:after { content:""; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; transition:all 0.3s;}
.main_left .menu li>a:before { width:4px; height:4px; background:#595757; border-radius:100%; margin-left:10px;}
.main_left .menu li>a:after { width:5px; height:9px; background:url(../images/base.png) no-repeat -17px -22px; margin-right:10px;}
.main_left .menu li:hover>a { background:rgba(240,227,211,0.5); color:#aa0406;}
.main_left .menu li:hover>a:before { background:#aa0406;}
.main_left .menu li:hover>a:after { background-position:-24px -22px;}
.main_left .menu li>a.active { background:#f0e3d3; color:#aa0406;}
.main_left .menu li>a.active:before { background:#aa0406;}
.main_left .menu li>a.active:after { background-position:-24px -22px;}

.main_left .menu li dl { width:140px; border-radius:0 5px 5px 0; overflow:hidden; position:absolute; top:0; left:100%; transition:all 0.3s; transform:translateY(30px); opacity:0; visibility:hidden;}
.main_left .menu li:hover dl { transform:translateY(0); opacity:1; visibility:visible;}
.main_left .menu li dl:before { width:calc(100% - 3px); height:100%; content:""; background:rgba(255,255,255,1); position:absolute; top:0; left:3px; z-index:10;}
.main_left .menu li dl dd { float:left; width:calc(100% - 3px); padding-left:3px; border-top:rgba(0,0,0,0.08) 1px solid; line-height:20px; text-indent:0; font-size:12px; position:relative; z-index:20;}
.main_left .menu li dl dd:first-child { border:0;}
.main_left .menu li dl dd a { float:left; width:calc(100% - 20px); padding:10px 10px; color:#595757;}
.main_left .menu li dl dd a:hover { color:#aa0406;}
.main_left .menu li dl dd a.active { color:#aa0406;}

.main_left .menu_member { width:100%; padding-top:10px; position:relative; z-index:30;}
.main_left .menu_member li { width:100%; border-bottom:rgba(255,255,255,0.2) 1px solid; color:#fff;}
.main_left .menu_member li a { float:left; width:calc(100% - 28px); height:40px; padding:0 10px 0 18px; line-height:40px; color:#fff; position:relative;}
.main_left .menu_member li a:before { width:5px; height:9px; content:""; background:url(../images/base.png) no-repeat -17px -31px; position:absolute; top:50%; right:20px; margin-top:-4px;}
.main_left .menu_member li a:hover { color:#dcb400;}
.main_left .menu_member li a.active { background:#784c16; color:#fff;}
.main_left .menu_member li i { color:#dcb400;}
.main_left .menu_member li.info { width:calc(100% - 28px); padding:0 10px 0 18px; border-bottom:0; line-height:26px;}
.main_left .menu_member li.liend { padding-bottom:10px; border-bottom:rgba(255,255,255,0.2) 1px solid;}

.main_left .list { width:calc(100% - 20px); padding:54px 9px 10px 9px; margin-top:20px; background:#f5f3f2; border:#895e29 1px solid; position:relative; z-index:20;}
.main_left .list span { width:100%; height:50px; background:#895e29; position:absolute; top:0; left:0; z-index:20;}
.main_left .list h5 { width:100%; height:22px; text-align:center; font-size:20px; color:#fff; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.main_left .list li { width:100%; height:20px; margin-top:6px; font-size:14px;}
.main_left .list li a { float:left; width:calc(100% - 10px); height:100%; padding-left:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative;}
.main_left .list li a:before { width:4px; height:4px; content:""; background:#595757; border-radius:100%; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.main_left .list li:hover a:before { background:#dd0b03;}

.main_right .location { width:100%; height:50px; background:#895e29; position:relative;}
.main_right .location h5 { height:20px; font-size:16px; color:#fff; position:absolute; top:50%; left:20px; transform:translateY(-50%);}
.main_right .location a { height:20px; padding:3px 10px 5px; background:#3285d2; border-radius:5px; font-size:12px; color:#fff; position:absolute; top:50%; transform:translateY(-50%);}
.main_right .location a.add { background:#19b955; right:10px;}
.main_right .location a.sort { right:90px;}

/**内容**/
article { width:calc(100% - 40px); padding:29px 19px; background:#f5f3f2; border:#895e29 1px solid; line-height:26px; font-size:14px;}
article img { max-width:100%; margin:7px auto -2px;}
article iframe { max-width:100%; margin:7px 0 -2px;}
article table { max-width:100%; margin:7px 0 -2px;}
article table.noborder:first-child { margin-top:-5px;}
article table.noborder td { padding:5px 0;}
article video { max-width:100% !important; height:auto !important; margin:7px 0 -2px; background:#000;}
article .no { margin-top:0; font:0/0 Arial;}
article .no:first-child,article iframe:first-child { margin-top:7px !important;}
article .no img { margin-top:0 !important;}

/**列表**/
#list { width:calc(100% - 40px); padding:19px; background:#f5f3f2; border:#895e29 1px solid; position:relative; z-index:20;}

#list .pages { width:calc(100% - 120px); height:30px; padding:11px 110px 10px 10px; margin-top:20px; background:#f0e3d3; text-align:right; position:relative; z-index:100;}
#list .pages>a,#list .pages span { height:27px; line-height:26px; padding:0 10px; margin-left:8px; background:#fff; border:#c9caca 1px solid; border-radius:3px; display:inline-block; position:relative;}
#list .pages>a:hover,#list .pages span { background:#aa0406; border-color:#aa0406; color:#fff;}
#list .pages .nums { float:left; height:100%; padding:0; margin:0 30px 0 0; background:none; border:0; line-height:28px; color:#595757;}
#list .pages .nums i { padding:0 3px;}
#list .pages .none { border-color:#ccc; color:#ccc; cursor:no-drop;}
#list .pages .none:hover { background:#fff; border-color:#ccc; color:#ccc;}

#list .pages .gotoPage { width:65px; height:29px; background:none; border:0; color:#595757; position:absolute; bottom:11px; right:10px;}
#list .pages .gotoPage em { background:#fff; position:absolute;}
#list .pages .gotoPage em.value { width:calc(100% - 2px); height:calc(100% - 2px); line-height:26px; border:#c8cfd2 1px solid; border-radius:3px; top:0; left:0; text-align:left; text-indent:9px; cursor:pointer;}
#list .pages .gotoPage em.value:after { width:0; height:0; content:""; border-right:transparent 6px solid; border-left:transparent 6px solid; border-top:#ccc 6px solid; display:block; position:absolute; top:50%; right:9px; margin-top:-3px; transition-duration:400ms;}
#list .pages .gotoPage em.open { border-color:#aa0406;}
#list .pages .gotoPage em.open:after { transform:rotate(180deg);}
#list .pages .gotoPage dl { width:calc(100% - 2px); max-height:167px; background:#fff; border:#aa0406 1px solid; position:absolute; bottom:calc(100% + 2px); right:0; cursor:auto; z-index:100; transition-duration:400ms; transform:translateY(-2%); opacity:0; visibility:hidden; overflow-x:hidden; overflow-y:scroll;}
#list .pages .gotoPage dl dd { float:left; width:100%; height:27px; line-height:26px; border-top:#f7f7f7 1px solid; text-indent:9px; overflow:hidden;}
#list .pages .gotoPage dl dd a { float:left; width:100%; height:100%;}
#list .pages .gotoPage dl dd:first-child { border:0;}
#list .pages .gotoPage dl dd a:hover,#list .pages .gotoPage dl dd a.active { background:rgba(0,0,0,0.1); color:#aa0406;}
#list .pages .gotoPage dl.open { transform:translateY(0); opacity:1; visibility:visible;}

#list .list_news { width:100%; margin-top:-18px; position:relative; z-index:90;}
#list .list_news li { width:100%; padding-bottom:17px; margin-top:15px; border-bottom:#9fa0a0 1px dotted;}
#list .list_news li p { overflow:hidden; position:relative; z-index:10;}
#list .list_news li .name { margin-bottom:10px; line-height:22px; font-size:16px;}
#list .list_news li .name span { float:right; margin-left:10px; font-size:12px;}
#list .list_news li .info { line-height:22px; color:#777;}
#list .list_news li:hover a { color:#aa0406;}
#list .list_news li:hover .info { color:#333;}

#list .list_books { width:calc(100% + 15px); position:relative; z-index:90;}
#list .list_books li { width:calc(100% / 3 - 15px); height:20px; margin:10px 15px 0 0;}
#list .list_books li:nth-child(1) { width:calc(100% - 15px); margin:0; text-align:center;}
#list .list_books li:nth-child(1) h5 { font-size:18px; font-weight:bold; display:inline-block;}
#list .list_books li:nth-child(2) { width:calc(100% - 15px); margin:12px 0 0 0; text-align:center;}
#list .list_books li:nth-child(2) span { margin:0 10px; font-size:12px; display:inline-block;}
#list .list_books li:nth-child(3) { width:calc(100% - 15px); height:auto; padding:10px 0; margin:12px 0; border:#ccc 1px dotted; border-left:0; border-right:0; color:#898989;}

#list .list_photo { width:105%; margin-top:-15px; position:relative; z-index:90;}
#list .list_photo li { width:278px; margin:15px 13px 0 0; position:relative;}
#list .list_photo li p { float:left; width:100%; text-align:center; overflow:hidden;}
#list .list_photo li .img { height:185px;}
#list .list_photo li .img img { transition:all 0.8s;}
#list .list_photo li .name { height:36px; background:#fff; line-height:36px; font-size:14px;}
#list .list_photo li .info { display:none;}
#list .list_photo li .date { display:none;}
#list .list_photo li:hover { border-color:#533882;}
#list .list_photo li:hover .img img { transform:scale(1.05);}

#list .list_member { width:100%; position:relative;}
#list .list_member li { width:100%; height:40px; border-bottom:#ccc 1px dotted; line-height:40px; position:relative;}
#list .list_member li p { height:100%; color:#898989; overflow:hidden; position:absolute; top:0;}
#list .list_member li .name { font-size:14px; color:#595757; left:14px;}
#list .list_member li .sex { width:30px; text-align:center; left:310px;}
#list .list_member li .age { width:30px; text-align:center; left:440px;}
#list .list_member li .area { left:590px;}
#list .list_member li .datetime { width:100px; text-align:center; right:0;}
#list .list_member li:first-child { background:#f0ecea;}
#list .list_member li:first-child p { font-size:14px; color:#895e29;}

#list .list_sitemap { width:100%; margin-bottom:-15px;}
#list .list_sitemap dl { float:left; width:calc(100% + 5px); padding:45px 0 15px 0; margin-left:-5px; position:relative;}
#list .list_sitemap dt { width:calc(100% - 5px); height:40px; background:rgba(137,94,41,0.15); line-height:40px; text-indent:15px; position:absolute; top:0px; left:5px;}
#list .list_sitemap dt a { font-size:16px; color:#895e29;}
#list .list_sitemap dd { float:left; height:20px; margin:8px 0 0 20px;}

#list .msg_form { width:100%; height:310px; background:rgba(137,94,41,0.3); border:#efefef 0px solid; position:relative;}
#list .msg_form li { width:100%; height:50px; position:absolute; z-index:10;}
#list .msg_form li:before { width:20px; height:16px; content:""; background:url(../images/base.png) no-repeat 20px 0; position:absolute; top:50%; left:13px; z-index:10; margin-top:-8px;}
#list .msg_form li input { width:calc(100% - 2px); height:calc(100% - 3px); padding-bottom:1px; border:#b5b5b5 1px solid; text-indent:40px;}
#list .msg_form li textarea { width:calc(100% - 28px); height:calc(100% - 20px); padding:9px 13px; border:#b5b5b5 1px solid;}
#list .msg_form li input:focus,#list .msg_form li textarea:focus { border-color:#dd0b03;}
#list .msg_form li.user { width:392px; background:#fff; top:30px; left:30px;}
#list .msg_form li.user:before { background-position:-50px 0;}
#list .msg_form li.tel { width:392px; background:#fff; top:30px; right:30px;}
#list .msg_form li.tel:before { background-position:-70px 0;}
#list .msg_form li.detail { width:800px; height:120px; background:#fff; top:95px; left:30px;}
#list .msg_form li.submit { width:126px; height:46px; background:#000; border:0; border-radius:5px; text-align:center; line-height:44px; font-size:16px; color:#fff; bottom:30px; right:30px;}
#list .msg_form li.submit:hover { background:#dd0b03;}
#list .msg_form li.submit i { padding-left:28px; display:inline-block; position:relative;}
#list .msg_form li.submit i:before { width:16px; height:15px; content:""; background:url(../images/base.png) no-repeat -50px -20px; position:absolute; top:50%; left:0; margin-top:-7px;}
#list .msg_form li.loading { width:100%; height:100%; background-color:rgba(0,0,0,0.1); border:0; top:0; left:0; z-index:30; display:none;}

#list .list_msg { width:100%; margin-top:20px; border-bottom:#9fa0a0 1px solid;}
#list .list_msg dl { float:left; width:100%; padding:0 0 10px; border-top:#9fa0a0 1px solid;}
#list .list_msg dt { float:left; width:calc(100% - 20px); padding:10px 10px 0; margin-bottom:-3px; font-size:14px;}
#list .list_msg dt span { float:right; font-size:12px; color:#898989;}
#list .list_msg dd { float:left; width:calc(100% - 60px); padding:10px 10px 0 50px; position:relative;}
#list .list_msg dd.reply { margin-top:10px; border-top:#9fa0a0 1px dotted; color:#ba1c22;}
#list .list_msg dd p { width:40px; position:absolute; top:10px; left:10px;}

#list .member_reg { width:100%; position:relative; z-index:90;}
#list .member_reg li { width:calc(100% - 200px); height:42px; padding-left:200px; margin-top:15px; line-height:42px; position:relative;}
#list .member_reg li:first-child { height:44px; margin-top:40px; border-bottom:#895e29 2px solid; color:#fff;}
#list .member_reg li:first-child h5 { height:100%; padding:0 30px; background:#895e29; border-radius:5px 5px 0 0; line-height:44px; font-size:18px; position:absolute; top:0; left:10px;}
#list .member_reg li:nth-child(2) { margin:20px 0 -15px 5px;}
#list .member_reg li p { float:left; position:relative;}
#list .member_reg li span { width:190px; text-align:right; position:absolute; top:0; left:0;}
#list .member_reg li.sex { margin:5px 0 -12px 0;}
#list .member_reg li.sex p { margin:0 20px 0 5px; cursor:pointer;}
#list .member_reg li.sex p i { float:left; width:12px; height:12px; margin:14px 5px 0 0; background:#fff; border:#9fa0a0 1px solid; border-radius:100%; position:relative;}
#list .member_reg li.sex p i:before { width:4px; height:4px; content:""; background:#dd0b03; border-radius:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:none;}
#list .member_reg li.sex p.selected i { border-color:#dd0b03;}
#list .member_reg li.sex p.selected i:before { display:block; }
#list .member_reg li.submit { cursor:auto;}
#list .member_reg li.submit i { float:left; width:200px; height:100%; margin-left:50px; background:#c8161d; border-radius:5px; text-align:center; font-size:16px; color:#fff; cursor:pointer; position:relative; z-index:10;}
#list .member_reg li.submit em { height:100%; padding-left:505px; background:none; font:12px/42px "microsoft yahei","SimSun"; position:absolute; top:0; left:0; z-index:20; display:none;}
#list .member_reg input,#list .member_reg select { width:calc(300px - 20px); height:calc(100% - 2px); padding:0 9px; margin:0 5px; background:#fff; border:#9fa0a0 1px solid;}
#list .member_reg input[type=password] { height:calc(100% - 3px); padding-bottom:1px; font-size:14px;}
#list .member_reg select { padding:0 5px;}
#list .member_reg input:focus { border-color:#c8161d; color:#c8161d;}

#list .member_info { width:100%; position:relative; z-index:90;}
#list .member_info li { width:calc(100% - 100px); height:42px; padding-left:100px; margin-top:15px; line-height:42px; position:relative;}
#list .member_info li:first-child { margin:10px 0 -10px;}
#list .member_info li p { float:left; position:relative;}
#list .member_info li span { width:90px; text-align:right; position:absolute; top:0; left:0;}
#list .member_info li.sex { margin:5px 0 -12px 0;}
#list .member_info li.sex p { margin:0 20px 0 5px; cursor:pointer;}
#list .member_info li.sex p i { float:left; width:12px; height:12px; margin:14px 5px 0 0; background:#fff; border:#9fa0a0 1px solid; border-radius:100%; position:relative;}
#list .member_info li.sex p i:before { width:4px; height:4px; content:""; background:#dd0b03; border-radius:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:none;}
#list .member_info li.sex p.selected i { border-color:#dd0b03;}
#list .member_info li.sex p.selected i:before { display:block; }
#list .member_info li.submit { cursor:auto;}
#list .member_info li.submit i { float:left; width:200px; height:100%; margin-left:50px; background:#c8161d; border-radius:5px; text-align:center; font-size:16px; color:#fff; cursor:pointer; position:relative; z-index:10;}
#list .member_info li.submit em { height:100%; padding-left:405px; background:none; font:12px/42px "microsoft yahei","SimSun"; position:absolute; top:0; left:0; z-index:20; display:none;}
#list .member_info input,#list .member_info select { width:calc(300px - 20px); height:calc(100% - 2px); padding:0 9px; margin:0 5px; background:#fff; border:#9fa0a0 1px solid;}
#list .member_info input[type=password] { height:calc(100% - 3px); padding-bottom:1px; font-size:14px;}
#list .member_info select { padding:0 5px;}
#list .member_info input:focus { border-color:#c8161d; color:#c8161d;}

#list .member_list { width:100%; margin-top:15px; position:relative; z-index:90;}
#list .member_list li { width:100%; height:42px; border-bottom:#ddd 1px solid; line-height:42px; position:relative;}
#list .member_list li:hover { background:rgba(0,0,0,0.05);}
#list .member_list li p { height:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:absolute; top:0;}
#list .member_list li p.name { width:calc(100% - 320px); left:0;}
#list .member_list li p.sort { width:100px; right:200px;}
#list .member_list li p.date { width:80px; text-align:center; right:120px;}
#list .member_list li p.admin { width:100px; text-align:center; right:0;}
#list .member_list li p.admin a { margin:0 5px; display:inline-block;}
#list .member_list li p.name2 { width:calc(100% - 380px); left:0;}
#list .member_list li p.sort2 { width:200px; right:180px;}
#list .member_list li:first-child { background:rgba(137,94,41,0.3);}
#list .member_list li:first-child p.name,#list .member_list li:first-child p.name2 { text-indent:20px;}

#list .member_editor { width:100%; margin-top:5px; position:relative; z-index:90;}
#list .member_editor li { width:calc(100% - 75px); height:32px; padding-left:75px; margin-top:10px; line-height:32px; position:relative;}
#list .member_editor li .info { float:left; position:relative;}
#list .member_editor li .title { width:70px; text-align:right; position:absolute; top:0; left:0;}
#list .member_editor li.detail { height:550px;}
#list .member_editor li.detail table { border-left:0;}
#list .member_editor li.detail table td { border:0;}
#list .member_editor input,#list .member_editor select,#list .member_editor textarea { width:260px; height:calc(100% - 2px); padding:0 4px; background:#fff; border:#9fa0a0 1px solid;}
#list .member_editor select { min-width:270px; padding:0;}
#list .member_editor textarea { width:calc(100% - 10px); height:calc(100% - 10px); padding:4px;}
#list .member_editor input:focus,#list .member_editor textarea:focus { border-color:#c8161d;}
#list .member_editor li.textarea { height:110px;}
#list .member_editor li.submit { cursor:auto;}
#list .member_editor li.submit input { float:left; width:100px; height:100%; background:#c8161d; border:0; border-radius:5px; text-align:center; font-size:14px; color:#fff; cursor:pointer; position:relative; z-index:10;}
#list .member_editor li.submit .loading { height:100%; padding-left:220px; background:none; font:12px/32px "microsoft yahei","SimSun"; position:absolute; top:0; left:0; z-index:20; display:none;}

#list .search_tongji { width:100%; height:38px; border-bottom:#895e29 2px solid; position:relative; z-index:10;}
#list .search_tongji li { height:20px; font-size:14px; position:absolute; top:0; left:0;}
#list .search_tongji i { color:#f00;}

#list .search_txtlist { width:100%; margin:0px 0 0; position:relative; z-index:90;}
#list .search_txtlist li { width:100%; padding-bottom:24px; margin-top:18px; border-bottom:#c9caca 1px dotted;}
#list .search_txtlist li p { overflow:hidden; position:relative; z-index:10;}
#list .search_txtlist li .name { margin-bottom:12px; line-height:22px; font-size:16px; white-space:normal;}
#list .search_txtlist li .name a { color:#3a3a3a;}
#list .search_txtlist li .img { float:left; width:128px; height:85px; margin:-3px 15px -10px 0; font:0/0 Arial; overflow:hidden; z-index:20;}
#list .search_txtlist li .img img { transition:all 0.8s;}
#list .search_txtlist li .info { height:44px; line-height:22px; color:#777;}
#list .search_txtlist li .date { margin-top:18px; line-height:12px; color:#898989;}
#list .search_txtlist li .date span { height:100%; padding-left:21px; display:inline-block; position:relative;}
#list .search_txtlist li .date span:before { width:1px; height:11px; content:""; background:#898989; position:absolute; top:50%; left:10px; margin-top:-5px;}
#list .search_txtlist li .date span:first-child { padding:0;}
#list .search_txtlist li .date span:first-child:before { display:none;}
#list .search_txtlist li:hover a { color:#e62129;}
#list .search_txtlist li:hover .imgs img { transform:scale(1.08);}

/**内容**/
#detail { width:100%; position:relative;}

#detail .pages { width:calc(100% - 25px); padding:0px 4px 20px 19px; background:#f5f3f2; border:#895e29 1px solid; position:relative;}
#detail .pages:before { width:100%; height:2px; content:""; background:#f5f3f2; position:absolute; top:-2px; left:0;}
#detail .pages li { width:calc(50% - 35px); height:42px; padding:0 10px; margin-right:15px; background:#f0e3d3; line-height:40px; text-overflow:ellipsis; white-space:nowrap;}
#detail .pages li .none { color:#9aa1a5;}

#detail .pages2 { width:calc(100% - 40px); height:40px; padding:0px 19px 20px 19px; background:#f5f3f2; border:#895e29 1px solid; position:relative;}
#detail .pages2:before { width:100%; height:2px; content:""; background:#f5f3f2; position:absolute; top:-2px; left:0;}
#detail .pages2 li { width:calc(100% / 2 - 100px); height:40px; padding:0 10px; background:#f0e3d3; line-height:40px; text-overflow:ellipsis; white-space:nowrap; position:absolute; top:0;}
#detail .pages2 li:nth-child(1) { left:19px;}
#detail .pages2 li:nth-child(2) { width:90px; padding:0; text-align:center; left:50%; margin-left:-45px;}
#detail .pages2 li:nth-child(2) a { width:100%; height:100%; display:block;}
#detail .pages2 li:nth-child(3) { right:19px;}
#detail .pages2 li .none { color:#9aa1a5;}

#detail .view_news_title { width:calc(100% - 40px); padding:28px 19px 0; margin-bottom:-5px; background:#f5f3f2; border:#895e29 1px solid; position:relative;}
#detail .view_news_title:before { width:100%; height:2px; content:""; background:#f5f3f2; position:absolute; bottom:-2px; left:0;}
#detail .view_news_title h1,#detail .view_news_title h2 { float:left; width:100%; text-align:center; position:relative; z-index:10;}
#detail .view_news_title h1 { margin:-6px 0 10px; line-height:30px; font-size:20px; font-weight:bold; color:#30363a;}
#detail .view_news_title h2 { padding-bottom:15px; line-height:20px; border-bottom:#9fa0a0 1px dotted; color:#898989;}
#detail .view_news_title h2 span { margin:0 10px; text-transform:none; display:inline-block;}

#detail .view_news_history { width:calc(100% - 25px); padding:48px 4px 10px 19px; margin-top:20px; background:#f5f3f2; border:#895e29 1px solid; position:relative;}
#detail .view_news_history li { width:calc(50% - 15px); height:20px; margin:5px 15px 0 0;}
#detail .view_news_history li a { float:left; max-width:100%; height:100%; text-indent:8px; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#detail .view_news_history li a:before { width:2px; height:2px; content:""; background:#595757; position:absolute; top:50%; left:0; transform:translateY(-50%);}
#detail .view_news_history li:hover a:before { background:#dd0b03;}
#detail .view_news_history li:first-child { width:100%; height:44px; padding:0; margin:0; background:#f0e3d3; position:absolute; top:0; left:0;}
#detail .view_news_history li:first-child h5 { height:22px; font-size:16px; color:#895e29; position:absolute; top:50%; left:19px; transform:translateY(-50%);}

/**弹出**/
#pop_div { width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; top:0; left:0; z-index:9999; transition:all 0.3s; opacity:0; visibility:hidden;}
#pop_div.open { opacity:1; visibility:visible;}

.pop_info { height:20px; padding:13px 25px; background:#fff; border:#d3d3d3 5px solid; border-radius:3px; font-size:14px; position:absolute; top:50%; left:50%; transition:all 0.3s; transform:translate(-50%,-50%) scale(0);}
.pop_info.open { transform:translate(-50%,-50%) scale(1);}

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