/* CSS Document */
*{margin:0;padding:0;font-family:'Microsoft YaHei';}
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0px; padding:0px; }
fieldset, img { border:none; }
img{border:none;}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol { list-style:none; }
li{ list-style:none;}
table { border-collapse:collapse; }
input { padding-top:0px; padding-bottom:0px; font-family:Arial, Helvetica, sans-serif;}
input[type="submit"],
input[type="reset"],
input[type="button"],
button { -webkit-appearance: none; }
input::-moz-focus-inner { border:none; padding:0px; }
select, input { vertical-align:middle; outline:none; }
select, input, textarea { font-size:13px; margin:0px; }
input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none; }
body,html{ font-family:"Microsoft YaHei";height: 100%;} 
.clearfix:after { content:""; display:block; height:0px; visibility:hidden; clear:both; }
.clearfix {zoom:1; }
ul:after { content:""; display:block; height:0px; visibility:hidden; clear:both; }
.clearit {clear:both; height:0px; font-size:0px; overflow:hidden; width:100%; }
a {text-decoration:none; }
.max{ max-width:640px; margin:0 auto; overflow:hidden;}
.box{ width:92%; margin:0 auto;}
.box:after { content:""; display:block; height:0px; visibility:hidden; clear:both; }
.box1{ width:92%; margin:0 auto;}
.box1:after { content:""; display:block; height:0px; visibility:hidden; clear:both; }
ul:after { content:""; display:block; height:0px; visibility:hidden; clear:both; }
a{-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s; text-decoration:none; }



