@charset "utf-8";

/* 超小设备（手机，小于 768px） */

/*共享样式*/

body {

    margin:0 auto;

    font-size:12px;

    font-family: "Microsoft YaHei", "Arial", "WenQuanYi Micro Hei", sans-serif;

    line-height:22px;

    color: #464646;

    overflow-x: hidden;

}

ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p,img,div,ol,li,em,i { padding:0; margin:0;}

ul, ol, li, dl, dt, dd {

    margin: 0;

    padding: 0;

    list-style: none;

}

img { border:0px;}

a {

    color:#464646;

    text-decoration:none;

    transition:color 0.5s;

    -moz-transition:color 0.5s;

    -webkit-transition:color 0.5s;

    -o-transition:color 0.5s;

}

a:hover {

    color:#007dc5;

    text-decoration:none;

        /*text-decoration: underline;*/

}

.lf {

    float: left;

}

.rt {

    float: right;

}

/*清除浮动样式*/

.clearf{

    overflow:auto;

}

.clearfloat:after{

    display:block;

    clear:both;

    content:"";

    visibility:hidden;

    height:0

}

.clearfloat{

    zoom:1;

}

.blockCenter{

    margin:0 auto;

}

.text-center{

    text-align: center;

}

.mtb10{

    margin-bottom: 10px;

}

.marginTB15{

    margin-top: 15px;

    margin-bottom: 15px;

}

.marginT15{

    margin-top: 15px;

}

.marginB15{

    margin-bottom: 15px;

}

.paddingTB15{

    padding-top: 15px;

    padding-bottom: 15px;

}

.padding3{

    padding: 3px;

}

.pd0{

    padding-left: 0;

    padding-right: 0;

}

/*单行溢出*/

.overElli{

	margin-top:50px;

    width: 100%;

    /*height: 40px;*/

    line-height:25px;
/*
    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;*/

}

/*  多行溢出 */

.overMoreElli{

    display: block;

    width: 100%;

    height: 80px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

}



.fontUpper{

    text-transform: uppercase;

}

.fontCapit{

    text-transform: capitalize;

}

.fontLower{

    text-transform: lowercase;

}

.fontZi{

    color: #318bc5;

    font-size: 12px;

}

.fontMuted{

    color: #afafaf;

    font-size: 14px;

    line-height: 30px;

}

.mt1000{

    width: 92%;

    margin: 0 auto;

}

/* 共享样式结束 */

/*遮罩效果*/

.zzpro{

    position: relative;

    width: 100%;

    border: 1px solid #ccc;

    margin: 10px auto;

    overflow: hidden;

}

.zzpro{

    width: 90%;

}

.zzpro>img{

    width: 100%;

    transform: scale(1);

    transition: transform .3s linear;

}

.zzpro:hover>img{

    transform: scale(1.2);

    transition: transform .3s linear;

}

/* nav 导航修改开始*/

nav.navbar{

    border-top: 3px solid #007dc5;


}

.navbar {

     margin-bottom: 0;

}

.navbar-brand {

    height: 38px;

}

.navbar-brand>img {

    display: inline-block;

}

.navItem ul li a{

    font-size: 14px;

}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {

    position: absolute;

    width: 100%;

    background: #fff;

}

/* nav 导航栏修改结束 */

/* banner  */

#banner{

    width: 100%;

    overflow: hidden;

}

#banner img{

    display: block;

    width: 100%;

}

/* banner 结束 */



/* 热词 */

.hotWord{

    width: 80%;

    margin: 0 auto;

}

.hotWord p{

    font-size: 14px;

    color: #808080;

    line-height: 56px;

}

.hotWord p a{

    font-size: 13px;

    color: #929292;

}

/* 热词 end*/

/* footer start */

.footer{

    margin: 30px auto 0;

    padding-top: 100px;

    padding-bottom: 30px;

    background: url("../images/bgx.png") no-repeat top left;

    -webkit-background-size: cover;

    background-size: cover;

    color: #fff;

    border-bottom: 1px solid #5d9dcb;

}

.footer a{

    color: #bcd9ef;

}

.footerBt{

    padding: 10px 0;

    background-color: #3288c8;

    color: #fff;

}

.footerBt a{

    color: #fff;

}



.footerAll>div:last-child .footItem{

    border-right: 0;

}



.footItem h3{

    font-size: 16px;

    line-height: 41px;

}



