﻿/***************** universal *****************/
#page{ margin:0 auto; background:#e8e8e8;}

.fl{ float:left;}
.fr{ float:right;}

img{ width:100%;}
#head{ height:40px; overflow:hidden; background:#277de2;}
#head .logo{ width:150px; margin:2px 0 0 10px;}

#head a.menu{ width:28px; height:28px; margin:6px 8px 0 0; background-color:#5c5c5c; border-radius:8px; display:inline-block; float:right; position:relative; text-align:center; vertical-align:middle; background:#5c5c5c url(../images/icon1.png) no-repeat center center; background-size:48%;}
#head a.menu{ width:40px; height:40px; margin:0; border-radius:0; background:#4790e6 url(../images/icon4.png) no-repeat center center; background-size:50%;}

/***************** banner *****************/
.box_swipe{ position:relative; overflow:hidden;}
.box_swipe ul{ -webkit-padding-start:0px;}
.box_swipe>ol{ position:absolute; z-index:10; right:10px; bottom:10px;}
.box_swipe>ol>li{ display:inline-block; margin:0 3px; width:38px; height:4px; background:#fff; border-radius:8px;}
.box_swipe>ol>li.on{ background:#277de2;}

/***************** content *****************/
#content{ padding:2%;}

.swiper-container {
	width:100%;
	margin:20px auto;
	padding:10px 0 30px;
	background:#fff none repeat scroll 0 0;
	border-radius:5px;
}
.swiper-slide {
}

.box-sty{ background:#fff none repeat scroll 0 0; border-radius:5px; box-shadow:0 1px 1px #dbdbdb; margin:2% auto 0; overflow:hidden; position:relative;}

.hp-dhmenu{ width:100%; font-size:0; padding-top:1%;}
.hp-dhmenu li{ display:inline-block; margin:6px 0; width:25%;}
.hp-dhmenu i{ animation:1s ease 0.2s normal both 1 running flip; background-color:#f0f0f0; border-radius:100%; display:block; height:50px; margin:0 auto; width:50px;}

.hp-dhmenu .dh1{ background-size:55%;}
.hp-dhmenu .dh2{ background-size:55%;}
.hp-dhmenu .dh3{ background-size:55%;}
.hp-dhmenu .dh4{ background-size:45%;}
.hp-dhmenu .dh5{ background-size:55%;}
.hp-dhmenu .dh6{ background-size:55%;}
.hp-dhmenu .dh7{ background-size:55%;}
.hp-dhmenu .dh8{ background-size:32%;}

.hp-bt{ color:#666; display:block; font-size:12px; line-height:24px; text-align:center; width:100%;}
.hp-dhmenu li a{ display:block;}

.con-newsbox{ padding-bottom:1%;}
.tab-qhbox{ border-bottom:1px solid #dbdbdb; font-size:0; height:36px;}
.tab-qhbox li{ display:inline-block; font-size:13px; text-align:center; width:25%;}
.tab-qhbox li.more{ text-align:right;}
.tab-qhbox li.more a{ margin-right:15px;}
.tab-qhbox span{ border-bottom:2px solid #fff; display:block; height:34px; line-height:34px; margin:0 auto; width:68%;}
.tab-qhbox .t-on{ color:#000;}
.t-on span{ border-color:#277de2;}

.news-listbox li{ border-bottom:1px solid #f2f2f2; line-height:36px; overflow:hidden; position:relative;}
/*.news-listbox li:last-child{ border:medium none;}*/
.news-listbox li a{ color:#666;}
.news-listbox li a{ display:block; line-height:36px; padding:0 4%;}
.news-listbox li a:active{ background:#f3f3f3;}
.news-time{ font-size:10px; line-height:36px; position:absolute; right:4%; top:0;}
.more-zxnews a{ display:block; height:25px;}
.more-zxnews span{ display:block; height:12px; margin:0 auto; position:relative; top:5px; width:22px; background:url(../images/arrow.png) no-repeat center center; background-size:80%;}
.hide-t{ line-height:9999px; overflow:hidden;}
#tabCon{ display:none;}

.comments_list li{ padding:10px 4%;}
.comments_list li p{ line-height:24px;}
.comments_list li p span.user-name{ color:#277de2;}

.media-con{ margin:2% auto; padding:15px 0 1%;}
.media-con h2{ color:#1a1a1a; font-size:14px; font-weight:bold; padding-left:2%;}
.media-ulist{ font-size:0; padding:0 2% 2%;}
.media-ulist li{ display:inline-block; margin-top:15px; vertical-align:top; width:48%;}
.media-ulist li:nth-child(2n){ margin-left:4%;}
.media-u-p{ color:#666; font-size:12px; line-height:16px; text-align:center; margin-top:5px; padding:4px 10px 10px;}
.media-u-p span{ color:#999;}
.media-u-img{ height:120px; display:block; overflow:hidden; line-height:0; position:relative;}
.media-u-img img{ height:100%;}
.media-icon{ background-position:center -43px; border-radius:42px; height:42px; left:50%; margin:-21px 0 0 -21px; position:absolute; top:50%; width:42px; z-index:1;}

.index-media-ulist li{ width:32%; margin-right:2%;}
.index-media-ulist li:nth-child(2n){ margin-left:0;}
.index-media-ulist li:nth-child(3n){ margin-right:0;}
.index-media-ulist li .media-u-img{ height:80px;}

/***************** foot *****************/
#foot{ padding:15px; color:#fff; font-size:12px; text-align:center; background:#000; word-wrap:break-word;}
#foot a{ color:#999;}

#foot ul{ width:50%; margin:0 auto 15px;}
#foot ul li{ width:40%; margin:0 5%; float:left;}
#foot ul li a.icon{ width:50px; height:50px; margin:0 auto 5px; display:block; border:2px #bbb solid; border-radius:100%;}
#foot ul li a.mobile{ background:url(../images/f_icon1.png) no-repeat center center; background-size:30%;}
#foot ul li a.pc{ background:url(../images/f_icon2.png) no-repeat center center; background-size:60%;}


/***************** insidpage *****************/
#i_content{ padding:50px 2% 2%;}

.h2-topfont{ background:#fff none repeat scroll 0 0; border-top:1px solid #e8e8e8; color:#666; font-size:16px; font-weight:bold; height:38px; line-height:38px; position:fixed; text-align:center; top:40px; width:100%;z-index:100;}
.h2-topfont a{ height:38px; position:absolute; top:0; width:38px;}
.h2-topfont .pre-icon{ background:url(../images/arrow1.png) no-repeat center center; background-size:50%; left:0;}
.h2-topfont .main-icon{ background:url(../images/home.png) no-repeat center center; background-size:50%;  right:0;}

.page-topfont,.video-topfont{}
.about-pubbox{ padding:10px;}

.abt-img-fon img{ border-radius:5px;}
.abt-jt-cen h3{background:#e8e8e8 none repeat scroll 0 0; border-radius:4px; color:#666; font-size:16px; height:40px; line-height:40px; text-align:center; margin:10px 0;}

h3.news-hfont{ background:#ed9131 none repeat scroll 0 0; border-radius:4px; border-top:1px solid #fff; font-size:16px; font-weight:normal; height:42px; line-height:42px; padding:0 8px; position:relative;}

h3.news-hfont a{ color:#fff; display:block; font-weight:bold;}
h3.news-hfont .sd-tipbox-show{ display:block; height:24px; float:right; position:relative; right:0; top:10px; width:40px; background:url(../images/arrow2.png) no-repeat center center; background-size:60%;}

.fina-conbox{ font-size:0; margin-top:10px; position:relative; white-space:nowrap;}
.date-textin{ border:1px solid #e8e8e8; background:#f6f6f6; border-radius:4px; display:inline-block; font:14px microsoft yahei; height:30px; text-indent:5px; width:85.4%;}
.date-cxbtn{ background:#333 url(../images/fdj.png) no-repeat center center; background-size:50%; border:1px solid #333; border-radius:4px; color:#444; display:inline-block; font:14px microsoft yahei; height:30px; margin-left:2%; width:12%;}

.news-detail-tt{ background:#e8e8e8 none repeat scroll 0 0; border-radius:6px; padding:10px 15px; text-align:center;}
.news-detail-tt h3{ color:#1a1a1a; font-size:16px; font-weight:normal;}
.news-detail-list { overflow:auto;}
.news-detail-list p{ line-height:22px; padding:10px 0 5px; text-align:justify;}

.news-wz{ margin:20px 10px;}
.news-wz p{ line-height:22px; overflow:hidden;}
.news-wz p a{ color:#0083cd; display:block; margin-left:50px;}
.news-wz p span{ display:block; float:left;}

.abt-jt-cen{ margin-top:12px;}
.news-down-list li{ border-bottom:1px solid #f2f2f2; font-size:14px; height:40px; line-height:40px; overflow:hidden; padding:0 10px;}


.comments_btn_box ul li{ width:50%; float:left; padding:20px 15px 10px; font-size:16px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.comments_btn_box ul li:last-child{ padding-left:0;}
.comments_btn_box a{ width:100%; display:inline-table; text-align:center; float:right; color:#fff; border-radius:5px; background:#277de2;}
.comments_btn_box a i{ width:40px; height:50px; display:inline-table; vertical-align:middle; background:url(../images/icon1.png) no-repeat 20% center; background-size:25px;}
.comments_btn_box a.comments_btn{ background:#bdbdbd;}
.comments_btn_box a.comments_btn i{ background-image:url(../images/icon2.png);}

.m-comment{background: #ffff; padding:20px;}
.u-comment{text-align: center;margin-bottom: 5px;}
.z-comment-txt{width: 100%;font-size: 14px;min-height: 50px;border-radius: 3px;border: 1px solid #DCDCDC;box-shadow: 1px 1px 1px #e7e7e7;padding: 5px;display: inline-block;-webkit-box-sizing: border-box;color: #bbb;z-index: 1;}

.u-Btn{color: #fff;display: box; display: -moz-box;display: -webkit-box; font-size: 14px; text-align: center;}
.u-Btn .u-Btn-li{-moz-box-flex: 1;-webkit-box-flex: 1;box-flex: 1; font-size: 18px; text-align: center;}
a.z-CloseBtn, a.z-DefineBtn, a.z-ShoppingBtn, a.z-cartBtn, a.z-grayBtn{border-radius: 3px; display: block; line-height: 44px; text-align: center;}
.u-Btn a.z-CloseBtn{background: #fff none repeat scroll 0 0; border: 1px solid #ddd; box-shadow: 1px 1px 1px #f3f3f3; color: #666; font-size: 14px; line-height: 33px; }
.u-Btn a.z-DefineBtn{background: #277DE2 none repeat scroll 0 0; border: 1px solid #277DE2; box-shadow: 0 1px 2px #e7e7e7; color: #fff; font-size: 14px; line-height: 33px;margin-right: 10px;}
.u-Btn a.z-grayBtn{background: #f7f7f7 none repeat scroll 0 0; border: 1px solid #ddd; color: #bbb !important; cursor: default;}
.grayBtn, .orgBtn{border-radius: 5px; color: #fff !important; display: block; font-size: 18px; height: 43px; line-height: 43px; text-align: center; width: 100%;}
a.orgBtn{background: #ff2c4c none repeat scroll 0 0; border: 1px solid #ff2c4c;}
a.grayBtn{background: #ccc none repeat scroll 0 0; border: 1px solid #ccc;}


.registerCon em{ background: rgba(0, 0, 0, 0) url("../images/setIcon.png") repeat scroll 0 0 / 18px auto;}
.orgBtn{display:block;width:100%;-webkit-box-sizing:border-box;height:43px;line-height:43px;text-align:center;color:#fff!important;border-radius:5px;font-size:18px;}
a.orgBtn{background:#277de2;border:1px solid #277de2;}

input:-moz-placeholder{color:#ccc;}
::-webkit-input-placeholder{color:#ccc;}
.registerCon{ width:100%; text-align:center; padding-bottom:30px; min-height:190px; overflow:hidden; }
.registerCon ul{clear:both; position:relative; }
.registerCon li{width:100%; margin-bottom:10px; position:relative; font-size:14px; color:#999; text-align:left; line-height:22px; }
.registerCon li input{width:100%; height:45px; background:#fff; border:1px solid #ddd; color:#ccc; border-radius:5px; padding:0 5px; display:inline-block; -webkit-box-sizing:border-box; position:relative; font-size:16px; }
.registerCon li input.rText{padding-left:15px; }
.registerCon li s{float:left; background-repeat:no-repeat; height:19px; position:absolute; left:10px; top:13px; }
.registerCon li s.rs1{background-position:0 0; width:13px; }
.registerCon li s.rs2{background-position:0 -25px; width:18px; }
.registerCon li s.rs3{background-position:0 -50px; width:15px; height:20px; margin-left:2px; }
.registerCon li s.rs4{background-position:0 -76px; width:20px; top:10px; }
.registerCon li a{color:#2af; margin-left:5px; }
.registerCon li a.nextBtn{margin-left:0; }
.registerCon li span em{float:left; background-repeat:no-repeat; background-position:0 0; width:20px; height:20px; margin-right:5px; }
.registerCon li span.noCheck em{border:1px solid #bbb; border-radius:3px; background:#fff; width:16px; height:16px; position:relative; top:2px; margin-right:7px; }
.registerCon li a.resendBtn{display:block; width:100%; height:33px; line-height:33px; text-align:center; color:#ff2c4c; background:#fff; border:1px solid #c2c2c2; border-radius:5px; margin-left:0; font-size:16px; box-shadow:1px 1px 2px #e0e0e0; }
.registerCon li a.grayBtn{background:#ddd; border:1px solid #bbb; color:#818181; }
.registerCon li.accAndPwd{height:80px; }
.registerCon li.accAndPwd dl{position:relative; }
.registerCon li.accAndPwd input{width:100%; height:40px; background:#fff url(../images/icon5.png) no-repeat 10px center; border:1px solid #ddd; color:#ccc; padding:9px 5px 8px 35px; display:inline-block; -webkit-box-sizing:border-box; position:relative; font-size:16px; background-size:20px; }
.registerCon li.accAndPwd input.lEmail{border-radius:5px 5px 0 0; }
.registerCon li.accAndPwd input.lPwd{border-radius:0 0 5px 5px; border-top:0 none; background:#fff url(../images/icon6.png) no-repeat 10px center; background-size:20px; }
.registerCon li.accAndPwd s.rs3{top:10px; }
.registerCon li.rSelect{height:20px; line-height:20px; width:200px; margin:20px auto 0; }
.registerCon li.rSelect a{color:#999; }
.registerCon li.rSelect b{display:inline-block; height:12px; width:1px; background:#ddd; margin:0 20px; position:relative; top:2px; }
.terms{padding:5px 10px 20px; text-align:left; color:#555; font-size:14px; line-height:22px; display:inline-block; }
.terms b{display:block; font-weight:bold; margin-top:13px; font-size:16px; }
.terms p{text-align:justify; text-justify:inter-ideograph; }
.terms p.p1{text-indent:2em; margin:5px 0; }
.terms p.p2{text-indent:-1.3em; padding-left:38px; }

.registerCon .yzm_box{ position:relative;}
.registerCon .yzm{ width:67%; border-radius:5px 0 0 5px; position:absolute; left:0;}
.registerCon a.getyzm{ width:30%; height:43px; line-height:43px; text-align:center; border-radius:0 5px 5px 0; color:#fff; display:block; float:left; background:#ff9321; position:absolute; right:0; top:1px;}

.registerCon li b{ display:block; font-weight:normal; line-height:30px; color:#000; padding-left:5px;}
.registerCon li .select span{ width:auto; height:40px; line-height:40px; color:#ccc;}
.registerCon li .select{ width:100%; height:40px; line-height:40px;  padding-left:15px; vertical-align:middle;border:1px solid #d3d3d3; border-bottom:2px solid #d3d3d3; border-radius:5px; background:#fff url(../images/arrow.png) no-repeat 97% center; box-sizing:border-box; background-size:18px 10px; position:relative;}
.registerCon li .select select{ opacity:0; width:100%; height:40px; top:0; left:0; position:absolute; padding:0;}
.registerCon li input.w_Text{ width:45%;}
.registerCon li a.search_btn,.registerCon li a.reset_btn{ width:48%; margin:15px 0 0; font-size:16px; display:inline-block; line-height:40px; text-align:center; color:#fff; border-radius:5px; background:#277de2;}
.registerCon li a.search_btn{ margin-right:2%;}
.registerCon li a.reset_btn{ margin-left:2%; background:#999;}

table.data_table{ width:100%; text-align:center; border-collapse:collapse; border-spacing:0; background:#fff;}
table.data_table th,table.data_table td{ line-height:40px; padding:0 10px; border-collapse:collapse;}
table.data_table th{ color:#fff; background:#277de2; border-right:1px #fff solid; font-weight:bold;}
table.data_table td{ font-size:12px; color:#999; border-bottom:1px #e1e1e1 solid;}
table.data_table .job_title{ text-align:left;}
table.data_table .job_title,table.recruitment_data .job_title a{ color:#bf9630;}
table.data_table .job_title a:hover{ color:#FF5969; text-decoration:underline;}
table.data_table .detail a{ color:#ff8500; text-decoration:underline;}
table.data_table .detail a:hover{ color:#FF5969; text-decoration:none;}
table.data_table>tbody>tr:nth-child(2n+1)>td,table.data_table>tbody>tr:nth-child(2n+1)>th{background-color:#f9f9f9;}
table.data_table>tbody>tr>td:nth-child(1){ text-align:left;}
/*分页*/
.pxui-pages{text-align:center; margin:30px 0;}
.pxui-pages a,.pxui-pages span{ width:25%; height:40px; line-height:40px; border:1px solid #dedede; border-radius:5px; display:inline-block; -moz-box-shadow:0px 0px 10px #dedede; -webkit-box-shadow:0px 0px 10px #dedede; box-shadow:0px 0px 10px #dedede; background:#fff;}
.pxui-pages a:active{ background:#eee;}
.pxui-pages span{ color:#d2d2d2;}
.pxui-pages i{ top:-1px;}
.pxui-pages del{margin:0 5px;}
.pxui-pages i,.pxui-pages i::before,
.pxui-pages del,.pxui-pages del::before{background:#d2d2d2;}

.pxui-pages .pxui-select span{ width:auto; height:40px; line-height:40px; color:#575757;-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:0;}
.pxui-select{ width:25%; height:40px; line-height:40px; border:1px solid #dedede; border-radius:5px; display:inline-block; padding:0 8px; background:#fff; margin:0 5%; -moz-box-shadow:0px 0px 10px #dedede; -webkit-box-shadow:0px 0px 10px #dedede; box-shadow:0px 0px 10px #dedede;}
.pxui-select{ position:relative;}
.pxui-select select{ opacity:0; width:100%; height:40px; margin:0; top:0; left:0; position:absolute; padding:0;}

/* -------------------------------- 

左侧弹出导航

-------------------------------- */
.cd-main-content{
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform:translateZ(0);
  -moz-transform:translateZ(0);
  -ms-transform:translateZ(0);
  -o-transform:translateZ(0);
  transform:translateZ(0);
  will-change:transform;
}

.cd-main-content{
  position:relative;
  -webkit-transition:-webkit-transform 0.3s;
  -moz-transition:-moz-transform 0.3s;
  transition:transform 0.3s;
}
@media only screen and (max-width:1920px) {
  .cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible {
    -webkit-transform:translateX(-260px);
    -moz-transform:translateX(-260px);
    -ms-transform:translateX(-260px);
    -o-transform:translateX(-260px);
    transform:translateX(-260px);
  }
  .nav-on-left .cd-main-content.nav-is-visible, .nav-on-left .cd-main-header.nav-is-visible {
    -webkit-transform:translateX(260px);
    -moz-transform:translateX(260px);
    -ms-transform:translateX(260px);
    -o-transform:translateX(260px);
    transform:translateX(260px);
  }
}

.cd-main-content {
	background:#fff;
	min-height:100vh;
	z-index:2;
}


.cd-primary-nav, .cd-primary-nav ul {
  position:fixed;
  top:0;
  right:0;
  height:100%;
  width:260px;
  background:#fff;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  z-index:1;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform:translateZ(0);
  -moz-transform:translateZ(0);
  -ms-transform:translateZ(0);
  -o-transform:translateZ(0);
  transform:translateZ(0);
  -webkit-transform:translateX(0);
  -moz-transform:translateX(0);
  -ms-transform:translateX(0);
  -o-transform:translateX(0);
  transform:translateX(0);
  -webkit-transition:-webkit-transform 0.3s;
  -moz-transition:-moz-transform 0.3s;
  transition:transform 0.3s;
}
.cd-primary-nav a, .cd-primary-nav ul a {
  display:block;
  height:50px;
  line-height:50px;
  padding:0 20px;
  color:#666;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  border-bottom:1px solid #ddd;
  -webkit-transform:translateZ(0);
  -moz-transform:translateZ(0);
  -ms-transform:translateZ(0);
  -o-transform:translateZ(0);
  transform:translateZ(0);
  will-change:transform, opacity;
  -webkit-transition:-webkit-transform 0.3s, opacity 0.3s;
  -moz-transition:-moz-transform 0.3s, opacity 0.3s;
  transition:transform 0.3s, opacity 0.3s;
}
.cd-primary-nav a:active, .cd-primary-nav ul a:active{
	 color:#fff;
	 background:#c30817;
	 text-decoration:none;
}
	
.cd-primary-nav.is-hidden, .cd-primary-nav ul.is-hidden {
  /* secondary navigations hidden by default */
  -webkit-transform:translateX(100%);
  -moz-transform:translateX(100%);
  -ms-transform:translateX(100%);
  -o-transform:translateX(100%);
  transform:translateX(100%);
}
.cd-primary-nav.moves-out > li > a, .cd-primary-nav ul.moves-out > li > a {
  /* push the navigation items to the left - and lower down opacity - when secondary nav slides in */
  -webkit-transform:translateX(-100%);
  -moz-transform:translateX(-100%);
  -ms-transform:translateX(-100%);
  -o-transform:translateX(-100%);
  transform:translateX(-100%);
  opacity:0;
}

@media only screen and (max-width:1920px) {
  .nav-on-left .cd-primary-nav, .nav-on-left .cd-primary-nav ul {
    right:auto;
    left:0;
  }
}
.cd-primary-nav .see-all a {
  /* different style for the See all button on mobile and tablet */
  color:#69aa6f;
}
@media only screen and (max-width:1920px) {
  .cd-primary-nav {
    /* by default .cd-primary-nav is hidden - trick for iOS devices where you can see the navigation if you pull down */
    visibility:hidden;
    -webkit-transition:visibility 0s 0.3s;
    -moz-transition:visibility 0s 0.3s;
    transition:visibility 0s 0.3s;
  }
  .cd-primary-nav.nav-is-visible {
    visibility:visible;
    -webkit-transition:visibility 0s 0s;
    -moz-transition:visibility 0s 0s;
    transition:visibility 0s 0s;
  }
}
.has-children > a, .go-back a {
  position:relative;
}
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
  /* arrow icon in CSS - for element with nested unordered lists */
  content:'';
  position:absolute;
  top:50%;
  margin-top:-1px;
  display:inline-block;
  height:2px;
  width:10px;
  background:#999;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
.has-children > a::before, .go-back a::before {
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
}
.has-children > a::after, .go-back a::after {
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
}

.has-children > a {
  padding-right:40px;
}
.has-children > a::before, .has-children > a::after {
  /* arrow goes on the right side - children navigation */
  right:20px;
  -webkit-transform-origin:9px 50%;
  -moz-transform-origin:9px 50%;
  -ms-transform-origin:9px 50%;
  -o-transform-origin:9px 50%;
  transform-origin:9px 50%;
}

.cd-primary-nav .go-back a {
  padding-left:40px;
}
.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
  /* arrow goes on the left side - go back button */
  left:20px;
  -webkit-transform-origin:1px 50%;
  -moz-transform-origin:1px 50%;
  -ms-transform-origin:1px 50%;
  -o-transform-origin:1px 50%;
  transform-origin:1px 50%;
}


.cd-overlay {
  /* shadow layer visible when navigation is active */
  position:fixed;
  height:100%;
  width:100%;
  top:0;
  left:0;
  cursor:pointer;
  background-color:rgba(0, 0, 0, 0.7);
  visibility:hidden;
  opacity:0;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  -webkit-transition:opacity .3s 0s, visibility 0s .3s;
  -moz-transition:opacity .3s 0s, visibility 0s .3s;
  transition:opacity .3s 0s, visibility 0s .3s;
  z-index:9999;
}
.cd-overlay.is-visible {
  opacity:1;
  visibility:visible;
  -webkit-transition:opacity .3s 0s, visibility 0s 0s;
  -moz-transition:opacity .3s 0s, visibility 0s 0s;
  transition:opacity .3s 0s, visibility 0s 0s;
}

/* -------------------------------- 

support for no js 

-------------------------------- */
.no-js .cd-primary-nav {
  position:relative;
  height:auto;
  width:100%;
  overflow:visible;
  visibility:visible;
  z-index:2;
}

.no-js .cd-search {
  position:relative;
  top:0;
  opacity:1;
  visibility:visible;
}

@media only screen and (min-width:1170px) {
  .no-js .cd-primary-nav {
    position:absolute;
    z-index:3;
    display:inline-block;
    width:auto;
    top:0;
    right:150px;
    padding:0;
  }

  .no-js .nav-is-fixed .cd-primary-nav {
    position:fixed;
  }
}

.loading, a.loading {
	clear: both;
	width: 100%;
	display: block;
	background: #ffffff;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #999;
	font-size: 12px;
	/*box-shadow: 0 1px 1px #ddd inset;*/
}
.loading b {
	background: url(../images/logining.gif);
	background-size: 12px auto;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	display: inline-block;
	margin-right: 5px;
	position: relative;
	top: 2px;
}
.userinfo {
    float:right; color:#fff; margin-right:10px; margin-top:10px;
}
.logout {
    color:#fff;
    margin-left:10px;
}
.red {
    color:#f2f2f2;
    margin-left:2px;
}

.querybtn li{
    width:32%;
    margin-right:2%;
    float:left;
}
.querybtn a{
    display:block;
    text-align:center;
    background:#2768df;
    line-height:40px;
    border-radius:5px;
    color:#fff;
}
.querybtn li:nth-child(2) a{
    background:#f2bd5f;
}
 .querybtn li:last-child{
        margin-right:0;
    }
    .querybtn li:last-child a {
        background:#27a2df;
    }

.zp_nrm_r{ width:800px; height:auto;  overflow:hidden}
.zp_nrm_r p{ display:block; width:748px; height:51px; line-height:51px; color:#333; font-size:14px; border-bottom:1px dashed #eaeaea; overflow:hidden}
.zp_nrm_r p .sex_m{ float:left; margin-top:20px; margin-right:3px}
.zp_nrm_r em{display:block; float:left; width:100px; float:left; height:51px; line-height:51px; text-align:justify;text-align-last: justify}
.zp_nrm_r i{ font-style:normal; display:block; float:left; height:51px; line-height:51px; margin-right:27px; font-weight:600;}
.zp_nrm_r p a{float:left; color:#09f;}
.zp_nrm_r p a:hover{ color:#fa3b4a}
.zp_nrm_r font{ color:#fa3b4a}

.user{ float:right; line-height:40px; color:#fff; padding:0 10px;}
.user a{ color:#fff;}


.acItem{ background-color:#fff; border-bottom:1px solid #f2f2f2; padding-bottom:1px;}
.acItem ul li{ float:left; text-align:center; line-height:28px}
.acItem ul li a{ color:#999; width:80%; text-align:center; display:block;}
.acItem ul li.on{margin-bottom: 0px;}
.acItem ul li.on a{ color:#000;border-bottom:2px solid #5BA8FF; margin:0 auto;}
.zdItem{ background-color:#fff; margin-top:0.15rem; height:200px; overflow:hidden;}
.zdItem .swiper-container{ height:200px;}
.zdItem .swiper-slide p{display: block; position: absolute; left:0; right:0; bottom: 0; z-index:2; padding-left:10px; height:1rem; line-height:1rem; color: #fff; text-align: left; font-size:0.35rem; background:rgba(000,000,000,0.5);}

.wzList,.wzDet{ background-color:#fff; padding:0.2rem;}
.wzDet,.wzDet p{ line-height:0.6rem;}
.wzDet p.title{ padding:0.15rem 0 0.3rem; font-size:0.4rem; line-height:normal;}
.wzDet .wzUnit{ color:#999; font-size:0.3rem; line-height:0.6rem; margin-bottom:0.5rem;}
.wzDet .wzUnit  span{ float:right; font-size:0.3rem;}
.wzDet .wzUnit img{ width:0.45rem; margin-right:0.1rem; margin-top: -0.1rem;}
.wzList ul li{ padding:0.2rem 0;  border-bottom:1px solid #f2f2f2;}
.wzList ul li .wzpic{ width:2.5rem; height:1.5rem; float:left; margin-right:0.2rem;}
.wzList ul li p{line-height:normal; padding-top:0.1rem; height:1rem;}
.wzList ul li div{ color:#999; font-size:0.3rem; line-height:0.6rem;}
.wzList ul li div span{ float:right;}