/*@charset "utf-8";*/
/**
 +------------------------------------------------------------------------------
 * 网站地址: http://www.miniidea.com
 * 网站样式重写
 +------------------------------------------------------------------------------
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { padding: 0; margin: 0 }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body { /*color:#666;*/ font:14px "Microsoft Yahei", Helvetica, Arial, sans-serif;}
td,th,caption { font-size:14px }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100% }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
a { text-decoration:none; color:#666 }
a:hover { color:rgb(0,112,192) }
img { border:none }
ol,ul,li { list-style:none }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif }
table { border-collapse:collapse }
html { overflow-y: scroll }
q:before,q:after{ content:'' }
a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer { cursor: pointer }
/* css common */
.fix:before,.fix:after { content:"."; display:block; visibility:hidden; height:0; clear:both }.clearfix { display:block }.clear{ clear:both }/* 清除浮动*/
.fl{ float:left } .fr{ float:right } .cen{ margin:0 auto; text-align:center }
.show{ display:block; visibility:visible }.hide{ display: none; visibility:hidden }
.block{ display:block } .inline{ display:inline }

/* 解决固定层在IE6下闪的问题 */
*html{ background-image:url(about:blank); background-attachment:fixed }
*{ outline:none }
/**
+------------------------------------------------------------------------------
* 网站整布局
+------------------------------------------------------------------------------
*/
::-webkit-scrollbar { width: 10px; height: 10px }
::-webkit-scrollbar-button:vertical { display: none }
::-webkit-scrollbar-track, ::-webkit-scrollbar-corner { background-color: #fff }
::-webkit-scrollbar-thumb { border-radius: 10px; background-color: rgba(0, 0, 0, .3) }
::-webkit-scrollbar-thumb:vertical:hover { background-color: rgba(0, 0, 0, .35) }
::-webkit-scrollbar-thumb:vertical:active { background-color: rgba(0, 0, 0, .38) }

::-webkit-input-placeholder { color: #999 }
:-moz-placeholder { color: #999 }
::-moz-placeholder { color: #999 }
:-ms-input-placeholder { color: #999 }

@font-face {font-family: "iconfont";
  src: url('fonts/iconfont.eot?t=1519530071190'); /* IE9*/
  src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg') format('svg'); /* iOS 4.1- */
}

.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.icon-jinkou:before { content: "\e623" }
.icon-fabu:before { content: "\e617" }
.icon-shebei:before { content: "\e6bc" }
.icon-left:before { content: "\e601" }
.icon-close:before { content: "\e63c" }
.icon-zixun:before { content: "\e72c" }
.icon-tel:before { content: "\e79c" }
.icon-syinhao:before { content: "\e670" }
.icon-time:before { content: "\e6b7" }
.icon-tuandui:before { content: "\e645" }
.icon-fuwu:before { content: "\e738" }
.icon-ss:before { content: "\e63f" }
.icon-weibo:before { content: "\e620" }
.icon-qq:before { content: "\e7ac" }
.icon-rongyu:before { content: "\e67e" }
.icon-qiye:before { content: "\e6cd" }
.icon-zhuanli:before { content: "\e689" }
.icon-view:before { content: "\e600" }
.icon-marker:before { content: "\e612" }
.icon-right:before { content: "\e7ad" }
.icon-weixin:before { content: "\e602" }
.icon-jiahao:before { content: "\e646" }

.wrapper { width: 1180px; margin: 0 auto }
.pr { position: relative }
.mt5 { margin-top: 5px }
.mt10 { margin-top: 10px }
.mt20 { margin-top: 20px }
.mt30 { margin-top: 30px }
.mt40 { margin-top: 40px }
.mt50 { margin-top: 50px }
.first { margin-left: 0 !important }
.last { margin-right: 0 !important }

.top, .top ul li, .logobar span, .phone, .foot dl dd a, a#go-top { background: url(../images/reset.png) no-repeat 0 9999px }

/* header */
.header {height: 168px; border-top: 3px solid rgb(0,112,192); background: url(../images/bg.png) }

.top { position: absolute; top: 0; right: 0; width: 289px; height: 27px; line-height: 25px; font-size: 12px; vertical-align: middle; background-position: 0 0 }
.top ul { width: 269px; padding: 0 10px }
.top ul li { float: right; width: 27%; text-align: center; background-position: left -27px }
.top ul li a { display: block; color: #fff }
.top ul li a:hover{ color: #c6e7d0 }
.top ul li.code { position: relative; float: left; width: 19%; height: 27px; background: none }
.top ul li.code img { margin-top: 5px }
.top ul li.code .sub { display: none; position: absolute; left: -39px; top: 40px; z-index: 10; padding: 5px; text-align: center; line-height: 21px; background: #fff; border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 0 0 2px rgba(0, 0, 0, .3) }
.top ul li.code .sub:before { content: ''; display: block; position: absolute; top: -24px; left: 57px; width: 0; height: 0; font-size: 0; border: 6px solid #fff; border-color: transparent transparent #e3e3e3; border-width: 12px 8px }
.top ul li.code .sub img { display: block; width: 114px; height: 114px; padding: 3px }

/* logo */
.logobar { height: 80px; margin: 20px 0 }
.logobar h1, .logobar h2 { float: left; width: 215px; height: 80px }
.logobar h1 a, .logobar h2 a { display: block; width: 215px; height: 80px }
.logobar .logo { /*width: 215px; height: 80px;*/ text-align: left; background: url(../images/logo.png) no-repeat; /*text-indent: -999em;background-size: 100%*/ }
.logobar span { float: left; height: 68px; margin-left: 16px; padding: 20px 0 0 16px; font: 16px/28px "Microsoft YaHei"; color: rgb(0,112,192); /*background-position: left -46px*/ }
.logobar span p { font-size: 20px; font-weight: bold; color: #000 }
.logobar span p em { margin: 0 10px; font-weight: bold; color: rgb(0,112,192) }

/*phone*/
.phone { height: 50px; margin: 50px 30px 0 0; padding-left: 65px; color: #000; background-position: 0 -134px }
.phone dt { margin-top: 4px; font-size: 12px; line-height: 12px }
.phone dd { margin-top: 6px; font-size: 26px; line-height: 26px; color: rgb(0,112,192) }

/* nav 一级菜单*/
.navbar { height: 45px; border-bottom: 3px solid rgb(0,112,192) }
.nav { height: 45px; line-height: 45px }
.nav li { position: relative; float: left; width: 131px }
.nav li a { display: block; text-align: center; color: #000; border-radius: 4px 4px 0 0 }
.nav li.on a { font-weight: bold; background: rgb(0,112,192); color: #fff }
/*二级菜单*/
.nav li a i { display: inline-block; width: 0; height: 0; margin-left: 6px; vertical-align: middle; border-top: 4px dashed; border-right: 4px solid transparent; border-left: 4px solid transparent; -webkit-transition: -webkit-transform 0.4s ease-out; -moz-transition: -moz-transform 0.4s ease-out; transition: transform 0.4s ease-out }
.nav li.on a i { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg) }
.nav li dl.sub { display: none; position: absolute; top: 45px; left: 0px; z-index: 99; width: 100%; padding: 5px 0; text-align: center; background: rgba(0, 0, 0, .4); -o-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px }
.nav li dl.sub dd { height: 30px; margin: 2px 0 }
.nav li dl.sub dd a { height: 30px; line-height: 30px; font-weight: normal; font-size: 14px; color: #fff; background: none; border-radius: 0; white-space: nowrap }
.nav li dl.sub dd a:hover { background: #fff; color: rgb(0,112,192) }
.nav li.p dl.sub { left: -25px; width: 168px }
/*三级菜单*/
.nav li .sub dd:hover dl{display:block;}
.nav li .sub dl{display:none;position:relative; top:-32px; left:130px;background: rgba(0, 0, 0, .4);width:150px;}

/* wave */
.wave { position: relative; height: 68px }
.marquee { position: absolute; left: 0px; top: 0px; overflow: hidden; width: 100% }
.marquee ul { width: 8000%; height: 86px }
.marquee ul li { float: left; height: 86px; overflow: hidden; zoom: 1 }
.marquee ul li img { display: block; width: 100%; height: 86px }

/* footer */
.footer { position: relative; width: 100%; font-size: 12px; color: #99d1f9; background: rgb(0,112,192) }
.footer a { color: #99d1f9 }
.footer a:hover { color: #fff }

.foot { padding: 20px 0 40px; border-bottom: 1px solid #0463a7 }
.foot dl { float: left; width: 160px }
.foot dl dt { margin-bottom: 15px; font-size: 16px; line-height: 22px; color: #fff }
.foot dl dd a { display: block;  width: 150px; padding-left: 10px; line-height: 36px; background-position: -286px -173px}
.foot dl dd a:hover { background-position: -286px -201px }
.foot dl.follow { width: 270px; margin-right: 80px }
.foot dl.follow dt { margin-bottom: 28px }
.foot dl.follow dd { width: 100px; margin-left: 20px; text-align: center }
.foot dl.follow dd img { display: block; width: 90px; height: 90px; padding: 5px; background: #fff }
.foot dl.follow dd span { display: block; width: 100%; height: 26px; line-height: 26px }
.foot dl.follow .fl { width: 30px }
.foot dl.follow .fl a { display: block; width: 28px; height: 28px; line-height: 28px; text-align: center; color: #99d1f9; border: 1px solid #99d1f9; border-radius: 100% }
.foot dl.follow .fl a:hover { border-color: #fff; color: #fff }
.foot dl.follow .fl a i { font-size: 14px }
.foot dl.hotline { width: 350px }
.foot dl.hotline dt { margin-bottom: 28px }
.foot .tel { height: 50px; font: 36px/50px "Microsoft Yahei"; margin-bottom: 25px }
.foot .tel img { float: left; margin-right: 18px }

.mark { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 50; background: rgba(0, 0, 0, .5); display: none }
.mark .code { float: left; width: 238px; height: 268px; padding: 15px; position: absolute; left: 50%; top: 50%; margin-left: -129px; margin-top: -149px; text-align: center; z-index: 9999; background: #fff }
.mark .code img { width: 238px; height: 238px }
.mark .code p { height: 20px; margin-top: 10px; line-height: 20px; font-size: 14px; color: #000 }

.copyright { height: 45px; border-top: 1px solid #0680d8 }
.copyright p { font: 12px/45px Arial, 'SimSun' }
.copyright p a { /*color: #fbc9b5*/ }
.copyright p a:hover { color: #fff }
.copyright p img { margin-left: 8px; vertical-align: middle }

.link { position: relative; display: block; width: 135px; margin-top: 10px; color: #fbc9b5; vertical-align: middle; font-size: 12px; text-align: left; user-select: none; -webkit-touch-callout: none }
.link span { position: relative; display: block; cursor: pointer; line-height: 25px; height: 25px; padding-left: 15px; color: #fff; background-color: rgba(4, 141, 239, 0.85); border-radius: 4px; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease }
.link span i { position: absolute; top: 11px; right: 10px; display: inline-block; width: 0; height: 0; vertical-align: middle; border-bottom: 4px dashed; border-right: 4px solid transparent; border-left: 4px solid transparent; -webkit-transition: -webkit-transform 0.4s ease-out; -moz-transition: -moz-transform 0.4s ease-out; transition: transform 0.4s ease-out }
.link .bd { opacity: 0; position: absolute; bottom: 37px; left: 0; z-index: -1; width: 100%; padding: 10px 0; overflow: hidden; background: rgba(4, 141, 239, 0.85); border-radius: 4px }
.link .bd li { display: block; height: 30px; line-height: 30px }
.link .bd li a { display: block; text-align: left; padding-left: 15px; color: #fff }
.link .bd li:hover { background: #000 }
.link .bd li:hover a { color: #fff }
.link.open span { background-color: #000 }
.link.open span i { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg) }
.link.open .bd { opacity: 1; z-index: 100;}

/* kefu */
.kefu { position: fixed; top: 10%; right: 0; bottom: 130px; z-index: 99999 }
.online { display: none; position: relative; width: 40px; height: 40px; background: rgb(0,112,192); cursor: pointer; font-size: 18px; color: #fff; text-align: center; line-height: 40px }
.online i { margin-top: 11px; font-size: 20px }
.olx { width: 180px; height: auto; border-radius: 0; background-color: #fff; -webkit-box-shadow: 0 5px 9px rgba(4, 0, 0, .17); box-shadow: 0 5px 9px rgba(4, 0, 0, .17) }
.olx_head { padding: 20px; line-height: 16px; height: 16px; background: rgb(0,112,192); border-radius: 0; color: #fff; font-size: 14px }
.olx_head i { font-size: 14px; color: #fff; cursor: pointer }
.olx_qq li a { padding: 12px 30px; height: 18px; line-height: 18px; background: #f5f5f5; color: #353434; display: block; border-bottom: #fff 1px solid; transition: all ease-out .3s; font-size: 12px }
.olx_qq li a i { transition: all 0.3s ease-out 0s; color: #5e5e5e; font-size: 16px; vertical-align: middle; margin-right: 23px }
.olx_qq li a:hover { color: #fff; background: #565656 }
.olx_qq li a:hover i { color: rgb(0,112,192) }
.olx_tel { padding: 20px 30px }
.olx_tel div { color: #434343; line-height: 16px; height: 16px; margin-bottom: 10px }
.olx_tel div i { margin-right: 20px; vertical-align: middle }
.olx_tel p { line-height: 20px; font-size: 15px }

/* return */
a#go-top { right: 20px; display: block; width: 47px; height: 44px; z-index: 999; background-position: 0 -189px }
a#go-top:hover { background-position: -60px -189px }


.job_bg{
    background-image: url(../images/rczp.jpg);
    background-position: 50.21% 50%;
    background-size:cover;
}
.bg_content_area{
    min-height: 334px;
    width:1180px;
    position: relative;
    margin:0 auto;
}
.bg_content_area_d{
    width: 317px;
    min-height: 155px;
    height: auto;
    background-image: none;
    margin: 79px auto  0 auto;
}
.bg_content_area_d:before{color: #ffffff;background-color: #544c4c;}
.nr_group{display:flex}
.nr_opacity{background-color: transparent !important;opacity: 1!important;}
.nr_opacity:before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.nr_opacity_55, .nr_opacity_55:before {
    opacity: 0.55;
}
.nr_position_r{position:relative}
.container-layout{position:relative;flex: 1;max-width: 100%;color:#fff;}
.nr_title {
    width: 247px;
    margin: 20px auto 0;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.1;
    font-size: 3rem;
}
.nr_p {
    font-weight: 700;
    width: 247px;
    margin: 20px auto 5px;
}

.bg_email{background-image: url(../images/email.jpg)!important;}