@charset "utf-8";



/*=============================j_reset=====================================*/



* {
    font-family: Arial, Helvetica,"Microsoft Yahei", sans-serif;
    padding: 0;
    margin: 0;
}

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

html,body {
    width: 100%;
    position: relative;
    height: auto;
    overflow-x: hidden;
}

*[align="center"] {
    margin: 0 auto;
}

html {
    font-size: 62.5%;
}

input {
    outline: none;
}

@font-face {
    font-family: 'j_cn_font';



    src: url('../font/cn/j_cn.eot'); /* IE9*/



    src: url('../font/cn/j_cn.eot@#iefix') format('embedded-opentype'), /* IE6-IE8 */



    url('../font/cn/j_cn.woff') format('woff'), /* chrome、firefox */



    url('../font/cn/j_cn.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/



    url('../font/cn/j_cn.svg#iconfont') format('svg'); /* iOS 4.1- */;
}

@font-face {
    font-family: 'j_en_font';



    src: url('../en/font/j_en.eot'); /* IE9*/



    src: url('../en/font/j_en.eot@#iefix') format('embedded-opentype'), /* IE6-IE8 */



    url('../font/en/j_en.woff') format('woff'), /* chrome、firefox */



    url('../font/en/j_en.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/



    url('../font/en/j_en.svg#iconfont') format('svg'); /* iOS 4.1- */;
}

.font_en {
    font-family: 'j_en_font';
}

.font_cn {
    font-family: 'j_cn_font';
}

body {
    font-size: 1.6rem;
 /* =16px */;
}

::selection {
    background: #0aa284;
    color: #fff;
}

::-moz-selection {
    background: #0aa284;
    color: #fff;
}

::-webkit-selection {
    background: #0aa284;
    color: #fff;
}

h1,h2,h3,h4,h5,h6,strong {
    font-weight: normal;
}

a,input,img,:focus {
    mayfish: expression(this.onfocus=this.blur);
    cursor: handbblr:expression(this.onFocus=this.blur());
/*IE使用*/
    outline-style: none;
/*FF使用*/;
} /*去除a标签带来的虚框*/ 



article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
    display: block;
}

ul,li {
    list-style: none;
}

blockquote,q {
    quotes: none;
}

blockquote:after,blockquote:before,q:after,q:before {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0;
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: 700;
}

del {
    text-decoration: line-through;
}

abbr[title],dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help;
}



input,select {
    vertical-align: middle;
}

input {
    padding: 0 5px;
    vertical-align: middle;
    line-height: normal;
}  



/*css定义超链接四个状态也有顺序的。*/   



a:link, a:visited {
    text-decoration: none;
    cursor: pointer !important;
}

a:hover, a:active {
    border: none;
    color: #717173;
}  



 



/*辅助样式*/



.fl,.left {
    float: left !important;
}

.fr,.right {
    float: right !important;
}

.no_bg {
    background: none !important;
}

.no_border {
    border: 0 !important;
}

.no_padding {
    padding: 0 !important;
}

.no_margin {
    margin: 0 !important;
}

.no_bg_img {
    background-image: none !important;
}

.border {
    border: 1px solid #dedede;
}

.clear {
    clear: both;
}

.h_x {
    color: #f00;
    padding-left: 10px;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    background: #dcdfe0;
    padding: 0;
    margin-bottom: 2rem;
}

.j_bnt {
    display: inline-block;
    border: none;
    background: #3cac4a;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    padding: 0 35px;
}

.j_bnt:hover {
    background: #4bc65a;
    cursor: pointer;
}

.tmd {
    opacity: 1;
    filter: alpha(opacity=100);
}

.icon_dd {
    background: #2d95a2 none repeat scroll 0% 0%;
    border-radius: 50%;
    height: 6px;
    display: inline-block;
    width: 6px;
    margin: 0px 10px;
}









/*文字排版、颜色*/



.t2 {
    text-indent: 2em;
}

.red {
    color: #ff2a00 !important;
}

.green {
    color: #3cac4a !important;
}

.blue {
    color: #ea7b99 !important;
}

