.sub-content{ margin:10px 0 0; min-height:280px;}
.sub-banner{ width:1440px; margin:52px 0 0; background:#ff5555;}
.sub-banner .news-banner{ background:url() right center no-repeat; margin:0 auto; width:960px; height:210px; color:#fff; overflow:hidden; text-align:left;}
.sub-banner .news-banner.contact{ background-image:url();}
.sub-banner h2{ margin:40px 0 0 0; font-size:50px; font-weight:normal;}
.sub-banner h4{ margin:10px 0 0; font-size:20px; font-weight:normal; line-height:1.4;}

.section{ margin:0 auto; width:960px; overflow:hidden; position:relative; border-top: 2px solid #ff5555;;}
.news-wrap{ margin:30px 3px 40px 3px; position:relative; min-height:280px; font-size:14px;}

.about-title{ margin:60px 0 0; font-size:22px;}
ul.intro-list{ margin:25px 0 0; padding:0; list-style:none; font-size:16px; color:#666;}
ul.intro-list li{ margin:0 0 10px; text-indent:2em; line-height: 28px;}
ul.intro-list li.sub{ margin:0 0 10px; line-height: 30px;}

dl.news-list{ margin:0; padding:0;}
dl.news-list.onlytitle dd .new-title{ min-height:39px;}
dl.news-list dt{ margin:0px 0 0; width:50px; float:left; font-size:18px; color:#999; line-height: 32px;}
dl.news-list dd{ margin-left:75px; padding:0; border-left:2px dotted #e8e8e8; line-height: 32px;}
dl.news-list dd .new-title{ margin:1px 0 0;}
dl.news-list dd .new-title a, dl.news-list dd .new-title span{ 
background:url(../images/news-listddbg.png) left 12px no-repeat; margin:0 0 0 -4px; padding:0 0 0 32px; font-size:16px; color:#515151; display:inline-block;
}
dl.news-list.onlytitle dd .new-title a, dl.news-list.onlytitle dd .new-title span{ padding-bottom:9px;}
dl.news-list dd .new-title a:visited{ color:#551a8b;}
dl.news-list dd .new-title a:hover{ text-decoration:none; color:#29e;}
dl.news-list dd .new-title a:active{ color:#e00;}
dl.news-list dd .new-text{ margin:0 0 0 28px; color:#999;}
dl.news-list dd .new-text p{ margin:0;}
dl.news-list dd .new-date{ margin:2px 0 0 28px; padding:0 0 8px; color:#999;}



/* retina兼容 */
@media only screen and (-webkit-min-device-pixel-ratio :1.5),(min-resolution:120dpi),(-ms-high-contrast:active),(-ms-high-contrast:none){
dl.news-list dd .new-title a, dl.news-list dd .new-title span{ background:url(../images/news-listddbg@2x.png) left 10px no-repeat; background-size:6px 6px;}
.sub-banner .news-banner{ background:url(../images/sub-banner-newbg@2x.png) right center no-repeat; background-size:184px 144px;}
.sub-banner .news-banner.contact{ background-image:url(../images/sub-banner-contactbg@2x.png); background-size:184px 144px;}
}


/* 响应 pad 770-1000 */
@media (min-width: 770px) and (max-width: 1000px){
.section{ width:770px;}

.sub-banner .news-banner{ margin:0 auto; width:770px; height:210px;}
.sub-banner .news-banner h2{ margin:40px 0 0 0; font-size:44px; font-weight:normal;}
.sub-banner .news-banner h4{ margin:0; font-size:20px; font-weight:normal;}
ul.contact-list{ width:310px;}
}

/* 响应 mobi 300-769 */
@media (min-width: 300px) and (max-width: 769px){
.section{ width:320px;}

dl.news-list dd{ margin-left:60px;}
dl.news-list dd .new-title a{ padding-left:20px;}
dl.news-list dd .new-text{ margin-left:16px;}
dl.news-list dd .new-date{ margin-left:16px;}
dl.news-list.onlytitle dd{ margin-left:32px;}
dl.news-list.onlytitle dd .new-title a, dl.news-list.onlytitle dd .new-title span{ padding-left:20px;}
}

/* banner响应横屏 mobi 320-769 */
@media (max-height: 320px) and (max-width: 770px){

}


.map {
    width: 100%;
    background-image: url(../images/map_bg.jpg);
    height: 766px;
    background-size: cover;
    background-repeat: no-repeat;
}
.map .content {
    margin: 0 auto;
    width: 1110px;
    text-align: center;
    padding-top: 40px;
    position: relative;
}

.map .content .circular {
    width: 100px;
    height: 100px;
    position: relative;
}
.map .content .circular .circular-two {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.map .content .circular .cric {
    border-radius: 50%;
    background-color: #1daba7;
    width: 28px;
    height: 28px;
    position: absolute;
    left: 36px;
    top: 36px;
}
@-webkit-keyframes ripple {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    5% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ripple {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    5% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.map .content .circular:after {
    -webkit-animation: ripple 4.5s ease-out .45s infinite;
    animation: ripple 4.5s ease-out .45s infinite;
}
.map .content .circular.animate:before {
    -webkit-animation: ripple 4.5s ease-out 225ms infinite;
    animation: ripple 4.5s ease-out 225ms infinite;
}
.map .content .text {
    position: absolute;
    left: 71px;
    top: 41px;
    background-color: #29aba6;
    white-space: nowrap;
    font-size: 14px;
    color: #fff;
    padding: 0 6px;
    box-shadow: 2px 2px 2px 0 rgba(0,0,0,.2);
    line-height: 22px;
}

.map .content .beijing{position:absolute;top:214px;left:674px}
.map .content .chengdu{position:absolute;top:365px;left:520px}
.map .content .chengdu img{position:absolute;left:-10px;top:39px}
.map .content .guangzhou{position:absolute;top:505px;left:682px}
.map .content .guangzhou img{position:absolute;left:68px;top:40px}
.map .content .hangzhou{position:absolute;top:350px;left:736px}
.map .content .hangzhou img{position:absolute;left:69px;top:39px}
.map .content .xian{position:absolute;top:295px;left:591px}
.map .content .xian img{position:absolute;left:-10px;top:39px}

.map .content .text:before {
    content: "";
    border: 5px solid #29aba6;
    border-bottom-color: transparent;
    border-right-color: transparent;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    left: -3px;
    top: 5px;
}

.map .content .circular.animate:before, .map .content .circular:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 3px solid #1daba7;
    opacity: 0;
}

.map .content .circular.animate:before, .map .content .circular:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 3px solid #1daba7;
    opacity: 0;
}

.map .content .circular .circular-two:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 3px solid #1daba7;
    opacity: 0;
    -webkit-animation: ripple 4.5s ease-out 675ms infinite;
    animation: ripple 4.5s ease-out 675ms infinite;
}

.map .content .circular .circular-two:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 3px solid #1daba7;
    opacity: 0;
    -webkit-animation: ripple 4.5s ease-out .9s infinite;
    animation: ripple 4.5s ease-out .9s infinite;
}