@charset "UTF-8";
@import url('global_mobile.css');
.idesign_bg{display:none;}
.sj_idesign_bg {margin:0 auto; overflow:hidden; background-color: #f8f9fb;padding-top: 59px;}
.sj_idesign {width: 100%; margin: 0 auto;}
.sj_idesign_swiper .swiper-slide {height: 380px;position: relative;overflow: hidden; transition: all 0.6s ease;}
.sj_idesign_text1 {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;padding: 0 9.7%;transition: all 0.4s ease;}
.sj_idesign_text1 div {position: absolute;bottom: 2%;left: 0px;width: 100%;padding: 0 9.7%; text-align:center;transition: all 0.4s ease;}
.sj_idesign_text1 img{width:40px;}
.sj_idesign_text1 h3 {font-size: 18px;color: #ffffff;font-weight: bold;margin-top: 13px; margin-bottom: 15px;}
.sj_idesign_swiper div.idesign_swiper_active2 {width: 100% !important;}
.sj_idesign_img {position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.sj_idesign_img img {width: auto;height: 380px;}
/* 产品 */
.iproducts_bg {background: url("../images/sjipro_bg.jpg") no-repeat center/cover;padding-top: 30px;padding-bottom: 30px;overflow: hidden;}
.iproducts {width: 94%;margin: 0 auto;overflow: hidden;margin-bottom: 20px;}
.iproducts2{width: 100%; margin: 0 auto;overflow: hidden;margin-bottom: 20px;}
.iproducts_main { position: relative; overflow:hidden;}
.iproducts_swiper,.iproducts_power,.iproducts_heavy{width: 100%; margin:0 auto;height:100%;}
.iproducts_swiper2{margin:20px auto; background:#ffffff; border-radius: 10px; overflow:hidden; position:relative;}
.iproducts_swiper2 .swiper-button-next {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 {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{margin:0 auto; overflow:hidden;}
.iproducts_swiper1 .swiper-wrapper{ text-align:center;}
.iproducts_swiper1 .swiper-slide{ display:inline-block;color:#fff; border-radius:20px; font-size:12px; line-height:15px; height:40px;  padding:5px 8px; background:#0079c2;margin-bottom:10px;}
.iproducts_swiper1 .swiper-slide.swiper-slide-thumb-active{background:#fff;color:#555;}
.ipro_list{ width:90%; margin:0px auto; overflow:hidden;}
.ipro_list1{width:100%;  overflow:hidden;}
.ipro_list1 h3{font-size:24px;}.ipro_list1 h3 a{ color:#000000;}.ipro_list1 h3 a:hover{ color:#0079c2;}.ipro_list1 p{font-size:14px; color:#333; margin-top:5px; line-height:28px;}
.ipro_list1 dl{ margin-top:10px;}.ipro_list1 dl dd{ height:25px; line-height:25px;}.ipro_list1 dl dd a{ display:block;font-size:12px; color:#666666;}/*.ipro_list1 dl dd a:hover{color:#0079c2;}*/
.ipro_list1 dl dd.ipro_list1_active a{color:#0079c2;}
.ipro_list2{width:96%; overflow:hidden; padding:2%; position:relative;max-height:260px;}
.provis{max-height:260px;}
.ipro_list2 dl dd{display:none;}.ipro_list2 dl dd.ipro_list2_active{display:block;}
.ipro_list2 img{width:96%;transition: all 0.6s ease;}
.ipro_list2 dl dd:hover img{transform: scale(1.1);}
.ipro_more {width:100%; clear:both; overflow:hidden; height:25px; margin-top:10px; margin-bottom:10px;}.ipro_more a{display:block;font-size:12px; height:16px; line-height: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; font-weight:500; margin-right:5px;}.ipro_more a:hover span{border:1px #666666 solid;}
.iproducts_power1{width:94%; margin:0 auto; overflow:hidden;}
.iproducts_power1 ul{ text-align:center;}
.iproducts_power1 ul li{ float:left;width:32%;border-radius:20px; font-size:12px; padding:5px 8px; height:40px; line-height:15px; background:#0079c2;  margin-right:2%; margin-bottom:10px;}
.iproducts_power1 ul li:nth-child(3n){ margin-right:0%;}
.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:94%;margin:20px auto; overflow:hidden; position:relative;}
.iproducts_power2 ul li{background:#ffffff; border-radius: 10px;overflow:hidden; width:100%; margin-right:50px; }
.power_next{width:100%; }
.power_next a{ width:50px; text-align:center;border-radius: 50px; height:50px; line-height:50px; background:#0079c2;color:#fff; font-family:"宋体"; font-size:20px; font-weight:650; display:block;}
.power_next a.prev{float:left; margin-left:1%;position:absolute; top:35%; left:0%; }.power_next a.next{float:right; margin-right:1%;position:absolute; top:35%; right:0%;}
.power_next a:hover{background:#0079c2;color:#ffffff;}
.iproducts_heavy1{width:94%; margin:0 auto; }
.iproducts_heavy1 .swiper-wrapper{ text-align:center;}
.iproducts_heavy1 .swiper-slide{ display:inline-block; color:#555;border-radius:20px; font-size:12px; font-weight:500; padding:10px 8px; background:#fff;margin-bottom:10px;}
.iproducts_heavy1 .swiper-slide.swiper-slide-thumb-active{background:#0079c2; color:#fff;}
.iproducts_heavy2{width:94%;margin:20px auto; overflow:hidden; position:relative;}
.iproducts_heavy2 .swiper-slide{background:#ffffff; border-radius: 10px;overflow:hidden;}
.iproducts_heavy2 .swiper-button-next {width: 50px;height: 50px;right: 0%; 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: 0%; 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;margin:0 auto; overflow:hidden; background: url("../images/iab_bg.jpg") no-repeat center/cover;position: relative; padding-bottom:50px;}
.iaboutus {width: 94%;margin: 0 auto;overflow:hidden; position:relative;}
.iaboutus_left { overflow:hidden; width: 100%;}
.iaboutus_left img {width: 100%;border-radius: 10px; overflow:hidden;}
.iaboutus_right { margin:20px auto; text-align:left;width: 100%;}
.iaboutus_right p {color: #666666; margin:0 auto;font-size: 12px;line-height: 18px;}
.iaboutus_right ul {margin: 20px auto; overflow:hidden; margin-bottom:30px;}
.iaboutus_right ul li {float: left;width: 24%;text-align: center;padding-top: 5px;cursor: pointer;transition: all 0.4s ease;}
.iaboutus_right ul li dt span {font-size: 20px;color: #000;font-weight: bold;}
.iaboutus_right ul li dt i {font-size: 16px;vertical-align: top;}
.iaboutus_right ul li dt sup {font-size: 14px;}
.iaboutus_right ul li p {font-size: 12px;color: rgba(0, 0, 0, 0.5);line-height: 18px;}
.iaboutus_right .ipro_more{margin-left:2%;}
.aboutvideo{position:absolute; top:25%; left:44%; width:80px; margin:0 auto; overflow:hidden; padding-top:5%;}
.aboutvideo img{width:90%;transition: all 0.4s ease;}.aboutvideo:hover img{transform: scale(1.1);}
.iaboutus_honor {width: 98%;margin:10px auto;overflow:hidden;}
.iaboutus_honor ul li {float: left;width: 25%;text-align: center; margin-bottom:20px;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:30px; 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;margin:0 auto;background: url("../images/ipartner_bg.jpg") no-repeat center/cover;position: relative; padding-bottom:50px;}
.ipartner {width: 90%;margin:10px auto;overflow:hidden;}
.ipartner ul li {float:left;width:48%; 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(2n){margin-right:0%;}
.ipartner ul li img{ width:80%;}
/*partner合作伙伴结束*/
/* 卡儿酷服务service */
.iservice_bg {padding-top: 24px;margin:0 auto;background: url("../images/iser_bg.jpg") no-repeat center/cover;position: relative; padding-bottom:50px;}
.iservice {width: 94%;margin: 0 auto;overflow:hidden;}
.iservice ul {margin: 0px auto; overflow:hidden; margin-bottom:20px;}
.iservice ul li {width: 100%;text-align: left;padding-top: 15px;cursor: pointer;transition: all 0.4s ease; overflow:hidden;}
.iservice ul li img { border-radius: 50%; background:rgba(255,255,255,0.1);margin-right:10px; border:1px rgba(255,255,255,0.2) solid; width:50px; height:50px; padding:5px; float:left;}
.iservice ul li p {font-size: 16px; color: #ffffff;line-height: 22px;}
.iservice2 { width: 94%;margin:30px auto;overflow:hidden;}
.iservice2 ul li {width:100%; margin-bottom:10px;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: 46%;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: 23px;padding-bottom: 40px;overflow: hidden;position: relative;}
.inews {width: 94%;margin: 0 auto;}
.inews_left{width:100%;overflow:hidden;}
.inews_title {font-size: 18px;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: 16px;color: #333333;font-weight: bold;line-height: 20px;margin-bottom: 9px;transition: all 0.4s ease;}
.inews_text p {font-size: 12px;color: #999999;line-height: 18px;}
.inews_more {font-size: 15px; margin-top: 10px;}
.inews_text .inews_more span {display: block;font-size: 14px; 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:100%;overflow:hidden; overflow:hidden; padding-top:20px;}
.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;}
/* 隐私政策 */
.policy {width: 94%;margin: 0 auto;margin-top: 30px;margin-bottom: 50px;}
.policy::after {content: "";display: block;clear: both;}
.policy_title {text-align: center;border-bottom: 1px solid #eeeeee;margin-bottom: 41px;}
.policy_title h1 {font-size: 30px;color: #333333;font-weight: bold;padding-bottom: 15px;}
.policy_left {display: none;}
.policy_left ul { border-left: 3px solid #dddddd;}
.policy_left ul li {font-size: 16px;color: #666666;line-height: 56px; padding-left: 40px;position: relative;cursor: pointer;transition: all 0.4s ease;}
.policy_left ul li::after {position: absolute;top: 0px;left: -3px;content: "";display: block;width: 3px;height: 100%; background-color: transparent;transition: all 0.3s ease;opacity: 0;}
.policy_left ul li.policy_active, .policy_left ul li:hover { color: #0081cc;}
.policy_left ul li.policy_active::after, .policy_left ul li:hover::after {opacity: 1;background-color: #0081cc;}
.policy_right h1 {font-size: 24px;color: #000;font-weight: bold;margin-bottom: 10px;}
.policy_right h2 {font-size: 18px;color: #000;font-weight: bold;}
.policy_right p { font-size: 14px;color: #666666;line-height: 26px;}
/* 搜索 */
.search_bg {width: 100%;height: auto;overflow: hidden;margin: 45px auto 40px;}
.search1 {width: 94%;font-size: 16px;height: 52px;line-height: 52px;border-radius: 30px;border: 1px #999999 solid;overflow: hidden;color: #333;margin: 0px auto;margin-top: 68px;}
.search1 .input {width: 70%;font-size: 16px; float: left;margin-left: 28px;height: 50px;overflow: hidden;color: #333;border: 0px;outline: none;}
.search1 .img {width: 38px;height: auto;float: right;margin-right: 15px;margin-top: 6px;}
.search2 {width: 100%;height: 41px;overflow: hidden;border-bottom: 1px #dddddd solid;margin: 40px auto 0px;}
.search2 ul {width: 96%; padding-left: 2%;padding-right: 2%;max-width: 1280px;overflow: hidden;margin: 0px auto;text-align: center;}
.search2 ul a {color: #666666;display: inline-block;text-align: center;height: 40px;width: 20%;font-size: 16px;border-bottom: 4px transparent solid;line-height: 30px;margin: 0 5px;}
.search2 ul a:hover {border-bottom: 4px #0081cc solid;color: #0081cc;}
.search2 ul a.hover {border-bottom: 4px #0081cc solid;color: #0081cc;}
.search3 {width: 94%;overflow: hidden;margin: 36px auto 0px;}
.search3 h2 {font-weight: normal;font-size: 16px;color: #666666;border-bottom: 1px #dddddd solid;height: auto;overflow: hidden;padding-bottom: 10px;}
.search3 li {height: auto;overflow: hidden;border-bottom: 1px #dddddd solid;padding-bottom: 30px;margin-top: 37px;font-size: 18px;}
.search3 li a {color: #333;}
.search3 li a:hover {color: #0081cc;}
.search3 li p {font-size: 14px;color: #999999;line-height: 26px;margin-top: 15px;max-height: 78px;overflow: hidden;}
/* 网站地图 */
.map_bg{width: 96%;margin: 0 auto;padding-top: 25px;padding-bottom: 25px;}
.map_bg .title{margin-bottom: 25px;}.map_bg .title h2{ color:#333333; font-size:20px;}
.maps {border-top: 1px dashed #ddd;}
.map_item {padding: 15px 0;border-bottom: 1px dashed #ddd;}.map_item2 {padding: 15px 0;border-bottom: 1px dashed #ddd;}
.map_item h2{margin-bottom: 8px;width: 33.33%;text-align: left;}
.map_item h2 a{font-size: 16px;color: #0081cc;font-weight: 550;line-height: 25px;}
.map_item h3{ height:50px;}.map_item h3 a{font-size: 16px;color: #333;font-weight: 550;line-height: 25px;}
.map_item2 h2 a{font-size: 16px;color: #0081cc;font-weight: 550;}
.map_item ul{overflow: hidden;}
.map_item ul li{float: left;width: 33.33%;text-align: left;}
.map_item ul li a{font-size: 13px;color: #666;line-height: 24px;}
.map_item2 h3{ margin-top:10px;}.map_item2 h3 a{font-size: 15px;color: #333;font-weight: 550;line-height: 25px;}
.map_item2 ul{overflow: hidden;}.map_item2 ul li{width:100%; overflow:hidden;}
.map_item2 ul li a{font-size: 16px;color: #666; display:inline-block; margin-right:28px;}
.map_item2 ul li a:hover{opacity: 0.8;}