html{
	font-family: "微软雅黑","microsoft yahei";
	font-size: 14px;
	color: #4c4b4b;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
*{
	margin: 0;
	padding: 0;
}
a{
	color: #000000;
	text-decoration: none;
	background: transparent;
	outline:none;
blr:expression(this.onFocus=this.blur());
}
a:hover{
	color: #0152a6 !important;
}
img{
	border: 0;
	-ms-interpolation-mode:bicubic
}
ul,ol,li,dl,dd,dt{
	list-style:none;
}
button,input,textarea{
	margin: 0;
	outline:none;
	border: none;
	font-size: 14px;
	font-family: "微软雅黑","microsoft yahei";
}
.clear{
	clear: both;
	height:0px;
	line-height:0px;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.content{
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}

/*iconfont*/
@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot') format('embedded-opentype'),
      url('../fonts/iconfont.woff2') format('woff2'),
      url('../fonts/iconfont.woff') format('woff'),
      url('../fonts/iconfont.ttf') format('truetype'),
      url('../fonts/iconfont.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.hover_wap{display: none !important;}
@media screen and (max-width: 800px) {
	.hover_pc{display: none !important;}
	.hover_wap{display: block !important;}
}

.site-color{color: #0152a6;}
.site-bg-color{background-color: #0152a6;}
.site-border-color{border-color: #0152A6 !important;}

/*header*/
.header .content{max-width: 1400px;position: relative;}

#logo{margin-top: 25px;}
#logo a{display: block;font-size: 30px;color: #1f1f1f !important;font-weight: bold;text-align: center;}
#logo a font{color: #686868;font-size: 14px;font-weight: 500;display: block;margin-top: 10px;}

.header .search{width: 87px;line-height: 120px;text-align: center;color: #FFFFFF;font-size: 32px;background-color: #0152A6;cursor: pointer;transition: ease-in-out 0.3s;}
.header .red{background-color: #08417c !important;}
#search{position: absolute;right: 0;top: 100%;margin-top: 10px;z-index: 10;width: 210px;display: none;}
#search .stext{width: 100%;height: 40px;border: 1px solid #0152A6;box-sizing: border-box;color: #666666;padding: 0 50px 0 10px;}
#search .sbut{width: 40px;height: 40px;position: absolute;right: 0;top: 0;color: #FFFFFF;background-color: #0152A6;cursor: pointer;font-size: 20px;}

.header .tel{position: relative;padding-left: 60px;line-height: 20px;margin: 28px 40px 0 10px;}
.header .tel font{display: block;font-size: 20px;color: #1f1f1f;line-height: 24px;font-weight: bold;}
.header .tel i{position: absolute;left: 0;top: 0;color: #E70000;font-size: 50px;line-height: 50px;}

#menu > li{float: left;position: relative;z-index: 10;}
#menu > li:before{content: "";position: absolute;left: 0;bottom: 10px;width: 100%;height: 3px;background-color: #0152A6;opacity: 0;transition: ease-in-out 0.3s;z-index: -1;}
#menu > li:hover:before,#menu .hover:before{opacity: 1;bottom: 0;}
#menu .hover > a{color: #0152A6;}
#menu > li > a{display: block;line-height: 120px;font-size: 16px;padding: 0 28px;}

#menu .subnav{
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -130px;
	background-color: #FFFFFF;
	padding: 0 30px;
	opacity: 0;
	visibility: hidden;
	margin-top: 10px;
	transition: ease-in-out 0.3s;
}
#menu >li:hover .subnav{visibility: visible;opacity: 1;margin-top: 0;}
#menu .subnav li{border-bottom: 1px solid #f0f0f0;}
#menu .subnav li a{display: block;width: 200px;line-height: 45px;text-align: center;transition: ease-in-out 0.1s;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;box-sizing: border-box;padding: 0 10px;}
#menu .subnav li a:hover{background-color: #0152A6;color: #FFFFFF !important;}

.nav_wap{width:50px;height: 72px;cursor:pointer;display: none;position: relative;background-color: #e70000;}
.nav_wap span{display:block;background-color:#FFFFFF;width:30px;height:2px;position:absolute;left:10px;top: 50%;border-radius: 5px;transition: ease-in-out 0.35s;}
.nav_wap span:nth-of-type(1){margin-top: -10px;}
.nav_wap span:nth-of-type(2){margin-top: -1px;}
.nav_wap span:nth-of-type(3){margin-top: 8px;}
.nav_wap_se span:nth-of-type(1){
	margin-top: -1px;
	transform:rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}
.nav_wap_se span:nth-of-type(2){width:0}
.nav_wap_se span:nth-of-type(3){
	margin-top: -1px;
	transform:rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}

@media screen and (max-width: 1450px) {
	#menu{width: 100%;border-top: 1px solid #F0F0F0;}
	#logo{margin-top: 15px;}
	#logo a{font-size: 24px;}
	#logo a font{font-size: 12px;margin-top: 5px;}
	.header .search{width: 70px;line-height: 85px;font-size: 26px;}
	.header .tel{margin: 10px 20px 0 0;}
	#menu > li{width: 16.66%;}
	#menu > li > a{line-height: 60px;padding: 0;text-align: center;}
}
@media screen and (max-width: 650px) {
	.header .tel{display: none;}
	#logo a{font-size: 18px;}
	#logo a font{font-size: 8px;}
	.header .search{line-height: 72px;width: 50px;font-size: 20px;}
	#search .stext{height: 32px;font-size: 12px;padding: 0 40px 0 10px;}
	#search .sbut{width: 32px;height: 32px;font-size: 16px;}
	#menu{display: none;}
	#menu > li{width: 100%;}
	#menu > li:before{height: 2px;}
	#menu > li > a{font-size: 14px;line-height: 45px;}
	#menu .subnav{display: none;}
	.nav_wap{display: block;}
}
@media screen and (min-width: 651px){
	#menu{display: block !important;}
}

/*footer*/
.footer{background-color: #313131;}

.footer_main{padding: 35px 0;}

.footer_main .lm{width: 50%;}
.footer_main .lm > li{float: left;width: 33.333%;box-sizing: border-box;padding-right: 10px;}
.footer_main .lm > li .bt{color: #FFFFFF;font-size: 18px;padding-left: 10px;line-height: 25px;position: relative;margin-bottom: 15px;}
.footer_main .lm > li .bt:before{content: "";position: absolute;left: 0;top: 4px;width: 3px;height: 17px;background-color: #0152A6;}
.footer_main .lm > li .bt i{position: absolute;width: 16px;height: 1px;background-color: #FFFFFF;right: 0;top: 19px;transition: ease-in-out 0.3s;display: none;}
.footer_main .lm > li .bt .i_c{
	transform:rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}
.footer_main .lm ul li a{display: block;line-height: 25px;color: #777777;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.footer a:hover{color: #FFFFFF !important;}

.footer_main .lx{width: 33%;}
.footer_main .lx .bt{color: #FFFFFF;font-size: 18px;padding-left: 10px;line-height: 25px;position: relative;margin-bottom: 15px;}
.footer_main .lx .bt:before{content: "";position: absolute;left: 0;top: 4px;width: 3px;height: 17px;background-color: #0152A6;}
.footer_main .lx p{line-height: 25px;color: #777777;}
.footer_main .lx p a{color: #777777;}

.footer_main .ewm{width: 13%;margin-top: 50px;}
.footer_main .ewm .img{position: relative;padding-top: 100%;background: url(../images/ewm_bg.png)no-repeat center;background-size: 100%;}
.footer_main .ewm .img img{position: absolute;bottom: 0;left: 0;width: 89%;}
.footer_main .ewm p{color: #777777;text-align: center;margin-top: 10px;}

.footer_link{border-top: 1px solid #535353;line-height: 30px;padding: 15px 0;}
.footer_link .bt{color: #FFFFFF;font-size: 20px;position: relative;padding-left: 30px;height: 30px;margin-right: 25px;}
.footer_link .bt span{font-size: 16px;font-family: arial;}
.footer_link .bt i{position: absolute;left: 0;top: 0;font-size: 20px;}
.footer_link a{display: block;float: left;margin: 0 25px;color: #FFFFFF;}

.copyright{background-color: #222222;color: #888888;line-height: 25px;padding: 10px;text-align: center;}
.copyright a{color: #888888;}
.copyright p{display: inline-block;margin: 0 8px;}

.commerce{text-align: center;}

@media screen and (max-width: 900px) {
	.footer_main{padding: 20px 0;}
	.footer_main .lm{width: 100%;margin-bottom: 20px;}
	.footer_main .lm > li .bt{margin-bottom: 0;line-height: 40px;font-size: 16px;}
	.footer_main .lm > li .bt i{display: block;}
	.footer_main .lm > li{width: 100%;padding-right: 0;border-bottom: 1px solid #FFFFFF;}
	.footer_main .lm ul,.footer_main .lm > li .bt:before{display: none;}
	.footer_main .lm > li .bt{padding: 0;}
	.footer_main .lx{width: 73%;}
	.footer_main .lx .bt{font-size: 16px;margin-bottom: 10px;}
	.footer_main .ewm{width: 22%;margin-top: 0;}
	.footer_link{padding: 10px 0;line-height: 25px;}
	.footer_link .bt{font-size: 16px;padding-left: 20px;height: 25px;margin-right: 10px;}
	.footer_link .bt i{font-size: 16px;}
	.footer_link .bt span{font-size: 12px;}
	.footer_link a{margin: 0 10px;font-size: 12px;}
}
@media screen and (min-width: 901px) {
	.footer_main .lm ul{display: block !important;}
}
@media screen and (max-width: 500px) {
	.footer_main .lx{font-size: 12px;width: 100%;}
	.footer_main .ewm{display: none;}
	.copyright{line-height: 20px;}
	.copyright p{margin: 0;font-size: 12px;}
}


/*Online Service*/
@media screen and (max-width: 800px) {
	.kf-sidebar{display: none;}
	.kf_wap,#gotop_wap{display: block !important;}
}

.kf-sidebar{
	position: fixed;
	top: 50%;
	right: 10px;
	z-index: 999;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.kf-sidebar li{width: 52px;height: 52px;position: relative;margin-bottom: 1px;}
.kf-sidebar .sidebox{display: block;width: 52px;height: 52px;position: absolute;top: 0;right: 0;overflow: hidden;transition: ease-in-out 0.4s;}
.kf-sidebar .iconfont{display: block;width: 52px;line-height: 52px;text-align: center;color: #FFFFFF;font-size: 30px;position: absolute;top: 0;left: 0;}
.kf-sidebar li:hover .iconfont{background-color: rgba(0,0,0,0.3) !important;}
.kf-sidebar p{line-height: 52px;text-align: center;color: #FFFFFF;font-size: 18px;float: left;position: absolute;top: 0;left: 52px;}

#goTop{cursor: pointer;}

.kf-sidebar .kf-tel p{width: 180px;}
.kf-sidebar .kf-tel:hover .sidebox{width: 232px;}
.kf-sidebar .kf-qq p{width: 120px;}
.kf-sidebar .kf-qq:hover .sidebox{width: 172px;}
.kf-sidebar .kf-map p{width: 120px;}
.kf-sidebar .kf-map:hover .sidebox{width: 172px;}

.kf-sidebar .ewm{position: absolute;top: 50%;margin-top: -66px; right: 52px;padding-right: 15px;opacity: 0;visibility: hidden;transition: ease-in-out 0.4s;z-index: -1;}
.kf-sidebar .kf-weixin:hover .ewm{opacity: 1;visibility: visible;}
.kf-sidebar .ewm .box{background-color: #FFFFFF;border: 1px solid;}
.kf-sidebar .ewm .box img{display: block;width: 130px;height: 130px;}

/*wap*/
.kf_wap{height: 65px;display: none;}
.kf_wap ul{position: fixed;bottom: 0;z-index: 999;width: 100%;box-shadow: 0 0 6px rgba(0,0,0,0.8);}
.kf_wap li{width: 25%;float: left;}
.kf_wap li a{display: block;color: #FFFFFF !important;text-align: center;padding: 5px 0;}
.kf_wap li a i{display: block;line-height: 35px;font-size: 26px;}
.kf_wap li a p{font-size: 12px;line-height: 20px;}
#gotop_wap{display: none;position: fixed;bottom: 70px;right: 5px;width: 40px;line-height: 40px;cursor: pointer;z-index: 999;text-align: center;font-size: 36px;}