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

.g_hsg{padding-top: 1.5rem;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:33.3%;height: 13.3rem;overflow: hidden;position: relative;transition: all 0.3s linear 0s; background-color:#0054ff}
.m_hsg dl:nth-child(1){background: url(../images/tu1.jpg) no-repeat top center;}
.m_hsg dl:hover:nth-child(1){background: url(../images/tu11.jpg) no-repeat top center;}
.m_hsg dl:nth-child(2){background: url(../images/tu2.jpg) no-repeat top center;}
.m_hsg dl:hover:nth-child(2){background: url(../images/tu22.jpg) no-repeat top center;}
.m_hsg dl:nth-child(3){background: url(../images/tu3.jpg) no-repeat top center;}
.m_hsg dl:hover:nth-child(3){background: url(../images/tu33.jpg) no-repeat top center;}
.m_hsg dl:nth-child(4){background: url(../images/tu4.jpg) no-repeat top center;}
.m_hsg dl:hover:nth-child(4){background: url(../images/tu44.jpg) no-repeat top center;}
.m_hsg dl:nth-child(5){background: url(../images/tu5.jpg) no-repeat top center;}
.m_hsg dl:hover:nth-child(5){background: url(../images/tu55.jpg) no-repeat top center;}
.m_hsg dl:nth-child(6){background: url(../images/tu6.jpg) no-repeat top center;}
.m_hsg dl:hover:nth-child(6){background: url(../images/tu66.jpg) no-repeat top center;}
.m_hsg dt{width:100%;overflow: hidden;display: none;transition: all 0.3s linear 0s;}
.m_hsg dt img{display: block;padding-left:1.2rem;padding-top: 11rem;}
.m_hsg dd{position: absolute;left:0;top:0;width:100%;height: 100%;padding-top: 9rem;box-sizing: border-box;}
.m_hsg dd:hover{padding-top: 7rem;}
.m_hsg i{display: block;width:5rem; height: 5rem; margin:0 auto 0.83rem;border:1px solid #eceff6;background: #fff;border-radius: 50%;overflow: hidden;transition: all 0.3s linear 0s;}
.m_hsg i img{width:10rem;display: block;}
.m_hsg h3{line-height: 2rem;font-size: 1.3rem;color:#000000; padding-left:1.2rem}
.m_hsg p{line-height: 1rem;font-size: 1rem;padding-left:1.2rem;}
/*.m_hsg dl:hover{z-index: 155;background-color: rgba(0,84,255,0.9); background-image:none}*/
.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 dd{padding: 4.16rem 0 0 8%;}
.m_hsg .hsgtit h3{text-align: left;color:#fff;font-size:2rem;font-weight:normal;}
.m_hsg .hsgtit h3{display: block;position: relative;height: 6rem;font-size: 2rem;color:#fff;font-weight: normal;}
.m_hsg .hsgtit h3 em{display: block;font-size: 1rem;color:#fff;padding-top: 0.2rem;}
.m_hsg .hsgtit h3:before{content: "";position: absolute;width:2.2rem;height: 0.16rem;background: #eeeeee;left:0;top:5rem;}
.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 #a2c126;}
.m_hsg dl:hover dd i img,.m_hsg .cur dd  i img{margin-left: -5rem;}
.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;}}