﻿* { padding: 0px; margin: 0px; font-family: 'Microsoft YaHei'; font-size: 14px; line-height: 1.6; text-decoration: none; list-style: none; }
html { background: #fff; }
h1, h2, h3, h4, h5, h6 { font-weight: 100; }
a { text-decoration: none; color: inherit; }
br { line-height: 0px; height: 0px; }
.clear { float: none !important; clear: both !important; height: 0px !important; }
.header { position: relative; width: 100%; /*height: 650px;*/ /*padding-top: 100px;*/ }
.header_menu { font-family: 'Microsoft YaHei'; position: absolute; height: 0px; margin: auto; top: 30px; left: 0px; right: 0px; *left: 50%; *margin-left: -465px; bottom: auto; z-index: 9999; box-shadow: 0 0 40px 10px rgba(255,255,255,.2); }
.header_menu img { position: absolute; margin: auto; left: 0px; right: 0px; *margin-left: -465px; }
.bd { margin: 0 auto; }
.header_bg { font-family: 'Microsoft YaHei'; /*padding-top: 100px;*/ /*height: 650px;*/ }
.header_body { position: absolute; margin: 0 auto; z-index: 1000; top: 100px; left: 0; right: 0; *left: 50%; *margin-left: -465px; }

.btn { display: inline-block; padding: 0 6px; border-radius: 5px; border: none; text-align: center; font: 14px/26px 'Microsoft YaHei'; }
.btn_g { display: inline-block; padding: 0 6px; border-radius: 5px; border: none; text-align: center; font: 14px/26px 'Microsoft YaHei'; background: #f7f7f7; border: #444 solid 1px; }
.bg_blue { background: #00eaff; color: #fff; }
/**/
@media only screen and (min-width:1441px ) { /*1440px*/
    .header_menu { width: 1230px; }
    /*.header_menu { width: 1190px; }*/
        .header_menu .sub_menu { width: 1228px; }
    .bd { width: 1230px; }
    .header_body { width: 1230px; }
    .foot { width: 1230px; }
    .hm_sub > li { width: 135px; }
    .nav_block li { width: 162px; }
    .nav_block .qcode { width: 320px; }
}

@media only screen and (max-width: 1440px) {
    .header_menu { width: 1200px; }
    /*.header_menu { width: 1190px; }*/
        .header_menu .sub_menu { width: 1198px; }
    .bd { width: 1200px; }
    .header_body { width: 1200px; }
    .foot { width: 1400px; }
    .nav_block li { width: 160px; }
    .nav_block .qcode { width: 300px; }
}
/**/
.win1 { margin: 110px 0 0 30px; font-family: 'Microsoft YaHei'; }
    .win1 dt { color: #000; font-size: 33px; line-height: 40px; }
    .win1 dd { color: #000; line-height: 26px; }
    .win1 .go a { color: #fff; font-size: 13px; line-height: 16px; text-decoration: none; }

.win2 { margin: 110px 0 0 30px; }
    .win2 dt { color: #00eaff; font-size: 33px; line-height: 40px; }
    .win2 dd { color: #fff; line-height: 4px; font: 14px/4px 'Microsoft YaHei'; margin-top: 10px; }
        .win2 dd p { line-height: 16px; }
    .win2 .go a { color: #fff; font-size: 13px; line-height: 16px; text-decoration: none; }
    .win2 .b_info { margin-top: 110px; }

.win3 { margin: 180px 0 0 710px; }
    .win3 dt { color: #00eaff; font-size: 16px; line-height: 26px; }
    .win3 dd { color: #fff; line-height: 26px; font-size: 16px; }
    .win3 .go a { color: #fff; font-size: 14px; line-height: 16px; text-decoration: none; }

/**/
.foot { display: block; height: 300px; margin: 0 auto; padding-top: 40px; background: #f5f5f5; font-family: 'Microsoft YaHei'; }
.nav_block { margin: 0px 0 0 280px; display: block; }
    .nav_block li { float: left; list-style: none; }
        .nav_block li h3 { color: #878787; font-size: 16px; font-weight: 100; }
        .nav_block li a { display: block; text-decoration: none; color: #878787; font-size: 13px; line-height: 26px; height: 26px; font-size: 12px; }
    .nav_block .qcode { padding-top: 0px; }
        .nav_block .qcode div { float: left; width: 120px; }
        .nav_block .qcode span { float: left; }
            .nav_block .qcode span img { float: left; width: 115px; }
        .nav_block .qcode a { float: left; width: 100px; font: 13px/26px 'Microsoft YaHei'; height: 20px; text-align: center; }
            .nav_block .qcode a i { line-height: 26px; height: 25px; float: left; }
.icon-wechat { width: 28px; background: url(../images/wx.png); }
.icon-weibo { width: 32px; background: url(../images/xl.png); }
.nav_block .contact { width: 200px; }
    .nav_block .contact .tel4 { font-size: 20px; line-height: 26px; height: 26px; }
    .nav_block .contact p { font: 13px/16px 'Microsoft YaHei'; color: #878787; }
.gj { width: 250px; margin-top: 20px; color: #878787; }
    .gj dl { display: block; white-space: nowrap; position: relative; }
        .gj dl .tit { }
        .gj dl .t1 { position: absolute; text-align: right; width: 45px; top: 0; left: -5px; }
        .gj dl dd { margin-left: 45px; }
            .gj dl dd a { display: inline-block; margin: 0 !important; font-size: 13px !important; color: #00f; line-height: 22px !important; height: 22px !important; }

.bottom-bar { display: block; text-align: center; color: #666; margin: 60px 0px 0px; }
    .bottom-bar .copyright { display: inline-block; }
    .bottom-bar .copyleft { display: inline-block; }
/*qiaohome*/
.q-home { margin: 15px auto 30px auto; position: relative; background: #fff; }
    .q-home .address { float: left;position: relative; margin-top: -350px; margin-left: 890px; width: 320px; height: 450px; overflow-y: auto; }
            .q-home .address li { color: #626262; border-bottom: solid 1px #ccc; list-style: none; }
            .q-home .address li h6 { font: 22px/26px 'Microsoft YaHei'; cursor: pointer; }
            .q-home .address li dl { display: block; width: 100%; margin: 2px 0; }
            .q-home .address li dt { display: inline-block; height: 100%; font: 14px/16px Microsoft YaHei; }
            .q-home .address li dd { display: inline-block; font: 14px/16px Microsoft YaHei; }
            .q-home .address li .item { margin-top: 15px; }

.q-home .map { display: block; position: relative; margin-left: 10px; min-height: 400px;width: 790px; border: solid 1px #f1f1f1; border-radius: 8px; }


/*list_Statr*/
@media only screen and (min-width:1441px ) { /*1440px*/
    .subMenu ul { width: 1230px; }
    .subMenu li { width: 155px; }
}

@media only screen and (max-width: 1440px) {
    .subMenu ul { width: 930px; }
    .subMenu li { width: 114px; }
}


/* Download */
.download_ban{ height: 680px; position: relative; overflow: hidden;margin-left: 150px;}
.download {
    width: 100%;
    background: #fff;
}
.download_card {
    width: 1000px;
    padding: 0px 100px;
    background: #fff;
    padding-top: 40px;
    overflow: hidden;
    padding-bottom: 64px;
    margin: auto;
}
.download_card .phone {
    width: 200px;
    height: 326px;
    border-radius: 30px;
    /*border: 1px solid #e4e4e4;*/
    border: 1px solid #0000DD;
    padding-top: 55px;
    float: left;
}
.download_card .phone .screen {
    width: 175px;
    height: 267px;
    border: 1px solid #0000DD;
    margin: auto;
}
.download_card .content {
    float: left;
    margin-left: 55px;
}
.download_card .content .title {
    font-size: 30px;
    margin-top: 20px;
    color: #333;
}
.download_card .content .title i {
    font-size: 20px;
}
.download_card .content .desc {
    font-size: 18px;
    color: #999;
    margin-top: 10px;
}
.download_card .content .list {
    margin-top: 10px;
    overflow: hidden;
}
.download_card .list .item {
    float: left;
    width: 168px;
    height: 168px;
    border: 1px solid #e4e4e4;
    text-align: center;
    padding-top: 10px;
    display: block;
    position: relative;
    cursor: pointer;
    color: #0000DD;
}
.download_card .list .item + .item {
    margin-left: 18px;
}
.download_card .phone #side_code {
    margin: auto;
    margin-top: 82px;
    width: 150px;
    height: 150px;
}
.download_card .phone p {
    text-align: center;
    font-size: 12px;
    color: #666;
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.download_card .phone p + p {
    margin-top: -5px;
}

/*product*/
.product {font-size: 0;}
.product img{max-width: 100%;vertical-align: middle;}
.product_cont1{
 height:100%;
    border:0px solid #def;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;}
.product_cont2{height: 975px;}

