/* ====================================================================================================
 * Basic Styles (全站级基础样式)
 * ==================================================================================================== */
 *{ margin:0px; padding:0px;box-sizing: border-box;}
*:before,*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;clear: both;}
 html,body,form,iframe{padding: 0px;margin:0px;}
 html{overflow-y:scroll;}
 body{font-size:12px;font-family: AlibabaPuHuiTi-2-55-Regular;letter-spacing:0px;color:#333;word-break:break-all;font-weight:300;}
 ul,li,ol,dl,dt,dd,form,input{margin:0; padding:0; list-style:none;}
 img{border:0;}
 a{color:#333;text-decoration: none;blr:expression(this.onFocus=this.blur());outline:none;}
 a:hover{color: #0f4ca0; text-decoration:none;}
 .clear,.clearfix{ clear:both;}
 .yahei,input{ font-family:"微软雅黑";}
 h3{ font-size:12px;}
 input,button{ outline:none;}
 em{ font-style:normal;}
 h1,h2,h3,h4,h5,h6{font-weight:normal; margin:0px;}
 
 .fleft{ float:left;}
 .fright{ float:right;}

 @media screen and (max-width:1020px) {
    .fleft{ float:none;}
    .fright{ float:none;}
}
 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;clear: both;}
  /* div,span,h1,h2,h3,h4,h5,h6,ul,li,ol,p,dt,dd,dl,input,button,select,textarea,label,img,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{position:relative;} */
 
 .absolute,.absobg{position:absolute;float:none;top:0px;right:0px;bottom:0px;left:0px;}
 .absobg{background-color:#fff;filter:alpha(opacity=1);-moz-opacity:0.01;-khtml-opacity:0.01;opacity:0.01;}
 canvas{pointer-events:none;}
 input.no, textarea.no{border:1px red solid;}
 .ht-30{ height:30px;}
 
 :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
     color: #ccc;font-size:0.3rem;font-weight: 400;
 }
 ::-moz-placeholder { /* Mozilla Firefox 19+ */
     color: #ccc;font-size:0.3rem;font-weight: 400;
 }
 input:-ms-input-placeholder{
     color: #ccc;font-family:"Noto Sans SC";font-size:0.3rem;font-weight: 400;
 }
 input::-webkit-input-placeholder{
     color: #ccc;font-family:"Noto Sans SC";font-size:0.3rem;font-weight: 400;
 }
 
 
 /*文字链接样式*/
 .grey a:link{ color:#9b9696;}
 .grey a:hover { color:#fff;}
 
 .roundedCorner{
     -webkit-border-radius:5px;
     -moz-border-radius:5px;
     -ms-border-radius:5px;
     -o-border-radius:5px;
     border-radius:5px;
 }
 
 /*添加鼠标悬浮显示手的形状*/
 .hand { cursor:pointer;}
 
 /*单行截字*/
 .textbreak { white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
 
 *{
     transition: all 0.6s;
     -moz-transition: all 0.6s;
     -webkit-transition: all 0.6s;
     -o-transition: all 0.6s;
     transition-property: background;
 }
/*隐藏元素*/
 .hide {	display:none;}
 
 /*解决IE6双边距加倍错误*/
 .inline { display:inline;}
 
 .ov,.overflow{ overflow:hidden;}
 
 .cover-page-wrapper{ width:1210px; margin:0px auto;}
 
 /*最小高度*/
 .danye p{ margin-bottom:5px;}
 /*文本对齐样式*/
 .auto { margin:0px auto;}
 .txt-center { text-align:center;}
 .floatRight{float:right;}
 .floatLeft{float:left;}
 
 .td50{ text-indent:64px;}
 .wfs{ width:100%;}
 .h3{ font-size:24px;}
 .grid-c1{ width:1210px; margin:0px auto;}
 .w1200,.width1200{ width:1200px; margin:0px auto;}
 
 /*字体*/
 .strong { font-weight:bold;}
 .nobold{ font-weight:normal;}
 .yahei { font-family:微软雅黑;}
 .songti { font-family:宋体;}
 
 /* 字体样式 */
 .f-12{font-size:12px;}
 .f-13{font-size:13px;}
 .f-14{font-size:14px;}
 .f-15{font-size:15px;}
 .f-16{font-size:16px;}
 .f-18{font-size:18px;}
 .f-20{font-size:20px;}
 .f-22{font-size:22px;}
 .f-24{font-size:24px;}
 .f-26{font-size:26px;}
 .f-28{font-size:28px;}
 .f-30{font-size:30px;}
 .f-38{font-size:38px;}
 .fbold{font-weight:bold;}
 .fboldno{font-weight:normal;}
 .f-c{text-align:center;}
 .f-r{text-align:right;}
 .f-f{font-family:"宋体","Microsoft YaHei","微软雅黑","Arial","Helvetica",sans-serif;}
 .f-t{text-decoration:underline;cursor:pointer;}
 .f-v{vertical-align:middle;}
 .f-v img{float:none;margin:0 5px;}
 .f-u{text-transform:uppercase;}
 .f-w{white-space:nowrap;}
 .greent,a.greent{color:#7acd00;}
 .oranget,a.oranget{color:#ff6600;}
 .greyt,a.greyt{color:#999;}
 .grey6t,a.grey6t{color:#666;}
 .grey6t,a.grey6t{color:#666;}
 .redt,a.redt{color:#e55151;}
 .blackt,a.blackt{color:#333;}
 .bluet,a.bluet{color:#198eed;}
 .lightbluet,a.lightbluet,.lightbluet a{color:#66a6e1;}
 .lightbluet a:hover{text-decoration:underline;}
 .whitet{color:#fff;}
 .purplet,a.purplet{color:#eb7a79;}
 .wm-70{min-width:70px;}
 a.redt:hover,a.greent:hover,a.oranget:hover,a.greyt:hover,a.blackt:hover,a.bluet:hover,a.lightbluet:hover,a.purplet:hover{text-decoration:underline;}
 .link a{border-bottom:1px #c1c1c1 dashed;}
 
 
 .row{width:101%;transition:.2s width ease}
 .row:after,.row:before{display:table;clear:both;content:''}
 .row>[class*=span-]{float:left;margin-right:1%}
 .row>.span-1{width:7.33333333%}
 .row>.span-2{width:15.66666667%}
 .row>.span-3{width:24%}
 .row>.span-4{width:32.33333333%}
 .row>.span-5{width:40.66666667%}
 .row>.span-6{width:49%}
 .row>.span-7{width:57.33333333%}
 .row>.span-8{width:65.66666667%}
 .row>.span-9{width:74%}
 .row>.span-10{width:82.33333333%}
 .row>.span-11{width:90.66666667%}
 .row>.span-12{width:99%}
 .full-row{width:100%;transition:.2s width ease}
 .full-row:after,.full-row:before{display:table;clear:both;content:''}
 .full-row>[class*=span]{float:left}
 .full-row>.span-1{width:8.33333333%}
 .full-row>.span-2{width:16.66666667%}
 .full-row>.span-3{width:25%}
 .full-row>.span-4{width:33.33333333%}
 .full-row>.span-5{width:41.66666667%}
 .full-row>.span-6{width:50%}
 .full-row>.span-7{width:58.33333333%}
 .full-row>.span-8{width:66.66666667%}
 .full-row>.span-9{width:75%}
 .full-row>.span-10{width:83.33333333%}
 .full-row>.span-11{width:91.66666667%}
 .full-row>.span-12{width:100%}
 .full-row>.pull-right,.row>.pull-right{float:right}
 .row>.center{position:relative;left:-.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}
 .full-row>.center{display:block;float:none;clear:both;margin-right:auto;margin-left:auto}
 .pull-left-1{position:relative;left:-8.33333333%}
 .pull-left-2{position:relative;left:-16.66666667%}
 .pull-left-3{position:relative;left:-25%}
 .pull-left-4{position:relative;left:-33.33333333%}
 .pull-left-5{position:relative;left:-41.66666667%}
 .pull-left-6{position:relative;left:-50%}
 .pull-left-7{position:relative;left:-58.33333333%}
 .pull-left-8{position:relative;left:-66.66666667%}
 .pull-left-9{position:relative;left:-75%}
 .pull-left-10{position:relative;left:-83.33333333%}
 .pull-left-11{position:relative;left:-91.66666667%}
 .pull-left-12{position:relative;left:-100%}
 .pull-right-1{position:relative;left:8.33333333%}
 .pull-right-2{position:relative;left:16.66666667%}
 .pull-right-3{position:relative;left:25%}
 .pull-right-4{position:relative;left:33.33333333%}
 .pull-right-5{position:relative;left:41.66666667%}
 .pull-right-6{position:relative;left:50%}
 .pull-right-7{position:relative;left:58.33333333%}
 .pull-right-8{position:relative;left:66.66666667%}
 .pull-right-9{position:relative;left:75%}
 .pull-right-10{position:relative;left:83.33333333%}
 .pull-right-11{position:relative;left:91.66666667%}
 .pull-right-12{position:relative;left:100%}
 @media only screen and (max-width:1024px){.row>.midd-1{width:7.33333333%}
 .row>.midd-2{width:15.66666667%}
 .row>.midd-3{width:24%}
 .row>.midd-4{width:32.33333333%}
 .row>.midd-5{width:40.66666667%}
 .row>.midd-6{width:49%}
 .row>.midd-7{width:57.33333333%}
 .row>.midd-8{width:65.66666667%}
 .row>.midd-9{width:74%}
 .row>.midd-10{width:82.33333333%}
 .row>.midd-11{width:90.66666667%}
 .row>.midd-12{width:99%}
 .midd-hide{display:none}
 .midd-center{position:relative;left:-.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}
 .full-row>.midd-1{width:8.33333333%}
 .full-row>.midd-2{width:16.66666667%}
 .full-row>.midd-3{width:25%}
 .full-row>.midd-4{width:33.33333333%}
 .full-row>.midd-5{width:41.66666667%}
 .full-row>.midd-6{width:50%}
 .full-row>.midd-7{width:58.33333333%}
 .full-row>.midd-8{width:66.66666667%}
 .full-row>.midd-9{width:75%}
 .full-row>.midd-10{width:83.33333333%}
 .full-row>.midd-11{width:91.66666667%}
 .full-row>.midd-12{width:100%}
 }
 @media only screen and (max-width:992px){.row>.smidd-1{width:7.33333333%}
 .row>.smidd-2{width:15.66666667%}
 .row>.smidd-3{width:24%}
 .row>.smidd-4{width:32.33333333%}
 .row>.smidd-5{width:40.66666667%}
 .row>.smidd-6{width:49%}
 .row>.smidd-7{width:57.33333333%}
 .row>.smidd-8{width:65.66666667%}
 .row>.smidd-9{width:74%}
 .row>.smidd-10{width:82.33333333%}
 .row>.smidd-11{width:90.66666667%}
 .row>.smidd-12{width:99%}
 .smidd-hide{display:none}
 .smidd-center{position:relative;left:-.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}
 .full-row>.smidd-1{width:8.33333333%}
 .full-row>.smidd-2{width:16.66666667%}
 .full-row>.smidd-3{width:25%}
 .full-row>.smidd-4{width:33.33333333%}
 .full-row>.smidd-5{width:41.66666667%}
 .full-row>.smidd-6{width:50%}
 .full-row>.smidd-7{width:58.33333333%}
 .full-row>.smidd-8{width:66.66666667%}
 .full-row>.smidd-9{width:75%}
 .full-row>.smidd-10{width:83.33333333%}
 .full-row>.smidd-11{width:91.66666667%}
 .full-row>.smidd-12{width:100%}
 }
 @media only screen and (max-width:760px){.row>.smal-1{width:7.33333333%}
 .row>.smal-2{width:15.66666667%}
 .row>.smal-3{width:24%}
 .row>.smal-4{width:32.33333333%}
 .row>.smal-5{width:40.66666667%}
 .row>.smal-6{width:49%}
 .row>.smal-7{width:57.33333333%}
 .row>.smal-8{width:65.66666667%}
 .row>.smal-9{width:74%}
 .row>.smal-10{width:82.33333333%}
 .row>.smal-11{width:90.66666667%}
 .row>.smal-12{width:99%}
 .smal-hide{display:none}
 .smal-show{display:block}
 .smal-center{position:relative;left:-.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}
 [class*=pull-left-],[class*=pull-right-]{right:auto;left:auto}
 .full-row>.smal-1{width:8.33333333%}
 .full-row>.smal-2{width:16.66666667%}
 .full-row>.smal-3{width:25%}
 .full-row>.smal-4{width:33.33333333%}
 .full-row>.smal-5{width:41.66666667%}
 .full-row>.smal-6{width:50%}
 .full-row>.smal-7{width:58.33333333%}
 .full-row>.smal-8{width:66.66666667%}
 .full-row>.smal-9{width:75%}
 .full-row>.smal-10{width:83.33333333%}
 .full-row>.smal-11{width:91.66666667%}
 .full-row>.smal-12{width:100%}
 }
 
 *[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
 *[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
 *height: auto;}
 .rect-50{padding-bottom: 50%;}
 .rect-5625{padding-bottom: 56.25%;}
 .rect-60{padding-bottom: 60%;}
 .rect-618{padding-bottom: 61.8%;}
 .rect-70{padding-bottom: 70%;}
 .rect-75{padding-bottom: 75%;}
 .rect-80{padding-bottom: 80%;}
 .rect-90{padding-bottom: 90%;}
 .rect-100{padding-bottom: 100%;}
 
 /* w系列控制宽度 */
 .wauto { width: auto }
 .w-25 { width: 25%; }
 .w-33 { width: 33.3%; }
 .w100{width:100%;}
 .w-50{width:50%;}
 
 /* h系列控制高度 */
 .h100 { height:100%; }
 .hauto { height:auto; }
 
 .h20px { height: 20px; }
 .h30px { height: 30px; }
 .h40px { height: 40px; }
 .h50px { height: 50px; }
 .h75px { height: 75px; }
 .h100px { height: 100px; }
 .h130px { height: 130px; }
 .h150px { height: 150px; }
 .h210px { height: 210px; }
 .h250px { height: 250px; }
 .h585px { height: 585px; }
 
 /*边框*/
 .b-a{border:1px #dbdbdb solid;}
 .b-l{border-left:1px #dbdbdb solid;}
 .b-r{border-right:1px #dbdbdb solid;}
 .b-t{border-top:1px #dbdbdb solid;}
 .b-b{border-bottom:1px #dbdbdb solid;}
 .b-ld{border-left:1px #dbdbdb dashed;}
 .b-rd{border-right:1px #dbdbdb dashed;}
 .b-td{border-top:1px #dbdbdb dashed;}
 .b-bd{border-bottom:1px #dbdbdb dashed;}
 
 /* 行高 */
 .h-35{line-height:35px;}
 .h-30{line-height:30px;}
 .h-20{line-height:20px;}
 .h-22{line-height:22px;}
 .h-24{line-height:24px;}
 .h-25{line-height:25px;}
 .h-26{line-height:26px;}
 .h-29{line-height:29px;}
 .h-32{line-height:32px;}
 .h-37{line-height:37px;}
 .h-38{line-height:38px;}
 .h-40{line-height:40px;}
 .h-54{line-height:54px;}
 
 /*左右漂浮样式*/
 .l { float: left; }
 .r { float: right; }
 
 /* p系列控制padding */
 .p5 { padding:5px;}
 .p10 { padding:10px;}
 .p15 { padding:15px;}
 .p20 { padding:20px;}
 .p25 { padding:25px;}
 .p30 { padding:30px;}
 
 .pt2 { padding-top:2px;}
 .pt5 { padding-top:5px;}
 .pt10 { padding-top:10px;}
 .pt15 { padding-top:15px;}
 .pt20 { padding-top:20px;}
 .pt25 { padding-top:25px;}
 .pt30 { padding-top:30px;}
 
 .pr5 { padding-right:5px;}
 .pr10 { padding-right:10px !important;}
 .pr15 { padding-right:15px;}
 .pr20 { padding-right:20px;}
 .pr25 { padding-right:25px;}
 .pr30 { padding-right:30px;}
 
 .pb0 { padding-bottom:0px !important;}
 .pb5 { padding-bottom:5px;}
 .pb10 { padding-bottom:10px;}
 .pb13 { padding-bottom:12px;}
 .pb15 { padding-bottom:15px;}
 .pb20 { padding-bottom:20px;}
 .pb25 { padding-bottom:25px;}
 .pb30 { padding-bottom:30px !important;}
 .pb55rem { padding-bottom:0.55rem; !important;}
 
 .pl2 { padding-left:2px;}
 .pl5 { padding-left:5px;}
 .pl10 { padding-left:10px;}
 .pl15 { padding-left:15px;}
 .pl20 { padding-left:20px;}
 .pl25 { padding-left:25px;}
 .pl30 { padding-left:30px;}
 
 /* m系列控制padding */
 .m5 { margin:5px!important;}
 .m10 { margin:10px!important;}
 .m15 { margin:15px!important;}
 .m20 { margin:20px!important;}
 .m25 { margin:25px!important;}
 .m30 { margin:30px!important;}
 
 .mt0 { margin-top:0px!important;}
 .mt5 { margin-top:5px!important;}
 .mt10 { margin-top:10px!important;}
 .mt12 { margin-top:12px!important;}
 .mt15 { margin-top:15px!important;}
 .mt18 { margin-top:18px!important;}
 .mt20 { margin-top:20px!important;}
 .mt25 { margin-top:25px!important;}
 .mt30 { margin-top:30px!important;}
 .mt35 { margin-top:35px!important;}
 .mt40 { margin-top:40px!important;}
 .mt50 { margin-top:50px!important;}
 .mt60 { margin-top:60px!important;}
 .mt45 { margin-top:45px!important;}
 .mt90 { margin-top:90px!important;}
 
 .mr5 { margin-right:5px!important;}
 .mr10 { margin-right:10px!important;}
 .mr15 { margin-right:15px!important;}
 .mr20 { margin-right:20px!important;}
 .mr25 { margin-right:25px!important;}
 .mr30 { margin-right:30px!important;}
 .mr70 { margin-right:30px!important;}
 
 .mb0 { margin-bottom:0px!important;}
 .mb5 { margin-bottom:5px!important;}
 .mb10 { margin-bottom:10px!important;}
 .mb15 { margin-bottom:15px!important;}
 .mb20 { margin-bottom:20px!important;}
 .mb25 { margin-bottom:25px!important;}
 .mb30 { margin-bottom:30px!important;}
 
 .ml0 { margin-left:0px!important;}
 .ml5 { margin-left:5px!important;}
 .ml10 { margin-left:10px!important;}
 .ml15 { margin-left:15px!important;}
 .ml20 { margin-left:20px!important;}
 .ml25 { margin-left:25px!important;}
 .ml30 { margin-left:30px!important;}
 .ml35 { margin-left:35px!important;}
 .ml100 { margin-left:100px!important;}