@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; }
}