@charset "utf-8";
html,body { width:100%; overflow:hidden;}
html { height:100%; background:#f5f5f5; overflow-y:auto;}
body { max-width:1920px; min-height:100%; margin:0 auto; background:#fff; font:14px/20px Helvetica,"microsoft yahei","SimSun"; color:#595757;}
* { margin:0; padding:0; list-style:none;outline:none;}
img,iframe { border:0; vertical-align:middle;}
i { font-style:normal;}
a { color:#595757; text-decoration:none;}
a:hover { color:#c30d23;}
p,li,h1,dt,dd,input,select,textarea { text-align:justify;}
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;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display:block;}
video { background:#333; font:0/0 arial;}
input,select,textarea { float:left; background:none; border:0; color:#595757; resize:none; position:relative; z-index:20;}
input[type="submit"],.button,.submit { cursor:pointer;}
select:-ms-expand { display:none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color:rgba(0,0,0,0.5);}
input::-moz-placeholder,textarea::-moz-placeholder { color:rgba(0,0,0,0.5);}
input:-moz-placeholder,textarea:-moz-placeholder { color:rgba(0,0,0,0.5);}
input:-ms-input-placeholder,textarea:-ms-input-placeholder { color:rgba(0,0,0,0.5);}
input.white::-webkit-input-placeholder,
input.white::-moz-placeholder,
input.white:-moz-placeholder,
input.white:-ms-placeholder { color:rgba(255,255,255,1);}
::-webkit-scrollbar { width:10px; height:10px;}
::-webkit-scrollbar-thumb { background:rgba(50,50,50,0.25); border:transparent 2px solid; 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,ul,ol,li { float:left;}
.m_fr { float:right;}
.m_auto { float:none !important; margin:auto; zoom:1;}
.m_auto:after { clear:both; content:""; display:block;}
.overflow,li { overflow:hidden;}
.hidden { display:none;}
.display { display:block;}
.name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bg { float:left; width:100%; font-size:0; position:relative !important; z-index:10 !important;}
.bg img { width:100%; opacity:0; visibility:hidden;}
.img,.banner .imgs,.loading,article.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%; min-height:100%; transition:all 0.35s; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; z-index:10;}
@font-face { font-family:"ALTGOT2N"; src:url("ALTGOT2N.eot"); src:url("ALTGOT2N.eot")format("embedded-opentype"),url("ALTGOT2N.woff")format("woff"),url("ALTGOT2N.ttf")format("truetype"),url("ALTGOT2N.svg")format("svg");}

.allSelect { font-size:14px;}
.allSelect em { font-style:normal; cursor:pointer; position:absolute;}
.allSelect em.value { width:calc(100% - 2px); height:calc(100% - 2px); border:1px solid #898989; text-indent:14px; top:0; right:0;}
.allSelect em.value:after { width:0; height:0; content:""; border:7px solid transparent; border-top-color:#ccc; position:absolute; top:50%; right:9px; z-index:10; margin-top:-3px; transition-duration:400ms;}
.allSelect em.id { display:none;}
.allSelect em.open { border-color:#0286d1 !important;}
.allSelect em.open:after { border-top-color:#0286d1; transform:rotate(180deg);}
.allSelect dl { width:calc(100% - 2px); max-height:calc(30px * 6 - 1px); background:#fff; border:1px solid #0286d1; position:absolute; top:calc(100% - 1px); right:0; cursor:auto; z-index:100; transition-duration:400ms; transform:translateY(0); opacity:0; visibility:hidden; overflow-x:hidden; overflow-y:auto;}
.allSelect dl dd { float:left; width:100%; height:29px; border-top:1px solid #f7f7f7; text-indent:14px; line-height:30px; overflow:hidden;}
.allSelect dl dd a { height:100%; display:block;}
.allSelect dl dd:first-child { border:0;}
.allSelect dl dd i { display:none;}
.allSelect dl dd:hover { background:rgba(2,134,209,0.2);}
.allSelect dl dd.active { background:rgba(2,134,209,0.4);}
.allSelect dl dd.none { color:#b0b0b0;}
.allSelect dl.open { transform:translateY(5px); opacity:1; visibility:visible;}

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

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

header .nav { height:100%; position:absolute; top:50%; right:80px; transform:translateY(-50%); z-index:30;}
header .nav>li { width:150px; height:100%; overflow:visible; position:relative;}
header .nav>li>a { height:100%; text-align:center; line-height:90px; font-size:18px; color:#fff; display:block; position:relative;}
header .nav>li>a:before { width:0; height:0; content:""; border:8px solid transparent; border-bottom-color:#fff; position:absolute; bottom:1px; left:50%; margin-left:-8px; display:none;}
header .nav>li:hover>a:before,
header .nav>li>a.active:before { display:block;}

header .nav>li dl { width:100%; padding:5px 0; position:absolute; top:100%; left:0; display:none;}
header .nav>li dl:before { width:100%; height:calc(100% - 2px); content:""; background:#fff; border-radius:10px; position:absolute; bottom:0; left:0;}
header .nav>li dd { height:24px; margin:10px 0; line-height:24px; font-size:15px; overflow:hidden; position:relative;}
header .nav>li dd a { height:100%; padding:0 20px 0 30px; color:#3e3a39; display:block; position:relative;}
header .nav>li dd a:before { width:4px; height:4px; content:""; background:#3e3a39; border-radius:100%; position:absolute; top:50%; left:20px; transform:translateY(-50%);}
header .nav>li dd a:after { width:6px; height:6px; content:""; border:1px solid #3e3a39; border-top:0; border-left:0; position:absolute; top:50%; right:18px; transform:rotate(-45deg) translateY(-5px);}
header .nav>li dd a:hover { color:#c30d23;}
header .nav>li dd a:hover:before { background:#c30d23;}
header .nav>li dd a:hover:after { border-color:#c30d23;}
header .nav>li dd a.active { color:#c30d23;}
header .nav>li dd a.active:before { background:#c30d23;}
header .nav>li dd a.active:after { border-color:#c30d23;}
header .nav>li dl.open { display:block;}

header .icon { height:30px; position:absolute; top:50%; right:0; transform:translateY(-50%); z-index:20;}
header .icon li { width:30px; height:100%; margin-left:20px; cursor:pointer; position:relative; overflow:visible;}
header .icon li:first-child { margin:0;}
header .icon li i { width:100%; height:100%; position:absolute; top:50%; left:50%; margin:-15px 0 0 -15px;}
header .icon li.icon_search i:before { width:20px; height:20px; content:""; background:url(../images/base.png) no-repeat -30px 0; position:absolute; top:50%; left:50%; margin:-10px 0 0 -10px;}
header .icon li.icon_nav i { width:20px; height:2px; background:#fff; margin:-1px 0 0 -10px;}
header .icon li.icon_nav i:before,
header .icon li.icon_nav i:after { width:100%; height:2px; content:""; background:#fff; position:absolute; left:0;}
header .icon li.icon_nav i:before { top:-9px;}
header .icon li.icon_nav i:after { bottom:-9px;}
header .icon li.icon_nav:hover i,
header .icon li.icon_nav:hover i:before,
header .icon li.icon_nav:hover i:after { background:#fff;}

header .search { width:100%; height:100%; position:absolute; top:0; right:0; z-index:10; display:none;}
header .search form { width:400px; height:40px; background:#fff; border-radius:20px; position:absolute; top:50%; left:50%; margin:-20px 0 0 -200px;}
header .search form input[name=wd] { width:calc(100% - 50px); height:30px; background:rgba(0,0,0,0.1); border-radius:20px; text-indent:12px; font-size:14px; position:absolute; top:5px; left:5px;}
header .search form input[name=wd]:focus { color:#c30d23;}
header .search form input[type=submit] { width:50px; height:100%; background:none; border:0; font:0/0 arial; position:absolute; top:0; right:0; z-index:30;}
header .search form .submit { width:50px; height:100%; position:absolute; top:0; right:0; z-index:20;}
header .search form .submit:after { width:20px; height:20px; content:""; background:url(../images/base.png) no-repeat -50px -20px; position:absolute; top:50%; left:50%; margin:-10px 0 0 -10px;}

footer { width:1600px; padding:50px 0; margin-top:60px !important; color:#fff; position:relative; z-index:100;}
footer:before { width:1920px; height:100%; content:""; background:#c30d23; position:absolute; top:0; left:50%; margin-left:-960px;}
#footer { position:fixed; bottom:0; left:50%; transform:translateX(-50%); z-index:100;}
footer>ul { position:relative; z-index:20;}

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

footer .copyright { width:100%; margin:-5px 0;}
footer .copyright li { width:100%; text-align:center; line-height:24px; color:#fff;}
footer .copyright li.logo { margin:5px 0 30px;}
footer .copyright li span { margin:0 10px; display:inline-block;}
footer .copyright li a { color:#fff; display:inline-block; position:relative;}
footer .copyright li a:before { width:100%; height:1px; content:""; background:#fff; position:absolute; bottom:0; left:0; display:none;}
footer .copyright li a:hover:before { display:block;}

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

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

/**公共**/
.banner { width:100%; position:relative; z-index:10;}
.banner .list { width:100%; position:relative; z-index:10;}
.banner .list li { width:100%; position:relative;}
.banner .list .imgs { width:100%; text-align:center;}
.banner .list .imgs img { width:100%; transition:all 0.8s;}
.banner .list .imgs1 img:hover { transform:scale(1.05);}

main { width:1600px; position:relative; z-index:100;}
.main_all { width:100%; position:relative;}
.main_all .block { width:100%; height:121px; position:relative;}

.main_all .menu { width:1600px; height:60px; line-height:60px; font-size:16px; position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:50;}
.main_all .menu:before { width:1920px; height:100%; content:""; background:#fff; border-bottom:1px solid #ddd; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.main_all .menu li { height:100%; margin-right:1px; position:relative; z-index:10;}
.main_all .menu li a { float:left; height:100%; padding:0 50px; color:#3e3a39; position:relative;}
.main_all .menu li a:hover { color:#c30d23;}
.main_all .menu li a.active { background:#c30d23; color:#fff;}
.main_all .menu.max li a { padding:0 20px;}
.main_all .menu#fixed { position:fixed;}
.main_all .menu#fixed:before { box-shadow:3px 3px 8px rgba(0,0,0,0.1);}

.main_all .menu .site { height:20px; font:12px/20px "SimSun"; color:#9fa0a0; position:absolute; top:50%; right:0; margin-top:-10px; z-index:20;}
.main_all .menu .site a { color:#9fa0a0; font-family:"microsoft yahei"; display:inline-block; position:relative;}
.main_all .menu .site a[href]:hover { color:#c30d23;}
.main_all .menu .site a.now { padding-left:28px;}
.main_all .menu .site a.now:before { width:20px; height:16px; content:""; background:url(../images/base.png) no-repeat 0 -60px; position:absolute; top:50%; left:0; margin-top:-8px;}

.main_all .menu .search_tongji { line-height:60px; font-size:14px;}
.main_all .menu .search_tongji i { color:#f00;}

.main_news_left { width:calc(100% - 300px - 40px);}
.main_news_right { width:300px;}
.main_news_fixed { position:absolute; right:50%; margin-right:-800px;}

.main_news_right .news_list { width:calc(100% - 30px); padding:0 15px 5px; position:relative;}
.main_news_right .news_list:before { width:calc(100% - 10px); height:calc(100% - 46px); content:""; border:#eee6e5 5px solid; position:absolute; bottom:0; left:0; z-index:1;}
.main_news_right .news_list dt { height:40px; margin:0 -15px; line-height:18px; font-size:20px; color:#3f3537; position:relative; z-index:5;}
.main_news_right .news_list dd { height:45px; border-top:1px solid #eee6e5; line-height:44px; font-size:14px; position:relative; z-index:10;}
.main_news_right .news_list dd a { height:100%; text-indent:10px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative;}
.main_news_right .news_list dd a:before { width:4px; height:4px; content:""; background:#595757; border-radius:100%; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.main_news_right .news_list dd a:hover:before { background:#c30d23;}

/**内容**/
article { width:100%; margin:-8px 0; line-height:32px; font-size:16px; color:#191919; position:relative;}
article img { max-width:100%;}
article video { max-width:100%; margin:8px auto 0;}
article iframe { max-width:100%; position:relative; z-index:10;}
article table { max-width:100%; position:relative; z-index:10;}
article table.noborder { border:0;}
article table.noborder td { padding:0; vertical-align:top; border:0;}
article video { max-width:100% !important; height:auto !important; margin:8px 0 0;}
article p:first-child img { margin-top:8px !important;}
article p:last-child img { margin-bottom:8px !important;}

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

/**列表**/
#list { width:100%; position:relative; z-index:20;}
#list .pages { width:calc(100% - 110px); height:30px; padding:12px 100px 12px 10px; margin-top:25px; background:rgba(0,0,0,0.035); border-radius:8px; text-align:right; position:relative; z-index:100;}
#list .pages>a { height:28px; padding:0 10px; margin-left:8px; background:#fff; border:1px solid #c9caca; border-radius:3px; line-height:28px; font-size:12px; display:inline-block; position:relative; z-index:10;}
#list .pages>a:hover,
#list .pages>.now { background:#c30d23; border-color:#c30d23; color:#fff;}
#list .pages>.now span { height:100%; margin-left:10px; display:inline-block;}
#list .pages>.now span:first-child { margin:0;}
#list .pages>a i { padding:0 1px;}
#list .pages .tongji { float:left; height:100%; padding:0; background:none; border:0; line-height:30px; color:#595757;}
#list .pages .tongji span { margin-left:10px; display:inline-block;}
#list .pages .tongji span:first-child { margin:0;}
#list .pages .tongji:hover { background:none; border:0; color:#595757;}
#list .pages .none { border-color:#ccc; color:#ccc; cursor:no-drop;}
#list .pages .none:hover { background:#fff; border-color:#ccc; color:#ccc;}

#list .pages .gotoPage { width:80px; height:30px; background:none; border:0; font-size:12px; color:#595757; overflow:visible; position:absolute; top:12px; right:10px;}
#list .pages .gotoPage em { background:#fff;}
#list .pages .gotoPage em.value { line-height:28px; border-color:#c8cfd2; border-radius:3px; left:0; text-align:left; text-indent:9px;}
#list .pages .gotoPage em.value:after { border-right:6px solid transparent; border-left:6px solid transparent; border-top:6px solid #ccc; margin-top:-3px;}
#list .pages .gotoPage em.open { border-color:#c30d23 !important;}
#list .pages .gotoPage em.open:after { transform:rotate(180deg);}
#list .pages .gotoPage dl { max-height:calc(28px * 6 - 1px); border-color:#c30d23; border-radius:4px 4px 0 0; top:auto; bottom:calc(100% + 2px);}
#list .pages .gotoPage dl dd { height:27px; line-height:28px; border-top-color:#ddd; text-indent:9px; overflow:hidden;}
#list .pages .gotoPage dl dd a:hover { background:#fff; color:#c30d23;}
#list .pages .gotoPage dl dd a.active,
#list .pages .gotoPage dl dd a.active:hover { background:rgba(0,0,0,0.08) !important; color:#c30d23;}
#list .pages .gotoPage dl.open { transform:translateY(0);}

#list .list_photo { width:calc(100% + 20px); margin:-20px 0 0px;}
#list .list_photo li { width:calc(100% / 3 - 20px); margin:20px 20px 0 0;}
#list .list_photo li a { float:left; width:100%; padding-bottom:60px; overflow:hidden; position:relative;}
#list .list_photo li p { width:100%; overflow:hidden; position:absolute; left:0; z-index:10;}
#list .list_photo li .img { height:calc(100% - 60px); top:0;}
#list .list_photo li .name { width:calc(100% - 10px); height:60px; padding:0 5px; background:#f2f2f2; text-align:center; line-height:60px; font-size:16px; color:#3e3a39; bottom:0;}
#list .list_photo li:hover .img img { transform:scale(1.06);}
#list .list_photo li:hover .name { background:#c30d23; color:#fff;}

#list .list_photo.list_product li:hover .img img { transform:scale(1.1);}

#list .list_photo.list_video li .play { height:calc(100% - 60px); background:rgba(0,0,0,0.2); top:0; z-index:15;}
#list .list_photo.list_video li .play:before,
#list .list_photo.list_video li .play:after { width:0; height:0; content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); opacity:0.8;}
#list .list_photo.list_video li .play:before { width:64px; height:64px; border:3px solid #fff; border-radius:100%;}
#list .list_photo.list_video li .play:after { width:24px; height:28px; background:url(../images/base.png) no-repeat -90px -80px; margin-left:3px;}
#list .list_photo.list_video li .name { width:calc(100% - 40px); padding:0 20px; text-align:left;}
#list .list_photo.list_video li .name i { width:6px; height:6px; background:#898989; border-radius:100%; position:absolute; top:50%; right:20px; transform:translateY(-50%);}
#list .list_photo.list_video li .name i:before,
#list .list_photo.list_video li .name i:after { width:6px; height:6px; content:""; background:#898989; border-radius:100%; position:absolute; top:0;}
#list .list_photo.list_video li .name i:before { right:13px;}
#list .list_photo.list_video li .name i:after { right:26px;}
#list .list_photo.list_video li:hover .img img { transform:scale(1);}
#list .list_photo.list_video li:hover .play:before,
#list .list_photo.list_video li:hover .play:after { opacity:1;}
#list .list_photo.list_video li:hover .name i,
#list .list_photo.list_video li:hover .name i:before,
#list .list_photo.list_video li:hover .name i:after { background:#fff;}

#list .list_news { width:100%; margin-top:-20px;}
#list .list_news li { width:100%; height:280px; margin-top:20px; background:#f8f8f8; position:relative;}
#list .list_news li a { height:100%; display:block; position:relative;}
#list .list_news li p { width:calc(100% - 520px); overflow:hidden; position:absolute; left:470px;}
#list .list_news li .img { width:420px; height:100%; overflow:hidden; position:absolute; top:0; left:0;}
#list .list_news li .img img { min-height:100%;}
#list .list_news li .name { line-height:1; font-size:18px; color:#333; top:40px;}
#list .list_news li .text { height:calc(28px * 3); line-height:2; font-size:14px; top:80px; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
#list .list_news li .date { line-height:1; font-size:14px; color:#898989; bottom:30px;}
#list .list_news li .date span { float:left; margin-left:35px;}
#list .list_news li .date span:first-child { margin:0;}
#list .list_news li:hover { background:#c30d23;}
#list .list_news li:hover .img img { transform:scale(1.06);}
#list .list_news li:hover p { color:#fff;}

#list .form_msg { width:100%; height:455px; background:#c30d23; position:relative;}
#list .form_msg li { width:100%; height:50px; position:absolute; z-index:10;}
#list .form_msg li:before { width:20px; height:16px; content:""; background:url(../images/base.png) no-repeat 20px 0; position:absolute; top:50%; left:13px; z-index:10; margin-top:-8px;}
#list .form_msg li input { width:calc(100% - 2px); height:calc(100% - 2px); border:#b5b5b5 1px solid; text-indent:40px;}
#list .form_msg li textarea { width:calc(100% - 28px); height:calc(100% - 20px); padding:9px 13px; border:#b5b5b5 1px solid;}
#list .form_msg li input:focus,
#list .form_msg li textarea:focus { border-color:#eb7a18;}
#list .form_msg li.user { width:calc((100% - 130px) / 2); background:#f2f2f2; top:50px; left:50px;}
#list .form_msg li.user:before { background-position:0 -20px;}
#list .form_msg li.tel { width:calc((100% - 130px) / 2); background:#f2f2f2; top:50px; right:50px;}
#list .form_msg li.tel:before { background-position:-20px -20px;}
#list .form_msg li.detail { width:calc(100% - 100px); height:200px; background:#f2f2f2; top:130px; left:50px;}
#list .form_msg li.submit { width:130px; height:46px; background:#eb7a18; border:0; border-radius:5px; text-align:center; line-height:46px; color:#fff; bottom:50px; right:50px;}
#list .form_msg li.submit:hover { background:#fdd000;}
#list .form_msg li.submit i { padding-left:28px; display:inline-block; position:relative;}
#list .form_msg li.submit i:before { width:16px; height:15px; content:""; background:url(../images/base.png) no-repeat 0 -40px; position:absolute; top:50%; left:0; margin-top:-7px;}
#list .form_msg li.loading { width:100%; height:100%; background-color:rgba(0,0,0,0.1); border:0; top:0; left:0; z-index:30; display:none;}

#list .search_news { width:100%; margin-top:-20px; position:relative; z-index:90;}
#list .search_news li { width:100%; padding-bottom:24px; margin-top:20px; border-bottom:#c9caca 1px dotted;}
#list .search_news li p { overflow:hidden; position:relative; z-index:10;}
#list .search_news li .name { margin:-1px 0 15px; line-height:20px; font-size:18px; white-space:normal;}
#list .search_news li .name a { color:#3a3a3a;}
#list .search_news li .img { float:left; width:130px; height:85px; margin:-3px 15px -10px 0; overflow:hidden; z-index:20;}
#list .search_news li .img img { min-height:100%; transition:all 0.8s;}
#list .search_news li .text { height:44px; line-height:22px; color:#777; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
#list .search_news li .date { margin-top:18px; line-height:12px; color:#898989;}
#list .search_news li .date span { height:100%; padding-left:11px; margin-left:12px; border-left:#898989 1px solid; display:inline-block;}
#list .search_news li .date span:first-child { padding:0; margin:0; border:0;}
#list .search_news li:hover a { color:#c30d23;}
#list .search_news li:hover .imgs img { transform:scale(1.08);}

/**详情**/
#detail { width:100%; position:relative; z-index:20;}
#detail.view_product { width:calc(100% - 710px); min-height:480px; padding:50px 50px 50px 660px;}

#detail .pages { width:100%; margin-top:30px; padding-top:30px; border-top:1px solid #ddd;}
#detail .pages li { width:calc((100% - 20px) / 2); margin-left:20px; height:50px; line-height:48px; font-size:14px;}
#detail .pages li:first-child { margin:0;}
#detail .pages li a { height:calc(100% - 2px); padding:0 14px; border:1px solid #3f3537; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#detail .pages li i { float:left; height:100%; padding-right:25px; position:relative;}
#detail .pages li i:after { width:1px; height:20px; content:""; background:#ddd; position:absolute; top:50%; right:14px; margin-top:-10px;}
#detail .pages li a:hover { border-color:#c30d23; color:#c30d23;}
#detail .pages li .none,
#detail .pages li .none:hover { border-color:#9aa1a5; color:#9aa1a5;}

#detail .view_product_list { width:100%; margin-bottom:50px; position:relative;}
#detail .view_product_list .scroll { width:calc(100% - 120px); margin:0 60px; overflow:hidden;}
#detail .view_product_list .auto_list { width:calc((100% + 10px) * 100);}
#detail .view_product_list .scroll li { width:calc(1% / 7 - 10px); margin-right:10px;}
#detail .view_product_list .scroll li a { float:left; width:100%; padding-bottom:30px; overflow:hidden; position:relative;}
#detail .view_product_list .scroll li p { width:100%; overflow:hidden; position:absolute; left:0; z-index:10;}
#detail .view_product_list .scroll li .img { height:calc(100% - 30px); overflow:hidden;}
#detail .view_product_list .scroll li .name { text-align:center; line-height:1; font-size:16px; bottom:0;}
#detail .view_product_list .scroll li:hover .img img { transform:scale(1.1);}
#detail .view_product_list .scroll li:hover .name { color:#c30d23;}
#detail .view_product_list .button { width:50px; height:50px; background:#050505; border-radius:8px; position:absolute; top:50%; margin-top:-40px;}
#detail .view_product_list .button:before { width:15px; height:15px; content:""; border:2px solid #fff; border-top:0; border-left:0; position:absolute; top:50%; left:50%; margin:-8px 0 0 -3px; transform:rotate(135deg);}
#detail .view_product_list .button.auto_list_prev { left:0;}
#detail .view_product_list .button.auto_list_next { right:0;}
#detail .view_product_list .button.auto_list_next:before { margin-left:-12px; transform:rotate(-45deg);}
#detail .view_product_list .button:hover { background:#c30d23;}
#detail .view_product_list .button:hover:before { border-color:#fff;}

#detail .view_product_title { width:calc(100% - 680px); min-height:600px; padding-left:680px; margin-bottom:50px; background:#f8f8f8; position:relative;}
#detail .view_product_title h1 { margin:55px 0 25px; line-height:34px; font-size:24px; font-weight:bold; color:#333;}
#detail .view_product_title li { width:100%; margin-top:15px; color:#898989;}
#detail .view_product_title li a { color:#898989;}
#detail .view_product_title li a:hover { color:#c30d23;}
#detail .view_product_title li.img { width:600px; height:100%; margin:0; position:absolute; top:0; left:0;}
#detail .view_product_title li.msg { width:150px; height:50px; text-align:center; line-height:50px; position:absolute; bottom:60px; left:680px;}
#detail .view_product_title li.msg a { width:100%; height:100%; background:#dedede; border-radius:50px; font-size:16px; color:#595757; display:inline-block;}
#detail .view_product_title li.msg a:hover { background:#c30d23; color:#fff;}

#detail .view_news_title { width:100%; margin:-6px 0 30px; border-bottom:1px solid #ddd;}
#detail .view_news_title h1 { line-height:34px; font-size:24px; font-weight:bold; color:#333;}
#detail .view_news_title li { width:100%; margin:10px 0 12px; line-height:20px; font-size:12px; color:#898989;}
#detail .view_news_title li span { padding-left:21px; display:inline-block; position:relative;}
#detail .view_news_title li span:before { width:1px; height:11px; content:""; background:#898989; position:absolute; top:50%; left:10px; margin-top:-5px;}
#detail .view_news_title li span:first-child { padding:0;}
#detail .view_news_title li span:first-child:before { display:none;}

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

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

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

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

@media (max-width:1700px){
footer,main,.main_all .menu { width:1400px;}
.main_news_fixed { margin-right:-700px;}
}

@media (max-width:1500px){
header { height:70px;}
header .logo { height:45px;}
header .nav>li { width:140px;}
header .nav>li>a { line-height:70px;}
footer,main,.main_all .menu { width:1200px;}
.main_all .menu li a { padding:0 40px;}
.main_news_fixed { margin-right:-600px;}
#list .list_news li { height:200px;}
#list .list_news li p { width:calc(100% - 400px); left:350px;}
#list .list_news li .img { width:300px;}
#list .list_news li .name { top:35px;}
#list .list_news li .text { height:calc(21px * 3); line-height:1.5; top:75px;}
#list .list_news li .date { bottom:25px;}
#detail .view_product_title { width:calc(100% - 580px); min-height:500px; padding-left:580px;}
#detail .view_product_title h1 { margin:55px 0 25px; line-height:34px; font-size:24px; font-weight:bold; color:#333;}
#detail .view_product_title li.img { width:500px;}
#detail .view_product_title li.msg { left:580px;}
}