@charset "utf-8";
/*通用*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul,li{list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
a:focus,*:focus {outline:none;}
i,s { overflow:hidden; font-style: normal;}

:-moz-placeholder { color:#999;font-family:"宋体"; font-size:12px;}
::-moz-placeholder { color:#999;font-family:"宋体"; font-size:12px;}
::-webkit-input-placeholder{ color:#999;font-family:"宋体"; font-size:12px;}
input,button,a{ -webkit-tap-highlight-color:rgba(255,255,255,0);}
input[type="button"]{box-sizing: content-box;}
input[type="checkbox"],input[type="radio"]{box-sizing: border-box;}
input:-webkit-autofill {background-color:#eef1f0;background-image: none;}
:-ms-input-placeholder { color:#999;font-family:"宋体"; font-size:12px;}
input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder,textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder,textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
label{cursor:pointer;}
::-webkit-scrollbar { width: 8px;}
::-webkit-scrollbar-button { width: 8px; height:5px;}
::-webkit-scrollbar-track { background:#eee; border: thin solid lightgray; box-shadow: 0px 0px 3px #dfdfdf inset; border-radius:10px;}
::-webkit-scrollbar-thumb { background:#999; border: thin solid gray; border-radius:10px;}
::-webkit-scrollbar-thumb:hover { background:#7d7d7d;} 


/*文字排版*/
.fb {font-weight: bold;}
.fn {font-weight: normal;}
.unl {text-decoration: underline;}
/*定位*/
.tl {text-align: left;}
.tc {text-align: center;}
.tr {text-align: right;}
.vm {vertical-align: middle;}
.bc {margin-left: auto;margin-right: auto;}
.fl {float: left;display: inline;}
.fr {float: right;display: inline;}
.pr {position: relative;}
.pa {position: absolute;}
/*显示*/
.dn {display: none;}
.db {display:block !important;}
.ofh {overflow:hidden; zoom:1;}
.clear {clear: both !important;}
.clear_div{width: 0px !important;height: 0px !important;clear: both !important;float: none !important;}/* 防止塌陷用div */

