body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;font-size:14px;}  /* 初始化标签在所有浏览器中的margin、padding值 */  
fieldset,img {border:0 none}  /* 重置fieldset（表单分组）、图片的边框为0*/  
dl,ul,ol,menu,li {list-style:none}   /* 重置类表前导符号为onne,menu在HTML5中有效 */  
blockquote, q {quotes: none}   /* 重置嵌套引用的引号类型 */  
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}  /* 重置嵌套引用*/  
input,select,textarea,button {vertical-align:middle}  /* 重置表单控件垂直居中*/  
button {border:0 none;background-color:transparent;cursor:pointer}  /* 重置表单button按钮效果 */  
body {background:#ece8e6;}   /* 重置body 页面背景为白色 */  
body,th,td,input,select,textarea,button {font-family:"微软雅黑", "黑体","宋体";color:#666} /* 重置页面文字属性 */  
a{text-decoration:none}  /* 重置链接a标签 */  
a:active, a:hover {text-decoration:none}   /* 重置链接a标签的鼠标滑动效果 */  
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}  /* 重置样式标签的样式 */  
caption {display:none;}    /* 重置表格标题为隐藏 */  
table {width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}    /* 重置table属性 */  
img{vertical-align:top}  /* 图片在当前行内的垂直位置 */  
html, body{width: 375px; height: 100%;background:#ece8e6; position: relative;}
*{padding: 0; margin: 0 auto;}
p{padding: 0; margin: 0 auto;}
/* 页面设置 */  

   

  /* 取消a标签点击后的虚线框 */  
a {outline: none;}    
a:active {star:expression(this.onFocus=this.blur());}  

 /* 设置页面文字等在拖动鼠标选中情况下的背景色与文字颜色 */  
/*   
::selection {color: #fff;background-color: #4C6E78;}      
::-moz-selection {color: #fff;background-color: #4C6E78;}   
*/  

/*清除浮动*/ 
.clear{clear: both;}  
/*清除浮动--推荐使用*/  
.clearfix:before,.clearfix:after{content: '';display: table;}  
.clearfix:after{clear: both;} 

.bar1{width: 100%; height:100%;position:absolute;top:0;left:0;z-index:10;display: none;}
.bar_cont{width:100%;display:block;margin:0 auto;margin-right:0;height:100%;background:url(../img/bg1.png?v) no-repeat center top; background-size:100% 100%;color:#fff;font-size:23px;line-height:45px;}
.bar_div{position: absolute;width: 80%;top: 50%;margin-top: -150px;left: 10%;}
.bar_btn{width:50px;height:50px;position: absolute;top:20px;right:20px;z-index: 10;}
.bar_btn .close{max-width: 100%;margin: 0 auto;display: none;}
.menu, .si-icon{display: block;max-width:100%;margin:0 auto;position:absolute;top:0;left:0;}
.menus{background: url(../img/close1.png) no-repeat center;}
.bar_ul{}
.bar_ul li{font-size:16px;line-height:24px;position:relative;text-indent:35px;padding:9px 0;background:url(../img/dian.png) no-repeat 10px center;background-size:7px 7px;}
.bar_ul li:after{display: block;content: "";background: url(../img/x.png) no-repeat center;background-size: 100%;width: 100%;height:7px;position: absolute;bottom: 0;}
.bar_ul a{color:#fff; display: block;background: url(../img/icon-triagle-r.png?v) no-repeat right center;background-size: 31px 17px;}
.bar_ul span{font-size:12px;display:none;}
.btn_menu{width:50px;height:50px;position: relative;background:url(../img/menu1.png) no-repeat center;background-size:100%;}
.btn_menu.cross1{background-image:url(../img/close1.png);}
.menu-button {position:absolute;top:0px;left:0px;padding:13px;cursor:pointer;-webkit-transition:0.3s;transition:0.3s;}
.menu-button .bar:nth-of-type(1) {margin-top:1px;}
.menu-button .bar:nth-of-type(3) {margin-bottom: 0px;}
.bar {position: relative;display: block;width:25px;height:4px;margin:5px auto;background-color:#fff;border-radius:10px;-webkit-transition:0.3s;transition: .3s;}
.cross .bar:nth-of-type(1) {-webkit-transform: translateY(13px) rotate(-45deg);-ms-transform: translateY(9px) rotate(-45deg);transform: translateY(9px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {opacity: 0;}
.cross .bar:nth-of-type(3) {-webkit-transform: translateY(-11px) rotate(45deg);-ms-transform: translateY(-9px) rotate(45deg);transform: translateY(-9px) rotate(45deg);}
.chupin{font-size:16px;line-height:24px;position:relative;text-indent:35px;padding:7px 0;background: url(../img/dian.png) no-repeat 10px center;background-size:7px 7px;}
.chupin:after{display: block;content: "";background: url(../img/x.png) no-repeat center;background-size: 100%;width: 100%;height:7px;position: absolute;bottom: 0;}
.chupin_pop{position:absolute;left:0;top:0;width: 100%;height: 100%;background:rgb(0, 38, 148);}  
.shuming{width:68%;line-height:30px;margin:0 auto;position: absolute;left: 16%;top: 50%;margin-top: -180px;}
.chupin span{font-size:12px;display:none;}

.test{display:none;width:50px;height:50px;margin-top: 5px;position: relative;}
.fave {width:50px;height:50px;background: url(../img/8.png?v) no-repeat;background-size:100% 100%;position: relative;z-index:1;}
.fave.hover{background-image:url(../img/8-2.png);}
.zan{color:#f45ef1; text-align: center;font-size:14px;}
.add1{position:absolute;top:20px;text-align:center;width:40px;left:5px;color:#f45ef1;font-weight: 700;}
@keyframes plus1{0%{top:0}30%{top:-5px}100%{top:-50px}}
@-webkit-keyframes plus1{0%{top:0}30%{top:-5px}100%{top:-50px}}
.vote{-webkit-animation:plus1 0.5s 1 linear;animation:plus1 0.5s 1 linear;}

#L_page{position:absolute;width: 100%;height: 100%;}
#L_img2{animation:dg 5s infinite linear;-webkit-animation:dg 5s infinite linear;}
@keyframes dg{0% {transform:rotate(0deg);}100% {transform:rotate(360deg);}}
@-webkit-keyframes dg{0% {transform:rotate(0deg);}100% {transform:rotate(360deg);}} /*Safari and Chrome*/

#can{height:100%;width:375px;margin:0 auto;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling: touch;background:#060b43 url(../img/bg.png?v=1) no-repeat top center; background-size:100%;}
.hide{display: none;}
.tips{padding:15px 0px;margin: 0 auto;font-size:14px;line-height:26px;width: 90%;}
.up{display: block;position: absolute;left: 50%;margin-left:32px;bottom:40px;-webkit-animation: moves 1.5s infinite ease-in-out;animation: moves 1.5s infinite ease-in-out;}
@-webkit-keyframes moves {
  0%, 100%{bottom:40px;-opacity:1;}
  50%{bottom:20px;opacity:0.3;}
}
@keyframes moves {
   0%, 100%{bottom:40px;-opacity:1;}
   50%{bottom:20px;opacity:0.3;}
}
.index{width:100%;height:100%;position:relative;overflow: hidden;}
.index img{display:block;margin: 0 auto;max-width:100%;}
.a_img{display:block;margin: 0 auto;max-width:100%;position:absolute;left: 0;top:200px;}
.a_img.act{-webkit-animation:indexa 5s infinite linear;animation:indexa 5s infinite linear;}
.index_img{position:absolute;left:0;top:230px;-webkit-animation:index1 10s infinite linear;animation:index1 10s infinite linear;}
.index_img1{position:absolute;left:0;top:380px;-webkit-animation:index2 10s infinite linear;animation:index2 10s infinite linear;}
@keyframes indexa{
	0%{top:200px;}50%{top:180px;}100%{top:200px;}
}
@-webkit-keyframes indexa{
	0%{top:200px;}50%{top:180px;}100%{top:200px;}
}
@keyframes index1{
	0%{top:230px;}50%{top:270px;}100%{top:230px;}
}
@-webkit-keyframes index1{
	0%{top:230px;}50%{top:270px;}100%{top:230px;}
}
@keyframes index2{
	0%{top:380px;}50%{top:410px;}100%{top:380px;}
}
@-webkit-keyframes index2{
	0%{top:380px;}50%{top:410px;}100%{top:380px;}
}
.index img.tips_img{position:absolute;right:30px;top:180px;opacity: 0;transition: opacity 2s;-webkit-transition:opacity 2s;width: 140px;}
.load_img{-webkit-animation:spin 4s infinite linear;animation: spin 4s infinite linear;display: block;margin: 0 auto;}
.img0{display: block;margin:0 auto;padding:10px 0;width:60px;-webkit-animation:img0 6s infinite linear;animation:img0 6s infinite linear;}
@keyframes img0{
	0%{-webkit-transform:translateY(10px);transform:translateY(10px);}50%{-webkit-transform:translateY(0);transform:translateY(0);}100%{-webkit-transform:translateY(10px);transform:translateY(10px);}
}
@-webkit-keyframes img0{
	0%{-webkit-transform:translateY(10px);transform:translateY(10px);}50%{-webkit-transform:translateY(0);transform:translateY(0);}100%{-webkit-transform:translateY(10px);transform:translateY(10px);}
}
@-webkit-keyframes spin {
	from {-webkit-transform: rotate(0deg);}
	to {-webkit-transform: rotate(360deg);}
}
@keyframes spin {
     from {-webkit-transform: rotate(0deg);}
	to {-webkit-transform: rotate(360deg);}
}
.banner{padding-top:80px;}
.banner.active{-webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;}
@-webkit-keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}
@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}


.gif2{display: block;position: absolute;top: 0;left: 0;width: 375px;}
.c1_0{-webkit-animation:bi1 19s both infinite;animation:bi1 19s both infinite;animation-delay:2s;-webkit-animation-delay:2s;display:block;position:absolute;top:-800px;width:500px;height:800px;left:0;}
.c2_0{-webkit-animation:bi 17s both infinite;animation:bi 17s both infinite;display:block;position:absolute;top:-800px;width:500px;right:0;}
.b1_0{-webkit-animation:bi 29s both infinite;animation:bi 29s both infinite;animation-delay:2s;-webkit-animation-delay:2s;display:block;position:absolute;top:-800px;width:375px;}
.b2_0{-webkit-animation:bi1 14s both infinite;animation:bi1 14s both infinite;display:block;position:absolute;top:-800px;width:375px;}
@-webkit-keyframes bi{0%{top:1200px;};50%{top:0};100%{top:-800px}}
@keyframes bi{0%{top:1200px;};50%{top:0};100%{top:-800px}}
@-webkit-keyframes bi1{0%{top:0};100%{top:-800px}}
@keyframes bi1{0%{top:0;};100%{top:-800px}}

/***********音频 播放**********/
.progress{width: 90%;margin: 0 auto;height:50px;position: relative;}
#player{width: 95%;position: relative;color: #fff;padding: 20px 0;margin: 0 auto;min-height: 120px;}
.u-cover{width:121px;overflow:hidden;display: block;float: left;}
.u-cover img{display:block;width:80px;height:auto;max-height:100%;border-radius:50%;margin: 0 auto;}
.u-cover.play img{-webkit-animation:rotate 10s linear infinite 0s forwards;animation:rotate 10s linear infinite 0s forwards}
.u-cover.paused img{-webkit-animation-play-state:paused;animation-play-state:paused}
.m-play-controls{width:80px;float: left;}

.rignt_c{margin-left:80px;height:50px;}
.pros{background: url(../img/12.png) no-repeat center; background-size: 100%;width: 250px;height: 50px;}
.contr3_1 .pros{background: url(../img/audio/12.png) no-repeat center; background-size: 100%;width: 250px;height: 50px;}
.mute_t.pros{background-image: url(../img/4.gif);}
.contr3_1 .mute_t.pros{background-image: url(../img/audio/4.gif);}
.m-play-controls a{display:inline-block;vertical-align:middle}
.m-play-controls .u-play-btn{display:block;width:33px;height:33px;cursor:pointer;margin-top:8px;}
.fastforward{width: 48px;height: 50px;background: url(../img/audio/5.png) center no-repeat;background-size: 100%;position: absolute;top: 0;left:32px;}
.m-play-controls .u-play-btn{background:url(../img/audio/1.png) center no-repeat center;background-size:100%;}
.u-play-btn.paused{background:url(../img/audio/1.png) no-repeat center;background-size:100%;}
.contr3 .u-play-btn.paused{background:url(../img/audio/10.png) no-repeat center;background-size:100%;}
.m-play-controls.mute_t .u-play-btn{background:url(../img/audio/2.png) no-repeat center;background-size:100%;}
.contr3.m-play-controls.mute_t .u-play-btn{background:url(../img/audio/9.png) no-repeat center;background-size:100%;}
.m-play-controls.mute_t .fastforward{animation:fast_f 2s linear infinite;-webkit-animation:fast_f 2s linear infinite;}
@keyframes fast_f{
	0%{background-image:url(../img/audio/5.png);}
	25%{background-image:url(../img/audio/6.png);}
	50%{background-image:url(../img/audio/7.png);}
	75%{background-image:url(../img/audio/8.png);}
	100%{background-image:url(../img/audio/5.png);}
}
@-webkit-keyframes fast_f{
	0%{background-image:url(../img/audio/5.png);}
	25%{background-image:url(../img/audio/6.png);}
	50%{background-image:url(../img/audio/7.png);}
	75%{background-image:url(../img/audio/8.png);}
	100%{background-image:url(../img/audio/5.png);}
}
.u-play-btn.playing {}
.my_listPlay li.clickSong p{color:#5ed871;}
.u-process{width:350px;height:80px;position:relative;background:url(../img/audio/3.png) no-repeat center;background-size:100%;}
.current-process{display:block;width:0;height:80px;position:absolute;top:0;left:0;background:url(../img/audio/hover.png) no-repeat center;background-size:100%;z-index:1;}
.timer{float:left;line-height:40px;font-size: 12px;color: #ddd;}
.all_time{position: absolute;right: 0;top: 0;line-height:40px;font-size:14px;color:#333;}
.buffer-process{width:10px;height:10px;left:0;top:35px;background:url(../img/audio/4.png) no-repeat;background-size:100%;opacity: 1;border-radius: 50px;box-shadow: #fff 0 0 5px;position: absolute;}
.shitu{display:none;}

.shitu img{width:100%;display:block;opacity:0;}
.shitu img.shitu1{opacity:1;transition:opacity 1s;transition-delay:0.5s;}
.shitu img:first-child.shitu1{opacity:1;transition:opacity 1s;}

/******四大湾区对比********/
.nav_img_p{width:100%;}
.page{width:100%;background: #fff}
.compete{background: #fff;}
.videoinfo_wrapper{margin:0 auto;color:#fff;font-size:14px;line-height:30px;padding-bottom: 60px;width: 90%;}
.block_item{background: url(../img/txt-bg.png) no-repeat;padding:14px 4%;background-size: 100% 100%;}
.tu1{margin:0 auto;display:block;}
.head{top: 0;right: 0;left: 0;z-index: 10;width: 100%;padding: 40px 0; padding-bottom:0px;}
.head_img{display:block;width:100%;}
.fixed{position:fixed;width:100%;}
.p1_head{padding:0 10px;}
.p1_head ul{width:100%;overflow: hidden;padding:30px 0;}
.p1_head li{width:20%;float:left;height:137px;position: relative;}
.p1_li1{background: url(../img/1/1.png) no-repeat center; background-size: auto 90%;}
.p1_li2{background: url(../img/1/2.png) no-repeat center; background-size: auto 90%;}
.p1_li3{background: url(../img/1/3.png) no-repeat center; background-size: auto 90%;}
.p1_li4{background: url(../img/1/4.png) no-repeat center; background-size: auto 90%;}
.p1_li5{background: url(../img/1/5.png) no-repeat center; background-size: auto 90%;}
.p1_li1.hover{background-image: url(../img/1/1-1.png);}
.p1_li2.hover{background-image: url(../img/1/2-1.png);}
.p1_li3.hover{background-image: url(../img/1/3-1.png?v);}
.p1_li4.hover{background-image: url(../img/1/4-1.png?v);}
.p1_li5.hover{background-image: url(../img/1/5-1.png?v);}
.p1_img{display: block;margin: 0 auto;max-width: 100%;}
#swieC .swiper-slide img{ display: block;}
.tapshou{position: absolute;bottom:10px;left: 0;width: 100%;height:80%;background:rgba(6, 28, 91, 0.80);z-index: 1;}
.tapshou img{display: block;margin: 0 auto;padding-top:150px;animation: shou1 2s linear infinite;-webkit-animation: shou1 2s linear infinite;}

/**********规划解读*******/
.jd{background: #f5f5f5;padding-bottom: 60px; position: relative;width: 100%;}
#swieC1 .swiper-slide{border-radius:100%;width:260px;height:300px;position:relative;overflow:hidden;outline:none;}
#swieC1 .swiper-slide img{display:block;margin:0 auto;max-width:100%;opacity:0.5;width: 95%;}
#swieC1 .swiper-slide.swiper-slide-active img{opacity:1;}
#swieC1{padding-bottom:40px;}
#swiper_1 .swiper-slide, #swiper_2 .swiper-slide{min-height:450px;}
#swiper_1 .swiper-slide img, #swiper_2 .swiper-slide img{display:block;max-width:100%;}
#swiper_1 .swiper-button-next, #swiper_2 .swiper-button-next{-webkit-background-size:20px 44px;background-size:20px 44px;width:20px;background-image:url(../img/right.png?v1);right:-20px;animation:opct 2.5s infinite ease-in-out;-webkit-animation:opct 1.5s infinite ease-in-out;}
#swiper_1 .swiper-button-prev, #swiper_2 .swiper-button-prev{-webkit-background-size:20px 44px;background-size:20px 44px;width:20px;background-image:url(../img/left.png?v1);left:-20px;animation:opct 2.5s infinite ease-in-out;-webkit-animation:opct 1.5s infinite ease-in-out;}
#swiper_1 .swiper-pagination, #swiper_2 .swiper-pagination{bottom:3px;}

@-webkit-keyframes opct{
  0%, 100%{bottom:40px;-opacity:1;}
  50%{bottom:20px;opacity:0.3;}
}
@keyframes opct{
   0%, 100%{bottom:40px;-opacity:1;}
   50%{bottom:20px;opacity:0.3;}
}
@-webkit-keyframes opct2{
  0%, 100%{transform:scale(1);-webkit-transform:scale(1);}
  50%{transform:scale(1.1);-webkit-transform:scale(1.1);}
}
@keyframes opct2{
   0%, 100%{transform:scale(1);-webkit-transform:scale(1);}
  50%{transform:scale(1.1);-webkit-transform:scale(1.1);}
}

/************power资本竞争力**************/
.power{position: relative;width: 100%;}

.img_14{display: block;margin: 0 auto;width: 97%;}
.table{font-size:26px;line-height:35px;width:570px;color:#fff;margin:0 auto;overflow:hidden;}
#table, #tables, .table1{border:0;width:100%;text-align: center;}
.table1{color:#fff;background:rgba(255, 255, 255, 0.15);padding:5px 0;border-radius:10px;font-size:14px;}
.table1 td p{ position:relative;color:#09d9ec;padding: 5px 0;}
.table1 td p.zz:after{display:block;content:'';position:absolute;right:0;border-right:1px solid #fff;height:25px;top:6px;}
.table1 td p.zz:before{display:block;content:'';position:absolute;left:0;border-right:1px solid #fff;height:25px;top:6px;}
.table1 td:last-child p:after{border:0;}
.table2{height:350px;overflow: hidden;overflow-y: auto;-webkit-overflow-scrolling:touch;padding:0 15px;}
#tables td{font-size: 14px;line-height: 35px;text-align:center;color: #fff;}
/**
 * #tables tr td:first-child{color:#fdbaeb;}
#tables tr td:nth-child(2){color:#99ebff;}
#tables tr td:last-child{color:#aeefff;}
 * **/
#tables tr{ position:relative;}
#tables tr:nth-child(odd) td{background: rgba(181, 181, 181, 0.2);}
.content{padding:15px;}
.power_div{width:100%;margin:0 auto;position:relative;height:400px;}
.power_img{display: block;max-width: 100%;width: 100%;position:absolute;top:0;left:-100%;}
.power_img.swidth{width: 100%;-webkit-animation:power_i 2s linear 1;animation:power_i 2s linear 1;
transition: all 2s ease-in-out;-webkit-transition: all 2s ease-in-out;top:0;left:0;}

@keyframes power_i{
	0%{transform:scale(0.5) translate(-100%, 0) rotate(0deg);-webkit-transform:scale(0.5) translate(-100%, 0) rotate(0deg);}
	100%{transform:scale(1) translate(0, 0) rotate(360deg);-webkit-transform:scale(1) translate(0, 0) rotate(360deg);}
}
@-webkit-keyframes power_i{
	0%{transform:scale(0.5) translate(-100%, 0) rotate(0deg);-webkit-transform:scale(0.5) translate(-100%, 0) rotate(0deg);}
	100%{transform:scale(1) translate(0, 0) rotate(360deg);-webkit-transform:scale(1) translate(0, 0) rotate(360deg);}
}
.msg{position: relative;width: 100%;background-size: 100% 100%;margin-top: 70px;height:520px;}
.msg img{display: block;
    max-width: 100%;
    width: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);}
.msg img.swidth{width: 100%;-webkit-animation:msg_i 1s linear 1;animation:msg_i 1s linear 1;
transition: width 1s ease-in-out;-webkit-transition: width 1s ease-in-out;}
@keyframes msg_i{
	0%{width:300px;}
	30%{width:200px;}
	50%{width:150px;}
	70%{width:450px;}
	80%{width: 400px;}
	100%{width: 100%;}
}
@-webkit-keyframes msg_i{
	0%{width:300px;}
	30%{width:200px;}
	50%{width:150px;}
	70%{width:450px;}
	80%{width: 400px;}
	100%{width: 100%;}
}


.xian{width: 18px;height:120px;background: url(../img/1.png?v) no-repeat center top;position: absolute;top: 14px;left:10px;}
.mainds{position: absolute;top: 0;left: 30px;width: 223px;height:120px;}
.maind{background: url(../img/2.png) no-repeat center left;width: 223px;height: 90px;}
.comp_name{font-size: 26px;text-align: center;color: #0731b3;font-weight: bold;}
.topi{width: 110px;text-align: center;margin: 0 auto;margin-right: 0;font-size:14px;line-height: 40px;color: #d25dfa;}
.cir{width: 110px;text-align: center;margin: 0 auto;margin-right: 0;font-size:14px;line-height: 50px;color: #409ff8;}

/***********城市群*************/
.city{position:relative;width:100%;}
#mySwiper1{width:100%;text-align:center;overflow:hidden;padding-bottom:34px;}
#mySwiper1 .swiper-slide{background: #fff;;}
.swiper .swiper-wrapper{z-index:1;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;transition-property: transform;transition-property: transform,-webkit-transform;box-sizing: content-box;}
.swiper .swiper-slide {-ms-flex:0 0 auto;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
.nav, .xgBtn, .amBtn{text-align: center;margin: 0 auto;font-size:15px;line-height:40px;width:100%;overflow:hidden;font-weight:bold;color:#5175b0;text-overflow:ellipsis;white-space:nowrap;}
#mySwiper2 .swiper-slide.swiper-slide-active div{border-bottom:4px solid #f45ef1;color:#f45ef1;}
#mySwiper2{box-shadow:-5px 9px 8px 0px rgba(0,0,0,0)!important;position: relative;}
.cont{position: relative;width: 100%;}
.slid_img{display:block;    background: url(../img/all.png?v=1.32) no-repeat center top;
    background-size: auto 288px;
    width: 375px;
    height: 298px;}
.slid_img1{background-position:0 10px;}
.slid_img2{background-position:-377px 10px;}
.slid_img3{background-position:-754px 10px;}
.slid_img4{background-position:-1131px 10px;}
.slid_img5{background-position:-1508px 10px;}
.slid_img6{background-position:-1885px 10px;}
.slid_img7{background-position:-2262px 10px;}
.slid_img8{background-position:-2639px 10px;}
.slid_img9{background-position:-3016px 10px;}
.slid_img10{background-position:-3393px 10px;}
.slid_img11{background-position:-3770px 10px;}

.cover{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background:rgba(6, 28, 91, 0.8);}
.cover div{background:rgba(6, 28, 91, 0.8);width: 100%;}
.img13{display: block;margin: 0 auto;margin-left:130px;transition: margin-left 2s;-webkit-transition:margin-left 2s;position: absolute;bottom: 0;z-index: 1;}
.cover img{display: block;margin: 0 auto;margin-left:0;animation: shou1 2s linear infinite;-webkit-animation: shou1 2s linear infinite;width:100px;padding-top: 120px;}
@keyframes shou1{
	0%{-webkit-transform: translateX(0);transform: translateX(0);}
	50%{-webkit-transform: translateX(80px);transform: translateX(80px);}
	100%{-webkit-transform: translateX(0px);transform: translateX(0px);}
}
@-webkit-keyframes shou1{
	0%{-webkit-transform: translateX(0);transform: translateX(0);}
	50%{-webkit-transform: translateX(80px);transform: translateX(80px);}
	100%{-webkit-transform: translateX(0px);transform: translateX(0px);}
}


/*******视频*******/
video {
    display: inline-block;
    vertical-align: baseline;
}
video{width:100%;}
.videos{width:100%;}
.video{width:100%; position: absolute;top: 0;left: 0;right: 0;}
.video1{width:100%;}
.video1 p{color:#0036A9;font-size:14px; padding:10px 0; text-indent:20px;line-height:30px;}
.video_conver{width: 100%; position: relative;height:220px;}
.video_img{display: block;width: 100%;position: absolute;top: 0;left: 0;bottom: 0;z-index: 10;}

/********picture*********/
.swiper-container{width: 100%;margin-left: auto;margin-right: auto;}
.swiper-slide{background-size: cover;background-position: center;}
.gallery-top {height:100%;width:100%;}
.gallery-thumbs {height: 20%;box-sizing: border-box;padding: 10px 0;}
.gallery-thumbs .swiper-slide {width: 25%;height: 100%;opacity: 0.4;}
.gallery-thumbs .swiper-slide-active {opacity: 1;}
.picture{width: 100%;height:400px;}
.gallery-font{display:-webkit-flex;display: flex;-webkit-align-items: center;align-items: center;text-align:left;position: absolute;bottom: 0;left: 0;width: 100%;line-height:35px;min-height:70px;overflow:hidden;
font-size:14px;padding:5px 0; text-indent:24px;color: #fff;background:rgba(0,0,0,0.7);}


/******call*************/
.call_page{background: url(../img/call/1.png) no-repeat top center;background-size: 100% 100%;width:100%;padding-bottom:20px;}

/******留言板页面********/
.call{width:100%; background: url(../img/call/1.png) no-repeat top center;background-size:100% 100%;color:#fff;height: 100%;overflow: hidden;}
.form{margin: 0 5%;margin-bottom: 5px;padding-top: 15px;}
.sets{text-align: center;font-size:16px;line-height: 30px;padding: 0;}
.sets a{display: block;font-size:15px;color: #fff;}
.sets a.cancle {float: left;}
.sets a.sbumits {float: right;}
.writed {background:url(../img/call/3.png?v=1) no-repeat;background-size:100% 100%;margin: 0 auto;
    display: block;
    padding: 5px 15px;
    border: none;
    color: #fff;width: 90%;
    min-width: 90%;
    max-width: 90%;
    line-height: 25px;
    font-size: 14px;
    height: 75px;
    min-height: 75px;
    max-height: 75px;}
.cont1::-webkit-scrollbar {/*滚动条整体样式*/
        width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }
.cont1::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 10px;
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background:#fff;
    }
.cont1::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 10px;
        background:#fff;
    }
.group{padding:6px;margin: 0 auto;max-width: 375px;}
.pic{width: 80px;float: left;position: relative;height: 80px;overflow: hidden;}
.pic img{width:70px;border-radius:100%;}
.control{margin-left:80px;min-height:80px;}
.control .name{font-size:13px;line-height:30px;overflow:hidden;height:30px;position: relative;color:#fff;font-weight: bold;}
.zan_ly{display: block;position: absolute;right: 0;width: 200px; text-align:right;color: #fff;top:0;}
.zan_ly img{display: inline-block;width: 20px;padding-top: 5px;}
.plc{font-size: 13px;line-height: 22px;color:#fff;margin:0 auto;padding:0;padding-bottom:5px;}
.call_2{margin:0 auto;display:block;max-width:100%;position:absolute;left:104px;top:30px;z-index: 1; display: none;}
.writed::-webkit-input-placeholder{color:#fff;}
.cont1{width:95%;margin: 0 auto;height: 60%;overflow: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.shou{display: block;position: absolute;right:100px;width: 50px;top: 100px;}
.heng{display: block;background: rgba(255, 255, 255, 0.53);height: 1px;margin: 0;border-width: 0;margin-top: 5px;}
.call_font{font-size:16px;color:#fff;text-align:center;width: 80%;margin: 0 auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.img18{position:absolute;}
@-webkit-keyframes n {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 0;
	}
	10% {
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
		opacity: 1;
	}
	90% {
		-webkit-transform: translateY(450px);
		transform: translateY(450px);
		opacity: 1;
	}
	to {
		-webkit-transform: translateY(500px);
		transform: translateY(500px);
		opacity: 0;
	}
}

@keyframes n {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 0;
	}
	10% {
		opacity: 1;
	}
	90% {
		opacity: 1;
	}
	to {
		-webkit-transform: translateY(500px);
		transform: translateY(500px);
		opacity: 0;
	}
}
.animate1 {
	-webkit-animation: n 10s 0s ease-in infinite;
	animation: n 10s 0s ease-in infinite
}
.animate2 {
	-webkit-animation: n 8s 0s ease-in infinite;
	animation: n 8s 0s ease-in infinite
}
.animate3 {
	-webkit-animation: n 10s 0s ease infinite;
	animation: n 10s 0s ease infinite
}
.animate4 {
	-webkit-animation: n 7s 0s ease infinite;
	animation: n 7s 0s ease infinite
}
.animate5 {
	-webkit-animation: n 12s 0s ease-out infinite;
	animation: n 12s 0s ease-out infinite
}
.animate6 {
	-webkit-animation: n 15s 0s ease-out infinite;
	animation: n 15s 0s ease-out infinite
}
.animate7 {
	-webkit-animation: n 8.5s 0s linear infinite;
	animation: n 8.5s 0s linear infinite
}
.animate8 {
	-webkit-animation: n 11.5s 0s linear infinite;
	animation: n 11.5s 0s linear infinite
}
.animate9 {
	-webkit-animation: n 9.5s 0s ease-in-out infinite;
	animation: n 9.5s 0s ease-in-out infinite
}
.animate10 {
	-webkit-animation: n 13s 0s ease-in-out infinite;
	animation: n 13s 0s ease-in-out infinite
}

/********音乐*********/
.music{
    position: fixed;
    right: 20px;
    bottom: 30px;
}
.music span{
    display: block;width: 36px;
    height: 36px;
    background: url(../img/music.png) no-repeat;
    background-size: 100% 100%;
}
.music.mute span{
    background-image: url(../img/music-mute.png);
    opacity: 0.65;
}