@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: #cb2039; }

/*标题*/
.m-tit{display: block;width: 100%;text-align: center;height: 5rem;font-size: 2rem;color: #333;line-height: 2.1rem;font-weight: bold;overflow: hidden;position: relative;}
.m-tit span{display: block;font-size: 1.3rem;font-weight: normal;}
.m-tit:before{content: "";width: 4.2rem;height: 0.15rem;position: absolute;bottom: 0;left: 50%;background:#cb2039;margin-left: -2.1rem;z-index: 2;}

/*引子*/
.g-yinz{padding: 5rem 0 4rem;}
.g-yinz dl{width: 25%;float: left;}
.g-yinz dl dt{width: 5.4rem;height: 5.4rem;border: #e5e5e5 1px solid;border-radius: 50%;margin: 0 auto;position: relative;}
.g-yinz dl dt:before{content: "";width: 0.3rem;height: 0.3rem;position: absolute;top: -0.3rem;left: 50%;background:#fff;border: #d0102b 0.15rem solid;border-radius: 50%;margin-left: -0.3rem;z-index: 2;}
.g-yinz dl dt:after{content: "";width: 2.7rem;height: 5.4rem;position: absolute;top: 0;left: 2.7rem;border: #d0102b 1px solid;border-radius: 0 100% 100% 0/50%;border-left: none;}
.g-yinz dl dt em{display: block;width: 3.7rem;height: 3.7rem;line-height: 0;overflow: hidden;margin: 0.8rem auto 0;border-radius: 50%;}
.g-yinz dl dt img{width: 3.7rem;height: 7.4rem;margin-top: -3.7rem;}
.g-yinz dl dd{width: 85%;text-align: center;margin: 0 auto;padding: 1.5rem 0 0;}
.g-yinz dl dd h5{font-size: 1.5rem;color: #333;height: 2.5rem;line-height: 2.5rem;;}
.g-yinz dl dd p{font-size: 1.2rem;color: #666;line-height: 1.5rem;max-height: 3rem;overflow: hidden;padding: 10px 0 0;}
.g-yinz dl dd p i{display: block;}

/*解决方案*/
.g-plan{width: 100%;background: #f2f2f2;padding: 3.5rem 0 5rem;}
.m-plan{width: 92%;margin: 0 auto;padding: 2.8rem 0 0;}
.m-plan dl{width: 100%;position: relative;}
.m-plan dl dt{width: 100%;line-height: 0;}
.m-plan dl dd{width: 39%;position: absolute;top: 2.5rem;left: 1.5rem;}
.m-plan dl dd h5{height: 3.5rem;line-height: 3.5rem;overflow: hidden;position: relative;}
.m-plan dl dd h5 a{font-size: 1.5rem;color: #fff;}
.m-plan dl dd h5:before{content: "";width: 2.5rem;height: 0.15rem;position: absolute;bottom: 0;left: 0;background:#fff;}
.m-plan dl dd p{font-size: 1.1rem;color: #aeaeae;line-height: 1.6rem;height: 8rem;overflow: hidden;padding: 0.6rem 0 0;width: 88%;}
.m-plan ul{display: inline-block;width: 92%;padding: 1rem 4%;background:#fff;}
.m-plan ul li{width: 50%;float: left;height: 3.3rem;line-height: 3.3rem;overflow: hidden;}
.m-plan ul li a{font-size: 1.3rem;color: #333;display: block;width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.m-plan ul li em{width: 0.9rem;height: 0.9rem;display: block;float: left;line-height: 0;overflow: hidden;padding: 1.2rem 0.5rem 0 0;}
.m-plan ul li em img{width: 0.9rem;height: 0.9rem;}
.m-plan ul li:nth-child(5),.m-plan ul li:nth-child(6){border-bottom: none;}
.u-plan{width: 92%;margin: 0 auto;overflow: hidden;}
.plan{padding: 3rem 25% 0;}
.plan dl{width: 50%;background: #fff;}
.plan dl dt{width: 100%;line-height: 0;}
.plan dl dd{width: 82%;padding: 2.5rem 0;margin: 0 auto;position: relative;}
.plan dl dd h3{height: 4.4rem;font-size: 1.5rem;color: #333;line-height: 1.8rem;position: relative;overflow: hidden;}
.plan dl dd h3 i{display: block;font-size: 1.2rem;font-weight: normal;}
.plan dl dd h3:before{content: "";width: 2rem;height: 0.15rem;position: absolute;bottom: 0;left: 0;background:#cf213a;}
.plan dl dd p{font-size: 1.2rem;color:#666;line-height: 1.8rem;padding:1rem 0 0;height: 9rem;overflow: hidden;}
.plan dl dd span{width: 2.5rem;height: 2.5rem;display: block;position: absolute;top: 3rem;right: 0;}
.plan dl dd span img{width: 2.5rem;height: 2.5rem;}
.g-plan .swiper-slide{opacity: .4;-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);}
.plan .switch,.yous .switch{ display: flex; justify-content: center; align-content: flex-end;margin-top: 3rem;}
.plan .switch .swiper-pagination,.yous .switch .swiper-pagination { position: relative; }
.plan .switch .swiper-pagination-bullet,.yous .switch .swiper-pagination-bullet { background: #333; width: 0.9rem; opacity: 1; height: 0.9rem; margin: 0 0.7rem 0 !important; border-radius: 50%; }
.plan .switch .swiper-pagination-bullet-active,.yous .switch .swiper-pagination-bullet-active { opacity: 1;background: #cf213a;}
.g-plan .swiper-slide-active { opacity: 1; -webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}

/*扩建升级*/
.g-eight{width: 100%;height: 40rem;padding: 5rem 0 0; background: url(../images/eight_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-eight .m-tit{color: #fff;}
.g-eight .m-tit:before{background:#fff;}
.g-eight ul{width: 92%;margin: 0 auto;padding: 2rem 0 0;}
.g-eight ul li{width: 23.7%;float: left;position: relative;margin-right: 1.7%;margin-bottom: 0.5rem;background: #fff;height: 10.5rem;border-radius: 0.4rem;padding-top: 2.5rem;}
.g-eight ul li a{display: block;width: 78%;margin: 0 auto;}
.g-eight ul li span{display: block;font-size: 1.2rem;color: #333;line-height: 1.8rem;height: 5.9rem;overflow: hidden;}
.g-eight ul li em{width: 1.6rem;height: 1.6rem;display: block;padding: 0.8rem 0 0;line-height: 0;}
.g-eight ul li em img{width: 1.6rem;height: 1.6rem;}
.g-eight ul li b{display: block;font-size: 1rem;color: #fff;width: 2.4rem;height: 2rem;padding-right: 0.4rem;position: absolute;bottom: 0;right: 0;border-radius:0 0 0.4rem 0;text-align: right;line-height: 2rem;font-family: "Impact";font-weight: normal; background: url(../images/eight_k.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-eight ul li:nth-child(4n){margin-right: 0;}
.g-eight a.zx{display: block;width: 10rem;height: 3rem;line-height: 3rem;text-align: center;font-size: 1.2rem;color: #fff;background: #cf213a;margin: 1rem auto 0;border-radius: 0.2rem;}

/*产品中心*/
.g-cp{ width:92%;margin: 0 auto; padding:4.5rem 0 3rem;}
.g-cp .pro_t{ height:4.5rem; line-height:2.5rem; width:100%;padding: 2.5rem 0 0;}
.g-cp .pro_t li{ width:25%; float:left; position:relative;font-size: 1.3rem;color: #333;font-weight: bold;}
.g-cp .pro_t li a{color: #333;display: flex;justify-content:center;align-items:center;}
.g-cp .pro_t li em{width: 1.1rem;height: 1.1rem;display: none;float: left;line-height: 0;padding-right: 0.5rem;}
.g-cp .pro_t li em img{width: 1.1rem;height: 1.1rem;}
.g-cp .pro_t li.z-on em{display: block;}
.g-cp .m-box .con{ display:inline; float:left;}
.cp_pic{display: block;width: 100%;line-height: 0;}
.m-cp{padding: 2.5rem 0 0;}
.cp_list{width: 31%;float: left;margin-left: 3.5%;}
.cp_list p{width: 100%;line-height: 0;position: relative;margin-bottom:0.8rem;}
.cp_list p img{border:#ccc 1px solid;box-sizing:border-box;}
.cp_list p span{display: block;font-size: 1rem;color: #fff;background: #cf213a;height: 2rem;line-height: 2rem;width: 80%;text-align: center;overflow: hidden;position: absolute;bottom: 0;left: 10%;}
.m-cp ul li{width: 100%;}
.m-cp ul li a{display: block;font-size: 1.1rem;color: #666;height: 3rem;line-height: 3rem;width: 100%;text-align: center;overflow: hidden;border-bottom:#eee 1px solid;text-transform: uppercase;}
.m-cp ul li:last-child a{border-bottom:none;}
.m-cp .cp_list:first-child{margin-left: 0;}

/*客户案例*/
.g-case{ width:100%; overflow:hidden; padding:3.5rem 0 0;background: #f4f4f4;}
.g-case .m-cnt{ height:3.7rem; width:92%; padding: 2.5rem 0 0;margin: 0 auto;position: relative;z-index: 10;}
.g-case .m-cnt li{ width:25%; text-align:center; float:left; position:relative;height: 3.7rem;line-height: 3.7rem;font-size: 1.2rem;color: #333;
background: #e2e2e2; /* Old browsers */
background: -moz-linear-gradient(left,  #e2e2e2 0%, #f8f8f8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #e2e2e2 0%,#f8f8f8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #e2e2e2 0%,#f8f8f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#f8f8f8',GradientType=1 ); /* IE6-9 */
}
.g-case .m-cnt li.z-on{ background:#cb2039; color:#fff;}
.g-case .m-cnt li.z-on:before{ position:absolute; content:""; width:0; height:0;bottom: -0.6rem;left: 50%;margin-left: -0.6rem;
border-top:0.8rem solid #cb2039; 
border-left:0.8rem solid transparent;
border-right:0.8rem solid transparent;
}
.g-case .m-box .con{ display:inline; float:left;}
.g-case dl{width: 92%;margin: 0 auto;}
.g-case dl dt{width: 100%;line-height: 0;}
.g-case dl dd{text-align: center;width: 80%;margin: 0 auto;padding: 1rem 0 0;}
.g-case dl dd h5{height: 2.5rem;line-height: 2.5rem;overflow: hidden;}
.g-case dl dd h5 a{font-size: 1.4rem;color: #333;display: block;width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-weight: normal;}
.g-case .case_desc{font-size: 1.1rem;color: #666;line-height: 1.6rem;height: 3.2rem;overflow: hidden;padding: 0.5rem 0 0;}

/*合作客户*/
.g-pp{ width:100%; overflow:hidden; padding:2rem 0;background: #f4f4f4;}
.g-pp .m-box .con{ display:inline; float:left;}
.g-pp ul{width: 92%;margin: 0 auto;}
.g-pp ul li{ width:25%; float:left;position: relative;}
.g-pp ul li:before{content: "";width: 1px;height: 100%;position: absolute;top: 0;left: 0;background:#e3e3e3;}
.g-pp ul li:first-child:before{background: none;}

/*优势*/
.yous{padding: 5rem 0 3.5rem;width: 92%;margin: 0 auto;}
.yous dl{width: 100%;margin: 2.5rem 0 0;}
.yous dl dt{width: 100%;line-height: 0;}
.yous dl dd{width: 100%;padding: 1rem 0 0;position: relative;text-align: center;}
.yous dl dd h3{height: 4rem;width: 100%;font-size: 1.5rem;color: #333;position: relative;line-height: 4rem;overflow: hidden;}
.yous dl dd h3:before{content: "";width: 16rem;height: 2px;background: #dadada;position: absolute;bottom: 0;left: 50%;margin-left: -8rem;}
.yous dl dd h3:after{content: "";width: 3rem;height: 3px;background: #cb2039;position: absolute;bottom: 0;left: 50%;margin-left: -1.5rem;z-index: 10;}
.yous dl dd p{font-size: 1.2rem;color:#666;line-height: 2rem;padding:1rem 0 0;height: 12rem;overflow: hidden;width: 85%;margin: 0 auto;}
.yous dl dd em{display: block;width: 7.15rem;height: 7.15rem;position: absolute;top: -7.15rem;right: 0;}
.yous dl dd em img{width: 7.15rem;height: 7.15rem;}

/*铂锐团队*/
.g-team{background: #f4f4f4;padding: 3rem 0;}
.g-team dl{padding: 1.5rem 0 0;width: 100%;}
.g-team dl dt{width: 100%;line-height: 0;}
.g-team dl dd{width: 100%;padding: 1rem 0 0;}
.g-team ul{padding-left: 4%;width: 21%;float: left;display: block;height: 10rem;position: relative;}
.g-team ul:before{ content: "";width: 1px;height: 9rem;position: absolute;top: 1rem;left: 0; background: #d0d0d0;}
.g-team ul li{font-size: 1.2rem;color: #333;height: 3.5rem;line-height: 1.5rem;overflow: hidden;width: 100%;padding-top: 1.5rem;}
.g-team ul li i{display: block;}
.g-team ul li em{display: block;width: 0.9rem;height: 0.9rem;float: left;line-height: 0;padding: 0.2rem 0.4rem 0 0;}
.g-team ul li em img{width: 0.9rem;height: 0.9rem;}
.g-team ul li span{display: block;float: left;}
.g-team dl dd ul:first-child:before{background: none;}

/*威尼斯欢乐娱人城官网*/
.g-about{width: 92%;padding:4rem 0 3rem;margin: 0 auto;}
.g-about dl{width: 100%;padding: 2rem 0 0;}
.g-about dl dt{width: 100%;line-height: 0;}
.g-about dl dd{width: 90%;margin: -2rem auto 0;text-align: center;height: 16.5rem;background: #cb2039;position: relative;z-index: 10;}
.ab_desc{font-size: 1.2rem;color: rgba(255,255,255,0.6);line-height: 1.8rem;height: 12.2rem;overflow: hidden;padding: 2rem 0 0;width: 88%;margin: 0 auto;}
.g-about dl dd .u-more{display: block;width: 29%;padding: 1rem 0 0;margin: 0 auto;}
.g-about dl dd .u-more a{font-size: 1.2rem;color: #fff;display: block;width: 100%;height: 3.1rem;line-height: 2.8rem;overflow: hidden;background: #333;border-radius: 3rem;}
.ibrand-num{overflow:hidden;height: 14rem;width: 90%;margin: 3rem auto 0;display: block;position: relative;}
.ibrand-num:before{ content: "";width: 1px;height: 100%;position: absolute;top: 0;left: 50%; background: #efefef;z-index: 10;}
.ibrand-num:after{ content: "";width: 100%;height: 1px;position: absolute;top: 50%;left: 0; background: #efefef;z-index: 10;}
.ibrand-num li{float:left;height:6rem;color:#d0102b;font-size:1.2rem;width: 40%;padding: 1rem 0 0 10%;}
.ibrand-num li span{font-size:3rem;font-family:"DINOT";line-height: 2.5rem;font-weight: bold;}
.ibrand-num li b{display: block;font-weight: normal;padding: 0.2rem 0 0;color: #333;}

/**/

/*开屏秀*/
/*html { background: #f7f7f7; }
.wrap { opacity: 0;  }
.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;background:#cf213a; 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; }*/

/**/



.g-news{padding:3rem 0;}
.newt{ width:92%; margin:1.1rem auto 0.6rem; border-bottom:1px solid #d2d2d2;height:3.8rem;}
.newt li{display:block; float:left; font-size:1.3rem; color:#000; line-height:3.8rem; padding:0 0 0 0%;  width: 25%;
    text-align: center;}

.newt .z-on{ border-bottom:2px solid #cb0912; color:#cb0912; }

.newt a{ display:block; float:right; font-size:1.3rem; color:#000; line-height:3.8rem;}
.m-new{margin:0 auto; width:92%; overflow:hidden;}
.g-news dl{ padding:1.1rem 0; border-bottom:1px solid #ddd;}
.g-news dl:last-child{ border:0;}
.g-news dt{ width:28.4%; float:left;}
.g-news dd{ width:66.66%; float:right;}
.g-news dd h3{ font-size:1.2rem; color:#333; height:3.8rem; line-height:1.7rem; margin:0.6rem 0 1rem;overflow:hidden; font-weight:bold;}
.g-news dd p{ font-size:1.1rem; line-height:1.6rem; color:#6e6e6e;}


.g-news .tit1 {
    text-align: center;
    font-size: 2.25rem;
    font-weight: bold;
    color: #353b42;
}

.g-news .tit1 em {
    display: block;
    font-size: 1.2rem;
    color: #666;
    font-weight: normal;
    margin-top: 0.3rem;
}

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;}}