@charset "utf-8";
html,body { width:100%; overflow-x:hidden; position:relative;}
html { height:100%; background:#f5f5f5;}
body { max-width:640px; min-height:100%; margin:0 auto; background:#fff; font:1rem/1.5rem Helvetica,"microsoft yahei",arial; 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:#ff3c00;}
h1,h2,h3,h4,h5,h6 { font-weight:normal; text-transform:uppercase;}
input,textarea,select { background:none; line-height:1.25rem; font-family:Helvetica; color:#b0b2b5; resize:none;}
p,li,h1,dt,dd,input,select,textarea { text-align:justify;}
table { border:1px solid #ddd; border-collapse:collapse; border-spacing:0;}
table td { padding:0 10px; border:1px solid #ccc; vertical-align:middle;}
table.noborder { border:0;}
table.noborder td { border:0;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color:rgba(0,0,0,0.4);}
input::-moz-placeholder,textarea::-moz-placeholder { color:rgba(0,0,0,0.4);}
input:-moz-placeholder,textarea:-moz-placeholder { color:rgba(0,0,0,0.4);}
input:-ms-input-placeholder,textarea:-ms-input-placeholder { color:rgba(0,0,0,0.4);}
.m_fl,ul,ol,li,dl,dt,dd { float:left;}
.m_fr { float:right;}
.m_auto { margin:auto; float:none !important;}
.m_auto:after { clear:both; content:"."; display:block; font:0/0 arial; visibility:hidden;}
.overflow,li { overflow:hidden;}
.hidden { display:none;}
.display { display:block;}
.name { text-overflow:ellipsis; white-space:nowrap;}
.bg { font:0/0 arial; 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/img_loading.gif) no-repeat center center; background-size:40px; font:0/0 Arial; position:relative;}
.img img { width:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; z-index:10;}

.allSelect em { font-style:normal; position:absolute;}
.allSelect em.value { width:calc(100% - 2px); height:calc(100% - 2px); border:1px solid #898989; text-indent:10px; font-size:0.75rem; top:0; right:0; cursor:pointer;}
.allSelect em.value:after { width:0; height:0; content:""; border:4px solid transparent; border-top-color:#9baab5; position:absolute; top:50%; right:8px; margin-top:-1px; transition-duration:300ms;}
.allSelect em.id { display:none;}
.allSelect em.open { border-color:#9baab5;}
.allSelect em.open:after { border-top-color:#9baab5; transform:rotate(180deg);}
.allSelect dl { width:calc(100% - 2px); max-height:309px; background:#fff; border:1px solid #ccc; position:absolute; top:calc(100% - 1px); right:0; cursor:auto; z-index:100; transition-duration:400ms; transform:translateY(0); opacity:0; visibility:hidden; overflow-x:hidden; overflow-y:auto;}
.allSelect dl dd { float:left; width:100%; height:30px; border-top:1px solid #f7f7f7; text-indent:10px; line-height:1.875rem; font-size:0.75rem; overflow:hidden; cursor:pointer;}
.allSelect dl dd a { float:left; width:100%; height:100%;}
.allSelect dl dd:first-child { border:0;}
.allSelect dl dd i { display:none;}
.allSelect dl dd:hover { background:rgba(255,114,0,0.1);}
.allSelect dl dd.active { background:rgba(255,114,0,0.2);}
.allSelect dl dd.none { color:#b0b0b0;}
.allSelect dl.open { transform:translateY(2px); opacity:1; visibility:visible;}

header { width:100%; height:60px; position:relative;}
header .list { width:100%; max-width:640px; height:60px; background:#005bac; position:fixed; top:0; left:50%; transform:translateX(-50%); z-index:110;}
header .list .logo { width:100%; max-width:640px; position:relative;}
header .list .logo a { float:left; height:48px; padding:6px 10px;}
header .list .logo img { height:100%;}

header .list .button { height:100%; position:absolute; top:0; right:0;}
header .list .button .btn { float:left; width:50px; height:100%; position:relative; cursor:pointer;}
header .list .button .btn i { width:20px; height:20px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
header .list .button .btn i:before { width:100%; height:100%; content:""; background:url(/static/mobile/images/base.png) no-repeat 20px 0; position:absolute;}
header .list .button .btn[data-id=search] i:before { background-position:-20px 0;}
header .list .button .btn[data-id=nav] i { height:2px; background:#fff;}
header .list .button .btn[data-id=nav] i:before,
header .list .button .btn[data-id=nav] i:after { width:100%; height:2px; content:""; background:#fff; position:absolute; left:0;}
header .list .button .btn[data-id=nav] i:before { top:-9px;}
header .list .button .btn[data-id=nav] i:after { bottom:-9px;}

header .list .close { height:100%; position:absolute; top:0; right:0; display:none;}
header .list .close p { width:50px; height:100%; position:relative; cursor:pointer;}
header .list .close p:before { width:18px; height:18px; content:""; background:url(/static/mobile/images/base.png) no-repeat -1px -1px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}

header #nav { width:100%; max-width:640px; height:calc(100% - 60px); padding-top:60px; background:#171a1c; position:fixed; top:0; left:50%; transform:translateX(100%); z-index:105; transition:all 0.3s; opacity:0; visibility:hidden;}
header #nav.open { transform:translateX(-50%); opacity:1; visibility:visible;}
header #nav li { width:100%; border-bottom:1px solid rgba(255,255,255,0.1); text-transform:uppercase; position:relative;}
header #nav li>a { padding:12px 0 12px 15px; line-height:1; font-size:1.125rem; color:#fff; display:block; position:relative;}
header #nav li>a:after { width:11px; height:11px; content:""; border:1px solid rgba(255,255,255,0.6); border-right:0; border-bottom:0; position:absolute; top:50%; right:15px; margin-top:-5px; transform:rotate(135deg);}
header #nav li>a:hover { color:#ff3c00;}
header #nav li>a:hover:after { border-color:#ff3c00;}
header #nav li>a.active { background:#ff3c00; color:#fff;}
header #nav li>a.active:after { border-color:#fff;}

header #search { width:100%; max-width:640px; height:100%; background:#171a1c; position:fixed; top:0; left:50%; transform:translateX(100%); z-index:105; transition:all 0.3s; opacity:0; visibility:hidden;}
header #search.open { transform:translateX(-50%); opacity:1; visibility:visible;}
header #search form { width:calc(100% - 40px); padding-bottom:60px; position:absolute; top:50%; left:20px; transform:translateY(-50%);}
header #search form .submit { width:100%; height:40px; background:#fff; border-radius:20px; position:absolute; top:0; left:0; z-index:1;}
header #search form .submit:before { width:20px; height:20px; content:""; background:url(/static/mobile/images/base.png) no-repeat -20px -20px; position:absolute; top:50%; left:10px; margin-top:-10px; transform:scale(0.8);}
header #search form input[name=wd] { width:100%; height:40px; border:0; text-indent:36px; color:#005bac; position:relative; z-index:10;}
header #search form input[type=submit] { width:140px; height:40px; background:#ff3c00; border:0; border-radius:20px; text-align:center; font-size:1.125rem; color:#fff; position:absolute; bottom:0; left:50%; transform:translateX(-50%);}

header.view { height:44px;}
header.view .list { height:44px;}
header.view .list .text { width:100%; text-align:center; line-height:1; font-size:1.125rem; text-transform:uppercase; color:#fff; position:absolute; top:50%; left:0; transform:translateY(-50%); z-index:10;}
header.view .list .back { width:42px; height:100%; position:absolute; top:0; left:0; z-index:15;}
header.view .list .back a { height:100%; display:block; position:relative;}
header.view .list .back a:before { width:13px; height:13px; content:""; border:1px solid #fff; border-right:0; border-bottom:0; position:absolute; top:50%; left:14px; margin-top:-7px; transform:rotate(-45deg);}
header.view .list .home { width:42px; height:100%; position:absolute; top:0; right:0; z-index:15;}
header.view .list .home a { height:100%; display:block; position:relative;}
header.view .list .home a:before { width:20px; height:20px; content:""; background:url(/static/mobile/images/base.png) no-repeat 0 -40px; position:absolute; top:50%; right:10px; margin-top:-10px;}

footer { width:100%; padding-bottom:75px;}
footer .copyright { width:calc(100% - 20px); padding:15px 10px; margin:20px 0 -20px; background:#005bac;}
footer .copyright li { width:100%; text-align:center; line-height:1.25rem; font-size:0.875rem; color:#fff;}
footer .copyright li a { color:#fff; display:inline-block;}

footer .list { width:100%; max-width:640px; height:54px; background:#f9f9f9; border-top:1px solid rgba(0,0,0,0.06); display:-webkit-box; overflow:hidden; position:fixed; bottom:0; left:50%; transform:translateX(-50%); z-index:100;}
footer .list li { float:none; height:100%; -webkit-box-flex:1; text-align:center;}
footer .list li:first-child { border:0;}
footer .list li a { height:100%; color:#595757; display:block; position:relative;}
footer .list li a:hover,
footer .list li a.active { color:#005bac;}
footer .list li.li5 a:hover { color:#595757;}
footer .list li i { width:100%; height:12px; padding-top:26px; line-height:0.75rem; font-size:0.75rem; position:absolute; top:50%; left:0; margin-top:-19px;}
footer .list li i:before { width:40px; height:40px; content:""; background:url(/static/mobile/images/base.png) no-repeat 100px 0; position:absolute; top:-10px; left:50%; margin-left:-20px; transform:scale(0.5);}
footer .list li.li1 i:before { background-position:-50px 0;}
footer .list li.li1:hover i:before,
footer .list li.li1 .active i:before { background-position:-50px -40px;}
footer .list li.li2 i:before { background-position:-90px 0;}
footer .list li.li2:hover i:before,
footer .list li.li2 .active i:before { background-position:-90px -40px;}
footer .list li.li3 i:before { background-position:-130px 0;}
footer .list li.li3:hover i:before,
footer .list li.li3 .active i:before { background-position:-130px -40px;}
footer .list li.li4 i:before { background-position:-170px 0;}
footer .list li.li4:hover i:before,
footer .list li.li4 .active i:before { background-position:-170px -40px;}
footer .list li.li5 i:before { background-position:-210px 0;}
footer .list li.li5:hover i:before,
footer .list li.li5 .active i:before { background-position:-210px 0;}

footer .gotoTop { width:28px; height:28px; background:rgba(255,255,255,0.7); border:1px solid rgba(0,0,0,0.4); border-radius:100%; position:fixed; bottom:75px; right:10px; z-index:104; transition:all 0.5s; opacity:0; visibility:hidden;}
footer .gotoTop:before { width:9px; height:9px; content:""; border:1px solid rgba(0,0,0,0.4); border-right:0; border-bottom:0; position:absolute; top:50%; left:50%; margin:-2px 0 0 -5px; transform:rotate(45deg);}
footer .gotoTop.open { opacity:1; visibility:visible;}

/**公共**/
menu { width:100%; margin-bottom:20px; position:relative; z-index:90;}

menu .site { width:100%; height:50px; background:#f2f7f8; border-bottom:1px solid rgba(0,0,0,0.08); position:relative; z-index:10;}
menu .site li { position:absolute; top:50%; transform:translateY(-50%);}
menu .site .button { width:24px; height:24px; background:#9fa0a0; border-radius:100%; left:10px;}
menu .site .button i { width:100%; height:100%; display:block; position:relative;}
menu .site .button i:before { width:17px; height:16px; content:""; background:url(/static/mobile/images/base.png) no-repeat -20px -40px; transform:scale(0.8); position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
menu .site .name { max-width:80%; line-height:2; font-size:1rem; right:10px;}
menu .site .name a { color:#595757; display:block;}

menu .show { width:120px; height:50px; position:fixed; top:60px; left:-100%; z-index:20; transition:all 0.35s;}
menu .show:before { width:100%; height:500%; content:""; background:#ebf0f1; position:absolute; bottom:0; left:0;}
menu .show li { position:absolute; top:50%; transform:translateY(-50%); z-index:10;}
menu .show .button { width:24px; height:24px; background:#005bac; border-radius:100%; right:5px;}
menu .show .button i { width:100%; height:100%; display:block; position:relative;}
menu .show .button i:before { width:17px; height:16px; content:""; background:url(/static/mobile/images/base.png) no-repeat -20px -40px; transform:rotate(180deg) scale(0.8); position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
menu .show .name { max-width:calc(100% - 40px); line-height:1; font-size:1rem; text-transform:uppercase; color:#333; left:10px;}

menu .menu { width:120px; height:100%; padding-top:50px; background:#ebf0f1; position:fixed; top:60px; left:-100%; transition:all 0.35s;}
menu .menu li { width:100%; border-bottom:1px solid #fff; text-align:left; line-height:1.125rem; font-size:0.875rem;}
menu .menu li a { padding:10px 20px 10px 10px; background:#f2f2f2; display:block; position:relative;}
menu .menu li a:after { width:7px; height:7px; content:""; border:1px solid #898989; border-right:0; border-bottom:0; position:absolute; top:50%; right:10px; margin-top:-3px; transform:rotate(135deg);}
menu .menu li a.active { background:#005bac; color:#fff;}
menu .menu li a.active:after { border-color:#fff;}

menu .menu3 { width:calc(100% - 10px); margin-left:10px;}
menu .menu3 li { width:calc(100% / 3 - 10px); height:34px; margin:10px 10px 0 0; text-align:center; line-height:2.125rem; font-size:0.875rem;}
menu .menu3 li a { float:left; width:100%; height:100%; background:#ddd; border-radius:4px;}
menu .menu3 li a.active { background:#005bac; color:#fff;}

menu .menu3.list1 li { width:calc(100% / 1 - 10px);}
menu .menu3.list2 li,
menu .menu3.list4 li { width:calc(100% / 2 - 10px);}
menu .menu3.list3 li { width:calc(100% / 3 - 10px);}
menu .menu3.list10 li { width:calc(100% / 2 - 10px);}

menu.open .show,
menu.open .menu { left:0;}

/**内容**/
article { width:calc(100% - 20px); margin:-4px 10px; line-height:1.5rem; font-size:1rem; overflow:hidden; position:relative;}
article * { position:relative; z-index:10;}
article img { max-width:100%; height:auto !important;}
article video { max-width:100% !important; height:auto !important;}
article iframe { max-width:100%;}
article table { max-width:100%;}
article table.noBorder:first-child { margin-top:4px;}
article table.none { border:0;}
article table.none:first-child { margin-top:4px;}
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:4px;}
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:4px;}

/**列表**/
#list { width:100%; position:relative; z-index:10;}

#list .pages { width:100%; height:30px; margin-top:15px; text-align:center;}
#list .pages>a { padding:8px 10px; margin:0 4px; background:#fff; border:1px solid #808284; border-radius:3px; line-height:1; font-size:0.75rem; color:#808284; display:inline-block;}
#list .pages>a i { padding:0 5px;}
#list .pages>a:hover { border-color:#ff3c00; color:#ff3c00;}
#list .pages>.now,
#list .pages>.now:hover { padding:8px 10px; background:#ff3c00; border-color:#ff3c00; color:#fff;}
#list .pages>.now span { height:100%; margin-left:10px; display:inline-block; position:relative; z-index:10;}
#list .pages>.now span:first-child { margin:0;}
#list .pages>.now i { padding:0;}
#list .pages .none { border-color:#ccc; color:#ccc; cursor:no-drop;}
#list .pages .none:hover { background:#fff; border-color:#ccc; color:#ccc;}
#list .pages>.now span:nth-child(20),
#list .pages a:nth-child(1),
#list .pages a:nth-child(20),
#list .pages a:nth-child(60),
#list .pages .allSelect { display:none;}

#list .list_photo { width:calc(100% - 10px); margin:-10px 0 0 10px;}
#list .list_photo li { width:calc(100% / 2 - 10px); margin:10px 10px 0 0; border:0px solid #f0f0f0; border-bottom:0; border-radius:0 0 6px 6px;}
#list .list_photo li a { float:left; width:100%; padding-bottom:40px; overflow:hidden; position:relative;}
#list .list_photo li p { width:100%; text-align:center; overflow:hidden; position:absolute; left:0; z-index:10;}
#list .list_photo li .img { height:calc(100% - 40px); top:0;}
#list .list_photo li .img img { min-height:100%;}
#list .list_photo li .name { width:calc(100% - 10px); height:40px; padding:0 5px; background:#f0f0f0; text-align:center; line-height:2.5rem; font-size:1rem; color:#595757; bottom:0;}
#list .list_photo li:hover { border-color:#ff3c00;}
#list .list_photo li:hover .name { background:#ff3c00; color:#fff;}

#list .list_photo.list_product li { width:calc(100% / 2 - 12px); border-width:1px;}

#list .list_news { width:calc(100% - 20px); margin:-15px 10px 0;}
#list .list_news li { width:100%; padding:15px 0 12px; border-bottom:1px solid #eee; position:relative; overflow:visible;}
#list .list_news li p { font-size:0.75rem; color:#898989; overflow:hidden; position:relative; z-index:10;}
#list .list_news li .name { margin:-3px 0 6px; line-height:1.375rem; font-size:1rem; color:#333; white-space:normal;}
#list .list_news li .img { float:left; width:101px; height:67px; margin:0 10px 0 0; overflow:hidden; z-index:20;}
#list .list_news li .img img { min-height:100%;}
#list .list_news li .date { margin:-1px 0 6px 0; height:12px; line-height:1;}
#list .list_news li .info { max-height:54px; line-height:1.125rem; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
#list .list_news li:hover .name { color:#ff3c00;}

#list .list_zhaopin { width:calc(100% - 20px); margin:0 10px;}
#list .list_zhaopin li { width:100%; height:39px; border-bottom:1px solid #dedede; text-indent:10px; line-height:2.5rem; font-size:0.875rem;}
#list .list_zhaopin li a { float:left; width:100%; height:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#list .list_zhaopin li p { float:right; text-align:center; text-indent:0px; color:#898989;}
#list .list_zhaopin li .num { width:80px;}
#list .list_zhaopin li .edu { width:80px;}

#list .list_zhaopin li:nth-child(2n) { background:#eff7f4;}
#list .list_zhaopin li:nth-child(1) { height:40px; background:#005bac; border-bottom:0; text-indent:10px; font-size:1rem; color:#fff;}
#list .list_zhaopin li:nth-child(1) p { text-indent:0px; color:#fff;}

#list .list_complaint { width:calc(100% - 20px); margin:0 10px 20px; position:relative;}
#list .list_complaint li { width:100%; color:#005bac;}
#list .list_complaint li.text { line-height:1.5rem; font-size:1.25rem; white-space:normal;}
#list .list_complaint li.phone { margin-top:10px; line-height:1; font-size:1.75rem;}
#list .list_complaint li.phone span { float:left; margin:9px 0 0 0; line-height:1; font-size:1rem; color:#3e3a39;}

#list .form_msg { width:calc(100% - 20px); margin:-15px 10px 10px; position:relative;}
#list .form_msg li { width:100%; height:38px; margin-top:15px; position:relative; z-index:10;}
#list .form_msg li input,
#list .form_msg li textarea { width:calc(100% - 22px); height:calc(100% - 2px); padding:0 10px; border:1px solid #9fa0a0; border-radius:4px; color:#005bac;}
#list .form_msg li textarea { height:calc(100% - 18px); padding:8px 10px;}
#list .form_msg li input:focus,
#list .form_msg li textarea:focus { border-color:#ff3c00; color:#ff3c00;}
#list .form_msg li.detail { height:150px;}
#list .form_msg li.submit { height:44px; line-height:2.75rem; font-size:1.125rem; background:#ff3c00; border-radius:4px; text-align:center; color:#fff;}
#list .form_msg li.loading { width:100%; height:calc(100% - 15px); background-color:rgba(0,0,0,0.1); position:absolute; top:0; left:0; z-index:20; display:none;}

#list .search_form { width:calc(100% - 20px); height:36px; margin:15px 10px; position:relative; z-index:50;}
#list .search_form:before { width:calc(100% + 20px); height:calc(100% + 30px); content:""; background:#eff7f4; position:absolute; top:-15px; left:-10px;}
#list .search_form form { width:100%; height:100%; position:absolute; top:0; left:0; z-index:20;}
#list .search_form form .button { width:46px; height:100%; position:absolute; top:0; right:0; z-index:20;}
#list .search_form form .button:after { width:20px; height:20px; content:""; background:url(/static/mobile/images/base.png) no-repeat -20px -20px; position:absolute; top:50%; left:50%; margin:-10px 0 0 -10px;}
#list .search_form form input { position:absolute;}
#list .search_form form input[type=text] { width:calc(100% - 2px); height:calc(100% - 2px); background:#fff; border:1px solid #c9caca; border-radius:4px; text-indent:10px; color:rgba(0,0,0,0.5); top:0; left:0; z-index:10;}
#list .search_form form input[type=text]:focus { border-color:#005bac; color:#005bac;}
#list .search_form form input[type=submit] { width:46px; height:100%; background:transparent; border:0; border-radius:0 17px 17px 0; font:0/0 arial; top:0; right:0; z-index:30;}

#list .search_tongji { width:calc(100% - 20px); height:40px; margin:15px 10px 12px; background:#eaedef; border-radius:4px; position:relative; z-index:10;}
#list .search_tongji li { height:20px; line-height:1.25rem; font-size:0.875rem; position:absolute; top:50%; left:10px; margin-top:-10px;}
#list .search_tongji i { color:#f00;}

#list .search_news { width:calc(100% - 20px); margin:-12px 10px 0;}
#list .search_news li { width:100%; padding:15px 0 15px; border-bottom:1px solid #eee; position:relative; overflow:visible;}
#list .search_news li p { font-size:0.75rem; color:#898989; overflow:hidden; position:relative; z-index:10;}
#list .search_news li .name { margin:-3px 0 6px; line-height:1.375rem; font-size:1rem; color:#333; white-space:normal;}
#list .search_news li .img { float:left; width:104px; height:69px; margin:3px 10px 0 0; overflow:hidden; z-index:20;}
#list .search_news li .img img { min-height:100%;}
#list .search_news li .info { margin:-1px 0 8px 0; max-height:54px; line-height:1.125rem; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
#list .search_news li .date { height:12px; line-height:0.75rem;}
#list .search_news li .date span { height:100%; padding-left:20px; display:inline-block; position:relative;}
#list .search_news li .date span:before { width:1px; height:11px; content:""; background:#898989; position:absolute; top:50%; left:10px; margin-top:-5px;}
#list .search_news li .date span:first-child { padding:0;}
#list .search_news li .date span:first-child:before { display:none;}
#list .search_news li:hover .name { color:#ff3c00;}

/**内容**/
#detail { width:100%; position:relative; z-index:20;}

#detail .pages { width:calc(100% - 20px); padding:6px 10px 0; margin:20px 0 -3px; border-top:1px solid #ddd;}
#detail .pages li { width:100%; height:20px; margin-top:5px; font-size:0.875rem; text-overflow:ellipsis; white-space:nowrap;}
#detail .pages li .none { color:#9fa0a0;}

#detail .view_news_title { width:calc(100% - 20px); padding:0 10px 10px; margin:0 0 20px; border-bottom:10px solid #f5f7fa;}
#detail .view_news_title h1 { margin:15px 0; text-align:center; line-height:1.5rem; font-size:1.125rem; font-weight:bold;}
#detail .view_news_title li { width:100%; text-align:center; line-height:1; font-size:0.75rem; color:#898989;}
#detail .view_news_title li span { margin-left:15px; display:inline-block;}
#detail .view_news_title li span:first-child { margin:0;}

#detail .view_news_list { width:calc(100% - 20px); padding-top:20px; margin:25px 10px 0; position:relative;}
#detail .view_news_list dt { padding-left:12px; line-height:1; font-size:1.125rem; color:#191919; position:absolute; top:0; left:0;}
#detail .view_news_list dt:before { width:4px; height:100%; content:""; background:#005bac; border-radius:2px; position:absolute; top:0; left:0;}
#detail .view_news_list dd { margin-top:15px; position:relative;}
#detail .view_news_list dd a { height:100%; display:block; position:relative;}
#detail .view_news_list dd .name { line-height:1.25rem; font-size:1rem; white-space:normal;}
#detail .view_news_list dd .sort { height:12px; margin-top:8px; line-height:1; font-size:0.75rem;}
#detail .view_news_list dd .sort span { float:left; height:100%; margin-left:10px; color:#898989;}
#detail .view_news_list dd .sort span:first-child { margin:0;}

#detail .view_photo_title { width:calc(100% - 20px); margin:0 10px;}
#detail .view_photo_title h1 { margin:15px 0; text-align:center; line-height:1.5rem; font-size:1.125rem; font-weight:bold;}

#detail .view_photo_img { width:100%; margin-bottom:20px; background:#f2f7f8; border-bottom:1px solid #ddd; text-align:center;}
#detail .view_photo_img img { max-width:100%;}

#detail .view_product_img { width:calc(100% - 0px); padding:0 0 10px; margin-bottom:-10px; background:#fff; position:relative; z-index:10;}
#detail .view_product_img li { width:100%; position:relative; z-index:10;}
#detail .view_product_img img { width:100%;}
#detail .view_product_img li.bgs { height:100%; position:absolute; top:0; left:0; z-index:1;}
#detail .view_product_img li.bgs img { height:100%;}

#detail .view_product_title { width:calc(100% - 20px); padding:0 10px; background:#f6f6f6; border-radius:12px 12px 0 0; position:relative; z-index:15;}
#detail .view_product_title h1 { padding:12px 0; text-align:center; line-height:1.5rem; font-size:1.125rem; font-weight:bold;}

#detail .view_product_tab { width:100%; margin:0 0 20px; background:rgba(0,91,172,0.2); line-height:1; font-size:1rem;}
#detail .view_product_tab li { height:100%; padding:10px; border-left:1px solid #dedede; position:relative;}
#detail .view_product_tab li:first-child { border-left:0;}
#detail .view_product_tab li.active { background:#005bac; color:#fff;}

#detail .view_product_list { width:calc(100% - 10px); padding-top:20px; margin:25px 0 0 10px; position:relative;}
#detail .view_product_list dt { padding-left:12px; line-height:1; font-size:1.125rem; color:#191919; position:absolute; top:0; left:0;}
#detail .view_product_list dt:before { width:4px; height:100%; content:""; background:#005bac; border-radius:2px; position:absolute; top:0; left:0;}
#detail .view_product_list dd { float:left; width:calc(100% / 2 - 10px); margin:10px 10px 0 0; background:rgba(0,69,208,0.1); border-radius:8px; overflow:hidden;}
#detail .view_product_list dd a { float:left; width:100%; padding-bottom:40px; overflow:hidden; position:relative;}
#detail .view_product_list dd p { width:100%; text-align:center; overflow:hidden; position:absolute; left:0;}
#detail .view_product_list dd .img { height:calc(100% - 40px); top:0;}
#detail .view_product_list dd .img img { min-height:100%;}
#detail .view_product_list dd .name { width:calc(100% - 10px); height:40px; padding:0 5px; line-height:2.5rem; font-size:1rem; bottom:0;}

#detail .view_job_title { width:calc(100% - 42px); padding:10px; margin:10px 10px 20px; background:#f1f4ff; border:1px solid #d8dded; position:relative;}
#detail .view_job_title h1 { margin:2px 0; line-height:1.25rem; font-size:1rem; color:#30363a; position:relative;}
#detail .view_job_title li { width:calc(100% - 70px); padding-left:70px; margin-top:10px; line-height:1; font-size:0.875rem; position:relative;}
#detail .view_job_title li p { color:#898989; position:absolute; top:0; left:0;}

/**弹出**/
#pop_tips { padding:12px 10px; background:rgba(0,0,0,0.8); border-radius:4px; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2999;}
#pop_tips .loading { height:30px; margin-bottom:8px; background-color:transparent; background-size:30px;}
#pop_tips .text { margin:-3px 0; text-align:center; line-height:1.25rem; font-size:0.875rem; color:#fff;}

@media (min-width:640px){
menu.open .show,
menu.open .menu { left:50%; margin-left:-320px;}
footer .gotoTop { right:50%; margin-right:-310px;}
}

@media (max-width:360px){
#list .pages>a { margin:0 3px;}
}<!--耗时1759620007.9322秒-->