.footItem ul li a{

    font-size: 12px;

    line-height: 28px;

}

.footItem ul li h2.tel{

    font-size: 32px;

    line-height: 56px;

    font-family: "Impact";

    color: #c4ddf1;

}

.footItem ul li p,.footItem ul li p a{

    color: #c4ddf1;

    font-size: 14px;

}

.codeImg {

    margin-left: 20px;

    text-align: left;

    padding: 10px 0;

}

.footerBt{

    margin-bottom: 36px;

}

/* footer end */



/*底部固定导航 */

.body_footer{padding-top: 5px;width:100%;height:60px;background: -webkit-gradient(linear, 0 0, 0 100%, from(#2f7fba), to(#2f7fba));background:-moz-linear-gradient(top, #2f7fba, #2f7fba);/* Firefox */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#2f7fba,endColorstr=#2f7fba,grandientType=0);bottom:0; z-index:6;}

.body_footer ul{width:100%;height:55px;line-height:55px;}

.body_footer ul li{width:25%;float:left;color:#fff;}

.body_footer ul li a{width:100%;height:55px;display:block;border-right: #3d89c1 solid 1px;}

.body_footer ul li dl{width:auto;margin:0 auto;text-align:center;}

.body_footer ul li dt{

    width:auto;

    height:30px;

    overflow:hidden;

}

.body_footer ul li dt img{

    width:25px;

    height:25px;

}

.body_footer ul li dd{

    width:auto;

    height:30px;

    font-size:12px;

    color:#fff;

    line-height:25px;

    overflow:hidden;

}

/*底部固定导航end */

/* Bootstrap 中默认情况下没有媒体查询 */

/* 小型设备（手机，480px 起） */

@media (min-width: 480px) {



}

/* 小型设备（平板电脑，768px 起） */

@media (min-width: 768px) {

    /*nav 导航改*/

    .bignav{

        width: 100%;

        border-top: 3px solid #007dc5;



    }

    .navauto .logo {

        line-height: 100px;
		width:100px;



    }

    .navItems {

        width: 80%;

        margin-left: 42px;
		height:95px;

    }

    .navItem{

        width: 100%;

    }

    .navItem ul li {

        width: 12%;

        float: left;

        text-align: center;

    }

    .navItem ul li a {

        font-size: 12px;

    }

    .navItem ul li.active a,.navItem ul li:hover a{

        color: #007dc5;

    }

    .navItem ul li.active:after, .navItem ul li:hover:after{

        display: block;

        margin: 0 auto;

        content: "";

        width: 15px;

        height: 24px;

        background: url("../images/water.png") no-repeat top left;

    }

    .navItem ul li:last-child.active:after, .navItem ul li:last-child:hover:after{

        display: none; 

    }

    .dropdown-menu { 

    left: -100px; 

}

    /*footer*/

    .footer {

        padding-top: 96px;

    }

    .footItem {

        width: 80%;

        height: 200px;

        border-right: 1px dashed #7cb7de;

        margin: 0 auto;

    }

    .codeImg {

        margin-left: 0;

    }

}



/* 中型设备（台式电脑，992px 起） */

@media (min-width: 992px) {

    .mt1200,.hotWord{

        width: 92%;

        margin: 0 auto;

    }

    /* 改nav  */

    .navItem ul li a{

        font-size: 14px;



    }

    /* 改nav end */

    #footer{

        margin-bottom: 0;

    }

    .footer {

        

    }

    .footerBt{

        margin-bottom: 0;

    }

}



/* 大型设备（大台式电脑，1200px 起） */

@media (min-width: 1200px) {

    .mt1200,.mynav,.hotWord{

        width: 1200px;

        margin: 0 auto;

    }

    .mt1000{

        width: 1114px;

        margin: 0 auto;

    }

    /*nav 导航*/

    .navItems {

        width: 67%;
		height:95px;
    }

    .navItems  .bighot{

        margin-right: 40px;

    }

  .navauto .logo {

        line-height: 100px;
		width:354px;

    }



    /*footer*/



}


.smallImg{
    position: relative;
    display: inline-block;
}
.bigImg{
    position:absolute;
    left:120%;
    top:-560px;
    display:none;
    width:700px;
    height:auto;
    z-index:999;
}
.bigImg img{
    width:100%;
}
.smallImg:hover .bigImg{
    display:block;
}