body {
    color: #333;
    font-size: 14px;
    font-family: "微软雅黑","Arial",Helvetica,"黑体",Arial,Tahoma;
	margin:0 auto;
	position:relative;
	overflow-x: hidden;
  background: #F9F9F9


}
.img-hide{ overflow:hidden; display: block; }

.img-hide img{ transition: 0.5s all; transform: scale(1,1); }
.img-hide:hover img{ transform: scale(1.05,1.05); }
.txt-elise{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
li{ list-style:none;}
a{ color: #333; }
ul{ padding:0; margin:0;}
a:hover,a{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
p{ margin:0; }
img{ max-width:100%; display: inline-block; vertical-align: middle;}
.container{ width: 1230px;}
.logo{ padding:35px 0; }
.banner{ background: url(../images/banner.png) center no-repeat; padding: 109px 0; }
.banner-tt{width: 598px;

font-size: 50px;
font-family: Arial-BoldMT, Arial;
font-weight: normal;
color: #FFFFFF;
line-height: 70px;}
.banner-p{width: 663px;

font-size: 24px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #FFFFFF;
line-height: 40px; margin-top: 10px; }
.banner-a{ width: 208px; height: 60px; margin-top: 30px; border-radius: 60px; display: block; background: #fff; font-size: 24px; color: #0469D9; text-align: center; line-height: 60px; }
.banner-a:hover{ background: #0469D9; color: #fff; }
.pg{ border-radius: 20px; transition: 0.3s all; margin-top: 50px; margin-right: 30px; background: url(../images/ios.png) 18px center no-repeat; display: inline-block; padding-top: 10px; border:solid 2px #fff; width: 215px; height: 80px; padding-left: 75px; font-size: 16px; color: #fff; }
.pg span{ font-size: 24px; }
.pg:hover,.xz-link:hover,.down-a:hover{ color: #fff; transform: translate(0,-10px); }
.xz-link,.down-a{ transition: 0.3s all; }
.anzhuo{ background: url(../images/anzhuo.png) 18px center no-repeat; }
.title{ font-size: 36px; color: #333; margin-top: 100px; margin-bottom: 40px; }
.title span{ padding:0 10px; }
.header{ background: #fff;}
.box-c{ background: #fff; padding:65px; border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.1); }
.img-box{ width: 690px; }
.img-txt{ font-size: 28px; color: #333; line-height: 40px; text-align: justify; width: 340px; margin-left: 40px; margin-top: 55px; }
.box-c-b{ margin-top: 60px; padding-top: 40px; }
.box-tt{ font-size: 28px; color: #333; }
.gq-list li{ float: left; margin-right: 60px; font-size: 20px; margin-bottom: 60px; }
.gq-list li img{ margin-bottom: 20px; height: 60px; }
.gq-list{ width: 500px; margin-top: 80px; }
.qg-right{ padding-left: 60px; padding-top: 30px; }
.gq-tt{ font-size: 24px; margin-bottom: 20px; padding-top: 20px; }
.gq-txt{ font-size: 20px; color: #999; line-height: 30px; margin-bottom: 5px; }
.gq-txt span{ color: #378DED; }
.xz-link{
background: linear-gradient(134deg, #5931F9 0%, #37A3FC 100%);
border-radius: 31px; display: inline-block; margin-top: 35px; height: 60px; width: 410px; color: #fff; font-size: 24px; line-height: 60px;
}
.tt-sm{ font-size: 24px; margin-top: -10px; margin-bottom: 30px; }
.tc-title{ font-size: 28px; margin-bottom: 25px; }
.tc-left{ padding-left: 30px; }
.tc-p p{ font-size: 24px; line-height: 50px; margin:0; color: #666; }
.tc-img{ margin-left: 135px; padding-top: 0px; }
.title-lg span{ padding:0 0 0 65px; display: inline-block; background: url(../images/icon-tt01.png) left center no-repeat; }
.title-lg font{ padding:0 65px 0 0; display: inline-block; background: url(../images/icon-tt02.png) right center no-repeat; }
.box-e{ padding:0 55px 0 110px; }
.table{ margin:0; }
.table > thead > tr > th{ border:none; font-size: 28px; font-weight: normal; text-align: center; padding:50px 0 20px 0; }
.table > thead > tr > th img{ margin-right: 15px; }
.table > tbody > tr > td{ border:none; padding:20px 0; font-size: 24px; vertical-align: middle; }
.td-sm{ text-align: center; font-size: 20px; color: #999; }
.td-back{ background: #5931F9; }
.td-back .td-sm,.table > thead > tr > th.td-back{ color: #fff; }
.hm-tt{ font-size: 28px;
    margin-bottom: 25px; font-weight: bold; }
.hm-left{ padding-top: 40px; }
.hm-p p{ font-size: 24px; text-align: justify; line-height: 33px; margin-top: 15px; max-width: 545px; }
.hm-p p span{ font-size: 20px; color: #3F89FD; display: inline-block; line-height: 30px; margin-top: 5px; }
.down-a{ display: inline-block; font-size: 24px; color: #fff; width: 208px; height: 60px; border-radius: 15px; line-height: 60px; text-align: center; background: #00A7FC;
    background: linear-gradient(to bottom, #00A7FC, #006DF0);
    background: -webkit-linear-gradient(top, #00A7FC, #006DF0);
    background: -o-linear-gradient(bottom, #00A7FC, #006DF0);
    background: -moz-linear-gradient(bottom, #00A7FC, #006DF0); margin-top: 40px; }
.hm-img{ padding-top: 70px; margin-left: 120px; }
.box-c-g{ padding-bottom: 0; }
.box-c-f{ margin-top: 60px; }
.cz-img{ padding-top: 65px; padding-left: 30px; }
.zx-right{ margin-left: 110px; padding-top: 65px; width: 500px; }
.lj-txt p{ font-size: 18px; margin-bottom: 8px;}
.lj-txt p img{ margin-right: 10px; }
.lj-txt p a{ color: #378DED; }
.lj-txt{ margin-top: 20px; }
.jd-tt{ font-size: 24px; color: #333; }
.jd-tt span{ font-size: 20px; color: #999; }
.jd-box{ border-radius: 30px; background: #5931F9; margin-top: 10px;
    background: linear-gradient(to right, #5931F9, #37A3FC);
    background: -webkit-linear-gradient(left, #5931F9, #37A3FC);
    background: -o-linear-gradient(right, #5931F9, #37A3FC);
    background: -moz-linear-gradient(right, #5931F9, #37A3FC); height: 30px; font-size: 20px; color: #fff; line-height: 30px; padding-right: 25px; }
  .jd-box-c .col-xs-6{ padding:0 75px; margin-bottom: 60px; }
  .box-c-m{ padding-bottom: 1px; }
  .pg-b{  background: #00A7FC;
    background: linear-gradient(to bottom, #00A7FC, #006DF0);
    background: -webkit-linear-gradient(top, #00A7FC, #006DF0);
    background: -o-linear-gradient(bottom, #00A7FC, #006DF0);
    background: -moz-linear-gradient(bottom, #00A7FC, #006DF0); margin:0; text-align: left; position: relative; }
    .pg-b:before{ display: block; content: ""; position: absolute; left: 15px; top: 0; bottom: 0; width: 38px; background: url(../images/ios.png) center no-repeat; }
    .anzhuo-b:before{ background: url(../images/anzhuo.png) center no-repeat; }
    .pg-row{ margin:0 80px; }
    .box-c-q{ padding:40px 80px; }
.txt-box{ font-size: 28px; display: inline-block; text-align: left; font-weight: bold; }
.txt-box span{ font-size: 24px; font-weight: normal;}
.footer{ font-size: 20px; color: #fff; background: #001B57; padding:90px 0; margin-top: 110px; }
.footer a{ color: #fff; }
.txt-box span{ display: block; }

.title{ font-size: 36px; color: #333; margin-top: 45px; margin-bottom: 45px; }
.title span{ padding:0 10px; }
.header{ background: #fff;}
.video-box-c{ background: #fff; border-radius: 25px; overflow:hidden; }
.box-c{ background: #fff; padding:65px; border-radius: 25px; box-shadow: 0 0 20px rgba(0,0,0,0.06); }
.img-box{ width: 690px; }
.video-txt{ font-size: 28px; color: #333; line-height: 40px; padding:40px 30px; }
.back-f{ padding-bottom: 50px; }
.lj-back{ background: #F3F5FC; padding:60px 0; margin-top: 60px; }
.box-row{ margin:0 -30px; }
.box-row .col-xs-6{ padding:0 30px; }
.box-tow{
height: 340px;
background: #FFFFFF;
box-shadow: 6px 6px 39px 0px rgba(29, 38, 96, 0.05);
border-radius: 20px; padding-top: 45px; }
.icon-box{ padding-left: 92px;  }
.icon-img{ margin-right: 50px; }
.icon-tt{ font-size: 36px; color: #333; margin-top: 5px; }
.icon-p{ font-size: 20px; color: #999; margin-top: 20px; }
.down-a{ font-size: 24px; color: #fff;width: 208px;
height: 61px;
background: #00A7FC;
    background: linear-gradient(to right, #5931F9, #37A3FC);
    background: -webkit-linear-gradient(left, #5931F9, #37A3FC);
    background: -o-linear-gradient(right, #5931F9, #37A3FC);
    background: -moz-linear-gradient(right, #5931F9, #37A3FC); 
border-radius: 31px; line-height: 61px; display: inline-block; margin-top: 30px; }
.lx-img img{ margin-bottom: 26px; }
.lx-txt{ font-size: 24px; color: #999; }
.lx-txt img{ margin-right: 10px; }

.ys-back{ background: url(../images/ys-back.png) center no-repeat; background-size: cover; padding-bottom: 80px; margin-top: 60px; }
.ys-back-tt{ font-size: 34px; color: #333; font-weight: bold; padding-top: 60px; }
.ys-list-box{ background: #fff;width: 224px;
height: 256px;
background: #FFFFFF;
box-shadow: 6px 6px 41px 0px rgba(29, 38, 96, 0.05);
border-radius: 10px; position: relative; padding-top: 85px;
 }
.ys-list li{ width: 20%; float: left; padding:0 10px; margin-top: 80px;}
.ys-list{ margin:0 -10px; }
.ys-box-tt{ font-size: 30px; color: #333; }
.ys-box-p{ font-size: 24px;
padding:0 17px; margin-top: 35px;
color: #999999;
line-height: 33px; }
.icon-ys{ position: absolute; left: 0; right: 0; top: -48px; }
.box-c-a{ padding-bottom: 0; }

.back-cf {
    background: url(../images/back-cf.png) center no-repeat; background-size: cover;
    margin-top: 50px;
    padding-bottom: 50px;
}
.box-e{ padding:0 60px 0 120px; }
.box-c-g{ padding-bottom: 0; }
.why-title {
    font-size: 34px;
    color: #333;
    font-weight: bold; margin-bottom: 30px;
}
.back-box {
    background: url(../images/back-fw.png) center no-repeat;
    padding: 60px 0; margin-top: 50px;
}
.back-f .tt-sm{ color: #999; }
.back-f .title{ margin-bottom: 30px; }
.xz-back{ background: #F3F5FC; padding-bottom: 60px; }
.xz-back .tt-sm{ color: #999; }
.xz-back .title{ margin-bottom: 30px; }
.about-img{ position: relative; z-index: 10; margin-top: 80px; }
.about-img img{ width: 560px; height: 436px; }
.about-right{ width: 719px;
height: 496px;
background: #FFFFFF;
box-shadow: 6px 6px 39px 0px rgba(29, 38, 96, 0.05);
border-radius: 10px;
margin-left: -80px; margin-top: 50px; padding-left: 130px; padding-top: 85px; padding-right: 33px; }
.about-right-tt{
font-size: 30px;

color: #333333;
line-height: 42px; }
.about-right-p{margin-bottom: 30px;
font-size: 24px;
margin-top: 20px;
color: #999999;
line-height: 40px; }
.about-right-b p{
font-size: 24px;
margin-bottom: 10px;
color: #999999;
line-height: 40px; }

.about-right-b{ margin-top: 25px; }
.back-gs{ padding-top: 60px; }

.footer{
height: 221px;
background: #111D85; padding-top: 70px; }
.footer p{ font-size: 18px; color: #fff; margin-bottom: 30px; }
.footer p a{ color: #2EF1D5; text-decoration: underline!important; }
.title-phone{ display: none; }
.footer p a{ margin:0 25px 0 0; }





@media( max-width: 768px){
  .container{ width: 100%; }
  .logo img{ height: 30px; }
  .logo{ padding:17px 0; }
  .banner{ padding:28px 0; height: auto; }
  .banner-tt{ font-size: 18px; line-height: 25px; }
  .banner-p{ font-size: 12px; line-height: 20px; margin-top: 20px; width: 100%; }
  .banner-a{ width: 140px; height: 40px; border-radius: 30px; line-height: 40px; font-size: 16px; }
  .pg{ width: 140px; height: 55px; margin-top: 25px; font-size: 12px;  border-width: 1px; background-size: 30px auto; border-radius: 10px; padding-left: 50px; margin-right: 15px; }
  .pg span{ font-size: 16px; }
  .banner-tt{ width: 230px; }
  .title{ font-size: 20px; margin:30px 0 20px 0; }
  .title img{ height: 20px; }
  .box-c{ padding:15px; }
  .img-box{ width: 100%; }
  .img-txt{ width: 100%; font-size: 16px; margin:10px 0 0 0; line-height: 25px; }
  .box-c-b{ margin-top: 20px; }
  .box-tt{ font-size: 20px; }
  .gq-list li{ width: 50%; margin:0; padding-right: 15px; font-size: 12px; margin-bottom: 15px; }
  .gq-list li img{ height: auto; width: 100%; margin-bottom: 10px; }
  .gq-list{ width: 40%; margin-top: 30px; }
  .qg-right{ width: 60%; padding-left: 10px; padding-top: 30px; }
  .gq-tt{ font-size: 16px; margin-bottom: 10px; padding-top: 10px; }
  .gq-txt{ font-size: 13px; line-height: 20px; }
  .xz-link{ width: 220px; height: 40px; line-height: 40px; font-size: 16px; border-radius: 40px; }
  .title-lg span{ padding-left: 40px; background-size: auto 20px; }
  .title-lg font{ padding-right: 40px; background-size: auto 20px;}
  .tt-sm{ font-size: 16px; }
  .tc-left{ width: 60%; padding-left: 0; padding-top: 0; }
  .tc-title{ font-size: 16px; margin-bottom: 15px; }
  .tc-p p{ font-size: 13px; line-height: 22px; }
  .tc-img{ width: 40%; margin-left: 0; padding-top:6%; padding-left: 15px; }
  .title-lg-sm{ font-size: 18px; }
  .table > thead > tr > th{ font-size: 14px; padding:10px 0 0 0;}
  .table > tbody > tr > td{ font-size: 14px; padding:10px 0; }
  .td-sm{ font-size: 12px; }
  .table > thead > tr > th img{ display: block; margin:0 auto 5px auto; height: 16px; }
  .box-e{ padding:0; }
  .table-name{ padding-left: 15px; }
  .hm-tt{ font-size: 16px; margin-bottom: 0px; }
  .hm-p p{ font-size: 13px; line-height: 22px; margin-top: 5px; }
  .hm-left{ width: 60%; padding-top: 0; }
  .hm-p p span{ font-size: 13px; }
  .down-a{ max-width: 100%; width: 150px; height: 40px; border-radius: 40px; font-size: 16px; line-height: 40px; margin-top: 10px; }
  .hm-img{ width: 40%; margin:0; padding-left: 15px; padding-top: 40%; }
  .box-c-g{ padding-bottom: 0; }
  .cz-img{ width: 35%; padding:30% 0 0 0; }
  .zx-right{ width: 65%; margin:0; padding-top: 0; }
  .lj-txt p{ font-size: 13px; margin-bottom: 5px; }
  .lj-txt p img{ height: 15px; margin-right: 5px; }
  .lj-txt p a{ display: block; font-size: 12px; margin-left: 20px; }
  .jd-box-c .col-xs-6{ padding:0 15px; margin-bottom: 25px; }
  .jd-tt{ font-size: 14px; }
  .jd-tt span{ font-size: 12px; }
  .jd-box{ height: 20px; line-height: 20px; font-size: 12px; padding-right: 10px; }
  .pg-row{ margin:0 -15px; }
  .pg-b {
    background: #00A7FC;
    background: linear-gradient(to bottom, #00A7FC, #006DF0);
    background: -webkit-linear-gradient(top, #00A7FC, #006DF0);
    background: -o-linear-gradient(bottom, #00A7FC, #006DF0);
    background: -moz-linear-gradient(bottom, #00A7FC, #006DF0);
    margin: 0;
    text-align: left;
    position: relative;
}
.pg-b:before{ left: 10px; width: 30px; background-size: 100% auto; }
.pg-row-b .col-xs-6{ width: 100%; }
.txt-box{ display: block; font-size: 16px; margin: 5px 0;}
.txt-box span{ font-size: 14px; display: inline-block; padding-left: 15px; }
.footer{ font-size: 12px; padding:30px 0; margin-top: 20px; }

.why-title{ font-size: 20px; }
.why-tt-sm{ font-size: 14px; }
.ys-back-tt{ font-size: 20px; padding-top: 20px; }
.ys-list li{ width: 100%; margin-top: 20px; }
.ys-list-box{ width: auto; height: auto; padding:10px 0 5px 40px; text-align: left; margin-left: 30px; }
.icon-ys{ left: -30px; top: 50%; width: 56px; margin-top: -28px; }
.ys-box-tt{ font-size: 15px; }
.ys-box-p{ font-size: 12px; padding:0; margin-top: 0px; }
.ys-back{ padding-bottom: 40px; }
.jm-img{ margin-top: 20px; }
.about-img{ margin-top: 0px; }
.about-img img{ width: 100%; height: auto; }
.about-right{ width: 100%; margin:0; height: auto; padding:20px 0 0 0; box-shadow: none; background: none; }
.about-right-tt{ font-size: 18px; }
.about-right-p{ font-size: 14px; line-height: 25px; text-align: justify; margin:0 0 20px 0; }
.about-right-b p{ font-size: 14px; margin-bottom: 0; }
.about-right-b p img{ height: 20px; }
.about-right-b{ margin-top: 0; }
  .box-row{ margin:0 -15px; }
  .box-row .col-xs-6{ padding:0 15px; }
  .box-tow{ margin-top: 0px; padding:30px 0; height: auto; }
  .icon-img{ width: 100%; margin:0; text-align: center; }
  .icon-box{ padding:0; }
  .icon-img img{ height: 60px; }
  .icon-right{ width: 100%; text-align: center; }
  .icon-tt{ font-size: 18px; margin-bottom: 5px; }
  .icon-p{ font-size: 12px; margin-top: 5px; }
  .down-a{ font-size: 12px; width: 100px; height: 30px; line-height: 30px; margin-top: 15px; }
  .box-three{ margin-top: 0; height: auto; padding:0; background: none; box-shadow: none; }
  .three-ul{ width: 100%; padding:15px 20px 1px 20px; margin-top: 60px; font-size: 14px; line-height: 23px;}
.footer div{ width: 100%; text-align: center; }
.footer{ padding-bottom: 20px; height: auto; }
.logo-b{ margin-top: 0; }
.footer p {
    font-size: 14px;
    margin-bottom: 20px;
}
.back-gs{ padding-top: 30px; }
.xz-back{ padding-bottom: 30px; }
.back-box{ padding:30px 0; margin-top: 30px; }
.box-c-f{ margin-top: 30px; }
.ys-back{ margin-top: 30px; }
.lj-back{ padding:30px 0; margin-top: 30px; }
.video-txt {
    font-size: 14px;
    line-height: 20px;
    padding: 15px 20px;
}
.back-cf{ margin-top: 30px; padding-bottom: 30px; }
.back-f{ padding-bottom: 30px; }
}