/*CSS reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0; font-family:"microsoft yahei"; font-size:16px; cursor:default; color:#333;}
table{border-collapse:collapse;border-spacing:0; border:none;}
/*tr,td{border:none;}*/
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none; vertical-align:middle;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
a{text-decoration:none; outline:none; color:#333;}
a:hover{ text-decoration:none;}
a:active{outline: none;star:expression(this.onFocus=this.blur());}
i{font-style:normal}



/******************** ÃƒÂ¥Ã¢â‚¬Â¦Ã‚Â¬ÃƒÂ¥Ã¢â‚¬Â¦Ã‚Â±ÃƒÂ©Ã†â€™Ã‚Â¨ÃƒÂ¥Ã‹â€ Ã¢â‚¬Â   ********************/
.fl{ float: left;}
.fr{ float: right;}
.mt20 { margin-top: 20px;}
.w1200 { width: 1200px; margin: 0 auto;}

/* top */
.top{ border-bottom: 1px solid #f1f1f1; height: 36px; line-height: 36px;}
.top .t-l { float: left; color: #999;}
.top .t-l a { font-size: 14px; color: #999; margin: 0 5px;}
.top .t-l a:hover { color: #034a83;}
.top .t-r { float: right;}
.top .weather { float: left; height: 25px; padding-top: 5px; overflow: hidden;}
.top .w1200 { position: relative;}

/* ÃƒÂ§Ã‚Â«Ã¢â€žÂ¢ÃƒÂ§Ã‚Â¾Ã‚Â¤ÃƒÂ¥Ã‚Â¯Ã‚Â¼ÃƒÂ¨Ã‹â€ Ã‚Âª */
.site-nav { float: right; margin: 6px 0 0 10px;}
.site-nav>h4{ position: relative; z-index: 9; width: 100px; height: 25px; border-radius: 12px; background: #99c5dd url(2020css_bg_jt.png) no-repeat 82px center; font-size: 14px; text-indent: 7px; line-height: 25px; color: #fff;}
.site-nav.active>h4 { border: 1px solid #e1e1e1; border-bottom: 0; width: 98px; color: #006eab; height: 24px; background: #fff url(2020css_bg_jt2.png) no-repeat 82px center; border-radius: 0;}
.site-nav .site-nav-main { position: absolute; right: 0; z-index: 8; top: 30px; width: 1098px; border: 1px solid #e1e1e1; background: #fff; padding: 30px 50px; overflow: hidden; display: none;}
.site-nav-main .hd { float: left; width: 100%;}
.site-nav-main .hd li { position: relative; float: left; width: 183px; background: #f4f4f4; font-size: 16px; line-height: 30px; text-align: center; cursor: pointer;}
.site-nav-main .hd li.on { border-radius: 5px; box-shadow: 0 0 #ccc; line-height: 38px; top: -4px; background: #006eab; color: #fff;}
.site-nav-main .bd { clear: both; margin-top: 20px;}
.site-nav-main .bd ul{ display: none;}
.site-nav-main .bd ul:first-child { display: block;}
.site-nav-main .bd ul li { float: left; width: 156px; text-align: center; font-size: 16px; line-height: 18px; padding: 15px 0;}
.site-nav-main .bd ul li a { color: #666;}
.site-nav-main .bd ul li a:hover { color: #006eab;}

/* header */
.header { height: 133px;background: url(2021bm_headbg.png)no-repeat center top;}
.top{ height: 36px;line-height: 36px; overflow:hidden; font-size: 14px; color:#1a6ba4;}
.top a{font-size: 14px; color:#1a6ba4; margin:0 10px ;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 1px;}
.top .top_right{ color:#1a6ba4; margin-right:10px;}

.top .top_right img{ margin-top: -3px; }
.top .top_right .login,.top .top_right .register{ margin: 0 5px; font-weight: bold;}
.top .top_right .zzms,.top .top_right .fryx_fu,.top .top_right .ipv6{width:auto; height: 21px;background-color: #1a6ba4;border-radius: 6px;color: #fefefe;font-size: 14px;display: inline-block;line-height: 21px;text-align: center;padding: 0 8px;}
.top .top_right .zzms:hover,.top .top_right .fryx_fu:hover{border-radius: 6px;color:#1a6ba4;background: none;border:solid 1px #1a6ba4;}

.header .logo { float: left; }
.header .logo a { display: block; height: 80px;}
.header .logo h1 { font-size: 36px; line-height: 50px; color: #d32026; padding-top:10px;text-indent:2.5em;}
.header .logo span { font-family: Arial; font-size: 16px; color: #d32026;}
.header .search { float: right; width: 520px; overflow: hidden;}
.header .search .search-txt { float: left;width:410px; height: 49px; background: #fff;color: #5b5b5b; font-size: 14px; line-height:49px;  cursor: text; outline: none;border-radius: 10px 0 0 10px;border: 0;text-indent:1em;
}
.header .search .search-btn { float: left; border: 0; width: 110px; height: 49px;  color: #fff; cursor: pointer; outline: none;background-image: linear-gradient(90deg, 
        #32a4f5 0%, 
        #1c80c7 100%), 
    linear-gradient(
        #fbae5b, 
        #fbae5b);
    background-blend-mode: normal, 
        normal;
    border-radius: 0px 10px 10px 0px;}

/* ÃƒÂ¥Ã‚Â¯Ã‚Â¼ÃƒÂ¨Ã‹â€ Ã‚Âª */
.nav-bar { background: #006eab;}
.nav-bar .nav { overflow: hidden;}
.nav-bar li { float: left; width: 200px; height: 56px; font-size: 20px; text-align: center; line-height: 56px;}
.nav-bar li a { display: block; width: 100%; height: 100%; color: #fff;}
.nav-bar li a:hover { background: #0a5e8d;}

/* footer */
.footer { background: #006eab; padding: 25px 0;}
.footer .w1200 { width: 1100px; height: 100%; padding: 0 50px; overflow: hidden;}
.footer p { font-size: 14px; line-height: 26px; color: #fff;}
.footer a { color: #fff;}
.footer .f-l {float: left;width: 400px;}
.footer .f-c { float: left;padding-left: 69px;}
.footer .f-c p { padding-left: 25px;}
.footer .f-c p:first-child { padding-left: 0;}
.footer .f-c p:first-child img{ width: 18px; margin-right: 7px;}
.footer .f-r { float: right;  padding-left: 49px; line-height: 80px;}
.footer .f-r img { vertical-align: middle; margin: 0 5px;}  

/* ÃƒÂ©Ã¢â€šÂ¬Ã…Â¡ÃƒÂ§Ã¢â‚¬ÂÃ‚Â¨ÃƒÂ¤Ã‚Â¿Ã‚Â¡ÃƒÂ¦Ã‚ÂÃ‚Â¯ÃƒÂ¦Ã‚Â Ã¢â‚¬Â¡ÃƒÂ©Ã‚Â¢Ã‹Å“ */
.title{ height: 40px; border-bottom: 1px solid #e7e7e7;position: relative;}
.title ul { float: left;}
.title li { float: left; font-size: 20px; height: 41px; line-height: 40px; margin-right: 20px;}
.title li a { display: block;}
.title li.on a { height: 38px; border-bottom: 3px solid #006eab;}
.title .more {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}
.title .more a { display: block; width: 24px; height: 100%; background: url(list_more.png) no-repeat center center;}

/* ÃƒÂ©Ã¢â€šÂ¬Ã…Â¡ÃƒÂ§Ã¢â‚¬ÂÃ‚Â¨ÃƒÂ¤Ã‚Â¿Ã‚Â¡ÃƒÂ¦Ã‚ÂÃ‚Â¯ÃƒÂ¥Ã‹â€ Ã¢â‚¬â€ÃƒÂ¨Ã‚Â¡Ã‚Â¨ */
.list { margin-top: 10px;}
.list ul { display: none;}
.list ul:first-child { display: block;}
.list li { background: url(2020css_bm_jt.png) no-repeat left center; padding-left: 15px; line-height: 35px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.list li a { color: #666;}
.list li a:hover{ color: #006eab;}
.list-date li{ position: relative; padding-right: 100px;}
.list-date li span { position: absolute; right: 0; top: 0; font-size: 14px; color: #999;}

/* ÃƒÂ©Ã‚ÂÃ‚Â¢ÃƒÂ¥Ã…â€™Ã¢â‚¬Â¦ÃƒÂ¥Ã‚Â±Ã¢â‚¬Ëœ */
.crumbs { background: #f2f2f2; line-height: 24px; padding: 13px 0;}
.crumbs .w1200 { background: url(2020css_bm_crumbs.png) no-repeat left center; padding-left: 30px;}
.crumbs a:hover { color: #006eab;}

.main { margin: 20px auto; overflow: hidden;}

/******************** ÃƒÂ©Ã‚Â¦Ã¢â‚¬â€œÃƒÂ©Ã‚Â¡Ã‚Âµ ********************/
.wrapper .main { margin: 0 auto; padding: 20px 0;}
.row { overflow: hidden;}

/* ÃƒÂ¥Ã‚Â¤Ã‚Â´ÃƒÂ¦Ã‚ÂÃ‚Â¡ */
.headline { padding: 10px 60px;}
.headline h1 { font-size: 30px; line-height: 35px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.headline h1 a { color: #006eab;}
.headline p { text-align: center; color: #999; line-height: 24px; margin-top: 10px;}
.headline p a { color: #ac1c1c;}

/* ÃƒÂ§Ã¢â‚¬Å¾Ã‚Â¦ÃƒÂ§Ã¢â‚¬Å¡Ã‚Â¹ÃƒÂ¥Ã¢â‚¬ÂºÃ‚Â¾ */
.slideBox { position: relative; float: left; width: 590px; height: 390px; overflow: hidden;}
.slideBox .hd { position: absolute; right: 20px; bottom: 10px; z-index: 9; height: 15px;}
.slideBox .hd li { float: left; width: 13px; height: 13px; border: 1px solid #fff; border-radius: 100%; margin-left: 5px;}
.slideBox .hd li.on { background: #fff;}
.slideBox .bd { width: 590px; height: 390px; }
.slideBox .bd li { position: relative;  width: 590px; height: 390px; }
.slideBox .bd li p { position:absolute; left:0; bottom:0; width: 100%; height:40px; background:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000); line-height:40px; text-indent: 20px; color:#fff; cursor:pointer;}
.slideBox .bd li img { width: 100%; height:390px; transform: scale(1); transition: all .3s;}
.slideBox .bd li:hover img { transform: scale(1.05); transition: all .3s;}

/* ÃƒÂ¥Ã‚Â·Ã‚Â¥ÃƒÂ¤Ã‚Â½Ã…â€œÃƒÂ¥Ã…Â Ã‚Â¨ÃƒÂ¦Ã¢â€šÂ¬Ã‚Â */
.gzdt { float: right; width: 580px; height: 390px;}
.gzdt .first { height: 113px; border-bottom: 1px dashed #e7e7e7; }
.gzdt .first h3 { font-size: 20px; line-height: 30px; text-align: left; white-space: nowrap; text-overflow: ellipsis; padding-top: 10px;}
.gzdt .first h3 a:hover{ color: #006eab;}
.gzdt .first p { height: 60px; font-size: 14px; color: #999; line-height: 30px; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.gzdt .first p a { color: #b02323;}


.news { width: 585px;}
/* ÃƒÂ¤Ã‚Â¿Ã‚Â¡ÃƒÂ¦Ã‚ÂÃ‚Â¯ÃƒÂ¥Ã¢â‚¬Â¦Ã‚Â¬ÃƒÂ¥Ã‚Â¼Ã¢â€šÂ¬ */
.xxgk { overflow: hidden;}
.xxgk li{ float: left; width: 224px; height: 47px; background: url(bmzz_xxgk_icon.png) no-repeat; font-size: 18px; line-height: 47px; text-align: center; color: #fff; margin-right: 20px;}
.xxgk li:nth-child(5n) { margin-right: 0;}
.xxgk li a{font-size: 18px;
    line-height: 47px;
    text-align: center;
    color: #fff;}

/* ÃƒÂ¤Ã‚Â¸Ã¢â‚¬Å“ÃƒÂ©Ã‚Â¢Ã‹Å“ */
.sepcial{ background: #fff; padding: 20px 0; overflow:hidden; position:relative;}
.special-title { position: absolute; left: 0; top: 0; display: block; width: 18px; height: 100px; text-align: center; background: #006eab; font-size: 18px; font-weight: bold; line-height: 20px; color: #fff; padding: 20px 11px 0;}
.sepcial .prev,.sepcial .next{ position: absolute; left: 40px; top: 20px; display:block;  width: 60px; height: 80px;  overflow:hidden; cursor:pointer; background: url(2020css_bm_prev.png) no-repeat center center;}
.sepcial .next{ left: auto; right: 0; background-image: url(2020css_bm_next.png);}
.sepcial-list { margin: 0 60px 0 100px; height: 80px; overflow: hidden;}
.sepcial-list ul { width: 1080px;}
.sepcial-list li{ float:left; width: 250px; height: 80px; margin-right: 13px; overflow:hidden;}
.sepcial-list li img{ width: 100%; height:100%; transform: scale(1); transition: all .3s;}
.sepcial-list li:hover img { transform: scale(1.1); transition: all .3s;}


/******************** ÃƒÂ¥Ã‹â€ Ã¢â‚¬â€ÃƒÂ¨Ã‚Â¡Ã‚Â¨ÃƒÂ©Ã‚Â¡Ã‚Âµ ********************/
.column-left { float: left; width: 270px; background: #f2f2f2; padding-bottom: 1000px; margin-bottom: -1000px;}
.column-left h2 { background: #006eab; font-size: 18px; color: #fff; text-align: center; line-height: 25px; padding: 10px;}
.column-left ul { padding: 0 10px 50px;}
.column-left ul li { margin-top: 10px;}
.column-left ul li a { display: block; width: 227px; border-left: 3px solid #ccc; background: #fff; text-align: center; line-height: 20px; padding: 13px 10px;} 
.column-left ul li.active a,.column-left ul li a:hover { background: #0264b8; border-color: #b80202; color: #fff;}
.column-right { margin-left: 290px;}
.column-item { margin-bottom: 20px;}
.column-tit { border-bottom: 1px solid #e0e0e0; height: 37px;}
.column-tit h3 { float: left;}
.column-tit h3 a { display: block; border-left: 5px solid #006eab; padding-left: 10px; font-size: 18px; font-weight: normal; line-height: 30px;}
.column-right .list { margin-top: 0;}
.column-right .list li {height: 50px; border-bottom: 1px dashed #e0e0e0; line-height: 50px; }

/* ÃƒÂ¥Ã‹â€ Ã¢â‚¬Â ÃƒÂ©Ã‚Â¡Ã‚Âµ */
.div_cutPage{ padding: 20px 0; text-align: center;  }
.div_cutPage{ margin: 0 auto; }
.div_cutPage a{ display: inline-block; *display: inline; *zoom: 1; padding: 2px 8px; cursor: pointer; margin: 2px;}
.div_cutPage a:hover{ background-color: #006eab; color:white;  }
.div_cutPage .on{ background-color: #006eab; color:white;  }

/******************** ÃƒÂ¦Ã¢â‚¬â€œÃ¢â‚¬Â¡ÃƒÂ§Ã‚Â«Ã‚Â ÃƒÂ©Ã‚Â¡Ã‚Âµ ********************/
.content { padding: 20px 50px;}
.content .art-tit { font-size: 24px; line-height: 30px; text-align: center;}
.content .info { border-bottom: 1px solid #e8e8e8; text-align: center; padding-bottom: 10px; margin-top: 30px; overflow: hidden;}
.content .info p { font-size: 14px;}
.content .info a:hover{ color: #006eab;}
.content-main { margin-top: 30px; overflow: hidden;}
.content-main,.content-main * { font-size: 16px; line-height: 30px;}
.content-main img { max-width: 100%; height: auto;} 
.content-main table { table-layout: fixed; width: auto !important; max-width: 100%;}
.content-main table td { border: 1px solid #e1e1e1;}
.content-bottom { margin-top: 30px; overflow: hidden;}
.content-bottom .fr a:hover { color: #006eab;}
.content .bdsharebuttonbox { float: left; background: url(2020css_bm_share.png) no-repeat left center; padding-left: 25px;}
.content .qrcode { text-align: center; margin-top: 50px;}
.content .qrcode p { font-size: 16px; line-height: 20px; padding-bottom: 10px;}


/******************** ÃƒÂ¤Ã‚Â¿Ã‚Â¡ÃƒÂ¤Ã‚Â»Ã‚Â¶ÃƒÂ¥Ã‹â€ Ã¢â‚¬â€ÃƒÂ¨Ã‚Â¡Ã‚Â¨ ********************/
.letter-list { border: 1px solid #dedbdb; padding: 20px;}
.letter-list .letter-table { min-height: 500px;}
.letter-list .letter-table table { width: 100%;}
.letter-list .letter-table td { line-height: 20px; text-align: center; color: #999; padding: 15px 0;}
.letter-list .letter-table td * { color: #999;}
.letter-list .letter-table td a:hover { color: #006eab;}
.letter-list .letter-table tr { border-bottom: 1px solid #dedbdb;}
.letter-list .letter-table tr:first-child { background: #f5f5f5; border-bottom: 0;}
.letter-list .letter-table tr:first-child td { line-height: 35px; font-weight: bold; padding: 0;}

/******************** ÃƒÂ¤Ã‚Â¿Ã‚Â¡ÃƒÂ¤Ã‚Â»Ã‚Â¶ÃƒÂ¨Ã‚Â¯Ã‚Â¦ÃƒÂ¦Ã†â€™Ã¢â‚¬Â¦ ********************/
.letter-details { padding: 0 20px;}
.letter-details-item { margin-bottom: 20px; color:#666;}
.letter-details-item h3{margin:0; color: #006eab; font-size: 18px; font-weight: bold; line-height: 30px; margin-bottom: 10px;}
.letter-details-item table{width:100%; border:solid 1px #E9E9E9; background:#fff; border-collapse:collapse}
.letter-details-item table td{ border-collapse:collapse; border:solid 1px #E9E9E9; font-size: 14px; color: #666; padding:5px; line-height:30px;}
.letter-details-item table td p { font-size: 14px; line-height: 30px; color: #666;}
.letter-details-item .td_label{ width:100px; text-align:center}
.letter-details-item .td_label2{ padding: 5px 10px; }

.nav_shade {display: none;}
.app-cet{display: none;}
.app-btn,.app-menu{display: none;}
@media only screen and (max-width: 1199px) {
    * { box-sizing: border-box;}
    .mt20 { margin-top: 10px;}
    .w1200,.tzgg,.recommend,.xzfg,.column-left { width: 100%;}
    .top,.content .qrcode,.content-bottom { display: none;}
    .header { height:auto!important; padding:0 0 10px 0; overflow: hidden;}
    .header .logo { float: none; text-align: center; font-size: 0; padding-top: 0;}
    .header .logo a { display: inline-block; text-align: left;}
    .header .search { float: none; width: 349px; margin: 25px auto 0; padding-top: 0;}
    .header .search .search-txt { height: 35px; line-height: 35px;}

   /* .nav-bar li { width: calc(100% / 6);}*/

    .main { margin: 0; padding: 10px;}
    .wrapper .main { padding: 10px;}
    .slideBox,.slideBox .bd,.slideBox .bd li{ width: 100%; height: 450px;}
    .slideBox .bd li p { text-align: center; text-indent: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} 
    .slideBox .hd { bottom: 50px;}
    .title { overflow: hidden;}
    .gzdt { float: left; width: 100%; margin-left: 0; padding: 10px 0; height: auto;}
    .gzdt .first { padding: 10px 0; height: auto;}
    .gzdt .first h3 { white-space: normal;}
    .gzdt .first p { display: block; height: auto; line-height: 20px; margin-top: 5px;}
    .xxgk { background: none; margin-top: 0;} 
    .xxgk a { width: 100%; background-size: 100% 100%; margin-left: 0; margin-top: 10px;}
    .news { width: 100%;}


    .column-left { float: none; padding-bottom: 0; margin-bottom: 0;}
    .column-left ul { padding-bottom: 10px;}
    .column-left ul li a { width: 100%;}
    .column-right { margin-left: 0; margin-top: 10px;}

    .content,.letter-list { padding: 10px;}

    .letter-details { padding: 0;}

/*    .footer .w1200{ width: 100%; padding: 0;}
    .footer .f-l,.footer .f-c { width: 50%; padding: 0; text-align: center;}
    .footer .f-r { width: 100%; text-align: center; margin-top: 10px; height: auto; padding-left: 0;}
*/}

@media only screen and (max-width: 880px) {
    .sepcial-list { width: 520px;}
}

@media only screen and (max-width: 768px) {
/*    .nav-bar li { width: calc(100% / 3); border-left: 1px solid #fff; height: 46px; line-height: 46px; font-size: 18px;}
    .nav-bar li:nth-child(1),.nav-bar li:nth-child(2),.nav-bar li:nth-child(3) { border-bottom: 1px solid #fff;}
    .nav-bar li:nth-child(1),.nav-bar li:nth-child(4) { border-left: 0;}*/

    .slideBox,.slideBox .bd,.slideBox .bd li{ height: 320px;}
}

@media only screen and (max-width: 480px) {  
    .header .logozt{width: 100%!important;margin:0px auto;margin-top: 0px;position:relative;padding: 10px 0;}
    .header .logozt a img{width: 75%;}
    .header .logo a { background-size: 57px 60px; height: 70px;}
    .header .logo a h1 { font-size: 30px; white-space: nowrap;    text-indent: 0;}
    .header .logo a span { font-size: 12px; white-space: nowrap;}
    .header .search { width: 82vw;margin: 0 auto;}
    .header .search .search-txt { width: 60vw;}
    .header .search .search-btn{width: 20vw;height: 35px;}
.nav-bar{width: 200px; height: 100%; line-height: inherit; background: #3271a4; position: fixed; right: -200px;top: 0;z-index: 5000;margin-top: 0px;}
.nav-bar ul{height: 100%;width: 100%;
    padding-top: 20px;
    overflow-x: hidden!important;;
    overflow-y: auto!important;; }
.nav-bar ul li{width: 100%;
    height: 50px;
    line-height: 50px;
    float: none;
    text-align: center;
    border-bottom: 1px solid rgba(255,255,255,.1);}
.nav-bar ul li a{display: block;    font-weight: normal;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
    position: relative;}
.app-btn{position:absolute;display: block;top:20px;bottom:0;right:20px;background:url(2021fr_nav1.png) no-repeat;width:30px;height:30px;}
.app-btn.active{background: none;z-index: 100;display: block;visibility: hidden;transition: all 0.7s;position: fixed;top: 0px;left: 0px;right: 0px;bottom: 0px;width: 40%;height: 100%;z-index: 30;background-color: rgba(0, 0, 0, 0.1);visibility: visible;/* opacity: 1; */}
.app-menu{display:none;z-index: 99;}
.nav_shade{display: block;visibility: hidden;opacity: 0;transition: all 0.7s;position: fixed;top: 0px;left: 0px;right: 0px;bottom: 0px;width: 40%;height: 100%;z-index: 13;background-color: rgba(0, 0, 0, 0.1);visibility: visible;opacity: 1}
.nav_shade img{float: right;}
.nav_shaderight{width:60%;display: block;background: #3271a4;transition: all 0.7s;position: fixed;top: 0px;/* left: 0px;*/right: 0px;bottom: 0px;width: 60%;height: 100%;z-index: 13;visibility: visible;opacity: 1;}
.nav_shaderight ul{height: 100%;width: 100%;
    overflow-x: hidden!important;;
    overflow-y: auto!important;; }
.nav_shaderight ul li{width: 100%;
    height: 50px;
    line-height: 50px;
    float: none;
    text-align: center;
    border-bottom: 1px solid rgba(255,255,255,.1);}
.nav_shaderight ul li a{display: block;    font-weight: normal;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
    position: relative;}
.nav_shaderight ul li.on{background: #12639c;}

.nav_shaderight ul li.on a{font-size: 16px;}
.nav_shaderight li a:after{background: #fff;    margin: -3px auto 0;}
.nav_shaderight ul li.on a:after{width: 65%;}


    .slideBox,.slideBox .bd,.slideBox .bd li{ height: 260px;}

    .content .info p{ float: none !important;}
    .xxgk li{width: 47vw; margin-right:0px; }
    .footer .w1200{width: 98vw;height: auto;margin: 0 auto;text-align: center;padding:0;}
    .footer{width:100vw;height: auto;padding: 0;padding-top: 2vh;}
    .footer .f-l,.footer .f-c,.footer .f-r{padding:0;margin: 0;width:98vw;float: left;border-left:none;}

}

/**ÃƒÂ¥Ã‹â€ Ã¢â‚¬Â ÃƒÂ©Ã‚Â¡Ã‚ÂµÃƒÂ¥Ã…â€™Ã‚ÂºÃƒÂ¥Ã…Â¸Ã…Â¸**/
.cutPage {
	height: 30px;
	margin: 20px;
}
#kkpager {
	clear: both;
	color: #999;
	padding: 5px 0px 5px 0px;
	font-size: 13px;
}
#kkpager a {
	border: 1px solid #ccc;
	display: inline;
	padding: 3px 7px 3px 7px;
	margin-right: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
	background: #fff;
	text-decoration: none;
	color: #999;
}
#kkpager span.disabled {
	display: inline;
	padding: 3px 7px 3px 7px;
	margin-right: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #DFDFDF;
	background-color: #FFF;
	color: #DFDFDF;
}
#kkpager span.curr {
	border: 1px solid #006699;
	display: inline;
	padding: 3px 7px 3px 7px;
	margin-right: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #E6F1F7;
	color: #006699;
}
#kkpager a:hover {
	border: 1px solid #006699;
	background-color: #006699;
	color: #fff;
}
#kkpager span.normalsize {}
#kkpager_gopage_wrap {
	position: relative;
	left: 0px;
	top: 0px;
}
#kkpager_btn_go {
	width: 44px;
	height: 18px;
	border: 0px;
	overflow: hidden;
	line-height: 140%;
	padding: 0px;
	margin: 0px;
	text-align: center;
	cursor: pointer;
	background-color: #006699;
	color: #FFF;
	position: absolute;
	left: 0px;
  top: 1px;
  border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display: none;
}
#kkpager_btn_go_input {
	width: 36px;
	height: 16px;
	color: #999;
	text-align: center;
	margin-left: 1px;
	margin-right: 1px;
	border: 1px solid #DFDFDF;
  position: relative;
  border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	left: 0px;
	top: 0px;
	outline: none;
}
#kkpager_btn_go_input.focus {
	border-color: #006699;
}
#kkpager .pageBtnWrap {
	float: left;
}
#kkpager .infoTextAndGoPageBtnWrap {
	float: right;
	margin-right: 35px;
}
#kkpager .spanDot {
	margin-right: 5px;
}
#kkpager .currPageNum {
	color: #006699;
}
#kkpager .infoTextAndGoPageBtnWrap {
	padding-top: 5px;
}
