@import "iconfont.css";
@font-face {
  font-family: 'NotoSans';
  src: url('../shou/notosans-webfont.eot');
  src: url('../shou/notosans-webfont.eot?#iefix') format('embedded-opentype'),
    url('../shou/notosans-webfont.woff2') format('woff2'),
    url('../shou/notosans-webfont.woff') format('woff'),
    url('../shou/notosans-webfont.ttf') format('truetype'),
    url('../shou/notosans-webfont.svg#noto_sansregular') format('svg');
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'NotoSansBlod';
  src: url('../shou/notosans-bold-webfont.eot');
  src: url('../shou/notosans-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../shou/notosans-bold-webfont.woff2') format('woff2'),
    url('../shou/notosans-bold-webfont.woff') format('woff'),
    url('../shou/notosans-bold-webfont.ttf') format('truetype'),
    url('../shou/notosans-bold-webfont.svg#noto_sansbold') format('svg');
  font-display: auto;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}

body {font-size: var(--fs14);color: var(--color-default);overflow-x: hidden; font-family: "NotoSans", Arial, sans-serif;}
input,textarea{font-family: "NotoSans";}
/* -- */
.index_tit{font-size: var(--fs32);font-family: NotoSansBlod;text-transform: uppercase;line-height: 1;}
.index_info{font-size: var(--fs16);}
/* header */
.header{position: fixed;left: 0;top: 0; width: 100%;background: #fff;z-index: 999;}
.header_menu > ul > li{position: relative;}
.header_menu > ul > li > a{font-size: var(--fs16);font-family: NotoSansBlod;text-transform: uppercase;line-height: 85px;transition: all .5s;}
.header_menu > ul > li > a:hover,.header_menu > ul > li > a.on{color: #365FB9;border-bottom: 1px solid #365FB9;}
.header_menu > ul > li > ul{display:none;position:absolute;left:50%;top:85px;box-shadow: 0 0 6px 0 rgb(0 0 0 / 10%);background:#fff;width:200px;transform: translateX(-50%);z-index: 2;}
.header_menu > ul > li > ul li{margin:0;position:relative;border-top:1px solid rgba(165,181,191,.5)}
.header_menu > ul > li > ul li a{display:block;font-size:var(--fs16);line-height:1;padding:1em 1.5em;border:0;color:#5F5D5D;font-weight:normal;text-transform:none}
.header_menu > ul > li > ul li a:hover{background:#365FB9;color: #fff;}
.header_menu > ul > li:hover > ul{display: block;}
.header_search{border-bottom: 1px solid #E1E1E1;padding: 8px 0;}
.header_search input{width: calc(100% - 32px);padding: 0 15px;border: 0;}
.header_search button{width: 32px;border: 0;background: none;text-align: left;}
.header_lg{position: relative;}
.header_lg .nf{display: flex;align-items: center;justify-content: center; height:32px;border: 1px solid #E1E1E1;}
.header_lg .nf span{padding: 0 5px;font-size: var(--fs12);text-transform: uppercase;}
.header_lg .lg_list{display: none; position: absolute;left: 0;top: 31px;width: 100%; background: #fff;border: 1px solid #E1E1E1;border-top: 0;}
.header_lg .lg_list a{padding-left: 5px;font-size: var(--fs12);display: flex;align-items: center;height:32px;border-top: 1px solid #E1E1E1;}
.header_lg .lg_list a img{margin-right: 5px;}
.header_lg .lg_list a:hover{color: #365FB9;}
.header_lg:hover .lg_list{display: block;}
.header_fix{ box-shadow: 0 3px 7px 0 rgb(174 173 173 / 35%);}
.header_fix .header_menu > ul > li > a{line-height: 55px;}
.header_fix .header_menu > ul > li > ul{top: 55px;}
.bannerindex,.bannerin{margin-top: 85px;}
/* footer */
.footer{background: #181818;}
.footer_top{color: #fff;}
.f_txt{line-height: 1.8;}
.f_subs{display: flex;justify-content: space-between;}
.f_subs input{width: calc(100% - 190px);border: 0;border-bottom: 1px solid rgba(255, 255, 255, .3);background: none;color: #fff;}
.f_subs button{display: flex;align-items: center;justify-content: center; width: 173px;height: 46px;color: #fff; background: #365FB9;border: 0;text-transform: uppercase;}
.f_subs button:hover{opacity: .7;}
.foot_menu{display: flex;}
.foot_menu dl{flex: 1;}
.foot_menu dt{font-size: var(--fs18);padding-bottom: 25px;border-bottom: 2px solid rgba(255, 255, 255, .5);position: relative;}
.foot_menu dt::before{content: '';position: absolute;left: 0;bottom: -2px;width: 37px;height: 2px;background: #365FB9;}
.foot_menu dd{margin-top: 40px;}
.foot_menu dd a,.foot_menu dd p{display: block;padding-left: 20px;position: relative;background: url(../shou/right.png) no-repeat left center;margin-top: 20px;}
.foot_menu dd a:hover{color: #365FB9;}
.foot_menu dd p{background: none;padding-left: 25px;opacity: .8;}
.foot_menu dd p img{position: absolute;left: 0; top: 5px;}
.footer_fot{font-weight: 400;color: #E1E1E1; border-top: 1px solid rgba(255, 255, 255, .3);}
.footer_fot .foot_ols a{margin-left: 20px;}
.footer_fot .foot_ols a:first-child{margin: 0;}
.footer_fix{position: fixed;right: 20px;top: 50%;z-index: 9;}
.footer_fix a{display: block;text-align: center;line-height: 48px; width: 48px;height: 48px;background: rgba(184, 24, 48, .75);box-shadow: 1px 2px 7px 0px rgba(14, 4, 9, 0.45);border-radius: 6px; margin-top: 10px;}
.footer_fix .foot_return{display: none;}
.footer_fix a img{vertical-align: middle;}
.footer_fix a:hover{background: #365FB9;}

/* bannerindex */
.bannerindex {position: relative;overflow: hidden;}
.bannerindex .swiper_txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;color: #fff;opacity: 0; transform: translate(100px, 0);transition: all 1s;}
.bannerindex .swiper_txt .tit{font-size: var(--fs48);font-family: NotoSansBlod;line-height: 1;}
.bannerindex .swiper_txt .txt{font-size: var(--fs20);}
.bannerindex .swiper_txt .more a{display: flex;align-items: center;justify-content: center; width: 173px;height: 48px;background: #365FB9;color: #fff;font-size: var(--fs16); border-radius: 4px;text-transform: uppercase;}
.bannerindex .swiper_txt .more a:hover{opacity: .7;}
.bannerindex .swiper-slide-active .swiper_txt{opacity: 1;transform: translate(0, 0);}
.bannerindex .swiper-pagination{bottom: 50px;width: 100%;}
.bannerindex .swiper-pagination .container{text-align: left;}
.bannerindex .swiper-pagination span{width: 60px;height: 4px;background: #fff;border-radius:0;margin-right: 10px;}

/* index */
.pro_li .name a{display: block;font-size: var(--fs20);text-align: center;margin-top: 20px;}
.pro_li:hover .name a,.pro_li .name a:hover{color: #666; }
.index_product .more a{display: flex;align-items: center;justify-content: center; width: 173px;height: 48px;background: #365FB9;color: #fff;font-size: var(--fs16); border-radius: 4px;text-transform: uppercase;}
.index_product .more a:hover{opacity: .7;}

.index_why{color: #fff; background-position: center top;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}
.index_why .num{font-size: var(--fs36);font-family: NotoSansBlod;}
.index_why .txt{font-size: var(--fs18);}
.index_why .more{display: flex;}
.index_why .more a{display: flex;align-items: center; font-size: var(--fs18);text-transform: uppercase; padding-bottom: 9px;border-bottom: 1px solid #fff;}
.index_why .more a img{margin-left: 20px;}
.index_why .more a:hover{opacity: .7;}

.index_cust .cust_li{position: relative;}
.index_cust .cust_li .txt{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;padding: 30px; display: flex;flex-direction: column;align-items: center;justify-content: space-between; color: #fff; background: rgba(0, 0, 0, 0.35);}
.index_cust .cust_li .txt .txt_icon{height: 83px;line-height: 83px;margin-top: 30%;}
.index_cust .cust_li .txt .txt_icon img{vertical-align: middle;}
.index_cust .cust_li .txt .txt_name{font-size: var(--fs20);font-family: NotoSansBlod;}
.index_cust .cust_li .txt .txt_p{display: none; font-size: var(--fs16);text-align: center;}
.index_cust .cust_li:hover .imgHover img{transform: scale(1.1, 1.1);}
.index_cust .cust_li:hover .txt{background: rgba(184, 24, 48, .75);}
.index_cust .cust_li:hover .txt_p{display: block;}
.index_cust .more{display: flex;justify-content: center;}
.index_cust .more a{display: flex;align-items: center;justify-content: center; width: 284px;height: 48px;background: #365FB9;color: #fff;font-size: var(--fs16); border-radius: 4px;text-transform: uppercase;}
.index_cust .more a:hover{opacity: .7;}

.index_cert{background-position: center top;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}
.certImg{position: relative;overflow: hidden;}
.certImg .swiper-slide {padding: 7px 0;width: 324px;height: 439px;}
.certImg .swiper-slide a{width:100%;display:block;position: relative;}
.certImg .swiper-slide img {width:100%;display:block;margin: auto;}
.certImg .swiper-slide.swiper-slide-active{z-index: 9;}
.certImg .swiper-slide.swiper-slide-active a::after{content: '';position: absolute;right: 15px;top: 15px;width: 33px;height: 33px;background: url(../shou/index_cert_icon.png) no-repeat 0 0;}
.swiper-cert-prev,.swiper-cert-next{position: absolute;top: 50%; width: 43px;height: 43px;text-align: center;background: rgba(184, 24, 48, .8);border-radius: 3px;z-index: 9;}
.swiper-cert-prev{left: 0;}
.swiper-cert-next{right: 0;}
.swiper-cert-prev:hover,.swiper-cert-next:hover{background: #365FB9;}

.index_news .txt{padding-top: 2rem;}
.index_news .txt_time{color: #666;}
.index_news .txt_name a{display: block;font-size: var(--fs20);font-family: NotoSansBlod;margin-top: 20px;text-transform: uppercase;padding-bottom: 2rem; border-bottom: 3px solid transparent;}
.index_news .more{display: flex;justify-content: center;}
.index_news .more a{display: flex;align-items: center;justify-content: center; width: 284px;height: 48px;background: #365FB9;color: #fff;font-size: var(--fs16); border-radius: 4px;text-transform: uppercase;}
.index_news .more a:hover{opacity: .7;}
.index_news .new_li:hover .txt_name a,.index_news .new_li .txt_name a:hover{color: #365FB9;border-color:  #365FB9;}

/* bannerin */
.bannerin{position: relative;}
.bannerin .ban_txt{color: #fff; position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;}
.bannerin .txt_name{font-size: var(--fs44);font-family: NotoSansBlod;line-height: 1;}
.bannerin .txt_nav{font-size: var(--fs20);}
.bannerin .txt_nav span{margin: 0 20px;}


/* goods */
.productlist .cate_tit{font-size: var(--fs16);font-family: NotoSansBlod;line-height: 1;text-transform: uppercase; padding-bottom: 19px; border-bottom: 1px solid #eee;}
.cate_ul dl{padding: 15px 0; border-top: 1px solid #eee;}
.cate_ul dt{font-size: var(--fs16);font-family: NotoSansBlod;line-height: 1;position: relative;}
.cate_ul dt a{display: block;line-height: 30px;}
.cate_ul dt::after{content: '';position: absolute;right: 0;top: 0;width: 30px;height: 30px;background: url('/images/right_goods.png') no-repeat center;}
.cate_ul dd{display: none;padding-left: 10px;}
.cate_ul dd a{display: block;color: #666;padding-top: 15px;}
.cate_ul dd a.on,.cate_ul dd a:hover{color: #365FB9;text-decoration: underline;}
.cate_ul dl:first-child{border: 0;padding-top: 0;}
.cate_ul dl.on dt::after{background-image: url('../shou/right_good_hover.png');}
.cate_ul dl.on dt a{color: #365FB9;}
.cate_ul dl.on dd{display: block;}

.goods_list .pro_li .name a{font-size: var(--fs16);}

.pages{display: flex;align-items: center;justify-content: center;}
.pages a{display: flex;align-items: center;justify-content: center;margin: 0 10px;font-size: var(--fs16);color: #666; width: 28px;height: 28px;border-radius: 3px;}
.pages a.on,.pages a:hover{color: #fff;background: #365FB9;}

/* goods_read */
.read_name{font-size: var(--fs24);color: #365FB9; font-family: NotoSansBlod;line-height: 1;}
.read_txt{font-size: var(--fs16);color: #666;line-height: 1.8;}
.read_inq a{display: flex;align-items: center;justify-content: center;color: #fff; width: 153px;height: 37px;background: #365FB9;}
.read_inq a:hover{opacity: .7;}

.good_read_tab{border-top: 1px solid #F1F1F1;border-bottom: 1px solid #F1F1F1;transition: all .5s;}
.good_read_tab ul{display: flex;justify-content: space-evenly;}
.good_read_tab li{padding: 30px 0;line-height: 1;color: #737373;font-weight: 400;border-bottom: 2px solid transparent;transition: all .5s;}
.good_read_tab li:hover,.good_read_tab li.on{color: #333;border-bottom-color: #365FB9;}
.good_read_tab.good_nav_fix{position: fixed;top: 55px;background: #fff;margin: 0; z-index: 9;}
.good_read_tab.good_nav_fix li{padding: 16px 0;}
.good_view_li{margin-top: 4rem;}
.overView{margin: auto;width: 616px;background: #F8F8F8;overflow: hidden;position: relative;}
.swiper-over-prev,.swiper-over-next{position: absolute;top: 50%; width: 43px;height: 61px;line-height: 61px; text-align: center;background: rgba(184, 24, 48, .8);z-index: 9;}
.swiper-over-prev img,.swiper-over-next img{vertical-align: middle;}
.overView img{width: 100%;}
.overThumbs .swiper-slide{height: 130px;text-align: center;}
/*.overThumbs img{height: 100%;}*/
.swiper-over-prev{left: 0;}
.swiper-over-next{right: 0;}
.swiper-over-prev:hover,.swiper-over-next:hover{background: #365FB9;}
.overThumbs{margin-top: 4rem;overflow: hidden;}
.good_view_li li{font-size: var(--fs18);font-weight: 400; color: #666666;margin-top: 20px;line-height: 1; padding-left: 25px;position: relative;}
.good_view_li li::before{content: '';position: absolute;left: 0;top: 50%;margin-top: -4px; width: 8px;height: 8px;background: #365FB9;transform: rotate(45deg);}
.good_view_li table{width: 100% !important;border-collapse: collapse;border-spacing: 0;border-bottom: 1px solid #E4EAF2;border-right: 1px solid #E4EAF2;}
.good_view_li th,.good_view_li td{padding: 20px 30px;line-height: 1;font-size: var(--fs14);color: #484848;border-left: 1px solid #E4EAF2;border-top: 1px solid #E4EAF2;}
.good_view_li th span,.good_view_li td span{font-weight: bold;color: #365FB9;margin-right: 5px;}
.good_view_li tr td:first-child{background: #F8FAFC;}
.good_img_li{display: flex;align-items: center;justify-content: space-between;padding: 30px; background: #FAFAFA;}
.good_img_li .img{width: 40%;text-align: center;}
.good_img_li .img img{max-width: 100%;}
.good_img_li .txt{counter-reset: main;}
.good_img_li .txt > div{position: relative;padding-left: 35px; font-size: var(--fs14);font-weight: 400;color: #666666;line-height: 32px;}
.good_img_li .txt > div::before{position: absolute;left: 0; counter-increment: main;content: counter(main)'.';margin-right: 20px;}
.good_appli_li{position: relative;}
.good_appli_li .txt{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;display: flex;flex-direction: column; align-items: center;justify-content: flex-end;padding: 30px;font-size: var(--fs20);font-weight: bold;color: #FFFFFF;text-transform: uppercase;}
.good_appli_li .txt_icon{display: none; margin-bottom: 40px;}
.good_appli_li:hover .img img{transform: scale(1.1, 1.1);}
.good_appli_li:hover .txt{justify-content: center;background: rgba(184, 24, 48, .75);}
.good_appli_li:hover .txt_icon{display: block;}
.view_dl{background: #FAFAFA;padding: 40px 40px 0;}
.view_dl .view_tit{font-size: var(--fs22);font-weight: bold;color: #365FB9;text-align: center;}
.view_dl .list dl{padding: 25px 0; border-top: 1px solid #ECECEC;}
.view_dl .list dt{font-size: var(--fs18);text-transform: uppercase; font-family: NotoSansBlod;color: #333333;line-height: 20px;background: url('../shou/view_dl1.png') no-repeat right center;}
.view_dl .list dd{display: none; margin-top: 25px;font-size: var(--fs14);font-weight: 400;color: #666;}
.view_dl .list dd .name{text-align: center;margin-top: 15px;}
.view_dl .list dl.on dt{background-image: url('../shou/view_dl2.png');}
.view_dl .list dl.on dd{display: block;}
.view_form{border: 1px solid #ccc;padding: 40px;}
.view_form .form_tit{font-size: var(--fs26);text-align: center; font-family: NotoSansBlod;color: #333333;text-transform: uppercase;}
.view_form .form_list input,.view_form .form_list textarea{width: 100%;padding: 0 30px; height: 52px;background: #FAFAFA;border: 1px solid #EEEEEE;border-radius: 5px;}
.view_form .form_list textarea{height: 138px;padding: 30px;}
.view_form .form_btn {text-align: center;}
.view_form .form_btn button{width: 189px;height: 45px;border: 0; font-size: var(--fs16);font-weight: bold;color: #FFFFFF;background: #365FB9;}

/* about */
.about_imgs_fot{background: #fafafa;}
.about_imgs .imgHover{border-right: 5px solid #365FB9;}
.about_imgs .flex-row-reverse .imgHover{border-left: 5px solid #365FB9;border-right: 0;}
.about_imgs .tip{font-size: var(--fs16);color: #365FB9;line-height: 1;}
.about_imgs .tit{font-size: var(--fs36);font-family: NotoSansBlod;color: #333333;line-height: 1;}
.about_imgs .txt{font-size: var(--fs16);font-weight: bold;color: #666;line-height: 1.9;}
.about_imgs .txt span{color: #365FB9;}
.about_imgs .more a{display: inline-block;line-height: 49px;padding: 0 50px 0 30px; color: #fff; background: #365FB9;position: relative;}
.about_imgs .more a::after{content: '';width: 7px;height: 11px; position: absolute;right: 30px;top: 50%;margin-top: -5px; background: url('../shou/right2.png') no-repeat 0 0;}
.about_imgs .more a:hover{opacity: .8;}
.qualityindex .about_imgs .imgHover{border-radius: 40px 0 0 0; border: 0;border-bottom: 5px solid #365FB9;}
.qualityindex .about_imgs .flex-row-reverse .imgHover{border-radius: 0 40px 0 0;}

.pagenav{position: fixed;left: 0;bottom: 30px;width: 100%;}
.pagenav ul{text-align: center;}
.pagenav li{display: inline-block;position: relative;}
.pagenav li > span{display: block;opacity: 0; position: absolute; bottom: 20px;left: 50%;width: 200px; transform: translateY(-15px) translateX(-50%);text-align: center;    font-size: 14px;line-height: 1.3;transition: transform .3s ease,opacity .3s ease,visibility .3s ease,-webkit-transform .3s ease}
.pagenav li > span::before{content: '';width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid;position: absolute;left: 50%;bottom: -5px;transform: translate3d(-50%,0,0);}
.pagenav li > span span{display: block; border-radius: 5px; background-color: #252A27;color: #ECE8BB;padding: 20px;}
.pagenav a{display: block;margin: 0 6px; width: 11px;height: 11px;background: #365FB9;opacity: 0.2;border-radius: 50%;}
.pagenav li.on a,.pagenav a:hover{opacity: 1;}
.pagenav li:hover > span{opacity: 1; transform: translateY(0) translateX(-50%);}
.pagenav li:hover > a{opacity: 1;}

/* article */
.news_li{background: #f6f6f6;border: 1px solid #DDDDDD;}
.news_li .txt{padding: 0 50px;font-size: var(--fs16);font-weight: 400;color: #666666;}
.news_li .txt_tit{font-size: var(--fs26);color: #333333;line-height: 1.8;}
.news_li .txt_date{margin-top: 20px;position: relative;padding-left: 35px; line-height: 17px;}
.news_li .txt_date::before{content: '';position: absolute;left: 0;top: 0;width: 17px;height: 17px;background: url('../shou/date.png') no-repeat 0 0;}
.news_li .txt_p{margin-top: 20px;line-height: 2;}
.news_li .txt_more{margin-top: 20px;}
.news_li .txt_more a{display: block;width: 236px;height: 48px;text-align: center;line-height: 48px;text-transform: uppercase; font-family: NotoSansBlod;color:#fff;background: #B81830;border-radius: 4px;}
.news_li .txt_more a:hover{opacity: .8;}

.pages,.pageitem{display: flex;align-items: center;justify-content: center;padding: 20px 0; border-top: 1px solid rgba(233, 233, 233, .75);border-bottom: 1px solid rgba(233, 233, 233, .75);}
.pages a,.pages span{display: block;width: 41px;height: 36px;text-align: center;line-height: 36px; color: #666666;border-radius: 4px}
.pages a.on,.pages a:hover{color: #fff; background: #365FB9;}

.backgo{font-size: var(--fs16);font-weight: bold; color: #999999;padding-left: 25px;background: url('../shou/arrow_left.png') no-repeat left center;}
.backgo:hover{color: #365FB9;background-image: url('../shou/arrow_left_red.png');}
.newsitem .tit{font-size: var(--fs32);font-family: NotoSansBlod;color: #212121;text-align: center;}
.newsitem .date{margin-top: 20px;text-align: center;}
.newsitem .date span{display: inline-block; position: relative;padding-left: 35px; line-height: 17px;}
.newsitem .date span::before{content: '';position: absolute;left: 0;top: 0;width: 17px;height: 17px;background: url('../shou/date.png') no-repeat 0 0;}
.newsitem .cont{border-top: 1px solid #eee;font-size: var(--fs16);font-weight: 400;color: #666666;line-height: 2;}
.newsitem .cont p{line-height: 2;}
.newsitem phbar p{font-weight:bold; }                         
.newsitem phbar p a{font-size: var(--fs18); color: #666;}
                                       
.itemImg{overflow: hidden;}
.itemImg .item-pagination{margin-top: 40px;text-align: center;}
.itemImg .item-pagination span{display: inline-block;width: 9px;height: 9px;margin: 0 10px; background: #ccc;border-radius: 0;opacity: 1;}
.itemImg .item-pagination span.swiper-pagination-bullet-active{background: #365FB9;}

.pageitem{justify-content: space-between;}
.pageitem a{font-size: var(--fs18);font-weight: bold; color: #666;}
.pageitem a:hover{color: #365FB9;}
.pageitem .prev{padding-left: 25px;margin-right: 3rem; background: url('../shou/arrow_left.png') no-repeat left center;}
.pageitem .next{padding-right: 25px;margin-left: 3rem;background: url('../shou/arrow_right.png') no-repeat right center;}
.pageitem a:hover .prev{background-image: url('../shou/arrow_left_red.png');}
.pageitem a:hover .next{background-image: url('../shou/arrow_right_red.png');}

/* solutio */
.solutionindex .tit,.solutionrelated .tit_name{font-size: var(--fs34);font-family: NotoSansBlod;color: #181818;text-align: center;text-transform: uppercase;}
.solution_img{position: relative;}
.solution_img .imgHover{background: #FFFFFF;box-shadow: 4px 6px 26px 0px rgba(223, 223, 223, 0.75);border-radius: 50px;}
.solution_img::before{content: '';position: absolute;left: 0;top: 40px;bottom: 40px;right: 0;background: #f8f8f8;z-index: 1;}
.solution_img .container{position: relative;z-index: 2;}
.solution_img .img_txt{font-size: var(--fs18);font-weight: 400;color: #666666;line-height: 34px;}
.solution_img .txt_t{font-size: 160px;font-family: NotoSansBlod;color: rgba(184, 24, 48, 0.08);line-height: 120px;position: relative;}
.solution_img .txt_t span{position: absolute;left: 0;bottom: 20px;font-size: var(--fs30);font-weight: bold;color: #365FB9;line-height: 1;}
.factoryImg{width: 980px;margin: auto;overflow: hidden;}
.bigSwiper{position: relative;}
.factoryImg .swiper-fact{position: absolute;top: 50%;width: 11px;height: 19px; transform: rotate(0, -50%);background-position: 0 0;background-repeat: no-repeat;z-index: 5;}
.factoryImg .swiper-fact-prev,.factoryImg .swiper-fact-prev.swiper-button-disabled:hover{left: 20px;background-image: url('../shou/swiper_prev.png');}
.factoryImg .swiper-fact-prev:hover{background-image: url('../shou/swiper_prev_red.png');}
.factoryImg .swiper-fact-next,.factoryImg .swiper-fact-next.swiper-button-disabled:hover{right: 20px;background-image: url('../shou/swiper_next.png');}
.factoryImg .swiper-fact-next:hover{background-image: url('../shou/swiper_next_red.png');}
.factoryImg .swiper-button-disabled{opacity: .7;}
.smallSwiper .swiper-slide-thumb-active{opacity: .7;}
.factoryTxt{background: #F8F8F8;padding: 30px;font-size: var(--fs16);font-weight: 400;color: #666666;line-height: 1.8;}
.solutionrelated{background: #F8F8F8;}
.solutionrelated .tit{display: flex;align-items: center;justify-content: space-between;}
.solutionrelated .tit_name{text-transform: none;}
.solutionrelated .tit_swiper{display: flex;align-items: center;}
.solutionrelated .swiper-relat-next{margin-left: 15px;}
.solutionrelated .swiper-relat{width: 45px;height: 45px;border: 1px solid #365FB9; background-position: center;background-repeat: no-repeat;z-index: 5;}
.solutionrelated .swiper-relat:hover{background-color: #365FB9;}
.solutionrelated .swiper-relat-prev,.solutionrelated .swiper-relat-prev.swiper-button-disabled:hover{left: 20px;background-color: transparent; background-image: url('../shou/swiper_prev_red.png');}
.solutionrelated .swiper-relat-prev:hover{background-image: url('../shou/swiper_prev.png');}
.solutionrelated .swiper-relat-next,.solutionrelated .swiper-relat-next.swiper-button-disabled:hover{right: 20px;background-image: url('../shou/swiper_next_red.png');}
.solutionrelated .swiper-relat-next:hover{background-image: url('../shou/swiper_next.png');}
.relatedImg{overflow: hidden;}
.related_li{position: relative;}
.related_li .name{display: none; position: absolute;left: 0;bottom: 0;width: 100%;}
.related_li .name a{display: block;background: rgba(184, 24, 48, .75);color: #fff;font-size: var(--fs18);padding: 20px 0;line-height: 1;text-align: center;}
.related_li .name a::before{content: '+';margin-right: 20px;}
.related_li:hover .name{display: block;}

/* contactindex */
.contacttop{ background: #F8F8F8;font-size: var(--fs18);font-weight: 400;color: #666666;line-height: 1.8;}
.contacttop .tit{font-size: var(--fs30);font-family: NotoSansBlod;color: #333333;}
.contact_li{display: flex;margin-top: 20px;}
.contact_li .txt{margin-left: 40px;padding-top: 25px;font-size: var(--fs18);font-weight: 400;color: #777777;line-height: 1.5;}
.contact_li .txt_t{font-size: var(--fs22);font-family: NotoSansBlod;color: #365FB9;margin-bottom: 15px;}
.contact_li:first-child{margin: 0;}
.contact_form{background: #FFFFFF;padding:30px 50px; box-shadow: 3px 4px 25px 0px rgba(231, 231, 231, 0.75);}
.contact_form .tit{font-size: var(--fs28);font-family: NotoSansBlod;color: #333333;margin-bottom: 40px;}
.contact_form .form_li{margin-bottom: 20px;}
.contact_form .form_li input,.contact_form .form_li textarea{width: 100%;padding: 0 20px; height: 50px;background: #FAFAFA;border: 1px solid #EEEEEE;border-radius: 5px;}
.contact_form .form_li textarea{padding: 20px;height: 166px;}
.contact_form .btn button{display: block;width: 100%;line-height: 50px;text-align: center;font-size: var(--fs16);font-weight: bold;color: #365FB9; background: #FAFAFA;border: 1px solid #EEEEEE;border-radius: 5px;}
.contact_form .btn button.ok{color: #fff; background: #365FB9;margin-top: 20px;}
.contactfot{position: relative;}
.contactfot .fot_txt{position: absolute;left: 0;bottom: 50px;width: 100%;}
.contactfot .fot_list{display: flex;justify-content: space-between; background: rgba(184, 24, 48, 0.75);padding: 0 30px 30px;}
.contactfot .fot_list li{font-size: var(--fs18);font-weight: 400;color: #FFFFFF;margin-top: 30px;}
.contactfot .fot_list li span{display: inline-block;min-width: 112px; border-right: 1px solid #fff;padding-right: 25px; margin-right: 25px;}
.contactfot .fot_list li p{display: inline-block;}

@media (max-width:992px){
  body{
    --fs32: 20px;
    --fs34: 21px;
    --fs36: 22px;
  }
  .header{padding: 10px 0;}
  .bannerindex, .bannerin{margin-top: 60px;}
  .bannerindex img{height: 250px;}
  .bannerin img{height: 150px;}
  .bannerindex .swiper_txt .tit,.bannerin .txt_name{font-size: 22px;}
  .bannerindex .swiper_txt .more a{width: 130px;}
  .bannerindex .swiper-pagination{bottom: 20px;}
  .index_why .more,.good_appli_li,.about_imgs .imgHover,.solution_img .imgHover{margin-bottom: 20px;}
  .row-cols-5>*{width: 50%;}
  .foot_menu{flex-wrap: wrap;}
  .foot_menu dl{margin-top: 20px;flex: 0 0 50%;}
  .foot_menu dl:last-child{flex: 0 0 100%;}
  .footer_fot .foot_ols{text-align: center;margin-top: 20px;}
  .good_read_tab{display: none;}
  .overView,.factoryImg{width: 100%;}
  .good_view_li th, .good_view_li td,.good_img_li,.view_dl,.view_form,.news_li .txt,.contact_form,.contactfot .fot_list{padding: 15px;}
  .good_view_li th span, .good_view_li td span{display: block;margin-bottom: 5px;}
  .good_img_li{display: block;}
  .good_img_li .img{margin: auto; width: 60%; margin-bottom: 20px;}
  .pageitem a span{display: none;}
  .pageitem a span.prev,.pageitem a span.next{display: block;}
  .solution_img .txt_t{font-size: 60px;line-height: 60px;}
  .contactfot .fot_txt{position: unset;}
  .contactfot .fot_list,.contactfot .fot_list li span{display: block;border: 0;}
}
                         
.blogitem .tit{font-size: var(--fs32);font-family: NotoSansBlod;color: #212121;text-align: center;}
.blogitem .date{margin-top: 20px;text-align: center;}
.blogitem .date span{display: inline-block; position: relative;padding-left: 35px; line-height: 17px;}
;}
  .header_menu > ul > li > a{text-transform: none;}
}







.g-hwys { padding-top: 48px; }

.g-hwys .box-title { margin-bottom: 17px; }

.g-hwys .box-desc a { margin: 0 auto; display: block; max-width: 853px; line-height: 30px; max-height: 90px; font-size: 14px; font-size: 1.4rem; color: #555; text-align: center; overflow: hidden; }

.g-hwys .box-desc a:hover { color: #1f2289; }

.g-hwys .box-link { margin-top: 24px; margin-left: auto; margin-right: auto; display: block; max-width: 132px; padding: 10px 0; line-height: 22px; font-size: 16px; font-size: 1.6rem; color: #fff; text-align: center; background-color: #1f2289; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.g-hwys .box-list { margin-top: 42px; padding-top: 104px; }

.g-hwys .list-item { position: relative; float: left; margin-right: 7.58333%; width: 28.16667%; height: 328px; padding-left: 22px; padding-right: 22px; padding-top: 75px; padding-bottom: 38px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #efefef; }

.g-hwys .list-item:hover { background-color: #365FB9; }

.g-hwys .list-item:hover a { color: white !important; }

.g-hwys .list-item:hover .item-link a { border-color: white; }

.g-hwys .item-img { position: absolute; top: -102px; left: 0; right: 0; margin: 0 auto; width: 100%; max-width: 265px; font-size: 0; line-height: 0; }

.g-hwys .item-font { text-align: center; }

.g-hwys .item-title { line-height: 30px; font-size: 20px; font-size: 2rem; font-family: "OPENSANSSEMIBOLD"; color: #333; }

.g-hwys .item-title a { color: #333;font-size: 25px;
    font-weight: 700; }

.g-hwys .item-desc { margin-top: 16px; }

.g-hwys .item-desc a { display: block; height: 120px; line-height: 30px; font-size: 14px;  color: #555; overflow: hidden; }

.g-hwys .item-link { margin-top: 21px; }

.c-nomr {
    margin-right: 0 !important;
}



.g-hwys .item-link a { display: inline-block; *display: inline; *zoom: 1; line-height: 1; font-size: 18px; font-size: 1.8rem; font-family: "OPENSANSSEMIBOLD"; color: #1f2289; padding-bottom: 6px; border-bottom: 1px solid #1f2289; }

@media screen and (max-width: 1219px) { .g-hwys .list-item { margin-left: 1%; margin-right: 1% !important; width: 31%; } }

@media screen and (max-width: 767px) { .g-hwys { padding-top: 30px 0; }
  .g-hwys .box-link { margin-top: 25px; }
  .g-hwys .box-desc { margin-top: 15px; }
  .g-hwys .list-item { margin-left: 0; margin-right: 0 !important; margin-top: 125px; width: 100%; height: auto; }
  .g-hwys .list-item1 { margin-top: 0; }
  .g-hwys .item-title { font-size: 20px; font-size: 2rem; }
  .g-hwys .item-desc a { height: auto; max-height: 72px; line-height: 24px; } }