/* 联系方式 */
.contact-content{
    /* border: 1px solid red; */
}

    .pc-slide{
        margin-bottom: 5%;
    }
    /* 缩略轮播图 */
    .preview { 
        width: 100%;
        margin-top: 3%;
        position: relative;
    }
    .preview .swiper-container{
        max-width: 1400px;
        margin: 0 auto;
        overflow: hidden;
        /* border: 1px solid red; */
    }
    .preview .swiper-slide {
        width: 12.35% !important;
        height: 100%;
        overflow: hidden;
        text-align: center;
        position: relative;
    }
    .preview .swiper-slide p{
        display: inline-block;
        background: #eeeeee;
        width: 80%;
        padding: 14% 0;
        text-align: center;
        font-size: 26px;
        color: #333;
        cursor: pointer;
        border-radius: 4px;
        margin-bottom: 10px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
    }
    .preview .swiper-slide span{
        display: none;
        position: absolute;
        bottom: -10px ;
        left: calc(50% - 10px);
        border-top: 10px solid #963437;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid transparent;
    }
    .preview .arrow{position: absolute;top: calc(100% - 50px);margin-top: -9px;width: 9px; height: 18px;z-index: 10;}
    .preview .arrow-left {
        width: 13px;
        height: 30px;
        background: url("../img/prev.png") no-repeat center;
        left: 3.5%;
        cursor: pointer;
        background-size: 100% 100%;
    }
    .preview .arrow-right {
        width: 13px;
        height: 30px;
        background: url("../img/prev.png") no-repeat center;
        right: 3.5%;
        cursor: pointer;
        background-size: 100% 100%;
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
    }
    /* .preview img {padding: 1px;} */
    .preview .active-nav p {
        background: #963437;
        color: white;
    }
    .preview .active-nav span{
        display: inline-block !important;
    }
    .border_ccc{
        border: none;
    }

    /* 大地图轮播 */
    .view{
        overflow: hidden;
        margin-top: 5%;
    }
    .view .swiper-container {width: 100%;position: relative;}
    .view:hover .arrow{display: block;}
    .view .arrow{display: none;position: absolute;top: 50%;margin-top: -35px;width: 70px;height: 70px;z-index: 100000000; }
    .view .arrow-left { background: url("../img/pro-prev.png") no-repeat center; left: 10px;}
    .view .arrow-right {
        background: url("../img/pro-prev.png") no-repeat center;
        right: 10px;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }
   
    .view .swiper-slide{
        width: 100%;
    }
    .view .swiper-slide>div{
        display: flex;
        align-items: center;
    }
    .view .swiper-slide:nth-child(1){
        margin-left: 2px;
    }
   

    /* 地图 */
    .grid{
        width: 100%;
        height: 100%;
    }
    .contact-left{
        display: inline-block;
        width:calc(99% - 680px);
        margin-right: 80px;
    }
    .con_map{ 
         display: inline-block;
         width:100%; 
         padding-bottom:70%; 
         position:relative;
    }
    .con_map .map{ 
        position:absolute; 
        top:0px; 
        left:0px; 
        width:100%;
         height:100%;
         box-sizing: border-box;
         border: 1px solid #bfbfbf;
    }

    .contact-right{
        display: inline-block;
        width: 600px;
    }
    .contact-right>p{
        font-size: 32px;
        color: #333;
        line-height: 48px;
    }
    .contact-right>div{
        margin-top: 12%;
    }
    .contact-right>div h1{
        font-size: 30px;
        color: #963437;
        margin-bottom: 2%;
    }
    .contact-right>div p{
        font-size: 24px;
        line-height: 48px;
        color: #333;
    }


/* 自媒体 */
.contact-media{

}
    .media-contact{
       
    }
    .media-contact>div{
        display: inline-block;
        width: 14.875%;
        margin-right: 4.05%;
    }
    .media-contact>div:last-child{
        margin-right: 0;
    }
    .media-contact>div a{
        display: inline-block;
        border: 1px solid #dcdcdc;
        width: 82.6%;
        padding: 8.7%;
    }
    .media-contact>div a img{
        display: inline-block;
        width: 100%;
        height: 100%;
    }
    .media-contact>div p{
        text-align: center;
        color: #666;
        font-size: 18px;
        margin-top: 10%;
    }

@media(max-width:1640px){
    .preview .arrow-left{
        left: 0%;
    }
    .preview .arrow-right{
        right: 0%;
    }
}


@media(max-width:1400px){
    .preview{
        width: 90%;
        margin-left: 5%;
    }
    .preview .swiper-slide{
        width: 20% !important;
    }
    .contact-right>p {
        font-size: 24px;
        line-height: 40px;
    }
    .contact-right>div p {
        font-size: 20px;
        line-height: 36px;
    }
    .contact-right>div h1{
        font-size: 22px;
    }
    .contact-right{
        width: 480px;
    }
    .contact-left{
        width: calc(99% - 560px);
    }
    .preview .arrow-left{
        left: -2%;
    }
    .preview .arrow-right{
        right: -2%;
    }
}

