input:-webkit-autofill{
    -webkit-box-shadow: 0 0 0 1000px white inset;
}
input:-webkit-autofill {
    background-color: #ffffff;
    background-image: none;
    color: #000;
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
    -webkit-appearance: none;
     margin: 0;
}
input[type=number] {
    -moz-appearance:textfield;
}
a:hover{
    text-decoration:none;
}
select::-ms-expand{display:none;}
select{
  appearance:none;
 -moz-appearance:none;
 -webkit-appearance:none;
}
.nav-right{
  float: right;
  height: 117px;
  line-height: 117px;
  color: #ffffff;
  font-size: 14px;
}
.nav-right a{
  color: #ffffff;
  font-size: 14px;
}
.en-land-logo{
  background-image: url('/sites/default/files/oceanus_images/aboutus/en-logo.jpg');
  background-position: center;
  background-repeat: no-repeat;
  width: 240px;
  height: 117px;
  display: block;
  float: left;
}
.en-header{
  height: 117px;
  width: 100%;
  background-color:#00759c;
  background-image: url('/sites/default/files/oceanus_images/aboutus/en-head-bg.jpg');
  background-position: center;
  background-repeat: no-repeat;
  min-width: 990px;
}
.en-container{
  width: 990px;
  min-height: 990px;
  margin-left: auto;
  margin-right: auto;
}
.navbar{
  margin-bottom: 0px;
}
footer{
  min-width: 990px;
}
body{
  line-height:normal;
}
.main-container.container{
  width: 100% !important;
}
.en-about-us-part1{
  width: 900px;
}
.part-one-title{
  color: #03769c;
  font-size: 46px;
  text-align: center;
  font-weight: bold;
  margin-top: 90px;
}
.part-one-desc{
  color: #03769c;
  font-size: 36px;
  margin-top: 24px;
  text-align: center;
}
.part-one-box{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  margin-top: 58px;
  margin-bottom: 88px;
}
.part-one-box .p-r-item{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 1;
  width: 145px;
  height: 145px;
  position: relative;
  transition: transform .5s ease-in-out,opacity .2s;
}
.part-one-box .p-r-item a{
  display: block;
  width: 100%;
  height: 100%;
}
.p-r-item:not(:last-child){
  margin-right: 16px;
}
.part-one-box .p-r-item:hover{
    transform: scale(1.1);
}
.part-one-box .p-r-item:hover .p-r-content *{
  transition: fill .1s,stroke .1s;
  fill: #fff!important;
  stroke: #fff!important;
  color: #fff;
}
.p-r-item-train{
  background-image: url("./aboutus/p-r-icon-train.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  transition: transform .5s ease-in-out,opacity .2s;
}
.p-r-item-train:hover{
  background-image: url("./aboutus/p-r-icon-train-active.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  /*transform: scale(1.1);*/
}
.p-r-border{
  width: 100%;
  height: 100%;
  position: absolute;
  top:0px;
  left:0px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.p-r-border.prb1{
  background-image: url('./aboutus/en-border1.png');
}
.p-r-border.prb2{
  background-image: url('./aboutus/en-border2.png');
}
.p-r-border.prb3{
  background-image: url('./aboutus/en-border3.png');
}
.p-r-border.prb4{
  background-image: url('./aboutus/en-border4.png');
}
.p-r-border.prb5{
  background-image: url('./aboutus/en-border5.png');
}
.p-r-border svg{
  width: 100%;
  height: 100%;
}
.rsl-circle-shadow{
  transition: transform .6s ease-in-out,opacity .2s;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: .2;
  -ms-transform: scale(.97);
  transform: scale(.97);
  z-index: -1;
}
.p-r-content{
  position: absolute;
  top:0px;
  left:0px;
  width: 100%;
  height: 100%;
  z-index: 2;
  border-radius: 50%;
  transition:all 0.1s ease-in;
}
.part-one-box .p-r-item:nth-of-type(1):hover .p-r-content{
  background-color:rgb(123, 161, 50);
}
.part-one-box .p-r-item:nth-of-type(2):hover .p-r-content{
  background-color:rgb(213, 126, 14);
}
.part-one-box .p-r-item:nth-of-type(3):hover .p-r-content{
  background-color:rgb(135, 47, 159);
}
.part-one-box .p-r-item:nth-of-type(4):hover .p-r-content{
  background-color:rgb(170, 65, 65);
}
.part-one-box .p-r-item:nth-of-type(5):hover .p-r-content{
  background-color:rgb(0, 120, 174);
}
.p-r-text{
  text-align: center;
  font-size: 13px;
  font-weight: bold;
}
.p-r-text.prt1{
  color:#85a842;
}
.p-r-text.prt2{
  color:#d17200;
}
.p-r-text.prt3{
  color:#791593;
}
.p-r-text.prt4{
  color:#a63939;
}
.p-r-text.prt5{
  color:#006fa8;
}
.p-r-icon{
  width: 64px;
  height: 64px;
  margin:0 auto;
  margin-top: 20px;
}
.en-about-us-part-two{
  width: 100%;
  height:464px;
  background-image: url('/sites/default/files/oceanus_images/aboutus/part-twobg.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  min-width: 990px;
}
.en-about-us-part-two-title{
  color: #ffffff;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  padding-top:98px;
}
.en-about-us-part-two-ins{
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding-top:20px;
}
.en-about-us-part-two-box{
  margin-top: 55px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.en-about-us-part-two-item{
  width: 12.5%;
}
.eaupti-icon{
  display: block;
  width: 70px;
  height: 70px;
  background-repeat: no-repeat;
  background: url('/sites/default/files/oceanus_images/aboutus/part-two-icon.png');
  margin:0 auto;
}
.eaupti-icon1{
  background-position: 0px 0px;
}
.eaupti-icon2{
  background-position: -70px 0px;
}
.eaupti-icon3{
  background-position: -140px 0px;
}
.eaupti-icon4{
  background-position: -210px 0px;
}
.eaupti-icon5{
  background-position: -280px 0px;
}
.eaupti-icon6{
  background-position: -350px 0px;
}
.eaupti-icon7{
  background-position: -420px 0px;
}
.eaupti-icon8{
  background-position: -490px 0px;
}
.eaupti-text{
  display: block;
  color: #ffffff;
  font-size: 16px;
  margin-top: 10px;
}
.en-about-us-part-stree-title{
  color: #03769c;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  padding-top: 94px;
}
.en-about-us-part-stree-box{
  margin-top: 60px;
}
.en-about-us-part-stree-item{
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #b0ebff;
}
.en-about-us-part-stree-item:nth-last-child(1){
  border:none;
}
.fl{
  float: left;
}
.fr{
  float: right;
}
.eaupsi-left{
  width: 500px;
}
.eaupsi-right{
  width: 490px;
  padding-top: 40px;
}
.eaupsi-list-title{
  color: #51bcdf;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
  height: 21px;
}
.eaupsi-r-list{
  padding-left: 20px;
}
.eaupsi-r-list ul{
  padding: 0px;
  margin:0px;
}
.eaupsi-r-list ul li{
  color: #666666;
  font-size: 14px;
  line-height: 24px;
}
.en-about-us-part-four{
  background-color: #181d22;
  padding-top: 88px;
  padding-bottom: 88px;
}
.eaupsi-r-list.frr{
  padding-left: 255px;
}

.en-about-us-part-title{
  color: #ffffff;
  font-size: 37px;
  word-break: break-all;
}
.en-about-us-part-mark{
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
  padding-top: 70px;
}
.en-about-us-part-mark-ig{
  margin-top: 36px;
}
.en-about-us-part-stree,.en-about-us-part-four{
  min-width: 990px;
}
.en-about-us-part-five-title{
  color: #03769c;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  padding-top: 90px;
  padding-bottom: 40px;
}
.en-about-us-part-five-book{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  padding-bottom: 80px;
}
.book-item{
  width: 25%;
  text-align: center;
}
.book-item a{
  display: block;
}
.book-item img{
  width: 208px;
  height: 248px;
  display: inline-block;
}
.en-about-us-part-six{
  width: 100%;
  background-color: #f4f4f4;
  min-width: 990px;
  padding-top: 70px;
}
.edit-icon{
  background-image: url('/sites/default/files/oceanus_images/aboutus/edit.png');
  width: 59px;
  height: 52px;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  display: block;
}
.edit-ins{
  height: 52px;
  line-height: 52px;
  color: #0290c3;
  font-size: 24px;
}
.en-about-us-part-six-form-content{
  margin-top: 10px;
}
.en-about-us-part-six-form-content .form{
  width: 530px;
}
.en-about-us-part-six-form-content .form .control-group{
  margin-top: 15px;
}
.en-about-us-part-six-form-content .form .control-group:after{
  content: "";
  display: block;
  clear: both;
}
.en-about-us-part-six-form-content .form .control-group .control-label{
  width: 86px;
  height: 40px;
  line-height: 40px;
  color: #999999;
  font-size: 16px;
  padding: 0px;
}
.en-about-us-part-six-form-content .form .control-group input{
  width: 417px;
  height: 40px;
  border-radius: 0px;
  padding: 0px;
  padding-left: 10px;
}
.en-about-us-part-six-form-content .form .controls{
  float: right;
  margin:0px;
}
.en-about-us-part-six-form-content .form .control-group select{
  width: 427px;
  height: 40px;
  border-radius: 0px;
}
.en-about-us-part-six-form{
  padding-bottom: 15px;
}
#g_content{
  width: 516px;
  height: 204px;
  max-width: 516px;
  max-height: 204px;
  background-color: #fff;
  border: 1px solid #d7d7d7;
}
#allmap {
  width: 320px;
  height: 293px;
  overflow: hidden;
  margin:0;
  font-family:"微软雅黑";
}
#allmap.map{
   width: 450px !important;
   height: 592px !important;
}
/*.map:after{
  content: "";
  position: absolute;
  bottom:0px;
  left:0px;
  width: 100%;
  height:50px;
  z-index: 99999;
  background-color:#f4f4f4;
}*/
.en-about-us-part-six-form-content .form .commentBtn{
  cursor: pointer;
  display: block;
  border: none;
  padding: 0;
  width: 168px;
  height: 66px;
  background: url('./aboutus/en-submit.png') no-repeat 0 0;
}
.foot{
  min-width: 990px;
  padding: 66px 0px !important;
}
.foot-logo .logo{
  float: none;
  background: url(/sites/all/themes/oceanus2/images/background.png) no-repeat -261px -47px;
  text-indent: -200px;
  height: 45px;
  width: 246px;
  overflow: hidden;
  display: block;
}
.foot-news{
  height: 45px;
  line-height: 45px;
  color: #ffffff;
}
/*
  en-demand
*/
.en-demand-part-one{
  width: 100%;
  height: 1073px;
  background-image: url('/sites/default/files/oceanus_images/en/en-demand/part-one-bg.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.edpo-title{
  padding-top:100px;
  color: #fff;
  font-size: 46px;
  font-weight: bold;
}
.edpo-desc{
  padding-top:48px;
  font-size: 36px;
  color: #fff;
  font-weight: bold;
}
.edpo-instruction{
  color: #fff;
  font-size: 16px;
  line-height: 36px;
  padding-top: 60px;
}
.edpo-cirle{
  padding-top: 200px;
}
.edpo-cirle img{
  width: 990px;
}
.en-demand-part-two{
  width: 100%;
  height: 960px;
  background-color:#181d22;
}
.edpt-title{
  color: #fff;
  font-size: 38px;
  padding-top: 94px;
}
.edpt-content{
  margin-top:50px;
}
.edpt-content .edpt-item{
  width: 50%;
}
.edpt-text{
  display: block;
  text-align: center;
  line-height: 44px;
  color: #fff;
  font-size: 18px;
}
.edpt-list{
  margin:0px;
  margin-top:20px;
  height: 220px;
}
.edpt-list li{
  color: #7ba132;
  list-style: none;
  padding-left: 30px;
  position: relative;
  margin-bottom: 15px;
}
.edpt-list li:before{
  position: absolute;
  top:50%;
  left:0px;
  margin-top: -4px;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background-color:#7ba132;
  border-radius: 50%;
}
.edpt-list li a{
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
}
.edpt-qcode{
  margin-top: 58px;
  width: 100%;
}
.edpt-qcode ._qcode{
  width: 50%;
  text-align: center;
}
.edpt-qcode ._qcode img{
  width: 160px;
}
/*
  2018-02-26
*/
.en_html-contain{
  width: 100%;
}
.en_html-banner{
  width: 100%;
  height: 280px;
  background-image: url(/sites/default/files/oceanus_images/en/en_html5/banner.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.en_html_text{
  position: absolute;
  top:0px;
  left:100px;
  color: #fff;
  font-size: 46px;
  font-weight: bold;
  height: 280px;
  line-height: 280px;
}
.en_html_list_box_inner{
  width: 1020px;
}
.en_html_list_box{
  padding-bottom: 70px;
}
.en_html_list_box .en_html_item{
  float: left;
  margin-top: 70px;
  width: 300px;
  background-color: #f4f4f4;
  border:1px solid #d7d7d7;
  margin-right: 40px;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
.en_html_item_img{
  width: 300px;
  height:460px;
  position: relative;
}
.en_html_item_img img{
  position: absolute;
  top:27px;
  left:23px;
  width: 254px;
  height: 404px;
  /*border:1px solid red;*/
}
.en_html_item_instruction{
  width: 298px;
  height: 140px;
  background-color: #fff;
  position: relative;
}
.en_html_item_qcode{
  position: absolute;
  top:0px;
  left:0px;
  width: 149px;
  height: 140px;
}
.en_html_item_qcode img{
  position: absolute;
  top:17px;
  left:22px;
  width: 106px;
  height: 106px;
  /*border:1px solid red;*/
}
.en_html_item_icon{
  position: absolute;
  top:0px;
  right:0px;
  width: 149px;
  height: 140px;
  text-align: center;
  line-height: 140px;
}
.en_html_item_icon img{
  width: 120px;
}
/*
  2018-03-02 志明
*/
.design-nav-box{
  border-bottom: 1px solid #f4f4f4;
}
.design-nav{
  width: 990px;
}
.design-nav,.design-nav li{
  list-style: none;
}
.design-nav li{
  display: block;
  float: left;
  padding-top: 30px;
  width: 25%;
}
.design-nav li a{
  display: block;
  padding-bottom: 20px;
}
.design-nav li a span{
  height: 36px;
  line-height: 36px;
  font-size:14px;
  color: #018fcf;
  display: block;
  text-align: center;
}
.design-nav li:not(:last-of-type) a span{
  border-right: 1px solid #e0e0e0;
}
.design-nav li.current a{
  border-bottom: 2px solid #009ddc;
}
.degsign_poster_title{
  width: 310px;
  margin:0 auto;
  padding-top: 40px;
  padding-bottom: 20px;
}
.degsign_poster_title i{
  color: #0078ae;
  position: relative;
  top:-5px;
}
.degsign_poster_title span{
  font-size: 30px;
  font-weight: bold;
  color: #0078ae;
  padding: 0px 10px;
}
.design_poster_box{
  width: 990px;
  overflow-x: hidden;
}
.design_poster_box_inner{
  width: 1002px;
}
.design_poster_box .poster_item{
  float: left;
  width: 324px;
  height: 465px;
  background-color: #f0f0f0;
  margin-right: 10px;
  margin-bottom: 10px;
  position: relative;
}
.design_poster_box .poster_item .poster-img:hover{
    -webkit-transform: translate3d(0, -1px, 0);
    transform: translate3d(0, -1px, 0);
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}
.poster-clips{
  position: absolute;
  top:0px;
  left:50%;
  margin-left: -104px;
  width: 209px;
  height: 49px;
  z-index: 2;
}
.poster-img{
  position: absolute;
  top:42px;
  left:25px;
  width: 274px;
}
.poster-img img{
  width: 274px;
  /*box-shadow: 0 0 15px #adadad;*/
}
.design_brochure{
  background-color: #181d22;
  padding-bottom: 40px;
}
.design_brochure_title{
  width: 350px;
  margin:0 auto;
  padding-top: 40px;
  padding-bottom: 20px;
}
.design_brochure_title i{
  color: #fff;
  position: relative;
  top:-5px;
}
.design_brochure_title span{
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  padding: 0px 10px;
}
.design_calendar_title{
  width: 350px;
  margin:0 auto;
  padding-top: 40px;
  padding-bottom: 20px;
}
.design_calendar_title i{
  color: #0078ae;
  position: relative;
  top:-5px;
}
.design_calendar_title span{
  font-size: 30px;
  font-weight: bold;
  color: #0078ae;
  padding: 0px 10px;
}
.swiper-container-calendar{
  width: 990px;
  height: 370px;
}
.swiper-container-calendar .swiper-slide{
  width: 990px;
  height: 370px;
  text-align: center;
}
.swiper-container-calendar .swiper-slide img{
  display:inline-block;
}
.swiper-container-calendar .swiper-button-next{
  width: 21px;
  height: 61px;
  background-image: url(/sites/default/files/oceanus_images/en/en_design/next.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
.swiper-container-calendar .swiper-button-prev{
  width: 21px;
  height: 61px;
  background-image: url(/sites/default/files/oceanus_images/en/en_design/prev.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
.swiper-container-calendar{
  margin-bottom: 40px !important;
}
.swiper-container-calendar .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background-image: url(/sites/default/files/oceanus_images/en/en_design/pagination-active.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  opacity: 1;
  background-color: rgba(255,255,255,0);
}
.swiper-container-calendar .swiper-pagination-bullet{
  background-image: url(/sites/default/files/oceanus_images/en/en_design/pagination.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  width: 12px;
  height: 12px;
  opacity: 1;
  background-color: rgba(255,255,255,0);
}
.en_design_video-item{
  width: 482px;
}
.en_design_video-item:nth-of-type(1){
  float: left;
}
.en_design_video-item:nth-of-type(2){
  float: right;
}
.design_video_logo{
  width: 128px;
  height: 60px;
  overflow-y: hidden;
}
.en_design_video_part1{
  padding-bottom: 48px;
}
.en_design_video_prouction{
  margin-top: 48px;
}
.design_video_title{
  height: 110px;
  line-height: 110px;
  color: #000000;
  font-size: 22px;
  text-align: center;
}
.design_video_img{
  width: 482px;
  position: relative;
  cursor: pointer;
}
.design_video_img img{
  width: 482px;
}
.en_design_video_part2{
  background-color: #181d22;
  padding: 48px 0px;
}
.en_design_video_part2 .design_video_title{
  color: #fff;
}
.design_product-item{
  width: 475px;
}
.design_product-item:nth-of-type(1){
  float: left;
}
.design_product-item:nth-of-type(2){
  float:right;
}
.en_design_product_display{
  padding-top:30px;
  padding-bottom:50px;
}
.design_product_title{
  height: 60px;
  line-height: 60px;
  color: #03769c;
  font-size: 24px;
  font-weight: bold;
}
.design_product_img img{
  width: 475px;
  height: 268px;
  transition: opacity 0.5s;
  -webkit-transition:opacity 0.5s;
}
.design_product_img img:hover{
  opacity: 0.9;
}
.play-icon{
  position: absolute;
  top:50%;
  margin-top: -54px;
  left:50%;
  margin-left: -54px;
  width:108px;
  height:108px;
  z-index: 2;
  background-image: url('/sites/default/files/oceanus_images/en/en_design/play-icon.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.design_video_img:hover .play-icon{
  -webkit-animation:play-icon 2s linear infinite 0s both;
  animation:play-icon 2s linear infinite 0s both;
}
@-webkit-keyframes play-icon{
  0%{
    -webkit-transform:scale(1);
  }
  50%{
    -webkit-transform:scale(0.85);
  }
  10%{
    -webkit-transform:scale(1);
  }
}
@keyframes play-icon{
  0%{
    -webkit-transform:scale(1);
  }
  50%{
    -webkit-transform:scale(0.85);
  }
  10%{
    -webkit-transform:scale(1);
  }
}
/*
  2018-03-05
*/
.design-video-play-box{
  position: fixed;
  top:0px;
  left:0px;
  overflow: hidden;
  z-index: 9;
  display: none;
  background-color: rgba(0,0,0,1);
}
.design-video-play-box video{
  width: 100%;
  height: 100%;
}
.video-close-icon{
  position:absolute;
  top:0px;
  right: 0px;
  width: 60px;
  height: 60px;
  z-index: 2;
  background-color: rgba(255,255,255,1);
  color: #000;
  text-align: center;
  line-height: 60px;
  font-size: 14px;
}
body.lockScrollbal::-webkit-scrollbar{
  display: none;
}
body.lockScrollbal::-moz-scrollbar{
  display: none;
}
body.lockScrollbal::-o-scrollbar{
  display: none;
}
body.lockScrollbal::-ms-scrollbar{
  display: none;
}
body.lockScrollbal::scrollbar{
  display: none;
}
.training_title{
  width: 990px;
  text-align: center;
  color: #0078ae;
  font-size: 30px;
  font-weight: bold;
  height: 100px;
  line-height: 100px;
}
.training_part1{
  padding-top: 20px;
  padding-bottom: 60px;
}
.training_part2{
  background-color: #f4f4f4;
}
.part2_content{
  position: relative;
  width: 990px;
  height:211px;
}
.part2_left{
  width: 240px;
  height: 211px;
  position: absolute;
  top:0px;
  left:0px;
  text-align: center;
}
.part2_left img{
  width: 211px;
}
.part2_right{
  width: 100%;
  height: 211px;
  padding-left: 250px;
  color: #222222;
  font-size: 20px;
  line-height: 36px;
  overflow: hidden;
  box-sizing:border-box;
}
.part2_right span{
  display: block;
  margin-top: 15px;
}
.training_part2{
  padding-bottom: 80px;
}
.part3_left{
  float: left;
  width: 500px;
  color: #222222;
  font-size: 20px;
  line-height: 36px;
}
.part3_right{
  width: 100%;
  padding-left: 510px;
  box-sizing:border-box;
}
.part3-book1{
  float: left;
  width: 220px;
  height: 250px;
  text-align: center;
  line-height: 250px;
  border:1px solid #d5d5d5;
}
.part3-book2{
  float: right;
  width: 220px;
  height: 250px;
  text-align: center;
  line-height: 250px;
  border:1px solid #d5d5d5;
}
.part3-book1 img,
.part3-book2 img{
  width: 160px;
}
.training_part3{
  padding-bottom: 70px;
}
.training_part4{
  background-color: #f4f4f4;
  padding-bottom: 70px;
  margin-bottom: 100px;
}
.attend_training{
  display: block;
  width: 308px;
  height: 58px;
  text-align: center;
  line-height: 58px;
  color: #fff;
  background-color: #fbc929;
  border-radius: 15px;
  font-size: 30px;
  font-weight: bold;
  margin: 0 auto;
}
.attend_training:hover{
  color: #fff;
}
/*
  2018-03-07  志明
*/
.en_development{
  width: 100%;
  overflow-x: hidden;
}
.en_de_part1{
  width: 100%;
  height: 348px;
  background-image: url('/sites/default/files/oceanus_images/en/en_development/en_de_part1.jpg');
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.en_de_part1_title{
  padding-top: 115px;
  margin-left: 179.5px;
  color: #fff;
  font-size: 46px;
  font-weight: bold;
}
.en_de_part1_desc{
  padding-top: 64px;
  margin-left: 179.5px;
  color: #fff;
  font-size: 16px;
}
.en_de_part2{
  width: 100%;
  height: 621px;
  background-image: url('/sites/default/files/oceanus_images/en/en_development/en_de_part2.jpg');
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.en_de_part2_title{
  padding-top: 90px;
  text-align: center;
  color:#fff;
  font-size: 38px;
}
.en_de_part2_item{
  width: 227px;
  float: left;
  margin-right: 23px;
}
.ep-item{
  width: 227px;
  height: 130px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.en_de_icon{
  display: block;
  width: 66px;
  height: 66px;
}
.en_de_part2_content{
  margin-top: 102px;
  /*overflow-x: hidden;*/
}
.en_de_inner{
  width: 1000px;
}
.ep-item-tp{
  position: absolute;
  top:-64px;
  left: 0px;
  width: 113px;
  height: 64px;
}
.ep-item.ep-ap-application{
  background-color: #03769c;
}
.ep-ap-application .ep-item-tp:before{
    border-bottom: 64px solid #03769c;
    border-left: 113px solid transparent;
    border-right: 113px solid transparent;
}
.ep-ap-application .ep-item-bo:before{
    border-top: 64px solid #03769c;
    border-left: 113px solid transparent;
    border-right: 113px solid transparent;
}
.ep-item.ep-ap-wechart{
  background-color: #7ba132;
}
.ep-ap-wechart .ep-item-tp:before{
    border-bottom: 64px solid #7ba132;
    border-left: 113px solid transparent;
    border-right: 113px solid transparent;
}
.ep-ap-wechart .ep-item-bo:before{
    border-top: 64px solid #7ba132;
    border-left: 113px solid transparent;
    border-right: 113px solid transparent;
}
.ep-item.ep-ap-ios{
  background-color: #8b3aa1;
}
.ep-ap-ios .ep-item-tp:before{
    border-bottom: 64px solid #8b3aa1;
    border-left: 113px solid transparent;
    border-right: 113px solid transparent;
}
.ep-ap-ios .ep-item-bo:before{
    border-top: 64px solid #8b3aa1;
    border-left: 113px solid transparent;
    border-right: 113px solid transparent;
}
.ep-item.ep-ap-android{
  background-color: #d57e0e;
}
.ep-ap-android .ep-item-tp:before{
    border-bottom: 64px solid #d57e0e;
    border-left: 113px solid transparent;
    border-right: 113px solid transparent;
}
.ep-ap-android .ep-item-bo:before{
    border-top: 64px solid  #d57e0e;
    border-left: 113px solid transparent;
    border-right: 113px solid transparent;
}
.ep-ap-wechart .ep-item-tp:before{
    border-bottom: 64px solid #7ba132;
    border-left: 113px solid transparent;
    border-right: 113px solid transparent;
}
.ep-item-tp:before{
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
}
.ep-item-tp:after{
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -1px;
    left: -2px;
    border-bottom: 65px solid #fff;
    border-left: 115px solid transparent;
    border-right: 116px solid transparent;
}
.ep-item-bo{
  position: absolute;
  bottom:-64px;
  left: 0px;
  width: 113px;
  height: 64px;
}
.ep-item-bo:before{
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 2;
}
.ep-item-bo:after{
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: -1px;
    left: -2px;
    border-top: 65px solid #fff;
    border-left: 115px solid transparent;
    border-right: 116px solid transparent;
}
.icon-application{
  background-image:url('/sites/default/files/oceanus_images/en/en_development/icon-application.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
}
.icon-wechart{
  background-image:url('/sites/default/files/oceanus_images/en/en_development/icon-wechart.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.icon-ios{
  background-image:url('/sites/default/files/oceanus_images/en/en_development/icon-ios.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
}
.icon-android{
  background-image:url('/sites/default/files/oceanus_images/en/en_development/icon-android.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
}
.ep-item-text{
  margin-top: 90px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.en_de_part3_title{
  text-align: center;
  color: #03769c;
  font-size: 38px;
  padding-top: 86px;
}
.en_de_part3_desc{
  margin-top: 38px;
  font-size: 18px;
  color: #42b5dc;
}
.en_de_part3_content{
  width: 990px;
  height: 300px;
  margin-top: 40px;
  overflow: hidden;
  position: relative;
}
.en_de_part3_content img{
  width: 990px;
}
.en_de_part3_content1{
  margin-top: 40px;
  padding-bottom: 90px;
}
.en_de_part4{
  width: 100%;
  height: 1115px;
  background-image: url('/sites/default/files/oceanus_images/en/en_development/en_de_part4_bg.jpg');
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.en_de_part4_title{
  padding-top: 90px;
  font-size: 38px;
  color: #fff;
  text-align: center;
}
.en_de_part4_desc{
  padding-top: 44px;
}
.en_de_part4_desc li{
  padding-left: 45px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 30px;
  list-style: none;
  position: relative;
  height: 30px;
  line-height: 30px;
}
.en_de_part4_desc li:after{
  content: "";
  position: absolute;
  top:50%;
  left:2px;
  width: 8px;
  height: 8px;
  margin-top:-4px;
  background-color: #7ba132;
  border-radius: 50%;
}
.en_de_part4_content{
  width: 910px;
  overflow-x: hidden;
  margin:0 auto;
}
.en_de_part4_item{
  width: 184px;
  float: left;
  margin-right: 45px;
}
.en_de_part4_item img{
  width: 184px;
}
.en_de_part4_inner{
  width: 952px;
}
.en_de_part4_content1{
  width: 910px;
  overflow-x: hidden;
  margin:0 auto;
  padding-top: 45px;
}
.en_de_part4_content1 div{
  float: left;
}
.en_de_part4_content1 div img{
  height: 289px;
}
.en_de_part4_content1 div:nth-of-type(2){
  margin-left: 48px;
}

/* 2019-06-13 导航栏增加“低碳环保” */
.pf-dthb{
  position: fixed;
  top:0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 999;
}
.pf-dthb>div{
  position: absolute;
  top:50px;
  left: 50%;
  transform: translate(-50%,0px);
  -webkit-transform: translate(-50%,0px);
  -moz-transform: translate(-50%,0px);
  -o-transform: translate(-50%,0px);
  -ms-transform: translate(-50%,0px);
  width: 750px;
  height: 723px;
}
.pf-dthb>div img{
  width: 750px;
  height: 723px;
}
.pf-dthb>div .pfclose{
  position: absolute;
  top:20px;
  right: 20px;
  width:60px;
  height: 60px;
}
.foot-dt{
  font-size: 16px;
  margin-top: 15px;
  cursor: pointer;
}