.t_sd {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-overflow-hidden {
    overflow: hidden;
    word-spacing: normal;
    letter-spacing: normal;
    whitewhite-space: nowrap;
}

.u_bnt {
    display: inline-block;
    border: none;
    border-radius: 3px;
    background: #1949b9;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
}

.u_bnt:hover {
    background: #5b6cc2;
    cursor: pointer;
}

.f12 {
    font-size: 12px;
}

.f13 {
    font-size: 13px;
}

.f14 {
    font-size: 14px;
}

.f15 {
    font-size: 15px;
}

.f16 {
    font-size: 16px;
}

.f20 {
    font-size: 20px;
}

.fb {
    font-weight: bold;
}

.fn {
    font-weight: normal;
}

.text_dx {
    text-transform: uppercase;
}

.submit {
    cursor: pointer;
    background-color: none;
    border: none;
}

.bnt {
}

.bnt_bg1 {
    background: #ff4400;
}

.my_title {
    color: #df9e5d;
    font-size: 25px;
}

.text_indent {
    text-indent: 2em;
}

.ar_article {
    color: #717173;
    font-size: 14px;
    line-height: 30px;
    text-align: justify;
}

.ar_article p {
    font-size: 14px;
    color: #717173;
    line-height: 30px;
    padding-bottom: 25px;
    text-align: justify;
}

.ar_article strong {
    font-weight: bold;
}

.ar_article td,.ar_article th {
    padding: 5px 15px !important;
    border: 1px solid #c6c5c5;
}

.ar_article td p,.ar_article th p {
    padding-bottom: 0;
    margin-bottom: 0;
}

.ar_article  img {
    max-width: 100%;
}

.ar_article a {
    color: #717173;
}

.ar_article a:hover {
    text-decoration: underline;
}

.ar_article a:hover span {
    text-decoration: underline;
}

.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5,.ar_article h6 {
    font-weight: bold;
}

.img_size dd img,.img_size li img,.img_size1 .pic {
    -moz-transition: all 2s ease !important;
    -webkit-transition: all 2s ease-in-out !important;
    -o-transition: all 2s ease-in-out !important;
    -ms-transition: all 3s ease-in-out !important;
    transition: all 2s ease-in-out !important;
} 



/*ewm*/



#test.ewm_box {
    cursor: pointer;
    position: relative;
}

#test.ewm_box .ewm {
    position: absolute;
    right: -80px;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 3;
}

#test.ewm_box:hover .ewm {
    opacity: 1;
    filter: alpha(opacity=100);
}

hover img {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
 /* Safari and Chrome */
    -moz-transform: rotateY(180deg);
 /* Firefox */;
}



/*缓动*/



#login_box .content,#banner .bnt,#nav li .a i,#bnt_site_map,.more,.ewm_box *,#s_pro li .text_box,#s_link a,#s_about li .text_box,#banner_box li .text_box,#s_news  .hd *,#s_case .more *,#n_news .un *,#n_news .up .hd *,#n_news .up .bd li .fr h1 a,#n_zizhi li .pic_box,#n_job .hd a,#n_dsj dd,#n_dsj dd .pic_box,#link_box li,#search_box form,#n_nav dt,#n_nav dt *,#banner_box  .poster-btn,input[type="submit"],.submit,#n_nav i,#n_service li,#n_job ul *,#n_nav li a strong,#n_school ul *,#left_school_slide .hd a,#n_schoollist .hd a,#s_links ul *,#s_main_box .f4 * {
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.list_box,#slide_ad .bnt,#slide_news .bnt {
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#n_contact .map {
    -moz-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

#nav li * {
    -moz-transition: all 0s ease;
    -webkit-transition: all 0s ease;
    -o-transition: all 0s ease-in-out;
    -ms-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}

#s_main_box .f4 img {
    -moz-transition: all 2s ease;
    -webkit-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    -ms-transition: all 3s ease-in-out;
    transition: all 2s ease-in-out;
} 







 /*缩放*/



