body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
html{color:#000;}
html,body{width:100%;height:100%;}
body,button,input,select,textarea{font-size:12px;font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:100%}
em{font-style:normal}
small{font-size:12px}
ul,ol{list-style:none}
a{text-decoration:none}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
img{-ms-interpolation-mode:bicubic}
textarea{resize:vertical}
.left{float:left}
.right{float:right}
.overflow{overflow:hidden}
.hide{display:none}
.block{display:block}
.inline{display:inline}
.error{color:#F00;font-size:12px}
button,input,a{outline:none;}
button{cursor:pointer;}
.clearfix:after{content:'\20';display:block;height:0;clear:both}
.clearfix{zoom:1}.clear{clear:both;height:0;line-height:0;font-size:0;visibility:hidden;overflow:hidden}
.wordwrap{word-break:break-all;word-wrap:break-word}
pre.wordwrap{white-space:pre-wrap}
img{border:0}
.clearfix:after {content: "";display: block;clear: both;visibility: hidden;height: 0;font-size:0;}
*{box-sizing:border-box;}


.h-lh28{height: 28px;line-height: 26px;}
.h-lh30{height: 30px;line-height: 30px;}
.h-lh40{height: 40px;line-height: 40px;}
.h-lh50{height: 50px;line-height: 50px;}

/* 脦脛脳脰脜脜掳忙 */
.f11{font-size:1.1rem;}
.f12{font-size:1.2rem;}
.f13{font-size:1.3rem;}
.f15{font-size:1.5rem;}
.f-12{font-size:12px;}
.f-13{font-size:13px;}
.f-14{font-size:14px;}
.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-50{font-size:50px;}
.f2{font-size: 2rem;}
.fw-b{font-weight:bold;}
.fw-n{font-weight:normal;}
.ti-2{text-indent:2em;}
.lh30{line-height:30px;}
.lh-150{line-height:150%;}
.lh-180{line-height:180%;}
.lh-200{line-height:200%;}
.td-u{text-decoration:underline;}
.td-n{text-decoration:none;}

/* 脦脛脳脰脩脮脡芦-卤鲁戮掳脩脮脡芦 */
.color-f{color:#fff;}
.color-3{color:#333;}
.color-6{color:#666;}
.color-9{color:#999;}
.color-0{color:#000;}
.color-af{color: #afafaf;}
.color-5ca{color: #5cabee;}
.color-5c8{color: #5c86ff;}
.color-1ea{color: #1ea0fa;}

.bgcolor-f{background-color:#fff;}
.bgcolor-e{background-color:#eee;}
.bgcolor-0{background-color:#000;}
.bgcolor-f1{background-color: #f1f1f1;}
.bgcolor-f2{background: #f2f2f2;}
.bgcolor-f5{background: #f5f5f5;}
.bgcolor-ff5{background-color:#FF5722 !important;}
.bgcolor-ff9{background-color:#FF9800 !important;}
.bgcolor-4ca{background-color: #4CAF50 !important;}
.bgcolor-1ea{background: #1ea0fa !important;}
.bgcolor-f7{background-color: #f7f7f7;}


/* 驴铆露脠赂脽露脠 */
.h-a{height: auto;}
.h{height:100% !important;}
.h-5{height:5px;}
.h-10{height:10px;}
.h-15{height:15px;}
.h-20{height:20px;}
.h-30{height:30px;}
.h-40{height:40px;}
.h-50{height:50px;}
.h-60{height:60px;}
.h-70{height:70px;}
.h-80{height:80px;}
.h-90{height:90px;}
.h-100{height:100px;}
.h-120{height:120px !important;}
.h-628{height:628px;}

.w{width:100% !important;}
.w50{width: 50%;}
.w-10{width:10px;}
.w-20{width:20px;}
.w-24{width:24px;}
.w-30{width:30px;}
.w-40{width:40px;}
.w-50{width:50px;}
.w-60{width:60px;}
.w-70{width:70px;}
.w-80{width:80px;}
.w-90{width:90px;}
.w-100{width:100px;}
.w-200{width:200px !important;}
.w-300{width:300px;}
.w-400{width:400px;}
.w-500{width:500px;}
.w-600{width:600px;}
.w-700{width:700px;}
.w-800{width:800px;}
.w-1024{width:1024px;}
.w-1000{width:1000px;}
.w-1200{width:1200px;}

/* 露篓脦禄 */
.t-l{text-align:left;}
.t-c{text-align:center;}
.t-r{text-align:right;}
.v-m{vertical-align:middle !important;}
.v-b{vertical-align:bottom;}
.f-l{float:left !important;}
.f-r{float:right !important;}
.f-n{float:none !important;}
.m-c{margin:0 auto;}
.p-r{position:relative;}
.p-a{position:absolute;}
.p-f{position: fixed;}
.o-h{overflow:hidden;}
.o-a{overflow:auto;}
.d-n{display:none;}
.d-f{display:flex;}
.d-ib{display:inline-block;}
.d-b{display:block;}
.d-i{display:inline;}
.df-jc-ac{display:flex;justify-content: center;align-items: center;}
.df-fw{display:flex;flex-wrap:wrap;}
.df-jc{display:flex;justify-content:center;}
.df-ac{display:flex;align-items: center;}
.df-ac-jcsa{display:flex;align-items: center;justify-content: space-around;}
.df-ac-jcsb{display:flex;align-items: center;justify-content: space-between;}
.df-jcsb{display:flex;justify-content: space-between;}/* 左右分布 */
.fx1{flex: 1;}
.zoom{zoom:1;}
.zindex-n1{z-index:-1;}
.zindex-1{z-index:1;}
.zindex-2{z-index:2;}
.zindex-3{z-index:3;}
.zindex-4{z-index:4;}
.zindex-5{z-index:5;}
.zindex-6{z-index:6;}
.zindex-7{z-index:7;}
.zindex-8{z-index:8;}
.zindex-9{z-index:9;}
.zindex-10{z-index:10;}

/* 卤脽戮脿 */
.n-m{margin:0 !important;}
.n-p{padding:0 !important;}
.m-a{margin: auto;}
.m-0a{margin: 0 auto;}
.m-a0{margin: auto 0;}

.m-10{margin:10px !important;}
.m-0-10{margin:0 10px;}
.m-10-0{margin:10px 0;}
.m-15{margin:15px;}
.m-20{margin:20px;}
.m-30{margin:30px;}
.mt-0{margin-top:0;}
.mt-5{margin-top:5px;}
.mt-7{margin-top:7px;}
.mt1{margin-top: 1rem;}
.mt-8{margin-top:8px;}
.mt-10{margin-top:10px !important;}
.mt-15{margin-top:15px !important;}
.mt-20{margin-top:20px !important;}
.mt20{margin-top:20%;}
.mt-25{margin-top:25px;}
.mt-30{margin-top:30px;}
.mt-40{margin-top:40px !important;}
.mt-50{margin-top:50px !important;}
.mt-80{margin-top:80px;}
.mt-100{margin-top:100px;}
.mb-0{margin-bottom:0;}
.mb-5{margin-bottom:5px;}
.mb-10{margin-bottom:10px;}
.mb-15{margin-bottom:15px;}
.mb-20{margin-bottom:20px;}
.mb-25{margin-bottom:25px;}
.mb-30{margin-bottom:30px;}
.mb-40{margin-bottom:40px;}
.mb-50{margin-bottom:50px;}
.mb-80{margin-bottom:80px;}
.mb-100{margin-bottom:100px;}
.ml-0{margin-left:0;}
.ml2{margin-left: 2rem;}
.ml-3{margin-left: 3px;}
.ml-5{margin-left:5px;}
.ml-10{margin-left:10px;}
.ml-15{margin-left:15px;}
.ml-18{margin-left:18px;}
.ml-20{margin-left:20px;}
.ml-25{margin-left:25px;}
.ml-30{margin-left:30px;}
.ml-32{margin-left:32px;}
.ml-40{margin-left:40px;}
.ml-50{margin-left:50px;}
.ml-80{margin-left:80px;}
.ml-100{margin-left:100px;}
.mr-0{margin-right:0;}
.mr-5{margin-right:5px;}
.mr-10{margin-right:10px;}
.mr-15{margin-right:15px;}
.mr-20{margin-right:20px;}
.mr-25{margin-right:25px;}
.mr-30{margin-right:30px;}
.mr-40{margin-right:40px;}
.mr-50{margin-right:50px;}
.mr-80{margin-right:80px;}
.mr-100{margin-right:100px;}

.p06{padding: 0 6%;}
.p-0{padding:0;}
.p-5{padding:5px;}
.p-0-10{padding:0 10px;}
.p-10{padding:10px;}
.p-15{padding:15px;}
.p-20{padding:20px;}
.p-25{padding:25px;}
.p-30{padding:30px;}
.p-45{padding:45px;}
.p-8-10{padding:8px 10px;}
.p-5-0{padding:5px 0;}
.p-0-5{padding: 0 5px;}
.p-5-15{padding:5px 15px;}
.p-5-20{padding:5px 20px;}
.p-10-20{padding:10px 20px;}
.pt-0{padding-top:0;}
.p-t5{padding-top:5px;}
.pt-10{padding-top:10px;}
.pt-15{padding-top:15px;}
.pt-20{padding-top:20px;}
.pt-25{padding-top:25px;}
.pt-30{padding-top:30px;}
.pt-40{padding-top:40px;}
.pt-50{padding-top:50px;}
.pt-80{padding-top:80px;}
.pt-100{padding-top:100px;}
.pb-0{padding-bottom:0;}
.pb02{padding-bottom: 0.2rem;}
.pb-5{padding-bottom:5px;}
.pb-10{padding-bottom:10px;}
.pb-15{padding-bottom:15px;}
.pb-20{padding-bottom:20px;}
.pb-25{padding-bottom:25px;}
.pb-30{padding-bottom:30px;}
.pb-40{padding-bottom:40px;}
.pb-50{padding-bottom:50px;}
.pb-80{padding-bottom:80px;}
.pb-100{padding-bottom:100px;}
.pl-0{padding-left:0;}
.pl-5{padding-left:5px;}
.pl-10{padding-left:10px;}
.pl-15{padding-left:15px;}
.pl-19{padding-left:19px;}
.pl-20{padding-left:20px;}
.pl-22{padding-left:22px;}
.pl-25{padding-left:25px;}
.pl-30{padding-left:30px;}
.pl-40{padding-left:40px;}
.pl-50{padding-left:50px;}
.pl-80{padding-left:80px;}
.pl-100{padding-left:100px;}
.pr-0{padding-right:0;}
.pr-5{padding-right:5px;}
.pr-10{padding-right:10px;}
.pr-15{padding-right:15px;}
.pr-20{padding-right:20px;}
.pr-25{padding-right:25px;}
.pr-30{padding-right:30px;}
.pr-40{padding-right:40px;}
.pr-50{padding-right:50px;}
.pr-80{padding-right:80px;}
.pr-100{padding-right:100px;}

/* 鹿媒露脡 */
.transition{transition:all .25s linear;}

.opacity1{opacity: 1 !important;}

/* 掳麓脜楼 */
.mbtn{padding: 6px 12px;font-weight: 400;border: none;border-radius: 4px;}
.mbtn-1{background-color:#1ABC9C;color:#fff;}.mbtn-1:hover,.mbtn-1:focus,.mbtn-1:active{background-color:#16A085;color:#fff;}
.mbtn-2{background-color:#2ECC71;color:#fff;}.mbtn-2:hover,.mbtn-2:focus,.mbtn-2:active{background-color:#27AE60;color:#fff;}
.mbtn-3{background-color:#3498DB;color:#fff;}.mbtn-3:hover,.mbtn-3:focus,.mbtn-3:active{background-color:#2980B9;color:#fff;}
.mbtn-4{background-color:#9B59B6;color:#fff;}.mbtn-4:hover,.mbtn-4:focus,.mbtn-4:active{background-color:#8E44AD;color:#fff;}
.mbtn-5{background-color:#34495E;color:#fff;}.mbtn-5:hover,.mbtn-5:focus,.mbtn-5:active{background-color:#2C3E50;color:#fff;}
.mbtn-6{background-color:#F1C40F;color:#fff;}.mbtn-6:hover,.mbtn-6:focus,.mbtn-6:active{background-color:#F39C12;color:#fff;}
.mbtn-7{background-color:#E67E22;color:#fff;}.mbtn-7:hover,.mbtn-7:focus,.mbtn-7:active{background-color:#D35400;color:#fff;}
.mbtn-8{background-color:#E74C3C;color:#fff;}.mbtn-8:hover,.mbtn-8:focus,.mbtn-8:active{background-color:#C0392B;color:#fff;}
.mbtn-9{background-color:#ECF0F1;color:#bdc3c7;}.mbtn-9:hover,.mbtn-9:focus,.mbtn-9:active{background-color:#BDC3C7;color:#fff;}
.mbtn-10{background-color:#95A5A6;color:#fff;}.mbtn-10:hover,.mbtn-10:focus,.mbtn-10:active{background-color:#7F8C8D;color:#fff;}

/* 脝盲脣没 */
.c-p{cursor:pointer;}
.c-d{cursor:default;}
.b-0{border:0 !important;}
.br-4{border-radius:4px;}
.br-8{border-radius:8px;}
.br-10{border-radius:10px;}
.brl{border-radius: 50px 0 0 50px;}
.brr{border-radius: 0 50px 50px 0;}
.o-hov:hover,.o-hov:focus{opacity:0.8;filter:alpha(opacity=80);}

/* 潞脨脛拢脢陆脦陋鹿脰脪矛脛拢脢陆 */
.bs-b{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.bd-t{border-top: 1px solid #fafafa;}
/* 虏录戮脰 */
.box990{width:990px !important;margin:0 auto;float:none;padding-left:5px;padding-right:5px;}
.box1024{width:1024px !important;margin:0 auto;float:none;padding-left:12px;padding-right:12px;}
.box1200{width:1200px !important;margin:0 auto;float:none;padding-left:15px;padding-right:15px;}

a:link, a:hover, a:visited, a:focus{text-decoration: none;outline: none;}
a{-webkit-transition: color .2s;-moz-transition: color .2s;-ms-transition: color .2s;-o-transition: color .2s;}
input, textarea, button, a, select {-webkit-tap-highlight-color: rgba(0,0,0,0);}
.pr_cent,.pa_cent{top: 50%;left: 50%;transform: translate(-50%, -50%);}
.pa_cent{position: absolute;}
.pr_cent{position: relative;}
/* 姘村钩椤甸潰灞呬腑 */
.spa_cent{position: absolute;top: 0;left: 50%;transform: translate(-50%);}
/* 閬僵灞� */
.mask{width:100%;height:1200px;background:#000;position:fixed;top:0;left:0;z-index:2;opacity:0.6;display:none;}

 /* 鍔ㄧ敾 */
 .am{animation:fadeInDown 1s ease 0.3s both;-webkit-animation:fadeInDown 1s ease 0.3s both;}
 .am1{animation:fadeInUp 0.5s ease both;-webkit-animation:fadeInUp 0.5s ease both;}
 .ami{animation:twisterInUp 2s ease 0.5s infinite both;-webkit-animation:twisterInUp 2s ease 0.5s infinite both;}

 /* 鍔ㄧ敾寤惰繜 */
 .delay-03{animation-delay:.3s;-webkit-animation-delay:.3s;}
 .delay-05{animation-delay:.5s;-webkit-animation-delay:.5s;}
 .delay-07{animation-delay:.7s;-webkit-animation-delay:.7s;}
 .delay-09{animation-delay:.9s;-webkit-animation-delay:.9s;}
 .delay-1{animation-delay:1s;-webkit-animation-delay:1s;}
 .delay-11{animation-delay:1.1s;-webkit-animation-delay:1.1s;}
 .delay-15{animation-delay:1.5s;-webkit-animation-delay:1.5s;}
 .delay-2{animation-delay:2s;-webkit-animation-delay:2s;}
 .delay-25{animation-delay:2.5s;-webkit-animation-delay:2.5s;}
 .delay-3{animation-delay:3s;-webkit-animation-delay:3s;}
 .delay-35{animation-delay:3.5s;-webkit-animation-delay:3.5s;}
 .delay-4{animation-delay:4s;-webkit-animation-delay:4s;}
 .delay-45{animation-delay:4.5s;-webkit-animation-delay:4.5s;}
 .delay-5{animation-delay:5s;-webkit-animation-delay:5s;}

 /* 右边淡入 */
 .firanimation{-webkit-animation:fadeInRight 1s .2s ease both;-moz-animation:fadeInRight 1s .2s ease both;}
 @-webkit-keyframes fadeInRight {0%{opacity:0;-webkit-transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0)}}
 @-moz-keyframes fadeInRight {0%{opacity:0;-moz-transform:translateX(20px)}100%{opacity:1;-moz-transform:translateX(0)}}
 /* 右边淡出 */
 .foranimation{-webkit-animation:fadeOutRight 1s .2s ease both;-moz-animation:fadeOutRight 1s .2s ease both;}
 @-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px)}}
 @-moz-keyframes fadeOutRight{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(20px)}}
/* 左边淡入 */
.filanimation{-webkit-animation:fadeInLeft 1s .2s ease both;-moz-animation:fadeInLeft 1s .2s ease both;}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-20px)}100%{opacity:1;-moz-transform:translateX(0)}}
/* 左边淡出*/
.folanimation{-webkit-animation:fadeOutLeft 3s .2s ease both;-moz-animation:fadeOutLeft 1s .2s ease both;}
@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-300px)}}
@-moz-keyframes fadeOutLeft{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(-300px)}}
 /* 向下淡出 */
 .fodownanimation{-webkit-animation:fadeOutDown 5s .2s ease both;-moz-animation:fadeOutDown 5s .2s ease both;}
 @-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px)}}
 @-moz-keyframes fadeOutDown{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(20px)}}


/*ico*/
@font-face{
    font-family:"icon";
    src: url('../fonts/iconfont.eot');
    src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/iconfont.woff') format('woff'),
    url('../fonts/iconfont.ttf') format('truetype'),
    url('../fonts/iconfont.svg#iconfont') format('svg');
}

@font-face{
    font-family:"icon1";
    src: url('../fonts/iconfont1.eot');
    src: url('../fonts/iconfont1.eot?#iefix') format('embedded-opentype'),
    url('../fonts/iconfont1.woff') format('woff'),
    url('../fonts/iconfonn1.ttf') format('truetype'),
    url('../fonts/iconfont1.svg#iconfont') format('svg');
}

[class*="ico-"]{
    font-family:"icon" !important;
    font-style:normal;
    -webkit-text-stroke-width: 0.2px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}