@charset "utf-8";
/* CSS Document */
.right_online{position: fixed;top: 35%;right: 20px;z-index: 999;}
.right_online li{text-align: center;position: relative;margin-bottom: 5px;cursor: pointer;}
.right_online li span{font-size: 26px;color: #fff;background:#d6000f;position: relative;z-index: 2;border-radius: 100%;display: block;line-height: 55px;width: 55px;height: 55px;}
.right_online li .box{
	position: absolute;right: 25px;top: 0;max-width: 0px;height: 55px;line-height: 55px;background:#d6000f;border-radius: 30px;border-top-right-radius: 0;border-bottom-right-radius: 0;
	overflow:hidden;
	-moz-transition:max-width 0.3s linear;
	transition:max-width 0.3s linear;
}
.right_online li:hover .box{max-width:300px;z-index: 1;}
.right_online li .box .p{color: #fff;font-size: 16px;width: 100%;white-space: nowrap;padding-left: 30px;padding-right: 40px;display: flex;line-height:55px;}
.right_online li.inq .addnum{width: 18px;height: 18px;position: absolute;top: 0;right: 0;text-align: center;line-height: 18px;background: red;color: #fff;border-radius: 500px;display: block;font-size: 12px;z-index: 9;}
.right_online li .ewmtp{width: 120px;height: 120px;right: 55px;border-radius: 5px;}
.right_online li .ewmtp .p{padding: 10px;}
.right_online li .ewmtp .p img{ width: 100%; height:100%;}

.com_search{ position: fixed; width: 100%; height: 100%; z-index: 9; left: 0; top: 0; display:none;}
.com_search .bg{ width: 100%; height: 100%; background: rgba(0,0,0,.5);}
.com_search form{ width: 44%; top: 35%; left: 28%; line-height:60px; border-radius:5px; overflow:hidden; position:absolute; height:60px; }
.com_search form input{ background: #fff; line-height: 60px; width:calc(100% - 110px); padding-left:20px; font-size:18px;}
.com_search form button{background: #d6000f; line-height: 60px; width:100px; cursor:pointer; color:#fff; transition:.2s ease;}
.com_search form button i{ font-size: 26px;}
.com_search form button:hover{background:#db992d;}
.com_search .icon-guanbi1{ position: absolute; right: 25%; top: 32%; font-size: 30px; color: #fff; cursor:pointer;}
.com_search .icon-guanbi1:hover { color:#db992d;}

.sy-ban{ overflow: hidden; position: relative;}
.sy-ban .img-m{ width: 100%;}
.sy-ban .page{position: absolute; left: 0; width: 100%; bottom: 0; z-index: 3; color: #fff;}
.sy-ban .page .swiper-pagination{ width: auto; margin-right: auto; position: unset;}
.swiper-pagination.white .swiper-pagination-bullet{background: #fff; border-color: #fff;}
.swiper-pagination-bullet{ background: #000; width: 4px; height: 4px; border: 2px solid #000; opacity: 1;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{ background: none;}
.swiper-pagination.white .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: none;}
.sy-ban .page .center{padding: 35px 0; border-top: 1px solid #ffffff;}
.sy-ban .page .ty{ width: 16px; height: 30px; border-radius: 8px; border: 1px solid rgba(255,255,255,.7); position: relative; margin-left: 8px;}
.sy-ban .page .ty i{ position: absolute; width: 4px; height: 4px; background: #fff; border-radius: 50%; left: 50%; transform: translateX(-50%);-webkit-animation: updown 1s linear infinite;animation: updown 1s linear infinite; }
@-webkit-keyframes updown{
	0%{ top: 3px;}
to{top: 10px;}
}
@keyframes updown{
	0%{ top: 3px;}
to{top: 10px;}
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ display: none;}


.item_top{ align-items: flex-end; margin-bottom: 30px;}
.item_top .sy_title{margin-right: auto; margin-bottom: 0;}

.amore{ display: inline-block; line-height: 50px; border-radius: 25px; font-size: 18px; padding: 0 22px; background: #d6000f; color: #fff; position: relative;transition: .2s ease; overflow: hidden; font-family: gilm;}
.amore i{ display: inline-block; transform: rotate(45deg); font-size: 18px; margin-left: 5px; transition: .3s ease;}
.amore:hover i{ transform: rotate(0deg);}
.amore:hover { background: #e5a600;}
.amore.bb{ line-height: 48px; border: 1px solid #333333; background: none; color: #333;}
.amore.bb:hover{background:#e5a600; border-color: #e5a600; color: #fff; }
.amore.on{ color: #fff;}
.amore span{ position: relative; z-index: 2;}

.gilb60{ font-size: 60px;line-height: 60px; margin-bottom: 30px;}
.sy_title p{ line-height: 35px;}
.sy_title{margin-bottom: 40px;}
.sy_product .sy_title{ width: 70%;}
.sy_title .gilb60{ text-transform: uppercase;}
.pro_box{ width: calc(100% - 80px); height: 1220px; position: relative; margin: 55px auto 0;}
.pro_box .item{ position: absolute; }
.pro_box .item:after{position:absolute; left: 0; width: 100%; height: 45%; top: 0; content: '';background: linear-gradient( to bottom,rgba(255,255,255,.85),rgba(255,255,255,0.01));}
.pro_box .item a{ display: block;}
.pro_box .item a,.pro_box .item .imgfdd,.pro_box .item img{height: 100%;}
.pro_box .item img{ object-fit: cover;}
.pro_box .item .tit{ position: absolute; max-width: 80%; z-index:2;}
.pro_box .item .tit:after{ position: absolute; width: 175px; height: 10px; content: ''; background: #e5a600; left: 0;z-index: 2;}
.pro_box .item i{ position: absolute; right: 30px; bottom: 30px; display: inline-block; font-size: 40px; transform: rotate(45deg); color: #fff; transition: .2s ease;}
.pro_box .item h2{ font-family: gilb; position: relative; z-index: 3;}
.pro_box .item:first-child .tit,.pro_box .item:nth-child(4) .tit,.pro_box .item:nth-child(5) .tit{ top: 40px; left: 40px;}
.pro_box .item:first-child .tit h2,.pro_box .item:nth-child(4) .tit h2,.pro_box .item:nth-child(5) .tit h2{ font-size: 40px; line-height: 50px;}
.pro_box .item:first-child .tit:after,.pro_box .item:nth-child(4) .tit:after,.pro_box .item:nth-child(5) .tit:after{ top: 33px;}
.pro_box .item:first-child,.pro_box .item:nth-child(4){ width: calc(50% - 10px); top: 0;}
.pro_box .item:first-child{left: 0; height: 60%; }
.pro_box .item:nth-child(4){right: 0; height: calc(40% - 20px);}
.pro_box .item:nth-child(2),.pro_box .item:nth-child(3){ bottom: 0; height: calc(40% - 20px); width: calc(25% - 15px);}
.pro_box .item:nth-child(2) .tit,.pro_box .item:nth-child(3) .tit{top: 35px; left: 40px;}
.pro_box .item:nth-child(2) .tit h2,.pro_box .item:nth-child(3) .tit h2{ font-size: 36px;}
.pro_box .item:nth-child(2) .tit:after,.pro_box .item:nth-child(3) .tit:after{ top: 30px;}
.pro_box .item:nth-child(2){ left: 0;}
.pro_box .item:nth-child(3){ left: calc(25% + 5px);}
.pro_box .item:nth-child(5){ width: 30%; left: calc(50% + 10px); height: 60%; bottom: 0;}
.pro_box .item:nth-child(n+6){ width: calc(20% - 30px); right:0; height: calc(30% - 10px); top: 40%;}
.pro_box .item:nth-child(7){ bottom: 0; top: auto;}
.pro_box .item:nth-child(n+6) .tit{ top: 28px; left: 30px; }
.pro_box .item:nth-child(n+6) .tit h2{ font-size: 26px; line-height: 30px;}
.pro_box .item:nth-child(n+6) .tit:after{top: 20px;}
.pro_box .item:hover i{ color: #e5a600;}

.sy_solution .sy_title{text-align: center;}
.solswiper{ overflow: hidden; position: relative;}
.solswiper .swiper-slide { width:1420px; position: relative;overflow: hidden;}
.solswiper .swiper-slide .imgfd{ padding-top: 52.8%;}
.solswiper .txt{ position: absolute; width: 700px; background: rgba(255,255,255,.95); border-top-left-radius: 20px; border-top-right-radius: 20px; padding: 45px; bottom: 0; left: 15%; display: none;}
.gilb40{ font-size: 40px; line-height: 50px; position: relative; z-index: 3; font-family: gilb;}
.solswiper .txt .tit{position: relative; margin-bottom: 25px;}
.solswiper .txt .tit:after{ position: absolute; width: 175px; height: 10px; content: ''; background: #e5a600; left: 0;z-index: 2; top: 36px;}
.solswiper .swiper-slide-active .txt{ display: block;}
.solswiper .txt p{ height: 30px; overflow: hidden; margin-bottom: 60px;}
.solswiper .txt .amore{margin-right: auto;}
.solswiper .txt .swiper-num{font-family: din; font-size: 30px; color: #333;}
.solswiper .txt .swiper-num .active{ font-size: 50px; font-family: dinb;}
.solswiper .swiperbtn{ width: 35px; height: 70px; background: rgba(255,255,255,.9); line-height: 70px; text-align: center; color: #333; font-size: 22px; top: 50%;}
.solswiper .swiperbtn.swiper-button-prev{ border-top-right-radius: 35px; border-bottom-right-radius: 35px; left: 0;}
.solswiper .swiperbtn.swiper-button-next{ border-top-left-radius: 35px; border-bottom-left-radius: 35px; left: 1385px;}
.sy_choose{position: relative;}
.sy_choose .adv_list{ width: 33%; margin-right: auto;}
.sy_choose .sy_title{ width: 60%;}
.sy_choose .sy_title b{ color: #fff;}
.sy_choose .adv_list li{ margin-bottom: 50px;}
.sy_choose .adv_list li .icon{ width: 100px; height: 100px; border-radius: 50%; border: 2px solid #fff; position: relative; margin-right: auto; transition: .3s ease;}
.sy_choose .adv_list li .icon img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.sy_choose .adv_list li .txt{ width: calc(100% - 135px); color: #fff; position: relative;}
.sy_choose .adv_list li p{ font-size: 24px; line-height: 36px;}
.sy_choose .adv_list li i{ display: inline-block; font-size: 22px; transform: rotate(45deg); margin: 18px 0;}
.sy_choose .adv_list li .txt:before,.sy_choose .adv_list li .txt:after{ position: absolute; width: 100%; height: 1px; background: #fff; bottom: 0; left: 0; content: ''}
.sy_choose .adv_list li .txt:after{ width: 0; transition: .3s ease; background: #d6000f;}
.sy_choose .adv_list li:hover .txt:after{ width: 100%;}
.sy_choose .adv_list li:hover .icon{ background: #d6000f; border-color: #d6000f;}
.sy_choose .adv_list li:hover .icon img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.sy_choose .adv_list li:hover .txt i{ color: #d6000f;}
.sy_choose .chopic{ position: absolute; right: 0; bottom: 0; width: 58%; border-top-left-radius: 100px;}

.DoSomething{ position: relative; height: 105vh;}
.abbg{ position: absolute; width: 100%;height: calc(100% - 460px); bottom: 0;z-index: 3; transition: 1.5s ease;}
.abbg img{ width: 100%; height: 100%; object-fit: cover;}
.syab_txt{ padding:0 10%; position: relative; z-index: 2;}
.syab_txt.syab_txt2{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; background: rgba(255,255,255,.8); padding: 80px 10%;z-index: 5; display: none;}
.syab_txt .sy_title{text-align: center;}
.syab_txt .sy_title p{ font-size: 20px;}
.sy_number dt{ width: 29%; margin-right: auto; border-bottom: 2px solid #666666;}
.sy_number dt:last-child{ margin-right: 0;}
.sy_number dt span{ display: block; font-family: gilb; font-size: 20px; color: #333; line-height:30px; height:30px;}
.sy_number dt .num{margin: 20px 0; text-align: center;}
.sy_number dt .num b{ font-family: dinb; font-size: 64px; line-height: 64px; height: 64px; color: #d6000f; display: inline-block;}
.sy_number dt .num sub{ font-size: 20px; line-height: 20px; color: #333}
.DoSomething .mask {
    position: absolute;
    bottom: 0;
    left: 0%;
    width: 100%;
    height: calc(100% - 450px);
    z-index: 4;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
	overflow: hidden;}
.DoSomething .mask img {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 5;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    max-width: none;
	transition: 1.5s;}
.syab_txt2 .btn{ text-align: center; margin-top: 40px;}
.sy_news .sy_title{ text-align: center;}
.sy_news .news_nav{ justify-content: center; }
.sy_news .news_nav a{ display: block; width: 240px; line-height: 55px; text-align: center; margin: 0 22px; border-top-left-radius: 10px; border-top-right-radius: 10px; background: #fff; box-shadow: 0 -6px 12px rgba(0,0,0,.06); position: relative; z-index: 2;}
.sy_news .news_nav a:hover{ color: #d6000f; font-family: gilb;}
.sy_news .news_box{ background: #fff; padding: 50px; box-shadow: 0 0 12px rgba(0,0,0,.06)}
.sy_news .news_box .left{ position: relative; width: 35%;}
.sy_news .news_box .left .imgfd{padding-top: 100%;}
.sy_news .news_box .left .txt{ position: absolute; padding: 70px 34px 30px;width: 100%; left: 0; bottom: 0; background: linear-gradient( to top,rgba(0,0,0,.6),rgba(0,0,0,0.01));}
.sy_news .news_box .txt span.date{ display: block; color: #e5a600}
.sy_news .news_box .txt h2{ font-size: 20px; font-family: gilb; line-height: 30px; height: 60px; overflow: hidden; margin: 5px 0 12px;}
.sy_news .news_box .txt i{ display: inline-block; font-size: 20px; transform: rotate(45deg); font-weight: bold;}
.sy_news .news_box .left .txt h2,.sy_news .news_box .left .txt i{ color: #fff;}
.sy_news .news_box .right{ width: 65%;}
.sy_news .news_box .right ul li{ width: 45%; margin-left: 5%; float: left;}
.sy_news .news_box .right ul li:hover h2{ color:#d6000f;}
.sy_news .news_box .right ul li .txt{ padding: 25px 0 28px; border-bottom: 1px solid #37424a; color: #333;}
.sy_news .limore{ padding: 45px 38px 20px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background: linear-gradient( to top,rgba(214,0,15,.6),rgba(214,0,15,0.01));}
.sy_news .limore p{ font-size: 20px; margin-bottom: 24px;}
.sy_news .limore .amore{ width: 100%; text-align: center;}
.sy_news .limore .amore i{ margin-left: 30px;}

.index_foot{ background: #333333; color: #fff;}
.foot_center{ padding: 65px 0; position: relative;}
.foot_center .f_left{ width: 27%; margin-right: auto;}
.foot_center .f_nav{ width: 60%;}
.foot_center .f_nav li{ margin-right: auto;}
.foot_center .f_left dl{margin-top: 20px;}
.foot_center .f_left dt{ padding: 20px 0; border-bottom: 1px solid rgba(255,255,255,.3)}
.foot_center .f_left dt i{ font-size: 22px; color: #d6000f; }
.foot_center .f_left dt p{ color: #bbbbbb; font-size: 20px; width: calc(100% - 40px); margin-left: auto;}
.foot_center .f_left dt p a{ color: #bbb;}
.foot_center .f_nav li b{ color: #fff;  font-size: 20px; margin-bottom: 35px;}
.foot_center .f_nav li a{display: block;font-size: 16px; margin-bottom: 25px; color: #bbb;}
.foot_center .b_top{ display: inline-block; position: absolute; right: 0; top: 45%; background: #d6000f; width: 44px; line-height: 44px;border-radius: 50%; font-size: 22px; color: #fff; cursor: pointer; text-align: center; transition: .3s ease;}
.foot_center .b_top:hover{ background: #e5a600;}
.pc_none{ display: none;}

@media (max-width: 1700px){
.index_head{ padding: 0 2%;}
	.swiper-button-prev{ left: .5%; margin-left: 0;}
	.swiper-button-next{ right: .5%; margin-right: 0;}
}


@media (max-width: 1600px){
.pro_box{height: 1000px;}
.solswiper .swiper-slide{ width: 1280px;}
.solswiper .swiperbtn.swiper-button-next{ left: 1245px;}
.sy_choose .adv_list li p{font-size: 22px;}
.sy_news .news_box .left .imgfd{ padding-top: 105%;}
.gilb60{font-size: 52px; line-height:52px;}
.index_head .nav li{margin-right: 60px;}
.pro_box .item:first-child .tit h2, .pro_box .item:nth-child(4) .tit h2, .pro_box .item:nth-child(5) .tit h2{font-size:36px; line-height:45px;}
.pro_box .item:nth-child(n+6) .tit h2{font-size:22px; line-height: 32px;}
.pro_box .item:nth-child(2) .tit h2, .pro_box .item:nth-child(3) .tit h2{font-size:32px; }
.pro_box .item .tit:after{ width:160px; height: 7px;}
.solswiper .swiper-slide{ width: 1100px;}
.solswiper .swiperbtn.swiper-button-next{left: 1075px;}
.gilb40{font-size: 36px; line-height: 45px;}
.solswiper .txt{ width: 500px; padding:30px;}
.solswiper .txt p{margin-bottom: 35px;}
.solswiper .txt .tit:after{ width:160px; height: 7px;}
.solswiper .txt .swiper-num{font-size: 24px;}
.solswiper .txt .swiper-num .active{font-size: 40px;}
.index_head .nav li .second{ padding: 30px 50px 10px;}
}

@media (max-width: 1441px){
.index_head .nav li{ margin-right: 45px;}
.sy-ban .page .center{ padding: 25px 0;}
.sy_product .sy_title{ width: 80%;}
.pro_box .item:first-child .tit, .pro_box .item:nth-child(4) .tit, .pro_box .item:nth-child(5) .tit{ top:30px; left: 30px;}
.syab_txt.syab_txt2{ padding: 60px 7%;}
.syab_txt{padding: 0 7%;}
.sy_choose .adv_list li p{font-size: 20px; line-height:32px;}
.sy_choose .adv_list li{ margin-bottom:30px;}
.sy_news .news_box .right ul li .txt{padding: 20px 0;}
.sy_news .limore{padding: 25px 30px 12px;}
}

@media (max-width: 1281px){
.top_contact a.top_lx{ display: none;}
.sy_choose .chopic img{ height: 500px;}
.sy_news .news_box .left .txt{padding: 50px 25px 20px;}
.sy_news .news_box .txt h2{font-size: 18px; line-height: 26px; height: 52px;}
.gilb60{font-size: 48px; line-height: 45px; margin-bottom: 20px;}
.sy_title{margin-bottom: 30px;}
.pro_box{height: 750px;}
.pro_box .item .tit{ max-width: 90%;}
.pro_box .item:nth-child(2) .tit, .pro_box .item:nth-child(3) .tit{ top:25px; left: 30px;}
.pro_box .item:nth-child(n+6) .tit{ top:20px; left: 20px;}
.pro_box .item:first-child .tit h2, .pro_box .item:nth-child(4) .tit h2, .pro_box .item:nth-child(5) .tit h2{font-size:30px; line-height: 40px;}
.pro_box .item:first-child .tit:after, .pro_box .item:nth-child(4) .tit:after, .pro_box .item:nth-child(5) .tit:after{ top:28px;}
.index_head .nav li .second{padding: 30px 20px 10px;}
.index_head .nav li .second dt{margin-bottom: 20px;}
}

@media (max-width: 1024px){
.sy-ban{ margin-top: 54px;}
.gilb60{font-size: 40px; line-height: 42px;}
.sy_title p{line-height: 28px;}
.amore{font-size: 16px;}
.pro_box .item .tit:after{ width:80px;}
.pro_box .item:nth-child(2) .tit h2, .pro_box .item:nth-child(3) .tit h2{font-size:26px;}
.solswiper .swiper-slide{ width: 680px;}
.gilb40{font-size: 30px; line-height:38px;}
.solswiper .txt .tit:after{ width:120px; height: 6px; top: 30px;}
.syab_txt .sy_title p{font-size: 18px;}
.syab_txt{padding: 0 3%;}
.sy_news .news_box .left{display: none;}
.sy_news .news_box .right{ width: 100%; float: none;}
.sy_news .news_box .right ul li{ width: 48%; margin-left: 4%;}
.sy_news .news_box .right ul li:nth-child(2n+1){ margin-left:0;}
.sy_choose .adv_list li i{display: none;}
.sy_choose .adv_list li .icon{ width: 80px; height: 80px;}
.sy_choose .adv_list li .icon img{ width: 40px;}
.sy_choose .adv_list li .txt{ width: calc(100% - 105px); padding-bottom:15px;}
.sy_choose .adv_list li p{font-size: 18px; line-height: 30px;}
.sy_choose .chopic img{ height: 400px;}
.mob_none{ display: none;}
.pc_none{ display: block;}
.solswiper .swiperbtn.swiper-button-next{left: 645px;}
.mob_pro{ padding: 35px 2%;}
.mob_pro .proli{ float: left; width: 49%; margin-right: 2%; margin-bottom: 25px; position: relative;}
.mob_pro .proli:nth-child(2n){ margin-right:0;}
.mob_pro .proli:after{position:absolute; left: 0; width: 100%; height: 45%; bottom: 0; content: '';background: linear-gradient( to top,rgba(255,255,255,.85),rgba(255,255,255,0.01));}
.mob_pro .proli .imgfd{padding-top: 66.8%;}
	.mob_pro .proli .txt{ position:absolute; width: 100%; left: 0; bottom: 0; padding:0 25px 20px;z-index:2;}
	.mob_pro .proli .txt h2{ font-size: 20px; line-height: 30px; font-family:gilb;}
	.sy_number dt .num b{font-size: 50px; line-height: 50px; height:50px;}
	.right_online{ display: none;}
}
@media (max-width: 768px){
.sy-ban .page .center{ padding: 15px 0;}
.sy-ban .page .sco{ display: none;}
.sy_product .sy_title{ width: 95%;}
.gilb60{ font-size:28px; line-height:30px; margin-bottom:10px;}
.amore{line-height: 40px;}
.amore i{font-size: 16px;}
.solswiper .swiper-slide{ width: 100%;}
.solswiper .swiperbtn.swiper-button-next{left: auto; right: 0;}
.sy_choose .center.t-flex{ display: block;}
.sy_choose .adv_list{ width: 100%;}
.sy_choose .chopic{ position: unset; width: 100%;border-top-left-radius:30px;border-top-right-radius:30px;}
.sy_choose .sy_title{ width: 100%;}
.sy_news .news_nav a{ width: 180px;}
.sy_news .news_box{padding: 25px;}
.copy .follow{display: none;}
.copy{font-size: 13px;}
.sy-ban .page .center{padding: 10px 0; border: none;}
.sy_title p{line-height: 24px;}

}

@media (max-width: 450px){
.mob_pro .proli{ width: 100%; float: none;}
.mob_pro{padding-bottom: 0;}
.solswiper .txt .c-flex{ display: none;}
.solswiper .txt p{margin-bottom: 0;}
.solswiper .txt{ width: 350px; padding: 20px; left:8%; background:rgba(255,255,255,.75);}
.gilb40{font-size: 22px; line-height: 30px;}
.solswiper .txt .tit:after{ width:80px; height: 5px; top: 21px;}
.solswiper .txt .tit{margin-bottom: 20px;}
.syab_txt .sy_title p{font-size: 16px;}
.sy_number dl{ display: block;}
.sy_number dt{display: block; width:100%; margin-bottom:15px;}
.sy_number dt span{font-size: 18px;}
.sy_choose .chopic img{height: 300px;}
.sy_news .news_nav{display: none;}
.sy_news .news_box .right ul li{ width: 100%; float: none; margin-left:0;}
.sy_news .limore p{font-size: 18px;}
.syab_txt.syab_txt2{padding: 30px 5%;}
.sy_number dt .num{margin: 10px 0 15px;}
.sy_number dt .num b{font-size: 40px; line-height: 40px; height: 40px;}
}
.top_h{ height: 90px;}
.ny_ban{ position: relative; overflow: hidden;}
.ny_ban img{ width: 100%;}
.ny_ban .bantxt{ width: 100%; text-align: center; position:absolute; left: 0; top: 50%; transform: translateY(-50%);}
.ny_ban .bantxt b{ color: #fff; font-family: orbb; font-size: 70px; padding-bottom:20px; text-transform:uppercase;}
.ny_ban .bantxt:after{ position:absolute; width: 90px; height: 2px; background: #d6000f; content: ''; left: 50%; transform: translateX(-50%); bottom: 0;}
.pro_ban .bantxt{ top:15%;}
.ny_ban .posi{ position: absolute; width: 100%; left: 0; bottom: 30px; color: #fff; font-size:15px;}
.ny_ban .posi a{ color: #fff;}

.pro_main .title{ text-align: center; margin-bottom: 60px; font-size:54px;}
.pro_main .pro_item .pic{ width: 50%; float: left;}
.pro_main .pro_item .txt{ width: 44%; float: right; padding-top:90px;}
.pro_main .pro_item:nth-child(2n) .pic{ float:right;}
.pro_main .pro_item:nth-child(2n) .txt{ float:left;}
.pro_main .pro_item .pic .imgfd{ padding-top: 68.75%;}
.pro_main .pro_item h2{ font-family: gilb; font-size: 40px; padding-bottom: 35px; position: relative; margin-bottom:30px;}
.pro_main .pro_item h2:after{ position:absolute; width: 85px;  height: 2px; content: ''; left: 0; bottom: 0; background: #e5a600;}
.pro_main .pro_item li{ width: 85%;}
.pro_main .pro_item li a{ padding: 12px 0; position: relative; color:#333; font-size:20px;}
.pro_main .pro_item li a span{ display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #333; margin-right:15px;}
.pro_main .pro_item li i{ display: inline-block; margin-left: auto; transform: rotate(45deg); font-size:18px; font-weight:bold; opacity:0; transition:.2s ease;}
.pro_main .pro_item li a:after{ position:absolute; left: 0; width:0; bottom: 0; height: 1px; content: ''; background: #d6000f; transition:.3s ease;}
.pro_main .pro_item li:hover a{ color:#d6000f;}
.pro_main .pro_item li:hover a:after{ width:100%;}
.pro_main .pro_item li:hover a span{ background:#d6000f;}
.pro_main .pro_item li:hover i{ opacity:1;}
.pro_main .pro_item li p{ max-width: calc(100% - 55px); height:30px; overflow:hidden;}

.get_touch{ position: relative; margin-top:90px;}
.get_touch .touch_pic{ width: 100%;}
.get_touch .touch_txt{ position: absolute; width: 55%; padding: 75px 90px 0; right:0; top:0; color:#fff;}
.get_touch .touch_txt b{ color: #fff;}
.get_touch .touch_txt p{ font-size: 24px; margin: 25px 0;}
.get_touch .touch_txt .amore.bb{ border-color: #e5a600; color: #e5a600;}
.get_touch .touch_txt .amore.bb:hover{color:#d6000f;}
@media (max-width: 1441px){
.ny_ban .bantxt b{font-size: 56px;}
.pro_main .pro_item .txt{ padding-top: 55px;}
.pro_main .pro_item h2{font-size: 36px; padding-bottom:30px; margin-bottom:20px;}
.pro_main .pro_item li a{padding: 8px 0;}
.get_touch .touch_txt{padding: 60px 70px 0;}
.get_touch .touch_txt p{font-size: 22px;}
}
@media (max-width: 1281px){
    .pro_main .title{font-size: 46px;}
    .pro_main .pro_item .txt{ width: 47%; padding-top:40px;}
    .pro_main .pro_item h2{font-size: 32px; padding-bottom:20px;}
    .pro_main .pro_item li a{font-size: 18px;}
    .get_touch .touch_txt{padding: 35px 40px 0;}
    .get_touch .touch_txt p{font-size: 20px; margin: 20px 0;}
}
@media (max-width: 1024px){
    .top_h{height: 54px;}
    .ny_ban .bantxt b{font-size: 48px;}
    .pro_main .pro_item{ margin-bottom: 35px;}
    .pro_main .pro_item .pic{ width: 100%; float: none!important;}
    .pro_main .pro_item .txt{ width:100%; float: none!important;}
    .get_touch .touch_pic{height: 260px; object-fit: cover;}
    .ny_ban .posi{ bottom: 20px;}
}
@media (max-width: 768px){
    .get_touch{display: none;}
    .pro_main .title{font-size: 38px; margin-bottom: 35px;}
    .ny_ban .bantxt b{font-size: 40px;}
    .pro_main .pro_item .txt{ padding-top: 30px;}
    .pro_main .pro_item h2{font-size: 26px;}
    .pro_main .title{font-size: 32px; margin-bottom:25px;}
    .pro_main .pro_item h2{font-size: 24px;}
    .pro_main .pro_item .txt{padding-top: 20px;}
    .pro_main .pro_item li i{font-size: 16px;}
    .ny_ban .bantxt b{font-size: 28px; padding-bottom:15px;}
    .ny_ban .bantxt:after{ width:60px;}
}
.list_nav{ width: 300px;}
.list_right{ width: calc(100% - 360px);}
.list_nav .title{line-height: 60px; text-align: center; color: #fff; background: #222222; font-size: 23px; text-transform: uppercase; font-family:gilm;}
.list_nav li{ margin-top: 5px; background:#fff;}
.list_nav li a{display: block;}
.list_nav li .firp{ padding: 10px 20px 10px 30px; position: relative;}
.list_nav li .firp:after{ position:absolute;width: 3px; height: 14px; background: #d6000f; content: ''; left: 12px;top: 12px; }
.list_nav li .firsta{ color: #333; line-height: 20px; max-width:calc(100% - 15px);}
.list_nav li .firp i{ width: 10px; height: 10px; display: block; margin-left: auto; position: relative; cursor:pointer;}
.list_nav li .firp i:before,.list_nav li .firp i:after{ position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #333; content: '';}
.list_nav li .firp i:before{ width:100%; height: 2px;}
.list_nav li .firp i:after{ width:2px; height: 100%;}
.list_nav li .list{ padding: 15px 30px 5px; display:none;}
.list_nav li .list a{ font-size: 16px; line-height: 20px; padding-left: 12px; position: relative; margin-bottom:20px;}
.list_nav li .list a:after{ position:absolute; width: 6px; height: 1px; background: #666; left: 0; top: 9px; content:'';}
.list_nav li.on .firp{ background: #d6000f;}
.list_nav li.on .firp a{ color: #fff;}
.list_nav li.on .firp:after{ background:#fff;}
.list_nav li.on .firp i:after{ display:none;}
.list_nav li.on .firp i:before{ background:#fff;}
.list_nav li .list a.act{ color: #d6000f;}
.list_nav li .list a.act:after{background:#d6000f;}

.ny_pro_list ul li{ width: 32%; margin-right: 2%;margin-bottom: 30px;}
.pro_li{ background: #fff; padding: 25px; float:left; border:2px solid #fff; transition:.2s ease;}
.ny_pro_list ul li:nth-child(3n){ margin-right:0;}
.pro_li .imgfd{ padding-top: 100%;}
.pro_li h2{ text-align: center; font-size: 20px; font-family: gilm; line-height:30px; height:30px; overflow:hidden;}
.pro_li p{ height: 30px; overflow: hidden; margin: 15px 0 25px; color:#333;}
.pro_li span{ font-family: gilm; font-size: 16px; color: #333;}
.pro_li span i{ display: inline-block; transform: rotate(45deg); margin-left: 5px; font-weight:bold;}
.pro_li:hover{ border-color:#d6000f;}
.pro_li:hover h2,.pro_li:hover span{ color:#d6000f;}
@media (max-width: 1281px){
    .list_right{ width: calc(100% - 330px);}
}
@media (max-width: 1024px){
    .list_nav{ display: none;}
    .list_right{width: 100%; float: none;}
}
@media (max-width: 450px){
    .ny_ban .posi{font-size: 12px;}
    .ny_pro_list ul li{ width: 49%; margin-right: 2%; margin-bottom:20px;}
    .ny_pro_list ul li:nth-child(3n){ margin-right:2%;}
    .ny_pro_list ul li:nth-child(2n){margin-right:0;}
    .pro_li span{display: none;}
    .pro_li p{height: 48px; margin-bottom: 0; margin-top:10px;}
    .ny_pro_list ul li{padding: 15px;}
    .pro_li h2{font-size: 18px;}
}
.show_posi{ padding: 22px 0; font-size:15px;}
.show_top{padding-bottom: 80px;}
.show_top .show_posi{ margin-bottom: 55px;}
.show_top .pic{ width: 46%;}
.show_top .pic .smallpic{ width: 90px; overflow: hidden; position: relative; padding: 60px 0;}
.show_top .pic .smallpic .swiperbtn{ width: 50px; height: 50px; text-align: center; font-size: 22px; line-height: 50px; text-align: center; border-radius:50px; border:1px solid #bbbbbb; left:50%;  margin-left:-25px; margin-top:0;}
.show_top .pic .smallpic .swiperbtn.swiper-button-prev{ transform: rotate(90deg); top:0;}
.show_top .pic .smallpic .swiperbtn.swiper-button-next{ transform: rotate(90deg); bottom:0;}
.show_top .pic .smallpic .swiperbtn:hover{ background:#d6000f; color: #fff;}
.show_top .pic .smallswiper{ width: 90px; overflow:hidden; height:485px;}
.show_top .pic .bigswiper{ width: calc(100% - 100px); overflow:hidden; overflow: hidden;}
.show_top .pic .smallswiper li{ width: 100%;}
.show_top .pic .smallswiper .swiper-slide{ width: 100%!important;  overflow:hidden;}
.show_top .pic .smallswiper .imgfd{ padding-top:100%;}
.show_top .pic .bigswiper .swiper-slide{ overflow: hidden;}
.show_top .pic .bigswiper .imgfd{ padding-top: 100%;}
.show_top .txt{ width: 48%;}
.show_top .txt span.sub{ font-size: 36px; color: #d6000f; text-transform: uppercase; display:block; margin-bottom:25px;}
.show_top .txt h1{ font-size: 40px; font-family: gilb; margin-bottom: 40px;}
.show_top .txt p.des{ margin-bottom: 90px;}
.show_top .txt .btns .btn{ display: inline-block; line-height: 55px; width: 180px; border-radius: 28px; margin-right: 30px; color: #fff; font-family: gilm; text-align: center; background:#d6000f; transition:.3s ease;}
.show_top .txt .btns .btn i{ margin-left: 20px; font-size:20px;}
.show_top .txt .btns .btn.btn1{ background: #333;}
.show_top .txt .btns .btn:hover{ background:#e5a600;}
.show_top .txt .btns{ margin-bottom: 90px;}

.show_tab li{ width: 33.3%; text-align: center; line-height: 60px; font-family: gilb; font-size: 30px; position:relative; color:#333;}
.show_tab{ margin-bottom:40px; position:sticky; top:90px; background:#fff; z-index:4;}
.show_tab ul{ border-bottom: 3px solid #333;}
.show_tab li.cur{ color: #d6000f;}
.show_tab li:after{ position:absolute; left: 0;bottom: -3px; width: 0; height: 3px; content: ''; background: #d6000f; transition:.3s ease;}
.show_tab li.cur:after{ width:100%;}
.show_det .show_item{ margin-bottom: 40px;}
.show_det .show_item .itemt{ font-family: gilb;font-size: 36px; margin-bottom: 25px;}
.show_det img{ max-width: 100%!important;}
.pro_para table{ max-width: 100%!important; border-top: 1px solid #bbbbbb;}
.pro_para table td{ padding: 18px 20px; border-bottom: 1px solid #bbbbbb; border-right:1px solid #bbbbbb;}
.pro_para table td:last-child{ border-right:0;}
.showmsg p{margin-bottom: 40px;}
.showmsg .imgfdd{ width: 33%;}
.msgbox{ width: 62%;}
.msgbox input,.msgbox textarea{ line-height: 55px; background: #eeeeee; padding-left: 10px; margin-bottom:30px; width:100%;}
.msgbox input.fl{ width: 49%; margin-right: 2%;}
.msgbox input.fl:nth-child(2n){ margin-right:0;}
.msgbox span{ display: block; font-size: 16px; margin: 25px 0;}
.msgbox .sub{ width: 180px; line-height: 50px; border-radius: 25px; text-align: center; display: block; background: #d6000f; color: #fff; font-size: 16px; margin:0 auto; text-transform:uppercase; cursor:pointer; transition:.3s ease;}
.msgbox .sub:hover{ background:#e5a600;}
.relswiper{ overflow: hidden; padding-bottom: 50px; position: relative;}
.rel_pro .gilb40{text-align: center; margin-bottom: 40px;}
.swiper-pagination-bullet{ outline: none;}
.swiper-pagination.rb .swiper-pagination-bullet{background: #d6000f; border-color: #d6000f;}
.swiper-pagination.rb .swiper-pagination-bullet.swiper-pagination-bullet-active{background: none;}
@media (max-width: 1441px){
    .show_top .txt p.des,.show_top .txt .btns{margin-bottom: 50px;}
}
@media (max-width: 1281px){
    .show_top .show_posi{margin-bottom: 35px;}
    .show_top .pic .smallswiper{height: 400px;}
    .show_tab li{font-size: 26px;}
    .show_det .show_item .itemt{font-size: 32px;}
}
@media (max-width: 1024px){
    .show_top .txt span.sub{font-size: 30px;}
    .show_top .txt h1{font-size: 34px; margin-bottom:25px;}
    .show_top .txt p.des, .show_top .txt .btns{margin-bottom: 35px;}
    .show_tab{ top: 54px;}
}
@media (max-width: 768px){
    .show_top .pic{ width: 100%; float: none;}
    .show_top .txt{ width: 100%; float: none;}
    .show_tab{display: none;}
    .show_top .txt .btns .btn{ line-height:46px;}
    .showmsg .imgfdd{ display: none;}
    .msgbox{ width: 100%; float: none;}
}
@media (max-width: 450px){
    .show_top .pic .smallpic,.show_top .pic .smallswiper{ width: 70px;}
    .show_top .pic .smallswiper{height: 220px;}
    .show_top .pic .smallpic .swiperbtn{ width: 34px; height: 34px; line-height: 34px; margin-left:-17px; font-size:18px;}
    .show_top .pic .smallpic{padding: 40px 0;}
    .show_top .pic .bigswiper{ width: calc(100% - 75px);}
    .show_top .show_posi{padding: 15px 0; margin-bottom: 20px; font-size:12px;}
    .show_top .txt{margin-top: 30px;}
    .show_top .txt span.sub{font-size: 22px; margin-bottom: 15px;}
    .show_top .txt h1{font-size: 26px; margin-bottom: 20px;}
    .show_top .txt .btns .btn{ width: 160px; margin-right: 20px;}
    .show_top{padding-bottom: 40px;}
    .show_det .show_item .itemt{font-size: 26px; margin-bottom: 20px;}
    .show_det .show_item{margin-bottom: 25px;}
    .pro_para table td{padding: 8px 10px; font-size:14px;}
    .showmsg p{margin-bottom: 20px;}
    .msgbox input, .msgbox textarea{line-height: 45px; margin-bottom: 15px; font-size:14px;}
    .msgbox span{margin: 0 0 15px;}
    .msgbox .sub{line-height: 45px;}
    .rel_pro .gilb40{ margin-bottom: 25px;}
}
.sol_main .solitem{ margin-bottom: 55px; position:relative;}
.sol_main .solitem .pic{ width: 80%; float:left;}
.sol_main .solitem .pic .imgfd{ padding-top: 52.7%;}
.sol_main .solitem:nth-child(2n) .pic{ float:right;}
.sol_main .solitem .txt{ width: 500px; height: 500px; background: #fff; position: absolute; bottom: 0; right: 0; padding: 80px 65px 0;}
.sol_main .solitem:nth-child(2n) .txt{ right:auto; left: 0;}
.sol_main .solitem h2{ font-size: 40px; font-family: gilb; position:relative; z-index:2; line-height:40px;}
.sol_main .solitem .tit{ position: relative; margin-bottom:28px;}
.sol_main .solitem .tit:after{ position:absolute; left: 0; bottom: 0; width: 175px; height: 10px; content: ''; background: #e5a600;}
.sol_main .solitem p{ margin-bottom: 60px; max-height: 150px; overflow: hidden;}
.sol_main .solitem .amore:hover{ background:#d6000f; border-color:#d6000f;}
@media (max-width: 1441px){
    .sol_main .solitem .txt{padding: 70px 40px 0; width:460px; height:460px;}
}
@media (max-width: 1024px){
    .sol_main .solitem .txt{ width: 360px; height: 360px;}
    .sol_main .solitem h2{font-size: 32px; line-height:34px;}
    .sol_main .solitem .txt{padding: 40px 35px 0;}
    .sol_main .solitem p{ margin-bottom: 30px;}
}
@media (max-width: 768px){
    .sol_main .solitem .pic{ width: 100%; float: none!important;}
    .sol_main .solitem .txt{ width: 100%; height: auto; position: unset; padding:30px 25px;}
}
@media (max-width: 450px){
    .sol_main .solitem .txt{padding: 25px 18px;}
    .sol_main .solitem h2{font-size: 28px;}
    .sol_main .solitem .tit:after{ width:150px; height: 6px;}
    .sol_main .solitem .tit{margin-bottom: 18px;}
    .sol_main .solitem p{ max-height: 120px; margin-bottom: 20px;}
    .amore.bb{ line-height: 38px;}
}
.show_det img{ max-width: 100%!important;}
.gilb50{ font-size: 50px; font-family: gilb; margin-bottom: 30px;}
.show_det{ overflow: hidden;}
.show_det img{ max-width: 100%;}
.nsolswiper{ overflow: hidden; position:relative; margin-top:50px;}
.nsolswiper .swiperbtn{ width: 35px; height: 70px; background: #d6000f; line-height: 70px; text-align: center; color: #fff; font-size: 22px; top: 50%;}
.nsolswiper .swiperbtn.swiper-button-prev{ border-top-right-radius: 35px; border-bottom-right-radius: 35px; left: 0;}
.nsolswiper .swiperbtn.swiper-button-next{ border-top-left-radius: 35px; border-bottom-left-radius: 35px; right: 0;}
.profor .gilb40{ text-align: center; margin-bottom:40px;}
.profor .pro_li{ border-color: #dddddd;}
.profor .pro_li:hover{ border-color:#d6000f;}

.sol_case .gilb40{ text-align: center; margin-bottom: 40px;}
.casebox{background: #fff;}
.casebox .tab-bd{ width: 50%;}
.casebox .tab-hd{ width: 50%; padding:0 70px 0 60px;}
.casebox .tab-hd li{ padding:15px 0;}
.casebox .tab-hd .txt{ padding-bottom:15px;}
.casebox .tab-hd .txt .tit i{ width: 14px; height: 14px; display: block; position: relative; margin-left:auto;}
.casebox .tab-hd .txt .tit i:after,.casebox .tab-hd .txt .tit i:before{ position:absolute; background: #333; left: 50%; top: 50%; transform: translate(-50%,-50%); content: '';}
.casebox .tab-hd .txt .tit i:after{ width:100%; height: 2px;}
.casebox .tab-hd .txt .tit i:before{height:100%; width: 2px;}
.casebox .tab-hd .txt h2{ color: #333; font-family:gilb; font-size:26px; width:calc(100% - 20px);}
.casebox .tab-hd .txt .des{ display: none; margin-top:15px;}
.casebox .tab-hd .txt .des i{ display: block; font-size: 20px; font-weight: bold; color: #d6000f; transform:rotate(45deg); display:none;}
.casebox .tab-hd .txt p{ width:100%;}
.casebox .tab-hd .active i{opacity: 1;}
.casebox .tab-hd .active .txt h2{ color: #d6000f;}
.casebox .tab-hd .active .txt .des{ display: flex;}
.casebox .tab-hd .active .txt{ border-bottom: 1px solid #e2e2e2;}
.casebox .tab-hd .active .txt .tit i:before{ display:none;}
.casebox .tab-hd .active .txt .tit i:after{ background:#d6000f;}
@media (max-width: 1281px){
    .casebox .tab-hd .txt h2{font-size: 23px;}
    .gilb50{font-size: 44px;}
}
@media (max-width: 1024px){
    .gilb50{font-size: 38px; margin-bottom:20px;}
    .casebox{display: block;}
    .casebox .tab-bd{ width: 100%;}
    .casebox .tab-hd{width: 100%; padding: 40px 30px;}
}
@media (max-width: 450px){
    .gilb50{font-size: 28px;}
    .nsolswiper{ margin-top: 30px;}
    .profor .gilb40,.sol_case .gilb40{margin-bottom: 25px;}
    .casebox .tab-hd{padding: 25px 20px;}
    .casebox .tab-hd .txt h2{font-size: 20px;}
}
.ab_com .left{ width: 30%; margin-right: auto;}
.ab_com .left b{ padding-bottom: 25px; position: relative;}
.ab_com .left b:after{ position:absolute; left: 0; bottom: 0; height: 2px; width: 85px; background: #e5a600; content: '';}
.ab_com .right{width: 58%;}
.ab_com .left p{ font-family: gilm; color: #333;line-height: 48px; font-size: 30px;}
.ab_com .right dt{padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #bbbbbb;}
.ab_com .right p{ color: #333; line-height: 36px;}
.ab_com .right dt:last-child{ border:none;}
.ab_str{padding: 40px;}
.ab_str dt{ width: calc(50% - 20px); position: relative; color:#fff;}
.ab_str dt:first-child{margin-right:auto;}
.ab_str dt .imgfd{padding-top: 88.89%;}
.ab_str dt .txt1{ position: absolute; padding: 0 60px; text-align: center;width: 100%; left: 0; top: 30%; transition:.2s ease;}
.ab_str dt h2{ color: #fff; margin-top: 40px;}
.ab_str dt .txt2{ position: absolute; width: calc(100% - 120px); height: calc(100% - 120px); top: 60px; left: 60px; background:rgba(214,0,15,.9); padding:100px 95px 0; color:#fff; opacity:0; transition:.3s ease;}
.ab_str dt .txt2 p{ line-height: 36px; margin-top: 30px;}
.ab_str dt:hover .txt1{ opacity:0;}
.ab_str dt:hover .txt2{ opacity:1;}

.ab_qua .tit{ text-align: center; margin-bottom:50px;}
.ab_qua .tit b{ margin-bottom: 30px;}
.ab_qua .tit p{ line-height: 36px;}
.qua_box{ padding: 0 200px; position:relative; padding-bottom:75px;}
.quaswiper{ overflow: hidden;}
.quaswiper .imgfd{ padding-top:144.7% ;}
.qua_box .swiperbtn{ top: 50%; font-size: 26px; width: 60px; height: 60px; border-radius: 50%; background: #fff; text-align: center; line-height: 60px; transition:.3s ease;}
.qua_box .swiperbtn:hover{ background:#d6000f; color: #fff;}
.ab_corp dl{ margin-top: 40px;}
.ab_corp dl dt{ width: 24%; margin-right: auto; background:#f7f7f7 url(../images/sj_03.jpg) no-repeat right bottom; padding:75px 30px 40px; text-align:center;}
.ab_corp dl dt .icon img{ transition: 2s ease;}
.ab_corp dl dt:last-child{margin-right:0;}
.ab_corp dl dt h2{ font-size: 30px; line-height: 30px;height: 30px; overflow: hidden; margin: 35px 0 20px; font-family:gilm;}
.ab_corp dl dt p{height: 150px;}
.ab_corp dl dt:hover .icon img{ transform:rotateY(360deg);}
@media (max-width: 1700px){
    .ab_str dt .txt2{ padding: 60px 60px 0;}
    .ab_str dt .txt2 p{ line-height:32px; margin-top:25px;} 
}
@media (max-width: 1581px){
    .ab_str dt .txt2{ padding: 40px 50px 0;}
    .ab_str dt h2{margin-top: 20px;}
    .ab_str dt .txt2 p{ line-height: 30px;}
    .ab_com .left p{font-size: 26px;}
    .ab_str dt .icon img { height: 65px;}
}
@media (max-width: 1441px){
    .ab_str dt .txt2{width: calc(100% - 80px); height: calc(100% - 80px);left:40px; top:40px;}
    .ab_str dt .txt2 p{line-height: 27px; margin-top:20px;}
}
@media (max-width: 1281px){
    .ab_com .left p{font-size: 22px; line-height: 30px;}
    .ab_str dt .txt2{ width: calc(100% - 80px); height:calc(100% - 80px); left:40px; top:40px; padding:40px 40px 0;}
    .ab_str dt .icon img{ height: 48px;}
    .ab_str dt .gilb40{ font-size: 30px; line-height:36px; margin-top:15px;}
    .qua_box{padding: 0 100px 75px;}
    .ab_corp dl dt .icon img{height: 70px;}
    .ab_corp dl dt h2{font-size: 26px;}
    .ab_corp dl dt p{height: 210px;}
    .ab_corp dl dt{padding: 50px 25px 40px;}
}
@media (max-width: 1024px){
    .ab_com .left{ width: 35%;}
    .ab_str dl{ display: block;}
    .ab_str dt{ width: 100%; margin-bottom: 30px;}
    .ab_corp dl dt{ width: 49%; margin-bottom:20px;}
    .ab_corp dl dt:nth-child(2n){margin-right:0;}
}
@media (max-width: 768px){
    .ab_com .center{ display: block;}
    .ab_com .left{ width: 100%; margin-bottom: 30px;}
    .ab_com .right{ width: 100%;}
}
@media (max-width: 450px){
    .ab_str{padding: 25px 0;}
    .ab_str dt .txt2{display: none;}
    .ab_qua .tit p{ line-height: 28px;}
    .qua_box{ padding: 0 50px 25px;}
    .ab_corp dl dt{ display: flex; align-items: center; flex-wrap: wrap;width: 100%; padding:20px 15px;}
    .ab_corp dl dt .icon img{ height: 60px;}
    .ab_corp dl dt .txt{ text-align: left; width:calc(100% - 75px); margin-left:auto;}
    .ab_corp dl dt p{ height: auto;}
    .ab_corp dl dt h2{ font-size: 22px; margin-top: 0; margin-bottom:10px;}
    .ab_str dt .gilb40{font-size: 22px;}
}
.touch_left{ width: 40%;}
.touch_left .gilb50{ position: relative; padding-bottom: 25px;}
.touch_left .gilb50:after{position:absolute; left: 0; bottom: 0; width: 85px; height: 2px; background: #e5a600; content: '';}
.touch_left .lx_email{ margin: 35px 0 45px; padding:25px 0; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd;}
.touch_left .lx_email b{ font-size: 24px; margin-bottom: 10px;}
.touch_left .lx_email a{ font-family: gilm;font-size: 30px; color: #d6000f;}
.touch_msg.msgbox{ width: 50%;}
.touch_msg.msgbox input,.touch_msg.msgbox textarea{ background: #fff; margin-bottom:20px;}
.touch_msg.msgbox span{margin: 0 0 20px;}

.map{ width: 50%; overflow:hidden;}
.lx_list{ width: 43%; padding:90px 60px 90px 0;}
.lx_list i{ display: block; width: 50px; line-height: 50px; text-align: center; height: 50px; background: #d6000f; color: #fff; font-size:24px; border-radius:50%; margin-right:20px;}
.lx_list .txt{width: calc(100% - 75px);}
.lx_list dt{ margin-top: 45px; padding-bottom: 35px; border-bottom: 1px solid #dddddd;}
.lx_list dt p{ font-size: 16px; margin-bottom: 5px;}
.lx_list dt span,.lx_list dt a{font-family: gilm; color: #333;}
.lx_list dt a:hover{ color:#d6000f;}
@media (max-width: 1024px){
    .touch_left .lx_email{margin: 25px 0; padding:20px 0;}
    .touch_left .lx_email a{font-size: 26px;}
    .lx_list dt{ margin-top: 30px; padding-bottom: 25px;}
    
    
}
@media (max-width: 768px){
    .touch_left{ width: 100%; margin-bottom: 30px;}
    .touch_msg.msgbox{ width: 100%;}
    .map{ display: none;}
    .lx_list{ width: 100%; padding: 50px 40px;}
}
@media (max-width: 450px){
    .lx_list{padding: 35px 15px;}
}
.comm_news .comm_hot{ width: 66%; position:relative;}
.comm_news .comm_hot .imgfd{ padding-top: 56.2%;}
.comm_news .comm_hot .txt{ position:absolute; width: 100%; left: 0; bottom: 0; padding: 70px 40px 35px; color:#fff; transition:.2s ease;}
.comm_news .comm_hot .txt span{color: #e5a600; display:block;}
.comm_news .comm_hot .txt h2{ font-size: 24px; font-family: gilm; color: #fff; margin:18px 0 5px;}
.comm_news .comm_hot .txt i{ font-size: 20px; display: inline-block; font-weight: bold; transform: rotate(45deg);}
.comm_news .comm_hot:hover .txt{background: linear-gradient( to top,rgba(214,0,15,.8),rgba(214,0,15,0.01));}
.comm_news .comm_n{ width: 31%; padding-bottom:20px; border-bottom:2px solid #dddddd; transition:.2s ease;}
.comm_news .comm_n .imgfd{ padding-top: 66.6%; margin-bottom:25px;}
.comm_news .comm_n span{color: #e5a600; display:block;}
.comm_news .comm_n h2{ font-family: gilm; font-size: 22px; line-height: 30px; height: 60px; margin: 15px 0; overflow:hidden;}
.comm_news .comm_n p{ height: 60px; overflow: hidden; margin-bottom: 25px;}
.comm_news .comm_n i{  font-size: 20px; display: inline-block; font-weight: bold; transform: rotate(45deg); color:#333;}
.comm_news .comm_n:hover{ border-color:#d6000f;}
.comm_news .comm_n:hover h2,.comm_news .comm_n:hover i{ color:#d6000f;}
.ny_news_nav{margin: 75px 0 45px;}
.ny_news_nav a{ display: block; width: 180px; text-align: center; line-height: 50px; border-radius: 25px; color: #fff; background: #bbbbbb; margin-right:20px; transition:.2s ease;}
.ny_news_nav a.act,.ny_news_nav a:hover{background:#d6000f;}

.ny_news_list ul li{ width: 32%; margin-right: 2%; float: left; margin-bottom: 45px; border-bottom:2px solid #ddd; padding-bottom:15px;}
.ny_news_list ul li:nth-child(3n){ margin-right:0;}
.ny_news_list ul li .imgfd{ padding-top: 66.6%; margin-bottom: 20px;}
.ny_news_list ul li span.date{ color: #e5a600;}
.ny_news_list ul li h2{ font-size: 22px; line-height: 30px; height: 90px; overflow: hidden; margin: 15px 0; font-family:gilm;}
.ny_news_list ul li i{  font-size: 20px; display: inline-block; font-weight: bold; transform: rotate(45deg); color:#333;}
.ny_news_list ul li:hover{ border-color:#d6000f;}
.ny_news_list ul li:hover h2,.ny_news_list ul li:hover i{ color:#d6000f;}
@media (max-width: 1281px){
    .comm_news .comm_hot .imgfd{ padding-top: 64%;}
}
@media (max-width: 1024px){
    .comm_news{ display: none;}
    .ny_news_nav{ margin-top: 30px;}
    .ny_news_list ul li h2{font-size: 20px;}
}
@media (max-width: 768px){
    .ny_news_list ul li h2{font-size: 18px; line-height: 28px; height: 84px;}
}
@media (max-width: 450px){
    .ny_news_nav{margin: 0 0 25px;}
    .ny_news_nav a{ width: 100%; margin-bottom: 15px; line-height:44px; margin-right:0;}
    .ny_news_list ul li{ width: 49%; margin-right: 2%; margin-bottom:20px;}
    .ny_news_list ul li:nth-child(3n){ margin-right:2%;}
    .ny_news_list ul li:nth-child(2n){ margin-right:0;}
    .ny_news_list ul li .imgfd{ margin-bottom: 10px;}
    .ny_news_list ul li span.date{ font-size: 13px;}
    .ny_news_list ul li h2{font-size: 16px; line-height: 24px; height: 48px; margin-bottom:0;}
    .ny_news_list ul li i{display: none;}
}
.news_det .gilb40{ margin-bottom: 40px;}
.news_info{ padding: 30px 0; border-top: 1px solid #ddd; border-bottom:1px solid #ddd; color:#666; margin-bottom:50px;}
.news_info .share{margin-left: auto;}
.news_info .date{margin-right: 30px;}
.news_info span{ color: #d6000f;}
.page_btn{ padding-top: 35px; border-top: 1px solid #ddd; margin-top:40px; color:#666;}
.page_btn .prev{ margin-right: auto; max-width:50%;}
.page_btn .next{ text-align: right; max-width:50%;}
.page_btn p{ font-size: 18px; margin-bottom: 5px; color:#333;}
.page_btn a:hover{ color: #d6000f;}
.show_content{ overflow: hidden;}
.show_content img{ max-width: 100!important;}

@media (max-width: 450px){
    .news_det .gilb40{margin-bottom: 25px;}
    .news_info{display: block; padding: 15px 0; margin-bottom: 25px;}
    .page_btn{display: block;}
    .page_btn .prev{ max-width: 100%; margin-bottom: 15px;}
    .page_btn .next{ max-width: 100%; text-align:left;}
    .show_posi{padding: 18px 0; font-size: 13px;}
}