/*字体*/
.icon_font{font-family:"fontello" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
@font-face {
    font-family: 'fontello';
    src: url('../font/fontello.eot?202002211047');
    src: url('../font/fontello.eot?202002211047#iefix') format('embedded-opentype'),
    url('../font/fontello.woff?202002211047') format('woff'),
    url('../font/fontello.ttf?202002211047') format('truetype'),
    url('../font/fontello.svg?202002211047#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}
.fs_12{font-size: 12px !important;}
.fs_14{font-size: 14px !important;}
.fs_16 {font-size: 16px !important;}
.fs_18 {font-size: 18px !important;}

/*字体颜色*/
.clr_3{color:#333;}
.clr_6{color:#666;}
.clr_9{color:#999;}
.clr_red{color:#fd523c !important;}
.clr_green{color:#5bbc2e;}

/*背景颜色*/
.bg_black{ background:#212121 !important;}
.bg_gray{ background:#fcfcfc !important;}
.bg_white{background-color:#fefefe !important;}

/*圆角*/
.r3 {border-radius:3px;} 
.r5 {border-radius:5px;} 
.r10 {border-radius:10px;}

/*阴影*/
.shadow{box-shadow:0px 2px 2px rgba(182, 182, 182, 0.2);}

/*页面样式*/
body{
    background: #fff;

    font-family: "PingFang SC", Helvetica, "Microsoft YaHei", "微软雅黑", Arial, sans-serif !important;
    font-weight: 300;

    font-size: 14px;

    color: #000;

    width: 100%;
    height: 100%;

    margin: 0;

    padding: 0;
}
a {color:#333; text-decoration:none; border:none; cursor:pointer;outline:none;word-wrap:break-word;word-break:break-all;}
a:link,a:visited {color:#333;}
a:hover,a:active {color:#3296fa;}
/* 基本控件样式 */
.text{line-height:32px;height: 32px; border: 1px solid #d4d4d4; font-family: "宋体"; font-size: 12px;padding: 0px 10px; }
textarea.text{padding: 6px 10px;line-height: 18px;}
.text:focus{border-color:#999 !important;}



/*头部*/
.header{width:100%;min-width:1200px;height:50px;font-size:14px;background-color:#fff;box-shadow: 0px 2px 2px #EEE;position: fixed;z-index: 2;}
.header.transparent{height: 80px;background: transparent;box-shadow: none;}
.header_item{line-height: 50px;position: relative;transition: line-height .6s ease-in-out 0s;
    -moz-transition: all .6s ease-out 0s;
    -webkit-transition: all .6s ease-out 0s;
    -o-transition: all .6s ease-out 0s;}
.header.transparent .header_item{line-height: 80px;}
.header_item:hover{color: #3296fa;}
.header.transparent .header_item:hover{color: #3296fa;}
.header_left {float:left;height:100%;margin-left:5%;}
.header_left .header_item{float: left;margin-right: 30px;color:#666;}
.header_left .header_item.logo{background: url(../images/bannerLogoB.png) center no-repeat;
    width: 127px !important;
    height: 50px !important;
    background-size: 127px 30px !important;
    float: left;
    margin-right: 76px !important;
}
.header_left .header_item.cur{color:#3296fa;font-weight: bold;}
.header.transparent .header_left .header_item.logo{
    background: url(../images/bannerLogoW.png) no-repeat;
    width: 152px;
    height: 36px;
    background-size: 152px 36px;
    margin-top: 24px;
}
.header.transparent .header_item{color: #fff;}
.header_right {float:right;margin-right:5%;}
.header_right .header_item{float:right;margin-left: 30px;color:#3296fa;font-size: 16px;font-weight: 100;}

/*关于我们弹窗*/
#nid_about_window{border-radius: 0;height:470px;position: relative;}
#nid_about_window .pop_win_warp div.logo{height: 76px;line-height: 76px;text-align: center;margin-top: 30px;}
#nid_about_window .pop_win_warp div.logo img{vertical-align: middle;}
#nid_about_window .pop_win_warp div.title{height: 90px;line-height: 90px;text-align: center;font-size: 28px;font-weight: bold;margin-bottom: 10px;}
#nid_about_window .pop_win_warp p{width: 613px;margin: 0 auto 25px;line-height: 24px;color:#5e5e5e;font-size: 14px;}

.footer{padding-top:60px;padding-bottom:60px;background-color: #151A23;}
.footer img{display: block;width: 100px;margin: 0 auto;}
.footer h2{text-align: center;font-size: 14px;color:#fff;margin-top: 40px;}
.footer p{text-align: center;font-size: 14px;color:#fff;margin-top: 10px;}
.footer p a{color:#fff;}
.side {
    width: 60px;
    bottom: 8%;
    z-index: 3;
    position: fixed;
    right: 4%;
}

.side a.consult {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    line-height: 49px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    background: url(../images/side_consult.png) no-repeat center center;
    /*box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);*/
}

.shake{animation:move 3s 0s infinite;-webkit-animation:move 3s 0s infinite;transform-origin:center;-webkit-transform-origin:center;}
@keyframes move
{
    0%, 65%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }
    70% {
        -webkit-transform:rotate(6deg);
        transform:rotate(6deg);
    }
    75% {
        -webkit-transform:rotate(-6deg);
        transform:rotate(-6deg);
    }
    80% {
        -webkit-transform:rotate(6deg);
        transform:rotate(6deg);
    }
    85% {
        -webkit-transform:rotate(-6deg);
        transform:rotate(-6deg);
    }
    90% {
        -webkit-transform:rotate(6deg);
        transform:rotate(6deg);
    }
    95% {
        -webkit-transform:rotate(-6deg);
        transform:rotate(-6deg);
    }
    100% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }
}
@-webkit-keyframes move
{
    0%, 65%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }
    70% {
        -webkit-transform:rotate(6deg);
        transform:rotate(6deg);
    }
    75% {
        -webkit-transform:rotate(-6deg);
        transform:rotate(-6deg);
    }
    80% {
        -webkit-transform:rotate(6deg);
        transform:rotate(6deg);
    }
    85% {
        -webkit-transform:rotate(-6deg);
        transform:rotate(-6deg);
    }
    90% {
        -webkit-transform:rotate(6deg);
        transform:rotate(6deg);
    }
    95% {
        -webkit-transform:rotate(-6deg);
        transform:rotate(-6deg);
    }
    100% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }
}

/* 弹窗默认样式*/
.pop_win{min-width: 400px; border-radius:5px;background: rgba(255,255,255,0.8); background: #FFF; box-shadow: 2px 2px 2px rgba(0,0,0,0.5);position: absolute;z-index: 202;visibility: hidden;padding:50px 0;}
.pop_win_title{height:20px;line-height:20px;color:#666;font-size:16px;text-align:center;}
a.pop_win_close{
    width: 24px;
    height: 24px;
    position: absolute;
    top: -12px;
    right: -12px;
    background-color: #f0f2f5 !important;
    border: 1px solid #d1d1d1;
    border-radius: 12px;
    background: url(../images/close.png) no-repeat center center;
}
a.pop_win_close:hover{background: url(../images/close_hover.png) no-repeat center center;}
.pop_win_warp{overflow: hidden;zoom:1;height: auto;}
.pop_win_ctrl{height: 40px; background-color: #EEE; border-top: 1px solid #DDD; padding: 15px 5px 10px;text-align: center;}
.pop_win_ctrl input{width:114px;margin-left: 12px;margin-right: 12px;text-align: center; height: 36px;line-height: 36px;color: #fff; padding: 0; cursor: pointer; font-size: 14px; border:none;}
.pop_win_ctrl input.btn_OK{background:#77D850;margin:0px 30px;}
.pop_win_ctrl input.btn_OK:hover{background: #9fda88; }
.pop_win_ctrl input.btn_Cancel{background:#B0C3AE;margin:0px 30px;}
.pop_win_ctrl input.btn_Cancel:hover{background:#849083;}
.nid_confirm_txt{display: block; padding: 40px;font-size: 16px;line-height: 25px; text-align: center;}