/* reset */ *{-webkit-tap-highlight-color:rgba(0,0,0,0);} html { height: 100% ;-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;} body { min-height: 100% } body { _height: 100% } body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 } body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 } li { list-style-type: none } h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight:normal; } iframe, frame, fieldset, img { border: 0 none } img { vertical-align: top } input[type=button], input[type=submit], input[type=reset] { cursor: pointer } button { cursor: pointer } input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none } input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio } input[type=checkbox] { -webkit-appearance: checkbox } input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box } textarea { overflow: auto; resize: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none } table { border-collapse: collapse; border-spacing: 0 } caption, th { text-align: left } th { font-weight: normal } em, cite, address,i { font-style: normal } sup { vertical-align: text-top } sub { vertical-align: text-bottom } body, input, select, button, textarea { font-size: 14px; } body { line-height: 1.5 } a { text-decoration: none;-webkit-tap-highlight-color:transparent } a { blr:expression(this.onFocus=this.blur()) } a * { *cursor: pointer } :focus { outline: none } .edit_con_original{ line-height:2; padding:0 0; color:#333;} .edit_con_original ul{ margin:inherit; padding:inherit; padding-left:2em;} .edit_con_original ul li { list-style-type:disc; margin:auto; } .edit_con_original ol{ margin:inherit; padding:inherit} .edit_con_original ol li { list-style-type:decimal; margin:auto; } .edit_con_original h1 { font-weight:bold } .edit_con_original h2 { font-weight:bold } .edit_con_original h3 { font-weight:bold } .edit_con_original h4 { font-weight:bold } .edit_con_original h5 { font-weight:bold } .edit_con_original h6 { font-weight:bold } .edit_con_original em { font-style: italic } .edit_con_original cite{ font-style: italic } .edit_con_original address{ font-style: italic } .edit_con_original i { font-style: italic } .edit_con_original table{ border-collapse: separate; border-spacing: 2px } .edit_con_original img{ max-width:100%; height:auto;} .edit_con_original video{ max-width:100%;display: block;margin:auto;} /*所有后台编辑器区域都要引用 edit_con_original 类名*/ /* clear 页头,页脚,内容区都不用再加清除样式 */ .fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table } .fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both } .fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 } .bg-cover { background-size: cover; background-repeat: no-repeat; background-position: center; } .clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important } .err_position{ width:100%; height:auto; background:url(../images/errors.png) center no-repeat;} /*隐藏视频下载按钮*/ video::-internal-media-controls-download-button { display:none; } video::-webkit-media-controls-enclosure { overflow:hidden; } video::-webkit-media-controls-panel { width: calc(100% + 30px); } /*图片经过*/ .tran_scale{ overflow:hidden; display:block;} /*img{transition: All 0.7s ease-in-out;}*/ .tran_scale img{-webkit-transition: opacity .4s ease-in,-webkit-transform .6s linear;transition: opacity .4s ease-in,transform .6s linear;} @media only screen and (min-width:1025px) { .tran_scale:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);} } /*两端对齐*/ .justify { text-align:justify; text-justify:distribute-all-lines;} /*上下居中*/ .v-m-c{ transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:0; top:50%;} /*左右居中*/ .l-m-c{ transform: translate(-50%,0); -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-o-transform: translate(-50%,0); position:absolute; left:50%; top:0;} /*绝对居中*/ .a-m-c{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;} .animate{ transition: 1.5s all cubic-bezier(0.19, 1, 0.22, 1);} .animate_slowx { transition: 2.5s all cubic-bezier(0.19, 1, 0.22, 1); } .animate_fast{ transition: 1s all cubic-bezier(0.19, 1, 0.22, 1);} .animate_slow{ transition: 10s all cubic-bezier(0.19, 1, 0.22, 1);} .animate_normal{ transition: 0.5s all linear;} /* 阿里图标 */ [class*='icon']{ font-family: 'iconfont'; } body,a{color: #000;} a{transition: all .3s;} @media only screen and (min-width:1025px) { a:hover{color: #b8120d!important;} } .wrap{width: 1440px;max-width: 90%;margin: auto;} @media only screen and (max-width:1370px) { .wrap{max-width: 94%;} } .index_wrap{width: 1765px;max-width: 97%;margin: auto;} .new_wrap{width: 1440px;max-width: 94%;margin: auto;} .line24{line-height: 24px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; } .line30{line-height: 30px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; } .ellipsis_p{ display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ratio-img,.ratio-img img{width: 100%;} .bold{font-weight: bold;} .ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} @media only screen and (max-width:1024px) { .wrap{max-width: 94%;margin: 0 auto;} } @media only screen and (max-width:345px) { .wrap{max-width: 97%;margin: 0 auto;} } /*font-size*/ .fnt_12 { font-size: 12px;} .fnt_16 { font-size:16px;} .fnt_18 { font-size:18px;} .fnt_20 { font-size:20px;} .fnt_22 {font-size: 22px;} .fnt_24 { font-size:24px;} .fnt_26 { font-size:26px;} .fnt_28 { font-size:28px;} .fnt_30 { font-size:30px;} .fnt_32 { font-size:32px;} .fnt_36 { font-size:36px;} .fnt_38 { font-size:38px;} .fnt_40 { font-size:40px;} .fnt_42 { font-size:42px;} .fnt_48 { font-size:48px;} .fnt_50 { font-size:50px;} .fnt_52 { font-size:52px;} .fnt_60{ font-size:60px;} .fnt_72{ font-size:72px;} .fnt_80{ font-size:80px;} .fnt_90{ font-size:90px;} .fnt_150{font-size:150px;} @media only screen and (max-width:1800px) { .fnt_50 { font-size:46px;} .fnt_60{ font-size:54px;} .fnt_80{ font-size:74px;} .fnt_150{font-size:120px;} } @media only screen and (max-width:1660px) { .fnt_50 { font-size:40px;} .fnt_60{ font-size:44px;} .fnt_22 {font-size: 20px;} .fnt_80{ font-size:60px;} .fnt_150{font-size:100px;} } @media only screen and (max-width:1440px) { .fnt_22 {font-size: 18px;} .fnt_24 { font-size:20px;} .fnt_26 { font-size:22px;} .fnt_28 { font-size:24px;} .fnt_30 { font-size:28px;} .fnt_32 { font-size:28px;} .fnt_36 { font-size:30px;} .fnt_38 { font-size:31px;} .fnt_40 { font-size:32px;} .fnt_42 { font-size:34px;} .fnt_48 { font-size:40px;} .fnt_50 { font-size:36px;} .fnt_52 { font-size:44px;} /*.fnt_60{ font-size:56px;}*/ .fnt_72{ font-size:60px;} .fnt_80{ font-size:50px;} .fnt_90{ font-size:72px;} .fnt_150{font-size:80px;} } @media only screen and (max-width:1366px) { .fnt_20 { font-size:18px;} .fnt_26 { font-size:20px;} .fnt_28 { font-size:22px;} .fnt_30 { font-size:24px;} .fnt_32 { font-size:24px;} .fnt_36 { font-size:26px;} .fnt_38 { font-size:27px;} .fnt_40 { font-size:28px;} .fnt_42 { font-size:30px;} .fnt_48 { font-size:36px;} .fnt_50 { font-size:36px;} .fnt_52 { font-size:40px;} .fnt_60{ font-size:44px;} .fnt_72{ font-size:48px;} .fnt_90{ font-size:52px;} .fnt_80{ font-size:40px;} .fnt_150{font-size:60px;} } @media only screen and (max-width:1280px) { .fnt_22 {font-size: 16px;} .fnt_26 { font-size:18px;} .fnt_28 { font-size:20px;} .fnt_30 { font-size:22px;} .fnt_32 { font-size:22px;} .fnt_36 { font-size:24px;} .fnt_38 { font-size:25px;} .fnt_40 { font-size:26px;} .fnt_42 { font-size:28px;} .fnt_48 { font-size:32px;} .fnt_50 { font-size:32px;} .fnt_60{ font-size:36px;} .fnt_72{ font-size:40px;} .fnt_90{ font-size:42px;} .fnt_80{ font-size:30px;} .fnt_150{font-size:50px;} } @media only screen and (max-width:1024px) { .fnt_16 { font-size:14px;} .fnt_18 { font-size:16px;} .fnt_20 { font-size:16px;} .fnt_24 { font-size:18px;} .fnt_30 { font-size:20px;} .fnt_36 { font-size:22px;} .fnt_38 { font-size:22px;} .fnt_40 { font-size:22px;} .fnt_42 { font-size:24px;} .fnt_48 { font-size:26px;} .fnt_50 { font-size:26px;} .fnt_52 { font-size:28px;} .fnt_60{ font-size:32px;} .fnt_72{ font-size:36px;} .fnt_90{ font-size:36px;} .fnt_150{font-size:40px;} } @media only screen and (max-width:767px) { /*.fnt_20 { font-size:16px;}*/ /*.fnt_24 { font-size:16px;}*/ /*.fnt_30 { font-size:18px;}*/ /*.fnt_36 { font-size:20px;}*/ /*.fnt_48 { font-size:20px;}*/ /*.fnt_52 { font-size:20px;}*/ .fnt_50 { font-size:20px;} .fnt_60{ font-size:24px;} .fnt_72{ font-size:24px;} .fnt_90{ font-size:30px;} .fnt_150{font-size:30px;} } .header_re{float: right;transition: all .3s;width: calc(100% - 300px);} .header_boxR{float: right;font-size: 12px;line-height: 90px;box-sizing: border-box;margin-left: 10px;} .language{float: right;line-height: 80px;color: #333333;transition: all .3s;font-size: 12px;} .language a{color: #333333;font-size: 16px;} .language a.on{color: #c32823;} .language em{float: left;margin: 0 5px;color: #333333;} /*.login*/ .header_re-t{overflow: hidden;height: 35px;line-height: 35px;text-align: right;color: #80839a;font-size: 12px;} .header_re-t a{color: #80839a;} /*搜索*/ .header_search{float: left;margin-left: 30px;} .search_btn,.nav_phone_btn{line-height: 40px;font-size: 20px;} .header_search{ position: relative;float: right;margin-top: 20px;} .search_btn{cursor: pointer;position: relative;float: right;width: 40px;text-align: center;} .search_btn.on{opacity:0.6;filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6;} .search_btn:before{color: #333333;} .search_btn:before,.search_box_btn:before{font-size: 20px;} .search_box { background: #fff;width: 100px;right: 0px; position: absolute;top:60px;margin-top: 0;z-index: 91; visibility: hidden; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; border: 1px solid #eee; height: 40px; overflow: hidden; box-sizing: border-box; line-height: 40px; } .search_box.on {width: 360px;visibility: visible;opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1; -khtml-opacity: 1;} .search_box_input {width: calc(100% - 60px); padding: 0 10px;float: left;border: 0;height: 40px;outline: none;line-height: 40px;background: #fff;} .search_box_btn { height: 40px;width: 40px;background: none;border: 0;outline: none; float: right; position: relative; } .search_box_btn:before{content: "\e6e7";position: absolute;top:0;left: 0;width: 100%;height: 100%; line-height: 40px; } .menu{float: right;line-height: 60px;font-size: 20px;} .shopping{cursor: pointer; float: right;width: 130px;height: 40px;line-height: 40px;border: 1px solid #5e5e5e;border-radius: 30px;text-align: center; color: #333333;font-size: 14px;margin-top: 20px;margin-left: 20px;margin-right: 20px;} .shopping i{ transition: all 0.3s; margin-left: 10px; font-weight: bold; font-size: 18px; display: inline-block; vertical-align: middle; margin-top: -5px; } .shopping.show i{ transform: rotate(-180deg);} /*搜索*/ .header{position: fixed;top:0;left: 0;width: 100%;height: 80px; /*transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;*/ z-index: 9999; background: #fff; } .height_height{height: 80px;} .header_in{} .header h1{float: left;overflow: hidden;width: 292px;margin-top: 20px;height: 46px;} .header h1 a{display: block;} .header h1 img{width: 100%;height: 100%;} .header h1 .img_02{display: none;} .header_box{float: right;transition: all .3s} .header_box.on{width: 0;} .nav{transition: all .3s;} .nav>ul>li{float: left;line-height: 40px;} .nav>ul>li>span{display: none;} .nav>ul>li>a{color: #333333;display: block;} .nav li>a span{position: relative;display: block;padding:0 30px;height: 80px;line-height: 80px;} .nav li>a i{position: absolute;z-index: 10; left:50%;bottom: 0;height:4px;width: 0%; background: #b8120d;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .nav li.on>a{color: #b8120d;} .nav li.on>a i{width: 100%;left: 0;} .scrollHeader .header{box-shadow: 0 0 10px rgba(0,0,0,0.2);background: #fff;} /*.scrollHeader .header h1 .img_01{display: none;}*/ /*.scrollHeader .header h1 .img_02{display: block;}*/ /*.scrollHeader .language,.scrollHeader .search_btn:before{color: #000;}*/ /*xiala*/ .nav{float: left;} .navlist{display:none; position: absolute; left:0; top:80px; z-index: 2; width:100%; height: 105px; background:url(../images/nav_bg.jpg) no-repeat;} .navlist dl{ line-height: 35px; padding:35px 20px; text-align: center;} .navlist dl dd{ display:inline-block; padding:0 70px; position: relative;} .navlist dl dd::after{content: ""; position: absolute; right:0; top:50%; margin-top: -8px; width: 1px; height: 16px; background: #BDBAB5;} .navlist dl dd a{color:#000;} .navlist dl dd:last-child::after{ display: none;} .header.on{background: rgba(0,0,0,0.7);} .header .return_a{display: none;} .shopping-box{display:none; position: absolute;left:0; right:0; top:80px; width: 100%;height: 198px; text-align: center; background:url(../images/shop_bg.jpg) no-repeat;} .shopping-box ul{ display: inline-block; overflow: hidden; margin: 45px 0 0;} .shopping-box li{ float: left; margin: 0 70px;} .shopping-box li span{ display: block; color: #000;} .shopping-box li img{width: 80px; height: 80px; overflow: hidden;} @media only screen and (min-width: 1025px){ .nav li:hover>a i {width: 100%;left: 0;} .share_common a:hover span{ display: block;} } @media only screen and (max-width:1660px) { .header h1{width: 255px;height: 40px;} } @media only screen and (max-width:1580px) { .nav li>a i{height: 3px;} } @media only screen and (max-width:1400px) { .nav>ul>li>a span{padding: 0 25px;} .navlist dl dd{padding: 0 40px;} .shopping-box li{margin: 0 40px;} } @media only screen and (max-width:1280px) { .nav>ul>li>a span{padding: 0 20px;} .navlist dl dd{padding: 0 30px;} .shopping-box li{margin: 0 30px;} } @media only screen and (max-width:1200px) { .header_search{margin-left: 10px;} .language{margin-left: 10px;} .shopping{margin-left: 10px;margin-right: 0;} .nav>ul>li>a span { padding: 0 10px; } } .nav_phone_btn{display:none;} @media only screen and (max-width:1024px) { .header h1{width: 216px;height: 34px;margin-top: 13px;} .nav>ul>li>a span {height: auto;line-height: 40px;} .menu{display: none;} .header_in{margin-top: 0;} .header{background: #fff;} .header,.height_height{height: 60px;display: block;} .nav{margin-right: 0;height: 100%;} /*手机按钮*/ .nav .icon-you,.header .return_a{display: block;} .nav li>a i {display: none;} .nav li.cur .navlist {right: 0;} .nav_phone_btn{display:block;float: right;} .nav_phone_btn span,.nav_phone_btn em{ transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s; } .nav_phone_btn{float: right;position: relative;width: 60px;cursor: pointer;} .nav_phone_btn span i{display:block;width: 32px;height: 2px;background: #b8120d;margin-top: 8px;} .nav_phone_btn span i:first-child{margin-top: 0;} .nav_phone_btn em{color: #b8120d;font-size: 20px;visibility: hidden;opacity: 0;} .visible_nav span{visibility: hidden;opacity:0;} .visible_nav em{visibility: visible;opacity: 1;font-size: 24px;} .nav_phone_btn span i{width: 20px;} .nav_phone_btn span i{margin-top: 6px;} .nav_phone_btn{width: 40px;height: 40px;margin-top: 10px;} .header_box{position: fixed;bottom:0;right:-100%;width:100%;height: calc(100% - 60px);background: rgba(255,255,255,1)} .nav,.nav>ul>li{float: none;border-bottom: 1px solid rgba(184,18,13,.4);line-height: initial;} .nav>ul>li>a{height: 40px;line-height: 40px;font-weight: normal;font-size: 16px;padding: 0 20px;} .nav li.on>a{color: #333;} .navbody .header_box{right: 0;} .nav>ul>li>a,.header .return_a{} .nav>ul>li{position: static;} .nav li{float: none;border-bottom: 1px dashed rgba(255,255,255,0.2);display: table;width: 100%;position: static;line-height: 40px;} .nav li a{color: #fff;} .nav li>a{line-height: 40px;width:calc(100% - 90px);float:left;} .nav li>span,.header .return_a{display: block;color: #fff;} .nav li>span{width: 50px;text-align: center;float: right;line-height: 40px;} .header_search{margin:0;width: 100%;padding:0 20px;box-sizing:border-box;margin-top: 20px;margin-bottom: 20px;} .header_re{margin-top: 0;} .search_btn{display: none;} .search_btn:before, .search_box_btn:before{font-size: 18px;} .search_box{position: static; width: 100%;visibility: visible;opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1; -khtml-opacity: 1;margin-top: 0px;border: 1px solid #b8120d;} .header .return_a{background: #023268;display: block;} .header_box{transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;} .language{float: left;height: auto;margin-top: 0;line-height: 40px;} .language a{} .language a.on{color: #b8120d;} .header_re{height: auto;} .header_boxR{border-top: 0!important;line-height: 40px;margin-right: 20px;float: left;margin-top: 10px;} .shopping{border: 1px solid #b8120d;color: #fff;height: auto;line-height: 30px;margin:0 20px;background: #b8120d; overflow: hidden; border-radius: 10px; width: calc(100% - 40px);} .shopping-box{height: auto;} .shopping-box ul{margin-top: 10px;} .shopping-box li{width: 25%; margin: 0;} .nav>ul>li>a span{padding: 0;} .nav>ul>li>span{display: block; color: #000; font-size: 20px; line-height:40px;} .navlist{position: static;background: none; padding: 0; border-top: 1px solid rgba(184,18,13,.4); height: auto;line-height: inherit; width: auto !important;visibility: visible;clear: both; left:auto; top:auto; margin-left: 0!important;} .navlist dl{padding: 10px 30px; line-height: 30px;} .navlist dl dd{ display: block; padding: 0; text-align: left;} .navlist dl dd::after{ display: none;} .nav>ul>li>span.on{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);} .shopping-box{position: static;} } @media only screen and (max-width:767px) { .header{height: 60px;} .header_in{padding: 0 10px;} .height_height{height: 60px;} .header_re-t{height: 30px;line-height: 30px;margin-right: 10px;} .header_box{height: calc(100% - 60px);} .shopping-box li{width: 23%; margin: 0 1%;} .shopping-box li img{ max-width: 70px; width: 100%; height: auto;} .shopping-box li span{ font-size: 12px;} } .weixin{ position:fixed; width:300px; height:auto; z-index:100000; left:50%; top:50%; margin:-200px 0 0 -150px; background:#fff; border:1px solid #ddd; border-radius:2px; box-shadow:1px 1px 10px #666;} .weixin .c{ position:absolute; width:30px; height:30px; background:url(../images/x.png); overflow:hidden; text-indent:100px; right:0; top:0; font-size:20px; font-style:normal; text-align:center; cursor:pointer; z-index:2;} .weixin h2{ position:relative; line-height:30px; font-size:16px; padding-left:10px; font-weight:normal;} .weixin .img{ padding:30px 0 10px; text-align:center; border-top:1px solid #ddd;} .weixin p { margin:0 1.5% 20px; text-align:center; } .weixin .img img{ width: 200px; height: 200px; display: block; margin: auto; } /*footer*/ .footer{background: #003e7a;color: #fff;} .footer a{color: #aca9a9;} .footer_t{overflow: hidden;padding: 25px 0 8%;box-sizing: border-box;background: #3a3333;} .footer_t .wrap{position: relative;overflow: hidden;} .footer_t .wrap:after{content: "";display: block;width: 100%;height: 1px;background: #757171;left: 0;top: 36px;position: absolute;} .footer_l{float: left;width: calc(100% - 382px);} .footer_l li{float: left;width: 16.66%;} .footer_l li dd{margin-bottom: 35px;padding-bottom: 15px;} .footer_l li dt p{margin-bottom: 12px;} .footer_l li dt p a{color: #aca9a9;font-weight: 300;} .footer_r{float: right;width: 380px;color: #aca9a9;} .footer_r ul{overflow: hidden;padding-bottom: 15px;margin-bottom: 35px;} .footer_r ul li{float: left;margin-right: 35px;} .footer_r ul li a{color: #aca9a9;} .footer_contact h3{margin-bottom: 20px;} .footer_contact-div p{margin-bottom: 10px;} .footer_contact-div p a.tel_link{color: #aca9a9!important;cursor: inherit;} .share_common{text-align: right;} .share_common a{position: relative; text-align: center;color: #aca9a9;display: inline-block;font-size: 20px;margin-left: 50px;line-height: 35px;} .share_common a span{ display: none; position: absolute; left:0; top:-100px; margin-left: -40px; width: 100px; height: 100px; overflow: hidden;} .share_common a span img{ width: 100%;} .share_common a.on span{ display: block;} .footer_b{padding: 20px 0;background: #302929;} .footer_bl{float: right;} .footer_bl li{float: left;position: relative;} .footer_bl li:after{content: "";width: 1px;height: 18px;background: #e9edf4;position: absolute;right: 0;top: 50%;margin-top: -9px;} .footer_bl li a{padding: 0 12px;box-sizing: border-box;color: #e9edf4;} .footer_bl li:first-child a{padding-left: 0;} .footer_bl li:last-child:after{display: none;} .footer_br{float: left;color: #aca9a9;line-height: 35px;} .footer_br a{margin-right: 8px;} .footer_br a:last-child{margin-right: 0;} @media only screen and (max-width:1560px) { .share_common a{margin-left: 30px;} } @media only screen and (max-width:1280px) { .footer_br{line-height: 25px;} .footer_br a{display: block;} } @media only screen and (max-width:1024px) { .footer_t{padding-bottom: 30px;} .footer_l{width: 100%;} .footer_l li{width: 20%;} .footer_l li dd{margin-bottom: 15px;} .footer_r{width: 100%;margin-top: 30px;text-align: center;} .footer_r ul{border-bottom: 1px solid #757171;margin-bottom: 15px;} .footer_r ul li{display: inline-block;margin-right: 0;margin: 0 10px;float: none;} .footer_bl{text-align: center;width: 100%;} .footer_bl ul{display: inline-block;} .footer_br{width: 100%;text-align: center;} .footer_br a:last-child{display: block;} .share_common{text-align: center;} .share_common a{margin-left: 0;margin: 0 10px;} } @media only screen and (max-width:767px) { .footer_t .wrap:after{display: none;} .footer_t{padding: 20px 0 20px;} .footer_l,.footer_r{width: 100%;} .footer_l{display: none;} .footer_l li{width: 100%;margin-bottom: 10px;} .footer_l li dd{margin-bottom: 0px;padding-bottom: 8px;} .footer_l li dt p{display: inline-block;margin-right: 10px;margin-bottom: 5px;} .footer_r{text-align: left;margin-top: 10px;} .footer_r ul li{margin-left: 0;} .footer_br{font-size: 12px;line-height: 20px;} .footer_contact h3{margin-bottom: 10px;font-size: 16px;} .footer_contact-div p{font-size: 12px;margin-bottom: 3px;} .footer_contact{display: none;} } /*内页banner*/ .inbanner{position: relative;} .inbanner img{widtH:100%;} .inbanner .txt{color:#fff; top:auto; bottom:2%;} .inbanner .txt h2{display: inline-block; text-align: right;} .inbanner .txt h2 span{ display: block; margin-bottom: 5px;} @media only screen and (max-width:767px) { .inbanner{ height: 240px;} .inbanner img{ display: none;} .inbanner .txt{bottom:0;} } /*内页banner*/ /*分页*/ .page {vertical-align:middle;text-align:center; margin:5% 0 0; font-family: Arial, Helvetica, sans-serif; color:#BFBFBF; height:60px; line-height:60px;display: inline-block;width: 100%;} .page .inner{ display: inline-block; text-align: center;} .page a{ float: left; text-align:center; margin:0 2px;color:#000; width:60px;height:60px; line-height:60px;} .page a.on,.page a.num:hover{color:#fff!important;background: #D50013;} .page a.prev.disabled,.page a.next.disabled,.page a.first.disabled,.page a.last.disabled{cursor: default; opacity: 0.3;} .page a.prev{margin-right:20px; font-size:30px; font-weight: bold; color:#231815!important;} .page a.next{margin-left:20px;font-size: 30px; font-weight: bold; color:#231815!important;} @media only screen and (max-width:767px) { .page a{ width: 30px; height: 30px; line-height: 30px;} .page .num{ /*display: none;*/} .page a.prev{margin-right:10px;} .page a.next{margin-left:10px;} .page a.on{display: block;} } /*分页end*/