body{color: #333;}
.cfix:after{display: block; clear: both; visibility: hidden; font-size: 0; line-height: 0; content: ""; height: 0}
.cfix{*zoom: 1}
.banner{background: url(../images/banner.jpg) center top;}
.banner a{display: block;height:800px;}
.zbtn{text-align: center; font-size: 0;}
.zbtn p{margin-bottom:15px;font-size: 36px;color: #22a1db;line-height: 1;}
.zbtn a{display: inline-block;height: 80px;padding: 0 70px; line-height: 80px;font-size:36px;color: #fff;background-color:#f8a161;-webkit-border-radius: 5px; border-radius: 5px; vertical-align: top;*display:inline;*zoom:1;transition: all ease .3s;animation: mybtn 1.5s infinite;}
.zbtn a:hover{color: #fff;-webkit-transform: translateY(-2px);transform: translateY(-2px); box-shadow:0 5px 20px rgba(0,0,0,.1)}
.fl{float: left}
.fr{float: right}

.zhd{position: relative;padding: 20px 0 28px;margin-bottom:60px; text-align: center;}
.zhd h3{margin:0 0 10px;font-size: 60px;color: #22a1db;line-height: 1.2;font-weight: bold;}
.zhd h3 span{font-size: 22px;font-weight: bold;padding: 10px 0 0 0; display: inline-block;vertical-align: top}
.zhd h3::before{content: '';display: inline-block;width: 36px;height: 36px;margin:0 25px 0 0;background: #f8a161;vertical-align: middle;}
.zhd p{font-size: 24px;color: #bbbbbb; text-transform: uppercase;line-height: 1.2;}
.zhd p::before{content: '';display: inline-block;width: 25px;height: 25px;margin:0 44px 0 0;background: #64bfe7;vertical-align: middle;}
.zhd .line{position: absolute;left: 0;bottom: 0;width: 100%;height: 6px;font-size: 0;line-height: 0;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;}


.zhd2{position: relative;padding: 20px 0 28px;margin: 0 0 60px; text-align: center;}
.zhd2 h3{margin:0 0 10px;font-size: 42px;color: #aaaaaa;line-height: 1.2;font-weight: normal; text-transform: uppercase;}
.zhd2 p{display: inline-block;position: relative;font-size: 58px;color: #22a1db;line-height: 1.2; font-weight: bold;}
.zhd2 p::before,
.zhd2 p::after{content: '';position: absolute;font-size: 0;line-height: 0;}
.zhd2 p::before{left: -117px;top: -5px;width: 25px;height: 25px;background: #64bfe7;}
.zhd2 p::after{left: -84px; bottom: 2px;width: 36px;height: 36px;background: #f8a161;}
.zhd2 .line{position: absolute;left: 0;bottom: 0;width: 100%;height: 6px;font-size: 0;line-height: 0;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;}

.m1{padding: 80px 0 100px;}
.m1 .zbd{position: relative;height: 475px;}
.m1 .zbd .pic{position: relative;z-index: 2;width: 720px;height: 405px;padding: 20px;background: #d8f1fc;cursor: pointer;}
.m1 .zbd .pic img{display: block;}
.m1 .zbd .info{position: absolute;z-index: 1;left: 680px;right: 0;top: 30px;height: 445px; padding: 0 40px 0 120px;background: #f5fafd;}
.m1 .zbd .info p{padding: 32px 0 0 0;font-size: 20px;line-height: 1.8;color: #333;text-indent: 2em;}
.m1 .zbd .info .btn{text-align: right;padding: 20px 0 0 0}
.m1 .zbd .info .btn a{display: inline-block;width: 370px;height: 60px;font-size:24px;color: #fff;text-align: center;line-height: 60px;background: #f8a161;border-radius: 3px;animation: mybtn 1.5s infinite;}


.m2{padding: 80px 0 100px;background: #f5fafd;}
.m2 .zhd2{margin-bottom: 100px;}
.m2 .row1{margin-bottom: 50px;}
.m2 .row1 dl{position: relative;width: 640px;}
.m2 .row1 dt{position: relative;z-index:2;width: 390px;height: 72px;padding: 4px;margin: 0 auto -38px;color:#22a1db;background: rgba(255,255,255,.5)}
.m2 .row1 dt p{height: 72px;text-align: center;line-height: 72px;font-size:36px;background: #eeeeee;}
.m2 .row1 dl.fr dt p{color: #fff;background: #22a1db;}

.m3{padding: 80px 0 100px;}
.m3 .info{margin-bottom: 50px;font-size: 20px;line-height: 1.8;text-align: center;}

.m3 .row{margin: 0 0 60px;}
.m3 .row .dl-1{float: left; width: 480px;margin: 0 50px 0 0; padding: 20px 0 0 0;}
.m3 .row .dl-1 dt{height: 60px;margin-bottom: 45px;line-height: 60px;text-align: center;font-size: 30px;color: #fff;background: url("../images/m3-1.jpg") center top no-repeat;}
.m3 .row .dl-1 dd{margin: -10px 0 0 0}
.mrow{margin: 10px 0 0 0}
.mrow span{float: left;padding: 0 7px 0 0;width: 48px;font-size: 24px;color: #b5b5b5;line-height: 30px;}
.mrow span.sp2{color: #22a1db;padding: 0 0 0 7px;}
.mrow .line{float: left;width: 150px;height: 30px;background: #f5f5f5;}
.mrow .text{float: left;width: 80px;height: 30px;font-size: 24px;color: #22a1db;text-align: center;line-height: 30px;background: #f5f5f5;}
.mrow .line p{float: right;height: 30px;border-radius: 13px 0 0 13px; background: #b5b5b5;}
.mrow .line2{width: 140px}
.mrow .line2 p{float: none; border-radius: 0 13px 13px 0;background: #22a1db;}
.mrow-1 .line p{width: 60px;}
.mrow-1 .line2 p{width: 20px;}
.mrow-2 .line p{width: 50px;}
.mrow-2 .line2 p{width: 27px;}
.mrow-3 .line p{width: 145px;}
.mrow-3 .line2 p{width: 35px;}
.m3 .row .dl-2{float: left;width: 400px;}
.m3 .row .dl-2 dt{height: 60px;text-align: center;font-size: 30px;color: #22a1db;line-height: 60px;background: #f4f4f4;}
.m3 .row .dl-2 dd{}
.m3 .row .dl-2 dd img{display: block;width: 400px;height: 200px;}
.m3 .row .dl-3{float: right}
.m3 .row .dl-3 dt{background: #22a1db;color: #fff;}

.m4{padding: 80px 0 100px;background: #f5fafd;}
.m4 .tab{margin-bottom: 60px;}
.m4 .tab .hd{margin-bottom: 10px;}
.m4 .tab .hd ul{margin: 0 0 0 -5px;}
.m4 .tab .hd li{float: left; width: 264px;margin: 0 0 0 5px;padding: 0 0 20px;font-size: 30px;color: #fff;line-height: 74px;text-align: center; background: #7fcdef; cursor: pointer;}
.m4 .tab .hd li.on{background-color: #f8a161;}
.m4 .tab .hd li img{display: block;width: 100%;}
.m4 .tab .hd li .p1{margin: 0 20px;font-size: 30px;line-height: 50px;border-top: 1px solid #bfe6f7;}
.m4 .tab .hd li .p2{font-size: 20px;text-transform: uppercase;line-height: 1.2;}
.m4 .tab .hd li.on .p1{border-color: #fcd0b0;}
.m4 .tab .bd{height: 600px;overflow: hidden;background: url("../images/m4-tab-bg.jpg") no-repeat;}
.m4 .tab .con{height: 600px;}
.m4 .tab .box{padding: 55px 60px 50px 85px;}
.m4 .tab .box .pic{width: 490px;height: 490px;overflow: hidden; border: 4px solid #bfe6f7; border-radius: 50%;}
.m4 .tab .box .pic img{display: block;width: 490px;height: 490px;}
.m4 .tab .info{width: 610px;}
.m4 .tab .info .tit{height: 60px;text-align: center;line-height: 60px;font-size:24px;color:#fff;text-transform: uppercase;background: #7fcdef;}
.m4 .tab .info dl{background: #f5fafd;margin: 0 0 10px;}
.m4 .tab .info dt{width: 320px;height: 150px;overflow: hidden;cursor: pointer;}
.m4 .tab .info dt img{display: block;width: 320px;height: 200px; margin: -25px 0;}
.m4 .tab .info dd{width: 290px;height: 150px;text-align: center;}
.m4 .tab .info dd .p1{margin: 0 0 5px;padding:25px 0 0 0;font-size: 26px;color: #333;line-height: 1.5;}
.m4 .tab .info dd .p2 a{display: inline-block;width: 210px;height: 45px;line-height: 45px;font-size: 26px;color: #fff;background: #f8a161;border-radius: 5px;}
.m4 .tab .info .slider{height: 230px;overflow: hidden;}

.m5{padding: 80px 0 100px;}
.m5 .slider{margin: 0 0 50px;}
.m5 .slider .bd{height: 450px;overflow: hidden; margin: 0 0 30px;}
.m5 .slider .bd ul{margin: 0 0 0 -70px;}
.m5 .slider .bd ul li{float: left;width: 400px;height: 450px;margin:0 0 0 70px;text-align: center;background: #7fcdef;}
.m5 .slider .bd ul li h4{margin:0 20px;padding: 25px 0;font-size: 30px;line-height: 1;font-weight: normal;color: #fff;border-top: 1px dotted #f8fcfe;}
.m5 .slider .bd ul li p{margin:0 40px;font-size: 20px;color: #fff;line-height: 1.8;}
.m5 .slider .hd ul{text-align: center;font-size: 0;line-height: 0;}
.m5 .slider .hd ul li{display: inline-block;width: 20px;height: 20px;margin:0 10px;background: #e1e1e1;border-radius: 50%;cursor: pointer;}
.m5 .slider .hd ul li.on{background: #f8a161;}
@keyframes mybtn{
    0%,100%{
        transform: translateY(0px);
        box-shadow: none;
    }
    50%{
        transform: translateY(-2px);
        box-shadow:0 5px 25px rgba(0,0,0,.2)
    }
}

.m6{padding: 80px 0 0;background: #e0e8ec url("../images/m6.jpg") center top no-repeat;}
.m6 .zhd{margin-bottom: 30px;}
.m6 .info{height: 108px; margin-bottom: 25px;font-size: 20px;line-height: 1.8;color: #333;}
.m6 .zjtd{height: 460px;}

/** == 视频弹窗播放 ==*/
.showvideo,.vmask{display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%; _position: absolute;}
.vmask{cursor: pointer;}
.showvideo{z-index: 99999999;}
.showvideo{width: 820px;height:500px;left:50%;top:50%;margin:-255px 0 0 -410px;border: 10px solid #fff;border-radius: 5px;}
.showvideo .vclose{position: absolute;z-index: 10;right: -20px;top:-20px;width: 30px;height: 30px;font-size: 14px; font-family: verdana; text-align: center;line-height: 30px;color:#fff;background: #000;border-radius: 100%;border: 3px solid #fff;}
.myvideo{display: block;width: 820px;height:500px;overflow: hidden;background: #000 url("/static2019/images/loading.gif") center center no-repeat;}
.myvideo video{background: #000;}
.vmask{z-index: 998;background: #000; background: rgba(0,0,0,0.8);}