@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; font-size:10px;}
body { max-width:192rem; min-height:100%; margin:0 auto; text-align:justify; font:1.4rem/2rem 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:#164b9a;}
h1,h2,h3,h4,h5,h6 { font-size:1.4rem; font-weight:normal; /*text-transform:uppercase;*/}
table { border:0.1rem solid #d8d9d9; border-collapse:collapse; border-spacing:0;}
table td { padding:0.8rem 1rem; border:0.1rem solid #d8d9d9; 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:1rem; height:1rem;}
::-webkit-scrollbar-thumb { background:rgba(50,50,50,0.25); border:0.2rem solid transparent; border-radius:1rem; 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;}
@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");}

.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:4rem; 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;}

.icon:before { width:0; height:0; content:""; background:url(../images/app.png) no-repeat 30rem 0; background-size:30rem; position:absolute; z-index:10;}

.openSelect { text-align:left; font-size:1.4rem; position:relative; z-index:10;}
.openSelect em { font-style:normal; display:flex; align-items:center; position:absolute; z-index:106; cursor:pointer;}
.openSelect em.value { width:100%; height:100%; border:0.1rem solid #898989; text-indent:1rem; top:0; left:0;}
.openSelect em.value:after { width:0; height:0; content:""; border:0.6rem solid transparent; border-top-color:#ccc; border-bottom:0; position:absolute; top:calc(50% - 0.3rem); right:0.9rem; z-index:10; transition-duration:0.3s;}
.openSelect dl { width:100%; max-height:calc(3rem * 6 + 0.2rem); background:#fff; border:0.1rem solid #0286d1; position:absolute; bottom:100%; right:0; cursor:auto; z-index:105; transform:translateY(1rem); opacity:0; visibility:hidden; transition:all 0.3s; overflow-x:hidden; overflow-y:auto;}
.openSelect dl dd { height:3rem; border-top:0.1rem solid #f7f7f7; text-indent:1rem; display:flex; align-items:center; overflow:hidden;}
.openSelect dl dd a { width:100%; height:100%; display:flex; align-items:center;}
.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:calc(100% - 20rem); height:9rem; position:relative; z-index:150;}
header:before { width:192rem; height:100%; content:""; background:rgba(255,255,255,0.9); box-shadow:0 0.2rem 1.6rem rgba(54,56,79,0.05); position:absolute; top:0; left:calc(50% - 96rem);}

header .logo { height:6rem; position:absolute; top:50%; left:0; transform:translateY(-50%); z-index:30;}
header .logo li { height:100%; display:flex;}
header .logo li img { height:100%;}

header .nav { height:100%; display:flex; position:absolute; top:0; right:18rem; z-index:30;}
header .nav>li { height:100%; margin-right:2rem; position:relative; z-index:10;}
header .nav>li>a { height:100%; padding:0 1rem; font-size:1.8rem; display:flex; align-items:center; overflow:hidden; position:relative; transition:color 0.35s;}
header .nav>li>a:after { width:0; height:0; content:""; border:0.6rem solid transparent; border-bottom-color:#164b9a; border-top:0; position:absolute; bottom:0.2rem; left:calc(50% - 0.6rem); transform:translateY(100%); opacity:0; transition:all 0.3s;}
header .nav>li>a:hover { color:#164b9a;}
header .nav>li>a:hover:after { transform:translateY(0); opacity:1;}
header .nav>li>a.active { background:#164b9a; color:#fff;}

header .apps { height:3.2rem; display:flex; align-items:center; position:absolute; top:calc(50% - 1.6rem); right:0; z-index:16;}
header .apps li { width:3.2rem; height:100%; margin-left:1.5rem; position:relative; z-index:10;}
header .apps li:first-of-type { margin:0;}
header .apps li a { height:100%; line-height:0; font-size:0; display:block;}
header .apps li .icon { height:100%; border:0.1rem solid #595757; border-radius:100%; display:block; position:relative;}
header .apps li:hover .icon { background:#164b9a; border-color:#164b9a;}
header .apps li .icon:before { width:2rem; height:2rem; content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
header .apps li.search .icon:before { background-position:-5rem 0;}
header .apps li.search:hover .icon:before { background-position:-5rem -2rem;}
header .apps li.tel .icon:before { background-position:-7rem 0;}
header .apps li.tel:hover .icon:before { background-position:-7rem -2rem;}
header .apps li.code .icon:before { background-position:-9rem 0;}
header .apps li.code:hover .icon:before { background-position:-9rem -2rem;}
header .apps li.lang .icon:before { background-position:-11rem 0;}
header .apps li.lang:hover .icon:before { background-position:-11rem -2rem;}

header .pop_header { width:120rem; min-height:30rem; position:absolute; top:0; left:calc(50% - 60rem); transform:translateY(-100%); transition:all 0.25s; z-index:101;}
header .pop_header.open { transform:translateY(0);}
header .pop_header dl { width:100%; display:flex; flex-direction:column; position:absolute; top:0; left:0; transform:translateY(-100%); opacity:0; transition:all 0.25s;}
header .pop_header dl:before { width:192rem; height:100%; content:""; background:#fff; box-shadow:0 0.2rem 1.6rem rgba(54,56,79,0.05); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
header .pop_header dl dd { position:relative; z-index:10;}
header .pop_header dl.open { transform:translateY(0); opacity:1;}
header .pop_header .close { width:4rem; height:4rem; position:absolute; top:6rem; right:0; z-index:21;}
header .pop_header .close.icon:before { width:3.6rem; height:3.6rem; background-position:0 -3rem; top:calc(50% - 1.8rem); left:calc(50% - 1.8rem); transition:transform 0.2s;}
header .pop_header .close.icon:hover:before { transform:rotate(90deg);}
header .pop_header dl dt { margin-bottom:3rem; line-height:1; font-size:3rem; position:relative; z-index:10;}

header .pop_header .search { padding:11rem 31rem; z-index:11;}
header .pop_header .search form { height:6rem; margin-bottom:2rem; position:relative;}
header .pop_header .search form input[name=wd] { width:100%; height:100%; padding-left:1.5rem; border:0.2rem solid #d5d5d6; font-size:1.6rem; position:absolute; top:0; left:0;}
header .pop_header .search form input[name=wd]:focus { border-color:#164b9a;}
header .pop_header .search form input[type=submit] { width:5rem; height:100%; background:none; border:0; font-size:0; position:absolute; top:0; right:0; z-index:30;}
header .pop_header .search form .button { width:5rem; height:100%; position:absolute; top:0; right:0; z-index:25;}
header .pop_header .search form .button.icon:before { width:2.4rem; height:2.4rem; background-position:-2rem 0; top:calc(50% - 1.2rem); right:2rem;}
header .pop_header .search .tag { margin:-0.5rem 0; line-height:2.4rem; font-size:1.4rem; color:#898989; display:flex; align-items:center;}
header .pop_header .search .tag a { margin-right:1rem; color:#898989;}
header .pop_header .search .tag a:hover { color:#164b9a;}

header .pop_header .tel { padding:11rem 20rem; z-index:12;}
header .pop_header .tel .phone { display:flex; align-items:center; justify-content:space-between;}
header .pop_header .tel .phone p { padding-top:4rem; line-height:3.6rem; font-size:5rem; position:relative;}
header .pop_header .tel .phone p i { height:2.5rem; padding-left:3.8rem; line-height:1; font-size:1.8rem; display:flex; align-items:flex-end; position:absolute; top:0; left:0}
header .pop_header .tel .phone p i:before { width:3rem; height:2.4rem; background-position:0 -7rem; top:0; left:0;}

header .pop_header .code { padding:11rem 36rem; z-index:13;}
header .pop_header .code .list { margin-right:-8rem; display:flex;}
header .pop_header .code .list p { width:20rem; margin-right:8rem; display:flex; flex-direction:column; position:relative;}
header .pop_header .code .list p:before { width:100%; height:20rem; content:""; border:0.1rem solid #efefef; position:absolute; top:0; left:0; z-index:15;}
header .pop_header .code .list p .img { height:20rem; border:1.1rem solid #fff;}
header .pop_header .code .list p i { margin-top:1.6rem; text-align:center; line-height:1; color:#595757;}

footer { width:130rem; padding:5rem 0; margin-top:7rem !important; color:#fff; position:relative; z-index:100;}
footer:before { width:192rem; height:100%; content:""; background:#154796; position:absolute; top:0; left:calc(50% - 96rem);}
#footer { position:fixed; bottom:0; left:50%; transform:translateX(-50%); z-index:100;}

footer a,footer a:hover { color:#fff; display:inline-block;}

footer .list { height:25rem; display:flex; position:relative; z-index:10;}
footer .list li { padding-top:7rem; display:flex; flex-direction:column; position:relative;}
footer .list li .title { height:3.5rem; line-height:1; font-size:1.8rem; font-weight:bold; position:absolute; top:0; left:0;}
footer .list li .title:before { width:1.8rem; height:0.2rem; content:""; background:#fff; position:absolute; bottom:0; left:0;}

footer .list li.contact { width:45rem;}
footer .list li.contact p { margin-bottom:2rem; overflow:visible; position:relative;}
footer .list li.contact p .icon { padding-left:2.5rem; position:relative;}
footer .list li.contact p .icon:before { width:2rem; height:2rem; background-position:-5rem -4rem; top:calc(50% - 1rem); left:0;}
footer .list li.contact p.name .icon:before { background-position:-5rem -4rem;}
footer .list li.contact p.addr .icon:before { background-position:-7rem -4rem;}
footer .list li.contact p.tel .icon:before { background-position:-9rem -4rem;}
footer .list li.contact p.user .icon:before { background-position:-11rem -4rem;}
footer .list li.contact p.email .icon:before { background-position:-13rem -4rem;}

footer .list li.links { width:30rem;}
footer .list li.links .time { margin:-0.5rem 0 1.1rem; line-height:2.4rem;}
footer .list li.links .item { height:4rem; margin-bottom:1.5rem; background:#fff;}
footer .list li.links .item.links02 { z-index:15;}
footer .list li.links .item em.value { border:0; text-indent:1rem; line-height:4rem; color:#727171;}
footer .list li.links .item em.value:before { width:0.1rem; height:1.2rem; content:""; background:#c9caca; position:absolute; top:calc(50% - 0.6rem); right:3.9rem;}
footer .list li.links .item em.value:after { border-top-color:#c9caca; right:1.5rem;}
footer .list li.links .item dl { max-height:calc(3.4rem * 6 + 0.2rem); background:#fff; border:0.1rem solid #eee; bottom:calc(100% + 0.2rem);}
footer .list li.links .item dl dd { height:3.4rem; line-height:3.4rem;}
footer .list li.links .item dl dd a { color:#595757;}
footer .list li.links .item dl dd a:hover { color:#164b9a;}
footer .list li.links .item:hover { background:rgb(245,245,245); color:#3d3b38;}
footer .list li.links .item:hover em.value:after { border-top-color:#3d3b38; 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.copyright { width:39rem; position:absolute; top:0; right:0;}
footer .list li.copyright p { margin-top:1rem; line-height:2.4rem;}
footer .list li.copyright p:first-of-type { margin-top:-0.5rem;}
footer .list li.copyright p span { margin-left:2rem; display:inline-block;}
footer .list li.copyright p span:first-of-type { margin:0;}
footer .list li.copyright a { position:relative;}
footer .list li.copyright a:before { width:0; height:0.1rem; content:""; background:#fff; position:absolute; bottom:0; left:50%; transform:translateX(-50%); transition:all 0.2s;}
footer .list li.copyright a:hover:before { width:100%;}

#fixed_right { position:fixed; top:50%; right:3rem; transform:translateY(-50%); z-index:200;}
#fixed_right .index { width:1.6rem; display:flex; flex-direction:column;}
#fixed_right .index li { width:100%; height:1.6rem; margin:1rem 0; position:relative; cursor:pointer; opacity:0; transform:translateX(100%); transition:all 0.35s;}
#fixed_right .index li:before { width:0.8rem; height:0.8rem; 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:1.2rem; height:1.2rem;}
#fixed_right .index li.active:before { width:1.6rem; height:1.6rem;}
#fixed_right .index li p { padding:0.7rem 1.7rem 0.7rem 0.7rem; line-height:1; font-size:1.2rem; 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% - 1rem); height:100%; content:""; background:#164b9a; border-radius:0.4rem; position:absolute; top:0; left:0;}
#fixed_right .index li p:after { width:0; height:0; content:""; border:0.5rem solid transparent; border-left-color:#164b9a; border-right:0; position:absolute; top:calc(50% - 0.5rem); right:0.5rem;}
#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;}

/**公共**/
.banner { 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 { position:relative; transition:all 0.8s;}
.banner .list .img:hover img { transform:scale(1.01);}

.main { width:130rem; min-height:30rem; position:relative; z-index:100;}
.main_menu { height:7rem; margin-bottom:7rem; position:relative;}
.main_menu:before { width:192rem; height:0.1rem; content:""; background:#efefef; position:absolute; bottom:0; left:calc(50% - 96rem);}
.main_menu .menu { width:100%; height:7rem; display:flex; position:absolute; top:0; left:-3rem;}
.main_menu .menu li { padding:0 3.1rem 0 3rem; position:relative; z-index:10;}
.main_menu .menu li:before { width:0.1rem; height:1.6rem; content:""; background:#ddd; position:absolute; top:calc(50% - 0.8rem); right:0;}
.main_menu .menu li:nth-last-child(2) { padding-right:0;}
.main_menu .menu li:last-of-type { padding:0;}
.main_menu .menu li:last-of-type:before,
.main_menu .menu li:nth-last-child(2):before { display:none;}
.main_menu .menu li a { height:100%; display:flex; align-items:center; font-size:1.8rem;}
.main_menu .menu li:hover a,
.main_menu .menu li a.active { color:#164b9a;}
.main_menu .menu li.line { width:0; height:0.2rem; margin-left:3rem; background:#164b9a; position:absolute; bottom:0; left:0; transition:left 0.35s;}
.main_menu .menu#fixed { width:130rem; position:fixed;}
.main_menu .menu li.search_tongji { margin-left:3rem; display:flex; align-items:center;}
.main_menu .menu li.search_tongji i { padding-right:0.5rem; color:#f00;}

.main_menu .site { height:2rem; position:absolute; top:calc(50% - 1rem); right:0;}
.main_menu .site li { font-size:1.4rem; color:#b5b5b6; display:flex; align-items:center;}
.main_menu .site li i { padding:0 0.8rem; 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.icon { padding-left:2.5rem;}
.main_menu .site li a.icon:before { width:2rem; height:1.6rem; background-position:-3rem -7rem; top:calc(50% - 0.8rem); left:0;}
.main_menu .site li a.icon:hover { color:#9fa0a0;}
.main_menu .site li a.active { color:#787878;}

.main_all { position:relative;}
.main_left { width:95rem; position:relative;}
.main_right { width:30rem; display:flex; flex-direction:column; position:relative;}
.main_right_fixed { position:absolute; right:0;}

.main_right .view_news_list { width:30rem; display:flex; flex-direction:column;}
.main_right .view_news_list dt { text-align:center; line-height:7rem; font-size:1.6rem; color:#fff;}
.main_right .view_news_list dt a { background:#595757; border-radius:0.4rem; display:flex; align-items:center; justify-content:center;}
.main_right .view_news_list dt .icon { padding-left:2.5rem; color:#fff; position:relative;}
.main_right .view_news_list dt .icon:before { width:1.8rem; height:1.5rem; background-position:-3rem -10rem; top:calc(50% - 0.8rem); left:0;}
.main_right .view_news_list dt:hover a { background:#164b9a;}
.main_right .view_news_list dd { margin-top:1rem; background:#f8f8f8; border-radius:0.4rem; overflow:hidden;}
.main_right .view_news_list dd a { padding:0 1rem; display:flex; flex-direction:column;}
.main_right .view_news_list dd .img { height:auto; margin:0 -1rem;}
.main_right .view_news_list dd .img img { position:relative;}
.main_right .view_news_list dd h3 { margin:1.3rem 0; line-height:2rem; font-size:1.5rem;}
.main_right .view_news_list dd:hover { background:#164b9a;}
.main_right .view_news_list dd:hover .img img { transform:scale(1.04);}
.main_right .view_news_list dd:hover h3 { color:#fff;}

.main_right .view_product_list { width:30rem; display:flex; flex-direction:column;}
.main_right .view_product_list dt { background:#164b9a; border-radius:0.4rem; text-align:center; line-height:7rem; font-size:1.6rem; color:#fff; overflow:hidden;}
.main_right .view_product_list dt a { display:flex; align-items:center; justify-content:center;}
.main_right .view_product_list dt .icon { padding-left:2.5rem; color:#fff; position:relative;}
.main_right .view_product_list dt .icon:before { width:1.8rem; height:1.5rem; background-position:-3rem -10rem; top:calc(50% - 0.8rem); left:0;}
.main_right .view_product_list dt:hover a { background:#164b9a;}
.main_right .view_product_list dd { margin-top:1rem; background:#f8f8f8; border-radius:0.4rem; overflow:hidden;}
.main_right .view_product_list dd a { padding:0 1rem; text-align:center; display:flex; flex-direction:column;}
.main_right .view_product_list dd .img { height:auto; margin:0.1rem -0.9rem 0;}
.main_right .view_product_list dd .img img { position:relative;}
.main_right .view_product_list dd h3 { padding:1.5rem 0; line-height:2rem; font-size:1.6rem;}

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

#list .pages { height:5.4rem; padding:1.2rem 10rem 1.2rem 1rem; margin-top:3rem; background:#f8f8f8; border-radius:0.3rem; display:flex; justify-content:right; position:relative; z-index:100;}
#list .pages>a { padding:0 1.2rem; margin-left:1rem; background:#fff; border:0.1rem solid #c9caca; border-radius:0.3rem; font-size:1.2rem; display:flex; align-items:center;}
#list .pages>a[href]:hover { border-color:#164b9a; color:#164b9a;}
#list .pages>.now { padding:0 0.6rem; background:rgb(245,245,245); border-color:#164b9a; color:#164b9a;}
#list .pages>.now span { margin:0 0.2rem;}
#list .pages>.tongji { padding:0; background:none; border-color:transparent; color:#3e3a39; position:absolute; top:50%; left:0; transform:translateY(-50%);}
#list .pages>.tongji span { margin-left:1rem;}
#list .pages>.tongji span:first-child { margin:0;}
#list .pages>.tongji span:first-child i { padding:0 0.1rem;}
#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:7.5rem; height:3rem; font-size:1.2rem; color:#3e3a39; position:absolute; top:calc(50% - 1.5rem); right:1rem;}
#list .pages .openSelect em { background:#fff;}
#list .pages .openSelect em.value { border-color:#c8cfd2; border-radius:0.3rem;}
#list .pages .openSelect em.value:after { border-top-color:#ccc;}
#list .pages .openSelect dl { max-height:calc(2.8rem * 6 + 0.2rem); border-color:#164b9a; border-radius:0.4rem 0.4rem 0 0; bottom:calc(100% + 0.2rem);}
#list .pages .openSelect dl dd { height:2.8rem; border-top-color:#ddd;}
#list .pages .openSelect dl dd a:hover { background:#fff; color:#164b9a;}
#list .pages .openSelect dl dd a.active { background:rgba(0,0,0,0.08); color:#164b9a;}
#list .pages .openSelect.open em.value { border-color:#164b9a;}
#list .pages .openSelect.open em.value:after { border-top-color:#164b9a;}

#list .list_leader { margin:-2rem -2rem 0 0; display:flex; flex-wrap:wrap;}
#list .list_leader dl { width:64rem; height:34rem; padding:2.5rem 2.5rem 0 22rem; margin:2rem 2rem 0 0; background:#f3f7f8;; line-height:1; color:#727171; display:flex; flex-direction:column; position:relative;}
#list .list_leader dl .img { width:17rem; height:23rem; position:absolute; top:2.5rem; left:2.5rem;}
#list .list_leader dl .name { font-size:2rem; color:#3e3a39;}
#list .list_leader dl .info { margin-top:1.2rem; font-size:1.5rem;}
#list .list_leader dl .text { height:24rem; margin:1.5rem 0 -0.5rem; line-height:2.4rem; font-size:1.4rem; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:10;}

#list .list_news { margin-top:-2rem; display:flex; flex-direction:column;}
#list .list_news li { height:16rem; margin-top:2rem; overflow:hidden;}
#list .list_news li a { height:100%; padding-left:30rem; line-height:1; font-size:1.4rem; color:#898989; display:flex; flex-direction:column; position:relative;}
#list .list_news li .img { width:27rem; height:100%; border:0.1rem solid #f8f8f8; border-radius:0.4rem; position:absolute; top:0; left:0;}
#list .list_news li h3 { margin:2.2rem 0 2rem; font-size:1.8rem; color:#3e3a39; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:color 0.3s;}
#list .list_news li .text { max-height:4.8rem; margin:-0.5rem 0; text-align:left; line-height:2.4rem; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
#list .list_news li .date { line-height:1.2rem; position:absolute; bottom:2.2rem; left:30rem;}
#list .list_news li .more { width:16rem; height:100%; background:#164b9a; border-radius:0.4rem; color:#fff; position:absolute; top:0; right:0; opacity:0; transition:all 0.3s;}
#list .list_news li .more i { width:100%; padding-top:4rem; text-align:center; position:absolute; top:50%; left:0; transform:translateY(-50%);}
#list .list_news li .more i:before { width:3rem; height:2.5rem; background-position:0 -13rem; top:0; left:calc(50% - 1.5rem);}
#list .list_news li a:hover { padding-right:19rem; background:rgba(0,0,0,0.03);}
#list .list_news li a:hover .imgs img { transform:scale(1.05);}
#list .list_news li a:hover h3 { color:#164b9a;}
#list .list_news li a:hover .more { opacity:1;}

#list .list_xinxi { margin-top:-2rem; display:flex; flex-direction:column;}
#list .list_xinxi li { margin-top:2rem; border:0.1rem solid #efefef; border-radius:0.4rem; overflow:hidden; position:relative;}
#list .list_xinxi li a { padding:2.5rem 15.1rem 2.5rem 12.6rem; line-height:1; display:flex; flex-direction:column; position:relative;}
#list .list_xinxi li h3 { margin-bottom:2rem; font-size:1.8rem; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
#list .list_xinxi li .text { height:4.8rem; margin:-0.5rem 0; line-height:2.4rem; color:#898989; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
#list .list_xinxi li .date { width:7.6rem; height:7.6rem; background:#f7f8f8; border-radius:0.4rem; position:absolute; top:calc(50% - 3.8rem); left:2.5rem;}
#list .list_xinxi li .date span { width:100%; padding-top:3rem; text-align:center; color:#595757; position:absolute; top:50%; left:0; transform:translateY(-50%);}
#list .list_xinxi li .date i { width:100%; font-size:2.8rem; position:absolute; top:0; left:0;}
#list .list_xinxi li .more { width:12.6rem; height:100%; background:rgba(0,0,0,0.015); border-radius:0.4rem; color:#9fa0a0; position:absolute; bottom:0; right:0; z-index:15;}
#list .list_xinxi li .more .icon { width:100%; padding-top:4rem; text-align:center; position:absolute; top:50%; left:0; transform:translateY(-50%);}
#list .list_xinxi li .more .icon:before { width:3rem; height:2.5rem; background-position:0 -10rem; top:0; left:calc(50% - 1.5rem);}
#list .list_xinxi li:hover { background:#f7f8f8;}
#list .list_xinxi li:hover h3 { color:#164b9a;}
#list .list_xinxi li:hover .date { background:#ebeff2;}
#list .list_xinxi li:hover .more { background:#164b9a; color:#fff;}
#list .list_xinxi li:hover .more .icon:before { background-position:0 -13rem;}

#list .list_product { margin:-2rem -2rem 0 0; display:flex; flex-wrap:wrap;}
#list .list_product li { width:calc(100% / 4 - 2rem); margin:2rem 2rem 0 0; background:#f6f6f6; border-radius:0.4rem; overflow:hidden; transition:background 0.3s;}
#list .list_product li a { padding:0 1rem; display:flex; flex-direction:column;}
#list .list_product li .pic { margin:0.1rem -0.9rem 0; position:relative;}
#list .list_product li .pic .img { width:100%; height:100%; border-radius:0.4rem; position:absolute; top:0; left:0;}
#list .list_product li h3 { text-align:center; line-height:5rem; font-size:1.6rem; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; transition:color 0.3s;}
#list .list_product li:hover { background:#164b9a;}
#list .list_product li:hover h3 { color:#fff;}

#list .list_caigou { border-bottom:0.1rem solid #dae0e4; display:flex; flex-direction:column;}
#list .list_caigou li { border-top:0.1rem solid #dae0e4; position:relative;}
#list .list_caigou li:before { width:0; height:0.1rem; content:""; background:#164b9a; position:absolute; top:-0.1rem; left:0; transition:all 0.3s;}
#list .list_caigou li a { padding:2.5rem 0 2.5rem 12rem; display:flex; flex-direction:column; position:relative;}
#list .list_caigou li h3 { margin:-0.3rem 0 1.7rem; line-height:2.4rem; font-size:1.8rem;}
#list .list_caigou li .text { margin:-0.5rem 0; line-height:2.4rem; color:#898989;}
#list .list_caigou li .date { line-height:2rem; font-size:1.6rem; color:#898989; position:absolute; top:calc(50% - 1rem); left:0;}
#list .list_caigou li:hover:before { width:100%;}

#list .list_history { margin-top:-2rem; display:flex; flex-direction:column; position:relative;}
#list .list_history:before { width:0.1rem; height:calc(100% - 0.5rem); content:""; background:#ddd; position:absolute; bottom:0.3rem; left:10.2rem;}
#list .list_history:after { width:0; height:0; content:""; border:0.7rem solid transparent; border-bottom-color:#ccc; border-top:0; position:absolute; top:0; left:9.5rem;}
#list .list_history li { padding-left:13.4rem; margin-top:2rem; position:relative; z-index:10;}
#list .list_history li .date { width:10.5rem; position:absolute; top:0; left:0;}
#list .list_history li .date:after { width:0.5rem; height:0.5rem; content:""; background:#d92129; border-radius:100%; position:absolute; top:calc(50% - 0.25rem); right:0;}

#list .list_map { position:relative;}
#list .list_map .map { width:130rem; overflow:hidden; position:relative; left:50%; transform:translateX(-50%);}
#list .list_map .map iframe { max-width:calc(100% - 0.2rem); border:0.1rem solid #ddd; position:relative; left:50%; transform:translateX(-50%);}
#list .list_map .text { width:41rem; height:100%; padding:4rem; background:#d92129; display:flex; flex-direction:column; position:absolute; top:0; right:0;}
#list .list_map .text p { line-height:3.2rem; font-size:1.6rem; color:#fff;}
#list .list_map .text p .icon { position:relative;}
#list .list_map .text p .icon:before { width:2rem; height:2rem; background-position:20rem 0; top:calc(50% - 1rem); left:-2.5rem;}
#list .list_map .text p.addr,
#list .list_map .text p.tel,
#list .list_map .text p.user,
#list .list_map .text p.email,
#list .list_map .text p.zip { padding-left:2.5rem;}
#list .list_map .text p.addr .icon:before { background-position:-5rem -6rem;}
#list .list_map .text p.tel .icon:before { background-position:-7rem -6rem;}
#list .list_map .text p.user .icon:before { background-position:-9rem -6rem;}
#list .list_map .text p.email .icon:before { background-position:-11rem -6rem;}
#list .list_map .text p.zip .icon:before { background-position:-13rem -6rem;}

#list .form_msg { padding:1rem 3rem 10rem; background:#f3f5f6; border-radius:0.4rem; display:flex; flex-wrap:wrap; justify-content:space-between; position:relative;}
#list .form_msg li { width:calc(100% / 2 - 1rem); height:5rem; margin-top:2rem; background-color:#fff; border-radius:0.4rem; position:relative;}
#list .form_msg li.icon:before { width:2rem; height:1.6rem; top:calc(50% - 0.8rem); left:1.3rem; z-index:10;}
#list .form_msg li.user.icon:before { background-position:0 -16rem;}
#list .form_msg li.tel.icon:before { background-position:-2rem -16rem;}
#list .form_msg li input,
#list .form_msg li textarea { width:100%; height:100%; border:0.1rem solid #b5b5b5; border-radius:0.4rem;}
#list .form_msg li input { text-indent:4rem;}
#list .form_msg li textarea { padding:1rem 1.2rem;}
#list .form_msg li input:focus,
#list .form_msg li textarea:focus { border-color:#164b9a;}
#list .form_msg li.detail { width:100%; height:20rem; background:#fff;}
#list .form_msg li.submit { width:13rem; height:4.6rem; background:#164b9a; border:0; border-radius:0.4rem; text-align:center; font-size:1.6rem; color:#fff; display:flex; align-items:center; justify-content:center; position:absolute; bottom:3rem; right:3rem;}
#list .form_msg li.submit:hover { background:#d92129;}
#list .form_msg li.submit .icon { padding-left:2.8rem; display:inline-block; position:relative;}
#list .form_msg li.submit .icon:before { width:1.6rem; height:1.6rem; background-position:0 -18rem; top:calc(50% - 0.8rem); left:0;}
#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 .search_news { margin-top:-2.5rem; display:flex; flex-direction:column; position:relative;}
#list .search_news li { border-bottom:0.1rem dotted #c9caca; line-height:0.2rem; font-size:1.2rem;}
#list .search_news li a { padding:2.5rem 0; display:block;}
#list .search_news li h3 { margin:-0.2rem 0; line-height:2.2rem; font-size:1.8rem; color:#000; white-space:normal;}
#list .search_news li .img { float:left; width:14rem; height:8.4rem; margin:1.6rem 1.5rem 0 0; border-radius:0.4rem;}
#list .search_news li .text { max-height:4.4rem; margin:2rem 0; line-height:2.2rem; font-size:1.4rem; 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:1.1rem; margin-left:1.2rem; border-left:0.1rem 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:#164b9a;}
#list .search_news li:hover .imgs img { transform:scale(1.05);}

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

#detail article { margin:-0.5rem 0; line-height:2.6rem; font-size:1.6rem; 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% - 0.2rem); border:0.1rem solid #ccc;}
#detail article table { max-width:100%;}
#detail article table.noBorder:first-child { margin-top:0.5rem;}
#detail article table.none { border:0;}
#detail article table.none:first-child { margin-top:0.5rem;}
#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:0.5rem;}
#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:0.5rem;}

#detail article.idea table { width:100%;}
#detail article.idea table td { padding:2rem 2rem;}

#detail .pages { padding-top:1.5rem; margin:3rem 0 -0.5rem; border-top:0.5rem solid #dae0e4; display:flex; flex-direction:column; position:relative;}
#detail .pages:before { width:100%; height:0.2rem; content:""; background:#dae0e4; position:absolute; top:0.4rem; left:0;}
#detail .pages li { margin-top:0.5rem; height:2.4rem; line-height:2.4rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#detail .pages li .none { color:#9fa0a0;}

#detail .view_news_title { margin-bottom:3rem; border-bottom:0.1rem solid #efefef; display:flex; flex-direction:column;}
#detail .view_news_title h1 { margin:-0.5rem 0; line-height:3.6rem; font-size:2.6rem; font-weight:bold; color:#3e3a39;}
#detail .view_news_title .info { margin:2rem 0; line-height:1; font-size:1.4rem; color:#9fa0a0; display:flex; align-items:center;}
#detail .view_news_title .info span { padding-left:3.1rem; position:relative;}
#detail .view_news_title .info span:before { width:0.1rem; height:1.2rem; content:""; background:#ddd;; position:absolute; top:calc(50% - 0.6rem); left:1.5rem;}
#detail .view_news_title .info span:first-of-type { padding:0;}
#detail .view_news_title .info span:first-of-type:before { display:none;}

#detail .view_product_title { height:61.2rem; padding:0 5rem 0 49rem; background:#f9f9f9; border-radius:0.4rem; display:flex; flex-direction:column; overflow:hidden; position:relative;}
#detail .view_product_title .swiper-container { width:44rem; height:61rem; position:absolute; top:0.1rem; left:0.1rem;}
#detail .view_product_title .swiper-slide .pic { position:relative;}
#detail .view_product_title .swiper-slide .pic .img { width:100%; height:100%; background:#fff; position:absolute; top:0; left:0; z-index:15;}
#detail .view_product_title .swiper-pagination { display:none;}
#detail .view_product_title .swiper-button { display:none;}

#detail .view_product_title h1 { margin:4.5rem 0 -0.5rem; line-height:3.4rem; font-size:2.4rem; font-weight:bold; color:#3e3a39;}
#detail .view_product_title li { color:#898989;}
#detail .view_product_title li.adv { margin:1.5rem 0 -0.5rem; line-height:2.4rem;}
#detail .view_product_title li.info { margin-top:2rem; line-height:2rem; color:#000; display:flex; flex-direction:column;}
#detail .view_product_title li.info p { padding-left:9.5rem; margin-top:2rem; position:relative;}
#detail .view_product_title li.info p i { color:rgba(0,0,0,0.65); position:absolute; top:0; left:0;}

#detail .view_product_tab { height:5.5rem; margin:4rem 0 3rem; background:#f9f9f9; border-bottom:0.1rem solid #dae0e4; border-radius:0.4rem; font-size:1.6rem; display:flex;}
#detail .view_product_tab li { height:100%; padding-left:1.5rem; margin-left:2rem; color:#3e3a39; display:flex; align-items:center; position:relative;}
#detail .view_product_tab li:before { width:0.8rem; height:0.8rem; content:""; background:#3e3a39; position:absolute; top:calc(50% - 0.4rem); left:0;}

@media (max-width:1700px){
header { width:calc(100% - 18rem);}
header .nav>li { margin-right:1rem;}
}

@media (max-width:1600px){
html { font-size:9px;}
header { width:calc(100% - 16rem);}
header .nav>li { margin-right:1.5rem;}
}

@media (max-width:1500px){
html { font-size:8px;}
header { width:calc(100% - 14rem);}
header .nav>li { margin-right:1.8rem;}
}