html {font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-touch-callout:none; -webkit-user-select:auto;}
.contedit {word-wrap:break-word;}
.contedit ul li{list-style-type:disc;}
.contedit ol li{list-style-type:decimal;}
.contedit ul{padding:0 0 0 40px; margin:16px 0;}
.contedit ol{padding:0 0 0 40px; margin:16px 0;}
/*html, body {position:relative; height:100%;}*/
.wrap{width:100%;height:100%;}
.header{height:auto;}
.footer{height:auto;}
.main{width:auto; margin:0 auto;}

.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flex-Y{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}

body{background-color:#FFF; margin:0px; padding:0px; color:#000; overflow-x:hidden; font-family:Microsoft YaHei,"微软雅黑","Times New Roman",Hiragino Sans GB,tahoma,arial,simhei,"宋体";}
img{border:none;}
li{list-style-type:none;}
ul{padding:0; margin:0;}
ol{padding:0; margin:0;}
p{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-weight:normal;}
input,textarea,button{outline:none; color:#666; font-family:Hiragino Sans GB,Microsoft YaHei,"微软雅黑",tahoma,arial,simhei,"宋体"; -webkit-appearance:none; /*remove input style*/ border-radius:0; border:0; background-color:transparent;}
button{border:none; cursor:pointer;}
a,button,input,textarea,div,ul,li,p,span,img,h1,h2,h3,h4,h5,h6{-webkit-tap-highlight-color:rgba(0,0,0,0);}
a{text-decoration:none;}

video::-internal-media-controls-download-button {
    display:none;}

/*::-webkit-scrollbar{display:none;}*/

::-webkit-input-placeholder { /* WebKit browsers */
    color:#000; opacity:0.2;}
input:focus::-webkit-input-placeholder {opacity:0.1;}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#000; opacity:0.2;}
input:focus:-moz-placeholder {opacity:0.1;}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#000; opacity:0.2;}
input:focus::-moz-placeholder {opacity:0.1;}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#000; opacity:0.2;}
input:focus:-ms-input-placeholder {opacity:0.1;}

a:link{text-decoration:none; color:#000;}
a:visited{text-decoration:none; color:#000;}
a:hover{text-decoration:none; color:#999;}

a.aa:link{text-decoration:none; color:#aaa;}
a.aa:visited{text-decoration:none; color:#aaa;}
a.aa:hover{text-decoration:underline; color:#333;}

a.bb:link{text-decoration:none; color:#ccc;}
a.bb:visited{text-decoration:none; color:#ccc;}
a.bb:hover{text-decoration:underline; color:#ccc;}

a.cc:link{text-decoration:underline; color:#aaa;}
a.cc:visited{text-decoration:underline; color:#aaa;}
a.cc:hover{text-decoration:underline; color:#333;}

.blur-7{
    -webkit-filter: blur(8px);
    -moz-filter: blur(8px);
    -ms-filter: blur(8px);
    -o-filter: blur(8px);
    filter: blur(8px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=7, MakeShadow=false);
}

.cxy{-webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);}

.cx{-webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);}

.cy{-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);}

.ta-center{text-align:center;}
.ta-left{text-align:left;}
.ta-right{text-align:right;}

.float-left{float:left;}
.float-right{float:right;}

.display-block{display:block;}
.display-none{display:none;}

.h-250{height:250px;}
.h-200{height:200px;}
.h-150{height:150px;}
.h-100{height:100px;}
.h-15p{height:15%;}
.h-25p{height:25%;}
.h-35p{height:35%;}
.h-45p{height:45%;}
.h-55p{height:55%;}
.h-65p{height:65%;}
.h-75p{height:75%;}
.h-85p{height:85%;}
.h-95p{height:95%;}
.h-100p{height:100%;}

.fc-fc7055{color:#fc7055;}
.fc-4888F2{color:#4888F2;}
.fc-BD9A61{color:#BD9A61;}
.fc-22bc2d{color:#22bc2d;}
.fc-999999{color:#999999;}
.fc-FFFFFF{color:#FFFFFF;}
.fc-666666{color:#666666;}
.fc-CCCCCC{color:#CCCCCC;}

.bc-fc7055{background-color:#fc7055;}
.bc-fc7055:hover{background-color:#FD816A;}
.bc-4888F2{background-color:#4888F2;}
.bc-4888F2:hover{background-color:#5A94F3;}
.bc-BD9A61{background-color:#BD9A61;}
.bc-BD9A61:hover{background-color:#C4A571;}
.bc-22bc2d{background-color:#22bc2d;}
.bc-999999{background-color:#999999;}
.bc-EEEEEE{background-color:#EEEEEE;}
.bc-EEEEEE:hover{background-color:#F5F5F5;}
.bc-333333{background-color:#333333;}
.bc-333333:hover{background-color:#444444;}

.m-0-0-10-0{margin:0 0 10px 0;}
.m-0-0-15-0{margin:0 0 15px 0;}
.m-10-0-0-0{margin:10px 0 0 0;}
.m-15-0-0-0{margin:15px 0 0 0;}

.loading{width:auto; height:auto; margin:25px auto 50px auto; text-align:center;}
.loading img{width:50px; height:50px;}

.form{max-width:1400px; height:auto; margin:0 auto 100px auto; padding:0 20px;}
.form .wechatLogin{width:auto; height:auto; margin:0 auto; text-align:center;}
.form .wechatLogin iframe{margin:0 auto;}
.form .wechatLogin img{width:100%; height:auto;}
.form .loginTips{text-align:center; font-size:14px; margin:20px 0 0 0;}
.form .iconTips{text-align:center;}
.form .iconTips i{font-size:48px;}

.awardImg{width:auto; margin:50px auto 50px auto; padding:0 45px;}
.awardImg div{max-width:400px; font-size:0;}
.awardImg div img{width:100%; height:auto;}

.copyRight{width:auto; margin:30px 0; padding:0 45px;}
.copyRight div{font-size:12px; margin:0 0 10px 0; text-transform:uppercase;}
.copyRight div span:hover{color:#999; cursor:pointer;}
.copyRight ul{font-size:12px; color:#ccc; text-transform:uppercase;}
.copyRight ul span{-webkit-transform:scale(0.8); font-size:9px;}
.copyRight div img{width:22px; height:auto; position:relative; margin:0 3px -1px 0;}

.copyRightMini{max-width:1400px; margin:30px auto; padding:0 45px;}
.copyRightMini div{font-size:12px; margin:0 0 10px 0; text-transform:uppercase;}
.copyRightMini div span:hover{color:#999; cursor:pointer;}
.copyRightMini ul{font-size:12px; color:#ccc; text-transform:uppercase;}
.copyRightMini ul span{-webkit-transform:scale(0.8); font-size:9px;}
.copyRightMini div img{width:22px; height:auto; position:relative; margin:0 3px -1px 0;}

.menuList{width:auto; height:auto; padding:0 40px 0 0; position:fixed; top:0; right:-400px; z-index:11;}
.menuList .mlTop{margin:50px 0 60px 0;}
.menuList .mlTop li{width:30px; height:30px; position:relative; cursor:pointer;}
.menuList .mlTop li img{width:30px; height:30px; position:absolute; top:50%; left:50%; margin:-15px 0 0 -15px;}
.menuList .mlTop li:hover img{
    -webkit-animation: addBtnRotate 0.4s  forwards ease;
    animation: addBtnRotate 0.4s  forwards ease;
}

@keyframes addBtnRotate
{
    from{-webkit-transform:rotate(0deg)}
    to{-webkit-transform:rotate(360deg)}
}

@-moz-keyframes addBtnRotate
{
    from{-webkit-transform:rotate(0deg)}
    to{-webkit-transform:rotate(360deg)}
}

@-webkit-keyframes addBtnRotate
{
    from{-webkit-transform:rotate(0deg)}
    to{-webkit-transform:rotate(360deg)}
}

@-o-keyframes addBtnRotate
{
    from{-webkit-transform:rotate(0deg)}
    to{-webkit-transform:rotate(360deg)}
}

.menuList .mlLinks li{font-size:32px; padding:0 0 10px 0; text-align:right; cursor:pointer;}
.menuList .mlLinks li span{position:relative;}
.menuList .mlLinks li span::after{content:''; display:block; width:0; height:4px; position:absolute; right:0; bottom:-1px; background:#e93cac; transition:all 0.3s ease-in-out;}
.menuList .mlLinks li span:hover::after{width:100%;}
.menuList .mlLinks li.hover{color:#e93cac; cursor:default;}

.menuBg{width:0px; height:100%; position:fixed; top:0; right:0; z-index:9; background:rgba(233,60,172,0.9);}
.menuBg div{width:0px; height:100%; position:fixed; top:0; right:0; z-index:8; background:rgba(255,255,255,0.9);}

.top{width:auto; height:300px; position:relative; z-index:3;
    transition-property: height;
    transition-duration: 0.4s;
    transition-timing-function: ease;
    /* Firefox 4 */
    -moz-transition-property: height;
    -moz-transition-duration: 0.4s;
    -moz-transition-timing-function: ease;
    /* Safari 和 Chrome */
    -webkit-transition-property: height;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-timing-function: ease;
    /* Opera */
    -o-transition-property: height;
    -o-transition-duration: 0.4s;
    -o-transition-timing-function: ease;
}
.top .topBanner .topBannerDiv{width:auto; height:110px; padding:0 30px 0 45px;}
.top .topBanner{width:auto; height:100%; padding:0 0 50px 0; position:relative; top:0; left:0; z-index:1;}
.top .topBanner .logo{width:auto; height:auto; position:relative; text-align:center; font-size:0; margin:30px 0 0 0;}
.top .topBanner .logo .logoIcon{width:auto; height:60px;}
.top .topBanner .logo .logoText{width:auto; height:32px;}
.top .topBanner .menuBtn{cursor:pointer; margin:35px 0 0 0; position:relative;}
.top .topBanner .menuBtn p{width:36px; height:36px; text-align:center; border:2px solid #000;}
.top .topBanner .menuBtn p img{width:auto; height:20px; margin:8px 0;}
.top .topBanner .menuBtn p:hover{border:2px solid #e93cac;}
.top .topBanner .menuBtn li{position:absolute; text-align:right; top:5px; right:55px; font-size:14px; line-height:16px; color:#999; white-space:nowrap;}
.top .topBanner .menuBtn li span{font-size:12px;}
.top .ocdTips{width:auto; height:auto; padding:50px 0 40px 45px;}
.top .ocdTips div{text-decoration: underline; text-underline-offset:0.3em; text-decoration-thickness:2px; text-decoration-color:#e93cac;}
.top .ocdTips div h1{font-size:28px; letter-spacing:-1px; margin:0 0 4px 0;}
.top .ocdTips div h2{font-size:20px; letter-spacing:1px; margin: 0 0 0 2px;}

.submenuDiv{width:100%; height:60px; line-height:60px; background-color:#fff; position:absolute; bottom:-10px; z-index:2;}
.submenu{width:auto; height:auto; overflow:auto; position:relative; z-index:1; margin:0 27px 0 0;}
.submenu div ul{text-align:right;}
.submenu div ul li{font-size:16px; height:45px; margin:0 0 0 20px; cursor:pointer; display:inline-block; position:relative;}

.submenu div ul li::after{content:''; display:block; width:100%; height:2px; position:absolute; right:0; bottom:-2px; background:#e93cac; transition:all 0.3s ease-in-out; transform: scale3d(0,1,1); transform-origin:50% 0;}
.submenu div ul li:hover::after{transform:scale3d(1,1,1);}
.submenu div ul li.hover{cursor:default; border-bottom:2px solid #e93cac;}

.sMenu{width:100%; height:auto; display:none;}
.sMenu div{padding:0 30px;}
.sMenu div ul{text-align:right;}
.sMenu div ul li{font-size:16px; margin:0 0 10px 0;}
.sMenu div ul li span{border-bottom:2px solid #FFF; position:relative; cursor:pointer;}
.sMenu div ul li span::after{content:''; display:block; width:0; height:2px; position:absolute; right:0; bottom:-2px; background:#e93cac; transition:all 0.3s ease-in-out;}
.sMenu div ul li span:hover::after{width:100%;}
.sMenu div ul li.hover span{cursor:default; border-bottom:2px solid #e93cac;}

.pageMore{text-align:center; margin:30px 0 50px 0;}
.pageMore li{padding:10px 40px; border:2px solid #333; display:inline-block; color:#333; font-size:14px;}
.pageMore li:hover{border:2px solid #e93cac; background-color: #e93cac; color:#fff; cursor:pointer;}

#topShow {width: 100%; height:auto; position: relative; z-index: 1; padding: 0 0 0 0; margin: 0 0 0 0;}
#TSD {padding: 0 0 40px 0;}
#TSD .swiper-slide {position: relative;}
#TSD video {position: relative; width: 100%; height: auto;}
#TSD img {position: relative; width: 100%; height: auto;}
#TSD .swText{width: 100%; position: absolute; bottom: 30px;  z-index: 2; color: #FFF;}
#TSD .swText .text{font-size: 24px; line-height: 160%; margin: 0 0 20px 0; padding: 0 50px; font-weight: bold;}
#TSD .swText .btn{font-size: 14px; width: 140px; height: 40px; line-height: 40px; display: block; background-color: #fff; color: #111; text-align: center; margin: 0 0 20px 50px; /* box-shadow:1px 1px 0px rgba(0,0,0,0.1);*/}
#TSD .swText .btn:hover{cursor: pointer; background-color: #fafafa; text-decoration: none;}
.DShow{display: block;}
.MShow{display: none;}
/*#TSD .swiper-button-prev{left: 0; color:#fff; padding: 10px 10px;}
#TSD .swiper-button-prev:hover{background-color: #c59b6d;}
#TSD .swiper-button-next{right: 0; color:#fff; padding: 10px 10px;}
#TSD .swiper-button-next:hover{background-color: #c59b6d;}*/

.topicTitle{height:80px; font-size:24px; padding:0 45px 0 45px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.about{width:auto; height:auto; margin:0 0 0 0; position:relative; z-index:1; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.about .aLeft{width:auto; height:auto; background-size:cover; background-position:center center; -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.about .aRight{width:auto; background-color:#333333; color:#FFF; -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.about .aRight div{padding:45px 45px 90px 45px;}
.about .aRight div h1{font-size:32px; font-weight:bold; margin:50px 0 50px 0;}
.about .aRight div ul{font-size:16px; line-height:180%;}
.about .aRight div p{line-height:180%;}

.aboutAblum{padding: 0 0 40px 0;}
.aboutAblum img {display: block;  width: 100%; height: 100%;  object-fit: cover; }

.service{width:auto; height:auto; margin:0px 0 100px 0; position:relative; z-index:1; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.service .sLeft{width:auto; -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.service .sLeft div{padding:0 45px 0 45px;}
.service .sLeft div h1{font-size:32px; font-weight:bold; margin:0 0 25px 0;}
.service .sLeft div ul{font-size:16px; line-height:180%;}
.service .sLeft div ul li h2{font-size:16px; font-weight:bold; text-decoration:underline; margin:10px 0 5px 0;}
.service .sLeft div ul li h3{font-size:12px; line-height:150%;}

.service .sRight{width:auto; height:auto; background-size:cover; background-position:center center; -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}

.coverimg{margin:0 0 0 0;}
.coverimg .item div ul{width:100%; height:100%; position:relative; cursor:pointer; background:rgba(0,0,0,0); z-index:1;
    transition-property: background;
    transition-duration: 0.4s;
    transition-timing-function: ease;
    /* Firefox 4 */
    -moz-transition-property: background;
    -moz-transition-duration: 0.4s;
    -moz-transition-timing-function: ease;
    /* Safari and Chrome */
    -webkit-transition-property: background;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-timing-function: ease;
    /* Opera */
    -o-transition-property: background;
    -o-transition-duration: 0.4s;
    -o-transition-timing-function: ease;
}
.coverimg .item div ul li{width:40%; height:auto; position:absolute; bottom:0; left:0; z-index:2;}
.coverimg .item div ul li h1{padding:0 30px 35px 30px; font-size:18px; line-height:28px; font-weight:bold; text-align:justify; -webkit-hyphens:auto; text-transform:uppercase;}
.coverimg .item div ul li h1 span{background-color:#000; color:#FFF; padding:5px 0; position:relative;}
.coverimg .item div ul li h1 span::after{content:''; display:block; width:0; height:4px; position:absolute; left:0; bottom:-1px; background:rgba(233,60,172,1); transition:all 0.3s ease-in-out;}
.coverimg .item div ul li h1 span:hover::after{width:100%;}
.coverimg .item div:hover ul{background:rgba(0,0,0,0.1);}

.WTop{width:100%; position:absolute; z-index:2; margin:-1px 0 0 0; display: none;}
.WTop div{width:100%; height:auto; overflow:hidden;}
.WTop div svg{width:103%; overflow:hidden; fill:#FFF; position:relative; z-index:2;}

.line{width:100%; height:1px; background-color:#DDD; margin:40px 0;}

.pagesimg{width:auto; height:auto;}
.pagesimg .item .aImg{width:auto; height:850px; background-color:#EEE; background-repeat:no-repeat; background-size:cover; background-position:center center; margin: 0 0 80px 0;
    transition-property: height;
    transition-duration: 0.4s;
    transition-timing-function: ease;
    /* Firefox 4 */
    -moz-transition-property: height;
    -moz-transition-duration: 0.4s;
    -moz-transition-timing-function: ease;
    /* Safari 和 Chrome */
    -webkit-transition-property: height;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-timing-function: ease;
    /* Opera */
    -o-transition-property: height;
    -o-transition-duration: 0.4s;
    -o-transition-timing-function: ease;
}

.mapsDiv{position:relative; z-index:1;}
.maps{width:100%; height:650px; position:relative; z-index:1; margin:0 0 0 0;}
.zoomMaps{width:100%; height:100%; position:absolute; z-index:2; top:0; left:0; background:rgba(0,0,0,0.4); opacity:0;
    transition-property: opacity;
    transition-duration: 0.4s;
    transition-timing-function: ease;
    /* Firefox 4 */
    -moz-transition-property: opacity;
    -moz-transition-duration: 0.4s;
    -moz-transition-timing-function: ease;
    /* Safari 和 Chrome */
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-timing-function: ease;
    /* Opera */
    -o-transition-property: opacity;
    -o-transition-duration: 0.4s;
    -o-transition-timing-function: ease;
}
.zoomMaps p{width:50px; height:50px; line-height:50px; text-align:center; color:#FFF; position:absolute; top:40%; left:50%;
    transition-property: top;
    transition-duration: 0.4s;
    transition-timing-function: ease;
    /* Firefox 4 */
    -moz-transition-property: top;
    -moz-transition-duration: 0.4s;
    -moz-transition-timing-function: ease;
    /* Safari and Chrome */
    -webkit-transition-property: top;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-timing-function: ease;
    /* Opera */
    -o-transition-property: top;
    -o-transition-duration: 0.4s;
    -o-transition-timing-function: ease;
}
.zoomMaps p i{font-size:64px;}
.zoomMaps:hover{opacity:1; cursor:pointer;}
.zoomMaps:hover p{top:50%;}

.dataListTitle{max-width:1400px; height:auto; margin:0 auto 0 auto; padding:0 20px;}
.dataListTitle div{border-bottom:1px solid #DDD; text-transform:uppercase; font-size:24px; padding:0 0 15px 0; margin:0 0 20px 0;}

.listTitle{height:auto; margin:50px auto 25px auto; padding:0 45px;}
.listTitle div{text-transform:uppercase; font-size:24px; padding:0 0 5px 0;}
.listTitle ul{padding:0 0 40px 0; font-size:16px;}

.settingList{padding:0 0; margin:0 0 100px 0;}
.settingList .imgList .item{display:block; position:relative;}
.settingList .imgList img{display:block; width:100%;}
.settingList .imgList .owl-nav{display:none;}

.videoLive{padding:0 0; margin:0 0 100px 0;}

.logoList{padding:0 0;}
.logoList .item{width:auto; display:block; position:relative; height:650px; background-size:cover; background-position:center center;}
.logoList .item .itemLinks{position:absolute; bottom:20px; right:20px; z-index:2; opacity:1;
    transition-property: opacity;
    transition-duration: 0.4s;
    transition-timing-function: ease;
    /* Firefox 4 */
    -moz-transition-property: opacity;
    -moz-transition-duration: 0.4s;
    -moz-transition-timing-function: ease;
    /* Safari and Chrome */
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-timing-function: ease;
    /* Opera */
    -o-transition-property: opacity;
    -o-transition-duration: 0.4s;
    -o-transition-timing-function: ease;
}
.logoList .item .itemLinks p{width:auto; height:30px; line-height:30px; padding:0 10px; background:rgba(255,255,255,0.2); color:#FFF; font-size:12px;}
.logoList .item .itemTitle{width:100%; height:100%; background:rgba(215,0,15,0.8); position:absolute; top:0; left:0; z-index:1; cursor:pointer; color:#FFF; opacity:0;
    transition-property: opacity;
    transition-duration: 0.4s;
    transition-timing-function: ease;
    /* Firefox 4 */
    -moz-transition-property: opacity;
    -moz-transition-duration: 0.4s;
    -moz-transition-timing-function: ease;
    /* Safari and Chrome */
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-timing-function: ease;
    /* Opera */
    -o-transition-property: opacity;
    -o-transition-duration: 0.4s;
    -o-transition-timing-function: ease;
}
.logoList .item .itemTitle span{position:absolute; top:50%; left:50%; font-size:24px; font-weight:bold;}
.logoList .owl-nav{display:none;}
.logoList .owl-controls{display:none;}
.logoList .item:hover .itemTitle{opacity:1;}
.logoList .item:hover .itemLinks{opacity:0;}

.studioTips{padding:0 45px; margin:60px 0 50px 0;}
.studioTips h1{font-size:24px; font-weight:bold; margin:0 0 20px 0;}
.studioTips div{width:60%; line-height:180%;}

.studioDiv{padding:0 45px; margin:60px 0 100px 0;}

.dataDiv{width:100%; margin:0 0 100px 0; overflow:hidden;}
.dataList{width:101%; height:auto; position:relative; z-index:1; margin:-10px 0 0 -0.5%; display:inline-block;}
.dataList div{width:24%; margin:0.5% 0.5%; position:relative; cursor:pointer; float:left; background-color: #fafafa; }
.dataList div li{width:88%; height:100%; padding:0 12% 0 0; background:rgba(255,255,255,0); position:absolute; top:0; left:0; z-index:2; cursor:pointer;
    transition-property: background;
    transition-duration: 0.4s;
    transition-timing-function: ease;
    /* Firefox 4 */
    -moz-transition-property: background;
    -moz-transition-duration: 0.4s;
    -moz-transition-timing-function: ease;
    /* Safari and Chrome */
    -webkit-transition-property: background;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-timing-function: ease;
    /* Opera */
    -o-transition-property: background;
    -o-transition-duration: 0.4s;
    -o-transition-timing-function: ease;
}
.dataList div li h1{padding:35px 30px 0 30px; font-size:20px; font-weight:bold; /*text-align:justify; -webkit-hyphens:auto;*/ text-transform:uppercase; opacity:0; margin:20px 0 0 0;
    transition-property: opacity margin;
    transition-duration: 0.4s;
    transition-timing-function: ease;
    /* Firefox 4 */
    -moz-transition-property: opacity margin;
    -moz-transition-duration: 0.4s;
    -moz-transition-timing-function: ease;
    /* Safari and Chrome */
    -webkit-transition-property: opacity margin;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-timing-function: ease;
    /* Opera */
    -o-transition-property: opacity margin;
    -o-transition-duration: 0.4s;
    -o-transition-timing-function: ease;
}
.dataList div li h1 span{color:#fff; padding:5px 0; position:relative;}
.dataList div li h1 span::after{content:''; display:block; width:0; height:2px; position:absolute; left:0; bottom:0px; background:#07ff00; transition:all 0.3s ease-in-out;}
.dataList div li h1 span:hover::after{width:100%;}
.dataList div li h2{padding:10px 30px 0 30px; font-size:16px; line-height:160%; opacity:0; margin:20px 0 0 0; color: #fff;
    transition-property: opacity margin;
    transition-duration: 0.4s;
    transition-timing-function: ease;
    /* Firefox 4 */
    -moz-transition-property: opacity margin;
    -moz-transition-duration: 0.4s;
    -moz-transition-timing-function: ease;
    /* Safari and Chrome */
    -webkit-transition-property: opacity margin;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-timing-function: ease;
    /* Opera */
    -o-transition-property: opacity margin;
    -o-transition-duration: 0.4s;
    -o-transition-timing-function: ease;
}
.dataList div li h3{width:12%; height:auto; position:absolute; top:35px; right:30px; opacity:0; margin:0 -20px 0 0;
    transition-property: opacity margin;
    transition-duration: 0.4s;
    transition-timing-function: ease;
    /* Firefox 4 */
    -moz-transition-property: opacity margin;
    -moz-transition-duration: 0.4s;
    -moz-transition-timing-function: ease;
    /* Safari and Chrome */
    -webkit-transition-property: opacity margin;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-timing-function: ease;
    /* Opera */
    -o-transition-property: opacity margin;
    -o-transition-duration: 0.4s;
    -o-transition-timing-function: ease;
}
.dataList div li h3 img{width:100%; height:auto; margin:5px 0 0 0;}
.dataList div .type{width:100%; height:100%; position:absolute; top:0; left:0; opacity:1; z-index:2;}
.dataList div .type img{height:23%; width:auto; margin:10px 0 0 10px;}
.dataList div .type span{position:absolute; top:50%; left:50%; color:#FFF; display:none;}
.dataList div .type span i{font-size:48px;}
.dataList div ul{width:100%; height:300px; background-size:contain; background-repeat:no-repeat; background-position:center center; position:relative; z-index:1; mix-blend-mode: multiply;}
.dataList div:hover li{background:rgba(233,60,172,0.9);}
.dataList div:hover .type{opacity:0;
    transition-property: opacity;
    transition-duration: 0.4s;
    transition-timing-function: ease;
    /* Firefox 4 */
    -moz-transition-property: opacity;
    -moz-transition-duration: 0.4s;
    -moz-transition-timing-function: ease;
    /* Safari and Chrome */
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-timing-function: ease;
    /* Opera */
    -o-transition-property: opacity;
    -o-transition-duration: 0.4s;
    -o-transition-timing-function: ease;
}
.dataList div:hover h1{opacity:1; margin:0 0 0 0;}
.dataList div:hover h2{opacity:1; margin:0 0 0 0;}
.dataList div:hover h3{opacity:1; margin:0 0 0 0;}

.delighter.right { transform:translate(-100%); opacity:0; transition: all .75s ease-out; }
.delighter.right.started { transform:none; opacity:1; }

.delighter.left { transform:translate(100%); opacity:0; transition: all .75s ease-out; }
.delighter.left.started { transform:none; opacity:1; }

.delighter.bottom { transform:translatey(300%); opacity:0; transition: all .75s ease-out; }
.delighter.bottom.started { transform:none; opacity:1; }

.liveList{width:auto; height:auto; position:relative; z-index:1; margin:40px 0 0 0;}
.liveList div{margin:0 0; position:relative; cursor:pointer;}
.liveList div li{width:auto; height:auto; padding:20px 10px;}
.liveList div li h1{font-size:24px; margin:0 0 10px 0;}
.liveList div li h2{font-size:14px; color:#666; line-height:160%; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.liveList div ul{width:100%; height:395px; background-size:cover; background-repeat:no-repeat; background-position:center center; position:relative; z-index:1;}
.liveList div ul p{width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(255,255,255,0.5); opacity:0;}
.liveList div:hover h1{text-decoration:underline;}
.liveList div:hover p{opacity:1;}

.videoPlayer{width:100%; height:auto; position:relative; font-size:0; margin:0 0 30px 0;}
.videoPlayer video{width:100%; height:auto; position:relative; z-index:1;}
.videoPlayer .videoBtn{width:100%; height:100%; background:rgba(0,0,0,.2); position:absolute; z-index:2;}
.videoPlayer .videoBtn .icon{width:80px; height:80px; line-height:80px; text-align:center; color:#FFF; position:absolute; top:50%; left:50%; margin:-40px 0 0 -40px;}
.videoPlayer .videoBtn .icon i{font-size:64px;}

.viewMore{margin:20px 0 50px 0; text-align:center;}
.viewMore button{font-size:14px; padding:10px 30px; background-color:#333; color:#FFF; text-transform:uppercase;}
.viewMore button:hover{background-color:#555; cursor:pointer;}

.noMore{margin:20px 0 50px 0; text-align:center;}
.noMore li{font-size:14px; padding:10px 30px; border:1px #EEE solid; color:#CCC; text-transform:uppercase; display:inline-block;}

.content{max-width:1400px; height:auto; margin:0 auto 100px auto; padding:0 45px;}
.content .contDiv{width:auto; height:auto; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.content .contT{font-size:48px; font-weight:bold; margin:90px 0; -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.content .contT ul{font-size:14px; margin:10px 0 0 0; text-transform:uppercase; font-weight:normal;}
.content .contI{width:auto; height:auto; margin:90px 0 60px 50px;}
.content .contI ul li{text-align:right; margin:0 0 10px 0; cursor:pointer;}
.content .contI ul li h1{margin:0 10px 0 0; padding:0 0 1px 0; font-size:16px;}
.content .contI ul li p{width:20px; border:1px solid #000; position:relative; color:#FFF;}
.content .contI h2{font-size:12px; text-align:right; margin:0 30px 0 0;}
.content .contI ul li:hover p{border:1px solid #e93cac; background-color:#e93cac;}
.content .contI ul li:hover{color:#e93cac;}
.content .contM{margin:50px 0; padding:18px 0; border-top:1px solid #EEE;}
.content .contM li{font-size:12px; color:#aaa; margin:0 0 5px 0;}
.content .contM li span{margin:0 10px 0 0; color:#333;}
.content .contL{margin:20px 0 0 0;}
.content .contL button{font-size:12px; padding:8px 15px; background-color:#333; color:#FFF; text-transform:uppercase;}
.content .contL button:hover{background-color:#555; cursor:pointer;}
.content div p{line-height:160%;}
.content div img{max-width:100%; height:auto;}

.contact{width:auto; height:auto; margin:50px 45px 100px 45px; word-break:keep-all; word-wrap:break-word;}
.contact .contDiv{width:100%; height:auto; display:inline-block;}
.contact .contDiv div{float:left;}
.contact .contDiv div h1{font-size:24px; font-weight:bold; margin:0 0 20px 0;}
.contact .contDiv div h2{font-size:18px;}
.contact .contDiv div h3{font-size:14px; margin:0 0 5px 0; font-weight:bold;}
.contact .contDiv div h4{font-size:14px; margin:0 0 5px 0;}
.contact .contDiv div ul{margin:10px 0 15px 0;}
.contact .contDiv div ul li{font-size:12px; margin:0 0 4px 0; color:#999;}
.contact .contDiv div button{width:auto; height:34px; padding:0 20px; margin:0 0 15px 0; background-color:#666; color:#FFF; font-size:12px;}
.contact .contDiv div button:hover{background-color:#333;}
.contact .contDiv .contOCD{width:50%;}
.contact .contDiv .contInfo{width:22%;}
.contact .contDiv .contSNS{width:22%; margin:0 0 0 6%; display:inline-block;}
.contact .contDiv .contSNS a{width:40px; height:40px; line-height:40px; border-radius:100%; margin:0 10px 10px 0; text-align:center; background-color:#EEE; float:left; position:relative; background-size:cover; background-position:center center;}
.contact .contDiv .contSNS a p{width:100%; height:100%; border-radius:100%; background:rgba(255,255,255,0);}
.contact .contDiv .contSNS a:hover p{background:rgba(255,255,255,0.2);}

.join{width:auto; height:auto; margin:50px 45px 100px 45px; word-break:keep-all; word-wrap:break-word;}
.join .joinDiv{width:100%; height:auto; display:inline-block;}
.join .joinDiv .joinTips{width:47%; float:left;}
.join .joinDiv .joinTips .jDiv{font-size:16px; margin:0 0 20px 0; line-height:180%;}
.join .joinDiv .joinTips .jEmail{font-size:18px; margin:0 0 5px 0;}
.join .joinDiv .joinTips .jEmail a{color:#e93cac; font-weight:bold;}
.join .joinDiv .joinTips .jEmail a:hover{text-decoration:underline;}
.join .joinDiv .joinTips .jTel{font-size:18px; margin:0 0 5px 0;}
.join .joinDiv .joinTips .jTel a{color:#1a73e8; font-weight:bold;}
.join .joinDiv .joinTips .jTel a:hover{text-decoration:underline;}
.join .joinDiv .joinList{width:47%; margin:0 0 0 6%; float:left;}
.join .joinDiv .joinList .jlTitle{border-bottom:1px solid #CCC; padding:0 0 10px 0; margin:0 0 10px 0; font-size:16px; cursor:pointer; position:relative;}
.join .joinDiv .joinList .jlTitle::after{content:''; display:block; width:0; height:2px; position:absolute; left:0; bottom:-1px; background:#e93cac; transition:all 0.5s ease-in-out;}
.join .joinDiv .joinList .jlTitle:hover::after{width:100%;}
.join .joinDiv .joinList .jlContent{padding:20px 0 50px 0;}

.message{width:auto; height:auto; margin:0 45px 100px 45px; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.message .msgForm{width:50%; height:auto;}
.message .msgForm div{margin:0 0 45px 0;}
.message .msgForm h1{font-size:24px; text-transform:uppercase; margin:0 0 5px 0;}
.message .msgForm h2{font-size:18px;}
.message .msgForm ul li{box-shadow:1px 1px 3px rgba(0,0,0,0.1) inset; background-color:#FAFAFA; padding:5px; margin:0 0 15px 0;}
.message .msgForm ul li input{font-size:16px; padding:8px; color:#333;}
.message .msgForm ul li textarea{font-size:16px; padding:8px; height:96px; color:#333; resize:none;}
.message .msgForm ul p{font-size:12px; color:#fc7055; margin:-5px 0 15px 0;}
.message .msgForm button{width:200px; height:50px; background-color:#333; color:#FFF; font-size:16px;}
.message .msgForm button:hover{background-color:#555;}
.message .msgInfo{width:45%; height:auto; position:relative; margin:0 0 0 5%;}
.message .msgInfo div{width:100%; height:245px; background-color:#EEE; background-size:cover; background-position:center center; background-repeat:no-repeat; position:absolute; z-index:1; bottom:66px;}
.message .msgInfo div li{width:100%; height:100%; position:absolute; z-index:2; left:0; top:0; background:rgba(0,0,0,0.4); opacity:0;
    transition-property: opacity;
    transition-duration: 0.4s;
    transition-timing-function: ease;
    /* Firefox 4 */
    -moz-transition-property: opacity;
    -moz-transition-duration: 0.4s;
    -moz-transition-timing-function: ease;
    /* Safari 和 Chrome */
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-timing-function: ease;
    /* Opera */
    -o-transition-property: opacity;
    -o-transition-duration: 0.4s;
    -o-transition-timing-function: ease;
}
.message .msgInfo div li p{width:50px; height:50px; line-height:50px; text-align:center; color:#FFF; position:absolute; top:40%; left:50%;
    transition-property: top;
    transition-duration: 0.4s;
    transition-timing-function: ease;
    /* Firefox 4 */
    -moz-transition-property: top;
    -moz-transition-duration: 0.4s;
    -moz-transition-timing-function: ease;
    /* Safari and Chrome */
    -webkit-transition-property: top;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-timing-function: ease;
    /* Opera */
    -o-transition-property: top;
    -o-transition-duration: 0.4s;
    -o-transition-timing-function: ease;
}
.message .msgInfo div li p i{font-size:32px;}
.message .msgInfo div li:hover{opacity:1; cursor:pointer;}
.message .msgInfo div li:hover p{top:50%;}

.tool{width:auto; height:auto; position:fixed; bottom:50px; right:50px; z-index:2;}
.tool ul{width:46px; height:46px; line-height:46px; border-radius:100%; text-align:center; position:relative;}
.tool ul li{width:100%; height:100%; position:absolute; top:0; left:0; z-index:2;}
.tool ul li i{font-size:18px;}
.tool ul p{color:#07ff00; line-height:10px; position:absolute; top:2px; right:-8px; z-index:3;}
.tool ul p i{font-size:32px;}

.tool .btn ul{background-color:#FFF; color:#CCC; margin:10px 0 0 0; box-shadow:1px 1px 5px rgba(0,0,0,0.2);}
.tool .btn ul:hover{background-color:#FAFAFA; color:#AAA; cursor:pointer;}

.tool .cont ul{background-color:#e93cac; color:#FFF; margin:20px 0 0 0; box-shadow:1px 1px 5px rgba(0,0,0,0.2);}
.tool .cont ul:hover{background-color:#ff43c5; cursor:pointer;}
.tool .cont ul div{width:100%; height:100%; position:absolute; top:-17px; left:-17px; z-index:1;}

.pagesimgBtn{width:auto; height:auto; position:absolute; right:0; padding:60px 50px 0 0; z-index:3;}
.pagesimgBtn p{width:42px; height:42px; line-height:42px; border-radius:100%; text-align:center; border:2px solid #FFF; color:#FFF; cursor:pointer; /*box-shadow:1px 1px 5px rgba(0,0,0,0.2);*/}
.pagesimgBtn p i{font-size:18px;}
.pagesimgBtn p:hover{background-color:#FFF; color:#AAA; box-shadow:1px 1px 5px rgba(0,0,0,0.2)}

.ageTips{width: 100%; height: 100%; position: fixed; bottom: 0; z-index: 99; background:rgba(255,255,255,1);}
.ageTips div{max-width: 560px; height:auto; background-color: #fff; border-radius: 10px; position:relative; top: 50%; margin: 0 auto; box-shadow:0px 1px 6px rgba(0,0,0,0.16); 
    transition-property: max-width;
    transition-duration: 0.4s;
    transition-timing-function: ease;
    /* Firefox 4 */
    -moz-transition-property: max-width;
    -moz-transition-duration: 0.4s;
    -moz-transition-timing-function: ease;
    /* Safari 和 Chrome */
    -webkit-transition-property: max-width;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-timing-function: ease;
    /* Opera */
    -o-transition-property: max-width;
    -o-transition-duration: 0.4s;
    -o-transition-timing-function: ease;
}
.ageTips div ul{padding: 30px 30px;}
.ageTips div ul h1{font-size: 20px; margin: 0 0 20px 0;}
.ageTips div ul li button{ height: 40px; width: auto; border-radius: 40px; font-size: 12px;}
.ageTips div ul li button:hover{opacity: 0.9;}
.ageTips div ul li p{width: 25px;}
.ageTips .ageYes{background-color: #e93cac; color: #fff;}
.ageTips .ageNo{background-color: #ddd; color: #333;}

.cookieTips{width: auto; height: auto; position: fixed; padding: 50px 50px; bottom: 0; z-index: 98; }
.cookieTips div{width:auto; height: auto; background-color: #fff; padding: 25px 25px 25px 25px; box-shadow:0px 1px 5px rgba(0,0,0,0.1); border-radius: 10px;}
.cookieTips div ul h1{font-size: 18px; font-weight: bold; margin: 0 0 10px 0;}
.cookieTips div ul h2{font-size: 14px; line-height: 140%; color: #333;}
.cookieTips div li{padding: 0 0 0 30px;}
.cookieTips div li button{background-color: #e93cac; color: #fff; font-size: 16px; width: auto; height: 40px; line-height: 40px; border-radius: 5px; padding: 0 18px; font-family: F-M-Medium;}
.cookieTips div li button:hover{background-color: #ff43c5; }

.winbg{width:100%; height:100%; top:0; left:0; position:fixed; background:rgba(255,255,255,.9); text-align:center; overflow:auto; -webkit-overflow-scrolling:touch; z-index:8888; cursor:pointer; display:none;}
.win{margin:0 auto; display:none; position:relative; top:50%; cursor:default; z-index:9999;}
.mainDiv{background-color:#fff; box-shadow:1px 1px 5px rgba(0,0,0,0.2); border-radius:0; margin:20px; text-align:left;}
.mainDiv .title{width:auto; height:50px;}
.mainDiv .title ul{width:auto; height:50px; line-height:50px; padding:0 0 0 30px;}
.mainDiv .title ul b{font-weight:normal; margin:0 15px 0 0; color:#4888F2; cursor:pointer;}
.mainDiv .title ul span{margin:0 5px 0 0; color:#999; font-size:14px;}
.mainDiv .title ul p{width:50px; height:50px; line-height:50px; text-align:center; color:#CCC; float:right; cursor:pointer;}
.mainDiv .title ul p:hover{color:#333;}
.mainDiv .title ul p i{font-size:14px;}
.mainDiv .data{padding:0 30px 30px 30px;}

.shareBtn{position:fixed; bottom:15px;}
.shareWin{max-width:350px;}
.SNSWin{max-width:350px;}
.contusWin{max-width:500px;}
.languageWin{max-width:500px;}
.tipsWin{max-width:500px;}

.languageSet{width:auto; height:auto; padding:0 20px 20px 20px;}
.languageSet ul li{background-color: #eee; color: #666; text-align:center; height:45px; line-height:45px; font-size:14px;}
.languageSet ul li:hover{color:#333; background-color: #F4F4F4; cursor:pointer;}
.languageSet ul li.hover{color:#FFF; background-color:#e93cac; cursor:default;}

.pageQr{width:auto; height:auto; padding:0 20px 20px 20px;}
.pageQr div{text-align:center;}
.pageQr div p img{width:100%; height:auto;}
.pageQr div ul{font-size:12px; margin:20px 0 5px 0;}
.pageQr div li{font-size:14px; color:#CCC;}

.SNSQr{width:auto; height:auto; padding:0 20px 20px 20px;}
.SNSQr div{text-align:center;}
.SNSQr div p img{width:100%; height:auto;}
.SNSQr div ul{font-size:12px; margin:20px 0 5px 0;}
.SNSQr div li{font-size:14px; color:#CCC;}

.alert{width:auto; height:auto;}
.alert h1{font-size:16px; border-bottom:1px solid #DDD; padding:0 0 15px 0; margin:0 0 15px 0;}
.alert h2{font-size:14px; margin:0 0 20px 0;}
.alert button{width:auto; height:40px; font-size:14px;}
.alert p{width:10px;}

.tips{width:auto; height:auto;}
.tips h1{font-size:18px; font-weight:bold; margin:0 0 10px 0;}
.tips h2{font-size:14px;}
.tips button{width:160px; height:40px; font-size:14px; background-color:#333; color:#FFF; margin:20px 0 0 0;}
.tips button:hover{background-color:#666;}

.selectType{width:auto; height:auto; border:1px solid #DDD; position:relative;}
.selectType:hover{border:1px solid #BD9A61;}
.selectType p{line-height:46px; margin:0 16px 0 0; position:absolute; right:0;}
.select{height:46px; padding:0 15px 0 15px; line-height:46px; font-size: 14px; position:relative;}
.select label{font-size:14px; z-index:5; line-height:46px; height:46px; display: block; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.select .select{width:100%; z-index:4;position:absolute;top:0;left:0;margin:0;padding:0;opacity:0; *margin-top:12px; filter:alpha(opacity=0); font-size:14px;}

.contus{width:auto; height:auto;}
.contus .contT{width:auto; height:auto; margin:0 0 25px 0;}
.contus .contT h1{font-weight:bold; font-size:24px;}
.contus .contT h2{font-size:16px;}
.contus .contL ul{padding:10px; box-shadow:1px 1px 3px rgba(0,0,0,0.06); background-color:#FFF; margin:10px 0 0 0;}
.contus .contL ul:hover{cursor:pointer; box-shadow:1px 1px 5px rgba(0,0,0,0.2);}
.contus .contL ul h6{width:50px; height:50px; line-height:50px; border-radius:100%; text-align:center; color:#FFF; margin:0 15px 0 0;}
.contus .contL ul h6 i{font-size:20px;}
.contus .contL ul li h1{font-size:18px; margin:2px 0 0 0; color:#333;}
.contus .contL ul li h2{font-size:14px; color:#aaa;}
.contus .contL .bgcPhone{background-color:#1a73e8;}
.contus .contL .bgcEmail{background-color:#fc7055;}
.contus .contL .bgcMessage{background-color:#333333;}

.closeTips{width:600px; height:350px; position:absolute; top:50%; left:50%; margin:-200px 0 0 -300px;}
.closeTips div{text-align:center;}
.closeTips div h1{font-size:20px; margin:0 0 10px 0;}
.closeTips div h2{font-size:14px; margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:1px solid #EEE;}
.closeTips div h3{font-size:24px; margin:0 0 10px 0;}
.closeTips div h3 i{font-size:24px; margin:0 10px 0 0;}
.closeTips div h5{font-size:12px; margin:20px 0 5px 0; padding:20px 0 0 0; border-top:1px solid #EEE;}
.closeTips div h6{font-size:12px;}
.closeTips .logo{margin:0 0 30px 0; text-align:center;}
.closeTips .logo i{font-size:80px;}
.closeTips .logo img{height:80px; width:auto;}

.mapsBanner{position:fixed; top:50px; left:50px; z-index:1000;}
.mapsBanner div p{width:50px; height:50px; line-height:50px; text-align:center; background-color:#FFF; box-shadow:1px 1px 5px rgba(0,0,0,0.4); margin:0 0 15px 0;}
.mapsBanner div p i{font-size:18px;}
.mapsBanner div p:hover{background-color:#333; color:#FFF; cursor:pointer;}

@media screen and (max-width: 1920px) {
    .pagesimg .item .aImg{height:800px;}
    .logoList .item{height:800px;}
    .maps{height:800px;}
    .content{max-width:1200px;}
    .copyRightMini{max-width:1200px;}

    .contedit p{font-size:14px;}
    .content .contT{font-size:40px; margin:80px 0;}
    .content .contI{margin:80px 0 50px 50px;}

    /* message box style*/

    .e-msg-bar {
        background-color: #12C994;
        position: fixed;
        z-index: 1000000;
        top: 0;
        width: 100%;
        height: auto;
        line-height: 1.8;
        padding: 13px 0px;
        color: #fff;
        font-size: 15px;
        text-align: center;
        transition: all ease-in-out 2s;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }
    .alert-error {
        background-color: #F06962 !important;
    }
    .alert-info {
        background-color: #00c0ef !important;
    }
    .alert-warning {
        background-color: #f39c12 !important;
    }
    .alert-success {
        background-color: #12C994 !important;
    }
    @-webkit-keyframes fadeInDown {
        from {
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
        }
        to {
            -webkit-transform: none;
            transform: none;
        }
    }
    @keyframes fadeInDown {
        from {
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
        }
        to {
            -webkit-transform: none;
            transform: none;
        }
    }
    .fadeInDown {
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
    }
    @-webkit-keyframes fadeOutUp {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
        }
    }
    @keyframes fadeOutUp {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
        }
    }
    .fadeOutUp {
        -webkit-animation-name: fadeOutUp;
        animation-name: fadeOutUp;
    }
    .animated {
        -webkit-animation-duration: 0.4s;
        animation-duration: 0.4s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    /*message box style end*/
}

@media screen and (max-width: 1400px) {
    .tool{bottom:40px; right:30px;}
    .pagesimgBtn{padding:50px 30px 0 0;}

    .coverimg{margin:0 0 0 0;}
    .coverimg .item div ul li{width:60%;}
    .coverimg .item div ul li h1{padding:0 20px 24px 20px; line-height:24px;}
    .coverimg .item div ul li h1 span{font-size:16px; padding:4px 0;}
    .coverimg .item div ul li h1 span::after{height:3px;}

    .pagesimg .item .aImg{height:650px;}
    .maps{height:450px;}
    .zoomMaps p i{font-size:48px;}

    .top{height:250px;}
    .top .topBanner .topBannerDiv{width:auto; height:80px; padding:0 35px 0 40px;}
    .top .topBanner .logo{margin:25px 0 0 0;}
    .top .topBanner .logo .logoIcon{width:auto; height:55px;}
    .top .topBanner .logo .logoText{width:auto; height:25px;}
    .top .topBanner .menuBtn{margin:30px 0 0 0;}
    .top .topBanner .menuBtn p{width:36px; height:36px;}
    .top .topBanner .menuBtn p img{width:auto; height:20px;}
    .top .ocdTips{padding:50px 0 0 40px;}
	.top .ocdTips div{text-underline-offset:0.3em; text-decoration-thickness:2px;}
    .top .ocdTips div h1{font-size:24px;}
    .top .ocdTips div h2{font-size:14px;}

    .menuList .mlLinks li span::after{height:3px;}

    .submenuDiv{height:55px; line-height:55px;}
    .submenu{width:auto; height:auto; overflow:auto; position:relative; z-index:1; margin:0 27px 0 0;}
    .submenu div ul li{height:40px; font-size:14px; margin:0 0 0 15px;}

    .sMenu div{padding:0 40px;}

    .topicTitle{height:60px; font-size:18px; padding:0 26px 0 26px;}
	
    .ageTips div{max-width: 500px;}
    .ageTips div ul{padding: 30px 30px;}
    .ageTips div ul h1{font-size: 18px; margin: 0 0 20px 0;}
    .ageTips div ul li button{height: 36px; border-radius: 36px; font-size: 12px;}
    .ageTips div ul li p{width: 25px;}

    .about{margin:0 0 0 0; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
    .about .aLeft{height:auto; -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
    .about .aRight{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
    .about .aRight div{padding:20px 40px 40px 40px;}
    .about .aRight div h1{font-size:24px; margin:40px 0 40px 0;}
    .about .aRight div ul{font-size:14px; line-height:160%;}

    .service{margin:0 0 80px 0;}
    .service .sLeft div{padding:0 40px 0 40px;}
    .service .sLeft div h1{font-size:24px;}

    .menuList{padding:0 40px 0 0;}
    .menuList .mlTop{margin:40px 0 50px 0;}
    .menuList .mlTop li{width:30px; height:30px;}
    .menuList .mlTop li img{width:30px; height:30px; margin:-15px 0 0 -15px;}
    .menuList .mlLinks li{font-size:26px;}

    .listTitle{padding:0 40px; margin:40px auto 25px auto}
    .listTitle div{font-size:20px; margin:0 0 2px 0;}
    .listTitle ul{padding:0 0 35px 0; font-size:14px;}

    .settingList{padding:0 0; margin:0 0 80px 0;}
    .settingList .imgList .item{display:block; margin:0 0; position:relative;}
    .settingList .imgList .itemTitle span{font-size:16px;}
    .settingList .imgList .type span i{font-size:40px;}

    .videoLive{padding:0 0; margin:0 0 80px 0;}

    .logoList{padding:0 0;}
    .logoList .item{height:450px;}
    .logoList .item .itemTitle span{font-size:20px;}

    .studioTips{padding:0 40px; margin:50px 0 40px 0;}
    .studioTips h1{font-size:20px; margin:0 0 15px 0;}
    .studioTips div{width:80%; line-height:160%; font-size:14px;}

    .studioDiv{padding:0 40px; margin:50px 0 80px 0;}

    .awardImg{margin:40px auto 40px auto; padding:0 40px;}
    .copyRight{padding:0 40px;}
    .copyRightMini{padding:0 40px;}

    .dataDiv{margin:0 0 80px 0;}
    .dataList{width:101.333333333333333%; height:auto; position:relative; z-index:1; margin:-10px 0 0 -0.6666666666666667%; display:inline-block;}
    .dataList div{width:32%; margin:0.6666666666666667% 0.6666666666666667%; position:relative; cursor:pointer; float:left;}
    .dataList div ul{height:260px;}
    .dataList div li h1{font-size:18px; padding:20px 20px 0 20px;}
    .dataList div li h1 span{padding:4px 0;}
    .dataList div li h1 span::after{height:3px;}
    .dataList div li h2{font-size:14px; padding:5px 20px 0 20px;}
    .dataList div li h3{top:20px; right:20px;}

    .liveList div ul{height:355px;}
    .liveList div li{padding:20px 10px 10px 10px;}
    .liveList div li h1{font-size:18px;}
    .liveList div li h2{font-size:12px;}

    .videoPlayer .videoBtn .icon i{font-size:52px;}

    .content{margin:0 0 80px 0; padding:0 40px;}
    .content .contT{font-size:36px; margin:60px 0;}
    .content .contI{margin:60px 0 40px 40px;}
    .content .contI ul li h1{font-size:16px;}
    .content .contI ul li h2{font-size:12px;}
    .content .contI ul p{width:37px;}

    .contact{margin:35px 26px 80px 26px;}
    .contact .contDiv div h1{font-size:18px; margin:0 0 20px 0;}
    .contact .contDiv div h2{font-size:16px;}
    .contact .contDiv div h3{font-size:12px;}
    .contact .contDiv div h4{font-size:12px;}
    .contact .contDiv div ul{margin:10px 0 15px 0;}
    .contact .contDiv .contOCD{width:40%;}
    .contact .contDiv .contInfo{width:25%; margin:0 0 0 5%;}
    .contact .contDiv .contSNS{width:25%; margin:0 0 0 5%;}

    .join{margin:35px 26px 80px 26px;}、
                                      .join .joinDiv .joinTips{width:48%;}
    .join .joinDiv .joinTips .jDiv{font-size:14px; margin:0 0 20px 0; line-height:160%;}
    .join .joinDiv .joinTips .jEmail{font-size:16px;}
    .join .joinDiv .joinTips .jTel{font-size:16px;}
    .join .joinDiv .joinList{width:48%; margin:0 0 0 4%;}
    .join .joinDiv .joinList .jlTitle{font-size:16px;}
    .join .joinDiv .joinList .jlContent{padding:20px 0 50px 0;}

    .message{width:auto; height:auto; margin:0 26px 80px 26px;}
    .message .msgForm h1{font-size:18px;}
    .message .msgForm h2{font-size:14px;}
}

@media screen and (max-width: 1024px) {
    .main{margin:0 auto 0 auto;}
    .tool .btn{display:none;}
    .sbmhide{display:none;}
	
    #TSD .swText{bottom: 10px; }
    #TSD .swText .text{font-size: 21px; padding: 0 30px;}
    #TSD .swText .btn{font-size: 14px; width: 140px; height: 40px; line-height: 40px; margin: 0 0 20px 30px;}
	
	.cookieTips{padding: 30px 30px; }
    .cookieTips div{padding: 20px 20px 20px 20px;}
    .cookieTips div ul h1{font-size: 16px;}
    .cookieTips div ul h2{font-size: 12px; line-height: 120%;}
    .cookieTips div li{padding: 0 0 0 20px;}
    .cookieTips div li button{font-size: 14px; height: 30px; line-height: 30px; padding: 0 14px;}

    .form{margin:50px auto 50px auto; padding:0 20px;}
    .form .loginTips{margin:10px 0 0 0;}
    .form .iconTips i{font-size:32px;}

    .selectType{width:auto; height:auto; border:1px solid #DDD; position:relative;}
    .selectType:hover{border:1px solid #4888F2;}
    .selectType p{line-height:40px; margin:0 16px 0 0; position:absolute; right:0;}
    .select{height:40px; padding:0 15px 0 15px; line-height:40px; font-size: 14px; position:relative;}
    .select label{font-size:14px; z-index:5; line-height:40px; height:40px; display: block; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
    .select .select{width:100%; z-index:4;position:absolute;top:0;left:0;margin:0;padding:0;opacity:0; *margin-top:12px; filter:alpha(opacity=0); font-size:14px;}

    .mainDiv .data{padding:0 20px 30px 20px;}

    .content{margin:0 0 60px 0; padding:0 30px;}
    .content .contT{font-size:30px; margin:40px 0;}
    .content .contT ul{font-size:12px; margin:5px 0 0 0;}
    .content .contI{margin:40px 0 30px 30px;}
    .content .contI ul li h1{font-size:16px;}
    .content .contI ul li h2{font-size:12px;}
    .content .contI ul p{width:37px;}
    .content .contM{margin:30px 0; padding:10px 0;}

    .contact{margin:30px 20px 60px 20px;}
    .contact .contDiv div h1{font-size:16px; margin:0 0 20px 0;}
    .contact .contDiv div h2{font-size:14px;}
    .contact .contDiv div h3{font-size:12px;}
    .contact .contDiv div h4{font-size:12px;}
    .contact .contDiv div ul{margin:10px 0 15px 0;}
    .contact .contDiv div button{height:32px;}
    .contact .contDiv .contOCD{width:40%;}
    .contact .contDiv .contSNS{width:28%; margin:0 0 0 2%;}
    .contact .contDiv .contSNS a{width:30px; height:30px; line-height:30px;}
    .contact .contDiv .contInfo{width:28%; margin:0 0 0 2%;}

    .join{margin:30px 20px 60px 20px;}
    .join .joinDiv .joinTips{width:100%; margin:0 0 50px 0;}
    .join .joinDiv .joinTips .jDiv{font-size:12px; margin:0 0 20px 0; line-height:150%;}
    .join .joinDiv .joinTips .jEmail{font-size:14px;}
    .join .joinDiv .joinTips .jTel{font-size:14px;}
    .join .joinDiv .joinList{width:100%; margin:0 0 0 0;}
    .join .joinDiv .joinList .jlTitle{font-size:14px;}
    .join .joinDiv .joinList .jlContent{padding:20px 0 50px 0;}

    .message{width:auto; height:auto; margin:0 20px 60px 20px;}
    .message .msgForm h1{font-size:16px;}
    .message .msgForm h2{font-size:12px;}
    .message .msgForm{width:60%;}
    .message .msgInfo{width:35%; margin:0 0 0 5%;}

    .message .msgForm ul li input{padding:5px;}
    .message .msgForm ul li textarea{padding:5px; height:90px}

    .videoPlayer{margin:0 0 20px 0;}

    .top{height:250px;}
    .top .topBanner .topBannerDiv{width:auto; height:55px; padding:0 25px 0 30px;}
    .top .topBanner .logo{margin:15px 0 0 0;}
    .top .topBanner .logo .logoIcon{width:auto; height:50px;}
    .top .topBanner .logo .logoText{width:auto; height:18px;}
    .top .topBanner .menuBtn{margin:20px 0 0 0;}
    .top .topBanner .menuBtn p{width:34px; height:34px;}
    .top .topBanner .menuBtn p img{width:auto; height:18px; margin:8px 0;}
    .top .topBanner .menuBtn li{right:50px; top:4px;}
    .top .ocdTips{padding:50px 0 0 30px;}
	.top .ocdTips div{text-underline-offset:0.2em; text-decoration-thickness:1px;}
    .top .ocdTips div h1{font-size:20px;}
    .top .ocdTips div h2{font-size:12px;}

    .menuList .mlLinks li span::after{height:2px;}

    .submenuDiv{height:50px; line-height:50px;}
    .submenu{margin:0 20px 0 0;}
    .submenu div ul li{height:35px; font-size:12px; margin:0 10px;}

    .topicTitle{height:50px; font-size:16px; padding:0 20px 0 20px;}

    .about{margin:0 0 0 0; display:block;}
    .about .aLeft{min-height:350px;}
    .about .aRight div{padding:20px 30px 60px 30px;}
    .about .aRight div h1{font-size:20px; margin:30px 0 30px 0;}
    .about .aRight div ul{font-size:14px; line-height:150%;}

    .service{width:auto; height:auto; margin:0px 0 60px 0;}
    .service .sLeft div{padding:0 30px 0 30px;}
    .service .sLeft div h1{font-size:20px; margin:0 0 25px 0;}
    .service .sLeft div ul li h2{font-size:14px;}
    .service .sRight{display:none;}

    .coverimg{margin:0 0 0 0;}
    .coverimg .item div ul li{width:80%;}
    .coverimg .item div ul li h1{padding:0 20px 20px 20px; line-height:22px}
    .coverimg .item div ul li h1 span{font-size:16px; padding:3px 0;}
    .coverimg .item div ul li h1 span::after{height:2px;}

    .pagesimg .item .aImg{height:550px;}

    .menuList{padding:0 30px 0 0;}
    .menuList .mlTop{margin:30px 0 40px 0;}
    .menuList .mlTop li{width:22px; height:22px;}
    .menuList .mlTop li img{width:22px; height:22px; margin:-11px 0 0 -11px;}
    .menuList .mlLinks li{font-size:24px;}

    .listTitle{padding:0 30px; margin:40px auto 25px auto;}
    .listTitle div{font-size:18px; margin:0 0 0 0;}
    .listTitle ul{padding:0 0 30px 0;}

    .settingList{padding:0 0; margin:0 0 60px 0;}
    .settingList .imgList .item{margin:0 0;}
    .settingList .imgList .itemTitle span{font-size:14px;}
    .settingList .imgList .type span i{font-size:32px;}

    .videoLive{padding:0 0; margin:0 0 60px 0;}

    .logoList{padding:0 0;}
    .logoList .item{height:350px;}
    .logoList .item .itemLinks{bottom:15px; right:15px;}
    .logoList .item .itemLinks p{width:auto; height:28px; line-height:28px; padding:0 8px;}
    .logoList .item .itemTitle span{font-size:16px;}

    .studioTips{padding:0 30px; margin:40px 0 30px 0;}
    .studioTips h1{font-size:18px; margin:0 0 10px 0;}
    .studioTips div{width:100%; line-height:150%; font-size:12px;}

    .studioDiv{padding:0 30px; margin:40px 0 80px 0;}

    .dataListTitle div{margin:0 0 0 0; font-size:18px;}

    .awardImg{margin:40px auto 40px auto; padding:0 30px;}
    .awardImg div{max-width:300px;}
    .copyRight{padding:0 30px;}
    .copyRightMini{padding:0 30px;}

    .liveList{margin:30px 0 0 0;}
    .liveList div ul{height:305px;}
    .liveList div li{padding:20px 10px 20px 10px;}
    .liveList div li h1{font-size:16px;}

    .dataDiv{margin:0 0 60px 0;}
    .dataList div ul{height:220px;}

    .maps{height:350px;}

    .pageMore{margin:20px 0 40px 0;}

    .contus .contT{margin:0 0 20px 0;}
    .contus .contT h1{font-size:18px;}
    .contus .contT h2{font-size:14px;}
    .contus .contL ul{margin:10px 0 0 0;}
    .contus .contL ul h6{width:40px; height:40px; line-height:40px; margin:0 10px 0 0;}
    .contus .contL ul h6 i{font-size:16px;}
    .contus .contL ul li h1{font-size:16px; margin:0 0 0 0;}
    .contus .contL ul li h2{font-size:12px;}

    .closeTips{width:auto; height:auto; position:static; top:0; left:0; margin:0 50px; padding:50px 0;}
    .closeTips div h3{font-size:18px; margin:0 0 10px 0;}
    .closeTips div h3 i{font-size:18px; margin:0 10px 0 0;}
    .closeTips .logo{margin:0 0 30px 0; text-align:center;}
    .closeTips .logo i{font-size:64px;}
    .closeTips .logo img{height:64px; width:auto;}

}

@media screen and (max-width: 800px) {
    .tool{bottom:25px; right:18px;}
    .pagesimgBtn{padding:40px 18px 0 0;}

    .top{height:200px;}
    .top .topBanner .topBannerDiv{width:auto; height:50px; padding:0 18px 0 18px;}
    .top .topBanner .logo{margin:18px 0 0 0;}
    .top .topBanner .logo .logoIcon{width:auto; height:47px;}
    .top .topBanner .logo .logoText{width:auto; height:15px;}
    .top .topBanner .menuBtn{margin:18px 0 0 0;}
    .top .ocdTips{padding:50px 0 0 18px;}
    .top .ocdTips div h1{font-size:18px;}
    .top .ocdTips div h2{font-size:12px;}

    .submenu{margin:0 20px 0 0;}
    .submenu div{height:50px;}
    .submenu div ul li{font-size:12px; margin:0 0 0 10px;}
	
	.cookieTips{padding: 20px 20px; }
	
    #TSD .swText{bottom: 0; }
    #TSD .swText .text{font-size: 18px;  padding: 0 20px;}
    #TSD .swText .btn{width: 140px; height: 37px; line-height: 37px; margin: 0 0 20px 20px;}
    .DShow{display: none;}
    .MShow{display: block;}

    .topicTitle{padding:0 20px 0 20px;}
	
    .ageTips div{max-width: 440px;}
    .ageTips div ul{padding: 25px 25px;}
    .ageTips div ul h1{font-size: 16px; margin: 0 0 20px 0;}
    .ageTips div ul li button{height: 36px; border-radius: 36px; font-size: 12px;}
    .ageTips div ul li p{width: 20px;}

    .about{margin:0 0 0 0; display:block;}
    .about .aLeft{min-height:250px;}
    .about .aRight div{padding:0px 20px 40px 20px;}
    .about .aRight div h1{font-size:18px; margin:0 0 20px 0; padding:40px 0 0 0;}
    .about .aRight div ul{font-size:12px;}

    .service{width:auto; height:auto; margin:0px 0 60px 0;}
    .service .sLeft div{padding:0 20px 0 20px;}
    .service .sLeft div h1{font-size:18px; margin:0 0 20px 0;}

    .coverimg .item div ul li{width:100%;}
    .coverimg .item div ul li h1{line-height:20px}
    .coverimg .item div ul li h1 span{font-size:14px;}

    .pagesimg .item .aImg{height:450px;}

    .menuList{padding:0 30px 0 0;}
    .menuList .mlTop{margin:25px 0 35px 0;}
    .menuList .mlTop li{width:22px; height:22px;}
    .menuList .mlTop li img{width:22px; height:22px; margin:-11px 0 0 -11px;}
    .menuList .mlLinks li{font-size:18px;}

    .listTitle{padding:0 18px; margin:40px auto 25px auto}
    .listTitle div{font-size:16px;}
    .listTitle ul{padding:0 0 25px 0; font-size:12px;}

    .settingList{padding:0 0; margin:0 0 40px 0;}
    .settingList .imgList .item{margin:0 0;}
    .settingList .imgList .itemTitle span{font-size:12px;}
    .settingList .imgList .type span i{font-size:24px;}

    .videoLive{padding:0 0; margin:0 0 40px 0;}

    .videoPlayer .videoBtn .icon i{font-size:48px;}

    .logoList{padding:0 0;}
    .logoList .item{height:250px;}
    .logoList .item .itemTitle span{font-size:14px;}

    .studioTips{padding:0 20px;}
    .studioTips h1{font-size:16px; margin:0 0 10px 0;}

    .studioDiv{padding:0 20px;}

    .awardImg{margin:40px auto 40px auto; padding:0 20px;}
    .awardImg div{max-width:300px;}
    .copyRight{padding:0 20px;}
    .copyRightMini{padding:0 20px;}

    .content{padding:0 20px;}
    .content .contT{font-size:26px; margin:30px 0;}
    .content .contI{margin:30px 0 30px 30px;}
    .content .contI ul li h1{font-size:14px;}
    .content .contI ul li p{width:18px;}

    .contact{margin:20px 20px 60px 20px;}
    .contact .contDiv div h1{font-size:16px; margin:0 0 20px 0;}
    .contact .contDiv div h2{font-size:14px;}
    .contact .contDiv div h3{font-size:12px;}
    .contact .contDiv div h4{font-size:12px;}
    .contact .contDiv div ul{margin:10px 0 15px 0;}
    .contact .contDiv div button{height:32px;}
    .contact .contDiv .contOCD{width:100%; margin:0 0 20px 0; padding:0 0 10px 0; border-bottom:1px solid #CCC;}
    .contact .contDiv .contInfo{width:100%; margin:0 0 20px 0; padding:0 0 10px 0; border-bottom:1px solid #CCC;}
    .contact .contDiv .contSNS{width:100%; margin:0 0 0 0;}

    .join{margin:20px 20px 60px 20px;}

    .message{width:auto; height:auto; margin:0 20px 60px 20px; display:block;}
    .message .msgForm{width:100%;}
    .message .msgForm div{margin:0 0 35px 0}
    .message .msgForm ul li input{font-size:14px;}
    .message .msgForm ul li textarea{font-size:14px;}
    .message .msgForm button{width:180px; height:40px;}
    .message .msgInfo{width:100%; margin:0 0 0 0;}
    .message .msgInfo div{height:200px; position:static; bottom:0; margin:50px 0 0 0;}

    .dataList{width:102%; height:auto; position:relative; z-index:1; margin:-10px 0 0 -1%; display:inline-block;}
    .dataList div{width:48%; margin:1% 1%; position:relative; cursor:pointer; float:left;}
    .dataList div ul{height:220px;}
    .dataList div .type span i{font-size:38px;}
    .dataList div li h1{font-size:16px; padding:20px 20px 0 20px;}
    .dataList div li h1 span{padding:3px 0;}
    .dataList div li h1 span::after{height:2px;}
    .dataList div li h2{font-size:12px; padding:5px 20px 0 20px;}

    .liveList{margin:25px 0 0 0;}

    .maps{height:250px;}
    .zoomMaps p i{font-size:32px;}

}

@media screen and (max-width: 600px) {
    .awardImg div{max-width:220px;}

    .contedit p{font-size:12px;}

    .content .contDiv{display:block;}
    .content .contT{font-size:20px; margin:30px 0 30px 0;}
    .content .contI{margin:20px 0 30px 0;}
    .content .contI ul li{margin:0 0 8px 0;}
    .content .contI ul li h1{font-size:12px; margin:0 8px 0 0}
    .content .contI h2{margin:0 27px 0 0}
    .content .contI h2 span{-webkit-transform:scale(0.8); font-size:9px;}
    .content .contI ul li p{width:15px;}

    .dataList{margin:25px 0 0 0;}
    .dataList{width:100%; height:auto; position:relative; z-index:1; margin:-10px 0 0 0; display:inline-block;}
    .dataList div{width:100%; margin:0 0 2% 0; position:relative; cursor:pointer; float:left;}

    .loading img{width:45px; height:45px;}

    .pagesimg .item .aImg{height:400px;}

    .maps{height:200px;}

    .contus .contT{margin:0 0 20px 0;}
    .contus .contT h1{font-size:16px;}
    .contus .contT h2{font-size:12px;}
    .contus .contL ul{margin:10px 0 0 0;}
    .contus .contL ul h6{width:38px; height:38px; line-height:38px; margin:0 10px 0 0;}
    .contus .contL ul h6 i{font-size:16px;}
    .contus .contL ul li h1{font-size:14px; margin:1px 0 0 0;}
    .contus .contL ul li h2{font-size:12px;}

}

@media screen and (max-width: 500px) {
    .loading img{width:40px; height:40px;}

    .mapsBanner{top:30px; left:30px;}
    .mapsBanner div p{width:40px; height:40px; line-height:40px; margin:0 0 10px 0;}
    .mapsBanner div p i{font-size:16px;}
	
    .ageTips div{max-width: 300px;}
    .ageTips div ul{padding: 20px 20px;}
    .ageTips div ul h1{font-size: 16px; margin: 0 0 20px 0;}
    .ageTips div ul li button{height: 34px; border-radius: 34px; font-size: 12px;}
    .ageTips div ul li p{width: 15px;}

}