.footer_t .c/* 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; font-family: "PingFang SC","Microsoft Yahei"; } 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-size: 2em; font-weight:bold } .edit_con_original h2 { font-size: 1.5em; font-weight:bold } .edit_con_original h3 { font-size: 1.17em; font-weight:bold } .edit_con_original h4 { font-size: 1em; font-weight:bold } .edit_con_original h5 { font-size: 0.83em; font-weight:bold } .edit_con_original h6 { font-size: 0.67em; 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); } /* 阿里图标 */ [class*='icon']{ font-family: 'iconfont'; } /*图片经过*/ .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;} .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;} .bg-cover{ background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important;} body,a{color: #3e3e3e;} .wrap{width: 1440px;max-width: 90%;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; } .line32{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%;} .line30,.line32{line-height: 24px;} } /*font-size*/ .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_30 { font-size:30px;} .fnt_36 { font-size:36px;} .fnt_48 { font-size:48px;} .fnt_60 { font-size:60px;} .fnt_68 { font-size:68px;} .fnt_70 { font-size:70px;} .fnt_72 { font-size:72px;} .fnt_90 { font-size:90px;} @media only screen and (max-width:1660px) { .fnt_72 { font-size:50px;} .fnt_48 { font-size:40px;} .fnt_60 { font-size:44px;} .fnt_68 { font-size:50px;} .fnt_90 { font-size:72px;} } @media only screen and (max-width:1440px) { .fnt_20 { font-size:18px;} .fnt_22 { font-size:20px;} .fnt_24 { font-size:20px;} .fnt_26 { font-size:22px;} .fnt_30 { font-size:24px;} .fnt_36 { font-size:28px;} .fnt_48 { font-size:36px;} .fnt_60,.fnt_68 { font-size:40px;} .fnt_70 { font-size:42px;} .fnt_72 { font-size:44px;} .fnt_90 { font-size:56px;} } @media only screen and (max-width:1024px) { .fnt_16 { font-size: 14px;} .fnt_18 { font-size:16px;} .fnt_20 { font-size:18px;} .fnt_22 { font-size:18px;} .fnt_24 { font-size:18px;} .fnt_26 { font-size:18px;} .fnt_30 { font-size:20px;} .fnt_36 { font-size:20px;} .fnt_48 { font-size:24px;} .fnt_60,.fnt_68 { font-size:26px;} .fnt_70 { font-size:28px;} .fnt_72 { font-size:30px;} .fnt_90 { font-size:48px;} } @media only screen and (max-width:767px) { .fnt_16 { font-size: 14px;} .fnt_18 { font-size:14px;} .fnt_20 { font-size:16px;} .fnt_22 { font-size:16px;} .fnt_24 { font-size:16px;} .fnt_30 { font-size:18px;} .fnt_36 { font-size:18px;} .fnt_48 { font-size:20px;} .fnt_60,.fnt_68 { font-size:20px;} .fnt_70 { font-size:20px;} .fnt_72 { font-size:20px;} .fnt_90 { font-size:36px;} } .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; } /*header_t*/ .header_t{background: #30416d;height: 30px;line-height: 30px;text-align: right;} .header_t ul{display: inline-block;} .header_t ul li{float: left; position: relative;} .header_t ul li a{color: #fff;padding: 0 25px;position: relative;font-weight: bold;} .header_t ul li a:after{content: "";right: 0;top: 50%;width: 1px;height: 10px;background: #fff;margin-top: -5px;position: absolute;} .header_t ul li:last-child a:after{display: none;} .header_t ul li .sub{ display: none; position: absolute; z-index: 10; lefT:-10%; top:30px; widtH:120%; padding: 10px 0; background: #fff;} .header_t ul li .sub dd{padding: 10px; line-height: 30px; text-align: center; border-top:1px solid #E0E0E0;} .header_t ul li .sub dd:first-child{border-top:none;} .header_t ul li .sub dd a{color: #000; padding: 0;} .header_t ul li .sub dd a:hover{color: #0c3482!important;} .language{float: right;color: #0c3482;line-height: 60px;margin-top: 18px;margin-left: 20px;} .language a{color: #0c3482;} .language a.on{font-weight: bold;} input,textarea,button{border:none;outline: none;background:none;} .search{margin-left: 30px; position: relative;width: 30px;text-align: right;z-index: 2;float: right;margin-top: 18px;line-height: 60px;height: 60px;} .search.cur span{opacity: 0.6;} .search span{cursor: pointer;font-size: 24px;color: #0c3482;} .search_box{border: 1px solid #ccc;position: absolute;right: 0;top:46px;margin-top:0; border-radius: 2px;background: #fff;width: 0px;padding-left: 20px; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s; visibility: hidden;opacity: 0;} .search_box input,.search_box button{height: 48px;line-height: 48px;} .search_box button{width: 50px;text-align: center;cursor: pointer;font-size: 20px;float: right;} .search_box input{width: calc(100% - 50px);float: left;} .search.cur .search_box{width: 370px;visibility: visible;opacity: 1;} .header_height{height: 108px;} .header_b{height: 78px;line-height: 78px;} .header{position: fixed;top:0;left: 0;width:100%;z-index: 9999;background:#fff;} .header h2{float: left;margin-top:18px;} .header h2 a{display: block;width:180px;height: 36.5px;} .header h2 img{width:100%;height: 100%;} .nav{float: right;margin-top: 18px;line-height: 60px;} .nav li{float: left;} .nav li a{display: block;padding: 0 10px;color: #0c3482;} .nav li a i{font-size: 20px;font-weight: bold;display: inline-block;vertical-align: middle;margin-top: -3px;opacity: 0;} .nav li.on>a{font-weight: bold;} /*.nav_list{display: none;position: absolute;width:100%;left:0;top:108px;color:#fff; background: rgba(0,0,0,0.8);} .nav_list dl{padding:20px 0; text-align: center;} .nav_list dd{ display: inline-block;margin: 0 30px; line-height: 40px;} .nav_list dd a{padding:0; color:#fff; padding-left: 12px; position: relative;} .nav_list dd a::before{content: ""; position: absolute; lefT:0; top:50%; margin-top: -2px; widtH:4px; height: 4px; background: #fff; border-radius: 100%;} .nav_list dd a:hover::before{background: #ca1b41;}*/ .menu_button,.nav span.icon-jiantouzuo, .return_a{display: none;} .scrollHeader .header_b{box-shadow: 0 0 10px rgba(0,0,0,0.2);} /*变更下拉*/ .nav_list{display: none;position: absolute;z-index:99;left: 0;top:108px;width: 100%;background:#fff;overflow: hidden;box-shadow: 0 0 20px rgb(0 0 0 / 20%);} .nav_list .left,.nav_list .right{width: 50%;box-sizing:border-box;padding: 50px 0;} .nav_list .left{float: left;padding-right: 120px;} .nav_list .right{float: right;padding-left:120px;} .nav_bg{width: 50%;height: 100%;position: absolute;top:0;left: 0;box-shadow: 0 0 10px rgb(0 0 0 / 30%);} .nav_list .right dl{widtH:466px;} .nav_list .right dt{width:100%;/*height:262px;*/ height: 160px; margin-bottom:20px;} .nav_list .right dt img{width: 100%;height: 100%;} .nav_list .right dd{width:100%;max-height: 144px;-webkit-line-clamp: 6;} .nav_list .wrap{position: relative;z-index:2;} .nav_title{overflow: hidden;line-height: 40px;margin-bottom: 20px;} .nav_title h3{float: left;width:60%;} .nav_title .pubjia{float: right;margin-top: 8px; text-align: center;} .nav_title .pubjia a{display:block;padding: 0; width:40px;height: 32px;line-height: 32px;text-align: center;color:#fff;background:#30416d;border-radius: 30px 20px 30px 20px;} .nav_title .pubjia a:hover{color: #fff!important;} .nav_title .pubjia a i{opacity: 1; font-size: 16px; font-weight: normal; display: block; margin-top: 0;} .nav_text{ display: none; max-height: 48px;-webkit-line-clamp: 2;} .nav_p{padding-top: 20px;margin-top: 20px;border-top:1px solid #9b9b9b;} .nav_p p{line-height: 30px;text-align: center;margin-bottom:10px;} .nav_p p a{color: #202f45;display: block;width: 260px;border-radius: 20px;} .nav_arrow,.nav_return{display: none;} /*.pubjia{display: inline-block;width: 34px;height: 24px; line-height: 22px; font-weight: bold; background: #003b83;color: #fff;text-align: center;border-radius: 20px;position: relative;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;} .pubjia a{padding: 0!important; color:#fff!important;}*/ .gray{color:#84888d;} @media only screen and (max-width:1440px) { .nav_p{margin-top: 20px;padding-top: 30px;} .nav_list .left, .nav_list .right{padding: 40px 0;} .nav_list .left{padding-right: 90px;} .nav_list .right{padding-left: 90px;} } @media only screen and (max-width:1366px) { .nav li a{padding: 0 6px;} .header h2{margin-top: 23px;} .header h2 a{width: 160px;height: 32px;} } @media only screen and (max-width:1279px) { .nav_list .right dl{ widtH:360px;} .nav_list .right dt{ height: 124px;} } .header_b ul>li.phone_show{ display: none;} @media only screen and (max-width:1024px) { .nav li.on>a{font-weight: normal;} .header_height{display: block;height: 50px;} .nav{position:fixed;top:0;right: 0;width:100%;line-height: 50px; } .menu_button{float: right;margin-top: 16px;cursor: pointer;margin-left: 30px;display: block; z-index: 99; position: relative; width: 24px; height: 24px;} .menu_button.visible_nav{margin-top: 12px;} .menu_button i{display: block;width: 24px;height: 2px;background: #bb1338;margin-bottom: 6px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .navbody .menu_button i{background: #bb1338;} .navbody .menu_button i:first-child{left: 0;top: 12px;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);position: absolute;} .navbody .menu_button i:last-child{top: 12px;left: 0;transform: rotateZ(-45deg);-webkit-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);position: absolute;} .navbody .menu_button i:nth-child(2){display: none;} .header_t{ display: none;} .header_b{height: 50px;line-height: 50px;} .search{margin-top: 0;line-height: 50px;margin-left: 0;height: 50px;} .header h2{margin-top: 9px;} .header .nav{ transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s; margin: 0;position: fixed;top:50px;right: -100%;width: 100%;height: calc(100% - 50px);background: #30416d;} .header_b ul{padding-top: 0px;} .header_b ul>li{float: none;border-bottom: 1px solid #eee;height: 50px;} .header_b ul>li>a{display: block;padding: 0 20px;color: #fff;} .language{line-height: 50px;margin-top: 0;} .navbody .header .nav{right: 0;z-index: 92;} .header_b ul>li.phone_show{ display: block;} .nav span.icon-jiantouzuo, .return_a{display: block;} .header_b ul>li{position: static;clear: both;} .nav span{float: right;width: 50px;text-align: center; font-size:24px;color:#fff;cursor: pointer;} .header_b ul>li>a{width: calc(100% - 50px);float: left;box-sizing:border-box;} .nav_list{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_list{display: block;top:0;left: auto; margin: 0;width: 100%;height: 100%;background:#30416D;padding: 0; right: -100%;} .header_b ul>li.cur .nav_list{right: 0;} .return_a{border-top: 1px solid #fff;border-bottom: 1px solid #fff;} .return_a a{padding:0 20px!important; color:#fff!important;} .return_a i{ opacity: 1!important; float: left; margin-right: 5px; margin-top: 0!important; font-size:12px!important;} .nav_list dl{padding:0; text-align: left;} .nav_list dd{width:100%; display: block; margin: 0; line-height: 50px; border-bottom: 1px solid #fff; padding:0 20px; text-align: left;} .nav_bg,.nav_list .right,.nav_title,.nav_text{display: none;} .nav_list{box-shadow: none;} .nav_list .wrap{max-width: 100%;} .nav_list .left{padding: 0;width: 100%;float: none;} .nav_p{border-top:none; margin-top: 0; padding-top: 0;} .nav_p p{ line-height: 50px; margin-bottom: 0; text-align: left; padding:0 20px; border-bottom: 1px solid #fff;} .nav_p p a{color:#fff; font-size: 14px;} .nav_list dd a{color:#fff; padding:0;} } @media only screen and (max-width:767px) { .search{position: static;} .search.cur .search_box{width: 100%;box-sizing:border-box;padding-left: 10px; z-index: 100;} .search_box{top:50px;} .search_box input, .search_box button{height: 40px;line-height:40px;} .header h2{margin-top: 12px;} .header h2 a{width: 130px;height: 26px;} .menu_button{margin-left: 10px;} } .footer{background:#555b69;overflow: hidden;} .footer_t{padding: 70px 0 30px;box-sizing: border-box;overflow: hidden;} .footer_t .l{float: left;width: 10%;margin-right: 5%;} .footer_t .l img{width: 100%;} .footer_t .c{float: left;} .footer_t .c ul li{float: left;color: #fff;margin-right: 50px;} .footer_t .c ul li:last-child{margin-right: 0;} .footer_t .c ul li a{color: #fff;} .footer_t .c ul li dd{font-weight: bold;margin-bottom: 20px;} .footer_t .c ul li dt{color: #fff;font-weight: 300;} .footer_t .c ul li dt p{margin-bottom: 15px;} .footer_t .r{float: right;} .footer_t .r dl{width: 130px;float: left;text-align: center;margin-bottom: 20px;} .footer_t .r dl dd img{width: 83px;height: 83px;} .footer_t .r dl dt{color: #fff;margin-top: 10px;font-weight: 300;} .footer_t .r dl:nth-child(2n+1){clear:both;} .footer_b{color: #fff;padding: 20px 0;box-sizing: border-box;overflow: hidden;border-top: 1px solid #6a6f7b;} .footer_b a{color: #fff;} .footer_b .l{float: left;} .footer_b .l li{float: left;} .footer_b .l li a{padding: 0 20px;position: relative;} .footer_b .l li a:after{content: "";width: 2px;height: 10px;background: #fff;right: -1px;display: block;position: absolute;top: 50%;margin-top: -5px;} .footer_b .l li a:last-child:after{display: none;} .footer_b .r{float: right;} .footer_b .r span{margin-left: 40px;} @media only screen and (max-width:1660px) { /*.footer_t .c ul li{margin-right: 60px;}*/ } @media only screen and (max-width:1440px) { .footer_t .c ul li{margin-right: 30px;} } @media only screen and (max-width:1366px) { /*.footer_t .c ul li{margin-right: 40px;}*/ .footer_t .l{margin-right: 20px;} } @media only screen and (max-width:1279px) { .footer_t .c ul li{margin-right: 20px;} } @media only screen and (max-width:1100px) { .footer_t{padding: 40px 0;} .footer_t .c ul li{margin-right: 30px;} .footer_t .r{width: 100%;float: left;margin-top: 40px;} } @media only screen and (max-width:1024px) { .footer_t .l{margin-bottom: 30px;} .footer_t .c{width: 100%;} .footer_b .l,.footer_b .r{width: 100%;float: left;text-align: center;} .footer_b .l{margin-bottom: 10px;} .footer_b .l li{display: inline-block;float: none;} .footer_b .r span{margin-left: 0;margin: 0 10px;} } @media only screen and (max-width:767px) { .footer_t{padding: 30px 0 0px;} .footer_t .l{width: 40%;} .footer_t .c{ display: none;} .footer_t .c ul li{width: 100%;margin-right: 0;margin-bottom: 0px;} .footer_t .c ul li dd{margin-bottom: 8px;} .footer_t .c ul li dt p{display: inline-block;margin-right: 20px;} .footer_t .r{margin-top: 10px;text-align: center;} .footer_t .r dl{display: inline-block;float: none;} .footer_b .r span{display: block;margin: 0;margin-bottom: 5px;} .footer_b .l li a{padding: 0 5px;} } @media only screen and (min-width:1025px) { .tel_a{cursor: default;} .tel_a:hover{color:#242729 !important;} .nav li a:hover i{opacity: 1;} } /*内页banner*/ .site_banner_wrap{position:relative;} .site_banner{position: relative;overflow: hidden;background-size: cover;} .site_banner_text{width: 100%;color: #fff;z-index: 2;} .site_banner img{width: 100%;} .site_banner .banner_le{float: left;font-style: italic;} .blank_bg{position: absolute;left: 0;top:0;width: 100%;height: 100%; background: url(../upload/banner_bg.png) left top no-repeat; background-size: cover;} .blank_20{position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.2);} .blank_33{position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.33);} @media only screen and (max-width:767px) { .site_banner{height: 170px;} .site_banner img{display:none;} .blank_bg{ background: rgba(0, 0, 0, 0.3);} } /*内页banner end*/ .page {vertical-align:middle;text-align:center; margin:0 0 7%; color:#606060; height:40px; line-height:40px;} .page .inner{ display: inline-block; text-align: center;} .page a{ float: left; text-align:center; margin:0 3px; width:40px;height:40px; line-height:40px; border-radius: 5px; color: #4F535D; background: #ECECEC;} .page a.on,.page a.num:hover,.page a.go:hover{ background:#30416D;color:#fff!important;} .page a.prev,.page a.next{color:#707070!important; border:1px solid #D5D5D5; background: none;} .page a.prev{ transform:rotate(180deg);} .page a.prev i,.page a.next i{font-size:20px;} .page a.prev.disabled,.page a.next.disabled{cursor: default; opacity: 0.5;} .page a.prev{margin-right:15px;} .page a.next{margin-left:15px;} .page .txtnum{width:65px; margin:0 20px;} .page .txtnum input{width:65px;height:26px; line-height:26px; text-align:center; background:none;border: 2px solid #959595;} .page .go{ float: left;color:#fff;width: 36px; height: 40px; background:#B71236;} @media only screen and (max-width:767px) { .page{ height: 30px; line-height: 30px;} .page a{width:30px;height: 30px; line-height: 30px; margin:0 2px;} .page span,.page a.first,.page a.last,.page .num,.page .txtnum,.page .go{ display: none;} .page a.prev{margin-right: 10px;} .page a.next{margin-left:10px;} .page a.on{display:inline-block} } @media only screen and (min-width:1025px) { a{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:#ca1b41 !important} } /*20220712*/ .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background: #30416D!important;} .swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{pointer-events:inherit!important;} .ellipsis{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%;} .clamp{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; line-height: 1.5; max-height: 3em;height: 3em;overflow:hidden;} .clamp_3{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3; line-height: 1.5; max-height: 4.5em;height: 4.5em;overflow:hidden;} .clamp_4{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 4; line-height: 1.5; max-height: 6em;height: 6em;overflow:hidden;} .italic{font-style: italic;} .site{padding: 18px 0; color:#464646;} .site a{color:#464646;} .site a.nolink{cursor: default;} .site a.nolink:hover{color:#464646!important;} .site span{color:#30416D;} .banner-video em{color: #fff; z-index: 10; cursor: pointer;} .banner-video .img video{width:100%; height: 100%; object-fit: fill;} @media only screen and (max-width:767px) { .banner-video .img{ height: 280px!important;} .banner-video em{ font-size: 48px;} } /*404*/ .nofound h3,.nofound p{text-align: center;} .nofound h3{font-size: 28px;color: #6d6d6d;line-height: 36px;margin-bottom: 10px;} .nofound p{color: #b8b9b9;margin-bottom: 80px;font-style: italic;} .nofound{padding-top: 70px;} .nofound_img01{width: 1420px;max-width: 90%;margin: auto;} .nofound_img01 img,.nofound_img02 img{width: 100%;} .nofound_img02{width: 100%;} .nofound_btn{overflow: hidden;text-align: center;padding: 80px 0 90px 0;} .nofound_btn a{display: inline-block;width: 188px;height: 46px;line-height: 46px;text-align: center;color: #fff;background: #777777;border-radius: 30px;margin: 0 30px;} .nofound_btn a:last-child{background: #b8b9b9;} @media only screen and (max-width:1024px) { .nofound p{margin-bottom: 40px;} .nofound{padding-top: 80px;} .nofound_btn{padding: 50px 0;} .nofound_btn a{margin: 0 10px;width: 150px;} } @media only screen and (max-width:767px) { .nofound h3{font-size: 20px;line-height: 26px;} .nofound p{margin-bottom: 20px;} .nofound_btn a{margin: 0 5px;width: 120px;} } @media only screen and (min-width:1025px) { .nofound_btn a:hover{color: #fff !important;opacity: 0.8;} } .xhr_a{display: none;} .contact_body .xhr_a{display: inline-block;} .p_bay{position: fixed;bottom: 50px;right: 0;width: 350px;z-index: 999;animation: bounce 4s ease 1s infinite;} .bay_close{position: absolute;top:0;right: 10px;font-size: 20px;cursor: pointer;font-weight: bold;top:-30px;} @keyframes bounce { 70%, 80%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 75% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -6px, 0); transform: translate3d(0, -6px, 0); } 85% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } 95% { -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); } }