@charset "gb2312";
/* CSS Document */

body{font-size:62.5%; line-height:1.8rem; background:#fff; font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,WenQuanYi Micro Hei,Arial,sans-serif; color:#333;}
div,p,ul,li,form,input,textarea,button{font-size:1.4rem;}
ul,ol,li{ list-style:none;}
*{margin:0;padding:0;}
a{ color:#333;}
a:hover{ color:#f00; text-decoration:none;}
.nav{font-size:1.4rem;}
.black, a.black, .black a{ color:#000;}
.red, a.red, .red a{ color:#e60000;}
.blue, a.blue, .blue a{ color:#005cab;}
.white, a.white{ color:#fff;}
.gray, a.gray, .gray a{ color:#ccc;}
.gray9, a.gray9, .gray9 a{ color:#999;}
img{width:auto; max-width:100%;}
.black{ color:#333;}
.org{ color:#f60;}
.green{ color:#47b224;}
.f12{font-size:1.2rem;}
.f14{font-size:1.4rem;}
.f16{font-size:1.6rem;}
.f18{font-size:1.8rem;}
.f24{font-size:2.4rem;}
.f36{font-size:3.6rem; line-height:1.2; font-weight:300;}
.f42{font-size:4.2rem;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.b-white{ background:#fff; border-radius:3px; padding-top:15px; padding-left:15px; padding-right:15px; margin-top:20px; padding-bottom:20px; transition:all .3s ease;}
.b-white:hover{margin-top:10px; box-shadow:0 5px 10px 0 #ccc; transition:all .3s ease;}
.box-1{ background:#ff3737; border-radius:3px; padding-top:15px; padding-left:15px; padding-right:15px; margin-top:20px; padding-bottom:20px; transition:all .3s ease;}
.box-1:hover{margin-top:10px; box-shadow:0 5px 10px 0 #ccc; transition:all .3s ease;}
.box-2{ background:#ff9037; border-radius:3px; padding-top:15px; padding-left:15px; padding-right:15px; margin-top:20px; padding-bottom:20px; transition:all .3s ease;}
.box-2:hover{margin-top:10px; box-shadow:0 5px 10px 0 #ccc; transition:all .3s ease;}
.box-3{ background:#69e288; border-radius:3px; padding-top:15px; padding-left:15px; padding-right:15px; margin-top:20px; padding-bottom:20px; transition:all .3s ease;}
.box-3:hover{margin-top:10px; box-shadow:0 5px 10px 0 #ccc; transition:all .3s ease;}
.box-4{ background:#0078ff; border-radius:3px; padding-top:15px; padding-left:15px; padding-right:15px; margin-top:20px; padding-bottom:20px; transition:all .3s ease;}
.box-4:hover{margin-top:10px; box-shadow:0 5px 10px 0 #ccc; transition:all .3s ease;}
.icon1, .icon2, .icon3, .icon4{width:76px; height:76px; line-height:76px; text-align:center; background:#ff9037; display:inline-block; border-radius:3px;}
.icon2{ background:#ff3737;}
.icon3{ background:#00a8ff; color:#fff;}
.icon4{ background:#ff9037;}
.b-gary{ background:#f5f5f5; padding-top:50px; padding-bottom:50px;}
.b-k{ background:#964b29; padding-top:50px; padding-bottom:50px;}
.pr20{padding-right:20px; padding-left:20px;}
.pr80{padding-right:40px; padding-left:40px;}
.banner{height:600px; background:url(img/banner.jpg) no-repeat center top;}
.d-show{ display:block;}
.d-hidden{ display: none;}
.bg-kc{ background:url(img/bg.jpg) no-repeat center top; padding-bottom:100px;}
.bg-tx{  background:url(img/bg1.jpg) no-repeat center top; padding-bottom:70px; padding-top:100px;}
.bg-3{  background:url(img/bg2.jpg) no-repeat center top; padding-bottom:200px; padding-top:200px;}
.kc p{padding:30px 15px; border:1px solid #fff; width:95%; margin:15px auto 0;}

.tools{ background-color:#fff; padding:10px 0; margin-left:auto; margin-right:auto;}
.tools li{float:left; width:100px; text-align:center; margin:5px 0; font-size:1.4rem;}
.tools li span{width:60px; height:60px; background:#ff3737; border-radius:50%; line-height:60px; display:block; color:#fff; margin:0 auto 5px;}
.tools li span.tool2{ background:#ff9037;}
.tools li span.tool3{ background:#fff600; color:#000;}
.tools li span.tool4{ background:#69e288;}
.tools li span.tool5{ background:#25ddee;}
.tools li span.tool6{ background:#0078ff;}
.tools li span.tool7{ background:#ec25a8;}



@media(max-width:768px){
.mt50{margin-top:20px;}
.m-hidden{ display:none;}
.n-list li{height:2.0rem;  line-height:2.4rem;overflow:hidden;}
.pr20{padding-right:0; padding-left:0;}
.pr80{padding-right:0; padding-left:0;}
.banner{height:160px; background-image:url(img/banner-m.jpg); background-size:cover;}
.d-hidden{ display:block;}
.d-show{ display: none;}
.bg-tx{  background:url(img/bg2-m.jpg) no-repeat center top; padding-bottom:20px; padding-top:20px;}

}