body { font: 14px/1.5 microsoft yahei; }
html {
  font-size: 20px;
}
html, body { height: 100%; }
@media only screen and (min-width: 400px) {
html { font-size: 21.33333333px !important; }
}
@media only screen and (min-width: 414px) {
html { font-size: 22.08px !important; }
}
@media only screen and (min-width: 480px) {
html { font-size: 25.6px !important; }
}
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
body {
    padding-top: constant(safe-area-inset-top);
    padding-left: constant(safe-area-inset-left);        
    padding-right: constant(safe-area-inset-right);    
}
a:hover,a:active{ outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;}
/*index*/
.spacebetween{box-sizing: border-box; min-height: 2.2rem;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
.flex-start { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: flex-start; align-items:center}
.flex-center { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items:center}
.page-group { width: 100%; overflow: hidden; margin: auto }
.pull-left{float:left}.pull-right{float:right}a:hover{opacity:.8}
.block{display:block}.hide{display:none}
.content { width: 100%; margin: 0 auto}
.text-right{ text-align:right}
/*index*/
.banner img{ width:100%}
.navmenu{ background-color:#9bc7f1}
.navmenu ul{ width:1000px; height:43px; padding:0; overflow:hidden; margin:auto}
.navmenu ul li{ width:200px; float:left; text-align:center; height:43px; line-height:40px; overflow:hidden}
.navmenu ul li a{ display:block; font-size:20px; padding:0 20px; color:#fff }
.navmenu ul li a.active,.navmenu ul li a:hover{ font-weight:bold; background:url(../images/navactivebg.jpg) repeat-x; background-size:auto 100%;display:block; height:43px}
.navmenu .wdslogo{ margin:auto}

.idwrapper{ overflow:hidden; padding-bottom:100px; background:url(../images/mainbg.jpg); background-size:100% 100%}
.idmain,.jsmain,.jlmain,.zjmain{width:1024px; margin:50px auto}
.idjs{width: 50%;display:inline-block; vertical-align:text-bottom; font-size:18px;padding: 50px 20px}
.jieshao{position: relative;width: 100%;display:inline-block; vertical-align:text-bottom; font-size:18px;padding: 50px 20px}
.jstit{position:absolute; top:10px; left:20px; font-weight:bold; color:#fff; font-size:20px; line-height:1}
.vdbox{width:400px; display:inline-block; margin-left:100px}
.idmain .vdbox{ width:50%; margin:auto; display:block; text-align:right}
.jsmain .vdbox{width:80%; margin:auto; display:block; text-align:center}
.jsmain .vdbox video,.idmain .vdbox video{ width:100%}

.jlbox{width:1000px; margin:30px auto}
.jlbox .title{ text-align:center; font-weight:bold; color:#2c6bba; padding-top:50px; background:url(../images/p4.png) no-repeat; background-size:100%}
.jlmain .vdbox{ width:300px; max-height:270px; margin:30px 19px;vertical-align: top}
.jlmain .vdbox video{ width:100%; display:block}
.jlmain .vdbox .rptit{padding:5px 0 15px; margin:20px 0; background:url(../images/jstitbg.png) no-repeat center top; color:#fff; text-align:center; background-size:60% 100%; font-size:18px; line-height:1}
.jlmain .vdbox .vdbd{border-radius:4px; overflow:hidden}
.vdbd .title{ padding-left:10px; word-break:break-all}
.jlmain .vdbox .hxvdtit{ width:100%;word-break: break-word;}
.jlmain .vdbox .bgzw{display:block; min-height:.75rem; margin-bottom:1rem; text-align:center; color:#fff; border-radius:5px;background:url(../images/jarepeatbg.jpg) repeat-x}
.indexmedia{width:27%; display: inline-block; margin:5% 3%}
.vdhv{ position:relative; min-height:180px}
.vdhv p{display:block; margin:0; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,.6); z-index:99}
.playicon:after{position: relative; content:''; background:url(../images/play.png) no-repeat; width:50px; height:50px; background-size:100% 100%;z-index:999}
.ribbon3 {
    position: absolute;
    width: 98.5%;
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
    background: #9ec7f1;
    left: -10px;
    top:-39px;
	color:#fff
}
.ribbon3:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border-top: 10px solid #9ec7f1;
    border-left: 10px solid transparent;
    bottom: -10px;
    left: 0;
}
.ribbon3:after {
	content: "";
    position: absolute;
    height: 0;
    width: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 15px solid #9ec7f1;
    right: -15px;
}
.ribbon5 {
    display: inline-block;
    width: calc(100% + 10px);
    height:40px;
    line-height:40px;
	padding-left:10px;
	margin:0 -10px;
    background: #2c6bba;
    position: relative;
    top: 20px;
	color:#fff
}
.ribbon5 span{ display:block;text-overflow:ellipsis;
	white-space:nowrap; overflow:hidden}
.ribbon5:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border-top: 10px solid #2c6bba;
    border-left: 10px solid transparent;
    bottom: -10px;
    left: 0;
}
.ribbon5:after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border-top: 10px solid #2c6bba;
    border-right: 10px solid transparent;
    right: 0;
    bottom: -10px;
}
.vdinfo{position:relative; display:inline-block; margin:20px 19px; width:300px}
.vdinfo video{ margin-top:15px}
.idmain .vdinfo{ width:100%; margin-top:60px}

.zjmain .rptit{ padding:5px 0 13PX; margin-top:-22px; background:url(../images/jstitbg.png) no-repeat center; text-align:center; color:#fff; text-align:center; font-size:18px; line-height:1}
.zjinfo{width:100%; position:relative; border:solid 1px #c3daf4; border-radius:10px; margin-top:100px}
.zjinfo p { overflow:hidden; margin:50px 0; padding:0 20px}
.zjinfo p span.l{ float:left; margin:0 30px}
.zjinfo p span img{ width:150px; height:150px; border-radius:100%; border:solid 4px #5899d6}
.zjinfo p span big{ display:block; color:#5899d6}
.zjinfo p span small{ display:block; font-size:14px; color:#3e3a3a; line-height:2}
.zjinfo p span.r{ float:right}
.smbox{ width:16%;}
.lagbox{ width:77%}
.mbanner{ display:none}
.indexmedia video{ width:100%}
h2.bt{ width:100%; padding:1rem 0; margin:0; background:url(../images/mtitbg.png) no-repeat center; background-size:100%; display:none}
h2.bt span{ display:inline-block; background-color:#fff; padding:0 .5rem; font-size:.7rem;font-weight: normal;margin-left: 1rem;line-height: 1}
.playvd video{ width:60%; margin:auto; display:block}
.playpro .tit{position:absolute; top:-8%; left:0; padding:.25rem 1rem; line-height:1; color:#fff; letter-spacing:.5rem; background:url(../images/mnavbg.png) no-repeat; background-size:100%}
@media screen and ( max-width:750px ){
	.page-group,.content,.idwrapper{ height:100%}
	.idwrapper{ overflow:auto;-webkit-overflow-scrolling:touch}
.navmenu ul{ width:100%; height:auto;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-around;justify-content: space-around;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
.navmenu ul li{ width:100%; height:auto; line-height:normal; position:relative; margin-left:-.5rem; margin-bottom:-3px}
.navmenu ul li:first-child{ z-index:5; margin-left:.1rem}
.navmenu ul li:nth-child(2){ z-index:4}
.navmenu ul li:nth-child(3){ z-index:3}
.navmenu ul li:nth-child(4){ z-index:2}
.navmenu ul li:nth-child(5){ z-index:1}
.navmenu ul li a{font-size:.6rem; padding:.25rem .5rem; color:#8bb3ec; background: url(../images/mnavbgcm.png) no-repeat; background-size:100% 100%; text-decoration:none}
.navmenu ul li a:hover{ height:auto}
.navmenu ul li a.active{ height:auto;font-size:.6rem; font-weight:normal; padding:.25rem .5rem; color:#fff;background: url(../images/mnavbg.png) no-repeat; background-size:100% 100%}
.navmenu{ background:none; border-bottom:solid .1rem #8bb3ec; margin-top:-1.25rem; position:relative}
.idmain .spacebetween{ display:block}
.idjs{width: 90%;padding: 5%;display: block;font-size: .8rem; color:#595757}
.idjs p,.jieshao p{ margin:0; font-size:.7rem}
.idmain .vdbox{ width:90%; margin:auto}
.idmain .vdinfo{width: 90%;margin-top: 60px;margin: 60px auto;display: block; padding-bottom:.5rem}
.indexmedia,.jieshao {width: 90%;display: block;padding: 5%;color:#595757}
.jlmain .vdbox,.zjmain,.idmain, .jsmain,.jlmain{ margin:0; width:90%; padding:5%;max-height: none}
.zjinfo p span.l{ display:block; width:100%; margin:0}
.zjinfo p span.r{ display:block; width:100%}
.zjinfo p span big{ text-align: center; display:block; margin:.5rem 0}
.zjinfo p span img{ width:5rem; height:5rem; display:block; margin:auto; border:solid 4px #5899d6}
.pcbanner{ display:none}.mbanner{ display:block}
.idmain .vdinfo .spacebetween{ display:flex}
.indexmedia{ margin:0}
.indexmedia p{ word-break:break-all}
.indexmedia video{ width:100%}
.vdbd .title{ text-align:left}
.zjinfo{ position:relative; margin-top:1rem; background:url(../images/zjinfobg.png); padding:1rem 0; background-size:100% 100%; border:none}
.zjinfo p{ margin:.5rem 0}
.zjmain{ padding-top:0}
h2.bt{ display:block;margin-top: 1rem}
.idwrapper{ background:url(../images/mbg.jpg) #fff bottom no-repeat; background-size:100%; padding-bottom:0;-webkit-overflow-scrolling:touch}
.playpro .tit{position:absolute; top:-8%; left:0; padding:.25rem 1rem; line-height:1; color:#fff; letter-spacing:.5rem; background:url(../images/mnavbg.png) no-repeat; background-size:100%}
.playpro p{ margin:.5rem}
.playvd video{ width:100%; margin:auto; display:block}
}