﻿body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#555; font-size:14px; font-family:Microsoft YaHei }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a{text-decoration:none; color:#000;}
A:link{text-decoration:none; color:#000;}
A:visited{text-decoration:none; color:#000;}
A:hover{text-decoration:none; color:#0157a4;}
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }


/*导航栏目*/
header{position: fixed;background: rgba(255,255,255,1);top: 0;left: 0;z-index: 1000;width: 100%;height: 72px;padding: 0 40px;border:1px solid #ccc}
.head-logo{margin-top: 20px;margin-right: 20px;;float: left;}
nav{float: left;font-size: 16px;display: flex;height: 72px;}
nav dl{height: 72px;line-height: 72px;padding: 0 15px;position: relative;z-index: 1000;}
nav dl dt{width: 100%;position: relative}
nav dl dt .xian{width: 100%;border-bottom: 3px solid #296bef;position: absolute;    bottom: 0;}
.sub-nav1{position: absolute;width: 320px;background: rgba(255,255,255,0.8);padding: 16px;border-radius: 5px;top:50px;left: -120px;opacity: 0;visibility: hidden;transition: all .2s linear 0s;box-shadow: 0 0 3px 0 #ccc;}
.sub-nav1 ul{display: flex;flex-wrap: wrap}
.sub-nav1 ul li{width: 100px;height: 100px;display: flex;justify-content: center;}
.sub-nav1 ul li a{width: 100%;line-height: 25px;font-size: 13px;text-align: center;padding: 10px}
.sub-nav1 ul li:hover a{background: #f2f2f2;border-radius: 5px}
.sub-nav1 img{    display: block;height: 40px;margin: 0 auto 8px;}

nav dl:hover dd {opacity:1;visibility:visible}
nav dl:hover dd {-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(0,20px)}

.banner{width: 100%;min-width: 1200px;overflow: hidden;margin-top: 70px}
#html5zoo-1{width:100%!important;height:auto!important}


/*介绍*/
.box-1{min-width: 1200px;margin: 0 auto}
.box-1-title{width: 1200px;margin: 0 auto;text-align: center;padding: 40px 0}
.box-1-title h1{font-size: 48px;
    line-height: 56px;
    font-weight: 500;

    color: #313233;}
.box-1-title p{
    font-size: 16px;
    color: #626366;
    line-height: 60px;
}

/*全时全景覆盖*/
.content-wrap{background: url("../images/bg-row-1.png");background-size: 100%}
.section-left{width: 500px;float: left;text-align: left}
.section-left h1{font-size: 32px;color: #313233;font-weight: 600;line-height: 40px;}
.section-left .desc{margin-top: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    font-size: 16px;
    color: #626366;
    line-height: 29px;}
.section-left .count{color: #313233;overflow: hidden;margin-top: 32px;}
.section-left .count .item{float: left;margin-right: 40px;}
.section-left .count .item .val{font-size: 16px;font-weight: 500;}
.section-left .count .item .val span{font-size: 32px;line-height: 40px;margin-right: 5px;font-weight: bold;}
.section-left .count .item .lab{line-height: 29px;font-size: 16px;}
.section-left .g-btn{display: block;
    margin: 40px 0 0;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    border-radius: 28px;
    width: 188px;
    line-height: 56px;
    background-color: #296bef;
    color: #fff;}

.section-right{width: 600px;float: right;}
.section-right img{width: 264px;
    margin-left: 24px;
    box-shadow: 0 10px 30px 0 rgba(41,107,239,.2);
    border-radius: 40px;
    border: 8px solid #313233;}
.section-right .img1{width: 264px;float: left;margin: 25px 25px 0 0}


/*锁定营销目标*/
.box-2{min-width: 1200px;margin: 0 auto}
.box-2-title{width: 1200px;margin: 0 auto;text-align: center;padding: 40px 0 10px 0}
.box-2-title h1{font-size: 48px;
    line-height: 56px;
    font-weight: 500;

    color: #313233;}
.box-2-title p{
    font-size: 16px;
    color: #626366;
    line-height: 40px;
}
.box-2 .mubiao{padding: 40px 32px 120px;background: linear-gradient(180deg,#fff 0,#f7f9fc 100%),linear-gradient(180deg,#fff 0,#f7f9fc 100%);
}
.box-2 .mubiao>img{width: 100%;padding: 10px 60px;margin: 0 auto;box-sizing: border-box}
.box-2 .g-btn{display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    border-radius: 28px;
    width: 160px;
    line-height: 45px;
    background-color: #296bef;
    color: #fff;}
.box-2 .bbg{width: 100%;min-width: 1200px;height: 500px;position: relative;background: url("../images/bbg.jpg") no-repeat;background-position: top right;background-size: auto 100%;box-sizing: border-box}
.bbg h1{font-size: 48px;
    line-height: 56px;
    font-weight: 500;
    width: 1200px;margin: 0 auto;
    padding-top: 120px;
    color: #313233;}
.bbg p{
    font-size: 16px;
    color: #626366;
    width: 1200px
;margin: 0 auto;
    line-height: 40px;
}

#liuyan{display: none;}

/*底部*/
/*底部留言*/
.box-3{min-width: 1200px;margin: 0 auto;height: 295px;background: url('/template/web/images/liuyan.png') no-repeat;background-size: 100%;background-position:center;background-color: #f2f7ff}
.box-3-title{width: 1200px;margin: 0 auto;text-align: center;padding: 0px 0 0px 0}
.box-3-title h1{font-size: 30px;
    line-height: 56px;
    font-weight: 500;

    color: #313233;}
.box-3-title p{
    font-size: 15px;
    color: #626366;
    line-height: 40px;
}
.box-liuyan{position: relative;width: 1200px;margin: 0 auto;}
.box-liuyan form{width: 350px;
    position: absolute;
    background: #fff;
    padding: 0 15px;
    right: 0;
    top: -93px;border-radius: 6px;}
.box-liuyan form input{border-radius: 6px;}
.box-liuyan form button{background: #2a6bef;width: 100%}


/**/
#footer{width: 100%;background-color: #1f2229;min-width: 1200px;}
.footer{width: 1200px;margin: 0 auto;padding: 50px 0;display: flex}
.footer1 img{width: 150px;height: 150px}
.footer2{margin-left: 50px;}
.footer2 h1{font-size: 18px;color: #e4e4e4;line-height: 60px}
.footer2 p{font-size: 14px;color: #b7b7b7;line-height: 30px}
.footer2 p:hover{color: #fff}

.footer3{margin-left: 150px;}
.footer3 h1{font-size: 18px;color: #e4e4e4;line-height: 60px}
.footer3 p{font-size: 14px;color: #b7b7b7;line-height: 30px}
.footer3 p:hover{color: #fff}

.footer4{width: 1200px;margin: 0 auto;text-align: center;color:#b7b7b7;border-top: 1px solid #313131;line-height: 40px;padding: 10px 0}
.footer4:hover{color: #fff}

.fixed{ width: 110px; height: 150px;   position: fixed; right: 5px; top: 150px;z-index: 99}
.fixed img{width: 100%;height: auto;}


/*内页banner 效果*/
.z_banner {

    text-align: center;
    overflow: hidden;
    height: 325px;
    margin-top: 72px;
}


.platform_advantage_bg_z {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.span12 {
    width: 100%;
}




.platform_advantage_bg_z {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.platform_advantage_bg li {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, .15);
    bottom: -160px;
    -webkit-animation: square 28s infinite;
    animation: square 28s infinite;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}

.platform_advantage_bg_z li {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, .15);
    bottom: -430px;
    -webkit-animation: square_z 22s infinite;
    animation: square_z 22s infinite;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}

.platform_advantage_bg li:nth-child(1), .platform_advantage_bg_z li:nth-child(1) {
    left: 10%
}

.platform_advantage_bg li:nth-child(2), .platform_advantage_bg_z li:nth-child(2) {
    left: 20%;
    width: 80px;
    height: 80px;
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms;
    -webkit-animation-duration: 17s;
    animation-duration: 17s
}

.platform_advantage_bg li:nth-child(3), .platform_advantage_bg_z li:nth-child(3) {
    left: 25%;
    -webkit-animation-delay: 400ms;
    animation-delay: 400ms
}

.platform_advantage_bg li:nth-child(4), .platform_advantage_bg_z li:nth-child(4) {
    left: 40%;
    width: 60px;
    height: 60px;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    background-color: rgba(255, 255, 255, .25)
}

.platform_advantage_bg li:nth-child(5), .platform_advantage_bg_z li:nth-child(5) {
    left: 70%
}

.platform_advantage_bg li:nth-child(6), .platform_advantage_bg_z li:nth-child(6) {
    left: 80%;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    background-color: rgba(255, 255, 255, .2)
}

.platform_advantage_bg li:nth-child(7), .platform_advantage_bg_z li:nth-child(7) {
    left: 32%;
    width: 100px;
    height: 100px;
    -webkit-animation-delay: 7s;
    animation-delay: 7s
}

.platform_advantage_bg li:nth-child(8), .platform_advantage_bg_z li:nth-child(8) {
    left: 55%;
    width: 20px;
    height: 20px;
    -webkit-animation-delay: 15s;
    animation-delay: 15s;
    -webkit-animation-duration: 40s;
    animation-duration: 40s
}

.platform_advantage_bg li:nth-child(9), .platform_advantage_bg_z li:nth-child(9) {
    left: 25%;
    width: 10px;
    height: 10px;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-duration: 40s;
    animation-duration: 40s;
    background-color: rgba(255, 255, 255, .3)
}

.platform_advantage_bg li:nth-child(10), .platform_advantage_bg_z li:nth-child(9) {
    left: 90%;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 11s;
    animation-delay: 11s
}

@-webkit-keyframes square {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(-1700px) rotate(600deg);
        transform: translateY(-1700px) rotate(600deg)
    }
}

@keyframes square {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(-1700px) rotate(600deg);
        transform: translateY(-1700px) rotate(600deg)
    }
}

@-webkit-keyframes square_z {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(-700px) rotate(500deg);
        transform: translateY(-700px) rotate(500deg)
    }
}

@keyframes square_z {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(-700px) rotate(500deg);
        transform: translateY(-700px) rotate(500deg)
    }
}


/*=========================*/