.img_size li:hover img,.img_size a:hover img,.img_size1 li:hover .pic {
    -moz-transform: scale(1.1);
    -o-moz-transform: scale(1.1);
    -o-moz-transform: scale(1.1);
    -webkit-moz-transform: scale(1.1);
    transform: scale(1.1);
}

input[type="submit"] {
    cursor: pointer;
}



/*==============滚动条=====================*/



.j_scoll,.j_div_scoll {
    position: relative;
    padding-bottom: 30px;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    width: 100%;
}



/*chuizhi*/



#ascrail2000 {
    background: url(../images/bg_jj_scoll.png) center top repeat-y;
    opacity: 1 !important;
}

#ascrail2000-hr {
    background: url(../images/bg_jj_scoll.png) center repeat-x;
    width: 100%;
    height: 4px;
    opacity: 1 !important;
}

#ascrail2000-hr div {
    top: 1px !important;
}

#ascrail2000 div {
    background-color: #0152a5 !important;
}



/*百度播放器美化*/



#playercontainer_display_button {
    background: none !important;
    height: 40px;
    width: 40px !important;
    border: 2px solid #fff;
    border-radius: 50%;
    padding: 0 !important;
}

#playercontainer_display_button #playercontainer_display_button_play {
    background-size: 25px;
}

#playercontainer_display_button {
    height: 40px !important;
    margin-top: -20px !important;
}







/*移动端美化*/



@media screen and (max-device-width:780px) {



    .main_box {
        width: 90%;
        margin: 0 auto;
    }

    .article {
        margin-left: 10px;
        margin-right: 10px;
    }

    .article img {
        max-width: 100%;
        margin: 0 auto;
    }
}



/*===============================================select===================================================*/



.select_ui,select {
    cursor: pointer;
    position: relative;
    display: inline-block;
    background: #e5e5ea;
    border-radius: 3px;
    overflow: hidden;
    vertical-align: middle;
    text-align: left;
    cursor: inherit;
    text-align: center;
    width: 100%;
}

.select_focus_ui,select:focus {
    border-color: #FED519;
}

.select_ui .select_arrow {
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    overflow: hidden;
    width: 0;
    height: 0;
    border: 6px solid #fff;
    border-color: #818181 transparent;
    border-bottom: 0;
    margin-top: -2px;
}

.select_ui .select_text_ui {
    display: block;
    overflow: hidden;
    color: inherit;
    vertical-align: baseline;
    white-space: nowrap;
    line-height: normal;
    color: #535355;
    height: 36px;
    line-height: 36px;
    padding-left: 20px;
    text-align: left;
    width: 100%;
    font-size: 14px;
}

.select_ui .select_poswrap,.select_ui select {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.select_ui select {
    box-sizing: border-box;
    height: 100%;
    width: 198px !important;
    background: #fff;
    color: inherit;
    font: inherit;
    opacity: 0;
    filter: alpha(opacity=0);
}

.select_ui .select_poswrap {
    overflow: hidden;
    width: 0;
    height: 0;
}

.j_form .label {
    float: left;
    width: 342px;
    padding-right: 50px;
    margin-bottom: 15px;
    position: relative;
    height: 32px;
    line-height: 32px;
    padding-left: 88px;
}

.j_form .label .h_x {
    position: absolute;
    right: 45px;
    top: 5px;
}

.j_form .label input {
    height: 34px;
    background: none;
    color: #777a7d;
    border: 1px solid #dfe0e3;
    display: block;
    width: 310px;
    padding: 0 10px;
    line-height: 34px;
    font-size: 14px;
}

.j_form .label strong {
    font-weight: normal;
    display: block;
    position: absolute;
    width: 70px;
    text-align: left;
    left: 15px;
    font-size: 14px;
    color: #313231;
}

.j_form .textarea_box {
    height: 92px;
}

.j_form .textarea {
    height: 90px;
    resize: none;
    margin-bottom: 15px;
    color: #777a7d;
    padding-right: 20px;
    border: 1px solid #dfe0e3;
    background: none;
    line-height: 34px;
    font-size: 12px;
    width: 310px;
    padding: 5px 10px;
    padding: 5px 10px;
}

.j_form .submit {
    color: #fff;
    background: #468ee7;
    font-size: 12px;
    display: block;
    width: 130px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    border-radius: 3px;
    overflow: hidden;
}

.j_form .j_kong {
    color: #f7fafc;
}

.j_form .submit:hover {
    border-radius: 20px;
}

.j_form .date {
    background: url(../images/icon_date.png) 307px center no-repeat !important;
}

.j_form .content {
}

.j_form   .select_ui, #n_form .form  .j_form  select {
    width: 288px !important;
    border-radius: 0;
    background: none;
    color: #777a7d;
    margin-top: 0;
    border: 1px solid #e0e0e0;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    border-radius: 0;
    text-align: center;
}

