@charset "UTF-8";
@import url('global.css');
/* banner */
.pc_banner_swiper {display: block; background:#000000;width: 100%;max-width:1920px; position:relative;}
.pc_banner_swiper .swiper-slide img { display: block;width: 100%;max-height: 100vh; -o-object-fit: cover; object-fit: cover;}
.pc_banner_swiper .swiper-button-next { right: 0.5%;}
.pc_banner_swiper .swiper-button-prev { left: 0.5%;}
.pc_banner_swiper .swiper-button-prev,
.pc_banner_swiper .swiper-button-next {width: 50px;height: 50px;border-radius: 50%;opacity: 1; color:rgba(255, 255, 255, 1)!important;filter:grayscale(100%) brightness(500);background: rgba(255, 255, 255, 0.2);}
.pc_banner_swiper .swiper-button-prev:hover,.pc_banner_swiper .swiper-button-next:hover {opacity: 1;background: #0081cc;filter:none;}
.pc_banner_swiper .swiper-button-prev:hover::after,.pc_banner_swiper .swiper-button-next:hover::after {color: #ffffff;}
.pc_banner_swiper .swiper-button-prev::after,.pc_banner_swiper .swiper-button-next::after {  font-size: 20px;color: #666666;}
.pc_banner_swiper .swiper-pagination {bottom: 4.5% !important;z-index: 99;}
.pc_banner_swiper .swiper-pagination-bullet {width: 12px;height: 12px;background-color: rgba(255, 255, 255, 0.8);border-radius: 50%;opacity: 1;margin: 0 12px !important;position: relative;cursor: pointer !important;position: relative;}
.pc_banner_swiper .swiper-pagination-bullet::after { position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);content: "";display: block;width: 26px;height: 26px; border-radius: 50%;border: 1px solid #fff; z-index: 9;opacity: 0;}
.pc_banner_swiper .swiper-pagination-bullet-active { background-color: #0081cc;}
.pc_banner_swiper .swiper-pagination-bullet-active::after {border-color: #0081cc;opacity: 1;
}
/*首页banner图上的文字*/
.banner_conbg{width:100%; position:absolute; overflow:hidden; top:22%; left:0;}
.banner_conbg .banner_con{width:90%; max-width:1500px; margin:0 auto; text-align:center; overflow:hidden;}
.banner_conbg .banner_con dt{ font-size:46px/*48px 2.50008vw*/; color:#ffffff; line-height:46px/*48px 2.50008vw*/; font-weight:bold;}
.banner_conbg .banner_con i{ display:block;font-size:32px; color:#ffffff; font-weight:bold; margin-top:30px;}
.banner_conbg .banner_con p{ font-size:18px; line-height:28px; width:80%; margin:0 auto;color:#ffffff;margin-top:20px; padding-left:5px;}
.banner_conbg .banner_con span{ display:block; margin:0 auto; margin-top:20px;color:#ffffff; width:150px; padding:10px 15px; text-align:center; border:1px rgba(255,255,255,0.5) solid; font-size:18px; border-radius:22px; }
.banner_conbg .banner_con span b{ font-family:"宋体";}
.banner_con:hover span{color:#fff; background:#0079c2;border:1px #0079c2 solid;}
.sj_banner_swiper {display: none;}
/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
  from { transform: scale(1);}
  to {transform: scale(1.1);}
}
/* Standard syntax */
@keyframes mymove {
  from {transform: scale(1);}
  to {transform: scale(1.1);}
}
/* 产业布局 */
.sj_idesign_bg{display:none;}
.idesign_bg {max-width:1920px; margin:0 auto; overflow:hidden;background-color: #f8f9fb; padding-top: 59px;}
.idesign {width: 100%;max-width:1920px;margin: 0 auto;}
.idesign_swiper {overflow: hidden;position: relative;}
.idesign_swiper .swiper-slide {height:780px; position: relative;overflow: hidden;transition: all 0.6s ease;}
.idesign_swiper .idesign_swiper_active {width: 50% !important;}
.idesign_swiper .idesign_swiper_active .idesign_text1{opacity:0;}
.idesign_swiper .idesign_swiper_active .idesign_text {opacity: 1;right:0px;
 background: -webkit-linear-gradient(top,rgba(7, 123, 184,1),rgba(255,255,255,0));
 background: -moz-linear-gradient(top,rgba(7, 123, 184,1),rgba(255,255,255,0));
 background: -o-linear-gradient(top,rgba(7, 123, 184,1),rgba(255,255,255,0));
 background: -ms-linear-gradient(top,rgba(7, 123, 184,1),rgba(255,255,255,0));
}
.idesign_swiper .idesign_swiper_active .idesign_text span {opacity: 1; color:#0079c2;}
.idesign_swiper .idesign_swiper_active .idesign_text p{ opacity: 1; color:#ffffff;}
.idesign_swiper .idesign_swiper_active .idesign_text i{ opacity: 1; color:#ffffff;}
.idesign_swiper .idesign_swiper_active .idesign_text div {top:50%;}
.idesign_swiper div.idesign_swiper_active2 { width: 25% !important;}
.idesign_swiper .swiper-button-next,
.idesign_swiper .swiper-button-prev {width: 53px;height: 53px;border-radius: 50%;background: #666666;transition: all 0.4s ease;}
.idesign_swiper .swiper-button-next:hover,
.idesign_swiper .swiper-button-prev:hover { background: #0081cc;}
.idesign_swiper .swiper-button-next::after,
.idesign_swiper .swiper-button-prev::after { font-size: 18px;}
.idesign_img {position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.idesign_img img {width: auto;height:780px;}
.idesign_text1 {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;padding: 0 9.7%;transition: all 0.4s ease;}
.idesign_text1 div {position: absolute;bottom: 8%;left: 0px;width: 100%;padding: 0 9.7%; text-align:center;transition: all 0.4s ease;}
.idesign_text1 img{width:50px;}
.idesign_text1 h3 {font-size: 26px;color: #ffffff;font-weight: bold;margin-top: 23px; margin-bottom: 15px;}
.idesign_text {position: absolute;bottom: 0px; right: -520px;width: 90%;height: 200px;background: rgba(255, 255, 255, 0.7);border-radius:50px 0px 0px 0px;padding: 0 9.7%;transition: all 0.4s ease;opacity: 0;}
.idesign_text div {width:100%;  padding-top:50px; text-align:left;transition: all 0.4s ease;}
.idesign_text img{width:50px; float:left;  margin-top: 3px; margin-right: 15px;}
.idesign_text i{display:block; float:left; width:65%;}
.idesign_text h3 {font-size: 26px;color: #ffffff;font-weight: bold;}
.idesign_text p {font-size: 17px; color: #ffffff; line-height: 30px;transition: all 0.4s;}
.idesign_text span { margin:0 auto; margin-top:20px;display: block; float:right; padding:8px 16px;height: 33px; background:#ffffff; border-radius:20px;font-size:16px; color:#0079c2;transition: all 0.4s ease;}
/* 产品 */
.iproducts_bg {max-width:1920px; margin:0 auto; background: url("../images/ipro_bg.webp") no-repeat center/cover; padding-top: 59px;padding-bottom: 44px;overflow: hidden;}
.iproducts {width: 90%;max-width:1500px; margin: 0 auto;overflow: hidden;margin-bottom: 60px;}
.iproducts2{ width: 100%; max-width:1920px; margin: 0 auto;overflow: hidden;margin-bottom: 60px;}
.iproducts_main {position: relative; overflow:hidden;}
.iproducts_swiper,.iproducts_power,.iproducts_heavy{width: 100%;height:100%;}
.iproducts_swiper2 {float:right;width: 71.8%; background:#ffffff; border-radius: 10px; overflow:hidden;}
.iproducts_swiper2 .swiper-button-next { display:none;width: 50px;height: 50px;right: 0px; top:50%;border-radius: 50%;background: #0079c2; z-index:10000;}
.iproducts_swiper2 .swiper-button-next::after {font-size: 24px;}
.iproducts_swiper2 .swiper-button-next:hover {background: #0079c2;opacity: 1;}
.iproducts_swiper2 .swiper-button-prev { display:none;width: 50px;height: 50px;left: 0px; top:50%;border-radius: 50%;background: #0079c2; z-index:10000;}
.iproducts_swiper2 .swiper-button-prev::after {font-size: 24px;}
.iproducts_swiper2 .swiper-button-prev:hover {background: #0079c2; opacity: 1;}
.iproducts_swiper1 {float: left;width: 20.2%;overflow:hidden;}
.iproducts_swiper1 .swiper-wrapper{width:100%; overflow:hidden;}
.iproducts_swiper1 .swiper-slide{ background:rgba(0,0,0,0.3);height:70px!important; line-height:70px!important; font-size:16px; text-align:center; color:#ffffff; border-bottom:1px rgba(255,255,255,0.3) solid; overflow:hidden;cursor:pointer;}
.iproducts_swiper1 .swiper-slide:first-child{border-radius: 10px 10px 0px 0px;}
.iproducts_swiper1 .swiper-slide:last-child{border-radius:0px 0px 10px 10px;border-bottom:0px;}
.iproducts_swiper1 .swiper-slide.swiper-slide-thumb-active{ background:#0079c2; color:#ffffff; }
.ipro_list{ width:90%; margin:40px auto;margin-bottom:20px; padding-bottom:20px; overflow:hidden; position:relative;}
.ipro_list1{position:absolute; left:0; top:0;width:45%; margin-right:5%; overflow:hidden;}
.ipro_list1 h3{font-size:32px;}.ipro_list1 h3 a{ color:#000000;}.ipro_list1 h3 a:hover{ color:#0079c2;}.ipro_list1 p{font-size:19px; color:#333; margin-top:5px; line-height:28px;}
.ipro_list1 dl{ margin-top:20px;}.ipro_list1 dl dd{ height:30px; line-height:30px;}.ipro_list1 dl dd a{ display:block;font-size:18px; color:#666666;}
.ipro_list1 dl dd.ipro_list1_active a{color:#0079c2;}
.ipro_list2{ float:right; width:60%; overflow:hidden; padding:2%; padding-bottom:2%; position:relative;}
.ipro_list2 dl dd{display:none;}.ipro_list2 dl dd.ipro_list2_active{display:block;}
.ipro_list2 img{ width:100%;transition: all 0.6s ease;}
.ipro_list2 dl dd:hover img{transform: scale(1.1);}
.ipro_more {width:100%; clear:both; overflow:hidden;}.ipro_more a{display:block;font-size:16px; color:#0079c2;}.ipro_more a:hover{color:#666666;}
.ipro_more a span{display:inline-block; border:1px #0079c2 solid; border-radius:50%; padding:1px 5px 0px; font-weight:500; margin-right:5px;}.ipro_more a:hover span{border:1px #666666 solid;}
.iproducts_power1{width:100%; margin:0 auto; overflow:hidden;}
.iproducts_power1 ul{ text-align:center;}
.iproducts_power1 ul li{ display:inline-block; border-radius:20px; font-size:16px; font-weight:550; padding:10px 40px;background:#0079c2; margin-left:3%; margin-right:3%;}
.iproducts_power1 ul li a{color:#fff;}
.iproducts_power1 ul li.on{background:#fff;}.iproducts_power1 ul li.on a{ color:#555;}
.iproducts_power2{width:100%;margin:50px auto; overflow:hidden; position:relative; margin-left:5%;}
.iproducts_power2 ul li{background:#ffffff; border-radius: 10px;overflow:hidden; width:900px ; margin-right:50px; }
.power_next{position:absolute; top:50%; left:58%; width:50px; text-align:center;border-radius: 50px; height:50px; line-height:50px; background:#0079c2;}
@media screen and (min-width: 1680px) {.iproducts_swiper1 .swiper-slide{font-size:20px;height:80px!important; line-height:80px!important;}.iproducts_power2{margin-left:10%;}.iproducts_power2 ul li{width:1100px;}.power_next{left:66%;}}
@media screen and (max-width: 1480px) {.iproducts_power2 ul li{ width:780px; margin-right:50px; height:460px; }}
.power_next a.prev{display:none;}
.power_next a{ color:#ffffff; font-family:"宋体"; font-size:20px; font-weight:550; display:block;}
.iproducts_heavy1{width:70%; margin:0 auto; overflow:hidden;}
.iproducts_heavy1 .swiper-wrapper{ text-align:center!important;display: flex;justify-content: center; /* 水平居中 */align-items: center; /* 垂直居中 */}
.iproducts_heavy1 .swiper-slide{ height:50px!important; line-height:50px;display:inline-block!important; float:none!important;color:#555; border-radius:30px; font-size:16px; font-weight:550; padding:0px 20px; background:#fff; margin-left:3%; margin-right:3%;cursor:pointer;}
.iproducts_heavy1 .swiper-slide.swiper-slide-thumb-active{background:#0079c2;color:#fff;}
.iproducts_heavy2{width:70%;margin:50px auto;background:#ffffff; border-radius: 10px;overflow:hidden;}
.iproducts_heavy2 .swiper-wrapper{}
.iproducts_heavy2 .swiper-slide{overflow:hidden;}
.iproducts_heavy2 .swiper-button-next {width: 50px;height: 50px;right: 10%; top:50%;border-radius: 50%;background: #0079c2; z-index:10000;}
.iproducts_heavy2 .swiper-button-next::after {font-size: 24px;}
.iproducts_heavy2 .swiper-button-next:hover {background: #0079c2;opacity: 1;}
.iproducts_heavy2 .swiper-button-prev {width: 50px;height: 50px;left: 10%; top:50%;border-radius: 50%;background: #0079c2; z-index:10000;}
.iproducts_heavy2 .swiper-button-prev::after {font-size: 24px;}
.iproducts_heavy2 .swiper-button-prev:hover {background: #0079c2; opacity: 1;}
/* 关于卡儿酷 */
.iaboutus_bg { padding-top: 44px;max-width:1920px; margin:0 auto; overflow:hidden;background: url("../images/iab_bg.jpg") no-repeat center/cover; position: relative; padding-bottom:50px;}
.iaboutus {width: 90%;max-width:1500px;margin: 0 auto; overflow:hidden; position:relative;}
.iaboutus_left { float: left;width: 55%;}
.iaboutus_left img {  width: 100%;border-radius: 10px; overflow:hidden;}
.iaboutus_right {float: right;width: 40%;}
.iaboutus_right p {color: #666666; width:96%; margin:0 auto;font-size: 18px;line-height: 30px;}
.iaboutus_right ul { margin: 20px auto; overflow:hidden; margin-bottom:30px;}
.iaboutus_right ul li { float: left; width: 24%;height: 141px;text-align: center;padding-top: 25px;cursor: pointer;transition: all 0.4s ease;}
.iaboutus_right ul li dt span {font-size: 38px; color: #000; font-weight: bold;}
.iaboutus_right ul li dt i {font-size: 24px; vertical-align: top;}
.iaboutus_right ul li dt sup {font-size: 20px;}
.iaboutus_right ul li p {font-size: 16px; color: rgba(0, 0, 0, 0.6);line-height: 20px;}
.iaboutus_right .ipro_more{margin-left:2%;}
.iaboutus_honor {width: 90%;max-width:1500px; margin:50px auto;overflow:hidden;}
.iaboutus_honor ul li {display:inline-block; margin-right:4%;margin-left:3.5%;text-align: center;transition: all 0.4s ease;}
.iaboutus_honor ul li:first-child{margin-left:0%;}
.iaboutus_honor ul li:last-child{margin-right:0%;}
.iaboutus_honor ul li img{ height:50px; width:auto;}
.iaboutvideo{position:absolute;margin:0 auto;  top:25%; left:55%; margin-left:-65px; width:140px; padding-top:5%;}
.iaboutvideo img{width:90%;transition: all 0.4s ease;}.iaboutvideo:hover img{transform: scale(1.5);}
.iab_more {width:100%; clear:both; overflow:hidden;}.iab_more a{ margin-left:10px;display:block; width:140px; text-align:center;font-size:18px; padding:10px 18px; background:#0079c2; color:#ffffff; border:1px #0079c2 solid; border-radius:30px;}.iab_more a:hover{ background:#0079c2;color:#0079c2; background:#fff;}
/*partner合作伙伴*/
.ipartner_bg {padding-top: 54px;max-width:1920px; margin:0 auto;background: url("../images/ipartner_bg.jpg") no-repeat center/cover;position: relative; padding-bottom:50px;}
.ipartner {width: 80%;max-width:1200px; margin:10px auto;overflow:hidden;}
.ipartner ul li {float:left;width:30%; margin-right:4%; background:#FFFFFF; border-radius: 10px; margin-bottom:4%; overflow:hidden;text-align: center; transition: all 0.4s ease;}
.ipartner ul li:nth-child(3n){margin-right:0%;}
.ipartner ul li img{ width:80%;}
/*partner合作伙伴结束*/
/* 卡儿酷服务service */
.iservice_bg {padding-top: 44px;max-width:1920px; margin:0 auto;background: url("../images/iser_bg.jpg") no-repeat center/cover;position: relative; padding-bottom:50px;}
.iservice {width: 90%;max-width:1500px; margin: 0 auto;overflow:hidden;}
.iservice ul {margin: 0px auto; overflow:hidden; margin-bottom:30px;}
.iservice ul li {float: left;width: 24%;text-align: center; padding-top: 25px; cursor: pointer;transition: all 0.4s ease;}
.iservice ul li img {border-radius: 50%; background:rgba(255,255,255,0.1); border:1px rgba(255,255,255,0.2) solid; width:66px; height:66px; padding:5px;}
.iservice ul li p {margin-top:10px;font-size: 16px; color: #ffffff;line-height: 22px;}
.iservice2 { width: 90%;max-width: 1500px;margin:50px auto;overflow:hidden;}
.iservice2 ul li {float:left; width:30.33%;margin-right:1.5%;margin-left:1.5%; text-align: center; overflow:hidden;border-radius: 10px; transition: all 0.4s ease; position:relative; background:#FFFFFF;}
.iservice2 ul li:first-child{margin-left:0%;}
.iservice2 ul li:last-child{margin-right:0%;}
.iservice2 ul li img{width:100%;}
.iservice_text{ position: absolute; top: 69%;left: 0px;width: 100%; background:#ffffff;text-align:left;transition: all 0.4s ease;}
.iservice_text div{width:88%; margin:0 auto; text-align:left; overflow:hidden; padding-top:30px;}
.iservice_text i { display:block; width:30px; height:3px; background:#0079c2;}
.iservice_text span { display:block; font-size: 24px;color: #333333;font-weight: bold;margin-top: 23px;margin-bottom: 15px;}
.iservice_text p {font-size: 15px;color: #ffffff;line-height: 26px;min-height: 52px; margin-top:15px;transition: all 0.4s;opacity: 0;}
.iservice2 ul li:hover{background:#0079c2;}
.iservice2 ul li:hover .iservice_text {top: 56%;background:#0079c2;}
.iservice2 ul li:hover .iservice_text p{ opacity: 1; color:#ffffff;}.iservice2 ul li:hover .iservice_text span{ opacity: 1; color:#ffffff;}
.iservice2 ul li:hover .iservice_text i{ background:#fff;}
/* 新闻资讯 */
.inews_bg {background-color: #fff;padding-top: 73px;padding-bottom: 40px;overflow: hidden;width: 100%;max-width: 1920px; margin:0 auto;position: relative;}
.inews {width: 90%;max-width: 1500px;margin: 0 auto;}
.inews_left{width:60%; float:left; overflow:hidden;}
.inews_title {font-size: 26px;color: #333;font-weight: bold; margin-bottom: 5px;padding-bottom:10px;border-bottom:1px #dddddd solid;position:relative;}
.inews_title::after {position:absolute; bottom:-1px; left:0;content: ' ';display: block;clear: both;width:90px;border-bottom:3px #0079c2 solid; transition: all 0.4s ease;}
.inews_con ul li {width: 100%;padding: 3% 0; overflow:hidden; border-bottom:1px #f1f1f1 solid;}
.inews_con ul li .inews_img{float:left; width:25%; overflow:hidden;border-radius: 6px;}
.inews_img img {width: 100%;height: auto;transition: all 0.4s ease;}
.inews_con ul li:hover .inews_img img {transform: scale(1.1);}
.inews_text {float:right; width:70%; overflow:hidden;}
.inews_text .inews_titlea {font-size: 20px;color: #333333;font-weight: bold;line-height: 25px;margin-bottom: 9px;transition: all 0.4s ease;}
.inews_text p {font-size: 16px;color: #999999;line-height: 25px;height: 45px;overflow: hidden;}
.inews_more {font-size: 15px; margin-top: 10px;}
.inews_text .inews_more span {display: block;font-size: 15px; height:30px; line-height:30px;}
.inews_more .time{float:left; width:60%; color:#0079c2; background:url(../images/time.png) no-repeat left; background-size:20px; padding-left:25px;}
.inews_more .more{float:right; text-align:right; width:35%; padding-right:5%;color: #666;}.inews_more .more  b { font-family:"宋体"; font-size:14px;}
.inews ul li:hover .inews_text .inews_titlea {color: #0079c2;}
.inews ul li:hover .inews_text .more {color: #0079c2;}
.inews_right{width:35%; float:right; overflow:hidden;}
.inews_right img{width:100%; margin:10px auto;border-radius: 8px;}
.inews_right dt{ display:block; height:50px; line-height:50px; background:url(../images/icon_faq.png) no-repeat left; background-size:24px; padding-left:28px; }
.inews_right dt a{font-size:18px; color:#333333;}
.inews_right dt a:hover{color: #0079c2;}