.wrapper{width: 100%;}
.wrap{width: 1100px;margin:0 auto;overflow: hidden;}
.wrap h3, .wrap h4{font-weight: normal;}
.head_con{width: 1200px;margin:0 auto;padding-top: 10px;overflow: hidden;}
.logo{background:url(../images/logo-bai.png) no-repeat;float: left;width: 130px;height: 50px;}
.head_con ul{float: right;margin-top: 10px;}
.head_con ul li{float: left;position: relative;margin-right: 30px;font-size: 16px;color: #fff;cursor: pointer;}
.head_con ul li a{color: #fff;}
li i{position: absolute;border-left:1px solid #fff;border-bottom:1px solid #fff;transform: rotate(314deg);width: 5px;height: 5px;right: -12px; top: 6px;}
.head_con ul .br4{border:1px solid #fff;margin-right: 15px;width: 60px;height: 30px;line-height: 30px;border-radius: 2px;
     text-align: center;margin-top: -4px;}
.head_con ul .br3{background:#fff;color: #23B9CB;width: 96px;height: 32px;line-height: 32px;
     text-align: center;border-radius: 2px;margin-top: -4px;}
.head_con ul .br3 a{color: #23B9CB;}     
.head_bottom{width: 1200px;position: relative;height: 340px;margin:0 auto;}
.slide_wrap{width: 100%;height: 250px;background: #fff;position: absolute;top:60px;left:0;display: none;z-index: 30}
.slide_con{width: 1200px;margin:0 auto;}
.slide_con ul{margin-top: 30px;overflow: hidden;}
.slide_con li{float: left;width: 223px;margin-right: 20px;margin-bottom: 20px;}
.slide_con li a{display: block;height: 75px;overflow: hidden;}
.slide_con li a:hover{background: #f5f6f7;}
.tit{border-left: 6px solid #23B9CB;font-size: 16px;height: 16px;padding-left:10px ;margin-top: 30px;line-height: 13px;margin-left: 5px;}
.slide_con p{font-size: 18px;color:#555;margin: 10px 0 10px 10px;}
.slide_con span{font-size: 14px;color:#999;display: block;padding-left: 10px;}
.line{width: 46px;height: 4px;background: #23B9CB;border-radius: 2px;margin: 20px auto 0;}

.point_area {
            text-align: center;
            position: relative;
            width: 150px;
            height: 150px;
            transition: opacity .5s ease-out;
        }
.point_area .point {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 10px;
            height: 10px;
            margin: auto;
            -webkit-border-radius: 50%;
            -webkit-background-clip: padding-box;
            -moz-border-radius: 50%;
            -moz-background-clip: padding;
            border-radius: 50%;
            background-clip: padding-box;
            background: transparent;
}
.point_area .point_dot {
            z-index: 1;
            background-color: #23B9CB;
            border: 1px solid #23B9CB;
}
.point_area .point_10 {
            width: 100%;
            height: 100%;
}
.point_area .point_10:after {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            border-radius: 50%;
            border: 2px solid #23B9CB;;
            opacity: 0;
            -webkit-animation: ripple 4.5s ease-out 225ms infinite;
            animation: ripple 4.5s ease-out 225ms infinite;
}
.point_area .point_40 {
            width: 100%;
            height: 100%;
}
.point_area .point_40:after {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            border-radius: 50%;
            border: 2px solid #23B9CB;
            opacity: 0;
            -webkit-animation: ripple 4.5s ease-out .9s infinite;
            animation: ripple 4.5s ease-out .9s infinite;
}
.point_area .point_80 {
            width: 100%;
            height: 100%;
}
.point_area .point_80:after {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            border-radius: 50%;
            border: 2px solid #23B9CB;;
            opacity: 0;
            -webkit-animation: ripple 4.5s ease-out 1.8s infinite;
            animation: ripple 4.5s ease-out 1.8s infinite;
}
        @-webkit-keyframes ripple{
            0%{
                opacity:0;-webkit-transform:scale(.1)
            }
            5%{
                opacity:1
            }
            to{
                opacity:0;
                -webkit-transform:scale(1)
            }
        }
        @keyframes ripple{
            0%{
                opacity:0;
                -webkit-transform:scale(.1);
                transform:scale(.1)
            }
            5%{
                opacity:1
            }
            to{
                opacity:0;
                -webkit-transform:scale(1);
                transform:scale(1)
            }
        }