﻿html {
	font-family: "微软雅黑","microsoft yahei";
	font-size: 14px;
	color: #4f4f4f;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/
background: #fff;
}
* {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	background: transparent; /*修正win8系统IE连接灰色背景*/
	outline:none;
blr:expression(this.onFocus=this.blur());
}
a{
	color: #2e2e2e;
}
a:hover{
	/*color: #1e5aae !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{ 
	max-width: 1200px;
	margin:0 auto;
}

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

/*header*/
.header_top{border-bottom: 1px solid #E5E5E5;}
.header_top p.fl{line-height: 32px;}
.header_top .wd{padding-left: 50px;padding-top: 8px;background: url(../images/tb1.png)no-repeat left bottom;margin-right: 25px;}
.header_top .wd li{float: left;}
.header_top .wd li:nth-child(1){margin-right: 15px;}
.header_top .wd li img{display: block;width: 24px;height: 24px;}
#search{float: right;position: relative;width: 300px;}
#search .stext{width: 100%;height: 32px;box-sizing: border-box;color: #4f4f4f;padding: 0 40px 0 0;}
#search .sbut{width: 32px;height: 32px;background: url(../images/search.png)no-repeat center;position: absolute;top: 0;right: 0;cursor: pointer;}
#search i{position: absolute;width: 100%;height: 1px;background-color: #1E5AAE;left: 0;bottom: -1px;}

.header_main{padding: 15px 0;}
#logo img{
display: block;
    height: 43px;
    margin-top: 9px;
}
.header_main .name{
    color: #1e1e1e;
    font-weight: bold;
    font-size: 30px;
    line-height: 40px;
    margin: 6px 25px 0 0px;
    padding-right: 25px;
    position: relative;
}
.header_main .name p:nth-child(2){font-size: 12px;line-height: 26px;}
.header_main .name i{
position: absolute;
    width: 2px;
    height: 46px;
    border: 1px solid #f8f8f8;
    border-right-color: #dbdbdb;
    right: -2px;
    top: 0;
}
.header_main .ggy{
font-size: 20px;
    line-height: 24px;
    margin-top: 6px;
}
.header_main .ggy p:nth-child(2){font-size: 14px;color: #9b9b9b;}
.header_main .tel{position: relative;padding-left: 85px;}
.header_main .tel p{line-height: 30px;font-size: 22px;color: #f00000;padding-left: 30px;text-align: justify;}
.header_main .tel span{color: #a6a6a6;position: absolute;left: 0;top: 5px;}
.header_main .tel span font{display: block;font-size: 30px;font-family: arial;line-height: 30px;}

.nav_wap{width:40px;height: 40px;cursor:pointer;display: none;position: relative;}
.nav_wap span{display:block;background-color:#1E5AAE;width:28px;height:2px;position:absolute;right:0;transition:all ease 0.35s;border-radius: 5px;}
.nav_wap span:nth-of-type(1){top:10px}
.nav_wap span:nth-of-type(2){top:19px}
.nav_wap span:nth-of-type(3){top:28px}
.nav_wap_se span:nth-of-type(1){top:19px;transform:rotate(45deg)}
.nav_wap_se span:nth-of-type(2){width:0}
.nav_wap_se span:nth-of-type(3){top:19px;transform:rotate(-45deg)}

#menu{border-top: 2px solid #1E5AAE;}
#menu ul{width: 100%;display: flex;}
#menu ul li{flex-grow: 1;max-width: 20%;}
#menu ul li a{display: block;line-height: 38px;text-align: center;transition: ease-in-out 0.1s;}
#menu ul li a:hover,#menu .current{background-color: #1E5AAE;color: #FFFFFF !important;}

@media screen and (min-width: 280px) and (max-width: 1200px) {
	.header_top{padding: 0 5%;}
	#search{width: 180px;}
	.header_main{padding: 10px 5%;}
	.header_main .name,.header_main .ggy{display: none;}
	.header_main .tel{margin-top: 0;}
	#menu ul li a{font-size: 12px;}
}
@media screen and (min-width: 280px) and (max-width: 700px) {
	.header_top p.fl{display: none;}
	.header_top .wd{float: left;margin-right: 0;padding-left: 0;background: none;padding-top: 4px;}
	.header_top .wd li:nth-child(1){margin-right: 10px;}
}
@media screen and (min-width: 280px) and (max-width: 600px) {
	.header_main .tel{display: none;}
	#logo img{height: 50px;}
	.nav_wap{display: block;margin-top: 5px;}
	#menu ul{display: block;box-sizing: border-box;padding: 20px 5%;}
	#menu ul li{max-width: none;border-bottom: 1px solid #E5E5E5;padding: 0 6%;}
	#menu{border-bottom: 2px solid #1E5AAE;display: none;}
	#menu ul li a{font-size: 14px;}
}
@media screen and (min-width: 601px){
	#menu{display: block !important;}
}

/*footer*/
.footer_link{background-color: #1E5AAE;min-height: 40px;}
.footer_link .content{box-sizing: border-box;padding: 10px 0 10px 140px;position: relative;}
.footer_link a{color: #FFFFFF;line-height: 20px;display: block;padding: 0 15px;float: left;position: relative;}
.footer_link a:before{content: "";position: absolute;right: 0;top: 3px;width: 1px;height: 14px;background-color: #FFFFFF;}
.footer_link a:last-child:before{display: none;}
.footer_link a:hover{color: #fd2214 !important;}
.footer_link .bt{width: 110px;height: 50px;color: #FFFFFF;text-align: center;background-color: #FD2214;position: absolute;top: -10px;left: 0;line-height: 20px;}
.footer_link .bt font{font-size: 22px;display: block;font-family: arial;margin-top: 5px;}
.footer_link .bt i{position: absolute;width: 15px;height: 40px;top: 10px;left: 100%;}

.footer_main{padding: 30px 0;background-color: #181818;}
.footer_main a:hover{color: #FFFFFF !important;}
.footer_main .title{color: #FFFFFF;font-size: 16px;padding: 0 0 20px 30px;background: url(../images/tb4.png)no-repeat top left;border-bottom: 1px solid #5e5e5e;line-height: 20px;margin-bottom: 15px;}

.footer_main .box1{width: 12.5%;color: #FFFFFF;text-align: center;}
.footer_main .box1 span{font-size: 16px;display: block;}
.footer_main .box1 img{display: block;width: 100%;margin: 15px 0;}

.footer_main .box2{width: 22%;margin: 0 6%;}
.footer_main .box2 .lm li{float: left;width: 49%;line-height: 30px;}
.footer_main .box2 .lm li:nth-child(2n){float: right;text-align: right;}
.footer_main .box2 .lm li a{display: block;color: #bababa;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.bdsharebuttonbox{margin-top: 20px;}
.bdsharebuttonbox p{float: left;line-height: 32px;color: #a6a6a6;}
.bdsharebuttonbox i{display: block;float: left;margin: 0 0 0 10px;width: 32px;height: 32px;line-height: 32px;color: #FFFFFF;position: relative;text-align: center;border-radius: 50%;font-size: 16px;}
.bdsharebuttonbox i:hover{opacity: 0.8;}
.bdsharebuttonbox i a{padding: 0 !important;margin: 0 !important;width: 100% !important;height: 100% !important;background: none !important;position: absolute;top: 0;left: 0;}

.footer_main .box3{width: 18%;}
.footer_main .box3 .lm li a{display: block;color: #bababa;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 30px;}

.footer_main .box4{width: 25%;}
.footer_main .box4 .title{background: url(../images/tb5.png)no-repeat top left;}
.footer_main .box4 > p{color: #BABABA;line-height: 30px;}

.copyright{padding: 10px 0;line-height: 30px;text-align: center;background-color: #000000;}
.copyright p{display: inline-block;margin: 0 10px;color: #BABABA;}
.copyright a{color: #BABABA;}
.copyright a:hover{color: #FFFFFF !important;}
.commerce{text-align: center;}

@media screen and (min-width: 280px) and (max-width: 1200px) {
	.footer_link .content{padding: 10px 10px 10px 110px;}
	.footer_link a{font-size: 12px;padding: 0 5px;}
	.footer_main{padding: 20px 5%;}
	.footer_main .box1 span{font-size: 20px;}
}
@media screen and (min-width: 280px) and (max-width: 800px) {
	.footer_main{display: none;}
	.copyright{line-height: 25px;}
}

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

.kf-sidebar{position: fixed;right: 10px;z-index: 999;top: 250px;}
.kf-sidebar li{width: 55px;height: 55px;background-color: #1E5AAE !important;cursor: pointer;margin-bottom: 1px;position: relative;}
.kf-sidebar li:hover{background-color: #1a427a !important;}
.kf-sidebar li a{display: block;height: 55px;}

.kf-sidebar .kf-tel{background: url(../images/kf_tel.png)no-repeat center;}
.kf-sidebar .kf-qq{background: url(../images/kf_qq.png)no-repeat center;}
.kf-sidebar .kf-weixin{background: url(../images/kf_weixin.png)no-repeat center;}
.kf-sidebar .kf-ww{background: url(../images/kf_ww.png)no-repeat center;}
#goTop{background: url(../images/kf_gotop.png)no-repeat center;}

.kf-sidebar .sidebox{position: absolute;padding-right: 10px;display: none;box-sizing: border-box;}
.kf-sidebar .sidebox .tb{width: 8px;height: 16px;background: url(../images/tb6.png)no-repeat center;position: absolute;top: 50%;margin-top: -8px;right: 3px;}
.kf-sidebar .sidebox .box{border: 1px solid #1E5AAE;text-align: center;background: #FFFFFF;font-size: 16px;}

.kf-tel .sidebox{width: 280px;top: 0;left: -280px;cursor: auto;}
.kf-tel .sidebox .box{height: 53px;line-height: 53px;color: #000000;}
.kf-tel .sidebox .box span{color: #1E5AAE;font-size: 20px;}

.kf-qq .sidebox,.kf-ww .sidebox{width: 120px;top: 0;left: -120px;}
.kf-qq .sidebox .box,.kf-ww .sidebox .box{height: 53px;line-height: 53px;color: #1E5AAE;}

.kf-weixin .sidebox{width: 180px;top: -57px;left: -180px;cursor: auto;}
.kf-weixin .sidebox .box{box-sizing: border-box;height: 170px;padding: 5px;}
.kf-weixin .sidebox .box img{width: 100%;height: 100%;display: block;}

/*wap*/
.kf_wap{height: 62px;display: none;}
.kf_wap ul{position: fixed;bottom: 0;z-index: 999;width: 100%;box-shadow: 0px 0px 8px #040404;}
.kf_wap li{width: 25%;float: left;background: #1E5AAE;padding: 5px 0;}
.kf_wap li a{display: block;color: #FFFFFF !important;text-align: center;font-size: 12px;}
.kf_wap li a i{color: #FFFFFF;line-height: 35px;font-size: 30px;}
#gotop_wap{display: none;position: fixed;bottom: 70px;right: 5px;background: url(../images/kf_gotop.png)no-repeat center #1E5AAE;width: 35px;height: 35px;border-radius: 4px;cursor: pointer;z-index: 999;background-size: 100% !important;}


@media screen and (max-width: 768px){

.news_list .fr {
    float: none;
    width: 100%;
}

#logo img{   
height: 30px;
    margin-top: 5px;
}
.nav_wap {
    margin-top: 0px;
}
}











