@charset "utf-8";
body{ font-size: 14px;background-image: linear-gradient(#243144,#151c26);font-family: 'SourceHanSansSC','PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', 'Arial', 'sans-serif'}
a{ text-decoration:none;color:#333;}
a:hover,a:focus,a:active{ text-decoration:none;}
ul,li,ol,div,p,h1,h2,h3,h4,h5,h6,input,button,select,textarea{ margin:0;padding: 0;list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight: bold}
.fl{float:left;}
.fr{float:right;}
.w_1400{width: 1400px;margin: 0 auto;}
.w_1200{width: 1200px;margin: 0 auto;}
img{ border: 0;vertical-align: middle;max-width:100%}

.swiper-container { width: 100%;height: 100%;}
.con_margin{ position: relative;width: 100%;padding: 0 1.6rem;zoom: 1;}
@media screen and (max-width: 1665px) {
    .con_margin{ padding: 0 1.2rem;}
	
}
@media screen and (max-width: 1599px) {
    .con_margin{ padding: 0 1rem;}
}
@media screen and (max-width: 1200px) {
    .con_margin{ padding: 0 .5rem;}
}
@media screen and (max-width: 768px) {
    .con_margin{ padding: 0 20px;}
}
@media (min-width: 768px){
    .con_margin{ width: 100%;max-width: 1920px;margin: 0 auto}
}

.conter_box{ position: relative;width: 100%;padding: 0 2rem;}
@media screen and (max-width: 1665px) {
    .conter_box{ padding: 0 1.2rem;}
	.product_four_left{ padding-left: 1.2rem;}
}
@media screen and (max-width: 1599px){
    .conter_box{ padding: 0 1rem;}
	.product_four_left{ padding-left: 1rem;}
}
@media screen and (max-width: 991px){
    .conter_box{ padding: 0 20px;}
	.product_four_left{ padding-left: 20px;}
}
@media (min-width: 991px){
    .conter_box{ max-width: 1920px;margin: 0 auto;}
}

@keyframes spin-right {
    0% { transform: rotate(180deg); }
    50% { transform: rotate(360deg); }
    100% { transform: rotate(360deg);}
}
@keyframes spin-left {
    0% {   transform: rotate(180deg); }
    50% {   transform: rotate(180deg); }
    100% {  transform: rotate(360deg); }
}
@-webkit-keyframes c-zoom {
    0% { transform:scale(1,1); -webkit-transform:scale(1,1);  }
    100% {  transform:scale(1.1,1.1);  -webkit-transform:scale(1.1,1.1);  }
}
@keyframes c-zoom {
    0% {  transform:scale(1,1);  -webkit-transform:scale(1,1); }
    100% {  transform:scale(1.2,1.2);  -webkit-transform:scale(1.2,1.2); }
}
@keyframes gorotate {
    0% { transform: rotate(0deg);}
    100% { transform: rotate(360deg);}
}
@-webkit-keyframes mask_fadeUp {
    0% {-webkit-transform: translateY(0%);transform: translateY(0%);}
    100% {-webkit-transform: translateY(-101%);transform: translateY(-101%);}
}
@keyframes mask_fadeUp {
    0% {-webkit-transform: translateY(0%);transform: translateY(0%);}
    100% {-webkit-transform: translateY(-101%);transform: translateY(-101%);}
}
@-webkit-keyframes fadeIn {
    from {opacity: 0}
    to {opacity: 1}
}
@keyframes fadeIn {
    from { opacity: 0}
    to { opacity: 1}
}
.fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn}
@-webkit-keyframes fadeInUp {
    from { opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0)}
    to { opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
}
@keyframes fadeInUp {
    from { opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0)}
    to { opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
}
.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp}

@-webkit-keyframes fadeInUpSmall {
    from { opacity: 0;-webkit-transform: translate3d(0, 80px, 0);transform: translate3d(0, 80px, 0)}
    to { opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
}
@keyframes fadeInUpSmall {
    from { opacity: 0;-webkit-transform: translate3d(0, 80px, 0);transform: translate3d(0, 80px, 0)}
    to { opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
}
.fadeInUpSmall {-webkit-animation-name: fadeInUpSmall;animation-name: fadeInUpSmall}
.fadeInUpSlow {-webkit-animation-name: fadeInUpSlow;animation-name: fadeInUpSlow}
@keyframes fadeInUpSlow {
    from { opacity: 0;-webkit-transform: translate3d(0, 80px, 0);transform: translate3d(0, 80px, 0)}
    to { opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
}
.fadeInUpSlowTo {-webkit-animation-name: fadeInUpSlowTo;animation-name: fadeInUpSlowTo}
@keyframes fadeInUpSlowTo {
    from { opacity: 0;-webkit-transform: translate3d(50px, 50px, 0);transform: translate3d(50px, 50px, 0)}
    to { opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
}
@-webkit-keyframes fadeInDown {
    from { opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0)}
    to { opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
}
@keyframes fadeInDown {
    from { opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0)}
    to { opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
}
.fadeInDown {-webkit-animation-name: fadeInDown;animation-name: fadeInDown}
@-webkit-keyframes fadeInLeft {
    from { opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0)}
    to { opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
}
@keyframes fadeInLeft {
    from { opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0)}
    to { opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
}
.fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft}
@-webkit-keyframes fadeInLeftSmall {
    from { opacity: 0;-webkit-transform: translate3d(-40px, 0, 0);transform: translate3d(-40px, 0, 0)}
    to { opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
}
@keyframes fadeInLeftSmall {
    from { opacity: 0;-webkit-transform: translate3d(-40px, 0, 0);transform: translate3d(-40px, 0, 0)}
    to { opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
}
.fadeInLeftSmall {-webkit-animation-name: fadeInLeftSmall;animation-name: fadeInLeftSmall}
@-webkit-keyframes fadeInRight {
    from { opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0)}
    to { opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
}
@keyframes fadeInRight {
    from { opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0)}
    to { opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
}
.fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight}
@-webkit-keyframes fadeInRightSmall {
    from {opacity: 0;-webkit-transform: translate3d(40px, 0, 0);transform: translate3d(40px, 0, 0)}
    to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
}
@keyframes fadeInRightSmall {
    from {opacity: 0;-webkit-transform: translate3d(40px, 0, 0);transform: translate3d(40px, 0, 0)}
    to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
}
.fadeInRightSmall {-webkit-animation-name: fadeInRightSmall;animation-name: fadeInRightSmall}
@-webkit-keyframes fadeZoom { from {-webkit-transform: scale3d(1.2, 1.2, 1.2);transform: scale3d(1.2, 1.2, 1.2)} to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1)} }
@keyframes fadeZoom {
    from {-webkit-transform: scale3d(1.2, 1.2, 1.2);transform: scale3d(1.2, 1.2, 1.2)}
    to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1)}
}
.fadeZoom {-webkit-animation-name: fadeZoom;animation-name: fadeZoom}

@keyframes swiperright {
  0% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes swiperleft {
  0% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*澶撮儴*/
.header{ position: fixed;top: 0;left: 0;z-index: 20;width: 100%;height: 120px;text-align: center;transition: all 0.5s;background-color: rgba(34, 46, 70, 0);}
.header:hover{ z-index: 100}
.header:hover{ background-color: rgba(34, 46, 70, 1);}
.head_move{ background-color: rgba(34, 46, 70, 1);}/*-webkit-transform: translateY(-100%);transform: translateY(-100%);*/
.header .con_margin{ height: 100%;display: flex;justify-content: space-between;align-items: center;z-index: 100;position: relative}
.header_logo{ float: left;}
.header_logo img{ height: 20px;vertical-align: middle;}

.header_pc{ display: flex;height: 100%;margin: 0 auto}
.header_pc ul{ padding: 0}
.header_pc ul li{ float: left;display: inline-block;height: 120px;position: relative}
.header_pc ul li:nth-of-type(1){ position: unset}
.header_pc ul li a.header_pc_list{ font-size: 18px;color: rgb(255, 255, 255);padding: 0 40px;transition: all .6s;height: 120px;line-height: 120px;display: inline-block;position: relative}
.header_pc ul li:hover a.header_pc_list,.header_pc ul li.active a.header_pc_list{ background-color: #171c27}
.header_pc ul li.active a.header_pc_list,.header_pc ul li:hover a.header_pc_list{ color: #a8071a;}
.header_pc ul li a.header_pc_list:after{ content: "";width: 100%;height: 4px;background-color: rgba(0,0,0,0);position: absolute;left: 0;top: 0;transition: all .6s}
.header_pc ul li.active a.header_pc_list:after,.header_pc ul li:hover a.header_pc_list:after{ background-color: #a8071a;}
.header_pc ul li div.item{ display: none;}

.header_menu{ float: right;line-height: 120px;}
.hea_menu_lang{ float: left;width: 138px;margin-right: 30px;font-size: 18px;color: rgb(255, 255, 255);padding: 0 20px 0 35px;transition: all .65s;position: relative;background: url('../images/map.gif') no-repeat left center,url('../images/ico_01.png') no-repeat 122px center;}
.hea_menu_lang:hover{ background: url('../images/map.gif') no-repeat left center,url('../images/ico_02.png') no-repeat 122px center;}
.hea_menu_lang_switch{ position: absolute;top: 100%;left: 50%;transform: translateX(-50%);width: 100%;background-color: rgba(34, 46, 70, 1);display: none;}
.hea_menu_lang:hover .hea_menu_lang_switch{ display: block;}
.hea_menu_lang_switch a{ color: rgb(255, 255, 255);display: block;width: 100%;padding: 10px 5px;text-align: center;font-size: 18px;line-height: 42px;transition: all .6s}
.hea_menu_lang_switch a:hover{ color: #a8071a;}
.hea_menu_form{ float: right;width: auto;font-size: 18px;color: rgb(255, 255, 255);position: relative}
.hea_menu_form span{ float:left;width:auto;height:100%;display:inline-block;padding: 0 0 0 35px;background: url('../images/ico_03.png') no-repeat left center;}
.hea_menu_form_box{ position: fixed;top: 120px;left: 0;width: 100%;background-color: rgba(34, 46, 70, .9);display: none;padding: 90px 15px 70px;}
.hea_menu_form_box form{ width: 100%;max-width: 800px;border-bottom: 2px solid #37383c;display: flex;align-items: center;justify-content: space-between;margin: 0 auto;}
.hea_menu_form_box form input{ width: calc(100% - 40px);font-size: 18px;padding: 0 10px;color: #666666;border: none;background-color: #fff;height: 50px;line-height:50px;outline: none}
.hea_menu_form_box form button{ width: 40px;height: 50px;border: none;background: #ffffff url('../images/ico_05.png') no-repeat center center;background-size: 20px;}
.hea_menu_but{ align-content: center;flex-wrap: wrap;height: 100%;width: 24px;display: none;margin-left: 5px;}
.hea_menu_but span{ display: block;width: 100%;height: 2px;margin-bottom: 8px;border-radius: 3px;background-color: #fff;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
.hea_menu_but span:last-child{ margin-bottom: 0;}
.hea_menu_but span:nth-child(2){ width: 14px;}
.ver_open .hea_menu_but span:nth-child(1){ transform: rotate(45deg);margin: 0;margin-top: 2px;}
.ver_open .hea_menu_but span:nth-child(2){ display: none;}
.ver_open .hea_menu_but span:nth-child(3){ transform: rotate(-45deg);margin: 0;margin-top: -2px;}



.header_pc ul li > div.item{ position: fixed;top: 120px;left: 0;;width: 100%;height: auto;padding: 60px 0 30px;background-color: #171c27;display: none;z-index: 120}
.header_pc ul li:hover > div.item{ display: inline-block}
.header_pc ul li > div.item .con_margin{ align-items: flex-start;width: 83%}

.hea_pro_total,.hea_pro_lower,.hea_pro_specific{ float: left;width: 33.33%;overflow: hidden}
.hea_pro_total{ padding-bottom: 20px}
.hea_pro_total .hea_pro_total_item{ float: left;width: 100%;height: auto;text-align: left;;padding: 10px;line-height: 35px;white-space: normal;}
.hea_pro_total .hea_pro_total_item a{ color: #ffffff;font-size: 18px;text-transform: uppercase;font-weight: 900;transition: all .6s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.hea_pro_total .hea_pro_total_item.active a,.hea_pro_total .hea_pro_total_item:hover a{ color: #a8071a;}

.hea_pro_lower .hea_pro_lower_list{ float: left;width: 100%;height: auto;overflow: hidden;display: none;transition: all .6s}
.hea_pro_lower .hea_pro_lower_list.active{ display: inline-block}
.hea_pro_lower .hea_pro_lower_list ul{ display: flex;flex-wrap: wrap;align-items: center;width: 100%;}
.hea_pro_lower .hea_pro_lower_list ul li{ position: initial!important;flex: 0 0 50%;}
.hea_pro_lower .hea_pro_lower_list ul li a{ display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 10px;line-height: 28px;white-space: normal;font-size: 16px;color: #ffffff;transition: all .5s}
.hea_pro_lower .hea_pro_lower_list ul li:hover a,.hea_pro_lower .hea_pro_lower_list ul li.on a{ color: #a8071a;}
.hea_pro_lower .hea_pro_lower_list ul li a img { max-width: 30px;padding: 0 0 10px;}

.hea_pro_specific .hea_pro_specific_swiper{ float: left;width: 100%;height: auto;overflow: hidden;display: none;transition: all .6s}
.hea_pro_specific .hea_pro_specific_swiper.active{ display: inline-block}
.hea_pro_specific .hea_pro_specific_swiper .hea_pro_swiper_item{ float: left;width: 100%;height: auto;overflow: hidden;display: none;transition: all .6s;text-align: left;padding: 0 0 10px 20px}
.hea_pro_specific .hea_pro_specific_swiper.active .hea_pro_swiper_item.on{ display: inline-block}
.hea_pro_specific .hea_pro_specific_swiper .hea_pro_swiper_item img{ margin: 0 auto;max-height: 200px;max-width: 100%;height: auto;}
.hea_pro_specific .hea_pro_specific_swiper .hea_pro_swiper_item h3{ font-size: 18px;line-height: 26px;color: #cf000d;margin: 10px 0;text-align: left;text-transform: capitalize}
.hea_pro_specific .hea_pro_specific_swiper .hea_pro_swiper_item p{ font-size: 14px;line-height: 20px;color: #fff;text-align: left}

.nav_list_box{ width: calc(100% + 50px);height: auto;padding: 15px 0;position: absolute;left: -25px;top:100%;background-color: #171c27;display: none;}
/*.header_pc ul li:hover .nav_list_box{ display: inline-block;}*/
.header_pc ul li .nav_list_box a{ font-size: 14px;color: #ffffff;line-height: 2.857;width: 100%;transition: all .6s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.header_pc ul li .nav_list_box a:hover{ color: #cf000d;}

.header_mobile{ position: fixed;top:80px;left:0;width: 100%;height: 0;font-size:14px;line-height: 50px;overflow-y: auto;background:#fff;transition: all 0.5s;}
body.ver_open .header .header_mobile{ height: calc(100% - 60px);height: -webkit-calc(100% - 60px);padding-bottom: 30px;}

.header_mobile p,.header_mobile a { text-align:left;color: #333;-webkit-transition: all 0.3s;transition: all 0.3s;}
.header_mobile p{ padding: 0 20px;border-bottom:1px solid rgba(0,0,0,.15);}/*#*/
.header_mobile ul li.active p{ border-bottom:none}
.header_mobile ul li.active{ border-bottom:1px solid rgba(0,0,0,.15);}
.header_mobile ul>li{ text-align:left}
.header_mobile ul>li:first-child {border-top:1px solid #f1f1f1;}
/*.header .web_nav li:hover>a,.header .web_nav li.active>a {color: #f9812a;}*/
.header_mobile li p i{float: right;margin-top: 15px;font-size:20px;position: relative;width: 13px;height: 20px;}
.header_mobile li:nth-of-type(4) p i,.header_mobile li:nth-of-type(6) p i,.header_mobile li:nth-of-type(7) p i{ display:none}
.header_mobile li p i:before{ content: "";width: 13px;height: 20px;background: url('../images/ico_42.png') no-repeat center center;background-size: 12px;position: absolute;left: 0;top: 0}
.header_mobile li ul { display: none;}
.header_mobile li ul.web_nav_son li{ padding:0 20px;line-height:40px;}
.header_mobile li.active ul.web_nav_son li:nth-last-of-type(1){ margin-bottom:10px;}
.header_mobile li ul.web_nav_son a { display:inline-block;padding-left: 15px;}

/*灏鹃儴*/
.footer_section_one,.footer_section_two{ z-index: 12;float: left;width: 100%;height: auto;overflow: hidden;background-color: #222f4d;padding: 115px 0 80px;position: relative}
.footer_section_one{ z-index:100}
.foo_sel_one_left,.foo_sel_two_left{ float: left;width: auto;text-align: left;}
/* .foo_sel_one_left p:nth-of-type(1){ margin: 20px auto 55px;} */
.foo_sel_one_left .footer_logo img { height: 30px;}
.foo_sel_one_left h3{ padding: 20px 0 0;font-size: 30px;line-height: 30px;color: #FFFFFF;}
.foo_sel_one_left span{ display: inline-block;width: 100%;font-size: 16px;line-height: 28px;color: #757c8b;}
.footer_ico{ padding: 35px 0 60px;}
.fot_ico_tiktok,.fot_ico_wechat{ float: left;width: auto;position: relative;}
.fot_ico_tiktok a,.fot_ico_wechat a{ width: 50px;height: 50px;background: rgb(138, 143, 154) url('../images/ico_46.png') no-repeat center center;transition: all .6s;display: inline-block;border-radius: 50%;}
.fot_ico_tiktok:hover a{ background: #e00000 url('../images/ico_46.png') no-repeat center center;}
.fot_ico_tiktok .footer_ico_wem,.fot_ico_wechat .footer_ico_wem{ width: 100%;height: 100%;position: fixed;z-index: 910;top: 0;left: 0;background: rgba(0,0,0,.5);display:none}
.fot_ico_tiktok .footer_ico_wem p,.fot_ico_wechat .footer_ico_wem p{ width: 160px;padding: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -80px 0 0 -80px;
    background: #fff;
    overflow: hidden;
}
.fot_ico_tiktok .footer_ico_wem p img,.fot_ico_wechat .footer_ico_wem p img{ width:120px;}
    
/*.fot_ico_tiktok:hover .footer_ico_wem,.fot_ico_wechat:hover .footer_ico_wem{ display: inline-block;}*/
/*.fot_ico_tiktok .footer_ico_wem::before,.fot_ico_wechat:hover .footer_ico_wem::before{ content: "";transition: all .6s;width: 0;height: 0;position: absolute;left: 0;margin-left: 15px;top: -14px;border: 10px solid transparent;border-bottom-color: #FFFFFF;}*/
/*.fot_ico_tiktok .footer_ico_wem img,.fot_ico_wechat:hover .footer_ico_wem img{ width: 100%;}*/
.fot_ico_wechat a{ margin-left: 30px;background: rgb(138, 143, 154) url('../images/ico_47.png') no-repeat center center;background-size: 35px;}
/*.fot_ico_wechat:hover a{ background: #e00000 url('../images/ico_47.png') no-repeat center center;background-size: 35px;}*/
/*.fot_ico_wechat:hover .footer_ico_wem::before{ left: 50%;margin-left: -10px;}*/

	
/* .foo_sel_one_left p span{ padding: 2px;background-color: #ffffff;border-radius: 8px;display: inline-block} */
/* .foo_sel_one_left p span img{ width: 100px;} */
.footer_section_one ul,.foo_sel_two_right{ float: right;width: auto;}
.footer_section_one ul li{ float: left;width: auto;margin-right: 120px;text-transform: uppercase;}
.footer_section_one ul li:nth-last-of-type(1){ margin-right: 0}
.footer_section_one ul li h3{ margin-bottom: 30px;}
.footer_section_one ul li h3 a{ font-size: 20px;color: rgb(255, 255, 255);}
.footer_section_one ul li p a{ font-size: 16px;color: rgb(138, 143, 154);line-height: 2.857;}
.footer_section_two{ height: 115px;background-color: #365dff;padding: 0}
.foo_sel_two_left{ text-align: left;line-height: 115px;font-size: 16px;color: rgb(255, 255, 255);}
.foo_sel_two_right{ height: 115px;display: flex;justify-content: space-between;align-items: center;}
.foo_sel_two_right a{ float: left;margin-left: 35px;position: relative}
.foo_sel_two_right a:before{ content: "";width: 40px;height: 40px;position: absolute;left: 0;top: 50%;margin-top: -20px;animation: gorotate 6s linear infinite;}
.foo_sel_two_right a:nth-of-type(1){ margin-left: 0}
.foo_sel_two_right a img{ width: 40px;position: relative;z-index: 10}
.foo_sel_two_right a:nth-of-type(1):before{ background: url('../images/ico_16_1.png') no-repeat center center;background-size: 100%}
.foo_sel_two_right a:nth-of-type(2):before{ background: url('../images/ico_17_1.png') no-repeat center center;background-size: 100%}
.foo_sel_two_right a:nth-of-type(3):before{ background: url('../images/ico_18_1.png') no-repeat center center;background-size: 100%}
.foo_sel_two_right a:nth-of-type(4):before{ background: url('../images/ico_19_1.png') no-repeat center center;background-size: 100%}
.foo_sel_two_right a:nth-of-type(5):before{ background: url('../images/ico_20_1.png') no-repeat center center;background-size: 100%}
.foo_sel_two_right a:nth-of-type(6):before{ background: url('../images/ico_21_1.png') no-repeat center center;background-size: 100%}

/* 寮瑰嚭瑙嗛 */
#heat_video{ width: 100%;height: 100%;overflow: hidden;position: fixed;top: 0;right: 0;z-index: -2;opacity: 0;}
.hide{ display: none;}
.heat_video_mov,.bili_mov{ width: 100%;height: 100%;position: fixed;top: 0;right: 0;z-index: -1;background: rgba(0,0,0,.6);opacity: 0;}
.content,.bili_content{ width: 100%;height: 100%;margin: 0;overflow: hidden;position: relative;z-index: 9999;}
.close1,.bili_close{ right:0;opacity: 1;z-index: 9999;cursor: pointer;position: fixed;top: 86%;left: 50%;margin-left: -25px;width: 50px;height: 50px;padding: 10px;color: #fff;background: rgba(255,0,0,.8);border-radius: 50%;transition: .5s;}
.close1 img,.bili_close img{ width: 100%;}
.center,.bili_center{ float: left;width: 100%;height: 100%;overflow: hidden;background: rgba(0,0,0,.4);position: relative;z-index: 9998;}
.center video,.bili_center iframe{ display: block;background-size: 100% 100%;background-position: center center;transition-duration: .5s;position: fixed;left: 50%;top: 50%;width: 50%;height: auto;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.bili_center iframe{ height:50%}


/*棣栭〉*/
.index_slide{ float: left;width: 100%;height: auto;overflow: hidden;position: relative}
.banner_one { background: #fff;}
.banner_one .swiper-slide{ position: relative;overflow: hidden;}
.banner_one .swiper-slide img { width: 100%;height: 100vh;object-fit: cover;-webkit-transition: all 7s;transition: all 7s;}
.banner_one .swiper-slide-active img{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}
.banner_one .swiper-slide img.img_yd{ display: none}
.banner_one .swiper-pagination-bullet {opacity: 1;}
.banner_one .swiper_btu { position: absolute;bottom: 50px;left: 0;width: 100%;padding: 0 1.6rem;}
.banner_one .swiper-pagination{position: relative;text-align: left;}
.loading { margin: 0 5px;width: 38px;height: 38px;position: relative;border: 4px solid transparent;background: transparent;outline: none}
.loading.swiper-pagination-bullet-active { border-color: rgba(255,255,255,.2);}
.loading .c-progress {position: absolute;width: 8px;height: 8px;background-color: #fff;border-radius: 50%;left: 11px;top: 11px;line-height: 120px;text-align: center;}
.loading.swiper-pagination-bullet-active .c-progress {background-color: #d71418;}
.loading .left, .loading .right {opacity: 0;width: 19px;height: 38px;overflow: hidden;position: absolute;left: -4px;top: -4px;}
.loading.swiper-pagination-bullet-active .left,.loading.swiper-pagination-bullet-active .right {opacity: 1;}
.loading .right{left: auto;right: -4px;top: -4px;}
.loading .left:after, .loading .right:after {content: "";position: absolute;display: block;top: 0;left: 0;width: 19px;height: 38px;border: 4px solid #fff;border-radius: 19px 0 0 19px;border-right: 0;}
.loading .right:after {content: "";position: absolute;display: block;border-radius: 0 19px 19px 0;border: 4px solid #fff;border-left: 0;}
.loading.swiper-pagination-bullet-active .left:after { transform-origin: right center; /* animation-iteration-count: infinite; */animation-fill-mode: forwards;animation-duration: 3.9s;animation-timing-function: linear;animation-name: spin-left;}
.loading.swiper-pagination-bullet-active .right:after { transform-origin: left center;animation-duration: 3.9s; /* animation-iteration-count: infinite; */animation-timing-function: linear;animation-name: spin-right;}

.index_pro,.pro_left,.index_case,.index_title,.index_case_box,.index_case_left,.index_case_right,.index_new,.index_new_up,.index_new_down,.index_aside{ float: left;width: 100%;height: auto;position: relative;}

.index_pro{ padding: 40px 0;background-color: #FFFFFF;}
.index_pro_left{ float: left;width: 450px;height: 800px;overflow:hidden}
.pro_left{ height: 100%;position: relative;}
.pro_left_box{ width: 100%;height: 100%;padding:0 2%;transition: all .5s;text-align: center;position: relative;display:table}/*display: flex;justify-content: space-between;align-items: center;*/
.pro_left_box::after{ content: "";width: 0;height: 2px;background-color: #cb6a76;position: absolute;left: 0;bottom: 0;transition: all .8s;}
.pro_left .swiper-slide-thumb-active .pro_left_box::after{ width: 100%;}
.pro_left_box > div{ display:table-cell;vertical-align:middle}
.pro_left_box img{ max-width: 80%;max-height: 150px;}
.pro_left_box p{ float:right;width:100%;font-size: 22px;color: rgb(49, 49, 49);margin-top:15px;}

.index_pro_right{ float: right;width: calc(100% - 500px);height: 800px;overflow: hidden;position: relative;}
.index_pro_right .swiper-slide{ float: left;width: 100%;height: 100%;overflow: hidden;display: table;}
.pro_right{ height: 100%;position: absolute;top: 0;left: 0;width: 100%;text-align: center;}
.pro_right_box{ width: 100%;display: table-cell;vertical-align: middle;}
.pro_right_txt{ float: left;width: 100%;text-align: center;padding:0 10%}
.pro_right_txt h3{ font-size: 36px;color: rgb(201, 10, 7);line-height: 36px;margin-bottom: 25px;}
.pro_right_txt p{ font-size: 20px;color: rgb(105, 105, 105);line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.pro_right_box .threesixty{ width: 100% !important;height: auto !important;position: relative;margin: 30px 0 0}
.pro_right_box .threesixty img{ width: 100%}
.pro_right_box .threesixty .threesixty_images,.viewer_360box_item .threesixty .threesixty_images li{ width: 100%;height: auto}
.pro_right_box .threesixty .threesixty_images li{ text-align: center}
.threesixty .nav_bar{ width: 100%}
.index_pro_right .swiper-button-prev,.index_pro_right .swiper-button-next{ outline: none;}
.index_pro_right .swiper-button-prev:after,.index_pro_right .swiper-button-next:after{ font-size: 30px;color: #929292;transition: all .6s;}
.index_pro_right .swiper-button-prev:hover:after,.index_pro_right .swiper-button-next:hover:after{ color: #e94747;}
.pro_right_box a{ margin: 25px auto 0;border-radius: 15px;background-color: rgb(54, 93, 255);display: inline-block;width: 157px;height: 41px;line-height: 41px;text-align: center;text-transform: uppercase;font-size: 16px;color: rgb(255, 255, 255);font-weight: bold;}

.index_pro_two{ float: left;width: 100%;height: auto;transition: all .5s;padding:50px 0}
.index_pro_two .sales_banner{ margin-bottom:0}



.index_pro_slides{ float: left;
    width: 100%;
    height: auto;
    text-align: center;
    position: relative;padding: 0 100px;overflow: hidden}
.index_pro_slides .swiper_index_pro{ height: 265px;overflow: hidden}
.index_pro_slides .swiper_index_pro .swiper-slide{ height: 265px;padding: 10px 0;text-align: center;}
.index_pro_slides .swiper_index_pro .swiper-slide a div{ float:left;width:100%;height:200px;line-height:200px;overflow:hidden;}
.index_pro_slides .swiper_index_pro .swiper-slide a div img{ max-width: 80%;max-height: 153px;display: inline-block;transition: all .6s}
.index_pro_slides .swiper_index_pro .swiper-slide:hover a div img{ max-width: 82%;max-height: 160px;}
.index_pro_slides .swiper_index_pro .swiper-slide a p{ float:left;width:100%;height:45px;line-height:45px;font-size: 18px;color: rgb(165, 171, 183);overflow:hidden;}
.index_pro_slides .swiper-button-prev,.index_pro_slides .swiper-button-next{ width: 69px;height: 69px;}
.index_pro_slides .swiper-button-prev{ background: url('../images/ico_12.png') no-repeat center center;left: 30px}
.index_pro_slides .swiper-button-next{ background: url('../images/ico_13.png') no-repeat center center;right: 30px;}
.index_pro_slides .swiper-button-prev:after,.index_pro_slides .swiper-button-next:after{ font-size: 0}


.index_title{ text-align: center;}
.index_title h3{ font-size: 60px;}
.index_title p{ font-size: 16px;margin-top: 10px;text-transform:capitalize;}

.index_case{ background-image: -moz-linear-gradient( 45deg, rgb(0,0,0) 0%, rgb(0,0,0) 66%, rgb(57,57,57) 99%);background-image: -webkit-linear-gradient( 45deg, rgb(0,0,0) 0%, rgb(0,0,0) 66%, rgb(57,57,57) 99%);background-image: -ms-linear-gradient( 45deg, rgb(0,0,0) 0%, rgb(0,0,0) 66%, rgb(57,57,57) 99%);padding: 55px 0 0;}
.index_case .index_title{ color: #FFFFFF;}
.index_case_box{ margin-top: 40px;}
.index_case_left{ position: absolute;z-index: 10;height: 100%;padding: 8% 0;width: 30%;overflow:hidden}
.index_case_left .conter_box{ position: relative;height: 100%;padding-right:0}
.case_left{ height: 100%;overflow:hidden}
.case_left .swiper-slide{ display: table;position:relative;z-index:10;}
.case_left .swiper-slide::before{ content:"";position: absolute;
    transform: translateY(100%);
    opacity: 0;
    transition: ease 1.5s;
    background: linear-gradient(0deg, rgba(224, 0, 0, .8) 0%,rgba(224, 0, 0, .5) 100%);
    transition-delay: .5s;
    line-height: normal;
    writing-mode: horizontal-tb;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    z-index: 4;
    color: #fff;}
.case_left .swiper-slide.swiper-slide-thumb-active::before{ transform: translateY(0);
    opacity: 1;}
.case_left .swiper-slide > div{ display: table-cell;vertical-align: middle;color: #FFFFFF;font-size: 22px;transition: all .6s;position:relative;z-index:8;text-align:center}
.case_left .swiper-slide.swiper-slide-thumb-active > div{ color:#FFFFFF}/*color: rgb(230, 51, 51);*/
.index_case_right{ z-index: 9;height: 9.5rem;max-height: 9.5rem;overflow: hidden;}
.case_right{ height: 100%;}
.case_right .swiper-slide{ width: 100%;height: 100%;position: relative;}
.case_right .swiper-slide::before{ content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,.1);z-index: 12;}
.case_right .swiper-slide img{ width: 100%;height: 100%;object-fit: cover;-webkit-transition: all 7s;transition: all 7s;}
.case_right .swiper-slide.swiper-slide-active > img{ transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);}
.case_right .swiper-slide .case_right_tbox{ width: 100%;;position: absolute;right: 0;bottom: 0;z-index: 13;transition: all .6s;}

/* .case_right .swiper-slide.swiper-slide-active .conter_box{ bottom: 0} */
.case_right_txt{ float: right;width: 400px;height: 400px;padding:0 20px 80px;background-color: rgba(224, 0, 0, .8);;margin-bottom: 100px;display: table;}
.case_right_txt div{ display: table-cell;vertical-align: middle;font-size: 18px;text-transform: uppercase;line-height: 2;text-align: left;position: relative;}
.case_right_txt div a{ color: rgb(255, 255, 255);}
.case_right_txt div a img{ width: auto !important;height: auto !important;position: absolute;left: 0;bottom: -60px;-webkit-transition: all .6s !important;transition: all .6s !important;}
.case_right_txt:hover div a img{ bottom: -50px;}

.index_new{ padding:120px 0 160px;background: url('../images/images_35.jpg') no-repeat center center;background-size: cover;background-attachment:fixed;}
.index_new::before{ content: "";width: 100%;height: 100%;background: rgba(7, 16, 32, .9);position: absolute;left: 0;top: 0;z-index: 10;}
.index_new_up{ z-index: 11;display: flex;justify-content: space-between;align-items: flex-end;}
.index_new_up .index_title{ float: left;width: 50%;text-align: left;color: #e00000;}
.index_new_up .index_title h3 span{ color: #FFFFFF;}
.index_new_up ul{ float: right;}
.index_new_up ul li{ margin-left: 20px;float: left;width: 140px;height: 35px;font-size: 16px;transition: all .65s;text-align: center;text-align: center;line-height: 35px;color: rgb(255, 255, 255);border-radius: 15px;}
.index_new_up ul li.active,.index_new_up ul li:hover{ background-color: rgb(255, 255, 255);color: rgb(224, 0, 0);}
.index_new_down{ margin-top: 90px;z-index: 11;}
.index_new_down div.item{ float: left;width: 100%;height: 480px;display: none;}
.index_new_down div.item:nth-of-type(1){ display: inline-block;}
.index_new_down div.item ul{ width: 100%;height: 100%;display: flex;justify-content: space-between;align-items: flex-end;}
.index_new_down div.item ul li{ position: relative;flex: none;float: left;width: calc(25% - 15px);margin-right: 20px;height: 395px;transition: all .6s;}
.index_new_down div.item ul li:hover,.index_new_down div.item ul li.active{ height: 480px;}
.index_new_down div.item ul li::before{ opacity: 0;content: "";width: 100%;height: 100%;border-radius: 0 10px 0 10px;background-color: #bc1e1c;position: absolute;z-index: 10;transition: all .6s}
.index_new_down div.item ul li:hover::before,.index_new_down div.item ul li.active::before{ opacity: 1;left: -4px;bottom: -6px;}
.index_new_down div.item ul li:nth-last-of-type(1){ margin-right: 0;}
.index_new_down div.item ul li a{ overflow: hidden;width: 100%;height: 100%;position: relative;border-radius: 0 10px 0 10px;z-index: 12;display: inline-block;border-radius: 0 10px 0 10px;}
.index_new_img{ float: left;width: 101%;height: 130px;background-color: rgba(255,255,255,1);position: relative;display: table;transition: all .6s;overflow: hidden;}
.index_new_down div.item ul li:hover .index_new_img,.index_new_down div.item ul li.active .index_new_img{ height: 215px;}
.index_new_img::before{ content: "";width: 100%;height: 100%;background: rgba(255,255,255,1);transition: all .6s;position: absolute;left: 0;top: 0;z-index: 10;}
.index_new_down div.item ul li:hover .index_new_img::before,.index_new_down div.item ul li.active .index_new_img::before{ background-color: rgba(24, 38, 59, .4);}
.index_new_img img{ width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;bottom: 0;}
.index_new_tit{ width: 100%;padding:0 18px;display: table-cell;vertical-align: middle;position: relative;z-index: 11;}
.index_new_down div.item ul li:hover .index_new_tit,.index_new_down div.item ul li.active .index_new_tit{ vertical-align: bottom;padding:0 18px 20px;}
.index_new_tit h3{ font-size: 18px;color: rgb(48, 48, 48);line-height: 28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index_new_down div.item ul li:hover .index_new_tit h3,.index_new_down div.item ul li.active .index_new_tit h3{ color: #FFFFFF;}
.index_new_txt{ float: left;width: 100%;height: 265px;padding:30px 18px 0;position: relative;background-color: rgba(255,255,255,1);}
.index_new_txt span{ display: inline-block;font-size: 12px;color: rgb(206, 206, 206);line-height: 18px;transition: all .5s;margin-bottom: 10px;}
.index_new_down div.item ul li:hover .index_new_txt span,.index_new_down div.item ul li.active .index_new_txt span{ color: #e00000;}
.index_new_txt p{ margin-bottom: 40px;font-size: 14px;color: rgb(86, 92, 105);line-height: 1.714;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.index_new_txt i{ width: 45px;height: 45px;background: url(../images/ico_44.png) no-repeat center center;background-size: auto 15px;display: inline-block;transition: all .6s;}
.index_new_down div.item ul li:hover .index_new_txt i,..index_new_down div.item ul li.active .index_new_txt i{ background:#aa0112 url(../images/ico_45.png) no-repeat center center;}

.index_aside{background-color: #FFFFFF;transition: all .8s;}


.index_aside .aside_swiper{  width:100%;height: 270px;overflow:hidden}/*display: flex;justify-content: space-between;align-items: center;*/
.index_aside .aside_swiper .swiper-slide{ float: left;display:table;height: 270px;}/*flex: 0 0 25%;*/
.index_aside .aside_swiper .swiper-slide > div{ display:table-cell;vertical-align:middle;text-align:center}
.index_aside .aside_swiper .swiper-slide img{ max-height: 80px;}
.index_aside .aside_swiper .swiper-slide p{ font-size: 22px;color: rgb(108, 108, 108);line-height: 1.345;margin-top: 15px;}

/*椤电湁*/
.nav_yemei{ width: 100%;height: 70px;line-height: 70px;position: absolute;left: 0;bottom: 0;z-index: 10}
.nav_yemei .conter_box{ text-align: left !important;}
.nav_yemei a{ color: #ffffff;font-size: 18px;padding-right: 50px;position: relative;height: 100%;display: inline-block;transition: all .3s;text-transform: capitalize;}
.nav_yemei a:hover{ color: #a8071a}
.nav_yemei a:after{ content: "";width: 50px;height: 70px;background: url('../images/ico_24.png') no-repeat 15px center;background-size: auto 15px;position: absolute;right: 0;top: 0}
.nav_yemei a:nth-last-of-type(1):after{ display: none}

.inner_txt,.inner_txt_i{ width: 100%;height: auto;overflow: hidden;position: relative;text-align: center;}
.inner_txt{ float: left;padding:0 1rem}
.inner_txt_i{ max-width: 1416px;margin:0 auto}

.inner_txt_i h3,.inner_txt_i h1{ width: auto;max-width:100%;font-size: 40px;color: rgb(255, 255, 255);position: relative;display: inline-block;padding:0 100px}
.inner_txt_i h3::before,.inner_txt_i h3::after,.inner_txt_i h1::before,.inner_txt_i h1::after{ content: "";width: 54px;height: 22px;position: absolute;top: 50%;margin-top: -11px;}
.inner_txt_i h3::before,.inner_txt_i h1::before{ background: url('../images/ico_48.png') no-repeat center center;left: 0;}
.inner_txt_i h3::after,.inner_txt_i h1::after{ background: url('../images/ico_49.png') no-repeat center center;right: 0;}
.inner_txt p{ font-size: 20px;color: rgba(255, 255, 255, 0.8);margin-top: 15px;width: 100%;float: left;}

.mask_fadeUp {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 100;display: block;background-color: rgba(168, 7, 26,0.8);-webkit-transition: -webkit-transform 1.2s 0.5s;transition: transform 1.2s 0.5s;-webkit-animation-name: mask_fadeUp;animation-name: mask_fadeUp;}


/*浜у搧*/
.product_banner,.pro_banner,.product_list,.product_swiper,.sales_banner,.product_more,.product_adv,.product_trait,.product_four,.product_slibe,.product_surface,.product_accessories,.accessories_slides,.product_swiper_box,.product_video,.product_video_box,.video_slides,.product_quote,.product_download,.pro_details_h{ float: left;width: 100%;height: auto;position: relative;z-index: 10;}
.product_banner{ margin-top: 120px;}
.product_banner:before{ content: "";width: 700px;height: calc(100% + 120px);position: absolute;left: 0;top: -120px;background: url('../images/ico_22_2.png') no-repeat center left;z-index: 9}
.pro_banner img{ width: 100%;max-width: 100%}
.pro_banner .swiper-pagination-bullet{ width: 10px;height: 10px;}
.product_banner .swiper-container-horizontal > .swiper-pagination-bullets{ bottom: 65px;}
.pro_banner .swiper-pagination span:nth-of-type(1){ background-color: #4266ee}
.pro_banner .swiper-pagination span:nth-of-type(2){ background-color: #d062dc}
.pro_banner .swiper-pagination span:nth-of-type(3){ background-color: #aa4568}
.pro_banner .swiper-pagination span:nth-of-type(4){ background-color: #48b071}
.pro_banner .swiper-pagination span:nth-of-type(5){ background-color: #bfc5d8}

/*.product_list{ }*/
.product_list .inner_txt{ padding-top:160px;margin: 0 0 100px;}
.product_list_left{ float: left;width: 300px;height: auto;padding-top: 55px;}
.product_list_left form{ width: 100%;height: 60px;margin-bottom: 40px;}
.product_list_left form input{ float: left;width: 100%;height: 60px;line-height: 60px;transition: all .6s;padding-left: 60px;outline: none;background: rgba(0,0,0,0) url('../images/ico_50.png') no-repeat left center;border: none;font-size: 22px;color: rgb(181, 181, 181);}
.product_list_left form input:focus,.product_list_left form input:hover{ background: #1d2735;padding-left: 10px;}
.product_list_left ul li{ width: 100%;height: auto;line-height: 85px;}
.product_list_left ul li a{ font-size: 20px;color: rgb(255, 255, 255);transition: all .6s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.product_list_left ul li:hover a,.product_list_left ul li.active a{ color: rgb(168, 7, 26);}

.product_list_right{ float: right;width: calc(100% - 350px);height: auto;overflow: hidden;}
.product_list_right ul{ width: 100%;display: flex;flex-wrap: wrap;align-content: flex-start;justify-content: space-between;}
/*.product_list_right ul:after{ content:"";flex:auto}*/

.product_list_right ul li{ width: 300px;height: auto;margin-bottom: 50px;}


.pro_list_img{ float: left;width: 100%;height: 300px;background-color: #334466;display: table;text-align: center;}
.pro_list_img div{ display: table-cell;vertical-align: middle;}
.pro_list_img div img{ max-height: 165px;max-width:90%;transition: all .6s;}
.product_list_right ul li:hover .pro_list_img div img{ max-height: 165px;}
.pro_list_txt{ float: left;width: 100%;height: auto;overflow: hidden;margin-top: 5px;}
.pro_list_txt h3{ transition: all .6s;font-size: 20px;color: rgb(255, 255, 255);line-height: 65px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.product_list_right ul li:hover .pro_list_txt h3{ color: rgb(168, 7, 26);}
.pro_list_txt span{ display: inline-block;width: 100px;height: 32px;line-height: 32px;text-align: center;background-color: #3256ff;font-size: 12px;color: rgb(255, 255, 255);}
.pro_list_txt span img{ margin-left: 5px;height: 10px;transition: all .6s;}
.product_list_right ul li:hover .pro_list_txt span img{ margin-left: 10px;}

.product_list .list_page{ margin: 30px 0 50px;}

.product_swiper .inner_txt{ margin: 70px 0 80px;}
.sales_banner{ overflow: hidden;width: 100%;margin-bottom: 150px;}
.sales_banner .swiper-slide{ height: auto;position: relative;text-align: center;}
.sales_banner .swiper-slide:before{ content: "";width: 2px;height: 150px;background-color: #3256ff;position: absolute;right: -2px;top: 50%;margin-top: -75px;}
.sales_banner .swiper-slide-prev.swiper-slide:before{ opacity: 0}
.sales_banner .swiper-slide a{ width: 100%;height: 100%;display: inline-block;padding: 0 5%}
.sales_banner .swiper-slide a .sales_banner_box{ width:100%;height:200px;line-height:200px;}
.sales_banner .swiper-slide a .sales_banner_box img{ max-height: 165px;max-width: 75%;
    transition: all .6s;}
.sales_banner .swiper-slide a h4{ width: 100%;margin: 45px 0 5px;font-size: 18px;color: rgb(255, 255, 255);font-weight: bold;text-transform: uppercase;line-height: 26px;transition: all .6s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.sales_banner .swiper-slide:hover a h4{ color: #9d091c;}
/* .sales_banner .swiper-slide a p{ font-size: 16px;color: rgba(255, 255, 255, 0.8);line-height: 1.56;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;} */
.sales_banner .swiper-button-prev,.sales_banner .swiper-button-next{ width: 65px;height: 65px;background-color: #161d28;border-radius: 50%;transition: all .6s;margin-top:-32px;}
.sales_banner .swiper-button-prev{ left: 0}
.sales_banner .swiper-button-next{ right: 0}
.sales_banner .swiper-button-prev:hover,.sales_banner .swiper-button-next:hover{ background-color: #9d091c;}
.sales_banner .swiper-button-prev:after,.sales_banner .swiper-button-next:after{ font-size: 28px;font-weight: bold;color: #9d091c;transition: all .6s}
.sales_banner .swiper-button-prev:hover:after,.sales_banner .swiper-button-next:hover:after{ color: #ffffff;}

.product_more{ border-top: 5px solid #3256ff;text-align: center;padding: 85px 0 160px;}/*background-color: #212a3a;*/
.product_more h3{ font-size: 58px;color: rgb(255, 255, 255);line-height: 1.2;text-align: center;margin-bottom: 40px;}
.product_more p{ font-size: 40px;color: rgb(255, 255, 255);line-height: 1.2;margin-bottom: 40px;}
.product_more a{ background-color: rgb(50, 86, 255);width: 310px;height: 88px;border-radius: 50px;display: inline-block;text-align: center;line-height: 88px;font-size: 32px;color: rgb(255, 255, 255);font-weight: bold;text-transform: uppercase;}

.product_adv{ z-index: 12;-webkit-transform: translateY(-50%);transform: translateY(-50%);transition: all .6s;}
.product_adv_w{ width: 1200px;margin: 0 auto;overflow: hidden;}
.product_adv_w ul{ width: 100%;display: flex;flex-wrap: wrap;align-content: space-between;justify-content: space-between;}
.product_adv_w ul li{ width: 400px;height: 150px;padding:0 20px;background-color: #334466;transition: all .6s;display: flex;justify-content: space-between;}/*display: table;vertical-align: middle;*/
.product_adv_w ul li:hover{ background-color: #24293f;}
/*.product_adv_w ul li > div{ display: table-cell;vertical-align: middle;text-align: center;padding:0 20px}*/
.product_adv_w ul li div:nth-of-type(1){ width: 160px;height: 100%;text-align:center;line-height:150px;display: inline-block;position:relative;}
.product_adv_w ul li div:nth-of-type(1):before{ content:'';width:70px;height:70px;border: 1px solid #FFFFFF;border-radius: 50%;position:absolute;left:50%;top:50%;margin:-35px 0 0 -35px;}
.product_adv_w ul li div:nth-of-type(1) img{ max-width: 36px;max-height: 30px;transition: all .6s;}
/*.product_adv_w ul li:hover > div span:nth-of-type(1) img{ max-width: 40px;max-height: 35px;}*/
.product_adv_w ul li div:nth-of-type(2){ display: flex;transition: all .6s;width: calc(100% - 160px);height:100%;font-size: 18px;color: #ffffff;align-items: center;}
.product_adv_w ul li:hover div:nth-of-type(2){ color: rgb(168, 7, 26);}
	
.product_trait .inner_txt{ margin-bottom: 100px;}

.product_four{ height: 9rem;max-height: 9rem;display: flex;flex-wrap: wrap;align-content: space-between;justify-content: space-between;z-index: 5;background-color: #FFFFFF;position:relative}
/*.product_four:after{ content:"";width:100%;height:100px;background-color:rgb(37, 51, 70);position:absolute;left:0;bottom:-100px;z-index:10}*/
.product_four_left,.product_four_right{ float: left;width: 50%;height: 100%;position: relative;z-index:15}
.product_four_left{ display: table;padding-left: 2rem;padding-right: 8%;}
.product_four_left > div{ display: table-cell;vertical-align: middle;}
.product_four_left > div h1{ font-size: 80px;color: rgb(25, 35, 49);margin-bottom: 25px;}
.product_four_left > div p{ font-size: 20px;color: rgb(1, 1, 1);line-height: 34px;}
.product_four_left > div a{ margin-top: 20%;position: relative;display: inline-block;width: 200px;height: 60px;text-align: center;line-height: 60px;font-size: 18px;color: #FFFFFF;transition: all .6s;background-color: rgb(50, 86, 255);}
.product_four_left > div a::before{ content: "";width: 0;height: 100%;transition: all .6s;position: absolute;left: 0;top: 0;background-color: rgb(168, 7, 26);z-index: 10;}
.product_four_left > div a:hover::before{ width: 100%;}
.product_four_left > div a span{ position: relative;z-index: 12;}
.product_four_right img{ width: 100%;height: 100%;object-fit: cover;transition: all .6s;}

/* .product_slibe{ z-index: 2;} */
.product_slibe_odd,.product_slibe_even{ float: left;width: 100%;height: auto;overflow: hidden;position: relative;z-index: 10;}
.product_slibe_odd{ padding: 140px 0;}
.product_slibe_odd .conter_box{ display: flex;justify-content:space-between;align-items:center} /* display: flex;justify-content: ;*/
.pro_slibe_odd_left{ order: 1;width: 50%;height: auto;text-align: center;display: table;padding-right: 6%;}
.product_slibe_odd:nth-of-type(3) .pro_slibe_odd_left,.product_slibe_odd:nth-of-type(5) .pro_slibe_odd_left{ order: 2;padding-left: 6%;padding-right: 0;}
/* .product_slibe_odd:nth-child(odd) .pro_slibe_odd_left{ order: 1 !important;} */
.pro_slibe_odd_left > div{ display: table-cell;vertical-align: middle;background-color: #FFFFFF;padding:50px 0}
.pro_slibe_odd_left > div img{ height: 365px;}
.pro_slibe_odd_right{ order: 2;width: 50%;height: 100%;display: table;padding-left: 6%;}
.product_slibe_odd:nth-of-type(3) .pro_slibe_odd_right,.product_slibe_odd:nth-of-type(5) .pro_slibe_odd_right{ order: 1;padding-right: 6%;padding-left: 0;}
/* .product_slibe_odd:nth-child(even) .pro_slibe_odd_right{ order: 2 !important;} */
.pro_slibe_odd_right > div{ display: table-cell;vertical-align: middle;text-align: left;}
.product_slibe_odd:nth-of-type(3) .pro_slibe_odd_right > div,.product_slibe_odd:nth-of-type(5) .pro_slibe_odd_right > div{ text-align: right;}
.pro_slibe_odd_right > div h4{ font-size: 30px;line-height: 30px;color: rgb(255, 255, 255);padding-bottom: 50px;position: relative;}
.pro_slibe_odd_right > div h4::after{ content: "";width: 14px;height: 17px;background: url('../images/ico_57.png') no-repeat center center;position: absolute;left: 0;bottom: 15px;}
.product_slibe_odd:nth-of-type(3) .pro_slibe_odd_right > div h4::after,.product_slibe_odd:nth-of-type(5) .pro_slibe_odd_right > div h4::after{ right: 0;left: auto;}
.pro_slibe_odd_right > div p{ font-size: 20px;color: rgb(255, 255, 255);line-height: 38px;margin-bottom: 20px;}
.pro_slibe_odd_right > div p:nth-last-of-type(1){ margin-bottom: 0;}
.product_slibe_even{ padding:80px 0;text-align: center;}
.product_slibe_even h4{ font-size: 30px;line-height: 30px;color: rgb(255, 255, 255);margin-bottom: 15px;;}
.product_slibe_even p{ font-size: 16px;color: #535353;line-height: 28px;}
.product_slibe_even img{ max-width: 100%;margin-top: 50px;;}

/* .pro_details_h{ height:.8rem;background:#171f29;position: relative;top: 0;} */

.product_surface{ background:#fff;padding:90px 0}
.product_surface h3{ font-size: 40px;color: rgb(168, 7, 26);text-align:center}
.product_surface ul{ float: left;width:100%;padding:0 100px;margin-top:30px;}
.product_surface ul li{ float: left;width:100%;height:105px;border-bottom:2px solid #bfbfbf;text-align:left;display:flex;
      flex-wrap:wrap;
      display: -webkit-flex;}
.product_surface ul li p{ float: left;flex:1;height:105px;font-size: 18px;color: rgb(77, 77, 77);overflow:hidden;display:table}
.product_surface ul li p span{ display: table-cell;vertical-align: middle;padding:0 5px;word-break: break-all;}
.product_surface ul li p:nth-of-type(1){ color: rgb(0, 0, 0);font-weight:bold;min-width: 270px;}
/*.product_surface ul li p:nth-of-type(2){ }*/

.product_accessories,.product_video{ background:#222e3f;}
.product_accessories{ padding-bottom: 50px;}
.product_accessories .inner_txt{ margin: 100px 0 60px;}
.product_swiper_box{ padding: 0 100px;overflow: hidden;}
.accessories_slides{ position: initial;overflow: hidden;}
.accessories_slides .swiper-slide{ background-color: #FFFFFF;}
/* .accessories_slides .swiper-slide.swiper-slide-active{ margin-left: 9px;} */
/* .accessories_slides .swiper-slide.swiper-slide-prev,.accessories_slides .swiper-slide.swiper-slide-duplicate-active{ opacity: 0;} */
.accessories_slides .swiper-slide span{ float: left;width: 100%;height: 230px;text-align: center;line-height: 230px;background-color: #212d3e;display: inline-block;border: 1px solid #a5abb7;}
.accessories_slides .swiper-slide span img{ max-height: 160px;max-width: 85%;transition: all .6s;}
.accessories_slides .swiper-slide:hover span img{ }
.accessories_slides .swiper-slide div{ float: left;width: 100%;height: 135px;padding: .25rem .25rem 0;}
.accessories_slides .swiper-slide div h4{ font-size: 24px;color: rgb(0, 0, 0);margin-bottom: 10px;}
.accessories_slides .swiper-slide div p{ font-size: 16px;color: rgb(165, 171, 183);line-height: 1.452;}
.accessories_slides .swiper-button-prev,.accessories_slides .swiper-button-next,.pro_case .swiper-button-prev,.pro_case .swiper-button-next{ width: 69px;height: 69px;transition: all .5s;border-radius: 50%}
.accessories_slides .swiper-button-prev,.pro_case .swiper-button-prev{ background: url('../images/ico_12.png') no-repeat center center,url('../images/ico_14.png') no-repeat center center;left: 0}
.accessories_slides .swiper-button-prev:hover,.pro_case .swiper-button-prev:hover{ box-shadow: 0 1px 5px 0 rgba(255, 255, 255, .8);}
.accessories_slides .swiper-button-next,.pro_case .swiper-button-next{ background: url('../images/ico_13.png') no-repeat center center,url('../images/ico_14.png') no-repeat center center;right: 0;}
.accessories_slides .swiper-button-next:hover,.pro_case .swiper-button-next:hover{ box-shadow: 0 1px 5px 0 rgba(255, 255, 255, .8);}
.accessories_slides .swiper-button-prev:after,.accessories_slides .swiper-button-next:after,.pro_case .swiper-button-prev:after,.pro_case .swiper-button-next:after{ font-size: 0}
.accessories_slides .swiper-pagination,.pro_case .swiper-pagination{ display:none}
.pro_case .swiper-slide a{ width: 100%;height: 100%;border-bottom: 5px solid rgba(0,0,0,1);position: relative;display: inline-block;}
.pro_case .swiper-slide a::before{ content: "";width: 0;height: 5px;background-color: rgba(168, 7, 26,1);position: absolute;left: 0;bottom: -5px;transition: all .65s;}
.pro_case .swiper-slide a:hover::before{ width: 100%;}
.pro_case_img{ width: 100%;height: 3rem;overflow: hidden;}
.pro_case_img img{ width: 100%;height: 100%;object-fit: cover;transition: all .6s;}
.pro_case .swiper-slide a:hover .pro_case_img img{ transform: scale(1.1);}
.pro_case_txt{ width: 100%;height: 1.5rem;background-color: rgba(255,255,255,1);display: table;padding:0 25px}
.pro_case_txt > div{ display: table-cell;vertical-align: middle;}
.pro_case_txt > div h4{ font-size: 22px;color: rgb(0, 0, 0);transition: all .6s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.pro_case .swiper-slide a:hover .pro_case_txt > div h4{ color: rgba(168, 7, 26,1);}
.pro_case_txt > div p{ font-size: 16px;color: rgb(165, 171, 183);line-height: 28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.product_video h3{ font-size: 36px;color: rgb(168, 7, 26);line-height: 1.154;text-align: center;margin: 155px 0 75px;}
.product_video_box{ padding: 0 2.65rem;overflow: hidden;position: relative;}
.product_video_box .swiper-slide{ padding-bottom: 13px;}
.product_video_box .swiper-slide a{ width: 100%;height: 7.5rem;overflow: hidden;display: inline-block;position: relative;}
.product_video_box .swiper-slide a::before{ content: "";width: 100%;height: 100%;background-color: rgba(0,0,0,.2);position: absolute;left: 0;top: 0;}
.product_video_box .swiper-slide a::after{ content: "";width: 72px;height: 72px;background: url('../images/ico_27.png') no-repeat center center;background-size: 100%;position: absolute;left: 50%;top: 50%;margin: -36px 0 0 -36px;;}
.product_video_box .swiper-slide a img{ width: 100%;height: 100%;object-fit: cover;}
.product_video_box .swiper-slide p{ float: left;width: 100%;height: 100px;line-height: 100px;text-align: center;font-size: 20px;color: rgb(255, 255, 255);}
.product_video_box .swiper-button-prev,.product_video_box .swiper-button-next{ width: 60px;height: 60px;transition: all .5s;border-radius: 50%;margin-top: -90px;top: 50%;}
.product_video_box .swiper-button-prev{ left: 50px;}
.product_video_box .swiper-button-next{ right: 50px;}
.product_video_box .swiper-button-prev:hover,.product_video_box .swiper-button-next:hover{ background-color: rgba(16, 15, 16,.4);}
.product_video_box .swiper-button-prev:after,.product_video_box .swiper-button-next:after{ font-size: 24px;font-weight: bold;color: #FFFFFF;}
.product_video_box .swiper-pagination-bullet{ width: 12px;height: 3px;opacity: 1;background-color: #365dfb;border-radius: inherit;}
.product_video_box .swiper-pagination-bullet-active{ background-color: #f0f0f3;}
.product_video_box .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 6px;}

.product_quote{ background-color: #222e3f;padding: 0 0 135px;}
.product_quote .conter_box{ height: 100%;overflow: hidden;padding-top:135px}
.quote_left{ float: left;width: 48%;height: auto;padding-top: 50px;}
.quote_left h3{ font-size: 38px;color: rgb(255, 255, 255);font-weight: bold;margin-bottom: 30px;}
.quote_left span{ display: inline-block;width: 100%;font-size: 22px;color: rgb(255, 255, 255);line-height: 1.5;margin-bottom: 45px;}
.quote_left p{ float: left;width: 100%;height: auto;overflow: hidden;padding-left: 75px;font-size: 24px;color: rgb(255, 255, 255);line-height: 55px;margin-bottom:20px;}
.quote_left p:nth-of-type(1){ background: url('../images/ico_28.png') no-repeat left center;}
.quote_left p:nth-of-type(2){ background: url('../images/ico_29.png') no-repeat left center;}
.quote_left p:nth-of-type(3){ background: url('../images/ico_30.png') no-repeat left center;}
.quote_left p:nth--last-of-type(1){ margin-bottom:0}
.quote_left p span{ margin-bottom:0}
.product_quote_ico{ float: left;width: 100%;height: auto;margin-top: 40px;}
.product_quote_ico a{ float: left;width: 94px;height: 94px;border-radius: 50%;margin-right: 10px;;border: 2px solid rgba(0,0,0,0);background-color: rgba(0,0,0,0);text-align: center;line-height: 90px;display: inline-block;transition: all .6s}
.product_quote_ico a:hover{ border: 2px solid rgba(103, 129, 235, .8);background-color: rgba(54, 93, 251, 1);}
.quote_right{ float: right;width: 42%;height: 700px;background-color: #FFFFFF;padding: .55rem;border-radius: 8px;}
.quote_right div.item{ float: left;width: 100%;height: auto;overflow: hidden;margin-bottom: 35px;}
.quote_right div.item p{ font-size: 20px;color: rgb(52, 62, 78);margin-bottom: 9px;}
.quote_right div.item input{ width: 100%;height: 78px;line-height: 72px;font-size: 20px;transition: all .6s;border-radius: 8px;border: 3px solid #f0f0f3;color: #212a39;padding: 0 30px;}
.quote_right div.item:hover input{ border: 3px solid #365dfb !important;}
.quote_right div.item input:focus,.quote_right div.item textarea:focus{ outline: none !important;}
.quote_right div.item textarea{ width: 100%;height: 160px;background-color: #f0f0f3;border: none;padding: 20px;font-size: 20px;line-height: 30px;color: rgb(33, 42, 57);border-radius: 8px;}
.quote_right button{ border-radius: 5px;background-color: rgb(54, 93, 251);width: 214px;height: 76px;border: none;text-align: center;line-height: 76px;font-size: 20px;color: rgb(255, 255, 255);}

.product_download{ height: 4.35rem;display: flex;justify-content: space-between;align-items: center;transition: all .6s;text-align: center;}
.product_download::before{ content: "";width: 100%;height: 100%;background-color: rgba(168, 7, 26, .8);position: absolute;left: 0;top:0;z-index: 8;}
.product_download > .conter_box{ position: relative;z-index: 8;}
.product_download h3{ font-size: 40px;color: rgb(255, 255, 255);}
.product_download div.item{ width: 100%;text-align: center;margin-top: 50px;}
.product_download div.item a{ border-radius: 50px;border: 3px solid rgb(248, 248, 248);width: auto;padding: 0 45px;margin: 0 35px;height: 70px;text-align: center;line-height: 64px;font-size: 20px;color: rgb(255, 255, 255);display: inline-block;transition: all .6s;}
.product_download div.item a:hover{ background-color: rgb(54, 93, 251);}

.section-design{ max-width: 1920px;margin:0 auto;}

/* 鍐呴〉banner */
.inner_banner{ float: left;width: 100%;height: auto;min-height: 70px;overflow: hidden;margin-top: 120px;position: relative;}
.banner_box{ float: left;width: 100%;height: 500px;position: relative;display: flex;justify-content: space-between; align-items: center; transition: all .6s;}
.banner_box::before{ content: "";width: 100%;height: 100%;background-color: rgb(0, 0, 0, .302);position: absolute;left: 0;top: 0;z-index: 8;}
.banner_box img{ width: 100%;position: absolute;left: 0;top: 0;z-index: 5;}
.banner_box .conter_box{ margin-top: -15px;}
.inner_banner .conter_box{ position: relative;z-index: 9;text-align: center;font-size:0}
.inner_banner .conter_box h2{ font-size: 95px;color: rgb(255, 255, 255);font-weight: bold;text-transform: uppercase;line-height: 1.723;
	/* text-shadow: 3px 3px 12px rgba(0, 43, 200, 0.57); */
	/* background: linear-gradient(180deg, #ffffff 45%, rgba(0, 43, 200, 1) 100%); */
	/* -webkit-background-clip: text; */
	/* -webkit-text-fill-color: transparent; */
}
.inner_banner .conter_box p{ font-size: 28px;color: rgb(255, 255, 255);text-transform: uppercase;line-height: 1.894;position: relative;}
.inner_banner .conter_box p::before,.inner_banner .conter_box p::after{ content: "";width: 100%;height: 5px;background: url('../images/ico_31.png') no-repeat center center;background-size: auto;position: absolute;left: 0;}
.inner_banner .conter_box p::before{ top:-15px}
.inner_banner .conter_box p::after{ bottom: -15px;}

/* 鍒嗛〉 */
.list_page {float: left;width: 100%;display: block;text-align: center;}
.list_page:after {clear: both;display: block;visibility: hidden;overflow: hidden;height: 0;content:""}
.list_page ul {display: inline-block;margin: 0;padding: 0;list-style: none;vertical-align: bottom;}
.list_page ul li {display: inline-block;float: left;border-right: none;border-radius: 0;}
.list_page ul a,.list_page ul li  span{ font-size: 24px;width: 50px;height: 50px;border-radius: 8px;display: inline-block;color: #FFFFFF;margin: 0 15px;line-height: 50px;transition: all 1s cubic-bezier(.175, .885, .32, 1) 0s;float:left;}
.list_page ul li a:hover,.list_page ul li.active a,.list_page ul li.active span{ background: #a8071a;}
.list_page ul li.disabled span:hover{ background-color: #9D9D9D;cursor:not-allowed}
.list_page ul li:not(:first-child):not(:last-child) {border-radius: 0}
.list_page ul li:first-child {border-radius: 4px 0 0 4px}
.list_page ul li:last-child {border-radius: 0 4px 4px 0}
.list_page ul .page-active a {border-radius: 0;background: #eee;color: #333}



/* 妗堜緥 */
.case_list,.case_list_box,.case_details,.case_det_box,.case_det_box_txt,.case_det_box_page,.case_det_pro{ float: left;width: 100%;height: auto;position: relative;}

.case_list .inner_txt{ margin: 145px 0 135px;}
.case_list_box li{ float: left;width: 100%;height: auto;margin-bottom: 1.5rem;position: relative;}
.case_list_box li::before{ content: "";width: 14px;height: 14px;background-color: #FFFFFF;position: absolute;left: 50%;top:0;margin-left: -50px;transition: all .6s;}
.case_list_box li:hover::before{ background-color: rgb(168, 7, 26);}
.case_list_box li:nth-child(even)::before{ left: auto;right: 50%;margin-right: -50px;}
.case_list_box li:nth-last-of-type(1){ margin-bottom: 0;}
.case_list_box li a{ display: inline-block;position: relative;padding-top: 15px;display: flex;justify-content: space-between;align-items: center;}
.case_list_img{ order: 1;width: calc(50% - 50px);height: 5.5rem;max-height: 550px;overflow: hidden;position: relative;}
.case_list_box li:nth-child(even) a .case_list_img{ order: 2;}
.case_list_img::after{ content: "";width: 100%;height: 100%;background: rgba(0,0,0,.2);position: absolute;left: 0;top:0}
.case_list_img img{ width: 100%;height: 100%;object-fit: cover;transition: all .6s; }
.case_list_box li:hover a .case_list_img img{ transform: scale(1.1);}
.case_list_txt{ order: 2;width: calc(50% - 50px);padding: 0 5%;text-align: left;}
.case_list_box li:nth-child(even) a .case_list_txt{ order: 1;text-align: right;}
.case_list_txt h3{ font-size: 30px;line-height: 30px;color: rgb(255, 255, 255);padding-bottom: 70px;position: relative;transition: all .6s;}
.case_list_box li:hover a .case_list_txt h3{ color: rgb(168, 7, 26);}
.case_list_txt h3::before,.case_list_txt h3::after{ content: "";transition: all .6s;height: 5px;transform:skew(-30deg);-webkit-transform: skew(-30deg);-moz-transform: skew(-30deg);-o-transform:skew(-30deg);-ms-transform:skew(-30deg);margin: 0 10px 0 0;position: absolute;bottom: 25px;}
.case_list_txt h3::before{ width: 16px;background-color: #365dfb;left: 0;}
.case_list_box li:nth-child(even) .case_list_txt h3::before{ left: auto;right: 0;}
.case_list_box li:hover a .case_list_txt h3::before{ width: 42px;}
.case_list_txt h3::after{ width: 42px;background-color: #a5a8ae;left: 26px;}
.case_list_box li:nth-child(even) .case_list_txt h3::after{ left: auto;right: 26px;}
.case_list_box li:hover a .case_list_txt h3::after{ width: 16px;left: 52px;}
.case_list_box li:nth-child(even):hover .case_list_txt h3::after{ left: auto;right: 52px;}

.case_list_txt h3 span{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.case_list_txt p{ font-size: 18px;color: rgb(165, 171, 183);line-height: 38px;}



.case_list .list_page{ margin: 100px 0 155px;}

.case_banner .inner_txt{ margin:120px 0 90px;}
.case_det_box{ text-align: center;}
.case_det_box img{ max-width: 100%;}
.case_det_box_txt{ padding: 0 0 60px;}
.case_det_box_txt p{ font-size: 20px;color: rgb(255, 255, 255);line-height: 48px;text-align: left;}
.case_det_box_txt p img{ margin-bottom:25px;}

.case_det_box_page{ padding: 50px 0;}
.case_det_box_page a{ float: left;width: calc(50% - 30px);;height: auto;min-height: 220px;padding: 40px 50px 0;display: inline-block;background-color: #222e46;text-align: left;}
.case_det_box_page a:nth-of-type(2){ float: right;}
.case_det_box_page a h6{ font-size: 24px;color: rgb(165, 171, 183);line-height: 2.083;text-transform: uppercase;}
.case_det_box_page a p{ font-size: 24px;color: rgb(255, 255, 255);line-height: 36px;transition: all .6s;}
.case_det_box_page a:hover p{ color: #a8071a;}

.case_det_pro{ overflow: hidden;padding: 90px 0 160px;background-color: #1a232f;}
.case_det_pro h3{ font-size: 48px;color: rgb(255, 255, 255);text-decoration: underline;text-transform: uppercase;line-height: 56px;text-align: center;margin-bottom: 70px;;}
.case_det_pro ul.product_list_slibe li{ width: calc(33.33% - .92rem) ;margin-right: 1.38rem;}
.case_det_pro ul.product_list_slibe li:nth-child(3n){ margin-right: 0;}

/* 瑙ｆ焙鏂规 */
.solution_list{ float: left;width: 100%;height: auto;overflow: hidden;}
.solution_list .inner_txt{ margin: 145px 0 45px;}
.solution_list_box{ width: 100%;display: flex;flex-wrap: wrap;align-content: space-between;justify-content: space-between;}
.solution_list_box li{ float: left;width:calc(33.33% - 60px);height:auto;margin-bottom:90px;}
.solution_list_img{ width:100%;height:3rem;max-height:300px;overflow: hidden;}
.solution_list_img img{ width: 100%;height: 100%;object-fit: cover;transition: all .65s;}
.solution_list_box li:hover .solution_list_img img{ transform: scale(1.1);}
.solution_list_txt{ width: 100%;height: 110px;background-color: #FFFFFF;overflow: hidden;display: table;}
.solution_list_txt > div{ display: table-cell;vertical-align: middle;padding:0 20px;}
.solution_list_txt p{ font-size: 20px;line-height: 30px;;color: rgb(0, 0, 0);float: left;width: 100%;height: auto;padding-right: 20%;position: relative;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; overflow: hidden;}
.solution_list_txt p::before,.solution_list_txt p::after{ content: "";width: 24px;height: 16px;position: absolute;right: 0;top:50%;margin-top: -8px;transition: all .6s;}
.solution_list_txt p::before{ background: url('../images/ico_58.png') no-repeat center right;z-index: 5;}
.solution_list_txt p::after{ width: 0;background: url('../images/ico_59.png') no-repeat center right;z-index: 10;}
.solution_list_box li:hover .solution_list_txt p::after{ width: 24px;backgroundbackground: url('../images/ico_58.png') no-repeat center right;z-index: 5;}

.solution_list .list_page{ margin:0 0 100px}

.solution_details{ float: left;width: 100%;height: auto;position: relative;}
.project_banner .inner_txt{ margin: 120px 0 90px;}

/* .solution_details h1{ font-size: 36px;color: rgb(255, 255, 255);line-height: 46px;margin: .8rem 0 .5rem;text-align: center;text-transform:capitalize} */
.solution_details_box{ background-color: #24344d;border-radius: 25px;margin-bottom: 1.52rem;padding: 0 40px 40px;}
/*.solution_details_box { ;}*/
.solution_details_box h3{ margin: 40px 0 20px;text-transform: capitalize;width: auto;display: inline-block;font-size: 22px;color: rgb(255, 255, 255);font-weight: bold;line-height: 1.2;padding-bottom: 8px;border-bottom: 2px solid #FFFFFF;}
.solution_details_box p{ font-size: 18px;color: rgb(165, 171, 183);line-height: 1.667;}
.solution_details_box p img{ max-width: 100%;}
.solution_details_box a,.solution_details_box div{ color: rgb(165, 171, 183);}
.solution_pro{ margin-top: 20px;;}
.solution_pro li{ float: left;width: calc(33.33% - .92rem);margin-right: 1.38rem;text-align: center;min-height: 405px;padding: 15px;background-color: #222e46;border: 2px solid #4b6599;transition: all .6s;border-radius: 10px;-webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden;}
.solution_pro li:nth-child(3n){ margin-right: 0;}
.solution_pro li:hover{ box-shadow: 0 5px 20px rgba(255, 255, 255, 0.2);}
.solution_pro_img{ width: 100%;height: 252px;border: 1px solid #4b6599;overflow: hidden;}
.solution_pro_img img{ width: 100%;height: 100%;object-fit: cover;transition: all .6s;}
.solution_pro ul li:hover .solution_pro_img img{ transform: scale(1.025);}
.solution_pro_txt{ padding: 20px 10px 0;}
.solution_pro_txt_box{ float: left;width: 60%;height: auto;text-align: left;}
.solution_pro_txt_box h4{ font-size: 16px;color: rgb(54, 93, 251);text-transform: uppercase;line-height: 1.2;}
.solution_details_box .item .solution_pro_txt_box p{ font-size: 16px;color: rgb(255, 255, 255);line-height: 1.2;}
.solution_pro_txt span{ float: right;margin-top: 20px;border: 1px rgb(54, 93, 251) solid;border-radius: 8px;text-transform: uppercase;background-color: rgba(255, 255, 255, 0.102);width: 104px;height: 34px;display: inline-block;text-align: center;line-height: 32px;color: #FFFFFF;transition: all .6s;font-size: 14px;}
.solution_pro li:hover .solution_pro_txt  span{ border: 1px rgb(204, 122, 132) solid;background-color: rgb(168, 7, 26);}


/* 鏂伴椈 */
.new_list,.new_list_box,.new_list_txt_other,.new_list_txt_other,.new_details,.new_details_box,.new_det_box_page{ float: left;width: 100%;height: auto;position: relative;}

.new_list .inner_txt{ margin: 160px 0 95px;}
.new_list_box li{ float: left;width: 100%; height: auto;margin-bottom: .8rem;position: relative;}
.new_list_box li:nth-last-of-type(1){ margin-bottom: 0;}
.new_list_box li a{ position: relative;display: flex;justify-content: space-between;align-items: center;}
.new_list_img{ order: 1;width: calc(50% - 50px);height: 4.5rem;max-height: 450px;overflow: hidden;position: relative;}
.new_list_box li:nth-child(even) a .new_list_img{ order: 2;}
.new_list_img img{ width: 100%;height: 100%;object-fit: cover;transition: all .6s;}
.new_list_box li a:hover .new_list_img img{ transform: scale(1.1);}
.new_list_txt{ order: 2;width: calc(50% - 50px);height: auto;}
.new_list_box li:nth-child(even) a .new_list_txt{ order: 1;}
.new_list_txt h3{ font-size: 30px;font-weight: bold;color: rgb(255, 255, 255);transition: all .6s;display: -webkit-box;-webkit-box-orient: vertical;
    -webkit-line-clamp: 1;overflow: hidden;}
.new_list_box li a:hover .new_list_txt h3{ color: rgb(168, 7, 26);}
.new_list_txt p{ font-size: 16px;color: rgb(255, 255, 255);line-height: 28px;text-align: left;margin: 25px 0;}
.new_list_txt_th{ width: 100%;height: auto;overflow: hidden;}
.new_list_txt_th span{ float: left;font-size: 24px;color: rgb(255, 255, 255);}
.new_list_txt_th span:nth-of-type(2){ float: right;padding-left: 50px;background: url('../images/ico_60.png') no-repeat left center;}

.new_list .list_page{ padding: 60px 0 100px;}

.new_details h1{ font-size: 36px;padding: 0 1rem;color: rgb(255, 255, 255);line-height: 48px;margin: 80px 0 30px;text-align: center;text-transform: capitalize;}
.new_details h6{ font-size: 22px;color: rgb(255, 255, 255);line-height: 1.2;text-align: center;}
.new_details h6 span{ margin: 0 5px;}
.new_details_box{ background-color: #23344c;padding: 40px;margin-bottom: 1.52rem;}
.new_details_box p{ font-size: 18px;color: rgb(165, 171, 183);line-height: 1.667;text-align: left;}
.new_details_box p img{ max-width: 100%;display: inline-block;margin: 15px auto;}
.new_details_box p a,.new_details_box div{ color: rgb(165, 171, 183);}
.new_details_box h1,.new_details_box h2,.new_details_box h3,.new_details_box h4,.new_details_box h5,.new_details_box h6{ text-transform: capitalize;margin: 20px 0;width: auto;display: inline-block;font-size: 26px;color: rgb(255, 255, 255);font-weight: bold;line-height: 1.2;padding-bottom: 8px;border-bottom: 2px solid #FFFFFF;}

.new_det_box_page{ margin: 70px 0;}
.new_det_box_page a{ float: left;width: calc(50% - 30px);height: auto;min-height: 220px;padding: 40px 50px 0;display: inline-block;background-color: #222e46;border-radius: 8px;text-align: left;}
.new_det_box_page a:nth-of-type(2){ float: right;}
.new_det_box_page a h6{ font-size: 22px;color: rgb(165, 171, 183);line-height: 2.083;text-transform: uppercase;margin: 0;border-bottom: 0;padding: 0;}
.new_det_box_page a p{ font-size: 22px;color: rgb(255, 255, 255);line-height: 36px;transition: all .6s;}
.new_det_box_page a:hover p{ color: #a8071a;}


/* 鍏充簬鎴戜滑 */
/*.about_banner{position: relative;}*/
/*.about_banner .about_left{width: 42%;padding-left: 8%;display: inline-block;position: absolute;top: 35%;color: #fff;}*/
/*.about_banner .about_right{width:50%;display:inline-block;position:absolute;left:50%;top:23%}*/
/*.about_banner .about_left .about_title{font-size:64px}*/
/*.about_banner .about_left .about_des{width:85%;display:block;font-size:20px}*/
/*.about_banner .about_left .about_btn{width:40%;height:66px;display:block;font-size:24px;background-color:#fff;border-radius:40px;line-height:66px;text-align:center;color:#365dfb;font-weight:bold;margin-top:40px}*/
/*.about_banner .about_right .about_icon{width:140px;background-color:#fff;border-radius:20px;text-align:center;padding:30px;color:#3256ff}*/
/*.about_banner .about_right .about_icon:nth-child(1){position:relative;left:70%}*/
/*.about_banner .about_right .about_icon:nth-child(2){position:relative;left:30%;top:-60px}*/
/*.about_banner .about_right .about_icon:nth-child(3){position:relative;left:20%;top:30px}*/
/*.about_banner .about_right .tbc::after{content:'';position:relative;top:80px;border-left:35px solid transparent;border-right:35px solid transparent;border-top:35px solid #fff}*/
/*.about_banner .about_right .about_icon span{display:block}*/
/*.about_banner .about_right .bluebg{width:160px;background-color:#3256ff;border-radius:20px;color:#fff}*/
/*.banner_bottom{height:80px;position:absolute;top:85%;width:90%;left:8%;text-align:center}*/
/*.banner_bottom .index_w{float:left;margin-top:30px;font-size:18px;color:#fff}*/
/*.banner_bottom img{margin-left:-300px}*/
/*.banner_bottom .index_w a{color:#fff}*/
/*.about_content{width:85%;margin:0 auto;height:auto;overflow:hidden;margin-top:120px}*/
/*.about_content .content_left{width:48%;margin-right:2%;display:inline-block;float:left}*/
/*.about_content .content_right{width:50%;display:inline-block;float:left}*/
/*.hengang{display:inline-block;background:url(../images/hengang.png) no-repeat;background-position:10px;padding-left:60px;color:red}*/
/*.hengang_1{color:#365dfb;font-size:48px}*/
/*.hengang_2{color:#a5abb7;font-size:24px;margin-top:10px;display:inline-block}*/
/*.about_content .content_left img{width:100%}*/
/*.about_store{width:85%;margin:0 auto;height:auto;overflow:hidden;padding-top: 120px;}*/
/*.about_honer{background: url('../images/about_bg_2.png') no-repeat center center;background-size: 100%;}*/
/*.mini_wenzi{color:#365dfb;letter-spacing: 10;font-size: 12px;padding-left: 33px;}*/
/*.store_div{color: #fff;font-size: 36px;font-weight: bold;display: block;width: 600px;border-left: 3px solid #3256ff;padding-left: 30px;line-height:42px;margin-top: 20px;}*/
/*.store_1{width: 100%;margin-top: 80px;}*/
/*.store_1 div{width: 48%;display: inline-block;margin: 10px 10px 0 0;}*/
/*.store_1 div img{width: 100%;float: left;}*/
/*.about_mask{width: 100%;height: 85px;background: rgba(0, 0, 0, 0.7);display:block;margin-top: -85px;float: left;text-align: center;color: #ffffff;padding-top: 26px;}*/
/*.about_adv img{float: left;width: 100%;}*/
/*.about_adv .adv_list{float: left;width: 100%;text-align: center;margin-top: -480px;}*/
/*.about_adv .adv_list span{font-size: 32px;font-weight: bold;color: #fff;}*/
/*.about_adv .adv_icon_list{width: 70%;height: 100px;margin: 0 auto;margin-top: 75px;}*/
/*.about_adv .adv_icon_list div{width: 30%;background: #fff;overflow: hidden;border-radius: 10px;padding: 25px;display: inline-block;min-height: 100px;}*/
/*.about_adv .adv_icon_list div .adv_icon_list_left{border: 2px solid #3e60ff;border-radius: 9999px;width: 40px;min-height: 40px !important;line-height: 40px;text-align: center;padding: 10px;display: inline-block;float: left;margin-right: 15px;}*/
/*.about_adv .adv_icon_list div .adv_icon_list_left img{width: 100%;}*/
/*.about_adv .adv_icon_list div .adv_icon_list_right{width: 60%;display: inline-block;float: left;padding: 0;text-align: left;}*/
/*.about_adv .adv_icon_list div .adv_icon_list_right span{color: #000;font-size: 12px;}*/
/*.index_pro_360,.about_honer_slides{ float: left;width: 100%;height: auto;text-align: center;position: relative;}*/
/*.about_honer_slides{ margin-top: -200px;padding: 0 150px;height: 200px;background-color: #d40100;}*/
/*.about_honer_slides .swiper_index_pro{ height: auto;overflow: hidden;margin-top: -320px;}*/
/*.about_honer_slides .swiper_index_pro .swiper-slide{text-align: center;}*/
/*.about_honer_slides .swiper_index_pro .swiper-slide img{ max-width: 80%;max-height: 520px;display: inline-block;transition: all .6s;}*/
/*.about_honer_slides .swiper_index_pro .swiper-slide:hover img{ max-width: 82%;max-height: 520px;}*/
/*.about_honer_slides .swiper-button-prev,.about_honer_slides .swiper-button-next{ width: 69px;height: 69px;}*/
/*.about_honer_slides .swiper-button-prev{ background: url('../images/honer_left.png') no-repeat center center;left: 60px}*/
/*.about_honer_slides .swiper-button-next{ background: url('../images/honer_right.png') no-repeat center center;right: 60px;}*/
/*.about_honer_slides .swiper-button-prev:after,.about_honer_slides .swiper-button-next:after{ font-size: 0}*/
/*.honer_str{width: 85%;float: left;position: relative;margin-top: -920px;margin-left: 8%;}*/

/* 鍏充簬鎴戜滑 */
.about_honor_swiper,.about_honor_txt,.about_honor,.about_culture ul,.about_banner,.about_banner_left,.about_banner_rihgt,.circular,.about_describe,.about_describe .item,.about_album,.about_album_title,.about_album_swiper,.about_culture{ float: left;width:100%;height:auto;position: relative}

.about_banner{ height: 100vh;overflow: hidden;background-image: linear-gradient(to right,#5b77ec,#6a74df,#916abb,#b5629a,#d85a7a,#eb5669);text-align: center;display: flex;justify-content: space-between;align-items: center;}
.about_banner_left,.about_banner_rihgt{ width: 50%;}
.about_banner_left{ text-align: left;padding-right: 10%;}
.about_banner_left h3{ font-size: 45px;color: rgb(255, 255, 255);font-weight: bold;text-transform: capitalize;line-height: 1.723;}
.about_banner_left p{ font-size: 20px;color: rgb(255, 255, 255);text-transform: capitalize;line-height: 1.894;}
.about_banner_rihgt{ position: relative;z-index: 12;}
.about_banner_rihgt .item{ width: 150px;height: 150px;border-radius: 8px;background-color: #FFFFFF;position: absolute;transition: all .6s;text-align: center;display: flex;justify-content: space-between;align-items: center;}
.about_banner_rihgt .item:hover{ background-color: #365dfb;}
.about_banner_rihgt .item div{ width: 100%;text-align: center;}
.about_banner_rihgt .item div > img{ max-width: 36%;transition: all .6s;}
.about_banner_rihgt .item div > img:nth-of-type(1){ display: none;}
.about_banner_rihgt .item:hover div > img:nth-of-type(1){ display: inline-block;}
.about_banner_rihgt .item div > img:nth-of-type(2){ display: inline-block;}
.about_banner_rihgt .item:hover div > img:nth-of-type(2){ display: none;}
.about_banner_rihgt .item div > p{ font-size: 18px;color: #365dfb;margin-top: 10px;transition: all .6s;}
.about_banner_rihgt .item:hover div > p{ color: #FFFFFF;}
.about_banner_rihgt .item_1{ right: 0;top:-80px}
.about_banner_rihgt .item_2{ right: 31%; top:50px}
.about_banner_rihgt .item_3{ right: 45%; top:290px;}
.about_banner_rihgt .item_3::before{ content: "";transition: all .6s;width: 0;height: 0;position: absolute;left: 50%;margin-left: -10px;bottom: -20px;border: 10px solid transparent;border-top-color: #FFFFFF;}
.about_banner_rihgt .item_3:hover::before{ border-top-color: #365dfb;}
.circular{ position: absolute;height: 100vh;right: -290px;bottom: -290px;z-index: 10;background: url('../images/ico_38.png') no-repeat right bottom;background-size: auto 95%;
	animation: living 10s linear infinite;
	-webkit-animation: living 10s linear infinite;
}
@keyframes living {
	0% {
		background-size: auto 95%;
	}
    25% {
        background-size: auto 97%;
    }
    50% {
        background-size: auto 99%;
    }
    75% {
        background-size: auto 97%;
    }
	to {
		background-size: auto 95%;
	}
}
.down{ width: 40px;height: 40px;line-height: 40px;position: absolute;left: 50%;bottom: 35px;z-index: 15;cursor: pointer;}
.down img{ width: 100%;animation: jump 1.5s linear infinite;
    -webkit-animation: jump 1.5s linear infinite;}
@-webkit-keyframes jump {
    0% {
        transform: translateY(0)
    }
    25% {
        transform: translateY(-20%)
    }
    50% {
        transform: translateY(0)
    }
    75% {
        transform: translateY(20%)
    }
    to {
        transform: translateY(0)
    }
}
@keyframes jump {
    0% {
        transform: translateY(0)
    }
    25% {
        transform: translateY(-20%)
    }
    50% {
        transform: translateY(0)
    }
    75% {
        transform: translateY(20%)
    }
    to {
        transform: translateY(0)
    }
}

.about_describe .item{ margin-top: 100px;}
.describe_img,.describe_txt{ width: calc(50% - 35px);height: auto;overflow: hidden;}
.describe_img{ border-radius: 15px;}
.about_describe .item:nth-child(odd) .describe_img{ float: left;}
.about_describe .item:nth-child(even) .describe_img{ float: right;}
.describe_img img{ width: 100%;}
.about_describe .item:nth-child(odd) .describe_txt{ float: right;}
.about_describe .item:nth-child(even) .describe_txt{ float: left;}
.describe_txt span{ width: 100%;display: inline-block;background: url(../images/hengang.png) no-repeat left center;padding-left: 40px;color: red;font-size: 14px;}
.describe_txt h3{ font-size: 36px;color: rgb(54, 93, 251);width: 100%;margin: 10px 0 20px;}
.describe_txt p{ font-size: 20px;color: rgb(165, 171, 183);line-height: 36px;}

.about_album_title{ margin: 100px 0 70px;text-align: left;}
.about_album_title p{ color: #365dfb;font-size: 14px;padding-left: 33px;}
.about_album_title h3{ color: #fff;font-size: 36px;font-weight: bold;display: block;width: 100%;padding-left: 30px;line-height: 42px;margin-top: 20px;position: relative;}
.about_album_title h3::before{ content: "";width: 5px;height: 80%;background-color: #365dfb;position: absolute;left: 0;top: 10%;}

.about_album_swiper{ margin-bottom: 100px;}
.about_album_swiper .item{ float: left;width: calc(50% - 5px);height: auto;overflow: hidden;margin-bottom: 10px;}
.about_album_swiper .item:nth-child(even){ float: right;}
.about_album_swiper .item:nth-last-child(1),.about_album_swiper .item:nth-last-child(2){ margin-bottom: 0;}
.about_album_swiper .item .swiper-slide{ float: left;width: 100%;height: 400px;position: relative;overflow: hidden;}
.about_album_swiper .item .swiper-slide img{ width: 100%;height: 100%;object-fit: cover;transition: all .6s;}
.about_album_swiper .item .swiper-slide:hover img{ transform: scale(1.01);}
.about_album_swiper .item .swiper-slide p{ width: 100%;height: 80px;line-height: 80px;font-size: 18px;color: #FFFFFF;text-align: center;padding: 0 5%;;background-color: rgba(0, 0, 0, .4);position: absolute;left: 0;bottom: 0;}

.about_culture{ padding: 80px 0;margin-bottom: 100px;background-image: linear-gradient(to right,#5b77ec,#6a74df,#916abb,#b5629a,#d85a7a,#eb5669);}
.about_culture::before,.about_culture::after{ content: "";width: 100%;height: 195px;position: absolute;left: 0;}
.about_culture::before{ top: 0;background: url('../images/ico_40.png') no-repeat center top;background-size: 100% auto ;}
.about_culture::after{ bottom: 0;background: url('../images/ico_41.png') no-repeat center bottom;background-size: 100% auto ;}
.about_culture h3{ color: #fff;text-align: center; font-size: 36px;font-weight: bold;display: block;width: 100%;line-height: 42px;margin: 20px 0 50px;}
.about_culture ul{ width: 1200px;margin: 0 auto;float:initial;height: auto;overflow: hidden;}
.about_culture ul li{ float: left;width: calc(33.33% - 8px);margin: 0 11px 11px 0;height: 195px;background-color: #FFFFFF;border-radius: 8px;padding: 50px 30px 0;}
.about_culture ul li:nth-child(3n){ margin-right: 0;}
.adv_icon_list_left{ border: 2px solid #3e60ff;border-radius: 9999px;width: 44px;height: 44px;line-height: 40px;text-align: center;display: inline-block;float: left;}
.adv_icon_list_left img{ width: auto;max-width: 20px;display: inline-block;}
.adv_icon_list_right{width: calc(100% - 60px);display: inline-block;float: right;padding: 0;text-align: left;}
.adv_icon_list_right p{ font-size: 18px;color: rgb(33, 42, 57);width: 100%;height: 35px;line-height: 35px;font-weight: bold;white-space: nowrap;word-break: break-all;overflow: hidden;text-overflow: ellipsis;}
.adv_icon_list_right span{color: #000;font-size: 14px;width: 100%;display: inline-block;padding-right: 10%;}

.about_honor{ padding: 70px 0 0;overflow: hidden;}
.about_honor::before{ content: "";width: 100%;height: 235px;background-color: #d20a15;position: absolute;left: 0;bottom: 0;}
.about_honor_txt p{ color: #365dfb;font-size: 14px;padding-left: 33px;}
.about_honor_txt h3{ color: #000;font-size: 36px;font-weight: bold;display: block;width: 100%;padding-left: 30px;line-height: 42px;margin-top: 20px;position: relative;}
.about_honor_txt h3::before{ content: "";width: 5px;height: 80%;background-color: #365dfb;position: absolute;left: 0;top: 10%;}

.about_honor_swiper{ margin-top: 150px;}
.about_honor_swiper .swiper_honor{ overflow: hidden;}
.about_honor_swiper .swiper_honor .swiper-slide{ width: 100%;height: 100%;background-color: #FFFFFF;padding: 10px;}
.about_honor_swiper .swiper_honor .swiper-slide img{ width: 100%;}
.about_honor_swiper .swiper-button-prev,.about_honor_swiper .swiper-button-next{ top:auto;bottom: 90px;color: #FFFFFF;outline: none;}
.about_honor_swiper .swiper-button-prev{ left: -60px;}
.about_honor_swiper .swiper-button-next{ right: -60px;}

@media (max-width: 1625px) {
    .header_pc ul li a.header_pc_list{ padding: 0 30px}
}
@media (max-width: 1599px) {
    .header_pc ul li a.header_pc_list{ padding: 0 30px}
}
@media (max-width: 1400px) {
    .header_pc ul li a.header_pc_list{ padding: 0 25px}
}
@media (max-width: 1305px) {
    .header_pc ul li a.header_pc_list{ padding: 0 15px}
}
@media (max-width: 1070px) {
    .header_pc ul li a.header_pc_list{ padding: 0 10px}
}


.threesixty {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}
.threesixty .threesixty_images {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
}
.threesixty .threesixty_images img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}
.threesixty .threesixty_images img.previous-image {
    visibility: hidden;
    width: 0;
}
.threesixty .threesixty_images img.current-image {
    visibility: visible;
    width: 100%;
}
.threesixty .spinner {
    width: 60px;
    display: block;
    margin: 0 auto;
    height: 30px;
    background: #333;
    background: rgba(0, 0, 0, 0.7);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	position: absolute;
	top:50%;
	left: 50%;
	margin: -15px 0 0 -30px !important;
}
.threesixty .spinner span {
    font-family: Arial, "MS Trebuchet", sans-serif;
    font-size: 12px;
    font-weight: bolder;
    color: #FFF;
    text-align: center;
    line-height: 30px;
    display: block;
}
.threesixty .nav_bar {
    position: absolute;
    bottom: 30px;
    right: 0;
    z-index: 11;
    opacity: 0;
    transition: all .6s;
}
.threesixty:hover .nav_bar{
    opacity: 1;
}
.threesixty .nav_bar a {
    display: block;
    width: 33px;
    height: 33px;
    float: left;
	padding: 0 10%;
    text-indent: -99999px;
}
.threesixty .nav_bar a.nav_bar_play {
    /* background-position: 0 0 !important; */
	/* background: url('../images/ico_33.png') no-repeat center center; */
	background-color: rgba(0,0,0,0);
}
.threesixty .nav_bar a.nav_bar_previous {
    /* background-position: 0 -73px !important; */
	background: url('../images/ico_33.png') no-repeat center center;
}
.threesixty .nav_bar a.nav_bar_stop {
    /* background-position: 0 -37px !important; */
	background: url('../images/ico_33.png') no-repeat center center;
}
.threesixty .nav_bar a.nav_bar_next {
	float: right;
	background: url('../images/ico_34.png') no-repeat center center;
}
/* html */
.threesixty:-webkit-full-screen {
    background: #ffffff;
    width: 100%;
    height: 100%;
    margin-top: 0;
    padding-top: 200px;
}
.threesixty:-moz-full-screen {
    background: #ffffff;
    width: 100%;
    height: 100%;
    margin-top: 0;
    padding-top: 200px;
}


@media (max-width: 19200px) and (min-width:1936px) {
    .index_case_left{ padding-left:1rem}
    .case_left .swiper-slide > div{ text-align:center;}
}
@media (max-width: 1716px) {
	.viewer_360box_item .threesixty{ margin: 30px 0;}
}
@media (max-width: 1616px) {
	.viewer_360box_item a{ padding-top: 50px;}
	.viewer_360box_item .threesixty{ margin: 20px 0;}
	
	
	.product_surface ul{ padding:0}
}
@media (max-width: 1516px) {
	.viewer_360box_item .threesixty{ margin: 0 0;}
	
	.describe_txt p{ font-size: 18px;line-height: 32px;}
	
	.apply_slides2_box{ padding:0 50px;}
}
@media (max-width: 1466px) {
	.index_pro_360 ul li a img{ max-height: 140px;}
	
	.product_four_left{ padding: 0 3%}
	.product_four_left > div h1{ font-size:60px;}
	.product_four_left > div p{ font-size:18px;}
	.product_four_left > div a{ margin-top:40px;}
}
@media (max-width: 1416px) {
	
	.banner_box img{ width: 100%;height: 100%;object-fit: cover;}
	
	.solution_pro_txt_box{ width: 100%;}
	.solution_pro_txt span{ float: left;margin-top: 10px;}
	
	.describe_txt p{ font-size: 16px;line-height: 28px;}
	
	.product_surface ul li p{ font-size:16px;}
	
	
	/*.new_list_img{ height:4rem}*/
	.project_banner .inner_txt{ padding:0 1rem}
	
	.product_list_left{ width:240px;}
	.product_list_right{ width:calc(100% - 240px)}
	
	.new_banner .inner_txt_i h1{ font-size:32px;line-height:42px;}
}
@media (max-width: 1366px) {
	.header_pc ul li > div.item .con_margin{ width: 100%;}
	
	.index_pro_slides .swiper_index_pro .swiper-slide a div img{ max-height: 120px;}
	
	.product_list_left{ width:220px}
	.product_list_right{ width:calc(100% - 220px)}
	.product_list_right ul li{ width:280px;}
	
	/*.product_four_left{}*/
    .product_four_left > div h1{ }
    
}
@media (max-width: 1316px) {
	.viewer_360box_item a{ padding-top: 30px;}
	.apply_slides2_box{ padding: 0;}
	
	.index_news_box_txt{ padding: 20px;height: auto;min-height: 2.65rem;}
	
	
	.apply_slides2_box{  padding: 0 0;}
	.apply_slides2 .swiper-slide h4{ font-size:20px;}
	
	.index_news_box_txt h4{ font-size:24px;}
	
	
	/*.new_list{ padding:80px 0 0;}*/
	
	.footer_section_one ul li{ margin-right:60px;}
	
	.case_list_img{ width:calc(50% - 20px)}
	.case_list_txt{ width:calc(50% - 20px);padding: 0 3%;}
}
@media (max-width: 1216px) {
    .inner_txt{ padding:0 .5rem}
    .con_margin{ padding:0 .5rem}
	.project_banner .inner_txt{ padding:0 .5rem}
    
    .conter_box{ padding: 0 .5rem;}
    .case_list .list_page{ margin:40px 0 80px;}
    
    
	.header_menu{ height: 120px;}
	.hea_menu_lang{ margin-right: 0;}
	.hea_menu_lang,.hea_menu_form{ width: 35px;height: 100%;cursor: pointer;}
	.hea_menu_lang span{ position: absolute;opacity: 0;display:none}
	.hea_menu_form{ width:45px;}
	.hea_menu_form span{ width:auto;color:rgba(0,0,0,0)}
	.hea_menu_lang_switch{ width: 100px;margin-left: -20px;}
	.header_pc ul li a.header_pc_list{ padding: 0 .35rem;}
	.footer_section_one{ padding:80px 0 40px;}
	/*.footer_section_one ul li{ margin-right:40px;}*/
	
	
    .viewer_360box_item a p{ display:none}
    .index_pro_slides{ padding:0 50px}
    .index_pro_slides .swiper-button-prev{ left: 10px}
    .index_pro_slides .swiper-button-next{ right: 10px;}
    
    
    
    .index_pro_left{ width:38%}
    .pro_left_box{ padding:0 30px}
    .pro_left_box img{ max-width: 80%;max-height: 150px;}
    
    .index_pro_right{ width: 58%}
    
    .index_case_left{ padding:0;height:400px;}
    

    
    /*浜у搧*/
    .product_list ul.product_list_slibe li{ width:calc(33.33% - 10px);margin:0 15px 15px 0;height:360px;}
    .product_list ul.product_list_slibe li:nth-child(3n){ margin-right:0}
    .product_list ul.product_list_slibe li:nth-child(4n){ margin-right:15px}
    /*.product_list ul.product_list_slibe li:nth-last-of-type(1), .product_list ul.product_list_slibe li:nth-last-of-type(2), .product_list ul.product_list_slibe li:nth-last-of-type(3), .product_list ul.product_list_slibe li:nth-last-of-type(4){ margin-bottom:15px}*/
    .product_list ul.product_list_slibe li a .product_list_img img{ max-height: 200px;}
    
    .quote_right{ width:50%}
    .product_download{ height:auto;padding:30px 0}
    
    .product_adv_w{ width:100%}
    .product_adv_w ul li{ width:33.33%}
    
    /*妗堜緥*/
    .banner_box{ height:8rem}
    .inner_banner .conter_box h2{ font-size:40px;margin-bottom:0;}
    .inner_banner .conter_box p{ font-size:20px;}
    
    
    /*瑙ｅ喅鏂规*/
    
    /*鍏充簬鎴戜滑*/
    .about_banner_rihgt .item_2{ right: 35%;top: 90px;}
    .about_describe .item{ margin-top:50px;}
    .describe_img, .describe_txt{ width:calc(50% - 15px)}
    .about_culture ul{ width:100%;padding:0 10px;}
    .describe_txt p{ line-height:26px;}
    .about_honor_swiper{ margin-top:100px;}
    
    
    /*html-cn*/
    
    /*鍏叡鏍峰紡*/
    .product_list .inner_txt{ padding-top:50px;margin:0 0 25px}
    
    /*浜у搧*/
    .product_banner .swiper-container-horizontal > .swiper-pagination-bullets{ bottom:10px;}
    .product_list_left{ display:none}
    .product_list_right{ width:100%}
    .product_adv{ -webkit-transform: translateY(0%);transform: translateY(0%);}
    .product_trait .inner_txt{ margin:50px 0}
    .product_four_left{ padding:0 1rem}
    .product_four_left > div h1{ font-size:50px;}
    .product_four_left > div a{ margin-top:50px;}
    .pro_case_img{ height:4rem}
    .pro_case_txt{ height:2rem}
    
    /*妗堜緥*/
    .case_list .inner_txt{ margin:50px 0}
    .case_list_txt{ padding:0}
    
    .case_banner .inner_txt{ margin:50px 0 100px;}
    
    /*瑙ｅ喅鏂规*/
    .solution_list .inner_txt{ margin:50px 0}
    .solution_list_box li{ width:calc(33.33% - 20px);margin-bottom: 40px;}
    .solution_list_img{ height:4rem}
    .project_banner .inner_txt { margin: 50px 0 90px;}
    
    /*鏂伴椈*/
    .new_list .inner_txt{ margin:50px 0}
    .new_list_img{ width:calc(50% - 30px);height:5rem}
    .new_list_txt{ width:calc(50% - 30px);}
    .new_list_txt h3{ font-size:26px;}
    .new_list_txt p{ margin:15px 0}
    
    /*鍏充簬鎴戜滑*/
    .about_album_swiper .item .swiper-slide{ height:5rem}
}
@media (max-width: 1024px) {
    .conter_box{ padding:0 10px;}
    
    /* .index_title{ padding:100px 0 40px;} */
    .index_pro_360 ul li a img{ max-height: 100px;}
    
    .index_pro_slides{ padding:0 50px;}
    .index_pro_slides .swiper-button-prev{ left: 20px}
    .index_pro_slides .swiper-button-next{ right: 20px;}

    /* .index_title { padding: 60px 0 30px;} */
    
    .sales_banner{ margin-bottom:50px;}
    
    .header_pc ul li a.header_pc_list{ padding:0 15px;}
}
@media (max-width: 993px) {
	/* 澶撮儴 */
	.header{ height: 80px;}
	
	.header_pc{ display: none;}
	
	.header_menu{ height: 80px;line-height: 80px;}
	.hea_menu_form{ float: left;overflow: hidden;}
	.hea_menu_lang{ padding-right: 15px;overflow: hidden;}
	.hea_menu_lang:hover{ overflow: visible;}
	.hea_menu_but{ float: right;display: flex;}
	.hea_menu_form_box{ top:80px;padding: 50px 10%;}
	
	
    .inner_banner{ margin-top:80px;min-height:auto}
	
	/*搴曢儴*/
	.footer_section_one{ padding:40px 0}
	.foo_sel_one_left{ width:100%;text-align:left;margin-bottom:50px;}
	/* .foo_sel_one_left p:nth-of-type(1){ margin-bottom:20px;} */
	
	
	.footer_section_one ul{ width:100%;display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
	.footer_section_one ul li{ width:auto;margin-right:0}
	.footer_section_one ul li h3{ margin-bottom:10px;}
	
	.footer_section_two{ height:auto;padding-bottom:10px;}
	.foo_sel_two_right{ float:left;width:100%;display: inline-block;margin:15px 0 5px;height:auto}
	.foo_sel_two_left{ float:right;width:100%;font-size:14px;line-height:28px;}
	
	/*棣栭〉*/
	.viewer_360box_item a{ padding-top: 5%}
	
	/*浜у搧*/
	.product_banner:before{ z-index:0;display:none}
    .product_banner{ margin-top:80px;}
    .product_nav{ display:none}
    .pro_banner .swiper-slide a{ width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.2);margin:0 0 0 0;border-radius:0}
    .pro_banner .swiper-slide a > div{ display:none}
    .product_banner .swiper-container-horizontal > .swiper-pagination-bullets{ bottom:10px;}
    .product_more{ padding: 40px 0 60px;}
    .product_more h3{ font-size:36px;margin-bottom:20px;}
    .product_more p{ font-size:28px;margin-bottom:15px;} 
    .product_more a { width: 200px;height: 60px;line-height: 60px;font-size: 24px;}
    
    .nav_yemei{ position:relative;left:auto;bottom:auto;float:left}
 
    
    .product_quote{ padding:0 0 30px;}
    .product_quote .conter_box{ padding-top:0}
    .quote_left{ width:100%}
    .quote_left p{ min-height:auto;line-height: 60px;background-size:20px !important;padding-left: 45px;}
    .product_quote_ico{ margin:0 auto 20px;}
    .quote_right{ width:100%}
    .product_download h3{ font-size:36px;}
    .product_download div.item{ margin-top:20px;}
    .product_download div.item a{ height:auto;padding:10px 25px;font-size:20px;line-height:inherit}
    
    .product_surface_box{ float:left;width:100%;height:auto;overflow:hidden;overflow-x: auto;}
    .product_surface ul{ min-width: initial;font-size: 14px;max-width: initial;}
    .product_surface ul li{ 
        float: left;
         width: auto; 
        height: 60px;flex-wrap: initial;
        display: flex;
        /* overflow: hidden; */
        white-space: nowrap;
    }
    .product_surface ul li p{ float:left;flex: none;width:200px;height:60px;font-size:14px;}
    .product_surface ul li p:nth-of-type(1){ width:200px;}
    .product_surface ul li:nth-last-of-type(1){ border-bottom:none}
    
    .product_video h3{ margin:70px 0 25px;}
    
    /*妗堜緥*/
    
    .case_det_box h1{ font-size:28px;}
    .case_det_box_page a{ width:100%;height:auto;padding:10px 10px 20px;min-height:auto;margin-bottom:25px;}
    .case_det_box_page a p{ font-size:18px;}
    
    .case_det_pro{ padding-top:0}
    .case_det_pro h3{ font-size:30px;margin-bottom:20px;}
    
    /*瑙ｅ喅鏂规*/
    
    .solution_details h1{ font-size:30px;}
    /*.solution_details_box{ padding:20px}*/
    /*.solution_details_box .item{ margin-bottom:30px;}*/
    /*.solution_details_box .item h3{ font-size:22px;}*/
    /*.solution_details_box .item p{ font-size:18px;}*/
    
    /*鏂伴椈*/
    /*.new_list{ padding:40px 0 0}*/
    /*.new_list_box ul li{ width:calc(50% - 15px);margin:0 0 30px 0;}*/
    /*.new_list_box ul li:nth-child(3n){ margin-right:0}*/
    /*.new_list_box ul li:nth-child(even){ float:right}*/
    /*.new_list_img{ height:6rem}*/
    /*.new_list_txt{ padding:20px 10px;}*/
    
    /*.new_details h1{ font-size:30px;}*/
    /*.new_details_box p{ font-size:18px;}*/
    /*.new_det_box_page{ margin:40px 0}*/
    /*.new_det_box_page a{ width:100%;height:auto;padding:10px 10px 20px;min-height:auto;margin-bottom:25px;}*/
    /*.new_det_box_page a p{ font-size:18px;line-height:28px;}*/
    
    /*鍏充簬鎴戜滑*/
    
    
    
    
    /*html-cn*/
    
    /*鍏叡*/
    .index_title h3{ font-size:28px;}
    .index_title p{ margin-top:5px}
    
    .nav_yemei{ height:50px;line-height:50px;}
    .nav_yemei a:after{ height:50px;}
    
    .inner_txt_i h3, .inner_txt_i h1{ font-size:28px;}
    .inner_txt p{ font-size:16px;margin-top: 5px;}
    
    .nav_yemei a{ font-size:16px}
    
    .list_page ul a, .list_page ul li span{ margin:0 5px}
    
    /*搴曢儴*/
    .footer_section_two{padding:5px 0}
    
    /*棣栭〉*/
    /*.index_pro_left{ width:150px;height:600px}*/
    /*.pro_left_box{ height:150px;padding:0 10px}*/
    /*.pro_left_box img{ display:none}*/
    /*.pro_left_box p{ font-size:18px;}*/
    .index_pro_left{ display:none}
    
    
    /*.index_pro_right{ width:calc(100% - 180px)}*/
    .index_pro_right{ width:100%}
    .index_pro_right{ height:600px}
    .pro_right_txt h3{ font-size:28px;margin-bottom:15px;}
    .pro_right_txt p{ font-size:16px}
    
    .case_right_txt{ margin-bottom: 0}

    .case_left .swiper-slide > div{ font-size:18px;}
    
    .index_new{ padding:50px 0 80px}
    .index_new_up .index_title{ width:auto;}
    
    .index_new_down{ margin-top:25px}
    .index_new_down div.item{ height:auto}
    .index_new_down div.item ul{ flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between;}
    .index_new_down div.item ul li{ width:calc(50% - 10px);margin-bottom:20px;height: 480px;}
    .index_new_down div.item ul li:nth-child(odd){ margin-right:10px}
    .index_new_down div.item ul li:nth-child(even){ margin-right:0}
    
    .index_new_down div.item ul li .index_new_img{ height: 215px;}
    .index_new_down div.item ul li .index_new_img::before{ background-color: rgba(24, 38, 59, .4);}
    .index_new_down div.item ul li .index_new_tit{ vertical-align: bottom;padding: 0 18px 20px;}
    .index_new_down div.item ul li .index_new_tit h3{ color: #FFFFFF;}
    
    /*浜у搧*/
    .product_list_right ul li{ width:32%;}
    .product_list .list_page{ margin:0 auto 20px;}
    .product_adv_w ul li div:nth-of-type(1){ width:120px;}
    .product_adv_w ul li div:nth-of-type(2){ width:calc(100% - 120px);font-size:14px;}
    /*.product_adv_w ul li > div span:nth-of-type(2){ max-width: 100%;width: 100%;padding-left:0;margin-top:15px;font-size:16px;}*/
    
    .product_four{ margin-bottom: 1.5rem}
    .product_four:after{ height: 1.5rem;bottom: -1.5rem;}
    
    .product_four_left{ padding:0 .5rem}
    .product_four_left > div h1{ font-size:32px;margin-bottom:15px;}
    .product_four_left > div p{ font-size:16px;}
    .product_four_left > div a{ margin-top:.5rem}
    /*.product_four_right img{ height:auto}*/
    
    .product_slibe_odd{ padding:60px 0}
    .product_slibe_odd .conter_box{ display: inline-block}
    .pro_slibe_odd_left{ width:100%;padding-right: 0;}
    .pro_slibe_odd_left > div img{ height: auto;max-width:100%}
    .pro_slibe_odd_right{ width:100%;padding-left: 0;padding-top:20px;}
    .pro_slibe_odd_right > div{ text-align: center}
    .pro_slibe_odd_right > div h4{ font-size:24px;padding-bottom: 20px;}
    .pro_slibe_odd_right > div h4::after{ width:26px;height:3px;background-color:rgb(50, 86, 255);left:50%;margin-left:-13px;bottom: 7px;}
    .pro_slibe_odd_right > div p{ font-size:16px;line-height:24px;}
    
    .product_slibe_even{ padding:60px 0;}
    .product_slibe_even h4{ font-size:24px;margin-bottom:5px;}
    .product_slibe_even img{ margin-top:25px;}
    
    .product_slibe_odd:nth-of-type(3) .pro_slibe_odd_left, .product_slibe_odd:nth-of-type(5) .pro_slibe_odd_left{ padding-left:0}
    .product_slibe_odd:nth-of-type(3) .pro_slibe_odd_right > div, .product_slibe_odd:nth-of-type(5) .pro_slibe_odd_right > div{ text-align:center}
    .product_slibe_odd:nth-of-type(3) .pro_slibe_odd_right > div h4::after, .product_slibe_odd:nth-of-type(5) .pro_slibe_odd_right > div h4::after{ right:50%;margin-left: 0;margin-right:-13px;}
    
    .product_surface{ padding:60px 0}
    .product_surface h3{ font-size:28px;}
    
    .product_accessories{ padding-bottom:25px}
    .product_accessories .inner_txt{ margin:60px 0 30px;}
    
    .product_swiper_box{ padding:0}
    
    .accessories_slides .swiper-button-prev, .pro_case .swiper-button-prev{ display:none}
    .accessories_slides .swiper-button-next, .pro_case .swiper-button-next{ display:none}
    
    /*妗堜緥*/
    .case_list .inner_txt{ margin:40px 0 1rem;}
    
    .case_list_box li{ margin-bottom:1rem}
    .case_list_box li a{ padding-top:0}
    .case_list_box li::before{ display:none}
    .case_list_img{ width:calc(50% - 10px);height:6rem}
    .case_list_txt{ width:calc(50% - 10px);}
    .case_list_txt h3{ font-size:22px;padding-bottom: 40px;}
    .case_list_txt h3::before, .case_list_txt h3::after{ bottom:15px;}
    .case_list_txt p{ font-size:16px;line-height:28px;}
    
    .case_banner .inner_txt{ margin:40px 0 20px;}
    .case_det_box_txt{ padding-bottom:0}
    .case_det_box_txt p{ font-size:16px;line-height:28px;}
    
    /*瑙ｅ喅鏂规*/
    .solution_list_box li{ width:calc(33.33% - 10px)}
    .solution_list_txt{ height:1.5rem}
    .solution_list_txt > div{ padding:0 10px}
    .solution_list_txt p{ font-size:18px}
    
    .project_banner .inner_txt { margin:40px 0 20px;}
    
    .solution_details_box{ padding:0 20px 20px;}
    .solution_details_box h3{ font-size:18px;margin: 30px 0 10px;}
    .solution_details_box p{ font-size:16px;}
    
    /*鏂伴椈*/
    .new_list .inner_txt{ margin:40px 0 1rem;}
    
    
    .new_list{ padding:0 0 0}
    .new_list_box ul li{ width:calc(50% - 15px);margin:0 0 30px 0;}
    .new_list_box ul li:nth-child(3n){ margin-right:0}
    .new_list_box ul li:nth-child(even){ float:right}
    .new_list_img{ width:calc(50% - 10px);height:6rem}
    .new_list_txt{ width:calc(50% - 10px);padding:0 5px;}
    .new_list_txt h3{ font-size:22px;}
    .new_list_txt p{ margin:10px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
    .new_list_txt_th span{ font-size:20px;}
    
    .new_list .list_page{ padding: 40px 0 80px;}
    
    .new_banner .inner_txt_i h1{ font-size: 28px;}
    
    .new_details_box{ padding:10px}
    
    .new_details h1{ font-size:30px;}
    .new_details_box p{ font-size:16px;}
    .new_det_box_page{ margin:40px 0}
    .new_det_box_page a{ width:100%;height:auto;padding:10px 10px 20px;min-height:auto;margin-bottom:25px;}
    .new_det_box_page a p{ font-size:18px;line-height:28px;}
    
    /*鍏充簬鎴戜滑*/
    .circular{ display:none}
    .about_banner{ display: grid;justify-content: space-between;align-items: center;}
    .about_banner_left, .about_banner_rihgt{ width:100%;padding:10px 0}
    .about_banner_left h3{ font-size:28px;}
    .about_banner_left p{ font-size:18px;}
    .about_banner_rihgt .item{ float:left;margin-right:20px;position:relative;}
    .about_banner_rihgt .item_1{ right: auto;top:auto}
    .about_banner_rihgt .item_2{ right: auto; top:auto}
    .about_banner_rihgt .item_3{ margin-right:0;right: auto; top:auto;}
    
    .describe_txt h3{ font-size:24px;margin:5px 0;}
    .describe_txt p{ font-size:14px;line-height:24px;}
    
    .about_banner .nav_yemei{ position:absolute;bottom: 0;}
    
    .about_album_swiper .item .swiper-slide{ height:6rem}
    
    .about_album_title{ margin:65px 0 25px;}
    .about_album_title h3{ font-size:30px;}
    
    .about_culture h3{ font-size:30px;margin: 10px 0 20px;}
    .about_culture ul li{ float:left;width:calc(50% - 10px);margin:0 0 20px 0}
    .about_culture ul li:nth-child(3n){ margin-right:0}
    .about_culture ul li:nth-child(even){ float:right}
    
    .about_honor_txt h3{ font-size:30px;}
    .about_honor_swiper{ margin-top:50px;}
    
    
    /*鑱旂郴鎴戜滑*/
    .quote_left h3{ font-size:28px;margin-bottom: 10px;}
    .quote_left span{ font-size:18px;margin-bottom:20px;}
    .quote_left p{ font-size:16px;}
    .quote_left p:nth-last-of-type(1){ margin-top:20px;line-height:35px;background: url(../images/ico_30.png) no-repeat left 20px;}
}
@media (max-width: 850px) {
	/*棣栭〉*/
    .index_pro_360 ul li a img{ max-height:80px;}
    .index_pro_360 ul li a h4{ padding-top:15px;}
    
    .index_pro_slides{ padding: 0}
    .index_pro_slides .swiper-button-prev{ left: 0}
    .index_pro_slides .swiper-button-next{ right: 0}
    
    /*浜у搧*/
    
    /*鑱旂郴鎴戜滑*/
    .describe_img{ width:100%}
    .describe_txt{ width:100%}
    
    
    /*html-cn*/
    
    /*浜у搧*/
}
@media (max-width: 768px) {
    .nav_yemei{ height:auto;line-height:40px;}
    .nav_yemei a{ font-size:12px;padding-right:30px;}
    .nav_yemei a:after{ width:30px;height: 40px;background: url(../images/ico_24.png) no-repeat 5px center;background-size: auto 12px;}
    
    .list_page ul a, .list_page ul li span{ width:40px;height:40px;line-height:40px;font-size:14px;margin:0 5px;}
    
    .inner_banner .conter_box h2{ font-size:32px;margin-bottom:10px;}
    .inner_banner .conter_box p{ font-size:18px;line-height:28px;}
    .inner_banner .conter_box p::before{ top:-10px}
    .inner_banner .conter_box p::after{ bottom:-10px}
    .inner_banner .conter_box p::before, .inner_banner .conter_box p::after{ background-size:100% !important}
    
    .case_list .list_page{ margin:30px 0 40px;}
    
    /*搴曢儴*/
    .footer_section_one{ padding-bottom:20px;}
    .foo_sel_one_left{ margin-bottom:30px;}
    .foo_sel_one_left p:nth-of-type(1){ margin-top:0}
    .foo_sel_one_left p:nth-of-type(2) img{ width:40%} 
    
    .footer_section_one ul li{ width:100%;margin-bottom:5px;height:46px;overflow:hidden;transition:all .6s}
    .footer_section_one ul li.active{ height:auto}
    .footer_section_one ul li h3{ margin-bottom: 0;position:relative;border-bottom:1px solid rgba(255,255,255,.2)}
    .footer_section_one ul li h3:after{ content:"+";font-size:18px;color:#ffffff;position:absolute;right:0;line-height:45px;transition:all .6s}
    .footer_section_one ul li.active h3:after{ content:"-";}
    .footer_section_one ul li h3 a{ line-height:45px;display:inline-block}
    .footer_section_one ul li p{ transition:all .65s;height:auto;width:100%;}
    
    
	/*棣栭〉*/
	.banner_one .swiper-slide img.img_pc{ display:none}
	.banner_one .swiper-slide img.img_yd{ display:inline-block}
	
	/* .index_title{ padding:40px 0 20px} */
	.index_title h3{ font-size:24px;}
	.index_title p{ font-size:14px;}
	
	.viewer_360box{ width:100%;height:auto;}
	.viewer_360box_item a{ padding:20px 0}
	.viewer_360box_item a h5{ font-size: 20px;}
	.index_pro_360 ul{ position:relative;height:auto;left: auto;top: auto;flex: none;display: flex;justify-content: space-between;align-items: flex-start; overflow-x: auto;background: none;margin-top:20px;}
	.index_pro_360 ul li{ float: left;flex: none;width: 75%;height:auto;margin-right:20px;padding:30px 0}
	.index_pro_360 ul li:nth-of-type(2){ float: left}
    .index_pro_360 ul li:nth-last-of-type(1){ position: relative;right: auto;bottom: auto}
    .index_pro_360 ul li:nth-last-of-type(2){ position: relative;left: auto;bottom: auto}
    
    .viewer_360box_item a span.viewer_360box_item_more{ margin-top:15px;}
	
	.index_pro_360 ul li a img{ min-height:110px;}
	
	.index_pro_360 ul li.active{ background: #222e46}
	.index_pro_360 ul li:hover{ background: #222e46 url(../images/360_bj.jpg) no-repeat center center;background-size: 100% 100%;}
	.index_pro_360 ul li.active a h4{ padding-top: 15px;}
	.index_pro_360 ul li:hover a h4{ padding-top: 10px;}
	
	/*.index_apply_slides .conter_box { position: relative;left: auto;bottom: auto;}*/
	/*.apply_slides2 .swiper-slide{ height:auto}*/
	/*.apply_slides2 .swiper-slide-thumb-active{ height:auto;padding:15px 0}*/
	/*.apply_slides2 .swiper-slide h4{ font-size:20px;}*/
	
	.index_apply .index_title p{ padding:0 10px;}
	.index_apply_slides{ display:none}
	.web_apply{ display:inline-block}
	
	.index_news{ margin-bottom:30px;}
	.index_news_box{ padding:0 10px}
	.index_news_box .news_slides{ padding:0}
	.index_news_box .news_slides .swiper-slide{ padding-bottom:0}
	.index_news_box_img{ height:10rem}
	.index_news_box_txt{ position:relative;left:auto;bottom:auto;opacity:1;width: 100%;}
	.index_news_box_txt h4{ font-size:18px;line-height:28px}
	.index_news_box_txt p{ font-size: 14px;}
	
	.index_news_box .swiper-button-prev, .index_news_box .swiper-button-next{ opacity:0}
	
	/*浜у搧*/
	.product_list{ padding-bottom:40px;}
	.product_list ul.product_list_slibe li{ width:100%;margin-right:0;height:auto;max-height:inherit}
	.product_list ul.product_list_slibe li a .product_list_img{ position: relative;padding-bottom: 70%;overflow: hidden;right: auto;bottom: auto;}
	.product_list ul.product_list_slibe li a .product_list_img img{ position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;height: 100%;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
	.product_list ul.product_list_slibe li a .product_list_txt h4{ font-size:18px;}
	.product_list ul.product_list_slibe li a .product_list_txt p{ height:50px;}
    .product_list ul.product_list_slibe li:hover a .product_list_txt p{ height:50px;}
    
    .sales_banner .swiper-slide a img{ max-height:inherit}
    
    .product_more{ padding:20px 0 40px;}
    .product_more h3{ font-size:28px;margin-bottom:10px;}
    .product_more p{ font-size:18px;}
    .product_more a{ font-size:14px;}
    
    .product_banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 10px;}
    .pro_banner .swiper-pagination-bullet{ width:8px;height:8px;}
    .product_banner .swiper-container-horizontal > .swiper-pagination-bullets{ bottom:0}
    
    
    .product_surface{ padding:30px 0 15px;}
    .product_surface h3{ font-size:28px;}
    .product_surface ul{ margin-top:0}
    .product_swiper_box{ padding:0 10px 30px;}
    .accessories_slides .swiper-slide div{ padding:15px;height:auto;}
    .accessories_slides .swiper-slide div h4{ font-size:20px;}
    .accessories_slides .swiper-slide div p{ font-size:14px;}
    .accessories_slides .swiper-button-prev, .accessories_slides .swiper-button-next{ opacity:0}
    .accessories_slides .swiper-pagination{ display:inline-block;bottom:0}
    .accessories_slides .swiper-pagination-bullet{ background:rgba(255,255,255,1)}
    
    .product_video h3{ font-size:28px;margin: 40px 0 25px;}
    .product_video_box .swiper-slide p{ height:auto;line-height:inherit;padding:10px 0 20px;font-size:14px;}
    .product_video_box .swiper-button-prev, .product_video_box .swiper-button-next{ opacity:0}
    .product_video_box .swiper-slide a::after{ width:50px;height:50px;margin: -25px 0 0 -25px;}
    .center video, .bili_center iframe{ width:85%}
    
    .quote_left{ padding-top:30px;}
    .quote_left h3{ font-size:28px;margin-bottom:10px;}
    .quote_left span{ font-size:14px;margin-bottom:15px;}
    .quote_left p{ font-size:14px;line-height: 45px;background:none !important;padding-left:0;margin:0 0}
    .quote_left p:nth-last-of-type(1){ margin-top:0;line-height:45px;}
    /*.quote_left p:nth-of-type(3){ background: url(../images/ico_30.png) no-repeat left 30px;}*/
    
    .product_quote_ico a{ width:60px;height:60px;line-height:60px;}
    
    .quote_right{ height:auto;padding:15px 10px;margin-top:15px;}
    .quote_right div.item{ margin-bottom:15px;}
    .quote_right div.item p{ font-size:16px;}
    .quote_right div.item input{ height:45px;line-height:45px;font-size:14px;border:none;background-color:#F2F2F2;padding: 0 10px;}
    .quote_right div.item:hover input { border: 0 solid #365dfb !important;}
    .quote_right div.item textarea{ height:140px;font-size:14px;border:none;background-color:#F2F2F2;padding: 10px;}
    .quote_right button{ width: 176px;height: 45px;line-height:45px;font-size:18px;}
    
    .product_download h3{ font-size:28px;}
    .product_download div.item a{ float:left;border:none;border-radius:0;font-size:14px;margin:0 15px;width:50%;height:45px;line-height:45px;margin:0;padding:0;display:inline-block}
    .product_download div.item a:nth-of-type(1){ background-color: rgb(54, 93, 251);}
    .product_download div.item a:nth-of-type(2){ background-color: rgb(168, 7, 26);}
    
    /*妗堜緥*/
    
    .case_details{ padding-top:20px}
    .case_det_box h1{ font-size:18px;margin:0 0 15px;line-height:28px;}
    .case_det_box_txt{ padding-bottom:40px;}
    .case_det_box_txt p{ font-size:14px;line-height:28px;}
    
    .case_det_box_page{ padding:20px 0}
    .case_det_box_page a{ margin-bottom:10px;}
    .case_det_box_page a h6{ font-size:16px;line-height:28px;}
    .case_det_box_page a p{ font-size:13px;line-height:26px;}
    
    .case_det_pro h3{ font-size:24px;line-height: 40px;margin-bottom:10px;}
    
    
    /*瑙ｅ喅鏂规*/
    
    .solution_details{ padding-top: 20px;}
    .solution_details_box{ padding:20px 10px;border-radius:0}
    .solution_details h1{ font-size: 18px;margin: 0 0 15px;line-height: 28px;}
    .solution_details_box .item h3{ font-size:16px;border-bottom:none;margin-bottom:0}
    .solution_details_box .item p{ font-size:14px;}
    
    /*鏂伴椈*/
    .new_list_box ul li { width: calc(50% - 10px);margin: 0 0 20px 0;}
    .new_list_img{ height:6.5rem}
    .new_list_txt h3{ font-size:18px;}
    .new_list_txt_other span:nth-of-type(1){ font-size:14px;}
    
    .new_details h1{ margin: 20px 0 15px; padding:0;font-size: 18px;line-height: 28px;}
    .new_details h6{ font-size:12px;}
    .new_details_box{ padding:20px 10px;}
    .new_details_box p{ font-size:14px;line-height:24px}
    
    .new_det_box_page{ margin:15px 0 0;}
    .new_det_box_page a{ margin-bottom:10px;}
    .new_det_box_page a h6{ font-size:16px;line-height:28px;}
    .new_det_box_page a p{ font-size:13px;line-height:26px;}
    
    /*鍏充簬鎴戜滑*/
    .about_banner{ height:auto;min-height:14rem;margin-top:80px;padding:50px 0}
    .about_banner_left h3{ font-size:24px;}
    .about_banner_left p{ font-size:14px;}
    
    .about_banner_rihgt .item{ width:80px;height:80px;}
    .about_banner_rihgt .item div > p{ font-size:12px;}
    
    .about_banner_rihgt{ margin-bottom:20px;}
    
    .down{ display:none}
    
    
    .about_describe .item:nth-last-of-type(1){ margin-top:30px}
    .describe_img{ margin-bottom:10px;border-radius:0}
    
    .about_album_title{ margin:40px 0 10px;}
    .about_album_title p{ padding-left:10px;}
    .about_album_title h3{ font-size:22px;padding:5px 0 5px 10px;line-height:26px;margin-top:5px;}
    .about_album_swiper{ margin-bottom:30px;}
    .about_album_swiper .item{ width:100%;margin-bottom:20px;}
    .about_album_swiper .item .swiper-slide{ height:12rem}
    .about_album_swiper .item .swiper-slide p{ height:40px;font-size:14px;line-height:40px;}
    
    .about_culture{ padding:20px 0}
    .about_culture h3{ font-size:24px;}
    .about_culture{ margin-bottom:0}
    
    .about_honor{ padding-top: 40px;}
    .about_honor_txt p{ padding-left:10px}
    .about_honor_txt h3{ font-size: 22px;padding: 5px 0 5px 10px;line-height: 26px;margin-top: 5px;}
    .about_honor_swiper{ margin-top:0}
    
    
    /*html-cn*/
    
    /*鍏叡*/
    .inner_txt{ padding:0}
    .inner_txt_i h3, .inner_txt_i h1{ font-size:24px;padding:0 0}
    .inner_txt_i h3::before, .inner_txt_i h1::before{ display:none}
    .inner_txt_i h3::after, .inner_txt_i h1::after{ display:none}
    .list_page ul a, .list_page ul li span{ font-size:12px;width:30px;height:30px;line-height:30px;border-radius: 4px;}
    
    /*搴曢儴*/
    .foo_sel_one_left{ margin-bottom:10px;}
    .foo_sel_one_left .footer_logo img{ height:18px;}
    .foo_sel_one_left h3{ font-size:20px;padding: 10px 0 0;}
    .foo_sel_one_left span{ font-size:14px;}
    .footer_ico{ padding: 15px 0 10px;overflow:hidden}
    .fot_ico_tiktok a, .fot_ico_wechat a{ width:36px;height:36px;background-size:25px;}
    .footer_section_one ul li h3 a{ font-size:16px;}
    .footer_section_one ul li p a{ font-size:14px;}
    
    
    /*棣栭〉*/
    /*.index_pro{ padding:0 0}*/
    .index_pro_right{ width:100%;height:auto}
    .pro_right{ position:relative;left:auto;right:auto;}
    .pro_right_txt{ padding:0 3%}
    .pro_right_txt h3{ font-size:24px;margin-bottom:0;}
    .pro_right_txt p{ font-size:14px;line-height: 26px;}
    
    .index_pro_left{ display:none}
    
    .index_case{ padding:40px 0}
    .index_case_box{ margin-top:20px;}
    .index_case_left{ width:100%;position:relative;left:auto;bottom:auto;height:auto;margin-top:20px;}
    .case_left{ overflow:hidden}
    .case_left .swiper-slide > div{ text-align:center;font-size:14px;}
    .case_left .swiper-slide > div p{ width: 32px;height: 32px;background-color: transparent;display: block;display: flex;align-items: center;justify-content: center;color: #fff;opacity: 1;pointer-events: auto;position: relative;border: 2px solid #ffffff;border-radius: 50%;margin: 0 auto 5px;cursor: pointer;font-size: 14px;}
    .case_left .swiper-slide.swiper-slide-thumb-active > div p{ color:rgb(230, 51, 51)}
    .case_left .swiper-slide > div p i{ display: block;width: 8px;height: 8px;border-radius: 50%;background-color: #ffffff;margin:0 auto}
    .case_left .swiper-slide.swiper-slide-thumb-active > div p i{ background-color: rgb(230, 51, 51);}
    .case_left .swiper-slide::before{ display:none}
    
    .case_left_left,.case_left_right{ width: 16px;height: 32px;left: -2px;top: -2px;position: absolute;opacity: 0;overflow: hidden;}
    .case_left_right{ left: auto;right: -2px;}
    .case_left .swiper-slide.swiper-slide-thumb-active > div p .case_left_left,.case_left .swiper-slide.swiper-slide-thumb-active > div p .case_left_right{ opacity: 1;}
    .case_left_left:after,.case_left_right:after{ content: "";width: 16px;height: 32px;position: absolute;top: 0;left: 0;border: 2px solid rgb(230, 51, 51);-webkit-box-sizing: border-box;box-sizing: border-box;display: block;}
    
    .case_left_left:after{ border-radius: 16px 0 0 16px;border-right: 0;}
    .case_left_right:after{ border-radius: 0 16px 16px 0;border-left:0;left: auto;right: 0;}
    .case_left .swiper-slide.swiper-slide-thumb-active > div p .case_left_left:after { transform-origin: right center;animation-fill-mode: forwards;animation-duration: 4s;animation-timing-function: linear;animation-name: swiperleft;}
    .case_left .swiper-slide.swiper-slide-thumb-active > div p .case_left_right:after { transform-origin: left center;animation-fill-mode: forwards;animation-duration: 4s;animation-timing-function: linear;animation-name: swiperright;}
    .index_case_right{ width:100%;height:14rem;max-height:inherit;}
    .case_right .swiper-slide .case_right_tbox{ width:100%;height:100%;padding:0}
    .case_right .swiper-slide .case_right_tbox .conter_box{ position:absolute;left:0;bottom:0;padding: 0 0;}
    .case_right_txt{ width:100%;height:auto;padding: 10px 2%;}
    .case_right_txt div a img{ display:none}
    .case_right_txt div{ font-size:14px;line-height:24px;}
    
    .index_new{ padding: 40px 0;}
    .index_new::before{ background: rgba(7, 16, 32, .85);}
    .index_new_up{ display:inline-block}
    .index_new_up .index_title{ width:100%;text-align:center}
    .index_new_up ul{ width:100%;margin:15px 0 0;text-align:center}
    .index_new_up ul li{ float:none;margin:0 5px;display:inline-block;background:rgba(34, 46, 70, 1)}
    .index_new_down div.item ul li{ width:100%;height:14rem}
    .index_new_down div.item ul li:hover,.index_new_down div.item ul li.active{ height:14rem}
    .index_new_down div.item ul li:hover::before,.index_new_down div.item ul li.active::before{ opacity:0}
    
    .index_new_img{ height:100%}
    .index_new_img::before{ background-color: rgba(24, 38, 59, .5);}
    .index_new_down div.item ul li:hover .index_new_img,.index_new_down div.item ul li.active .index_new_img{ height:100%}
    
    .index_new_down div.item ul li .index_new_tit{ padding-bottom:40px;transition:all .6s}
    .index_new_down div.item ul li .index_new_img{ height:100%}
    .index_new_down div.item ul li:hover .index_new_tit,.index_new_down div.item ul li.active .index_new_tit{ padding-bottom:50px;}
    .index_new_down div.item ul li.active .index_new_txt span{ color: #ffffff;}
    
    .index_new_txt{ height:auto;padding: 0 18px;background-color:rgba(255,255,255,0);position:absolute;left:0;bottom:5px;z-index:10}
    .index_new_tit h3{ color:#ffffff;font-size:16px;margin-bottom:10px;}
    .index_new_txt span{ color:#ffffff}
    .index_new_txt p{ display:none}
    .index_new_txt i{ display:none}
    
    .index_aside .aside_swiper{ height:auto;padding:10px 0}
    .index_aside .aside_swiper .swiper-slide{ height:auto;}
    .index_aside .aside_swiper .swiper-slide img{ max-height:25px;}
    .index_aside .aside_swiper .swiper-slide p{ font-size:14px;margin-top:5px;}
    
    
    /*浜у搧*/
    .product_banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 5px;}
    
    .product_list{ padding-bottom:0}
    .product_list .inner_txt{ padding-top:25px;margin:0 0 25px;}
    .product_list_right ul li{ width:100%;background-color:#334466;padding-bottom:20px;margin-bottom: 20px;}
    .pro_list_txt{ margin-top:0;padding:0 10px;border-top:2px solid rgba(255,255,255,.08)}
    .pro_list_txt h3{ line-height:50px;}
    .product_swiper .inner_txt{ margin: 20px 0;}
    .product_adv_w ul li{ height:auto;padding:10px;flex-direction:column;justify-content:center}
    .product_adv_w ul li > div:nth-of-type(1){ width:50px;height:50px;line-height:50px;border:1px solid #ffffff;border-radius:50%;margin:0 auto}
    .product_adv_w ul li > div:nth-of-type(1):before{ display:none}
    .product_adv_w ul li > div:nth-of-type(1) img{ max-width: 24px;max-height: 24px;}
    .product_adv_w ul li > div:nth-of-type(2){ font-size:12px;margin-top:0;width:100%;text-align:center;margin-top:8px;display:inline-block}
    
    .product_trait .inner_txt{ margin:40px 0}
    .product_four{ height:auto;max-height:inherit;padding:30px 0;margin-bottom:0}
    .product_four_left, .product_four_right{ width:100%;height:auto;}
    .product_four_left > div h1{ font-size:20px;margin-bottom:5px;}
    .product_four_left > div p{ font-size:14px;line-height:28px;}
    .product_four_left > div a{ width:140px;height:50px;line-height:50px;font-size:14px;}
    .product_four_right{ margin-top:10px;padding:0 .5rem;}
    .product_four_right img{ -webkit-transform: translateY(0);transform: translateY(0);height:auto;}
    
    .product_slibe_odd{ padding:40px 0;}
    .pro_slibe_odd_right > div h4{ font-size:20px;}
    .pro_slibe_odd_right > div p{ font-size:14px;}
    
    .product_slibe_even{ padding:40px 0;}
    .product_slibe_even h4{ font-size:20px;margin-bottom:0}
    .product_slibe_even p{ font-size:14px;line-height:24px;}
    
    .product_surface h3{ font-size:20px;}
    
    .product_accessories{ padding-bottom:0}
    .product_accessories .inner_txt{ margin:40px 0 20px;}
    .product_accessories .inner_txt_i h3{ font-size:20px;}
    .product_accessories .inner_txt p{ font-size:14px;}
    .accessories_slides .swiper-slide div h4{ font-size:18px;margin-bottom:5px}
    
    .pro_case_img{ height:8rem}
    .product_swiper_box{ padding:0 0 30px;}
    .pro_case .swiper-pagination{ display:inline-block}
    .pro_case_txt{ height:auto;min-height:4rem;padding:10px}
    .pro_case_txt > div h4{ font-size:18px;margin-bottom:5px}
    .pro_case_txt > div p{ font-size:14px;line-height:24px;}
    
    .product_download h3{ font-size:24px;}
    
    /*妗堜緥*/
    .case_list_box li a{ display: inline-block;}
    .case_list_img{ width:100%;height: 12rem;}
    .case_list_txt{ width:100%;background-color:rgba(34, 46, 70, 1);padding:15px 10px;}
    .case_list_txt h3{ font-size:18px;padding-bottom:0}
    .case_list_txt h3::before, .case_list_txt h3::after{ display:none}
    .case_list_txt p{ font-size:14px;line-height:24px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;}
    .case_list_box li:nth-child(even) a .case_list_txt{ text-align:left}
    
    .case_banner{ padding:40px 10px 0;}
    .case_banner .inner_txt{ margin:25px 0 0}
    .case_banner .nav_yemei{ position:absolute;top:0;left:0}
    .case_banner .inner_txt_i h1{ font-size:20px;text-align:left;line-height:30px;margin-bottom:2px;width:100%}
    .case_banner .inner_txt p{ text-align:left;font-size:14px;}
    .case_det_box_txt p img{ margin-bottom:10px;}
    .case_det_box_txt{ padding-bottom:0}
    
    /*瑙ｅ喅鏂规*/
    .solution_list .inner_txt{ margin:40px 0 20px;}
    .solution_list_box li{ width:100%;margin-bottom:20px;}
    .solution_list_img{ height:12rem}
    .solution_list_txt > div{ padding:10px}
    .solution_list .list_page{ margin: 10px 0 40px;}
    
    
    .project_banner{ padding-top:40px;}
    .project_banner .nav_yemei{ position:absolute;top:0;left:0}
    .project_banner .inner_txt{ margin:25px 0 0}
    .project_banner .inner_txt_i h1{ font-size: 20px;text-align: left;line-height: 30px;margin-bottom: 2px;width: 100%;}
    .project_banner .inner_txt p{ text-align:left;font-size:14px;}
    
    .solution_details_box h3{ margin:40px 0 10px;}
    .solution_details_box h3:nth-of-type(1){ margin:0 0 10px;font-size:16px;}
    .solution_details_box p{ font-size:14px;}
    
    /*鏂伴椈*/
    .new_list .inner_txt{ }
    .new_list_box li a{ display: inline-block;}
    .new_list_img{ width:100%;height:12rem}
    .new_list_txt{ width:100%;padding:15px 10px;background-color: rgba(34, 46, 70, 1);}
    .new_list_txt p{ margin:8px 0;font-size:14px;line-height:24px;}
    .new_list_txt_th span{ font-size:14px;}
    .new_list_txt_th span:nth-of-type(2){ background-size:20px;background-position:20px center;}
    .new_list .list_page{ padding: 30px 0 40px;}
    
    .new_details{ margin-top:20px;}
    
    /*鍏充簬鎴戜滑*/
    .describe_txt h3{ font-size:20px;}
    
    .about_album_title h3{ font-size:20px;}
    
    /*鑱旂郴鎴戜滑*/
    .quote_left h3{ font-size:24px;}
}

@media (max-width: 600px) {
    
    /*浜у搧*/
    .pro_case_img{ height:10rem}
    

    /*鏂伴椈*/
    .new_list{ padding-top:15px;}
    .new_list_box ul li { width: 100%;}
    .new_list_img{ height:10rem}
    .new_list_txt{ height:auto;}
    .new_list_txt p{ font-size:14px;}
    .new_list_txt_other{ margin-top:10px;}
    
    .about_culture ul li{ width:100%;height:auto;padding: 20px;}
    
    
}
@media (max-width: 500px) {
    .banner_box{ height:14rem}    

    /*澶撮儴*/
    .con_margin{ padding:0 10px;}
    .hea_menu_form{ width:30px;}
    .hea_menu_lang{ padding-right:0}
    .hea_menu_form_box{ padding: 20px 5%}
    
    /*搴曢儴*/
    .foo_sel_one_left p:nth-of-type(2) img{ width:50%} 
    .foo_sel_two_right a{ width:32px;margin-left:15px;}
    .foo_sel_two_right a:before { width: 32px;height: 32px;margin-top: -16px;}
    
    .foo_sel_two_right a img{ width:32px;}
    
    /*棣栭〉*/
    .index_new_up ul li{ width:30%;margin:0 1%}
    
    
}
/*@media (max-width: 500px) {*/
    
/*}*/