body{ font-family:Arial,"Microsoft YaHei",sans-serif; color:#333;background:#f5f5f5; padding: 0; margin:0 auto; font-size: .3rem;}
html,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,ul,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;list-style:none; }
input,select,textarea{color:#b3b3b3;font-family: "helvetica" , "Microsoft YaHei",sans-serif;outline:0;/*-webkit-tap-highlight-color:rgba(0,0,0,0);*/-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
input[type=button],input[type=reset],input[type=submit],select{-webkit-appearance:none;-moz-appearance:none;appearance:none;/*-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent*/}
input[type=button],input[type=reset],input[type=submit]{cursor:pointer}
input,select,textarea,button{font-family: "helvetica" , "Microsoft YaHei";outline:none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999;}
input::-moz-placeholder,textarea::-moz-placeholder{color:#999;}
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999;}  
input:focus,select:focus,textarea:focus{color:#333} 
input.false:focus{border:2px solid #ff1531;background:#fff}
input[type="button"],input[type="email"],input[type="text"],input[type="submit"],input[type="reset"],button[type="button"],button:focus{ cursor:pointer; -webkit-appearance: none; -moz-appearance:none; -webkit-appearance:none; appearance:none;/*-webkit-tap-highlight-color: rgba(0,0,0,0.0);*/ }
textarea{resize:none;}
a,input{outline:none}
input:focus {outline: none; } 
img{max-width: 100%;display: block;margin: auto;}
a:hover,a:link,a:visited {color:#666;  text-decoration:none;}
.color-blue,a.color-blue:link,a.color-blue:visited{color:#32609e;text-decoration:none}
a.color-blue:hover{text-decoration:none;color:#32609e}
.color-gray,a.color-gray:link,a.color-gray:visited{color:#999;text-decoration:none}
a.color-gray:hover{text-decoration:none;color:#999}
.color-icon,a.color-icon:link,a.color-icon:visited{color:#bbb;text-decoration:none}
a.color-icon:hover{text-decoration:none;color:#bbb}
.color-chonge,a.color-chonge:link,a.color-chonge:visited{color:#ff5c2b;text-decoration:none}
a.color-chonge:hover{text-decoration:none;color:#ff5c2b}
.cor-fff,a.cor-fff{text-decoration:none;color:#fff}
a.bg-blue,.bg-blue{background: #32609e; color: #fff;}a.bg-chonge,.bg-chonge{background: #ff5c2b; color: #fff;}
.button{height: 1rem; line-height: 1rem;  text-align: center; width: 100%; border:0; background-color: #007dfd; color: #fff; font-size: .35rem;}
a.button{color: #fff;}
.button-chonge,a.button-chonge{background-color: #ff6600;}
.button-while,a.button-while{background-color: #fff; color: #555; position: relative;}
.button-while:before{content: "";border:1px solid #eee; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.hide{display: none;}
.button[disabled=disabled]{background-color: #eee;}
.fl{float: left;}
.fr{float:right;}
.clear{clear: both;zoom:1;}
.clear:after{display:block;content:"";height:0;clear:both;overflow:hidden;visibility:hidden}
.tc{text-align:center}.tr{text-align:right}select.tr{direction: rtl;}.tl{text-align:left}
/*flex*/
.flex{ display:-webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items:center; justify-content:space-between;}
.flexitem{min-width:1px;-webkit-box-flex: 1;  -moz-box-flex: 1;-webkit-flex: 1; -ms-flex: 1;  flex: 1; }
.flexbox.center{align-items:center ;}
.flex.flex-wrap{flex-wrap:wrap;}
.flex-top{align-items:flex-start !important;}
.flex-center{justify-content:center !important;}
.flex.flex-left{justify-content: flex-start !important;}


.page-container{max-width: 1500px; padding-left: 50px; padding-right: 50px; margin: auto;}
/*head */
.index_header{position: fixed;  z-index: 9; top: 0; left: 0; right: 0;}
.index_header .logo{margin-top:3vh;}
.index_header .logo img{ height:6vh; margin: 0; width: auto;}
.index-banner{width: 100%; height:100vh; position: relative; overflow: hidden; background-color: #0053BC;}
.index-banner .swiper-pagination{ bottom: 10vh;}
.index-banner .swiper-slide{ color: #fff;padding-top:16vh; background-repeat: no-repeat;background-position: center; background-size: auto 100%;}
.index-banner .swiper-slide .title{ margin-left:4%; font-size:42px; font-weight: bold;}
.index-banner .swiper-slide .sub-title{margin-top:2.5vh;margin-left:4%; font-size:20px;}
.index-banner .swiper-slide .img_sen{margin-top:50px; margin-left: 4%;}
.index-banner .swiper-slide .img_sen img{display: block; margin:0;}
.index-banner .swiper-pagination{ bottom: 10vh;}
.index-banner .swiper-pagination .swiper-pagination-bullet{width: 50px; height: 5px; background-color: #fff; border-radius: 0;}
.index-history{position: fixed; z-index: 9; top:12vh; right:20%; color: #fff;}
.index-history .col-header{margin-bottom:30px; margin-left: -160px;}
.index-history .col-header h3{font-size:22px;}
.index-history .col-header p{font-size: 13px; margin-top:5px;}
.index-history .item{position: relative; height: 100px;}
.index-history .item-content{width:140px; position: absolute; font-size: 13px;}
.index-history .item-content .iamge{ margin-top:10px; border:1px solid #00c6fb; border-radius:5px;}
.index-history .year{width: 30px;  height:30px; position: absolute; top:80%; text-align: center; line-height:30px; background-color: #00c6fb; font-size: 10px; border-radius: 100%;} 
.index-history .date{position: absolute; top:50%; font-size: 11px; width:65px; background-color: #00c6fb; padding: 0 15px; height: 30px;  line-height: 30px; border-radius: 30px;}
.index-history .shuxian{width:30px; height: 100%; background-color: rgba(255,255,255,.3);}
.index-history .xiasn{ position: absolute; z-index: -1; width: 110px; height: 1px; background-color: #00c6fb; top:64%; left: -30px;}
.index-history .icons{position: absolute;}
.index-history .item:nth-child(2n+1) .item-content{left:-160px;}
.index-history .item:nth-child(2n+2) .item-content{left:80px;}
.index-history .item:nth-child(2n+1) .date{left:80px;}
.index-history .item:nth-child(2n+2) .date{left:-130px;}
.index-fonter{ position: fixed; z-index: 9; bottom: 0; left: 0; right: 0; text-align: center; line-height:28px; padding:1vh; color:rgba(255,255,255,.5); background-color:rgba(0,0,0,.3);}
.skip-button{position: fixed; z-index: 99; cursor: pointer; line-height: .7rem; border-radius: 1rem; padding: 0 .4rem; font-size: .26rem; right: .4rem; top: .4rem; background-color: rgba(0,0,0,.5); color: #fff;}

/*page */
.header{position: fixed;  z-index: 99; top: 0; left: 0; right: 0;}
.header-container{display: flex; align-items: center; padding-top:2vh; padding-bottom: 2vh;}
.header-container .logo img{ height:6vh; margin: 0; width: auto;}
.nabbtn{display: none;}
.header-container .nav{flex: 1;color: #fff; font-size: 16px;}
.header-container .nav ul{display: flex; margin-left: 20%;  justify-content: center; line-height: 6vh;}
.header-container .nav a{display:block; color: #fff; margin:0 40px;}
.header-container .button-group .btn{border: 1px solid #fff; line-height: 5vh; padding: 0 30px; color: #fff; border-radius:50px; display:inline-block; line-height: .7rem;}
.header-container .button-group .btn+.btn{margin-left:.2rem}
.header.active{background-color: #fff;color: #333; border-bottom: 1px solid #ddd;}
.header.active .nav a{ color: #333;}
.header.active .button-group .btn{border-color:#f1004d;  color: #f1004d;}
.header.active .nav a{ color: #333;}
.fonter-contact{color:rgba(255,255,255,.5); font-size:.26rem; padding: 30px 0; border-bottom: 1px solid rgba(255,255,255,.1); background-color:rgba(0,0,0,.8);}
.fonter-contact .page-container{display: flex; }
.fonter-contact .contact{line-height:.5rem; flex: 1;}
.fonter-contact .contact h3{color: #fff; font-weight: 500; margin-bottom: .2rem;}
.fonter-contact .code{display: flex; align-items: center;}
.fonter-contact .code .text{flex: 1; margin-right: .3rem; text-align: right;}
.fonter-contact .code .text h3{font-size: .26rem; color: #fff; margin-bottom: .2rem;}
.fonter-contact .code .img{width: 80px; background-color: #fff; padding:5px;}
.fonter{text-align: center; line-height:.5rem; font-size:.26rem; padding:2vh; color:rgba(255,255,255,.5); background-color:rgba(0,0,0,.8);}

/*HOME*/
.home-banner{height: 100vh; width: 100%; max-height:900px; overflow: hidden; position: relative;}
.home-banner .swiper-slide{ color: #fff; background-repeat: no-repeat;background-position: center; background-size:cover;}
.home-banner .swiper-pagination .swiper-pagination-bullet{width: 50px; height:3px; background-color: #fff; border-radius: 0;}
.serve-container{padding-top:50px; padding-bottom: 80px; background-color: #fff;}
.serve-container .col-header{display: flex; justify-content: space-between;}
.serve-container .col-header .name{display: flex; align-items: flex-end;}
.serve-container .col-header .name .ch{font-size: 30px; margin-right:20px;}
.serve-container .col-header .name .en{text-transform:uppercase; font-size: 18px; color: #999;}
.serve-container .col-header .tel{display: flex; align-items: center;}
.serve-container .col-header .tel i{margin-right: 15px;}
.serve-container .col-header .tel p{color: #999; margin-bottom: 3px;}
.serve-container .col-header .tel h3{font-weight: 500; font-size:24px; color: #576ef1;}
.serve-container .col-content{margin-top:30px;}
.serve-container .col-content .group {margin-left: -10px; margin-right: -10px;}
.serve-container .col-content .group .item{width: 25%; float: left;}
.serve-container .col-content .group .item .item-main{display: flex; margin:0 10px;}

.col-banner{height: 70vh; background-color: #fff; background-position: center; background-repeat: no-repeat; background-size:auto 100%;}
.col-container{min-height: 100vh;}
.col-name{padding:5vh 0; text-align: center;}
.col-name .name-en{font-size:.8rem; color: #ddd; text-transform: uppercase;}
.col-name .name-ch{font-size: .52rem; position: relative; margin-top: -30px; font-weight: bold;}
.header-height{height: 10VH;}

/*product*/
.product-container{background-color: #FFFFFF; padding-top: 50px;}
.product-content{max-width: 730px; margin: auto;}
.product-head{width: 730px; height: 60px; margin: auto; text-align: center; line-height: 60px; font-size: 24px; color: #FFFFFF; background-image: linear-gradient(135deg, #0df0f6, #bf1ae5); border-radius: 5rem;}
.product-list{margin-top: 1rem; padding-bottom: 3rem;}
.item-head{background-color: #DEEEFC; font-size: .32rem;  color: #6686ED; font-weight: bold;}
.item-tr{display: flex; height: 60px; padding: 0; text-align: center; align-items: center;}
.item-tr .item-ranking{width: 180px; text-align:center;}
.item-tr .item-ranking div{ width:24px; height:24px; color: #6686ED; line-height: 24px; margin: auto; border-radius:100%; background-color: #fff;}
.item-tr .item-bind{flex: 1; display: flex; text-align: left; align-items: center;}
.item-tr .item-bind div{width: 60px; background-color: #fff;margin-right: .3rem;}
.item-tr .item-bind span{flex: 1;}
.item-tr .item-detail{width: 150px; font-size: .26rem; color: #6686ED;}
.item-tr.item-head .item-bind{text-align: center; display: block;}
.item-tr:nth-child(2n+2){background-color: #F9FBFC;}
.item-tr:nth-child(2n+3){background-color: #EFF6FC;}
.item-tr:nth-child(2) .item-ranking div,.item-tr:nth-child(3) .item-ranking div,.item-tr:nth-child(4) .item-ranking div{font-size: 0; border-radius: 0; width:40px; height: 40px; background-color: transparent; background-repeat: no-repeat; background-size:contain;}
.item-tr:nth-child(2) .item-ranking div{background-image: url(../images/champion.png);}
.item-tr:nth-child(3) .item-ranking div{background-image: url(../images/runner-up.png);}
.item-tr:nth-child(4) .item-ranking div{background-image: url(../images/third-up.png);}
.downicon{padding: .2rem 0 .5rem;}
.downicon div{width: 16px; height: 16px; margin: auto; transform: rotate(45deg); border-right: 2px solid #aaa; border-bottom: 2px solid #aaa;}
.downicon div+div{margin-top: -.15rem;}
/* column*/
.about-container{padding-top: 40px; padding-bottom: 40px; display: flex;}
.aside-meun{width:260px; background-color: #fff; margin-right: 20px;}
.aside-meun .meun-item{display:flex; font-size: .28rem;padding: .3rem; align-items: center;}
.aside-meun .meun-item+.meun-item{border-top: 1px solid #eee;}
.aside-meun .meun-item i{display: block; width: 20px; height: 20px; background-color: #F5F5F5; margin-right: 10px;}
.col-main{background-color: #fff; flex: 1;}
.about_banner img{ width: 100%;}
.about-content{padding: 40px; line-height: .5rem; min-height: 60vh; font-size: .28rem;}
.about-content h3{font-size: .36rem;}
.links-content{padding: 50px 0;}
.links-content li{ width: 25%; float: left;}
.links-content li a{display: block; margin: 10px; border:1px solid #eee;}


/* contact */
.contact-container{background-color: #fff; padding:1.4rem .8rem; margin-bottom: 50px;}
.contact-wrap{ display: flex;}
.contact-container .contact_text{flex: 1;}
.contact_text h6{font-size: .26rem; margin-bottom: .5rem; font-weight: 500;}
.contact_text h2{font-size: .4rem; margin-bottom: .5rem;}
.contact_text h5{margin-bottom: .5rem;}
.contact_text div,.contact_text p{line-height: .8rem; font-size: .28rem;}
.contact-container .message{width: 45%;}
.message .form_item{float: left; width: 48%; margin-left: 2%; margin-bottom: .3rem;}
.message .form_textarea{width: 98%;margin-left: 2%; }
.message .form_item .int{width: 100%; display: block; padding: .2rem; border:1px solid #aaa;}
.form_button{padding-left: 2%; padding-top: .5rem; clear: both;}
.message .button{background-color: #f1004d; border-radius: .1rem;}
#dituContent{clear: both; margin-top: 50px;}
#dituContent img{max-width: initial;}


.lot-col-container{padding:80px 0;}
.lot-col-container .col-head{ text-align: center;}
.lot-col-container .col-head .name{display: inline-block; font-size: 24px; font-weight: bold; padding:0 100px; background-image: url(../images/rtc_icon_left.png),url(../images/rtc_icon_right.png); background-position: left center, right center; background-repeat: no-repeat;}
.subname{margin-top: 30px;}
.lot-room,.lot-work{background-color: #fff;}
.lot-room .col-imgs{margin-top: 100px;}
.lot-room .col-advantage,.lot-work .col-advantage,.lot-fire .col-advantage{margin-top: 80px; text-align: center;}
.lot-room .col-advantage .title,.lot-campus .col-advantage .title ,.lot-work .col-advantage .title,.lot-fire .col-advantage .title{font-size: 20px; font-weight: bold; letter-spacing: 10px;}
.lot-room .col-advantage .main,.lot-work .col-advantage .main{margin-top: 30px;}
.lot-room .col-advantage .main .group,.lot-work .col-advantage .main .group{display: flex; justify-content: center;}
.lot-room .col-advantage .main .group .item{padding: 30px; margin:0 40px;  border-radius: 100%; border:1px solid #ddd}
.lot-room .col-advantage .main .group .item h5,.lot-work .col-advantage .main .group .item h5{font-size: 30px; margin-top: 10px; font-weight: 500; margin-bottom: 10px;}
.lot-room .col-advantage .main .group .item div,.lot-work .col-advantage .main .group .item div{line-height: 24px;}

.lot-campus,.lot-fire{background-color: #ecf4ff;}
.lot-campus .col-imgs{margin-top: 100px;}
.lot-campus .col-advantage{margin-top: 80px; text-align: center;}
.lot-campus .col-advantage .main{ margin-top: 30px;;  background-image: url(../images/lot_advantage.png); background-position:center bottom; background-repeat: no-repeat;}
.lot-campus .col-advantage .main .group{display: flex; justify-content: start; width: 1100px; margin: auto; height:280px; text-align: left;}
.lot-campus .col-advantage .main .group .item:nth-child(1){width: 220px;margin-left: 100px;margin-top: 50px;}
.lot-campus .col-advantage .main .group .item:nth-child(2){width: 300px;}
.lot-campus .col-advantage .main .group .item:nth-child(3){width: 230px;}
.lot-campus .col-advantage .main .group .item:nth-child(4){width: 250px; margin-top: 50px;}
.lot-campus .col-advantage .main .group .item h5{font-size: 30px; font-weight: 500;}

.lot-work .col-imgs{margin-top: 80px;}
.lot-work .col-advantage .main{margin-top: 50px;}
.lot-work .col-advantage .main .group .item{width:80px; height: 120px; margin:0 40px; padding:0 50px; background: url(../images/lot_work_group_bg.png) center no-repeat; background-size:auto 100%;}
.lot-work .col-advantage .main .group .item h5{margin-top: 25px; margin-bottom:5px;}
.lot-work .col-advantage .main .group .item div{ font-size: .3rem; }

.lot-work .col-advantage .main{margin-top: 50px;}
.lot-work .col-advantage .main .group .item{width:80px; height: 120px; margin:0 40px; padding:0 50px; background: url(../images/lot_work_group_bg.png) center no-repeat; background-size:auto 100%;}
.lot-work .col-advantage .main .group .item h5{margin-top: 25px; margin-bottom:5px;}
.lot-work .col-advantage .main .group .item div{ font-size: .3rem; }

.lot-fire .col-imgs{margin-top: 80px;}
.lot-fire .col-advantage .main .group {display: flex;justify-content: center;}
.lot-fire .col-advantage .main .group .item{ display: flex; align-items:flex-start; padding: 20px; background-color: #fff; margin: 25px; width: 200px;}
.lot-fire .col-advantage .main .group .item h5{font-size: 24px; font-weight: 500; margin-right: 15px;}
.lot-fire .col-advantage .main .group .item div{text-align: left; flex: 1;}
.lot-fire .col-advantage .main .group .item div h6{font-size: 16px; line-height: 30px; margin-bottom: 5px; font-weight: 500;}
.lot-fire .col-advantage .main .group .item div p{font-size: .26rem;}

.data-col-container {padding:80px 0;}
.data-col-container .col-content{display: flex; justify-content:flex-start;}
.data-col-container .col-content+.col-content{margin-top: 40px;}
.data-col-container .col-imgs{width: 45%;}
.data-col-container .col-text{width: 30%; margin-left: 50px; line-height: 24px;margin-top: 30px;}
.data-col-container .col-text h3{font-size: 22px; margin-bottom: 15px;}
.data-col-container .col-imgs+.col-text{margin-left: 10%;}
.data-col-container .col-text+.col-imgs{margin-left: 10%;}
.data-col-1{background-color: #fff;}


.tv-col-container{padding:80px 0;}
.tv-col-container .col-head{ text-align: center;}
.tv-col-container .col-head .name{display: inline-block; font-size: 24px; letter-spacing: 5px; font-weight: bold; padding:0 100px; background-image: url(../images/rtc_icon_left.png),url(../images/rtc_icon_right.png); background-position: left center, right center; background-repeat: no-repeat;}
.tv-col-container .subname{margin-top: 30px; font-size: .3rem; text-align: center; line-height: .5rem; margin-left: 10%; margin-right: 10%;}
.tv-col-container .col-title{font-size: 24px; letter-spacing:5px; font-weight: bold; text-align: center;}
.tv-col-container .col-head+.col-content{margin-top: 80px;}
.tv-col-container .col-imgs{margin-top: 80px;}
.tv-framework,.tv-message-send,.tv-movies{background-color: #fff;}
.tv-media,.tv-notice,.tv-operate{background-color: #ecf4ff;}

.marketing-col-container{padding:80px 0;}
.marketing-col-container .col-head{ text-align: center;}
.marketing-col-container .col-head .name{display: inline-block; font-size: 24px; letter-spacing: 5px; font-weight: bold; padding:0 100px; background-image: url(../images/rtc_icon_left.png),url(../images/rtc_icon_right.png); background-position: left center, right center; background-repeat: no-repeat;}
.marketing-col-container .subname{margin-top: 30px; font-size: .3rem; text-align: center; line-height: .5rem; margin-left: 15%; margin-right: 15%;}
.marketing-col-container .col-head+.col-content{margin-top: 80px;}

.marketing-tos{background-color: #fff;}

.marketing-col-container .col-content{display: flex;justify-content:center;}
.marketing-col-container .col-content .col-txt{width: 30%;  margin-top: 20px;}
.marketing-col-container .col-content .col-txt .col-subtitle{color: #FA8D01; margin-bottom: 15px;}
.marketing-col-container .col-content .col-txt .col-title{font-size: 24px;}
.marketing-col-container .col-content .col-txt .col-title::after{content: ""; margin-top:10px; display: block; width: 50px; height: 3px; background-color: #FA8D01;}
.marketing-col-container .col-content .col-txt+.col-imgs{margin-left: 5%;}
.marketing-col-container .col-content .col-imgs+.col-txt{margin-left: 5%; margin-right: 5%;}
.marketing-col-container .col-content .col-imgs{width: 45%;}
.marketing-col-container .col-content .col-info{margin-top: 20px; line-height:.5rem;}

.marketing-demand,.marketing-launch{background-color: #ecf4ff;}
.marketing-marke{background-color: #fff;}
.marketing-launch .col-content{display:block;}
.marketing-launch .col-content .col-txt{width:initial; text-align: center; margin-top: 0;}
.marketing-col-container .col-content .col-txt .col-title::after{margin-left:auto; margin-right: auto;}
.marketing-col-container .col-content .col-imgs{margin-top:80px; width:initial;}