*{color: #777;}
.bg{width: 100%; background: url("/img/v2/contact/bg.jpg") no-repeat top center;}
.main{width: 945px; margin-left: auto; margin-right: auto; height: 680px; padding-top: 307px;}

.nav{height: 127px;}
.nav li,
.nav a{height: 127px;}

.sg-home{width: 119px;}
.sg-home a{width: 114px; background: url("/img/v2/common/nav.jpg") no-repeat;}


.sg-introduction,
.sg-value,
.sg-history,
.sg-news,
.sg-contact{width: 124px; text-align: center;}

.sg-introduction a,
.sg-value a,
.sg-history a,
.sg-news a,
.sg-contact a{width: 114px; background: url("/img/v2/common/nav.jpg") no-repeat;}

.sg-home a{background-position: 0 0;}
.sg-introduction a{background-position: -124px 0;}
.sg-value a{background-position: -248px 0;}
.sg-history a{background-position: -372px 0;}
.sg-news a{background-position: -496px 0;}
.sg-contact a{background-position: -620px 0;}

.sg-home a:hover{background-position: 0 -127px;}
.sg-introduction a:hover{background-position: -124px -127px;}
.sg-value a:hover{background-position: -248px -127px;}

.sg-history a:hover{background-position: -372px -127px;}
.sg-news a:hover{background-position: -496px -127px;}
.contact-current a,
.sg-contact a:hover{background-position: -620px -127px;}

.contact-title{font: bold 72px "arial"; color: #000;}

.contact-mains{height: 184px; margin-top: 39px;width:945px;}
.contact-l{background: url("/img/v2/contact/circle.jpg") no-repeat; width: 184px; height: 184px; line-height: 184px; vertical-align: middle;}
.contact-l p{font: 18px "arial"; text-align: center; color: #000;  vertical-align: middle;}
.con-left-1{padding-top: 62px;}
.contact-r{height: 184px; padding-left: 100px; padding-top: 50px;}
.contact-title-2{font: 24px "arial"; color: #000; margin-bottom: 10px;}
.contact-con{font: 14px/24px "arial"; color: #666666;}
.con-left-2{padding-top: 85px;}