@import url("../css/iconfont.css");
@charset "utf-8";
@font-face { font-family: 'OPPOSans-R';src: url('./fonts/OPPOSans-R.ttf') }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, font { padding: 0; margin: 0;   }
body {max-width: 1920px; margin: 0 auto;background: #fff;font-family: 'OPPOSans-R'; src: url('./fonts/OPPOSans-R.ttf')}
div, h1, h2, h3, h4,h5, p, form, ul, label, input, textarea, img, dl, dt, dd{margin:0;border:0; outline: none; vertical-align:middle;padding:0;}
img{ max-width:100%}
i{ font-style: normal;}
span{vertical-align: baseline;}
textarea{outline: none!important;font-family: inherit !important;}
a{text-decoration: none; color: #333;}
li{list-style: none;}
.main{ width: 1200px; margin: 0 auto;}
.posnav {
    border-bottom: 1px solid #e6e6e6;
    height: 42px;
    line-height: 27px;
    padding-bottom: 18px;
    margin: 3% auto;
}
.posnav h2 {font-size: 26px;
    color:#333333;
    border-left: 3px solid #5088A8;
    padding-left: 10px;
    float: left;
}
.posnav p {float: right;font-size: 16px;color: #8c8c8c;margin-top: 2%;}
.posnav p  a{ color: #666; }
.posnav h2 span {display: block;font-size: 12px;color: #1b1b1b;font-weight:normal;text-transform:Uppercase;}
.lxrig{ position: fixed; right: 10px; top: 30%; z-index: 999999;}
.lxrig ul{border-radius: 10px; float: right;}
.lxrig ul li{width: 50px; height: 50px; border-radius: 50px; background: #fff; box-shadow: 0px 1px 20px 0px rgba(0,0,0,0.08); text-align: center; line-height: 50px; color: #000; cursor: pointer; margin-bottom: 5px;}
.lxrig ul li span{font-size: 30px; }
.lxrig ul li:hover{background: #5088A8;
    box-shadow: 0px 1px 20px 0px rgba(0,0,0,0.08); color: #fff;}
.dianh{ box-shadow: 0 0 10px #c9c7c7; font-size: 20px; position: absolute; left: 0; top:50px;right: 130px; width: 170px; background: #fff; border-radius:5px; line-height: 50px; text-align: center; display: none;}
.weix{box-shadow: 0 0 10px #c9c7c7; position: absolute; left: 0; top:50px;right: 130px; width: 170px; background: #fff; border-radius:5px;text-align: center; padding: 8% 0;display: none;}
.pchidden{display:none;}

/*list-page*/
.list-page a {border:1px solid #ddd;padding:0 12px;height:30px;line-height:30px;margin-right:5px;display:inline-block;background:#fff;border-radius:3px;}
.list-page{display: block; margin:0 auto;text-align: center;}
.list-page b {background:#5088A8;color:#fff;display:inline-block;padding:0 12px;line-height:30px;border:none;}
.list-page a b {background:#fff;color:#666;line-height:25px;}
.nypages span {height:30px;margin-right:5px;display:inline-block;background:#fff;border-radius:3px;}
.list-page a {border:1px solid #ddd;padding:0 12px; margin-bottom:10px; height:30px;line-height:30px;margin-right:5px;display:inline-block;background:#fff;border-radius:3px;}
/*con*/
.btit{ margin: 0 auto 3% auto;border-bottom: 1px solid #eaeaea; height: 60px;padding-bottom: 10px; clear: both;}
.btit dl{ border-left: 2px solid #294dab; padding-left: 10px; float: left;  }
.btit dl dt{ font-size: 24px; color: #294dab; }
.btit dl dd{ font-size: 17px; color: #6c6c6c; font-weight: bold; }
.xnav{ width: 100%; color: #9d9d9d; text-align: left; padding-top: 40px;}
.xnav a{color: #9d9d9d;}
.wnews_con h1{ text-align:center; margin-bottom:20px; font-size:30px; color:#333;}
.wnews_con p{ font-size:18px; color:#333;line-height:30px;}
.wnews_con p img,.wnews_con img{   margin: 10px auto;  max-width:100%;}
.wnews_con{ margin-bottom: 3%;}

@media screen and (max-width: 767px) {
	div{-webkit-tap-highlight-color:rgba(0,0,0,0);outline: 0;}
  .posnav h2{font-size: 18px;margin-top:2px;}
 .posnav p { margin-top: 3%;}
 .posnav {margin: 5% 2%;width: 96% !important;}
    /*con*/
    .wnews_con h1{ font-size:20px;}
    .wnews_con p{ font-size:14px; line-height:25px;}

    .posnav h2 {
        font-size: 18px;
        margin-top: 2px;
        width: 25%;
    }
    .posnav h2 img {
        margin-top: -50px;
        position: relative;
        z-index: 2;

    }

}