@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol{margin:0;padding:0}em,i{font-style:normal}li{list-style:none}a,a:hover{text-decoration:none}img{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;height:auto;vertical-align:middle;border:0}table{border-collapse:collapse;border-spacing:0}label{cursor:default}body,button,input,select,textarea{font:13px/1.5 arial,'microsoft yahei',\5b8b\4f53}textarea{resize:none}a,a:focus{outline:none}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}.clear{display:block;height:0;clear:both;font-size:0;line-height:0;overflow:hidden}.fl{float:left;display:inline}.fr{float:right;display:inline}.fn{float:none}.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}.noBg{background:none!important}
body{position:relative; background:#ddd; color:#444;}
a{color:#444;text-decoration:none;}
#g-wp { max-width:640px; margin:0 auto; padding:0 0 40px; background:#fff; }
.wrap{ width:96%; margin: 0 auto;}
#header { width: 100%}
.g-wp { max-width:414px; margin:0 auto; background:#fff; transition:transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); z-index:2; }
.hide{display:none !important}
.u-mask { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; z-index:9; }
.m-nav { width:200px; height:100%; right:-200px; top:0; background:#fff; position:fixed; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index:1; }
.m-nav h2 { margin:0 0 10px; padding:10px 0; border-bottom:1px solid #ddd; font-weight:bold; font-size:16px; line-height:30px; text-align:center; }
.m-nav li { position:relative; padding:12px 12px 12px 22px; border-bottom:1px solid #eee; font-size:14px; line-height:24px; }
.m-nav li a { display:block; }
.m-nav li a:hover,.m-nav .current a { color:#f9b655; }
.m-nav .current:after { position:absolute; top:50%; left:0; width:5px; height:14px; margin-top:-7px; border-left:2px solid #f9b655; content:"" }

/* 菜单显示 */
.u-menu { position:absolute; right:6px; top:10px; display:block; width:50px; height:42px; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index: 99; }
.u-menu div { position:absolute; left:13px; top:20px; width:25px; height:25px; transform:translateZ(0px) rotate(0deg); transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s; }
.u-menu div i { position:absolute; left:0; top:0; display:block; width:25px; height:2px; background:#000; }
.u-menu .u-menu-top i {transform:translate3d(0px,-8px,0px);-webkit-transform:translate3d(0px,-8px,0px);}
.u-menu .u-menu-middle i {transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);}
.u-menu .u-menu-bottom i {transform:translate3d(0px,8px,0px);-webkit-transform:translate3d(0px,8px,0px);}

body.z-open .m-nav {transform:translate3d(-200px,0,0);-webkit-transform:translate3d(-200px,0,0);}
body.z-open .g-wp {transform:translate3d(-200px,0,0);-webkit-transform:translate3d(-200px,0,0);}
body.z-open .u-menu {transform:translateZ(0px) rotate(90deg);-webkit-transform:translateZ(0px) rotate(90deg);}
body.z-open .u-menu  div {transform:translateZ(0px) rotate(45deg);transition:transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;-webkit-transform:translateZ(0px) rotate(45deg);-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;}
body.z-open .u-menu  div i {transition:transform 0.2s ease 0s;transform:translate3d(0px,11px,0px);-webkit-transition:-webkit-transform 0.2s ease 0s;-webkit-transform:translate3d(0px,11px,0px); }
body.z-open .u-menu .u-menu-bottom {transform:translateZ(0px) rotate(-45deg);-webkit-transform:translateZ(0px) rotate(-45deg);}
body.z-open .u-menu .u-menu-middle { display:none; }

.search { position: absolute; top:5px; width:50px; height:50px; overflow:hidden; }
.search-o { position: absolute; top:0; left: 0; width:50px; height:50px;  background:url(../images/search_btn.png) no-repeat center; background-size:40%; }
.search-x { position: absolute; top:0; left: -50px; width:50px; height:50px;  background:url(../images/search_btn_x.png) no-repeat center; opacity:1; background-size:40%; }

.form-search{ position: absolute; top: -100px; left: 0; width:90%; padding:3% 5%; border-top:1px solid #ddd; box-shadow:3px 5px 5px #0268b3; background:#fff; z-index:2; opacity:0; transition:all .2s ease-out; }
.form-search input{ border:1px solid #eee;}
.form-search input[type="text"] { width:70%; height:38px; float:left; padding:0 5%; border-right:0px; }
.form-search input[type="submit"]{ width:19%; height:40px; float:left; border:0; background:#0268b3; color:#fff;}


#header { width:100%; }

.logo{ position:relative; font-size:0; height:50px; background-size:contain; background-repeat:no-repeat; background-position:center; }
.logo a { display:block; width:100%; height:100%; }

.nav { padding:0.4em 0; background:linear-gradient(#2c6dc5,#2364bc); }
.nav li { position:relative; display:inline-block; float:left; width:25%; color:#fff; line-height:26px; text-align:center; }
.nav li::before { content:"|"; position:absolute; top:5px; right:0; color:#fff; font-size:12px; font-weight:100; line-height:16px; }
.nav li:nth-child(4n)::before { content:""; }
.nav li a { display:block; height:26px; font-size:13px; color:#fff; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

.nav01 { background:#125fad; }
.nav01 ul li { float:left; width:20%; text-align:center; height:45px; line-height:45px; border-bottom:2px solid #1a65b0;  }
.nav01 ul li a { color:#fff; font-size:14px;  }

.banner { position:relative; overflow:hidden; }
.banner .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; }
.banner .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.banner .hd li.on{ background:#fff;  }
.banner .bd{ position:relative; z-index:0; }
.banner .bd li{ position:relative; text-align:center;  }
.banner .bd li img{ background:url(images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.banner .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */

.nav02 { width:96%; margin:10px auto; }
.nav02 ul li { float:left; width:33.33333%; text-align:center; }
.nav02 ul li a { display:block; border:1px solid #cecece;  padding:15px 0; }
.nav02 ul li a p { width:56%; margin:0 auto; }
.nav02 ul li a p span { display:block; margin-top:5px; font-size:14px; }

.aArea { width:96%; margin:10px auto; border:1px solid #cecece; }
.aArea .hd01 { height:39px; line-height:39px; background:url(../../images/hd01.jpg) repeat-x; }
.aArea .hd01 i { display:inline-block; *display:inline; zoom:1; border-right:5px solid #6dbc08; font-size:14px; color:#fff; width:85px; background:#125fad; text-align:center; }
.aArea .hd01 a { float:right; padding-right:5%; color:#4879b8; }

.aArea .bd01 { padding:10px; }
.aArea .bd01 ul li { height:30px; line-height:30px; overflow:hidden; border-bottom:1px dashed #e3e3e3; }
.aArea .bd01 ul li span { float:right; color:#b0b0b0; }

.aArea .bd01 .txt {  border-bottom:1px dashed #e3e3e3; padding-bottom:5px; margin-bottom:5px; }
.aArea .bd01 .txt h1 { font-size:16px; }
.aArea .bd01 .txt p { color:#999; margin-top:10px; }
.aArea .bd01 .txt p a { color:#6dbc08; float:right; }

.swiper-container { width:90%; margin:0 auto; padding:15px 0; }
.swiper-slide p { width:100%; height:30px; line-height:30px; text-align:center; overflow:hidden; background:#efefef; }

.u-tt { /*border-top:3px solid #023D99;*/ }
.u-tt .hd { position:relative; height:40px; border-bottom:1px solid #ddd; background:linear-gradient(#2c6dc5,#2364bc); line-height:40px; }
.u-tt .hd h2 { float:left; padding:0 15px; border-right:1px solid #2c6dc5; background:linear-gradient(#2c6dc5,#2364bc); color:#fff; font-size:15px; vertical-align:top; }
.u-tt .hd h2 a { color:#fff; }
.u-tt .hd h2 em { padding-left:5px; opacity:0.3; font-weight:100; font-size:11px; text-transform:uppercase; vertical-align:top; }
.u-tt .hd .more { position:absolute; top:12px; right:8px; width:15px; height:15px; padding:0; background:url(../../images/icon_arr_arrow.png) no-repeat; background-size:contain; overflow:hidden; }
.u-tt .hd .more a { display:block; background:none; line-height:999px; }
.u-tt .bd { padding:3% 1% 0; }

.box { border-bottom:10px solid #f2f2f2; background:#fff; }

.box-isd .hd { border-bottom:10px solid #f2f2f2; background:#fff; }
.box-isd .hd h2 { border-right:0; background:#fff; color:#069; }
.box-isd .hd .col { float:right; height:24px; margin:7px 10px 0 0; padding:0 20px; line-height:24px; border-radius:3px; border:1px solid #ddd; text-align:center; }
.box-isd .hd .col a { color:#333; }

/* 图片列表 一行两个 */
.m-pList li { float:left; width:46%; padding:0 2%; }
.m-pList li .t { padding:8px 0; font-size:13px; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

/* 图片列表 一行一个 */
.m-pFList li { position:relative; padding:0 2% 3%; }
.m-pFList li .p { float:left; width:45%; left:0; margin-right:5%; }
.m-pFList li .c { display:block; overflow:hidden; zoom:1; }
.m-pFList li .t { padding:0 0 8px; font-weight:bold; font-size:14px; }
.m-pFList li .t a { color:#000; }
.m-pFList li .i { padding:0 0 8px; color:#777; font-size:12px; }
.m-pFList li .m { font-size:12px; }

.m-tList { padding:0 12px 8px; }
.m-tList li { padding:10px 0; border-bottom:1px solid #eee; color:#777; font-size:12px; line-height:18px; }
.m-tList li h2 { padding-bottom:5px; font-size:15px; }

.m-list { padding:0 2% 3%; }
.m-list li { padding:7px 4px; border-bottom:1px solid #eee; font-size:12px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

/* 首页拨打电话 */
.m-tel { padding:3%; }
.m-tel a { display:block; padding:0 3%; border-radius:5px; background:linear-gradient(#2c6dc5,#2364bc); color:#fff; }
.m-tel a span { display:inline-block; padding:3%; }
.m-tel a span::before { content:""; padding-left:10px; border-left:10px solid #fff; }

/* 内容 */
.article { padding:0 2% 3%; line-height:1.8; word-wrap:break-word; }
.article .mt { text-align:left; }
.article .mt h1 { padding:5px 0 0; font-size:20px; line-height:26px; font-weight:bold; }
.article .mt .titBar { padding:4px 0; border-bottom:1px dashed #e1e0e0; color:#777; font-size:12px; line-height:24px; }
.article .mc { padding:20px 0 10px; font-size:13px; word-wrap:break-word; }

/* 分享 */
.action-share { height:24px; padding:15px 0; text-align:center; overflow:hidden; }
.bdshare-button-style0-24{line-height:24px;}
.bdshare-button-style0-24 a{position:relative;display:inline-block;width:24px;height:24px;margin-left:5px;background:url(../../images/share.png);vertical-align:top;cursor:pointer;opacity:.8;}
.bdshare-button-style0-24 a:hover{opacity:1;}
.bdshare-button-style0-24 a.bds_tsina{background-position:0 0;}
.bdshare-button-style0-24 a.bds_weixin{background-position:0 -32px;}
.bdshare-button-style0-24 a.bds_qzone{background-position:0 -65px;}
.bdshare-button-style0-24 a.bds_sqq{background-position:0 -98px;}
.bdshare-button-style0-24 a.bds_renren{background-position:0 -131px;}
.bdshare-button-style0-24 a.bds_tqq{background-position:0 -163px;}
.bdshare-button-style0-24 a.bds_douban{background-position:0 -196px;}
.bdshare-button-style0-24 a.bds_fbook{background-position:0 -226px;}

/* 分页 */
.more { padding:8px; }
.more a { display:block; border-radius:5px; background:#eee; line-height:30px; text-align:center; }

.pager-next-pre { display:table; width:100%; text-align:center; }
.pager-next-pre a { float:left; width:50%; padding:8px 0; background:linear-gradient(#eee,#ddd); display:table-cell; }
.pager-next-pre .btn_next { background:#000; background:linear-gradient(#313231,#101110); color:#fff; }

/* 快捷菜单 */
#fixed-foot { position:fixed; left:0; bottom:0; width:100%; height:50px; background:linear-gradient(#2c6dc5,#2364bc); line-height:24px; text-align:center; z-index:1; }
#fixed-foot li { float:left; width:25%; margin:0 -1px; border-left:1px solid rgba(255,255,255,.1); border-right:1px solid rgba(0,0,0,.2); }
#fixed-foot li a { display:block; padding:8px 0 0; color:#fff; }
.fixed-button { display:block; width:19px; height:17px; margin:0 auto; background:url(../../images/icon_arr_tel_white.png) no-repeat; overflow:hidden; }
.icon_arr_email { background-image:url(../../images/icon_arr_email.png) }
.icon_arr_map { background-image:url(../../images/icon_arr_map.png) }
.icon_arr_share { background-image:url(../../images/icon_arr_share.png) }
.icon_arr_book { background-image:url(../../images/icon_arr_book.png) }


.m-menu { position:fixed; top:0; right:-50%; width:45%; height:100%; padding:7% 5%; background:#999; z-index:99; opacity:0; overflow:auto; }
.m-menu .site-nav { min-height:400px; overflow-y:auto; }
.m-menu li { padding-bottom:12px; font-size:15px; }
.m-menu li ul { padding-left:15%; }
.m-menu li li { padding-top:8px; padding-bottom:0; font-size:12px; }
.m-menu li a { color:#fff; }
.m-menu li li a { color:#eee; }

/* 二级菜单 */
.m-mask{ position:fixed; top:0; right:0; left:0; bottom:0; background-color:rgba(0,0,0,0); z-index: 98;  overflow: hidden; display:none;}
.m-nav-show .m-mask { display:block; }

.m-menu { position:fixed; top:0; right:-50%; width:45%; height:100%; padding:7% 5%; background:#999; z-index:99; opacity:0; overflow:auto; }
.m-menu .site-nav { min-height:400px; overflow-y:auto; }
.m-menu li { padding-bottom:12px; font-size:15px; }
.m-menu li ul { padding-left:15%; }
.m-menu li li { padding-top:8px; padding-bottom:0; font-size:12px; }
.m-menu li a { color:#fff; }
.m-menu li li a { color:#eee; }

.m-copy { padding:3% 5% 6%; background:#666; color:#fff; text-align:center; }

/* 分页 */
.page { padding: 20px 10px 30px; text-align: center; }
.page a { display: inline-block; padding: 4px 8px; border-radius:3px; background:#778dd6; color:#fff; line-height: 1.5; vertical-align:top; }
.page .current { background:#f60; }

/*Form*/
.form-panel { margin: 0 10px; }
.form-panel h4 { margin-bottom: 10px; padding: 2px 20px; background: #eee; line-height: 22px; }
.form-panel .tips { padding: 10px 0 10px 110px; color: #cc3732; font-weight: bold; font-size: 14px;}
.form-panel .field { clear: both; }
.form-panel li.field label { display: block; float: left; width: 25%; line-height: 24px; text-align: right; }
.form-panel .input { padding: 5px 0; color: #666; zoom: 1; }
.form-panel .field:after { content: '\20'; display: block; height: 0; clear: both; }
.form-panel .text { width: 70%; height: 20px; padding: 1px 3px; border: 1px solid #d0d0d0; background: #f2f2f2; color: #666; }
.form-panel .textarea { width: 70%; height: 100px; padding: 1px 3px; border: 1px solid #d0d0d0; background: #f2f2f2; color: #666; }
.form-panel .submit-field { padding: 0 10px 20px 100px; clear: both; }
.form-panel .submit-field input { margin-right: 10px; }
.form-panel .btn-submit { width: 78px; height: 24px; border: none; background:#999; cursor: pointer; }
.form-panel .btn-reset { width: 78px; height: 24px; border: none; background:#eee; cursor: pointer; }

.hr {padding:0 1%;}
.hr-list { margin-bottom: 10px; padding: 10px 0 0; }
.hr-list .title { padding: 2px 20px; background: #efefef; font-weight: bold; line-height: 22px; }
.hr-list .title span { float: right; color: #333; font-weight: 100; }
.hr-list .info { padding: 5px 10px; line-height: 24px; }
.hr-list .apply { padding: 5px; text-align: right; }
.hr-list .apply a { color: #ba0012; }
/* 二级菜单 */
.m-mask{ position:fixed; top:0; right:0; left:0; bottom:0; background-color:rgba(0,0,0,0); z-index: 98;  overflow: hidden; display:none;}
.m-nav-show .m-mask { display:block; }

.m-menu { position:fixed; top:0; right:-50%; width:45%; height:100%; padding:7% 5%; background:#999; z-index:99; opacity:0; overflow:auto; }
.m-menu .site-nav { min-height:400px; overflow-y:auto; }
.m-menu { padding-bottom:12px; font-size:15px; }
.m-menu dl { padding-left:15%; }
.m-menu dt { padding-top:8px; padding-bottom:8px; font-size:13px; }
.m-menu dt a { color:#fff; }