body, h1, h2, h3, h4, h5, h6, hr, p, pre, dl, dt, dd, ul, ol, li, th, td, form, fieldset, legend, button, input, textarea,a { margin:0; padding:0;font-family:"微软雅黑";}
h1, h2, h3, h4, h5, h6 { font-size:100%;font-family:"微软雅黑";}
ul, ol { list-style-type:none;}
span{  margin:0;  padding:0;}
a { text-decoration:none;}
a:hover { text-decoration:none;}
fieldset, img { border:0;}
input,select,form,img {}
button{ cursor:pointer;}
.clearfix:after{ content:" " ; display: block; clear: both;visibility: hidden;height: 0;}
.clearfix{ *zoom: 1;}



.header{
    width: 100%;
    height: 98px;
    position: relative;
    z-index: 999;
}
.header .nav{
    width: 1200px;
    height: 98px;
    margin:0 auto;
}
.header .nav{
    position: relative;
}
.header .nav .logo img{
    position: absolute;
    left:0;
    top:21px;
    width:228px;
}
.header .nav ul{
    margin-left:269px;
}
.header .nav li a div{
    margin-top: 18px;
    margin-bottom: 2px;
}
.header .nav ul li{
    float:left;
}
.nav-bar .navA {
    display: block;
    float: left;
    height: 98px;
    width: 133px;
    overflow: hidden;
    text-align: center;
    color: #000;
    font-size: 13px;
}
.nav-bar a .img1{
    display: none;
}
.header .nav  li:hover .navA{
    color:#fff;
}
.header .nav  li:hover img{
  display: none;
}
.header .nav-bar li:hover .img1{
    display: inline-block;
}
.header .nav li:hover{
    background:#e5322c;
}
.common{
    width:1200px;
    height:500px;
    margin:0 auto;
    padding-top:30px;
}
.aboutUs{
    width:445px;
}
p .sp1{
    font-size: 22px;
    color:#333333;
}
p .sp2{
    font-size: 16px;
    margin-left:5px;
    font-family:"Verdana";
    color:#c2c2c2;
}
.about_img{
    background-color: #eff0f1;
    margin-top:13px;
}
.about_text{
    height:150px;
    background:#eff0f1;
}
.about_text p{
    /* margin-left:19px;
    margin-right:29px;
    margin-bottom:15px; */
}
/* .about_text p.f_p{
    padding-top: 10px;
    font-size: 18px;
    color:#010101;
    line-height: 25px;
} */
.about_text p.l_p{
    padding: 25px 20px 0;
    font-size: 16px;
    color:#333;
    /*margin-top: 15px;*/
    line-height: 24px;
}
.common .aboutUs{
    float:left;
}
.common .project{
    width:720px;
    height:473px;
    float:right;
}
/*.common .project p span:first-child{*/
    /*font-size: 20px;*/
    /*font-weight: bold;*/
    /*color:#333333;*/
/*}*/
/*.common .project p span:last-child{*/
    /*font-size: 16px;*/
    /*font-family:"PingFang SC-Regular, sans-serif";*/
    /*color:#808080;*/
/*}*/
.project_bg{
    width: 100%;
    height: 281px;
    background-color: #e0e2e4;
}
.project_all{
    height: 281px;
    background: url("../images/bg_project.png") no-repeat  center 72px ;
}
.project_all span{
    text-align:center;
}
.project_all ul li .img1{
    display: none;
}
.project_all ul li:hover img{
    display: none;
}
.project_all ul li:hover .img1{
    display: inline-block;
}
.project_all{
    position: relative;
    margin-top:13px;
}
.project_all ul li{
    position: absolute;
}
.project_all li:first-child .pro_Img{
    margin-left: 20px;
}
.project_all .li_00{
    position: absolute;
    top: 3px;
    left: 296px;
}
.project_all ul .li_01{
    top: 5px;
    left: 139px;
    width:133px;
}
.project_all ul .li_02 {
    right: 22px;
    top: 13px;
    width: 147px;
    font-size: 24px;
    text-align: center;
}
.project_all ul .li_03 {
    left: 55px;
    top: 133px;
    width: 120px;
    font-size: 20px;
}
.project_all ul .li_04 {
    left: 200px;
    top: 239px;
    width: 104px;
    font-size: 18px;
}
.project_all ul .li_05 {
    left: 448px;
    top: 220px;
    width: 180px;
    text-align: center;
    font-size: 22px;
}
.project_all ul li .pro_Name{
    text-align: center;
    color:#808080;
    margin-top:7px;
}
.projectCase{
    width:1200px;
    height: 281px;
    margin:0 auto;
}
.projectCase ul{
    font-size: 0;
}
.projectCase .pro_l{
    width:1145px;
    height:281px;
    float:left;
    overflow: hidden;
}
.projectCase .pro_l li{
    width: 229px;
    height:281px;
    float: left;
}

