@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; }
.m{ margin:0 auto; padding:0; background-color:#fff;}
.ht{ width:100%; background:#fff; margin:0 auto; height:80px; }
.ht .lg{ margin:0 auto; width:980px; height:80px; display:block }
.ht .lg.logoc{}
.tp{ width:100%; height:640px; margin:0 auto; background-image:url(../images/bg.png) ;background-position: center;
background-repeat: no-repeat;
}
.tp .tp-box{ width:1000px; margin:0 auto; padding:0; overflow:hidden; } 
.tp .tpl{ width:450px; height:539px; margin-left:92px; float:left;  padding-top:101px;}
.tp .tpr{ width:458px; height:539px; float:left; position:relative; padding-top:101px;  }
.tp .tpr .rtb{background:url(../images/shouji.png) no-repeat left bottom; position:absolute; width:458px; height:539px; display:block;}
.tp .tpl .tt{overflow:hidden; width:450px;}
.tp .tpl .tt h2{ float:left; color:#fff; line-height:95px; font-size:64px;margin-bottom:10px; width:430px; margin-top:40px;word-spacing:8px; letter-spacing: 5px;font-weight:bold; }

.tp .tpl .tt p{color:#fff; line-height:40px; font-size:28px;  width:450px;}
.tp .tpl .xz{ float:left; margin-top:50px; width:450px;}
.tp .tpl .xz .xzewm{ float:left; width:180px; height:167px; padding:10px 3px 3px; background:#fff; text-align:center;} 
.tp .tpl .xz  p.d{ font-size:24px; line-height:24px; color:#404040; margin-top:15px; font-weight:bold; }
.tp .tpl .xz  p.x{ font-size:18px; line-height:24px; color:#888; }
.tp .tpl .xz  a.i{ cursor:pointer; background-color:#fff; border-radius:4px; margin:5px 5px 5px 0px; color:#404040; width:250px; height:80px; line-height:60px; display:block; float:right;}
.tp .tpl .xz  a.a{ cursor:pointer; background-color:#fff; border-radius:4px; margin:0px 5px 15px 0px ; color:#404040; width:250px; height:80px; line-height:60px; display:block;float:right;}
.tp .tpl .xz  a.i i{ background-image:url(../images/apple.png); width:43px; height:49px; display:block;  float:left; margin:16px 15px 15px 20px;}
.tp .tpl .xz  a.a i{ background:url(../images/android.png) no-repeat; width:44px; height:54px;display:block;  float:left; margin:13px 15px 13px 20px; }
.tp .tpl .xz  a.a:hover{ color:#11ab14; }
.tp .tpl .xz  a.i:hover{ color:#4c4a80; }

.cen{ width:1000px; height:auto; margin:0 auto; overflow:hidden; }
.cen .tt{ width:auto; color:#222; text-align:center; font-size:40px; line-height:48px; height:60px; margin-top:120px ;}
.cen .txt{ width:1000px; margin:70px 0 120px 0; height:260px;list-style-type: none; }
.cen .txt .fl{ width:250px; float:left; text-align:center;}
.cen .txt .fl p{ color:#222; font-size:24px; line-height:34px;  }
.cen .txt .fl span{ color:#999; font-size:18px; line-height:34px; }
.cen .txt .lc i{ background:url(../images/pt-icon-lc.png); width:114px; height:114px; display:block; margin:30px 64px;}
.cen .txt .hl i{ background:url(../images/pt-icon-hl.png); width:114px; height:114px;display:block; margin:30px 64px;}
.cen .txt .lx i{ background:url(../images/pt-icon-lx.png); width:114px; height:114px;display:block; margin:30px 64px;}
.cen .txt .fy i{ background:url(../images/pt-icon-fy.png); width:114px; height:114px;display:block; margin:30px 64px;}

.btm{ background-color:#303030; color:#707070; font-size:14px; height: auto; }
.btm .ln{ margin:0 auto; width:1000px; padding:10px 0 0 0; }
.btm .ln a{ color: #707070; font-size: 14px; padding: 0 5px; line-height:25px;}
.sm{ width:1000px; margin:0 auto; height: 40px; padding: 15px 0 15px 0; }
.smt{width:1000px; text-align:center; line-height:30px; margin:5px auto 0px; *line-height:0px; _line-height:0px; }

.sb { left: 50%; margin-left: 520px; position: fixed; top: 50%; width: 80px; }
.sb a {
    background-image: url("../images/side.png");
    background-repeat: no-repeat;
    display: block;
    height: 80px;
    overflow: hidden;
    text-indent: -999px;
    width: 80px;
}
.sb a.qq {
    background-position: 0 0;
}
.sb a.tp {
    background-position: 0 -80px;
    margin-top: 10px;
}
.bd {
    background-color: rgba(0, 0, 0, 0.8);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}
.md {
    left: 0;
    position: fixed;
    top: 50%;
    width: 100%;
}
.dlmd .in {
    background-color: #fff;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 750px;
}
.dlmd .plac {
    position: absolute;
    right: 20px;
    top: 20px;
}
.dlmd .m {
    padding-bottom: 70px;
    padding-top: 20px;
}
.dlmd .tt {
    font-size: 36px;
    height: 60px;
    line-height: 60px;
}
.dlmd small {
    color: #808080;
    font-size: 18px;
}
.dlmd .row {
    margin-top: 40px;
    padding: 0 60px;
}
.dlmd .col {
    float: left;
    text-align: center;
    width: 210px;
}
.dlmd .col img {
    border: 2px solid #ccc;
    display: block;
    height: 176px;
    margin: 0 auto;
    width: 176px;
    float: left;
	margin:0px 15px;
}
.dlmd .col .a, .dlmd .col .i {
    background-image: url("../images/radius.png");
    display: block;
    height: 180px;
    margin: 0 auto;
    width: 180px;
}
.dlmd .col .a {
    background-position: 0 0;
}
.dlmd .col .i {
    background-position: -180px 0;
}
 
.cf::before, .cf::after {
    content: "";
    display: table;
}
.cf::after {
    clear: both;
}
.cf {
}