html{
	font-family: "微软雅黑","microsoft yahei";
	font-size: 14px;
	color: #666;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body{
	background-color: #FFFFFF;
	overflow-x: hidden;
}
*{
	margin: 0;
	padding: 0;
}
a{
	color: #333;
	text-decoration: none;
	background: transparent;
	outline:none;
blr:expression(this.onFocus=this.blur());
}
a:hover{
	color: #1152ae !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;
}

.text-ellipsis{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.tf-y{
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.pic-box img{
	position: absolute;
	width: auto;
	height: 80%;
	margin-top:10%;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

/*iconfont*/
@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../font/iconfont.woff2') format('woff2'),
      url('../font/iconfont.woff') format('woff'),
      url('../font/iconfont.ttf') format('truetype'),
      url('../font/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;}
}


/*header*/
.header{z-index: 20;position: relative;}
.header-top{line-height: 30px;padding: 10px 0;border-bottom: 1px solid #e5e5e5;color: #4d4d4d;font-size: 12px;}
.header-top ul li{float: left;padding: 0 10px;position: relative;}
.header-top ul li:before{content: "";width: 1px;height: 12px;background-color: #e5e5e5;position: absolute;right: 0;top: 9px;}
.header-top ul li:last-child:before{display: none;}
.header-top .tel font{color: #d60000;}
.header-top .tel font a{color: #d60000;}
.header-top ul li > .iconfont{display: block;}

.header-top .search > .iconfont{cursor: pointer;}
.header-top .search > .iconfont:hover{color: #1152AE;}
#search{position: absolute;right: 0;top: 45px;width: 230px;border: 1px solid #1152AE;display: none;}
#search .text{width: 100%;box-sizing: border-box;line-height: 35px;padding: 0 45px 0 10px;color: #666;background-color: #FFFFFF;}
#search .submit{position: absolute;top: 0;right: 0;line-height: 35px;width: 35px;background-color: #1152AE;color: #FFFFFF;font-size: 22px;cursor: pointer;}

.header-main{padding: 30px 0;}

#logo{margin-top: 10px;}
#logo img{height: 60px;display: block;}

.header-main .ggy{color: #4c4c4c;line-height: 25px;padding: 15px 0 15px 25px;margin-left: 10px;background: url(../images/tb1.png)no-repeat center left;}
.header-main .ggy font{display: block;font-size: 18px;color: #1152AE;}

.header-main .ewm img{display: block;height: 80px;}

.header-main .menu-show{width: 40px;line-height: 40px;text-align: center;cursor: pointer;font-size: 28px;display: none;color: #1152AE;}

.header-main .bg i{display: none;}

#menu{margin-right: 20px;margin-top: 10px;}
#menu > li{float: left;position: relative;background: url(../images/tb2.png)no-repeat center right;}
#menu > li:last-child{background: none;}
#menu > li > a{padding: 0 16px 0 15px;font-size: 16px;line-height: 60px;display: block;}
#menu > li:hover > a,#menu .on{color: #1152AE;}
#menu .iconfont{position: absolute;top: 0;left: -10px;font-size: 20px;color: #1152AE;}

#menu .subnav{
	position: absolute;
	z-index: 10;
	top: 100%;
	left: 100%;
	background-color: #FFFFFF;
	opacity: 0;
	visibility: hidden;
	transition: ease-in-out 0.3s;
}
#menu .subnav li:first-child{margin-top: 5px;}
#menu .subnav li:last-child{margin-bottom: 5px;}
#menu .subnav li a{line-height: 40px;display: block;white-space: nowrap;padding: 0 15px;min-width: 100px;}
#menu > li:hover .subnav{opacity: 1;visibility: visible;left: 0;box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.11);}

@media screen and (max-width: 1200px) {
	.header-main{padding: 15px 0;}
	#menu{margin-right: 0;width: 100%;}
	#menu > li{width: 16.66666%;}
	#menu > li > a{padding: 0;text-align: center;line-height: 40px;}
}
@media screen and (max-width: 800px) {
	.header{position: static;}
	.header-top p.fl,.header-top .tel{display: none;}
	.header-top{padding: 5px 0;line-height: 25px;}
	#search{position: fixed;width: 90%;right: 5%;}
}
@media screen and (max-width: 640px) {
	#logo img{height: 40px;}
	#logo{margin-top: 0;}
	.header-main .ggy,.header-main .ewm{display: none;}
	.header-main .menu-show{display: block;}
	.header-main .bg{display: none;position: fixed;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(11,13,25,0.8);z-index: 999;}
	.header-main .bg i{display: block;width: 30%;margin-top: 40px;text-align: center;font-size: 22px;color: #FFFFFF;cursor: pointer;}
	#menu{margin-top: 0;position: fixed;width: 70%;height: 100%;box-sizing: border-box;z-index: 9999;top: 0;right: -70%;padding: 3% 5% 0;background-color: #0b0d19;overflow: auto;transition: ease-in-out 0.3s;}
	.header-main .right_0{right: 0 !important;}
	#menu > li{float: none;background: none;width: 100%;border-bottom: 1px solid #232530;}
	#menu > li > a{line-height: 45px;color: #FFFFFF;}
	#menu .subnav{display: none;}
	#menu .iconfont{position: static;margin-right: 13px;}
	.header-top ul li:last-child{display: none;}
}


/*footer*/
.footer_lm{overflow: hidden;padding: 60px 0 45px;}
.footer_lm a:hover{text-decoration: underline;}
.footer_lm li{float: left;box-sizing: border-box;}
.footer_lm li .bt{display: block;color: #2c2c2c;font-size: 18px;margin-bottom: 15px;}
.footer_lm li .btn{display: none;}

.footer_lm .lm{width: 16%;padding-right: 10px;}
.footer_lm .lm a{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 40px;}

.footer_lm .lx{width: 25%;padding-right: 10px;}
.footer_lm .lx p{position: relative;line-height: 30px;color: #333;padding-left: 22px;}
.footer_lm .lx p i{position: absolute;left: 0;top: 0;color: #1152AE;font-size: 18px;}
.footer_lm .lx .qq{background: url(../images/tb_qq.png)no-repeat top left;}
.footer_lm .lx .ba{background: url(../images/tb8.png)no-repeat left top;}

.footer_lm .ewm{width: 11%;}
.footer_lm .ewm .bt{margin-bottom: 25px;}
.footer_lm .ewm img{display: block;max-width: 100%;}


.footer_zx{padding: 40px 0;border-top: 1px solid #E5E5E5;}
.footer_zx .logo img{display: block;height: 60px;float: left;margin-top: 5px;}
.footer_zx .logo p{float: left;padding-left: 25px;margin-left: 22px;background: url(../images/tb1.png)no-repeat center left;line-height: 30px;font-size: 16px;}
.footer_zx .logo p font{display: block;font-size: 24px;color: #1a1a1a;font-weight: bold;line-height: 40px;}
.footer_zx .zx{display: block;padding: 0 40px 0 75px;position: relative;font-size: 18px;color: #FFFFFF !important;line-height: 54px;background-color: #1152AE;border-radius: 30px;margin: 8px 9% 0 0;}
.footer_zx .zx i{position: absolute;top: 0;font-size: 28px;left: 35px;}
.footer_zx .zx:hover{opacity: 0.8;}

.copyright{background-color: #1152AE;color: #FFFFFF;line-height: 22px;padding: 9px 0;}
.copyright a{color: #FFFFFF !important;}
.copyright a:hover{text-decoration: underline;}
.copyright p.fl a{margin: 0 8px;}

@media screen and (max-width: 1200px) {
	.footer_lm{padding: 5% 0;}
	.footer_lm li .bt{font-size: 16px;margin-bottom: 10px;}
	.footer_lm .lx p{font-size: 12px;}
	.footer_lm .lx p i{font-size: 16px;}
	.footer_zx{padding: 20px 0;}
	.footer_zx .logo img{margin-top: 0;height: 40px;}
	.footer_zx .logo p{padding-left: 15px;margin-left: 15px;line-height: 20px;font-size: 12px;}
	.footer_zx .logo p font{font-size: 16px;line-height: 20px;}
	.footer_zx .zx{padding: 0 20px 0 45px;font-size: 16px;line-height: 40px;margin: 0 5% 0 0;}
	.footer_zx .zx i{font-size: 24px;left: 15px;}
}
@media screen and (max-width: 820px){
	
	.pic-box img{ height:100%; margin-top:0px;}	
	
}


@media screen and (max-width: 800px) {
	.footer_lm li{width: 100% !important;padding-right: 0 !important;border-bottom: 1px solid #E5E5E5;position: relative;}
	.footer_lm li .bt{margin-bottom: 0 !important;line-height: 40px;}
	.footer_lm li .box{display: none;padding-bottom: 5px;}
	.footer_lm li .btn{display: block;position: absolute;height: 40px;width: 100%;left: 0;top: 0;cursor: pointer;}
	.footer_lm li .btn i{line-height: 40px;position: absolute;top: 0;right: 0;font-size: 24px;}
	.footer_lm li .btn_c i{
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform:rotate(180deg);
	}
	.footer_lm .ewm img{max-width: 200px;}
	.footer_zx{display: none;}
	.copyright{font-size: 12px;background-color: #E5E5E5;color: #666;}
	.copyright a{color: #666 !important;}
}
@media screen and (min-width: 801px) {
	.footer_lm li .box{display: block !important;}
}
@media screen and (max-width: 640px) {
	.copyright p.fr{width: 100%;text-align: center;}
}

/*Online Service*/
.online_service{position: fixed;right: 0;z-index: 999;bottom: 100px;}
.online_service .sidebox{width: 48px;height: 48px;position: relative;margin-bottom: 1px;}
.online_service .sidebox .box{
	height: 48px;
	line-height: 48px;
	color: #FFFFFF !important;
	padding-left: 48px;
	position: absolute;
	top: 0;
	left: 100%;
	-webkit-transform: translateX(-48px);
	-moz-transform: translateX(-48px);
	-ms-transform: translateX(-48px);
	-o-transform: translateX(-48px);
	transform: translateX(-48px);
	transition: ease-in-out 0.4s;
	background-color: #1152AE;
}
.online_service .sidebox .box i{position: absolute;left: 0;top: 0;width: 48px;text-align: center;font-size: 26px;}
.online_service .sidebox .box p{padding: 0 15px;font-size: 16px;white-space: nowrap;}
.online_service .sidebox .box:hover{
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
}
.online_service .sidebox .box:hover i{background-color: rgba(0,0,0,0.3);}

.online_service .wechat{position: absolute;top: 0;right: 48px;padding-right: 15px;margin-top: -65px;visibility: hidden;opacity: 0;transition: ease-in-out 0.4s;}
.online_service .wechat img{display: block;width: 120px;padding: 5px;background-color: #FFFFFF;box-shadow: 0 0 5px rgba(0,0,0,0.25);}
.online_service .kf-wechat:hover .wechat{visibility: visible;opacity: 1;top: 50%;}

#goTop{cursor: pointer;}

#gotop_wap{position: fixed;bottom: 40px;right: 40px;z-index: 99;font-size: 50px;cursor: pointer;display: none;}
#gotop_wap:hover{color: #1152AE;}

/*wap*/
.kf_wap{height: 65px;display: none;}
.kf_wap ul{position: fixed;bottom: 0;left: 0;z-index: 998;width: 100%;box-shadow: 0 0 6px rgba(0,0,0,0.8);background-color: #1152AE;}
.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;}

@media screen and (max-width: 800px) {
	.online_service{display: none;}
	.kf_wap{display: block !important;}
	#gotop_wap{bottom: 70px;right: 10px;font-size: 36px;display: block;}
}