@charset "utf-8";

/*初始化开始*/
body,h1,h2,h3,h4,h5,h6,input,p,ul,li,dl,dt,dd,ol,form{margin:0; padding:0}
body{     font-family:"微软雅黑"}
ul{list-style:none}
img{border:none; display: block}
a{color:#4B494A; text-decoration:none}
a:hover{color:#38909c; text-decoration: none;}
.fl{float:left}
.fr{float:right}
i{ font-style:normal}
.clear{clear:both; overflow:hidden; height:0}
input:focus{outline:none}
.rel{position:relative}
.abs{position:absolute}
.block{display:block}
.center{ width:1200px; margin:0 auto; overflow:hidden}
a:focus{text-decoration:none !important;}
a:hover{text-decoration:none !important;}

/*初始化结束*/

.displayMobile{ display:none!important;}
/*头部*/
header{height: 109px;padding: 0 3%}
header .logo{padding-top: 23px;}
header .logo a:nth-child(1){margin-right: 20px;}
header .logo a.sq{font-size: 26px;font-weight: bold;color: #3bbcce;margin-top: 13px;}
header .logo img{margin-right: 20px;}
header .right .right-02{text-align: right;}
header .right .QR{margin-top: 12px;}
header .right .d1{width: 221px;height: 41px;font-size: 20px;color: #fff;line-height: 41px;background:#37c1ce;border-radius: 100px;margin-top: 20px;text-align: center;display: inline-block}
header .right .tel p{font-family: Arial;font-size: 18px;color: #474747;background: url("../images/tel.png")no-repeat left;padding-left: 30px;margin-top: 5px;}
header .right .tel p span{font-size: 24px;color: #37c1ce;font-weight: bold}
header .right .QR{margin-top: 12px;}
header .right{transition-duration: 2s!important;}
header .logo{transition-duration: 2s!important;}

.banner{ background:url("../images/zsjz-banner.jpg") no-repeat center top;height: 686px; text-align: center;}
.banner .center{width: 1260px;position: relative;height: 686px;overflow: initial}
.banner .ban-text1{position: absolute;top: 119px;right: 0;z-index: 2}
.banner .ban-text2{position: absolute;top: 355px;right: 0;z-index: 2}
.banner .ban-text3{position: absolute;top: 455px;right: 0;z-index: 1;}
.banner .button{position: absolute;top: 543px;right: 0;z-index: 2;}
.banner .button a{width: 262px;height: 71px;border: 2px solid #fff;background: #ff3743;color: #fff;display: block;border-radius: 10px;font-size: 36px;text-align: center;line-height: 68px;margin: 0 0 0 12px;font-weight: bold;float: left;animation-iteration-count:2}
.banner .button a:nth-child(2){background: #ff872e;}
.banner .button a:nth-child(2){background: #626cda;}
.banner .ban-jiantou{position: absolute;-webkit-animation: move23 1s infinite; animation: move23 1s infinite;left: 50%;margin-left: -33px;bottom:10px;z-index: 5}
@keyframes move23 {
    25% {
        transform: translateY(5px);
    }

    100%, 50% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(-2px);
    }

}

.jianjie{background: url("../images/jianjie.jpg")no-repeat center center;height: 446px;padding-top: 65px;text-align: center}
.jianjie .content{width: 725px;height: 287px;background-color: rgba(7,182,189,.92)!important;color: #fff;display: inline-block;text-align: center}
.jianjie .content .d1{display: inline-block;margin-top: 70px;margin-bottom: 5px;}
.jianjie .content .d2{font-size: 40px;font-weight: bold;letter-spacing: 1px;margin: 0 ;padding: 0}
.jianjie .content .d3{font-size: 30px;color: #fff442;margin: 0;padding: 0}
.jianjie .content .d3 span{font-size: 36px;font-weight: bold}

/*内容部分*/
.con1{ background:url("../images/con1-bg.jpg") top center no-repeat;text-align: center;color: #fff;}
.title h1{font-size: 46px;color: #000;font-weight: bold;padding: 50px 0 0 0;letter-spacing: 3px;margin: 0;line-height: 60px}
.title h1 span{color: #ff3b47}
.title h2{font-size: 26px;color: #666;margin: 3px 0 0 0;}
.con1 .center{overflow: unset}
.con1 .content{margin-top: 40px;}
.con1 .content ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.con1 .content ul li{width: 360px;height: 195px;background: #3187e8;float: left;margin-bottom: 20px;border-radius: 10px;position: relative;}
.con1 .content ul li i{position: absolute;right: 0;top:0;width: 51px;height: 25px;border-bottom-left-radius: 10px;background: #ffc600;border-top-left-radius: 10px;border-top-right-radius: 10px;font-size: .16rem;color: #fff;line-height: .25rem;text-align: center;margin: 0;padding: 0}
.con1 .content ul li h3{font-size: 32px;color: #fff;font-weight: bold;margin: 53px 0 6px 0;letter-spacing: 2px;}
.con1 .content ul li p{font-size: 34px;color: #fff;margin: 0}
.con1 .content ul li:nth-child(1){background: #3187e8;-moz-box-shadow:0 0 8px #4091ec; -webkit-box-shadow:0 0 8px #4091ec; box-shadow:0 0 8px #4091ec;}
.con1 .content ul li:nth-child(2){background: #00b8bf;-moz-box-shadow:0 0 8px #1dd0d7; -webkit-box-shadow:0 0 8px #1dd0d7; box-shadow:0 0 8px #1dd0d7;}
.con1 .content ul li:nth-child(3){background: #6e66cd;-moz-box-shadow:0 0 8px #7f77e0; -webkit-box-shadow:0 0 8px #7f77e0; box-shadow:0 0 8px #7f77e0;}
.con1 .content ul li:nth-child(4){background: #5e859a;-moz-box-shadow:0 0 8px #7399ad; -webkit-box-shadow:0 0 8px #7399ad; box-shadow:0 0 8px #7399ad;}
.con1 .content ul li:nth-child(5){background: #ff8022;-moz-box-shadow:0 0 8px #ff9b51; -webkit-box-shadow:0 0 8px #ff9b51; box-shadow:0 0 8px #ff9b51;}
.con1 .content ul li:nth-child(6){background: #ff3b47;-moz-box-shadow:0 0 8px #ff5862; -webkit-box-shadow:0 0 8px #ff5862; box-shadow:0 0 8px #ff5862;}
.con1 .content2{margin-top: 50px}
.con1 .content2 .title2 h1{font-size: .36rem;font-weight: bold;color: #000;margin-bottom: .3rem;line-height: .5rem}
.con1 .content2 ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 23px}
.con1 .content2 ul li{width: 590px;height: 200px;border-radius: 10px;color: #fff;text-align: left;margin-bottom: 20px;}
.con1 .content2 ul li .title3{font-size: 26px;font-weight: bold;text-align: center;margin: .13rem 0}
.con1 .content2 ul li .d1{font-size: 23px;padding:0 30px;margin-bottom: 10px;display: flex;justify-content: space-between}
.con1 .content2 ul li .d1 a{font-size: 16px;padding: 0 20px ;background: #fff;border-radius: 80px;height: 30px;animation-iteration-count:2;line-height: .3rem}
.con1 .content2 ul li:nth-child(1) a{color: #37c1ce;}
.con1 .content2 ul li:nth-child(2) a{color: #30c69e;}
.con1 .content2 ul li:nth-child(3) a{color: #ff8022;}
.con1 .content2 ul li:nth-child(4) a{color: #ff3b47;}
.con1 .content2 ul li:nth-child(1){background: #37c1ce;-moz-box-shadow:0 0 4px #1dd0d7; -webkit-box-shadow:0 0 4px #1dd0d7; box-shadow:0 0 4px #1dd0d7;}
.con1 .content2 ul li:nth-child(2){background: #30c69e;-moz-box-shadow:0 0 4px #48d6b0; -webkit-box-shadow:0 0 4px #48d6b0; box-shadow:0 0 4px #48d6b0;}
.con1 .content2 ul li:nth-child(3){background: #ff8022;-moz-box-shadow:0 0 4px #ff9b51; -webkit-box-shadow:0 0 4px #ff9b51; box-shadow:0 0 4px #ff9b51;}
.con1 .content2 ul li:nth-child(4){background: #ff3b47;-moz-box-shadow:0 0 4px #ff5862; -webkit-box-shadow:0 0 4px #ff5862; box-shadow:0 0 4px #ff5862;}
.con1 .youshi img{display: inline-block}
.con1 .content ul li:hover h3,.con1 .content ul li:hover p{
    transform: rotateY(0deg);
    animation: mymove 1s 1 alternate;
    -webkit-animation: mymove 1s 1 alternate; /* Safari 和 Chrome */
}
@keyframes mymove {
    from {
        transform: rotateY(0deg);
    }

    to {
        transform: rotateY(360deg);
    }
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
    from {
        transform: rotateY(0deg);
    }

    to {
        transform: rotateY(360deg);
    }
}

.con2{background: #ebf8ff;height: 1050px;text-align: center}
.con2 .center{}
.con2 .content{margin-top: 35px;position: relative;height: 840px}
.con2 .content ul{}
.con2 .content ul li{position: absolute;border-radius: 8px;transition-duration: .6s}
.con2 .content ul li img{border-radius: 8px}
.con2 .content ul li:nth-child(1){top:0;left: 0}
.con2 .content ul li:nth-child(2){top:0;left: 302px;}
.con2 .content ul li:nth-child(3){top:0;left: 604px}
.con2 .content ul li:nth-child(4){top:0;right: 0}
.con2 .content ul li:nth-child(5){top:370px;left: 0}
.con2 .content ul li:nth-child(6){top:214px;left:302px}
.con2 .content ul li:nth-child(7){top:342px;left:604px}
.con2 .content ul li:nth-child(8){top:293px;right:0}
.con2 .content ul li:nth-child(9){top:500px;left:302px}
.con2 .content ul li:nth-child(10){top:608px;left:604px}
.con2 .content ul li:nth-child(11){top:475px;right:0}
.con2 .content ul li:hover{transform: translateY(-15px);-moz-box-shadow:0 0 8px #999; -webkit-box-shadow:0 0 8px #999; box-shadow:0 0 8px #999;}


.con3{text-align: center;background: url("../images/con3-bg.jpg")no-repeat;height: 900px}
.con3 .content{margin-top: 40px}
.con3 .content ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.con3 .content ul li{width: 225px;transition-duration: .6s;border-radius: 10px;overflow: hidden}
.con3 .content ul li .text{padding: 0 12px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;background: #02c5a9;color: #fff;height: 132px;width: 225px}
.con3 .content ul li:nth-child(2) .text,.con4 .content ul li:nth-child(4) .text{background: #3f61d7;}
.con3 .content ul li:nth-child(3) .text{background: #fe5955;}
.con3 .content ul li:nth-child(5) .text{background: #00abea;}
.con3 .content ul li .text h4{font-weight: bold;padding-top: 20px;font-size: 26px;margin:0 0 10px 0}
.con3 .content ul li .text p{line-height: 30px;font-size: 20px}
.con3 .content ul li:hover{transform: translateY(-15px);-moz-box-shadow:0 0 8px #999; -webkit-box-shadow:0 0 8px #999; box-shadow:0 0 8px #999;}


footer{background: #37c1ce;height: 150px;text-align: center}
footer .center{overflow: unset;margin-top: -190px;}
footer .center p{line-height: 36px}
footer p{font-size: 22px;color: #fff;line-height: 30px;margin-top: -100px}
footer .content{background: #fff;height: 330px; width: 1200px;margin:0 auto;-moz-box-shadow:0 0 8px #4cc8d4; -webkit-box-shadow:0 0 8px #4cc8d4; box-shadow:0 0 8px #4cc8d4;border-radius: 20px;transform: translateY(-223px)}
footer .content .title2 h1{color: #000;font-weight: bold!important;font-size: 36px;letter-spacing: 2px;padding-top: 45px;margin-bottom: 8px;}
footer .content .title2 span{color: #ff3b47;}
footer form{display: flex;justify-content: space-between;padding: 0 40px;margin-top: 20px;}
footer form input{width: 360px;height: 50px;border: 1px #37c1ce solid;background: #f7feff;margin-bottom: 30px;border-radius: 12px;font-size: 20px;color: #9b9b9b;padding: 0 15px;}
footer form select{width: 360px;height: 50px;border: 1px #37c1ce solid;background: #f7feff;margin-bottom: 30px;border-radius: 12px;font-size: 20px;color: #9b9b9b;padding: 0 15px;outline: none;}
footer .tijiao{animation-iteration-count:2!important;}
footer .tijiao button{width: 228px;height: 53px;background: #ff3b47;border-radius: 80px;color: #fff;font-size: 26px;border: none;}