.projectCase .pro_l li span{
    display: inline-block;
    margin-left: 30px;
    margin-top: 30px;
    /*color: #4784ce;*/
    font-size:18px;
}
.projectCase .pro_l a.li_span1{
    color:#c4e2ff;
}
.projectCase .pro_l a.li_span2{
    color:#036088;
}
.projectCase .pro_l a.li_span3{
    color:#c4e4ff;
}
.projectCase .pro_l a.li_span4{
    color:#193c7d;
}
.projectCase .pro_l a.li_span5{
    color:#4364a0;
}

.projectCase .pro_r{
    float: right;
    width:55px;
    height: 281px;
    background-color: #a16abb;
}
.projectCase .pro_r a{
    color:#fff;
    margin-left: 20.5px;
    display: inline-block;
    padding-top:57px;
    text-align: center;
}
.projectCase .pro_r a span{
    font-size: 24px;
    font-weight: bold;
}
.footer{
    width: 1200px;
    height: 135px;
    margin: 0 auto;
}
.footer .f_t{
    height: 105px;
}
.footer .f_t ul li{
    float:right;
    margin-left: 18px;
}
.footer .f_t ul .f_d{
    margin-top: 62px;
}
.footer .f_dt {
    margin-right:14px;
}
.footer .f_b{
    margin-top:14px;
}
.footer .f_b div{
    font-family: Arial;
    font-size: 12px;
    color:#666;
    line-height:16px;
}
.footer .f_b a{
    font-size:12px;
    padding: 0 12px;
    color:#666;
}
.footer .f_b ul li a{
    padding:0;
}
.footer .f_b a:first-child{
    padding-left:0;
}
.footer .f_b a:hover{
    color:#e5322c;
}
.footer .f_b ul li{
    float:left;
    margin-left:58px;
}
.footer{
    position: relative;
}
.footer .f_b ul{
    position: absolute;
    right:25px;
    bottom:0;
}
.nav_sh{
    background: url("../images/bgColor.png");
}
.nav_sh1{
    position: absolute;
    /*background:rgba(0,0,0,0.3);*/
    z-index: 19;
    top: 98px;
    left: 50%;
    margin-left: -373px;
    /*width: 1000px;*/
    width:870px;
    height: 68px;
    display: none;
    text-align: center;
}
.nav_sh2{
    position: absolute;
    background:rgba(0,0,0,0.3);
    z-index: 19;
    top: 98px;
    left: 55%;
    margin-left: -55px;
    width: 329px;
    height: 68px;
    display: none;
    text-align: center;
}
.nav_sh3{
    position: absolute;
    background:rgba(0,0,0,0.3);
    z-index: 19;
    top: 98px;
    left: 50%;
    margin-left: 68px;
    width: 329px;
    height: 68px;
    display: none;
    text-align: center;
}
.nav_sh4{
    position: absolute;
    background:rgba(0,0,0,0.3);
    z-index: 19;
    top: 98px;
    left: 50%;
    margin-left: -378px;
    width: 830px;
    height: 68px;
    display: none;
    text-align: center;
}
.nav_sh5{
    position: absolute;
    background:rgba(0,0,0,0.3);
    z-index: 19;
    top: 98px;
    left: 50%;
    margin-left: 138px;
    width: 329px;
    height: 68px;
    display: none;
    text-align: center;
}
.nav_sh6{
    position: absolute;
    background:rgba(0,0,0,0.3);
    z-index: 19;
    top: 98px;
    left: 50%;
    margin-left: 271px;
    width: 329px;
    height: 68px;
    display: none;
    text-align: center;
}
.nav_sh a{
    line-height: 68px;
    margin: 0px 49px;
    color: #fff;
    font-size: 16px;
}
.nav_sh a:hover{
    color:#e5322c;
}
/*.header .nav-bar li:hover .nav_sh{*/
    /*display:block;*/
/*}*/

.header .nav-bar li,.header .nav-bar .nav_sh{
    z-index: 2200 !important;
    font-size: 0;
}

/*底部公共部分开始*/
.footerbg{
    background: #f0f0f0;
    padding: 33px 0 55px;
}
#active.footerbg{
    background: #ffffff;
}
.footer_bg{
    /* padding: 33px 0 55px; */
}
.footer_bg .footer_1{
    margin: 0 auto;
}
/*底部公共部分结束*/
/*.bx-wrapper{*/
    /*z-index: -1;*/
/*}*/