@charset "utf-8";
/* CSS Document */
.search_box{ position: fixed; background: #fff; z-index: 10; top: 0; height: 100px; right: 0; width:0; overflow:hidden; transition:.4s ease;} 
.search_box form{ margin-left: auto; width:50%;}
.search_box form input{ line-height: 60px; width: 80%;}
.search_box form input.fl{ border: 1px solid #dfe6ec; padding:0 20px;}
.search_box form input.fr{ width: 20%; color: #fff; text-align: center; cursor:pointer; line-height:62px; background:#da091d url(../images/ss.png) no-repeat center; background-size:34px;}
.search_box .close{ margin-right: auto; margin-left: 80px; font-size:30px; cursor:pointer;}
.search_box .close i{ font-size: 36px;}
.search_box.open{ width: 100%;}
.search_box .close:hover{ color:#d41819;}
.bottom-feed{position: fixed;z-index: 99;right: 0;bottom: 0;}
.bottom-feed .subNavBox{position: relative;padding-top: 50px;}
.bottom-feed .subNavBox .bnavContent{position: absolute;bottom: 60px;left: 0;}
.bottom-feed .subNavBox i{width: 18px;height: 7px;background: url(../images/rtic8.png) no-repeat center;margin-top: 26.5px;}
.bottom-feed .currentDt i{background: url(../images/rtic9.png) no-repeat center;}
.bottom-feed span i{display: block; height: 60px; width: 18px;background: url(../images/rtic06.png) no-repeat center; transition: all 0.3s ease-out; transform: rotate(0deg);float: right;margin-right: 10px;overflow: hidden;}
.bottom-feed span{display: block;width: 280px;height: 60px;background: #c80000;border-top-left-radius: 500px;border-bottom-left-radius: 500px;cursor: pointer;}
.bottom-feed span b{display: inline-block;width: 50px;height: 50px;border-radius: 500px;margin-top: 5px;margin-left: 5px;float: left;background: #fff;overflow: hidden;}
.bottom-feed span p{font-size: 14px;color: #fff;float: left;line-height: 20px;margin-left: 10px;margin-top: 10px;width: 180px;height: 40px;display: block;overflow: hidden;}
.bottom-feed span:hover p,.bottom-feed .feed .sub:hover{font-style: italic;}
.bottom-feed .feed{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);width: 280px;padding: 10px 0;display: block; border-radius:10px;}
.bottom-feed .feed input{width: 90%;margin: 0 5%;border: 1px solid #eee;height: 40px;line-height: 40px;font-size: 12px;text-indent: 10px;margin-bottom: 10px;}
.bottom-feed .feed textarea{width: 90%;margin: 0 5%;border: 1px solid #eee;height: 80px;text-indent: 10px;font-size: 12px;padding: 5px 0;}
.bottom-feed .feed input:hover,.bottom-feed .feed textarea:hover{border: 1px solid #c80000}
.bottom-feed .feed .sub{background: #c80000;color: #fff;cursor: pointer;margin-bottom: 0;margin-top: 5px;border: none;border-radius: 500px;}
.bnavContent{display: none;}
.bottom-feed span b img{transform: translateY(-200px);filter: drop-shadow(#c80000 0 200px);}

.pro_xiala{ position: fixed; width: 100%; left: 0; top: 90px; height:0; overflow:hidden; transition: .3s ease;}
.index_head .nav li.navli:hover .pro_xiala{ height:auto;}
.pro_xiala .xiala_center{background: #fff; padding: 40px 65px; border-radius:16px;}
.pro_xiala .left{ width: 25%;}
.pro_xiala .right{ width: 72%;}
.pro_xiala .left li{ padding: 10px 15px; line-height:15px;}
.pro_xiala .left li h2{ font-size: 18px; line-height: 26px; font-family:mont; max-width: calc(100% - 60px); margin-right: auto;}
.pro_xiala .left li.active{ background:#f5f5f5; color:#da091d; border-radius:8px;}
.pro_xiala .left li.active h2,.pro_xiala .left li.active a{ color: #da091d;}
.pro_xiala .right .list a{ display: block; float: left; width: 24%; margin-right: 1.33%; margin-bottom: 30px; text-align:center;}
.pro_xiala .right .list a:nth-child(4n){ margin-right:0;}
.pro_xiala .right .list a.tcolmore{ background: #f5f5f5; text-align:center; padding:50px 0 40px; border-radius:16px; transition:.3s ease;}
.pro_xiala .right .list a.tcolmore p{ font-family: monsb; font-size: 24px; line-height: 36px; height: 72px; color:#333; margin-bottom:25px;}
.pro_xiala .right .list a.tcolmore span{ display: block;font-size: 18px; margin-bottom: 10px; line-height:30px;}
.pro_xiala .right .list a.tcolmore i{ font-size: 26px; line-height:30px; display:block; }
.pro_xiala .right .list .imgfd{ padding-top: 85%; margin-bottom: 15px; border-radius:16px;}
.pro_xiala .right .list p{ height: 27px; overflow: hidden;}
.pro_xiala .right .list a:hover{ color:#da091d;}
.pro_xiala .right .list a.tcolmore:hover{background:#da091d; color: #fff;}
.pro_xiala .right .list a.tcolmore:hover p{ color:#fff;}
.sol_sown{ position: absolute; width: 360px; padding: 25px 30px; border-radius: 16px; background: #fff; top:86px; display:none; transition:.2s ease; height:0; overflow:hidden; transform:translateX(-50%);left:50%;}
.sol_sown h4{ font-size: 20px; font-family: montm; text-transform: uppercase;  padding-bottom: 10px; border-bottom: 1px solid #d9d9d9; line-height:30px;}
.sol_sown a{ line-height: 30px; padding:8px 0; border-bottom:1px dashed #d9d9d9; color:#333;}
.sol_sown a img{ height: 40px; filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(20%);-webkit-filter: brightness(0%) invert(20%);}
.sol_sown a span{ margin-right: auto; display:block; max-width:calc(100% - 50px);}
.sol_sown a:hover{ color:#da091d;}
.sol_sown a:hover img{filter:unset;}
.sol_sown a:last-child{ border:none;}
.index_head .nav li.navli:hover .sol_sown{ display:block; height: auto; }

.nav_down{ position: fixed; width: 100%; top: 90px; left: 0;transform: scaleY(0);opacity: 0; transition: opacity .3s, transform .3s; padding-top:5px;}
.index_head .nav li.navli:hover .nav_down{transform: scaleY(1);opacity: 1}
.nav_down .down_box{ background: #fff; border-radius: 16px; padding: 30px 20px 30px 55px;}
.nav_down .down_box .left{ width: 25%;}
.nav_down .down_box .seccol{ width: 75%; line-height:36px;}
.index_head .nav .seccol ul li{ width: 33.3%; margin:0;}
.index_head .nav .nav_down h2,.index_head .nav .seccol h3{ font-family: monsb;}
.nav_down h2 { font-size: 28px; line-height:36px;}
.nav_down .cmore{ border-color: #b8b8b8; color: #999;}
.nav_down .cmore:hover{ background:#2c4991; color: #fff; border-color:#2c4991;}
.nav_down h2 b{ margin-left: auto; color:#f1f1f1; font-family:monsb; font-size:30px;}
.nav_down .left p{ margin: 15px 0;}
.nav_down .left:hover h2{ color:#da091d;}
.nav_down .left .imgfd{ padding-top: 53%; border-radius: 16px;}
.seccol ul li{ padding: 0 40px; position: relative;}
.seccol ul li:after{ position:absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; background: #e7e7e7; content: ''; height:200px;}
.seccol ul li:last-child:after{ display:none;}
.seccol ul li b{ font-family: monsb; font-size: 30px; color: #efefef;}
.seccol ul li h3{ font-size: 24px; margin: 6px 0 20px;}
.seccol ul li h3 a{ color: #333;}
.seccol ul li:hover h3,.seccol ul li:hover h3 a{ color:#da091d;}
.seccol ul li p{ font-size: 16px; line-height: 24px;}
.seccol ul li .des{ height: 72px;}
.seccol ul li a{ display: block;}
.seccol ul li .smore{ display: inline-block; width: 46px; line-height: 46px; height: 46px; border-radius: 50%; text-align: center; font-size: 24px; border: 1px solid #cfcfcf; margin-top:80px; transition:.2s ease;}
.seccol ul li:hover .smore{ background:#da091d; border-color: #da091d; color:#fff;}

.top_right .lang{ margin-left: 30px; position:relative;}
.top_right i{ font-size: 16px; margin: 0 5px;}
.top_right .lang .lang_list{ position: absolute; left: -20px; background: #fff; padding:5px 10px; top:19px; min-width:120px; display:none;}
.top_right .lang .lang_list a{ margin-bottom: 10px; display:block; font-size:14px;}
.top_right .lang:hover .lang_list{ display:block;}
.index_head.typea:not(.typeanot) .top_right .lang .lang_list a{color: #666;}
.index_head .top_right .lang .lang_list a:hover{ color:#da091d;}
.sy-ban{ width: 100%; overflow: hidden; position: relative;}
.sy-ban .swiper-slide{ position: relative; height: 920px; width: 100%; overflow: hidden;}
.sy-ban .swiper-slide .img-m{ height: 100%; width: 100%; object-fit: cover;}
.ban_about .abban_txt{ position: absolute; text-align: center; width: 68%; left: 16%; top: 180px; color: #fff;}
.ban_about .abban_txt span{ font-size: 18px; display: block;}
.ban_about .abban_txt h3{ font-size: 44px; font-family: montb; color: #fff; margin: 10px 0 20px;}
.ban_about .abban_txt p{ font-size: 18px; line-height: 30px;}
.ban_about .abban_txt .btnbox{ margin-top: 60px; display: inline-flex;}
.ban_about .abban_txt .btnbox .vbtn{ display: inline-block; margin-left: 50px; line-height: 54px;}
.ban_about .abban_txt .btnbox .vbtn i{ font-size: 50px; color: #da091d; display: inherit;}
.ban_about .sy_number{ position: absolute; width: 100%; left: 0; bottom: 0; border-top: 1px solid rgba(255,255,255,.4); padding: 0 4%;  background:rgba(0,0,0,.3);}
.ban_about .sy_number dt{ width: 25%; border-right: 1px solid rgba(255,255,255,.4); padding:25px 0 25px 50px; color: #fff;}
.ban_about .sy_number dt:last-child{ border: none;}
.ban_about .sy_number dt b{ font-size: 60px; line-height: 60px; font-family: montb; display: block; margin-bottom: 15px;}
.ban_about .sy_number dt p{ height: 24px; line-height:24px;}
.ban_about .sy_number dt b sup{ font-size: 48px; line-height: 48px; margin-left: 5px;}
.sy-ban .b-trext{position: absolute; width: 100%; top: 35%; }
.sy-ban .b-trext h3{font-size: 64px; line-height: 90px; color: #fff;display: block; margin-top: 20px; text-transform: uppercase; font-style: italic; font-family: moneb;}
.sy-ban .b-trext h3 span{ display: inline-block; font-family: montm; padding: 0 20px;background: linear-gradient( to right,rgba(218,9,29,1),rgba(218,9,29,.01));}
.sy-ban .b-trext .more_btn{ margin-top: 50px;}
.sy-ban .b-trext p{ color: #fff; font-size: 18px;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ display: none;}

.swiperbtn{ width: 80px; height: 80px; line-height: 80px; text-align: center;border-radius: 50%; font-size: 28px; background: rgba(255,255,255,.4); top: 50%; color: #fff; transition: .3s ease;}
.swiperbtn:hover{background: #da091d; color: #fff;}
.swiperall .swiperbtn{ width: 60px; height: 60px; line-height: 60px; font-size:22px;}
.swiperall .swiperbtn:hover{ color:#fff;}
.sy_item_tit{ margin-bottom: 30px; color: #333;}
.sy_item_tit h3{ font-size: 60px; font-family: moneb; text-transform: uppercase;}
.sy_item_tit h3 span{ color: #da091d;}
.item_top{ margin-bottom: 30px;}
.item_top .sy_item_tit{margin-right: auto; margin-bottom: 0;}

.amore{ display: inline-block; line-height: 54px; border-radius: 27px; font-size: 18px; padding: 0 12px 0 15px; color: #333; position: relative;transition: .2s ease; overflow: hidden;}
.amore i{ margin-right: 25px; color: #fff; font-size: 22px; line-height: 54px;}
.amore.wb span{ color: #fff;}
.amore.on{ color: #fff;}
.amore span{ position: relative; z-index: 2;}
.amore:after{ position: absolute;width: 54px; height: 100%; border-radius: 27px; content: '';background: #da091d;  left: 0; top: 0; transition: .2s ease;z-index: 0}
.amore:hover:after{ width: 100%;}
.amore:hover{color: #fff;}

.sy_product .center{ position: relative;}
.sy_product .item_top{ position: relative; z-index: 4;}
.sy_product .proul{ position: relative; z-index: 2; padding-bottom: 80px;}
.sy_product .proul .picbox{ width: 50%; margin: 0 auto;}
.sy_product .proul .txtbox{ position: absolute; width: 400px; right: 0; bottom: 0; }
.sy_product .proul .txtbox h2{ font-size: 28px; font-family: monsb;}
.sy_product .proul b{ color: rgba(132,132,132,.06); font-size: 60px; line-height: 60px; font-family: montb; position: absolute; top: -50px; left: 50%; transform: translateX(-50%);}
.sy_product .imgfd{ padding-top: 100%; z-index: 2}
.sy_product .proul .txtbox h2{ font-family: monsb; color: #da091d; margin-bottom: 15px;}
.sy_product .proul .txtbox p{ font-size: 18px; margin-bottom: 25px;}
.sy_product .proul .txtbox a{ display: inline-block; font-size: 18px; padding-bottom: 5px;}
.sy_product .proul .txtbox a:hover{ color: #da091d; border-color: #da091d;}
.sy_product .spicul{ position: absolute; left: 0; bottom: 0; z-index: 3}
.sy_product .spicul li{ margin-right: 20px; text-align: center; cursor: pointer;}
.sy_product .spicul li .box{background: #fff; width: 142px; height: 142px; background: #fff; border-radius: 50%; padding: 25px; overflow: hidden; border: 6px solid rgba(218,9,29,.0); margin-bottom: 15px;}
.sy_product .spicul li.active .box{ border-color: #da091d;}

.solpic{ width: 52%;}
.solpic li{ border-radius:32px; overflow: hidden;}
.solpic li .imgfd{ padding-top: 70%;}
.solright { width: 48%;}
.solright ul li{ width: 46%; margin-left: 4%; float: left; padding: 30px 20px 58px; position: relative; margin-bottom: 50px;}
.solright ul li a{ display: block; position: relative; z-index: 3;}
.solright ul li p{ font-family: montm; font-size: 22px; color: #333; height: 30px;}
.solright ul li .icon{ margin: 25px 0 35px;}
.solright ul li .icon img{ filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(30%);-webkit-filter: brightness(0%) invert(30%);}
.solright ul li:after{ position: absolute; top: 0; width: 100%; left: 0; height: 1px; background: #2d2d2d; content: ''; transition: .2s ease; z-index: 2}
.solright ul li:nth-child(n+3){ margin-bottom: 0;}
.solright ul li:hover a,.solright ul li:hover p{ color: #fff;}
.solright ul li:hover:after{ height: 100%; background: #da091d; border-radius: 16px;}
.solright ul li:hover img{ filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}

.news_list ul li{ width: 32%; float: left; margin-right: 2%; float: left; position: relative; border-bottom: 1px solid #252525; padding-bottom: 50px; margin-bottom: 60px;}
.news_list ul li:nth-child(3n){margin-right: 0;}
.news_list ul li:after{ position: absolute;width: 0; transition: .5s ease; left: 0; bottom: -1px; height: 1px; background: #da091d; content: '';}
.news_list ul li .imgfd{ padding-top: 65%; border-radius: 16px; margin-bottom: 40px;}
.news_list ul li .txt{ align-items: flex-end;}
.news_list ul li h2{ font-size: 24px; font-family: monsb; line-height: 36px; height: 72px; margin-bottom: 20px; overflow: hidden;}
.news_list ul li .left{ width: calc(100% - 40px); margin-right: auto;}
.news_list ul li span{ font-size: 30px; transition: .3s ease;}
.news_list ul li:hover h2{ color: #da091d;}
.news_list ul li:hover:after{ width: 100%;}
.news_list ul li:hover span{ transform: rotate(45deg);}
.news_list ul li .txt p i{ display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #c5c5c5; margin: 0 5px;}

.sy_ship{ position: relative; overflow: hidden; width: 100%;}
.sy_ship .top_map{ top: 40px; right: 0; position: absolute;z-index: 3;}
.sy_ship:after{ position: absolute; top: 0; left: 0; height: calc( 100% - 400px); border-top-left-radius: 48px; border-top-right-radius: 48px; content: ''; width: 100%; background: #15171c; z-index: -1}
.sy_ship h3{ color: #fff; font-size: 60px; font-family: montm; text-transform: uppercase;}
.sy_ship h3 span{ color: #da091d; font-family: montb;}
.ship_box{  position: relative;width: 1626px;height: 417px;background-image: url("../images/ship.svg"); background-repeat: no-repeat; background-size: 1626px 417px;background-position: left bottom; margin-top: 20px;}
.ship_line{  width: 100%;position: absolute;top: 590px; height: 8px; background-image: url("../images/wave.svg");background-size: 1920px 10px; background-position: left bottom; z-index: 1;}
.shipdl{ margin: 40px auto;}
.shipdl dt{ margin: 0 auto; text-align: center; color: #fff;}
.shipdl dt .icon{ transition: 3s ease;}
.shipdl dt:hover .icon{ transform: rotateY(-360deg);}
.shipdl dt p{ font-size: 18px; margin-top: 15px;}
.touch_box{ overflow: hidden; border-radius: 16px; box-shadow: 0 0 20px rgba(0,0,0,.15); margin-top:60px; background: #fff;}
.touch_box .pic{ width: 450px; position:relative;}
.touch_box .pic img{ width: 100%; height: 100%; object-fit: cover;}
.touch_form{width: calc(100% - 450px); padding: 70px 45px 0; position:relative; z-index:5;}
.touch_form h3{ color: #333; font-size:50px; font-family:moneb; text-transform:uppercase;}
.touch_form h3 span{ color: #da091d;}
.touch_form p.topp{ font-size: 18px; margin-bottom:40px;}
.touch_form .left,.touch_form .right{ width: 48%;}
.touch_form .left input,.touch_form .right textarea{ line-height: 60px; border-radius: 10px; padding-left: 15px; margin-bottom: 25px; width:100%; border:1px solid #e1e2e6;}
.touch_form .right .c-flex .exp{ width: calc(100% - 150px); margin-right: auto;}
.touch_form .right .c-flex .exp p{ width: calc(100% - 30px); margin-left: auto; font-size:14px; line-height:24px;}
.touch_form .right .c-flex .exp i{ font-size: 18px;}
.touch_form .right .sub{ line-height: 52px; border-radius: 26px; width: 120px; text-align: center; cursor: pointer; color: #fff;  background:#da091d; transition:.3s ease;}
.touch_form .right .sub:hover{ background:#232323;}

.bot_service dt{ margin: 0 auto; text-align: center;}
.bot_service dt a{ color: #333;}
.bot_service dt a h4{font-family: montb; font-size: 24px; margin: 15px 0;}
.bot_service dt p{ display: inline-flex; font-size: 18px;}
.bot_service dt p img{ margin-left: 5px;}
.mainh{ height: 85px;}
.bot_service dt .icon{ transition: 3s ease;}
.bot_service dt:hover .icon{ transform: rotateY(-360deg);}

.index_foot{ padding-top: 80px; background: #232323; border-top-left-radius: 48px; border-top-right-radius: 48px; color: #fff;}
.index_foot .link{ margin-top: 40px;}
.index_foot .link a{ margin-left: 15px; color:#ddd;}
.index_foot .link i{ font-size: 14px; margin-right: 3px;}
.index_foot .link a:hover{ color:#fff;}








@media (max-width: 1600px){
.sy-ban .swiper-slide{height: 850px;}
}

@media (max-width: 1441px){
.ban_about .abban_txt{ width: 78%; left:11%;}
.ban_about .abban_txt h3{font-size: 36px;}
.ban_about .sy_number dt b{font-size: 50px; line-height: 50px;}
.sy_item_tit h3{font-size: 50px;}
.sy_product .proul b{font-size: 150px; line-height: 150px;}
.solright ul li{margin-bottom: 20px; padding-bottom:40px;}
.solright ul li .icon{ margin-bottom: 28px;}
.foot_contact .fcon_item p, .foot_contact .fcon_item a{ font-size: 18px;}
.foot_contact .fcon_item a{font-size: 24px;}
.foot_top .foot_nav a{ font-size: 20px;}
.index_foot{ padding-top: 40px;}
.sy_ship h3{font-size: 50px;}
}

@media (max-width: 1281px){
.index_head .nav li.navli{margin-right: 50px;}
.index_head .logo img{ max-height: 50px;}
.index_head .nav li.navli .tarA a.link{ font-size: 16px;}
.sy-ban .b-trext h3{ font-size: 52px; line-height:80px;}
.ban_about .sy_number{padding: 0 2%;}
.ban_about .sy_number dt{ padding-left: 25px;}
.ban_about .sy_number dt b{margin-bottom: 0;}
.ban_about .sy_number dt p{ height: 48px;}
.sy-ban .swiper-slide{ height: 750px;}
.ban_about .abban_txt p{ font-size: 16px; line-height: 24px;}
.ban_about .abban_txt .btnbox{margin-top: 40px;}
.solright ul li p{ font-size: 20px;}
.solright ul li{padding: 25px 15px;}
.solright ul li .icon{ margin: 20px 0;}
.news_list ul li h2{font-size: 20px; line-height: 30px; height: 60px;}
.news_list ul li .imgfd{margin-bottom: 25px;}
.ship_box{ width: 1200px; height: 300px; background-size: 1200px 350px;}
.ship_line{top: 410px;}
}

@media (max-width: 1024px){
.waph{ height: 54px;}
.sy-ban .swiper-slide{height: 650px;}
.ban_about .abban_txt{ top: 80px;}
.ban_about .sy_number dt b{font-size: 40px; line-height: 40px;}
.ban_about .sy_number dt b sup{font-size: 30px; line-height: 30px;}
.sy_item_tit h3{ font-size: 40px;}
.sy_product .proul b{font-size: 100px; line-height:100px;}
.sy_product .spicul,.sy_product .proul .txtbox{position: unset;}
.sy_product .proul .txtbox{ width:100%; text-align:center;}
.sy_product .spicul li{margin: 0 auto;}
.sy_product .proul{padding-bottom: 40px;}
.solright ul li p{font-size: 18px;}
.solright ul li span{ display: none;}
.solright ul li .icon{ margin-bottom: 0;}
.news_list ul li{padding-bottom: 30px;}
.news_list ul li .left p{ font-size: 14px;}
.sy_ship h3{font-size: 36px;}
.sy_ship h3{font-size: 36px;}
.touch_box .pic{ width: 320px;}
.touch_form{ width: calc(100% - 320px); padding:40px 20px 0;}
.touch_form p.topp{font-size: 16px; margin-bottom: 25px;}
.touch_form .left input, .touch_form .right textarea{line-height: 48px; margin-bottom: 18px;}
.bot_service dt a h4{font-size: 20px;}
.bot_service dt p{font-size: 16px;}
.bot_service dt .icon img{ height: 60px;}
.news_list ul li span{font-size: 24px;}
.shipdl dt p{font-size: 16px;}
.index_foot{ padding-top: 0;border-top-left-radius:0;border-top-right-radius:0;}
.right_online{ display:none;}

}
@media (max-width: 768px){
.ban_about .abban_txt h3{font-size: 28px;}
.amore{ font-size: 16px; line-height:40px; padding-left:11px;}
.amore:after{ width:40px; border-radius: 20px;}
.amore i{line-height: 40px; font-size:18px; margin-right:18px;}
.ban_about .abban_txt span{font-size: 16px;}
.ban_about .abban_txt .btnbox{margin-top: 25px;}
.ban_about .sy_number dt{ width: 50%; border-bottom:1px solid rgba(255,255,255,.4);}
.ban_about .sy_number dt{padding: 15px 0 15px 15px;}
.ban_about .sy_number dt:nth-child(2){ border-right:none;}
.sy-ban .b-trext h3{ font-size: 36px; line-height: 44px;}
.sy_item_tit h3{font-size: 30px; font-family: montb;}
.sy_product .proul b{font-size: 60px; line-height: 60px;}
.solpic,.solright{ width: 100%; float: none;}
.solright{margin-top: 25px;}
.solright ul li{ margin: 0 2% 15px;}
.news_list ul li h2{ font-size: 18px; line-height: 26px; height: 52px; margin-bottom:0;}
.news_list ul li .left p{ display:none;}
.news_list ul li .imgfd{margin-bottom: 15px;}
.news_list ul li{ padding-bottom: 20px; margin-bottom: 25px;}
.ship_box{ width: 800px; height: 200px; background-size: 800px 200px;}
.ship_line{ top: 310px;}
.shipdl dt{ width: 50%; margin-bottom: 20px;}
.touch_box .pic{display:none; }
.touch_form{ width: 100%; float: none; padding:30px 20px;}
.touch_form .left, .touch_form .right{ width: 100%; float: none;}
.bot_service{ display: none;}
.mainh{ height: 40px;}
}
@media (max-width: 540px){

}
@media (max-width: 450px){
	.ban_about .abban_txt p{ display: none;}
	.ban_about .abban_txt .btnbox{ display: block; text-align: center;}
	.ban_about .abban_txt .btnbox .amore{ display: none;}
	.ban_about .abban_txt .btnbox .vbtn{margin-left: 0;}
	.sy-ban .swiper-slide{height: 550px;}
	.swiperall .swiperbtn{ width: 40px; height: 40px; line-height: 40px; font-size:18px;}
	.ban_about .sy_number dt b{font-size: 32px; line-height: 32px;}
	.ban_about .sy_number dt b sup{font-size: 24px; line-height: 24px;}
	.ban_about .abban_txt{ width: 84%; left: 8%;}
	.item_top{ display: block;}
	.item_top .sy_item_tit{margin-bottom: 20px;}
	.sy_product .proul b{font-size: 50px; line-height: 50px;}
	.sy_product .proul .picbox{ width: 70%;}
	.sy_product .proul .txtbox h2{ font-size: 22px;}
	.sy_product .proul .txtbox p{ font-size: 16px;}
	.sy_product .spicul li .box{ width: 110px; padding: 20px; height:110px; border-width:4px;}
	.sy_product .proul .txtbox a{ font-size: 16px;}
	.news_list ul li{ width: 100%; float: none;}
	.news_list ul li span{font-size: 20px;}
	.sy_ship .top_map{ width: 100%;}
	.sy_ship .top_map img{ width: 100%;}
	.ship_box{ width: 600px; height: 200px; background-size: 600px 200px;}
	.sy_ship h3{font-size: 32px;}
	.ship_line { top: 320px;}
	.shipdl dt p{height: 48px;}
	.touch_form .right .c-flex{ display: block;}
	.touch_form .right .c-flex .exp{ width: 100%; margin-bottom: 15px;}
	.touch_form .right .sub{ width: 100%; line-height: 44px;}
	.copy{font-size: 12px;}
	.copy .fr{ display: none;}
}

.toph{ height:90px ;}
.nyban{ width: 100%; overflow: hidden; position:relative;}
.nyban img{ width: 100%;}
.nyban .bantxt{ position: absolute; width: 100%; left: 0; top:50%; transform: translateY(-50%); text-align: center; color:#fff;}
.nyban .bantxt a,.nyban .bantxt h3{ color: #fff;}
.nyban .bantxt h3{ font-size: 64px; font-family: montb; color: #fff;}
.pro_nav{ border-bottom: 1px solid #e9e9e9; margin-bottom:70px;}
.pro_nav li{width:20%}

.pro_nav a{ display: block; margin-right: auto; text-align:center; padding-bottom:25px; position:relative; font-size:18px;}
.pro_nav a:last-child{ margin-right:0;}
.pro_nav a img{ filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(20%);-webkit-filter: brightness(0%) invert(20%); height:100px;}
.pro_nav a .icon{ margin-bottom: 20px;}
.pro_nav a:hover img,.pro_nav a.act img{filter:none;}
.pro_nav a:hover,.pro_nav a.act{ color:#da091d;}
.pro_nav a:after{ position:absolute; width: 0; height: 2px; content: ''; background: #da091d; left: 0; bottom: -1px; transition:.2s ease;}
.pro_nav a:hover:after,.pro_nav a.act:after{ width:100%;}

.ny_pro_list ul li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 40px;}
.ny_pro_list ul li:nth-child(3n){ margin-right:0;}
.proitem{ border-radius:16px; border:1px solid #e9e9e9; padding:26px;}

.proitem .imgfd{ padding-top: 75%; border-radius:12px;}
.proitem .tit{ padding: 25px 0; border-bottom: 1px solid #dfdfdf; text-align:center;}
.proitem .tit h2{ font-size: 26px; font-family: monsb; line-height:30px; height:120px; margin-bottom:10px; overflow:hidden;}
.proitem .tit p{ font-size: 20px; height:30px; overflow:hidden;}
.proitem .para p{ margin-top: 15px; height:30px;}
.proitem .para p span{ margin-right: auto;}
.proitem .para{margin-bottom: 30px;}
.proitem a.more{ color:#333;}
.proitem a.fr{ color: #da091d; text-transform:uppercase;}
.proitem a i{ margin-left: 3px;}
.proitem:hover h2{ color:#da091d;}
.proitem:hover a.more:hover{ color:#da091d;}

@media (max-width: 1441px){
    .pro_xiala .xiala_center{padding: 25px 35px;}
    .pro_xiala .left li h2{max-width: calc(100% - 40px);}
}
@media (max-width: 1281px){
    .pro_nav a img{ height: 80px;}
    .pro_nav a{font-size: 16px;}
    .proitem .tit p{font-size: 18px;}
    .pro_xiala .left li h2{ font-size:16px; line-height:24px;}
    .pro_xiala .left li{ padding: 10px;}
    .pro_xiala .xiala_center{padding: 20px;}
    .pro_xiala .right .list a.tcolmore{padding: 35px 0;}
}
@media (max-width: 1024px){
    .proitem{padding: 15px;}
    .proitem .tit h2{font-size: 24px;}
    .nyban .bantxt h3{font-size: 50px;}
    .toph{height: 0;}
    .proitem .para p{font-size: 14px; margin-top: 10px;}
    .proitem .para{ margin-bottom: 20px;}
    .bottom-feed{ display: none;}
}
@media (max-width: 768px){
    .pro_nav a{margin: 0 auto 20px;}
    .pro_nav a:last-child{margin-right:auto;}
    .pro_nav{border-bottom: none; margin-bottom: 25px;}
    .proitem .para{ display: none;}
    .proitem a.fr,.proitem a.more{ display: none;}
    .proitem .tit{ padding: 15px 0 0; border:none;}
    .proitem .tit h2{font-size: 20px; margin-bottom:0;}
    .proitem .tit p{font-size: 16px; line-height:24px; height:48px;}
}
@media (max-width: 450px){
    .pro_nav li {
    width: 100%;
}
.c-flex {
    display: flex;
    flex-wrap: revert;
    align-items: center;
}
    .pro_nav a{ width:100%; background:#f6f6f6; padding:20px 10px;}
    .pro_nav a p{ height: 48px;}
    .pro_nav a img{height: 60px;}
    .pro_nav a .icon{margin-bottom: 10px;}
    .proitem .tit h2{ font-size: 18px; font-family: monsb; line-height:24px; height:auto; margin-bottom:10px;}
    .ny_pro_list ul li{ width: 100%; float:none;}
    .nyban{ height: 280px;}
    .nyban img{ width: 100%; height: 100%; object-fit: cover;}
    .nyban .bantxt h3{font-size: 36px;}
    .pro_nav a:last-child{ margin-left:2.5%;}
    .proitem{padding: 8px;}
    .proitem .tit p{ display:none;}
}
.posi{ padding: 35px 0; text-transform:uppercase;}
.posi a:last-child{ color:#da091d;}
.proshow_top{ padding-bottom: 80px;background:url(../images/mapbg_06.png) no-repeat right center;}
.proshow_top .pic{ width: 48%;}
.proshow_top .pic .imgfd{ padding-top: 75%;}
.proshow_top .txt{ width: 48%; padding-top:35px;}
.proshow_top .pic .bigswiper,.proshow_top .pic .smallswiper{ overflow: hidden; position:relative;}
.proshow_top .pic .bigswiper{ border-radius:32px;}
.proshow_top .pic .smallswiper{ margin-top: 25px;}
.proshow_top .pic .smallswiper li{padding: 8px; border-radius: 8px; border: 1px solid #e1e1e1;}
.proshow_top .pic .smallswiper li .imgfd{ border-radius: 8px;}
.proshow_top .pic .smallswiper li.swiper-slide-thumb-active{border-color: #da091d;}
.proshow_top .txt h1{ font-size: 40px; font-family: montb; line-height: 60px; padding:5px 0 25px; position: relative; border-bottom:1px solid #d8d8d8;} 
.proshow_top .txt .des{margin: 30px 0 0; font-size:18px; }
.proshow_top .txt .propara{margin: 30px 0;}
.proshow_top .txt .propara dt{ width: 28%; margin-right:4%; border-right:1px solid #d4d4d4;}
.proshow_top .txt .propara dt:last-child{ width:36%; margin-right:0; border:none;}
.proshow_top .txt .propara dt h4{ font-size: 20px; font-family: monsb; margin-bottom: 10px;}
.proshow_top .txt .cbtn{ width: 310px; text-align: center; line-height: 54px; border-radius: 27px; overflow: hidden; background: #353535; color:#fff; transition:.2s ease; font-family:montm; font-size:18px;}
.proshow_top .txt .cbtn i{ margin-left: 5px; opacity: .9;}
.proshow_top .txt .cbtn:hover{background:#da091d;}
.proshow_top .txt .cirbtn{ line-height: 54px; height: 50px; border-radius: 27px; border: 2px solid #353535; display:inline-block; text-align:center; margin-left:15px; font-size:0; color:#333; transition:.2s ease;}
.proshow_top .txt .cirbtn i{ font-size: 22px; display: inline-block; line-height: 50px; width:46px;}
.proshow_top .txt .cirbtn span{ font-size:18px; line-height:50px; padding:0 10px 0 0; display:none;}
.proshow_top .txt .cirbtn:hover{ border-color:#da091d; color:#da091d;}
.proshow_top .txt .cirbtn:hover span{ display: inline-block;}
.proshow_top .txt .follow{margin-top: 30px;}
.proshow_top .txt .follow p{ margin-bottom: 5px; font-size:18px;}

.mb48{ font-size: 48px; font-family: montb; margin-bottom:40px;}
.pro_det .mb48{ text-align: center; padding-bottom:20px; position:relative;}
.pro_det .mb48:after{ position:absolute; left: 50%; bottom: 0; height: 4px; width: 150px; transform: translateX(-50%); content: ''; background: #da091d;}
.tabtit { line-height: 72px; border-radius: 36px; background: #f1f1f1;}
.tabtit li{ width: 33.3%; text-align:center; font-size:20px; font-family:montb; color:#333;}
.tabtit li i{font-size: 24px; font-weight: bold; margin-right: 5px;}
.tabtit li.active{ background: #da091d; color: #fff; border-radius: 36px;}
.detshow{ padding: 60px 0;}
.detshow table{ width: 100%;}
.detshow table td{ padding: 20px 0 20px 50px; line-height:30px; border-color:#e6e6e6;vertical-align: middle;}
.detshow table tr:first-child{ background:#d71518; color:#fff;}

.msg_left{ width: 45%;}
.msg_left h3{ font-size: 36px; font-family: montb;}
.msg_left p{ margin: 20px 0 35px;}
.msg_left p a{ color: #da091d; text-decoration:underline;}
.msg_left dt{ padding-left: 33px; margin-bottom: 15px; background: url(../images/gou_03.png) no-repeat left center; line-height:25px;}
.msg_right{ width: 50%;}
.msg_right input,.msg_right textarea{ width:100%; line-height: 52px; border-radius: 8px; border: 1px solid #e6ebed; padding-left: 15px; margin-bottom: 30px;}
.msg_right input.fl{ width:49%;margin-right: 2%;}
.msg_right input.fl:nth-child(2n){ margin-right:0;}
.msg_right textarea{ width: 100%;}
.msgexp{ margin: 15px 0 35px; font-size:14px;}
.msgexp span{ display: inline-block; width: calc(100% - 30px); margin-left:auto;}
.msgexp img{ margin-right: 5px;}
.msg_right .sub{ width: 100%; color: #fff; text-align: center; cursor: pointer; transition:.2s ease; padding-left:30px;background:#da091d url(../images/mail_07.png) no-repeat 45% center;}
.msg_right .sub:hover{ background:#c30416 url(../images/mail_07.png) no-repeat 45% center;}
.msg_tel{margin-top: 60px;}
.msg_tel .icon i{ display:block; line-height: 50px; width: 50px; color: #fff; border-radius: 50%; background: #da091d; font-size: 26px; text-align:center; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%);}
.msg_tel .icon{ width: 102px; height: 102px; margin-right: 10px; position:relative;}
.msg_tel .icon:after{ position:absolute; left: 0; top: 0;width: 100%; height: 100%; border-radius: 50%; border: 1px solid rgba(215,21,24,.07); content:'';}
.msg_tel .icon:before{ position:absolute; width: 70px; height: 70px; top: 16px; left: 16px; border-radius: 50%; border: 1px solid rgba(215,21,24,.2); content:'';}
.msg_tel span{ display: block; font-size: 18px; text-transform:uppercase;}
.msg_tel b{ font-family: monsb; font-size: 30px; margin-top:10px;}

.page_btn{ margin-top: 40px; align-items: flex-start; padding-top:40px; border-top:1px solid #d8e1e4;}
.page_btn span{ display: inline-block; line-height: 20px;}
.page_btn .back{ display: inline-block; margin: 0 auto; line-height: 46px; border: 1px solid #b1b1b1; border-radius: 25px; padding: 0 20px; text-transform: uppercase;}
.page_btn .back i{ margin-left: 10px;}
.page_btn .back:hover{background: #da091d; border-color: #da091d; color: #fff;}
.page_btn .next{ text-align: right;}
.page_btn i{ font-size: 14px;}
.page_btn .next i{ margin-left: 10px; font-size:14px;}
.page_btn .prev i{margin-right: 10px; font-size:14px;}
.page_btn .next:hover a,.page_btn .prev:hover a{ color: #da091d;}
.page_btn .prev,.page_btn .next{ width:40%;}
.page_btn span{ display: block; margin-bottom:15px;}
.rel_pro .mb48{ position: relative; padding-bottom:15px; text-align:center;}
.rel_pro .mb48:after{ position:absolute; left: 50%; transform: translateX(-50%); content: ''; background: #da091d; width: 150px; bottom:0; height:4px;}
.relswiper{position: relative; padding-bottom: 50px; overflow:hidden;}
.relswiper .swiper-pagination-bullet{ width: 40px; height: 3px; border-radius: 0;}
.relswiper .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #da091d;}
.swiper-pagination-bullet:focus{ outline:0;}
.relswiper .proitem .tit h2{ font-size: 24px;}
.relswiper .proitem .tit p{ font-size: 16px; color: #da091d;}

@media (max-width: 1441px){
    .proshow_top .txt{ padding-top: 0px;}
    .proshow_top .txt h1{ padding: 0 0 15px; font-size:36px; line-height:50px;}
    .proshow_top .txt .des{ font-size: 16px; line-height: 24px;}
    
}
@media (max-width: 1024px){
    .proshow_top .pic{ width: 100%; float: none; margin-bottom: 25px;}
    .proshow_top .txt{ width: 100%; float: none;}
    .tabtit{line-height: 56px;}
    .tabtit li{font-size: 18px;}
    .detshow table td{padding: 10px 0 10px 15px;}
    .mb48{ font-size: 36px; margin-bottom: 30px;}
    .tabtit li i{ display: none;}
    .msg_left h3{font-size: 30px;}
    .msg_tel .icon{ width: 70px; height: 70px;}
    .msg_tel .icon:before{ width:74%; height: 74%; left:13%; top:13%;}
    .msg_tel .icon i{ width: 40px; line-height: 40px; font-size: 20px;}
    .msg_tel span{font-size: 16px;}
    .msg_tel b{font-size: 24px;}
}
@media (max-width: 450px){
    .posi{ padding: 15px 0; font-size: 12px;}
    .posi p{ font-size: 12px;}
    .proshow_top .pic .bigswiper{border-radius: 16px;}
    .proshow_top .pic .smallswiper{ margin-top: 15px;}
    .proshow_top .pic .smallswiper li{padding: 4px;}
    .proshow_top .txt h1{font-size: 28px; line-height: 36px;}
    .proshow_top .txt .propara dt{ width: 100%; padding-bottom:10px; margin-bottom:10px; border-right:none; border-bottom:1px solid #d4d4d4;}
    .proshow_top .txt .propara dt:last-child{ width:100%;}
    .proshow_top .txt .cbtn{ width: 230px;}
    .proshow_top .txt .cirbtn:hover span{ display: none;}
    .tabtit ul{ display: block;}
    .tabtit li{ width: 100%;}
    .detshow{padding: 30px 0;}
    .msg_left{ width: 100%; float: none;}
    .msg_right{ width: 100%; float: none; margin-top:25px;}
    .msg_tel{margin-top: 25px;}
    .msg_right input, .msg_right textarea{ line-height: 40px; margin-bottom: 15px;}
    .msg_right input.fl{ width: 100%;}
    .msgexp{margin: 0 0 20px;}
    .mb48{font-size: 30px; margin-bottom: 25px;}
    .msg_right .sub{ background-position: 40% center;}
    .page_btn{ padding-top: 25px; margin-top: 0; display:block;}
    .page_btn .back{ display: none;}
    .page_btn .prev, .page_btn .next{ width: 100%;}
    .page_btn .next{ text-align: left; margin-top: 15px;}
    .relswiper .proitem .tit h2{font-size: 18px;}
    .relswiper .proitem .tit p{font-size: 14px;}
    .relswiper .swiper-pagination-bullet{ width: 28px;}
    .proshow_top{ padding-bottom: 40px;}
    .proshow_top .txt .des{ margin-top: 20px;}
}
.solcol .tit{ width:70%; margin:0 auto 40px; text-align: center;}
.solcol .tit .mb48{ margin-bottom: 24px;}
.solcol .tit p{font-size: 18px;}
.solcol li{ position: relative; height:600px; width:17%; margin-right:1%; float:left; transition:.2s ease; border-radius:32px; overflow:hidden;}
.solcol li.active{ width: 46%;}
.solcol li:last-child{ margin-right:0;}
.solcol li .imgfdd{ height: 100%;}
.solcol li img.cultimg{ height: 100%; width: 100%; object-fit: cover;}
.solcol li .txt{ position: absolute; width: 100%; left: 0; bottom: 0; padding: 150px 40px 45px; color:#fff;}
.solcol li .txt h4{ font-family: monsb;font-size: 22px; margin-bottom: 15px; color: #fff;}
.solcol li .txt p{ display: none; font-size:18px; line-height:27px;}
.solcol li .txt .left{ width: calc(100% - 100px); margin-right: auto;}
.solcol li .txt .icon img{ width: 70px;filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%); display:none;}
.solcol li.active .txt p{ display: block;}
.solcol li.active .txt .icon img{ display: block;}
.sol_choose .mb48{ text-align: center;}
.cho_ul li{ float: left; width: 32%; margin-right: 2%; border-radius:32px; padding:65px 50px 50px; text-align:center; position:relative; background:#f5f5f5;}
.cho_ul li:nth-child(3){ margin-right:0;}
.cho_ul li .icon{ margin-bottom: 30px;}
.cho_ul li b{ position:absolute; font-family: montb; font-size: 140px; line-height: 120px; color: #ececec; bottom:20px; left:50%; transform:translateX(-50%);}
.cho_ul li p{ font-size: 20px; line-height: 36px; height: 216px; position:relative; z-index:2;}
.cho_ul li:hover{ background:#da091d; color: #fff;}
.cho_ul li:hover img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.cho_ul li:hover b{ color:#cb1316;}
.bottxt{ width: 70%; margin: 50px auto 0; text-align:center;}
.bottxt p{font-size: 24px; line-height: 36px; margin-bottom:30px;}
.bottxt .btn{ display: inline-block; line-height: 52px; padding: 0 30px; border-radius: 27px; border: 1px solid #da091d; color: #da091d; font-size:18px; transition:.2s ease;}
.bottxt .btn:hover{background:#da091d; color: #fff;}
@media (max-width: 1441px){
    .cho_ul li p{font-size: 18px; line-height:30px; height:180px;}
    
}
@media (max-width: 1281px){
    .solcol li{height: 500px; border-radius:16px;}
    .solcol li .txt p{font-size: 16px; line-height: 24px;}
    .solcol li .txt{padding: 100px 25px 30px;}
    .solcol .tit,.bottxt{ width: 80%;}
    .cho_ul li{ padding: 50px 30px;}
}
@media (max-width: 1024px){
    .cho_ul li .icon img{height: 70px;}
    .cho_ul li p{ font-size: 16px; line-height: 24px; height: 192px;}
    .cho_ul li .icon{margin-bottom: 20px;}
    .cho_ul li b{font-size: 100px; line-height: 90px;}
    .bottxt p{font-size: 20px; line-height: 30px;}
}
@media (max-width: 768px){
    .solcol .tit p{font-size: 16px;}
    .solcol .tit, .bottxt{ width: 94%;}
    .solcol li.active{ width: 100%; float: none; margin-bottom:25px;}
    .cho_ul li{ display: flex; align-items: center; flex-wrap: wrap; width:100%; float:none; margin-bottom:20px;}
    .cho_ul li p{ width: calc(100% - 70px); margin-left: auto; height:auto; text-align:left;}
    .cho_ul li .icon{margin-bottom: 0;}
    .cho_ul li b{ left: auto; right: 30px;}
}
@media (max-width: 450px){
    .solcol li{height: 320px;}
    .solcol li.active .txt p{ display: none;}
    .solcol li .txt h4{margin-bottom: 0;}
    .solcol li .txt{padding: 25px 15px;}
    .solcol li.active .txt .icon img{ width: 50px;}
    .solcol li .txt .left{ width: calc(100% - 70px);}
    .cho_ul li{padding: 30px 20px; align-items:flex-start;}
    .cho_ul li .icon img{ height: 50px;}
    .cho_ul li b{font-size: 80px; line-height: 60px; right: 0;}
    .bottxt{ margin-top: 30px;}
    .bottxt p{font-size: 18px; line-height: 27px;}
}
.solban{height: 480px;}
.solban img{ height: 100%; object-fit: cover;}
.sol_top .top_left{ width: 48%;}
.sol_top .top_left li{ padding: 30px 0 20px 35px; border-bottom:1px solid #dce2e5; align-items: flex-start; position:relative; transition:.3s ease;}
.sol_top .top_left li:first-child{ padding-top:0;}
.sol_top .top_left li .box{  margin-right: auto; width:100%;}
.sol_top .top_left li .des{ font-size: 18px; color: #333; height:178px; overflow-y:scroll; margin-top: 30px; display:none; position:relative; z-index:2; padding-right:20px;}
.sol_top .top_left li h2{ font-size: 22px; font-family: monm; margin-right:auto;}
.sol_top .top_left li.on h2{ color: #da091d;}
.sol_top .top_left li.on .des{ display: block;}
.sol_top .top_left li span.open{ display: block; height: 28px; width: 28px; border-radius:50%; border:1px solid #666666; text-align:center;cursor:pointer;}
.sol_top .top_left li span.open i{ font-size: 16px; line-height: 28px;}
.sol_top .top_left li span.open i.jian{ display: none;}
.sol_top .top_left li.on span.open i.jian{ display: block;}
.sol_top .top_left li.on span.open i.jia{ display: none;}
.sol_top .top_left li.on span.open{ border-color: #da091d; color: #da091d;}
.sol_top .top_left li.on{ padding-bottom: 40px;}
.sol_top .top_left li.on:after{ position:absolute; left: 0; top: 0; height: 100%; width: 4px; background: #da091d; content: '';}
.sol_top .imgfdd{ border-radius: 32px; width:48%;}
.sol_top .top_left li .des::-webkit-scrollbar{ width:4px; border-radius:2px;}
.sol_top .top_left li .des::-webkit-scrollbar-track{ background:#f3f3f3;}
.sol_top .top_left li .des::-webkit-scrollbar-thumb{ background:#da091d; border-radius:2px;}
.sol_top .top_left li.on:before{ position:absolute; left: 0; bottom: 0; width: 190px; height: 180px; border-top-right-radius: 180px; content: ''; background: #f9f5f5;}
.sol_det .mb48{ text-align: center; padding-bottom: 20px; position: relative;}
.sol_det .mb48:after{ position:absolute; left: 50%; bottom: 0; transform: translateX(-50%); height: 4px; width: 150px; content:''; background:#da091d;}
.show_content{ width: 100%;overflow: hidden;}
.show_content img{ max-width: 100%!important;}

.solmsg .msg_right input,.solmsg  .msg_right textarea{border: none;}
@media (max-width: 1281px){
    .sol_top .top_left li{ padding: 20px 0 15px 30px;}
    .sol_top .top_left li.on{ padding-bottom: 30px;}
    .sol_top .top_left li .des p{font-size: 16px; line-height: 24px;}
    .sol_top .top_left li .des{ height: 144px;}
}
@media (max-width: 768px){
    .sol_top .top_left{ width: 100%; float: none;}
    .sol_top .imgfdd{ width: 100%; float: none; margin-top: 20px;}
}
@media (max-width: 450px){
    .solban{ height: 400px;}
    .sol_top .top_left li{padding: 15px 0 15px 20px;}
    .sol_top .top_left li .des{ margin-top: 20px;}
    .sol_top .top_left li span.open{ width: 22px; height: 22px;}
    .sol_top .top_left li span.open i{ line-height: 22px; font-size:14px;}
    .sol_top .top_left li h2{font-size: 20px;}
}
.lx_main .mb48{ text-transform: uppercase; margin-bottom:25px;}
.lx_left{ width: 55%;}
.lx_right{ width: 40%;}
.lx_way p{ width: 50%; font-size:18px;}
.lx_way p i{ margin-right: 4px; font-size:18px;}
.lx_way p a{ color: #333;}
.lx_left .follow{ margin: 25px 0 40px;}
.lx_left .follow p{ font-size: 20px; font-family: monsb; font-style: italic; text-transform:uppercase; margin-right:30px;}
.lx_left .follow p span{ color: #da091d;}
.lx_left h4{ font-family: montb; font-size: 30px; text-transform: uppercase; margin-bottom:20px;}
.lx_left .lx_add i{ font-size:18px; margin-right:5px;}
.lx_left .map{ border-radius: 16px; overflow: hidden; margin-top:30px;}
.lx_left .map iframe{ width: 100%;}
.lx_right form{margin-top: 35px;}
.lx_right form input,.lx_right form textarea{ line-height: 54px; padding-left: 15px; border-radius: 8px; border: 1px solid #e6ebed; margin-bottom:10px; width:100%;}
.lx_right .msgexp{ font-size: 14px;}
.lx_right .msgexp span{ display: inline-block; width: calc(100% - 25px); margin-left: 5px;}
.lx_right .msgexp p{ align-items: flex-start; line-height:24px;}
.lx_right .sub{background: #da091d url(../images/mail_07.png) no-repeat 40% center; cursor:pointer; color:#fff; border:none; transition:.2s ease;}
.lx_right .sub:hover{ background:#c10113 url(../images/mail_07.png) no-repeat 40% center;}
@media (max-width: 768px){
    .lx_left{ width: 100%; float: none;}
    .lx_right{ width: 100%; float: none; margin-top: 20px;}
}
@media (max-width: 450px){
    .lx_way p{ width: 100%; margin-bottom: 15px;}
    .lx_left .follow{margin: 20px 0;}
    .lx_main .mb48{ margin-bottom: 20px;}
    .lx_left .follow p{font-size: 18px; margin-right: 15px;}
    .lx_left h4{ font-size: 26px;}
    .lx_left .map{ display:none;}
}
.new_nav{ border-bottom: 1px solid #e5e5e5; margin-bottom:50px;}
.new_nav .mb48{ margin-right: auto; text-transform: uppercase; margin-bottom:0;}
.new_nav .nav_box a{ font-size: 18px; margin-left: 110px; line-height: 110px; display: inline-block; position: relative;}
.new_nav .nav_box a:after{ position:absolute; width:0; height: 2px; background: #da091d; content: ''; transition:.2s ease; left:0; bottom:-1px;}
.new_nav .nav_box a.act,.new_nav .nav_box a:hover{ color:#da091d;}
.new_nav .nav_box a.act:after,.new_nav .nav_box a:hover:after{ width:100%;}
@media (max-width: 1024px){
    .new_nav .nav_box a{ line-height: 80px; margin-left: 80px;}
}
@media (max-width: 768px){
    .new_nav{ display: block;}
    .new_nav .mb48{text-align: center; margin-bottom: 20px;}
    .nav_box{ display: flex; align-items: center;}
    .new_nav .nav_box a{ margin: 0 auto;}
}
@media (max-width: 450px){
    .new_nav .nav_box a{ line-height: 50px; font-size: 16px;}
    .new_nav{ margin-bottom: 25px;}
}
.newshow h1{ font-size: 48px; font-family: montb; line-height: 56px;}
.news_info{ padding: 20px 0; border-top: 1px solid #d8e1e4; border-bottom: 1px solid #d8e1e4; font-size:14px; margin:35px 0 45px;}
.news_info .follow{ margin-left: auto;text-transform:uppercase;}
.news_info p span{ color: #999; margin:0 15px;}
.last_news .mb48{ text-align: center;}
@media (max-width: 1024px){
    .newshow h1{ font-size: 36px; line-height:45px;}
    .news_info{margin: 20px 0;}
}
@media (max-width: 450px){
    .news_info p span{display: block;opacity: 0;height: 10px;}
.news_info p span:nth-child(2){ display:inline-block; opacity:1}
.news_info{ display: block;}
.news_info .follow{ margin-top: 15px;}
.newshow h1{font-size: 28px; line-height: 36px;}
.show_content{ padding-bottom: 25px;}
}
.ab_ban .bantxt{ text-align: left;}
.ab_summ .left{ width: 23%; margin-right: auto;}
.ab_summ .left .mb48{ padding-bottom: 15px; position: relative;}
.ab_summ .left .mb48:after{ position:absolute; left: 0; bottom: 0; height: 3px; width: 100px; content: '';  background: #da091d;}
.ab_summ .right{ width: 70%;}
.ab_summ .right b{ font-size: 22px; font-family: monsb; line-height: 33px; margin-bottom: 20px; display:block; font-weight:normal;}
.ab_summ .right p{ font-size: 18px; line-height: 30px;}
.ny_number dl dt{ width: 23.5%; margin-right: auto; border-radius:16px; overflow:hidden; background:#f8f8f8; padding:40px 45px; position:relative; }
.ny_number dl dt:last-child{ margin-right:0;}
.ny_number{margin: 60px 0;}
.ny_number dl dt span{ display: block; font-size:20px; font-family:montm; line-height:24px; height:24px; }
.ny_number dl dt b{ font-size: 70px; line-height: 70px; height: 70px; display: block; margin: 20px 0 30px; font-family:montb; position:relative; z-index:2;}
.ny_number dl dt p{ line-height: 24px; height: 48px; position:relative; z-index:2;}
.ny_number dl dt:hover{ background:#da091d url(../images/numbg_05.png) no-repeat right bottom; color:#fff;}

.tdbox{ border-radius: 32px; overflow: hidden;}
.tdbox iframe{ width: 100%; height: 600px;}

.ab_strength .tit{ width: 70%; margin: 0 auto 40px; text-align: center;}
.ab_strength .tit .mb48{margin-bottom: 20px;}
.ab_strength .tit p{ font-size: 18px; line-height: 30px;}
.ab_strength{ position: relative; background:url(../images/mapbg_06.png) no-repeat center 50px;}
.ab_strength:after{ position:absolute; width: 100%; top: 0; background: #f6f6f6; content: '';height: 60%; z-index:-1;}
.facswiper{ overflow: hidden; position: relative; margin:60px 0;}
.facswiper .swiper-slide { width:750px;transition-timing-function:linear; position: relative;overflow: hidden;}
.facswiper .swiper-slide .imgfd{ padding-top: 57.5%; border-radius:32px;}
.facswiper .swiperbtn{ border: none; background: rgba(255,255,255,.3); color:#fff; color:#666; width:60px; line-height:60px; height:60px; font-size:24px;}
.facswiper  .swiper-button-prev{ left: 30%;}
.facswiper  .swiper-button-next{ right: 30%;}
.facswiper .swiperbtn:hover{ background:#da091d; color:#fff;}
.ab_control{ background:#f6f6f6 url(../images/mapbg_06.png) no-repeat center 50px;}
.contswiper{ overflow: hidden;}
.ab_control .tit{text-align: center; margin-bottom: 40px;}
.ab_control .tit p{ font-size: 18px; line-height:30px;}
.contswiper .imgfd{ border-radius: 32px;}
.swiperall{ position: relative;}
.ab_control .swiperbtn{ border: 1px solid #d2d2d2; color: #666;}

.ab_world{ position: relative; text-align:center;}
.ab_world .center{ position: relative; z-index: 2;}
.ab_world .tit{ width: 65%; margin: 0 auto 40px;}
.ab_world .tit p{ font-size: 18px; line-height: 30px;}
.ab_world .pic{ position:absolute; width: 65%; top: 180px; left: 50%; transform: translateX(-50%);}
.ab_world .pic img{ width: 100%;}
.ab_world .btnbox{ margin-top: 340px;}
.ab_world .btnbox .cbtn{ display:inline-block; padding: 0 30px; line-height: 52px; border-radius: 27px; border:1px solid #da091d; font-size:18px; margin:0 10px; color:#da091d; transition:.2s ease;}
.ab_world .btnbox .cbtn:first-child{ background:#da091d; color: #fff;}
.ab_world .btnbox .cbtn:hover{background:#da091d; color:#fff;}
.ab_world .btnbox .cbtn:first-child:hover{ box-shadow:0 0 10px rgba(218,9,29,.6);}
@media (max-width: 1600px){
    .ny_number dl dt{ padding: 30px 25px;}
    .ny_number dl dt b{font-size: 60px; line-height: 60px;}
}
@media (max-width: 1441px){
    .ab_summ .left{ width: 26%;}
}
@media (max-width: 1281px){
    .ab_strength .tit{ width: 90%;}
    .ab_world .tit{ width: 80%;}
    .ab_summ{ display: block;}
    .ab_summ .left{ width: 100%; margin-bottom: 30px;}
    .ab_summ .left .mb48{margin-bottom: 20px;}
    .ab_summ .right{ width: 100%;}
}
@media (max-width: 1024px){
    .ny_number dl dt b{font-size: 40px; line-height: 40px; height:40px; margin:15px 0;}
    .ny_number dl dt span{font-size: 18px; height:48px;}
    .ab_world .btnbox{margin-top: 280px;}
}
@media (max-width: 768px){
    .ab_summ .right p{font-size: 16px; line-height: 24px;}
    .ab_summ .right b{font-size: 20px;}
    .ny_number{ margin: 35px 0;}
    .ny_number dl dt{ width: 48%; margin-right: 4%; margin-bottom: 20px;}
    .ny_number dl dt:nth-child(2n){ margin-right:0;}
    .tdbox iframe{height: 400px;}
    .ab_strength .tit p,.ab_control .tit p{ font-size: 16px; line-height: 24px;}
    .facswiper .swiper-slide{ width: 400px;}
    .facswiper .swiper-slide .imgfd{ border-radius: 16px;}
    .ab_world .tit{ width: 90%;}
    .ab_world .btnbox{margin-top: 150px;}
    .ab_world .pic{ width: 90%;}
}
@media (max-width: 450px){
    .ab_summ .right b{font-size: 18px; line-height: 30px;}
    .ny_number dl dt{ width: 100%;}
    .ny_number dl dt span{height: 24px;}
    .ny_number dl dt p{height: auto;}
    .facswiper .swiper-slide{ width: 280px;}
    .facswiper .swiper-button-prev{ left: 10%;}
    .facswiper .swiper-button-next{ right: 10%;}
    .facswiper .swiperbtn{ width: 40px; height: 40px; line-height: 40px; font-size: 20px;}
    .contswiper .imgfd{ border-radius: 16px;}
    .ab_world .tit p{font-size: 16px; line-height: 24px;}
    .ab_world .pic{ width: 100%; top: 220px;}
    .ab_world .btnbox{ margin-top: 100px;}
    .ab_world .btnbox .cbtn{ width: 80%; text-align: center; margin-bottom: 15px; line-height:46px; font-size:16px;}
    .ab_strength .tit p, .ab_control .tit p{font-size: 14px;}
    .facswiper{margin: 30px 0 0;}
    .ab_strength:after{ height:80%;}
}
.year{position: relative; padding:0 5%; text-align:center;}
.year:after{ position:absolute; top: 12px; width: 100%; border-top: 1px dashed #cfcfcf; content: ''; left: 0; height: 1px;}
.year li{cursor: pointer;}
.year i{ display: inline-block; width: 20px; height: 20px; border-radius: 50%; border:1px solid #a7a7a7; position:relative; background:#fff;}
.year i:after{ position:absolute; width: 8px; height: 8px; border-radius: 50%; background: #2d2e31; left: 6px; top: 6px; content:'';}
.year p{margin-top: 5px;}
.year li.swiper-slide-thumb-active{ color: #da091d;}
.year li.swiper-slide-thumb-active i{ border-color: #da091d;}
.year li.swiper-slide-thumb-active i:after{ background:#da091d;}
.ab_history .tit{ width: 90%; margin: 0 auto 40px; text-align: center;}
.ab_history .swiperall{ padding: 0 10%; margin-top:55px; background:url(../images/mapbg_06.png) no-repeat right center;}
.yearswiper{ overflow: hidden;}
.hisswiper{ overflow: hidden;}
.hisswiper .pic{ width: 43%; border-radius: 12px; overflow: hidden;}
.hisswiper .pic .imgfd{padding-top: 64%;}
.hisswiper .txt{ width: 52%; padding-top:30px;}
.hisswiper .txt h4{ font-size: 30px; font-family: montb; padding-bottom: 15px; border-bottom: 1px solid #dadada; margin-bottom: 25px;}
.hisswiper .txt p{ line-height: 24px;direction: ltr;}
.hisswiper .txt .des{ height: 216px; overflow-y: scroll; padding-left:30px;direction: rtl;}
.hisswiper .txt .des::-webkit-scrollbar{ width:4px; border-radius:2px;}
.hisswiper .txt .des::-webkit-scrollbar-track{ background:#ededed;}
.hisswiper .txt .des::-webkit-scrollbar-thumb{ background:#da091d; border-radius:2px;}
.ab_history .swiperall .swiperbtn{ border:1px solid #999999; color:#666; font-size:24px;}
.ab_history .swiperall .swiperbtn:hover{ color:#fff;}
@media (max-width: 1281px){
    .ab_history .swiperall{ padding: 0 7%;}
    .hisswiper .txt{ padding-top: 0;}
}
@media (max-width: 768px){
    .hisswiper .pic{ width: 100%; float: none;}
    .hisswiper .txt{ width: 100%; margin-top: 25px;}
}
@media (max-width: 450px){
    .hisswiper .txt h4{font-size: 24px; margin-bottom:20px;}
}
.ab_value{ text-align: center;}
.ab_value dt{ width:33.3%; padding:0 50px; position:relative;}
.ab_value dt:after{ position:absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 160px; background: #dedede; content:'';}
.ab_value dt:last-child:after{ display:none;}
.ab_value dt .icon{ display:inline-block;width: 140px; height: 140px; position: relative; border-radius:50%; background:#f6f6f6; margin-bottom:35px; transition:.2s ease;}
.ab_value dt .icon img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition:.2s ease;}
.ab_value dt h4{ font-family: monsb; font-size: 24px; margin-bottom: 15px;}
.ab_value dt p{ line-height: 24px; height: 72px;}
.ab_value dt:hover .icon{ background:#da091d;}
.ab_value dt:hover .icon img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
@media (max-width: 1024px){
    .ab_value dt{ padding: 0 25px;}
}
@media (max-width: 450px){
    .ab_value dl{ display: block;}
    .ab_value dt{ width: 100%; display:flex; align-items:center; flex-wrap:wrap; padding:15px 0;}
    .ab_value dt:after{ top:auto; width:100%; left: 0; bottom: 0; height:1px; transform: translateY(0);}
    .ab_value dt .icon{ width: 60px; height: 60px; margin-bottom: 0;}
    .ab_value dt .icon img{ height: 34px;}
    .ab_value dt .txt{ width: calc(100% - 80px); margin-left: auto; text-align:left;}
    .ab_value dt p{height: auto;}
    .ab_value dt h4{margin-bottom: 5px;}
}
.ab_cert .tit{ width: 80%; margin: 0 auto 40px; text-align: center;}
.ab_cert .tit p{ font-size: 18px; line-height: 30px;}

.cert_list li{ width: 24%; margin-right: 1.33%; float: left; margin-bottom:25px; background:#fff; padding:40px 60px; text-align:center; border-radius:16px;}
.cert_list li:nth-child(4n){ margin-right:0;}
.cert_list li .imgfd{ padding-top: 134%; margin-bottom:15px;}
.cert_list li p{ font-size: 18px; line-height: 30px; height: 30px; overflow: hidden;}
@media (max-width: 1281px){
    .cert_list li{ padding: 30px 40px;}
}
@media (max-width: 1024px){
    .cert_list li{ padding: 25px 20px;}
}
@media (max-width: 768px){
    .ab_cert .tit{ width: 96%;}
    .ab_cert .tit p{ font-size: 16px; line-height: 24px;}
    .cert_list li{ width: 49%; margin-right: 2%;}
    .cert_list li:nth-child(2n){ margin-right:0;}
}
@media (max-width: 450px){
    .cert_list li{ padding: 20px 15px;}
    .cert_list li .imgfd{margin-bottom: 5px;}
    .cert_list li p{font-size: 16px; line-height: 24px; height: 48px;}
}


.info_pro3 .compare-basket{ width: 1600px!important; left:50%; margin-left:-800px; overflow:hidden; display:flex; align-items:center;}
.info_pro3 .product-icon{ width: 24%; background: #fff; display: flex; align-items: center; flex-wrap: wrap; position:relative; margin-right:1.5%; float:left;}
.info_pro3 .product-icon .product__image{max-height: 70px;}
.info_pro3 .action--remove{ top: 28px; right: 10px;}
.info_pro3 .product-icon .product__title{ font-size: 16px; width: calc(100% - 120px); margin-left:10px;}
.view--compare + .compare .action--close i{ font-size: 40px; color: #333; }
.view--compare + .compare .action--close i:hover{ color:#da091d;}
.info_pro3 .compare-basket .action--compare{ line-height: 50px;  display: inline-block; margin-left: auto; padding: 0 25px; border-radius: 25px; background: #da091d; color:#fff;}
.grid .extra{ display: none;}
.compare__effect{padding: 40px 10% 0;}
.compare__effect .txt{ display: none;}
.compare__effect .product__region{margin-top: 30px;}
.compare__effect .product__region h2{ font-size: 28px;color: #da091d; font-family: montb; margin-bottom:35px;}