@charset "utf-8";
/* CSS Document */
* {padding: 0;margin: 0;}
body {margin: 0px;padding: 0px;color: #666;
    font-family:"微软雅黑", Arial, Helvetica, sans-serif;font-size:14px;
    background:#f5f5f5;text-align:left;position:relative;line-height:20px;
    min-width:1200px;}
img {border: 0;position:relative;}
.clear {height:0px;line-height:0px;font-size:0px;clear:both;visibility:hidden;overflow:hidden;padding:0;margin:0;}
div,ul,dl,dd,dt,li,p,span,h1,h2,h3,h4,h5,h6 { margin:0px;padding:0px;list-style:none;list-style-type: none; word-wrap:break-word;position:relative; border:none;font-weight:400;}
a {color:#666;text-decoration:none;position:relative;cursor:pointer;}
header, footer, nav, section, article, menu, aside {display:block;position:relative;}
textarea { resize:none;font-family:"微软雅黑";font-size:14px;outline: none;}
table { border-collapse:collapse;border-spacing:0;}
th , td { text-align:left;}
input {font-family:"微软雅黑";font-size:14px;outline: none;}
input:focus .textarea:focus{outline:none;}
input.sub {cursor:pointer; background:none; border:none;}
input.text {background:none; border:none;}
/*去掉圆角*/
input[type=submit],input[type=reset],input[type=button],input[type=text]{-webkit-appearance:none;}
input.text {background:none; border:none;}
/*去掉select图标*/
a,button,input,select{
    /*-webkit-appearance: none;*/
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent; /* For some Androids */}
/* common main */
.red,a.red { color:#cc0031;}
.yellow,a.yellow { color:#f8bd09;}
.white,a.white { color:#fff;}
.fc,a.fc { color:#4fb0a5;}
.c0,a.c0 { color:#000;}
.c1,a.c1 { color:#111;}
.c2,a.c2 { color:#222;}
.c3,a.c3 { color:#333;}
.c4,a.c4 { color:#444;}
.c5,a.c5 { color:#555;}
.c6,a.c6 { color:#666;}
.c7,a.c7 { color:#777;}
.c8,a.c8 { color:#888;}
.c9,a.c9 { color:#999;}
a:hover {color:#2f54eb;}
.fs12 { font-size:12px;}
.fs14 { font-size:14px;}
.fs16 { font-size:16px;}
.fs18 { font-size:18px;}
.fs20 { font-size:20px;}
.fs22 { font-size:22px;}
.fs24 { font-size:24px;}
.fw-b { font-weight:bold;}
.fw400 { font-weight:400;}
.ti2 { text-indent:2em;}
.lh18 { line-height:18px;}
.lh20 { line-height:20px;}
.lh25 { line-height:25px;}
.lh30 { line-height:30px;}
.lh35 { line-height:35px;}
.lh40 { line-height:40px;}
.unl { text-decoration:underline;}
.unl-no { text-decoration:none;}
.unl-th { text-decoration:line-through;}
.ta-l { text-align:left;}
.ta-c { text-align:center;}
.ta-r { text-align:right;}
.fl { float:left;}
.fr { float:right;}
.va-m { vertical-align:middle;}
.va-t { vertical-align:top;}
.pr { position:relative;}
.pa { position:absolute;}
.oh { overflow:hidden;}
.none { display:none;}
.block { display:block;}
.inblock { display:inline-block;}
.pointer { cursor:pointer;}
.w100 { width:100%;}
.w1000 { width:1000px;}
.w1200 { width:1200px;}
.h5 { height:5px;}
.h10 { height:10px;}
.h15 { height:15px;}
.h20 { height:20px;}
.h25 { height:25px;}
.h30 { height:30px;}
.h40 { height:40px;}
.h50 { height:50px;}
.h55 { height:55px;}
.h60 { height:60px;}
.h70 { height:70px;}
.h80 { height:80px;}
.h100 { height:100%;}
.ma2 { margin:2px;}
.ma5 { margin:5px;}
.ma10 { margin:10px;}
.ma15 { margin:15px;}
.ma20 { margin:20px;}
.pa2 { padding:2px;}
.pa5 { padding:5px;}
.pa10 { padding:10px;}
.pa15 { padding:15px;}
.pa20 { padding:20px;}
.ml5 { margin-left:5px;}
.ml10 { margin-left:10px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mb5 { margin-bottom:5px;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.pl5 { padding-left:5px;}
.pl10 { padding-left:10px;}
.pl15 { padding-left:15px;}
.pl20 { padding-left:20px;}
.pr5 { padding-right:5px;}
.pr10 { padding-right:10px;}
.pr15 { padding-right:15px;}
.pr20 { padding-right:20px;}
.pt2 { padding-top:2px;}
.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}
.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px;}
.mga { margin-left:auto;margin-right:auto;}
.main {width:1200px;margin-left:auto;margin-right:auto;}
.absolute-r { position:absolute;left:auto;right:0;}
.absolute-l { position:absolute;left:0;right:auto;}
.comtab { table-layout:fixed;width:100%;border-collapse:collapse;}
.textover { overflow:hidden;white-space:nowrap;display:block;text-overflow:ellipsis;}

.whitebg,input.whitebg { background:#fff;}
.eeebg,input.eeebg { background:#eee;}
.cccbg,input.cccbg { background:#ccc;}

/* js相关样式 */
.bannerbox {width:100%;height:520px;margin:0 auto;overflow:hidden;}
.bannerbox a {display:block;width:100%;height:520px;background-repeat:no-repeat;background-position:center center; position:absolute; left:0; top:0;}
#bannernum {position:absolute;width:100%;bottom:15px;text-align:center;left:0; z-index:10;}
#bannernum span { display:inline-block;width:10px;height:10px;background:#fff;line-height:0px; font-size:0px; margin:0 5px;border-radius: 50%;}
#bannernum span.numsel { background:#2f54eb;}
.bannerbox .main {z-index:10; top:250px;}
.bannerbox .main b { position:absolute; top:0; display:block; width:25px; height:60px; cursor:pointer;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out; opacity:0.5;}
#adlast { background:url(../images/ad_page02.png) no-repeat; left:0;}
#adnext { background:url(../images/ad_page01.png) no-repeat; right:0;}
.bannerbox .main b:hover {opacity:1;}
/* cartoon */
.cartoon {
    transition:all 0.2s ease-in-out;
    -webkit-transition:all 0.2s ease-in-out;}

/*顶部平台升级公告样式*/
.head-tip {
    line-height: 40px;
    background: #FFF2F3;
    font-size: 16px;
    color: #FF4D4F;
    border: 1px solid #FFC1C5;
    text-align: center;
}
.head-tip a {
    color: #FF4D4F;
    text-decoration: underline;
    margin-left: 16px;
}

/*顶部*/
.mainhead { width:100%;z-index:99;background: #FFFFFF;border-bottom: 2px solid #353535;height: 212px;}
.mainhead .main { }
.mainhead h1 {width:365px;padding-left: 20px;}
.mainhead h1 a{display: block;height: 88px;}
.mainhead h1 img{display: block;position: absolute;top:0;bottom: 0;left: 0;margin: auto;max-height: 100%;}

.mainhead .topbox{background: #f5f5f5;height: 32px;line-height: 32px;}
.mainhead .topbox .c3 a{margin-right: 10px;}
.mainhead .topbox .box_r{position: absolute;right: 0;top: 0;}
.mainhead .topbox .box_r a{border-right: 1px solid #dddddd;display: inline-block;height: 14px;line-height: 14px;color: #333333;padding: 0 19px;}
/*.mainhead .topbox .lgbtn i{background: url(../images/y_icon/bg01.png) no-repeat top;width: 64px;height: 36px;position: absolute;left:2px;top: -9px;}*/
.mainhead .topbox .lgbtn span{z-index: 1;/*color: #FFFFFF;*/}
.mainhead .topbox .tel{background: url(../images/y_icon/topic01.png) no-repeat left;padding-left: 18px;}
.mainhead .topbox .wx{background: url(../images/y_icon/topic02.png) no-repeat left;padding-left: 25px;}

.topsearchbox{width: 480px;height: 38px;border: 1px solid #DDDDDD;border-radius: 20px;-webkit-border-radius: 20px;margin-top: 28px;}
.topsearchbox .search_up{border-right: 1px solid #dddddd;height: 30px;margin-top: 3px;margin-right: 8px;}
.topsearchbox .search_up .tit{line-height: 30px;line-height: 30px;width: 78px;color: #333333;text-align: center;cursor: pointer;}
.topsearchbox .search_up .tit span{background: url(../images/y_icon/arrows10.png) no-repeat right;padding-right: 18px;color: #333333;}
.topsearchbox .searchbox{width: 366px;background: url(../images/y_icon/search01.png) no-repeat left;padding-left: 27px;}
.topsearchbox .searchinp{width: 270px;padding-left: 7px;height: 36px;line-height: 36px;}
.topsearchbox .searchbtn{width: 90px;height: 40px;;background:#2f54eb;position: absolute;right: -2px;top: -1px;border: none;color: #FFFFFF;font-size: 16px;border-bottom-right-radius: 20px;border-top-right-radius: 20px;cursor: pointer;}
.topsearchbox .searchinp::-webkit-input-placeholder {color: #cccccc; }
.topsearchbox .search_up .up_list{background: #FFFFFF;border: 1px solid #EEEEEE;text-align: center;z-index: 100;line-height: 30px;font-size: 12px;display: none;cursor: pointer;}

.intoptel{background:url(../images/y_icon/phone.png) no-repeat left;background-size: 40px 40px;padding-left: 50px;margin-top:25px;height: 40px;color: #2f54eb;}
.intoptel .p1 {font-weight: bold;}
.intoptel .teltxt{font-size: 18px;font-weight: bold;color: #2f54eb;}

.mainhead .mainnav {height: 40px;line-height: 40px;padding-left: 200px;}
.mainhead .mainnav li {float:left; width: 102px;text-align: center;}
.mainhead .mainnav li .a1 {border-bottom: 2px solid hsla(0,0%,90%,0); display:block; white-space:nowrap; font-size:16px;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;color: #333333;box-sizing: border-box;}
.mainhead .mainnav li menu { position:absolute; left:50%; top:40px; margin-left:-35px; display:none;min-width: 100%;/*border-top: 3px solid #2f54eb;*/}
.mainhead .mainnav li menu a { display:block; line-height:45px;height:45px; white-space:nowrap; overflow:hidden; background:#FFFFFF;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s; color:#333; text-align:center; font-size:14px;padding: 0 10px;}
.mainhead .mainnav li menu a:after{content: '';background: #2f54eb;height: 2px;position: absolute;left: 0;bottom: 0;width: 0;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;}
.mainhead .mainnav li menu a:hover{color: #2f54eb;}
.mainhead .mainnav li.sel .a1,.mainhead .mainnav li:hover .a1 {color:#2f54eb;border-bottom: 2px solid #2f54eb;}

.mainhead .mainnav li:after {
    transform-origin: 100%;
    -webkit-transform-origin: 100%;
    -webkit-transition: -webkit-transform .6s cubic-bezier(.4, 0, .2, 1);
    transition: -webkit-transform .6s cubic-bezier(.4, 0, .2, 1);
    transition: transform .6s cubic-bezier(.4, 0, .2, 1);
    transition: transform .6s cubic-bezier(.4, 0, .2, 1), -webkit-transform .6s cubic-bezier(.4, 0, .2, 1);
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    visibility: hidden\9;
    visibility: hidden\9;
    content: "";
    width: 100%;
    height: 2px;
    background-color: #2f54eb;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 1;
}

.mainhead .mainnav li:hover:after {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform-origin: 0;
    -webkit-transform-origin: 0;
    visibility: visible\9;
}

.tru{text-transform :Uppercase}

/*placeholder颜色*/
::-webkit-input-placeholder { /* WebKit browsers */
    color: #cccccc;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #cccccc;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #cccccc;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #cccccc;
}
.op{filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}

.topshowewm .show_ewm {
    text-align: left;
    width: 340px;
    position: absolute;
    top: 15px;
    left: 50%;
    z-index: 99;
    margin-left: -153px;
    filter: alpha(opacity=0);
    display: none \9;
    opacity: 0;
    -webkit-transition: all 500ms cubic-bezier(.34, 1.21, .4, 1);
    -moz-transition: all 500ms cubic-bezier(.34, 1.21, .4, 1);
    transition: all 500ms cubic-bezier(.34, 1.21, .4, 1);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: translateY(0) scale(0);
    -moz-transform: translateY(0) scale(0);
    -ms-transform: translateY(0) scale(0);
    -o-transform: translateY(0) scale(0);
    transform: translateY(0) scale(0);
    padding-top: 18px;
}
.topshowewm .show_mawx {margin-left: -53px;width:120px;}

.topshowewm .show_ewm .box {
    padding: 10px 0 10px 10px;
	overflow:hidden;
    background: #f5f5f5;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    border-radius: 2px;
}

.topshowewm .show_ewm .ewmwrap {
    width: 100px;
    margin:0 10px 0 0;
	float:left;
	text-align:center;
}

.topshowewm .show_ewm .ewmwrap img {
    width: 100px;
    height: 100px;
	display:block;
	margin-bottom:5px;
}

.topshowewm:hover .show_ewm {
    opacity: 1;
    filter: alpha(opacity=100);
    display: block \9;
    pointer-events: auto;
    -webkit-transform: translateY(0) scale(1);
    -moz-transform: translateY(0) scale(1);
    -ms-transform: translateY(0) scale(1);
    -o-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
    text-align: left;
}

.inallnav{position: absolute;left: 0;top: 0;width: 200px;}
.inallnav .titbox{padding: 0 20px;line-height: 40px;background: #353535;border-top-left-radius:16px;border-top-right-radius:16px;}
.inallnav .titbox span{background: url(../images/y_icon/titic01.png) no-repeat left;margin-left: 8px;padding-left: 30px;color: #FFFFFF;font-weight: bold;font-size: 16px;}
.inallnav dt{background: url(../images/y_icon/arrows02.png) no-repeat 175px;padding: 0 20px;}
.inallnav dt{line-height: 48px;color: #FFFFFF;}
.inallnav dt a{color: #FFFFFF;}
.inallnav dt a:last-child span{display: none;}
.inallnav dd{position: absolute;left: 200px;top:0px;width: 710px;background: rgba(255,255,255,0.9);padding: 20px;height: 360px;display: none;background: #fff\0;}
.inallnav dl{position: static;}
.inallnav dl:hover dt{background: #2f54eb;}
.inallnav .navlist{height: 400px;border-bottom-left-radius:16px;border-bottom-right-radius:16px;background: #353535;}
.inallnav .menutit{background-repeat: no-repeat;background-position: left;padding-left: 30px;line-height: 46px;color: #333333;border-bottom: 1px dashed #DDDDDD;margin-bottom: 10px;}
.inallnav dd menu a{font-size: 12px;border-left: 1px solid #DDDDDD;padding: 0 10px;display: inline-block;height: 14px;line-height: 14px;margin-bottom: 10px;}
.inallnav .menubox{border-bottom: 1px solid #DDDDDD;margin-bottom: 20px;}
.inallnav dl:hover dd{display: block;}

.bgllist{
    height: 104px;
    overflow: auto;
}
.ft_topbox{
    background:url(../images/foo_bg.jpg) no-repeat center;padding-top: 30px;}
.blogrollbox{padding: 20px;background: url(../images/foo_bg2.png) no-repeat center;padding-bottom: 10px;margin-bottom: 27px;background-size: 100% 100% ;color: #999;}
.bgltit{border-bottom: 1px solid #292e34;height: 27px;margin-bottom: 20px;}
.bgltit .sel{border-bottom: 3px solid #ffb400;height: 26px;}
.bgltit span{display: inline-block;margin-right: 40px;cursor: pointer;}
.bgllist a{margin-right: 25px;display: inline-block;margin-bottom: 6px;color: #999;}
.bgllist a:hover{color: #ffb400;}
.footerbox .ft_info .row{border-right:1px solid #474a50;right: -1px;}
.footerbox .main{overflow: hidden;}
.footerbox .ft_info{min-height: 184px;}
.footerbox .ft_sp{padding-left: 93px;height: 80px;color: #999999;line-height: 30px;margin-bottom: 25px;}
.footerbox .ft_sp .imgbox{position: absolute;left: 0;top: 0;}
.footerbox .ft_sp .p1{padding-top: 10px;}
.footerbox .ft_info .row01{width: 500px;}
.footerbox .ft_spif a{color: #999999;font-size: 16px;background-repeat: no-repeat;background-position: left;padding-left: 30px;margin-right:24px;display: inline-block;line-height: 22px;}
.footerbox .ft_info .row02{width: 270px;margin-left: 90px;}
.footerbox .ftiftit{font-size: 18px;color: #FFFFFF;}
.footerbox .fttel{color: #999999;line-height: 24px;background: url(../images/y_icon/topic03.png) no-repeat left;padding-left: 48px;margin-top: 15px;}
.footerbox .fttel .tel{color: #ffb400;font-size: 24px;}
.footerbox .fttelbtn{transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;font-size: 16px;text-align: center;width: 155px;height: 34px;line-height: 34px;border: 1px solid #FFFFFF;border-radius: 3px;-webkit-border-radius: 3px;display: block;color: #FFFFFF;margin-top: 15px;}
.footerbox .fttelbtn:hover{background: #ffb400;border: 1px solid #ffb400;}
.footerbox .ft_info .codebox{float: left;text-align: center;margin-right: 27px;margin-top: 12px;}
.footerbox .ft_info .codebox .codeimg{margin-bottom: 9px;border-radius: 14px;-webkit-border-radius: 14px;overflow: hidden;padding: 6px;background: rgba(255,255,255,0.2);width: 96px;height: 96px;}
.footerbox .ft_info .codebox .codeimg p{background: #FFFFFF;padding: 8px;border-radius: 8px;-webkit-border-radius: 8px;}
.footerbox .ft_info .codebox img{width: 80px;height: 80px;display: block;}
.ft_botmbox nav a{color: #333333;}
.ft_botmbox nav a:hover{color: #2e53ea;}
.ft_botmbox nav a span{padding: 0 10px;}
.ft_botmbox nav a:last-child span{display: none;}
.ft_botmbox{text-align: center;padding: 24px 0;}
.ft_botmbox .p1{color: #999999;font-size: 12px;margin-top: 10px;}
.ft_botmbox .p1 a{color: #999999;}
.ft_botmbox .p1 a:hover{color: #2e53ea;}

.zmainhead .navlist{display: none;}
.zmainhead .inallnav:hover .navlist{display: block;}

/*分页*/
.page-num{
    margin-top: 32px;
    text-align: right;
    margin-bottom: 36px;
}
.page-num a{
    display: inline-block;
    padding: 0 12px;
    height: 32px;
    color: #999;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    line-height: 32px;
    margin-left: 2px;
    transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
}
.page-num a:hover{
    background: #2f54eb;
    color: #fff;
    border: 1px solid #2f54eb;
}
.page-num .page-sel{
    background: #2f54eb;
    color: #fff;
    border: 1px solid #2f54eb;
}
.page-num span{
    display: inline-block;
    padding: 0 12px;
    height: 32px;
    color: #999;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    line-height: 32px;
    margin-left: 2px;
    transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
}

.cw404 {
    width: auto;
    height: auto;
    margin-left: 200px;
    padding-top: 150px;
}

.cw404 .img {
    width: 283px;
    height: 324px;
}

.cw404 .info {
    margin-left: 100px;
    margin-top: 98px;
}

.cw404 .info h2 {
    color: #000;
    font-size: 24px;
    font-weight: bold;
}

.cw404 .info p {
    width: auto;
    line-height: 25px;
    color: #333;
}

.cw404 .info a {
    color: #02a0e9;
    width: auto;
    line-height: 25px;
}
.bbn{border-bottom: 0;}





::-webkit-scrollbar {width:8px;background:#f0f0f0;}
::-webkit-scrollbar-button {}
::-webkit-scrollbar-track {}
::-webkit-scrollbar-track-piece {}
::-webkit-scrollbar-thumb {width:8px;background:#2f54eb;}
::-webkit-scrollbar-corner {background:#f0f0f0;}
::-webkit-resizer {}
::-webkit-scrollbar:horizontal{height:9px;}




.bgllist::-webkit-scrollbar-thumb {width:8px;background:rgba(0,0,0,0.8);}
.bgllist::-webkit-scrollbar {width:6px;background:#f0f0f0;}

.probox01 .con{
    color: #000 !important;
}
