.editor .col {

    display: table-cell;

    vertical-align: middle;

    font-size: 15px;

}



.editor .contact-title {

    color: #343439;

    font-size: 50px;
	line-height:50px;
}



.editor .fans {
    display: inline-block;
	vertical-align:top;
	line-height:40px;
}


/*.contact-title.fans:after{
	content:'';

    width: 40px;

    height: 40px;

    background: url(../images/contact/fans.png)no-repeat;

    display: inline-block;
	margin-left:20px;

}*/


.contact-title .fans a:hover {

    opacity: 0.85;

}



.grid1 .col.right,

.grid2 .col.left {

    width: 800px;

}



.grid2 .col.left {

    float: left;

}



.grid2 .col.right {

    float: right;

}



.col dt,

.col dd {

    float: left;

    font-size: 15px;

    margin-bottom: 30px;

    font-weight: bold;

    letter-spacing: 2px;

}



.col dl {

    width: 100%;

}



.col dt {

    width: 19%;

    text-align: right;

    color: #343439;

}



.col dd {

    width: 72%;

    color: #777777;

    padding-left: 20px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.col dd a {

    color: #240658;

    text-decoration: underline;

}



.col dd a:hover {

    text-decoration: none;

}



.editor .contact-title {

    color: #343439;

    font-size: 50px;
	line-height:48px;
	vertical-align:top;

}



.editor .grid2 .contact-title {

    text-align: right;

    width: 340px;

}



.grid2 .col.right {

    width: 530px;

}



.grid2 .col dt {

    width: 37%;

}



.grid2 .col dd {

    width: 55%;

}



@media screen and (max-width: 1320px) {

    .grid1 .col {

        width: 100%;

        display: block;

    }

    .col dl {

        width: 500px;

        margin: 0 auto;

    }

    .editor .contact-title,

    .editor .grid2 .contact-title {

        width: 100%;

        text-align: center;

    }

    .grid1 .col.right {

        width: auto;

    }

    .grid2 .col.right {

        width: 100%;

        display: block;

    }

    .grid2 .col.left {

        width: 100%;

        display: block;

    }
	.grid2 .col dt{
		width:28%;
	}
	.col dt{
		width:28%;
	}
}

@media screen and (max-width: 511px) {

    .col dt,

    .col dd,

    .grid2 .col dt,

    .grid2 .col dd {

        width: 100%;

        text-align: center;
		padding:0;

    }
	    .col dl {

        width: 100%;

        margin: 0 auto;

    }

    .editor .grid2 .contact-title {

        text-align: center;

    }
}