@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/banner.jpg") no-repeat center top;height: 549px; text-align: center;}
.banner .center{width: 1260px;position: relative;height: 549px;overflow: initial}
.banner .ban-text{position: absolute;top: 214px;left: 92px;z-index: 2}
.banner .ban-bird{position: absolute;top: 0;right: 63px;z-index: 2}
.banner .ban-bg{position: absolute;top: 51px;z-index: 1;transition-duration: .2s!important;}
.rotateInUpLeft{transition-duration: .2s!important;-webkit-transition-duration: .2s!important;}
.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);
    }

}

/*内容部分*/
.con1{ background:url("../images/con1-bg.jpg")center top no-repeat;height: 640px;text-align: center;color: #fff;}
.title h1{background: url("../images/title-right.png")no-repeat top right;display: inline-block;font-size: 46px;color: #000;font-weight: bold;margin-top: 50px;padding: 20px 20px 0 20px;letter-spacing: 2px}
.title h2{font-size: 20px;color: #666;margin: 3px 0 0 0;}
.con1 .content{height: 371px;background: #3fbbce;margin: 40px 36px 0 36px;position: relative;}
.con1 .content .kx-tit{background: url("../images/kx-tit.png")no-repeat;width: 1167px;height: 44px;position: absolute;left: -19px;top:9px;}
.con1 .content .kx-tit ul{margin: 0 80px;}
.con1 .content .kx-nr ul{margin: 0 60px;}
.con1 .content .kx-tit ul{display: -webkit-flex;display: flex;-webkit-justify-content: space-around;justify-content: space-around;}
.con1 .content .kx-tit ul li{float: left;font-size: 22px;font-weight: bold;color: #000;line-height: 44px;}
.con1 .content .kx-nr{position: absolute;top:80px;z-index: 999;height: 270px;background: none;line-height: 30px}
.con1 .content .kx-nr ul li{display: block;text-align:center;display: -webkit-flex;display: flex;-webkit-justify-content: space-around;justify-content: space-around;}
.con1 .content .kx-nr ul li p{color: #fff;font-size: 18px;display: inline-block;width: 300px;}

.con2{background: #ebf8ff;height: 720px;text-align: center}
.con2 .content{margin-top: 35px;}
.con2 .content ul{}
.con2 .content ul li{float: left;margin-right: 10px;margin-bottom: 10px;position: relative}
.con2 .content ul li span{position: absolute;bottom:10px;background: url("../images/huanjing-bg.jpg")no-repeat;width: 186px;height: 42px;left: 50%;margin-left: -93px;line-height: 42px;color: #fff;font-size: 24px;letter-spacing: 2px; }
.con2 .content ul li:nth-child(3),.con2 .content ul li:nth-child(5){margin-right: 0;}

.con3{text-align: center;background: url("../images/con3-bg.jpg")no-repeat;height: 900px}
.con3 .content{position: relative;padding: 0 78px;height: 700px;}
.con3 .content div{position: absolute;text-align: center;color: #fff;font-weight: bold;width: 255px;height: 214px;}
.con3 .content div h3{font-size: 32px;font-weight: bold;margin-top: 80px;margin-bottom: 0}
.con3 .content div p{font-size: 30px;}
.con3 .content .d1{background: url("../images/con3-bg3.png")no-repeat;left: 79px;top:355px}
.con3 .content .d2{background: url("../images/con3-bg1.png")no-repeat;left: 276px;top:244px}
.con3 .content .d3{background: url("../images/con3-bg2.png")no-repeat;left: 473px;top:135px}
.con3 .content .d4{background: url("../images/con3-bg2.png")no-repeat;left: 473px;top:353px}
.con3 .content .d5{background: url("../images/con3-bg4.png")no-repeat;left: 670px;top:244px}
.con3 .content .d6{background: url("../images/con3-bg1.png")no-repeat;left: 869px;top:135px}
.con3 .content .niao{left: 720px;top: -24px;}
.con3 .content .niao img{width: 153px}
.con3 .content div:hover h3,.con3 .content div: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);
    }
}


.con4{text-align: center;background: #ebf8ff;height: 1008px;}
.con4 .content{margin-top: 40px}
.con4 .content p{font-size: 30px;font-weight: bold;color: #fff;text-align: left;}
.con4 .content p span{font-weight: normal;font-size: 22px}
.con4 .content div{height: 231px;width: 1116px;display: inline-block;padding: 20px 20px;margin-bottom: 30px;}
.con4 .content .d1{background: url("../images/con4-1.png")no-repeat;}
.con4 .content .d2{background: url("../images/con4-2.png")no-repeat;}
.con4 .content .d2 p,.con4 .content .d4 p{text-align: right}
.con4 .content .d3{background: url("../images/con4-3.png")no-repeat;}
.con4 .content .d4{background: url("../images/con4-4.png")no-repeat;}

.con5{text-align: center}
.con5 .content{padding: 40px 77px 0 77px;}
.con5 .content ul{display: inline-block;margin-bottom: 230px}
.con5 .content ul li{float: left;margin-right: 30px;margin-bottom: 30px;transition-duration: .4s;border-radius: 14px}
.con5 .content ul li:nth-child(3n){margin-right: 0;}
.con5 .content ul li:hover{transform: translateY(-5px);-moz-box-shadow:0 0 12px #4cc8d4; -webkit-box-shadow:0 0 12px #4cc8d4; box-shadow:0 0 12px #4cc8d4;}


footer{background: #37c1ce;height: 360px;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: 400px; width: 1035px;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: 60px;margin-bottom: 40px;}
footer .content .title2 span{color: #f33b22;}
footer form input{width: 560px;height: 60px;border: 1px #37c1ce solid;background: #f7feff;margin-bottom: 20px;border-radius: 12px;font-size: 24px;color: #9b9b9b;padding: 0 20px;}
footer .tijiao{animation-iteration-count:2!important;}
footer .tijiao button{width: 228px;height: 53px;background: #f33b22;border-radius: 80px;color: #fff;font-size: 26px;border: none;}