@charset "utf-8";
* { margin:0; padding:0; list-style:none; outline:none; box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
html,body { width:100%; background:#fff; overflow:hidden;}
html { height:100%; background:#f5f5f5; overflow-y:auto;}
body { max-width:1920px; min-height:100%; margin:0 auto; text-align:justify; font:14px/20px Helvetica,"microsoft yahei","SimSun"; color:#3e3a39;}
img,video,iframe { max-width:100%; border:0; vertical-align:middle;}
i { font-style:normal;}
a { color:#3e3a39; text-decoration:none;}
a:hover { color:#002fa6;}
h1,h2,h3,h4,h5,h6 { font-weight:normal; text-transform:uppercase;}
table { border:1px solid #ddd; border-collapse:collapse; border-spacing:0;}
table td { padding:8px 10px; border:1px solid #ccc; vertical-align:middle;}
table.noborder { border:0;}
table.noborder td { border:0;}
input,select,textarea { background:none; text-align:justify; font-family:Helvetica,"microsoft yahei",arial; resize:none;}
input[type="submit"],button,.btn { background:none; border:0; 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);}
::-webkit-scrollbar { width:10px; height:10px;}
::-webkit-scrollbar-thumb { background:rgba(50,50,50,0.25); border:2px solid transparent; border-radius:10px; background-clip:padding-box;}
::-webkit-scrollbar-thumb:hover { background-color:rgba(50,50,50,0.5);}
::-webkit-scrollbar-track { background:rgba(50,50,50,0.05);}
::-ms-clear,::-ms-reveal { display:none;}

.m_fl { float:left;}
.m_fr { float:right;}
.m_auto { float:none !important; margin:auto; zoom:1;}
.m_auto:after { clear:both; content:""; display:block;}
.overflow { overflow:hidden;}
.hidden { display:none !important;}
.display { display:block;}
.name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bg { font-size:0; display:block; position:relative !important; z-index:10 !important;}
.bg img { width:100%; opacity:0; visibility:hidden;}
.img,.loading,.img_loading img,#detail article iframe,#detail article video { background:#f5f5f5 url(../images/app_loading.gif) no-repeat center center; background-size:40px; overflow:hidden; position:relative; z-index:11;}
.img img { width:100%; min-height:100%; transition:all 0.5s; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; z-index:10;}

.openSelect { text-align:left; font-size:14px; position:relative; z-index:10;}
.openSelect em { font-style:normal; position:absolute; z-index:101; cursor:pointer;}
.openSelect em.value { width:100%; height:100%; border:1px solid #898989; text-indent:10px; top:0; left:0;}
.openSelect em.value:after { width:0; height:0; content:""; border:6px solid transparent; border-top-color:#ccc; border-bottom:0; position:absolute; top:50%; right:9px; z-index:10; margin-top:-3px; transition-duration:0.3s;}
.openSelect dl { width:100%; max-height:calc(31px * 6 - 1px); background:#fff; border:1px solid #0286d1; position:absolute; bottom:100%; right:0; cursor:auto; z-index:105; transition:all 0.3s; transform:translateY(10px); opacity:0; visibility:hidden; overflow-x:hidden; overflow-y:auto;}
.openSelect dl dd { height:30px; border-top:1px solid #f7f7f7; text-indent:10px; line-height:30px; display:block; overflow:hidden;}
.openSelect dl dd a { height:100%; display:block;}
.openSelect dl dd:first-of-type { border:0;}
.openSelect.open em.value { border-color:#0286d1;}
.openSelect.open em.value:after { border-top-color:#0286d1; transform:rotate(180deg);}
.openSelect.open dl { transform:translateY(0); opacity:1; visibility:visible;}

/**头部和尾部**/
header { width:1200px; height:90px; position:relative; z-index:150;}
header:before { width:200%; height:100%; content:""; background:#fff; position:absolute; top:0; left:50%; transform:translateX(-50%);}

header .logo { height:60px; position:absolute; top:50%; left:0; transform:translateY(-50%); z-index:30;}
header .logo img { height:100%;}

header .nav { height:100%; display:flex; position:absolute; top:0; left:260px; z-index:30;}
header .nav>li { height:100%; padding-right:30px; position:relative; z-index:10;}
header .nav>li:last-of-type,
header .nav>li:nth-last-child(2) { padding:0;}
header .nav>li.line { width:0; overflow:hidden; position:absolute; top:0; left:0; z-index:5; transition:left 0.35s;}
header .nav>li.line:after { width:0; height:0; content:""; border:6px solid transparent; border-bottom-color:#002fa6; border-top:0; position:absolute; bottom:2px; left:50%; margin-left:-6px;}
header .nav>li>a { height:100%; font-size:18px; display:flex; align-items:center; transition:color 0.35s;}
header .nav>li:hover>a,
header .nav>li>a.active { color:#002fa6;}

header .icon { height:40px; display:flex; align-items:center; position:absolute; top:50%; right:0; transform:translateY(-50%); z-index:16;}
header .icon li { width:24px; height:100%; margin-left:15px; position:relative; z-index:10;}
header .icon li a { height:100%; line-height:0; font-size:0; display:block;}
header .icon li i { height:100%; display:block; position:relative;}
header .icon li i:before { width:24px; height:20px; content:""; background:url(../images/app.png) no-repeat -50px 0; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
header .icon li.search i:before { background-position:-50px 0;}
header .icon li.search:hover i:before { background-position:-50px -20px;}
header .icon li.mob i:before { background-position:-75px 0;}
header .icon li.mob:hover i:before { background-position:-75px -20px;}
header .icon li.mip i:before { background-position:-100px 0;}
header .icon li.mip:hover i:before { background-position:-100px -20px;}
header .icon li .pop { display:flex; position:absolute; top:100%; left:50%; transform:translate(-50%,20px); transition:all 0.2s; opacity:0; visibility:hidden;}
header .icon li .pop dt { width:100%; height:calc(100% - 25px); background:#eee; border:10px solid #eee; border-radius:12px; position:absolute; bottom:0; left:0;}
header .icon li .pop dt:before { width:0; height:0; content:""; border:10px solid transparent; border-bottom-color:#eee; position:absolute; top:-30px; left:50%; margin-left:-10px;}
header .icon li .pop dd { position:relative; z-index:10;}
header .icon li .qrcode { padding:35px 10px 10px 10px; flex-direction:column;}
header .icon li .qrcode dd { width:120px; text-align:center; line-height:1;}
header .icon li .qrcode dd img { width:100%; margin-bottom:8px;}
header .icon li:hover .pop,
header .icon li .pop.open { opacity:1; transform:translate(-50%,-10px); visibility:visible;}

header #search { width:1200px; height:50px; position:absolute; top:50%; left:50%; transform:translate(-50%,-300%); transition:all 0.25s; opacity:0; z-index:101;}
header #search:before { width:1920px; height:90px; content:""; background:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
header #search li { position:absolute; left:0; z-index:10;}
header #search li.close { width:30px; height:30px; top:50%; left:auto; right:-3px; margin-top:-15px;}
header #search li.close:before { width:24px; height:24px; content:""; background:url(../images/app.png) no-repeat 0 -15px; position:absolute; top:50%; left:50%; margin:-12px 0 0 -12px; transition:transform 0.2s;}
header #search li.close:hover:before { transform:rotate(90deg);}
header #search li.name { line-height:1; font-size:20px; top:50%; transform:translateY(-50%);}
header #search form { width:500px; height:50px; position:absolute; top:0; left:50%; transform:translateX(-50%);}
header #search form:before { width:24px; height:24px; content:""; background:url(../images/app.png) no-repeat -25px 0; position:absolute; top:50%; right:0; transform:translateY(-50%); z-index:25;}
header #search form input[name=wd] { width:100%; height:100%; border:0; border-bottom:1px solid #b5b5b5; position:absolute; top:0; left:0;}
header #search form input[name=wd]:focus { border-color:#002fa6;}
header #search form input[type=submit] { width:30px; height:100%; background:none; border:0; font-size:0; position:absolute; top:0; right:0; z-index:30;}
header #search.open { transform:translate(-50%,-50%); opacity:1;}

footer { width:1200px; padding-top:50px; margin-top:70px !important; position:relative; z-index:100;}
footer:before { width:1920px; height:100%; content:""; background:#e5eef3; border-top:6px solid #002fa6; position:absolute; top:0; left:50%; margin-left:-960px;}
#footer { position:fixed; bottom:0; left:50%; transform:translateX(-50%); z-index:100;}

footer .list { height:280px; display:flex; position:relative; z-index:10;}
footer .list li { padding-top:70px; display:flex; flex-direction:column; position:relative;}
footer .list li .title { height:35px; line-height:1; font-size:18px; font-weight:bold; color:#595757; position:absolute; top:0; left:0;}
footer .list li .title:before { width:18px; height:2px; content:""; background:#898989; position:absolute; bottom:0; left:0;}

footer .list li.logo { width:330px;}
footer .list li.logo .title:before { display:none;}

footer .list li.contact { width:360px;}
footer .list li.contact p { padding-left:70px; margin-bottom:20px; position:relative;}
footer .list li.contact p em { padding-left:25px; font-style:normal; position:absolute; top:0; left:0;}
footer .list li.contact p em:before { width:20px; height:20px; content:""; background:url(../images/app.png) no-repeat -130px 0; position:absolute; top:50%; left:-2px; transform:translateY(-50%);}
footer .list li.contact p.name em:before { background-position:-130px 0;}
footer .list li.contact p.addr em:before { background-position:-150px 0;}
footer .list li.contact p.tel em:before { background-position:-170px 0;}
footer .list li.contact p.zip em:before { background-position:-190px 0;}

footer .list li.links { width:300px;}
footer .list li.links .item { height:40px; margin-bottom:15px; background:#fff; color:#727171;}
footer .list li.links .item.links01 { z-index:15;}
footer .list li.links .item em.value { border:0; text-indent:10px; line-height:40px;}
footer .list li.links .item em.value:before { width:1px; height:12px; content:""; background:#898989; position:absolute; top:50%; right:39px; margin-top:-6px;}
footer .list li.links .item em.value:after { border-top-color:#898989; right:15px;}
footer .list li.links dl { max-height:calc(35px * 6 - 1px); background:#fff; border:1px solid #002fa6; top:100%; bottom:auto;}
footer .list li.links dl dd { height:34px; line-height:34px;}
footer .list li.links dl dd a { color:#595757;}
footer .list li.links dl dd a:hover { color:#002fa6;}
footer .list li.links .item:hover { background:#002fa6; color:#fff;}
footer .list li.links .item:hover em.value:after { border-top-color:#fff; transform:rotate(180deg);}
footer .list li.links .item:hover dl,
footer .list li.links .item dl.open { transform:translateY(0); opacity:1; visibility:visible;}
footer .list li.links .item:first-of-type dl { top:auto; bottom:calc(100% + 2px);}

footer .list li.qrcode { flex-direction:row; position:absolute; top:0; right:0;}
footer .list li.qrcode p { margin-left:20px; text-align:center; line-height:1; display:flex; flex-direction:column;}
footer .list li.qrcode p:first-of-type { margin:0;}
footer .list li.qrcode p img { width:120px; border:10px solid #fff; box-sizing:content-box; margin-bottom:10px;}

footer .copyright { padding:25px 0; display:flex; justify-content:space-between; position:relative; z-index:5;}
footer .copyright:before,
footer .copyright:after { width:100%; height:1px; content:""; background:#c0ccd2; position:absolute; top:0; left:50%; transform:translateX(-50%);}
footer .copyright:after { background:#fff; top:1px;}
footer .copyright li { line-height:24px;}
footer .copyright li span { margin-left:20px; display:inline-block;}
footer .copyright li span:first-of-type { margin:0;}
footer .copyright li a { display:inline-block;}

#fixed_right { position:fixed; top:50%; right:30px; transform:translateY(-50%); z-index:200;}
#fixed_right .index { width:16px; display:flex; flex-direction:column;}
#fixed_right .index li { width:100%; height:16px; margin:10px 0; position:relative; cursor:pointer; opacity:0; transform:translateX(100%); transition:all 0.35s;}
#fixed_right .index li:before { width:8px; height:8px; content:""; background:#000; border-radius:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:all 0.25s;}
#fixed_right .index li:hover:before { width:12px; height:12px;}
#fixed_right .index li.active:before { width:16px; height:16px;}
#fixed_right .index li p { padding:7px 17px 7px 7px; line-height:1; font-size:12px; color:#fff; white-space:nowrap; position:absolute; top:50%; right:100%; transform:translateY(-50%); opacity:0; visibility:hidden; transition:all 0.5s;}
#fixed_right .index li p:before { width:calc(100% - 10px); height:100%; content:""; background:#002fa6; border-radius:4px; position:absolute; top:0; left:0;}
#fixed_right .index li p:after { width:0; height:0; content:""; border:5px solid transparent; border-left-color:#002fa6; border-right:0; position:absolute; top:50%; right:5px; margin-top:-5px;}
#fixed_right .index li i { display:inline-block; position:relative; z-index:10;}
#fixed_right .index li:hover p { opacity:1; visibility:visible;}
#fixed_right .index.open li { opacity:1; transform:translateX(0);}
#fixed_right .index.open li:nth-child(1) { transition-delay:350ms;}
#fixed_right .index.open li:nth-child(2) { transition-delay:410ms;}
#fixed_right .index.open li:nth-child(3) { transition-delay:470ms;}
#fixed_right .index.open li:nth-child(4) { transition-delay:550ms;}
#fixed_right .index.open li:nth-child(5) { transition-delay:610ms;}
#fixed_right .index.open li:nth-child(6) { transition-delay:670ms;}

#fixed_right .list { width:50px;}
#fixed_right .list li { width:100%; height:50px; margin:10px 0; overflow:visible; position:relative; transition:all 0.35s; opacity:0; transform:translateX(200%);}
#fixed_right .list li a { width:50px; height:100%; background:#f2f2f2; border-radius:100%; position:absolute; top:0; right:0;}
#fixed_right .list li a:before { width:20px; height:20px; content:""; background:url(../images/base.png) no-repeat -50px -40px; position:absolute; top:50%; left:50%; margin:-10px 0 0 -10px;}
#fixed_right .list li a:after { width:20px; height:7px; content:""; background:url(../images/base.png) no-repeat -25px -73px; position:absolute; bottom:0; left:3px; display:none;}
#fixed_right .list li.tel a:before { background-position:-50px -40px;}
#fixed_right .list li.code a:before { background-position:-70px -40px;}
#fixed_right .list li.msg a:before { background-position:-90px -40px;}
#fixed_right .list li i { width:40px; text-align:center; line-height:16px; font-size:14px; color:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:none;}
#fixed_right .list li .pop { position:absolute; bottom:0; right:100%; transition:all 0.2s; transform:scale(0); opacity:0; visibility:hidden;}
#fixed_right .list li .pop dt { width:calc(100% - 20px); height:100%; background:#f2f2f2; border-radius:10px; position:absolute; top:0; left:0;}
#fixed_right .list li .pop dt:before { width:6px; height:19px; content:""; background:url(../images/base.png) no-repeat -38px -40px; position:absolute; bottom:16px; left:100%;}
#fixed_right .list li .phone dd { height:50px; padding:0 40px 0 71px; line-height:50px; font-size:24px; color:#002fa6; white-space:nowrap; display:inline-block; position:relative;}
#fixed_right .list li .phone dd:before { width:20px; height:20px; content:""; background:url(../images/base.png) no-repeat -50px -60px; position:absolute; top:50%; left:20px; transform:translateY(-50%);}
#fixed_right .list li .phone dd:after { width:1px; height:20px; content:""; background:#002fa6; position:absolute; top:50%; left:55px; transform:translateY(-50%);}
#fixed_right .list li .qrcode { padding:15px 35px 15px 15px; display:flex;}
#fixed_right .list li .qrcode dd { width:120px; margin-left:15px; text-align:center; line-height:1; color:#595757; position:relative;}
#fixed_right .list li .qrcode dd:nth-child(2) { margin:0;}
#fixed_right .list li .qrcode dd img { width:100%; margin-bottom:8px;}
#fixed_right .list li:hover a { background:#b40014;}
#fixed_right .list li:hover a:before { display:none;}
#fixed_right .list li:hover a:after { display:block;}
#fixed_right .list li.msg:hover a:after { display:none;}
#fixed_right .list li:hover i { display:block;}
#fixed_right .list li:hover .pop,
#fixed_right .list li .pop.open { opacity:1; transform:scale(1); visibility:visible;}

#fixed_right .list.open li { opacity:1; transform:translateX(0);}
#fixed_right .list.open li:nth-child(1) { transition-delay:300ms;}
#fixed_right .list.open li:nth-child(2) { transition-delay:400ms;}
#fixed_right .list.open li:nth-child(3) { transition-delay:500ms;}
#fixed_right .list.open li:nth-child(4) { transition-delay:600ms;}
#fixed_right .list.open li:nth-child(5) { transition-delay:700ms;}

/**公共**/
.banner { position:relative;}
.banner .list { position:relative; z-index:10;}
.banner .list li { text-align:center; position:relative;}
.banner .list .img { width:1920px; height:auto; background-image:none; left:50%; transform:translateX(-50%);}
.banner .list .img img { min-height:none; position:relative;}
.banner .list .text { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:15;}
.banner .list .text .txt { width:108px; padding:30px 0 120px; text-align:center; line-height:1; font-size:18px; font-weight:bold; color:#fff; display:inline-block; box-sizing:content-box; position:relative;}
.banner .list .text .txt:before { width:36px; height:2px; content:""; background:#fff; position:absolute; bottom:95px; left:50%; transform:translateX(-50%);}
.banner .list .text .txt i { font-size:20px; font-weight:normal; text-transform:uppercase; letter-spacing:3px; white-space:nowrap; position:absolute; bottom:35px; left:50%; transform:translateX(-50%);}
.banner .list .text .line1,
.banner .list .text .line2 { width:100%; height:6px; background:#fff; position:absolute; left:0;}
.banner .list .text .line1 { top:0;}
.banner .list .text .line2 { bottom:0;}
.banner .list .text .line1:before,
.banner .list .text .line1:after,
.banner .list .text .line2:before,
.banner .list .text .line2:after { width:6px; height:6px; content:""; background:#fff; position:absolute;}
.banner .list .text .line1:before { height:100px; top:0; left:0;}
.banner .list .text .line1:after { height:100px; top:0; right:0;}
.banner .list .text .line2:before { height:25px; bottom:0; left:0;}
.banner .list .text .line2:after { height:25px; bottom:0; right:0;}
.banner .list:hover .img img { transform:scale(1.02);}

.main { width:1200px; position:relative; z-index:100;}
.main_menu { height:70px; margin-bottom:70px; position:relative;}
.main_menu:before { width:1920px; height:1px; content:""; background:#efefef; position:absolute; bottom:0; left:50%; transform:translateX(-50%);}
.main_menu .menu { width:100%; height:70px; display:flex; position:absolute; top:0; left:0;}
.main_menu .menu li { padding-right:45px; position:relative; z-index:10;}
.main_menu .menu li:last-of-type,
.main_menu .menu li:nth-last-child(2) { padding:0;}
.main_menu .menu li a { height:100%; display:flex; align-items:center; font-size:18px;}
.main_menu .menu li:hover a,
.main_menu .menu li a.active { color:#002fa6;}
.main_menu .menu li.line { width:0; height:2px; background:#002fa6; position:absolute; bottom:0; left:0; transition:left 0.35s;}
.main_menu .menu#fixed { width:1200px; position:fixed;}
.main_menu .menu li.search_tongji { display:flex; align-items:center;}
.main_menu .menu li.search_tongji i { padding-right:5px; color:#f00;}

.main_menu .site { height:20px; position:absolute; top:50%; right:0; transform:translateY(-50%);}
.main_menu .site li { font-size:14px; color:#b5b5b6; display:flex; align-items:center;}
.main_menu .site li i { padding:0 8px; font-family:"SimSun";}
.main_menu .site li a { height:100%; color:#9fa0a0; position:relative;}
.main_menu .site li a:hover { color:#787878;}
.main_menu .site li a.now { padding-left:25px;}
.main_menu .site li a.now:before { width:20px; height:16px; content:""; background:url(../images/app.png) no-repeat 0 -40px; position:absolute; top:50%; left:0; transform:translateY(-8px);}
.main_menu .site li a.now:hover { color:#9fa0a0;}
.main_menu .site li a.active { color:#787878;}

.main_all { position:relative;}
.main_left { width:900px; position:relative;}
.main_right { width:240px; display:flex; flex-direction:column; position:relative;}
.main_right_fixed { position:absolute; right:0;}

.main_right .view_news_list { width:240px; display:flex; flex-direction:column;}
.main_right .view_news_list dt { margin-bottom:5px;}
.main_right .view_news_list dt a { height:80px; background:#595757; font-size:16px; display:flex; align-items:center; justify-content:center;}
.main_right .view_news_list dt .name { padding-left:25px; color:#fff; position:relative;}
.main_right .view_news_list dt .name:before { width:18px; height:15px; content:""; background:url(../images/app.png) no-repeat -50px -60px; position:absolute; top:50%; left:0; transform:translateY(-8px);}
.main_right .view_news_list dt:hover a { background:#002fa6;}
.main_right .view_news_list dd { margin-top:10px;}
.main_right .view_news_list dd a { padding:15px; background:#f8f8f8; display:flex; flex-direction:column;}
.main_right .view_news_list dd .img { margin:-15px -15px 15px;}
.main_right .view_news_list dd .img img { min-height:none; position:relative;}
.main_right .view_news_list dd h3 { margin:-2px 0; line-height:19px; font-size:15px;}
.main_right .view_news_list dd .date { padding-left:20px; margin:10px 0 -5px; color:#9fa0a0; position:relative;}
.main_right .view_news_list dd .date:before { width:14px; height:14px; content:""; background:url(../images/app.png) no-repeat -50px -80px; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.main_right .view_news_list dd:hover a { background:#002fa6;}
.main_right .view_news_list dd:hover .img img { transform:scale(1.08);}
.main_right .view_news_list dd:hover h3 { color:#fff;}
.main_right .view_news_list dd:hover .date { color:#fff;}
.main_right .view_news_list dd:hover .date:before { background-position:-50px -110px;}

/**列表**/
#list { display:flex; flex-direction:column; position:relative; z-index:20;}

#list .pages { height:30px; padding:12px 95px 12px 10px; margin-top:25px; background:#f8f8f8; border-radius:4px; display:flex; justify-content:right; box-sizing:content-box; position:relative; z-index:100;}
#list .pages>a { height:30px; padding:0 12px; margin-left:8px; background:#fff; border:1px solid #c9caca; border-radius:3px; line-height:30px; font-size:12px;  display:flex; align-items:center; position:relative; z-index:10;}
#list .pages>a[href]:hover { border-color:#002fa6; color:#002fa6;}
#list .pages>.now { padding:0 6px; background:rgb(245,245,245); border-color:#002fa6; color:#002fa6;}
#list .pages>.now span { margin:0 2px;}
#list .pages>.tongji { padding:0; margin-left:0; background:none; border-color:transparent; color:#3e3a39; position:absolute; top:12px; left:10px;}
#list .pages>.tongji span { margin-left:10px; display:inline-block;}
#list .pages>.tongji span:first-child { margin:0;}
#list .pages>.none { border-color:#ccc; color:#ccc; cursor:no-drop;}
#list .pages>.none[href]:hover { background:#fff; border-color:#ccc; color:#ccc;}

#list .pages .openSelect { width:75px; height:30px; font-size:12px; color:#3e3a39; position:absolute; top:12px; right:10px;}
#list .pages .openSelect em { background:#fff;}
#list .pages .openSelect em.value { border-color:#c8cfd2; border-radius:3px; line-height:28px;}
#list .pages .openSelect em.value:after { border-top-color:#ccc;}
#list .pages .openSelect dl { max-height:calc(29px * 6 - 1px); border-color:#002fa6; border-radius:4px 4px 0 0; bottom:calc(100% + 2px);}
#list .pages .openSelect dl dd { height:28px; border-top-color:#ddd; line-height:28px;}
#list .pages .openSelect dl dd:hover { background:none;}
#list .pages .openSelect dl dd a:hover { background:#fff; color:#002fa6;}
#list .pages .openSelect dl dd a.active,
#list .pages .openSelect dl dd a.active:hover { background:rgba(0,0,0,0.08); color:#002fa6;}
#list .pages .openSelect.open em.value { border-color:#002fa6;}
#list .pages .openSelect.open em.value:after { border-top-color:#002fa6;}
#list .pages .openSelect.open dl { transform:translateY(0);}

#list .list_leader { display:flex; flex-direction:column;}
#list .list_leader li { padding:50px 0; position:relative;}
#list .list_leader li:before { width:1920px; height:100%; content:""; background:#f6f8fa; position:absolute; top:0; left:50%; transform:translateX(-50%); display:none;}
#list .list_leader li .img { width:270px; height:100%; position:absolute; top:0; right:0; z-index:10; display:none;}
#list .list_leader li .info { padding-top:84px; line-height:28px; font-size:16px; color:#595757; position:relative; z-index:10;}
#list .list_leader li .info dt { height:56px; line-height:1; font-size:28px; font-weight:bold; color:#3e3a39; white-space:nowrap; position:absolute; top:6px; left:0;}
#list .list_leader li .info dt i { font-size:16px; position:absolute; bottom:0; left:0;}
#list .list_leader li:nth-child(even):before { display:block;}
#list .list_leader li:nth-child(even) .img { left:0; right:auto;}
#list .list_leader li:first-child { padding-top:0;}
#list .list_leader li:last-child:nth-child(odd) { padding-bottom:0;}

#list .list_chanye { padding-top:75px; display:flex; position:relative;}
#list .list_chanye .title { height:47px; padding-left:56px; position:absolute; top:0; left:0;}
#list .list_chanye .title:before { width:44px; height:44px; content:""; background:url(../images/app.png) no-repeat -100px -60px; position:absolute; top:0; left:0;}
#list .list_chanye .title span { height:100%; line-height:1; font-size:24px; font-weight:bold; display:block; position:relative;}
#list .list_chanye .title span i { font-size:16px; font-weight:normal; white-space:nowrap; position:absolute; bottom:0; left:0;}
#list .list_chanye li { flex:1; position:relative;}
#list .list_chanye li a { line-height:1; display:flex; flex-direction:column; position:relative;}
#list .list_chanye li .pic { overflow:hidden; position:relative;}
#list .list_chanye li .pic .img { width:100%; height:100%; position:absolute; top:0; left:0;}
#list .list_chanye li .pic .img img { transition:all 0.8s;}
#list .list_chanye li .pic .mask { width:100%; height:100%; background:rgba(0,47,166,0.7); position:absolute; top:0; left:0; z-index:15;}
#list .list_chanye li .pic .mask:before { width:100%; height:100%; content:""; background:rgba(0,47,166,1); position:absolute; top:100%; left:0; transition:all 0.3s;}
#list .list_chanye li .pic .mask span { width:100%; text-align:center; font-size:20px; font-weight:bold; color:#fff; position:absolute; top:230px; left:0; z-index:10; transition:all 0.3s;}
#list .list_chanye li .pic .mask span i { width:50px; height:44px; position:absolute; top:-120px; left:50%; transform:translateX(-50%); transition:all 0.15s;}
#list .list_chanye li .pic .mask span i img { width:100%; height:100%;}
#list .list_chanye li .pic .mask span:before { width:34px; height:34px; content:""; background:url(../images/app.png) no-repeat -15px -60px; position:absolute; bottom:-115px; left:50%; transform:translateX(-50%); opacity:0; transition:all 0.15s;}
#list .list_chanye li:nth-of-type(even) .pic .mask { background:rgba(0,161,55,0.7);}
#list .list_chanye li:nth-of-type(even) .pic .mask:before { background:rgba(0,161,55,1);}
#list .list_chanye li:hover .pic .mask:before { top:0;}
#list .list_chanye li:hover .pic .mask span { top:120px;}
#list .list_chanye li:hover .pic .mask span i { opacity:0;}
#list .list_chanye li:hover .pic .mask span:before { opacity:1;}

#list .list_company { padding-top:75px; margin:0 -25px -25px 0; display:flex; flex-wrap:wrap; position:relative;}
#list .list_company .title { height:47px; padding-left:56px; position:absolute; top:0; left:0;}
#list .list_company .title:before { width:44px; height:44px; content:""; background:url(../images/app.png) no-repeat -145px -60px; position:absolute; top:0; left:0;}
#list .list_company .title span { height:100%; line-height:1; font-size:24px; font-weight:bold; display:block; position:relative;}
#list .list_company .title span i { font-size:16px; font-weight:normal; white-space:nowrap; position:absolute; bottom:0; left:0;}
#list .list_company li { width:calc(100% / 3 - 25px); margin:0 25px 25px 0;}
#list .list_company li a { padding:20px 30px 20px 20px; border:1px solid #cacbcb; line-height:1; font-size:16px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative;}
#list .list_company li a:after { width:8px; height:8px; content:""; border:1px solid #cacbcb; border-top-color:transparent !important; border-left-color:transparent !important; transform:rotate(-45deg); position:absolute; top:50%; right:22px; margin-top:-5px;}
#list .list_company li:hover a { border-color:#002fa6;}
#list .list_company li:hover a:after { border-color:#002fa6;}

#list .list_news { margin:-25px 0 5px; display:flex; flex-direction:column;}
#list .list_news li { height:130px; border-bottom:1px solid #efefef; overflow:hidden;}
#list .list_news li a { height:100%; padding:24px 170px 24px 120px; line-height:1; font-size:14px; color:#aaa; display:flex; flex-direction:column; position:relative; transition:background 0.3s;}
#list .list_news li .img { width:500px; height:100%; position:absolute; top:0; left:0; display:none;}
#list .list_news li h3 { margin-bottom:25px; font-size:20px; color:#3e3a39; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:color 0.3s;}
#list .list_news li .text { max-height:48px; margin:-5px 0; line-height:24px; color:#898989; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
#list .list_news li .date { width:120px; padding-top:30px; text-align:center; font-family:arial; position:absolute; top:50%; left:0; transform:translateY(-50%); transition:color 0.3s;}
#list .list_news li .date i { width:100%; font-size:28px; position:absolute; top:0; left:0;}
#list .list_news li .more { width:130px; height:100%; font-size:14px; color:#9fa0a0; position:absolute; bottom:0; right:0; z-index:15;}
#list .list_news li .more i { width:100%; padding-top:35px; text-align:center; position:absolute; top:50%; left:0; transform:translateY(-50%);}
#list .list_news li .more i:before { width:28px; height:25px; content:""; background:url(../images/app.png) no-repeat -70px -80px; position:absolute; top:0; left:50%; transform:translateX(-50%);}
#list .list_news li a:hover { background:#f8f8f8;}
#list .list_news li a:hover .img img { transform:scale(1.05);}
#list .list_news li a:hover h3 { color:#002fa6;}
#list .list_news li a:hover .date { color:#002fa6;}
#list .list_news li a:hover .more { background:#002fa6; color:#fff;}
#list .list_news li a:hover .more i:before { background-position:-70px -110px;}

#list .list_news li:first-of-type { height:300px; margin-bottom:2px; border:0;}
#list .list_news li:first-of-type a { padding:45px 40px 45px 540px; background:#f8f8f8;}
#list .list_news li:first-of-type .img { display:list-item;}
#list .list_news li:first-of-type h3 { font-size:24px;}
#list .list_news li:first-of-type .date { padding:0 0 0 20px; margin-bottom:25px; color:#9fa0a0; display:flex; align-items:center; position:relative; top:auto; left:auto; transform:translateY(0);}
#list .list_news li:first-of-type .date:before { width:14px; height:14px; content:""; background:url(../images/app.png) no-repeat -50px -80px; position:absolute; top:50%; left:0; transform:translateY(-50%);}
#list .list_news li:first-of-type .date i { width:auto; padding-left:5px; font-size:14px; position:relative; top:auto; left:auto;}
#list .list_news li:first-of-type .date i:before { width:5px; height:100%; content:"-"; position:absolute; top:0; left:0;}
#list .list_news li:first-of-type .more { width:120px; height:40px; background:none; border:1px solid #b5b5b6; text-align:center; color:#999; overflow:hidden; bottom:45px; left:540px; right:auto; transition:all 0.3s;}
#list .list_news li:first-of-type .more i { padding:0; line-height:38px;}
#list .list_news li:first-of-type .more i:before { display:none;}
#list .list_news li:first-of-type a:hover .date { color:#9fa0a0;}
#list .list_news li:first-of-type a:hover .more { border-color:#002fa6; color:#fff;}

#list .list_zeren { margin:-30px -30px 0 0; display:flex; flex-wrap:wrap;}
#list .list_zeren li { width:calc(100% / 3 - 30px); margin:30px 30px 0 0;}
#list .list_zeren li a { padding:20px; background:#f8f8f8; line-height:1; color:#898989; display:flex; flex-direction:column;}
#list .list_zeren li .pic { margin:-20px -20px 0; position:relative;}
#list .list_zeren li .pic .img { width:100%; height:100%; position:absolute; top:0; left:0;}
#list .list_zeren li h3 { margin:20px 0; font-size:18px; color:#3e3a39; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
#list .list_zeren li .text { height:48px; margin:-5px 0; line-height:24px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
#list .list_zeren li .date { padding-left:20px; margin-top:20px; display:flex; align-items:center; justify-content:space-between; position:relative;}
#list .list_zeren li .date:before { width:14px; height:14px; content:""; background:url(../images/app.png) no-repeat -50px -80px; position:absolute; top:50%; left:0; transform:translateY(-50%);}
#list .list_zeren li .date i { display:inline-block; position:relative;}
#list .list_zeren li .date i:before { width:100%; height:1px; content:""; background:#898989; position:absolute; bottom:-3px; left:0;}
#list .list_zeren li:hover a { background:#002fa6; color:#fff;}
#list .list_zeren li:hover .pic .img img { transform:scale(1.08);}
#list .list_zeren li:hover h3 { color:#fff;}
#list .list_zeren li:hover .date:before { background-position:-50px -95px;}
#list .list_zeren li:hover .date i:before { background:#fff;}

#list .list_yuangong { margin:-30px -30px 0 0; display:flex; flex-wrap:wrap;}
#list .list_yuangong li { width:calc(100% / 3 - 30px); margin:30px 30px 0 0;}
#list .list_yuangong li a { background:#f8f8f8; text-align:center; line-height:1; display:flex; flex-direction:column;}
#list .list_yuangong li .pic { position:relative;}
#list .list_yuangong li .pic .img { width:100%; height:100%; position:absolute; top:0; left:0;}
#list .list_yuangong li h3 { margin:18px 10px; font-size:16px; color:#3e3a39; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
#list .list_yuangong li:hover a { background:#002fa6;}
#list .list_yuangong li:hover h3 { color:#fff;}
#list .list_yuangong li:hover .pic .img img { transform:scale(1.08);}

#list .list_xinxi { margin:-30px -30px 0 0; display:flex; flex-wrap:wrap;}
#list .list_xinxi li { width:calc(100% / 2 - 30px); margin:30px 30px 0 0; border:1px solid #efefef; position:relative;}
#list .list_xinxi li:before { width:80px; height:100%; content:""; background:#f7f8f8; position:absolute; top:0; left:0;}
#list .list_xinxi li a { padding:0 20px 20px 100px; line-height:1; display:flex; flex-direction:column; position:relative; z-index:10;}
#list .list_xinxi li h3 { margin:22px 0 20px; font-size:18px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
#list .list_xinxi li .text { height:48px; margin:-5px 0; line-height:24px; color:#898989; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
#list .list_xinxi li .date { width:80px; padding-top:30px; text-align:center; font-family:arial; position:absolute; top:50%; left:0; transform:translateY(-50%);}
#list .list_xinxi li .date i { width:100%; font-size:28px; position:absolute; top:0; left:0;}
#list .list_xinxi li:hover { background:#002fa6;}
#list .list_xinxi li:hover:before { background:#022990;}
#list .list_xinxi li:hover a { color:#fff;}
#list .list_xinxi li:hover .text { color:#fff;}

#list .list_job { margin-top:-30px; display:flex; flex-direction:column;}
#list .list_job li { margin-top:30px; border:1px solid #efefef; position:relative;}
#list .list_job li:before { width:86px; height:86px; content:""; background:#f7f8f8; position:absolute; top:50%; left:25px; transform:translateY(-50%);}
#list .list_job li a { padding:0 160px 20px 140px; line-height:1; display:flex; flex-direction:column; position:relative; z-index:10;}
#list .list_job li h3 { margin:22px 0 20px; font-size:18px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
#list .list_job li .text { height:48px; margin:-5px 0; line-height:24px; color:#898989; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
#list .list_job li .date { width:86px; padding-top:30px; text-align:center; font-family:arial; color:#595757; position:absolute; top:50%; left:25px; transform:translateY(-50%);}
#list .list_job li .date i { width:100%; font-size:28px; position:absolute; top:0; left:0;}
#list .list_job li .more { width:130px; height:100%; font-size:14px; color:#9fa0a0; position:absolute; bottom:0; right:0; z-index:15;}
#list .list_job li .more i { width:100%; padding-top:35px; text-align:center; position:absolute; top:50%; left:0; transform:translateY(-50%);}
#list .list_job li .more i:before { width:28px; height:25px; content:""; background:url(../images/app.png) no-repeat -70px -80px; position:absolute; top:0; left:50%; transform:translateX(-50%);}
#list .list_job li:hover { background:#f7f8f8;}
#list .list_job li:hover:before { background:#ebeff2;}
#list .list_job li:hover h3 { color:#002fa6;}
#list .list_job li:hover .more { background:#002fa6; color:#fff;}
#list .list_job li:hover .more i:before { background-position:-70px -110px;}

#list .search_news { margin-top:-25px; position:relative;}
#list .search_news li { border-bottom:1px dotted #c9caca; line-height:20px; font-size:12px;}
#list .search_news li a { padding:25px 0; display:block;}
#list .search_news li h3 { margin:-2px 0; line-height:22px; font-size:18px; color:#000; white-space:normal;}
#list .search_news li .img { float:left; width:140px; height:84px; margin:16px 15px 0 0; border-radius:4px;}
#list .search_news li .text { max-height:44px; margin:20px 0; line-height:22px; font-size:14px; color:#898989; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
#list .search_news li .date { line-height:1; color:#777; display:flex;}
#list .search_news li .date span { height:100%; padding-left:11px; margin-left:12px; border-left:1px solid #898989; display:inline-block;}
#list .search_news li .date span:first-child { padding:0; margin:0; border:0;}
#list .search_news li:hover h3 { color:#002fa6;}
#list .search_news li:hover .img img { transform:scale(1.05);}

/**详情**/
#detail { display:flex; flex-direction:column; position:relative; z-index:20;}

#detail article { margin:-6px 0; line-height:28px; font-size:16px; overflow:hidden; word-wrap:break-word; position:relative;}
#detail article * { position:relative; z-index:10;}
#detail article img { max-width:100% !important; height:auto !important;}
#detail article video { max-width:100% !important; height:auto !important;}
#detail article iframe { max-width:calc(100% - 2px); border:1px solid #ccc;}
#detail article table { max-width:100%;}
#detail article table.noBorder:first-child { margin-top:6px;}
#detail article table.none { border:0;}
#detail article table.none:first-child { margin-top:6px;}
#detail article table.none td { padding:0; vertical-align:top; border:0;}
#detail article p:first-child img,
#detail article p:first-child video,
#detail article p:first-child iframe { margin-top:6px;}
#detail article p:first-child img[style] { margin-top:0;}
#detail article p:last-child img,
#detail article p:last-child video,
#detail article p:last-child iframe { margin-bottom:6px;}

#detail article.lianxi { padding:30px; background:#f8f8f8;}
#detail article.lianxi p.icon>span { padding-left:25px; color:#595757; position:relative;}
#detail article.lianxi p.icon>span:before { width:20px; height:20px; content:""; background:url(../images/app.png) no-repeat -130px -20px; position:absolute; top:50%; left:-2px; transform:translateY(-50%);}
#detail article.lianxi p.icon>span.addr:before { background-position:-150px -20px;}
#detail article.lianxi p.icon>span.tel:before { background-position:-170px -20px;}
#detail article.lianxi p.icon>span.zip:before { background-position:-190px -20px;}

#detail article.show_map { width:calc(100% + 98px); margin:-50px -50px 50px; border:1px solid #ccc;}
#detail article.show_map iframe { width:calc(100% + 2px); margin:-1px;}

#detail .pages { padding-top:15px; margin:30px 0 -5px; border-top:5px solid #dae0e4; display:flex; flex-direction:column; position:relative;}
#detail .pages:before { width:100%; height:2px; content:""; background:#dae0e4; position:absolute; top:4px; left:0;}
#detail .pages li { margin-top:5px; height:24px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#detail .pages li a { display:inline-block;}
#detail .pages li .none { color:#9fa0a0;}

#detail .view_menu { margin:0 -25px 25px 0; display:flex; flex-wrap:wrap; position:relative;}
#detail .view_menu li { width:calc(100% / 5 - 25px); margin:0 25px 25px 0;}
#detail .view_menu li a { padding:15px 10px; border:1px solid #cacbcb; text-align:center; line-height:1; font-size:16px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#detail .view_menu li:hover a { border-color:#002fa6;}
#detail .view_menu li a.active { background:#002fa6; border-color:#002fa6; color:#fff;}

#detail .view_company_contact { padding-top:20px; margin:60px -30px 0 0; display:flex; flex-wrap:wrap; position:relative;}
#detail .view_company_contact dt { line-height:1; font-size:30px; font-weight:bold; position:absolute; top:0; left:0;}
#detail .view_company_contact dd { width:calc(50% - 30px); height:120px; padding:0 30px; margin:30px 30px 0 0; border:1px solid #c9caca; line-height:24px; color:#727171; display:flex; flex-direction:column;}
#detail .view_company_contact dd p:first-of-type { margin:24px 0 10px; line-height:1; font-size:18px; color:#3e3a39;}

#detail .view_news_title { margin-bottom:30px; border-bottom:1px solid #efefef; display:flex; flex-direction:column;}
#detail .view_news_title h1 { margin:-5px 0; text-align:center; line-height:36px; font-size:26px; font-weight:bold; color:#3e3a39;}
#detail .view_news_title .info { margin:20px 0; line-height:1; font-size:14px; color:#9fa0a0; display:flex; align-items:center; justify-content:center;}
#detail .view_news_title .info span { padding-left:25px; position:relative;}
#detail .view_news_title .info span:before { width:1px; height:14px; content:""; background:#9fa0a0;; position:absolute; top:50%; left:12px; margin-top:-7px;}
#detail .view_news_title .info span:first-of-type { padding:0;}
#detail .view_news_title .info span:first-of-type:before { display:none;}

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

.pop_div .close { width:30px; height:30px; background:#666; border:2px solid rgb(255,255,255); border-radius:100%; cursor:pointer; position:absolute; top:-40px; right:-40px; transition:all 0.35s;}
.pop_div .close:before { width:12px; height:12px; content:""; background:url(../images/base.png) no-repeat 0 0; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:all 0.25s;}
.pop_div .close:hover { background:#002fa6;}
.pop_div .close:hover:before { transform:translate(-50%,-50%) 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; cursor:auto; display:none;}
.pop_div .loading { width:100%; height:100%; background-color:rgba(0,0,0,0.4); top:0; left:0; z-index:30; display:none;}
.pop_div .page { width:120px; height:40px; border:2px solid #fff; border-radius:50px; text-align:center; line-height:40px; font-size:16px; color:#fff; position:absolute; bottom:-64px;}
.pop_div .page:hover { border-color:#002fa6; color:#002fa6;}
.pop_div .page.prev { left:50%; margin-left:-135px;}
.pop_div .page.next { right:50%; margin-right:-135px;}
.pop_div .page.end { background:rgba(0,0,0,0.5); border-color:#898989; color:#898989;}

.pop_photo { position:absolute; top:50%; left:50%; margin-top:-20px; transition:all 0.25s; transform:translate(-50%,-50%) scale(0); opacity:0; visibility:hidden;}
.pop_photo.open { transform:translate(-50%,-50%) scale(1); opacity:1; visibility:visible;}
.pop_photo img { max-width:900px; max-height:540px; border:#ddd 0px solid; border-radius:3px; position:relative; z-index:10;}
.pop_photo li { position:absolute; z-index:20;}
.pop_photo .title { background:#0045d0; height:40px; line-height:40px; text-align:center;}
.pop_photo .info { width:calc(100% - 20px); max-height:20px; padding:8px 10px 6px; background:rgba(0,0,0,0.5); line-height:20px; font-size:12px; color:#fff; bottom:0px; left:0; z-index:10; transition:all 0.5s;}
.pop_photo .info p { float:left; width:100%; height:20px; overflow:hidden; transition:all 0.45s;}
.pop_photo .info:hover { max-height:50%;}
.pop_photo .info:hover p { height:100%;}

.pop_video { position:absolute; top:50%; left:50%; margin-top:-35px; transition:all 0.25s; transform:translate(-50%,-50%) scale(0); opacity:0; visibility:hidden;}
.pop_video.open { transform:translate(-50%,-50%) scale(1); opacity:1; visibility:visible;}
.pop_video video { max-width:900px; max-height:540px; border:0px solid #ddd; border-radius:3px; position:relative; z-index:10;}
.pop_video li { position:absolute; z-index:20;}
.pop_video .title { height:16px; background:none; text-align:center; line-height:16px; font-size:16px; bottom:-30px; display:block;}
.pop_video .page { display:none;}