body{background: #f8faff;}
.HG_web1200{width:1200px;margin: 0 auto;}

.HG_img{height: 190px;position: relative;}
.HG_jj{    position: absolute; top: -100px;}
.HG_jj span{float: left; padding: 30px; height: 230px;width: 700px; background: url(/ghhgzcglyxgs/uiFramework/commonResource/image/2020041916295633896.png) no-repeat; font-size: 18px;line-height: 50px;color: #fff;}
.HG_jj img{ float: right;width: 440px; height: 290px;}

.HG_dh{    margin-top: 20px;margin-bottom: 50px;}
.HG_dh li{    width: 195px;float: left; margin-right: 6px;}
.HG_dh li a{    display: block;padding: 40px;text-align: right; font-size: 16px; font-weight: 800;height:20px;}
.HG_dh li:last-child {margin-right: 0;}
.HG_dh1 a{ background: #fff url(/ghhgzcglyxgs/uiFramework/commonResource/image/2020041916435168659.png) no-repeat; background-position: 24px; background-size: 40px;}
.HG_dh2 a{ background: #fff url(/ghhgzcglyxgs/uiFramework/commonResource/image/2020041916453072062.png) no-repeat; background-position: 24px; background-size: 40px;}
.HG_dh3 a{ background: #fff url(/ghhgzcglyxgs/uiFramework/commonResource/image/2020041916453719216.png) no-repeat; background-position: 24px; background-size: 40px;}
.HG_dh4 a{ background: #fff url(/ghhgzcglyxgs/uiFramework/commonResource/image/2020092622032250841.png) no-repeat; background-position: 24px; background-size: 40px;}
.HG_dh5 a{ background: #fff url(/ghhgzcglyxgs/uiFramework/commonResource/image/2020092622032861355.png) no-repeat; background-position: 24px; background-size: 40px;}
.HG_dh6 a{ background: #fff url(/ghhgzcglyxgs/uiFramework/commonResource/image/2020092622033454945.png) no-repeat; background-position: 24px; background-size: 40px;}
.HG_dh li:hover{-moz-box-shadow: 0px 0px 15px #0C3787; -webkit-box-shadow: 0px 0px 15px #0C3787; box-shadow: 0px 0px 15px #0C3787;}


.HG_cp{    display: block;float: left;height: 40px;font-size: 30px;line-height: 40px;font-weight: bold;background: url(/ghhgzcglyxgs/uiFramework/commonResource/image/2020041711412897541.png) no-repeat;background-position: 140px;margin-bottom: 30px; width: 100%;}
.HG_cp>span{float:right;}
.HG_cp>span>a{font-size: 18px;}
.HG_hexinyoushi{    background: url(/ghhgzcglyxgs/uiFramework/commonResource/image/2020041916550379095.png) no-repeat; height: 500px; padding:50px 0;}
#li_0{display: block;}
#li_1,#li_2,#li_3,#li_4{display:none;}
.HG_slide ul { margin: 0; padding: 0; list-style-type: none;}
.HG_slide { position: relative; /* overflow: hidden; */width: 1200px; height: 460px; margin: 0 auto;    top: 0px;}
.HG_slide ul.HG_slide-wrapper { position:relative; top: 90px; left: 0; z-index: 1; margin: 0; padding: 0;width:100%;height:300px;}
.HG_slide ul.HG_slide-wrapper li { position: absolute; }
.HG_slide-wrapper li>a{    width: 572px;float: right;font-size: 28px; color: #00206a; line-height: 50px;}
.HG_slide-wrapper li span{    width: 572px;float: right; line-height: 30px; font-size: 16px;    margin-top: 50px;}
.HG_slide ul.HG_slide-wrapper li p{    position: absolute; right: 0; bottom: 12px; left: 52%;}
.HG_slide ul.HG_slide-wrapper li p a{    padding: 10px 85px 10px 19px;width: 100px;text-align: left; border: 1px solid #ccc; font-size: 16px;border-radius: 20px;    background: url(/ghhgzcglyxgs/uiFramework/commonResource/image/2020041916572538070.png) no-repeat;background-size: 25px;    background-position: 130px;}
.HG_slide ul.HG_slide-wrapper li p:hover a { background: url(/ghhgzcglyxgs/uiFramework/commonResource/image/2020041916573395062.png) no-repeat;background-size: 25px;    background-position: 130px; border: 1px solid  #c30d23;} 
.HG_slide-wrapper li img{width:570px;height:300px;float:left;}
.HG_slide .HG_prev, .HG_slide .HG_next {     position: absolute;width: 30px; height: 30px;text-indent: -9999px;top: 99px;z-index: 9999;}
.HG_slide .HG_prev { right: 105px;background: url(/ghhgzcglyxgs/uiFramework/commonResource/image/2020041916571119021.png) no-repeat;background-size: 25px;}
.HG_slide .HG_next { right: 0px;background: url(/ghhgzcglyxgs/uiFramework/commonResource/image/2020041916572538070.png) no-repeat;background-size: 25px;}
.HG_slidebox {  position: absolute; right: 80px; bottom: 73%; z-index: 30;}
.HG_slidebox ul { height: 30px;width:15px;position: relative;}
.HG_slidebox ul li { z-index: 88;   position: absolute; float: left; height: 30px;width:15px;}
.HG_slidebox ul li em {font-size: 24px;color: #fff; display: block; width: 15px; height: 30px; text-indent: -9999px;     font-style: normal;}
.HG_slidebox ul li.current em {color: #c30d23;z-index: 99;text-indent: 0px;}
.HG_slidebox ul span{    height: 30px;width: 30px; position: absolute; right: -36px; top: 2px;font-size: 20px; line-height: 30px;color: #333;}


/**/
.HG_rc{float: left; width: 100%;    margin-bottom: 50px;}
.HG_rc li{    width: 18%;float: left;margin-right: 4%;background: #fff; padding: 2%;}
.HG_rc li:last-child {margin-right: 0;}
.HG_rc li>span{    width: 100%; float: left; font-size: 16px;line-height: 30px; color: #66666;}
.HG_rc li>span a{background: url(/ghhgzcglyxgs/uiFramework/commonResource/image/2020041711424984089.png) no-repeat; height: 34px; background-position: 10px;padding: 5px 20px;    margin-bottom: 10px;}
.HG_rc li>a{ font-size: 16px;line-height: 30px; }
.HG_rc li p {}
.HG_rc li p>a{color: #666666;background: url(/ghhgzcglyxgs/uiFramework/commonResource/image/2020041711424984089.png) no-repeat;background-position: 94px;border: 1px solid #ccc;padding: 0px 14px;font-size: 16px;border-radius: 20px;float: left;width: 95px;margin-top: 20px; line-height: 30px;}
.HG_rc li:hover p a{border: 1px solid #c30d23;color: #c30d23;background: url(/ghhgzcglyxgs/uiFramework/commonResource/image/2020041711424390523.png) no-repeat; background-position: 94px;}


/*手机端1200px*/
@media only screen and (min-width: 100px) and (max-width: 1200px) {

}


/*手机端960px*/
@media only screen and (min-width: 100px) and (max-width: 960px) {


}


/*手机端768px*/
@media only screen and (min-width: 100px) and (max-width: 768px) {
.HG_web1200{    width: 96%;}
.HG_jj span{     width: 92%; padding: 4%;font-size: 16px; line-height: 30px;height: auto;margin-top: 20px;}
.HG_jj img{    display: none;}
.HG_jj{top:0;}
.HG_dh{ margin-top: 60px; margin-bottom: 20px;}
.HG_dh li{    width: 100%; margin-right: 0; margin-bottom: 10px;}
.HG_dh li a{    font-size: 20px;text-align: center;background-position: 25%;text-indent: 4em; padding: 30px;}
.HG_hexinyoushi{  height: auto; padding: 20px 0;}
.HG_cp{    margin-bottom: 20px;font-size: 20px; background-size: 20px;background-position: 95px;}
.HG_slide{    width: 100%;}
.HG_slide ul.HG_slide-wrapper{    top: 60px;    height: 100%;}
.HG_slide-wrapper li img{width: 100%;height: 200px;}
.HG_slide-wrapper li>a{width:100%;    line-height: 30px; text-align: center;    font-size: 20px;margin-top: 60px;}
.HG_slide-wrapper li span{width:100%; margin-top: 10px;}
.HG_slide .HG_prev, .HG_slide .HG_next{    bottom: 150px; top: auto;}
.HG_slidebox{    bottom: 153px;    right: 50%;}
.HG_slide ul.HG_slide-wrapper li p{    position: absolute; right: 0;bottom: -35px; left: 27%;}
.HG_slide ul.HG_slide-wrapper li p a{    padding: 5px 85px 5px 19px;    background-size: 20px;}
.HG_slide .HG_prev{right: 65%;}
.HG_slide .HG_next{right: 25%;}

}