@charset "utf-8"; /*! normalize.css v2.1.3 | mit license | git.io/normalize */ /*html5*/ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } /*base*/ html { font: 12px/1.8 "arial"; color: #666; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/ } * { margin: 0; padding: 0; } a { text-decoration: none; background: transparent; /*修正win8系统ie连接灰色背景*/ outline:none; blr:expression(this.onfocus=this.blur()); } a:focus { outline: 0; } a:active, a:hover { outline: 0; } a{ color:#333;} a:hover{ color:#cf0901;} img { border: 0; -ms-interpolation-mode:bicubic } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } button, input, select, textarea { font-family: arial; font-size: 100%; margin: 0; outline:none; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input.submit { border: 0; margin: 0; cursor: pointer; } input.radio { width: 13px; height: 13px; float: left; display: inline; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 1; } ul, ol { list-style:none; } li { list-style:none; } /*清除浮动*/ .clear { clear: both; height:0px; line-height:0px; } .fl { float:left; } .fr { float:right; } dl, dd, dt { list-style:none; padding:0px; margin:0px; } html,body{ position: relative; } a{cursor:pointer;} .w960{ width: 960px; margin: 0 auto; position: relative; z-index: 1; } .ovh{ overflow: hidden; } .mt35{ margin-top: 35px!important; } .iconfont{ font-style: unset; font-size: unset;} .main_content{ width:96%; margin:0 auto; max-width: 1600px; } .main_content1380{ width:96%; margin:0 auto; max-width: 1380px; } /***********top***************/ .header{ float: left; position: fixed; width: 100%; border-bottom: 1px solid #a5aaad; transition: 0.5s; z-index: 9999;} .header_logo{ float: left; margin: 20px 0 0; margin-left: 35px;} .header_logo img{ height: 53px; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);} .header_fr{ float: right;} .header_nav{ float: left;} .header_nav li{ float: left; margin: 0px 28px;} .header_nav li a{ font-size: 16px; color: #fff; line-height: 90px;} .header_lang { float: left; color: #fff; font-size: 14px; margin: 35px 34px 0; position: relative;cursor: pointer;text-transform: uppercase;} .header_lang i{ margin-left: 5px;} .header_lang2{ position: absolute; width: 100%; background: rgb(255 255 255 /80%); text-align: center; display: none;} .header_lang2 li{ width: 100%; float: left;} .header_lang2 li a{ width: 100%; float: left; line-height: 30px; font-size: 14px;} .header_lang2 li a:hover{ color: #fff; background: #b4281b;} .header_search{ float: left; margin-top: 31px;} .header_search i{ color: #fff; font-size: 20px;cursor: pointer;} .header .searchinput { position: absolute; left: 0; right: 0; top: 100%; background: #fff; text-align: center; border-top: .9975px solid #eaeaea; padding: 30px 0; display: none; z-index: 11;} .header .searchinput { background: rgba(0,0,0,0.1); box-shadow: 0px 0px 5px .9975px rgba(0,0,0,0.1);} .header.header_fd .searchinput{ background: rgba(0,0,0,0.5); } .header .searchinput .close { position: absolute; top: 20px; right: 20px; display: inline-block; line-height: 39.9975px; width: 39.9975px; text-align: center; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; font-size: 20px;} .header .searchinput .close { opacity: 1; color: #fff;} .header .searchinput .inb { overflow: hidden; border-bottom: .9975px solid #fff; display: inline-block;} .header .searchinput input { float: left; line-height: 35px; background: none; padding: 0 9.9975px; height: 35px; color: #fff; border: 0; font-size: 16px;} .header .searchinput input[type="text"] { width: 399.9975px;} .header .searchinput input::-webkit-input-placeholder{ color:#fff;} .header .searchinput input { float: left; line-height: 35px; background: none; padding: 0 9.9975px; height: 35px;} .header .searchinput input[type="button"], .header .searchinput input[type="submit"] { font-size: 20px; color: #ffff;} [onclick] { cursor: pointer;} .header_fd{ background: rgba(0,0,0,0.5);border-bottom:0px} .header_n_h{ height: 90px; width: 100%; float: left;} .header_n{ background: #fff; border-bottom: 1px solid #cccccc;} .header_n .header_logo img{-webkit-filter: unset; filter:unset;} .header_n .header_nav li a,.header_n .header_lang,.header_n .header_search i{ color: #211c22;} .header_n.header_fd{ box-shadow: 0px 2px 5px #c1c1c1;} .header_nav li a:hover{ color: #b4281b;} .banner{ width: 100%; position: relative; overflow: hidden; float: left; } .banner li.swiper-slide{ width: 100%; float: left; position: relative; overflow: hidden;} .banner li .banner_img { width: 100%; height: 100%; float: left; position: relative;} .banner li .banner_img img,.banner li .banner_img video { width: 100%;} .banner li .banner_img_wap {display: none;} .banner li .banner_wz{ position: absolute; width: 100%; top: 58%; transform: translatey(-50%); left: 15%; opacity: 0; transition: 1.5s;} .banner li .banner_wz .main_content{ width: 75%;} .banner li.active .banner_wz{ left: 0%; opacity: 1;} .banner li .banner_ys1{ left: auto; text-align: right;} .banner li .banner_ys2{ left: auto; text-align: left;} .banner li .banner_wz1{ font-size: 60px; color: #fff; line-height: 60px; text-align: center; margin-top: 10%; transition: 1s; } .banner li .banner_wz2{ font-size:60px; color: #fff; line-height:60px; margin-top: 50px; text-align: center; transition: 1.5s; } .banner li .banner_more{ text-align: center; width: 100%; margin-top:100px; transition: 1.7s; } .banner li .banner_more span{ font-size: 18px; display: inline-block; padding:7px 18px; border-radius: 100px; color: #fff; border: 2px solid #a3a9a5;} .banner li .banner_more span i{ margin-left: 5px;} .banner li.active .banner_wz1{ margin-top: 0%; } .banner li.active .banner_wz2{ margin-top:5px; } .banner li .banner_more{ margin-top:48px; } .banner li .banner_more span:hover{ background: #b4281b; color: #fff; border: 2px solid #b4281b;} .banner .swiper-pagination{ width: 100%; left:auto; right: auto; bottom: 25px;} .banner .swiper-pagination-bullet{ width: 11px; height: 11px; border-radius: 10px; background: transparent; border: 2px solid #fff; opacity: 1; margin: 0 6px !important; cursor: pointer; transition: 0.5s;} .banner .swiper-pagination-bullet-active{ background: #ffffff; width: 11px;} .banner .swiper-button-next,.banner .swiper-button-prev{left: 30px; height: auto; background-image: none; font-size: 75px; width: auto; color: #ffffff50; top: 46%; background-image:none; display: none;} .banner .swiper-button-next{right: 30px; left: auto; outline: none;} .banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{ color: #b4281b;} .banner:hover .swiper-button-next,.banner:hover .swiper-button-prev{ display: inline-block;} .i_about{ float: left; width: 100%; padding: 50px 0 92px; background: #fff;} .i_sztj_list{ width: 100%; float: left; margin:46px 0;} .i_sztj_list li{ float: left; width: 25%; text-align: center;} .i_sztj_list li .jtjj_sztj_title{ font-size: 70px; color: #af251c; line-height: 70px;} .i_sztj_list li .jtjj_sztj_title i{ font-style: unset;} .i_sztj_list li .jtjj_sztj_desc{ font-size: 20px; color: #211c22;} .i_about_tu{ width: 100%; position: relative; float: left; overflow: hidden;} .i_about_tu img{ position: relative; width: 100%; } .i_about_bot{ width: 100%; float: left; margin-top: 50px;} .i_about_bot_fl{ float: left; width: 40%;} .i_about_bot_fl_title{ font-size: 50px; color: #211c22; line-height: 50px; margin-top: 12px; text-transform: uppercase;} .i_about_bot_fl_list{ width: 100%; float: left; margin-top: 11px;} .i_about_bot_fl_list li{width: 100%; float: left;} .i_about_bot_fl_list li a{ font-size: 20px; color: #211c22;} .i_about_bot_fl_list li i{ font-size: 16px; line-height: 16px; border: 2px solid #232124; padding: 4px; border-radius: 100%; margin-right: 15px;} .i_about_bot_fl_list li a:hover{ color: #af251c;} .i_about_bot_fl_list li a:hover i{ border: 2px solid #af251c;} .i_about_bot_fr{ float: right; width: 55%;} .i_about_bot_fr_title{ font-size: 36px; color: #211c22;} .i_about_bot_fr_title span{ color: #af251c;} .i_about_bot_fr_desc{ font-size: 16px; color: #666666; width: 100%; margin-top: 4px; line-height: 28px; min-height: 140px;} .i_about_bot_fr_more{ width: 100%; float: left; margin-top: 21px;} .i_about_bot_fr_more a{ float: left; font-size: 16px; color: #211c22; font-weight: bold;} .i_about_bot_fr_more i{ margin-left: 10px;} .i_about_bot_fr_more a:hover{ color: #af251c;} .i_ys{ width: 100%; float: left; margin-top: 90px;} .i_ys li{ float: left; width: 30%; margin-right: 5%; padding: 5% 2%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; overflow: hidden; background: #f8f8f8; transition: 0.5s;} .i_ys li:nth-child(3n){ margin-right: 0;} .i_ys li .i_ys_sz{ font-size: 180px; font-family: geometos; color: #211c22; opacity: 0.05; position: absolute; top: -30px; line-height: 180px; right: -29px; min-width: 52%;transition: 0.5s;} .i_ys li .i_ys_title{ font-size: 20px; color: #211c22;transition: 0.5s;} .i_ys li .i_ys_desc{ font-size: 14px; color: #666666; width: 100%; margin-top: 9px; line-height: 26px; min-height: 104px; overflow: hidden;transition: 0.5s;} .i_ys li:hover{ background: #af251c;} .i_ys li:hover .i_ys_sz,.i_ys li:hover .i_ys_title,.i_ys li:hover .i_ys_desc{ color: #fff;} .i_cp{ width: 100%; float: left; position: relative; } .i_cp_top{ width: 100%; float: left; position: relative; overflow: hidden; } .i_cp_top_list{ width: 100%; float: left; position: relative; overflow: hidden;} .i_cp_top_list li{ position: relative;} .i_cp_top_list li .i_cp_top_list_tu{ width: 100%; position: relative; overflow: hidden; float: left; padding-bottom: 800px;} .i_cp_top_list li .i_cp_top_list_tu img{ position: absolute; width: 100%; height: 100%; object-fit: cover;} .i_cp_top_list_cont{position: absolute; width: 100%; top: 22%;} .i_cp_top_list_cpname{ font-size: 50px; color: #ffffff; text-transform: uppercase; line-height: 50px;} .i_cp_top_list_title{ font-size: 56px; color: #ffffff; line-height: 70px;} .i_cp_top_list_desc{ width: 43%; font-size: 16px; color: #ffffff; line-height: 25px; margin-top: 10px; height: 75px; overflow: hidden;} .i_cp_top_list .i_cp_top_jt{ width: 100%; float: left; position: absolute; top: 54%;} .i_cp_top_list .i_cp_top_jt .main_content{ position: absolute; left: 50%; transform: translatex(-50%); z-index: 9;} .i_cp_top_list .swiper-button-next,.i_cp_top_list .swiper-button-prev{ left: 0; height: auto; font-size: 20px; line-height: 20px; width: auto; color: #fff; top: 56%; padding: 13px; border: 2px solid #a7b9cf; border-radius: 100%; background: #92a4ba; box-shadow: 2px 2px 5px #7a7a7a; } .i_cp_top_list .swiper-button-next{left:80px; right: auto; outline: none;} .i_cp_top_list .swiper-button-next:hover,.i_cp_top_list .swiper-button-prev:hover{ background: #b4281b;} .i_cp_bot{ position: absolute; /*margin-top:-14.5%;*/ width: 100%; float: left; bottom: -15.7%; overflow: hidden;} .i_cp_bot_list{ padding-bottom: 30px;} .i_cp_bot_list li{} .i_cp_bot_list li a{ width: 88%; float: left; box-shadow: 0px 0px 3px #dfdfdf; border-radius: 10px; overflow: hidden; margin-top: 7%;transition: 0.5s;} .i_cp_bot_list li .i_cp_bot_list_tu{ width: 100%; float: left; position: relative; overflow: hidden; padding-bottom: 51%; transition: 0.5s;} .i_cp_bot_list li .i_cp_bot_list_tu img{ position: absolute; width: 100%; height: 100%; object-fit: cover;} .i_cp_bot_list li .i_cp_bot_list_cont{ float: left; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 4% 8%; position: relative; background: #fff;} .i_cp_bot_list li .i_cp_bot_list_title{ font-size: 24px; line-height: 30px; color: #1e1c1f; width: calc(100% - 40px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .i_cp_bot_list li .i_cp_bot_list_sortname{ font-size: 24px; line-height: 30px; color: #1e1c1f; width: calc(100% - 40px);} .i_cp_bot_list li .i_cp_bot_list_jt{ position: absolute; right: 5%; top: 50%; transform: translatey(-50%); font-size: 40px; color: #1d1b20;} .i_cp_bot_list li .i_cp_bot_list_jt i{} .i_cp_bot_list li.swiper-slide-active a,.i_cp_bot_list li:hover a{ margin-top: 0%;box-shadow: 0px 0px 10px #dfdfdf;} .i_cp_bot_list li.swiper-slide-active .i_cp_bot_list_tu,.i_cp_bot_list li:hover .i_cp_bot_list_tu{ background: #fff; padding-bottom: 59%} .i_cp_bot_list li.swiper-slide-active .i_cp_bot_list_title,.i_cp_bot_list li:hover .i_cp_bot_list_title{ color: #a82418;} .i_cp_bot_list li.swiper-slide-active .i_cp_bot_list_jt,.i_cp_bot_list li:hover .i_cp_bot_list_jt{ color: #a82418;} .i_faq{ width: 100%; float: left; position: relative; overflow: hidden; padding: 250px 0 150px; background: #f8f8f8;} .i_faq_title{ font-size: 50px; color: #211c22; text-transform: uppercase; float: left; width: 30%; font-family: arial; font-weight: bold; line-height: 61px;} .i_faq_title span{ color: #af251c; } .i_faq_list{ float: right; width: 62.5%; margin-top: 10px;} .i_faq_list li{width: 100%; border-bottom: 1px solid #000; padding: 28px 0;} .i_faq_list li:first-child{ border-top: 1px solid #000;} .i_faq_list li .i_faq_list_title{ font-size: 23px; color: #211c22; position: relative; width: calc(100% - 60px); cursor: pointer;} .i_faq_list li .i_faq_list_title i{ position: absolute; right: -32px; font-size: 27px; font-weight: bold; line-height: 43px; cursor: pointer; transition: 0.3s;} .i_faq_list li .i_faq_list_cont{ display: none; color: #211c22; font-size: 13px; width: 87%; margin-top: 5px; line-height: 23px; margin-bottom: 10px;} .i_faq_list li.on .i_faq_list_title i{ transform: rotate(-90deg);} .i_faq_more{ float: right; margin-top: 26px;} .i_faq_more a{ font-size: 20px; color: #211c22;} .i_faq_more a:hover{color: #a82418;} .faq_list{ width: 100%; margin-top: 30px;} .i_faq_list li:hover .i_faq_list_title{ color: #a82418;} .i_al{ width: 100%; float: left; position: relative; overflow: hidden; padding: 100px 0 95px; background: #fff;} .i_al_title{ text-align: center; font-size: 50px; text-transform: uppercase; color: #221d23; line-height: 50px; font-weight: bold;} .i_al_list{ width: 80%; float: left; margin: 0 10%; margin-top: 51px; position: relative;} .i_al_list li{ transform: scale(0.8); transition: 0.5s;} .i_al_list li.swiper-slide-active{ transform: scale(1);} .i_al_list li a{ float: left; width: 100%; position: relative;} .i_al_list li .i_al_list_tu{ width: 100%; position: relative; overflow: hidden; padding-bottom: 51%;} .i_al_list li .i_al_list_tu img{position: absolute; width: 100%; height: 100%; object-fit: cover; left: 0; transition: 0.5s;} .i_al_list li .i_al_list_cont{ position: absolute; bottom: 0; text-align: right; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 4% 5%; color: #fff;} .i_al_list li .i_al_list_title{ font-size: 36px; text-shadow: 2px 2px 2px #3a3a3a; line-height: 40px;} .i_al_list li .i_al_list_desc{ font-size: 16px; width: 61%; float: right; line-height: 30px; margin-top: 10px;} .i_al_list li a:hover .i_al_list_tu img{transform: scale(1.1);} .i_al_list .swiper-button-next,.i_al_list .swiper-button-prev{left: -7.5%; height: auto; background-image: none; font-size: 35px; width: auto; color: #1e1c1f; top: 48%; background-image:none; line-height: 35px; padding: 11px; border: 2px solid #1e1c1f; border-radius: 100%;} .i_al_list .swiper-button-next{right: -6.5%; left: auto; outline: none;} .i_al_list .swiper-button-next:hover,.i_al_list .swiper-button-prev:hover{ color: #fff; background: #a82418;border: 2px solid #a82418;} .i_fw{ width: 100%; float: left; position: relative; overflow: hidden; } .i_fw_bg{ width: 100%; position: relative; overflow: hidden; padding-bottom: 45.3%;} .i_fw_bg img{ position: absolute; width: 100%; height: 100%; object-fit: cover; left: 0; transition: 0.5s; } .i_fw_cont{ position: absolute; top: 50%; transform: translatey(-50%);} .i_fw_title{ font-size: 48px; color: #211c22; font-weight: bold; position: relative; padding-bottom: 14px;} .i_fw_title span{ color: #ae231e;} .i_fw_title:after{ content: ''; position: absolute; bottom: 0px; left: 0; width: 42px; height: 6px; background: #a91910;} .i_fw_desc{ width: 44%; font-size: 16px; margin-top: 20px; line-height: 24px; min-height: 100px;} .i_fw_more{ margin-top: 27px;} .i_fw_more a{ font-size: 17px; color: #fff; padding: 7px 29px; float: left; background: #af251b; border-radius: 100px; position: relative; top: 0; transition: 0.5s;} .i_fw_more a i{ margin-left: 12px;} .i_fw_more a:hover{ top: -10px;} .footer{ width: 100%; float: left; position: relative; overflow: hidden;} .footer_top{ width: 100%; float: left; position: relative; overflow: hidden; background: #212429;} .footer_top_t{ width: 100%; float: left; position: relative; overflow: hidden; margin-top: 36px; padding-bottom: 10px; border-bottom: 1px solid #4c4f54;} .footer_logo{ float: left; margin-top: 11px;} .footer_logo img{ height: 46px;} .footer_tel{ float: right; text-align: right; color: #fff; font-size: 16px; line-height: 22px;} .footer_tel a{ float: left; width: 100%; color: #fff; font-size: 37px; line-height: 50px;} .footer_top_b{ width: 100%; float: left; position: relative; overflow: hidden; padding-top: 22px; min-height: 300px; padding-bottom: 8px;} .footer_nav{ width: 75%; float: left;} .footer_nav li{ float: left; width: 20%;} .footer_nav li.on{ width: 40%;} .footer_nav li .footer_nav_title{ float: left; width: 100%;} .footer_nav li .footer_nav_title a{ font-size: 20px; color: #fff;} .footer_nav li .footer_nav_zi{ width: 100%; float: left; margin-top: 6px; } .footer_nav li .footer_nav_zi a{width: 90%; float: left; color: #fff; font-size: 16px; line-height: 26px;} .footer_nav li.on .footer_nav_zi a{ width: 50%;} .footer_lx{ float: right; width: 25%;} .footer_fx{ float: right; width: 100%; text-align: right;} .footer_fx_title{ font-size: 20px; color: #ffffff; line-height: 22px;} .footer_fx_li{float: right; margin-top: 6px;} .footer_fx_li li{ float: left; color: #fff; margin-left: 10px;} .footer_fx_li li a{ color: #fff; font-size: 28px;} .footer_fx_li li a i{} .footer_dy{ float: right;width: 100%; text-align: right; margin-top: 84px;} .footer_dy_title{ font-size: 20px; color: #ffffff; line-height: 22px;} .footer_dy_form{float: right; margin-top: 17px;} .footer_dy_form input{ width: 230px; float: left; border: 0;background: #fff; font-size: 16px; line-height: 30px; padding: 0 15px; height: 36px;} .footer_dy_form input::-webkit-input-placeholder{ color:#cccccc; font-size: 16px;} .footer_dy_form button{ width: 58px; float: left; border: 0; background: #af251b; font-size: 25px; color: #fff; line-height: 36px;} .footer_dy_form button i{} .footer_bot{ width: 100%; float: left; position: relative; overflow: hidden;color: #cccccc; font-size: 16px;padding: 11px 0; background: #060606;} .footer_bot a{ color: #cccccc; font-size: 16px;} .footer_copy{ float: left;} .footer_js{ float: right;} .about_nav{ width: 100%; float: left; position: relative; margin-top: 121px; padding-bottom: 37px; background: #fff;} .about_nav_fl{ float: left; width:80%;} .about_nav_title{ float: left; width: 100%;} .about_nav_title span{ font-size: 100px; color: #fff;text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black; line-height: 130px; margin-right: 50px; color: #211c22;} .about_nav_title img{ height: 85px;} .about_nav_list{ width: 100%; float: left; margin-top: 25px;} .about_nav_list li{ float: left; margin-right: 55px;} .about_nav_list li a{ font-size: 20px; color: #211c22;} .about_nav_list li a:hover,.about_nav_list li a.on{color: #af251c;} .about_nav_fr{ float: right; width: 20%; text-align: center; margin-top: 40px; position: relative;} .about_nav_fr img{-webkit-animation: zquan 30s linear 0s infinite; animation: zquan 30s linear 0s infinite;} .about_nav_fr i{ position: absolute; left: 50%; top: 50%; line-height: 39px; transform: translate(-50%,-50%) rotate(90deg); font-size: 39px; font-weight: bold; color: #000; padding: 4px; background: #fff; border-radius: 100px;} .gsjj{ width: 100%; float: left; position: relative; margin-top: 183px; background: linear-gradient(to bottom, #f8f9fb, #fefefe); } .gsjj .main_content{ z-index: 2; position: relative;} .gsjj_ship{ width: 100%; float: left; position: relative; padding-bottom: 33%; margin-top: -142px; border-radius: 10px; overflow: hidden;} .gsjj_ship img{ position: absolute; width: 100%; height: 100%; object-fit: cover;} .gsjj_ship .gsjj_ship_btn{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} .gsjj_ship .gsjj_ship_btn i{ font-size: 30px; line-height: 30px; padding: 17px; border: 2px solid #e9ebe8; border-radius: 100px; color: #fff; background: rgb(255 255 255 / 35%); transition: 0.5s;} .gsjj_ship .gsjj_ship_btn i:hover{ background: rgb(175 37 28 / 35%); border: 2px solid #af251c; color: #af251c;} .gsjj_cont{ width: 100%; float: left; position: relative; margin-top: 50px; } .gsjj_title{ text-transform: uppercase; text-align: center; font-size: 155px; font-weight: bold; line-height: 155px; background: linear-gradient(to bottom, #ead2d2, #f5eaee); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .gsjj_desc{ text-align: center; font-size: 50px; color: #221b22; font-weight: bold; line-height: 55px; position: relative; margin-top: -80px; padding-bottom: 21px;} .gsjj_desc:after{ content: ''; position: absolute; width: 40px; height: 4px; background: #af2620;bottom: 0; left: 50%; transform: translatex(-50%); border-radius: 100px;} .gsjj_info{ text-align: center; margin-top: 18px; font-size: 16px; line-height: 26px;} .gsjj_sz{ width: 100%; float: left; margin:65px 0;} .gsjj_sz li{ float: left; width: 25%; text-align: center;} .gsjj_sz li .gsjj_sz_title{ font-size: 70px; color: #af251c; line-height: 70px;} .gsjj_sz li .gsjj_sz_title i{ font-style: unset;} .gsjj_sz li .gsjj_sz_desc{ font-size: 21px; color: #211c22;} .gsjj_bg{ width: 100%; float: left; padding-bottom: 39%; position: relative; overflow: hidden; margin-top: -17%; z-index: 1;} .gsjj_bg img{ position: absolute; width: 100%; height: 100%; object-fit: cover;} .gchang{ width: 100%; float: left; position: relative; padding: 80px 0 58px; background: #fff;} .gchang_fl{ float: left; width: 32%; } .gchang_title{ font-size: 50px; color: #211c22; line-height: 70px} .gchang_title span{ color: #b9261c;} .gchang_desc{ width: 100%; margin-top: 17px; font-size: 16px; line-height: 26px;} .gchang_jt{ float: left; margin-top: 36px;} .gchang_list-button-prev,.gchang_list-button-next{ float: left; font-size: 26px; color: #1c1a1f; margin-right: 5px; background: #edf1f4; padding: 0 14px; line-height: 30px; border-radius: 5px; cursor: pointer;} .gchang_list-button-prev:hover,.gchang_list-button-next:hover{ color: #fff; background: #b9261c;} .gchang_list{ float: right; width: 62%; position: relative; overflow: hidden; margin-top: 15px;} .gchang_list li{} .gchang_list li .gchang_list_li{ float: left; width: 49%; margin-right: 2%;margin-bottom: 4%; position: relative;border-radius: 10px; overflow: hidden;} .gchang_list li .gchang_list_li:nth-child(2n){ margin-right: 0;} .gchang_list li .gchang_list_li .gchang_list_tu{ width: 100%; float: left; position: relative; overflow: hidden; padding-bottom: 62%; } .gchang_list li .gchang_list_li .gchang_list_tu img{ position: absolute; width: 100%; height: 100%; object-fit: cover; transition: 0.5s;} .gchang_list li .gchang_list_li .gchang_list_title{ position: absolute; z-index: 2; width: 100%; bottom: 0; text-align: center; background: linear-gradient(to bottom, transparent, #00000052); color: #fff; font-size: 25px; line-height: 75px;} .gchang_list li .gchang_list_li:hover .gchang_list_tu img{ transform: scale(1.1);} .about_ys{ width: 100%; float: left; position: relative; padding: 80px 0; background: #f8f9fb;} .about_ys_title{ text-align: center; font-size: 50px; color: #211c22; line-height: 50px;} .about_ys_desc{ text-align: center; width: 100%; font-size: 18px; color: #666666; margin-top: 10px;} .about_ys_list{ width: 100%; float: left; margin-top: 50px;} .about_ys_list li{ float: left; width: 30%; margin: 0 2.5%; text-align: center;} .about_ys_list li:nth-child(3n){ margin: 0;} .about_ys_list li .about_ys_list_tb{ margin-top: 9px; display: inline-block; padding: 17px; border: 4px solid #c2c2c4; border-radius: 20px; position: relative; background: #fff;} .about_ys_list li .about_ys_list_tb:before{content: ''; position: absolute; border: 5px solid #e6eaeb; width: 100%; height: 100%; border-radius: 20px; left: 0; top: 0; opacity: 0.5;} .about_ys_list li .about_ys_list_tb:after{content: ''; position: absolute; border: 5px solid #c2c2c4; width: 100%; height: 100%; border-radius: 20px; left:-5px; top: -5px;} .about_ys_list li .about_ys_list_tb img{ height: 60px; position: relative; top: 5px; left: 4px;} .about_ys_list li .about_ys_list_title{ width: 100%; margin-top: 29px; font-size: 22px; color: #211c22;} .about_ys_list li .about_ys_list_desc{ font-size: 16px; color: #666666; width: 91%; margin: 0 auto; margin-top: 4px;} .about_ys_list li:hover .about_ys_list_tb:after{ border: 5px solid #b9261c;} .hzhb{ width: 100%; float: left; position: relative; padding: 80px 0; background: #fff; display: none;} .hzhb_title{ font-size: 50px; color: #1d161e; line-height: 80px;} .hzhb_title span{ color: #a12412;} .hzhb_list{ width: 100%; margin-top: 18px;} .hzhb_list li{ float: left; width: 19%; margin-right: 1.25%; margin-bottom: 29px; border-radius: 10px; box-shadow: 2px 2px 15px #ecf0f3; background: #fff; transition: 0.5s;} .hzhb_list li:nth-child(5n){ margin-right: 0;} .hzhb_list li .hzhb_list_tb{ width: 100%; float: left; position: relative; overflow: hidden; padding-bottom: 40%;} .hzhb_list li .hzhb_list_tb img{ position: absolute; width: 100%; height: 100%; object-fit: cover;} .hzhb_list li:hover{ box-shadow: 2px 2px 15px #a12412;} .whysm{ width: 100%; float: left; position: relative; padding: 80px 0; background: #f8f9fb;} .whysm_top{ width: 100%; float: left;} .whysm_title{ font-size: 48px; color: #211c22; line-height: 80px; font-weight: bold; float: left; width: 43%;} .whysm_desc{ float: right; width: 57%; font-size: 21px; margin-top: 17px; line-height: 28px;} .whysm_desc p{ margin-bottom: 9px;} .whysm_list{ width: 100%; float: left; margin-top: 80px;} .whysm_list li{ float: left; width: 16.666%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 3%; cursor: pointer; transition: 0.5s;} .whysm_list li .whysm_list_tb{ margin-top: 18px;} .whysm_list li .whysm_list_tb img{} .whysm_list li .whysm_list_title{ font-size: 20px; color: #211c22; text-transform: uppercase; font-weight: bold; margin-top: 10px;transition: 0.5s;} .whysm_list li .whysm_list_desc{ font-size: 16px; color: #666666; line-height: 20px; min-height: 60px;transition: 0.5s;} .whysm_list li:hover{ background: #fff; box-shadow: 10px 10px 5px #f7f7f7;} .whysm_list li:hover .whysm_list_title,.whysm_list li:hover .whysm_list_desc{ color: #a12412;} .qyfg{ width: 100%; float: left; position: relative; padding: 80px 0 65px; background: #fff;} .qyfg_title{ font-size: 54px; color: #1d181e; line-height: 45px;} .qyfg_bot{ width: 100%; float: left; margin-top: 10px;} .qyfg_list{ width: 35%; float: left; margin-top: 56px;} .qyfg_list li{ float: left; width: 100%; margin-bottom: 11px; padding: 19px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; border-radius: 20px;transition: 0.5s; cursor: pointer; background: #fbfbfb;} .qyfg_list li .qyfg_list_sz{float: left; border-radius: 10px; padding: 11px;position: relative;} .qyfg_list li .qyfg_list_sz span{ display: block; float: left; font-size: 48px; font-weight: bold; line-height: 60px; width: 60px; text-align: center; color: #fff; text-shadow: 7px 6px 4px rgb(29 24 30 / 49%); } .qyfg_list li .qyfg_list_sz span:before{ content: ''; position: absolute; width: 79%; height: 79%; border: 2px solid #fff; left: 6px; top: 6px; border-radius: 4px; opacity: 0.4;} .qyfg_list li .qyfg_list_sz span:after{ content: ''; position: absolute; width: 79%; height: 79%; border: 3px solid #cccccc; left: 8px; top: 8px; border-radius: 4px; opacity: 0.2;} .qyfg_list li .qyfg_list_title{ float: left; margin-left: 30px; font-size: 32px; color: #262125; height: 80px; align-items: center; display: inline-grid;} .qyfg_list li .qyfg_list_tb{ position: absolute; right: 0; top: 0; width: 30%; text-align: center;} .qyfg_list li .qyfg_list_tb img{ max-width: 100%; transition: 0.5s; opacity: 0.22; } .qyfg_list li:nth-child(1) .qyfg_list_sz{ background: linear-gradient(to right bottom, #cb4850, #ab2c23);} .qyfg_list li:nth-child(2) .qyfg_list_sz{ background: linear-gradient(to right bottom, #f4c134, #c6813e);} .qyfg_list li:nth-child(3) .qyfg_list_sz{ background: linear-gradient(to right bottom, #72b4e4, #3c85c9);} .qyfg_list li:nth-child(4) .qyfg_list_sz{ background: linear-gradient(to right bottom, #8ab752, #5a9b62);} .qyfg_list li:nth-child(1):hover{ background: rgb(171 44 35 / 20%);} .qyfg_list li:nth-child(2):hover{ background: rgb(198 129 62 / 20%);} .qyfg_list li:nth-child(3):hover{ background: rgb(60 133 201 / 20%);} .qyfg_list li:nth-child(4):hover{ background: rgb(90 155 98 / 20%);} .qyfg_list li:hover .qyfg_list_tb img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); opacity: 1;} .qyfg_fr{ float: right; width: 60%;} .qyfg_jt{ float: left; width: 25%; margin-top: 95px;} .qyfg_jt img{ max-width: 100%; } .qyfg_yq{ float: right; width: 74%; position: relative;} .qyfg_yq_tu{ width: 100%; position: relative; overflow: hidden; padding-bottom: 100%; box-shadow: 5px 5px 20px #dddddd; border-radius: 100%; } .qyfg_yq_tu img{ position: absolute; width: 100%; height: 100%; object-fit: contain; /*-webkit-animation: zquan 30s linear 0s infinite; animation: zquan 30s linear 0s infinite;*/} .qyfg_yq_z{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 58%; padding-bottom: 58%; box-shadow: 5px 5px 20px #dddddd; border-radius: 100%;} .qyfg_yq_cont{ position: absolute;top: 50%; left: 50%; transform: translate(-50%,-50%); width: 90%; text-align: center; } .qyfg_yq_logo{ width: 100%;} .qyfg_yq_logo img{ max-width: 100%;} .qyfg_yq_title{ font-size: 32px; color: #252026;} /* 播放 画片 动画 */ @-webkit-keyframes zquan { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes zquan { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .wmdsm{ width: 100%; float: left; position: relative; padding-top: 80px; background: #f8f9fb;} .wmdsm_title{ text-align: center; color: #211c22; font-size: 50px; line-height: 50px;} .wmdsm_title span{ color: #af251c;} .wmdsm_list{ width: 100%; float: left;} .wmdsm_list li{ width: 100%; float: left; padding: 69px 0; background: #f8f9fb;} .wmdsm_list li .wmdsm_list_tu{ float: right; width: 52%; padding-bottom: 30%; position: relative; overflow: hidden;} .wmdsm_list li .wmdsm_list_tu:before{content: ''; position: absolute; width: 90%; height: 100%; background: #e1e2e4; right: 2%; top: 1%; transform: skewx(-4.2deg);} .wmdsm_list li .wmdsm_list_tu img{ position: absolute; width:98%; height: 100%; object-fit: cover;} .wmdsm_list li .wmdsm_list_cont{ float: left; width: 46%; margin-top: 1.2%; position: relative;} .wmdsm_list li .wmdsm_list_title{ font-size: 38px; color: #211c22; width: 80%; padding: 4%; line-height: 47px; position: relative;} .wmdsm_list li .wmdsm_list_title:before{ content: ''; position: absolute; background: url(/uploads/image/tsimages/sm_tb002.png) top left no-repeat; width: 20px; height: 17px; left: 0; margin-top: 13px;} .wmdsm_list li .wmdsm_list_title:after{ content: ''; position: absolute; background: url(/uploads/image/tsimages/sm_tb001.png) top right no-repeat; width: 53px; height: 45px; right: 0px; margin-top: 0; top: 40px;} .wmdsm_list li .wmdsm_list_desc{ width: 90%; margin-left: 5%; padding-left: 3%; margin-top: 29px; font-size: 16px; color: #666666; line-height: 24px; border-left: 1px solid #cacbcd;} .wmdsm_list li:nth-child(2n){ background: #fff;} .wmdsm_list li:nth-child(2n) .wmdsm_list_cont{ float: right;} .wmdsm_list li:nth-child(2n) .wmdsm_list_tu{ float: left;} .wmdsm_list li:nth-child(2n) .wmdsm_list_tu:before{left: 2%; right: auto; transform: skewx(4.2deg);} .wmdsm_list li:nth-child(2n) .wmdsm_list_tu img{ right: 0;} .fzlc{ width: 100%; float: left; position: relative; padding-top: 100px; margin-top: 36px; border-top: 1px solid #efefef;} .fzlc_list{ width: 100%; float: left; position: relative; padding-bottom: 100px;} .fzlc_list::before{content: ''; position: absolute;height: 100%; width: 2px; background: #efd3d2; left: 21.85%; top: 2%;} .fzlc_list li{ width: 100%; float: left; margin-bottom: 30px; cursor: pointer;} .fzlc_list li .fzlc_list_title{ float: left; font-size: 80px; color: #211c22; width: 18%; padding-right: 4%;text-align: center; line-height: 105px; font-weight: bold; position: relative; } .fzlc_list li .fzlc_list_title:before{content: ''; position: absolute; width: 10px; height: 10px; border: 2px solid #b02c20; border-radius: 100%; right: -5px; top: 50%; transform: translatey(-50%);background: #fff;} .fzlc_list li .fzlc_list_title:after{content: ''; position: absolute; background: url(/uploads/image/tsimages/fzlc_logo.png) center center no-repeat #fff; background-size: 71%; width: 80px; height: 80px; border: 2px solid #b02c20; border-radius: 100%; right: -40px; top: 50%; transform: translatey(-50%) scale(0); transition: 0.5s;} .fzlc_list li .fzlc_list_fr{ float: right; width: 70%; min-height: 215px;} .fzlc_list li .fzlc_list_cont{ font-size: 24px; color: #211c22; padding-left: 2%; border-left: 4px solid #af251b; line-height: 37px; margin-top:30px; width: 70%; float: left; margin-left: -28%; left: 28%; position: relative; z-index: 2;} .fzlc_list li .fzlc_list_tu{ float: right; width: 55%; position: relative; overflow: hidden; padding-bottom: 0%; top: -10px; transition: 0.3s;} .fzlc_list li .fzlc_list_tu img{ position: absolute; width: 100%; height: 100%; object-fit: cover;} .fzlc_list li:hover .fzlc_list_title{ color: #b02c20;} /*.fzlc_list li:hover .fzlc_list_title:after{ transform: translatey(-50%) scale(1); }*/ .fzlc_list li.on .fzlc_list_tu{ padding-bottom: 29%;} .fzlc_logo{ position: absolute; top: 11px; width: 80px; height: 80px; border: 2px solid #b02c20; border-radius: 100%; background: #fff; left: 21.9%; z-index: 99; transform: translatex(-50%); transition: 0.3s;} .fzlc_logo img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 72%;} .yfsl{ width: 100%; float: left; position: relative; padding-top: 100px; margin-top: 36px; border-top: 1px solid #efefef; padding-bottom: 62px; background: #fff;} .yfsl_fl{ float: left; width: 43%;} .yfsl_title{ font-size: 48px; color: #211c22; font-weight: bold; margin-top: 50px; padding-bottom: 19px;} .yfsl_desc{ font-size: 20px; color: #666666; margin-top: 30px; line-height: 31px;} .yfsl_fr{ float: right; width: 46%; position: relative;} .yfsl_fr_tu{ width: 100%; position: relative; overflow: hidden; padding-bottom: 60%;} .yfsl_fr_tu img{ position: absolute; width: 100%; height: 100%; object-fit: contain;} .yfsl_fr_title{ position: absolute; bottom: 29%; right: 11%; font-size: 18px; line-height: 26px; color: #221d24; font-weight: bold;} .syxm{ width: 100%; float: left; position: relative; padding: 80px 0; background: #f8f9fb;} .syxm_title{ font-size: 50px; color: #211c22; line-height: 50px;} .syxm_list{ width: 100%; position: relative; overflow: hidden; margin-top: 30px;} .syxm_list li{} .syxm_list li .syxm_list_tu{ width: 100%; float: left; position: relative; overflow: hidden; padding-bottom: 69%;} .syxm_list li .syxm_list_tu img{ position: absolute; object-fit: cover; width: 100%; height: 100%; transition: 0.5s;} .syxm_list li .syxm_list_title{ float: left; width: 100%; font-size: 22px; color: #000; margin-top: 20px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;transition: 0.5s;} .syxm_list li:hover .syxm_list_tu img{ transform: scale(1.1);} .syxm_list li:hover .syxm_list_title{ color: #b02c20;} .ryyzs{width: 100%; float: left; position: relative; padding-top: 70px; margin-top: 36px; border-top: 1px solid #efefef; padding-bottom: 40px; background-size: cover !important;} .ryyzs_title{ text-align: center; font-size: 53px; color: #211c22; line-height: 60px;} .ryyzs_title span{ color: #af251c;} .ryyzs_list_kuan{ width: 100%; float: left; margin-top: 72px; position: relative;} .ryyzs_list{ width: 90%; position: relative; margin: 0 auto; overflow: hidden; padding-top: 50px; padding-bottom: 60px;} .ryyzs_list li{} .ryyzs_list li .ryyzs_list_tu{ width: 100%; position: relative; padding-bottom: 68%; transition: 0.5s;} .ryyzs_list li .ryyzs_list_tu img{ position: absolute; max-width: 100%; max-height: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%); } .ryyzs_list li .ryyzs_list_title{ text-align: center; width: 100%; font-size: 0; color: #1f1d20; margin-top: 42px; height: 40px; transition: 0.5s;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .ryyzs_list li.swiper-slide-active .ryyzs_list_tu{ transform: scale(1.2);} .ryyzs_list li.swiper-slide-active .ryyzs_list_tu img{ box-shadow: 0px 0px 15px #888888;} .ryyzs_list li.swiper-slide-active .ryyzs_list_title{ font-size: 22px; } .ryyzs_list_kuan .swiper-button-next,.ryyzs_list_kuan .swiper-button-prev{left: 0%; height: auto; background-image: none; font-size: 26px; width: auto; color: #1e1c1f; top: 40%; background-image:none; line-height: 26px; padding: 11px; border: 1px solid #cfcfcf; border-radius: 100%;} .ryyzs_list_kuan .swiper-button-next{right: 0%; left: auto; outline: none;} .ryyzs_list_kuan .swiper-button-next:hover,.ryyzs_list_kuan .swiper-button-prev:hover{ color: #fff; background: #a82418;border: 2px solid #a82418;} .honor{ width: 100%; float: left; position: relative; padding: 78px 0; } .honor_fl{ float: left; width: 30%;} .honor_nav_title{ font-size: 50px; color: #211c22; line-height: 50px;} .honor_nav{ width: 100%; float: left; margin-top: 37px;} .honor_nav li{ width: 100%; float: left; margin-bottom: 8px;} .honor_nav li a{ font-size: 20px; color: #333;} .honor_nav li.on a,.honor_nav li:hover a{ color: #af261c;} .honor_list{ float: right; width: 67%;} .honor_list ul{ float: left; width: 100%;} .honor_list li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 50px;} .honor_list li:nth-child(3n){ margin-right: 0;} .honor_list li .honor_list_tu{ width: 100%; position: relative; padding-bottom: 106%; transition: 0.5s;} .honor_list li .honor_list_tu img{ position: absolute; max-width: 100%; max-height: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-box-sizing: border-box; box-sizing: border-box; border: 10px solid #2c2c2e;} .honor_list li .honor_list_title{ text-align: center; margin-top: 20px; font-size: 21px; line-height: 32px; color: #211c22; height: 64px; overflow: hidden;} .honor_list_more{ width: 100%; text-align: center; margin-top: 22px; float: left; } .honor_list_more span{ font-size: 20px; color: #989898; padding: 10px 90px; display: inline-block; background: #f8f8f8; cursor: pointer;} .honor_list_more span:hover{ color: #fff; background: #af251c;} .cpxq_honor{ width: 100%;} .cpxq_honor li .honor_list_tu{ padding-bottom: 76%;} .page_kuan{ width: 100%; float: left; margin-top: 20px;} .page_kuan a{ float: left; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; background: #efefef; border-radius: 5px; margin-right: 10px;} .page_kuan a.page-num-current,.page_kuan a:hover{ background: #af251b; color: #fff;} .page_kuan2{ width: 100%; float: left; margin-top: 20px;} .page_kuan2 a{ float: left; width: 36px; height: 36px; line-height: 36px; text-align: center; font-size: 16px; border: 1px solid transparent; border-radius: 5px; margin-right: 10px;} .page_kuan2 a.page-num-current,.page_kuan2 a:hover{ color: #af251b; border: 1px solid #af251b;} .page_cont{ text-align: center; width: 100%; float: left; } .page_cont .page_kuan2{ display: inline-block; width:auto; float: none;} .zpxx{ width: 100%; float: left; position: relative; padding-top: 70px; margin-top: 36px; border-top: 1px solid #efefef; padding-bottom: 40px; background: #fff;} .zpxx_list{ float: left; width: 70%; } .zpxx_title{ font-size: 50px; color: #211c22; line-height: 50px;} .zpxx_list ul{ width: 100%; float: left; margin-top: 36px;} .zpxx_list li{ width: 100%; float: left; border-radius: 10px; overflow: hidden; margin-bottom: 20px; border: 1px solid #efefef;} .zpxx_list li .zpxx_list_t{ width: 100%; float: left;line-height: 60px; text-align: center; background: #efefef; cursor: pointer;} .zpxx_list li .zpxx_list_title{ float: left; width: 35%; color: #333333; font-size: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; padding-left: 3%; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;} .zpxx_list li .zpxx_list_xl{ float: left; width: 30%; color: #333333; font-size: 16px;} .zpxx_list li .zpxx_list_rs{ float: left; width: 22%; color: #333333; font-size: 16px;} .zpxx_list li .zpxx_list_jt{ float: right; width: 8.7%; color: #333333; font-size: 28px; font-weight: bold;} .zpxx_list li .zpxx_list_jt i{ position: absolute; transition: 0.3s;} .zpxx_list li .zpxx_list_b{ width: 100%; float: left; padding: 26px 38px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #efefef; display: none;} .zpxx_list li .zpxx_list_b_title{ font-size: 21px; color: #333; line-height: 25px;} .zpxx_list li .zpxx_list_b_info{ width: 100%; float: left; margin-top: 11px; font-size: 16px; line-height: 24px;} .zpxx_list li .zpxx_list_b_info p{ padding-left: 24px; margin-bottom: 9px; position: relative;} .zpxx_list li .zpxx_list_b_info p:before{ content: ''; position: absolute; width: 6px; height: 6px; background: #af251c; border-radius: 100%; left: 5px; top: 7px;} .zpxx_list li.on .zpxx_list_t{ background: #af251c;} .zpxx_list li.on .zpxx_list_title,.zpxx_list li.on .zpxx_list_xl,.zpxx_list li.on .zpxx_list_rs,.zpxx_list li.on .zpxx_list_jt{ color: #fff;} .zpxx_list li.on .zpxx_list_jt i{ transform: rotate(270deg);} .zpxx_fr{ float: right; width: 26%;} .zpxx_fr_title{ font-size: 38px; color: #211c22; line-height: 50px; margin-top: 24px;} .zpxx_fr_kuan{ width: 100%; float: left; margin-top: 11px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 4%; border: 1px solid #ccc; border-radius: 5px;} .zpxx_fr_form{ width: 100%; margin-top: 21px; border: 1px solid #cdcdcd; float: left; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; } .zpxx_fr_form input{ float: left; width: calc(100% - 50px); border: 0; padding: 0 15px; line-height: 56px; background: none; font-size: 16px;} .zpxx_fr_form input::-webkit-input-placeholder{ color:#999999;} .zpxx_fr_form button{ border: 0; background: none; font-size: 24px; float: right; line-height: 56px; color: #999; width: 50px; text-align: center;} .zpxx_fr_form button i{} .zpxx_fr_title2{ float: left; width: 100%; font-size: 19px; margin-top: 20px; color: #ae251d;} .zpxx_fr_desc{ width: 100%; float: left; font-size: 16px; line-height: 24px; margin-top: 5px; color: #333;} .zpxx_fr_desc a{ color: #af251c;} .zpxx_fr_btn{ float: left; width: 100%; text-align: center; margin-top: 123px;} .zpxx_fr_btn a{ float: left; width: 100%; font-size: 16px; text-transform: uppercase; color: #fff; line-height: 50px; background: #af251b; border-radius: 5px;} .gztp{ width: 100%; float: left; position: relative; overflow: hidden; padding: 75px 0; background: #f8f9fb;} .gztp_title{ font-size: 50px; line-height: 50px; color: #211c22;} .gztp_title span{ color: #ad241c;} .gztp_list{ width: 100%; float: left; position: relative;margin-top: 35px; padding-bottom: 60px;} .gztp_list li{} .gztp_list li .gztp_list_tu{ width: 100%; float: left; position: relative; overflow: hidden; padding-bottom: 62%;} .gztp_list li .gztp_list_tu img{ position: absolute; width: 100%; height: 100%; object-fit: cover; transition: 0.5s;} .gztp_list li:hover .gztp_list_tu img{ transform: scale(1.1);} .gztp_list .swiper-scrollbar{ float: left; width: calc(100% - 100px); left: 0; margin-top: 20px; margin-bottom: 10px; position: relative; height: 2px; background: #ccc; top: 30px; transition: 1.1s;} .gztp_list .swiper-scrollbar-drag{ position: absolute; height: 2px; top:0px; background: #af251b; cursor: pointer;} .gztp_list .swiper-button-next,.gztp_list .swiper-button-prev{ height: auto; background-image: none; position: absolute; font-size: 22px; width: auto; color: #af261c; top:auto; background-image:none; line-height: 26px; left: auto; right: 47px; bottom: 28px; font-weight: bold; } .gztp_list .swiper-button-next{right: 0%; left: auto; outline: none;} .gztp_list .swiper-button-next:hover,.gztp_list .swiper-button-prev:hover{ color: #af261c;} /*内页banner*/ .n_banner{ width: 100%; text-align: center; position: relative; float: left; overflow: hidden;} .n_banner>img{ float: left; position: relative; left: 50%; transform: translatex(-50%); object-fit: cover; z-index: 8; opacity: 1; width: 100%;} .n_banner_kuan{ position: absolute; top: 50%; transform: translatey(-50%); width: 100%; text-align: left; z-index: 8;} .n_banner_title{ color: #fff; font-size: 60px;} .contact{ width: 100%; position: relative; float: left; padding: 123px 0;} .contact_title{ font-size: 50px; color: #af251b; line-height: 79px; font-weight: bold;} .contact_list{ width: 100%; float: left; margin-top: 10px;} .contact_list li{ float: left; width: 32%; margin: 30px 0; margin-right: 2%;} .contact_list li:nth-child(3n){ margin-right: 0;} .contact_list li .contact_list_title{ font-size: 24px; color: #666666;} .contact_list li .contact_list_desc{ width: 100%; float: left;} .contact_list li .contact_list_desc a{ font-size: 36px; color: #211c22;} .contact_list li .contact_list_desc span{ font-size: 19px; color: #211c22; line-height: 35px; float: left; margin-top: 10px;} .contact .map{ width: 100%; float: left; margin-top: 70px; height: 700px; background: #efefef;} .contact .map_title{ font-size: 18px; font-weight: bold; padding: 0 10px;} .news{ width: 100%; position: relative; float: left; padding: 80px 0; background: #fff;} .news_fl{ width: 72%; float: left;} .news_nav{float: left; width: 100%;} .news_nav li{ float: left; font-size: 26px; margin-right:60px; margin-bottom: 20px; line-height: 30px;} .news_nav li a{} .news_nav li a.on,.news_nav li a:hover{color: #af251b;} .news_list{ width: 100%; float: left; margin-top: 33px; } .news_list li{ width: 49%; float: left; margin-right: 2%; margin-bottom: 50px;} .news_list li:nth-child(2n){ margin-right: 0;} .news_list li .news_list_tu{ width: 100%; float: left; position: relative; overflow: hidden; padding-bottom: 53%;} .news_list li .news_list_tu img{ position: absolute; width: 100%; height: 100%; object-fit: cover; transition: 0.5s;} .news_list li .news_list_cont{ float: left; width: 100%; margin-top: 40px;} .news_list li .news_list_time{ float: left; width: 100px; text-align: center; font-size: 16px; color: #999;} .news_list li .news_list_time span{ width: 100%; float: left; font-size: 50px; font-weight: bold; line-height: 50px; color: #af241d;} .news_list li .news_list_cont_fr{ float: left; width: calc(100% - 115px);} .news_list li .news_list_title{ font-size: 23px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news_list li .news_list_desc{ font-size: 17px; line-height: 20px; margin-top: 3px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden;color: #999;} .news_list li:hover .news_list_tu img{ transform: scale(1.1);} .news_fr{ width: 25%; float: right;margin-top: 33px; } .news_sreach{ width: 100%; float: left;} .news_sreach_title{font-size: 25px; color: #231e24; line-height: 39px;} .news_sreach_form{ float: left; width: 100%; margin-top: 12px; border-radius: 5px; overflow: hidden; border: 1px solid #e9e4e4;} .news_sreach_form input{ width: calc(100% - 80px); float: left; border: 0; background: #f8f9fb; line-height: 56px; font-size: 16px; padding: 0 20px;} .news_sreach_form button{ float: right; background: none; border: 0; font-size: 30px; line-height: 56px; width: 80px; background: #af251b; color: #fff;} .news_sreach_form button i{} .news_tj{ width: 100%; float: left; margin-top: 40px; } .news_tj_title{ font-size: 25px; line-height: 30px; color: #221d23;} .news_tj_list{ width: 100%; float: left; margin-top: 17px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px;background: #f8f9fb;} .news_tj_list li{ float: left; width: 100%; padding-bottom: 15px; padding-top: 10px; border-top: 1px solid #e4e9ed;} .news_tj_list li:first-child{ padding-top: 0; border-top:0px} .news_tj_list li .news_tj_list_title{ font-size: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; line-height: 24px;margin-top: 9px;} .news_tj_list li .news_tj_list_time{ font-size: 17px; color: #b2251c; margin-top: 5px;} .news_title{ font-size: 38px; color: #000; line-height: 45px; margin-top: 20px; text-align: center;} .news_desc{ width: 100%; float: left; padding: 13px 0px; margin-top: 10px; border-bottom: 1px solid #d9d9d9; font-size: 16px; color: #9b9a9a; text-align: center;} .news_time{ float: right; font-size: 16px; color: #fff;} .news_time span{ color: #a1a1a1; cursor: pointer;} .news_time span:hover{ color: #fff;} .news_info{ width: 100%; float: left; margin-top: 20px; text-align: left; padding: 2%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px; line-height: 35px; border-bottom: 1px solid #919191; padding-bottom: 50px;} .news_info img{ max-width: 100%; height: auto !important;} .news-page{ float: left; width: 100%; margin: 44px 0 72px 0; position: relative; text-align: left;} .news-page .news-page-1{ float: left; width: 80%; position: relative; font-size: 18px; height: 40px; line-height: 40px; } .news-page .news-page-1 span{ position: relative; float: left; margin-left: 22px; width: auto; height: 40px; line-height: 38px; font-size: 18px; border-radius: 20px; text-align: center; color: #666666; text-align: center; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .news-page .news-page-1 a{ display: block; float: left; width: calc(100% - 250px); height: 40px; line-height: 40px; font-size: 18px; color: #1c1c1c; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .news-page .news-page-1:hover a{ color: #b2251c; } .news-page .return{ position: absolute; right: 22px; top:14px; width: 146px; height: 52px; line-height: 52px; font-size: 20px; text-align: center; border-radius: 36px; color: #fff; background: #b2251c; } .news-page .return img{ vertical-align: middle; padding-bottom: 3px; margin-right: 16px; } .news-page .return:hover{ opacity: 0.8; } .fwzc{ float: left; position: relative; width: 100%; padding: 100px 0; background: #fff;} .fwzc_title{ font-size: 50px; line-height: 50px; color: #211c22;} .fwzc_desc{ font-size: 20px; margin-top: 22px; width: 100%;} .fwzc_list{ width: 100%; float: left; margin-top: 55px;} .fwzc_list li{ width: 49%; margin-right: 2%; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2% 4% ; margin-bottom: 25px; background: #f6f7f9; } .fwzc_list li:nth-child(2n){ margin-right: 0%;} .fwzc_list li .fwzc_list_tb{} .fwzc_list li .fwzc_list_tb img{height: 65px;} .fwzc_list li .fwzc_list_title{ font-size: 25px; color: #232323; line-height: 35px;} .fwzc_list li .fwzc_list_desc{ font-size: 18px; line-height: 24px; width: 100%; margin-top: 7px; color: #676769; min-height: 50px;} .fwzc_list li .fwzc_list_desc a{ color: #ae251b;} .fwzc_list li .fwzc_list_more{ width: 100%; font-size: 16px; margin-top: 16px; color: #ae251b;} .fwzc_list li .fwzc_list_more a{ color: #ae251b;} .fwzc_list li:hover .fwzc_list_title{ color: #ae251b;} .fwdt{ float: left; position: relative; width: 100%;} .fwdt_list{ width: 100%; float: left;} .fwdt_list li{ display: none; width: 100%; float: left;} .fwdt_list li.on{ display: block;} .fwdt_list li .fwdt_list_tu{ width: 100%; float: left; position: relative; overflow: hidden; padding-bottom:35%; } .fwdt_list li .fwdt_list_tu img{ position: absolute; width: 100%; height: 100%; object-fit: cover;} .fwdt_cont{ width: 100%; position: absolute; top: 46%; transform: translatey(-50%); width: 38%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 4%; background: #fff; box-shadow: 17px 17px 30px #c2c2c2;} .fwdt_title{ font-size: 50px; color: #211c22; line-height: 56px; font-weight: bold;} .fwdt_desc{ font-size: 16px; margin-top: 14px; line-height: 26px;} .fwdt_nav{ float: left; margin-top: 50px; position: relative; width: 350px;} .fwdt_nav_title{ line-height: 50px; padding: 0 21px; padding-right: 61px; border: 1px solid #999; border-radius: 4px; position: relative; cursor: pointer;} .fwdt_nav_title:after{ content: ''; position: absolute; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid rgb(67 67 67); right: 18px; top: 50%; transform: translatey(-50%);} .fwdt_nav_title i{ font-size: 26px; color: #444444; font-weight: bold; padding-right: 17px; border-right: 1px solid #ccc; position: relative; } .fwdt_nav_title span{ font-size: 16px; margin-left: 19px; position: relative; top: 0px; color: #444; width: calc(100% - 65px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: right;} .fwdt_nav_list { position: absolute; width: 100%; border: 1px solid #999; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; display: none; background: #fff;} .fwdt_nav_list li{ font-size: 16px; text-align: center; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 5%; line-height: 40px; cursor: pointer; border-bottom: 1px solid #e7e7e7;} .fwdt_nav_list li:hover,.fwdt_nav_list li.on{ color: #fff; background: #ae251b;} .fwdt_nav_list li .fwdt_nav_list_title{} .case{ width: 100%; float: left; position: relative; padding: 50px 0; background:#fff;} .case_list{ width: 100%; float: left;} .case_list li{ width: 100%; float: left; padding: 36px 0; position: relative;} .case_list li .case_list_tu{ float: right; width: 51%; overflow: hidden; position: relative; padding-bottom: 29%; border-radius: 12px;} .case_list li:nth-child(2n) .case_list_tu{float: left;} .case_list li .case_list_tu img{ position: absolute; width: 100%; height: 100%; object-fit: cover; transition: 0.5s;} .case_list li .case_list_cont{ float: left; width: 44%; position: absolute; left: 0; top: 50%; transform: translatey(-50%);} .case_list li:nth-child(2n) .case_list_cont{ left: auto ; right: 0;} .case_list li .case_list_title{ font-size: 35px; color: #211c22; font-weight: bold; text-shadow: 17px 19px 1px #e9e7e7; } .case_list li .case_list_desc{ font-size: 17px; width: 100%; margin-top: 22px; line-height: 28px; min-height: 84px; color: #666666;} .case_list li .case_list_xt{ width: 100%; position: relative; margin-top: 18px; } .case_list li .case_list_xt_title{ width: 100%; position: relative;} .case_list li .case_list_xt_title:after{content: ''; position: absolute; width: calc(100% - 320px); height: 1px; background: #efefef; top: 50%; transform: translatey(-50%); left: 164px;} .case_list li .case_list_xt_title span{ font-size: 22px; color: #191919;} .case_list_xt_title .case_list-button-prev,.case_list_xt_title .case_list-button-next{ right: 58px; left: auto; top: 57%; background: none; color: #29272a; font-size: 26px; line-height: 26px; height: 26px; width: 26px; padding: 5px; border-radius: 100%;} .case_list_xt_title .case_list-button-prev{ right: 99px; transform: rotate(-180deg);} .case_list_xt_title .case_list-button-prev:hover,.case_list_xt_title .case_list-button-next:hover{ background: #f7e9e8; color: #992e1e;} .case_list li .case_list_xt_list{ width: 92%; position: relative; overflow: hidden; margin-top: 13px;} .case_list li .case_list_xt_list dd{} .case_list li .case_list_xt_list_tu{ width: 100%; overflow: hidden; position: relative; padding-bottom: 68%;border-radius: 5px; } .case_list li .case_list_xt_list_tu img{ position: absolute; width: 100%; height: 100%; object-fit: cover; transition: 0.5s; cursor: pointer;} .case_list li:hover .case_list_title{ color: #992e1e;} .case_list li .case_list_tu img:hover,.case_list li .case_list_xt_list_tu img:hover{ transform:scale(1.1) ;} .cpzx{ width: 100%; float: left; position: relative; padding: 83px 0;} .cpzx_nav{ width: 25%; float: left;} .cpzx_nav .cpzx_nav_title{ font-size: 35px; width: 100%; position: relative; color: #fff; background: #af251b; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 6%; font-weight: bold; line-height: 70px; border-radius: 10px 10px 0 0; margin-bottom: 20px;} .cpzx_nav .cpzx_nav_title img{ position: absolute; right: 0; top: 0;} .cpzx_nav li{ width: 100%; float: left; margin-top: 0px; line-height: 38px;} .cpzx_nav li a{ position: relative; font-size: 20px; color: #211c22; padding: 0 12px; padding-right: 30px; float: left; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .cpzx_nav li a:after{ content: ''; position: absolute; width: 16px; height: 16px; border: 1px solid #ccc; right: 0; top: 50%; transform: translatey(-50%); } .cpzx_nav li:hover a,.cpzx_nav li.on a{ color: #af251b;} .cpzx_nav li:hover a:after,.cpzx_nav li.on a:after{ background: #af251b;} .cpzx_fr{ width: 69%; float: right; position: relative;} .cpzx_lm{ width: 100%; float: left; position: relative;} .cpzx_lm_bg{ width: 100%; float: left; position: relative; overflow: hidden; padding-bottom:46%;} .cpzx_lm_bg img{ position: absolute; width: 100%; height: 100%; object-fit: cover;} .cpzx_lm_cont{ position: absolute; width: 47%; left: 5%; top: 50%; transform: translatey(-50%); -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px; background: #ffffff; border-radius: 12px; box-shadow: 5px 5px 10px #cfc9c9;} .cpzx_lm_cont .cpzx_lm_title{ font-size: 38px; color: #211c22; line-height: 50px; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .cpzx_lm_cont .cpzx_lm_desc{ font-size: 14px; line-height: 20px; margin-top: 7px;} .cpzx_lm_tu { position: absolute; right: 10%; bottom: 0; width: 32%; overflow: hidden; padding-bottom: 36%;} .cpzx_lm_tu img{ position: absolute; width: 100%; height: 100%; object-fit: contain;} .cpzx_list{ width: 100%; float: left; margin-top: 30px;} .cpzx_list li{ width: 48%; float: left; margin-right: 4%; margin-bottom: 10px;} .cpzx_list li:nth-child(2n){ margin-right: 0;} .cpzx_list li .cpzx_list_tu{ width: 100%; float: left; position: relative; overflow: hidden; padding-bottom: 68%; border: 1px solid #ccc; -webkit-box-sizing: border-box; box-sizing: border-box;} .cpzx_list li .cpzx_list_tu img{ position: absolute; width: 100%; height: 100%; object-fit: cover; transition: 0.5s;} .cpzx_list li .cpzx_list_title{ text-align: center; width: 100%; float: left; font-size: 22px; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .cpzx_list li:hover .cpzx_list_tu img{ transform: scale(1.1);} .cpzx_list_page{ text-align: center; width: 100%; float: left; border-top: 1px solid #ccc;} .cpzx_list_page .page_kuan2{ display: inline-block; width:auto; float: none;} .live_top{ width: 100%; float: left; padding: 50px 0; border-bottom: 2px solid #eee;} .live_nav{ width: 92%; margin: 0 4%; display: inline-block; margin-top: 63px;} .live_nav li{ width: 22%; float: left; margin-right: 4%; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2%; background: #f8f9fb; border-radius: 20px; position: relative;} .live_nav li:nth-child(4n){ margin-right: 0;} .live_nav li .live_nav_tb{} .live_nav li .live_nav_tb img{ height: 90px;} .live_nav li .live_nav_tb_bg{ position: absolute; right: -30px; opacity: 0;} .live_nav li .live_nav_tb_bg img{ height: 150px; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); opacity: 0.1; transform: rotate(16deg);} .live_nav li .live_nav_title{ font-size: 30px;} .live_nav li:hover,.live_nav li.on{ background: #af251b;} .live_nav li:hover .live_nav_tb img,.live_nav li.on .live_nav_tb img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);} .live_nav li:hover .live_nav_title,.live_nav li.on .live_nav_title{ color: #fff;} .live_nav li:hover .live_nav_tb_bg,.live_nav li.on .live_nav_tb_bg{ opacity: 1;} .live{ width: 100%; float: left; position: relative; padding: 60px 0; z-index: 2; float: left;} .live_title{ text-align: center; font-size: 50px; line-height: 60px; color: #1b191c;} .live_desc{ text-align: center; font-size: 20px; color: #292929; margin-top: 10px;} .live_list{ width: 100%; float: left; margin-top: 30px;} .live_list li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 25px;} .live_list li:nth-child(3n){ margin-right: 0;} .live_list li .live_list_tu{ width: 100%; position: relative; overflow: hidden; padding-bottom: 66%;} .live_list li .live_list_tu img{ position: absolute; width: 100%; height: 100%; object-fit: cover; transition: 0.5s;} .live_list li .live_list_title{ text-align: center; font-size: 20px; line-height: 40px; margin-top: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .live_list li:hover .live_list_tu img{ transform: scale(1.1);} .live_list li:hover .live_list_title{ color: #af251b;} .live_iframe{width: 100%; float: left; position: relative; overflow: hidden; padding-bottom: 38%; margin-top: 28px; border-radius: 15px; box-shadow: 10px 10px 15px #cfcfcf;} .live_iframe iframe,.live_iframe img{position: absolute; width: 100%; height: 100%; object-fit: cover; transition: 0.5s;} .live_ly{ width: 100%; float: left; position: relative; padding:200px 0 160px; margin-top: -155px; background: #f5f9f8; z-index: 1;} .live_ly_fl{ float: left; width: 37%;} .live_ly_title{ font-size: 50px; line-height: 60px; color: #26252a;} .live_ly_lx{ width: 100%; float: left; margin-top: 36px;} .live_ly_lx li{ width: 100%; float: left; margin-bottom: 65px;} .live_ly_lx_tb{ float: left; margin-right: 20px;} .live_ly_lx_tb i{ font-size: 30px; color: #7e3637; padding: 14px; background: #f9e9ec; border-radius: 10px;} .live_ly_lx_cont{ width: calc(100% - 80px); float: left; font-size: 17px; color: #26252a; line-height: 25px; font-weight: bold; margin-top: 5px;} .live_ly_lx_cont a,.live_ly_lx_cont span{ float: left; width: 100%; color: #616161; font-weight: normal;} .live_ly_fr{ float:right; width: 53%;} .live_ly_fr li{float: left; width: 100%;} .live_ly_fr .live_ly_m{ width: 100%;float: left;} .live_ly_fr .live_ly_m .live_ly_m_title{ font-size: 19px; padding-left: 15px; color: #191919; margin-top: 13px; position: relative;} .live_ly_fr .live_ly_m .live_ly_m_title:before{ content: ''; width: 3px; height: 70%; background: #8e3330; position: absolute; left: 0px; top: 15%;} .live_ly_fr .live_ly_m .live_ly_m_input{ width: 100%; float: left; margin-top: 1px;} .live_ly_fr .live_ly_m .live_ly_m_input input{ width: 100%; float: left; border: 0; line-height: 50px; box-shadow: 2px 2px 10px #eaeaea; border-radius: 4px; padding: 0 20px; font-size: 16;} .live_ly_fr .live_ly_m .live_ly_m_input textarea{ width: 100%; float: left; border: 0; line-height: 26px; min-height: 125px; box-shadow: 2px 2px 10px #eaeaea; border-radius: 4px; padding: 10px 20px; font-size: 16;} .live_ly_fr .live_ly_m_2 li{ width: 49%; margin-right: 2%; margin-bottom: 3px;} .live_ly_fr .live_ly_m_2 li:nth-child(2n){ margin-right: 0;} .live_ly_fr .live_ly_m_3 li{ width: 32%; margin-right: 2%;} .live_ly_fr .live_ly_m_3 li:nth-child(3n){ margin-right: 0;} .live_ly_m_button{ width: 100%; float: left; margin-top: 30px; margin-top: 13px;} .live_ly_m_button button{ width: 100%; text-align: center; text-align: center; border: 0px; background: #b0261c; font-size: 20px; color: #fff; line-height: 50px; border-radius: 6px;} .live_ly_m_button button:hover{ opacity: 0.9;} .fwzc_magess{ width: 100%;} .fwzc_magess .live_ly_m .live_ly_m_input textarea{ width: 100%; min-height: 300px;} .live_fl{ width: 45%; float: left;} .live_fl .live_title{ text-align: left;} .live_fl .live_desc{ text-align: left;} .live_fr{ width: 50%; float: right;} .live_fr .live_iframe{ padding-bottom: 50%; margin-top: 0px;} .live2_ship{ width: 100%; padding: 50px 0; background: #f5f9f8; float: left; } .live2_ship_title{ text-align: left; font-size: 50px; line-height: 60px; color: #1b191c; position: relative;} .live2_ship_list{ width: 100%; margin-top: 30px; position: relative; overflow: hidden;} .live2_ship_list li{} .live2_ship_list li .live2_list_tu{ width: 100%; position: relative; overflow: hidden; padding-bottom: 66%;} .live2_ship_list li .live2_list_tu img{position: absolute; width: 100%; height: 100%; object-fit: cover; transition: 0.5s;} .live2_ship_list li .live2_list_btn{ position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} .live2_ship_list li .live2_list_btn i{ color: #af251c; font-size: 24px; padding: 11px 20px; background: #ffffff; border-radius: 11px;} .live2_ship_list li .live2_list_btn i:hover{ background: #af251c; color: #fff;} .live2_ship_list li .live2_list_title{ text-align: center; font-size: 20px; line-height: 40px; margin-top: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .live2_ship_list li:hover .live2_list_tu img{ transform: scale(1.1);} .live2_ship_title .live2-button-prev,.live2_ship_title .live2-button-next{ right: 0px; left: auto; top: 57%; background: none; color: #29272a; font-size: 26px; line-height: 26px; height: 26px; width: 26px; padding: 5px; border-radius: 100%;} .live2_ship_title .live2-button-prev{ right: 40px; transform: rotate(-180deg);} .live2_ship_title .live2-button-prev:hover,.live2_ship_title .live2-button-next:hover{ background: #f7e9e8; color: #992e1e;} .cp_position{ width: 100%; float: left; padding: 24px 0; background-image: linear-gradient(to top, white 59% , #eeeeee);} .cp_position a{ font-size: 14px; line-height: 30px; margin:0 20px;} .cp_position a:first-child{ margin-left: 0;} .cpxs_top{ width: 100%; float: left; padding: 24px 0;background: #fff; } .cpxs_tj_kuan{ width: 52%; float: right; position: relative;} .cpxs_tj_dt{ width:70%; float: left; position: relative; overflow: hidden; margin-top: -37px; margin-left: -4px;} .cpxs_tj_dt li{} .cpxs_tj_dt li .cpxs_tj_dt_tu{width: 100%; float: left; position: relative; overflow: hidden; padding-bottom:104%; } .cpxs_tj_dt li .cpxs_tj_dt_tu img{ position: absolute; width: 100%; height: 100%; object-fit: cover; transition: 0.5s;} .cpxs_tj_xt{width: 12%; margin: 0 7%; float: right; position: relative; overflow: hidden; height: 400px; position: absolute; right: 0; top: 45%; transform: translatey(-50%);} .cpxs_tj_xt li{} .cpxs_tj_xt li .cpxs_tj_xt_tu{ width: 100%; float: left; position: relative; overflow: hidden; padding-bottom:100%; border: 2px solid #bbbcbe; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 100%; cursor: pointer;} .cpxs_tj_xt li .cpxs_tj_xt_tu img{ position: absolute; width: 100%; height: 100%; object-fit: cover; transition: 0.5s; } .cpxs_tj_xt li.swiper-slide-thumb-active .cpxs_tj_xt_tu,.cpxs_tj_xt li.swiper-slide-active .cpxs_tj_xt_tu{ border: 2px solid #b0261c;} .cpxs_cont{ width: 38%; float: left; } .cpxs_title{ width: 100%; margin-top: 80px; font-size: 50px; line-height: 50px; color: #211c22; text-shadow: 19px 19px 1px #e9e7e7; /*word-break: break-all;*/} .cpxs_desc{ width: 100%; margin-top: 37px; font-size: 15px; line-height: 23px;} .cpxs_desc p{ padding-left: 21px; margin-top: 6px; position: relative;} .cpxs_desc p:before{content: ''; position: absolute; width: 4px; height: 4px; background: #6b6b6b; border-radius: 100%; left: 9px; top: 10px;} .cpxs_inquiry{ margin-top: 62px;} .cpxs_inquiry a{ float: left; padding: 7px 30px; color: #fff; text-transform: uppercase; font-size: 15px; background: #af251b; border-radius: 100px;} .cpxs_inquiry img{ margin-right: 15px; position: relative; top: 3px;} .cpxs_inquiry span{ position: relative; top: -2px;} .cpxq_qhnav{ width: 100%; float: left; border-top: 2px solid #f8f8f8; background: #fff;} .cpxq_qhnav_fd{ position: fixed; top: 90px; z-index: 999; border-bottom: 2px solid #f8f8f8; } .cpxq_nav{ float: left; } .cpxq_nav li{ position: relative; float: left; font-size: 23px; margin-right: 53px; color: #2a2a2a; line-height: 80px; cursor: pointer;} .cpxq_nav li:after{content: ''; position: absolute; width: 50px; height: 3px; background: #fff; bottom: 0; left: 50%; transform: translatex(-50%);} .cpxq_nav li.on:after,.cpxq_nav li:hover:after{background: #ab271b;} .cpxq_nav_top{ float: right; font-size: 21px; margin-right: 3.7%; padding-top: 26px; position: relative; color: #af2219; cursor: pointer;} .cpxq_nav_top:after{ content: ''; position: absolute; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid rgb(175 37 28); left: 50%; transform: translatex(-50%); top: 20px;} .cpxq_bot{ width: 100%; float: left; padding: 43px 0; background: #f8f9fb;} .cpxq_bot .cpxq_info{ width: 98%; float: left; margin: 0 1%; color: #1d1a21;display: none; min-height: 300px} .cpxq_bot .cpxq_info.on{ display: inline-block;} .cpxq_bot .cpxq_info img{ max-width: 100%;} .cpxq_info .cpxq_info_bk{ width: 100%; margin-top: 30px; -webkit-box-sizing: border-box; box-sizing: border-box;padding: 3% 3% 2%; background: #fff; box-shadow: 0px 0px 10px #e7e7e7; margin-bottom: 28px;} .cpxq_info .cpxq_info_bk p.cpxq_info_pd{ font-size: 16px; padding-left: 17px; line-height: 23px; margin-bottom: 19px; position: relative;} .cpxq_info .cpxq_info_bk p.cpxq_info_pd:before{ content: '';position: absolute; width: 8px; height: 8px; overflow: hidden; background: #a32109; border-radius: 100px; left: 0; top: 8px;} .cpxq_cptj{ width: 100%; display: inline-block; position: relative; padding: 80px 0; background: #fff;} .cpxq_cptj_title{ color: #333333; font-size: 40px;} .cpxq_cptj_kuan{ width: 100%; display: inline-block; position: relative;} .cpxq_cptj_list{ width: 100%; display: inline-block; position: relative;margin-top: 24px; overflow: hidden; padding-bottom: 20px;} .cpxq_cptj_list ul{ height: auto;} .cpxq_cptj_list li{ float: left; border: 1px solid #cbcbcb;-webkit-box-sizing: border-box; box-sizing: border-box;} .cpxq_cptj_list li:nth-child(5n){ margin-right:0%;} .cpxq_cptj_list li .cpxq_cptj_list_tu{ width:calc(100% - 2px);position: relative; padding-bottom: 75%; overflow: hidden; background: #fff;} .cpxq_cptj_list li .cpxq_cptj_list_tu img{ width: 100%; height: 100%; position: absolute; object-fit: cover; transition: 0.5s;} .cpxq_cptj_list li .cpxq_cptj_list_title{ color: #333333; font-size: 20px; width: 100%; text-align: center; line-height: 25px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;overflow: hidden; margin: 20px 0;} .cpxq_cptj_list li:hover .cpxq_cptj_list_tu img{ transform:scale(1.1);} .cpxq_cptj_list li:hover .cpxq_cptj_list_title{ color: #af2219;} .cptj-button-prev,.cptj-button-next{margin-top:0; top: 40%; width: 30px; height: 30px; left: -50px; background: none; font-size: 30px; transform:translatey(-50%); color: #ea5624; outline: none;} .cptj-button-next{ right: -50px;left: auto;} .down_list{ width: 100%; float: left; margin-top: 30px;} .down_list li{ width: 49.5%; margin-right: 1%; margin-bottom: 10px; float: left; border-radius: 10px; overflow: hidden; background: #f1f1f1;} .down_list li:nth-child(2n){ margin-right: 0;} .down_list li a{ width: 100%; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5%;} .down_list_title{ color: #010101; float: left; font-size: 18px; line-height: 30px; width: calc(100% - 50px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .down_list_tb{ float: right; width: 30px; margin-top: 7px; } .down_list_tb img{ -webkit-filter: brightness(0) invert(0.8); filter: brightness(0) invert(0.8);} .down_list li:hover{ background: #e2e2e2;} .down_list li:hover .down_list_title{ } .down_list li:hover .down_list_tb img{ -webkit-filter: unset; filter: unset; } /* 询单栏 */ .overf-h { overflow: hidden; } .pb30 { padding-bottom: 30px !important; } .pt30 { padding-top: 60px !important; } .w100 { width: 100%; } .mar { margin: 0 auto; } .cart table { width: 100%; line-height: 40px; text-align: center; border: 1px solid #ddd; } .cart table tr { transition: all .5s; height: 30px; line-height: 30px; border: 1px solid #ddd; } .cart table td { padding: 15px; border: 1px solid #ddd; } .cart table input { text-align: center; height: 30px; border: 1px solid; } .cart .contentp { text-align: right; } .cart .contentp input { background-color: #af2219; color: #fff; padding: 10px 22px; border: none; cursor: pointer; display: inline-block; border: 1px solid #ccc; } #form input[type="text"].from { width: 258px; } #form input[type="text"].subject { width: 458px; } #form textarea, #form input[type="text"] { display: inline-block; vertical-align: middle; zoom: 1; height: 40px; padding: 0px 5px; font-size: 12px; line-height: 40px; color: #333; border: 1px solid #cccccc; } #form { padding: 30px; margin: 30px auto; width: 980px; border: 1px solid #ddd; position: relative; } #form .w100p { width: 100%; padding: 10px 0px; } #form .w100p p { font-size: 14px; line-height: 28px; border: 1px solid #cccccc; display: inline-block; padding: 5px 20px; margin: 0; } #form .w100p span { display: block; margin-right: 20px; font-size: 14px; float: left; width: 170px; text-align: right; color: #222; line-height: 28px; } #form .w100p span i { color: #ff0000; margin-right: 5px; } #form .w100p .lh { line-height: 38px; } #form .w100p .btn{ background: #cccccc; } #form textarea { width: 470px; height: 150px; line-height: 1.5; resize: both; border: 1px solid #ccc; } .tips { top: 10px; left: 680px; color: #555; background: #dbe9ff; border: 1px solid #b4c9e7; position: absolute; padding: 5px 10px 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; font-size: 12px; } .tips-con { line-height: 21px; } .tips .arrow-left .arrow-in { border-right: 8px solid #dbe9ff; margin: -8px 0 0 -7px; } .tips .arrow { position: absolute; zoom: 1; width: 0px; height: 0px; line-height: 0; font-size: 0; border: 8px dashed transparent; } .tips .arrow-left { border-right: 8px solid #b4c9e7; top: 20px; left: -16px; } .dosubmit{ margin-left: 190px;} .dosubmit .btn { font-size: 14px; font-weight: 600; text-transform: uppercase; padding: 15px 28px; border-width: 2px; line-height: 1; color: #666666; border: 0px; } .head_nav_wap{ display: none;} @media (max-width:1400px) { .header_nav li{ margin: 0px 20px;} .banner li .banner_wz1{ font-size: 45px; line-height: 45px;} .banner li .banner_wz2{ font-size: 45px; line-height: 45px;} .banner li .banner_more{ margin-top: 30px;} .banner li .banner_more span{ font-size: 16px; padding: 4px 18px;} .i_ys li{ width: 32%; margin-right: 2%;} .i_ys li .i_ys_title{ font-size: 18px;} .i_ys li .i_ys_desc{ font-size: 13px; min-height: 130px;} .i_cp_top_list_cpname{ font-size: 40px;} .i_cp_top_list_title{ font-size: 45px; line-height: 50px; } .i_cp_top_list_desc{ display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow:hidden;} .i_cp_top_list .i_cp_top_jt{ top: 59%;} .i_cp_top_list li .i_cp_top_list_tu{ padding-bottom: 650px;} .i_cp_top_list .swiper-button-next{left: 70px;} .i_cp_bot{ bottom: -17.7%;} .i_cp_bot_list li .i_cp_bot_list_title{ font-size: 20px;} .i_cp_bot_list li .i_cp_bot_list_sortname{ font-size: 20px;} .i_faq{ padding:150px 0 100px;} .i_faq_title{ font-size: 40px; line-height: 50px;} .i_faq_list li{ padding: 20px 0;} .i_faq_list li .i_faq_list_title{ font-size: 20px;} .i_al_title{ font-size: 45px;} .i_al_list{ margin-top: 30px;} .i_al_list .swiper-button-next, .i_al_list .swiper-button-prev{ font-size: 25px; line-height: 25px;} .i_al_list li .i_al_list_desc{ width: 100%;} .i_fw_title{ font-size: 40px;} .i_fw_more a{ font-size: 14px; padding: 5px 20px;} .footer_dy_form input{ width: 220px;} .about_nav{ margin-top: 60px;} .about_nav_title span{ font-size: 100px;} .about_nav_title img{ height: 65px;} .about_nav_list{ margin-top: 10px;} .about_nav_list li{margin-right: 35px;} .about_nav_list li a{ font-size: 18px;} .about_nav_fr img { height: 100px; } .gsjj{ margin-top: 140px;} .gsjj_cont{ margin-top: 30px;} .gsjj_title{ font-size: 110px; line-height: 110px;} .gsjj_desc{ font-size: 40px; line-height: 44px; margin-top: -50px;} .gsjj_sz li .gsjj_sz_title{ font-size: 60px;} .gsjj_sz li .gsjj_sz_desc{ font-size: 20px;} .gchang_title{ font-size: 45px; line-height: 60px;} .gchang_list li .gchang_list_li .gchang_list_title{ font-size: 22px; line-height: 50px;} .about_ys_list li .about_ys_list_desc{ font-size: 14px;} .about_ys_title{ font-size: 45px;} .hzhb_title{ font-size: 45px; line-height: 60px;} .whysm_title{ font-size: 40px;} .whysm_desc{ font-size: 18px;} .whysm_list{ margin-top: 50px;} .whysm_list li{ padding: 1%;} .whysm_list li .whysm_list_title{ font-size: 18px; margin-top: 5px;} .whysm_list li .whysm_list_desc{ font-size: 14px;} .qyfg_title{ font-size: 40px;} .qyfg_list li .qyfg_list_title{ font-size: 24px;} .qyfg_list li .qyfg_list_tb img{ height: 80px } .wmdsm_title{ font-size: 40px;} .wmdsm_list li .wmdsm_list_title{font-size: 32px; padding-left: 30px; padding-right: 60px;} .fzlc_list li .fzlc_list_title{ font-size: 50px;} .fzlc_list li .fzlc_list_cont{ font-size: 22px;} .yfsl_title{ font-size: 36px; padding-bottom: 0px; margin-top: 0;} .yfsl_desc{ font-size: 18px; margin-top: 20px;} .yfsl_fr_title{ right: 8%; font-size: 14px; line-height: 18px;} .syxm_title{ font-size: 40px;} .syxm_list li .syxm_list_title{ font-size: 16px; margin-top: 10px;} .ryyzs_title{ font-size: 40px;} .ryyzs_list_kuan{ margin-top: 50px;} .ryyzs_list li.swiper-slide-active .ryyzs_list_title{ font-size: 18px; margin-top: 26px;} .honor_nav_title{ font-size: 40px; line-height: 40px;} .honor_nav li a{ font-size: 18px;} .honor_list li .honor_list_title{ font-size: 18px;} .zpxx_title{ font-size: 40px;} .zpxx_list li .zpxx_list_title{ font-size: 18px; width: 39%;} .gztp_title{ font-size: 40px;} .live_nav{ margin-top: 30px;} .live_nav li .live_nav_title{ font-size: 24px;} .live_ly_fr .live_ly_m .live_ly_m_title{ font-size: 16px;} .case_list li .case_list_title{ font-size: 28px;} .case_list li .case_list_desc{ line-height: 21px; min-height: 84px;} .case_list li .case_list_xt_title span{ font-size: 22px;} .fwzc_title{ font-size: 40px;} .fwzc_desc{ font-size: 16px; margin-top: 10px; } .fwzc_list{ margin-top: 40px;} .fwzc_list li .fwzc_list_title{ font-size: 22px;} .fwzc_list li .fwzc_list_desc{ font-size: 16px;} .fwzc_list li .fwzc_list_more{ font-size: 14px;} .fwdt_title{ font-size: 40px;} .fwdt_desc{ font-size: 14px; margin-top: 10px;} .fwdt_nav{ margin-top: 20px;} .fwdt_list li .fwdt_list_tu{ padding-bottom: 44%;} .contact{ padding: 80px 0;} .contact_title{ font-size: 40px; line-height: 50px;} .contact_list li .contact_list_title{ font-size: 20px;} .contact_list li .contact_list_desc a{ font-size: 30px;} .contact_list li.add{ width: 50%;} .news_nav li{ font-size: 20px; margin-right: 30px;} .news_list li .news_list_cont{ margin-top: 20px;} .news_list li .news_list_title{ font-size: 18px;} .news_list li .news_list_time{ font-size: 14px;} .news_list li .news_list_time span{ font-size: 45px;} .news_list li .news_list_desc{ font-size: 14px;} .news_tj_list li .news_tj_list_title{ font-size: 16px;} .news_tj_list li .news_tj_list_time{ font-size: 14px;} .cpzx_nav .cpzx_nav_title{ font-size: 28px;} .cpzx_nav li a{ font-size: 18px;} .cpzx_lm_cont{ padding: 20px;} .cpzx_lm_cont .cpzx_lm_title{ margin-top: 0px; font-size: 28px; line-height: 35px;} .cpzx_lm_cont .cpzx_lm_desc{ font-size: 12px; margin-top: 0px;} .cpzx_list li .cpzx_list_title{ font-size: 20px;} .cpxs_tj_xt{ top: 50%;} .cpxs_title{ margin-top: 20px; text-shadow: 10px 10px 1px #e9e7e7;} .cpxs_desc{ margin-top: 30px; font-size: 14px;} .cpxs_inquiry { margin-top: 20px; } .cpxs_inquiry a{ padding: 7px 20px; font-size: 14px;} .cpxs_inquiry img{ margin-right: 10px; height: 20px;} .cpxq_nav li{font-size: 18px; margin-right: 40px; line-height: 64px;} .cpxq_nav_top{ font-size: 17px;} .cpxs_tj_xt{ height: 300px;} } @media (max-width:1200px) { .header_logo img{ height: 45px;} .header_nav li{ margin: 0px 15px;} .header_nav li a{ font-size: 14px;} .header_lang{margin: 35px 20px 0;} .banner li .banner_wz1{ font-size: 42px; line-height: 42px;} .banner li .banner_wz2{ font-size: 42px; line-height: 42px;} .banner li .banner_more{ margin-top: 20px;} .banner li .banner_more span{ font-size: 16px; padding: 4px 18px;} .i_sztj_list{ margin: 20px 0;} .i_sztj_list li .jtjj_sztj_title{ font-size: 60px;} .i_about_bot{ margin-top: 30px;} .i_about_bot_fl_title{ font-size: 35px; line-height: 40px; margin-top: 0px; } .i_about_bot_fl_list li i{ font-size: 12px; line-height: 12px; position: relative; top: -3px;} .i_about_bot_fr_title{ font-size: 26px; line-height: 35px;} .i_cp_top_list li .i_cp_top_list_tu { padding-bottom: 550px; } .i_cp_top_list_cont{ top: 14%;} .i_cp_top_list_cpname { font-size: 30px; line-height: 40px; } .i_cp_top_list_title { font-size: 35px; line-height: 45px; } .i_cp_top_list .swiper-button-next, .i_cp_top_list .swiper-button-prev{ font-size: 16px; line-height: 16px;} .i_cp_bot { bottom: -20.7%; } .i_cp_bot_list li .i_cp_bot_list_jt{ font-size: 30px;} .i_faq_title{ font-size: 35px;} .i_faq_list li .i_faq_list_title{ line-height: 28px;} .i_faq_list li .i_faq_list_title i{ top: 50%; transform: translatey(-50%)} .i_faq_list li.on .i_faq_list_title i{ transform: translatey(-50%) rotate(-90deg);} .i_al{ padding: 50px 0;} .i_al_title { font-size: 40px; } .i_al_list li .i_al_list_title{ font-size: 32px;} .i_fw_title { font-size: 30px; padding-bottom: 10px; } .i_fw_desc{ font-size: 14px;} .i_fw_more { margin-top: 10px; } .footer_tel a{ font-size: 30px;} .footer_nav li .footer_nav_title a{ font-size: 16px;} .footer_nav li .footer_nav_zi a{ font-size: 13px;} .footer_dy_title,.footer_fx_title{ font-size: 16px;} .footer_dy_form{ margin-top: 10px;} .footer_dy_form input { width: 180px; font-size: 14px; } .about_nav_list li { margin-right: 30px; } .about_nav_list li a{ font-size: 16px;} .gsjj_info,.gchang_desc{ font-size: 14px;} .gchang_list li .gchang_list_li .gchang_list_title{ font-size: 18px;} .about_ys_list li .about_ys_list_desc{ font-size: 12px;} .whysm{ padding: 50px 0;} .whysm_title { font-size: 32px; } .whysm_desc { font-size: 16px; } .whysm_list li .whysm_list_tb img { height: 50px; } .whysm_list li .whysm_list_title{ font-size: 16px;} .qyfg{ padding: 50px 0;} .qyfg_list{ margin-top: 32px;} .qyfg_yq_logo img{ height: 60px;} .qyfg_yq_title{ font-size: 26px;} .qyfg_list li .qyfg_list_sz{ padding: 5px;} .qyfg_list li .qyfg_list_tb img{ height: 60px;} .qyfg_list li .qyfg_list_title{ font-size: 22px; margin-left: 20px; height: 70px;} .qyfg_jt{ width: 20%; margin-top: 75px;} .qyfg_yq{ margin-top: 22px;} .wmdsm{ padding-top: 50px;} .wmdsm_list li{ padding: 50px 0;} .wmdsm_list li .wmdsm_list_title{ font-size: 28px; line-height: 40px; padding-top: 0;} .wmdsm_list li .wmdsm_list_desc{ font-size: 14px; margin-top: 10px; margin-left: 2%;} .fzlc{ padding-top: 50px;} .fzlc_list li .fzlc_list_title:before{right: -7px;} .fzlc_list li .fzlc_list_fr{ width: 73%; min-height: 150px;} .yfsl{ padding: 50px 0;} .yfsl_title{ font-size: 32px;} .yfsl_desc{ font-size: 16px; margin-top: 20px;} .yfsl_fr{ width: 54%;} .syxm{ padding: 50px 0;} .ryyzs{ padding-top:50px; margin-top: 0px;} .ryyzs_list{ padding: 30px 0;} .ryyzs_list_kuan .swiper-button-next, .ryyzs_list_kuan .swiper-button-prev{ font-size: 18px; line-height: 18px;} .honor{ padding: 50px 0;} .honor_nav_title { font-size: 32px; line-height: 40px; } .honor_list li .honor_list_title{ font-size: 16px; line-height: 20px;height: 40px;} .honor_list li .honor_list_tu img{ border: 5px solid #2c2c2e;} .honor_list_more span{ font-size: 16px;} .zpxx{ margin-top: 0;} .zpxx{ padding-top: 50px;} .zpxx_list{ width: 100%;} .zpxx_list ul{ margin-top: 20px;} .zpxx_fr{display: none;} .live_nav{ margin-top: 0px;} .live_nav li .live_nav_tb img{ height: 70px; } .live_nav li .live_nav_title{ font-size: 20px;} .live_title,.live_ly_title,.live2_ship_title{ font-size: 40px; line-height: 50px;} .live_desc{ font-size: 18px;} .live_ly{ padding: 180px 0 50px;} .live_ly_lx_cont{ font-size: 14px;} .case_list li .case_list_title { font-size: 24px; text-shadow: 10px 13px 1px #e9e7e7;} .case_list li .case_list_desc{ font-size: 15px; margin-top: 14px;} .case_list li .case_list_xt_title span { font-size: 18px; } .n_banner_title{ font-size: 40px;} .fwzc{padding: 50px 0;} .fwdt_title { font-size: 32px; } .fwdt_cont{ width: 50%;} .fwdt_nav_title{ padding: 0 15px; padding-right: 45px;} .fwdt_nav_title i{ font-size: 20px; top: 1px;} .contact { padding: 50px 0; } .contact_list li{ margin: 20px 0;} .contact_list li .contact_list_desc span{ font-size: 16px; line-height: 28px;} .contact .map{ height: 600px;} .contact_list li .contact_list_desc a { font-size: 26px; } .news{ padding: 50px 0;} .news_nav li{ font-size: 18px; margin-bottom: 0px;} .news_list li .news_list_time{ width: 75px; margin-top: 7px;} .news_list li .news_list_time span{ font-size: 36px; line-height: 40px;} .news_list li .news_list_title { font-size: 16px; } .news_list li .news_list_desc{ font-size: 12px;} .news_sreach_title{ font-size: 22px;} .news_sreach_form input{ line-height: 38px;} .news_sreach_form button{ font-size: 22px; line-height: 38px;} .news_tj{ margin-top: 20px;} .news_tj_title{ font-size: 20px;} .news_tj_list{ margin-top: 10px; padding: 10px;} .cpzx{ padding: 50px 0;} .cpzx_nav{ width: 29%;} .cpzx_nav .cpzx_nav_title { font-size: 24px; margin-bottom: 10px;} .cpzx_nav li{ line-height: 32px;} .cpzx_nav li a { font-size: 16px; } .cpzx_nav li a:after{ width: 12px; height: 12px;} .cpzx_lm_bg{ padding-bottom: 52%;} .cpzx_lm_cont{ width:50%;} .cpzx_lm_cont .cpzx_lm_title{ font-size: 22px;} .cpzx_list li .cpzx_list_title { font-size: 18px; } .cpxs_title{ margin-top: 0; font-size: 40px;} .cpxs_desc{ margin-top: 20px;} .cpxq_nav li{ font-size: 16px;} .cpxq_cptj{ padding: 50px 0;} .cpxq_cptj_list li .cpxq_cptj_list_title{ font-size: 16px; margin: 10px 0;} } @media (max-width:999px) { .header_logo{ margin: 15px 0;} .header_nav,.header_lang,.header_search{ display: none;} .head_nav_wap{ display: inline-block;} .banner li .banner_wz1,.banner li .banner_wz2{ font-size: 30px; line-height: 30px; } .banner li .banner_more span { font-size: 14px; padding: 1px 15px; } .i_about{ padding: 50px 0;} .i_sztj_list{ margin-top: 0px;} .i_sztj_list li .jtjj_sztj_title { font-size: 40px; line-height: 50px; } .i_sztj_list li .jtjj_sztj_desc{ font-size: 14px;} .i_about_bot_fl{ width: 100%;} .i_about_bot_fl_title{ font-size: 26px; line-height: 35px;} .i_about_bot_fl_list li a{ font-size: 18px;} .i_about_bot_fl_list li i{ font-size: 10px; margin-right: 9px;} .i_about_bot_fr{ width: 100%;margin-top: 30px;} .i_about_bot_fr_desc{ font-size: 14px;} .i_about_bot_fr_more{ margin-top: 15px; } .i_about_bot_fr_more a{ font-size: 14px;} .i_ys{ margin-top: 30px;} .i_ys li{width: 100%; margin-bottom: 2%;} .i_ys li .i_ys_desc{ min-height: auto;} .i_cp_top_list_cpname { font-size: 26px; line-height: 40px; } .i_cp_top_list_title { font-size: 26px; line-height: 36px; } .i_cp_top_list_desc{ width: 50%; font-size: 14px;} .i_cp_top_list .i_cp_top_jt{ top: 49%;} .i_cp_top_list .swiper-button-next, .i_cp_top_list .swiper-button-prev { font-size: 12px; line-height: 12px; padding: 8px; } .i_cp_top_list .swiper-button-next{left: 55px;} .i_faq { padding: 150px 0 50px; } .i_faq_title{ width: 100%; float: left; font-size: 30px;} .i_faq_list{ width: 100%; float: left;} .i_faq_list li .i_faq_list_title{ font-size: 18px;} .i_faq_list li .i_faq_list_cont{ line-height: 20px; width: 100%;} .i_faq_more{ text-align: center;} .i_faq_more a{ font-size: 16px;} .i_al_title { font-size: 30px; } .i_al_list li .i_al_list_title { font-size: 26px; line-height: 35px; } .i_al_list li .i_al_list_desc{ font-size: 14px; line-height: 20px; margin-top: 5px;} .i_al_list .swiper-button-next, .i_al_list .swiper-button-prev { left: -8.5%; font-size: 20px; line-height: 20px; } .i_al_list .swiper-button-next{ right: -8.5%; left: auto;} .footer_top_t{border-bottom:0;padding-bottom:0} .footer_logo{ width: 100%; margin-top: 0px; text-align: center;} .footer_tel{ margin-top: 20px; width: 100%; text-align: center;} .footer_tel a { font-size: 26px; } .footer_nav{ display: none;} .footer_lx{ width: 100%;} .footer_fx{ text-align: center;} .footer_fx_li{ float: none; display: inline-block;} .footer_dy{ text-align: center; margin-top: 20px;} .footer_dy_form{ float: none; display: inline-block;} .footer_top_b{ min-height: auto; padding-bottom: 50px;} .header_n_h{ height: 76px;} .about_nav { margin-top: 30px; } .about_nav_title span { font-size: 80px; margin-right: 30px; line-height: 100px; } .about_nav_title img{ height: 55px;} .about_nav_list { margin-top: 0px; } .about_nav_fr img { height: 70px; } .gsjj_ship{ margin-top: -155px;} .gsjj_title { font-size: 80px; line-height: 80px; } .gsjj_desc{ font-size: 35px; line-height: 40px; padding-bottom: 15px;} .gsjj_info br{ display: none;} .gsjj_sz{ margin: 40px 0;} .gsjj_sz li .gsjj_sz_title { font-size: 45px; } .gsjj_sz li .gsjj_sz_desc { font-size: 16px; } .gchang{ padding: 50px 0;} .gchang_fl{ width: 100%;} .gchang_title { font-size: 35px; line-height: 40px; } .gchang_desc{ margin-top: 5px;} .gchang_jt{ margin-top: 20px;} .gchang_list{ width: 100%;} .about_ys{ padding: 50px 0;} .about_ys_title { font-size: 35px; line-height: 40px; } .about_ys_desc{ font-size: 16px;} .about_ys_list{ margin-top: 30px;} .about_ys_list li .about_ys_list_tb img{ height: 50px;} .about_ys_list li .about_ys_list_title{ font-size: 18px;} .hzhb{ padding: 50px 0;} .hzhb_title{ font-size: 35px; line-height: 40px;} .whysm_title{line-height: 55px; width: 100%;} .whysm_desc{ width: 100%;} .whysm_list{ margin-top: 20px;} .whysm_list li{ width: 32%; margin-right: 2%;} .whysm_list li:nth-child(3n){ margin-right: 0;} .qyfg_title { font-size: 32px; } .qyfg_yq_logo img { height: 45px; } .qyfg_yq_title { font-size: 22px; } .qyfg_list li{ padding: 8px 10px;} .qyfg_list li .qyfg_list_title{ height: 60px;} .wmdsm_title { font-size: 32px; } .wmdsm_list li { padding: 50px 0; } .wmdsm_list li .wmdsm_list_tu{ width: 100%; padding-bottom: 57%;} .wmdsm_list li .wmdsm_list_cont{ width: 100%;} .wmdsm_list li .wmdsm_list_title{ padding-bottom: 2%;} .wmdsm_list li .wmdsm_list_title:before{ background-size: 15px;} .wmdsm_list li .wmdsm_list_title:after{ background-size: 35px;top: auto; bottom: 0;} .fzlc_list li .fzlc_list_title { font-size: 35px; } .fzlc_list li .fzlc_list_cont { font-size: 16px; line-height: 28px; } .fzlc_list li .fzlc_list_title:after{ width: 60px; height: 60px; right: -30px;} .fzlc_logo{ width: 60px; height: 60px; top: 17px;} .yfsl{ margin-top: 0;} .yfsl_fl{ float: left; width: 100%;} .yfsl_desc{ margin-top: 10px;} .yfsl_fr{ width: 100%;} .syxm_title { font-size: 32px; } .honor_fl{ display: none;} .honor_list{ width: 100%;} .ryyzs{ padding-bottom: 0;} .ryyzs_title { font-size: 32px; } .ryyzs_list li.swiper-slide-active .ryyzs_list_title{ font-size: 14px; margin-top: 25px;} .ryyzs_list_kuan { margin-top: 20px; } .zpxx_title { font-size: 32px; line-height: 40px;} .gztp{ padding: 50px 0;} .gztp_title { font-size: 32px; } .gztp_list{ margin-top: 20px; padding-bottom: 40px;} .gztp_list .swiper-scrollbar{ top: 10px;} .live{ padding: 50px 0;} .live_nav li{ width: 24%; margin-right: 1.25%; border-radius: 10px;} .live_nav li .live_nav_tb img{ height: 55px;} .live_nav li .live_nav_tb_bg img{height: 100px;} .live_nav li .live_nav_title { font-size: 18px; } .live_title, .live_ly_title,.live2_ship_title { font-size: 32px; line-height: 40px; } .live_desc { font-size: 16px; } .live_ly { padding: 140px 0 50px; } .live_ly_fl{ width: 100%;} .live_ly_lx{ margin-top: 20px;} .live_ly_lx_cont{ margin-top: 0px;} .live_ly_lx li{ margin-bottom: 30px;} .live_ly_fr{ width: 100%;} .live_list li .live_list_title{ font-size: 18px; line-height: 40px; margin-top: 5px; } .case_list li{ padding: 20px 0;} .case_list li .case_list_tu{ width: 100%; padding-bottom: 50%;} .case_list li .case_list_cont{ width: 100%; position: relative; top: 10px; transform: none;} .case_list li .case_list_xt_list{ width: 100%;} .case_list li .case_list_desc{ min-height: auto;} .case_list li .case_list_xt_title:after{ width: calc(100% - 220px); left: 130px;} .case_list_xt_title .case_list-button-prev, .case_list_xt_title .case_list-button-next{ right: 0;} .case_list_xt_title .case_list-button-prev{ right: 40px;} .n_banner_title{ font-size: 40px;} .news_title{ margin-top:0; font-size: 30px; line-height: 30px;} .news_desc{ margin-top: 30px; } .news-page{margin: 30px 0;} .news-page .news-page-1{ font-size: 16px;height: 35px; line-height: 35px;} .news-page .news-page-1 span{ font-size: 16px;height: 35px; line-height: 35px;} .news-page .news-page-1 a{ height: 35px; line-height: 35px; font-size: 16px;} .news-page .return{ width: 130px; height: 40px; line-height: 40px; font-size: 16px;} .fwzc_title { font-size: 32px; } .fwzc_desc { font-size: 14px; margin-top: 5px; line-height: 22px; } .fwzc_list li{ padding: 2%;} .fwzc_list li .fwzc_list_title{ font-size: 18px;margin-top: 0px;} .fwzc_list li .fwzc_list_desc{ font-size: 14px; min-height: 75px;} .fwdt_list li .fwdt_list_tu { padding-bottom: 50%; } .fwdt_nav_title{ width: 250px; line-height: 35px;} .fwdt_nav_title span{ font-size: 14px;} .fwdt_desc{ font-size: 12px; line-height: 22px;} .fwdt_title { font-size: 28px; line-height: 46px;} .down_list li .down_list_dx{ display: none;} .down_list li .down_list_xz{ width: 19%;} .down_list li .down_list_email{ width: 20%;} .contact_title { font-size: 32px; line-height: 50px; } .contact_list li{ width: 50%;} .contact_list li.add { width: 100%; } .contact_list li .contact_list_desc a { font-size: 20px; } .contact .map { height:500px; } .news { padding: 30px 0; } .news_nav li{ font-size: 16px;} .news_list{ margin-top: 20px;} .news_fl{ width: 100%;} .news_fr{ width: 100%; margin-top: 10px;} .news_tj { display: none;} .news_sreach_title{ display: none;} .news_list li{ margin-bottom: 20px;} .news_list li .news_list_cont { margin-top: 10px; } .cpzx_nav{ display: none;} .cpzx_fr{ width: 100%;} .cpzx_lm_bg { padding-bottom: 46%; } .cpxs_tj_kuan{ width: 100%;} .cpxs_tj_xt { height: 400px; } .cpxs_cont{ width: 100%;} .cpxq_bot{ padding: 30px 0;} .cptj-button-prev, .cptj-button-next{ display: none;} .cpxq_cptj_title{ font-size: 32px;} .about_nav_fr i{ font-size: 25px; line-height: 25px;} .cpxq_qhnav_fd{ top: 76px;} } @media (max-width:799px) { .banner li .banner_wz1, .banner li .banner_wz2 { font-size: 22px; line-height: 30px; } .banner li .banner_more { margin-top: 10px; } .banner li .banner_more span { font-size: 12px; padding: 1px 15px; border: 1px solid #a3a9a5; } .i_about { padding: 30px 0; } .i_about_bot_fr_desc{ line-height: 24px;} .i_cp_top_list li .i_cp_top_list_tu { padding-bottom: 500px; } .i_cp_top_list li .i_cp_top_list_tu img{ width: 200%;} .i_cp_top_list_cont { top: 7%; } .i_cp_top_list_desc{ width: 100%;} .i_cp_bot_list li .i_cp_bot_list_title,.i_cp_bot_list li .i_cp_bot_list_sortname{ font-size: 16px; line-height: 22px;} .i_cp_bot_list li .i_cp_bot_list_jt { font-size: 24px; } .i_faq { padding: 120px 0 30px; } .i_faq_title{ font-size: 24px;} .i_faq_more{ width: 100%;} .i_al { padding: 30px 0; } .i_al_title { font-size: 24px; } .i_al_list { margin-top: 10px; } .i_al_list .swiper-button-next, .i_al_list .swiper-button-prev{ padding: 6px;} .i_al_list li .i_al_list_tu{ padding-bottom: 60%;} .i_al_list li .i_al_list_title{ font-size: 20px;} .i_fw{ padding-top: 23%; background: #f9f9f9;} .i_fw_cont{ top: 30px;transform: none;width: 100%;} .i_fw_title{ font-size: 24px; padding-bottom: 0px;} .i_fw_title:after{height: 2px;} .i_fw_desc{ width: 100%;} .footer_copy,.footer_js{ width: 100%; text-align: center;} .gsjj_sz li .gsjj_sz_title {font-size: 40px;} .gsjj_sz li .gsjj_sz_desc { font-size: 14px; } .gchang { padding: 30px 0; } .about_ys { padding: 30px 0; } .about_ys_desc { font-size: 14px; } .about_ys_list li{ width: 100%; margin: 0; margin-bottom: 30px; background: #fff; border-radius: 10px; padding: 30px; box-shadow: 2px 2px 15px #cacaca; -webkit-box-sizing: border-box; box-sizing: border-box;} .about_ys_list li .about_ys_list_title{ margin-top: 20px;} .hzhb { padding: 30px 0; } .hzhb_title{ text-align: center;} .hzhb_list li{ width: 49%; margin-right: 2%;} .hzhb_list li:nth-child(5n){ margin-right: 2%;} .hzhb_list li:nth-child(2n){ margin-right: 0;} .sp_nav{ margin-top: 22px !important;} .whysm { padding: 30px 0; } .whysm_title { font-size: 24px; line-height: 40px; } .whysm_desc { font-size: 14px; margin-top: 10px; line-height: 24px; } .qyfg { padding: 30px 0; } .qyfg_title { font-size: 24px; line-height: 35px; } .qyfg_list { width: 100%;margin-top: 0px; } .qyfg_list li{ width: 24%; margin-right: 1.25%; text-align: center; padding-top: 80px; border-radius: 10px;} .qyfg_list li:nth-child(4n){ margin-right: 0;} .qyfg_list li .qyfg_list_sz{ float: none; position: relative; display: inline-block;} .qyfg_list li .qyfg_list_title{ height: 60px;width: 100%; text-align: center; margin-left: 0; font-size: 18px;} .qyfg_list li .qyfg_list_tb{ text-align: center;width: 100%;} .qyfg_fr{ width: 100%;} .qyfg_jt{ margin-top: 0px; width: 22%; left: 50%; transform: translatex(-50%) rotate(90deg); position: relative; margin-top: -21%;} .qyfg_yq{ margin: 0 14%; margin-top: -20%;} .wmdsm { padding-top: 30px; } .wmdsm_title { font-size: 24px; } .wmdsm_list li { padding: 30px 0; } .wmdsm_list li .wmdsm_list_title{ font-size: 22px; line-height: 32px;} .wmdsm_list li .wmdsm_list_desc{ margin-top: 0px;} .fzlc { padding-top: 20px; } .fzlc_list li{ margin-bottom: 10px;} .fzlc_list li .fzlc_list_title { font-size: 24px; } .fzlc_list li .fzlc_list_title:after { width: 50px; height: 50px; right: -25px; } .fzlc_logo{ width: 50px; height: 50px; top:25px} .fzlc_list li .fzlc_list_fr{ min-height: 130px;} .fzlc_list li .fzlc_list_cont{ border-left: 2px solid #af251b;} .yfsl { padding: 30px 0; } .yfsl_title { font-size: 24px; } .yfsl_desc{ font-size: 14px; line-height: 26px;} .syxm { padding: 30px 0; } .syxm_title { font-size: 24px; } .syxm_list{ margin-top: 10px; } .ryyzs{ padding-top: 30px;} .ryyzs_title { font-size: 24px; line-height: 40px; } .ryyzs_list li .ryyzs_list_title{ height: 24px;} .honor { padding: 30px 0; } .honor_list li{ margin-bottom: 30px;} .honor_list li .honor_list_title{ margin-top: 10px;} .honor_list_more{ margin-top: 20px;} .zpxx{ padding: 30px 0;} .zpxx_title { font-size: 24px; line-height: 32px; } .zpxx_list ul {margin-top: 10px;} .zpxx_list li{ margin-bottom: 10px;} .zpxx_list li .zpxx_list_title{ width:58%;} .zpxx_list li .zpxx_list_xl{ display: none;} .zpxx_list li .zpxx_list_rs{ width: 30%;} .zpxx_list li .zpxx_list_b{ padding: 20px;} .zpxx_list li .zpxx_list_jt{ width: 12%;} .gztp { padding: 30px 0; } .gztp_title { font-size: 24px; line-height: 40px;} .live_top{ padding: 30px 0;} .live_nav li .live_nav_tb img { height: 40px; } .live_nav li .live_nav_title{ font-size: 14px;} .live{ padding: 30px 0;} .live_title, .live_ly_title,.live2_ship_title { font-size: 24px; line-height: 35px; } .live_desc { font-size: 14px; } .live_ly { padding: 150px 0 30px; } .live_ly_lx li { margin-bottom: 20px; } .live_ly_fr .live_ly_m .live_ly_m_title{ font-size: 14px;} .live_ly_m_button button {font-size: 16px;line-height: 45px;} .live_list li{ width: 49%; margin-right: 2%;} .live_list li:nth-child(3n){ margin-right:2%;} .live_list li:nth-child(2n){ margin-right:0%;} .case{ padding: 20px 0;} .n_banner_title { font-size: 24px; } .news_title{ font-size: 24px;} .news_desc{ margin-top: 20px; font-size: 14px;} .fwzc { padding: 30px 0; } .fwzc_title { font-size: 24px; line-height: 40px; } .fwzc_desc{ font-size: 12px; margin-top: 0px;} .fwzc_list { margin-top: 20px; } .fwzc_list li{ width: 100%; margin-bottom: 15px;} .fwzc_list li .fwzc_list_tb img { height: 50px; } .fwzc_list li .fwzc_list_desc{ min-height: auto;} .fwdt_cont { width: 60%; } .fwdt_nav_title span{ margin-left: 10px;} .fwdt_nav_title i{ padding-right: 10px;} .fwdt_list li .fwdt_list_tu { padding-bottom: 58%; } .contact { padding:30px 0; } .contact_title { font-size: 24px; line-height: 35px; } .contact_list li { margin: 10px 0; } .contact_list li .contact_list_desc a { font-size: 18px; } .contact .map{ margin-top: 30px;} .news_list li .news_list_desc{ margin-top: 0px;} .cpzx { padding: 30px 0; } .cpzx_lm_bg{ padding-bottom: unset; height: calc(100% 30px); top: -15px; position: absolute;} .cpzx_lm_cont { top: auto; width: 50%; position: relative; transform: none; } .cpzx_list li .cpzx_list_title{ font-size: 16px; margin-top: 5px;} .cp_position a{ font-size: 12px;margin-right: 20px;} .cpxs_tj_xt { height: 300px; } .cpxs_title{ font-size: 32px;} .cpxq_nav li{ font-size: 14px; margin-right: 20px; line-height: normal; height: 64px; align-items: center; display: inline-grid;} .cpxs_inquiry a{ padding: 3px 15px; font-size: 12px;} .cpxs_inquiry img { margin-right: 10px; height: 18px; } .cpxs_inquiry span{ top: 0;} .cpxq_nav_top{ display: none;} .cpxq_bot .cpxq_info{ min-height: auto;} .cpxq_cptj { padding: 30px 0; } .cpxq_cptj_title { font-size: 24px; } .cpxq_cptj_list{ margin-top: 10px;} .live2_ship{ padding: 30px 0;} .live2_ship_list li .live2_list_title{ font-size: 16px; margin-top: 0px;} } @media (max-width:599px) { .header_logo img { height: 35px; } .banner li .banner_img img, .banner li .banner_img video { width: 150%; } .banner li .banner_wz1, .banner li .banner_wz2 { font-size: 16px; line-height: 24px; } .banner li .banner_more span{ font-size: 10px;} .i_sztj_list li{ width: 50%; margin: 10px 0;} .i_sztj_list li .jtjj_sztj_title { font-size: 28px; line-height: 40px; } .i_sztj_list li .jtjj_sztj_desc { font-size: 12px; line-height: 18px; } .i_about_bot { margin-top: 20px; } .i_about_bot_fl_title { font-size:18px; line-height: 30px; } .i_about_bot_fl_list{ margin-top: 5px;} .i_about_bot_fl_list li a { font-size: 16px; } .i_about_bot_fl_list li i{ border: 1px solid #232124; padding: 2px;} .i_about_bot_fr{ margin-top: 20px;} .i_about_bot_fr_title{ font-size: 18px; line-height: 30px;} .i_ys li .i_ys_sz{font-size: 120px; line-height: 120px;} .i_ys li .i_ys_desc{ margin-top: 5px; line-height: 22px;} .i_cp_top_list_cpname,.i_cp_top_list_title{ font-size: 22px; line-height: 30px;} .i_cp_bot_list li a{ width: 96%; margin: 0 2%;} .i_cp_top_list_desc{ font-size: 12px; line-height: 22px; height: auto;} .i_faq { padding: 100px 0 30px; } .i_faq_title { font-size: 20px; line-height: 30px; } .i_faq_list li .i_faq_list_title{ font-size: 16px; line-height: 24px;} .i_faq_list li .i_faq_list_cont{ font-size: 12px;} .i_al_title{ line-height: 30px;} .i_al_list li .i_al_list_title { font-size: 16px; line-height: 30px;} .i_al_list li .i_al_list_desc{ font-size: 12px;line-height: 20px; margin-top: 0px;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .i_al_list .swiper-button-next, .i_al_list .swiper-button-prev{ font-size: 16px; line-height: 16px; padding: 3px; border: 1px solid #1e1c1f;} .i_fw_title{ font-size: 22px;} .i_fw_desc { font-size: 12px; margin-top: 10px; line-height: 20px; min-height: auto;} .i_fw_more a { font-size: 12px; padding: 1px 10px; } .i_fw_more a i { margin-left: 6px; font-size: 10px; } .footer_logo img{ height: 40px;} .footer_tel a{ line-height: 40px;font-size: 22px;} .footer_fx_li li{ line-height: 40px;} .footer_fx_li li a{ font-size: 22px;} .footer_dy_form input::-webkit-input-placeholder{ color:#cccccc; font-size: 12px;} .footer_dy_title, .footer_fx_title,.footer_tel{ font-size: 14px;} .footer_bot{ font-size: 14px;} .header_n_h{ height: 66px;} .about_nav { margin-top: 10px; } .about_nav_title span { font-size: 50px; margin-right: 20px; line-height: 60px; } .about_nav_title img { height: 30px; } .about_nav_fl{ width: 100%;} .about_nav_fr{ display: none;} .about_nav_list li {margin-right: 10px; box-shadow: 0px 0px 5px #d5d5d5; margin-bottom: 10px; } .about_nav_list li a { font-size: 14px; padding: 0 5px;background: #fff; float: left;border-radius: 5px; } .about_nav_list li a:hover, .about_nav_list li a.on{ color: #fff; background: #af251c;} .gsjj { margin-top: 125px; } .gsjj_ship{ padding-bottom: 56%; margin-top: -130px;} .gsjj_ship .gsjj_ship_btn i{ padding: 10px;} .gsjj_cont { margin-top: 20px; } .gsjj_title { font-size: 65px; line-height: 70px; } .gsjj_desc{ font-size: 24px; line-height: 24px; margin-top: -30px;} .gsjj_info, .gchang_desc { font-size: 12px; line-height: 24px;} .gsjj_sz { margin: 20px 0; } .gsjj_sz li{ line-height: 50px; margin-bottom: 10px; width: 50%;} .gchang_title { font-size: 24px; line-height: 35px; } .gchang_jt { margin-top: 10px; } .gchang_list-button-prev, .gchang_list-button-next{ font-size: 18px;} .gchang_list li .gchang_list_li .gchang_list_title { font-size: 14px; line-height: 35px; } .about_ys_title { font-size: 24px; line-height: 35px; } .about_ys_desc { font-size: 12px; margin-top: 5px;} .about_ys_list { margin-top: 10px; } .about_ys_list li { margin-bottom: 20px; } .about_ys_list li .about_ys_list_tb img { height: 40px; } .about_ys_list li .about_ys_list_title { margin-top: 10px; font-size: 16px;} .hzhb_title { font-size: 24px; line-height: 35px; } .hzhb_list li{ margin-bottom: 10px;} .about_nav{ padding-bottom: 10px;} .whysm_desc{ font-size: 12px; margin-top: 0px;} .whysm_list { margin-top: 10px; } .whysm_list li{ width: 49%;} .whysm_list li:nth-child(3n){ margin-right: 2%;} .whysm_list li:nth-child(2n){ margin-right:0%;} .whysm_list li .whysm_list_title { font-size: 14px; } .qyfg_list li{ padding-top: 60px;} .qyfg_list li .qyfg_list_tb img{ height: 40px;} .qyfg_list li .qyfg_list_sz span{ font-size: 35px;line-height: 50px; width: 50px;} .qyfg_list li .qyfg_list_sz span:before,.qyfg_list li .qyfg_list_sz span:after{ width: 74%; height: 74%;} .qyfg_list li .qyfg_list_title{font-size: 14px; height: 40px;} .qyfg_yq_logo img { height: 35px; } .qyfg_yq_title { font-size: 16px; } .wmdsm_list li .wmdsm_list_title{ width: 75%;} .fzlc{ margin-top: 10px; padding-top: 0px;} .fzlc_list{ padding-bottom: 30px;} .fzlc_list li .fzlc_list_title { font-size: 18px; } .fzlc_list li .fzlc_list_title:after { width: 30px; height: 30px; right: -15px; } .fzlc_logo{ width: 30px; height: 30px; top: 33px;} .fzlc_list li .fzlc_list_cont{ font-size: 14px; line-height: 24px; width: 98%; margin-top: 40px;} .yfsl_fr_title{ right: 2%; font-size: 12px; line-height: 14px;} .yfsl_desc{ font-size: 12px; margin-top: 0; line-height: 24px;} .syxm_title{ line-height: 35px;} .syxm_list li .syxm_list_title{ ont-size: 14px; margin-top: 5px;} .ryyzs_list_kuan { margin-top: 0px; } .ryyzs_list { padding: 0px 0; } .ryyzs_list li.swiper-slide-active .ryyzs_list_tu { transform: scale(0.9); } .ryyzs_list li.swiper-slide-active .ryyzs_list_title{ margin-top: 0;} .ryyzs_list_kuan .swiper-button-next, .ryyzs_list_kuan .swiper-button-prev{ display: none;} .honor_list li{ width: 49%; margin-bottom: 20px;} .honor_list li:nth-child(3n){ margin-right: 2%;} .honor_list li:nth-child(2n){ margin-right: 0%;} .honor_list li .honor_list_title{ font-size: 12px;} .honor_list_more { margin-top: 0; } .honor_list_more span{ font-size: 14px; padding: 5px 50px;} .zpxx_list li .zpxx_list_t{ line-height: 40px;} .zpxx_list li .zpxx_list_title{ width: 80%; font-size: 16px;} .zpxx_list li .zpxx_list_rs{ display: none;} .zpxx_list li .zpxx_list_jt{ width: 20%; font-size: 22px;} .zpxx_list li .zpxx_list_b { padding: 10px; } .zpxx_list li .zpxx_list_b_title{ font-size: 18px;} .zpxx_list li .zpxx_list_b_info{ font-size: 14px;} .live_nav li{ width: 49%; margin-right: 2%; margin-bottom: 10px;} .live_nav li:nth-child(2n){ margin-right: 0;} .live_desc { font-size: 12px; margin-top: 0px; line-height: 20px; } .live_iframe{ margin-top: 15px; border-radius: 5px;} .live_ly_fr .live_ly_m_2 li,.live_ly_fr .live_ly_m_3 li{ width: 100%;]} .live_list li .live_list_title{ font-size: 14px;line-height: 30px;margin-top: 5px;} .live_list li{ margin-bottom: 10px; } .n_banner>img{ width: 150%;} .n_banner_title { font-size: 18px; } .case_list li .case_list_title{ font-size: 20px;} .case_list li .case_list_desc { font-size: 12px; margin-top: 10px; line-height: 20px; } .case_list li .case_list_xt_title span { font-size: 16px; } .case_list_xt_title .case_list-button-prev, .case_list_xt_title .case_list-button-next{ font-size: 20px;} .news{ padding: 30px 0;} .news_title { font-size: 18px; } .news_desc { font-size: 12px; margin-top: 0; padding: 5px 0px;} .news_info{ font-size: 14px; line-height: 26px; padding-bottom: 30px;} .news-page{ margin: 10px 0; text-align: center;} .news-page .return{ position: relative;right: auto; top: 0;padding: 1px 4px;margin: 10px 0; font-size: 14px; display: inline-block;} .news-page .news-page-1{ width: 100%; text-align: left; height: 30px; line-height: 30px; font-size: 14px;} .news-page .news-page-1 a{ width: calc(100% - 100px); font-size: 14px; height: 30px; line-height: 30px;} .news-page .news-page-1 span{ font-size: 14px; height: 30px; line-height: 30px; margin-left: 0px;} .fwdt .main_content{ width: 100%;} .fwdt_nav{ width: 100%;} .fwdt_cont{ width: 100%; position: relative; float:left; top: auto; transform: none; z-index: 99;box-shadow:none} .fwdt_nav_title{ width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;} .fwdt_nav_list li{ text-align: left; font-size: 14px;} .fwdt_title { font-size: 24px; line-height: 28px; } .fwdt_list li .fwdt_list_tu { padding-bottom: unset; } .fwdt_list li .fwdt_list_tu img{ position: relative; width: 160%; height: auto; object-fit: unset; float: right; } .down_list li{ width: 100%;} .down_list li .down_list_title{ font-size: 14px; width: calc(68% - 60px);} .contact_title{ line-height: 30px;} .contact_list li{ width: 100%;} .contact_list li .contact_list_title { font-size: 16px; } .contact_list li .contact_list_desc span { font-size: 14px; line-height: 20px; } .contact .map { margin-top: 20px; height: 400px; } .news_list li{ width: 100%;} .news_list li .news_list_title { font-size: 14px; } .page_kuan2 a{ width: 20px; height: 20px; line-height: 20px; font-size: 12px;} .news_nav li { font-size: 14px; margin-right: 20px; } .cpzx_lm{ margin-bottom: 30px;} .cpzx_lm_cont{ width: 90%; padding: 10px;} .cpzx_lm_cont .cpzx_lm_title { font-size: 18px; } .cpzx_lm_tu{ display: none;} .cpzx_list{ margin-top: 0;} .cpzx_list li{ width: 100%;} .cpxs_tj_xt{ height: 200px; display: none;} .cpxs_tj_dt{ width: 100%;} .cpxs_desc{ font-size: 12px; margin-top: 10px;} .cpxq_qhnav .main_content{ width: 100%;} .cpxq_nav li{ width: 33.33333%; padding: 0 1%; margin-right: 0; height: 60px; text-align: center; border: 1px solid #efefef; -webkit-box-sizing: border-box; box-sizing: border-box;} .cpxq_nav li.on{ background: #af251b; color: #fff;} .cpxq_bot { padding: 10px 0; } .cpxq_cptj_title { font-size: 18px; } .cpxq_cptj_list{ padding-bottom: 0;} .cpxq_cptj_list li .cpxq_cptj_list_title { font-size: 14px; margin: 5px 0; } .cpxq_nav{ float: left; width: 100%; } .cpxq_qhnav_fd { top: 64px; } }