/*头部样式*/ @font-face { font-family: 'iconfont'; /* project id 455609 */ src: url('//at.alicdn.com/t/font_455609_md6xsqc4pwrk9.eot'); src: url('//at.alicdn.com/t/font_455609_md6xsqc4pwrk9.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_455609_md6xsqc4pwrk9.woff') format('woff'), url('//at.alicdn.com/t/font_455609_md6xsqc4pwrk9.ttf') format('truetype'), url('//at.alicdn.com/t/font_455609_md6xsqc4pwrk9.svg#iconfont') format('svg'); } .iconfont { font-family: "iconfont" !important; font-size: 13px; font-style: normal; } @font-face { font-family: "iconfont"; src: url("../fonts/iconfont/iconfont.eot?t=1521099028790"); /* IE9*/ src: url("../fonts/iconfont/iconfont.eot?t=1521099028790#iefix") format("embedded-opentype"), url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"), url("../fonts/iconfont/iconfont.ttf?t=1521099028790") format("truetype"), url("../fonts/iconfont/iconfont.svg?t=1521099028790#iconfont") format("svg"); /* iOS 4.1- */ } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-msnui-qr-code:before { content: "\e66a"; } .icon-msnui-download:before { content: "\e67b"; } .icon-tubiao209:before { content: "\e61b"; } .icon-huiyuan21:before { content: "\e641"; } .icon-zhiding:before { content: "\e66d"; } .icon-qq:before { content: "\e62d"; } .icon-icon-inquiry:before { content: "\e645"; } .icon-iconfontphone:before { content: "\e634"; } .icon-tuichu:before { content: "\e642"; } .icon-gengduo:before { content: "\e688"; } .icon-emiyanzhengma:before { content: "\e61c"; } .icon-shouji:before { content: "\e6a1"; } .icon-shijian:before { content: "\e6b5"; } .icon-weixin:before { content: "\e64f"; } .icon-arrowdown:before { content: "\e692"; } .icon-arrowleft:before { content: "\e693"; } .icon-arrowright:before { content: "\e694"; } .icon-arrowup:before { content: "\e695"; } .icon-close:before { content: "\e69a"; } .icon-account:before { content: "\e6a3"; } .icon-search:before { content: "\e6a5"; } .icon-up:before { content: "\e6a9"; } .icon-add:before { content: "\e6b9"; } .icon-minus:before { content: "\e6ba"; } .icon-atm:before { content: "\e6bd"; } .icon-dizhi:before { content: "\e61a"; } .icon-mimaffffffpx:before { content: "\e604"; } .icon-chakan:before { content: "\e605"; } .icon-wenjianxiazaiicon:before { content: "\e603"; } /* 自动获取下载文件类型图标样式 */ @font-face { font-family: 'filetypeicon'; /* project id 455609 */ src: url("//at.alicdn.com/t/font_455609_md6xsqc4pwrk9.eot"); src: url("//at.alicdn.com/t/font_455609_md6xsqc4pwrk9.eot?#iefix") format("embedded-opentype"), url("//at.alicdn.com/t/font_455609_md6xsqc4pwrk9.woff") format("woff"), url("//at.alicdn.com/t/font_455609_md6xsqc4pwrk9.ttf") format("truetype"), url("//at.alicdn.com/t/font_455609_md6xsqc4pwrk9.svg#iconfont") format("svg"); } .filetypeicon { font-family: "filetypeicon"; font-size: 13px; font-style: normal; } .foot-right{ position: relative; } .link { width: 107px; position: relative; } .ffflink{ position: absolute; bottom: -65px; right: 143px; z-index: 9 } .dds{ position: absolute; bottom: 28px; width: 107px; background: #fff; display: none; } .link li a { display: inline-block; line-height: 38px; text-align: center; color: #555555; width: 107px; font-size: 12px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; } .w_top { background-color: #333333; color: #fff; } img{ max-width: 100% } .w1600 { max-width: 1600px; margin: 0 8%; } .wel { font: 400 14px/36px "Microsoft yahei"; } .w_right .k1 a { font: 400 14px/36px "Microsoft yahei"; color: #fff; } .w_right .k1 a:hover { color: rgba(255, 255, 255, .8) } .w_right .k2 { padding-left: 15px; background: url(../images/top_phone.png) no-repeat left center; margin: 0 50px; font: 400 14px/36px "Microsoft yahei"; } .w_right .k2 p { margin: 0; } #header { background-color: rgba(255, 255, 255, .9); width: 100%; z-index: 99; } .head { position: relative; padding: 15px 0 0; } .xy-head.scroll{ position: fixed; width: 100%; left: 0; top: 0; right: 0; } @media(max-width:768px) { .head { padding: 0; } } .top { max-width: 1600px; margin: 0 8%; position: relative; } @media (max-width: 1250px) { .top { margin: 1% 5%; } .navbar { margin-bottom: 0px !important; float:right; } } .logo { width: 36%; } .logo img { max-width: 100%; } .topLink { position: absolute; width: 34px; line-height: 34px; right: 0; top: 32px; height: 74px; z-index: 999; } .translate { width: 100px; position: absolute; left: 0; top: 10px; z-index: 9999; } .tran-in { left: 120px; } .translate li { border: 1px dashed #cccccc; line-height: 26px; text-align: left; background: #fff; } .translate li a { display: block; padding-left: 10px; background: url(../images/dot4.png) no-repeat 88% 11px; } .translate li a:hover { text-decoration: none; color: #275cea; cursor: pointer; } .translate-en { display: none; padding: 6px; padding-top: 0px; } .translate li .translate-en a { padding-left: 0px; text-align: center; background: #fff; border-bottom: 1px solid #cccccc; } .translate li .translate-en a:hover { font-weight: bold; } .topLink .f_count { color: #ff0000; font-size: 13px; font-weight: bold; } .topLink .k2 { color: #074b91; font-size: 14px; font-family: "微软雅黑"; } #menu { max-width: 835px; padding-top: 25px; } /*热门搜索*/ .top .search { position: absolute; background-color: rgba(255, 255, 255, .8); padding: 5px 10px 8px 10px; width: 300px; top: 30px; right: 0; display: none; } .top #formsearch { width: 230px; float: right; margin-top: 5px; } .top .hotSearch { float: right; height: 24px; line-height: 24px; font-weight: normal; } /*宝*/ #container2 { max-width: 1600px; margin: 0 8%; margin-top:70px; } .group { text-align: center; background: #fff; } .group h1{ font:20px/1 "Microsoft Yahei"; text-transform: uppercase; opacity: .5; letter-spacing: 3px; margin: 0; } .group h2 { color: #333; font: 600 30px/46px "Microsoft Yahei"; margin: 0; } .group h2 p { color: #999; font: 400 14px/24px "Microsoft Yahei"; } .pro-cate { padding-top: 24px; position: relative; margin: 0 auto; max-width: 1550px; text-align: center; } @media(max-width:1360px){ #menu{ max-width: 835px; padding-top: 0; width: 56%; } .navv li { margin: 0 2%; } .topLink{ top:10px; } } @media (min-width:1200px) { .pro-cate { /*width: 60%;*/ } } .pro-cate{ text-align:left } .pro-cate a { text-decoration: none; display: inline-block; color: #333; font: 400 18px/24px "Microsoft Yahei"; /* width: 136px; */ text-align: left; margin-bottom: 10px; padding-left: 0; padding-right: 2.2%; } .pro-cate a span { display: block; padding-bottom: 20px; border-bottom: 4px solid #fff; } .pro-cate:hover a { text-decoration: none; } .pro-cate a:hover span { border-bottom: 4px solid #a50505; } @media (min-width: 992px) { .col-md-2 { /*width: 16.66666667% !important;*/ } } @media (min-width: 768px) { .col-sm-4 { /*width: 33.33333333% !important;*/ } } .pro-center { padding-top: 70px; /*display: flex;*/ /*flex-wrap: wrap;*/ } @media (min-width: 1000px){ .pro-center li { margin-bottom: 20px; width: 19%; margin-right: 1%; } } .pro-center li:nth-child(5n){ margin-right: 0; } .pro-center li .img { position: relative; overflow: hidden; width: 100%; height: 100%; display: block; } .pro-center li img { max-width: 100%; height: auto; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .pro-center li .hides { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, .3); text-align: center; display: none; } .pro-center li .hides div { display: table; height: 100%; width: 100%; } .pro-center li .hides p { display: table-cell; vertical-align: middle; } .pro-center li h3 { border: 1px solid #f2f2f2; border-top: none; padding: 16px; margin: 0px; } .pro-center li h3 a { color: #333; font: 400 16px/16px "Microsoft Yahei"; } .pro-center li h3:hover a { text-decoration: none; } .pro-center li h3 p { color: #666; font: 400 12px/24px "Microsoft Yahei"; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5; } .pro-center li h3 a.more { color: #333; font: 400 14px/24px "Microsoft Yahei"; background: url(../images/more.png) no-repeat 100% 50%; margin-top: 8px; } .pro-center li:hover .hides { display: block; } .pro-center li:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out; } .group>.more { text-transform: uppercase; display: inline-block; width: 160px; background: #a50505; font: 400 16px/40px "Microsoft Yahei"; color: #fff; margin-top: 25px; } @media (max-width: 768px) { #container2 { margin: 0 2%; margin-top: 20px; } .pro-center { padding-top: 10px; } .pro-cate a { font: 400 14px/30px "Microsoft Yahei"; } .pro-center li h3 { padding: 0; border: none; } .pro-center li h3 a { width: 100%; text-align: center; font: 400 16px/32px "Microsoft Yahei"; } .group .more { margin-top: 5px; } } /*中间横幅*/ .mid_hf { margin-top: 60px; background: url(../images/bj4.png) no-repeat center fixed; min-height: 530px; position: relative; background-size: cover; } .hf_text { max-width: 1600px; margin: 0 8%; } .mid_hf h2 { font-size: 48px; color: #fff; font-weight: normal; text-align: left; padding-top: 150px; margin-left: 0px; font-family: "宋体"; } .mid_hf h2 p { font: 200 24px/40px "宋体"; letter-spacing: 3px; padding-top: 20px; } .mid_hf .more { padding: 5px; text-transform: uppercase; /* display: inline-block; */ width: 160px; background: #a50505; font: 400 16px/30px "Microsoft Yahei"; color: #fff; margin-top: 40px; } @media (max-width:1200px){ .mid_hf h2{ font-size: 40px; } .mid_hf h2 p{ font: 200 20px/30px "宋体"; } } @media (max-width:992px){ .mid_hf h2{ font-size: 30px; } .mid_hf h2 p{ font: 200 18px/30px "宋体"; } } @media (max-width:768px){ .mid_hf h2{ font: 400 18px/30px "宋体"; margin:0; } .mid_hf h2 p{ font: 200 14px/30px "宋体"; } } /*关于我们*/ .aboutimg{ padding: 0 !important; } .aboutbox { margin-top: 0px; } .aboutbox .col-sm-6 { padding: 0; } .aboutimg p { overflow: hidden; margin: 0; } .aboutimg img { max-width: 100%; height: auto; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .aboutimg p { padding: 0; } .aboutimg .hides { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); display: none; } .aboutimg .hides a { display: block; display: table; height: 100%; width: 100%; text-align: center; } .aboutimg .hides p { display: table-cell; vertical-align: middle; } .aboutbox .about { padding: 4% 8% 0; margin: 0px; } .about .tit { color: #333; font: 600 30px/52px "宋体"; } .about .tit span { display: block; font: 400 14px/28px "Microsoft Yahei"; text-transform: uppercase; } .about .con { color: #333; font: 400 14px/28px "Microsoft Yahei"; padding-top: 20px; } .about a.more { text-transform: uppercase; background-color: #333333; color: #fff; font: 400 14px/30px "Microsoft Yahei"; margin-top: 30px; padding: 5px 30px; display: inline-block; } .about a.more img{vertical-align:0;margin-left: 8px;} .aboutimg:hover .hides { display: block; } .aboutimg:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out; } @media (max-width: 1400px) and (min-width: 1024px) { .aboutbox .about { padding: 2% 4% 0 4%; } .about .tit { font: 600 30px/40px "Microsoft Yahei" } .about .con { padding-top: 10px; } .about a.more { display: none; } } @media (max-width: 1024px) and (min-width: 768px) { .aboutbox .about { padding: 20px 30px 0; } .about .con { padding: 0; height: 112px; overflow: hidden; } .about a.more { padding-top: 10px; } } @media (max-width: 767px) { .aboutbox .about { padding: 20px 20px 15px; } .about a.more { padding-top: 10px; } } .news { background: #f4f4f4; padding: 60px 0 110px; } .news h2 { text-align: center; color: #333; font: 400 30px/1.5 "宋体"; margin:0; } .news>h3{ text-align: center; text-transform: uppercase; font:20px/1 "Microsoft Yahei"; opacity: .5; margin:0; letter-spacing:5px; } .news>h3:after{ content: ""; display: inline-block; width: 34px; height: 1px; background-color: #cfd1ce; margin-left: 10px; vertical-align: middle; } .news>h3:before{ content: ""; display: inline-block; width: 34px; height: 1px; background-color: #cfd1ce; margin-right: 10px; vertical-align: middle; } .news h2 a:hover { color: #cc0001; } .news_list1 { max-width: 1600px; margin: 0 8%; } .news_list1 a { overflow: hidden; display: block; } .news_list1 .more { text-transform: uppercase; border: 1px solid #333; color: #333; font: 400 14px/22px "Microsoft Yahei"; margin-top: 30px; padding: 10px; display: inline-block; } .news_list1 .more:hover { text-decoration: none; background-color: #333333; color: #fff; } .news_list1 a.img { position: relative; overflow: hidden; } .news_list1 img { max-width: 100%; height: auto; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .news_list1 li { margin-bottom: 10px; } .news_list1 li h3 { padding-top: 8px; } .news_list1 li h3 span { color: #666; font: 100 16px/22px "Microsoft Yahei"; } .news_list1 li h3 a { color: #333; font: 400 18px/46px "宋体"; } .news_list1 li h3 p { color: #666; font: 400 14px/22px "Microsoft Yahei"; } .news_list1 li h3 a.more { color: #cc0001; font: 400 12px/22px "Microsoft Yahei"; margin-top: 10px; display: inline-block; } .news_list1 .hides { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); display: none; } .news_list1 .hides div { display: block; display: table; height: 100%; width: 100%; text-align: center; } .news_list1 .hides p { display: table-cell; vertical-align: middle; } .news_list1 li:hover .hides { display: block; } .news_list1 li:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out; } @media (max-width: 992px) { .news_list1 { margin: 0 2%; } .news_list1 li:last-child { display: none; } } @media (max-width: 767px) { .news_list1 { padding: 20px 20px 0; } } /* 首页地图 */ .address { background: #a50505; margin-top: -48px; text-align: center; cursor: pointer; } .address img {} .address span { color: #fff; font-family: "Microsoft YaHei"; font-size: 14px; line-height: 76px; margin-left: 12px; margin-right: 10px; } .map { height: 0px; overflow: hidden; transition: all 1.5s; } .map_show { width: 100%; height: auto; } .map_show p { margin: 0; } .map_show p img { width: 100%; height: auto; } /*主体样式*/ #container1 { max-width: 1600px; margin: 0 8%; margin-top: 20px; } .menu_cate { width: 220px; float: left; } .navigation { float: right; width: 100px; } .index-title { line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "微软雅黑"; background: url(../images/nav.png) no-repeat 0% 100%; font-size: 14px; color: #000; } .index-table td { border: solid #add9c0; border-width: 0px 1px 1px 0px; padding: 10px 5px; } .index-table { border: solid #add9c0; border-width: 1px 0px 0px 1px; margin-top: 10px; } /*----- Common css ------*/ .fl { float: left; } .fr { float: right; } .di { _display: inline; } .fwn { font-weight: normal; } .dib { *display: inline; _zoom: 1; _display: inline; _font-size: 0px; } /*首页新闻*/ .news_company { width: 280px; float: right; } .news1_title { line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "微软雅黑"; background: url(../images/nav.png) no-repeat 0% 100%; font-size: 14px; color: #000; } .news_company .content { padding: 5px; } /*首页左侧联系我们*/ .contact { width: 218px; float: left; padding-bottom: 5px; margin-top: 10px; } .contact_title { line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "微软雅黑"; background: url(../images/nav.png) no-repeat 0% 100%; font-size: 14px; color: #000; } .contact .content { padding: 5px; padding-left: 8px; } /*工程案例*/ .case { width: 460px; float: left; margin-left: 12px; padding-bottom: 5px; margin-top: 10px; } .case_title { line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "微软雅黑"; background: url(../images/nav.png) no-repeat 0% 100%; font-size: 14px; color: #000; } .case .content { padding: 5px; padding-bottom: 12px; text-indent: 20px; } .news2_company { margin-top: 10px; } /*产品推荐*/ .recommend_product { margin-top: 10px; width: 692px; float: left; } .recommend_product .title { line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "微软雅黑"; background: url(../images/nav.png) no-repeat 0% 100%; font-size: 14px; color: #000; } .recommend_product .content { padding-top: 15px; padding-bottom: 14px; } .roll_product li { padding-bottom: 0px; } /*前台多页签*/ .tab { position: relative; } .tab li { float: left; width: 100px; height: 30px; display: block; line-height: 30px; border: 1px solid #ccc; margin-right: 8px; text-align: center; color: #333; font-size: 12px; cursor: pointer; } .tab li.cur { color: #fff; text-decoration: none; font-size: 12px; background: #3a78c1; border-color: #3a78c1; } .tt { display: none; } .list1 { padding: 8px 10px; } .list1 li { line-height: 27px; position: relative; vertical-align: middle; } .list1 li a { background: url(../images/list_dot1.gif) left center no-repeat; padding-left: 12px; line-height: 27px; color: #555555; } .list1 li a:hover { color: #e87518; text-decoration: none; } .list1 li span { position: absolute; right: 0px; line-height: 30px; top: 0; color: #999; } /*友情链接*/ .f_link { width: 140px; margin: 0 auto; margin-top: 8px; line-height: 24px; background: url(../images/link.png) no-repeat 0 50%; text-indent: 9px; color: #fff; text-align: left; position: relative; } .f_link .hides { width: 100%; position: absolute; left: 0; bottom: 24px; display: none; background-color: rgba(255, 255, 255, .8); } .f_link .hides a { display: block; font: 400 12px/24px "Microsoft Yahei"; } /*页面底部*/ .foot { background: #18181d; padding: 54px 0; } #footer { position: relative; max-width: 1600px; margin: 0 8%; padding-top: 8px; } #footer a {} #footer a:hover { color: #cc0001; text-decoration: none; } .nav_foot { line-height: 24px; color: #666; } .copyright { font:12px/2 "宋体"; color: #fff; opacity: .6; } .contacts { text-align: left; } .contacts h2 { color: #fff; font: 400 16px/46px "Microsoft Yahei"; } .contacts .content { color: #6d6c71; font: 400 14px/30px "Microsoft Yahei"; } .ewm { text-align: center; color: #6d6c71; font: 400 16px/60px "Microsoft Yahei"; padding-top: 15px; color: #fff; } .ewm img { margin-right: 20px; } .foot-right { background: url(../images/line2.png) repeat-y 20% 0; } .hot-rec { width: 100%; margin-top: 22px; } .foot-under { color: #6d6c71; font: 400 12px/30px "Microsoft Yahei"; } .foot-under a { color: #fff; } .underright { font: 400 12px/30px "Microsoft Yahei"; text-align: right; } @media (max-width: 1570px) { .message2 .m_label { font-size: 14px; } .message2 #checkcode { width: 120px; } } @media (max-width: 1200px) { .foot { border-top: 5px solid #cc0001; } .message2 #name { height: 40px; line-height: 40px; margin-bottom: 5px; } .message2 #contact { height: 40px; line-height: 40px; margin-bottom: 5px; } .message2 #content { height: 40px; line-height: 40px; } .message2 .m_label { line-height: 40px; } .message2 #checkcode { height: 30px; line-height: 30px; width: 100px; } .message2 #code { padding-top: 5px; } .message2 .msgbtn { height: 40px; line-height: 40px; margin-top: 10px; } } @media (max-width: 980px) { .foot-under { padding-top: 20px; } } @media (max-width: 768px) { .foot { padding: 20px 0; } .foot-under { padding-top: 10px; } } @media (max-width: 414px) { .messbox { width: 98%; } #footer { width: 98%; margin: 0 auto; } } /*------------内页-------------------*/ .top { max-width: 1700px; margin: 0 auto; } @media screen and (max-width: 1700px) { .top { padding: 0 2%; } } .left .box { margin-bottom: 15px; border: 1px solid #d2d2d2; padding: 5px; } .left .box h3 { font: 600 14px/40px "Microsoft yahei"; padding-left: 15px; background: #cc0001; color: #fff; } .left .box .content { padding: 5px 0px; } .prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;} .n_banner { width: 100%; } .n_banner img { width: 100%; height: auto; min-height: 120px; } @media (max-width:1200px){ .n_banner {margin-top:60px;} } .left { width: 225px; float: left; } .right { width: 100%; margin-top: 3%; } .sort_menu {} .sort_menu h3 { background-color: #ececec; line-height: 28px; padding-left: 15px; font-weight: bold; } .sort_product { margin-top: 10px; } .sort_product h3 { background-color: #ececec; line-height: 28px; padding-left: 15px; font-weight: bold; } .n_contact { margin-top: 10px; } .n_contact h3 { background-color: #ececec; line-height: 28px; padding-left: 15px; font-weight: bold; } .left .n_contact .content { padding: 10px; line-height: 24px; } .right { padding-bottom: 10px; } .sitemp { line-height: 31px; padding-right: 10px; border-bottom: 1px dotted #d3d3d3; padding:4px; } .sitemp h2 { width: 340px; float: left; line-height: 31px; text-align: center; text-align: left; text-indent: 15px; font-size: 14px; } .sitemp .site { float: right; text-align: right; line-height: 48px; } .right .content { padding: 15px 0 10px; overflow: hidden; line-height: 24px; } .fNav{ display: flex; justify-content:space-between; } .fNav dl dt{margin-bottom: 4vh;} .fNav dl dt a{ font:20px/1.5 "宋体"; } .fNav dl dd a{ font:14px/30px "宋体"; opacity: .6; } .fContact .sec{margin-top: 4vh;} .news-hd{display: flex;justify-content:center;padding: 4vh 0;} .news-hd li{font:16px/24px "宋体";margin:0 1%;} .news-hd li a{color: #000;opacity: .6;} .news-hd li.cur a{color: #a50505;opacity: 1;} .pro-nav{ display: block; width: 33px; height: 27px; background: url(../images/nbtn.jpg) no-repeat center; position: absolute; right: 0; cursor: pointer; top: 15px; } /*.pro-nav:before{*/ /* content: "";*/ /* display: block;*/ /* width: 24px;*/ /* height: 3px;*/ /* background-color: #a50505;*/ /* position: absolute;*/ /* top: 6px;*/ /*}*/ /*.pro-nav:after{*/ /* content: "";*/ /* display: block;*/ /* width: 24px;*/ /* height: 3px;*/ /* background-color: #a50505;*/ /* position: absolute;*/ /* top: 12px;*/ /*}*/ .marks{ display: none; } .marks.aa{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: none; display: block } .pro-nav ul{ position: absolute; z-index: 10; top: 25px; right: 0; padding: 5px 10px; background-color: rgba(256,256,256,.6); display: none; } .pro-nav ul li{ white-space: nowrap; } .pro-nav ul li a{ display: block; font:14px/24px "宋体"; color: #000; } .pro-nav ul li a:hover{ color: #a50505; } .i-news_list li { padding: 4% 0; } .i-news_list li:hover .img1 img { transform: scale(1.1); } .i-news_list li:hover .nei h3 a { color: #60141e; } .i-news_list li .img1 { width: 24.4%; overflow: hidden; float: left; } .i-news_list li .img1 img { width: 100%; transition: all .4s; } .i-news_list li .nei { width: 68%; float: right; padding-top: 3%; } .i-news_list li .nei h3 { line-height: 53px; font-weight: normal; } .i-news_list li .nei h3 a { color: #333333; font-size: 22px; } .i-news_list li .nei p { font-size: 14px; color: #333333; padding-top: 2%; } .i-news_list li .nei span { display: block; padding-top: 4%; color: #999999; } .i-news_list li .nei span i { font-style: normal; } .i-news_list li .nei span em { font-style: normal; float: right; } @media screen and (max-width: 762px) { .i-news_list li .img1 { float: none; width: 100%; } .i-news_list li .nei { width: 100%; } .i-news_list li .nei h3 { color: #333333; font-size: 16px; line-height: 34px; font-weight: bold; } .i-news_list li .nei h3 a { font-size: 16px; } .i-news_list li .nei p { display: none; } .i-news_list li .nei span { padding-top: 0; font-size: 14px; } .i-news_list li .nei span i { display: none; } .i-news_list li .nei span em { display: block; float: left; font-size: 14px; } } .xymob-head { position: fixed; top: 0; z-index: 999999; left: 0; right: 0; background: #151515; } .xymob-head-box { position: relative; height: 60px; } .xymob-head-box .xymob-logo { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; width: 70%; height: 30px; text-align: center; } .xymob-head-box .xymob-logo h1, .xymob-head-box .xymob-logo a { display: inline; font-size: 0; } .xymob-head-box .xymob-logo img { height: 25px; } .xymob-navbtn { position: absolute; z-index: 9; top: 0; bottom: 0; right: 0; left: 0; margin: auto 0 auto 27px; width: 30px; height: 20px; } .xymob-navbtn span, .xymob-navbtn:after, .xymob-navbtn:before { display: block; height: 2px; width: 100%; background: #fff; -webkit-transition: all .5s; transition: all .5s; } .xymob-navbtn span { margin: 7px 0; } .xymob-navbtn:after, .xymob-navbtn:before { content: ''; -webkit-transform-origin: 7.5%; transform-origin: 7.5%; } .xymob-navbtn.clicked span { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } .xymob-navbtn.clicked:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .xymob-navbtn.clicked:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .xymob-search-btn { position: absolute; z-index: 9; right: 0; top: 0; bottom: 0; width: 14%; text-align: center; line-height: 60px; } .xymob-search-btn i { font-size: 24px; color: #fff; } .xymob-menu { display: none; position: absolute; left: 0; right: 0; height: 100vh; background: #151515; padding: 0 10%; } .xymob-menu.ccur{ display: block; } .xymob-menu .xymob-menu-box { height: 100vh; overflow: scroll; padding-bottom: 80px; } .xymob-nav > li { border-bottom: 1px solid #2b2b2b; position: relative; } .xymob-nav > li > a { display: block; line-height: 50px; font-size: 16px; color: #ffffff; } .xymob-nav .xymob-menu-jt { position: absolute; width: 20%; height: 50px; line-height: 50px; right: 0; top: 0; text-align: center; z-index: 9; } .xymob-nav .xymob-menu-jt i { font-size: 18px; color: #fff; } .xymob-nav .xymob-menu-jt.clicked i:before { content: '\e692'; } .xymob-nav .xymob-sub-menu { background: #1E1E1E; display: none; } .xymob-nav .xymob-sub-menu > li { border-top: 1px dashed #2b2b2b; } .xymob-nav .xymob-sub-menu > li > a { display: block; font-size: 14px; color: rgba(255, 255, 255, 0.8); line-height: 40px; text-indent: 2em; } .xymob-dlbtn { margin-top: 40px; } .xymob-dlbtn a { text-align: center; display: block; width: 100%; height: 40px; line-height: 40px; background: #ab001a; color: #fff; font-size: 16px; border-radius: 5px; } .xymob-dlbtn a i { font-size: 20px; color: #fff; vertical-align: -2px; margin-right: 10px; } .xymob-dlbtn .zx-btn { margin-top: 10px; background: none; border: 1px solid #fff; } .xymob-search { position: fixed; z-index: 99999; left: 100%; bottom: 0; top: 0; width: 100%; background: #151515; padding: 15px 15% 0 15%; -webkit-transition: all .5s; transition: all .5s; } .xymob-search .xymob-search-close-btn { position: absolute; top: 27px; left: 30px; width: 30px; height: 30px; text-align: center; line-height: 30px; } @media (max-width: 420px) { .xymob-search .xymob-search-close-btn { left: 15px; } } .xymob-search .xymob-search-close-btn i { font-size: 20px; color: #fff; } .xymob-search .xymob-search-box { height: 50px; border-bottom: 2px solid #2d2d2d; } .xymob-search .xymob-search-box input[type="text"] { width: 80%; float: left; background: none; border: none; outline: none; color: rgba(255, 255, 255, 0.3); font-family: "Microsoft YaHei"; font-size: 16px; height: 50px; } .xymob-search .xymob-search-box input[type="submit"] { width: 20%; height: 50px; background: none; outline: none; border: none; cursor: pointer; font-size: 20px; color: #fff; } .xymob-search .xymob-seaerch-wz span, .xymob-search .xymob-seaerch-wz a { display: block; font-size: 14px; color: rgba(255, 255, 255, 0.9); line-height: 45px; border-bottom: 1px solid #2b2b2b; } .xymob-search.clicked { left: 0; } table{ max-width: 100%; width:100%; } @media (max-width: 1360px) { .ewm img{ max-width:100%; height:auto !important;width:auto !important; } .fNav dl dt a{ font-size:15px; } .fNav dl dd a{ font-size:12px; } .nav2 .col-lg-3{ width:33%; } .foot-right{ float:right!important; width:19%!important; } }