.j_form   .select_ui, select option {
    line-height: 34px;
    font-size: 14px;
}

.j_form   .select_ui, select span {
    line-height: 34px;
}

.j_form   .select_ui .select_text_ui {
    line-height: 34px;
    color: #777a7d;
    font-size: 14px;
    text-align: left;
    padding-left: 10px;
}

.j_form   .select_ui .select_arrow {
    right: 10px;
}

#n_form  .yzm_box {
    position: relative;
    padding: 0 !important;
    margin-left: 0;
    border: none;
    margin-top: 8px;
    margin-bottom: 20px !important;
}

#n_form  .yzm_box .box {
    margin-left: 88px;
}

#n_form  .yzm_box input {
    font-size: 14px;
    height: 34px;
    color: #666;
    width: 285px;
    line-height: 32px;
    border: 1px solid #d0d0d0;
    padding-left: 10px;
}

#n_form  .yzm {
    position: absolute;
    top: 0;
    left: 323px;
}

#n_form  .yzm img {
    border: 1px solid #dfe0e3;
    height: 34px;
}

#n_form  .yzm a {
    position: absolute;
    color: #adada6;
    right: -90px;
    height: 30px;
    line-height: 30px;
    width: 80px;
    top: 0;
}

#n_form  .submit_box {
    position: relative;
    display: block;
    margin: 8px 15px 0 15px;
}

#n_form  .submit_box p {
    font-size: 12px;
    color: #575859;
    line-height: 48px;
}

#n_form  .submit_box .submit {
    position: absolute;
    right: 88px;
    top: 0;
}

.j_form .label  .j_radio_box {
    display: inline-block;
    position: relative;
    padding-right: 35px;
}

.j_form .label  .radio_box {
    position: relative;
    display: inline-block;
    margin-right: 30px;
    max-width: 50px;
}

.j_form .label  .radio_box input {
    width: 50px;
    z-index: 9;
    filter: alpha(opacity=0);
    cursor: pointer;
    opacity: 0;
    padding-left: 0;
    position: absolute;
    left: 0;
    top: 7px;
}

.j_form .label  .radio_box .icon {
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    width: 15px;
    height: 15px;
    background: url(../images/bg_chackbox.png) center no-repeat;
}

.j_form .label  .radio_box .icon.on {
    background: url(../images/bg_chackbox_on.png) center no-repeat;
}

.j_form .label  .radio_box span {
    padding-left: 10px;
    display: block;
    color: #7f8081;
    font-size: 14px;
    padding-left: 20px;
}





/*===============================================zoom===================================================*/





/*======================漂浮=========================*/

.piaofu {
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -105px;
    position: fixed;
    z-index: 99999999;
}

.piaofu .box a {
    display: block;
    position: relative;
    width: 70px;
    height: 70px;
}

.piaofu .wx {
    position: relative;
}

.piaofu .wx {
    transition: 1s;
}

.piaofu .wx:hover .ewm {
    display: block;
}

.piaofu .ewm_box {
    position: relative;
}

.piaofu .ewm_box {
    transition: 1s;
}

.piaofu .ewm_box:hover .ewm {
    display: block;
}

.piaofu .ewm {
    display: none;
    position: absolute;
    right: 70px;
    top: 0;
}

.piaofu .tel {
    position: relative;
}

.piaofu .tel {
    transition: 1s;
}

