@charset "utf-8";
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body{margin:0;font-family:"微软雅黑","黑体",Arial,"宋体";font-size:14px;background:#fff;color:#333;}

*{ margin:0; padding:0;box-sizing:border-box; outline:none; border:none;text-decoration:none; font-style:normal; font-weight:normal; z-index:1;}

h1, h2, h3, h4{font-size:20px;}
b, strong{font-weight:bolder;}

hr{box-sizing:content-box;height:0;overflow:visible;}

button, input, optgroup, select, textarea{line-height:inherit;}
body, button, input, select, textarea{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga", "kern";}
button, input{overflow:visible;}
button, select{text-transform:none;}
textarea{overflow:auto;}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button{height:auto;}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
table{border-collapse:collapse;border-spacing:0;}

a{color:inherit;}
a:hover{color:#0d5ba4;}

.container{max-width:1200px;width:92%;margin:0 auto; height:100%; position:relative;}

.clear{display:block; clear:both;}
.clearfix{*zoom:1;}
.clearfix:before, .clearfix:after{content:""; display:block; clear:both; height:0; visibility:hidden;}

ul, li, ol{list-style:none;}
/*-------------------------------------------------------------------------------------------------------------------------*/
/*头部*/
.header{ width:100%; height:auto; display:block; position:relative; z-index:10; background:#fff;}
.header .fl, .header .fr{position:relative;}
.h_top, .h_mid, .h_bot{width:100%;position:relative;}

.h_top{background:#f5f5f5;}
.h_top .fl, .h_top .fr{font-size:12px;height:34px;display:flex;align-items:center;}
.h_top .fl a:after{ content:'、'; color:#333; font-size:12px; padding-left:5px;}
.h_top .fl a:last-child:after{content:'!';}
.h_top .fr{justify-content:flex-end;}
.h_top .fr a:after{ content:'|'; padding:0 10px;line-height:34px;color:#999; font-size:12px;}
.h_top .fr a:last-child:after{content:'';padding:0; }
	
.h_mid{padding:10px 0;}
.h_mid .fl{align-items:center;display:flex;height:100px;}
.h_mid .fl img{max-height:90px; display:block;}

.wap_nav{ display:none;}
@media screen and (min-width:769px){
	.header .fl{ float:left;}
	.header .fr{ float:right;}
	
	.h_mid .fr{height:100px;display:flex;}
	.h_mid .fl .p1, .h_mid .fr{display:flex;flex-direction:column;justify-content:center;}
	.h_mid .fl .p1{font-size:16px;color:#333;border-left:1px solid #ddd;padding:15px 0 15px 30px;}
	.h_mid .fl .p1 em{display:block;font-size:26px;}
	.h_mid .fr{background:url(../images/tel.jpg) no-repeat left center;padding-left:55px;}
	.h_mid .fr em{font-size:26px;font-family:arial;color:#dd0000;font-weight:bolder;line-height:34px;}
	
	.h_bot{background:#204c97; z-index:90;}
	.h_bot ul{ font-size:0; text-align:center;position:relative;}
	.h_bot ul li{display:inline-block; width:calc(100% / 9);position:relative; font-size:16px;}
	.h_bot ul li:before{content:"";position:absolute; width:2px; height:16px; display:block; background:#f2f2f2;top:27px;left:-1px;opacity:.3;}
	.h_bot ul li:first-child:before{ display:none;}
	.h_bot ul li .a1{color:#fff; height:70px; display:block; line-height:70px; text-align:center; overflow:hidden;position:relative;}
	.h_bot ul li i{border-color:#fff transparent transparent transparent;border-style:solid;border-width:4px;position:absolute;top:34px;right:15px;}
	.h_bot ul li.on .a1, .h_bot ul li:hover .a1{background:#dd0000;}
	
	.h_bot dl{transform:translateY(10px);opacity:0;visibility:hidden;}
	.h_bot ul li:hover dl{transform:translateY(0);opacity:1;visibility:visible;transition:all .5s ease-in-out;}
	.h_bot dl{ width:100%; position:absolute; top:70px; left:0; z-index:90;background:rgba(0, 0, 0, .5);}
	.h_bot dl dd{ display:block; width:100%; position:relative; border-top:1px solid rgba(255,255,255,.08);}
	.h_bot dl dd:first-child{ border-top:none;}
	.h_bot dl dd a{ display:flex; color:#fff; font-size:14px;height:40px;align-items:center;justify-content:center;}
	.h_bot dl dd:hover{ background:#dd0000;}
}
@media screen and (max-width:768px){
	.h_top, .h_mid .fr, .h_mid .fl .p1, .h_bot dl{ display:none;}
	.header{position: fixed;top: 0;left: 0;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
	
	.h_mid{padding:5px 0;z-index: 999;background: #fff;}
	.h_mid .fl{height:50px;}
	.h_mid .fl img{max-height:50px; display:block;}
	
	.wap_nav{width:40px;height:40px;display:block; position:absolute; right:0; top:5px;}
	.wap_nav i, .wap_nav:before, .wap_nav:after{ position:absolute; right:0;display:block; width:24px; height:2px;background:#214d98;transition:transform .5s ease-in-out, opacity .3s ease; }
	.wap_nav i{top:19px;}
	.wap_nav:before{content:''; top:11px;}
	.wap_nav:after{ content:''; bottom:11px;}
	
	.wap_nav.on:before, .wap_nav.on:after{top:19px;}
	.wap_nav.on:before{transform: rotate(135deg);}
	.wap_nav.on i{opacity: 0;transform: rotate(90deg);}
	.wap_nav.on:after{transform: rotate(45deg);}
	
	.h_bot{position: fixed;top: 60px;left: 0;background: #fff;display: block;z-index: 50;height: auto;width: 100%;transform: translateY(-100%);transition: transform .8s ease-in-out;}
	.h_bot.on{transform: translateY(0);}
	
	.h_bot ul, .h_bot dl{ width:100%; position:relative;}
	.h_bot ul li, .h_bot dl dd{display:block; width:100%;position:relative;border-top: 1px solid #eee;}
	.h_bot ul li:first-child, .h_bot dl dd:first-child{ border-top:none;}
	.h_bot ul li a{ width:92%; margin:0 auto;color:#333; height:40px; display:block; line-height:40px;}
	.h_bot ul li i{ width:40px; height:40px; right:4%; top:0; position:absolute; z-index:5;}
	.h_bot ul li i:before{ content:'';border-color: #ccc;border-style: solid;border-width: 2px 2px 0 0;width: 10px;height:10px;position: absolute;top: 15px;right:0;transform: rotate(45deg);box-sizing: border-box;transition:all .5s ease-in-out;}
	.h_bot ul li i.open:before{transform: rotate(135deg);border-color: #214d98;}
}
/*-------------------------------------------------------------------------------------------------------------------------*/
/*底部*/
.footer{background:#253653; position:relative; padding-top:50px;}
.footer, .footer *{color:#bec3cc;}

.f_link{ position:relative; width:100%; margin:20px 0; line-height:20px;}
.f_link a{ margin-left:10px;}
.f_link a:first-child{ margin-left:0;}
@media screen and (min-width:769px){
	.footer a:hover{color:#fff;}
	
	.f_nav{background:#334564;border-radius:5px;font-size:0;text-align:center;position:relative;}
	.f_nav a{font-size:15px; padding:15px 20px;display:inline-block;}
	
	.f_info{ margin-top:30px;}
	.f_info .div1, .f_info .div2, .f_info .div3{float: left;position:relative; display: flex; height:150px;overflow: hidden;flex-direction: column;justify-content: center;}
	.f_info .div1{width:250px;opacity: .8;}
	.f_info .div1 em{font-size:32px;line-height:40px; display:block;}
	.f_info .div1 i{font-size:13px;line-height:24px; display:block;}
	.f_info .div1:before, .f_info .div1:after{content: "";position: absolute;display: block;width: 1px;height:100%; top:0;}
	.f_info .div1:before{ background:rgba(255,255,255,.1); right:1px;}
	.f_info .div1:after{ background:rgba(0,0,0,.1);right:0;}

	.f_info .div2{width:calc(100% - 375px); padding:0 35px;}
	.f_info .div2 p{ font-size:15px; line-height:25px;}

	.f_info .div3{width:125px;align-items: center;}
	.f_info .div3 img{ width:100%; display:block;}
	
	.wapfoot,
	.soubox{display:none;}
}
@media screen and (max-width:768px){
	.f_nav, .f_info .div1, .f_info .div3{ display:none;}
	.footer{padding-top:30px; margin-bottom:60px;}
	
	.f_info .div2{width:100%;}
	.f_info .div2 p{font-size:12px;line-height:22px;}
	
	.f_link{margin:0; line-height:20px; padding:10px 0 30px;font-size:12px;}
	.f_link a{ font-size:12px;}
	.f_link a{ margin-left:5px;}
	
	.soubox{position: fixed;bottom: 61px;left: 0;background: #fff;display: block;z-index: 2;height:auto;width: 100%;transform: translateY(100%);transition: transform .8s ease-in-out;}
	.soubox.open{transform: translateY(0);}
	.soubox input{width: 100%;height: 32px;padding: 5px 10px;border: 1px #F00 solid;line-height: 20px;}
	.soubox button{position: absolute;width: 80px;height: 30px;top: 1px;right: 1px;background: #F00;color: #fff;}
	
	.wapfoot{ display:flex;box-shadow:0 0 10px rgba(0,0,0,0.2);position:fixed;bottom:0;left:0;width:100%;background:#fff;z-index:10;padding:10px 0;}
	.wapfoot a{width:25%;text-align:center;font-size:12px;}
	.wapfoot a i{display:block;height:20px;margin-bottom:5px;}
	.wapfoot a:nth-child(1) i{background:url(../images/wap_fico1.png) no-repeat center/contain;}
	.wapfoot a:nth-child(2) i{background:url(../images/wap_fico3.png) no-repeat center/contain;}
	.wapfoot a:nth-child(3) i{background:url(../images/wap_fico2.png) no-repeat center/contain;}
	.wapfoot a:nth-child(4) i{background:url(../images/wap_fico4.png) no-repeat center/contain;}
}
/*-------------------------------------------------------------------------------------------------------------------------*/
/*右侧悬浮*/
.kefu{position:fixed;right:0;top:50%;transform:translate(240px,-50%);z-index:20;transition: transform .5s ease-in-out;}
.kefu.on{transform:translate(0,-50%);}

.kf_ico{width: 34px;padding: 18px 10px;background: #214d98;color: #fff;position: absolute;left: -34px;top: 50%;transform: translateY(-50%);}
.kf_ico i{width: 14px;height: 14px;display: block;margin-top: 10px;background: url(../images/kfico_left.png) no-repeat center/12px;}
.kefu.on .kf_ico i{background: url(../images/kfico_right.png) no-repeat center/12px;}

.kf_info{ width: 240px; overflow:hidden;background:#fff;position:relative;}
.kf_info .title{height: 40px;background: #214d98;font-size: 15px;color: #fff;display: flex;align-items: center;position:relative;}
.kf_info .title em{ width:46px; height:40px; display:block;background: url(../images/kfico_lx.png) no-repeat center/22px;}
.kf_info .title span{ width:calc(100% - 70px);}
.kf_info .title i{width:24px; height:40px;position:relative;transition: transform .5s ease-in-out;cursor:pointer;}
.kf_info .title i:before,
.kf_info .title i:after{ content:''; width:18px; height:2px; display:block;position: absolute; top:50%; left:50%; background:#fff;}
.kf_info .title i:before{transform:translate(-50%, -50%) rotate(45deg) ;}
.kf_info .title i:after{transform:translate(-50%, -50%) rotate(-45deg) ;}

.kf_info dl{ width:100%; position:relative;}
.kf_info dl dd{width:100%; position:relative; margin-bottom:10px;}
.kf_info dl dd p{border-bottom: #f5f5f5 solid 1px;font-size: 14px;line-height: 20px;padding: 5px 12px;color: #666;word-break: break-all;}
.kf_info dl dt{ padding:12px;}
.kf_info dl dt p{ font-size:14px; line-height:20px; height:20px; overflow:hidden; margin-bottom:10px; display: flex;align-items: center;}
.kf_info dl dt p em{width:30px; height:20px;background: url(../images/kfico_wx.png) no-repeat left center/20px;}
.kf_info dl dt img{ width:100px; display:block; margin:0 auto;}

.kf_gtop{width:100%;height:40px;background:#214d98;cursor:pointer;}
.kf_gtop i{ width:40px; height:40px; background:url(../images/kfico_gtop.png) no-repeat center /18px; display:block; margin:0 auto;}

@media screen and (max-width:768px){.kefu{ display:none;}}
/*-------------------------------------------------------------------------------------------------------------------------*/