/*********下拉菜单*********/
.allhtml{
margin-top: 56px;
}
.top-bg{
background: url("../images/tab-bg.png") no-repeat center center;
background-size: cover;
width: 1355px;
height: 360px;
position: relative;
margin: 0 auto;
}
/*******标题加文字********/
.top-title{
width: 552px;
height: 77px ;
}
.top-title{
position:absolute;
left:0;
top: 0;
bottom: 50px;
right: 0;
margin: auto;
}
.top-title h1{
font-weight: normal;
font-family: Helvetica, Arial, sans-serif;
font-size: 42px;
color: #FFFFFF;
text-align: center;
padding-bottom: 18px;
word-spacing:8px;
letter-spacing: 5px;
}
.top-title p{
font:20px "microsoft yahei";
color: #ffffff;
text-align: center;
letter-spacing: 1px;
}
/***标题加文字结束****/
/**********Top结束**********/
/***********Tab**********/
/****Tab标题*****/
.title{
position: relative;
left: 453px;
top: 317px;
background: #1B3D56;
}
.title li:hover{
color: #1879C1;
}
.title li{
font-family:"microsoft yahei";
color: #fff;
width: 126px;
height: 42px;
display: block;
float: left;
margin-left: 10px;
text-align: center;
line-height: 42px;
border: 1px solid #3D91DD;
word-spacing:8px;
letter-spacing: 2px;
border-bottom: 0;
cursor: pointer;
}
.active{
background:#419DF2;color: #fff;
}
/********Tab标题*********/
/******Tab选项*******/
.content{
font-family: "microsoft yahei";
margin: 0 auto;
}
.content li{
list-style: disc;
}
.warp-content{
height: 2100px;
}
.warp-introduce{
height: 450px;
}
.warp-contact{
height: 400px;
}
.contentlist{
width: 960px;
margin: 0 auto;
}
/***公司简介***/
.introduce-list{
margin: 36px 0 20px;
font: 25px "microsoft yahei";
text-align: center;
}
.introduce-content h5{
margin: 20px 0 10px 0;
color: #1079c3;
font-weight: bold;
font-size: 18px;
}
.introduce-content p{
margin-top: 10px;
color: #333;
font: 14px "microsoft yahei";
text-indent: 2em;
}
/***公司简介***/
/******招贤纳士*****/
.content-font h3{
margin: 36px 0 20px;
font:24px "microsoft yahei";
text-align: center;
}
.content-font .desc{
margin-bottom: 36px;
font:18px "microsoft yahei";
text-align: center;
text-indent: 0;
}
.section{
width: 960px;
margin: 0 auto;
}
.b-font{
width: 960px;
margin: 0 auto;
}
.b-font h4{
margin: 20px 0 10px 100px;
color: #1079c3;
font-weight: bold;
}
.b-font p{
margin: 7px 0 7px 81px;
color: #333;
font: 14px "microsoft yahei";
text-indent: 2em;
}
.b-list{
margin: 12px 0 0 170px;
}
.b-list li{
margin-bottom: 10px;
color: #333;
font-size: 14px;
list-style-position: outside;
list-style-type: disc;
}
/******招贤纳士*****/
/****联系我们****/
.content-contact{
position: relative;
width: 960px;
height: 400px;
margin: 0 auto;
background: url(../images/map.png) no-repeat;
}
.content-contact li{
list-style: none;
}
.contact-list{
position: absolute;
top: 87px;
left: 50px;
}
.contact-list li{
margin-bottom: 10px;
}
.contact-list li,.contact-list li a{
font:16px "microsoft yahei";
color: #012f58;
}
/****联系我们****/
/******Tab选项*******/
/************tab结束************/
/***********Hotline开始*************/
/*了解更多*/
.moremsg p{
margin:0 auto;
width:1355px;
font:1.8em "microsoft yahei";
color: #F0F2F4;
line-height: 85px;
text-align: center;
vertical-align: middle;
background-color:#1579c1;
letter-spacing: 2px;
word-spacing: 8px;
}
.moremsg p span{
font-size: 0.8em;
border: #FFFFFF solid 1px;
border-radius: 30px;
cursor: pointer;
padding: 5px 20px;
margin-left: 30px;
letter-spacing: 0px;
}
.moremsg p span:hover{
background-color: #155687;
}
/***********Hotline结束*************/
.footer{
background:#000000;
width: 100%;
height: 227px;
background-size: 100% 100%;
margin: 0 auto;
}
.foot-box{
width: 1346px;
height: 182px;
margin: 0 auto;
}
/***左边区域****/
.foot-list{
width: 853px;
height: 182px;
margin: 0 auto;
overflow: hidden;
}
.foot-title{
color: #BDBDC2;
font:17px "microsoft yahei";
padding-top: 28px;
}
.list-left{
display: block;
float: left;
margin-top: 5px;
}
.list-left>li{
width: 100%;
display: block;
line-height: 20px;
}
.list-left>li>a{
font:14px "microsoft yahei";
color: #676E7E;
font-weight: 600;
display: inline-block;
padding: 5px 19px 3px 0;
}
/***左边区域结束****/
/****中间区域****/
.foot-tenter{
float: left;
}
.center-title{
color: #BDBDC2;
font:17px "microsoft yahei";
margin-bottom: 5px;
}
.center-left{
display: block;
width: 100px;
float: left;
text-align: center;
margin: -21px 0 0 9px;
padding: 0 5px 5px 9px;
border-right: 1px solid #464D5D;
border-left: 1px solid #464D5D;
}
.center-right{
width: 100px;
display: block;
float: left;
margin: -21px 0 0 20px;
border-right: 1px solid #464D5D;
}
.center-left li{
display: block;
}
.center-left>li>a,.center-right>li>a{
font:14px "microsoft yahei";
color: #676E7E;
font-weight: 600;
display:block;
float: left;
padding: 5px 0 3px 18px;
}
/****中间区域结束****/
/***右边区域****/
.foot-right{
float: left;
}
.right-title{
color: #BDBDC2;
font:17px "microsoft yahei";
margin-bottom: 5px;
}
.foot-rg li{
display: block;
}
.foot-rg{
display: block;
float: left;
margin: -25px 0 0 20px;
}
.foot-rg>li{
font:14px "microsoft yahei";
color: #676E7E;
font-weight: 600;
display:block;
padding-top: 5px;
}
.foot-rg>li>a{
font:14px "microsoft yahei";
color: #676E7E;
font-weight: 600;
display:block;
padding-top: 5px;
}
/***右边区域结束****/
/****微信****/
.foot-icon{
float: left;
margin: -18px 0 0 34px ;
}
.foot-img{
width: 100px;
height: 100px;
background: url("../images/1360/qrcode.jpg") no-repeat 0 center;
}
#right-a{
padding-left: 0;
}
.foot-icon .foot-font{
float: left;
font:14px "microsoft yahei";
color: #676E7E;
padding: 3px 0 0 21px;
}
/****微信结束****/
/****版权信息*****/
.partner{
width: 700px;
margin: 0 auto;
overflow: hidden;
}
.partner p,.partner p a{
font:14px "microsoft yahei";
color: #97979D;
line-height: 40px;
height: 40px;
}
/****版权信息结束*****/
/***********页脚***********/
.qqline{
height: 25px;
width: 100px;
cursor: pointer;
}