body{background: #f8faff;}
.HG_web1200 {width:1200px;margin:0 auto;}
/*产品--体系*/
.bg_img{background: url(/ghhgzcglyxgs/uiFramework/commonResource/image/2020041711405546270.png) no-repeat; position: relative; height: 200px;}
.HG_tx{background: url(/ghhgzcglyxgs/uiFramework/commonResource/image/2020041717343644674.png) no-repeat; padding: 36px;  position: relative; top: -100px;}
.HG_tx h3{text-align: center;width: 100%; font-size: 30px;color: #333; line-height: 50px; padding-bottom: 20px;}
.HG_tx p{ font-size: 20px;color: #333;line-height: 30px;    text-indent: 2em;}


.HG_cp{    display: block;float: left;height: 40px;background: url(/ghhgzcglyxgs/uiFramework/commonResource/image/2020041711412897541.png) no-repeat;background-position: 140px;margin-bottom: 50px;margin-top:50px; width: 100%;  position: relative; z-index: 99999;}
.HG_cp a{font-size: 30px;line-height: 40px;font-weight: bold;}
.HG_cp>span{float:right;}
.HG_cp>span>a{font-size: 18px;}
.HG_chanpinjieshao{margin:50px 0;}

.HG_zuo{width:400px;float:left;}
.HG_you{width:400px;float:right;}
.HG_zhong2{width:400px;float:left;}
.myscroll {display: block;width: 400px;position: relative;height: 300px;overflow: hidden;    float: left;}
.myscroll .myscrollbox {display: block;float: left;position: absolute;left: 0;top: 0;width: 1200px;}
.myscroll ul {display: block;float: left;list-style-type: none;padding: 0;margin: 0;width:100%;}
.myscroll ul li {    display: block;float: left; padding: 0 3%; width: 42%;}
.myscroll ul li .huadong {display: block;float: left;width: 100%;padding: 0;position: relative;height:300px;color: #333;}
.myscroll .huadong .intro {position: absolute;left: 0;z-index: 10;background: rgba(46, 44, 44, 0.8);width: 400px;text-align: center;color: #fff;    height: 300px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c82e2c2c,endColorstr=#c82e2c2c);}

.myscroll .huadong .intro h5 {padding: 0;margin: 0;height: 50px;width: 100%;line-height: 50px;    }
.myscroll .huadong .intro h5 a{font-size: 18px;color: #fff;    font-weight: bold;}
.myscroll:hover .intro h5 {margin-top: 30px;text-align: left;margin-left: 30px; width: auto; margin-bottom: 30px; font-weight: bold;}
.myscroll:hover .intro{ background: rgba(77, 118, 169, 0.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c84d76a9,endColorstr=#c84d76a9);}
.huadong img{width:400px;height:300px;}


.myscroll .huadong .intro p a {    color: #fff; font-size: 16px;line-height: 40px;}
.myscroll .huadong .intro {bottom: -250px;}
.myscroll .huadong:hover .intro {bottom: 0px;}
.myscroll, .myscroll .huadong:hover .intro, .myscroll .huadong .intro, .myscroll .myscrollbox {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

/*油田工作船*/
.HG_zhong{    position: relative;}
.HG_web1920{    background: url(/ghhgzcglyxgs/uiFramework/commonResource/image/2020041716164719669.png) no-repeat;margin: 50px 0;    padding: 50px 0;}
.HG_yt{    position: relative;}
.HG_yt img{width: 780px; height: 470px;}
.HG_yt ul{position: absolute;  right: 0;bottom:12%; background: rgba(255, 255, 255, 0.9); padding: 30px; width: 650px;height: 275px;}
.HG_yt ul li{float: left; width: 33%;}
.HG_yt ul span,.HG_ytt span {width: 100%;font-size: 24px; color: #333; line-height: 50px; float: left;}
.HG_yt ul li a{font-size: 18px;color: #094087;border-bottom: 1px solid #094087;line-height: 40px;}
.HG_yt ul li a:hover{    color: #c30d23;    border-bottom: 1px solid #c30d23;}
.HG_ytt{    position:absolute;right: 30px;width: 650px;float: right;top: 370px;}
.HG_ytt  li a{font-size: 18px;color: #094087;border-bottom: 1px solid #094087;line-height: 40px;}
.HG_ytt  li{float: left; width: 33%;}
.HG_yt3{    position: relative;top:0px; margin-bottom: 50px;}
.HG_yt3 img{   width: 780px;height: 435px;float: right}
.HG_yt3 li{float: left; width: 33%;}
.HG_yt3 li a{font-size: 16px;color: #094087;border-bottom: 1px solid #094087;line-height: 40px;}
.HG_yt3 li a:hover{ color: #c30d23;    border-bottom: 1px solid #c30d23;}
.HG_yt3 ul{ position: absolute;left: 0; bottom: 72px; background: rgba(255, 255, 255, 0.9); padding: 30px; width: 650px; height: 210px;}


/*手机端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_tx{top:0; width: 92%; padding: 4%;}
.HG_web1200{width:96%;}
.HG_tx h3{line-height: 30px; padding-bottom: 10px;font-size: 20px;}
.HG_tx p{font-size: 16px;text-align: left;}
.bg_img{background-size: 100% 100%;height: auto;}
.HG_cp{margin-bottom: 20px;background-size: 20px;background-position: 95px;margin-top: 20px;}
.HG_cp a{font-size: 20px; }
.myscroll .huadong .intro{width: 100%;height: 180px;bottom: -130px;overflow: hidden;}
.myscroll:hover .intro h5{margin-top: 10px; margin-bottom: 10px;  margin-left: 0px; line-height: 30px; height: 30px;text-align: center;}
.myscroll ul li{width: 94%;}
.myscroll{width: 100%;height: 180px;margin-bottom: 20px;}
.myscroll .myscrollbox{width: 100%; height: 180px;}
.HG_zuo,.HG_you{width: 100%;}
.HG_web1920{margin:0;padding:0;}
.HG_yt ul{  width: 92%; padding: 4%; height: auto; bottom: 0;}
.HG_yt img,.HG_yt3 img{width: 100%;height: 270px;}
.HG_yt ul span, .HG_ytt span{width: 100%;line-height: 30px;font-size: 20px;}
.HG_yt ul li{width: 50%;}
.HG_yt ul li a{font-size: 16px;line-height: 30px;}
.HG_ytt{    display: none;}
.HG_yt3{top:0;    margin-bottom: 20px;}
.HG_yt3 ul{    bottom: 0; width: 92%; height: auto;padding: 4%;}
.HG_yt3 li{width: 48%; margin-right: 2%;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.HG_yt3 li a{    line-height: 30px;}
#id-9,#id-8,#id-7,#id-6{display: none;}
}