@charset "utf-8";
/* Initialize style */
* { padding: 0; margin: 0; list-style: none;  font-size: 14px; }
body { background-color: white; position: relative}
img,
table { border: 0; }
ul,ol,li{list-style: none;}
a { color: inherit; cursor: pointer; text-decoration: none; }
a:hover { text-decoration: none; }
input::-webkit-input-placeholder {
    color: #434343;
}
input:-ms-input-placeholder {
    color: #434343;
}
input:-moz-placeholder {
    color: #434343;
}
input::-moz-placeholder {
    color: #434343;
}
.m5 { margin: 5px; }
.m10 { margin: 10px; }
.m15 { margin: 15px; }
.m20 { margin: 20px; }
.p5 { padding: 5px; }
.p10 { padding: 10px; }
.p15 { padding: 15px; }
.p20 { padding: 20px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb35 { margin-bottom: 35px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.fl { float: left; }
.fr { float: right; }
.clear {
    visibility: hidden;
    clear: both;
    width: 0;
    height: 0;
    *zoom: 1;
}
.fixed { position: fixed; }
.hide{visibility: hidden;}
.show{visibility: visible;}
.none{display: none;}
.block{display: block;}
.boxSizing { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.wrapper {max-width:1200px; margin-left: auto; margin-right: auto; }
.slideImg img,
.dt-main .box ul li .img01 { transition: transform .3s; }
.slideImg img:hover,
.dt-main .box ul li:hover .img01 { transform: scale(1.05); }
.ad img,
.a img { display: block; }

/*header*/
.header {
    width: 100%;
    color: #9b9bb4;
    height: 50px;
    line-height: 50px;
    background: #333340;
    position: relative;
}
.header .header-tit{
    display: inline-block;
    width: 100px;
    height: 50px;
    box-sizing: border-box;
    padding: 0 15px;
    margin-left: 10px;
    margin-right: 23px;
}
.header .header-tit:hover{
    background-color: #2E81EA;
    color: #fff;
}
.header .header-tit:hover i{
    border-top: 4px solid #fff;
}
.header .header-tit i{
    display: inline-block;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top: 4px solid #9B9BB4;
    /* position: absolute; */
    top: 24px;
    left: 12%;
}
.header .header-list{
    width: 100%;
    position: absolute;
    top: 49px;
    left: 0;
    z-index:4;
    display: none;
    background-color: #2d2d39;
}
.header .header-list ul{
    box-sizing: border-box;
    padding: 0 10%;

}
.header .header-list ul li{
    float: left;
    width: 12.5%;
    height:101px;
    line-height: 101px;
    text-align: center;
    background-color: #2d2d39;
    color: #fff;
}
.header .header-list ul li:hover{
    color:#2E81EA;
}
.header .header-list ul li:nth-child(1){
    border: none;
}
.header .header-list ul li:nth-child(2){
    border: none;
}


/* footer */
.footer{
    padding: 30px 0;
    background: #333340;
    position: relative;
    overflow: hidden;
}
.footer dl{
    line-height: 45px;
}
.footer dl.d1{
    width: 276px;
}
.footer dl dt{
    color: #ffffff;
}
.footer dl.d1 dd{
    width: 80%;
    float: left;
}
.footer div,
.footer dl dd,
.footer dl dd a{
    color: #9b9bb4;
}
.footer dl dd .iconfont{
    display: inline-block;
    width: 24px;
    margin-right: 5px;
    font-size: 20px;
    vertical-align: middle;
}

.footer div.code{
    width: 122px;
    padding-top: 122px;
    line-height: 2;
    position: absolute;
    top: 47px;
    right: 0;
    left: 12%;
    margin: auto;
    text-align: center;
    background-image: url(../image/foot-code.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
}

.footer div.code2{
    width: 122px;
    padding-top: 122px;
    line-height: 2;
    position: absolute;
    top: 47px;
    right: 0;
    left: 33%;
    margin: auto;
    text-align: center;
    background-image: url(../image/haiwa.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
}

.footer div.code3{
    width: 122px;
    padding-top: 122px;
    line-height: 2;
    position: absolute;
    top: 47px;
    right: 0;
    left: -12%;
    margin: auto;
    text-align: center;
    background-image: url(../image/weixin.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
}

/*版权*/
.copyright {
    padding: 20px 0;
    color: #9b9bb4;
    background: #333340;
    border-top:1px solid #3e3e4d;
    overflow: hidden;
}
.copyright .name{
    float: right;
}
.copyright .logo{
    float: right;
    width: 184px;
    height: 27px;
    line-height: 27px;
    margin-top: -4px;
    margin-right: 10px;
    text-align: right;
    background-image: url(../image/foot-logo.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-right: 5px;
}

/*侧边栏*/
.right-ad{
    width:130px;
    position: fixed;
    top:200px;
    right:0;
    z-index: 10;
    transition:right 1s;
}

.ser-list{
    border:1px solid #ccc;
}
.right-ad .service-number{
    padding: 20px 0;
    background-color: white;
}
.service-number span{
    display: block;
    font-size: 40px;
    color:#2E81EA;
    text-align: center;
}
.service-number b{
    display: block;
    font-weight: normal;
    font-size: 16px;
    text-align: center;
    margin-bottom: 5px;
}
.service-number a{
    display: block;
    width: 90px;
    margin: auto;
    text-align: center;
    height: 30px;
    line-height: 30px;
    background: #2E81EA;
    color: #fff;
    border-radius: 3px;
}
.service-qq{background-color: #5084D7;padding: 15px 0;}
.service-qq img{display: block;margin: auto}
.service-qq span{display: block;text-align: center;color: white;}
.ser-qq-list{
    display:block;
    width:120px;
    height:30px;
    background-color: #fff;
    border-radius: 2px;
    margin:5px auto;
    line-height: 30px;
}
.call-bac{
    display:block;
    width:20px;
    height:20px;
    background: url("../image/qq-mini.png") no-repeat 50% 50%;
    margin-top:5px;
    margin-left:10px;
    float: left
}
.call-txt{
    font-size: 12px;
    color:#5084D7;
    float: left;
    margin-left: 5px;
}

@media screen and (max-width:1000px){
    .footer div.code{left:2%}
}

.service-qq img {
    display: block;
    margin: auto;
    width: 120px;
    height: 120px;
}