@charset "utf-8";
html,body { width:100%; overflow-x:hidden;}
html { height:100%; background:#f5f5f5;}
body { max-width:1920px; min-height:100%; margin:0 auto; background:#e1c9aa; font:0/0 Arial; color:#826041; overflow-y:hidden;}
* { margin:0; padding:0; list-style:none;}
img,iframe { border:0;}
u { text-decoration:none;}
i { font-style:normal;}
b { font-weight:normal;}
a,a:hover { text-decoration:none; color:#d7181f;}
a { color:#826041;}
:focus { outline:none;}
div,ul { font:12px/20px "microsoft yahei","SimSun";}
p,li,h1,dt,dd,input,select,textarea { text-align:justify; text-justify:inter-ideograph;}
h1,h2,h3,h4,h5,h6 { font:normal 12px/20px "microsoft yahei","SimSun"; text-transform:uppercase;}
table { border:#ddd 1px solid; border-collapse:collapse; border-spacing:0;}
table td { padding:8px 10px; border:#ccc 1px solid; 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; font:14px/20px "microsoft yahei","SimSun"; color:#826041; 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);}
::-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 { text-overflow:ellipsis; white-space:nowrap;}
.bg img { width:100%; opacity:0; visibility:hidden;}
.img,.swiper,.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%; transition:all 0.5s; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; z-index:10;}

/**头部和尾部**/
header { width:1200px; height:160px; position:relative; z-index:110;}
header:before { width:1920px; height:100%; content:""; background:#e1c9aa url(../images/bg_header.jpg) no-repeat center center; position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:1;}

header .logo { height:55px; font:0/0 Arial; position:absolute; top:28px; left:0; z-index:10;}
header .logo img { height:100%;}

header .nav { width:100%; height:50px; background:#d7181f; border-radius:10px 10px 0 0; position:absolute; bottom:0; left:0; z-index:20;}
header .nav li { height:100%; padding-right:2px; overflow:visible; position:relative;}
header .nav li:before { width:2px; height:40px; content:""; background:url(../images/base.png) no-repeat -45px 0; position:absolute; top:50%; right:0; margin-top:-20px;}
header .nav li>a { float:left; height:100%; padding:0 30px; line-height:50px; font-size:16px; color:#fff; position:relative;}
header .nav li:nth-child(1)>a { border-radius:10px 0 0 0;}
header .nav li:hover>a { background:#b10f15; color:#fff;}
header .nav li>a.active { background:#b10f15; color:#fff;}

header .nav li dl { width:110px; padding:25px 0 10px; position:absolute; top:100%; left:50%; transform:translateX(-70%); transition:all 0.2s; opacity:0; visibility:hidden;}
header .nav li:hover dl { transform:translateX(-50%); opacity:1; visibility:visible;}
header .nav li dl:before { width:0; height:0; content:""; border-left:transparent 9px solid; border-right:transparent 9px solid; border-bottom:#fff 8px solid; position:absolute; top:9px; left:50%; margin-left:-9px;}
header .nav li dl:after { width:100%; height:calc(100% - 15px); content:""; background:#fff; border-radius:10px; position:absolute; bottom:0; left:0; z-index:1;}
header .nav li dl dd { float:left; width:100%; height:26px; margin:5px 0; text-align:center; line-height:26px; font-size:15px; overflow:hidden; position:relative; z-index:10;}
header .nav li dl dd a { height:100%; display:block; position:relative;}
header .nav li dl dd a i { display:inline-block; position:relative;}
header .nav li dl dd a i:before { width:100%; height:1px; content:""; background:#d7181f; position:absolute; bottom:0; left:0; display:none;}
header .nav li dl dd a.active { color:#d7181f;}
header .nav li dl dd a.active i:before { display:block;}

header .icon { height:34px; position:absolute; top:48px; right:0; z-index:50;}
header .icon li { height:100%; margin-left:30px; overflow:visible; position:relative;}
header .icon li>a { float:left; height:20px; padding-left:25px; line-height:18px; font-size:14px; position:relative;}
header .icon li>a:before { width:20px; height:20px; content:""; background:url(../images/base.png) no-repeat -50px 0; position:absolute; top:50%; left:0; margin-top:-10px;}
header .icon li:hover>a { color:#d7181f;}
header .icon li.icon_msg>a:before { background-position:-50px 0;}
header .icon li.icon_msg:hover>a:before { background-position:-50px -20px;}
header .icon li.icon_tel>a:before { background-position:-70px 0;}
header .icon li.icon_tel:hover>a:before { background-position:-70px -20px;}
header .icon li.icon_ewm>a:before { background-position:-90px 0;}
header .icon li.icon_ewm:hover>a:before { background-position:-90px -20px;}

header .icon li dl { padding:15px; cursor:initial; position:absolute; top:120%; right:-10px; transition:all 0.15s; opacity:0; visibility:hidden;}
header .icon li:hover dl,
header .icon li dl.open { top:100%; opacity:1; visibility:visible;}
header .icon li dl:before { width:0; height:0; content:""; border-left:transparent 9px solid; border-right:transparent 9px solid; border-bottom:#fff 8px solid; position:absolute; bottom:100%; right:29px; z-index:2;}
header .icon li dl:after { width:100%; height:100%; content:""; background:#fff; border:#ddd 1px solid; border-radius:10px; position:absolute; bottom:0; left:0; z-index:1;}
header .icon li dd { float:left; color:#3e3a39; position:relative; z-index:10;}

header .icon li .tel { width:100px;}
header .icon li .tel dd { width:100%;}
header .icon li .tel .txt { height:14px; text-align:center; line-height:14px; font-size:16px;}

header .icon li .ewm { height:145px;}
header .icon li .ewm dd { width:120px; height:100%; margin-left:20px;}
header .icon li .ewm dd:first-child { margin:0;}
header .icon li .ewm dd p { width:100%; text-align:center; position:absolute; left:0;}
header .icon li .ewm dd .img { height:120px; top:0;}
header .icon li .ewm dd .txt { height:14px; line-height:14px; font-size:14px; bottom:0;}

header .header_search { width:232px; height:34px; position:absolute; bottom:8px; right:20px; z-index:40;}
header .header_search form { float:left; width:100%; height:100%; position:relative;}
header .header_search form p { height:100%; position:absolute; top:50%; transform:translateY(-50%);}
header .header_search form .submit { width:50px; font:0/0 arial; right:0; z-index:20;}
header .header_search form .submit:before { width:20px; height:20px; content:""; background:url(../images/base.png) no-repeat -20px 0; position:absolute; top:50%; left:50%; margin:-10px 0 0 -10px;}
header .header_search form input[name=wd] { width:calc(100% - 65px); height:calc(100% - 2px); padding:0 50px 2px 15px; background:#fff; border-radius:17px; font-size:14px; position:absolute; top:0; left:0;}
header .header_search form input[name=wd]:focus { color:#d7181f;}
header .header_search form input[type=submit] { width:50px; height:100%; background:transparent; border:0; font:0/0 arial; position:absolute; top:0; right:0; z-index:30;}

footer { width:1200px; padding:40px 0; margin-top:50px !important; color:#e1c9aa; position:relative; z-index:100;}
footer:before { width:1920px; height:100%; content:""; background:#d7181f 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 a { color:#e1c9aa;}
footer a:hover { color:rgba(255,255,255,1);}

footer>ul { position:relative; z-index:10;}

footer .logo { width:100%; text-align:center; font:0/0 Arial;}

footer .link { width:100%; height:20px; margin:22px 0 -5px; text-align:center; font-size:14px;}
footer .link li { float:none; height:100%; padding-left:31px; display:inline-block; position:relative;}
footer .link li:before { width:1px; height:13px; content:""; background:#e1c9aa; position:absolute; top:50%; left:14px; margin-top:-5px;}
footer .link li:first-child { padding:0;}
footer .link li:first-child:before { display:none;}
footer .link li a { height:100%; display:block;}

footer .copyright { width:100%; margin:20px 0 -5px; line-height:24px; font-size:14px;}
footer .copyright li { width:100%; text-align:center;}
footer .copyright li span { margin:0 7px; display:inline-block;}

footer #fixed_right { width:36px; position:fixed; bottom:35px; right:50%; margin-right:-650px;}
footer #fixed_right li { width:100%; height:36px; position:relative; transform:translateY(300%); transition:all 0.25s;}
footer #fixed_right li a { float:left; width:calc(100% - 2px); height:calc(100% - 2px); background:#826041; border:#d6b891 1px solid; border-radius:4px; position:relative;}
footer #fixed_right li a:before { width:24px; height:24px; content:""; background:url(../images/base.png) no-repeat 100px 0; position:absolute; top:50%; left:50%; margin:-12px 0 0 -12px;}
footer #fixed_right .gotoTop a:hover { background:#d7181f;}
footer #fixed_right .gotoTop a:before { width:0; height:0; content:""; border-left:transparent 9px solid; border-right:transparent 9px solid; border-bottom:#fff 8px solid; position:absolute; top:50%; left:50%; margin:-5px 0 0 -9px;}
footer #fixed_right .gotoTop.open { transform:translateY(0);}

/**公共**/
.banner { width:100%; margin-bottom:50px; 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; font:0/0 Arial;}
.banner .list .imgs img { width:100%; transition:all 0.5s;}
.banner .list .imgs img:hover { transform:scale(1.03);}

main { width:1200px; position:relative; z-index:100;}
.main_all { width:100%;}
.main_left { width:265px;}
.main_right { width:calc(100% - 40px - 265px);}
.main_left_fixed { position:absolute; left:50%; margin-left:-600px;}

.main_left .menu { width:calc(100% - 20px); padding:59px 10px 0; background:#f2dec3; border-radius:8px 8px 4px 4px; overflow:hidden; position:relative; z-index:30;}
.main_left .menu>span { width:100%; height:60px; background:#d7181f; position:absolute; top:0; left:0; z-index:20;}
.main_left .menu>span h5 { width:100%; text-align:center; line-height:20px; font-size:20px; color:#fff; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.main_left .menu li { width:100%; line-height:18px; font-size:15px; overflow:visible; position:relative; z-index:10;}
.main_left .menu li>a { float:left; width:calc(100% - 45px); padding:15px 20px 16px 25px; border-top:#d5bd9d 1px solid; color:#5c3d21; position:relative;}
.main_left .menu li>a:before { width:6px; height:6px; content:""; background:#5c3d21; border-radius:100%; position:absolute; top:22px; left:10px;}
.main_left .menu li>a:after { width:7px; height:14px; content:""; background:url(../images/base.png) no-repeat -16px -60px; position:absolute; top:50%; right:10px; margin-top:-7px; transition:all 0.3s;}
.main_left .menu li:hover>a { color:#d7181f;}
.main_left .menu li>a.active { color:#d7181f;}
.main_left .menu li:hover>a:before,.main_left .menu li>a.active:before { background:#d7181f;}
.main_left .menu li:hover>a:after,.main_left .menu li>a.active:after { background-position:-1px -60px;}

.main_left .menu.sort { width:100%; padding:60px 0 0;}
.main_left .menu li.btn a { background:#af825b; text-indent:10px; color:#fff;}
.main_left .menu li.btn a:before { background:#fff; left:20px;}
.main_left .menu li.btn a:after { width:8px; height:8px; background:none; border:#fff 1px solid; border-top:0; border-left:0; transform:rotate(45deg); right:20px; margin-top:-6px;}
.main_left .menu li.btn a.active { background:#5c3d21;}
.main_left .menu li.btn a.active:after { transform:rotate(-135deg); margin-top:-2px;}
.main_left .menu .nav_list { float:left; width:100%; padding:9px 0; display:none;}
.main_left .menu .nav_list dd { float:left; width:100%; line-height:18px; font-size:14px;}
.main_left .menu .nav_list dd a { float:left; width:calc(100% - 60px); padding:7px 10px 7px 50px; color:#5c3d21; position:relative;}
.main_left .menu .nav_list dd a:before { width:4px; height:4px; content:""; border:#5c3d21 1px solid; border-radius:100%; position:absolute; top:14px; left:35px;}
.main_left .menu .nav_list dd a:hover,.main_left .menu .nav_list dd a.active2 { color:#d7181f;}
.main_left .menu .nav_list dd a:hover:before,.main_left .menu .nav_list dd a.active2:before { border-color:#d7181f;}

.main_left .news { width:calc(100% - 20px); padding:59px 10px 11px; margin-top:20px; background:#f2dec3; border-radius:8px 8px 4px 4px; overflow:hidden; position:relative; z-index:30;}
.main_left .news>span { width:100%; height:54px; background:#d7181f; position:absolute; top:0; left:0; z-index:20;}
.main_left .news>span h5 { width:100%; text-align:center; line-height:20px; font-size:20px; color:#fff; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.main_left .news li { width:100%; height:24px; margin-top:4px; line-height:24px; font-size:14px; position:relative;}
.main_left .news li>a { height:100%; padding-left:10px; color:#826041; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative;}
.main_left .news li>a:before { width:4px; height:4px; content:""; background:#5c3d21; border-radius:100%; position:absolute; top:10px; left:0px;}
.main_left .news li:hover>a { color:#d7181f;}
.main_left .news li:hover>a:before { background:#d7181f;}

.main_right .location { width:100%; height:73px; margin-bottom:35px; border-bottom:#af825b 1px dotted; position:relative; z-index:10;}
.main_right .location h5 { line-height:24px; font-size:26px; font-weight:bold; color:#d7181f; position:absolute; top:0; left:0;}
.main_right .location li { height:14px; line-height:12px; font-family:"SimSun"; color:#5c3d21; overflow:visible; position:absolute; bottom:15px; left:0;}
.main_right .location li i,
.main_right .location li a { font-family:"microsoft yahei"; color:#5c3d21; position:relative;}
.main_right .location li i { padding-left:28px;}
.main_right .location li i:before { width:20px; height:16px; content:""; background:url(../images/base.png) no-repeat -20px -40px; position:absolute; top:50%; left:0; margin-top:-8px;}
.main_right .location li a:hover { color:#d7181f;}

/**内容**/
article { width:100%; margin:-7px 0 -7px; line-height:28px; font-size:15px; position:relative;}
article img { max-width:100%; margin:7px auto -2px;}
article video { max-width:100%; margin:7px auto -2px;}
article iframe { max-width:100%; margin:7px 0 -2px; position:relative; z-index:10;}
article table { max-width:100%; margin:7px 0 -2px; position:relative; z-index:10;}
article table.noBorder:first-child { margin-top:-5px;}
article table.none { border:0;}
article table.none:first-child { margin-top:-5px;}
article table.none td { padding:0; vertical-align:top; border:0;}
article video { max-width:100% !important; height:auto !important; margin:7px 0 -2px;}
article .noMargin { margin-top:0; font:0/0 Arial;}
article .noMargin img { margin:0 !important;}

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

#list .pages { width:calc(100% - 120px); height:30px; padding:11px 110px 10px 10px; margin-top:25px; text-align:right; position:relative; z-index:100;}
#list .pages:before { width:100%; height:100%; content:""; background:#d6b891; border-radius:4px; position:absolute; top:0; left:0; z-index:1;}
#list .pages>a,#list .pages span { height:27px; line-height:28px; padding:0 10px; margin-left:8px; background:#fff; border:#c9caca 1px solid; border-radius:3px; display:inline-block; position:relative; z-index:10;}
#list .pages>a:hover,#list .pages span { background:#d7181f; border-color:#d7181f; color:#fff;}
#list .pages .nums { float:left; height:100%; padding:0; margin:0; background:none; border:0; line-height:30px; color:#826041;}
#list .pages .nums i { padding:0 3px;}
#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:65px; height:29px; background:none; border:0; color:#826041; position:absolute; bottom:11px; right:10px;}
#list .pages .gotoPage em { font-style:normal; background:#fff; position:absolute;}
#list .pages .gotoPage em.value { width:calc(100% - 2px); height:calc(100% - 2px); border:#c8cfd2 1px solid; border-radius:3px; text-align:left; text-indent:9px; line-height:28px; font-size:12px; top:0; left:0; z-index:20; cursor:pointer;}
#list .pages .gotoPage em.value:after { width:0; height:0; content:""; border-right:transparent 6px solid; border-left:transparent 6px solid; border-top:#ccc 6px solid; display:block; position:absolute; top:50%; right:9px; margin-top:-2px; transition-duration:400ms;}
#list .pages .gotoPage em.open { border-color:#d7181f;}
#list .pages .gotoPage em.open:after { transform:rotate(180deg);}
#list .pages .gotoPage dl { width:calc(100% - 2px); max-height:calc(28px * 6 - 1px); background:#fff; border:#d7181f 1px solid; border-radius:3px; position:absolute; top:auto; bottom:calc(100% + 2px); right:0; cursor:auto; z-index:10; transition:all 0.3s; transform:translateY(10px); opacity:0; visibility:hidden; overflow-x:hidden; overflow-y:scroll;}
#list .pages .gotoPage dl dd { float:left; width:100%; height:27px; line-height:28px; border-top:#f3f3f3 1px solid; text-indent:9px; overflow:hidden;}
#list .pages .gotoPage dl dd a { float:left; width:100%; height:100%; font-size:12px;}
#list .pages .gotoPage dl dd:first-child { border:0;}
#list .pages .gotoPage dl dd a:hover { background:rgba(57,164,140,0.1); color:#d7181f;}
#list .pages .gotoPage dl dd a.active { background:rgba(0,0,0,0.15); color:#d7181f;}
#list .pages .gotoPage dl.open { transform:translateY(0); opacity:1; visibility:visible;}

#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; border:#d7181f 0px solid;}
#list .list_photo li a { float:left; width:100%; padding-bottom:41px; 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 { width:100%;}
#list .list_photo li .bg { float:left; font:0/0 arial; position:relative;}
#list .list_photo li .img { height:calc(100% - 41px); top:0;}
#list .list_photo li .img img { min-height:100%;}
#list .list_photo li .name { width:calc(100% - 10px); height:41px; padding:0 5px; background:#826041; line-height:40px; font-size:15px; color:#fff; bottom:0;}
#list .list_photo li:hover .img img { transform:scale(1.08);}
#list .list_photo li:hover .name { background:#d7181f; color:#fff;}

#list .list_photo.list_video li .play { height:calc(100% - 41px); background:rgba(0,0,0,0.4); top:0; z-index:20;}
#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%;}
#list .list_photo.list_video li .play:before { width:46px; height:46px; border:rgba(255,255,255,0.6) 2px solid; border-radius:100%; margin:-20px 0 0 -25px;}
#list .list_photo.list_video li .play:after { border-top:transparent 14px solid; border-bottom:transparent 14px solid; border-left:rgba(255,255,255,0.7) 14px solid; margin:-8px 0 0 -4px;}
#list .list_photo.list_video li:hover .img img { transform:scale(1);}
#list .list_photo.list_video li:hover .play { display:none;}

#list .list_class { width:100%; margin-top:30px; position:relative;}
#list .list_class:first-child { margin:0;}
#list .list_class li { width:100%; text-align:center; position:relative; z-index:10;}
#list .list_class .bg { width:100%; height:100%; overflow:visible; position:absolute; top:0; left:0; z-index:1;}
#list .list_class .bg .line1 { width:calc(100% - 26px); height:calc(100% - 2px); border:#826041 1px solid; border-left:0; border-right:0; position:absolute; top:0; left:13px;}
#list .list_class .bg .line1:before,
#list .list_class .bg .line1:after { width:1px; height:calc(100% - 24px); content:""; background:#826041; position:absolute; top:12px;}
#list .list_class .bg .line1:before { left:-13px;}
#list .list_class .bg .line1:after { right:-13px;}
#list .list_class .bg .line2 { width:calc(100% - 26px); height:calc(100% - 6px); border:#826041 1px solid; border-left:0; border-right:0; position:absolute; top:2px; left:13px;}
#list .list_class .bg .line2:before,
#list .list_class .bg .line2:after { width:1px; height:calc(100% - 20px); content:""; background:#826041; position:absolute; top:10px;}
#list .list_class .bg .line2:before { left:-11px;}
#list .list_class .bg .line2:after { right:-11px;}
#list .list_class .bg .icon1 { width:100%; height:13px; position:absolute; top:0; left:0;}
#list .list_class .bg .icon1:before,
#list .list_class .bg .icon1:after { width:13px; height:100%; content:""; background:url(../images/base_product.png) no-repeat 0 0; position:absolute; top:0;}
#list .list_class .bg .icon1:before { left:0;}
#list .list_class .bg .icon1:after { background-position:-15px 0; right:0;}
#list .list_class .bg .icon2 { width:100%; height:13px; position:absolute; bottom:0; left:0;}
#list .list_class .bg .icon2:before,
#list .list_class .bg .icon2:after { width:13px; height:100%; content:""; background:url(../images/base_product.png) no-repeat 0 -15px; position:absolute; top:0;}
#list .list_class .bg .icon2:before { left:0;}
#list .list_class .bg .icon2:after { background-position:-15px -15px; right:0;}
#list .list_class .bg .more { width:21px; height:13px; background:#e1c9aa url(../images/base_product.png) no-repeat -30px 0; position:absolute; bottom:-10px; left:50%; margin-left:-10px;}
#list .list_class .title { width:100%; margin:20px 0 16px; line-height:26px; font-size:26px; font-weight:bold; color:#d7181f; overflow:visible;}
#list .list_class .list { width:100%; margin-bottom:20px; line-height:20px; font-size:16px;}
#list .list_class .list p { padding-left:35px; margin:0 -3px; display:inline-block; position:relative;}
#list .list_class .list p a { display:block;}
#list .list_class .list p:before { width:1px; height:15px; content:""; background:#826041; position:absolute; top:50%; left:18px; margin-top:-7px;}
#list .list_class .list p:first-child { padding:0;}
#list .list_class .list p:first-child:before { display:none;}
#list .list_class .list17 { width:100%; height:45px; margin:3px 0 25px; line-height:44px; font-size:16px;}
#list .list_class .list17 p { height:100%; padding:0 20px; margin:0 -3px; display:inline-block; position:relative;}
#list .list_class .list17 p a { height:100%; padding:0 10px; background:url(../images/base_product.png) no-repeat -10px -30px; display:block; position:relative;}
#list .list_class .list17 p a:before,
#list .list_class .list17 p a:after { width:10px; height:100%; content:""; background:url(../images/base_product.png) no-repeat left -30px; position:absolute; top:0;}
#list .list_class .list17 p a:before { left:-10px;}
#list .list_class .list17 p a:after { background-position:right -30px; right:-10px;}
#list .list_class .list17 p:first-child { padding:0 20px;}
#list .list_class .list17 p a:hover { background-position:-10px -80px; color:#fff;}
#list .list_class .list17 p a:hover:before { background-position:left -80px;}
#list .list_class .list17 p a:hover:after { background-position:right -80px;}

#list .list_product { width:calc(100% + 20px);}
#list .list_product li { width:calc(100% / 3 - 20px); margin:20px 20px 0 0; border:#d7181f 0px solid;}
#list .list_product li a { float:left; width:100%; position:relative;}
#list .list_product li p { width:100%; text-align:center; overflow:hidden; position:absolute; left:0; z-index:10;}
#list .list_product li img { width:100%;}
#list .list_product li .bg { float:left; font:0/0 arial; position:relative;}
#list .list_product li .img { height:100%; top:0;}
#list .list_product li .img img { min-height:100%;}
#list .list_product li .mask { width:calc(100% - 2px); height:calc(100% - 2px); border:#ccb28e 1px solid; top:0; z-index:11;}
#list .list_product li .mask .line { width:calc(100% - 32px); height:calc(100% - 12px); border:#c0a075 1px solid; border-left:0; border-right:0; position:absolute; top:5px; left:16px;}
#list .list_product li .mask .line:before,
#list .list_product li .mask .line:after { width:1px; height:calc(100% - 20px); content:""; background:#c0a075; position:absolute; top:10px;}
#list .list_product li .mask .line:before { left:-10px;}
#list .list_product li .mask .line:after { right:-10px;}
#list .list_product li .mask .icon1 { width:calc(100% - 12px); height:11px; position:absolute; top:6px; left:6px;}
#list .list_product li .mask .icon1:before,
#list .list_product li .mask .icon1:after { width:11px; height:100%; content:""; background:url(../images/base_product.png) no-repeat -55px 0; position:absolute; top:0;}
#list .list_product li .mask .icon1:before { left:0;}
#list .list_product li .mask .icon1:after { background-position:-70px 0; right:0;}
#list .list_product li .mask .icon2 { width:calc(100% - 12px); height:11px; position:absolute; bottom:6px; left:6px;}
#list .list_product li .mask .icon2:before,
#list .list_product li .mask .icon2:after { width:11px; height:100%; content:""; background:url(../images/base_product.png) no-repeat -55px -15px; position:absolute; top:0;}
#list .list_product li .mask .icon2:before { left:0;}
#list .list_product li .mask .icon2:after { background-position:-70px -15px; right:0;}
#list .list_product li .name { width:100% height:16px; padding-top:26px; line-height:16px; font-size:15px; color:#fff; top:50%; transform:translateY(-50%); z-index:30; display:none;}
#list .list_product li .name i { width:100%; font-size:16px; position:absolute; top:0; left:0;}
#list .list_product li:hover .mask { background:rgba(215,24,31,0.7); border-color:#b94039;}
#list .list_product li:hover .mask .line { border-color:#fff;}
#list .list_product li:hover .mask .line:before,
#list .list_product li:hover .mask .line:after { background:#fff;}
#list .list_product li:hover .mask .icon1:before { background-position:-85px 0;}
#list .list_product li:hover .mask .icon1:after { background-position:-100px 0;}
#list .list_product li:hover .mask .icon2:before { background-position:-85px -15px;}
#list .list_product li:hover .mask .icon2:after { background-position:-100px -15px;}
#list .list_product li:hover .name { display:block;}

#list .list_news { width:100%; margin-top:-20px; position:relative; z-index:90;}
#list .list_news li { width:100%; padding-bottom:22px; margin-top:20px; border-bottom:#cca879 1px solid;}
#list .list_news li p { color:#a68362; overflow:hidden; position:relative; z-index:10;}
#list .list_news li .name { margin:-3px 0 15px; line-height:22px; font-size:16px; color:#826041; white-space:normal;}
#list .list_news li .img { float:left; width:125px; height:80px; margin:-3px 15px -10px 0; overflow:hidden; z-index:20;}
#list .list_news li .img img { min-height:100%; transition:all 0.5s;}
#list .list_news li .info { height:44px; line-height:22px; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
#list .list_news li .date { margin-top:15px; line-height:12px;}
#list .list_news li:hover .name { color:#d7181f;}
#list .list_news li:hover .img img { transform:scale(1);}

#list .form_msg { width:100%; height:420px; background:#f2dec3; border-radius:8px; overflow:hidden; position:relative;}
#list .form_msg li { width:100%; height:50px; border-radius:4px; 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% - 4px); padding-bottom:2px; border:#b5b5b5 1px solid; border-radius:4px; text-indent:40px;}
#list .form_msg li textarea { width:calc(100% - 28px); height:calc(100% - 20px); padding:9px 13px; border:#b5b5b5 1px solid; border-radius:4px;}
#list .form_msg li input:focus,#list .form_msg li textarea:focus { border-color:#d7181f;}
#list .form_msg li.user { width:calc((100% - 90px) / 2); background:#fff; top:35px; left:35px;}
#list .form_msg li.user:before { background-position:0 -20px;}
#list .form_msg li.tel { width:calc((100% - 90px) / 2); background:#fff; top:35px; right:35px;}
#list .form_msg li.tel:before { background-position:-20px -20px;}
#list .form_msg li.detail { width:calc(100% - 70px); height:210px; background:#fff; top:105px; left:35px;}
#list .form_msg li.submit { width:126px; height:46px; background:#d7181f; border:0; border-radius:5px; text-align:center; line-height:44px; font-size:16px; color:#fff; bottom:35px; right:35px;}
#list .form_msg li.submit:hover { background:#d7181f;}
#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.3); border:0; border-radius:0; top:0; left:0; z-index:30; display:none;}

#list .search_tongji { width:100%; height:58px; margin-bottom:30px; background:#d6b891; border-top:#d7181f 2px solid; position:relative; z-index:10;}
#list .search_tongji li { height:20px; text-indent:12px; font-size:14px; position:absolute; top:50%; left:15px; margin-top:-10px;}
#list .search_tongji li:before { width:3px; height:18px; content:""; background:#d7181f; position:absolute; top:50%; left:0; margin-top:-8px;}
#list .search_tongji i { color:#f00;}

#list .search_news { width:100%; margin-top:-20px; position:relative; z-index:90;}
#list .search_news li { width:100%; padding-bottom:22px; margin-top:20px; border-bottom:#cca879 1px solid;}
#list .search_news li p { color:#a68362; overflow:hidden; position:relative; z-index:10;}
#list .search_news li .name { margin-bottom:15px; line-height:20px; font-size:16px; color:#826041; white-space:normal;}
#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 .info { height:44px; line-height:22px; 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;}
#list .search_news li .date span { height:100%; padding-left:11px; margin-left:14px; border-left:#826041 1px solid; display:inline-block;}
#list .search_news li .date span:first-child { padding:0; margin:0; border:0;}
#list .search_news li:hover .name { color:#d7181f;}
#list .search_news li:hover .imgs img { transform:scale(1.08);}

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

#detail .pages { width:100%; margin:30px 0 -6px; padding-top:10px; border-top:#cca879 1px solid;}
#detail .pages li { width:100%; margin-top:2px; height:24px; line-height:24px; text-overflow:ellipsis; white-space:nowrap;}
#detail .pages li .none { color:#a78668;}

#detail .view_product_info { width:calc(100% - 480px); min-height:450px; padding-left:480px; position:relative;}
#detail .view_product_info h1 { float:left; width:100%; padding-bottom:10px; margin-top:-6px; line-height:34px; font-size:24px; color:#5b3f25;}
#detail .view_product_info li { width:calc(100% - 60px); min-height:20px; padding:10px 0 0 60px; line-height:20px; font-size:14px; position:relative;}
#detail .view_product_info li span { float:left;}
#detail .view_product_info li .name { color:#826041; position:absolute; top:10px; left:0;}
#detail .view_product_info li.msg { width:calc(100% - 480px); height:44px; padding:34px 0 0 0; border-top:#af825b 1px solid; text-align:center; line-height:44px; font-size:16px; position:absolute; top:370px; right:0;}
#detail .view_product_info li.msg a { float:left; width:140px; height:100%; margin-right:20px; background:#af825b; border-radius:4px; color:#fff; position:relative;}
#detail .view_product_info li.msg a:before { width:25px; height:1px; content:""; background:#fff; position:absolute; bottom:15px; left:0;}
#detail .view_product_info li.msg a:hover { background:#d7181f;}
#detail .view_product_info dl { width:460px; padding-top:460px; position:absolute; top:0; left:0;}
#detail .view_product_info dl dt { width:450px; height:450px; background:#fff; overflow:hidden; position:absolute; top:0; left:0;}
#detail .view_product_info dl dt img { width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
#detail .view_product_info dl dd { float:left; width:103px; height:103px; margin-right:10px; border:#ddd 1px solid; overflow:hidden; position:relative; cursor:pointer;}
#detail .view_product_info dl dd:after { width:calc(100% - 2px); height:calc(100% - 2px); content:""; border:#d7181f 1px solid; position:absolute; top:0; left:0; z-index:20; display:none;}
#detail .view_product_info dl dd.active { border-color:#d7181f;}
#detail .view_product_info dl dd.active:after { display:block;}
#detail .view_product_info dl dd img { min-height:100%;}

#detail .view_product_list { width:calc(100% - 80px); padding:0 40px; margin:20px 0 10px; position:relative;}
#detail .view_product_list .button { width:28px; height:38px; border:#ae825b 1px solid; border-radius:8px; position:absolute; top:50%; margin-top:-20px;}
#detail .view_product_list .button:before { width:12px; height:12px; content:""; border:#946a44 1px solid; border-right:0; border-bottom:0; position:absolute; top:50%; left:12px; margin-top:-6px; transform:rotate(-45deg);}
#detail .view_product_list .button:hover { border-color:#e60012;}
#detail .view_product_list .button:hover:before { border-color:#e60012;}
#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 { transform:rotate(135deg); left:4px;}
#detail .view_product_list .button.none { border-color:#898989; cursor:not-allowed;}
#detail .view_product_list .button.none:before { border-color:#898989;}

#detail .view_product_list .scroll { width:100%; overflow:hidden; position:relative;}
#detail .view_product_list .auto_list { width:calc((100% + 10px) * 100); transition:all 0.5s;}
#detail .view_product_list .auto_list li { width:calc(1% / 5 - 10px); margin-right:10px; position:relative;}
#detail .view_product_list .auto_list li a { float:left; width:100%; position:relative;}
#detail .view_product_list .auto_list li p { width:100%; text-align:center; overflow:hidden; position:absolute; left:0; z-index:20;}
#detail .view_product_list .auto_list li .bg { float:left; font:0/0 arial; position:relative;}
#detail .view_product_list .auto_list li .img { height:100%; top:0; z-index:10;}
#detail .view_product_list .auto_list li .img:before { width:calc(100% - 4px); height:calc(100% - 4px); content:""; border:#d7181f 2px solid; position:absolute; top:0; left:0; z-index:15; display:none;}
#detail .view_product_list .auto_list li .img:after { width:100%; height:100%; content:""; background:rgba(215,24,31,0.7); position:absolute; top:0; left:0; z-index:14; display:none;}
#detail .view_product_list .auto_list li .name { width:calc(100% - 20px); padding:0 10px; line-height:20px; font-size:16px; color:#fff; white-space:normal; top:50%; transform:translateY(-50%); display:none;}
#detail .view_product_list .auto_list li:hover .img:after { display:block;}
#detail .view_product_list .auto_list li:hover .name { display:block;}
#detail .view_product_list .auto_list li.active .img:before { display:block;}

#detail .view_product_tab { width:100%; height:44px; margin:30px 0; background:#d6b891; line-height:44px; font-size:16px;}
#detail .view_product_tab li { height:100%; padding:0 20px; position:relative;}
#detail .view_product_tab li.active { background:#d7181f; color:#fff;}

#detail .view_news_title { width:100%; margin-bottom:30px; border-bottom:#cca879 1px solid;}
#detail .view_news_title h1,
#detail .view_news_title li { float:left; width:100%; text-align:center;}
#detail .view_news_title h1 { margin:-6px 0 8px; line-height:30px; font-size:20px; font-weight:bold; color:#826041;}
#detail .view_news_title li { margin-bottom:12px; line-height:20px; color:#826041;}
#detail .view_news_title li span { margin:0 10px; text-transform:none; display:inline-block;}

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

#pop_div .close { width:28px; height:28px; margin:0; border:#fff 2px solid; cursor:pointer; border-radius:100%; position:absolute; top:-36px; right:-36px;}
#pop_div .close:before { width:12px; height:12px; content:""; background:url(../images/base.png) no-repeat 0 0; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; cursor:pointer; transition:all 0.3s;}
#pop_div .close:hover { background:rgba(194,45,39,0);}
#pop_div .close:hover:before { transform: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; display:none;}
#pop_div .loading { width:100%; height:100%; margin:0; background-color:rgba(0,0,0,0.4); position:absolute; top:0; left:0; z-index:30; display:none;}
#pop_div .page { width:130px; height:44px; border-radius:22px; text-align:center; background:#fff; color:#3e3a39; position:absolute; bottom:-65px;}
#pop_div .page i { height:100%; line-height:44px; font-size:16px; position:relative; display:inline-block;}
#pop_div .page i:before { width:6px; height:13px; content:""; background:url(../images/base.png) no-repeat 50px 0; position:absolute; top:50%; margin-top:-6px; display:none;}
#pop_div .page:hover { background:#d7181f; color:#fff;}
#pop_div .page.prev { left:50%; margin-left:-140px;}
#pop_div .page.prev i { padding-left:0;}
#pop_div .page.prev i:before { background-position:-15px -55px; left:0;}
#pop_div .page.prev i:hover:before { background-position:-15px -55px;}
#pop_div .page.prev.end { background:rgba(0,0,0,0.5); border-color:#898989; color:#898989;}
#pop_div .page.prev.end i:before { background-position:-35px -55px;}
#pop_div .page.next { right:50%; margin-right:-140px;}
#pop_div .page.next i { padding-right:0;}
#pop_div .page.next i:before { background-position:-26px -70px; right:0;}
#pop_div .page.next:hover i:before { background-position:-26px -70px;}
#pop_div .page.next.end { background:rgba(0,0,0,0.5); border-color:#898989; color:#898989;}
#pop_div .page.next.end i:before { background-position:-36px -70px;}

.pop_photo { font:0/0 Arial; 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; min-height:400px; 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:#d7181f !important; height:44px !important; line-height:44px !important; text-align:center;}
.pop_photo .info { width:calc(100% - 20px); max-height:20px; padding:8px 10px 6px; background:rgba(0,0,0,0.5); line-height:20px; font-size:13px; color:#fff; bottom:0px; left:0; z-index:10; transition:all 0.5s;}
.pop_photo .info p { float:left; width:100%; height:20px; overflow:hidden; transition:all 0.45s;}
.pop_photo .info:hover { max-height:50%;}
.pop_photo .info:hover p { height:100%;}

.pop_video { font:0/0 Arial; position:absolute; top:50%; left:50%; margin-top:-35px; transition:all 0.3s; 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; min-height:400px; max-height:540px; border:#ddd 0px solid; border-radius:3px; position:relative; z-index:10;}
.pop_video li { position:absolute; z-index:20;}
.pop_video .title { height:16px !important; background:none !important; text-align:center; line-height:16px !important; font-size:16px !important; display:block !important; bottom:-30px !important;}
.pop_video .page { display:none;}