@charset "utf-8";

@-webkit-keyframes btnRotate-y {
0% {
    -webkit-transform: rotateY(0deg);
   }
100% {
    -webkit-transform: rotateY(360deg);
    }
}

.b-1{height:825px;background:url(bg.jpg) center no-repeat;}
.b-1-1 ul{width:1200px;height:114px;margin:0 auto;}
.b-1-1 ul li{width:400px;height:114px;border-left:1px solid #ebebeb;box-sizing:border-box;float:left;display:inline;}
.b-1-1 ul li:nth-child(3){border-right:1px solid #ebebeb;}
.b-1-1 ul li a{display:block;height:114px;}
.b-1-1 ul li img{float:left;margin:37px 0 0 33px;}
.b-1-1 ul li .t{float:left;width:240px;margin:23px 0 0 33px;}
.b-1-1 ul li .t h2{font-size:16px;font-weight:normal;color: #28445e;transition:all 0.4s;}
.b-1-1 ul li .t .i{font-size:14px;color:#555;}
.b-1-1 ul li  a:hover h2{padding-left:10px;}
.b-1-1 ul li  a:hover img{
    -webkit-animation: btnRotate-y 0.5s linear 1;
    animation: btnRotate-y 0.5s linear 1;
}

.tit{height:178px;background:#fff;}
.tit h2{font-size:36px;color: #28445e;text-align:center;padding:22px 0;}
.tit ul{text-align:center;}
.tit li{font-size:18px;color:#28445e;display:inline-block;margin:0 30px;height:50px;line-height:50px;border-top:1px solid #fff;border-bottom:1px solid #fff;cursor:pointer;}
.tit li.on{border-top:1px solid #0080f5;border-bottom:1px solid #0080f5;color:#0080f5;}

.b-1-2{width:1200px;height:114px;margin:40px auto 0;position:relative;}
.b-1-2 .prevs,.b-1-2 .nexts{width:50px;height:50px;cursor:pointer;z-index:10;}
.b-1-2 .prevs{background:url(prev.jpg);position:absolute;top:163px;left:0;}
.b-1-2 .nexts{background:url(next.jpg);position:absolute;top:163px;right:0;}
.b-1-2 .bd{width:1132px !important;overflow:hidden;margin:0 auto;}
.b-1-2 li{width:360px;float:left;display:inline;margin-right:26px;}
.b-1-2 li p{height:65px;line-height:65px;border-bottom:1px solid #28445e;text-align:center;font-size:16px;}
.b-1-2 li a{display:block;overflow:hidden;}
.b-1-2 li a:hover img{transform:scale(1.04);}
.b-1-2 li a:hove{color:#0080f5 !important;}

.b-2{padding:40px 0 70px;}
.b-2 h2{font-size:36px;color: #28445e;text-align:center;padding-bottom:22px;}
.b-2 .i{font-size:16px;text-align:center;}
.b-2 .hd{background:url(line.png) bottom repeat-x;}

.b-2 .hdcon{width:1200px;margin:54px auto 0;position:relative;}
.b-2 .hdcon .prev,.b-2 .hdcon .next{width:50px;height:113px;cursor:pointer;}
.b-2 .hdcon .prev{position:absolute;top:0;left:-12px;background:url(prev.png) center no-repeat;}
.b-2 .hdcon .prev:hover{background:url(prevs.png) center no-repeat;}
.b-2 .hdcon .next{position:absolute;top:0;right:-12px;background:url(next.png) center no-repeat;}
.b-2 .hdcon .next:hover{background:url(nexts.png) center no-repeat;}

.b-2 .hdcon .tempWrap{width:1120px !important;margin:0 auto;overflow:hidden;}
.b-2 .hdcon .sh{width:1120px;height:120px;position:absolute;top:0;left:40px;z-index:100;overflow:hidden;}
.b-2 .hdcon li{width:224px;height:120px;float:left;display:inline;text-align:center;cursor:pointer;}
.b-2 .hdcon li p{font-size:18px;padding-top:10px;}
.b-2 .hdcon li.on{color:#0080f5;border-bottom:1px solid #0080f5;}

.b-2 .bd{width:1120px;margin:46px auto 0;}
.b-2 .bd .p{float:left;overflow:hidden;}
.b-2 .bd .p a:hover img{transform:scale(1.05);}
.b-2 .bd .t{float:right;width:646px;font-size:16px;text-align:justify;line-height:34px;padding-top:20px;}
.b-2 .bd .more a{display:block;width:178px;height:38px;line-height:38px;text-align:center;border:1px solid #a6a6a6;font-size:14px;margin:42px auto 0;}
.b-2 .bd .more a:hover{border:1px solid #0080f5;}

.b-3{background:url(b3.jpg) center no-repeat;padding:75px 0;}
.b-3 .p{float:left;overflow:hidden;}
.b-3 .p a:hover img{transform:scale(1.04);}
.b-3 .t{width:580px;float:right;}
.b-3 .t h2{width:144px;border-bottom:4px solid #28445e;font-size:36px;color: #28445e;margin-top:42px;padding-bottom:22px;}
.b-3 .t .i{font-size:14px;line-height:26px;padding:65px 0 50px;}
.b-3 .t .more a{display:block;width:144px;height:42px;line-height:42px;background:url(more.png);font-size:16px;color:#fff;padding-left:28px;}
.b-3 .t .more a:hover{color:#0080f5;}

.b-4{padding:40px 0 70px;}
.b-4 h2{font-size:36px;color: #28445e;text-align:center;padding-bottom:22px;}
.b-4 .i{font-size:16px;text-align:center;}
.b-4 .bd{margin-top:56px;}
.b-4 .bd-z{padding:20px 20px 0;background:#f8f8f8;float:left;}
.b-4 .bd-z .p a{display:block;overflow:hidden;}
.b-4 .bd-z .p a:hover img{transform:scale(1.04);}
.b-4 .bd-z .t{padding:18px 0 17px;}
.b-4 .bd-z .date{float:left;width:37px;text-align:center;font-family:Arial;font-size:16px;color:#a1a1a1;}
.b-4 .bd-z .date em{display:block;border-top:1px solid #bfbfbf;font-size:14px;}
.b-4 .bd-z .tr{width:533px;float:left;margin-left:30px;}
.b-4 .bd-z .tr h3{font-size:16px;font-weight:normal;}
.b-4 .bd-z .tr h3 a:hover{padding-left:10px;}
.b-4 .bd-z .tr p{font-size:14px;color:#888;padding-top:2px;}

.b-4 .bd-y{width:534px;float:right;}
.b-4 .bd-y li{height:85px;background:#f8f8f8;margin-bottom:12px;}
.b-4 .bd-y li:last-child{margin-bottom:0;}
.b-4 .bd-y .date{float:left;width:37px;text-align:center;font-family:Arial;font-size:16px;color:#a1a1a1;margin:20px 20px 0;}
.b-4 .bd-y .date em{display:block;border-top:1px solid #bfbfbf;font-size:14px;}
.b-4 .bd-y .tr{width:457px;float:left;margin-top:19px;}
.b-4 .bd-y .tr h3{font-size:16px;font-weight:normal;}
.b-4 .bd-y .tr h3 a:hover{padding-left:10px;}
.b-4 .bd-y .tr p{font-size:14px;color:#888;padding-top:2px;}

.b-5{background:#f9f9f9;padding:40px 0 50px;}
.b-5 h2{font-size:36px;color: #28445e;text-align:center;padding-bottom:22px;}
.b-5 .i{font-size:16px;text-align:center;}
.b-5 .g-in{width:1200px;height:550px;background:url(map.png) center no-repeat;margin-top:14px;}
.b-5 .g-in ul{position:absolute;left:0;bottom:140px;font-size:16px;}
.b-5 .g-in ul li:nth-child(2){margin:14px 0;}

.map-point{
    position: absolute;
    width: 50px;
    height: 50px;
    opacity: 1;
    background-color: transparent;
}
.map-point p{
    position: absolute;
    left: 38px;
    top: 15px;
    font-size: 14px;
    color: #2D3037;
    white-space:nowrap;
    z-index: 1000;
}
.map-point i{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 7px;
    height: 7px;
    margin: auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #2c9dfe;
    opacity: .9;
    z-index: 4;
}
.circle-inside{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #2c9dfe;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: .2;
    -webkit-transition: width 0.5s ease-out;
    -moz-transition: width 0.5s ease-out;
    -o-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out;
}
.circle-outside{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #2c9dfe;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: .1;
    -webkit-transition: width 0.5s ease-out;
    -moz-transition: width 0.5s ease-out;
    -o-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out;
}
.point-team-one .circle-inside{
    -webkit-animation: circle_inside 4500ms ease-out 250ms infinite;
    -moz-animation: circle_inside 4500ms ease-out 250ms infinite;
    -o-animation: circle_inside 4500ms ease-out 250ms infinite;
    animation: circle_inside 4500ms ease-out 250ms infinite;
}
.point-team-one .circle-outside{
    -webkit-animation: circle_outside 4500ms ease-out 3000ms infinite;
    -moz-animation: circle_outside 4500ms ease-out 3000ms infinite;
    -o-animation: circle_outside 4500ms ease-out 3000ms infinite;
    animation: circle_outside 4500ms ease-out 3000ms infinite;
}
.point-team-two .circle-inside{
    -webkit-animation: circle_inside 4500ms ease-out 500ms infinite;
    -moz-animation: circle_inside 4500ms ease-out 500ms infinite;
    -o-animation: circle_inside 4500ms ease-out 500ms infinite;
    animation: circle_inside 4500ms ease-out 500ms infinite;
}
.point-team-two .circle-outside{
    -webkit-animation: circle_outside 4500ms ease-out 3250ms infinite;
    -moz-animation: circle_outside 4500ms ease-out 3250ms infinite;
    -o-animation: circle_outside 4500ms ease-out 3250ms infinite;
    animation: circle_outside 4500ms ease-out 3250ms infinite;
}

.map-point i.will,.circle-inside.will,.circle-outside.will{
    background-color: #0080f5;
}
.map-point i.not,.circle-inside.not,.circle-outside.not{
    background-color: #28445e;
}

.map-point i.status{
    left: 60px;
}


@-webkit-keyframes circle_inside{ 0%{opacity:0;-webkit-transform:scale(0.1,0.1); } 50%{ opacity:.4; }  100%{ opacity:0; -webkit-transform:scale(0.5)}}
@-moz-keyframes circle_inside{ 0%{opacity:0;-moz-transform:scale(0.1,0.1); } 50%{ opacity:.4; }  100%{ opacity:0; -moz-transform:scale(0.5)}}
@-o-keyframes circle_inside{ 0%{opacity:0;-o-transform:scale(0.1,0.1); } 50%{ opacity:.4; }  100%{ opacity:0; -o-transform:scale(0.5)}}
@keyframes circle_inside{ 0%{opacity:0;-webkit-transform:scale(0.1,0.1);  -moz-transform:scale(0.1,0.1);  -ms-transform:scale(0.1,0.1);  transform:scale(0.1,0.1); }
    50%{ opacity:.4; } 100%{ opacity:0; -webkit-transform:scale(0.5);  -moz-transform:scale(0.5);  -ms-transform:scale(0.5);transform:scale(0.5);}}
@-webkit-keyframes circle_outside{ 0%{opacity:0;-webkit-transform:scale(0.1,0.1); } 50%{ opacity:.4; }  100%{ opacity:0; -webkit-transform:scale(0.5)}}
@-moz-keyframes circle_outside{ 0%{opacity:0;-moz-transform:scale(0.1,0.1); } 50%{ opacity:.4; }  100%{ opacity:0; -moz-transform:scale(0.5)}}
@-o-keyframes circle_outside{ 0%{opacity:0;-o-transform:scale(0.1,0.1); } 50%{ opacity:.4; }  100%{ opacity:0; -o-transform:scale(0.5)}}
@keyframes circle_outside{ 0%{opacity:0;-webkit-transform:scale(0.1,0.1);  -moz-transform:scale(0.1,0.1);  -ms-transform:scale(0.1,0.1);  transform:scale(0.1,0.1); }
    50%{ opacity:.4; } 100%{ opacity:0; -webkit-transform:scale(0.5);  -moz-transform:scale(0.5);  -ms-transform:scale(0.5);transform:scale(0.5);}}