@charset "utf-8";

/*全局*/
body{margin:0; padding: 0; background-color:#fff; font-family:"microsoft yahei",arial,sans-serif; color: #333; font-size: 18px;}
div{display:block; box-sizing: border-box;}
ul,ol,li,dd,dt,dl,p,h1,h2,h3,h4,h5,h6{margin:0; padding:0; list-style:none; display:block; box-sizing: border-box;}

h1,h2,h3,h4,h5,h6{font-family:"microsoft yahei",arial,sans-serif; color: #000;}
h1{font-size:48px; line-height: 70px;}
h2{font-size:40px;}
h3{font-size:33px;}
h4{font-size:34px;}
h5{font-size:30px;}
h6{font-size:18px;}

img{border:none;}
a{text-decoration:none; color: #333;}
a:hover{color: #2d97d4;}
input,button,select,textarea{font-family:arial; color:#474747; box-sizing: border-box; outline: none;}
button{cursor: pointer;}
table{width: 100%; border-collapse:collapse; border-spacing:0; border: none;}
table tr td,table tr th{margin: 0; padding: 0;}

.img-full{display:block; width:auto; max-width: 100%; height:auto; box-sizing: border-box;}
.center{display: block; margin: 0 auto;}
.clearfix{clear:both;}
.text-left{text-align: left !important;}
.text-center{text-align: center !important;}
.text-right{text-align: right !important;}
.float-left{float: left !important;}
.float-right{float: right !important;}

.p-lr-30{padding-left: 30px !important; padding-right: 30px !important;}
.p-t-10{padding-top: 10px !important;}
.p-t-20{padding-top: 20px !important;}
.p-t-40{padding-top: 40px !important;}
.p-b-0{padding-bottom: 0px !important;}
.p-b-70{padding-bottom: 70px !important;}
.p-b-120{padding-bottom: 120px !important;}
.m-l-50{margin-left: 50px !important;}
.m-l-20{margin-left: 20px !important;}


/*框架*/
.section{padding:80px 20px;}
.header{width:100%; min-width:1240px; padding-left:20px; padding-right: 20px; margin:0 auto;}
.container, .section{width: 1240px; margin:0 auto; padding-left:20px !important; padding-right: 20px !important;}
.container-medium{width:100%; max-width:1440px; min-width:1200px; margin:0 auto; padding:0 20px;}
.container-full, .footer{width:100%; min-width:1240px; margin:0 auto;}
.row{width:100%; float: left;}
[class*="col-"]{display:block; box-sizing:border-box; float:left;}
.col-12{width:100% !important;}
.col-11{width:91.66666666% !important;}
.col-10{width:83.33333333% !important;}
.col-9{width:75% !important;}
.col-8{width:66.66666666% !important;}
.col-7{width:58.33333333% !important;}
.col-6{width:50% !important;}
.col-5{width:41.666666660% !important;}
.col-4{width:33.33333333% !important;}
.col-3{width:25% !important;}
.col-2{width:16.66666666% !important;}
.col-1{width:8.33333333% !important;}
.col-90{width:90% !important;}
.col-80{width:80% !important;}
.col-70{width:70% !important;}
.col-60{width:60% !important;}
.col-50{width:50% !important;}
.col-40{width:40% !important;}
.col-30{width:30% !important;}
.col-20{width:20% !important;}
.col-offset-3{margin-left: 25%;}


/*配色*/
.bg-blue{background-color: #2d97d4;}
.bg-black{background-color: #333;}
.bg-white{background-color: #fff;}
.bg-grey{background-color: #ccc;}
.color-blue{color: #2d97d4 !important;}
.color-black{color: #000 !important;}
.color-grey{color: #999 !important;}