@charset "utf-8";

.gm_intro{background: url('/images/18_gongmo/content/gm_bg_tp.png') no-repeat top left;padding: 40px 5% 5%;}
.gm_intro  h4{margin-top: 25px;font-size: 28px;}
.gm_intro .tit{position:relative;text-align: center;}
.gm_intro .tit img{width:100%;margin-top: 20px;border-radius: 5px;box-shadow: 2px 2px 16px rgba(0,0,0,.3);}
.gm_intro .tit h4{background: url('/images/18_gongmo/content/tit_h4.png') no-repeat left top;margin: 0;padding: 10px 0 20px 37px;font-size: 35px;color: #fff;}
.gm_intro .tit p{font-size: 20px;word-break: keep-all;color: #fcf1dd;}
.gm_intro .text{padding: 10px 0;}
.gm_intro .text p{font-size: 16px;text-align: left;}
.gm_intro .text .ug{border: solid 1px #6c43434d;padding: 30px;border-radius: 10px 10px 0 0;}
.gm_intro .text .ug_s{border-top: none;margin-bottom: 10px;border-radius: 0 0 10px 10px;}
.gm_intro .text ul ul{margin-top: 10px;padding-top: 10px;border-top: solid 1px #dadada;box-sizing: border-box;}
.gm_intro .text li strong{font-size: 18px;text-align: center; display: block;}
.gm_intro .text li li{line-height: 30px;font-size: 16px;}
.gm_intro .text li .num{margin-right: 5px;font-size: 14px;width: 30px;line-height: 30px;}
.gm_intro .text ul:after{display:block; content:''; clear:both;}
.gm_intro .text .basic_step strong{border-bottom: 0;}


@media all and (min-width:768px) {
.gm_intro{padding: 0;border-radius: 20px;}
.gm_intro .tit{text-align: left;padding: 30px 500px 100px 30px;}
.gm_intro .tit img{position:absolute;width: auto;top: 30px;right: 30px;margin: 0;}
.gm_intro .tit:after{background-size: auto;right: 0;width: 287px;top: 0;}
.gm_intro .tit h4{font-size: 45px;padding-left: 60px;}
.gm_intro .text h4{text-align: left;}
.gm_intro .text .ug{padding: 20px 0;}
.gm_intro .text .ug ul{width: 80%;float: left;border-left: solid 1px #bec2c5;margin: 0;border-top: 0;padding: 10px 19px;text-align: left;}
.gm_intro .text .ug li li{padding: 5px 0;}
.gm_intro .text .ug li strong{width: 20%;float: left;padding-top: 66px;}
.gm_intro .text .ug_s li strong{padding-top:18px}
}