@charset "utf-8";
/* CSS Document */
.m-mox{ width:100%; overflow:hidden; margin-top:80px; margin-bottom:30px;}
.m-tit{ width:100%; overflow:hidden; margin-bottom:40px; position:relative;}
.m-tit .title, .m-tit .title01{    font-size: 32px;
    color: #3a405a;
    text-align: center;
    line-height: 32px;
    position: relative;
    padding-bottom: 25px;}
.m-tit span {
    width: 94px;
    height: 5px;
    position: absolute;
    left: 50%;
    margin-left: -47px;
    background: url(../images/sprit.png)no-repeat -8px -72px;
	display:inline-block;
}
.m-tit p {
    font-size: 16px;
    color: #798189;
    text-align: center;
    line-height: 16px;
    padding-top: 25px;
}
.m-mox .cont{margin-top:66px;}
.m-mox .cont .left{float:left;}
.m-mox .cont .right{width:60%;float:right;}
.m-mox .cont .right img{ width:100%;}
.m-mox .left p{position:relative;font-size:20px;color:#3a405a;line-height:20px; font-weight:bold;}
.m-mox .left span{display:block;font-size:14px;color:#798189;line-height:14px;margin-top:14px;}
.m-mox .left li{margin-bottom:44px;}
.m-mox .left i{width:7px;height:7px;position:absolute;left:-18px;top:6px;background:url("../images/sprit.png")no-repeat -323px -33px;}
.m-mox .consultBox{text-align:left;padding:0;}
.consultBox{ margin-bottom:0; overflow:hidden;}
.consultBox a{ display:inline-block;font-size:16px; padding:10px 30px; background-color:#105CFB; border-radius:20px; color:#fff;}
.product-content{ width:100%; overflow:hidden; background-color:#f5f5f5;}

.product-content .product-items .product-item .info-item i {
    width: 7px;
    height: 7px;
    position: absolute;
    left: -18px;
    top: 15px;
    background: url(../images/sprit.png)no-repeat -323px -33px;
}
.product-content .product-items .product-item .product-img{ width:60%; height:auto;}
.product-content .product-items .product-item .product-img img{ width:100%;}
.product-content .product-items{ height:auto; overflow:hidden;}
.product-content .product-items .product-item .info-item{ padding-left:0;}
.product-content .product-items .product-item .subtitle{ font-size:20px;}
.product-content .product-items .product-item .product-info{ margin-top:15px;}

.product-content .product-items .product-item .link-register{ background:#ff6604; border:1px solid #ff6604; border-radius:30px; height:45px; line-height:45px; margin-left:0;}

.product-content .product-items .product-item .link-detail{ border:1px solid #ff6604; border-radius:30px; height:45px; line-height:45px; margin-left:20px; color:#ff6604;}
.product-content .product-items:nth-child(even){ background-color:#fff;}
.product-content .product-items .product-item .link-register:hover, .product-content .product-items .product-item .link-detail:hover{ background:#ff6604; border:1px solid #ff6604;}
.m-box{ width:100%; padding:60px 0; overflow:hidden; background-color:#e1f0ff;}
.m-box ul{ width:100%; overflow:hidden;}
.m-box ul li{ width:22.75%; margin-right:3%; overflow:hidden; float:left; background-color:#fff; border-radius:10px; padding:35px 0; margin-top:10px;}
.m-box ul li.lit4{ margin-right:0;}
.m-box ul li .img{ width:100%; overflow:hidden; text-align:center;}
.m-box ul li .img img{ max-width:100px;}
.m-box ul li h2{ font-size:18px; text-align:center; margin-top:20px; margin-bottom:10px;}
.m-box ul li .info{ padding:0 15px; font-size:14px;}
.m-box ul li:hover{ margin-top:0; transition: .5s; margin-top:0;}
.m-box ul li.lit2 .img img{ max-width:83px;}
.m-box ul li.lit3 .img img{ max-width:83px;}
.m-box ul li.lit4 .img img{ max-width:83px;}
.main-box{ width:100%; overflow:hidden; background-color:#e1f0ff; padding:70px 0;}
.boxn{ width:100%; overflow:hidden;border-radius: 4px;
    display: inline-block;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 11px 14px rgba(0, 0, 0, 0.1);
    box-shadow: 0 11px 14px rgba(0, 0, 0, 0.1);
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden; margin-top:30px;}
.boxn .title01{ padding:30px 20px 0; font-size:18px; font-weight:600; overflow:hidden;}
.boxn .title01 span{ display:inline-block; border-left:3px solid #105CFB; padding-left:10px;}
.boxn ul{ padding:0 10px 20px; overflow:hidden;}
.boxn ul .info-item{ width:25%; overflow:hidden; margin-top:25px; float:left;}
.boxn ul .info-item .icon_img{ float:left;}
.boxn ul .info-item .subtitle{ font-size:15px; margin-top:3px;}
.boxn ul .info-item .desc{ font-size:12px; color:#787878; margin-top:2px;}
.boxn .title01 a{ float:right; padding:5px 20px; border:1px solid #105CFB; display:inline-block; margin-left:20px; font-size:14px; color:#105CFB; font-weight:normal;}
.main-box .m-tit{ margin-bottom:10px;}
.boxn:hover{-webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
    z-index: 2;}

.data-content{ height:auto; background:#fff; margin-bottom:30px;}
.service-client{ margin:50px auto 0;}
.data-content .data-title{ color:#333;}
.data-content .data-tip{ color:#333;}
.data-content .data-list .data-text{ color:#0067ed;}

.service-client .zxt span{ display:inline-block; padding:10px 40px; background-color:#105CFB; color:#fff; margin-right:0;}

.company-serivice{ width:100%; overflow:hidden; background-color:#e1f0ff; padding-top:70px; margin-top:60px;}
.fuwu{ width:100%; overflow:hidden;}
.fuwu-left{ width:50%; float:left; overflow:hidden; color:#333; text-align:left;}
.fuwu-left .fuwutit{ font-size:24px; font-weight:bold;}
.fuwu-left p{ font-size:16px; line-height:28px; margin-top:20px;}
.fuwu-left ul{ width:100%; overflow:hidden; margin-top:20px;}
.fuwu-left ul li{ width:50%; float:left; overflow:hidden; margin-bottom:20px; line-height:47px; font-size:16px;}
.fuwu-left ul li span{ float:left; margin-right:15px;}
.zxm{ width:100%; overflow:hidden; margin-top:30px; margin-bottom:70px;}
.zxm a{ display:inline-block; padding:10px 35px; border:1px solid #105CFB; font-size:16px; color:#105CFB;}
.fuwu-right{ width:40%; float:right; overflow:hidden;}
.fuwu-right img{ width:100%;}
.banner-enter {
    display: block;
    width: 100%;
    height: 80px;
    background: #006eff url(../images/foot-banner.png) center center no-repeat;
    background-size: cover;
}
.banner-enter a{ display:black; width:100%; height:80px;}
.footert{ width:100%; overflow: hidden; background-color:#050D16;}
.footer .bottom{ padding:25px 0;}
.footer .footer-content dt{ color:#fff;}
.footer .foot .tel{ color:#fff;}
.footer .foot .time, .footer .foot .qr p{ color:#999;}
.nav .product-list{ height:130px;}
.clientcase-box .caseItem .caseQrcode{ z-index:2;}
.yunying01{ width:100%; overflow:hidden; margin-bottom:30px;}
.yunying01 .imt{ width:32%; float:left; overflow:hidden; text-align:left;}
.yunying01 .imt dl{ padding:30px; overflow:hidden; border:1px solid #ddd; border-radius:20px;}
.yunying01 .imt1{ margin-left:2%; margin-right:2%;}
.yunying01 .imt dl dt{ font-size:12px; color:#333; margin-bottom:15px; font-weight:600;}
.yunying01 .imt dl dt span{ font-size:16px; margin-right:10px; display:inline-block;}
.yunying01 .imt dl dd{ font-size:14px; line-height:26px; color:#666; margin-bottom:15px;}
.yunying01 .imt dl a{ font-size:14px; color:#105CFB;}
.xxd{ margin-top:70px;}

.fd-kf{ position:fixed; right:20px; bottom:150px; z-index:999999;}
.fd-kf .kfy{ width:65px; height:65px; margin-bottom:10px; background-color:#105CFB; border-radius:5px; text-align:center;}
.fd-kf .kfy img{ margin-top:5px;}
.fd-kf .kfy span{ display:block; color:#fff;}
.fd-kf .kf3 .fd-wx{ display:block; position:absolute; width:112px; background-color:#fff; color:#333; text-align:center; z-index:-1; font-size:12px; bottom:0; right:-130px;-moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s; border:1px solid #ddd;}
.fd-kf .kf3 .fd-wx span{ color:#333; display:block; margin-bottom:5px;}
.fd-kf .kf3 a:hover .fd-wx{ right:80px;}
.fd-kf .kf0 .fd-dh{ display:block; position:absolute; background-color:#fff; color:#333; text-align:center; z-index:-1; top:0; right:-260px; border:1px solid #ddd;-moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s; border-radius:5px;}
.fd-kf .kf0 .fd-dh span{ display:inline-block; font-size:26px; color:#105CFB; line-height:30px; background:url(../images/fddh.png) 10px center no-repeat; padding:15px 10px 15px 50px;}
.fd-kf .kf0 a:hover .fd-dh{ right:80px;}

@media (max-width: 1300px){
	
	.w1200{ width:90%; margin:0 auto;}
	}

@media (max-width: 1024px){
.m-mox .left li{ text-align:left;}
.m-mox .cont .right{ display:none;}
.boxn .title01, .boxn ul .info-item{ text-align:left;}
.banner-enter{ height:50px;}
.sj-foot{ width:100%; overflow:hidden; margin-top:25px;}
.sj-foot dl{ width:25%; float:left; overflow:hidden; text-align:left;}
.sj-foot dl dt{ font-size:16px; color:#fff; margin-bottom:5px;}
.sj-foot dl dd{ line-height:30px; font-size:14px; color:#999;}
.sj-foot dl dd a{ color:#999;}
.service-client{ display:block;}
.service-client ul{ overflow:hidden;}
.service-client li{ width:33.33%; float:left;}
.service-client li p{ color:#666;}
.m-box ul li a{ color:#333;}
.xxd{ margin-top:0;}
.fd-kf{ display:none;}
}
@media (max-width: 768px){
.m-box{ padding:30px 0;}
.m-tit .title, .m-tit .title01{ font-size:24px; padding-bottom:10px;}
.m-tit span{ width:75px; margin-left:-37px; height:3px;}
.m-tit p{ font-size:12px; padding-top:15px;}
.m-tit{ margin-bottom:15px;}
.w1200{ width:94%;}
.m-box ul li .img img{ max-width:70px;}
.m-box ul li h2{ font-size:15px; margin-top:15px; margin-bottom:6px;}
.m-box ul li .info{ font-size:12px;}
.m-mox{ margin-top:30px; margin-bottom:0;}
.m-mox .cont{ margin-top:25px;}
.m-mox .cont .left{ padding-left:20px;}
.m-mox .left p{ font-size:16px;}
.m-mox .left li{ margin-bottom:25px;}
.m-mox .left span{ margin-top:10px;}
.main-box{ padding:30px 0;}
.main-box .m-tit{ margin-bottom:0;}
.boxn .title01{ font-size:16px;}
.boxn ul .info-item{ width:50%; margin-top:15px;}
.company-serivice{ margin-top:30px; padding-top:30px;}
.fuwu-left{ width:100%;}
.fuwu-right{ display:none;}
.fuwu-left p{ font-size:14px; line-height:26px; margin-top:15px;}
.zxm{ margin-top:10px; margin-bottom:30px;}
.banner-enter{ display:none;}
.m-box ul li.lit2 .img img, .m-box ul li.lit3 .img img, .m-box ul li.lit4 .img img{ max-width:59px;}
.brief-title{ padding-top:30px; padding-bottom:20px;}
}
@media (max-width: 640px){
.m-box ul li{ width:48%; margin-right:4%;}
.m-box ul li.lit2, .m-box ul li.lit4{ margin-right:0;}
.m-box ul li .info{ padding:0 10px; min-height:50px;}
.m-tit .title, .m-tit .title01{ font-size:20px; line-height:26px;}
.consultBox a{ font-size:14px; padding:6px 30px;}
.boxn ul .info-item{ width:100%; margin-top:0;}
.boxn .title01 a{ margin-top:10px;}
.boxn ul .info-item .subtitle{ margin-top:8px;}
.boxn ul .info-item .desc{ margin-top:5px;}
.service-client li{ width:50%; float:left;}
.zxt{ margin-top:20px; display:inline-block;}
.yunying01 .imt{ width:100%; float:none; margin-bottom:20px;}
.yunying01 .imt1{ margin-left:0; margin-right:0;}
.yunying01{ margin-bottom:10px;}
}
@media (max-width: 500px){
.fuwu-left ul li span img{ max-width:40px;}
.fuwu-left ul li{ line-height:40px; font-size:14px;}
.zxm a{ font-size:14px; padding:6px 30px;}
.sj-foot{ display:none;}
.footer-content .foot .tel{ font-size:24px; color:#fff;}
.footer-content .foot .time, .footer-content .foot .email{ color:#999;}

}