@charset "utf-8";
@import url('/css/animate.css');
@import url('/css/lib.css');
#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9999;}

#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;;z-index:-1}

#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}

#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}

#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}

#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}

#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}

#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}

#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}

#browser-modal .browser-content .browser-item .iconchrome{background: url(/images/bro.png) no-repeat 0 0}

#browser-modal .browser-content .browser-item .iconfirefox{background: url(/images/bro.png) no-repeat 0 -100px}

#browser-modal .browser-content .browser-item .iconopera{background: url(/images/bro.png) no-repeat 0 -200px}

#browser-modal .browser-content .browser-item .iconEdge{background: url(/images/bro.png) no-repeat 0 -300px}

#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}

#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}

#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}

.loader{position: fixed;left: 0;top: 0;right:0;bottom: 0;background: #fff;background-size: 100% 100%;z-index: 999;}

/*.fancybox-content video{width:645px!important;}

video{max-width:350px;}*/

html{font-size: 100px}

@font-face{font-family:'imp';font-style:normal;font-weight:normal;src:url(/fonts/impact.woff) format("woff")}

@font-face{font-family:'din';font-style:normal;font-weight:normal;src:url(/fonts/DINCond-Regular.woff) format("woff")}


.imp{font-family:'imp';}

.din{font-family:'din';}

*{box-sizing:border-box;margin:0;padding:0; -webkit-appearance:none;  }

html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-x: hidden;}

body{margin:0;position: relative;overflow-x:hidden;font-size: .16rem;

   font-family:Microsoft YaHei,-apple-system,BlinkMacSystemFont,PingFang SC,"Helvetica Neue", Arial, "Open Sans", "Hiragino Sans GB", sans-serif;}

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

h1,h2,h3,h4,h5,h6{margin:0;padding:0;line-height:1.2em;font-weight:normal;}

ol,ul{list-style:none}

audio,canvas,progress,video{display:inline-block;vertical-align:baseline}

audio:not([controls]){display:none;height:0}

[hidden],template{display:none}

a{color:#222;background-color:transparent;-webkit-tap-highlight-color:transparent;text-decoration: none;}

a:active,a:hover{outline:0;text-decoration:none}

a:hover{color:  #d61519}

abbr[title]{border-bottom:1px dotted}

b,strong{font-weight:700}

dfn{font-style:italic}

mark{color:#000;background:#ff0}

small{font-size:80%}

sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}

sup{top:-.5em}

sub{bottom:-.25em}

img{display:block;padding:0;border:none;-ms-interpolation-mode:bicubic;max-width:100%;max-height:100%}

address,cite,dfn,em,var,i{font-style: normal;}

svg:not(:root){overflow:hidden}

figure{margin:1em 40px}

hr{height:0;border: none; border-top: 2px solid #f4f3f2; -webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}

pre{overflow:auto}

code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}

blockquote,q{quotes:none}

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

:focus{outline:0}

button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}

button{overflow:visible;border: none}

button,select{text-transform:none}

button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer}

button[disabled],html input[disabled]{cursor:default}

button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}

input{line-height:normal;-webkit-appearance:none}

input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}

input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}

fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}

legend{padding:0;border:0}

textarea{overflow:auto}

optgroup{font-weight:700}

table{border-spacing:0;border-collapse:collapse}

td,th{padding:0}

select::-ms-expand { display: none; }

.none{display: none}

.check:checked,.check:not(:checked){position:absolute;left:-9999px;opacity:0}

.check:checked+label,.check:not(:checked)+label{position:relative;display:inline-block;

  height:14px;font-size:14px;cursor:pointer;padding-left: 20px;}

