﻿@charset "utf-8";
/*=============================================================================================================================*/

@media screen and (max-width: 1080px) {
html { font-size: 62.5%; }
}
@media screen and (max-width: 864px) {
html { font-size: 50%; }
}
@media screen and (max-width: 800px) {
html { font-size: 46%; }
}
@media screen and (max-width: 768px) {
html { font-size: 44%; }
}
@media screen and (max-width: 720px) {
html { font-size: 40%; }
}
@media screen and (max-width: 640px) {
html { font-size: 37%; }
}
@media screen and (max-width: 540px) {
html { font-size: 31.25%; }
}
@media screen and (max-width: 480px) {
html { font-size: 27.5%; }
}
@media screen and (max-width: 320px) {
html { font-size: 18.5%; }
}
html { background: #ECEDF0; }
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td, span { margin: 0; padding: 0; font-family: "Microsoft YaHei", "Tahoma", "verdana"; color: #333333; }
a { text-decoration: none; color: #333333; }
img { border: 0 none; vertical-align: top; }
ul, li { list-style-type: none; }
button { cursor: pointer; }
i, em, cite { font-style: normal; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; color: #c33; }
a:focus { outline: none; }
.fixed:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.fixed { display: block; min-height: 1%; }
*html .fixed { height: 1%; }
.clear { diplay: block!important; float: none!important; clear: both; overflow: hidden; width: auto!important; height: 0!important; margin: 0 auto!important; padding: 0!important; font-size: 0; line-height: 0; }
/*.cl { clear: both; overflow: hidden; border: 0px; padding: 0px; height: 0px; width: 0px; font-size: 0; line-height: 0; }*/
.fl { float: left; }
.fr { float: right; }
.hidden { display: none; }
.space { font-size: 3.8rem; height: 2.6em; line-height: 2.6em; display: block; }
.mb{ margin-bottom:2em;}
.height{ height:1.2em;}
body, td, th { font-family: "Microsoft YaHei", Tahoma, verdana; }
body { background-color:#F5F5F5; }
img { margin: 0; padding: 0; border: 0; }
.cl:after { content:".";display:block;height:0;clear:both;visibility:hidden;} .cl{ zoom:1;}

/*=============================================================================================================================*/



.mav { width: 100%; height: auto; margin: 0px auto; background:#FFF; overflow:hidden;}

.main { width: 100%; height:40px; margin:0 auto 70px; padding:13px 0 17px; background: url(/images/mobile_up_bg.jpg) repeat-x; overflow:hidden; position:fixed; z-index:997;}
.first{ width:12%; padding-left:4%; border-right:#36C 1px solid; margin:6px 0 0;}
.first_dhb a img{ width:60%; height:60%;}
.secd{ width:69%;}
.secd img{ width:65%; height:auto;}

/*搜索*/
.search{ width:100%; margin:auto; overflow:hidden;}
.search_a{ width:15%;}
.search_a a img{ position:absolute; top:0; right:0; width:60px; height:70px; position:fixed; z-index:999;}
.search_b{ width:100%; background-color:#012B54; top:70px; position:fixed; z-index:999;}

.ss_mav{ width:95%; margin: auto; padding:3% 0; overflow:hidden;}
.ss{width:83%; margin-left:1.2em; line-height:2.2em; border:none; color:#fff; float:left; font-size:15px; background-color:#012B54;}
.ss_a{ width:7.5%; margin-top:0.3em;}
.ss_a img{ height:auto;}


/*侧面导航*/
.leftMenu a {
    text-decoration: none;
    display: block;
}
.leftMenu a:hover{color:#4045E4;}

.leftMenu {
    background: #fff;
    left: -1000px;
    position: fixed;
    top: 70px;
    display: block;
    height: 100%;
    width: 68%;
    min-width: 140px;
    max-width: 440px;
    z-index: 90002;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    position: fixed;
    overflow: auto;
}

.leftMenu.menu-open {
    left: 0;
}

.leftMenu ul {
    list-style: none;
    padding: 0;
}

.leftMenu ul li {
    position: relative;
    padding: 10px 0 10px 20px;
	font-size:18px;
}

.leftMenu ul li:hover{
	background-color:#EBF2FC;
}


.leftMenu ul li.hasChild > a:after {
    content: "+";
    position: absolute;
    right: 20px;
    top: 6px;
    font-size: 24px;
    font-weight: 300;
}

.leftMenu ul li.hasChild.open > a:after {
    content: "-";
    right: 23px;
    font-size: 28px;
    top: 4px;
}

.f2, .f3 {
    height: 0;
    padding-left: 20px;
    overflow: hidden;
    position: relative;
    transition: height 0.4s ease;
    -moz-transition: height 0.4s ease;
    -webkit-transition: height 0.4s ease;
    -o-transition: height 0.4s ease;
}

.menu-dark-backdrop {
    background: rgba(0,0,0,0);
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    width: 100%;
    position: fixed;
    top: 70px;
    left: 0;
    right: 0;
    overflow: hidden;
}

    .menu-dark-backdrop.in {
        height: 100%;
        z-index: 995;
        background: rgba(0,0,0,0.5);
    }




/*幻灯开始*/
.weimob-page { margin: 0; padding: 0; position: relative; min-height: 100%; -webkit-box-sizing: border-box; word-wrap: break-word; word-break: keep-all; }
.box_swipe { overflow: hidden; position: relative; }
.box_swipe ul { list-style: none; margin: 0; padding: 0; -webkit-padding-start: 0px; width: 3445.45px; transform: translate3d(-689.09px, 0px, 0px); transition-duration: 500ms; }
.box_swipe ul li { list-style: none; margin: 0; padding: 0; width: 100%; vertical-align: top; display: table-cell; }
.box_swipe .box_desc { height: 40px; position: relative; z-index: 10; margin-top: -45px; text-align: right; padding-right: 20px; background-color: rgba(0,0,0,0.5); }
.box_swipe .box_desc .box_word { width: 70%; height: 100%; line-height: 40px; float: left; text-align: left; color: #FFF; padding: 0px; margin: 0px; overflow: hidden; }
.box_swipe .box_desc .box_word > span { width: 100%; float: left; padding-left: 1.0em; color: #FFF; font-size:3.5rem;}
.box_swipe .box_desc > ol { float: right; width: 30%; height: 100%; line-height: 40px; padding: 0px; margin: 0px; }
.box_swipe .box_desc > ol > li { display: inline-block; width: 8px; height: 8px; background-color: #757575; border-radius: 8px; margin-right:0.5em;}
.box_swipe .box_desc > ol > li.on { background-color: #ffffff; }



/*按钮*/
.mod_nav{width:96%; padding:3.5% 2% 0.2% 2%; background:#fff; overflow:hidden;}
.nav{width:100%;overflow:hidden;}
.nav a{ display:block; float:left; text-align:center; width:25%; margin-bottom:3%;}
.nav a p{ font-size:3.8em; line-height:1.8em; color:#666;}
.nav a img{width:70%; height:auto; margin:0 0 4% 0;}



/*内容*/
.me_kc { width: 100%; background: #fff; }
.me_kc ul { padding: 0 3.2% 0 3.2%; }
.me_kc li { padding-bottom: 3%; overflow: hidden; }
.me_kc li a {font-size: 4rem; line-height: 1.5em; color:#333; display:block;}
.me_kc li img {width: 100%; height: auto; margin-bottom:12px; }
.me_kc li p { font-size: 3.0rem; line-height: 2.2em; color: #999; padding-right:3.0%; display:block;white-space:nowrap;}
.me_b { padding:3.2%; overflow:hidden;}
.me_b h1{ font-size:5.2rem; font-weight:400; color:#000; }
.me_b a{ float:right; font-size:3.4rem; line-height:2.1em; color:#666;}


.news_nav_a { background: #fff; }
.news_nav_a ul {  padding: 1% 3% 3.2% 3%; }
.news_nav_a li {  margin-top: 3.2%; padding-bottom: 4.1%; padding-right: 3.1%; border-bottom: 1px solid #EFEFEF; overflow: hidden; }
.news_nav_a li a { font-size: 4rem; line-height: 1.5em; color:#333; display:block; }
.news_nav_a li p {  font-size: 3rem; line-height: 2.2em; color: #999; padding-right:3.0%; white-space:nowrap; }

.news_nav_b { width:100%; height: 2.9em; line-height: 2.8em; font-size: 18px; background: #fff; border-bottom:#CCCCCC 1px solid; }
.news_nav_b ul{ padding:0 3%;}
.news_nav_b li { width: 50%; float: left; text-align: center; }
.news_nav_b li a { display: block; color: #666; letter-spacing: 0.1rem; font-weight: bold;}
.news_nav_b li a:hover { display: block; color: #0068B7; border-bottom:#0068B7 2px solid; font-weight: bold;}
.news_nav_b li.clik { }
.news_nav_b li.clik a { display: block; color:#0068B7; border-bottom:#0068B7 2px solid;font-weight: bold; }


.news_nav_c{  padding: 0 3% 6% 3%; overflow:hidden;}
.news_nav_c a { display:block; float:left; width:30%; border:#2054B8 1px solid; font-size:18px; line-height:2.4em; color:#2054B8; margin:0 1.3%; text-align:center;}


.fy { text-align: center;}
.fy a {  font-size: 3.7rem; line-height: 4em; color:#888;}


/*专题滚动*/
.Box { width:96%; border-bottom:#DBDBDB 1px solid; border-left:#DBDBDB 1px solid; border-right:#DBDBDB 1px solid; padding:5% 2%;}
.Box .content { width:96%; margin: 0 auto; }
 .Box .Box_con { position: relative; }
 .Box .Box_con .btnl { z-index: 1; position: absolute; }
 .Box .Box_con .btn { display: block; width: 41px; height: 41px; position: absolute; top: 80px; cursor: pointer; }
 .Box .Box_con .btnl { background:url(/images/mobile_jtl02.png)no-repeat center; top:35px; }
 .Box .Box_con .btnr { background: url(/images/mobile_jtr02.png) no-repeat center; z-index: 1; right: 1px; top: 35px; }
 .Box .Box_con .btnl:hover { background: url(/images/mobile_jtl03.png) no-repeat; }
 .Box .Box_con .btnr:hover { background: url(/images/mobile_jtr03.png) no-repeat center; }
 .Box .Box_con .conbox { position: relative; overflow: hidden; }
 .Box .Box_con .conbox ul { position: relative;list-style: none; }
 .Box .Box_con .conbox ul li { float: left; width: 384px; height: auto; margin-left: 0px; overflow: hidden; text-align:center; }
 .Box .Box_con .conbox ul li a { font-family: "Microsoft YaHei"; font-size:14px; color:#000; line-height:40px;}
 .Box .Box_con .conbox ul li:first-child { margin-left: 0; }
 .Box .Box_con .conbox ul li img { display: block; width:384px; height: auto; transition: all 0.5s; }
 .Box .Box_con .conbox ul li:hover img { transform: scale(1.1); }
 .Box .BoxSwitch { margin-top: 30px; text-align: center; }
 .Box .BoxSwitch span { display: inline-block; *display: inline;*zoom: 1; vertical-align: middle; width: 30px; height: 3px; background: #ccc; margin: 0 5px;cursor: pointer; }
 .Box .BoxSwitch span.cur { }
.clearfix{clear:both;}




/*底部=============================================================================================================================*/
.foot{ width:100%; overflow:hidden; background-color:#0E44AE; text-align:center;}
.foot ul{ padding:5%;}
.foot p{ color:#fff; font-size:3rem;}



/*内容页*/
.bg_p{ width:100%; overflow:hidden; margin:auto;}
.bg_p img{ width:100%; height:auto;}
.con{padding:4% 3.2%; overflow:hidden; color:#666; background: #fff; font-size:4rem;}
.con a{ font-size:4rem; line-height:2em; color:#666; padding:0 5px;}
.con_sl a:hover{ color:#4045E4;}
.con_sl_tit { font-size: 5rem; line-height: 1.5em; color:#333; background: #fff; padding: 3.5% 3.2% 0 3.2%; text-align:center; font-weight:bold;}
.con_sl_data { font-size: 3.2rem; color: #999; border-bottom: 1px solid #ccc; line-height: 2.8em; background: #fff; padding: 0 3.2%; text-align:center; overflow:hidden;}
.con_sl_data span { padding:0 10px; color: #999; font-size: 3rem;  }
.con_sl_nr { text-align: justify; text-justify: inter-ideograph; padding: 3.2% 3% 5% 3%; background: #fff; font-size: 3.8rem; line-height: 1.7em; }
.con_sl_nr img { width: 100%; height: auto; margin-bottom: 3.2%; }
.con_sl_nr p { margin-bottom:2%; color: #333; }
.con_sl_nr p span{ color:#999;}

.view{ padding:2% 0; overflow:hidden;}
.view p{font-size: 3.2rem; color: #666;line-height: 2.8em; text-align:left;}
.view p span{font-size: 3.2rem; color: #666;line-height: 2.8em;}

.con_let_data { font-size: 3.2rem; color: #999; line-height: 2.8em; background: #fff; padding: 0 3.2%; text-align:center; overflow:hidden;}
.con_let_data span { padding:0 10px; color: #999; font-size: 3rem;  }

.me_d {  overflow:hidden; padding:3.2% 3% 2%; background-color:#DCEDFD;}
.me_d span{ font-size:4rem; color:#0068B7;}


/*列表页*/
.me_kc { width: 100%; background: #fff; }
.me_kc ul { padding: 1% 3.2% 3.2% 3.2%; }
.me_kc li { margin-top: 3.2%; padding-bottom: 4.1%; padding-right: 3.1%; border-bottom: 1px solid #EFEFEF; overflow: hidden; }
.me_kc li a {font-size: 4rem; line-height: 1.5em; color:#333; display:block;}
.me_kc li img { float: left; width: 36%; height: auto; margin-right: 4.1%; }
.me_kc li p { font-size: 3.0rem; line-height: 2.2em; color: #999; padding-right:3.0%; display:block;white-space:nowrap;}
.me_kc li span{ float:right;font-size: 3.0rem; line-height: 2.2em; color: #FF6600;}
.me_kc li span.cor{ color:#339933;}
.me_kc li span.red{ color:#DE1C10;}

.me_c { overflow:hidden; padding:0 3%; line-height:2.7em; border-bottom:#ccc 1px solid;}
.me_c span{ font-size:4rem; color:#0068B7; line-height:2.8em; font-weight:bold; border-bottom:#0068B7 2px solid; display:block; float:left; padding:0 5px;}
.me_c p{ float:right; font-size:3.2rem; color:#5E5E5E; line-height:3.6em;}
.me_c p img{ float:left; width:10%; height:auto; margin:16px 0 0;}
.me_c p i{ color:#ED5852; font-size:3.8rem; font-style:italic; font-weight:bold;}

.list_a { background: #fff; padding: 1% 3% 3.2% 3%;}
.list_a li {  margin-top: 3.2%; padding-bottom: 4.1%; padding-right: 3.1%; border-bottom: 1px solid #EFEFEF; overflow: hidden; }
.list_a li a { font-size: 17px; line-height: 1.5em; color:#333; display:block; }
.list_a li p { font-size: 14px;  line-height: 2.2em; color: #999; padding-right:3.0%; white-space:nowrap; }

/*写信*/
.add_form { font-size:4rem; padding: 2% 3.2% 8% 3.2%; overflow:hidden;}
.add_form span { font-size:4rem; display:block; margin:10px 0; padding:0 10px; line-height:3em; border:#ccc 1px solid; border-radius:6px; color:#FF0000;}
.add_form span img{ width:28%; height:auto; float:right; margin:7px 0 0;}
.add_form span i {  color:#333;}
.add_form span input.a { width:70%; font-size:4rem;  border:none; color:#666; line-height:2.8em; text-indent:3px; -webkit-appearance:none;}
.add_form input.b { width:100%; line-height:3em;font-size:4rem; border:none; color:#fff; background-color:#308DDA; overflow:hidden;-webkit-appearance:none;}
.add_form input.c{ width:45%;font-size:4rem;  border:none; color:#666; line-height:2.8em; text-indent:3px;-webkit-appearance:none;}
.add_form span select { font-size:4rem; border:none; color:#666; line-height:3em; width:70%;  -webkit-appearance:none;} 
.yi_tab_cc { width:70%; height:200px; margin:10px 0 0; border:none; font-size:4rem; color:#666; line-height:1.8em; text-indent:3px; -webkit-appearance:none;}
.xin_z{ vertical-align: top;}
.add_form span em{ color:#FF0000; vertical-align: top;}
.z_cor{ color:#FF0000; vertical-align: top;}


/*信息公开*/
.me_d { overflow:hidden; padding:3.2% 3% 2%; background-color:#DCEDFD;}
.me_d span{ font-size:4rem; color:#0068B7;}

.gk_cot{ padding:2%; overflow:hidden;}
.gk_cot ul{}
.gk_cot ul li{ border:#E8E8E8 1px solid; line-height:2.6em; margin:0 0 6px;}
.gk_cot ul li h1{ display:block; float:left; font-size:3.6rem; line-height:2.6em; background-color:#F0F0F0; font-weight:400; color:#444; margin:0 3% 0 0; padding:0 3%;}
.gk_cot ul li span{ font-size:3.6rem; line-height:2.6em;color:#444;}

/*领导*/
.leader{ padding: 5% 3.2% 3%; text-align:center; overflow:hidden;}
.leader img{ width:50%; height:auto;}
.leader p{ font-size:3.8rem; line-height:2.0em; color:#333;}