@charset "UTF-8";

/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea { margin: 0; padding: 0; }
body { font-size: 14px; font-family: "Microsoft YaHei", "Arial", Verdana, Arial, Helvetica, sans-serif; padding-top: 1px; background: #fff; }
li, ol { list-style: none; }
ins { text-decoration: none; }
i, em { font-style: normal; }
a { text-decoration: none; font-family: "Microsoft YaHei"; }
a:hover { cursor: pointer; text-decoration: none; }
:focus { outline: 0; }
.clear { clear: both; line-height: 0px; overflow: hidden; zoom: 1; font-size: 0px; content: '.'; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
img { padding: 0; margin: 0; }
a img { border: none; }
input, textarea { border: none; font-family: "Microsoft YaHei"; font-size: 13px; }
.fl { float: left; }
.fr { float: right; }
/* -- 页面整体布局 -- */
.wrap{min-width:320px; max-width:750px; margin:0 auto; overflow:hidden; position:relative; background:#fff; font-family: "Microsoft YaHei"; } 
.wrap img{width: 100%;display: block; }

/*广告*/
.banner { position: relative; z-index: 3; width: 100%; overflow: hidden; }
.banner.swiper-container-horizontal > .swiper-pagination-bullets{ bottom: 1rem;}
.banner .swiper-pagination-bullet { background: #f5f5f5; width: .8rem; opacity: 1; height: .8rem; margin: 0 .4rem !important; }
.banner .swiper-pagination-bullet-active { border-radius: 0.4rem; opacity: 1; background: #234ea3; }

/**/
.digital{padding: 2rem 0 0;height: 8rem;}
.ibrand-num li{float:left;height:8rem;color:#080808;font-size:1rem;width: 24%;}
.ibrand-num li b{font-size:3rem;line-height: 3.3rem; font-family:"Impact";font-weight: normal;display: block;}
.ibrand-num li:first-child{padding-left: 4%;}

/**/
.pro01{width: 100%;overflow: hidden;height: 73rem;padding-top: 3rem;background: url(../mobile/cp_bg.jpg) no-repeat 50% 50%;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.m-tit{display: block;width: 100%;font-size: 2rem;color: #fff;font-weight: bold;text-align: center;line-height: 2.9rem;height: 3rem;overflow: hidden;background: url(../mobile/cp_tbg.png) no-repeat 50% 50%;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.m-pro{width: 92%;margin: 2.5rem auto 0;}
.pro_nav{height: 14.5rem;border-bottom: rgba(255,255,255,0.1) 1px solid;}
.pro_nav ul li{float: left;height: 2.8rem;width: 50%; text-align:center;}
.m-pro ul li a{ font-size:1.2rem; color:#fff;display:block;line-height: 2.8rem;}
.pro_nav02{padding: 0.5rem 0 0;}
.pro_nav02 ul li{width: 35%;float: left;}
.pro01_m{width: 92%;margin: 3rem auto 0;height: auto;background: #fff;position: relative;}
.pro01_m:before{content: "";width: 1px;height: 80%;background: #eaeaea;position: absolute;top: 10%;left: 50%;z-index: 1;}
.pro01_m dl{    width: 47%;
    float: left;
    margin-left: 9px;
    margin-top: 10px;
}
.pro01_m dl dt{width: 100%;line-height: 0;overflow: hidden;}
.pro01_m dl dd{width: 100%;margin: 0 auto; text-align:center; background:#fff;}
.pro01_m dl dd h5{height: 1.9rem;line-height: 1.9rem;overflow: hidden;margin-bottom: 0.6rem;}
.pro01_m dl dd h5 a{font-size: 1.3rem;color: #333;display: block;}
.pro01_m dl dd em{display: block;float: right;line-height: 0;width: 1.9rem;height: 1.9rem;overflow: hidden;}
.pro01_m dl dd em img{width: 1.9rem;height: 1.9rem;}
.pro01_m ul li{width: 50%;float: left;height: 2.5rem;line-height: 2.5rem;overflow: hidden; border-right:1px solid #cecece;}
.pro01_m ul li a{font-size: 0.23rem;color: #666;display: block;}
.pro01_m ul li:nth-of-type(2n){width: 49%; border:none;}

/*六大产品优势*/
.g-six{width: 100%;overflow: hidden;height: 47.3rem;padding-top: 5rem;background: url(../mobile/six_bg.jpg) no-repeat 50% 50%;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-six .m-tit{background: url(../mobile/six_tbg.png) no-repeat 50% 50%;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-six ul{width: 92%;margin: 3rem auto 0;}
.g-six ul li{font-size: 1.1rem;color: #333;width: 32%;height: 14.8rem;float: left;text-align: center;padding-top: 2rem;border-radius: 0.8rem;background: #fff;margin-bottom: 0.6rem;margin-right: 2%;}
.g-six ul li em{display: block;width: 4.2rem;height: 4.2rem;line-height: 0;overflow: hidden;margin: 0 auto 0.5rem;}
.g-six ul li em img{width: 4.2rem;height: 4.2rem;}
.g-six ul li b{display: block;font-size: 1.5rem;line-height: 2rem;}
.g-six ul li span{font-size: 1rem;width: 76.6%;margin: 0 auto;padding: 0.5rem 0 0;line-height: 1.4rem;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3;  overflow: hidden; text-overflow: ellipsis;}
.g-six ul li:nth-child(3n){margin-right: 0;}

/*产品中心02*/
.pro02{padding: 4.5rem 0;position: relative;width: 92%;margin: 0 auto;}
.pro02 .m-tit{color: #333;background: url(../mobile/chang_tbg.png) no-repeat 50% 50%;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.pro02_l{width: 62.6%;line-height: 0;margin-top: 2rem;overflow: hidden;position: relative;}
.cp_tit{height: 3rem;line-height: 3rem;position: absolute;bottom: 0;left: 1rem;font-weight: normal;z-index: 5;}
.cp_tit i{display: block;float: left;font-size: 1.1rem;color: #fff;}
.cp_tit em{width: 1.4rem;height: 0.3rem;display: block;float: left;line-height: 0;padding: 1.2rem 0 0 1rem;}
.cp_tit em img{width: 1.4rem;height: 0.3rem;}
.pro02_l .cp_tit{bottom: 0.5rem;}
.pro02_r{background: #fff;width: 48.7%;position: absolute;top: 12rem;right: 0;padding-top: 0.8rem;}
.pro02_r ul li{width: 95.2%;margin: 0 0 0.8rem 4.8%;}
.pro02_r ul li a{width: 100%;position: relative;display: block;overflow: hidden;line-height: 0;}
.pro02_r ul li a:after{content: "";width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;background: url(../mobile/cp_k.png) no-repeat;background-size: 100% 100%;}
.cp-more{display: block;width: 27.5%;height: 2.7rem;margin: 2.5rem auto 0;}
.cp-more a{font-size: 1.1rem;color: #fff;width: 100%;height: 2.7rem;background: #244ca1;border-radius: 2rem;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.cp-more b{line-height: 0;width: 1.65rem;height: 1.65rem;padding-left: 0.5rem;}
.cp-more b img{width: 1.65rem;height: 1.65rem;}

/*优势*/
.super{width: 92%;margin: 0 auto;position: relative;}
.super .m-tit{color: #333;background: url(../mobile/ys_tbg.png) no-repeat 50% 50%;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.m-tit i{color: #244ca1;}
.super dl{padding: 2.5rem 0 0;width: 100%;}
.super dl dt{width: 100%;line-height: 0;}
.super dl dd{width: 100%;background: #f1f1f1;padding-bottom: 6rem;}
.super dd h5{width: 50%;height: 6rem;font-size: 1.5rem;color: #fff;margin: -1rem auto 0;background: #244ca1;position: relative;z-index: 5;display: flex;align-items: center;justify-content: center;}
.super dd h5 img{width: 4.1rem;height: 2.1rem;}
.super dd h5 span{padding-left: 0.8rem;line-height: 1.5rem;}
.super dd h5 i{display: block;font-size: 0.6rem;color: rgba(255,255,255,0.5); font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;}
.super dl dd em{display: block;width: 100%;font-size: 1.5rem;color: #333;height: 2rem;line-height: 2rem;position: relative;overflow: hidden;text-align: center;margin-top: 2rem;}
.super dl dd em:before{content: "";width: 2.5rem;height: 1px;background: #bcc6dc;position: absolute;top: 50%;left: 17%;}
.super dl dd em:after{content: "";width: 2.5rem;height: 1px;background: #bcc6dc;position: absolute;top: 50%;right: 17%;}
.ys_desc{ padding: 1rem 0 0;text-align: center;}
.super dd p{ font-size: 1rem;color: #666;line-height: 1.8rem;}
.super dd p b{color: #333;}
.switch { display: flex; justify-content: center; align-content: flex-end; }
.switch .swiper-pagination-bullet { background: #f1f1f1; width: 0.7rem; opacity: 1; height: 0.7rem;border: #244ca1 0.1rem solid; margin: 0 0.5rem 0 !important; }
.switch .swiper-pagination-bullet-active { border-radius: 50%; opacity: 1; background: #244ca1; }
.super .switch{width: 100%;position: absolute;bottom: 4rem;left: 0;}

/*案例*/
.g-case{padding: 4.5rem 0 2rem;}
.g-case .m-tit{font-size: 1.9rem;color: #333;background: url(../mobile/case_tbg.png) no-repeat 50% 50%;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-case dl{width: 44%;float: left;margin: 2rem 0 0 4%;}
.g-case dl dt{width: 7rem;height: 7rem;border-radius: 50%;line-height: 0;margin: 0 auto;position: relative;z-index: 5;}
.g-case dl dt img{width: 7rem;height: 7rem;border-radius: 50%; border:#eee 1px solid;box-sizing:border-box;}
.g-case dl dd{width: 86%;background: #f1f1f1;border-radius: 0.5rem;margin-top: -3.5rem;padding: 4.5rem 7% 2.6rem;text-align: center;}
.g-case dl dd h5{height: 2rem;line-height: 2rem;overflow: hidden;}
.g-case dl dd h5 a{font-size: 1.2rem;color: #1d1d1d;display: block;width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case_desc{font-size: 1rem;color: #666;line-height: 1.5rem;height: 3rem;overflow: hidden;padding: 0.3rem 0 0;}

/*合作客户*/
.partner{padding: 0 0 4.5rem;width: 92%;margin: 0 auto;}
.par_tit{height: 2.5rem;line-height: 2.5rem;overflow: hidden;position: relative;}
.par_tit:before{content: "";width: 58%;height: 1px;background: #e3e3e3;position: absolute;top: 50%;right: 11%;}
.par_tit a{font-size: 1.2rem;color: #234ea3;}
.par_tit em{width: 2.05rem;height: 1.85rem;display: block;float: left;padding: 0.2rem 0.5rem 0 0;}
.par_tit em img{width: 2.05rem;height: 1.85rem;}
.par_tit span{float: right;}
.par_tit span a{font-size: 1rem;color: #333;font-weight: normal;}
.par_qie{padding: 1.2rem 0 0;}
.partner ul li{width: 24%;float: left;line-height: 0;margin-left: 1.3%;border: #d7d7d7 1px solid;box-sizing: border-box;}
.partner ul li:first-child{margin-left: 0;}

/*走进肯特*/
.g-about{width: 100%;background:#234ea3;overflow: hidden;padding: 3.75rem 0 0;height:24rem;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.ab-tit{display: block;width: 100%;font-size: 2.5rem;color: #fff;text-align: center;height: 5rem;line-height: 2.5rem;font-weight: bold;background: url(../mobile/ab_tbg.png) no-repeat 50% 50%;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.ab-tit span{display: block;font-size: 1rem;font-weight: normal;}
.ab_desc{width: 88%;margin: 0 auto;text-align: center;font-size: 1rem;color: rgba(255,255,255,0.8);line-height: 1.8rem;height: 13rem;overflow: hidden;padding: 3rem 0 0;}
.ab_desc a{display: block;font-size: 1rem;color: rgba(255,255,255,0.8);}
.ab_desc i{color: #fff;font-weight:bold;padding-left:0.8rem;}
.about-video{width: 80%;margin: 0 auto;height:17rem;}

.ab-more{display: block;width: 30%;text-align: center;font-size: 1rem;color: #fff;margin: 4rem auto 0;}
.ab-more em{width: 3.7rem;height: 3.7rem;display: block;line-height: 0;margin: 0 auto 0.5rem;}
.ab-more em img{width: 3.7rem;height: 3.7rem;}


/*开屏秀*/
html { background: #f7f7f7; }

/*图片加载未完成前，默认背景色*/
.wrap { opacity: 1;  /*开屏秀未加载完成，内容默认不显示(首页最外层盒子)*/ }
.loading { position: fixed; width: 100%; height: 100%; top: 0; z-index: 51; display: none; max-width: 750px; min-width: 320px; z-index: 99999; }
.loading img { display: none; }
.loading #showNext { line-height: 1.8rem; display: none; color: #fff; border: 0.05rem solid #fff; border-radius: 5%; padding-left: 1rem; padding-right: 1rem; text-align: center; position: absolute; right: 1rem; top: 1rem; z-index: 99; }

/*首次加载页面切入效果*/
.homeShow { animation: fade 0.8s ease both; -webkit-animation: fade 0.8s ease both; }

/*渐显动画*/
@-webkit-keyframes fade {
  from { opacity: 1; display: block; }
  to { opacity: 0; display: none; height: 0; }
}
@keyframes fade {
  from { opacity: 1; display: block; }
  to { display: none; opacity: 0; height: 0; }
}
.fade { -webkit-animation-name: fade; animation-name: fade; }

/**/
html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width:320px){html{font-size:8.533px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.664px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73px;}}
@media screen and (min-width:480px){html{font-size:12.796px;}}
@media screen and (min-width:520px){html{font-size:13.863px;}}
@media screen and (min-width:560px){html{font-size:14.93px;}}
@media screen and (min-width:600px){html{font-size:15.996px;}}
@media screen and (min-width:640px){html{font-size:17.06px;}}
@media screen and (min-width:680px){html{font-size:18.1288px;}}
@media screen and (min-width:700px){html{font-size:18.66px;}}
@media screen and (min-width:720px){html{font-size:19.1952px;}}
@media screen and (min-width:750px){html{font-size:20px;}}