/*标签初始化*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, img,button {margin: 0;padding: 0;border: none; } 
dl,dt,dd,ul,ol,li,p {list-style-type: none; margin:0; padding:0;}
em,i, cite, th,h1,h2,h3,h4,h5,h6 { font-style: normal; font-weight: normal;}
input,img{vertical-align:middle;}
html,body{height:100%;}
body{ min-width:320px; max-width:750px; margin:0 auto;font-family:"微软雅黑", "宋体", Arial, Helvetica, sans-serif;}
h1,h2,h3,h4{font-family:"微软雅黑", "宋体", Arial, Helvetica, sans-serif;}
a{ color:#666; text-decoration: none; cursor:pointer;}
a:hover {color:#666; text-decoration:none;}
input:focus,textarea:focus,select:focus{outline:none;box-shadow:none;}
body{ background:#0066ff url(../images/bg0066ff.jpg) no-repeat 0 0; background-size:100% auto;}

.layerbg{position:fixed; top:0; left:0;width:100%; height:100%;background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0 !important; filter:Alpha(opacity=60); background:#000; z-index:998;}
.layerwarp{ width:80%; background-color:#fff; border-radius:4px;position:fixed; top:10%; left:50%; margin-left:-40%; z-index:999;}
.layerwarp .lytit{ height:50px; background-color:#f1f1f1; border-top-right-radius:4px;border-top-left-radius:4px; position:relative;}
.layerwarp .lytit h3{ padding-left:12px; line-height:50px; color:#000; font-size:16px; font-weight:700;}
.layerwarp .lytit span{ position:absolute; top:16px; right:10px; cursor:pointer;}
.layerwarp .lytit span img{ display:block;}
.layerwarp .lycon{}
.layerwarp .lycon ul{}
.layerwarp .lycon ul li{ padding:6px; border-bottom:1px solid #dedede;}
.layerwarp .lycon ul li dl{ min-height:30px; padding-left:80px; position:relative;}
.layerwarp .lycon ul li dl dt{ color:#666; font-size:14px; line-height:30px; position:absolute; top:0; left:10px;}
.layerwarp .lycon ul li dl dt strong{ display:block; width:70px; height:30px; line-height:30px; overflow:hidden;}
.layerwarp .lycon ul li dl dd{}
.layerwarp .lycon ul li dl dd span{}
.layerwarp .lycon ul li dl dd span .lyinput{ font-size:14px; box-sizing:border-box; height:30px; line-height:30px; border:1px solid #fff; width:100%; background:#fff url(../images/muen4.png) no-repeat -9999px -9999px; font-family:"微软雅黑", verdana, Geneva, Arial, Helvetica, sans-serif;}
.layerwarp .lycon ul li dl dd span .lyinputarea{font-size:14px; box-sizing:border-box; height:60px; padding:5px 0px; line-height:20px;border:1px solid #fff; width:100%; background:#fff url(../images/muen4.png) no-repeat -9999px -9999px; font-family:"微软雅黑", verdana, Geneva, Arial, Helvetica, sans-serif}
.layerwarp .lysubmi{ padding:20px 20px 30px;}
.layerwarp .lysubmi .lysubbtn{ display:block; height:40px; line-height:40px; text-align:center; font-size:18px; border-radius:4px; background-color:#ff4343; color:#fff; font-weight:700;}

.sharely{ position:fixed; top:0; right:0; width:100%; height:100%; z-index:999;}
.sharely .sharebg{ width:100%; height:100%;background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0 !important; filter:Alpha(opacity=60); background:#000;}
.sharely .sharent{ position:absolute; top:0; right:0;}
.sharely .sharent img{ display:block;}

.header{ padding-top:30px; position:relative;}
.header .usopbtn{ position:absolute; top:8px; left:8px;}
.header .usopbtn span{ padding-right:10px;}
.header .usopbtn span a{}
.header .usopbtn span a img{}
.header .music{ width:30px; height:30px; background:url(../images/music-btn2.png) no-repeat 0 0; background-size:30px 30px; position:absolute; top:8px; right:8px;}
.header .music .musicbtn{ display:none;}
.header .music .musicbtn img{}

.header .rotation{ background:none;}
.header .rotation .musicbtn{ display:block;}

.header .maintit{ margin:0 10%; text-align:center; padding:10px 10px 6px; color:#fff;}
.header .maintit h3{ font-size:20px; padding:16px 0 10px; line-height:20px; font-weight:700;text-shadow: 1px 1px  3px rgba(0,0,0, 0.3);}
.header .maintit .hdtime{ font-weight:700; font-size:14px;line-height:20px;text-shadow: 1px 1px  3px rgba(0,0,0, 0.3);}
.header .maintit .hdtime span{}
.header .banner{ text-align:center; padding-bottom:24px;}

.warp{ padding:0 10px; position:relative;}
.warp .face{ width:50px; height:55px; position:absolute; right:16px;top:-45px; border:3px solid #fff;}
.warp .face a{}
.warp .face a img{ display:block;}
.warp .mainbox{ padding:8px 8px 20px; background-color:#fff;}
.warp .mainbox .conth{ padding:4px 0;font-size:16px;font-weight:700; line-height:26px;}
.warp .mainbox .conth h3{ padding:20px 0 0; font-size:18px; text-align:center; font-weight:700;}
.warp .mainbox .conth .zptime{ font-size:14px; color:#666; font-weight:normal; text-align:center;}
.warp .mainbox .content{ font-size:14px; color:#666; line-height:26px;overflow-x:hidden;}
    .warp .mainbox .content img {
        max-width: 100%;
        height: auto;
        vertical-align: bottom;
    }

    .warp .mainbox .content hr {
        border-color: #ccc;
        border-style: solid;
        border-width: 1px 0 0 0;
    }
.warp .mainbox .content video{max-width:100%; height:auto;}

.warp .contact{ margin-top:12px;padding:0px 0px 0px; background-color:#fff;}
.warp .contact .qytit{ padding:8px;}
.warp .contact .qytit h3{ padding:12px 8px; background:url(../images/thbg.png) no-repeat 0 0; background-size:100% 100%; text-align:center; color:#fff; font-size:16px;}
.warp .contact .lxlist{}
.warp .contact .lxlist ul{}
.warp .contact .lxlist ul li{ padding-right:12px; border-bottom:1px solid #dedede;}
.warp .contact .lxlist ul li:last-child{ border-bottom:none;}
.warp .contact .lxlist ul li a{ display:block; padding:12px 8px; background:url(../images/liiruci1.png) no-repeat right center; background-size:auto 20px;}
.warp .contact .lxlist ul li a dl{ min-height:40px; padding-left:50px; padding-right:10px; position:relative;}
.warp .contact .lxlist ul li a dl dt{ position:absolute; top:0; left:0;}
.warp .contact .lxlist ul li a dl dt i{ display:block; width:24px; height:24px; padding:8px; background-color:#f1f1f1; border-radius:4px;}
.warp .contact .lxlist ul li a dl dt i img{}
.warp .contact .lxlist ul li a dl dd{ line-height:20px; font-size:14px; }
.warp .contact .lxlist ul li a dl dd strong{ display:block; color:#ed2f2f;}
.warp .contact .lxlist ul li a dl dd span{ display:block; color:#333333;}

.mainmuen{ height:70px;}
.mainmuen .muen{ width:100%; height:50px; position:fixed; left:0; bottom:0; background-color:#5b99f7;}
.mainmuen .muen ul{ display:flex;}
.mainmuen .muen ul li{flex:1;}
.mainmuen .muen ul li a{ padding:6px 0; display:block;}
.mainmuen .muen ul li a i{ display:block; text-align:center; }
.mainmuen .muen ul li a i img{}
.mainmuen .muen ul li a span{ display:block; text-align:center; height:18px; line-height:18px; overflow:hidden; font-size:12px; color:#fff;}