/* reset */ * {-webkit-text-size-adjust: none;} *{-webkit-tap-highlight-color:rgba(0,0,0,0);} /*html{ filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}*/ 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; font-family:"思源黑体 CN","NotoSansHans-Normal","Microsoft Yahei",arial,"\5b8b\4f53"; } 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; } .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 } .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;} /*两端对齐*/ .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;} /*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_28 { font-size:28px;} .fnt_30 { font-size:30px;} .fnt_36 { font-size:36px;} .fnt_44 { font-size: 44px;} .fnt_48 { font-size: 48px;} .fnt_66 {font-size: 66px;} .fnt_120 { font-size: 120px;} @media only screen and (max-width:1366px) { .fnt_20 { font-size:18px;} .fnt_22 { font-size:20px;} .fnt_24 { font-size:20px;} .fnt_28 { font-size:22px;} .fnt_30{font-size: 24px;} } @media only screen and (max-width:1280px) { .fnt_20 { font-size:18px;} .fnt_22 { font-size:20px;} .fnt_24 { font-size:22px;} .fnt_28 { font-size:24px;} .fnt_30 { font-size:26px;} .fnt_36 { font-size:28px;} .fnt_44 { font-size: 36px;} .fnt_48 { font-size: 42px;} } @media only screen and (max-width:1024px) { .fnt_18 { font-size:16px;} .fnt_20 { font-size:16px;} .fnt_22 { font-size:18px;} .fnt_24 { font-size:18px;} .fnt_28 { font-size:18px;} .fnt_30{font-size: 20px;} .fnt_36 { font-size:24px;} .fnt_44 { font-size: 32px;} .fnt_48 { font-size: 36px;} } @media only screen and (max-width:767px) { .fnt_16 { font-size:16px;} .fnt_18 { font-size:16px;} .fnt_20 { font-size:16px;} .fnt_22 { font-size:16px;} .fnt_24 { font-size:16px;} .fnt_28 { font-size:18px;} .fnt_30{font-size: 18px;} .fnt_36 { font-size:20px;} .fnt_16_1{font-size: 14px;} } body,a{color: #4b4b4b;} .ratio-img,.ratio-img img{width: 100%;} .wrap{width: 1366px;margin:auto;} @media only screen and (max-width:1400px) { .wrap{width:94%;} } .scrollHeader .header{ box-shadow: 0px 0px 5px #555;} .header{height: 83px;position: fixed;top:0;left: 0;width: 100%;z-index:9999;background: #fff;} .header_in{border-top: 3px solid #d80d18;display: table; width: 100%;} .header h1,.header .wrap>i{padding-top:23px;width: 180px;float: left;} .header h1 a,.header .wrap>i a{display: block;} .header h1 img,.header .wrap>i img{width: 100%;} .nav{float: left;margin-left:30px;} .nav>ul>li{float: left;font-size: 18px;} .nav>ul>li>a,.header_company>a,.header_search,.h_login,.language{height: 80px;line-height: 80px;} .nav>ul>li>a{display: block;color: #000;padding: 0 18px;position: relative;} .nav>ul>li>a>em{position: absolute;left:8%;bottom:0px;width:84%; height: 4px;background: #d70c18;display: none;} .nav>ul>li.on>a>em{display: block;} .header_company{float: left;padding-left: 40px;font-size: 14px;} .header_company>a{display: block;font-weight: bold;} .header_company>a img{vertical-align: middle;margin-left: 15px;} .header_re{float: right;} .h_login{float: left;} .header_search,.h_login,.language{float: left;} .h_login{color: #c9c9c9;} .language a,.h_login a{color: #000;} .header_search{padding: 0 12px;} .header_search img{vertical-align: middle;} .h_login a{padding: 0 5px;display: inline-block;} .h_login .h_p02 span{max-width: 84px; color: #d80d18;background: url(../images/info_icon_01.png) no-repeat 0 center;padding-left: 22px;display: inline-block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;float: left;} .h_login .h_p02 span a{padding: 0;float: none; color: #d80d18;} .h_login .h_p02 a{color: #919090;float: left;} .Header_Height{height: 83px;} .header_right{position: relative;} .header_search .search{cursor: pointer;} .header_search .search.on{opacity:0.7;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7;} .header .wrap_index{position: relative;} .search_wrap{position: absolute;top:65px;right: 0;background: #fff;padding:5px 10px; overflow: 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; -webkit-transform: translateY(10px); -moz-transform: translateY(10px);-o-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px); visibility: hidden; opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; border:1px solid #686873;width:210px; } .search_wrap.on{ transform:scale(1,1); -webkit-transform:scale(1,1);-moz-:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1); -webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px); visibility: visible; opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; } .search_wrap input,.search_wrap button{border: 0;background:#fff;outline: none;height: 22px;line-height: 22px;float: left;} .search_wrap button{width: 22px;} .search_wrap button img{width: 22px;} .search_wrap input{width:186px} /* navlist */ /* .navlist .wrap{max-width: 1100px;} */ .nav>ul>li>span{display:none;} .header_right{position: static} .header_re{position: relative;} .navlist{display: none;position: absolute;top:83px;left:0;width: 100%; background: #f8f8f8;padding: 35px 0;padding-bottom: 70px;} .navlist ul{overflow: hidden;padding: 0 120px;} .navlist dl{padding: 0 10px;} .navlist li{float:left;width: 20%;*margin-left:-1px;} .navlist dt{font-size: 16px;margin-bottom:10px; } .navlist dt a{color:#2c2c2c;} .navlist dd p{line-height: 28px;font-size: 14px;} .navlist dd p a{color: #4b4b4b;} .navlist04 li{width:auto;margin-right: 20px;} .navlist02{padding: 20px 0;padding-bottom: 10px;} .navlist02 ul{padding: 0; padding-left: 205px;} .navlist02 li{width: auto;margin-right: 40px;} .navlist02 dt{margin-bottom: 10px; font-size: 16px;line-height: 20px;padding-left: 10px;} .navlist02 dt i{display: inline-block;width:4px;height: 4px;background:#d80d18;float: left;margin-right: 15px;margin-top: 8px;} .navlist03 .nav_ul{overflow: hidden;padding: 0 90px;margin: 0 -40px;} .navlist.navlist03 ul{float: left;*margin-left:-1px;padding: 0;} .navlist03 dl{padding: 0 40px;} .navlist03 dt{line-height: 54px;border-bottom: 1px solid #c6c6c6;} .navlist03 .ulleft{width: 66.66%;} .navlist03 .ulleft dt{margin-bottom: 0;} .navlist03 .ulleft li{width: 50%;} .navlist03 .ulright{width:33.33%;} .navlist03 .ulright li{width: 100%;} .navlist03 .ulright dt{margin-bottom: 15px;} .navlist03 .ulright dd p{float:left;width: 50%;*margin-left:-1px;} .navlist03_w .ulleft{width:100% !important;float: none;} .navlist03_w .ulleft li{width:33.33%;} .navlist03_w01 .ulleft{width:30% !important;float: none;} .navlist03_w01 .ulleft li{width:100%;} .navlist03_w01 .ulright{width:70% !important;float: none;} .navlist03_w01 .ulright li{width:25% !important;} .navlist03_w01 .ulright li dd p{width: 100%;float: none;} .navlist03_w02 .ulright{width:100% !important;float: none;} .navlist03_w02 .ulright li{width:25%;} .navlist03_w02 .ulright li dd p{width: 100%;float: none;} .navlist03_w03 .ulleft li{width:25%;} @media only screen and (max-width:1400px) { .header_company{padding-left:30px;} .navlist03 .ulleft{width: 60%;} .navlist03 .ulright{width:40%;} .header_search{padding: 0 10px;} .nav>ul>li>a{padding: 0 14px;} } @media only screen and (max-width:1370px) { .nav>ul>li>a{padding: 0 12px;} } @media only screen and (max-width:1350px) { .navlist ul,.navlist03 .nav_ul{padding: 0 60px;} .nav>ul>li>a{padding: 0 8px;} /*.nav>ul>li>a>em{left: 13px;}*/ .navlist02 ul{padding-left: 185px;}.navlist02 li{margin-right: 30px;} } @media only screen and (max-width:1280px) { .navlist01 dt,.navlist03 dt{font-size: 20px;} .navlist02 li{margin-right:20px;} .nav>ul>li,.header_company{font-size: 16px;} } @media only screen and (max-width:1260px) { .navlist ul, .navlist03 .nav_ul{padding: 0 10px;} .navlist02 ul{padding-left: 160px;} .navlist02 li{margin-right: 5px;} } @media only screen and (max-width:1024px) { .navlist03_w01 .ulleft{width:100% !important;} .navlist03_w01 .ulright{width:100% !important;} .navlist03_w01 .ulright li{width:100% !important;} .navlist03_w03 .nav_ul{ height: calc(100% - 150px) !important; padding-bottom: 0; overflow: hidden; position: absolute; left: 0; width: 100%; top: 50px; } .navlist03_w03 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:3px;-webkit-border-radius:0;border-radius:0;background:#fff;} .navlist03_w03 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.navlist03_w03 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.navlist03_w03 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag:hover .mCSB_dragger_bar{ background:#fff;} } /* navlist */ /*导航新增间距调整*/ .nav>ul>li>a{padding: 0 14px;} .header_company{padding-left: 30px;} .nav{margin-left: 15px;} @media only screen and (max-width:1430px) { .nav>ul>li>a{padding: 0 12px;} } @media only screen and (max-width:1400px) { .nav>ul>li>a{padding: 0 10px;} .header_company{padding-left: 20px;} } @media only screen and (max-width:1380px) { .header h1,.header .wrap>i{width: 165px;padding-top: 25px;} } @media only screen and (max-width:1360px) { .nav>ul>li>a{padding: 0 8px;} } @media only screen and (max-width:1330px) { .nav>ul>li{font-size: 16px;} } /*导航新增间距调整*/ /*banner*/ .banner_out {height: 0 !important; padding-bottom: 35%;overflow: hidden;} .inbanner ul,.inbanner li{height: auto !important;} .index_banner li img{width: 100%;} .inbanner{width: 100%;overflow: hidden;z-index:2; } .inbanner img{width: 100%;} .inbanner li{position: relative;overflow: hidden;} .inbanner li a{color: #fff !important;transition:all 0s;-webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;-ms-transition:all 0s;} .inbanner li video{position: absolute;top: 0; width: 100%; height:100%;background:#000;} .inbanner .swiper-button-next ,.inbanner .swiper-button-prev{display: none !important;} .inbanner .swiper-pagination{position: absolute;left: 0;bottom:168px;width: 100%;text-align: center;} .inbanner .swiper-pagination-switch{display: inline-block;cursor: pointer; width: 55px;height: 11px;opacity: 1;background: url(../images/banner_cicle.png) no-repeat 0 center; border-radius: 0;margin: 0 !important;} .inbanner .swiper-active-switch{background: url(../images/banner_cicle_on.png) no-repeat 0 center;} .inbanner .swiper-pagination-switch.no{width: 11px; background: url(../images/banner_cicle01.png) no-repeat 0 center;} .inbanner .swiper-pagination-switch.no.swiper-active-switch{background: url(../images/banner_cicle01_on.png) no-repeat 0 center;} .inbanner .swiper-container-horizontal>.swiper-pagination-bullets,.inbanner .swiper-pagination-custom, .swiper-pagination-fraction{bottom:166px;height: 16px;} .inbanner .swiper-pagination span:last-child{width: 11px;overflow:hidden;} .banner_text{position: absolute; bottom:42%; left: 0;width: 100%;} .banner_text_in{width: 70%;padding-left: 50px;} .banner_text_in .banner_title,.banner_text_in .banner_text_p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .inbanner li .banner_title,.inbanner li .banner_text_p,.inbanner li .banner_more{ opacity:0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; transition: 0.9s linear;-webkit-transition: 0.9s linear; -ms-transition: 0.9s linear; } .banner_title{ -webkit-transform: translateY(-40px);-moz-transform: translateY(-40px);-o-transform: translateY(-40px);-ms-transform: translateY(-40px);transform: translateY(-40px); } .banner_text_p,.banner_more{ -webkit-transform: translateY(40px);-moz-transform: translateY(40px);-o-transform: translateY(40px);-ms-transform: translateY(40px);transform: translateY(40px); } .inbanner li.swiper-slide-active .banner_title,.inbanner li.swiper-slide-active .banner_text_p,.inbanner li.swiper-slide-active .banner_more{ opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; -webkit-transform: translateY(0);-moz-transform: translateY(0);-o-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0); } .banner_text_p {text-transform : uppercase;padding-left: 55px;} .banner_more{margin-left: 145px;margin-top: 5px;} .banner_more img{width: 9px !important;height: 8px;} /*banner*/ .footer{background: #2f2f2f;padding-bottom:30px;} .foot_link{background: #3b3b3d;padding: 24px 0;overflow: hidden;} .foot_top{padding:65px 0;} .foot_bottom{padding-top: 20px;border-top: 1px solid #464646;font-size: 12px;line-height: 24px;} .foot_bottom,.footer a{color: #fff;} .foot_link .wrap{position: relative;overflow: hidden;line-height: 24px;} .foot_link span{display: block;font-weight:bold;color: #fff;position: absolute;top:0;left: 0;} .foot_link ul{padding-left:74px } .foot_link ul li{float: left;padding-right: 22px;margin-right: 22px; background: url(../images/line02.png) no-repeat right center;} .foot_link ul li.first{padding-left: 0;} .foot_link ul li.last{background: none} .foot_top{overflow: hidden;} .foot_le{float: left;} .foot_le ul{overflow:hidden;} .foot_le li{float: left;margin-right: 70px;} .foot_le li dt{margin-bottom: 30px;} .foot_le li dd p{line-height: 28px;} .foot_le li dd a{color: #9c9c9c;} .foot_re{float: right;color: #fff;width: 320px;} .foot_re a:hover{color: #fff !important;} .foot_re .foot_phone{line-height: 1.5em;margin-bottom: 20px;} .foot_re .foot_phone a{cursor: default;} .foot_ewm{overflow: hidden;} .foot_ewm dl{float: left;width: 120px;margin-left:30px;text-align: center;} .foot_ewm dt{margin-bottom: 10px;} .foot_ewm dt img{width: 100%;height: 120px;} .foot_ewm dd{font-size:13px;} .foot_phone dl{overflow: hidden;} .foot_phone dt{float:left;width: 60px;} .foot_phone dt img{width: 100%;} .foot_phone dd{float: left;margin-left: 20px;width: 238px;} .index_01{width: 1508px;max-width: 98%; height: 116px;background:url(../images/t_bg01.png) no-repeat 0 0;margin:auto;margin-top: -146px;z-index: 9;position: relative;} .index_bg01{position: absolute;top:0;right: 0; width: 100%;height: 100%;} .index_bg01 .index_bgint{margin-left: 35px;height: 100%; background:url(../images/index_bg01.png) repeat;} .index_01 .wrap{position: relative;z-index: 2;} .index_01 ul{overflow: hidden;padding-top:28px;margin: 0 -15px;} .index_01 li{width: 16.66%;float: left;*margin-left: -1px;} .flow_box,.flow_box a{color: #fff;} .index_01 dl{overflow: hidden;background: url(../images/line01.png) no-repeat right center;padding: 0 15px;position: relative;} .index_01 dt{float: left;width: 50px;position: absolute;top:0;left: 15px;z-index: 2;} .index_01 dt a{display: block;} .index_01 dt img{width: 100%;} .index_01 dd{} .index_01 dd .flow_box{margin-left: 55px;} .index_01 dd h3,.index_01 dd p{/*white-space:nowrap; overflow:hidden; text-overflow:ellipsis;*/} .index_01 dd p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .index_01 li.last dl{background:none;} .index_02{overflow: hidden;margin: 50px 0 64px 0;margin-bottom: 0;} .index_02 .left{width: 66%;float: left; padding-top: 10px;} .index_02 .right{width: 28.5%;float: right;} .index_tab{margin-bottom: 35px;position: relative;} .index_tab ul{overflow: hidden;} .index_tab li{float: left;} .index_tab li a{display: block;margin: 0 18px;color: #656565;} .index_tab li.first a{margin-left: 0;} .index_tab li.first{background: url(../images/red.jpg) no-repeat right center;} .index_tab li span{display: inline-block;width: 28px;margin-right: 10px;} .index_tab li span img{width: 100%;vertical-align:middle; margin-top: -3px;} .ic_02{display: none;} .index_tab li.on .ic_01{display: none;} .index_tab li.on .ic_02{display: inline-block;} .index_tab li.on a{color: #d80d19;} .index_tab .index_more02{font-size: 14px;position: absolute;top:25%;right: 0;display: none;line-height: 24px} .index_tab .index_more02 a{margin: 0;} .index_tab .index_more02 img{vertical-align: middle;margin-left: 10px;} .index_tab li.on .index_more02{display: block;} .index_news_t dl{overflow: hidden;} .index_news_t dt{width: 48%;float: left;position: relative;} .index_news_t dt img{height: auto !important;} .index_news_t dt a{height: 0;padding-bottom: 69%;overflow:hidden;} .index_news_t dt em{display: block;position: absolute;right: 0;bottom: 0;width: 36px;height: 36px;background: url(../images/sj.png) no-repeat;} .index_news_t dd{width: 48%;float: right;} .index_news_t dd h3{line-height: 1.2em;max-height: 2.4em;overflow: hidden;margin-bottom: 10px;} .index_news_t dd h3 a{color:#303030;} .index_news_t dd p{line-height: 1.6em;max-height: 4.8em;overflow: hidden;} .index_news_t dd span{color: #7e7e7e;display: block;margin-bottom:15px;} .index_more{margin-top: 30px;} .index_more a{display: inline-block;color: #d70d19;} .index_more img{margin-left: 6px;vertical-align: middle; margin-top: -2px;} .index_news_in{display: none;} /*.index_news_in01{display: block;}*/ .index_news_in.on{display: block;} .index_list li{} .index_list .news_block{padding: 18px 0;border-bottom: 1px dashed #bab2a1;} .index_list span{display: block;} .index_news_b{overflow: hidden;padding-top: 12px;} .index_news_b .index_list ul{margin: 0 -15px;} .index_news_b li{width: 50%;*margin-left: -1px;float: left;} .index_news_b li .news_block{margin: 0 15px;} .index_news_b li .news_block h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .index_title img{vertical-align: middle;margin-top: -3px;margin-right: 8px;} .index_more3{margin-top: 30px;} .index_more3 a{color: #d70d19;border-bottom: 1px solid #d70d19; padding-bottom: 4px;} .right_in{ border: 1px solid #e4e4e4;padding:10px 30px 30px 30px;} .right_in .index_title{margin-bottom: 15px; color: #d80d19;} .right_in .index_list li{margin-bottom: 4px;} .right_in .index_list li h3{line-height: 1.7em;max-height: 3.4em;overflow: hidden;} .right_in .index_list .news_block{padding: 10px 0;} .right_in .index_list span{font-weight: normal; color: #7e7e7e;} .index_news_in02 ul{overflow: hidden;margin: 0 -16px;} .index_news_in02 li{float: left;width: 50%;*margin-left: -1px;} .index_news_in02 dt{margin-bottom: 30px;} .index_news_in02 dt,.index_news_in02 dd{float: none;width: 100%;} .index_news_in02 .index_news_t dd h3{height: 2.4em;} .index_news_in02 dl{padding: 0 16px;} .index_news_in02 .index_news_t dd p{height: 4.8em;} .index_03{padding: 40px 0 100px 0;background: none !important} .index_03 .index_title{margin-bottom: 20px;} .index_03 .index_title a{} .ic01{margin-bottom: 35px;display: none;} .index_tab02{margin-bottom: 60px;font-size: 16px;} .index_tab02 .wrap{border-bottom: 1px solid #d9d9d9;} .sliderwrap_out.cur{padding: 0 30px;position: relative;} .sliderwrap_out.cur .but{display: block;} .sliderwrap .but{display: none;} .sliderwrap .but div{width: 20px;height:30px;position: absolute;top:0;cursor: pointer;} .sliderwrap div.swiper-button-prev{background: url(../images/pre_01.png) no-repeat center center;background-size: 14px;left: 0;} .sliderwrap div.swiper-button-next{background: url(../images/next_01.png) no-repeat center center;background-size: 14px;right: 0;} .sliderwrap div.dis{opacity: 0.5} .index_tab02 ul{height: auto !important;} .index_tab02 li{height: 30px;line-height: 30px;margin-bottom: 10px;} .index_tab02 a{display: block;position: relative;margin-right:15px;} .index_tab02 em{position: absolute;left: 0;bottom: 0;width: 100%;height: 3px;background: #d80d19;display: none;display: none;} .index_tab02 li.on em{display: none;} .index_tab02 li.on a{color:#fff;background: #d80d19;} .index_tab02 li.on a:hover{color: #fff !important;} .index_tab02 li a{padding: 0 10px;} .down_list{padding: 0 20px;} .down_list ul{display: table;width: 100%;} .down_list li{float: left;width: 50%;*margin-left: -1px;margin-bottom: 10px;position: relative;} .down_list dl{background: #fff;height: 30px;line-height: 30px;padding: 35px 40px;margin: 0 20px;position: relative;z-index: 2;} .down_list dl dt img{width: 30px;margin-right: 20px;} .down_list dl dt{float: left;width: 75%;} .down_list dl dt a{display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .down_list dl dd{float: right;color: #9f9f9f;} .down_list dl dd a{display: inline-block;margin-left: 25px;} .down_list dl dd img{vertical-align: middle;margin-top: -3px;} /*.headlines,.headlines a{color: #fff;}*/ .headlines{overflow: hidden;} .headlines .left{float: left;width: 47.5%;} .headlines .left .index_more{display: none;} .headlines .left dl{overflow: hidden;height: 197px;} .headlines .left dt a{display: block;} .headlines .left dt{width: 33%;float: left;} .headlines .left dt img{width: 100%;height:auto !important;} .headlines .left dt a{display: block;height: 0;padding-bottom: 56%;overflow: hidden;} .headlines .left dd{float: right;width: 63%;} .headlines .left dd h3{line-height: 1.2em;max-height: 2.4em;overflow: hidden;margin-bottom: 10px;} .headlines .left dd span{display: block;margin-bottom: 20px;} .headlines .left dd p{line-height: 1.5em;max-height: 3em;overflow: hidden;} .headlines .right{float: right;width: 47.5%;} .headlines_list li{height: 24px;line-height: 24px;border-bottom: 1px dashed #d1ccc0;padding:14px 0;} .headlines_list li p,.headlines_list li h3{float:left;width: 80%;} .headlines_list li p a,.headlines_list li h3 a{display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .headlines_list li span{float: right;font-size: 12px;} .headlines .right .headlines_list li:first-child,.headlines .right .headlines_list li.first{padding-top: 0;} .headlines .left .headlines_list li{border-top: 1px dashed #d1ccc0;} .site_nav{background:#f0f0f0;position:fixed;right: 0;bottom: 20%;z-index: 999;width: 180px;} .site_img02{display: none;} .site_nav li{overflow: hidden;} .site_nav em,.site_nav li p,.site_nav span{float: left;} .site_nav em,.site_nav span{width: 12px;} .site_nav span{margin-left: 10px;} .site_nav em{margin-right: 5px;} .site_nav em img,.site_nav span img{margin-top: 5px;} .site_nav_t{padding: 15px 12px;} .site_nav_t h3{font-weight: bold;color: #da2128;margin-bottom: 14px;} .site_nav li p{width: 60px;} .site_nav li a{color: #da2128;} .site_img01{display: none;} .site_img02{display: block;} .site_bg img{width: 100%;} .site_nav_b{background:#da2128;padding:15px 12px;padding-top: 0;color: #fff;margin-top: -1px;} .site_nav_b a.tel_link:hover,.site_nav_b a.tel_link{color: #fff !important;} .site_nav_b p{font-family: "Arial";margin-bottom: 5px;} .site_nav_b p a,.site_nav_b p a:hover{color: #fff !important;} .site_nav_b p,.site_nav_b h3{font-weight: bold;} .site_nav_b h4{line-height: 20px;} .site_nav_b h4 img{margin-left: 8px;} @media only screen and (max-width:1440px) { .index_01 ul{margin: 0;} .index_01 dd h3{font-size: 18px;} .index_01 ul{padding-top: 15px;} .index_01{height: 80px;} .index_01{margin-top: -100px;} .inbanner .swiper-pagination{bottom: 115px;} .index_01 dd .flow_box{margin-left: 58px;} } @media only screen and (max-width:1366px) { .foot_top{padding: 40px 0;} .foot_le li dt{margin-bottom: 10px;} .index_03{padding: 60px 0;padding-top: 30px;} .down_list{padding:0;} .down_list dl dt{width: 63%;} } @media only screen and (max-width:1350px) { .nav{margin-left: 20px;} /*导航新增间距调整*/ /*.header_company{padding-left:40px;}*/ /*导航新增间距调整*/ .index_01 dt{width: 40px;} .index_01 dd .flow_box{margin-left:50px;} .foot_link ul li{padding-right:15px;margin-right: 15px;} } @media only screen and (max-width:1279px) { } /*导航新增间距调整*/ @media only screen and (max-width:1270px) { .nav>ul>li, .header_company{font-size: 14px;} } /*导航新增间距调整*/ @media only screen and (max-width:1260px) { .header_search{padding:0 12px;} /*导航新增间距调整*/ /*.nav>ul>li{font-size: 16px;}*/ /*导航新增间距调整*/ .nav{margin-left: 20px;} .header_company{padding-left: 10px;} .nav>ul>li>a{padding:0 8px;} .nav>ul>li>a>em{left: 8px;} .foot_le li{margin-right: 50px;} .navlist01 dt, .navlist03 dt{font-size: 16px;} } @media only screen and (max-width:1200px) { .header h1,.header .wrap>i{width: 150px;} .nav>ul>li,.navlist dt{font-size: 14px;} .foot_le li{margin-right: 30px;} .foot_re{width: 290px;} .foot_phone dt{width: 50px;} .foot_phone dd{margin-left: 10px; width: 225px;} .foot_ewm dl{margin-left: 15px;} } @media only screen and (max-width:1160px) { .nav{margin-left: 10px;} .header_search{padding: 0 12px;} .nav>ul>li>a{padding: 0 4px;} .nav>ul>li>a>em{left: 2px;} } /*导航新增间距调整*/ @media only screen and (max-width:1080px) { .nav>ul>li>a{padding: 0 2px;} .header h1,.header .wrap>i{width: 120px;padding-top: 28px;} } /*导航新增间距调整*/ @media only screen and (max-width:1024px) { .header h1,.header .wrap>i{padding-top: 12px;} .headlines .right,.headlines .left{width: 100%;float: none;} .headlines .right,.headlines .left{} .headlines .left dl{height: auto;margin-bottom: 20px;} .headlines .right .headlines_list li:first-child,.headlines .right .headlines_list li.first{padding-top:14px} .headlines_list li p,.headlines_list li h3{width: calc(100% - 90px)} .headlines .right .headlines_list li:last-child{border-bottom: 0;} .headlines .left .headlines_list li{border-top: 0;padding-top: 0;} } @media only screen and (max-width:767px) { .headlines .left dt{margin-bottom: 20px;} .headlines .left dt,.headlines .left dd{width: 100%;float: none;} .headlines .left dd span{margin-bottom: 10px;} .right_in .index_list li h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .foot_link{display: none;} .headlines .right .headlines_list ul{max-height: 158px;overflow: hidden;} .foot_bottom{padding: 0 10px;padding-top: 20px;} .index_03 .index_title{margin-bottom: 20px;} } .nav_phone_btn,.return_btn{display: none;} @media only screen and (max-width:1024px) { .nav>ul>li>a>em{display: none;} .h_login .h_p02 span{color: #fff; background: url(../images/ph_info_icon_01.png) no-repeat 0 center;} .h_login .h_p02 a{color: #fff;opacity: 0.8;} .return_btn{display: block;} .header_right{ transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s; position:fixed;top:0;right:-220px;width:220px;height: 100%;background:#d21319; } .navbody .header_right{right: 0;} .nav{padding-top:56px;} .nav>ul>li>a{color: #fff;} .nav>ul>li{float: none;} .nav>ul>li>a, .header_company>a, .header_search, .h_login, .language{height: 30px;line-height: 30px;} .nav{float: none;margin-left: 0;} .header_company>a,.language a, .h_login a{color: #fff;} .nav>ul>li>a,.header_company>a{padding: 0 20px;} .header_company{float: none;padding: 0; clear: both;} .header_re{position: absolute;top:12px;left:20px;} .h_login a{padding: 0 12px;} .h_login a:first-child{padding-left: 0;} .header_search{padding: 0;} .header_search .search{display: none;} .header_search{position: absolute;right: auto;left:0px;top:38px;} .search_wrap{position: static; transform:scale(1,1); -webkit-transform:scale(1,1);-moz-:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1); -webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px); visibility: visible; opacity:1;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;border: 0; display: none; } /*手机导航按钮开始*/ .nav_phone_btn{float:right;margin-top:8px;display: block;cursor: pointer; height: 32px; margin-left: 20px;position: relative;z-index: 9;} .body_nav_phone .nav_phone_btn{text-align: left; background: #fff;} .nav_phone_btn span {position: relative;font-size: 0;width:26px;height: 2px;background-color: #d4161d;display: inline-block;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out; top:0px;} .nav_phone_btn span:before,.nav_phone_btn span:after {content: "";position: absolute;width: 100%;height: 2px;background-color: #d4161d;left:0px;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;} .nav_phone_btn span:before{top:-9px;} .nav_phone_btn span:after{top:9px;} .visible_nav.nav_phone_btn span{background-color: transparent;} .visible_nav.nav_phone_btn span:before{left:5px;top:0px;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);} .visible_nav.nav_phone_btn span:after{top:0px;left: 5px;transform: rotateZ(-45deg);-webkit-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);} .nav_phone_btn.visible_nav{width: 34px;} .nav_phone_btn.visible_nav span{width: 18px;} .nav_phone_btn.visible_nav span:before, .nav_phone_btn.visible_nav span:after{background: #fff;} /*手机按钮结束*/ .header_in{padding-top: 0;} .header,.Header_Height{height: 56px;} .inbanner .swiper-active-switch{background: url(../images/banner_cicle01_on.png) no-repeat 0 center;} .inbanner .swiper-pagination-switch{width: 11px; background: url(../images/banner_cicle01.png) no-repeat 0 center;margin: 0 5px !important;} .inbanner .swiper-pagination-switch.swiper-active-switch{background: url(../images/banner_cicle01_on.png) no-repeat 0 center;} .index_tab{margin-bottom: 20px;} .index_title img,.index_tab li span,.ic01 img{width:24px;} .banner_out{height: auto !important;padding-bottom: 0} .index_banner{height: 0 !important;padding-bottom: 35%;} .index_01{margin-top:-1px;height: auto;background: #d21319;width: 100%;max-width: 100%;} .index_01 .wrap{width: 100%; box-sizing: border-box;padding: 0 3%;} .index_01 li{width: 33.33%;margin-bottom: 20px;} .index_01 ul{padding-top: 20px;} .index_bg01{display: none;} .index_01 li:nth-child(3n) dl{background: none} .inbanner .swiper-pagination{bottom: 10px;} .index_02{margin:30px 0;} .index_02 .left{padding-top: 0;} .index_02 .left,.index_02 .right{float: none;width: 100%;} .right_in{border: 0;padding: 0;} .index_02 .right{margin-top: 20px;} .down_list dl{margin: 0 5px;} .down_list dl{padding: 30px;height: 20px;line-height: 20px;} .down_list dl dt img{width: 20px;margin-right: 10px;} .down_list dl dd a{margin-left: 10px;} .down_list dl dt{width: calc(100% - 120px)} .ic01{margin-bottom: 20px;} .index_tab02{margin-bottom: 40px;} .index_news_t dt,.index_news_t dd{width: 49%;} .index_news_in02 .index_news_t dt,.index_news_in02 .index_news_t dd{width: 100%;} .foot_le,.foot_re{float: none;width: 100%;} .foot_le{margin-bottom: 20px;} .foot_le li{float: none;margin: 0;line-height: 24px;padding: 10px 0;border-bottom: 1px dashed #3c3b3b;} .foot_le li dl{overflow: hidden;} .foot_le li dt{float: left;margin-right: 10px;font-size: 14px;margin-bottom: 0;} .foot_le li dd{float: left;overflow: hidden;width: calc(100% - 80px)} .foot_le li dd p{float: left;margin-right: 20px;} .foot_phone{overflow: hidden;float: left;} .foot_phone dt{width: 50px;} .foot_ewm{margin-left: 0;float: right;} .foot_ewm dl{margin-left: 15px;} .foot_top{padding: 20px 0;} .index_tab02 a{margin-right: 10px;} .down_list ul{display: block;overflow: hidden;} .index_more3,.index_more{margin-top: 20px;} /* shouji */ .navlist .wrap{width: 100%;} .nav>ul>li{padding: 0 20px;} .nav>ul>li>span,.header_company>span,.navlist dt>span{display:block;float:right;height: 30px;width: 20px;/*background: url(../images/perdon_more.png) no-repeat center center;*/cursor: pointer;} /*2020-02-24*/ .nav>ul>li>span,.header_company>span,.navlist dt>span{position: relative;} .nav>ul>li>span:before,.header_company>span:before,.navlist dt>span:before{content: "";position: absolute;right:8px;top:12px;border: solid #fff;border-width: 0 2px 2px 0;display: inline-block;padding:4px; transform: rotate(45deg);-webkit-transform: rotate(-42deg);-moz-transform: rotate(-42deg);-o-transform: rotate(-42deg); -ms-transform: rotate(-42deg); } /*2020-02-24*/ .nav>ul>li>a,.navlist dt a,.header_company>a {float: left;width: calc(100% - 30px);padding: 0;} .navlist{ transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s; position:absolute;top:0; left: auto; right:-220px;width: 100%;height: 100%;background:#d21319;display:block;z-index: 9; padding-top: 50px;box-sizing: border-box; } .navlist dt a,.navlist dd a{color: #fff;} .navlist ul{padding: 0;} .navlist dt{padding: 0;margin: 0; overflow: hidden;line-height: 30px;} .navlist dl{padding: 0 20px;} .navlist02 dt i{display:none} .navlist03 .ulleft,.navlist03 .ulright{width: 100%;float: none; margin-top: 10px;} .navlist li,.navlist03 .ulleft li{float:none;width: 100%;float:none;} .navlist01 dt, .navlist03 dt{font-size: 14px;line-height: 30px;} .navlist ul, .navlist03 .nav_ul{padding: 0;margin: 0; clear: both;} .navlist02 dt,.navlist03 dt,.navlist dd p{line-height: 30px;border: 0;} .navlist dd p{padding: 0 20px;} .navlist dd p a{color: #fff;} .navlist03 .ulright dd p{float:none;width: 100%;} .navlist03 .ulright dt{margin-bottom: 0;} .navlist02 dt{font-size: 14px;} .navlist dt a,.navlist dd a{display:block} .header_company{padding:0 20px;} .header_company>a{padding: 0;font-weight: normal;color: #fff;} .header_company>a img{display: none;} .navlist dd{ transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s; position:absolute;top:0; left: auto; right:-220px;width: 100%;height: 100%;background:#d21319;display:block;z-index: 92; padding-top: 50px;box-sizing: border-box; } .nav>ul>li.cur .navlist{right: 0;} .navlist dl.cur dd{right: 0;} .header_company.cur .navlist{right: 0;} .navlist_p{clear: both; margin-top: 10px;} .return_btn{background:#b90308;padding: 0 10px;text-align: center;color: #fff;text-align: right;margin-top:-35px;line-height: 30px; float: left; margin-left: 20px;} .return_btn a{color: #fff; /*background: url(../images/perdon_more.png) no-repeat center right;*/padding-right: 14px;display: block;font-size: 12px; background-size: 8px;} /* shouji */ /*2020-02-24*/ .return_btn a{position: relative;} .return_btn a:before{content: "";position: absolute;right:5px;top:12px;border: solid #fff;border-width: 0 1px 1px 0;display: inline-block;padding:3px; transform: rotate(45deg);-webkit-transform: rotate(-42deg);-moz-transform: rotate(-42deg);-o-transform: rotate(-42deg);-ms-transform: rotate(-42deg);} } @media only screen and (max-width:767px) { .index_03{padding: 20px 0;padding-top: 0;} .index_01 ul{margin: 0 -10px;} .index_01 dd h3{font-size: 16px;} .index_01 li{width: 50%;} .index_01 li:nth-child(2n) dl,.index_01 li.last dl{ background: none !important;} .index_01 li:nth-child(3n) dl{ background: url(../images/line01.png) no-repeat right center;} .index_01 li:nth-child(2n+1){clear: both;} .index_01 li:nth-child(2n+1) dl{margin-left: 15px;} .index_01 dl{padding: 0 10px; background: none !important;} .index_01 dt{width: 30px;} .index_01 dd .flow_box{margin-left: 38px;} .index_01 dd h3, .index_01 dd p{ white-space: inherit; text-overflow: inherit;} .index_01 dd p{display: none;} .index_news_t dt{margin-bottom: 20px;} .index_news_t dt, .index_news_t dd{float: none;width: 100%;} .index_news_t dt,.headlines .left dt{width: 75%;margin: auto;margin-bottom: 15px;} .index_news_b li .news_block{margin:0;padding: 12px 0;} .index_news_b li,.down_list li{width: 100%;float: none;} .index_news_b .index_list ul{margin: 0;} .down_list dl{padding: 20px;} .index_tab02{margin-bottom: 20px;} .foot_ewm,.foot_phone{float: none;width: 100%;} .foot_link ul li{background: none;margin-right: 20px;padding-right: 0;} .index_more3,.index_more{margin-top: 20px;} .index_tab li a{margin: 0 10px;} .index_tab,.index_title h1{font-size: 18px;} .index_news_t dd span{margin-bottom: 10px;} .index_news_t dt em{display: none;} .index_tab .index_more02{top:0;} .index_tab .index_more02 img{margin-left: 5px;} .foot_phone dd{width: calc(100% - 60px);margin-left: 0;float: right;} .foot_link ul{padding-left: 0;} .foot_link span{position: static;margin-bottom: 5px;} .foot_link ul li{margin-right: 15px;} .foot_le li dt{float: none;margin: 0;margin-bottom: 5px;} .foot_le li dd{float: none;width: 100%;} .index_news_in02 dl{padding: 0;} .index_news_in02 ul{margin: 0;} .index_news_in02 li{float: none;width: 100%;margin-bottom: 20px;} .index_news_in02 .index_news_t dd h3,.index_news_in02 .index_news_t dd p{height: inherit;} .index_banner{height: auto !important;padding-bottom: 0;} .banner_out{height: auto !important;} .inbanner li{height:160px !important;} .index_banner li img{display: none;} .foot_le{display: none;} .foot_ewm{width: 280px;margin: auto;} .foot_ewm dl{margin: 0px 10px;} .right_in .index_list li,.index_news_b li{height: 44px;margin-bottom: 0;} .index_news_b .index_list ul,.right_in .index_list ul{max-height: 190px;overflow: hidden;} } @media only screen and (min-width:1024px) { a,.down_list li{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} a:hover{color: #d80d18 !important;} .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);} .index_01 a:hover{color: #fff !important;opacity:0.8;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;} .index_tab li:hover a{color: #656565 !important;} .index_tab li.on:hover a{color: #d80d19 !important;} .index_tab li a{transition:all 0s;-webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;-ms-transition:all 0s;} .hover_bg{ transition:all 0.4s;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s; position: absolute;top:0;left:0;width: 100%;height: 100%;background: #fff;transform:scale(0.8,0.8); -webkit-transform:scale(0.8,0.8);-moz-:scale(0.8,0.8);-o-transform:scale(0.8,0.8);-ms-transform:scale(0.8,0.8);visibility: hidden; } .down_list li:hover{z-index: 2;} .down_list li:hover .hover_bg{transform:scale(1,1.1); -webkit-transform:scale(1,1.1);-moz-:scale(1,1.1);-o-transform:scale(1,1.1);-ms-transform:scale(1,1.1);visibility: visible;} .site_nav li a:hover:hover{color: #888686 !important;} .site_nav li a:hover .site_img01{display: block;} .site_nav li a:hover .site_img02{display: none;} } /*page*/ .pageout{text-align: center; clear: both; padding-bottom: 2px;} .page{display:inline-block;*display:inline;*zoom:1;font-family: "Arial"; font-size: 12px;} .page {vertical-align:middle;text-align:center;margin: 0 auto;padding-top: 50px; color:#2d2d2d; height:34px; line-height:34px; } .page span{color:#2d2d2d; float: left;font-family: "微软雅黑" } .page span em{vertical-align:middle; } .page i{ float: left; margin: 0 20px;} .page a{float: left; width:34px; border: 1px solid #e5e2de; color: #666666; font-weight: bold; background: #ffffff; margin-left: -1px; } .page a.on{background:#da2d29;color:#fff;border: 1px solid #da2d29; } .page a.prev {background:url(../images/page_prev_on.png) center center no-repeat; text-indent:-10000px; margin-right: 5px;} .page a.next {background:url(../images/page_next_on.png) center center no-repeat; text-indent:-10000px;} .page a.prev.no{background:url(../images/page_prev01.png) center center no-repeat;} .page a.next.no{background:url(../images/page_next01.png) center center no-repeat;} .page a:first-child + a{} .page a.next{margin:0 6px;} .page a.go{margin-left:10px; width: 44px; background: #da2d29; color: #fff; height: 22px; line-height: 22px;margin-top: 5px;} .page a.go:hover{color: #fff !important;} .page a.on:hover{color: #fff !important;} .page span{float: left !important;} .page .txtnum input{ display: block; font-family: "Arial";color:#2d2d2d; width:28px;height:22px; line-height:22px; padding: 0 5px; text-align:center;background:none; } .txt_form{position: relative;margin: 0 6px;height: 22px; border: 1px solid #d8d8d8;display: inline-block;} .txt_form i{position: absolute;top:1px;right: 3px;width: 16px;height: 8px;margin: 0;float: none;cursor: pointer;z-index: 2;} .txt_form i.page_bottom{top:auto;bottom: 1px;} .txt_form i.page_top{background: url(../images/page_top_on.png) no-repeat center center;} .txt_form i.page_bottom{background: url(../images/page_bottom_on.png) no-repeat center center;} .txt_form i.page_top.no{background: url(../images/page_top.png) no-repeat center center;} .txt_form i.page_bottom.no{background: url(../images/page_bottom.png) no-repeat center center;} @media only screen and (max-width:767px) { body{cursor: pointer;} .page{padding-top: 20px;height: 30px;line-height: 30px;} .page a{width:26px;} .page a,.page i{display:none; font-weight: normal;} .page a.prev,.page a.next,.page a.go{display:block; display:inline-block;} .page i{margin:0 4px;} .txt_form i{display: none;} .txt_form{padding-right: 0;} .page a.on{display: inline-block;} .page .txtnum input{text-align: center;width: 20px;} #tq_float_container{display: none !important;} /*index*/ .index_news_b li .news_block,.right_in .index_list .news_block{overflow: hidden;} .index_news_b li .news_block h3,.right_in .index_list li h3{width: calc(100% - 90px);float: left;} .index_news_b li .news_block span,.right_in .index_list span{float: right;} } .sidebar .sidebar-open{display:block;position: absolute;width: 20px;height: 30px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;left: -20px;top: 25px;background:#da2128 url('../images/reform_pre_on.png') no-repeat center center;background-size: 50%;visibility: hidden;opacity: 0;transition: all 0.3s;cursor: pointer; margin: 0;} .sidebar .sidebar-close{float: right;width: 25px;height: 25px;background: url('../images/sech_close.png') no-repeat center center;text-align: center;color: #fff;margin-right: 10px;cursor: pointer;} .sidebar.off{right:-180px;} .sidebar.off .sidebar-open{visibility: visible;opacity: 1;} #tq_float_container{left:auto !important;right: 0 !important;} /*page*/ /* @font-face { font-family: NotoSansHans-Normal; src: url('../font/NotoSansHans-Normal.ttf') format('truetype'),url('../font/NotoSansHans-Normal.eot?#iefix') format('embedded-opentype'); } */ .indexbody .header{background: #fff} .indexbody .Header_Height{display: none;} .scrollHeader .header{background: #fff} @media only screen and (max-width:1024px) { .indexbody .Header_Height{display:block;} } .index_03 .research_list li{width: 50%;} @media only screen and (max-width:767px) { .index_03 .research_list li{width: 100%;float: none;} } .gabah{line-height:20px;padding-top:5px} .gabah img{margin-right:10px} .gabah i{margin-left:10px;margin-top:4px} .gabah i img{margin:0px;margin-top:2px} /*2020-03-13*/ .kpts ul{overflow:hidden;} .kpts li{float:left;width:49%;} .kpts li:nth-child(2n),.kpts li.cur{float:right;} @media only screen and (min-width:767px) { .kpts li:nth-child(1),.kpts li:nth-child(2){padding-top:0} } @media only screen and (max-width:767px) { .kpts li{float:none;width:100%;} .kpts li:nth-child(2n),.kpts li.cur{float:none;} } /*2022-04-21*/ @media only screen and (min-width:1025px) { #khfwId .navlist03_w01 .ulleft{width: 20%!important;} #khfwId .navlist03_w01 .ulright{width:80%!important;} #khfwId .navlist03_w01 .ulright li{width:20% !important;} #khfwId .navlist03 dl{padding: 0 20px;} } @media only screen and (max-width:767px) { .sliderwrap_out.cur{height: 40px;overflow: hidden;} }