.top{
margin: 85px auto 0;
background: url("../imgs/help.jpg") no-repeat center;
height: 300px;
text-align: center;
}
.top h2{
font-weight: 300;
font-size: 36px;
color: #fff;
padding-top: 120px;
text-shadow: 5px 5px 5px #333;
}
.top p{
font-size: 20px;
color: #fff;
line-height: 30px;
text-shadow: 5px 5px 5px #333;
}
.menu{
width: 1200px;
margin: 0 auto;
display: block;
clear: both;
margin-top: 30px;
}
.menu a{
display: block;
width: 98px;
height: 44px;
font-size: 14px;
color: #333;
text-align: center;
line-height: 44px;
background: #e5e5e5;
margin-right: 10px;
border-radius: 22px;
float: left;
}
.menu a:hover{
background: #ce0000;
color: #fff;
}
.menu .ischoose{
background: #ce0000;
color: #fff;
}
.introduce{
width: 900px;
margin: 110px auto 0;
padding: 30px;
clear: both;
background-color: #fff;
}
.zhengshu{
width: 900px;
margin: 110px auto 0;
padding: 30px;
clear: both;
background-color: #fff;
}
.anquan{
width: 900px;
margin: 110px auto 0;
padding: 30px;
clear: both;
background-color: #fff;
}
.help{
width: 900px;
margin: 110px auto 0;
padding: 30px;
clear: both;
background-color: #fff;
}
.zhidao{
width: 900px;
margin: 110px auto 0;
padding: 30px;
clear: both;
background-color: #fff;
}
.download{
clear: both;
background-color: #fff;
}
.connect{
width: 900px;
margin: 110px auto 0;
padding: 30px;
clear: both;
background-color: #fff;
}
.xieyi{
width: 900px;
margin: 110px auto 0;
padding: 30px;
clear: both;
background-color: #fff;
}
.introduce_title{
border-bottom: 1px solid #999;
padding-bottom: 15px;
}
.introduce .content p{
font-size: 14px;
text-indent: 30px;
line-height: 30px;
color: #666;
}
.introduce h2{
padding: 30px 0;
color: red;
font-size: 16px;
}
.zhengshu img{
margin-top: 30px;
margin: 30px auto 0;
display: block;
}
.xieyi{
color: #666;
}
.xieyi h1{
margin: 50px 0 35px 0;
font-size: 18px;
}
.xieyi .content p{
font-size: 14px;
line-height: 30px;
color: #666;
}
.xieyi .content{
background-color: #fff !important;
}
.xieyi h2{
margin-top: 30px;
margin-bottom: 10px;
font-size: 18px;
}
.anquan img{
margin-top: 30px;
margin-bottom: 40px;
}
.anquan h1{
font-size: 54px;
font-weight: 500;
}
.anquan h1 span{
color: #f34b34;
font-size: 54px;
}
.anquan .anquan_title{
margin: 20px 0;
color: rgb(255, 102, 0);
font-size: 20px;
}
.content p{
font-size: 16px;
}
.anquan .content{
color: #666;
margin-right: 100px;
}
.text_right{
text-align: right;
}
.zhidao h2{
margin-top: 40px;
font-size: 16px;
}
.zhidao .text{
text-indent: 28px;
margin:30px 0 0 0;
line-height: 26px;
}
.zhidao img{
display: block;
margin: 30px auto 0;
}
.zhidao .caopan{
display: flex;
margin-top: 30px
}
.zhidao .caopan li{
text-align: center;
flex: 1;
}
.zhidao .caopan li img{
display: block;
margin: 0 auto;
}
.zhidao .caopan li p{
margin-top: 10px;
}
.zhidao .img_size{
width: 600px;
}
.download .saoma-box{
width: 900px;
height: 538px;
background-image: url(../imgs/appbg.png);
background-repeat: no-repeat;
background-position: center;
background-size: 900px 100%;
padding-top: 20px;
}
.download .saoma-box .xiazai-title {
width: 200px;
display: block;
margin: 0 auto;
margin-top: 40px;
}
.saoma-box{
margin-top: 20px;
}
.saoma-box .anzhuo {
width: 218px;
height: 222px;
background-image: url(../imgs/and_icon.png);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
margin-left: 60px;
}
.saoma-box .pingguo {
width: 218px;
height: 222px;
background-image: url(../imgs/ios_icon.png);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
margin-left: 60px;
}
.saoma-box .pingguo_f {
width: 218px;
height: 222px;
background-image: url(../imgs/ios_f_icon.png);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
margin-left: 60px;
}
.saoma-box .anzhuo img {
width: 160px;
padding-top: 54px;
margin-right: 14px;
}
.saoma-box .pingguo img {
width: 160px;
padding-top: 54px;
margin-right: 14px;
}
.saoma-box .pingguo_f img {
width: 160px;
padding-top: 54px;
margin-right: 14px;
}
.fl{
float: left;
}
.download h2{
font-size: 18px;
color: #5ab0ff;
line-height: 44px;
margin-top: 30px;
}
.download .text{
text-indent: 28px;
}
.download .pg-box {
margin-top: 30px;
margin-left: 300px;
}
.download .pg-box p {
font-size: 14px;
line-height: 40px;
background-image: url(../imgs/nub.png);
background-repeat: no-repeat;
background-position: center left;
background-size: 44px;
text-indent: 16px;
color: #fff;
}
.download .pg-box span {
margin-left: 26px;
color: #333;
}
.help h2{
font-size: 16px;
line-height: 26px;
margin-top: 40px;
}
.help .content p{
color: #666;
line-height: 26px;
margin-top: 15px;
}
.lianxi-center{
text-align: center;
margin-top: 60px;
}
.connect h1 {
margin-top: 60px;
font-size: 20px;
color: #333;
line-height: 30px;
}
.connect .lianxi-center span {
font-size: 14px;
color: #666;
line-height: 30px;
}
.connect ul {
margin-left: 135px;
margin-top: 30px;
margin-bottom: 40px;
float: left;
}
.connect .lianxi-center li {
font-size: 14px;
color: #666;
margin-right:140px;
}
.connect .lianxi-center li h2 {
font-size: 18px;
color: #ee504f;
margin-bottom: 10px;
margin-top: 10px;
}
.ditu {
width: 700px;
height: 400px;
margin: 0 auto;
margin-top: 35px;
margin-bottom: 176px;
display: block;
padding-bottom: 40px;
}
.introduce_title a:hover{
color: #ce0000;
}
/*关于我们 B */
.about-banner{
width: 1920px;
height: 300px;
background-image: url(../images/about1.jpg);
background-repeat: no-repeat;
background-position: center;
margin: 0 auto;
overflow: hidden;
text-align: center;
}
.about-banner h1{
font-size: 36px;
color: #fff;
margin-top: 120px;
text-shadow: 5px 5px 5px #333;
}
.about-banner p{
font-size: 20px;
color: #fff;
line-height: 30px;
text-shadow: 5px 5px 5px #333;
}
.about-nav{
width: 1200px;
margin: 0 auto;
margin-top: 30px;
margin-bottom: 20px;
}
.about-nav li a{
display: block;
width: 120px;
height: 44px;
font-size: 14px;
color: #333;
text-align: center;
line-height: 44px;
background: #e5e5e5;
margin-right: 10px;
border-radius: 22px;
}
.about-nav li a:hover{
background: #ce0000;
color: #fff;
}
.about-neirong{
width: 900px;
padding:30px 50px;
margin: 0 auto;
background: #fff;
margin-bottom: 60px;
}
.about-title{
font-size: 14px;
padding-bottom: 10px;
margin-bottom: 20px;
clear: both;
border-bottom: 1px solid #999;
}
.about-title a{
float: left;
color: #333;
}
.about-title a:hover{
color: #ce0000;
}
.a-center {
margin-top: 20px;
}
.a-center p{
font-size: 14px;
text-indent: 30px;
line-height: 30px;
color: #666;
}
.a-center span{
font-size: 16px;
color: red;
}
/* æ¢é¡µ */
.pages a{
display: block;
padding: 6px 8px;
text-align: center;
line-height: 20px;
background-color: red;
color: #fff;
float: left;
margin-left: 10px;
margin-right: 10px;
}
.pages b{
float: left;
line-height: 30px;
margin-left: 10px;
}