@charset "utf-8";
textarea::-webkit-input-placeholder {color: #ddd;}
textarea::-moz-placeholder { color: #ddd;}
textarea:-moz-placeholder { color: #ddd;}
textarea:-ms-input-placeholder { color: #ddd;}

/*banner*/
.banner { position: relative; background: #333; margin: 0 auto; overflow: hidden; clear: both; min-height:627px;}
.banner .bd { position: relative; z-index: 0; }
.banner .bd li img { width: 100%; vertical-align: top; }
.banner .hd { position: absolute; bottom: 40px; width: 100%; height: 2px; cursor: pointer; z-index: 9; font-size: 0; text-align: center; display: block; }
.banner .hd li { display: inline-block; width: 8px; height: 8px; background: #fff; opacity: 0.4; border-radius: 4px; transition: all 0.5s ease; margin: 0 8px; cursor: pointer; font-size: 0; }
.banner .hd li.on { opacity: 1; width: 26px; }
.banner .switch { position: absolute; bottom: 72px; width: 100%; }
.banner .switch .content_big { display: flex; display: -webkit-flex; flex-direction: row-reverse; }
.banner .switch .prev { order: 1; }
.banner .prev,.banner .next,.news_prev,.news_next { width: 55px; height: 55px; background: #ffffff; box-shadow: 0px 9px 59px 0px rgba(51,51,51,0.1); border-radius: 50%; transition: all 0.5s ease; cursor: pointer; margin-left: 15px; }
.banner .prev img,.banner .next img,.news_prev img,.news_next img { width: 55px; }
.banner .prev:hover,.banner .next:hover,.news_prev:hover,.news_next:hover { background: #008AE0; }
.banner .prev:hover img,.banner .next:hover img,.news_prev:hover img,.news_next:hover img { filter: invert(1); }
/*title*/
h2.main_title { text-align: center; position: relative; padding-top: 48px; }
h2.main_title a { display: block; line-height: 0; }
h2.main_title i { display: block; font-size: 106px; line-height: 100%; color: rgba(1,81,202,0.2); font-style: italic; font-weight: normal; position: absolute; font-family: LS; left: 50%; top: 0; white-space: nowrap; letter-spacing: 5px; transform: translateX(-50%); }
h2.main_title strong { display: block; font-size: 42px; line-height: 100%; color: #000012; }
h2.main_title span { display: block; font-weight: normal; font-size: 24px; line-height: 100%; color: #5d6473; margin-top: 20px; }
.product { padding: 112px 0 142px; }
.product h2 a { display: block; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.product h2 em { font-style: normal; }
.product h2 em strong { display: block; font-size: 48px; line-height: 100%; color: #000; font-weight: normal; }
.product h2 em span { display: block; font-size: 24px; line-height: 100%; color: #999; margin-top: 12px; font-weight: normal; }
.product h2 i { display: block; width: 206px; height: 52px; background: #008AE0; border-radius: 26px; margin-top: 18px; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; padding: 0 33px 0 39px; transition: all 0.5s ease; align-items: center; -webkit-align-items: center; box-sizing: border-box; text-transform: uppercase; }
.product h2 i span { font-size: 14px; line-height: 100%; color: #fff; }
.product h2 i img { width: 14px; }
.product h2 i:hover { background: #0071b7; padding: 0 30px 0 33px; }
.pro_con{ margin-top: 60px;}
/* .pro_con .list { display: flex; display: -webkit-flex; justify-content: flex-start; -webkit-justify-content: flex-start; } */
.pro_con dl{ width: 487px;float: left;margin-right: 37px;}
.pro_con dl:last-of-type{margin-right: 0;}
.pro_con dt { overflow: hidden; line-height: 0; }
.pro_con dt img { width: 100%; }
.pro_con dd { height: 195px; background: #D4000F; position: relative; }
.pro_con dd h4 { font-size: 20px; line-height: 24px; color: #03162c; font-weight: normal; padding: 28px 33px; height: 141px; box-sizing: border-box; overflow: hidden; background: #f8f8f8; }
.pro_con dd i { display: block; height: 54px; width: calc(100% - 64px); background: #f8f8f8; display: flex; display: -webkit-flex; box-sizing: border-box; padding-left: 33px; }
.pro_con dd i span { display: block; font-size: 14px; line-height: 46px; color: #999; margin-right: 20px; transition: all 0.5s ease; }
.pro_con dd i img { width: 12px; display: block; margin-top: 19px; height: 10px; }
.pro_con dd i:hover span { color: #D4000F; letter-spacing: 0.5px; }
.pro_con dd:after { position: absolute; content: ""; right: 0; bottom: 0; width: 64px; height: 54px; background-color: #f8f8f8; border-bottom-right-radius: 100%; }
.product1 { background: #f8f8f8; }
.product1 dd h4 { background: #fff; }
.product1 dd i { background: #fff; }
.product1 dd:after { background: #fff; }
.ys { max-width: 1920px; min-width: 1300px; margin: 0 auto; overflow: hidden; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; }
.ys dl { width: 49.739%; position: relative; }
.ys dt { line-height: 0; }
.ys dt img { width: 100%; }
.ys dd { width: 310px; position: absolute; left: 61.67%; }
.ys dd h3 { font-size: 48px; line-height: 100%; color: #222; font-weight: normal; }
.ys dd a { display: block; margin-top: 40px; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; transition: all 0.5s ease; box-sizing: border-box; width: 229px; height: 58px; background: #008AE0; border-radius: 29px; font-size: 14px; line-height: 100%; color: #fff; text-transform: uppercase; }
.ys dd a img { width: 14px; margin-left: 24px; transition: all 0.5s ease; }
.ys dd a:hover img { margin-left: 28px; }
.ys dl:first-child { width: 100%; margin-bottom: 10px; }
.ys dl:first-child dt { height: 572px; }
.ys dl:first-child dt img { object-fit: cover; height: 572px; width: auto; }
.ys dl:first-child dd { width: 100%; top: 129px; left: 0; transform: none; }
.ys dl:first-child dd h3 { color: #fff; width: 570px; }
.ys dl:first-child dd p { font-size: 18px; line-height: 24px; color: #fff; width: 430px; margin: 45px 0 56px; }
.ys dl:first-child dd a { text-transform: none; background: none; color: #fff; border: 2px solid #fff; }
.ys dl:first-child dd a:hover { letter-spacing: 0.5px; }
.ys dl:nth-child(2) dd { top: 0; height: 100%; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }
.ys dl:nth-child(2) dd a:hover { background: #0071b7; }
.ys dl:last-child dd { top: 0; height: 100%; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }
.ys dl:last-child dd a { background: none; border: 2px solid #a0a0a0; color: #333; }
.solution { padding: 110px 0 148px; }
.solution h2 strong { display: block; font-weight: normal; font-size: 48px; line-height: 100%; color: #000; }
.solution h2 span { display: block; font-size: 24px; line-height: 26px; color: #ABB0B4; margin-top: 12px; font-weight: normal; }
.solution .solution_con { margin-top: 70px; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; }
.solution dl { width: 47.135%; margin-bottom: 70px; }
.solution dt { line-height: 0; overflow: hidden; }
.solution dt img { width: 100%; }
.solution dd p { font-size: 16px; line-height: 28px; color: #81878c; margin-top: 30px; }
.solution a.more { margin: 14px auto 0; width: 229px; height: 58px; background: #008AE0; border-radius: 29px; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; transition: all 0.5s ease; align-items: center; -webkit-align-items: center; font-size: 14px; line-height: 100%; color: #fff; text-transform: uppercase; font-weight: bold; }
.solution a.more img { display: block; width: 14px; margin-left: 20px; transition: all 0.5s ease; }
.solution a.more:hover { background: #0071b7; }
.solution a.more:hover img { margin-left: 24px; }
.about { background: #f5f7fa url(/images/about_bg.jpg) no-repeat center top; height: 920px; box-sizing: border-box; padding-top: 130px; }
.about h2 { font-size: 42px; line-height: 100%; color: #222; font-weight: normal; }
.about .info { font-size: 16px; line-height: 32px; color: #666; margin: 20px 0 56px; }
.about ul { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.about li { width: 31.445%; background: #ffffff; box-shadow: 0px 5px 40px 0px rgba(0,0,0,0.06); border-bottom: 3px solid #D4000F; box-sizing: border-box; transition: all 0.5s ease; padding: 64px 3.19% 62px; line-height: 0; }
.about li img { display: block; width: 41px; }
.about li h3 { font-size: 24px; line-height: 100%; color: #222; font-weight: normal; margin: 42px 0 30px; }
.about li p { font-size: 16px; line-height: 32px; color: #666; }
.about li:hover { background: #008AE0; border-color: #008AE0; }
.about li:hover img { filter: brightness(10); }
.about li:hover h3,.about li:hover p { color: #fff; }
.album { max-width: 1920px; min-width: 1300px; overflow: hidden; margin: 8px auto; }
.album ul { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.album ul li { height: 642px; position: relative; line-height: 0; overflow: hidden; }
.album ul li img { object-fit: cover; height: 642px; width: auto;transition: 1s; }
.album ul li:hover img{transform: scale(1.1);}
.album ul li:first-child { width: 22.343%; }
.album ul li:nth-child(2) { width: 54.114%; }
.album ul li:last-child { width: 22.552%; }
.sm_banner { background: #f8f8f8; padding-top: 166px; }
.sm_banner .content_big { background: url(/images/sm_bg.jpg) no-repeat center top; height: 367px; }
.sm_banner .con { width: 490px; float: right; margin-right: 94px; margin-top: 78px; text-align: center; }
.sm_banner h2 { font-size: 28px; line-height: 30px; color: #fff; font-weight: bold; }
.sm_banner p { font-size: 18px; line-height: 30px; color: #fff; margin-top: 20px; }
.sm_banner a { display: block; width: 437px; height: 76px; background: rgba(255,255,255,0.3); border-radius: 38px; margin: 34px auto 0; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; transition: all 0.5s ease; font-size: 18px; line-height: 76px; color: #fff;position: relative;top: 0; }
.sm_banner a img { display: block; width: 25px; margin-right: 19px; transition: all 0.5s ease; }
.sm_banner a:hover { background: rgba(255,255,255,0.4);top: 10px;}
/* .sm_banner a:hover img { margin-right: 24px; } */
/*news*/
.news { background: #f8f8f8; padding: 134px 0 162px; }
.news .news_title { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; margin-bottom: 40px; }
.news h2 strong { display: block; font-size: 48px; line-height: 100%; color: #000; font-weight: normal; }
.news .switch { width: 125px; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.news .switch div { margin-left: 0; }
.news .news_list { overflow: hidden; }
.news dl { width: 494px; float: left; margin-right: 28px; }
.news dt { height: 327px; line-height: 0; overflow: hidden; }
.news dt img { height: 327px; width: auto; object-fit: cover; }
.news dd { height: 299px; background: #fff; }
.news dd a { display: block; padding: 43px 45px; }
.news dd h4 { font-size: 22px; line-height: 28px; color: #000; max-height: 56px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-weight: normal; }
.news dd p { font-size: 16px; line-height: 22px; color: #666; max-height: 44px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 44px; margin: 17px 0 77px; }
.news dd i { display: block; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; transition: all 0.5s ease; font-size: 14px; line-height: 40px; color: #999; }
.news dd i img { width: 12px; display: block; margin-left: 20px; }
.news dd i:hover { color: #D4000F; letter-spacing: 0.5px; }
.subscribe { height: 450px; background: url(/images/subscribe_bg.jpg) no-repeat center top; text-align: center; padding-top: 134px; box-sizing: border-box; }
.subscribe h2 { width: 930px; margin: 0 auto 41px; font-size: 22px; line-height: 32px; color: #fff; font-weight: bold; }
.subscribe .form { display: block; width: 504px; height: 62px; background: rgba(255,255,255,0.3); border-radius: 10px; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; box-sizing: border-box; padding: 5px 5px 5px 27px; margin: 0 auto; }
.subscribe input { display: block; flex-grow: 1; background: none; border: none; outline: none; font-size: 14px; line-height: 52px; color: #fff; }
.subscribe button { display: block; width: 138px; height: 52px; background: #008ae0; border-radius: 10px; font-size: 16px; line-height: 52px; color: #fff; transition: all 0.5s ease; border: none; outline: none; cursor: pointer; }
.subscribe button:hover { background: #0071b7; }
/*header*/
.header .h_con { position: absolute; }
.header .logo { filter: brightness(100); }
.header .slogan strong,.header .slogan span { color: #fff; }
.header .language p { filter: invert(0); }
.header .language a { border-color: #fff; color: #fff; }
.header .menu li > a { color: #fff; }
.header .search { border: 1px solid #ffffff; }
.header .search .s_btn img { filter: invert(0); }
.header .search .s_key { background: rgba(255,255,255,0.7); border: none; }
@media screen and (max-width:1650px),screen and (max-width:1650px) and (-webkit-min-device-pixel-ratio:2) {
  .pro_con dl{width: 444px;margin-right: 34px;}
  .ys dl:nth-child(2) dd,.ys dl:nth-child(3) dd { left: 58%; }
  .sm_banner .con { margin-right: 50px; }
  .news dl { width: 449px; }
  .news dt { height: 300px; }
  .news dt img { height: 300px; }
}
@media screen and (max-width:1440px),screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:2) {
  .content_big { width: 1300px; }
  .pro_con dl{width: 413px;margin-right: 30px;}
  .product h2 em strong { font-size: 44px; }
  .ys dl:nth-child(2) dd h3,.ys dl:nth-child(3) dd h3 { font-size: 40px; }
  .sm_banner .con { width: 470px; margin-right: 40px; }
  .news dl { width: 416px; }
  .news dt { height: 280px; }
  .news dt img { height: 280px; }
}