.check+label:after,.check+label:before{position:absolute;top:2px;left:0;z-index:0;width:16px;height:13px;

  border-radius:3px;content:'';background: #000}

.check:checked+label:after{background: #ca140d}



.radio:checked+label,.radio:not(:checked)+label{position:relative;display:inline-block;height:16px;font-size:14px;line-height:16px;cursor:pointer;padding-left: 20px}

.radio+label:after,.radio+label:before{position:absolute;top:-1px;left:0;z-index:0;width:16px;height:16px;border-radius:50%;content:''}

.radio:not(:checked)+label:after,.radio:not(:checked)+label:before{border:1px solid #888}

.radio:checked,.radio:not(:checked){position:absolute;left:-9999px;opacity:0}

.radio:checked+label:before{border:1px solid #d9a65c}

.radio:checked+label:after{width:8px;height:8px;border-radius:50%;background:#d9a65c;top:3px;left:4px}



::-webkit-input-placeholder{color:#999;opacity:.54}

::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}

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

.clearfix:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:"."}

.l{float:left}

.r{float:right}

.fl{float:left!important}

.fr{float:right!important}

.bor{border:1px dashed #999}

.poab{position:absolute}

.pore{position:relative}

.texto a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.eclip{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.eclips{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.imgInline{display:inline-block!important;vertical-align:middle}

.imgMargin{margin:0 auto}

.imgW100{width:100%}



.text-r{text-align:right}

.text-m{text-align:center}

.text-bold{font-weight: 700;}

.text-light{font-weight:100;}

.text-up{text-transform: uppercase;}



.flex{display:flex;justify-content:space-between;flex-wrap:wrap}

.flex-left{display:flex;flex-wrap:wrap}

.flex-center{display:flex;flex-wrap:wrap;justify-content: center;}

.flex-right{display:flex;flex-wrap:wrap;justify-content: flex-end;}

.flex-v-center{display:-webkit-flex;display:flex;flex-direction:column;justify-content:center}

.flex-v{display:-webkit-flex;display:flex;flex-direction:column;justify-content:space-between;}

.flex-v-bottom{display: -webkit-flex;display: flex;align-items: flex-end;flex-wrap: wrap;justify-content: left;}



.trans{transition:all .5s}

.trans-mask{display:block;overflow:hidden;width:100%;cursor:pointer;position: relative;}

.trans-mask img{-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}

.trans-mask:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}

.bg-mask .pic{overflow: hidden;}

.bg-mask .pic .a{background-repeat: no-repeat;background-position: center;background-size: cover;height: 100%;display: block;transform: scale(1.01);;transition: all .4s;}

.bg-mask:hover .pic .a{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

.bgimg{background-repeat: no-repeat;background-position: center;background-size: cover;}

.ablink{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 5;background: rgba(255,255,255,0);}

.wp{margin:0 auto;max-width:14.4rem;width: 90%}

.nywp{margin:0 auto;max-width:13.56rem;width: 90%}

.wp1440{width:90%;margin:0 auto;max-width:1440px}

.greybg{background:#f2f2f2}

.co{color:#0142ae}

.fixdbody{position:fixed;top:0;left:0;right:0;bottom:0}

.m-show{display:none}

.filter-page{filter: blur(5px);}

@media screen and (max-width:980px){.pc-show{display:none}

.m-show{display:block}

}



.titline_w{position:relative;background-image:linear-gradient(rgba(255,255,255,.7),rgba(255,255,255,.7));background-position:0 100%;

  background-size:0 1px;background-repeat:no-repeat;transition:background-size .3s}

.titlin_w:hover .titline_w{background-size:100% 1px}

.titline_w:hover{background-size:100% 1px}



.titline_b{position:relative;background-image:linear-gradient(#0042ba,#0042ba);background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .3s}

.titlin_b:hover .titline_b{background-size:100% 1px}

.titline_b:hover{background-size:100% 1px}



.titline_r{position:relative;background-image:linear-gradient(#d61519,#d61519);background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .3s}

.titlin_r:hover .titline_r{background-size:100% 1px;color: #d61519}

.titline_r:hover{background-size:100% 1px}



.zi6{position: relative;z-index: 6}

.zi5{position: relative;z-index: 5}

.zi4{position: relative;z-index: 4}

.zi3{position: relative;z-index: 3}

.zi2{position: relative;z-index: 2}

.zi1{position: relative;z-index: 1}

.l2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

.l3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}

.l4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}

.l5{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.l6{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}
.l7{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical}

.l8{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical}



@keyframes sca{

  0%{transform:scale(1);}

  50%{transform:scale(1.1);}

  100%{transform:scale(1);}

}

@keyframes go{

  0%{transform: translateX(0);}

  50%{transform: translateX(10px);}

  100%{transform: translateX(0);}

}

@keyframes up{

  0%{transform: translateY(0);}

  50%{transform: translateY(-8px);}

  100%{transform: translateY(0);}

}

@keyframes roted{

  0%{transform: rotate(0deg);}

  100%{transform: rotate(360deg);}

}

@keyframes roteda{

  0%{transform: rotate(0deg);}

  100%{transform: rotate(-360deg);}

}



.overhide{overflow: hidden}





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

/*body {padding-top: .65rem;}*/

.wp{width: 90%}

.headerm{display: flex;}

html{font-size: 85px!important;}

.leftMain{display: none}

.pageMain{width: 100%;margin-left: 0}



}



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

.banner .baTool .next{top: .03rem}

.headerm .logo img{height:.55rem}

html{font-size: 80px!important;}

.eclips{display:block;overflow:visible;text-overflow:inherit;white-space:normal;}

}

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

html{font-size: 75px!important;}

}

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

html{font-size: 65px!important;}

.menu-btn{margin-left: 10px}

.headerm .logo img{height:35px}

}





/*print*/

@media print{



}



/*ie11*/ 

@media all and (-ms-high-contrast:none) { 

*::-ms-backdrop, 

} 

/*ie10*/ 

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 



}


/*公共样式*/
.pb_sys_common {
    font-size: 15px !important;
    font-family: SimSun;
    line-height:12px;
    color:#222;
}

.pb_sys_common a{
    text-decoration: none;
}

.pb_sys_common .p_pages{
    margin-left: -5px;
}

.pb_sys_common .p_fun_d, .pb_sys_common .p_no_d, .pb_sys_common .p_no_o,.pb_sys_common .p_fun a, .pb_sys_common .p_no a{
    border: 1px solid #ccc;
    padding: 0 15px !important;
    margin:0px 0px 0px 5px;
    height: 40px !important;
    -
    height:auto;
    line-height: 40px !important;
    box-sizing:border-box;
    display:inline-block;
    vertical-align:middle;
}

.pb_sys_common .p_t{
    line-height: 40px !important;
    margin:0px;
    padding:0px;
    display:inline-block;
    vertical-align:middle;
}

.pb_sys_common .p_fun_d, .pb_sys_common .p_no_d, .pb_sys_common .p_no_o{
    color: #ccc;
}

.pb_sys_common .p_fun a, .pb_sys_common .p_no a{
    color: #222;
}

.pb_sys_common .p_dot {
    margin-left:4px;
    margin-right:-4px;
    color:#222;
}

.pb_sys_common .p_goto input, .pb_sys_common .p_search input {
    /*
    height:22px;
    border: 1px solid #aaa;
    outline-width:thin;
    outline-color:#258CFF;

    text-align:center;
    vertical-align:middle;    
    */
    font-family: SimSun;
    font-size: 16px;
    border: 1px solid #aaa;
    height: 40px !important;
    line-height: 40px !important;
    box-sizing:border-box;
    vertical-align:middle;
    outline-width:thin;
    outline-color:#258CFF;
    margin:0px 2px;
    padding: 0px 15px !important;
}


.pb_sys_common .p_goto input{
    width: 20px;
    text-align:center;
}

.pb_sys_common .p_search input{
    width:100px;
    text-align:left;
}

.pb_sys_common .p_goto input:hover, .pb_sys_common .p_goto input:focus, .pb_sys_common .p_search input:hover, .pb_sys_common .p_search input:focus{
    border: 1px solid #258CFF;
}

.pb_sys_common .p_goto a, .pb_sys_common .p_search a{
    border: 1px solid #ccc;
    padding: 0 15px !important;
    color: #222;
    margin:0px;
    height: 40px !important;
    -
    height:auto;
    line-height: 40px !important;
    display:inline-block;
    box-sizing:border-box;
    vertical-align:middle;
}

.pb_sys_common .p_dosize_d, .pb_sys_common .p_dosize a{
    /*
    border-width:1px 0px 1px 1px;
    border-style:solid;
    border-color:#ccc;
    padding: 5px 6px;
    color: #222;
    */
    border-right:1px solid #ccc;
    padding: 1px 5px;
    color: #888888;
}

.pb_sys_common .p_dosize_d{
    /*background-color:#f5f5f5;*/
    color: #222;
}

.pb_sys_common .p_dosize a:hover{
    /*background-color:#f5f5f5;*/
    color: #222;
}

.pb_sys_common .p_dosize_last_d, .pb_sys_common .p_dosize_last a{
    /*border-right-width:1px*/
    border-right-width:0px;
}


/*按钮控制*/
.pb_sys_normal .p_first,.pb_sys_normal .p_first_d,.pb_sys_normal .p_last,.pb_sys_normal .p_last_d{
    display:none;
}

.pb_sys_normal2 .p_first,.pb_sys_normal2 .p_first_d,.pb_sys_normal2 .p_last,.pb_sys_normal2 .p_last_d,.pb_sys_normal2 .p_prev_d,.pb_sys_normal2 .p_next_d{
    display:none;
}

.pb_sys_full{
}

.pb_sys_full2 .p_first_d,.pb_sys_full2 .p_last_d,.pb_sys_full2 .p_prev_d,.pb_sys_full2 .p_next_d{
    display:none;
}

.pb_sys_short .p_no,.pb_sys_short .p_no_d,.pb_sys_short .p_no_o,.pb_sys_short .p_dot{
    display:none;
}

.pb_sys_short2 .p_no,.pb_sys_short2 .p_no_d,.pb_sys_short2 .p_no_o,.pb_sys_short2 .p_dot,.pb_sys_short2 .p_first,.pb_sys_short2 .p_first_d,.pb_sys_short2 .p_last,.pb_sys_short2 .p_last_d{
    display:none;
}

/*样式1-4*/
.pb_sys_style1 .p_no a:hover,.pb_sys_style1 .p_fun a:hover, .pb_sys_style1 .p_goto a:hover, .pb_sys_style1 .p_search a:hover,
.pb_sys_style2 .p_no a:hover,.pb_sys_style2 .p_fun a:hover, .pb_sys_style2 .p_goto a:hover, .pb_sys_style2 .p_search a:hover,
.pb_sys_style3 .p_no a:hover,.pb_sys_style3 .p_fun a:hover, .pb_sys_style3 .p_goto a:hover, .pb_sys_style3 .p_search a:hover,
.pb_sys_style4 .p_no a:hover,.pb_sys_style4 .p_fun a:hover, .pb_sys_style4 .p_goto a:hover, .pb_sys_style4 .p_search a:hover{
    background-color: #f5f5f5;
}
/*样式1 蓝*/
.pb_sys_style1 .p_no_d {
    border: 1px solid #258CFF;
    color: #fff;
    background-color: #258CFF;
}
/*样式2 红*/
.pb_sys_style2 .p_no_d {
    border: 1px solid #F04646;
    color: #fff;
    background-color: #F04646;
}
/*样式3 绿*/
.pb_sys_style3 .p_no_d {
    border: 1px solid #32B907;
    color: #fff;
    background-color: #32B907;
}
/*样式4 灰*/
.pb_sys_style4 .p_no_d {
    border: 1px solid #888;
    color: #fff;
    background-color: #888;
}

/*样式5-8*/
.pb_sys_style5 .p_fun_d, .pb_sys_style5 .p_no_d, .pb_sys_style5 .p_no_o,.pb_sys_style5 .p_fun a, .pb_sys_style5 .p_no a, .pb_sys_style5 .p_goto a, .pb_sys_style5 .p_search a,
.pb_sys_style6 .p_fun_d, .pb_sys_style6 .p_no_d, .pb_sys_style6 .p_no_o,.pb_sys_style6 .p_fun a, .pb_sys_style6 .p_no a, .pb_sys_style6 .p_goto a, .pb_sys_style6 .p_search a,
.pb_sys_style7 .p_fun_d, .pb_sys_style7 .p_no_d, .pb_sys_style7 .p_no_o,.pb_sys_style7 .p_fun a, .pb_sys_style7 .p_no a, .pb_sys_style7 .p_goto a, .pb_sys_style7 .p_search a,
.pb_sys_style8 .p_fun_d, .pb_sys_style8 .p_no_d, .pb_sys_style8 .p_no_o,.pb_sys_style8 .p_fun a, .pb_sys_style8 .p_no a,  .pb_sys_style8 .p_goto a, .pb_sys_style8 .p_search a{
    border: 1px solid transparent;
}

.pb_sys_style5 .p_no_d,.pb_sys_style5 .p_no a:hover,
.pb_sys_style6 .p_no_d,.pb_sys_style6 .p_no a:hover,
.pb_sys_style7 .p_no_d,.pb_sys_style7 .p_no a:hover,
.pb_sys_style8 .p_no_d,.pb_sys_style8 .p_no a:hover{
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.pb_sys_style5 .p_fun a:hover,.pb_sys_style5 .p_goto a:hover,.pb_sys_style5 .p_search a:hover,
.pb_sys_style6 .p_fun a:hover,.pb_sys_style6 .p_goto a:hover,.pb_sys_style6 .p_search a:hover,
.pb_sys_style7 .p_fun a:hover,.pb_sys_style7 .p_goto a:hover,.pb_sys_style7 .p_search a:hover,
.pb_sys_style8 .p_fun a:hover,.pb_sys_style8 .p_goto a:hover,.pb_sys_style8 .p_search a:hover{
    text-decoration: underline;
}


/*样式5 蓝*/
.pb_sys_style5 .p_no_d,.pb_sys_style5 .p_no a:hover{
    border: 1px solid #258CFF;
    color: #fff;
    background-color: #258CFF;
}
/*样式6 红*/
.pb_sys_style6 .p_no_d,.pb_sys_style6 .p_no a:hover{
    border: 1px solid #F04646;
    color: #fff;
    background-color: #F04646;
}
/*样式7 绿*/
.pb_sys_style7 .p_no_d,.pb_sys_style7 .p_no a:hover{
    border: 1px solid #32B907;
    color: #fff;
    background-color: #32B907;
}
/*样式8 灰*/
.pb_sys_style8 .p_no_d,.pb_sys_style8 .p_no a:hover{
    border: 1px solid #888;
    color: #fff;
    background-color: #888;
}