@charset "UTF-8";

@import url("jquery.fancybox.min.css");

body{font-family: "Roboto", sans-serif;}
.machining{padding:60px 0px 10px 0px}
.mc-tit{text-align:center;}
.mc-tit h1 {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    color: #151a33;
	font-size: 40px;
    line-height: 53px;
	margin-top:0px;
}
.mc-tit h2 {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    color: #151a33;
	font-size: 30px;
    line-height: 42px;
	margin-top:0px;
}
.mc-tit h2 span{font-size:16px;}
.mc-tit h6 {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 43px;
    color: #1F6CAE;
    margin:0px
}
.mc-tit p {
    font-size: 16px;
    line-height: 28px;
    color: #666;
    font-family: "Heebo", sans-serif;
    font-weight: 400;
}
.maj-list{padding-left:0px;}
.maj-list,.maj-right{margin:40px 0px}
.maj-list .col-md-3{margin:15px 0px;}
.maj-list .col-md-3 div{padding:0px 0px 10px 0px;box-shadow:3px 3px 3px #ddd;overflow:hidden}
.maj-list .major1{background:#FFC000;}
.maj-list .major2{background:#00B0F0;}
.maj-list .major3{background:#AFABAB;}
.maj-list .major4{background:#92D050;}
.maj-right .major5{background:#fff;margin-top:10px;padding-bottom:43px;box-shadow:0px 3px 6px #ddd;overflow:hidden}
.maj-list img{width:100%;height:auto;padding:10px;-webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  transition: all linear 0.3s;}
.maj-list a:hover img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.maj-list h3{text-align:center;font-size:16px;color:#fff;font-weight:700;margin:10px 0px;}
.maj-list p{text-align:center;font-size:15px;color:#fff;font-weight:700;}
.maj-right{padding:0px;}
.maj-right img{width:100%;height:400px;padding:5px 2px;-webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  transition: all linear 0.3s;}
.maj-right a:hover img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.maj-right h3{text-align:center;font-size:19px;color:#1F6CAE;font-weight:700;margin-top:40px;}

.platform{margin-top:40px;}
.platform  .col-md-6,.platform  .col-md-3,.platform  .col-md-4,.platform  .col-md-10,.platform  .col-md-2,.platform  .col-md-7,.platform  .col-md-8,.platform  .col-md-9{padding:0px 2px}
.platform  .col-md-5{padding:0px 4px 0px 6px}
.platform  .pic-t{padding:0px 6px 0px 0px}
.platform img{width:100%;margin:3px 0px}
.ptable table,.ptables table{width:100%;margin:25px auto;border:0px solid #ddd;overflow: auto;display: block;font-size:15px;}
.ptable  table td{padding:15px 10px;border:1px solid #ddd;background:#f9f9f9;text-align:center}
.ptables  table td{padding:10px 10px;border:1px solid #ddd;background:#f9f9f9;color:#6689B7;text-align:center}
.td-bg{background:#5B9BD5 !important;color:#fff !important}
.td-bgs{background:#FF9900 !important;color:#fff}
.td-bgw{background:#FFF !important;color:#6689B7}
.mc-ul{margin:20px 0px;text-align:left;font-size:16px;}
.mc-ul li{line-height:35px;background:url(../images/micon1.png) no-repeat left;text-indent:25px}
.fac{padding:0px;margin-top:20px;}
.fac .col-md-6{padding:0px 5px}
.fac img{width:100%}
.fac .col-md-6:nth-child(2){padding-top:140px;}

.b-40{padding-bottom:80px}
.no-top{margin-top:0px !important}
.top3{margin-top:3px}
.top10{margin-top:10px !important}
.top15{margin-top:22px}
.shadow{box-shadow:0px 3px 6px #ddd;}
.home-fg{border-top:1px solid #ddd}
.top-img{margin-top:76px;}

.equip{background:url(../images/e1.jpg) no-repeat center;min-height:550px;padding:30px 0px}
.equip .row{top:370px;position:relative}
.equip .row .col-md-9{font-size:16px;color:#333;padding:0px 30px}
.equip .row .col-md-3{color:#fff;padding-left:40px;}
.equip .row .col-md-3 h3{font-size:16px;margin-top:15px}
.equip .row .col-md-3 h2{font-size:30px;font-weight:700;margin-top:0px}
.platform .caption {
    position: absolute;
    padding:0px 80px;
    height: 50px;line-height:50px;
    overflow: hidden;
    left: 0px;
    bottom: 3px;
    color: #ffffff;
    display: block;
    font-size: 18px;
    text-align: center;
    font-weight: 500;
    background-color: rgba(4, 90, 196, 0.83);
    transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
}
.platform .captions {
    position: absolute;
    padding:0px 80px;
    height: 50px;line-height:50px;
    overflow: hidden;
    right: 2px;
    bottom: 3px;
    color: #fff;
    display: block;
    font-size: 18px;
    text-align: center;
    font-weight: 500;
    background-color: rgba(4, 90, 196, 0.83);
    transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
}
.platform .captionc {
    position: absolute;
    width:98.5%;padding:0px 10px;
    height: 50px;line-height:50px;
    right: 2px;
    bottom: 3px;
    color: #fff;
    display: block;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    background-color: rgba(4, 90, 196, 0.83);
    transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
}
.por-img{margin-top:25px !important;}
.turning{padding:0px 4px 0px 0px !important}
.turn{position:relative;}
.turn-img {margin-top:10px !important; }
.dril img{width:100%}
.planer p{font-size:20px;margin-top:20px;margin-bottom:0px;color:#1F6CAE;font-weight:500}
.planer p.pright{text-align:right}
.planer p img{width:auto;margin-right:5px;margin-top:-5px}
.ins td{padding:6px 10px !important}

.ser-bg{width:100%;height:auto;background:url(../images/p16-img6.jpg) no-repeat center;}
.ser-bg .container{padding:120px 0px 150px 0px;color:#fff}
.ser-bg h1{font-size:45px;}
.ser-bg p a{color:#f2f2f2;font-size:16px;margin:0px 5px;}
.ser-bg p a:hover{color:#FFF}
.cert{font-size:16px;margin:20px 0px}
.cert h3{font-size:18px;background:url(../images/copy.png) no-repeat left;text-indent:25px;margin:35px 0px 15px 0px}
.cert h4 span,.certs h4 span,.comp h4 span{padding:3px 6px;border-radius:5px;font-size:16px;margin-right:6px;color:#fff;background:#377FFC}
.cert h4{text-align:right;font-size:20px}
.cert ul:nth-child(2){margin-bottom:60px}
.cert ul li{line-height:24px;margin:12px 0px;background:url(../images/yuandian.png) no-repeat left 5px;text-indent:20px}
.cert .col-md-6{padding:0px}
.cert img{border:5px solid #FFC000;width:60%;float:right}
.cert-note{margin-top:60px;}
.saption {
    position: absolute; 
    height: 50px;line-height:50px;
    overflow: hidden;
    bottom: 0px;
    color: #fff;
    display: block;
    font-weight: 500;
    background-color: rgba(4, 90, 196, 0.83);
    transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
}
.saption span{margin-left:60px}
.saptions{padding:0px 12px;width:60%;font-size: 18px; text-align: left; right: 0px;}
.saptionc{padding:0px 12px;width:100%;font-size: 16px;text-align: center; left: 0px;}
.certs{margin-top:40px}
.certs .col-md-4:nth-child(1){padding:0px 10px 0px 0px}
.certs .col-md-4:nth-child(3){padding:0px 0px 0px 10px}
.certs .col-md-4:nth-child(2){padding:0px 5px}
.certs .cert-img{position:relative;overflow:hidden;margin:0px auto}
.certs img{width:100%;height:auto}
.certs h4{text-align:left;font-size:16px;margin-bottom:15px}
.certs .col-md-6{padding:0px 5px;margin:5px 0px}

.capac{margin-top:30px;}
.capac .col-md-6:nth-child(1){padding:0px 10px 0px 0px}
.capac .col-md-6:nth-child(2){padding:0px 0px 0px 10px}
.capac h3{font-size:20px;margin-bottom:15px}
.capac h4{background:#ddd;color:#fff;padding:10px}
.capac ul li{line-height:24px;font-size:16px;margin:5px 10px;}
.capac table{margin-top:55px}

.certs h3{width:100%;display:block;font-size:20px;margin-bottom:15px}
.coop li {width:100%;line-height:45px !important;height:45px;float:left;border-bottom:1px solid #ddd;font-size:14px !important}
.coop li span{display:block;width:270px;background:#ddd;float:left;margin-right:10px;padding:0px 10px}
.coops li{width:100%;line-height:45px !important;height:45px;float:left;}
.coops li span{display:block;width:90%;background:#ddd;float:left;margin-right:10px;padding:0px 20px}
.coop-img img{width:100%}
.coop-img .row:nth-child(1){margin-top:25px;}
.coop-img .row{margin:15px 0px}
.coop-img .col-md-4{padding:0px 5px 0px 0px}
.coop-img .col-md-8{padding:0px 0px 0px 8px}
.coop-img .col-md-12{padding:0px}
/*七等分*/
.col-md-1-7 {width: 13.29%; float: left;}

.col-xs-1-7, .col-sm-1-7, .col-md-1-7, .col-lg-1-7 {min-height: 1px;padding-left: 10px;padding-right: 10px;position: relative;}
@media ( min-width : 1200px) {
.col-lg-1-7 {width: 13.29%;float: left;}
.min-nav .col-md-1-7 {width: 14.2%; float: left;padding:0px }
}
@media ( max-width : 768px) {
.col-sm-1-7 {width: 13.29%; float: left;}
.col-md-1-7 {width: 100%; float: left;}
.min-nav .col-md-1-7 {width: 50%; float: left;}
}
@media ( min-width : 992px) {
.col-md-1-7 {width: 13.29%;float: left;}
.col-md-1-8 {width: 12.5%;float: left;}
}
@media ( max-width : 992px) {
.sidebar{display:none;}
#boxs{display:none !important;}
.equip .col-md-9{display:none !important}
.equip .col-md-3{color:#333 !important}
}
@media ( min-width : 1200px) {
.col-lg-1-7 {width: 13.29%;float: left;}
}
.capac-img img{width:100%}
.case-img{padding:0px;}
.case-img ul{float:left}
.case-img li{float:left;margin:5px 5px !important}
.case-img li img{width:auto;margin:0px auto;text-align:center;display:block}
.case-img li p{text-align:center;margin-top:10px;font-weight:700}

.tanks h4{margin-top:20px;margin-bottom:15px}

.vessel .col-md-8{padding:0px 5px 0px 0px;margin:5px 0px}
.vessel .site{margin-top:95px}
.heat img{margin-top:42px}
.ship-img h3{margin-top:0px}
.ship-img img{border:0px !important}
.ship h3{font-size: 20px;margin-bottom: 15px;}
.ship h4{margin-top:22px}
.ship .col-md-6{padding:0px 8px !important;margin:0px !important}
.patent{margin:0px !important}
.ships img{margin-top:55px}

.comp{margin:20px 0px;}
.comp .col-md-4{padding:0px 10px;margin:5px 0px}
.comp .col-md-4 img{width:100%}
.comp p{text-align:center;font-size:16px;background:#E6E6E8;padding:12px 0px}
.comp h4{text-align:left;font-size:18px;margin-bottom:15px}

.min-con{margin:40px 0px;}
.min-con .container{background:#f5f5f5;padding:30px;font-size:16px;}
.min-con .container h2{font-size:26px;color:#000;text-align:center;margin:25px 0px}
.min-con .container p{margin:10px 0px;line-height:26px}
.min-con p img{width:100%;margin:10px 0px}
.min-img {margin:30px 0px}
.min-img h3{background: rgba(4, 90, 196, 0.83);height:55px;line-height:55px;text-align:center;color:#fff;margin:0px}
.min-img .col-md-4 a{overflow:hidden;display:block;color:#fff !important}
.min-img img{width:100%;-webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  transition: all linear 0.3s;}
.min-img a:hover img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.box{color:#fff}

/*min-not*/
.min-not{background: rgba(4, 90, 196, 0.83);padding:25px 15px;margin:15px auto;color:#fff}
.min-not h3{font-size:24px;}
.min-not p{font-size:16px;color:#f9f9f9;margin-top:15px;line-height:26px}
.min-not p a{color:#fff;font-size:18px;margin-top:20px;}
.min-not .nt-a1{float:right;margin-top:70px;margin-right:40px}
.min-not .nt-a2{margin:20px 0px;float:right}
.min-not .nt-a1 a{padding:10px 45px;border-radius:5px;margin:20px 0px;background:url(../images/n-right.png) no-repeat 155px #FF642D;border:3px solid #FF642D; -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;}
.min-not .nt-a1 a:hover{border:3px solid #FFF;background:url(../images/n-rights.png) no-repeat 160px #fff;color:#FF642D}
.min-not .nt-a2 a{padding:10px 25px;border:3px solid #FFF}
.min-not .nt-a2 a:hover{background:#FF642D;border:3px solid #FF642D}

.ct-icon {margin-top:30px}
.ct-icon .col-md-3{text-align:center;padding:10px 20px}
.ct-icon img{border:1px solid #fff;padding:20px;text-align:center;border-radius:5px; -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;}
.ct-icon a:hover img{border-radius:15px;}
.ct-icon h3{font-size:16px;color:#fff}
/*contact*/
.abg{background:url(../images/abg3.webp) center no-repeat; background-size:cover;padding-top:50px}
.section-heading{margin: 10px 0 61px;text-align: center;}
.section-heading .title{margin: 0 0 0;font-size: 27px;position: relative;color:#fff}
.section-heading .title::before{ top: 3px;content: "";width: 26px;height: 26px;margin-right:10px; position: relative; display: inline-block;background-size: 100%;background-position: center;background-repeat: no-repeat;}
.section-heading p{line-height:22px;margin-top:30px;color:#fff;font-size:16px}

.contact h2{width:100%;font-size:28px;height:auto;font-weight:700}
.contact p{font-size:15px;line-height:22px;padding:10px 25px;color:#666;width:100%}
.contact-way ul{background:#354854ba;padding:30px 35px;font-size:14px;color:#fff;min-height:530px}
.contact-way ul li{width:100%;line-height:40px;text-indent:50px;margin:20px 0px;list-style:none;font-size:16px}
.contact-way ul li span{margin-right:10px}
.leftway .caddress{background:url(../images/address.png) no-repeat 5px 8px}
.leftway .ctel{background:url(../images/ctel.png) no-repeat 5px 8px}
.leftway .cfax{background:url(../images/fax.png) no-repeat 5px 8px}
.leftway .cemail{background:url(../images/cemail.png) no-repeat 5px 8px}
.leftway .cemail a{color:#fff}
.leftway .cemail a:hover{text-decoration:underline}
.leftway .clink{margin-top:80px;text-indent:20px !important}
.leftway .clink .btn{color: #fff;background:rgba(4, 90, 196, 0.83);display:block;width:220px;font-size:16px;height:40px;line-height:30px;}
.contact-way .righttway{background:#354854ba;padding:30px 35px;max-height:535px}
.contact-way .righttway .control-label{font-size:16px;color:#fff;}
.btn-contact{border:1px solid #fff;background:rgba(0,0,0,0);width:120px;padding:10px}
.btn-contact:hover{border-radius:4px;background:rgba(0,0,0,0.2);}
.ocon{line-height:40px;margin-top:8px;}
.ocon input,.ocon textarea{color:#fff;border:0px;border-bottom:1px solid #fff;background-color:transparent;border-radius:0px;outline:none !important;box-shadow: none;}
.ocon input:focus {border-bottom:1px solid #fff;}
.ocon textarea{height:170px;display:inline;}
.contact-other{margin:20px 0px;padding-bottom:40px;border-bottom:1px solid #dbdbdb}
.oth-no{border-bottom:0px}
.contact-other h3{font-size:18px;color:#333;text-align:left;line-height:40px;}
.contact-other h2 {text-align: center;width: 420px;font-size: 22px;height: 40px;margin: 0px auto 20px auto;}
.contact-other h2 span {float: left; margin: 0px 15px;}
.contact-other p{font-size:14px;line-height:22px;width:100%;padding:0px;}
.contact-other ul{width:100%;margin-top:20px;padding:0px}
.contact-other ul li{font-size:14px;line-height:35px;text-indent:35px;}
.contact-other ul li.cn1{background:url(../img/cn1.png) no-repeat left;}
.contact-other ul li.cn2{background:url(../img/cn3.png) no-repeat left;}
.contact-other ul li.cn3{background:url(../img/cn2.png) no-repeat left;}
.ll{text-align:center;}
.ll button{padding:15px 20px;color:#fff}



/*新样式表*/
.min-bg{background:url(../images/a-banner2.webp) no-repeat center; background-size:cover;height:800px;position:relative;background-attachment: fixed}
.mincons{position:absolute;bottom:40px;width:100%}
.min-title{width:100%;padding:10px 0px;background:rgba(0, 0, 0, 0.7);}
.min-title .col-md-4{bottom:-40px}
.min-title .col-md-4 a{margin-right:15px;bottom:10px;width:15px;height:15px;overflow:hidden}
.min-title .col-md-4 a img{-webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  transition: all linear 0.3s}
.min-title .col-md-4 a img:hover{-webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);}
.min-title .col-md-8{text-align:right}
.min-title h1{color:#fff;font-size:24px}
.min-title p{color:#c3c1c1;font-size:24px;}

.min-nav{width:100%;background:#4b4b4b;}
.min-nav a{width:100%;text-align:center;display:block;padding:15px 0px 5px 0px;height:138px;transition:0.5s;}
.min-nav a .icon{border:1px solid #fff;border-radius:60%;padding:10px;}
.min-nav a:hover{background:#000}
.min-nav a p{color:#4b4b4b;font-size:14px;line-height:20px;margin-bottom:0px}
.min-nav a:hover p{color:#fff}

@media ( max-width : 768px) {

.min-title h1,.min-title p{font-size:18px;}
.min-nav a .icon{width:64px;height:64px;}
.min-nav a p{color:#fff}
.mgbtn a{float:left;width:auto !important;padding:15px 10px !important;margin-right:15px;margin-top:20px;font-size:13px !important;}
.mg-project .container-fluid{padding:0px 15px !important;}
.mg-project h3{width:auto !important;}
.min-bgs{height:auto !important;}
.min-bgs h1 {bottom:0px !important;position:relative !important;font-size: 24px !important;color: #1e1c1c !important;text-align: center;text-shadow:none !important;}
.mabout-app{margin-top:0px !important;padding-top:0px !important;}
.mg-project .row img{height:120px !important;}
.sidebar,.min-not .nt-a1{display:none;}
}

.mabout{margin:0px;background:#fff;padding:30px 0px 60px 0px}
.mabout-l h3,.mg-project h3{font-size:26px;}
.mabout-l hr,.mg-project hr{border-bottom:5px solid #216CAE;width:100px;margin-top:10px}
.mabout-l p{font-size:15px;line-height:27px;}
.mabout-r{padding-top:70px}
.mabout-r p{margin:0px}
.mabout-r img{width:100%;height:auto;padding:10px}
.mgbtn a{float:left;width:200px;padding:15px 20px;margin-right:15px;margin-top:20px;font-size:15px;transition:0.5s;}
.mg-project{padding:60px 0px;background:#fff}
.mg-project .container-fluid{padding:0px 56px}
.mg-project h3{width:1140px;margin:0px auto;}
.mg-project .row{margin-top:30px;}
.mg-project .row img{width:100%;height:210px;margin:13px 0px;-webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  transition: all linear 0.3s;}
.mg-project a:hover img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}


.min-bgs{height:400px;position:relative;display:block;overflow:hidden}

.min-bgs-img img{width:100%;height:100%}
.min-bgs h1{bottom:50px;position:absolute;font-size:38px;color:#fff;text-shadow:#000 3px 4px 5px;text-align:center}
.mabout-app{padding-top:40px;margin-top:50px}
.mabout-ath{margin:30px 0px}
.mabout-ath,.mabout-ath p{font-size: 15px;line-height: 27px;}
.mabout-ath h3{font-size:22px;font-weight:700;line-height:40px}
.mabout-ath h4{font-size:18px;font-weight:500;color:#666;line-height:40px}

.mapp-not{margin:50px auto}


/*侧边栏导航*/

.sidebar {  
    height: 500px; /* 侧边栏高度与视口高度相同 */  
    width: 240px; /* 侧边栏宽度 */  
    position: fixed; /* 侧边栏固定位置 */  
    left: 0; /* 侧边栏位于屏幕左侧 */  
    top: 200px;  
    background: rgba(4, 90, 196, 0.83); /* 侧边栏背景颜色 */  
    color: #fff; /* 侧边栏文字颜色 */  
    padding: 20px 20px 20px 10px; /* 侧边栏内边距 */  
    overflow-x: hidden; /* 防止内容水平滚动 */  
    transition: left 0.3s ease-in-out; /* 平滑过渡效果（如果需要动画隐藏侧边栏） */  
    z-index: 1000; /* 确保侧边栏在内容之上 */  
}  
  
.sidebar a {  
    display: block;  
    color: inherit;  
    text-decoration: none;  
    padding: 10px 0;  
    margin-bottom: 10px;  
    border-bottom: 1px solid #fff; /* 链接之间的分隔线 */
font-family:Poppins;
font-size:14px;	padding-left:20px;
}  
  

.sidebar a:hover {  
    background: #444;  
}