@charset "utf-8";
/* public */
html,body,form,ol,ul,li,div,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,th,td,font,em,ins,span,a{margin:0; padding:0; outline: none;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
span,a,strong,div{-webkit-appearance:none;-webkit-tap-highlight-color:transparent;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_ani{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.pub_yh{font-family:"Microsoft YaHei";}
.pub_btn{display: block; overflow: hidden; text-indent: -999px; cursor: pointer; margin: 0 auto;}
.pub_btn:hover{background-position: 0 bottom;}
.pub_le{float: left}
.pub_lr{float: right;}
.pub_ib{text-align: center; display: table; word-spacing:-1em;}
.pub_text1{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pub_text2{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.pub_table{border-collapse: collapse; width: 100%;}
.none{display:none;}
*:not(input):not(textarea){user-select:none;}
body{background:#000; font-size:12px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
#content{position: relative; min-width: 1400px; max-width: 1920px; margin: 0 auto; background: url(../images/bg.jpg) no-repeat center 0; height: 1080px;}
.logo{display: block; position: absolute; left: 30px; top: 30px; z-index: 100;}

.publicMain{width: 1400px; height: 100%; margin: 0 auto; position: relative;}
.videoPlay{width: 420px; height: 132px; background: url(../images/play.png) no-repeat 0 0; cursor: pointer; position: absolute; left: 50%; margin-left: -210px; top: 280px;}

.mainBox{width: 1310px; height: 328px; padding-top: 444px; display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 auto;}
.mainBox a{display: block; width: 380px; height: 260px; cursor: pointer; background-position: 0 0; background-repeat: no-repeat;}
.mainBox a.v1{background-image: url(../images/v1.png);}
.mainBox a.v2{background-image: url(../images/v2.png);}
.mainBox a.v3{background-image: url(../images/v3.png);}
.infoTable{ border-collapse:collapse; border-spacing:0; width:95%;}
.infoTable td,.infoTable th{border:1px solid #8a8d92; padding:15px; font-size:14px;  text-align:center;background-color: #fff6fb}
.infoTable th{ background-color:f2e7ed; font-size:16px; font-weight:bold }

.btnBox{width: 100%; height: 180px; background: url(../images/line.png) no-repeat center 67px; display: flex; justify-content: center;}
.btnBox a{display: block; width: 170px; height: 178px; cursor: pointer; background-position: 0 0; background-repeat: no-repeat; margin: 0 10px;}
.btnBox a.v1{background-image: url(../images/a1.png);}
.btnBox a.v2{background-image: url(../images/a2.png);}
.btnBox a.v3{background-image: url(../images/a3.png);}
.btnBox a.v4{background-image: url(../images/a4.png);}
.btnBox a.v5{background-image: url(../images/a5.png);}
.btnBox a.v6{background-image: url(../images/a6.png);}
.btnBox a:hover{background-position: 0 bottom;}

.popFiex{width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.8); z-index: 100; display: none;}
.popCont{position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.pop1{width: 1200px; height: 675px;}
.pop2{width: 1065px; height: 640px;}
.closeBtn{display: block; width:53px; height: 73px; background: url(../images/close.png) no-repeat 0 0; cursor: pointer; position: absolute; left: 50%; margin-left: -26px; bottom: -80px;}

.videoInt{width: 1200px; height: 675px; background: #000;}
.videoInt video{display: block; width: 100%; height: 100%;}

.lunboCont{width: 100%; height: 100%; overflow: hidden; position: relative; background: url(../images/box_bg.png) no-repeat center 0;}
.swiper{width: 100%; height: 100%;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{content: ""}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{content: ""}
.swiper-button-next, .swiper-button-prev{width: 51px; height: 67px; margin-top: 0; top: 275px;}
.swiper-button-prev, .swiper-rtl .swiper-button-next{background: url(../images/prev.png) no-repeat 0 0; left: 0;}
.swiper-button-next, .swiper-rtl .swiper-button-prev{background: url(../images/next.png) no-repeat 0 0; right: 0;}

.titleCont{height: 56px; padding-top: 50px;}
.titleCont span{display: block; width: 384px; height: 56px; line-height: 56px; text-align: center; margin: 0 auto; font-weight: 500; background: url(../images/tit.png) no-repeat center; text-align: center; font-size: 36px; color: #3d5787;}
.textCont{width: 750px; height: 490px; margin: 0 auto; overflow: hidden; overflow-y: auto; font-size: 16px; color: #33415b; line-height: 30px;}
.textWrap p{padding-bottom: 10px;}
.textWrap img{margin-bottom: 10px; display: block; max-width: 100%;}



.tempCont{width: 1920px; height: 1080px; position: absolute; left: 50%; margin-left: -960px; top: 0; background: url(../images/temp.jpg) no-repeat 0 0; z-index: 10; display: none;}
.tempMain{width: 1204px; height: 100%; margin: 0 auto; position: relative;}
.goback{padding-top: 20px; height: 96px;}
.goback a{display: block; width: 299px; height: 79px; background: url(../images/back.png) no-repeat 0 0; cursor: pointer;}
.tempScroll{width: 960px; margin: 0 auto;}
.tempTitle{font-size: 36px; font-weight: bold; color: #3d5787; text-align: center; height: 100px; line-height: 100px; text-align: center; border-bottom: 1px dashed #242f5a; margin-bottom: 20px;}
.tempText{width:900px; height: 610px; overflow: hidden; overflow-y: auto; margin: 0 auto; font-size: 16px; color: #33415b; line-height: 26px;}
.tempText p{padding-bottom: 10px;}
.tempText img{margin-bottom: 10px; display: block; max-width: 100%;}
.tempFot{width: 880px; height: 80px; line-height: 80px; text-align: center; font-size: 24px; color: #3b5992; background: url(../images/fot.png) no-repeat 0 0; margin: 0 auto; margin-top: 40px;}
.tempFot span{color: #c24743;}

.scrollStyle::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0);}
.scrollStyle::-webkit-scrollbar-track{border-radius:6px;background-color:#e6ebf4;}/*底*/
.scrollStyle::-webkit-scrollbar-thumb{border-radius:6px;background-color:#9aabbe;}/*面*/
.scrollStyle::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.scrollStyle::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.scrollStyle::-webkit-scrollbar-track-piece{margin:0;}

.hoverTop{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.hoverTop:hover{
  -webkit-transform: translate(0,-10px);
  -moz-transform: translate(0,-10px);
  -ms-transform: translate(0,-10px);
  -o-transform: translate(0,-10px);
  transform: translate(0,-10px);
}