header{ height: auto;margin: 0 auto;box-shadow:0px 2px 5px rgba(0,0,0,.1);position: fixed;z-index: 99;padding:5px 0;background: #fff;max-width: 100%; width: 100%;}
header:after { content:""; display:block; height:0px; visibility:hidden; clear:both; }
header .logo{float:left; display:block; margin-left:15px; margin-top:3px;}
header .logo img{ display:block; height:40px;} 
header .tel{ float:right; font-size:18px; height:30px; line-height:30px; font-weight:bold; color:#599c53; margin-right:20px;    margin-top: 10px;}
header .menu{float: right; text-align:center;margin-right: 5px;  margin-top:7px; margin-bottom: 7px;border: 1px solid transparent;border-radius: 4px;width: 44px;height: 34px; box-sizing:border-box;} 
header .menu .icon-bar { display: block; position: relative; width: 22px; height: 2px; background-color:#0069de;-webkit-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s; }
 header .menu i{ font-size:30px; color:#0069de}
header .menu .icon-bar:nth-child(2) { margin-top:4px; }
header .menu .icon-bar:nth-child(3) { margin-top:4px; }

header .menu.toggle-animate .icon-bar:nth-child(2) { opacity:0;}
header .menu.toggle-animate .icon-bar:nth-child(1) { margin-top:8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
header .menu.toggle-animate .icon-bar:nth-child(3) { margin-top:-8px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } 
.header_box{ display:none; position:fixed; left:0; top:58px; width:100%; background:#fff;   z-index:999; border-top:1px solid #eee; padding-top:15px; padding-bottom:15px;}
.header_box.active{ display:block;}
.nav_bg{ display:none;  width: 100%;  height:calc(100% - 58px); position: fixed; top:58px;  left: 0; background: rgba(0,0,0,0.5);z-index:99;} 
.header_box input[type="text"]{ display:block; float:left; height:30px; line-height:30px; width:calc(100% - 50px); border:1px solid #0069de; border-right:none; padding-left:5px; box-sizing:border-box;-webkit-appearance: none;border-radius: 0; border-top-left-radius:5px; border-bottom-left-radius:5px;}
.header_box form{ margin-bottom:10px;}
.header_box input[type="submit"]{ display:block; float:left; width:50px; height:30px; color:#fff; background:url(../images/sousuo.png) no-repeat center #0069de; background-size:20px; border:none;-webkit-appearance: none;border-radius: 0; border-top-right-radius:5px; border-bottom-right-radius:5px;}

.header_box dl{ padding:8px 0; }
.header_box dl dt{ display:block; font-size:15px; font-weight:bold; margin-bottom:5px; height:28px; line-height:28px; border-bottom:1px solid #eee;}
.header_box dl dd:after { content:""; display:block; height:0px; visibility:hidden; clear:both; }
.header_box dl dd a{ display:inline-block; font-size:15px; color:#666; margin-right:10px; line-height:32px;}
.header_box dl dd.n a{ display:block; float:left; width:25%; margin-right:0;}
 
.header_box_n{ top:50px;}
 
.footer{ background:#333; padding:15px 0;}
.footer p{ text-align:center; color:#fff; font-size:12px; line-height:18px; margin-bottom:10px;} 
.footer p a{ color:#fff; display:inline-block; margin:0 3px;}
 
 
.bottom_tab{ width:100%; height:60px; position:fixed; left:0; bottom:0; z-index:99999;}
.bottom_tab .max{ background:#0069de; height:60px;    overflow: visible;}
.bottom_tab .max ul li{ display:block; float:left; width:20%; text-align:center; padding-top:3px;} 
 
.bottom_tab .max ul li i{ color:#fff; font-size:25px; margin-bottom:5px;}
.bottom_tab .max ul li p{ color:#fff; font-size:14px;} 
.bottom_tab .max ul li div{width:70px;height:70px;background:#ffa130;border-radius: 50%;box-shadow: 0 0 0.2rem #fa6f52;margin: 0 auto;  position: relative;top: -25px;} 
.bottom_tab .max ul li div i{ color:#fff; font-size:25px;transform: translateY(10px); display:block; margin-bottom:13px;}
 .bottom_tab .max ul li div span{ display:block; font-size:12px;color:#fff; text-align:center;}
 
 
.top{ height:50px; padding-top:13px; position:relative; box-sizing:border-box;background: #0069de; position:fixed; left:0; top:0; z-index:999; width:100%;}
.top a{ display:block; position:absolute; left:0px; top:0px; width:50px; height:50px; text-align:center; line-height:50px; z-index:10px;} 
.top .menu{ width:50px; height:50px;display:block; position:absolute; right:0px; top:0px; text-align:center; line-height:50px; z-index:10px;} 
.top a i{ color:#fff; font-size:23px; vertical-align:middle;} 
.top .menu i{ color:#fff; font-size:23px; vertical-align:middle} 
.top h1{ text-align:center; font-size:18px; font-weight:normal; color:#fff;}
 .top h2{ text-align:center; font-size:18px; font-weight:normal; color:#fff;}
.header_tel{ width:40px; line-height:40px; text-align:center; height:40px; float:right; margin-top:8px; margin-right:10px; }
 
.xxlogo{ height:44px; line-height:44px; margin-left:15px; font-size:18px; font-weight:bold; color:#333;float:left;}
 .xxlogo h1{ font-size:20px;color:#0069de; float:left;height: 40px;line-height: 40px;margin-top: 4px;}
 .xxlogo img{height:40px;float:left;margin-top:5px; margin-right:10px;}
 .xuexiao_tab{ width:100%; height:45px; position:fixed; left:0; bottom:0; z-index:99999;}
.xuexiao_tab .max{ background:#fff; height:45px;}
.xuexiao_tab .max a{ color:#fff;display:block; float:left; width:50%; line-height:45px; text-align:center;font-size: 14px;} 
.xuexiao_tab .max a:nth-of-type(1){ background:#0069de} 
 .xuexiao_tab .max a:nth-of-type(2){ background:#f60} 
 
 .footer_tiao{ height:46px;}
 
 @media only screen and (-webkit-device-pixel-ratio: 3) and (device-height: 812px) and (device-width: 375px){
.footer_tiao{ height:80px;}

.bottom_tab{ background:#fff;   height:80px;  }
 .xuexiao_tab{ background:#fff;   height:80px;  }
}