@charset "utf-8";
html,body { width:100%; background:#fff; overflow:hidden;}
html { height:100%; background:#f5f5f5; overflow-y:auto;}
body { max-width:1920px; min-height:100%; margin:0 auto; font:14px/20px Helvetica,"microsoft yahei","SimSun"; color:#3e3a39;}
* { margin:0; padding:0; list-style:none; outline:none; -webkit-tap-highlight-color:transparent;}
img,video,iframe { max-width:100%; border:0; vertical-align:middle;}
i { font-style:normal;}
a { color:#3e3a39; text-decoration:none;}
a:hover { color:#0093da;}
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"],.btn { cursor:pointer;}
select:-ms-expand { display:none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color:rgba(0,0,0,0.5);}
input::-moz-placeholder,textarea::-moz-placeholder { color:rgba(0,0,0,0.5);}
input:-moz-placeholder,textarea:-moz-placeholder { color:rgba(0,0,0,0.5);}
input:-ms-input-placeholder,textarea:-ms-input-placeholder { color:rgba(0,0,0,0.5);}
input.white::-webkit-input-placeholder,
input.white::-moz-placeholder,
input.white:-moz-placeholder,
input.white:-ms-placeholder { color:rgba(255,255,255,1);}
::-webkit-scrollbar { width:10px; height:10px;}
::-webkit-scrollbar-thumb { background:rgba(50,50,50,0.25); border:2px solid transparent; border-radius:10px; background-clip:padding-box;}
::-webkit-scrollbar-thumb:hover { background-color:rgba(50,50,50,0.5);}
::-webkit-scrollbar-track { background:rgba(50,50,50,0.05);}
::-ms-clear,::-ms-reveal { display:none;}

.m_fl { float:left;}
.m_fr { float:right;}
.m_auto { float:none !important; margin:auto; zoom:1;}
.m_auto:after { clear:both; content:""; display:block;}
.overflow { overflow:hidden;}
.hidden { display:none !important;}
.display { display:block;}
.name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bg { font-size:0; display:block; position:relative !important; z-index:10 !important;}
.bg img { width:100%; opacity:0; visibility:hidden;}
.img,.loading,.img_loading img,#detail article iframe,#detail article video { background:#f5f5f5 url(../images/app_loading.gif) no-repeat center center; background-size:40px; overflow:hidden; position:relative; z-index:11;}
.img img { width:100%; min-height:100%; transition:all 0.3s; 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;}
.allSelect em.open:after { border-top-color:#0286d1; transform:rotate(180deg);}
.allSelect dl { width:calc(100% - 2px); max-height:calc(31px * 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:30px; 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-of-type { border:0;}
.allSelect dl.open { transform:translateY(5px); opacity:1; visibility:visible;}

/**头部和尾部**/
header { width:1400px; height:100px; position:relative; z-index:150;}
header:before { width:1920px; height:100%; content:""; background:#fff; box-shadow:2px 2px 5px rgba(0,0,0,0.05); position:absolute; top:0; left:50%; transform:translateX(-50%);}

header .logo { height:100%; display:flex; align-items:center; position:absolute; top:0; left:0; z-index:20;}

header .nav { width:calc(100% - 240px - 120px); height:50px; display:flex; justify-content:center; position:absolute; top:50%; left:240px; transform:translateY(-50%); z-index:30;}
header .nav>li { height:100%; margin-left:50px; position:relative;}
header .nav>li:first-of-type { margin:0;}
header .nav>li>a { height:100%; padding:0 10px; line-height:50px; font-size:20px; text-transform:uppercase; font-weight:bold; color:#3e3a39; display:block; transition:color 0.5s;}
header .nav>li>a i { height:100%; white-space:nowrap; display:inline-block; position:relative;}
header .nav>li>a i:before { width:0; height:3px; content:""; background:#0093da; position:absolute; bottom:5px; left:0; transition:all 0.2s;}
header .nav>li:hover>a,
header .nav>li>a.active { color:#0093da;}
header .nav>li:hover>a i:before { width:100%;}
header .nav>li:hover>a.active i:before { display:none;}

header .nav>li dl { width:1000px; text-align:center; font-size:0; display:none; position:absolute; top:100%; left:50%; transform:translateX(-50%);}
header .nav>li dl dd { padding-left:31px; display:inline-block; position:relative;}
header .nav>li dl dd:before { width:1px; height:11px; content:""; background:#898989; position:absolute; top:50%; left:16px; margin-top:-5px;}
header .nav>li dl dd:first-of-type { padding:0;}
header .nav>li dl dd:first-of-type:before { display:none;}
header .nav>li dl dd a { padding:5px 0; line-height:1; font-size:14px; color:#595757; display:block;}
header .nav>li dl dd a:hover,
header .nav>li dl dd a.active { color:#0093da;}
header .nav>li dl.open { display:block;}

header .icon { height:40px; display:flex; align-items:center; position:absolute; top:50%; right:0; transform:translateY(-50%); z-index:30;}
header .icon li { height:100%; margin-left:30px; position:relative;}
header .icon li span { height:100%; text-align:center; line-height:1; font-size:16px; color:#3e3a39; display:block;}
header .icon li a { height:100%; color:#3e3a39; display:block;}
header .icon li i { padding-right:26px; display:inline-block; position:relative; top:50%; transform:translateY(-50%);}
header .icon li i:after { width:20px; height:18px; content:""; background:url(../images/app.png) no-repeat -50px 0; position:absolute; top:50%; right:0; transform:translateY(-50%);}
header .icon li:hover>span { color:#0093da;}
header .icon li.icon_language i:before { width:17px; height:17px; content:""; background:#727171; border-radius:6px; position:absolute; top:50%; right:0; margin-top:-9px;}
header .icon li.icon_language i:after { width:7px; height:5px; background-position:0 -20px; right:5px; transform:translateY(-3px);}
header .icon li.icon_language:hover i:before { background:#0093da;}
header .icon li.icon_language .item_language { padding:42px 50px 12px; display:flex; flex-direction:column; position:absolute; top:100%; left:-50px; transition:all 0.15s; transform:translateY(30px); opacity:0; visibility:hidden;}
header .icon li.icon_language .item_language:before { width:100%; height:calc(100% - 31px); content:""; background:#fff; border:1px solid rgba(0,0,0,0.05); border-radius:4px; position:absolute; bottom:0; left:0;}
header .icon li.icon_language .item_language:after { width:0; height:0; content:""; border:6px solid transparent; border-bottom-color:rgba(0,0,0,0.5); border-top:0; position:absolute; bottom:calc(100% - 29px); left:50%; margin-left:-6px;}
header .icon li.icon_language .item_language dd { white-space:nowrap; position:relative; z-index:10;}
header .icon li.icon_language .item_language dd a { text-align:left; line-height:34px; font-size:15px;}
header .icon li.icon_language .item_language dd a:hover { color:#0093da;}
header .icon li.icon_language:hover .item_language { transform:translateY(0); opacity:1; visibility:visible;}

footer { width:1400px; min-height:230px; padding:80px 0 120px; margin-top:50px !important; position:relative; z-index:100;}
footer:before { width:1920px; height:100%; content:""; background:url(../images/bg_footer.jpg) no-repeat center 0; position:absolute; top:0; left:50%; margin-left:-960px;}
#footer { position:fixed; bottom:0; left:50%; transform:translateX(-50%); z-index:100;}

footer .contact { width:320px; display:flex; flex-direction:column; position:relative; margin-top:-80px; z-index:15;}
footer .contact li { padding:20px 0 0 20px; margin-top:25px; text-align:left; line-height:18px; font-size:14px; color:#333; position:relative;}
footer .contact li:before { width:12px; height:17px; content:""; background:url(../images/app.png) no-repeat 20px 0; position:absolute; top:-1px; left:0;}
footer .contact li i { line-height:1; font-size:14px; color:#595757; position:absolute; top:0; left:20px;}
footer .contact li.logo { padding:0; margin-top:20px;}
footer .contact li.logo img { max-height:112px;}
footer .contact li.addr:before { background-position:0 -130px;}
footer .contact li.tel { padding-top:25px; font-size:28px;}
footer .contact li.tel:before { background-position:-15px -130px;}

footer .nav { display:flex; position:absolute; top:80px; left:420px; z-index:15;}
footer .nav dl { padding-left:100px; margin:-8px 0; line-height:30px; font-size:15px; display:flex; flex-direction:column;}
footer .nav dl:first-child { padding:0;}
footer .nav dt { padding-bottom:5px; font-size:18px; text-transform:uppercase; font-weight:bold;}
footer .nav dd a { color:#727171; display:block;}
footer .nav dd a:hover { color:#0093da;}

footer .ewm { display:flex; position:absolute; top:80px; right:0; z-index:15;}
footer .ewm li { margin-left:20px; text-align:center; line-height:1; font-size:15px; color:#3e3a39;}
footer .ewm li .img { width:140px; height:140px; border:10px solid #fff; margin-bottom:12px;}

footer .copyright { width:100%; height:20px; padding:20px 0; display:flex; justify-content:space-between; position:absolute; bottom:0; left:0; z-index:10;}
footer .copyright:before { width:1920px; height:100%; content:""; background:#0093da; position:absolute; top:0; left:50%; transform:translateX(-50%);}
footer .copyright li { line-height:20px; font-size:15px; color:#fff; position:relative; z-index:10;}
footer .copyright li span { padding:0 10px;}
footer .copyright li a { color:#fff; display:inline-block; position:relative;}
footer .copyright li a:after { width:100%; height:1px; content:""; background:#fff; position:absolute; bottom:0; left:0; display:none;}
footer .copyright li a:hover:after { display:block;}

footer #fixed_right { width:70px; padding:10px 0; background:#fff; box-shadow:0px 0px 5px rgba(0,0,0,0.1); border-radius:40px; display:flex; flex-direction:column; position:fixed; bottom:175px; right:10px; z-index:101;}
footer #fixed_right li { height:40px; margin:8px 0; position:relative;}
footer #fixed_right li .icon { height:100%; display:block; position:relative;}
footer #fixed_right li .icon:before { width:40px; height:40px; content:""; background:url(../images/app.png) no-repeat 100px 0; position:absolute; top:50%; left:50%; margin:-20px 0 0 -20px;}
footer #fixed_right li.tel .icon:before { background-position:-50px 0;}
footer #fixed_right li.tel:hover .icon:before { background-position:-50px -40px;}
footer #fixed_right li.mip .icon:before { background-position:-90px 0;}
footer #fixed_right li.mip:hover .icon:before { background-position:-90px -40px;}
footer #fixed_right li.shi .icon:before { background-position:-130px 0;}
footer #fixed_right li.shi:hover .icon:before { background-position:-130px -40px;}
footer #fixed_right li.dou .icon:before { background-position:-170px 0;}
footer #fixed_right li.dou:hover .icon:before { background-position:-170px -40px;}
footer #fixed_right li.msg .icon:before { background-position:-210px 0;}
footer #fixed_right li.msg:hover .icon:before { background-position:-210px -40px;}
footer #fixed_right li.gotoTop .icon:hover { background:#485157;}
footer #fixed_right li.gotoTop .icon:before { width:0; height:0; content:""; border-left:9px solid transparent; border-right:9px solid transparent; border-bottom:8px solid #fff; position:absolute; top:50%; left:50%; margin:-5px 0 0 -9px;}
footer #fixed_right li.gotoTop.open { transform:translateY(0);}
footer #fixed_right li .pop { padding:20px 30px 20px 20px; display:flex; position:absolute; top:0; right:0; transform:scale(0); opacity:0; visibility:hidden; transition:all 0.2s;}
footer #fixed_right li .pop:before,
footer #fixed_right li .pop:after { width:0; height:0; content:""; position:absolute;}
footer #fixed_right li .pop:before { width:calc(100% - 10px); height:100%; background:#fff; border-radius:4px; box-shadow:0px 0px 5px rgba(0,0,0,0.1); top:0; left:0;}
footer #fixed_right li .pop:after { border:8px solid transparent; border-left-color:rgba(255,255,255,1); border-right:0; top:12px; right:3px;}
footer #fixed_right li .pop dd { position:relative; z-index:10;}
footer #fixed_right li .pop_tel { width:180px; line-height:1; flex-direction:column;}
footer #fixed_right li .pop_tel .name { padding:0 0 5px 22px; font-size:16px; position:relative;}
footer #fixed_right li .pop_tel .name:before { width:15px; height:15px; content:""; background:url(../images/app.png) no-repeat -30px -130px; position:absolute; top:0; left:2px;}
footer #fixed_right li .pop_tel .text { line-height:26px; font-size:22px; white-space:nowrap;}
footer #fixed_right li .pop_tel .text:last-of-type { margin-bottom:-2px;}
footer #fixed_right li .pop_ewm { line-height:1;}
footer #fixed_right li .pop_ewm dd { width:160px; text-align:center;}
footer #fixed_right li .pop_ewm dd img { max-width:100%;}
footer #fixed_right li .pop_ewm dd .text { margin-top:12px;}
footer #fixed_right li:hover .pop,
footer #fixed_right li .pop.open { right:100%; transform:scale(1); opacity:1; visibility:visible;}
footer #fixed_right li.shi .pop { top:50%; transform:translateY(-50%) scale(0);}
footer #fixed_right li.shi .pop:after { top:50%; margin-top:-8px;}
footer #fixed_right li.shi:hover .pop { transform:translateY(-50%) scale(1);}
footer #fixed_right li.dou .pop { top:auto; bottom:0;}
footer #fixed_right li.dou .pop:after { top:auto; bottom:12px;}

/**公共**/
.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 { min-height:none; position:relative;}

.main { width:1400px; position:relative; z-index:100;}
.main_menu { padding-top:120px;}
.main_menu .menu { width:100%; height:70px; display:flex; position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:101;}
.main_menu .menu:before { width:1920px; height:100%; content:""; background:#f6f8f9; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.main_menu .menu li { margin-left:70px; position:relative; z-index:10;}
.main_menu .menu li:first-of-type { margin:0;}
.main_menu .menu li>a { height:100%; display:flex; align-items:center; font-size:18px; position:relative;}
.main_menu .menu li>a:before { width:100%; height:3px; content:""; background:#0093da; position:absolute; bottom:0; left:0; display:none;}
.main_menu .menu li:hover>a,
.main_menu .menu li>a.active { color:#0093da;}
.main_menu .menu li>a.active:before { display:list-item;}
.main_menu .menu#fixed { width:1400px; position:fixed;}

.main_menu .menu li dl { width:calc(100% + 100px); padding:10px 0; display:flex; flex-direction:column; position:absolute; top:100%; left:50%; transform:translate(-50%,20px); transition:all 0.2s; opacity:0; visibility:hidden;}
.main_menu .menu li:hover dl,
.main_menu .menu li dl.open { transform:translate(-50%,0); opacity:1; visibility:visible;}
.main_menu .menu li dl:before { width:calc(100% - 2px); height:100%; content:""; background:rgb(250,250,250); border:1px solid rgba(0,0,0,0.08); border-top:0; border-radius:0 0 5px 5px; position:absolute; bottom:0; left:0;}
.main_menu .menu li dl dd { text-align:center; position:relative; z-index:10;}
.main_menu .menu li dl dd a { padding:5px 0; line-height:18px; font-size:14px; display:block;}
.main_menu .menu li dl dd:hover>a,
.main_menu .menu li dl dd>a.active { color:#0093da;}

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

.main_all { position:relative;}

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

#list .pages { height:30px; padding:12px 95px 12px 10px; margin-top:25px; background:#f2f7f8; 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:#0093da; color:#0093da;}
#list .pages>.now { padding:0 6px; background:rgb(245,245,245); border-color:#0093da; color:#0093da;}
#list .pages>.now span { margin:0 2px;}
#list .pages>.now span i { margin:0 2px;}
#list .pages>.tongji { padding:0; margin-left:0; background:none; border-color:transparent; color:#3e3a39; position:absolute; top:12px; left:10px;}
#list .pages>.tongji span { margin-left:10px; display:inline-block;}
#list .pages>.tongji span i { margin-right:5px;}
#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:#0093da;}
#list .pages .gotoPage em.open:after { border-top-color:#0093da;}
#list .pages .gotoPage dl { max-height:calc(29px * 6 - 1px); border-color:#0093da; border-radius:4px 4px 0 0; top:auto; bottom:calc(100% + 2px);}
#list .pages .gotoPage dl dd { height:28px; border-top-color:#ddd; line-height:28px;}
#list .pages .gotoPage dl dd:hover { background:none;}
#list .pages .gotoPage dl dd a:hover { background:#fff; color:#0093da;}
#list .pages .gotoPage dl dd a.active,
#list .pages .gotoPage dl dd a.active:hover { background:rgba(0,0,0,0.08); color:#0093da;}
#list .pages .gotoPage dl.open { transform:translateY(0);}

#list .list_photo { margin:-25px -20px 0 0; display:flex; flex-wrap:wrap;}
#list .list_photo li { width:calc(100% / 4 - 20px); margin:25px 20px 0 0; overflow:hidden;}
#list .list_photo li a { display:flex; flex-direction:column;}
#list .list_photo li .pic { position:relative;}
#list .list_photo li .pic .img { width:100%; height:100%; position:absolute; top:0; left:0;}
#list .list_photo li h3 { margin-top:15px; text-align:center; line-height:1; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#list .list_photo li:hover .img img { transform:scale(1.05);}
#list .list_photo li:hover h3 { color:#0093da;}

#list .list_photo.list_honor li .pic { border:10px solid #f8f3eb;}
#list .list_photo.list_honor li:hover .pic { border-color:#0093da;}
#list .list_photo.list_honor li:hover .img img { transform:scale(1);}

#list .list_photo.list_video li { width:calc(100% / 3 - 20px);}
#list .list_photo.list_video li { border-radius:12px;}
#list .list_photo.list_video li h3 { padding:0 50px; margin:0; background:#3e3a39; text-align:left; line-height:50px; color:#fff; position:relative;}
#list .list_photo.list_video li h3:before { width:26px; height:26px; content:""; background:url(../images/app.png) no-repeat -200px -80px; position:absolute; top:50%; left:15px; transform:translateY(-50%);}
#list .list_photo.list_video li h3 i { padding-left:22px; font-size:12px; position:absolute; top:50%; right:15px; transform:translateY(-50%);}
#list .list_photo.list_video li h3 i:before { width:15px; height:10px; content:""; background:url(../images/app.png) no-repeat -230px -80px; position:absolute; top:50%; left:0; transform:translateY(-50%);}
#list .list_photo.list_video li:hover .img img { transform:scale(1);}
#list .list_photo.list_video li:hover h3 { background:#0093da;}

#list .list_photo.list_product li { width:calc(100% / 4 - 42px); padding:10px 10px 0; background:none; border:1px solid #eee; border-radius:8px;}
#list .list_photo.list_product li h3 { padding-bottom:22px; margin:15px 0; text-align:center; font-size:16px; text-transform:none; position:relative;}
#list .list_photo.list_product li h3 i { width:100%; line-height:1; font-size:12px; color:#898989; position:absolute; bottom:0; left:0;}
#list .list_photo.list_product li:hover { border-color:#0093da;}
#list .list_photo.list_product li:hover .img img { transform:scale(1);}
#list .list_photo.list_product li:hover h3 { color:#0093da;}

#list .list_map { position:relative;}
#list .list_map .map { width:1400px; overflow:hidden; position:relative; left:50%; transform:translateX(-50%);}
#list .list_map .map iframe { max-width:calc(100% - 2px); border:1px solid #ddd; position:relative; left:50%; transform:translateX(-50%);}
#list .list_map .text { padding:40px 80px 120px; background:#f0f4f8; display:flex; flex-direction:column;}
#list .list_map .text p { margin-bottom:20px; line-height:26px; font-size:16px;}
#list .list_map .text p .icon { line-height:24px; font-size:14px; position:relative;}
#list .list_map .text p .icon:before { width:15px; height:22px; content:""; background:url(../images/app.png) no-repeat -200px -110px; position:absolute; top:50%; left:-22px; margin-top:-10px;}
#list .list_map .text p .icon.addr:before { background-position:-200px -110px;}
#list .list_map .text p .icon.tel:before { background-position:-215px -110px;}
#list .list_map .text p .icon.web:before { background-position:-230px -110px;}
#list .list_map .text .button { width:150px; height:50px; background:#0093da; border-radius:50px; text-align:center; line-height:50px; font-size:16px; color:#fff; position:absolute; bottom:50px; left:80px;}

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

#detail article { margin:-4px 0; line-height:24px; font-size:16px; overflow:hidden; position:relative;}
#detail article * { position:relative; z-index:10;}
#detail article img { max-width:100% !important; height:none !important;}
#detail article video { max-width:100% !important; height:auto !important;}
#detail article iframe { max-width:calc(100% - 2px); border:1px solid #ccc;}
#detail article table { max-width:100%;}
#detail article table.noBorder:first-child { margin-top:4px;}
#detail article table.none { border:0;}
#detail article table.none:first-child { margin-top:4px;}
#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:4px;}
#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:4px;}

#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:590px; padding-left:760px; display:flex; flex-direction:column; position:relative;}
#detail .view_product_title h1 { margin:-8px 0; line-height:34px; font-size:24px; font-weight:bold; color:#3e3a39;}
#detail .view_product_title li { color:#898989;}
#detail .view_product_title li.adv { margin:15px 0 -5px; line-height:20px;}
#detail .view_product_title li.info { margin:22px 0 -8px; line-height:30px; color:#000; display:flex; flex-direction:column;}
#detail .view_product_title li.info p { position:relative;}
#detail .view_product_title li.info p i { margin-right:10px; color:rgba(0,0,0,0.65);}
#detail .view_product_title li.button { height:52px; display:flex; position:absolute; bottom:0; left:760px;}
#detail .view_product_title li.button a { width:150px; height:calc(100% - 2px); margin-right:20px; border:1px solid #898989; border-radius:30px; text-align:center; line-height:50px; font-size:16px;}
#detail .view_product_title li.button a:hover { border-color:#0093da; color:#0093da;}
#detail .view_product_title li.button a.buy { background:#dd2727; border-color:#dd2727; color:#fff;}
#detail .view_product_title li.imglist { width:110px; margin-top:-10px; display:flex; flex-direction:column; position:absolute; top:0; left:0}
#detail .view_product_title li.imglist p { margin-top:10px; padding:2px; border:1px solid #eee; border-radius:4px; cursor:pointer;}
#detail .view_product_title li.imglist img { width:100%;}
#detail .view_product_title li.imglist .active { border-color:#0093da;}

#detail .view_product_title .zoomMain { width:584px; height:584px; padding:2px; border:1px solid #eee; position:absolute; top:0; left:125px; z-index:15;}
#detail .view_product_title .zoomMain .zoom { width:584px; height:584px; 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:588px; height:588px; border:1px solid #e0e0de; position:absolute; right:calc(-100% - 20px); top:-1px; overflow:hidden; display:none;}
#detail .view_product_title .zoomMain .zoomDetail img { width:100%; max-width:none; height:100%;}

#detail .view_product_tab { height:44px; margin:40px 0 20px; background:#f2f7f8; border-radius:4px; line-height:44px; font-size:14px; display:flex; align-items:center;}
#detail .view_product_tab li { height:100%; padding:0 27px; border-left:1px solid #dedede; border-radius:4px;}
#detail .view_product_tab li:first-child { border-left:0;}
#detail .view_product_tab li.active { background:#0093da; color:#fff;}

/**弹出**/
.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:-35px; right:-35px;}
.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.15s;}
.pop_div .close:hover:before { transform:translate(-50%,-50%) rotate(90deg);}
.pop_div .title { width:calc(100% - 10px); height:34px; padding:0 5px; background:rgba(0,0,0,0.5); text-align:center; line-height:34px; font-size:14px; color:#fff; position:absolute; bottom:0; left:0;}
.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:#0093da; border-color:#0093da; 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 { width:800px; padding-top:60px; background:rgb(250,250,250); border-radius:4px; display:flex; flex-direction:column; text-align:center; z-index:10;}
.pop_photo img { max-width:100%; height:500px;}
.pop_photo .title { background:none; line-height:1; font-size:20px; color:#3e3a39; top:20px;}
.pop_photo .page { display:none;}
.pop_photo .list { height:100px; padding:10px 0; background:#f6f8fa; display:flex; justify-content:center;}
.pop_photo .list dd { height:100%; margin:0 10px; cursor:pointer; position:relative;}
.pop_photo .list dd:before { width:calc(100% - 4px); height:calc(100% - 4px); content:""; border:2px solid #0093da; position:absolute; top:0; left:0; display:none;}
.pop_photo .list dd img { height:100%;}
.pop_photo .list dd.active:before { display:list-item;}
.pop_photo .list#photo_count1 { display:none;}

.pop_video { margin-top:-35px; z-index:20;}
.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;}
.pop_video .page { display:none;}

.pop_message { width:500px; padding:0 100px; background:#fff; border-radius:4px; display:flex; flex-direction:column; z-index:30;}
.pop_message .close { width:56px; height:56px; border:2px solid #fff; top:-80px; right:50%; margin-right:-30px;}
.pop_message .close:before { width:24px; height:24px; background-position:-25px -100px;}
.pop_message .title { height:auto; margin:26px 0; background:none; text-align:center; line-height:1; font-size:30px; color:#3e3a39; position:relative;}
.pop_message .form { margin-bottom:30px; display:flex; flex-direction:column; position:relative;}
.pop_message .form p { height:50px; margin-top:16px;}
.pop_message .form p:first-of-type { margin:0;}
.pop_message .form input,
.pop_message .form textarea { width:100%; height:100%; border:1px solid #b5b5b5; border-radius:4px;}
.pop_message .form input { text-indent:12px;}
.pop_message .form textarea { padding:10px 12px;}
.pop_message .form input:focus,
.pop_message .form textarea:focus { border-color:#0093da;}
.pop_message .form .detail { height:150px;}
.pop_message .form .submit { margin-top:20px; display:flex; justify-content:right;}
.pop_message .form .submit .btn { width:160px; height:100%; background:#f3f5f6; border-radius:25px; text-align:center; line-height:50px; font-size:18px;}
.pop_message .form .submit .btn:hover { background:#0093da; color:#fff;}
.pop_message .form .loading { width:100%; height:100%; margin:0; background-color:rgba(0,0,0,0.015); position:absolute; top:0; left:0;}

@media (max-width:1600px){
header { width:1300px; height:90px;}
footer { width:1300px;}
footer .nav { left:400px;}
footer .nav dl { padding-left:80px;}
header .nav>li dl dd a { padding:3px 0;}
footer .ewm li .img { width:130px; height:130px;}
.main,
.main_menu .menu#fixed { width:1300px;}
}

@media (max-width:1500px){
header { width:1200px; height:80px;}
header .nav>li dl dd a { padding:2px 0; font-size:12px;}
footer { width:1200px;}
footer .nav { left:380px;}
footer .nav dl { padding-left:50px;}
.main,
.main_menu .menu#fixed { width:1200px;}
}