@charset "utf-8";
html,body { width:100%; background:#fefdf0; 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:#595757;}
* { margin:0; padding:0; list-style:none; outline:none; -webkit-tap-highlight-color:transparent;}
img,video,iframe { border:0; vertical-align:middle;}
i { font-style:normal;}
a { color:#595757; text-decoration:none;}
a:hover { color:#005db3;}
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; box-sizing:border-box; resize:none;}
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);}
@font-face { font-family:"ALTGOT2N"; src:url("../font/ALTGOT2N.eot"); src:url("../font/ALTGOT2N.eot") format("embedded-opentype"), url("../font/ALTGOT2N.woff") format("woff"), url("../font/ALTGOT2N.ttf") format("truetype"), url("../font/ALTGOT2N.svg") format("svg");}
::-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; 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; position:relative !important; z-index:10 !important;}
.bg img { width:100%; opacity:0; visibility:hidden;}
.img,.loading,.img_loading img,article iframe,article video { background:#f5f5f5 url(../images/app_loading.gif) no-repeat center center; background-size:40px; overflow:hidden; position:relative;}
.img img { width:100%; min-height:100%; transition:all 0.4s; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; z-index:10;}

.allSelect { text-align:left; font-size:14px; position:relative;}
.allSelect em { font-style:normal; position:absolute; cursor:pointer;}
.allSelect em.value { width:calc(100% - 2px); height:calc(100% - 2px); border:1px solid #898989; text-indent:10px; top:0; left:0;}
.allSelect 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:400ms;}
.allSelect em.open { border-color:#0286d1; color:#0286d1;}
.allSelect em.open:after { border-top-color:#0286d1; transform:rotate(180deg);}
.allSelect dl { width:calc(100% - 2px); max-height:calc(30px * 6 - 1px); background:#fff; border:1px solid #0286d1; position:absolute; top:calc(100% - 1px); right:0; cursor:auto; z-index:100; transition:all 0.3s; transform:translateY(0); opacity:0; visibility:hidden; overflow-x:hidden; overflow-y:auto;}
.allSelect dl dd { height:29px; border-top:1px solid #f7f7f7; text-indent:10px; line-height:30px; display:block; overflow:hidden;}
.allSelect dl dd a { height:100%; display:block;}
.allSelect dl dd:first-child { border:0;}
.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:1200px; height:60px; position:relative; z-index:150;}
header:before { width:1920px; height:100%; content:""; background:url(../images/bg_header.png) no-repeat center center; position:absolute; top:0; left:50%; transform:translateX(-50%);}

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

header .nav { height:60px; display:flex; align-items:center; position:absolute; top:50%; right:120px; transform:translateY(-50%); z-index:30;}
header .nav>li { width:108px; height:100%; margin-left:1px; text-align:center; line-height:60px; font-size:15px; position:relative;}
header .nav>li:first-child { margin:0;}
header .nav>li>a { height:100%; color:#fff; display:block;}
header .nav>li:hover>a,
header .nav>li>a.active { background:url(../images/bg_nav.png) no-repeat center center; color:#fff;}

header .nav>li dl { width:100%; padding:10px 0; background:rgba(255,255,255,0.8); border-radius:0 0 8px 8px; position:absolute; top:100%; left:0; display:none;}
header .nav>li dd { text-align:center; line-height:1; font-size:13px; position:relative;}
header .nav>li dd>a { padding:10px 0; color:#3e3a39; display:block;}
header .nav>li dd>a>i { display:inline-block; position:relative;}
header .nav>li dd>a>i:before { width:0; height:1px; content:""; background:#005db3; position:absolute; bottom:-4px; left:50%; transform:translateX(-50%); transition:all 0.15s;}
header .nav>li dd:hover>a { color:#005db3;}
header .nav>li dd:hover>a>i:before { width:100%;}
header .nav>li dd>a.active { color:#005db3;}
header .nav>li dl.open { display:block;}

header .nav>li ol { width:100%; padding:10px 0; background:rgba(255,255,255,0.7); border-radius:0 8px 8px 8px; position:absolute; top:-10px; left:100%; display:none;}
header .nav>li ol li { text-align:center; line-height:1; font-size:13px; position:relative;}
header .nav>li ol li>a { padding:10px 0; color:#3e3a39; display:block;}
header .nav>li ol li>a>i { display:inline-block; position:relative;}
header .nav>li ol li>a>i:before { width:0; height:1px; content:""; background:#005db3; position:absolute; bottom:-4px; left:50%; transform:translateX(-50%); transition:all 0.15s;}
header .nav>li ol li>a:hover { color:#005db3;}
header .nav>li ol li>a:hover>i:before { width:100%;}
header .nav>li ol li>a.active { color:#005db3;}
header .nav>li dd:hover ol { display:block;}

header .icon { height:40px; display:flex; align-items:center; position:absolute; top:50%; right:-10px; transform:translateY(-50%); z-index:30;}
header .icon li { width:40px; height:100%; position:relative;}
header .icon li a { height:100%; font-size:0; display:block; cursor:pointer;}
header .icon li a:before { width:30px; height:30px; content:""; background:url(../images/app.png) no-repeat -50px 0; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
header .icon li:hover a { color:#005db3;}
header .icon li:hover a:before { background-position:-50px -30px;}
header .icon li.icon_weibo a:before { background-position:-80px 0;}
header .icon li.icon_weibo:hover a:before { background-position:-80px -30px;}
header .icon li.icon_qq a:before { background-position:-110px 0;}
header .icon li.icon_qq:hover a:before { background-position:-110px -30px;}
header .icon li .pop { position:absolute; top:100%; left:50%; transition:all 0.15s; opacity:0; transform:translate(-50%,20px); visibility:hidden;}
header .icon li .pop dt { width:100%; height:calc(100% - 10px); background:#fff; border-radius:8px; position:absolute; bottom:0; left:0;}
header .icon li .pop dt:before { width:0; height:0; content:""; border:8px solid transparent; border-bottom-color:#fff; position:absolute; top:-16px; left:50%; margin-left:-8px;}
header .icon li .pop dd { position:relative; z-index:10;}
header .icon li .qrcode { padding:15px 5px 5px 5px; display:flex;}
header .icon li .qrcode dd { width:120px; margin-left:10px; text-align:center; color:#fff;}
header .icon li .qrcode dd:nth-child(2) { margin:0;}
header .icon li .qrcode dd img { width:100%;}
header .icon li .qrcode dd .mob img { width:110px; border:5px solid #fff;}
header .icon li .qrcode dd p:nth-child(2) { margin-top:6px;}
header .icon li:hover .pop,
header .icon li .pop.open { opacity:1; transform:translate(-50%,0); visibility:visible;}

footer { width:1200px; height:90px; margin-top:50px !important; color:#fff; position:relative; z-index:100;}
footer:before { width:1920px; height:100%; content:""; background:#011046 url(../images/bg_footer.png) no-repeat center center; background-size:cover; position:absolute; top:0; left:50%; margin-left:-960px;}
#footer { position:fixed; bottom:0; left:50%; transform:translateX(-50%); z-index:100;}

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

footer .nav { padding:15px 0; display:flex; align-items:center; position:relative; z-index:10;}
footer .nav li { padding-left:35px; line-height:1; font-size:14px; position:relative;}
footer .nav li:before { width:1px; height:12px; content:""; background:#f3f5f6; position:absolute; top:50%; left:17px; transform:translateY(-6px);}
footer .nav li:first-child { padding:0;}
footer .nav li:first-child:before { display:none;}
footer .nav li a { display:block; position:relative;}

footer .copyright { margin:-4px 0; position:relative; z-index:10;}
footer .copyright li { line-height:20px; font-size:12px;}
footer .copyright li span { padding:0 10px;}
footer .copyright li a { display:inline-block;}

footer .support { width:200px; text-align:right; position:absolute; bottom:10px; right:0; z-index:15;}
footer .support li { line-height:24px; font-size:12px;}
footer .support li span { padding:0 10px;}
footer .support li a { display:inline-block;}

footer #fixed_right { width:30px; position:fixed; bottom:15px; right:50%; margin-right:-650px;}
footer #fixed_right li { height:30px; display:block; position:relative; transform:translateY(300%); transition:all 0.25s;}
footer #fixed_right li a { height:calc(100% - 2px); background:rgba(0,0,0,0.6); border:1px solid rgba(255,255,255,0.5); border-radius:3px; display:block; position:relative;}
footer #fixed_right li a:before { width:24px; height:24px; content:""; background:url(../images/app.png) no-repeat 100px 0; position:absolute; top:50%; left:50%; margin:-12px 0 0 -12px;}
footer #fixed_right .gotoTop a { height:100%; background:rgb(230,230,230); border:0;}
footer #fixed_right .gotoTop a:hover { background:rgb(205,205,205);}
footer #fixed_right .gotoTop a:before { width:14px; height:16px; content:""; background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuMzcxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0xIDcuMTc2TDcgMWw2IDYuMTc2Ii8+PHBhdGggZD0iTTcgMS4yMnYxNC4xMTgiLz48L2c+PC9zdmc+); margin:-8px 0 0 -7px;}
footer #fixed_right .gotoTop.open { transform:translateY(0);}

/**首页**/
.index_swiper { margin-top:-60px;}
.index_swiper .swiper-slide p { color:#fff; text-transform:uppercase; overflow:hidden; position:absolute; left:0; z-index:20;}
.index_swiper .swiper-slide .img { width:100%; height:100%; top:0; z-index:10;}
.index_swiper .swiper-slide-active .img img { animation:swiper_active 6s ease;}
.index_swiper .swiper-pagination { width:auto; height:15px; left:50%; bottom:20px; transform:translateX(-50%); opacity:0;}
.index_swiper .swiper-pagination.open { opacity:1;}
.index_swiper .swiper-pagination-bullet { width:15px; height:100%; margin:0 5px !important; background:#fff; font-size:0;}
.index_swiper .swiper-pagination-bullet-active { background:#ca6c3b;}
.index_swiper .swiper-button { display:none;}
@keyframes swiper_active {
	0% { transform:scale(1.06);}
	10% { transform:scale(1.06);}
	100% { transform:scale(1);}
}

.index_title { height:45px; margin-bottom:20px; border-bottom:1px solid #c9caca; line-height:1; color:#3e3a39; position:relative;}
.index_title h2 { font-size:16px; position:absolute; top:0; left:0;}
.index_title h3 { font-size:12px; color:#727171; position:absolute; top:20px; left:0;}
.index_title .more { width:70px; height:24px; background:#fefcef; border:1px solid #e6e6cf; border-radius:20px; text-align:center; line-height:24px; font-size:12px; color:#9fa0a0; position:absolute; top:50%; right:0; transform:translateY(-50%);}
.index_title .more:hover { background:#005db3; border-color:#005db3; color:#fff;}

.index_part01 { width:1200px; padding-top:50px; display:flex; align-items:center;}
.index_about { width:560px; margin-right:40px;}
.index_about .info { height:158px; display:flex; overflow:hidden;}
.index_about .info .img { width:200px; height:100%; margin-right:20px;}
.index_about .info .text { width:340px; margin:-5px 0; line-height:24px; font-size:14px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:7;}

.index_news { width:600px; height:224px; position:relative;}
.index_news .swiper { width:240px; height:158px; background:#eee; position:absolute; bottom:0; left:0;}
.index_news .swiper-wrapper { height:100%;}
.index_news .swiper-slide a { height:100%; display:block;}
.index_news .swiper-slide p { width:100%; overflow:hidden; position:absolute; left:0; z-index:20;}
.index_news .swiper-slide .img { height:100%; top:0; z-index:10;}
.index_news .swiper-slide .name { width:calc(100% - 50px); height:30px; padding:0 40px 0 10px; background:rgba(0,0,0,0.7); line-height:30px; font-size:14px; color:#fff; bottom:0;}
.index_news .swiper-slide:hover .img img { transform:scale(1.08);}
.index_news .swiper-pagination { width:auto; height:8px; top:auto; bottom:11px; left:auto; right:5px; z-index:30;}
.index_news .swiper-pagination-bullet { width:8px; height:100%; margin:0 0 0 4px !important; background:rgba(255,255,255,0.8); border-radius:100%;}
.index_news .swiper-pagination-bullet-active { background:#005db3;}
.index_news .swiper-button { display:none;}

.index_news .txtlist { width:340px; height:168px; overflow:hidden; position:absolute; bottom:-5px; right:0;}
.index_news .txtlist li { height:24px; line-height:24px; font-size:14px;}
.index_news .txtlist li a { padding-left:8px; height:100%; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative;}
.index_news .txtlist li a:before { width:2px; height:2px; content:""; background:#333; border-radius:100%; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.index_news .txtlist li span { float:right; margin-left:5px; font-size:12px; color:#898989;}
.index_news .txtlist li:hover a:before { background:#005db3;}
.index_news .txtlist li:hover span { color:#005db3;}

/**公共**/
.banner { margin-bottom:50px; position:relative;}
.banner .list { position:relative; z-index:10;}
.banner .list li { text-align:center; position:relative;}
.banner .list .img { height:auto; background-image:none;}
.banner .list .img img { min-height:auto; position:relative;}

.main { width:1200px; position:relative; z-index:100;}
.main_left { width:250px;}
.main_right { width:calc(100% - 250px - 50px);}
.main_left_fixed { position:absolute; left:0;}

.main_left .menu { position:relative;}
.main_left .menu:before { width:calc(100% - 2px); height:100%; content:""; border:1px solid #c9caca; border-radius:0 0 10px 10px; position:absolute; top:0; left:0;}
.main_left .menu dt { height:60px; background:url(../images/bg_menu.png) no-repeat; position:relative; line-height:1; font-size:14px; color:#fdd000;}
.main_left .menu dt h5 { width:100%; padding-top:24px; text-align:center; position:absolute; top:13px; left:0;}
.main_left .menu dt h5 i { width:100%; font-size:18px; font-weight:bold; position:absolute; top:0; left:0;}
.main_left .menu dd { height:40px; margin:0 10px; border-top:1px solid #dedede; line-height:40px; display:block;}
.main_left .menu dd:nth-child(2) { border:0;}
.main_left .menu dd a { height:100%; color:#3e3a39; display:block; position:relative;}
.main_left .menu dd i { height:100%; padding:0 35px; display:block; position:relative;}
.main_left .menu dd a:before,
.main_left .menu dd a:after { width:0; height:0; content:""; position:absolute; top:50%;}
.main_left .menu dd a:before { width:9px; height:9px; border:1px solid #3e3a39; border-radius:100%; left:15px; transform:translateY(-50%);}
.main_left .menu dd a:after { width:7px; height:7px; border:1px solid #3e3a39; border-bottom:0; border-left:0; right:15px; transform:translateY(-50%) rotate(45deg);}
.main_left .menu dd a:hover,
.main_left .menu dd a.active { color:#005db3;}
.main_left .menu dd a:hover:before,
.main_left .menu dd a.active:before,
.main_left .menu dd a:hover:after,
.main_left .menu dd a.active:after { border-color:#005db3;}

.main_left .sort { padding-bottom:10px;}
.main_left .sort dd { border-color:#fefdf0;}
.main_left .sort dd:nth-child(2) { margin-top:10px;}
.main_left .sort dd a { background:#006ccf; color:#fff;}
.main_left .sort dd a:before,
.main_left .sort dd a:after { border-color:#fff;}
.main_left .sort dd a:hover,
.main_left .sort dd a.active { background:#ca6c3b; color:#fff;}
.main_left .sort dd a:hover:before,
.main_left .sort dd a.active:before,
.main_left .sort dd a:hover:after,
.main_left .sort dd a.active:after { border-color:#fff;}
.main_left .sort dd.ol a:after { display:none;}
.main_left .sort dd.ol a i:before,
.main_left .sort dd.ol a i:after { width:11px; height:11px; content:""; background:#fff; position:absolute; top:50%;}
.main_left .sort dd.ol a i:before { height:1px; right:11px;}
.main_left .sort dd.ol a i:after { width:1px; right:16px; margin-top:-5px;}
.main_left .sort dd.ol a.active i:after { display:none;}

.main_left .sort ol { padding:0 10px; position:relative; display:none;}
.main_left .sort ol li { line-height:1; font-size:14px; border-top:1px solid #dedede; display:block;}
.main_left .sort ol li:first-child { border:0;}
.main_left .sort ol li a { padding:12px 20px 12px 49px; color:#595757; display:block; position:relative;}
.main_left .sort ol li a:before,
.main_left .sort ol li a:after { width:0; height:0; content:""; position:absolute; top:50%;}
.main_left .sort ol li a:before { width:6px; height:6px; border:1px solid #595757; border-radius:100%; left:35px; transform:translateY(-50%);}
.main_left .sort ol li a:after { width:6px; height:6px; border:1px solid #595757; border-bottom:0; border-left:0; right:13px; transform:translateY(-50%) rotate(45deg);}
.main_left .sort ol li a:hover,
.main_left .sort ol li a.active { color:#005db3;}
.main_left .sort ol li a:hover:before,
.main_left .sort ol li a:hover:after,
.main_left .sort ol li a.active:before,
.main_left .sort ol li a.active:after { border-color:#005db3;}

.main_left .contact { height:190px; padding:75px 20px 0; margin-top:20px; background:#005db3 url(../images/bg_contact.png) no-repeat; border-radius:10px; line-height:20px; color:#fff;}

.main_right .site { height:49px; margin-bottom:20px; border-top:1px solid #dedede; position:relative;}
.main_right .site:before { width:200px; height:1px; content:""; background:#006ccf; position:absolute; top:-1px; left:0;}
.main_right .site h2 { line-height:1; font-size:18px; position:absolute; top:12px; left:0;}
.main_right .site h3 { line-height:1; font-size:12px; position:absolute; bottom:0; left:0;}
.main_right .site li { height:24px; line-height:2; font-size:12px; color:#595757; display:flex; align-items:center; position:absolute; top:15px; right:0;}
.main_right .site li i { padding:0 8px; font-family:"SimSun";}
.main_right .site li a { height:100%; color:#595757; display:inline-block; position:relative;}
.main_right .site li a:hover { color:#005db3;}
.main_right .site li a.now { padding-left:26px;}
.main_right .site li a.now:before { width:20px; height:16px; content:""; background:url(../images/app.png) no-repeat 0 -20px; position:absolute; top:50%; left:0; transform:translateY(-8px);}
.main_right .site li a.now:hover { color:#595757;}

.main_right .site .search_tongji { line-height:24px; position:absolute; top:50%; left:20px; transform:translateY(-50%);}
.main_right .site .search_tongji i { color:#f00;}

/**内容**/
article { margin:-5px 0; line-height:25px; font-size:15px; overflow:hidden; position:relative;}
article * { position:relative; z-index:10;}
article img { max-width:100% !important; height:auto !important;}
article video { max-width:100% !important; height:auto !important;}
article iframe { max-width:calc(100% - 2px); border:1px solid #ccc;}
article table { max-width:100%;}
article table.noBorder:first-child { margin-top:5px;}
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 p:first-child img,
article p:first-child video,
article p:first-child iframe { margin-top:5px;}
article p:first-child img[style] { margin-top:0;}
article p:last-child img,
article p:last-child video,
article p:last-child iframe { margin-bottom:5px;}

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

#list .pages { height:30px; padding:12px 95px 12px 10px; margin-top:25px; background:#eee; border-radius:4px; display:flex; justify-content:right; position:relative; z-index:100;}
#list .pages>a { height:28px; padding:0 12px; margin-left:8px; background:#fff; border:1px solid #c9caca; border-radius:3px; line-height:28px; font-size:12px; display:flex; align-items:center; position:relative; z-index:10;}
#list .pages>a[href]:hover { border-color:#005db3; color:#005db3;}
#list .pages>.now { padding:0 7px; background:rgb(245,245,245); border-color:#005db3; color:#005db3;}
#list .pages>.now span { margin:0 3px;}
#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;}
#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 .gotoPage { width:75px; height:30px; font-size:12px; color:#3e3a39; position:absolute; top:12px; right:10px;}
#list .pages .gotoPage em { background:#fff;}
#list .pages .gotoPage em.value { border-color:#c8cfd2; border-radius:3px; line-height:28px;}
#list .pages .gotoPage em.value:after { border-top-color:#ccc;}
#list .pages .gotoPage em.open { border-color:#005db3; color:#005db3;}
#list .pages .gotoPage em.open:after { border-top-color:#005db3;}
#list .pages .gotoPage dl { max-height:calc(30px * 6 - 1px); border-color:#005db3; border-radius:4px 4px 0 0; top:auto; bottom:calc(100% + 2px);}
#list .pages .gotoPage dl dd { height:29px; border-top-color:#ddd; line-height:30px;}
#list .pages .gotoPage dl dd:hover { background:none;}
#list .pages .gotoPage dl dd a:hover { background:#fff; color:#005db3;}
#list .pages .gotoPage dl dd a.active,
#list .pages .gotoPage dl dd a.active:hover { background:rgba(0,0,0,0.08); color:#005db3;}
#list .pages .gotoPage dl.open { transform:translateY(0);}

#list .list_photo { width:calc(100% + 20px); margin-top:-20px; display:flex; flex-wrap:wrap;}
#list .list_photo li { width:calc(100% / 3 - 20px); margin:20px 20px 0 0; background:#eee; border-radius:0 0 8px 8px; overflow:hidden;}
#list .list_photo li a { padding-bottom:44px; display:block; position:relative;}
#list .list_photo li p { width:100%; text-align:center; position:absolute; left:0; z-index:10;}
#list .list_photo li .img { height:calc(100% - 44px); top:0;}
#list .list_photo li .name { width:calc(100% - 10px); height:44px; padding:0 5px; line-height:44px; font-size:15px; color:#3e3a39; bottom:0; z-index:20;}
#list .list_photo li:hover { background:#005db3;}
#list .list_photo li:hover .img img { transform:scale(1.08);}
#list .list_photo li:hover .name { color:#fff;}

#list .list_photo.list_product li { width:calc(100% / 3 - 42px); padding:10px 10px 0; background:#fff; border:1px solid #eee; border-radius:8px;}
#list .list_photo.list_product li .name { width:100%; padding:0;}
#list .list_photo.list_product li:hover { border-color:#005db3;}
#list .list_photo.list_product li:hover .img img { transform:scale(1);}
#list .list_photo.list_product li:hover .name { color:#3e3a39;}

#list .list_photo.list_video li { border-radius:4px;}
#list .list_photo.list_video li a { padding-bottom:0;}
#list .list_photo.list_video li .img { height:calc(100% - 0px);}
#list .list_photo.list_video li .play { height:100%; background:rgba(0,0,0,0.2); top:0; z-index:15; transition:all 0.3s;}
#list .list_photo.list_video li .play:before,
#list .list_photo.list_video li .play:after { width:0; height:0; content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:all 0.3s;}
#list .list_photo.list_video li .play:before { width:56px; height:56px; background:rgba(0,0,0,0.6); border-radius:100%;}
#list .list_photo.list_video li .play:after { width:30px; height:30px; background:url(../images/app.png) no-repeat 0 -80px; margin-left:2px; transform:translate(-50%,-50%) scale(0.8); opacity:0.8;}
#list .list_photo.list_video li .name { height:38px; background:rgba(0,0,0,0.4); line-height:38px; color:#fff; transition:all 0.3s;}
#list .list_photo.list_video li:hover .img img { transform:scale(1);}
#list .list_photo.list_video li:hover .play { background:rgba(0,0,0,0);}
#list .list_photo.list_video li:hover .play:before { width:60px; height:60px;}
#list .list_photo.list_video li:hover .play:after { transform:translate(-50%,-50%) scale(0.9); opacity:1;}
#list .list_photo.list_video li:hover .name { bottom:-100%;}

#list .list_news { margin-top:-20px; display:flex; flex-direction:column;}
#list .list_news li { margin-top:20px; border:1px solid #dedede; border-radius:8px;}
#list .list_news li a { padding:15px 20px 15px 100px; display:block; position:relative;}
#list .list_news li .name { margin-bottom:15px; line-height:1; font-size:14px; font-weight:bold;}
#list .list_news li .text { max-height:40px; margin:-4px 0; line-height:20px; font-size:12px; color:#898989; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
#list .list_news li .date { width:100px; padding-top:36px; text-align:center; font:12px/1 arial; color:#898989; position:absolute; top:50%; left:0; transform:translateY(-50%);}
#list .list_news li .date i { width:100%; font-size:40px; position:absolute; top:-4px; left:0;}
#list .list_news li:hover { border-color:#005db3;}
#list .list_news li:hover .text,
#list .list_news li:hover .date { color:#005db3;}

#list .form_msg { padding:10px 30px 96px; background:#f3f5f6; border-radius:4px; display:flex; flex-wrap:wrap; justify-content:space-between; position:relative;}
#list .form_msg li { width:calc(100% / 2 - 10px); height:50px; margin-top:20px; background:#fff; border-radius:4px; position:relative;}
#list .form_msg li:before { width:20px; height:16px; content:""; background:url(../images/app.png) no-repeat 20px 0; position:absolute; top:50%; left:13px; z-index:10; margin-top:-8px;}
#list .form_msg li.user:before { background-position:0 -40px;}
#list .form_msg li.tel:before { background-position:-20px -40px;}
#list .form_msg li input,
#list .form_msg li textarea { width:100%; height:100%; border:1px solid #b5b5b5; border-radius:4px;}
#list .form_msg li input { text-indent:40px;}
#list .form_msg li textarea { padding:10px 12px;}
#list .form_msg li input:focus,
#list .form_msg li textarea:focus { border-color:#005db3;}
#list .form_msg li.detail { width:100%; height:160px; background:#fff;}
#list .form_msg li.submit { width:130px; height:46px; background:#005db3; border:0; border-radius:5px; text-align:center; line-height:46px; font-size:16px; color:#fff; position:absolute; bottom:30px; right:30px;}
#list .form_msg li.submit:hover { background:#e60012;}
#list .form_msg li.submit i { padding-left:28px; display:inline-block; position:relative;}
#list .form_msg li.submit i:before { width:16px; height:16px; content:""; background:url(../images/app.png) no-repeat 0 -60px; position:absolute; top:50%; left:0; margin-top:-8px;}
#list .form_msg li.select { width:calc(100% - 122px); height:34px; padding:7px 7px 7px 115px; border:1px solid #b5b5b5; z-index:20;}
#list .form_msg li.select:before { background-position:-25px -20px; left:14px;}
#list .form_msg li.select>span { position:absolute; top:50%; left:40px; transform:translateY(-50%);}
#list .form_msg li.select .city-picker-selector .selector-item { background:#eee; border-color:#eee;}
#list .form_msg li.select .city-picker-selector .selector-name { line-height:32px;}
#list .form_msg li.select .city-picker-selector .selector-show { border-color:#eee;}
#list .form_msg li.select .city-picker-selector .selector-show .selector-name { color:#005db3;}
#list .form_msg li.select .city-picker-selector .selector-show .selector-name:after { border-top-color:#005db3;}
#list .form_msg li.select .city-picker-selector .selector-list { border-color:#005db3;}
#list .form_msg li.select .city-picker-selector li { width:100%; height:32px; margin:0; border-radius:0; line-height:32px; font-size:14px;}
#list .form_msg li.select .city-picker-selector li.caller:hover { color:#005db3;}
#list .form_msg li.select .city-picker-selector li.caller.active,
#list .form_msg li.select .city-picker-selector li.caller.active:hover { background:#005db3; color:#fff;}
#list .form_msg li.loading { width:100%; height:100%; margin:0; background-color:rgba(0,0,0,0.1); border:0; position:absolute; top:0; left:0; z-index:30; display:none;}

#list .list_download { border-top:1px dotted #c9caca; display:flex; flex-direction:column;}
#list .list_download li { height:50px; border-bottom:1px dotted #c9caca; line-height:50px; font-size:14px; position:relative;}
#list .list_download li a { height:30px; padding-left:20px; color:#005db3; line-height:30px; font-size:12px; position:absolute; top:50%; right:0; margin-top:-15px;}
#list .list_download li a:before { width:14px; height:12px; content:""; background:url(../images/app.png) no-repeat 0 -110px; position:absolute; top:50%; left:0; margin-top:-6px;}
#list .list_download li .down:hover { color:#e60012;}
#list .list_download li .down:hover:before { background-position:-15px -110px;}
#list .list_download li .none,
#list .list_download li .none:hover { color:#898989;}
#list .list_download li .none:before,
#list .list_download li .none:hover:before { background-position:-30px -110px;}

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

#detail .pages { padding-top:10px; margin:30px 0 -3px; border-top:1px solid #eaeaea; position:relative;}
#detail .pages li { margin-top:5px; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#detail .pages li .none { color:#9aa1a5;}

#detail .view_product_title { min-height:404px; padding-left:440px; display:flex; flex-direction:column; position:relative;}
#detail .view_product_title h1 { padding-bottom:4px; margin:-5px 0; line-height:30px; font-size:20px; color:#3e3a39;}
#detail .view_product_title li { margin-top:10px; color:#3e3a39;}
#detail .view_product_title li.img { width:400px; height:400px; margin:0; position:absolute; top:0; left:0;}
#detail .view_product_title li.price { height:40px; margin:14px 0 5px; border:1px dotted #c9caca; border-left:0; border-right:0; line-height:40px; font-size:14px;}
#detail .view_product_title li.price span { float:left;}
#detail .view_product_title li.price span:nth-child(2) { margin-top:1px; font-size:16px; color:#bd470a;}
#detail .view_product_title li.price span:nth-child(2) i { float:left; font-size:12px; margin:1px 1px 0 10px;}
#detail .view_product_title li.li { padding-left:94px; font-size:12px; position:relative;}
#detail .view_product_title li.li span { width:84px; text-align:right; color:#898989; position:absolute; top:0; left:0;}
#detail .view_product_title li.msg { width:120px; height:44px; text-align:center; line-height:44px; position:absolute; bottom:0; left:440px;}
#detail .view_product_title li.msg a { height:100%; background:#384649; border-radius:50px; font-size:14px; color:#fff; display:block;}
#detail .view_product_title li.msg a:hover { background:#005db3;}

#detail .view_product_title .zoomMain { width:400px; height:400px; padding:2px; margin:0; border:1px solid #e0e0de; overflow:visible; position:absolute; top:0; left:0; z-index:15;}
#detail .view_product_title .zoomMain .zoom { width:400px; height:400px; position:absolute; top:2px; left:2px;}
#detail .view_product_title .zoomMain .zoom img { width:100%; height:100%;}
#detail .view_product_title .zoomMain .zoom .move { width:50%; height:50%; background:rgba(0,0,0,0.4); cursor:pointer; position:absolute; top:2px; left:2px; display:none;}
#detail .view_product_title .zoomMain .zoomDetail { width:430px; height:430px; border:1px solid #e0e0de; position:absolute; left:428px; top:-1px; overflow:hidden; display:none;}
#detail .view_product_title .zoomMain .zoomDetail img { width:100%; height:100%;}

#detail .view_product_tab { height:44px; margin:40px 0 30px; background:#f3eeeb; border-top:3px solid #dcd7d4; display:flex;}
#detail .view_product_tab li { height:100%; padding:0 20px; line-height:44px; font-size:15px; color:#005db3;}

#detail .view_product_list { width:calc(100% + 20px); padding-top:15px; margin-top:25px; display:flex; flex-wrap:wrap; position:relative;}
#detail .view_product_list dt { padding-left:12px; line-height:1; font-size:18px; color:#191919; position:absolute; top:0; left:0;}
#detail .view_product_list dt:before { width:4px; height:100%; content:""; background:#005db3; border-radius:2px; position:absolute; top:0; left:0;}
#detail .view_product_list dd { width:calc(100% / 4 - 20px); margin:20px 20px 0 0;}
#detail .view_product_list dd a { padding-bottom:26px; display:block; position:relative;}
#detail .view_product_list dd p { width:100%; text-align:center; position:absolute; left:0; z-index:10;}
#detail .view_product_list dd .img { width:calc(100% - 2px); height:calc(100% - 28px); border:1px solid #ddd; top:1px; left:1px;}
#detail .view_product_list dd .name { line-height:1; color:#3e3a39; bottom:0;}
#detail .view_product_list dd:hover .img { border-color:#005db3;}
#detail .view_product_list dd:hover .name { color:#005db3;}

#detail .view_news_title { margin-bottom:30px;}
#detail .view_news_title h1 { margin:-5px 0; text-align:center; line-height:30px; font-size:20px; color:#595757;}
#detail .view_news_title li { padding:15px 0; margin-top:20px; background:#f3eeeb; border-top:2px solid #dcd7d4; line-height:1; font-size:12px; color:#58595b; display:flex; align-items:center; justify-content:center;}
#detail .view_news_title li span { padding-left:31px; position:relative;}
#detail .view_news_title li span:before { width:1px; height:12px; content:""; background:#58595b; position:absolute; top:50%; left:16px; margin-top:-6px;}
#detail .view_news_title li span:first-child { padding:0;}
#detail .view_news_title li span:first-child:before { display:none;}

#detail .view_news_list { width:calc(100% + 20px); padding-top:15px; margin-top:25px; display:flex; flex-wrap:wrap; position:relative;}
#detail .view_news_list dt { padding-left:12px; line-height:1; font-size:18px; color:#191919; position:absolute; top:0; left:0;}
#detail .view_news_list dt:before { width:4px; height:100%; content:""; background:#005db3; border-radius:2px; position:absolute; top:0; left:0;}
#detail .view_news_list dd { width:calc(100% / 5 - 20px); margin:20px 20px 0 0; position:relative;}
#detail .view_news_list dd a { padding-bottom:40px; display:block; position:relative;}
#detail .view_news_list dd p { width:100%; position:absolute; left:0; z-index:10;}
#detail .view_news_list dd .img { height:calc(100% - 40px); border-radius:4px; top:0;}
#detail .view_news_list dd .name { height:40px; margin:5px 0 -3px; line-height:20px; font-size:14px; bottom:0; z-index:20; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
#detail .view_news_list dd:hover .img img { transform:scale(1.1);}

/**弹出**/
.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>.pop_bg { width:100%; height:100%; position:absolute; top:0; left:0;}
.pop_div>ul { position:absolute; top:50%; left:50%; transition:all 0.25s; transform:translate(-50%,-50%) scale(0); opacity:0; visibility:hidden;}
.pop_div>ul.open { transform:translate(-50%,-50%) scale(1); opacity:1; visibility:visible;}

.pop_div .close { width:30px; height:30px; border:1px solid #fff; border-radius:100%; cursor:pointer; position:absolute; top:-40px; right:-40px;}
.pop_div .close:before { width:12px; height:12px; content:""; background:url(../images/app.png) no-repeat 0 0; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:all 0.3s;}
.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:1px solid #fff; border-radius:40px; text-align:center; line-height:40px; font-size:14px; color:#fff; position:absolute; bottom:-64px;}
.pop_div .page:hover { background:#005db3; border-color:#005db3; color:#fff;}
.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 { z-index:10; margin-top:-20px;}
.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:13px; 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 { z-index:20; margin-top:-35px;}
.pop_video video { max-width:900px; max-height:540px; 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:1; font-size:16px; bottom:-30px; display:block;}
.pop_video .page { display:none;}

@media (max-width:1600px){
header,main,footer { width:1200px;}
footer #fixed_right { margin-right:-650px;}
}