/*===  page_title  ===*/
.erji_banner { width: 100%; height: 400px; background: url(../img/erji_banner01.jpg) no-repeat top center; position: relative;}
.erji_banner .page_title { width: 100%; position: absolute; left: 0; bottom: 100px;}
.erji_banner h1 { width: 100%; height: 34px; margin-bottom: 10px; text-align: center; font-size: 32px; font-weight: bold; line-height: 34px; color: #ffe332; vertical-align: middle;}
.erji_banner h1 span { display: inline-block; width: 130px; height: 1px; background-color: #FFFFFF; margin: 0px 50px; vertical-align: middle;}
.erji_banner p { width: 100%; max-width: 1140px; padding: 0px 15px; margin: 0px auto; font-size: 12px; color: #FFFFFF; text-align: center;}


/*===  erji_nav  ===*/
.erji_nav { width: 100%; position: relative; z-index: 10; margin-top: -30px; background: url(../img/erji_nav_bg.png);}
.position { width: 100%; padding: 5px 10px; font-size: 12px; color: #171c7f; line-height: 20px;}
.position a, .position span { font-size: 12px; color: #171c7f; line-height: 20px;}
.position a:hover { text-decoration: underline;}
.erji_nav_box { width: 100%; text-align: center;}
.erji_nav_box a { display: inline-block; width: 120px; height: 40px; font-size: 16px; text-align: center; line-height: 40px; color: #333333;}
.erji_nav_box a.active, .erji_nav_box a:hover { background-color: #181c7f; color: #FFFFFF;}


/*===  erji_news  ===*/
.pxb_xun.erji_proxxk { width:100%;}
.pxb_xun.erji_proxxk a { width: 100%; height: auto; margin-right: 0px;}
.pxb_xun.erji_proxxk a .pxb_xun_img { height: auto;}


/*===  turn_page  ===*/
.turn_page { width: 100%; padding: 0px 0px 0px 0px; background-color: #FFFFFF; text-align: center;}
.turn_page > a, .turn_page > span { display: inline-block; width: 28px; height: 27px; overflow: hidden; text-align: center; line-height: 27px; font-size: 12px; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.004);}
.turn_page > a { background: url(../img/page_bg.png) no-repeat center top; color: #717171;}
.turn_page > a:hover { background: url(../img/page_cur_bg.png) no-repeat center top; color: #f2f2f2;}
.turn_page > span { background: url(../img/page_cur_bg.png) no-repeat center top; color: #f2f2f2;}
.turn_page a.prev_page, .turn_page a.next_page { text-indent: 9999px;}
.turn_page a.prev_page { background: url(../img/prev.png) no-repeat center top;}
.turn_page a.next_page { background: url(../img/next.png) no-repeat center top;}
.turn_page a.disable { cursor: no-drop;}
.turn_page .page { text-align: left; border-top: 1px dashed #DDDDDD; margin-top: 10px;}
.turn_page .page p { font-size: 12px; color: #666666; line-height: 24px;}
.turn_page .page p a { color: inherit;}
.turn_page .page p a:hover { color: #0099DD;}
.turn_page .page p a.disable:hover { color: #999999;}


/*===  AREA  ===*/
.pro_img span { display: none; width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../img/area_bg.png); text-align: center;}
.pro_img span i { display: block; color: #333; font-size: 12px; font-style: normal; line-height: 160px;}
.pro_box a:hover .pro_img span { display: block;}


/*===  CASE  ===*/


/*===  PRODUCT  ===*/
.pro_nav { background-color: #EEEEEE; margin-top: 10px; padding: 10px 0px;}
.pro_nav a { display: inline-block; padding: 10px 10px; font-size: 14px; color: #666666; line-height: 20px;}
.pro_nav a.active, .pro_nav a:hover, .pro_nav a:focus { color: #181c7f;}


/*===  RECRUIT  ===*/
.erji_smnav { width: 100%; padding: 10px 5px;}
.erji_smnav li { float: left; margin: 5px; min-width: 120px; padding-bottom: 7px;}
.erji_smnav li a { display: block; width: 100%; height: 34px; background-color: #EBEBEB; font-size: 14px; color: #333333; line-height: 34px; text-align: center;}
.erji_smnav li:hover, .erji_smnav li.active { background: url(../img/erji_smnav_bg.png) no-repeat center 34px;}
.erji_smnav li:hover a, .erji_smnav li.active a { background-color: #181c7f; color: #FFFFFF;}
.out_side_box { padding-left: 25px; padding-right: 25px;}
.out_side { width: 100%; margin-bottom: 30px; padding: 30px;}
.in_side { width: 100%;}
.recruit .re_title { border-bottom: 1px dashed #DDDDDD; width: 100%; height: 52px; background: url(../img/re_title_bg.png) no-repeat left center; padding-left: 26px;}
.recruit .re_title h2.re_add { font-size: 20px; color: #171C7F; line-height: 32px; padding-left: 10px;}
.recruit .re_title span.re_time { font-size: 12px; color: #999999; line-height: 20px; margin-top: 12px;}
.recruit .re_describe { width: 100%; margin-top: 15px; margin-bottom: 30px;}
.recruit .re_describe h4 { width: 100%; padding-left: 23px; font-size: 16px; color: #333333; line-height: 16px; background: url(../img/re_d_bg.png) no-repeat left center; margin-bottom: 10px;}
.recruit .re_describe p { font-size: 14px; color: #555555; line-height: 20px; }
.recruit .re_more a.more_btn { width: 160px; margin: 0 0px; font-size: 14px;}
.recruit .re_more a.more_btn:hover { box-shadow: 0px 0px 3px 0px #DDDDDD;}
.re_form { margin: 50px 0px;}
.re_form form { text-align: center;}
.re_form input { width: 300px; height: 40px; border: 1px solid #DDDDDD; margin: 5px 2px; padding-left: 10px; font-size: 12px; color: #555555;}
.re_form select { width: 300px; height: 40px; border: 1px solid #DDDDDD; margin: 5px 2px; font-size: 12px; color: #555555; padding-left: 5px;}
.re_form textarea { width: 609px; height: 40px; height: 80px; border: 1px solid #DDDDDD; margin: 5px 0px; font-size: 12px; color: #555555; padding: 10px;}
.re_form span.file { display: inline-block; width: 610px; margin: 5px auto; text-align: left; line-height: 38px; padding-left: 10px; font-size: 12px; color: #555555;}
.re_form span.file input { display: inline-block; line-height: 38px; border: none;}
.re_form button { margin: 5px auto; border: none; background: none; height: 34px; overflow: hidden;}


/*===  MAP  ===*/
.map_box .out_side { padding: 10px;}


/*===  CONTACT  ===*/
.contact h1 { font-size: 24px; color: #333333; line-height: 32px; margin-bottom: 10px;}
.contact p { font-size: 14px; line-height: 24px; padding: 6px 0px 6px 36px;}
.contact p.c_tel { background: url(../img/c_tel.png) no-repeat left center;}
.contact p.c_chuan { background: url(../img/c_chuan.png) no-repeat left center;}
.contact p.c_email { background: url(../img/c_email.png) no-repeat left center;}
.contact p.c_add { background: url(../img/c_add.png) no-repeat left center;}


/*===  MESSAGE  ===*/


/*===  SALE  ===*/


/*===  HISTORY  ===*/
.history{ width: 100%; padding: 0px 6px;}
.history_line { width: 100%; padding: 30px 0px;}
#content { height: 355px; overflow: hidden; background: url(../img/vertical.png) no-repeat 3px 2px;}
.list { width: 100%; overflow: hidden; position: relative;}
.list li { height: 120px; overflow: hidden; position: relative;}
.liwrap { height: 87px; margin-top: 25px;}
.lileft { position: absolute; top: 0; left: 0px; height: 32px; width: 100%; line-height: 32px;}
.point { width: 13px; height: 32px; background: url(../img/dian.png) no-repeat 0px center; margin-right: 15px; overflow: hidden;}
.point b { height: 16px; width: 16px; background: #fff; display: block; margin: 17px 0 0 19px; border-radius: 18px; border: 2px solid #0080cc; position: absolute; top: 0; left: 0; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}
.thiscur .point b { border: 7px solid rgba(0,128,204,0.6); margin: 12px 0px 0px 14px; border-radius: 52px;}
.thiscur .histt a { color: #0080cc;}
.md { font-size: 20px; color: #181c7f;}
.liright { position: absolute; top: 40px; right: 0px; height: 55px; width: 100%; padding-left: 30px;}
.histt { height: 35px; line-height: 35px;}
.hisct { font-size: 14px; color: #6e6e6e;}
.year { font-size: 12px; color: #AEAEAE; margin-right: 10px;}
.histt a { font-size: 24px; color: #747474; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
/*上下按钮*/
#arrow { position: fixed; top: 80%; right: 30px;}
*html #arrow { position: absolute; top:expression(eval(document.documentElement.scrollTop)); margin-top: 350px;}
#arrow ul li { display: block; height: 20px; width: 20px; background: url(../img/icons.png) no-repeat 0 0; cursor: pointer; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
#arrow ul li:active { background-color: #000;}
#arrow ul .arrow_active { background-color: #000; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in;}
#arrow ul .arrowup { background-position: 0px -26px; margin-bottom: 10px;}
#arrow ul .arrowdown { background-position: 0px 0px;}







/*.list h4 { width: 100%; line-height: 20px; font-size: 20px; color: #181c7f;}
.list h4 span { display: inline-block; width: 13px; height: 13px; background-color: #181c7f; margin-right: 14px;}
.list .text_box { padding: 10px 27px;}
.list .text_box img { max-width: 100%;}
.list .text_box p { font-size: 12px; line-height: 18px; margin-bottom: 10px;}*/


/*===  HONOER  ===*/


/*===  MANAGER  ===*/
.manager .out_side { padding: 10px;}
.manager .manager_img { width: 34%; padding: 10px;}
.manager .manager_text { width: 65%; padding: 15px; border-left: #DDDDDD 1px solid;}
.manager .manager_text h3 { font-size: 20px; font-weight: bold; color: #181C7F; line-height: 32px; margin-bottom: 10px;}
.manager .manager_text p.last_line { text-align: right;}
.manager .manager_text img.qianming { display: block; margin-top: 10px;} 


/*===  PROFILE  ===*/
.jianjie .out_side { padding: 10px;}
.jianjie .jianjie_img { width: 44%; padding: 10px;}
.jianjie .jianjie_text { width: 55%; padding: 15px 15px 30px 30px; border-left: #DDDDDD 1px solid;}
.jianjie .jianjie_text p { font-size: 12px; color: #555555; line-height: 20px; margin-bottom: 20px; padding-left: 25px; background: url(../img/gongsi_bg.png) no-repeat left top; background-size: 16px auto ;}


/*===  TECH  ===*/


/*===  DETAIL  ===*/
.news_title { width: 100%;}
.news_title h1 { width: 100%; font-size: 24px; color: #333333; text-align: center; line-height: 28px; padding: 30px 0px; border-bottom: 1px dashed #DDDDDD;}
.news_title p { font-size: 12px; line-height: 32px; color: #999999; max-width: 80%; padding: 6px 0px;}
.news_title p span { margin-right: 10px; color: inherit; font-size: 12px; line-height: 20px;}
.news_title #getback { font-size: 12px; padding-right: 20px; line-height: 32px; color: #666666; background: url(../img/getback.png) no-repeat right center;}
.news_title #getback:hover { color: #333333;}
.text_box { width: 100%;}
.text_box p { width: 100%; font-size: 14px; color: #333333; line-height: 24px;}
.text_box img { max-width: 100%; display: block; margin: 15px auto;}