锘緻charset "utf-8";
html,body { width:100%; overflow-x:hidden;}
html { height:100%; background:#f5f5f5;}
body { max-width:2560px; min-height:100%; margin:0 auto; background:#f4f5f9; font:0/0 Arial; color:#595757; overflow-y:hidden;}
* { margin:0; padding:0; list-style:none;}
img,iframe { border:0;}
u { text-decoration:none;}
i { font-style:normal;}
b { font-weight:normal;}
a,a:hover { text-decoration:none; color:#53382f;}
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;}
video { background:#333; font:0/0 arial;}
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);}
input.white::-webkit-input-placeholder,input.white::-moz-placeholder,input.white:-moz-placeholder,input.white:-ms-placeholder { color:rgba(255,255,255,1);}
html::-webkit-scrollbar { width:10px; height:10px;}
html::-webkit-scrollbar-thumb { background:rgba(50,50,50,0.5); border:transparent 2px solid; border-radius:10px; background-clip:padding-box;}
html::-webkit-scrollbar-thumb:hover { background-color:rgba(50,50,50,0.8);}
html::-webkit-scrollbar-track { background:rgba(50,50,50,0.05);}
html::-ms-clear,html::-ms-reveal { display:none;}
video::-webkit-media-controls-panel { background:rgba(255,255,255,0.2);}
.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,article.img_loading img,article iframe,article video { background:#f5f5f5 url(../images/img_loading.gif) no-repeat center center; background-size:40px; font:0/0 Arial; position:relative;}
.img img { width:100%; transition:all 0.5s; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; z-index:10;}

.allSelect em { font-style:normal; position:absolute;}
.allSelect em.value { width:calc(100% - 2px); height:calc(100% - 2px); border:#898989 1px solid; text-indent:14px; font-size:14px; top:0; right:0; z-index:20; cursor:pointer;}
.allSelect em.value:after { width:0; height:0; content:""; border-right:transparent 7px solid; border-left:transparent 7px solid; border-top:#ccc 7px solid; position:absolute; top:50%; right:9px; z-index:10; margin-top:-3px; transition-duration:400ms;}
.allSelect em.id { display:none;}
.allSelect em.open { border-color:#ccc;}
.allSelect em.open:after { border-top-color:#ccc; transform:rotate(180deg);}
.allSelect dl { width:calc(100% - 2px); max-height:calc(32px * 5 - 1px); background:#fff; border:#ccc 1px solid; position:absolute; top:calc(100% - 1px); right:0; cursor:auto; z-index:10; transition-duration:400ms; transform:translateY(0); opacity:0; visibility:hidden; overflow-x:hidden; overflow-y:auto;}
.allSelect dl dd { float:left; width:100%; height:31px; border-top:#f7f7f7 1px solid; text-indent:10px; line-height:30px; font-size:12px; overflow:hidden; cursor:pointer;}
.allSelect dl dd a { float:left; width:100%; height:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.allSelect dl dd:first-child { height:32px; border:0;}
.allSelect dl dd i { display:none;}
.allSelect dl dd:hover { background:rgba(2,134,209,0.2);}
.allSelect dl dd.active { background:rgba(2,134,209,0.4);}
.allSelect dl dd.none { color:#b0b0b0;}
.allSelect dl.open { transform:translateY(5px); opacity:1; visibility:visible;}

/**澶撮儴鍜屽熬閮?*/
header { width:100%; height:110px; position:relative; z-index:150;}
header:before { width:100%; height:calc(100% - 1px); content:""; background:#fff; border-bottom:#ddd 1px solid; position:absolute; top:0; left:0; z-index:1; display:none;}

header .logo { height:84px; font:0/0 Arial; position:absolute; top:50%; left:60px; margin-top:-42px; z-index:30;}
header .logo li { height:100%;}
header .logo li.logo2 { display:none;}
header .logo li img { height:100%;}

header .icon { height:30px; position:absolute; top:40px; right:60px; z-index:10;}
header .icon li { width:30px; height:100%; margin-left:30px; position:relative; cursor:pointer;}
header .icon li i { width:26px; height:0; position:absolute; top:50%; left:50%; margin-left:-13px;}
header .icon li.search i { height:26px; background:url(../images/base.png) no-repeat -50px 0; margin-top:-13px;}
header .icon li.nav i { height:3px; background:#fff; margin-top:-2px;}
header .icon li.nav i:before,
header .icon li.nav i:after { width:100%; height:3px; content:""; background:#fff; position:absolute; left:0;}
header .icon li.nav i:before { top:-12px;}
header .icon li.nav i:after { bottom:-12px;}

header #nav { height:100%; position:absolute; top:0; right:60px; z-index:20; display:none;}
header #nav li { height:100%; overflow:visible; position:relative;}
header #nav li>a { float:left; height:100%; padding:0 30px; color:#53382f;}
header #nav li:hover>a { background:#53382f; color:#fff;}
header #nav li i { height:20px; line-height:20px; font-size:18px; position:relative; top:45px;}
header #nav li i:before { width:100%; height:2px; content:""; background:#53382f; position:absolute; bottom:-10px; left:0; display:none;}
header #nav li>a.active i:before { display:block;}
header #nav li.search { width:26px; margin-left:30px;}
header #nav li.search i { width:100%; height:30px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); cursor:pointer;}
header #nav li.search i:before { height:26px; background:url(../images/base.png) no-repeat -80px 0; bottom:50%; left:50%; margin:0 0 -13px -13px; display:block;}
header #nav li.close { width:26px; margin-left:30px;}
header #nav li.close i { width:100%; height:30px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); cursor:pointer;}
header #nav li.close i:before { width:22px; height:22px; background:url(../images/base.png) no-repeat; bottom:50%; left:50%; margin:0 0 -11px -11px; display:block; transition:all 0.3s;}
header #nav li.close:hover i:before { transform:rotate(180deg);}

header #nav li dl { width:100%; position:absolute; top:calc(100% + 20px); left:0; transition:all 0.2s; opacity:0; visibility:hidden;}
header #nav li dd { float:left; width:100%; height:39px; background:rgba(255,255,255,1); border-top:#eee 1px solid; line-height:40px; position:relative; z-index:10;}
header #nav li dd a { float:left; width:100%; height:100%; text-align:center; font-size:14px;}
header #nav li dd a:hover { background:rgba(83,56,47,0.2);}
header #nav li dd a.active { background:rgba(83,56,47,1); color:#fff;}
header #nav li:hover dl { top:100%; opacity:1; visibility:visible;}

header #search { width:calc(100% - 120px); height:100%; position:absolute; top:0; right:60px; z-index:10; display:none;}
header #search li { height:100%; position:absolute; top:50%;}
header #search li.form { width:360px; height:30px; overflow:visible; left:50%; transform:translate(-120px,-50%);}
header #search li.form p { height:100%; overflow:hidden; position:absolute; top:0;}
header #search li.form input[name=wd] { width:calc(100% - 0px); height:calc(100% - 2px); padding:0 0 2px; background:#fff; font-size:14px; position:absolute; top:0; left:0;}
header #search li.form input[name=wd]:focus { color:#53382f;}
header #search li.form input[type=submit] { width:30px; height:100%; background:transparent; border:0; font:0/0 arial; position:absolute; top:0; right:-30px; z-index:30;}
header #search li.form .submit { width:30px; height:100%; background:#fff; right:-30px; z-index:20;}
header #search li.form .submit:before { width:26px; height:26px; content:""; background:url(../images/base.png) no-repeat -80px 0; position:absolute; top:50%; left:50%; margin:-13px 0 0 -13px;}
header #search li.form .close { width:30px; height:100%; background:#fff; cursor:pointer; left:-45px; z-index:20;}
header #search li.form .close:before { width:22px; height:22px; content:""; background:url(../images/base.png) no-repeat; position:absolute; top:50%; left:50%; margin:-11px 0 0 -11px; transition:all 0.3s;}
header #search li.form .close:hover:before { transform:rotate(180deg);}
header #search li.nav { width:30px; height:30px; cursor:pointer; right:0; margin-top:-15px;}
header #search li.nav i { width:26px; height:3px; background:#53382f; position:absolute; top:50%; left:50%; margin:-2px 0 0 -13px;}
header #search li.nav i:before,
header #search li.nav i:after { width:100%; height:3px; content:""; background:#53382f; position:absolute; left:0;}
header #search li.nav i:before { top:-12px;}
header #search li.nav i:after { bottom:-12px;}

header.open:before { display:block;}
header.open .logo li.logo1 { display:none;}
header.open .logo li.logo2 { display:block;}
header.open #nav.open { display:block;}
header.open #search.open { display:block;}


footer { width:1440px; height:300px; margin-top:70px !important; background:#53382f; color:#fff; position:relative; z-index:100;}
footer:before,
footer:after { width:1920px; content:""; position:absolute; left:50%; margin-left:-960px; z-index:1;}
footer:before { height:100%; background:#53382f url(../images/bg_footer.png) no-repeat center 0; top:0;}
#footer { position:fixed; bottom:0; left:50%; transform:translateX(-50%); z-index:100;}

footer a { color:#fff;}
footer a:hover { color:#a2813e;}

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

footer .nav { width:100%; position:relative; margin-top:68px;}
footer .nav li { height:20px; padding-left:35px; position:relative;}
footer .nav li:before { width:7px; height:14px; content:""; background:url(../images/base.png) no-repeat -80px -26px; position:absolute; top:50%; left:14px; margin-top:-7px;}
footer .nav li:first-child { padding:0;}
footer .nav li:first-child:before { display:none;}
footer .nav li a { float:left; height:100%; line-height:18px; font-size:16px;}

footer .copyright { width:100%; margin-top:55px; line-height:30px; font-size:14px;}

footer .ewm { position:absolute; top:70px; right:0;}
footer .ewm li { width:150px; margin-left:20px;}
footer .ewm li p { float:left; width:100%; text-align:center;}
footer .ewm li .img { width:130px; height:130px; border:#fff 10px solid;}
footer .ewm li .name { height:14px; margin-top:15px; line-height:14px; font-size:14px;}

footer .message { width:490px; height:120px; position:absolute; top:130px; left:0;}
footer .message li { width:100%; height:100%; position:relative;}
footer .message li p { color:#fff; position:absolute; z-index:20;}
footer .message li .img { width:100%; height:100%; overflow:hidden; top:0; left:0; z-index:1;}
footer .message li .img:before { width:100%; height:100%; content:""; background:rgba(0,54,134,0.5); position:absolute; top:0; left:0; z-index:20;}
footer .message li .name { height:32px; padding-left:45px; top:50%; left:40px; margin-top:-16px;}
footer .message li .name:before,footer .message li .name:after { width:0; height:0; content:""; background:url(../images/base.png) no-repeat; position:absolute; top:50%;}
footer .message li .name:before { width:32px; height:32px; background-position:-110px 0; left:0; margin-top:-16px;}
footer .message li .name:after { width:5px; height:6px; background-position:-110px -34px; right:-30px; margin-top:-3px;}
footer .message li .name i { float:left; height:100%;}
footer .message li .name .cn { line-height:24px; font-size:18px; font-weight:bold;}
footer .message li .name .en { margin-left:10px; line-height:30px; font-size:16px;}
footer .message li:hover .img:before { background:rgba(0,54,134,0.3);}

footer .link { height:220px; position:absolute; top:130px; left:670px;}
footer .link:before,footer .link:after { width:1px; height:100%; content:""; background:#6b4a3e; position:absolute; top:0;}
footer .link:before { left:-90px;}
footer .link:after { right:-90px;}

footer .link dl { float:left; height:calc(100% - 40px); padding-top:40px; line-height:36px; font-size:16px; position:relative;}
footer .link dt { height:20px; line-height:16px; font-size:18px; font-weight:bold; position:absolute; top:0; left:0;}

footer .link .link1 { width:330px; margin-right:50px;}
footer .link .link1 a { float:left; height:100%;}
footer .link .link1 dd { float:left; width:calc(50% - 30px); height:36px; margin-right:30px;}
footer .link .link1 dd a { width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

footer .link .link2 { width:260px;}

footer .links { width:212px; height:30px; position:absolute; bottom:27px; right:0;}
footer .links li { width:100%; height:100%; overflow:visible; position:relative;}
footer .links .allSelect em.value { width:calc(100% - 22px); height:calc(100% - 2px); padding-right:20px; border-color:#fff; text-indent:9px; line-height:26px; font-size:12px; color:#fff;}
footer .links .allSelect em.value:before { width:40px; height:100%; content:""; position:absolute; top:0; right:0; z-index:1;}
footer .links .allSelect em.value:after { border-top:#fff 7px solid; right:9px;}
footer .links .allSelect em.open { border-color:#fff;}
footer .links .allSelect em.open:after { border-top-color:#fff;}
footer .links .allSelect dl { top:auto; bottom:calc(100% + 2px);}
footer .links .allSelect dd:hover { background:rgba(107,74,62,0.5);}
footer .links .allSelect dd a { color:#727272;}
footer .links .allSelect dd:hover a { color:#fff;}
footer .links .allSelect dl.open { transform:translateY(0px);}

footer #fixed_right { width:44px; position:fixed; top:50%; right:15px; transform:translateY(-50%); transition:all 0.3s; visibility:hidden;}
footer #fixed_right li { width:100%; height:44px; margin:8px 0; overflow:visible; position:relative; transform:translateX(200%); transition:all 0.2s;}
footer #fixed_right li a { float:left; width:100%; height:100%; background:#53382f; border-radius:100%; position:relative;}
footer #fixed_right li a:before,footer #fixed_right li a:after { content:""; position:absolute; z-index:10;}
footer #fixed_right li a:before { width:0; height:0; background:#b88f3c; border-radius:100%; top:50%; left:50%; transform:translate(-50%,-50%); z-index:1; transition:all 0.25s;}
footer #fixed_right li a:after { width:25px; height:24px; background:url(../images/base.png) no-repeat 100px 0; top:50%; left:50%; margin:-12px 0 0 -13px;}
footer #fixed_right li:hover a:before { width:100%; height:100%;}
footer #fixed_right .wx a:after { background-position:-50px -40px;}
footer #fixed_right .tel a:after { background-position:-75px -40px;}
footer #fixed_right .qq a:after { background-position:-100px -40px;}
footer #fixed_right .msg a:after { background-position:-125px -40px; margin-top:-11px;}
footer #fixed_right .gotoTop a { background:#e6e6eb;}
footer #fixed_right .gotoTop a:after { background-position:-150px -65px; margin-top:-13px;}
footer #fixed_right .gotoTop:hover a:after { background-position:-150px -40px;}

footer #fixed_right li .img { width:180px; height:164px; background:none; position:absolute; top:0; right:90px; transition:all 0.25s; opacity:0; visibility:hidden;}
footer #fixed_right li .img:before { width:160px; height:160px; content:""; background-color:#fff; border:#b88f3c 2px solid; border-radius:5px; position:absolute; top:0; left:0; z-index:15;}
footer #fixed_right li .img:after { width:0; height:0; content:""; border-top:transparent 9px solid; border-bottom:transparent 9px solid; border-left:#b88f3c 9px solid; position:absolute; top:15px; left:164px; z-index:10;}
footer #fixed_right li .img img { width:144px; height:144px; margin:0; top:10px; left:10px; z-index:20;}
footer #fixed_right li:hover .img { right:100%; opacity:1; visibility:visible;}

footer #fixed_right li .txt { padding-right:15px; font-size:18px; color:#fff; position:absolute; top:50%; right:70px; transform:translateY(-50%); z-index:10; transition:all .25s; opacity:0; visibility:hidden;}
footer #fixed_right li .txt i { float:left; width:125px; padding:10px; background:#b88f3c; border-radius:5px; position:relative;}
footer #fixed_right li .txt i:after { width:0; height:0; content:""; border:transparent 9px solid; border-right:0; border-left:#b88f3c 9px solid; position:absolute; top:50%; right:-9px; transform:translateY(-50%);}
footer #fixed_right li:hover .txt { right:100%; opacity:1; visibility:visible;}

footer #fixed_right.open { visibility:visible;}
footer #fixed_right.open li { opacity:1; transform:translateX(0);}
footer #fixed_right.open li:nth-child(1) { transition-delay:0ms;}
footer #fixed_right.open li:nth-child(2) { transition-delay:100ms;}
footer #fixed_right.open li:nth-child(3) { transition-delay:150ms;}
footer #fixed_right.open li:nth-child(4) { transition-delay:200ms;}
footer #fixed_right.open li:nth-child(5) { transition-delay:250ms;}

/**鍏叡**/
main { width:100%; position:relative; z-index:100;}

.banner { width:100%; margin-top:-110px; position:relative; z-index:10;}
.banner .list { width:100%; position:relative; z-index:10;}
.banner .list li { width:100%; position:relative;}
.banner .list .imgs { width:100%; text-align:center; font:0/0 Arial;}
.banner .list .imgs img { width:100%; transition:all 0.8s;}
.banner .list .imgs imgs:hover { transform:scale(1.05);}

.menu { width:1440px; margin-bottom:60px; position:relative;}
.menu .list { width:100%; height:70px; line-height:68px; font-size:18px; position:relative;}
.menu .list:after { width:10000%; height:100%; content:""; background:#fff; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.menu .list li { height:100%; margin-right:40px; position:relative; z-index:10;}
.menu .list li a { float:left; height:100%; color:#3e3a39; position:relative;}
.menu .list li a:after { width:0%; height:3px; content:""; background:#3e3a39; position:absolute; bottom:0; left:0; transition:all 0.3s;}
.menu .list li:hover a { color:#3e3a39;}
.menu .list li:hover a:after { width:100%;}
.menu .list li a.active { color:#53382f;}
.menu .list li a.active:after { width:100%; background:#53382f;}
.menu .list.max li a { padding:0 20px;}

.menu .list .search_tongji { line-height:70px; font-size:16px;}
.menu .list .search_tongji i { color:#f00;}

.menu .location { height:20px; position:absolute; top:50%; right:0; margin-top:-10px;}
.menu .location li { height:100%; font:14px/20px "SimSun"; color:#727171;}
.menu .location li i,.location li a { color:#727171; font-family:"microsoft yahei"; display:inline-block; position:relative;}
.menu .location li a:hover { color:#53382f;}
.menu .location li i { padding-left:28px;}
.menu .location li i:before { width:20px; height:18px; content:""; background:url(../images/base.png) no-repeat -25px 0; position:absolute; top:50%; left:0; margin-top:-9px;}

.main { width:1440px; position:relative;}
.main_all { width:100%; position:relative;}
.main_left { width:calc(100% - 60px - 60px - 320px); padding:0 30px; background:#fff;}
.main_right { width:320px; background:#fff;}
.main_right_fix { position:absolute; right:50%; margin-right:-720px;}
.main_right_fix2 { position:absolute; left:50%; margin-left:-720px;}

.main_right .menu_title { width:100%; padding:15px 0; background:#fff; border-bottom:#eee 1px solid; position:relative; z-index:10;}
.main_right .menu_title li { width:100%; height:30px; text-align:center; line-height:28px; font-size:20px; font-weight:bold; color:#3f3537;}

.main_right .menu_list { width:100%; margin-top:-1px; position:relative; z-index:5;}
.main_right .menu_list li { width:100%; line-height:20px; font-size:16px; border-top:#ececec 1px dotted;}
.main_right .menu_list li a { float:left; width:calc(100% - 75px); padding:15px 35px 15px 40px; position:relative;}
.main_right .menu_list li a:before,.main_right .menu_list li a:after { width:0; height:0; content:""; position:absolute; top:50%;}
.main_right .menu_list li a:before { width:6px; height:6px; background:#595757; top:22px; left:20px; transform:rotate(45deg);}
.main_right .menu_list li a:after { width:8px; height:16px; background:url(../images/base.png) no-repeat -2px -60px; right:15px; margin-top:-8px;}
.main_right .menu_list li:hover a { background:#b88f3c; color:#fff;}
.main_right .menu_list li:hover a:before { background:#fff;}
.main_right .menu_list li:hover a:after { background-position:-17px -60px;}
.main_right .menu_list li a.active { background:#53382f; color:#fff;}
.main_right .menu_list li a.active:before { background:#fff;}
.main_right .menu_list li a.active:after { background-position:-17px -60px;}

.main_right .news_title { width:100%; margin:15px 0;}
.main_right .news_title li { width:100%; height:30px; text-align:center; line-height:28px; font-size:20px; font-weight:bold; color:#3f3537;}

.main_right .news_list { width:calc(100% - 30px); padding:0 15px;}
.main_right .news_list li { width:100%; margin-top:20px; position:relative;}
.main_right .news_list li:first-child { margin:0;}
.main_right .news_list li a { float:left; width:100%; padding-bottom:25px; position:relative;}
.main_right .news_list li p { float:left; width:100%; overflow:hidden;}
.main_right .news_list li .imgs { font:0/0 arial;}
.main_right .news_list li .imgs img { width:100%; transition:all 0.5s;}
.main_right .news_list li .name { margin-top:10px; line-height:24px; font-size:16px; white-space:normal;}
.main_right .news_list li .date { width:auto; height:16px; padding-left:22px; font:14px/16px arial; color:#595757; position:absolute; bottom:0; left:0;}
.main_right .news_list li .date:before { width:16px; height:16px; content:""; background:url(../images/base.png) no-repeat 0 -24px; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.main_right .news_list li .more { width:10px; height:16px; background:url(../images/base.png) no-repeat -35px -24px; position:absolute; bottom:0; right:0; transition:all 0.35s;}
.main_right .news_list li:hover .imgs img { transform:scale(1.05);}
.main_right .news_list li:hover .name { color:#b88f3c;}
.main_right .news_list li:hover .more { background-position:-20px -24px;}

.main_right .news_more { width:100%; margin:25px 0;}
.main_right .news_more li { width:100%; height:46px; line-height:44px; font-size:14px; position:relative;}
.main_right .news_more li a { width:220px; height:calc(100% - 2px); border:#727171 1px solid; border-radius:25px; text-align:center; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.main_right .news_more li i { padding-right:14px; display:inline-block; position:relative;}
.main_right .news_more li i:after { width:9px; height:9px; content:""; background:url(../images/base.png) no-repeat -25px -40px; position:absolute; top:50%; right:0; margin-top:-4px;}
.main_right .news_more li a:hover { background:#b88f3c; border-color:#b88f3c; color:#fff;}
.main_right .news_more li a:hover i:after { background-position:-25px -50px;}

/**鍐呭**/
article { width:100%; margin:-7px 0 -7px; line-height:30px; font-size:16px; position:relative;}
article * { max-width:100%; position:relative; z-index:10;}
article img { max-width:100%; margin:7px auto -2px;}
article iframe { max-width:100%; margin:7px 0 -2px; position:relative; z-index:10;}
article table { max-width:100%; margin:7px 0 -2px; position:relative; z-index:10;}
article table.noborder:first-child { margin-top:-5px;}
article table.noborder td { padding:5px 0;}
article table.none { border:0;}
article table.none:first-child { margin-top:-5px;}
article table.none td { padding:0; vertical-align:top; border:0;}
article video { max-width:100% !important; height:auto !important; margin:7px 0 -2px;}
article .no { margin-top:0; font:0/0 Arial;}
article .no img { margin:0 !important;}

/**鍒楄〃**/
#list { position:relative; z-index:20;}

#list .pages { width:calc(100% - 120px); height:30px; padding:11px 110px 10px 10px; margin-top:25px; background:#fff; border-radius:5px; text-align:right; position:relative; z-index:100;}
#list .pages:before { width:100%; height:100%; content:""; background:rgba(83,56,47,0.2); border-radius:5px; position:absolute; top:0; left:0; z-index:1;}
#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; z-index:10;}
#list .pages>a:hover,#list .pages span { background:#53382f; border-color:#53382f; 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 { font-style:normal; 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; text-align:left; text-indent:9px; font-size:12px; top:0; left:0; z-index:20; 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:#53382f;}
#list .pages .gotoPage em.open:after { transform:rotate(180deg);}
#list .pages .gotoPage dl { width:calc(100% - 2px); max-height:calc(28px * 6 - 1px); background:#fff; border:#53382f 1px solid; border-radius:3px; position:absolute; top:auto; bottom:calc(100% + 2px); right:0; cursor:auto; z-index:10; transition:all 0.3s; transform:translateY(10px); 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:#f3f3f3 1px solid; text-indent:9px; overflow:hidden;}
#list .pages .gotoPage dl dd a { float:left; width:100%; height:100%; font-size:12px;}
#list .pages .gotoPage dl dd:first-child { border:0;}
#list .pages .gotoPage dl dd a:hover { background:rgba(83,56,47,0.5); color:#fff;}
#list .pages .gotoPage dl dd a.active { background:rgba(0,0,0,0.15); color:#53382f;}
#list .pages .gotoPage dl.open { transform:translateY(0); opacity:1; visibility:visible;}

#list .list_photo { width:calc(100% + 20px); margin:-20px 0 0px;}
#list .list_photo li { width:calc(100% / 4 - 20px); margin:20px 20px 0 0; border:#53382f 0px solid;}
#list .list_photo li a { float:left; width:100%; padding-bottom:40px; overflow:hidden; position:relative;}
#list .list_photo li p { width:100%; text-align:center; overflow:hidden; position:absolute; left:0; z-index:10;}
#list .list_photo li img { width:100%;}
#list .list_photo li .bg { float:left; font:0/0 arial; position:relative;}
#list .list_photo li .img { width:calc(100% - 4px); height:calc(100% - 44px); border:#53382f 2px solid; top:0;}
#list .list_photo li .img img { min-height:100%;}
#list .list_photo li .name { height:40px; line-height:50px; font-size:16px; color:#3e3a39; bottom:0;}
#list .list_photo li:hover .img { border-color:#53382f;}
#list .list_photo li:hover .img img { transform:scale(1.08);}
#list .list_photo li:hover .name { color:#b88f3c;}

#list .list_photo.list_company li { width:calc(100% / 3 - 20px); margin:20px 20px 0 0; border:#53382f 0px solid;}

#list #list_news { width:calc(100% + 45px); margin-bottom:50px; position:relative; z-index:90;}
#list #list_news li { width:calc(100% / 3 - 45px); height:450px; margin-right:45px; background:#fff; position:relative;}
#list #list_news li a { height:100%; color:#3e3a39; display:block; position:relative;}
#list #list_news li p { width:calc(100% - 40px); overflow:hidden; position:absolute; left:20px;}
#list #list_news li .img { width:100%; height:295px; top:0; left:0;}
#list #list_news li .img img { min-height:100%;}
#list #list_news li .name { height:56px; line-height:28px; font-size:18px; font-weight:bold; white-space:normal; bottom:70px;}
#list #list_news li .date { width:auto; height:16px; padding-left:22px; font:14px/16px arial; color:#595757; bottom:20px;}
#list #list_news li .date:before { width:16px; height:16px; content:""; background:url(../images/base.png) no-repeat 0 -24px; position:absolute; top:50%; left:0; transform:translateY(-50%);}
#list #list_news li .more { width:10px; height:16px; background:url(../images/base.png) no-repeat -35px -24px; position:absolute; bottom:20px; left:auto; right:20px; transition:all 0.35s;}
#list #list_news li:hover .name { color:#53382f;}
#list #list_news li:hover .img img { transform:scale(1.08);}
#list #list_news li:hover .more { background-position:-20px -24px;}

#list .list_news { width:100%; margin-top:-20px; position:relative; z-index:90;}
#list .list_news li { width:100%; height:200px; margin-top:20px; background:#fff;}
#list .list_news li a { height:100%; color:#3e3a39; display:block; position:relative;}
#list .list_news li p { width:calc(100% - 510px); overflow:hidden; position:absolute; left:310px;}
#list .list_news li .img { width:260px; height:calc(100% - 30px); top:15px; left:15px;}
#list .list_news li .img img { min-height:100%;}
#list .list_news li .name { height:20px; line-height:18px; font-size:18px; font-weight:bold; top:45px;}
#list .list_news li .date { width:60px; height:60px; color:#3e3a39; top:50%; left:auto; right:55px; margin-top:-30px;}
#list .list_news li .date em,#list .list_news li .date i { width:100%; text-align:center; font-style:normal; position:absolute; left:0;}
#list .list_news li .date i { font:50px/42px arial; top:0;}
#list .list_news li .date em { font:14px/14px arial; bottom:0;}
#list .list_news li .info { height:72px; line-height:24px; font-size:14px; bottom:40px;}
#list .list_news li:hover a { background:#53382f;}
#list .list_news li:hover p { color:#fff;}
#list .list_news li:hover .img img { transform:scale(1.08);}

#list .list_tab { width:100%; margin-bottom:40px; background:#fff; border-bottom:#c0c0c0 1px solid; position:relative; z-index:90;}
#list .list_tab li { float:left; height:50px; padding:0 30px; line-height:50px; font-size:16px; cursor:pointer;}
#list .list_tab li.active { background:#53382f; color:#fff;}

#list .list_select { width:calc(100% - 60px); padding:0 29px; background:#fff; border:#c0c0c0 1px solid; position:relative; z-index:90;}
#list .list_select dl { float:left; width:calc(100% - 80px); height:30px; padding:13px 0 13px 80px; border-top:#c0c0c0 1px solid; position:relative;}
#list .list_select dl:first-child { border:0;}
#list .list_select dt { height:100%; line-height:30px; font-size:16px; font-weight:bold; color:#3e3a39; position:absolute; top:13px; left:0;}
#list .list_select dd { float:left; height:100%; padding:0 10px; margin-left:20px; border-radius:5px; line-height:30px; font-size:16px; color:#3e3a39; cursor:pointer;}
#list .list_select dd.active { background:#53382f; color:#fff;}

#list .list_job { width:100%; position:relative; z-index:90;}
#list .list_job li { width:calc(100% - 60px); padding:30px; margin-top:20px; background:#fff; position:relative; z-index:10;}
#list .list_job li dl { float:left; width:100%; color:#3e3a39; position:relative; z-index:10;}
#list .list_job li .info { height:90px; margin-bottom:30px; border-bottom:#9fa0a1 1px dotted; color:#3e3a39;}
#list .list_job li .info dt,
#list .list_job li .info dd { position:absolute;}
#list .list_job li .info dt { line-height:26px; font-size:30px; top:0; left:0;}
#list .list_job li .info dd.text { height:14px; line-height:14px; font-size:14px; top:45px; left:0;}
#list .list_job li .info dd.text span { float:left; height:100%; padding-left:21px; color:#727171; position:relative;}
#list .list_job li .info dd.text span:before { width:1px; height:12px; content:""; background:#727171; position:absolute; top:50%; left:10px; margin-top:-5px;}
#list .list_job li .info dd.text span:first-child { padding:0;}
#list .list_job li .info dd.text span:first-child:before { display:none;}
#list .list_job li .info dd.date { height:16px; padding-left:22px; font:16px/18px arial; top:0; right:0;}
#list .list_job li .info dd.date:before { width:16px; height:16px; content:""; background:url(../images/base.png) no-repeat 0 -24px; position:absolute; top:50%; left:0; transform:translateY(-50%);}

#list .list_job.list_loading:before { width:100%; height:calc(100% - 20px); content:""; background:rgba(0,0,0,0.1) url(../images/img_loading.gif) no-repeat center 40px; background-size:40px; position:absolute; top:20px; left:0; z-index:20;}

#list .list_more { width:100%; height:44px; margin-top:20px; background:#fff; position:relative;}
#list .list_more:before { width:100%; height:100%; content:""; background:rgba(83,56,47,0.1); border-radius:5px; position:absolute; top:0; left:0; z-index:1;}
#list .list_more li { width:100%; height:100%; text-align:center; font:16px/44px "microsoft yahei"; position:absolute; top:0; left:0; display:none;}
#list .list_more #list_more { z-index:10; cursor:pointer; display:block;}
#list .list_more #list_loading { z-index:20;}
#list .list_more #list_loading i { padding-left:25px; background:url(../images/img_loading.gif) no-repeat left center; background-size:20px; display:inline-block;}
#list .list_more #list_end { z-index:30;}

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

#list .search_news li:hover a { color:#53382f;}
#list .search_news li:hover .imgs img { transform:scale(1.08);}

/**璇︽儏**/
#detail { position:relative; z-index:20;}

#detail .pages { width:100%; height:42px; margin:70px 0 30px; padding-top:20px; border-top:#c9caca 1px solid; text-align:right; position:relative;}
#detail .pages li { float:none !important; height:100%; margin-left:10px; line-height:40px; font-size:14px; display:inline-block;}
#detail .pages li a { float:left; height:calc(100% - 2px); padding:0 30px; border:#3f3537 1px solid; border-radius:20px; text-align:center; overflow:hidden;}
#detail .pages li a:hover { background-color:#b88f3c; border-color:#b88f3c; color:#fff;}
#detail .pages li .none,
#detail .pages li .none:hover { background:none; border-color:#9aa1a5; color:#9aa1a5;}
#detail .pages li.back { float:left !important; margin:0;}
#detail .pages li.back a { padding:0 25px; background:#b88f3c; border-color:#b88f3c; color:#fff;}
#detail .pages li.back a:hover { background:#53382f; border-color:#53382f; color:#fff;}
#detail .pages li.back i { padding-left:28px; display:inline-block; position:relative;}
#detail .pages li.back i:before { width:20px; height:20px; content:""; background:url(../images/base.png) no-repeat 0 -40px; position:absolute; top:50%; left:0; margin-top:-11px;}
#detail .pages .bdsharebuttonbox { width:auto; height:30px; padding-left:45px; margin:0; line-height:30px; position:absolute; top:-45px; right:0;}
#detail .pages .bdsharebuttonbox span { font-size:12px; position:absolute; top:0; left:0;}
#detail .pages .bdsharebuttonbox a { width:30px; height:100%; padding:0; margin:0 0 0 8px; background:url(../images/base.png) no-repeat -50px -120px; border:0; border-radius:100%;}
#detail .pages .bdsharebuttonbox a.bds_qzone,
#detail .pages .bdsharebuttonbox a:hover.bds_qzone { background-position:-50px -120px;}
#detail .pages .bdsharebuttonbox a.bds_weixin { background-position:-88px -120px;}
#detail .pages .bdsharebuttonbox a.bds_tqq { background-position:-126px -120px;}
#detail .pages .bdsharebuttonbox a.bds_tsina { background-position:-164px -120px;}

#detail .view_news_title { width:100%; margin:24px 0 30px; border-bottom:#9fa0a0 1px dotted;}
#detail .view_news_title h1 { float:left; width:100%; line-height:34px; font-size:24px; font-weight:bold; color:#30363a;}
#detail .view_news_title li { width:100%; margin:15px 0 20px; line-height:20px; font-size:14px;}
#detail .view_news_title li span { padding-left:21px; display:inline-block; position:relative;}
#detail .view_news_title li span:before { width:1px; height:12px; content:""; background:#898989; position:absolute; top:50%; left:10px; margin-top:-6px;}
#detail .view_news_title li span:first-child { padding:0;}
#detail .view_news_title li span:first-child:before { display:none;}

/**寮瑰嚭**/
#pop_div { width:100%; height:100%; background:rgba(0,0,0,0.7); position:fixed; top:0; left:0; z-index:999; transition:all 0.2s; opacity:0; visibility:hidden;}
#pop_div.open { opacity:1; visibility:visible;}

#pop_div .close { width:28px; height:28px; margin:0; border:#fff 2px solid; cursor:pointer; border-radius:100%; position:absolute; top:-36px; right:-36px;}
#pop_div .close:before { width:12px; height:12px; content:""; background:url(../images/base.png) no-repeat -50px -28px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; cursor:pointer; transition:all 0.35s;}
#pop_div .close2:hover { background:rgba(162,39,32,0.3);}
#pop_div .close:hover:before { transform:rotate(180deg);}
#pop_div .title { width:calc(100% - 20px); height:34px; padding:0 10px; background:rgba(0,0,0,0.5); line-height:34px; font-size:14px; color:#fff; bottom:0; left:0; display:none;}
#pop_div .loading { width:100%; height:100%; margin:0; background-color:rgba(0,0,0,0.4); position:absolute; top:0; left:0; z-index:30; display:none;}
#pop_div .page { width:136px; height:40px; border:#fff 2px solid; border-radius:22px; text-align:center; color:#fff; position:absolute; bottom:-70px;}
#pop_div .page i { height:100%; line-height:40px; font-size:16px; position:relative; display:inline-block;}
#pop_div .page i:before { width:6px; height:13px; content:""; background:url(../images/base.png) no-repeat 50px 0; position:absolute; top:50%; margin-top:-6px; display:none;}
#pop_div .page:hover { background:rgba(184,143,60,1); border-color:#b88f3c; color:#fff;}
#pop_div .page.prev { left:50%; margin-left:-150px;}
#pop_div .page.prev i { padding-left:0;}
#pop_div .page.prev i:before { background-position:-15px -55px; left:0;}
#pop_div .page.prev i:hover:before { background-position:-15px -55px;}
#pop_div .page.prev.end { background:rgba(0,0,0,0.5); border-color:#898989; color:#898989;}
#pop_div .page.prev.end i:before { background-position:-35px -55px;}
#pop_div .page.next { right:50%; margin-right:-150px;}
#pop_div .page.next i { padding-right:0;}
#pop_div .page.next i:before { background-position:-26px -70px; right:0;}
#pop_div .page.next:hover i:before { background-position:-26px -70px;}
#pop_div .page.next.end { background:rgba(0,0,0,0.5); border-color:#898989; color:#898989;}
#pop_div .page.next.end i:before { background-position:-36px -70px;}

.pop_photo { width:100%; text-align:center; font:0/0 Arial; position:absolute; top:50%; left:0; transition:all 0.3s; transform:translateY(-50%) scale(0); opacity:0; visibility:hidden;}
.pop_photo.open { transform:translateY(-50%) scale(1); opacity:1; visibility:visible;}
.pop_photo .list { float:none !important; padding-bottom:34px; font:0/0 Arial; position:relative; display:inline-block;}
.pop_photo .list img { max-width:900px; max-height:540px; border:#53382f 10px solid; position:relative; z-index:10;}
.pop_photo .list li { position:absolute; z-index:20;}
.pop_photo .list .title { background:#53382f !important; height:44px !important; line-height:44px !important; text-align:center; display:block !important;}
.pop_photo .list .info { width:calc(100% - 40px); max-height:20px; padding:8px 20px 10px; background:rgba(0,0,0,0.5); line-height:20px; font-size:13px; color:#fff; bottom:40px; left:0; z-index:10; transition:all 0.5s;}
.pop_photo .list .info p { float:left; width:100%; height:20px; overflow:hidden; transition:all 0.45s;}
.pop_photo .list .info:hover { max-height:50%;}
.pop_photo .list .info:hover p { height:100%;}

.pop_message { width:100%; text-align:center; font:0/0 "microsoft yahei"; position:absolute; top:50%; left:0; transition:all 0.3s; transform:translateY(-50%) scale(0); opacity:0; visibility:hidden;}
.pop_message.open { transform:translateY(-50%) scale(1); opacity:1; visibility:visible;}
.pop_message .list { float:none !important; width:600px; padding:50px; background:#b88f3c; position:relative; display:inline-block;}
.pop_message .list li { width:100%; height:50px; margin-top:16px; line-height:50px; font-size:14px; position:relative; z-index:20;}
.pop_message .list .title { margin:-20px 0 -6px; background:none !important; text-align:center; line-height:26px !important; font-size:26px !important; display:block !important;}
.pop_message .list .detail { height:94px; background:#fff;}
.pop_message .list .submit { margin-top:20px; background:#53382f; border-radius:3px; text-align:center; line-height:48px; font-size:16px; color:#fff;}
.pop_message .list li .name { height:100%; position:absolute; top:0; left:10px; z-index:20;}
.pop_message .list li input { width:100%; height:calc(100% - 1px); padding-bottom:1px; background:#fff; text-indent:90px; font-size:14px; position:absolute; top:0; left:0; z-index:10;}
.pop_message .list li textarea { width:calc(100% - 90px); height:calc(100% - 34px); padding-bottom:4px; line-height:20px; font-size:14px; position:absolute; top:15px; right:0;}
.pop_message .list li input:focus,
.pop_message .list li textarea:focus { color:#53382f;}


@media (max-width:1550px){
header #nav li>a { padding:0 20px;}

footer,
.menu,
.main { width:1200px;}
.menu .list { height:60px; line-height:58px;}
.main_right_fix { margin-right:-600px;}
.main_right_fix2 { margin-left:-600px;}

#list #list_news li { height:415px;}
#list #list_news li .img { height:270px;}

.pop_photo .list img { max-width:600px; max-height:400px;}
.pop_message .list { width:500px;}
.pop_message .list li { height:40px; line-height:40px;}
.pop_message .list .submit { line-height:38px;}
.pop_message .list li textarea { height:calc(100% - 24px); top:10px;}
}