閿樼笣ody { font-family: "瀵邦喛钂嬮梿鍛寸拨"; color: #42454c; font-size: 14px; } a, input, li, p, select, textarea, ul { margin: 0; padding: 0; list-style: none } img { max-width: 100%; } a { color: #42454c } a:hover { text-decoration: none; color: #981d16; } .fl { float: left } .fr { float: right } .floatImg{ /*display: none;*/ position: fixed; bottom:0; right:0; z-index: 999; box-shadow: -1px -2px 10px rgba(150,0,0,0.2); } .floatImg span{ position: absolute; top:-20px; right:0; background-color: rgba(0,0,0,0.5); color:#fff; line-height: 20px; width:20px; text-align: center; cursor: pointer; } .head{ height: 100px; display: block; position: relative; z-index: 22; min-width:1200px; } .text-l { text-align: left } .text-r { text-align: right } .text-c { text-align: center } .logo { float: left; margin-left: 8px; } .container { width: 1200px; padding-left: 0; padding-right: 0; display: block min-width:1200px; } .topTel { display: block; background: url(../img/tel.png) left no-repeat; width: 330px; font-size: 26px; color: #42454c; padding-left: 148px; text-align: right } .topIcon { display: block; margin-top: 0; margin-bottom: 15px; color: #999; margin-right: 8px; } .topIcon ul { text-align: right; margin-right: 15px; } .topIcon li { display: inline-block; position: relative; } .topIcon li a { display: block; width: 32px; height: 32px; background: url(../img/icon.png) no-repeat; } .topIcon .sina { background-position: -6px 3px } .topIcon .qq { background-position: -49px 3px; display:none; } .topIcon .weixin { background-position: -95px 3px } .topIcon a{ color: #79370f; } .topIcon .iconshow { position: absolute; display: none; width: 160px; padding: 4px; right: 0; bottom: 28px; border: 1px solid #e5e5e5; z-index: 99; background-color: #fff } .menu { position: absolute; right: 0; z-index: 999; } .searchbox{ margin-left: 30px; display: inline-block; vertical-align: top; margin-top: 0px; word-spacing: -4px; } .searchbox p{ text-align: right; line-height: 40px; } .searchbox a{ margin: 0 4px; } .searchbox .input{ border: 1px solid #e5e5e5; height: 40px; line-height: 40px; padding: 0 6px; vertical-align: top; } .searchbox .searchbtn{ width: 40px; height: 40px; line-height: 40px; background-color: #be0a00; color: #fff; border: 0; padding: 0 10px; background: url('../img/search.png') center no-repeat #be0a00; vertical-align: top; } .menu ul { display: inline-block; padding: 0; } .menu li { float: left; position: relative; padding: 0 12px; font-size: 18px; line-height: 100px; border-right: 1px solid #f2f2f2; } .menu li a{ display: block; position: relative; } .menu li:first-child{ border-left: 1px solid #f2f2f2; } .menu li.current,.menu li:hover{ background-color: #be0a00; background: linear-gradient(to bottom,#be0a00,#981d16); padding-bottom: 10px; border-color: #be0a00 } .menu li.current > a::after{ content: '>'; position: absolute; display: block; left: 44%; bottom: -40px; color: #fff; font-family: "鐎瑰缍?; transform: rotate(90deg); } .menu li.current a,.menu li:hover > a{ color: #fff; } .menu .submenu { position: absolute; display: none; left: 0; width: 100%; box-sizing: content-box; margin: 0; background-color: #be0a00; box-shadow: 0 4px 6px rgba(0, 0, 0, .3) } .menu .submenu a { font-size: 15px; color: #fff; display: block; text-align: center; line-height: 2.4 } .menu .submenu a:hover { color: #ffea59 } #banner { position: relative; margin-top:0; z-index: 1; min-width:1200px; } .carousel-control.left,.carousel-control.right{ background-image: none; } #banner .carousel-control.left,#banner .carousel-control.right { font-size: 50px; font-family: "鐎瑰缍?; font-weight: 700; padding-top: 10% } #banner .carousel-inner > .item img{ width:100%; } #banner .carousel-indicators li{ width:30px ; height: 5px; background-color: #eee; margin: 0; border-radius: 0; border: 0; } #banner .carousel-indicators .active{ width: 30px; height: 5px; background-color: #981d16; } .itemMenu{ display: block; background-color: #b5271f; box-shadow: 0 -2px 5px rgba(100,0,0,0.15); } .itemMenu a{ float: left; width: 33.33%; height: 70px; position: relative; } .itemMenu span{ width: 90%; margin: 0 5%; height: 70px; display: block; } .itemMenu span.chanye{ background: url('../img/icon1.png') center 5px no-repeat; } .itemMenu span.shiye{ background: url('../img/icon2.png') center 5px no-repeat; } .itemMenu span.jinrong{ background: url('../img/icon3.png') center 5px no-repeat; } .itemMenu a:hover span,.itemMenu a.current span{ position: absolute; background-color: #ffea59; height: 85px; bottom: 0; z-index: 88; } .itemMenu a:hover span::after, .itemMenu a.current span::after{ position: absolute; right: -15px; top: 0; content: ''; width: 0; height: 0; border-bottom: 15px solid #610500; border-right: 15px solid transparent; } .itemMenu a:hover span.chanye, .itemMenu a.current span.chanye{ background-position: center -95px; } .itemMenu a:hover span.shiye, .itemMenu a.current span.shiye{ background-position: center -95px; } .itemMenu a:hover span.jinrong, .itemMenu a.current span.jinrong{ background-position: center -95px; } .greybg{ display: block; background-color: #f8f8f8; padding:0; height: 100px; overflow: hidden; } .profile{ width: 100%; margin:0 0 15px; } .title,.newsTabMenu{ display: block; border-bottom: 1px solid #eee; font-size: 18px; font-weight: bold; color: #9e0000; line-height: 40px; position: relative; } .newsTabMenu li{ display: inline-block; margin-right: 20px; color: #777; position: relative; cursor: pointer; } .title b,.newsTabMenu b{ width: 30px; height: 3px; background-color: #9e0000; position: absolute; left: 0; bottom: -1px; } .newsTabMenu li b{ background-color: #fff; bottom: 1px; } .newsTabMenu li:hover,.newsTabMenu li.curr{ color: #9e0000; } .newsTabMenu li:hover b,.newsTabMenu li.curr b{ background-color: #9e0000; bottom: -1px; } .title .fr,.newsTabMenu li a.fr{ font-size: 14px; font-weight: 100; line-height: 40px; color: #666; } .pro-text{ display: block; margin: 0; line-height: 1.8; } .pro-text img{ margin-right: 20px; } .pro-text a{ color: #7b2b36; } .pro-text a img{ border-radius: 8px; } .newsbox{ width: 63%; margin: 20px 0 0 5px; } .newsbox .newslist{ width: 100%; margin-top: 15px; position: relative; } .newsbox .newslist li a{ width: 88%; } .newsbox .newslist li{ line-height: 33px; height: 33px; } .newslist li.moretb{ position: absolute; right: 0; top: -52px; background: none; color: #999; } .special{ width: 34%; margin: 20px 0 0; } .special a{ display: block; margin-bottom: 10px; } .special a img{ border-radius: 8px; } .dj-pic li{ float: left; width:46%; margin:0 4% 0 0; border-radius: 6px; position: relative; overflow:hidden; } .dj-pic li img{ height: 200px; } .dj-pic li h5{ background-color: rgba(0,0,0,0.7); color:#fff; position: absolute; color:#fff; bottom:-1px; margin:0; width:100%; padding:0 1%; text-indent: 8px; line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; } .newslist .datetime { display: block; color: #aaa; font-size: 13px; margin:5px 0 10px 0; } .newslist .info { display: block; line-height: 1.6; border-bottom: 1px dotted #ddd; padding-bottom: 18px; } .newslist ul { display: block } .newslist li { height: 38px; line-height: 38px; } .newslist li a { display: inline-block; width: 80%; font-size:15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color:#444; } .newslist li a:hover{ color:#981d16; } .newslist span { float: right } .morebtn { display: block; border: 1px solid #bc7c1b; text-align: center; width: 120px; box-sizing: content-box; padding:4px 0 6px 0; background: url(../img/righttb.png) 80% center no-repeat; color: #bc7c1b; padding-right: 10px; margin-top: 10px; } .morebtn:hover{ background: url(../img/b-righttb.png) 80% center no-repeat #bc7c1b; color:#fff; } .foot { border-top: 4px solid #ddd; display: block; color: #333; padding: 20px 0; margin-top: 10px; } .footnav { margin:0 20px; } .footnav li { display: inline-block; width: 13.8%; vertical-align: top; } .footnav li h4 { font-size: 15px; color: #333 } .footnav li a { display: block; font-size: 13px; color: #aaa; line-height: 2; } .footnav li a:hover,.weblink a:hover{ color: #d00; } .weblink{ display: block; margin: 10px 0; margin-right: -1%; } .weblink .title{ border-bottom: 0; margin-bottom: 0px; } .weblink .title b{ display: none; } .weblink a{ float: left; margin-right:1%; border: 1px solid #e5e5e5; border-radius: 8px; overflow: hidden; } .weblink a img{ height: 46px; } .son-weblink{ display: block; margin:-10px 0 0; } .son-weblink h4{ display: block; margin: 20px 0 10px; color: #be0a00; } .son-weblink a{ display: inline-block; width: 32.5%; line-height: 36px; color: #636b74; } .son-weblink a:hover{ text-decoration: underline; color: #be0a00; opacity: 0.7; } .netsbox { width: 210px; box-sizing: content-box; float: left; margin-top: 26px; line-height: 2 } .netsbox select { border-radius: 3px; color: #333; padding: 4px; margin-top: 8px } .footright { float: right; width: 180px; box-sizing: content-box } .footright .topIcon li { background-color: transparent; background-image: url(../img/grey-icon.png); } .footright .foottel { float: right; background: url(../img/tel2.png) left center no-repeat; padding-left: 40px; line-height: 36px; font-size: 21px; font-family: Arial; color: #eee } .copyright { float: left; width: 100%; box-sizing: content-box; border-top: 1px solid #292929; margin-top: 20px; padding: 15px 0; line-height: 2; text-align: center } .copyright a{ color:#fff; } .jianjie-banner { background: url(../img/jianjie-b.jpg) center top no-repeat; height: 200px; } .zixun-banner { background: url(../img/zixun-b.jpg) center top no-repeat; height: 200px; } .yewu-banner { background: url('../img/yewu-b.jpg') center top no-repeat; height: 200px; } .dangjian-banner { background: url(../img/dangjian-b.jpg) center top no-repeat; height: 200px; } .jijian-banner { background: url(../img/jijian-b.jpg) center top no-repeat; height: 200px; } .zeren-banner { background: url(../img/zeren-b.jpg) center top no-repeat; height: 200px; } .wenhua-banner { background: url(../img/wenhua-b.jpg) center top no-repeat; height: 200px; } .zhaopin-banner { background: url(../img/xxgk.jpg) center top no-repeat; height: 200px; } .sonMenu { background-color: #ededed; text-align: center; height: 72px; line-height: 72px; color: #999 } .sonMenu h3 { display: inline-block; font-size: 24px; color: #981d16; padding: 0 30px; background: url(../img/shu.png) right center no-repeat; margin-right: 12px } .sonMenu li { display: inline-block; margin: 0 8px; line-height: 72px } .sonMenu a { padding: 3px 10px; border-radius: 3px; color: #7d7569 } .sonMenu a.cur, .sonMenu a:hover { color: #b63b34; font-weight: 700; text-decoration: none } .sonMenu .sanjiao { margin: -1px auto 10px auto; display: block; border-width: 12px; border-color: #ededed transparent transparent transparent; border-style: solid dashed dashed dashed; width: 0; height: 0; overflow: hidden } .leftside { margin: 40px 0; float: left; width: 72%; box-sizing: content-box } .leftside .newslist { width: 100%; box-sizing: content-box; margin-top: 30px } .leftside .newslist h4 { color: #42454c } .leftside .newslist li { background: 0 0; color: #999; border-bottom: 1px solid #e5e5e5; padding: 10px 5px; height: 60px; } .leftside .newslist li p { color: #777; line-height: 2 } .leftside .newslist li:hover { background-color: #fbfbfb } .leftside .newslist li:hover h4 { color: #981d16 } .fuwu-list { width: 100%; box-sizing: content-box; margin-top: 30px; } .fuwu-list h4 { float:left; width:88%; line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; color: #42454c; margin:0; } .fuwu-list li { display: block; background: 0 0; height: auto; color: #999; line-height: 40px; border-bottom: 1px solid #e5e5e5; padding: 10px 5px } .fuwu-list li p { display: block; width:100%; color: #777; line-height: 2 } .fuwu-list li:hover { background-color: #fbfbfb } .fuwu-list li:hover h4 { color: #981d16 } .rightside { margin: 40px 0; float: right; width: 25%; box-sizing: content-box } .rightside a.linkimg { display: block; margin-bottom: 15px } .rightside a.linkimg img { border: 1px solid #e5e5e5; border-radius: 2px } .rightside a.linkimg img:hover { box-shadow: 0 2px 5px rgba(0, 0, 0, .2) } .rightside ul { display: block; margin-top: 18px; border-top: 6px solid #ca4f48 } .rightside li { float: left; width: 100%; box-sizing: content-box; font-size: 16px; line-height: 80px; border-bottom: 1px solid #e5e5e5 } .rightside li a { float: left; margin-left: 60px; margin-bottom: 0 } .rightside li a:hover { color: #981d16; text-decoration: none } .rightside li b { float: right; font-family: "鐎瑰缍?; font-size: 50px; color: #999; font-weight: 100 } .rightside li.rongyutb { background: url(../img/rongyu-tb.png) 4px center no-repeat } .rightside li.lianxitb { background: url(../img/lianxi-tb.png) 4px center no-repeat } .rightside li:hover { background-color: #f8f8f8 } .pos { display: block; text-align: right; margin-bottom: 85px } .pos a { display: inline ; line-height: 1.6; padding: 2px 0 } .pos b { display: inline-block; margin-left: 12px; border-width: 6px; border-color: transparent transparent transparent #777; border-style: dashed dashed dashed solid; width: 0; height: 0; overflow: hidden; vertical-align: middle; } .pos .hometb { background: url(../img/pos.png) left top no-repeat; width: 25px; text-indent: 1000px; overflow: hidden; vertical-align: middle } .lefttitle { display: block; width: 100%; box-sizing: content-box } .lefttitle h4 { border-left: 8px solid #981d16; font-size: 24px; line-height: 1; padding-left: 12px; color: #444; margin: 0 } .lefttitle h2 { font-family: "STXihei"; font-size: 56px; line-height: 1; font-weight: 100; color: #eee; text-transform: uppercase; margin: 0; padding-left: 16px; letter-spacing: -1px } .text { line-height: 2; display: block; margin-top: 38px } .ld-pic { float: left; margin-right: 25px; width: 225px } .zc-text { float: right; width: 71%; box-sizing: content-box } .licheng { float: left; margin-left: 40px; border-left: 1px solid #ddd; padding: 20px 0 } .licheng li { display: block; background: url(../img/dot.png) left top no-repeat; padding-left: 40px; line-height: 30px; color: #666; margin: 5px 0 5px -15px } .licheng li span { display: inline-block; vertical-align: top } .page { display: block; text-align: center; margin: 30px 0 } .page a,.page span { padding: 8px 12px; color: #42454c; margin:0 4px; border: 1px solid #fff } .page a.current, .page a:hover, .page span.current,.page span:hover{ border-color: #ddd } .newstitle { margin-top: 40px; display: block } .newstitle h3 { display: block; border-bottom: 1px solid #ddd; padding-bottom: 14px } .newstitle p { color: #999 } .chuangye { margin-top: 40px; display: block } .chuangye .cy-preface img { float: right } .chuangye .cy-preface p { float: left; font-size: 15px; color: #7d7569; width: 75%; box-sizing: content-box; line-height: 2; margin-top: 38px; text-indent: 28px } .piclist ,.yewulist{ float: left; width: 101.5%; box-sizing: content-box; margin-top: 20px } .piclist li { float: left; width: 25%; text-align: center; padding-right: 1.5%; margin-bottom: 8px } .piclist li p { display: block; width: 100%; box-sizing: content-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 3 } .piclist li img { width: 100%; height: 140px } .yewulist li { float: left; width: 100%; padding: 15px 1.5%; border-bottom: 1px solid #e2e2e2; } .yewulist li:hover{ background-color: #f8f8f8; } .yewulist li h4{ display: block; font-size: 16px; line-height: 2; color: #000; } .yewulist li p { display: block; margin: 6px 0 ; line-height:1.8; color: #999; } .yewulist li h5{ font-size: 14px; color: #c00; font-weight: normal; } .yewulist li img { float: left; margin-right: 20px; width: 280px; height: 180px } #service { line-height: 2; display: block; margin-top: 38px } #service .carousel-indicators { bottom: 0; left: auto; margin-left: auto; right: 20px; width: auto } #service .carousel-indicators li { width: 12px; height: 12px; border: 0; background-color: #fff } #service .carousel-indicators li.active { background-color: #b63b34 } #service .carousel-caption { padding-bottom: 0; bottom: 0; padding:0; line-height: 50px; text-indent: 15px; width:100%; left: 0; text-align: left; background-color: rgba(0,0,0,0.7); } #service .carousel-caption a { color: #fff } #service .carousel-control{ padding-top: 150px; font-size:40px; font-family: "鐎瑰缍?; font-weight: bold; } #service .carousel-inner > .item a{ width:100%; display: block; } #service .carousel-inner > .item a img{ width:100%; } .sh-preface img { float: right } .sh-preface p { float: left; font-size: 15px; color: #7d7569; width: 36%; box-sizing: content-box; line-height: 2; text-indent: 28px } .culture { display: block; margin-left: 20%; line-height: 1.6 } .culture h4 { display: inline-block; color: #c0453e; font-size: 15px; font-weight: 700; margin: 20px 0 3px 0 } .hd-list { float: left; width: 101.5%; box-sizing: content-box; margin-top: 20px; margin-top: 35px } .hd-list li { float: left; width: 25%; text-align: center; padding-right: 1.5%; margin-bottom: 8px } .hd-list li p { display: block; width: 100%; box-sizing: content-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 3 } .hd-list li img { width: 100%; height: 140px } .hd-list li { width: 33% } .hd-list li img { height: 170px } .zhaopin { line-height: 2; display: block; margin-top: 38px } .zhaopin p { /*border-bottom: 1px solid #ddd;*/ padding-bottom: 15px } .zhaopin h3 { cursor: pointer; border-bottom: 1px solid #ddd; font-size: 18px; line-height: 50px; color: #333; text-indent: 5px; margin: 0 } .zhaopin h3 b { float: right; font-family: "鐎瑰缍?; font-size: 28px; color: #42454c; transition: all .2s ease 0s; margin-right: 8px } .zhaopin h3 span { display: inline-block; /*width: 35%;*/ box-sizing: content-box } .zhaopin h3 i { display: inline-block; width: 40%; font-size: 14px; text-align: center; color: #666; font-style: normal } .zhaopin .xuanzhuan { background-color: #f8f8f8 } .zhaopin .xuanzhuan b { transform: rotate(90deg); color: #ca4f48 } .zhaopin .xuanzhuan span { color: #ca4f48; font-weight: 700 } .jobRq { list-style: none; display: none; margin: 0; padding: 10px; } .jobRq li { display: block; line-height: 2 } .jobRq li h4 { font-size: 16px; color: #42454c } .jobRq li.nr { display: block; color: #999; padding-left: 10px } .llst { display: block; background: url(../images/lianluo.jpg) left center no-repeat; padding-left: 310px; padding-bottom: 15px; color: #666 } /*閸忣剙寰冮崚妤勩€?/ .roll-wrap{ position: relative; display: none; float:left; width: 100%; padding:0 3%; height: 70px; overflow:hidden; margin: 20px 0; } .roll-wrap .roll__list{ } .roll_row .roll__list::before, .roll_row .roll__list::after { content: ""; display: table; line-height: 0; } .roll_row .roll__list::after { clear: both; } .roll_row .roll__list{ width: 9999px; margin-left: 35px; } .roll_row .roll__list li{ float:left; width: 210px; margin-right: 18px; border: 1px solid #eee; background-color: #fff; text-align: center; border-radius: 8px; overflow: hidden; } .roll_row .roll__list li img { height: 60px; /*filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=50); -webkit-filter: grayscale(50%);*/ transition: all 0.3 ease 0s; opacity:0.8; } .roll_row .roll__list li:hover{ background-color: #fff; } .roll_row .roll__list li:hover img{ /*filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0); -webkit-filter: grayscale(0);*/ opacity:1; } .roll_row .roll__list li a { display: block; } #chanye{ position: relative; margin: 20px 3%; } .container{position: relative;} #chanye .swiper-slide{ background-color: #fff; border-radius: 1px solid #eee; border-radius: 8px; text-align: center; } #chanye .swiper-slide img{ height: 60px; opacity: 0.8;} #chanye .swiper-slide:hover img{opacity: 1;} .control{ position: absolute; top: 18px; width:30px; height: 70px; padding-top: 12px; text-align: center; font-weight: bold; text-decoration: none; color: #777; font-weight: bold; font-size:28px; font-family: "鐎瑰缍?; cursor: pointer; background-color: #f8f8f8; } .control.pre{ left: 0; } .control.next{ right: 0; } .honor,.contact{ display: block; margin-top: 35px; width:100%; } .honor li{ display: inline-block; width:48%; margin-right: 1.5%; vertical-align: top; text-align: center; line-height: 40px; margin-bottom: 15px; } .honor li img{ width:100%; height: 280px; } .address{ display: inline-block; width:48%; line-height: 2; color:#7d7569; padding-left: 2%; } .address h3{ font-size:20px; font-weight: bold; color:#b31e16; vertical-align: top; } .gs-pic{ float: right; width:40%; } .gs-pic img{ border:1px solid #e5e5e5; } .map{ display: inline-block; margin-top: 25px; border-top:1px solid #e5e5e5; padding-top: 25px; width:99.8%; } .language{ margin-top: 16px; margin-left: 90px; } .language a{ margin:0 2px; border-radius: 20px; line-height: 1; background-color: #b31e16; color:#fff; padding:0 6px 1px; } .language a.en{ background-color: #5e5e80; } .modal-dialog{ margin-top: 15%; width: 820px; } .modal-backdrop{ z-index: -1; } #piao{ width:270px; height: 380px; z-index: 9999; } #piao span{ position: absolute; top: 0; right: 0; width: 26px; height: 26px; color: #fff; border-radius: 50%; line-height: 24px; text-align: center; font-size: 22px; cursor: pointer; background-color: rgba(0,0,0,0.6); } /*2020 閺傛澘鍞存い?/ .banner{ position: relative; z-index: -1; } .banner::after{ content: ''; position: absolute; bottom: -90px; width: 100%; height: 90px; left: 0; background-color: #f9fbfd; border-bottom: 1px solid #e8ebf0; } .let-fr{ float: right!important; margin-top: 18px; width: 77%; } .n-right-title{ display: block; } .n-right-title h5{ display: inline-block; margin-left: 18px; } .let-fr .pos{ margin-bottom: 40px; margin-top: 30px; } .let-fr .pos .hometb{ width: 40px; background: none; text-indent: 0 } .n-right-title h4{ display: inline-block; font-size: 20px; border-bottom: 2px solid #962e25; color: #962e25; line-height: 60px; font-weight: bold; } .leftNav{ width: 20%; margin-top: -20px; float: left; } .leftNav h3{ background: url('../img/leftnavbg.jpg') left top no-repeat; padding: 20px 0; text-align: center; color: #fff; margin: 0; } .leftNav h3 i{ display: block; width: 24px; height: 2px; background-color: #fff; margin: 15px auto 0; } .leftNav h3 span{ font-size: 14px; font-weight: 100; font-family: Verdana; } .leftNav ul{ margin-top: 15px; } .leftNav li{ display: block; background-color: #f5f8fb; margin-bottom: 5px; line-height: 70px; transition: all 0.5s ease 0s; } .leftNav li a{ font-size: 16px; display: block; color: #73797e; } .leftNav li i { margin-right: 10px; font-size: 18px; margin-left: 22%; } .leftNav li a::after{ content: ''; display: block; width: 0%; height: 3px; background: linear-gradient(to right,#ab372c,#81251e); background-color: #882820; padding-left: -20%; transition: width .3s ease 0s; } .leftNav li a:hover::after,.leftNav li a.cur::after{ width: 100%; } .leftNav li a:hover,.leftNav li a.cur{ color: #882820; } .leftNav h4{ font-size: 20px; font-weight: bold; color: #981d16; margin: 30px 0 20px; } .leftNav li i{ display: inline-block; width: 23px; height: 23px; overflow: hidden; vertical-align: middle; } .leftNav li i.cy{ background: url('../img/yw-icon.png') no-repeat; background-position: 0 -28px; } .leftNav li i.sy{ background: url('../img/yw-icon.png') no-repeat; background-position: -34px -28px; } .leftNav li i.jr{ background: url('../img/yw-icon.png') no-repeat; background-position:-67px -28px ; } .leftNav li i.ls{ background: url('../img/yw-icon.png') no-repeat; background-position: -95px -28px; } .leftNav li a:hover i.cy,.leftNav li a.cur i.cy{ background-position: 0 0; } .leftNav li a:hover i.sy,.leftNav li a.cur i.sy{ background-position: -34px 0; } .leftNav li a:hover i.jr,.leftNav li a.cur i.jr{ background-position: -67px 0; } .leftNav li a:hover i.ls,.leftNav li a.cur i.ls{ background-position: -95px 0; } .leftNav li i.bs{ background: url('../img/wh-icon.png') 0 -28px no-repeat; display: inline-block; width: 23px; height: 23px; overflow: hidden; vertical-align: middle; } .leftNav li a:hover i.bs,.leftNav li a.cur i.bs{ background-position: 0 0; } .contactWay{ margin: 0 0 40px; display: block; border: 1px solid #eaeef2; position: relative; padding:0 15px; color: #73797e; } .contactWay::before{ content: ''; display: inline-block; width: 0; height: 0; border-width: 8px; border-style: dashed dashed solid dashed; border-color: transparent transparent #dee6ec transparent; position: absolute; left: 5%; top: -16px; } .contactWay p{ position: relative; margin: 20px 0; padding-left: 20%; } .contactWay i{ position: absolute; left: 3%; font-size: 22px; } .contactWay p:nth-of-type(2){ display: none; } .contactWay p:last-child i{ margin-top: 8px; } @media (max-width: 1600px) { .logo{ margin-top: 10px; width: 30%; } } @media (max-width: 1440px) { .logo{ margin-top: 14px; width: 26%; } .menu li{ padding:0 6px; } .searchbox{margin-left:8px;} }