.piaofu .tel:hover #tel_box {
    display: block;
}

.piaofu #tel_box {
    border: 1px solid #ddd;
    line-height: 68px;
    width: 100px;
    color: #545454;
    font-size: 14px;
    background: #f9f9f9;
    border-radius: 3px;
    padding: 0 20px;
    display: none;
    position: absolute;
    right: 70px;
    top: 0;
}

.piaofu .box a {
    transition: 1s;
    background-size: 30px auto;
}

.piaofu  .qq a {
    background: url(../images/icon_pf_qq.png) center 10px no-repeat;
}

.piaofu  .qq:hover a {
    background: url(../images/icon_pf_qq_hj.png) center 10px no-repeat;
}

.piaofu  .zx1 a {
    background: url(../images/icon_zx1.png) center 10px no-repeat;
}

.piaofu  .zx1:hover a {
    background: url(../images/icon_zx1h.png) center 10px no-repeat;
}

.piaofu  .zx2 a {
    background: url(../images/icon_zx2.png) center 10px no-repeat;
}

.piaofu  .zx2:hover a {
    background: url(../images/icon_zx2h.png) center 10px no-repeat;
}

.piaofu  .zx3 a {
    background: url(../images/icon_zx3.png) center 10px no-repeat;
}

.piaofu  .zx3:hover a {
    background: url(../images/icon_zx3h.png) center 10px no-repeat;
}

.piaofu  .ewm_box a {
    background: url(../images/icon_weixin.png) center 10px no-repeat;
}

.piaofu  .ewm_box:hover a {
    background: url(../images/icon_weixinhj.png) center 10px no-repeat;
}

.piaofu  .wx a {
    background: url(../images/icon_weixin.png) center 10px no-repeat;
}

.piaofu  .wx:hover a {
    background: url(../images/icon_weixinhj.png) center 10px no-repeat;
}

.piaofu  .tel a {
    background: url(../images/icon_tel.png) center 10px no-repeat;
}

.piaofu  .tel:hover a {
    background: url(../images/icon_telh.png) center 10px no-repeat;
}

.piaofu  .address a {
    background: url(../images/icon_address.png) center 10px no-repeat;
}

.piaofu  .address:hover a {
    background: url(../images/icon_addressh.png) center 10px no-repeat;
}

.gotop a {
    background: url(../images/icon_gotop.png) center 10px no-repeat;
}

.piaofu .gotop:hover a {
    background: url(../images/icon_gotoph.png) center 10px no-repeat;
}

.piaofu .box a {
    margin-bottom: 2px;
}

.piaofu .box span {
    font-size: 12px;
    color: #fff;
    padding-left: 10px;
    position: absolute;
    bottom: 5px;
    text-align: center;
}

.piaofu .box:hover a {
}

.piaofu .box:hover span {
    color: #fff;
}

.piaofu .li1 a {
    background: url(../images/icon_pf1.png) center 12px no-repeat #f69d52;
}

.piaofu .li2 a {
    background: url(../images/icon_pf2.png) center 12px no-repeat #5bc8af;
}

.piaofu .li3 a {
    background: url(../images/icon_pf3.png) center 12px no-repeat #7196ce;
}

.piaofu .li4 a {
    background: url(../images/icon_pf4.png) center 12px no-repeat #f87e9c;
}

.piaofu .li5 a {
    background: url(../images/icon_gotop.png) center 18px no-repeat #bea0f6;
}

.piaofu .box.li1:hover a {
    background: url(../images/icon_pf1.png) center 12px no-repeat #e37416;
}

.piaofu .box.li2:hover a {
    background: url(../images/icon_pf2.png) center 12px no-repeat #1db693;
}

.piaofu .box.li3:hover a {
    background: url(../images/icon_pf3.png) center 12px no-repeat #2b6bcd;
}

.piaofu .box.li4:hover a {
    background: url(../images/icon_pf4.png) center 12px no-repeat #bf2249;
}

.piaofu .box.li5:hover a {
    background: url(../images/icon_gotop.png) center 18px no-repeat #b795ec;
}