@charset "utf-8";
/* CSS Document */

a { color: #333; }
a:hover {  text-decoration: none; }
a { text-decoration: none; }
body{ background:#f7f7f7; width:100%; margin:0 auto;  padding:0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-rendering: optimizelegibility; }
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section { margin: 0; padding: 0; }
body, button, input, select, textarea { font-family:"Microsoft Yahei", sans-serif; }
.main{ margin:0 auto; padding:0; background-color:#fff;}
.head{ width:100%; background:#fff; margin:0 auto; height:100px; }
img {max-width: 100%;height: auto;}
.head .logo{ height: 100%; max-width: 1000px;margin: 0 auto;overflow:hidden;}
.head .logo img{
    float: left;
    width: 70px;
    margin-top: 15px;
}
.head .logo .logo-title{
    float: left;
    height: 70;
    margin: 15px 0 0 15px;
}
.head .logo .logo-title .tit1{
    font-size: 30px;
    color: #555;
    font-weight: 600;
}
.head .logo .logo-title .tit2{
    font-size: 20px;
    color: #777;
    text-indent: 5px;
}

.top{ width:100%; margin:0 auto; background-image:url(../images/bg.png) ;background-position: center;}
.top .top-box{ width:100%; margin:0 auto; padding:20px 0; overflow:hidden; max-width: 1000px;}
.top .top-lf{ width:55%; min-height: 380px; float:left;     margin-top: 15px;}
.top .top-rt{ width:45%; min-height: 380px; float:left;     margin-top: 15px;}
.top .top-rt .rt-bj{    text-align: center;}
.top .top-rt .rt-bj img{width: 100%; min-width: 352px;}
.top .top-lf .title h2{ color:#fff; line-height:95px; font-size:48px;margin-bottom:30px; word-spacing:8px; letter-spacing: 5px;font-weight:bold; }
.top .top-lf .title h2 span{ font-size: 22px;letter-spacing: 1px;font-weight: 400;}
.top .top-lf .title p{color:#fff; line-height:40px; font-size:28px;  width:100%;}
.top .top-lf .xiazai{ margin-top:30px; width:100%;
    height:200px;}
.top .top-lf .xiazai .xiazai-erweima{ float:left; width:38%; height: 100%; padding:1% 0; background:#fff; text-align:center;}
.top .top-lf .xiazai .xiazai-erweima img{width: 200px;height: 200px;}
.top .top-lf .xiazai .xiazai-bott{ float:right; width:52%; }
.top .top-lf .xiazai .xiazai-bott p.da{ font-size:24px; line-height:24px; color:#404040; font-weight:bold;    margin-top: 15px; }
.top .top-lf .xiazai .xiazai-bott p.xiao{ font-size:18px; line-height:24px; color:#888; }
.top .top-lf .xiazai .xiazai-bott a.ios{ cursor:pointer; background-color:#fff; border-radius:4px; /*margin:12px 5px 5px 0px;*/ color:#404040; width:98%; height:80px; min-width: 237px;float:left;margin-top:45px; }
.top .top-lf .xiazai .xiazai-bott a.android{ cursor:pointer; background-color:#fff; border-radius:4px; /*margin:0px 5px 15px 0px ;*/ color:#404040; width:98%; height:80px; min-width: 237px;float:left;padding: 3px 0;}
.top .top-lf .xiazai .xiazai-bott a.ios i{ background-image:url(../images/apple.png); width:43px; height:49px; display:block;  float:left; margin:16px 15px 15px 20px;}
.top .top-lf .xiazai .xiazai-bott a.android i{ background:url(../images/android.png) no-repeat; width:44px; height:54px;display:block;  float:left; margin:13px 15px 13px 20px; }
.top .top-lf .xiazai .xiazai-bott a.android:hover{ color:#11ab14; }
.top .top-lf .xiazai .xiazai-bott a.ios:hover{ color:#4c4a80; }

.cen{ width:100%; height:auto; margin:30px auto 50px auto; overflow:hidden; max-width: 1000px;}
.cen .title{ width:auto; color:#222; text-align:center; font-size:40px; line-height:48px;  margin-top:30px ;}
.cen .txt{ width:auto; margin:30px 0;clear:both; }
.cen .txt .fl{ width:25%; float:left; text-align:center;}
.cen .txt .fl p{ color:#222; font-size:22px; line-height:34px;  }
.cen .txt .fl span{ color:#999; font-size:16px; line-height:20px; }
.cen .txt .lc i{ background:url(../images/pt-icon-lc.png) no-repeat center; width:100%; height:114px; display:block; margin: 30px 0;}
.cen .txt .hl i{ background:url(../images/pt-icon-hl.png) no-repeat center; width:100%; height:114px;display:block; margin: 30px 0;}
.cen .txt .lx i{ background:url(../images/pt-icon-lx.png) no-repeat center; width:100%; height:114px;display:block; margin: 30px 0;}
.cen .txt .fy i{ background:url(../images/pt-icon-fy.png) no-repeat center; width:100%; height:114px;display:block; margin: 30px 0;}

.bottom{ background-color:#303030; color:#707070; font-size:14px; height: auto; }
.bottom .link{ margin:0 auto; max-width:1000px; padding:10px 0 0 0; }
.bottom .link a{ color: #707070; font-size: 14px; padding: 0 5px; line-height:25px;}
.youqing{ margin:0 auto; line-height:30px; max-width:1000px; padding:5px 0px ; margin-bottom:20px; font-size:18px; }
.youqing a{ margin:0 10px; color:#707070; font-size:12px; }
.youqing span{ margin:0 10px 0 0; color:#707070; font-size:12px; }
.youqing a:hover{ color:#868686;}
.shengming{ width:100%; margin:0 auto; padding: 15px 0 15px 0; }
.sdl-logo{ float:left; background:url(../images/sdl_logo.png) no-repeat; width:48px; height:53px; margin-right:30px;}
.sm-txt{  text-align:center; line-height:30px; margin-top:5px; *line-height:0px; _line-height:0px; }

.sidebar { right: 20px;  position: fixed; top: 80%; width: 80px; }
.sidebar a {
    background-image: url("../images/side.png");
    background-repeat: no-repeat;
    display: block;
    height: 80px;
    overflow: hidden;
    text-indent: -999px;
    width: 80px;
}
.sidebar a.qq {
    background-position: 0 0;
}
.sidebar a.top {
    background-position: 0 -80px;
    margin-top: 10px;
}
.backdrop {
    background-color: rgba(0, 0, 0, 0.8);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}
.modal {
    left: 0;
    position: fixed;
    top: 50%;
    width: 100%;
}
.dl-modal .inner {
    background-color: #fff;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 750px;
}
.dl-modal .pull-action {
    position: absolute;
    right: 20px;
    top: 20px;
}
.dl-modal .main {
    padding-bottom: 70px;
    padding-top: 20px;
}
.dl-modal .title {
    font-size: 36px;
    height: 60px;
    line-height: 60px;
}
.dl-modal small {
    color: #808080;
    font-size: 18px;
}
.dl-modal .row {
    margin-top: 40px;
    padding: 0 60px;
}
.dl-modal .col {
    float: left;
    text-align: center;
    width: 210px;
}
.dl-modal .col img {
    border: 2px solid #ccc;
    display: block;
    height: 176px;
    margin: 0 auto;
    width: 176px;
}
.dl-modal .col .btn {
    display: block;
    height: 180px;
    margin: 0 auto;
    width: 180px;
}
.dl-modal .col .android, .dl-modal .col .iphone {
    background-image: url("../images/radius.png");
    display: block;
    height: 180px;
    margin: 0 auto;
    width: 180px;
}
.dl-modal .col .android {
    background-position: 0 0;
}
.dl-modal .col .iphone {
    background-position: -180px 0;
}

.clearfix::before, .clearfix::after {
    content: "";
    display: table;
}
.clearfix::after {
    clear: both;
}
.links{
    width: 100%;
    background-color: #1F272B;
    overflow: hidden;
    padding-bottom: 20px;
}
.links h2{
    width: 1200px;
    margin: 20px auto 10px;
    font-size: 16px;
    color: #63696E;
}
.links .links_list{
    width: 1200px;
    margin: 0 auto;
}
.links a{
    width: 108px;
    float: left;
    font-size: 12px;
    color: #63696E;
    line-height: 22px;
}
.links .bei{
    text-align:center;
    margin-top: 30px;
    color: #63696E;
}



@media all and (max-width: 700px) {
    .head{
        max-height: 60px;
    }
    .head .logo{font-size: 28px;font-weight: 500;}
    .head .logo img{margin: 0;}
    .top .top-rt .rt-bj img{min-width: 150px;width: 100%;height: 100%;}
    .top .top-lf {min-height: 150px;}
    .top .top-rt {min-height: 150px;}
    .top .top-lf .xiazai .xiazai-erweima{width: 46%;}
    .top .top-lf .xiazai .xiazai-erweima img{width: 98%;height: 96%;}
    .top .top-lf .xiazai .xiazai-bott a.android{
        min-width: 100px;width: 96%;height: 48%;text-align: center;
    }
    .top .top-lf .xiazai .xiazai-bott a.ios{
        min-width: 100px;width: 96%;height: 48%;text-align: center;margin-top: 2%;
    }
    .top .top-lf .xiazai .xiazai-bott a.android i{display: none;}
    .top .top-lf .xiazai .xiazai-bott a.ios i{display: none;}
    .cen .title{font-size: 30px;}
    .top .top-lf .title {
        text-align: center;
    }
    .top .top-lf .title h2{font-size: 28px;line-height: 20px;}
    .top .top-lf .xiazai .xiazai-bott p.da{margin-top: 3%;font-size: 16px;}
    .top .top-lf .title p{line-height: 20px;font-size: 14px;}
    .top .top-lf .xiazai .xiazai-bott p.xiao{font-size: 14px;}
    .top .top-lf .xiazai{margin-top: 15px;height: 150px;}
    .cen .txt .fl{width: 50%;}
    .top .top-lf .xiazai .xiazai-erweima{height: 100%;min-height: 100%;}
    .cen .title{margin-top: 0px;font-size: 26px;line-height: 30px;}
    .cen .txt{margin-top: 10px;}
    .top .top-lf .xiazai .xiazai-bott{height: 100%;}
    .cen .txt .lc i{ background-size: 80px 80px; height: 100px;margin: 5px 0;}
    .cen .txt .hl i{ background-size: 80px 80px; height: 100px;margin: 5px 0;}
    .cen .txt .lx i{ background-size: 80px 80px; height: 100px;margin: 5px 0;}
    .cen .txt .fy i{ background-size: 80px 80px; height: 100px;margin: 5px 0;}
    .cen .txt .fl p{font-size: 18px;}

}

@media all and (max-width: 600px) {
    .top .top-lf .xiazai{margin-top: 15px;height: 130px;}
}

@media all and (max-width: 500px) {
    .top .top-lf .xiazai{margin-top: 15px;height: 120px;}
}

@media all and (max-width: 400px) {
    .top .top-lf .xiazai{margin-top: 15px;height: 100px;}
}