/*header*/
/*headerTop*/
.headerTop{overflow: hidden;background-color:#4d4d4d;}
.headerTop p{font-size: 12px;line-height: 40px; color: #dcdcdc}
.headerTop p a{font-size: 12px;line-height: 40px; color: #dcdcdc}
.headerTop p a:hover{color: #db0b07;}
/*headerBottom*/
.headerBottom{}
.headerBottom .logo{width: 324px;height: 52px;margin-bottom: 8px;margin-top: 8px;}
.headerBottom .logo img{width: 200px;}
.headerBottom .nav>li{float: left;position: relative;}
.headerBottom .nav>li>a{font-size: 16px;line-height: 18px; color: #333333;border-left: 1px solid #333333;padding: 0 40px;display: block;margin:41px 0;}
.headerBottom .nav>li:first-child>a{border-left: 0;}
.headerBottom .nav>.on>a{color: #0067ac;}
.headerBottom .nav>li>a:hover{ color: #0067ac;}
.nav-menu{
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 100;
	padding-bottom:10px;
	display:none;
}
.nav-menu li{
    padding:0 10px;
    text-align: center;
    background-color: #fafafa;
}
.nav-menu li a{
    font-size: 14px;
    display: block;
    line-height: 20px;
    padding: 10px 0;
    border-bottom: 1px solid #cccccc;
}
.nav-menu li:last-child a{
    border-bottom: 0;
    
}
.nav-menu li:hover a{
    background-color: #00a5e9;
}
.nav-menu li:hover a{
    color: #ffffff;
}
.headerBottom .nav>li:hover .nav-menu{
    display: block;
}
/*footer*/
.footer{background-color:#4088dc;padding-top: 50px;position: relative;z-index: 1000;}
/*foot*/
.footer .foot{overflow: hidden;margin-bottom: 20px;}
.foot{}
.foot .contact{width: 550px;overflow: hidden;}
.foot .code{width: 140px;height: 140px;float: left;margin-right: 20px;}
.foot .code img{width: 140px;height: 140px;}
.foot .hotLine{float: left;width: 250px;}
.foot .hotLine .phone span{font-size: 16px;line-height: 26px;color: #ffffff;}
.foot .hotLine .phone p{font-size: 30px;line-height: 46px;color: #ffffff;font-weight: bold;}
.foot .hotLine .address p{font-size: 12px;line-height: 30px;color: #ffffff;}
.foot .hotLine .address p:first-child{font-size: 14px;font-weight: bold}
.foot .map{width: 630px;}
.foot .map>b{display: block;font-weight: normal;font-size: 16px;line-height: 26px;color: #ffffff;width: 100%;padding-bottom: 10px;border-bottom: 1px solid #ffffff;margin-bottom: 16px;}
.foot .map .bottom_nav{overflow: hidden;padding: 0 15px;}
.foot .map dl{float: left;}
.foot .map dl dt{font-size: 14px;font-weight:bold;color: #ffffff;line-height: 16px;margin-bottom:10px;}
.foot .map dl dd{ white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;color: #ffffff;}
.foot .map dl dd a{font-size: 12px;color:#ffffff;line-height: 25px;}
.foot .map dl dd a:hover{color: #db0b07;}
.company{width: 100px;margin-right: 20px;}
.pro{width: 150px;margin-right: 35px;}
.newsBottom{width:150px;margin-right: 35px;}
.us{width: 100px;margin-right: 10px;}
/*copy*/
.footer .copy{overflow: hidden;}
.copy p{font-size: 15px;line-height: 40px;color: #ffffff;}
.copy p a{font-size: 15px;line-height: 40px;color: #ffffff;}
.copy p a:hover{color: #db0b07;}
/*kefu*/
.kefu{
    width: 140px;
    background: #00a5e9;
    border-radius: 10px 0 0 10px;
    border-left: 1px solid #027fe0;
    border-top: 1px solid #027fe0;
    border-bottom: 1px solid #027fe0;
    padding: 5px;
    position:fixed;
    right:0;
    top: 20%;
    visibility: visible;
}
.kefu-con{
    position: relative;
}
.rows{
    background-color: #ffffff;
    border-radius: 10px;
    padding: 5px 8px;;
}
.rows-title{
    border-bottom: 1px solid #ace5f9;
    padding: 13px 0 8px 0;
}
.rows-title span{
    font:16px/20px "微软雅黑";
    color: #54c9fe;
    display: block;
    padding-left: 6px;;
}
.rows ul li{
    font-size: 12px;/16px "微软雅黑";
    padding: 13px 0 8px 0;
    border-bottom: 1px solid #e6e5e4;
}
.QQ{
    margin-bottom: 7px;
}
.QQ ul li span,.QQ ul li a{
    padding-left: 30px;
}
.QQ ul li span{
    background: url("../image/message.png") no-repeat 3px center;
    color: #666666;
}
.QQ ul li a{
    background: url("../image/qq2.png") no-repeat 5px center;
    color: #0ba4ea;
}
.QQ ul li a:hover{
    color: #e5c510;
}
.QQ .rows-title span{
    color: #666666;
}
.call .rows-title span{
    color: #0ba4ea;
}
.call ul li a{
    padding-left: 20px;
    background: url("../image/call.png") no-repeat 4px center;
    font-size: 12px;
    color: #666666;
}
.call ul li a:hover{
    color: #e5c510;
}
.kefu-title{
    width: 26px;
    height:117px;
    background: url("../image/close1.png") no-repeat center;
    position: absolute;
    left: -30px;
    top: 50%;
    margin-top:-58px;
    cursor: pointer;
}
.open .kefu-title{
    background: url("../image/open.png") no-repeat center;
}