.container5:after,
.container5:before{
    content:"";
    display:table;
}
.container5:after {clear:both;}
.container5 {width:80%;margin:0 auto;}
@media (min-width:1200px){
    .container5 {width:1236px;}
}

@media (max-width:991px){
    .container5 {width:91%;}
}
.en {font-family:'Microsoft Yahei';}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color: #6f6f6f; }
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #6f6f6f;}
/*header*/
header {
    z-index:99;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s;
    -webkit-transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s;
    -moz-transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s;
}
@media (max-width:991px){
    header {display:none;}
}


/*footer*/
footer {
    position:relative;
    background:#111;
    overflow:hidden;
}





@keyframes linewidth
{
    from {width:0;}
    to {width:100%;}
}

@-moz-keyframes linewidth
{
    from {width:0;}
    to {width:100%;}
}

@-webkit-keyframes linewidth
{
    from {width:0;}
    to {width:100%;}
}

@-o-keyframes linewidth
{
    from {width:0;}
    to {width:100%;}
}




@keyframes downico {
    0% {
        top: 0;
        opacity: 1;
    }
    35% {
        top: 50%;
        opacity: 0;
    }
    65% {
        top: -50%;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}


.inner-main-container {background:#fff;}
.inner-main-container img {
    max-width:100%;
}



.contact-us-page {
    padding:15px 0 70px;
}
.contact-us-page .container5 {}
.contact-infomation {
    padding:4% 0 4% 0;
    background:#fff;
}
.contact-infomation .each-item {
    float:left;
    width:21.5%;
}
.contact-infomation .each-item.qq-item {
    width:29%;
    margin-left:6.5%;
}

.contact-infomation .each-item .dt-title {
    margin-bottom:20px;
    font:16px/1  'Microsoft Yahei';
    color:#333;
    text-transform:uppercase;
    font-weight: 600
}
.contact-infomation .each-item .dd-content > span {
    font:16px/1  'Microsoft Yahei';
    color:#666;
    line-height:30px;
}
.contact-infomation .each-item .contact-qq {
    display:inline-block;
    width:145px;
    height:48px;
    margin-right:10px;
    font:14px/1  'Microsoft Yahei';
    color:#333;
    line-height:48px;
    text-align:center;
    border:2px solid #333;
    border-radius:52px;
    -moz-border-radius:52px;
    -webkit-border-radius:52px;
    transition:all .4s ease-in-out;
}
.contact-infomation .each-item .contact-qq:hover {color:#fff;background:#333;}
.contact-infomation .each-item .contact-qq .icon {
    display:inline-block;
    width:23px;
    height:23px;
    margin-right:5px;
    vertical-align:-5px;
    background:url(img/contact-icon1-2.png) no-repeat center center;
    transition:all .4s ease-in-out;
}
.contact-infomation .each-item .contact-qq:hover .icon {background:url(img/fix-icon2.png) no-repeat center center;}
@media(max-width:1338px){
    .contact-infomation {padding:3% 3% 3.5%;}
    .contact-infomation .each-item.qq-item {width:35.5%;margin-left:0;}
    .contact-infomation .each-item .dd-content > span {  font: 14px/1 'Microsoft Yahei';  line-height: 24px;  }
    .contact-infomation .each-item .contact-qq {width:135px;height:40px;line-height:36px;}
}
.contact-map {background:#fff;}
.contact-traffic {
    padding:4% 7% 5%;
    background:#fff;
}
.contact-traffic .title {
    padding-bottom:4%;
    font-size:28px;
    font-weight:bold;
    color:#333;
    text-align:center;
}
.contact-traffic-ways {margin-left:-5%;}
.contact-traffic .each-item {
    float:left;
    width:28.33%;
    margin-left:5%;
}
.contact-traffic .each-item .dt-title {
    margin-bottom:20px;
    border-bottom:1px solid #e5e5e5;
}
.contact-traffic .each-item .dt-title .icon {
    display:block;
    width:48px;
    height:45px;
}
.contact-traffic .item-bus .dt-title .icon {background:url(img/contact-icon2-1.png) no-repeat center center;}
.contact-traffic .item-train .dt-title .icon {background:url(img/contact-icon2-2.png) no-repeat center center;}
.contact-traffic .item-car .dt-title .icon {background:url(img/contact-icon2-3.png) no-repeat center center;}
@media(max-width:1365px){
    .contact-traffic .each-item .dt-title .icon {width:55px;height:51px;}
    .contact-traffic .item-bus .dt-title .icon {background:url(img/contact-icon2-1a.png) no-repeat center center;background-size:100% 100%;}
    .contact-traffic .item-train .dt-title .icon {background:url(img/contact-icon2-2a.png) no-repeat center center;background-size:100% 100%;}
    .contact-traffic .item-car .dt-title .icon {background:url(img/contact-icon2-3a.png) no-repeat center center;background-size:100% 100%;}
}
.contact-traffic .each-item .dt-title .text {
    display:block;
    padding:30px 0;
    font-size:20px;
    color:#333;
    line-height:1;
}
.contact-traffic .each-item .dd-content {padding-right:60px;}
.contact-traffic .each-item .dd-content span {
    display:block;
    font:14px/1.85 'Microsoft Yahei';
    color:#666;
}


@media (max-width:1400px){
    .contact-us-page .container5,
    {max-width:none;width:100%;padding:0 4.5%;}
}

@media (max-width:991px){
   
    .contact-infomation .each-item {width:100%;padding:5% 0;border-bottom:1px solid #e6e6e6;}
    .contact-infomation .each-item.qq-item {width:100%;border-bottom:0;}
    .contact-traffic .each-item,
    {width:100%;}
    .contact-traffic .each-item {padding:0 0 5% 0;}

}




@media (max-width:991px){
    
    .contact-infomation .each-item {width:100%;padding:5% 0;border-bottom:1px solid #e6e6e6;}
    .contact-infomation .each-item.qq-item {width:100%;border-bottom:0;}
    .contact-traffic .each-item,
    .pay-list .each-item{width:100%;}
    .contact-traffic .each-item {padding:0 0 5% 0;}
    .pay-list .each-item {margin-bottom:5%;}
    .pay-list .item-inner {padding:10%;}
    .data-background {height:100%;}

    .index-news .each-item {width:100%;margin-left:0;}
    .index-news .each-item:first-child {display:none;}
    .normal-inner-banner .normal-banner-inner {top:40%;}
}



.bgline1{ width: 100%; height: 60px; background:#fff url(img/d.png) repeat-x bottom; margin-top: 30px;}
.bgline2{ width: 1235px; height: 60px; margin:0 auto; }

.bgline2 h3{float: left; background: url(img/d2.png) repeat-x bottom;line-height: 60px; width: auto; overflow: hidden; display: inline-block; font-size: 24px; font-weight: 300; font-family: 微软雅黑; color: #000;}
.bgline2 h5{ float: left; font-size: 14px; color: #666666; padding: 28px 0 0 10px; }
@media(max-width:768px){
.bgline2 h3{ font-size: 19px; font-weight: 500; line-height: 60px }
.bgline2 h5{ font-size: 13px; }
.bgline1{}
}
@media(max-width:1200px){
.bgline2{ width: 970px;}
}
@media(max-width:991px){
.bgline2{ width: 750px;}
}
@media(max-width:768px){
.bgline2{ margin-left: 15px;}
}

.fonts{ font-size: 26px; color: #000}

.bgline3{ width: 100%; height: 40px; margin:0 auto; }

.bgline3 h3{float: left; line-height: 60px; width: auto; overflow: hidden; display: inline-block; font-size: 22px; font-weight: 300; font-family: 微软雅黑; color: #000;}
@media(max-width:1200px){
.bgline3{ width: 970px;}
}
@media(max-width:991px){
.bgline3{ width: 750px;}
}
@media(max-width:768px){
.bgline3{ margin-left: 15px;}
}