/*公用的 通配所有的标签和伪类*/
*,
::before,
::after{
    padding: 0;
    margin: 0;

    /*清除移动端默认的tap点击的高亮效果*/
    -webkit-tap-highlight-color: transparent;

    /*设置我们所有的 宽度从border开始计算*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body, html{
    font-size: 100%;
    font-family: "Verdana", "Microsoft YaHei", "Simsun","arial"," georgia", "helvetica", "sans-serif","PingFang-SC-Medium";
    width: 100%;
    height: 100%;
    webkit-overflow-scrolling: touch;
}

ol,ul,li {
    list-style: none;
}
a{
    word-break:break-all;word-wrap:break-word;white-space:normal;
    text-decoration: none;
    color: #666;
    font-family: "Verdana", "Microsoft YaHei", "Simsun","arial"," georgia", "helvetica", "sans-serif","PingFang-SC-Medium";
}
button,input,textarea{
    border: 0;
    resize: none;
    outline: none;
    /*只对ios 浏览器  清除默认样式*/
    -webkit-appearance: none;
    font-family: "Microsoft YaHei", "sans-serif";
}
i,em,h1,h2,h3 {
    font-style: normal;
    font-weight: normal;
    word-break:break-all;word-wrap:break-word;white-space:normal;
}
body,ol,ul,li,button,input,textarea,b,i,em,a,h1,h2,h3 {
    margin: 0;
    padding: 0;
    word-break:break-all;word-wrap:break-word;white-space:normal;
}
img {
    border: 0;
    vertical-align: middle;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
/*清除浮动*/
.clearfix::before,
.clearfix::after{
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
    clear: both;
}
.layout {
    min-width: 300px;
    max-width: 640px;
    margin: 0 auto;
    height: 100%;
}
.layout img {
    height: auto!important;
    max-width: 100%;
}
header {
    width: 100%;
    max-width: 640px;
    padding: 2%;
    margin: 0 auto;
    position: relative;
    border-bottom: 9px solid #005189;
}
header .logo {
    width: 50%;
    margin: 0 auto;
}
header img {
    width: 100%;
}
header span {
    width: 6%;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
header span.m  {
    width: 5%;
    right: 12%;
}
header .right a,header .right span {
    width: 40%;
    display: inline-block;
}
.swiper-slide img {
    width: 100%;
}
.navbox {
    position: absolute;
    right: 0;
    top:0;
    background-color: rgba(1,80,137,0.9);
    width: 100%;
    height: auto;
    z-index: 4;
    display: none;
}
.navbox h1 {
    height: 4rem;
    line-height: 4rem;
    display: flex;
    display: -ms-flexbox;
    padding: 0 1.25rem;
}
.navbox h1 b {
    flex: 1;
    display: inline-block;
    background:  url(../images/nav2.png) right center no-repeat;
}
.navbox a {
    color: #fff;
}
.navbox .navb {
    width: 100%;
    border-bottom: 1px solid #3387c4;
}
.navbox .navb:last-child {
    border-bottom: 0;
}
.navbox .navb h2 {
    /*height: 3.75rem;
    display: flex;
    display: -ms-flexbox;*/
    /*padding: 10px 1.25rem;*/
	 padding:10px;
}
.navbox .navb h2 .nava {
   /* line-height: 3.75rem;*/
   height:30px;
    line-height:30px;
    font-size: 18px;
    /*flex:2;*/
	/*margin-right:5px;*/ width:100%; margin-bottom:5px;
}
.navbox .navb h2 .a1,.navbox .navb h2 .a1:hover{ text-decoration:none; height:30px; line-height:30px; font-size:14px; color:#fff; margin-right:9px;}
.navbox .navb h2 em {
    background:  url(../images/nav3.png) right center no-repeat;
    flex:1;
    height: 3.75rem;
}
.navbox .navb ul {
    background-color: rgba(0,0,0,0.86);
    padding: 0 1.25rem;
    display: none;
}
.navbox .navb .navs {
    display: inline-block;
    margin-right: 10px;
    line-height: 3rem;
}
.navbox .navb .navs a {
    font-size: 18px;
    color: #fff;
}
/*2句标语*/
.headtext {
    padding: 10px ;
    color: #0788e4;
    font-size: 14px;
}
.headtext i {
    background-color: #0788e4;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}
/*banner*/
.banner .swiper-container{ height:auto !important;}
.banner  .swiper-wrapper{ height:auto !important;}
.banner  .swiper-wrapper .swiper-slide img{ height:175px !important;/* height:auto !important;*/}
.banner .swiper-pagination-bullet {
    width: 20px;
    height: 5px;
    opacity: 0.8;
    border-radius:0;
    background-color: #fff;
}
.banner .swiper-pagination-bullet-active {
    background-color: #ce6a6e;
}
section {
    padding: 0 10px;
}
.pubh {
    backg round-color: #e6f0f9;
	background-color: #0689f1;
	color:#FFF;
    text-align: center;
    font-size: 18px;
    padding: 8px 0;
}
.btn {
    margin: 0 auto 20px auto; text-align:center;
}
.btn a {
    display: block;
    width: 162px !important;
    height: 33px;
    line-height: 33px;
    text-align: center;
    color: #333;
    background:  url(../images/navbg.png) 0 0 no-repeat;
    font-size: 14px;
    margin: 10px auto 0 auto;
    clear: both;
    float: none;
}
/*推荐*/
.prolist ul li {
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
}
.prolist ul li:last-child {
    border-bottom: 0;
}
.prolist ul li .tu {
    width: 45%;
    position: relative;
}
.prolist ul li .tu span {
    position: absolute;
    left: 5%;
    top: 0;
    background-color: #283890;
    color: #fff;
    font-size: 12px;
    padding: 3px 5px;
}
.prolist ul li .tu img {
    width: 100%;
}
.prolist ul li .text {
    width: 50%;
}
.prolist ul li .text h2 {
    font-size: 16px;
    color: #333;
    margin-bottom: 5px; font-weight:bold;
}
.prolist ul li .text h3 {
    font-size: 14px;
    color: #999;
    background:  url(../images/shu.png) right center no-repeat;
    padding-right: 30px;
    margin-top: 20px; display:none;
}
.prolist ul li .text p {
    font-size: 14px;
    color: #666;
}
/*newsbox*/
.newsbox .newsbanner {
    margin: 20px 0;
    padding: 0 10px;
}
.newsbox .newsbanner .swiper-slide {
    /*height: 43vmin;*/
}
.newsbox .newlist {
    padding: 0 10px;
}
.newsbox .newlist ul li {
    line-height: 35px;
    border-bottom: 1px solid #e5e5e5;
}
.newsbox .newlist ul li a {
    font-size: 14px;
    background: url(../images/dot.png) 0 center no-repeat;
    padding-left: 10px;
}
.newsbox .newlist ul li i {
    font-size: 12px;
    color: #be0000;
}
/*广告*/
.ad img {
    width: 100%;
}
.ad p {
    margin: 20px 0;
    text-align: center;
}
.kehu {
    padding: 10px;
}
.kehu a{width:100%; display:inline-block;}
.kehu img {
    width: 100%;
}
.footerbox {
    background-color: #005189;
    padding: 10px ;
    color: #939393;
    font-size: 12px;
    color: #fff;
}
.footerbox ul li {
    width: 50%;
    margin: 5px 0;
}
.footerbox ul li .tu {
    width: 20%;
}
.footerbox ul li .tu img {
    width: 100%;
}
.footerbox ul li .txt {
    width: 75%;
    font-size: 12px;
}
.footerbox ul li .txt h1 {
    font-size: 12px;
}
.footerbox ul li .txt h2 {
    font-size: 12px;
}
.anli,.anlide {
    background-color: #eeeeee;
    padding: 5%;
}
.anli img, .anlide img {
    width: 100%;
}
.anlibox {
    background-color: #fff;text-align: center;
    padding-bottom: 10px;
}

.anlibox p {
    margin: 20px; color:#000; font-weight:bold;
}
.anlide {
    margin-top: 10px;
    text-align: center;
}
.anlide p {
    line-height: 40px;
    font-size: 14px;
    margin-bottom: 10px;
}
.twonav ul {
    padding: 10px 0;
}
.twonav ul li {
    width: 33%;
    margin-bottom: 8px;
}
.twonav ul li a {
    display: block;
    font-size: 12px;
    padding-left: 10%;
}
.twonav ul li i {
    width: 10px;
    height: 10px;
    background-color: #333;
    display: inline-block;
    margin-right: 2px;
}
.twonav ul li.now i {
    background-color: #0170c4;
}
.twonav ul li.now a {
    color: #0170c4;
}
.pingjia {
    padding: 0 10px;
}
.pingjia img {
    height: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
.biaozhun,.pxlist,.pxlist_two,.yunews,.yunewsdetail,.xiangqing  {
    width: 90%;
    margin: 20px auto;
}
.biaozhun ul li {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.biaozhun ul li:last-child {
    border-bottom: 0;
}
.biaozhun ul li .tu img,.tup img,.pxlist_two ul li img,.yunews .picc img {
    width: 100% !important;
    max-width: 640px;
}
.biaozhun ul li h2,.pxlist ul li h2,.pxlist_two h2 {
    /*color: #0170c4;*/color: #333;
    font-size: 18px;
    margin: 20px 0 20px 0;
    background:  url(../images/san.png) 0 center no-repeat;
    padding-left: 20px;
    -webkit-background-size: 14px 14px;
    background-size: 14px 14px;
    font-weight: bold;
}
.biaozhun ul li p {
    font-size: 14px;
}
.biaozhun ul li h3 {
    font-size: 12px;
    color: #999;
    background: url(../images/shu.png) right center no-repeat;
    padding-right: 30px;
    margin-top: 10px;
}
.pxlist ul li h2,.pxlist_two h2 {
    background-image: url(../images/san2.png);
}
.pxlist ul li {
    margin-bottom: 30px;
}
.pxlist_two ul li {
    width: 48%;
    font-size: 12px;
}
.pxlist_two ul li:nth-child(odd) {
    float: left;
}
.pxlist_two ul li:nth-child(even) {
    float: right;
}
.pxlist_two ul li p {
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    margin-bottom: 10px;
}
.yunews .tip {
    position: relative;
    font-size: 12px;
    color: #999;
    margin: 10px auto;
    padding-bottom: 10px;
}
.yunews .tip:after{
    content: "";
    position: absolute;
    height: 1px;
    width: 20%;
    background: #0788e4;
    left: 0;
    bottom: 0;
}
.yunews ul li {
    margin-bottom: 30px;
}
.yunews ul li h2 {
    font-size: 18px;
    color: #000;
    margin-bottom: 10px; font-weight:bold;
}
.yunews ul li p {
    font-size: 14px;
    line-height: 24px;
}
.yunewsdetail h2 {
    font-size: 18px;
    text-align: center;
}
.yunewsdetail h3 {
    font-size: 12px;
    text-align: center;
    color: #999;
    border-top:1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
    margin: 20px auto;
}
.yunewsdetail p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
}
.searchbox {
    width: 100%;
    margin: 10px auto;
}
.searchbox .box {
    width: 100%;
    margin: 0 auto;
    position: relative;
    border: 1px solid #0788e4;
}
.searchbox .box .btn {
    width: 100px;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background-color: #0788e4;
    color: #fff;
}
.searchbox .box .text {
    width: 100%;
    height: 100%;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    padding-left: 2rem;
    font-size: 16px;
    background: url(../images/search.png) 10px center no-repeat;
    -webkit-background-size: 18px 18px;
    background-size: 18px 18px;
}

/*2020-11-12新增*/
.clearboth{clear:both;}
.add_box1{width:100%; background-color:#0788e4; margin-bottom:2px; padding:5px 0px;}
.add_box1 li{width:20%; float:left;}
.add_box1 li a,.add_box1 li a:hover{ text-decoration:none; float:left;width:100%; height:30px; line-height:30px; display:inline-block; overflow:hidden; text-align:center; color:#fff; font-size:16px;}

.add_box2,.add_box2:hover{width:100%; margin-bottom:2px; background-color:#f2f2f2; text-align:center; float:left; display:inline-block; height:35px; line-height:35px; color:#0689f1; text-decoration:none;}

.add_box3{width:100%;}
.add_box3_c{width:100%; display:inline-block; padding:10px;}
.add_box3_c:hover{ text-decoration:none;}
.add_box3_c img{width:100%;}
.add_box3_ul{width:100%; padding:10px;}
.add_box3_ul li{width:50%; padding:0px 1% 2% 1%; float:left;}
.add_box3_ul li .div{width:100%; display:inline-block; overflow:hidden; color:#666; font-size:14px; float:left;}
.add_box3_ul li .div:hover{ text-decoration:none; color:#666;}
.add_box3_ul li .div .a_img{width:100%; padding:1px; border:1px solid #CCC; display:inline-block; overflow:hidden;}
.add_box3_ul li .div .a_img img{width:100%;}
.add_box3_ul li .div .a_text{width:100%; height:40px; line-height:20px; overflow:hidden; text-align:center;}

.add_box4{width:100%; padding:10px;}
.hbyh_box4{width:100%; border:1px solid #e5e5e5; padding:10px 10px 20px 10px; position:relative;}
.hbyh_box4 .s1{ margin-bottom:5px; float:left; height:30px; line-height:30px; padding-right:5px; color:#ff0000; font-size:14px;}
.hbyh_box4 .a1,.hbyh_box4 .a1:hover{ text-decoration:underline; height:30px; line-height:30px; margin-bottom:5px; float:left; padding:0px 5px; color:#0563c1; font-size:14px;}
.hbyh_more{display: block;
    width: 162px !important;
    height: 33px;
    line-height: 33px;
    text-align: center;
    color: #333;
    background: url(../images/navbg.png) 0 0 no-repeat;
    font-size: 14px;
    margin: 10px auto 0 auto;
    clear: both;
    float: none;/* position:absolute; right:25px; bottom:-16px;*/}
.hbyh_more:hover{ text-decoration:none;}
.hbyh_box4z{width:100%; text-align:center; padding-top:10px;}

.add_box5{width:100%; padding:10px;}
.add_box5_ul{width:35%;margin:0px auto;}
.add_box5_ul li{width:100%; height:30px; line-height:30px; float:left; background:url(../images/sed.jpg) left center no-repeat; background-size:8px; padding-left:20px;}
.add_box5_ul li a{width:100%; display:inline-block; float:left; height:30px; line-height:30px; color:#333; font-size:16px;}
.add_box5_ul li a:hover{ text-decoration:none; color:#0689f1;}


.biaozhun li a .tu{ margin-bottom:10px;}

.add_box6{width:100%; padding:0px 10px 10px 10px;}

.hbyh_box3{width:100%;}
.hbyh_box3 li{width:100%; float:left; border-bottom:1px solid #e5e5e5; padding:10px 0px;}
.hbyh_box3 li .div{width:100%; display:inline-block; overflow:hidden; float:left; color:#333; font-size:14px; position:relative;}
.hbyh_box3 li .div:hover{ text-decoration:none; color:#0070c0;}
.hbyh_box3 li .div .s1{width:30px; height:30px; line-height:30px; text-align:center; background-color:#0070c0; color:#fff; font-size:14px;-moz-border-radius: 100%;      /* Gecko browsers */
-webkit-border-radius: 100%;   /* Webkit browsers */
border-radius:100%;            /* W3C syntax */ position:absolute; left:0px; top:0px;}
.hbyh_box3 li .div .s2{width:100%; height:30px; line-height:30px; overflow:hidden; padding-left:40px;}
.hbyh_box3 li .div:hover .s3{color:#0070c0;}