body, h2, h3, p, dl, dd{ 
    margin: 0;
    padding: 0;
}

.g_hsg{padding-top: 1.5rem;padding-bottom:0.9rem;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.m_hsg{width:100%;margin:0 auto;} 
.m_hsg dl{float: left;width:25%;height: 14rem;overflow: hidden;background: #f1f1f1;position: relative;transition: all 0.3s linear 0s;}
.m_hsg dt{width:100%;overflow: hidden;display: none;transition: all 0.3s linear 0s;}
.m_hsg dt img{width:100%;display: block;}
/*.m_hsg dl:nth-child(2n){background: #fafafa;}*/
.m_hsg dl:nth-child(2){background: #fafafa;}
.m_hsg dl:nth-child(4){background: #fafafa;}
.m_hsg dl:nth-child(5){background: #fafafa;}
.m_hsg dl:nth-child(7){background: #fafafa;}
.m_hsg dd{position: absolute;left:0;top:0;width:100%;height: 100%;padding-top: 2rem;box-sizing: border-box;}
.m_hsg i{display: block;width:4rem; height: 4rem; margin:0 auto 0.8rem;border:1px solid #f1f1f1;background: #fff;border-radius: 50%;overflow: hidden;transition: all 0.3s linear 0s;}
.m_hsg i img{width:8rem;display: block;}
.m_hsg h3{line-height: 2.8rem;font-size: 0.9rem;text-align:center;font-weight: normal;}
.m_hsg p{line-height: 1.2rem;font-size: 0.7rem;color:#666666;text-align:center;}
.m_hsg dl:hover{z-index: 155;box-shadow: 2px 3px 15px rgba(0,0,0,.5);}
.m_hsg dl:hover i{transform:rotate(360deg);	}
.m_hsg .hsgtit{background: url(../images/cpysbg1.jpg) no-repeat;background-size: cover;box-sizing: border-box;overflow: hidden;}
/**/
.m_hsg .hsgtit h3{text-align: left;color:#fff;line-height: 2.8rem;font-size: 0.9rem;text-align:center;}
.m_hsg .hsgtit h3{display: block;position: relative;color:#fff;font-weight: normal;}
.m_hsg .hsgtit h3 em{display: block;font-size: 1rem;color:#fff;padding-top: 0.2rem;}
.m_hsg .hsgtit p{ color:#FFF}
.m_hsg .hsgtit i{display: block;width:4rem; height: 4rem; margin:0 auto 0.8rem;border:1px solid #fff;border-radius: 50%;overflow: hidden;transition: all 0.3s linear 0s;}
.m_hsg .hsgtit i{background: none;border:1px solid #fff;}

.m_hsg dl:hover dt,.m_hsg .cur dt{display: block;}
.m_hsg dl:hover dd i,.m_hsg .cur dd  i{background: none;border:1px solid #f08300;}
.m_hsg dl:hover dd i img,.m_hsg .cur dd  i img{margin-left: -4rem;}
.m_hsg dl:hover h3,.m_hsg .cur h3,
.m_hsg dl:hover p,.m_hsg .cur p
{color:#fff;}

html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 1200px) {html {font-size: 15px;}}
@media screen and (min-width: 1280px) {html {font-size: 16px;}}
@media screen and (min-width: 1366px) {html {font-size: 17px;}}
@media screen and (min-width: 1440px) {html {font-size: 18px;}}
@media screen and (min-width: 1600px) {html {font-size: 20px;}}
@media screen and (min-width: 1920px) {html {font-size: 24px;}}