@media(max-width:1200px){
    .view .swiper-slide>div{
        display: block;
    }
    .contact-left{
        width: 100%;
    }
    .contact-right{
        width: 100%;
        margin-top: 3%;
    }
    .contact-right>div{
        margin-top: 5%;
    }
}
@media(max-width:760px){
    .pc-slide{
        margin-bottom: 10%;
    }
    .preview .swiper-slide{
        width: 33% !important;
    }
    .preview .swiper-slide p{
        padding: 10% 0;
        font-size: 18px;
    }
    .preview .swiper-slide span{
        bottom: -9px;
    }
    .preview .arrow-left,.preview .arrow-right {
        width: 10px;
        height: 19px;
    }
    .contact-right>p {
        font-size: 18px;
        line-height: 30px;
    }
    .contact-right>div h1 {
        font-size: 18px;
    }
    .contact-right>div p {
        font-size: 14px;
        line-height: 28px;
    }
    .media-contact>div p{
        font-size: 16px;
    }
    .media-contact>div {
        width: 29%;
    }
    .preview .arrow {
        top: 40%;
    }
    .preview .arrow-left{
        left: -5%;
    }
    .preview .arrow-right{
        right: -5%;
    }
}




/* 在线互动 */
.online-content{
    
}
    .online-content input{
        display: inline-block;
        width: 44.75%;
        height: 60px;
        line-height: 60px;
        font-size: 24px;
        color: #333;
        outline: none;
        border: 2px solid #dcdcdc;
        padding: 0 2%;
        margin-bottom: 2%;
    }
    .online-content input:nth-child(odd){
        float: left;
    }
    .online-content input:nth-child(even){
        float: right;
    }
    .online-content input::-webkit-input-placeholder{
        color:#999;
        font-size:24px;
        font-weight: 300;
    }
    .online-content input::-moz-placeholder{   /* Mozilla Firefox 19+ */
        color:#999;
        font-size:24px;
        font-weight: 300;
    }
    .online-content input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
        color:#999;
        font-size:24px;
        font-weight: 300;
    }
    .online-content input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
        color:#999;
        font-size:24px;
        font-weight: 300;
    }

    .online-content textarea{
        display: inline-block;
        width: 96%;
        font-size: 24px;
        color: #333;
        padding: 0 2%;
        padding-top: 1%;
        padding-bottom: 15.5%;
        outline: none;
        border: 2px solid #dcdcdc;
        margin-bottom: 3%;
        font-family:'Lucida Sans Regular',sans-serif
    }
    .online-content textarea::-webkit-input-placeholder{
        color:#999;
        font-size:24px;
        font-weight: 300;
    }
    .online-content textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
        color:#999;
        font-size:24px;
        font-weight: 300;
    }
    .online-content textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
        color:#999;
        font-size:24px;
        font-weight: 300;
    }
    .online-content textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */
        color:#999;
        font-size:24px;
        font-weight: 300;
    }

    #onlineMessages>p{
        text-align: center;
    }
    #onlineMessages>p a{
        display: inline-block;
        width: 230px;
        height: 70px;
        line-height: 70px;
        text-align: center;
        background: #963437;
        font-size: 24px;
        color: white;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;  
    }
    #onlineMessages>p a span{
        display: inline-block;
        margin: 0 .5em;
    }

    @media(max-width:760px){
        .online-content input{
            height: 45px;
            line-height: 45px;
            font-size: 18px;
            width: 96%;
        }
        .online-content input:nth-child(odd){
            float: none;
        }
        .online-content input:nth-child(even){
            float: none;
        }
        .online-content input::-webkit-input-placeholder{
            font-size: 18px;
        }
        .online-content input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            font-size: 18px;
        }
        .online-content input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            font-size: 18px;
        }
        .online-content input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
            font-size: 18px;
        }
        .online-content textarea{
            font-size: 18px;
        }
        .online-content textarea::-webkit-input-placeholder{
            font-size: 18px;
        }
        .online-content textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
            font-size: 18px;
        }
        .online-content textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            font-size: 18px;
        }
        .online-content textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */
            font-size: 18px;
        }
        #onlineMessages>p a {
            width: 150px;
            height: 50px;
            line-height: 50px;
        }
    
    }



.m_nav{
		animation: 5s news ease-in-out;
		-webkit-animation: 5s news ease-in-out;
		height: 0;
	}

	@keyframes news
{
		0% {opacity: 0;}
		25% {opacity: 0;}
		50% {opacity: 0;}
		75% {opacity: 0;}
		100% {opacity: 1;}
}

	@-webkit-keyframes news
{
		0% {opacity: 0;}
		25% {opacity: 0;}
		50% {opacity: 0;}
		75% {opacity: 0;}
		100% {opacity: 1;}
}
.contact-left>a{
        display: inline-block;
        width: 100%;
        overflow: hidden;
    }
    .contact-left>a img{
        display: inline-block;
        width: 100%;
    }

    @media(max-width:760px){
        .contact-left>a img {
            width: 117%;
            margin-left: -10%;
        }
    }
    @media(max-width:460px){
        .contact-left>a img {
            width: 117%;
            margin-left: -10%;
        }
    }