/*公共部分开始*/
@font-face{
    font-family: "Helvetica Condensed Bold";
    src: url('../fonts/Helvetica Condensed Bold.eot');
    src:url('../fonts/Helvetica Condensed Bold.woff'),
    url('../fonts/Helvetica Condensed Bold.ttf'),
    url('../fonts/Helvetica Condensed Bold.svg');
}
@font-face{
    font-family: "Helvetica Condensed";
    src: url('../fonts/Helvetica Condensed.eot');
    src:url('../fonts/Helvetica Condensed.woff'),
    url('../fonts/Helvetica Condensed.ttf'),
    url('../fonts/Helvetica Condensed.svg');
}
@font-face{
    font-family: "MRegular";
    src: url('../fonts/Montserrat-Regular.otf');
}
*,body,ul, ul li{
    padding: 0;
    margin: 0;
    font-family: "Helvetica Condensed","微軟正黑體","Microsoft JhengHei";
}
html,body {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    font-family:  "微軟正黑體","Microsoft JhengHei";
}
ul, li, ol,h4 {
    list-style: none outside none;
    margin: 0px;
    padding: 0px;
}
img,input,textarea,button{
    outline:none;
}
p{
    margin:0;
}
a {
    text-decoration: none;
    color:#000;
}
a:focus, a:hover {
    text-decoration: none;
    background-color: transparent;
}
.ovh{
    overflow: hidden;
}
.dpn{
    display: none;
}
.dpb{
    display: block;
}
.hide768{display:none;}
.show768{display: block;}
.menu_main {
    display: flex;
    position: absolute;
    width: 100%;
    top:0;
    z-index: 4;
    height: 160px;
    align-items: center;
}
.navbar_nav {
    display: flex;
    justify-content: space-around;
}
.navbar_nav li{position: relative;}
.logo {
    max-height: 90px;
    padding-left: 50px;
}
.nav_link_wrap {
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 2%;
    cursor: pointer;
}
.navbar_collapse .navbar_nav a {
    position: relative;
    display: block;
    padding: 10px 0 8px;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    line-height: 1;
    transition: all .3s ease-out .1s;
    -webkit-filter: blur(0);
    filter: blur(0);
}
.navbar_nav li.focus > .nav_link_wrap a, .navbar_nav li:hover > .nav_link_wrap a {
    transform: translateY(-27px);
}
.navbar_collapse .navbar_nav a:after {
    position: absolute;
    top: 27px;
    left: 0;
    display: block;
    padding: 10px 0 12px;
    color: #cc5333;
    content: attr(data-hover-text);
}
.lang_box {
    display: flex;
    align-items: center;
    position: relative;
}
.dropdown_menu {
    display: none;
    position: absolute;
    background-color: rgba(26, 26, 26, 0.7);
    width: 80px;
    padding: 0 8px;
}
.lang_box_sel>a {
    margin:0 8px;
}
.lang_box_arr {
    cursor: pointer;
}
.enFixed{
    position: absolute;
    width: 100%;
    top: 30px;
    right: 0;
    z-index: 99992;
    text-align: center;
    display: none;
}
.enFixed dl{width: 70px; }
.enFixed dl dd{
    display: block;
    overflow: hidden;
}
.enFixed dl dd a{
    display: block;
    overflow: hidden;
    color: #000;
    padding: 5px 0;
    background:rgba(0,0,0,0.5);
    
}
.enFixed dl dd:hover a{
   
   background: rgba(0,0,0,0.3);
}


.fixednav {
    position: fixed;
    height: 124px;
    background-color: rgba(0,0,0,.5);
    transition: background 1s;
    -moz-transition: background 1s;
    -webkit-transition: background 1s;
    -o-transition:background 1s;
}
.banner_info {
    position: absolute;
    width: 100%;
    height:atuo;
    top:0;
    z-index: 2;    
}
.banner_info_lf {
    padding:0;
   /*  background-color: rgba(0, 0, 0, 0.8); */
    height: 100%;
    padding-top: 56.2%;
}
.contant_tit {
    margin-top: 152px;
    margin-left: 20px;
    width: 37px;  
}
.contant_tit>img {
    width: 100%;
}
.banner_info_rt {
    position: absolute;
    top: 200px;
    left: 14%;
    color: #fff;
    max-width: 1050px;
    text-transform: uppercase;
}
.banner_info_rt>h2 {
    font-size: 5rem;
    font-weight: bold;
    font-family: "Helvetica Condensed bold"
}
.banner_info_rt>p {
    font-family: "Helvetica Condensed";
    font-size: 1.7rem;
    margin: 3% 0 12% 0;
    color: #737373;
    
}
.banner_info_rt p a {
    border:2px solid #fff;
    color: #fff;
    padding:18px 48px;  
    font-size: 20px;


}
.banner_info_rt p a:hover{
    background: #cc5333;
    border: 2px solid #cc5333;
    color: #fff;
    transform: 2s;
}
.baner_link {
    margin-top: 15%;
}
.baner_link>a {
    font-size: 16px;
    color: #fff;
    padding: 0 8px;
    font-family: "Helvetica Condensed";
    font-weight: 100;
}
.baner_link>span {
    color: #3f3f3f;
}
.quick_btn_box {
    display: inline-block;
    position: fixed;
    top: 40%;
}
.quick_btn_list {
    display: flex;
    align-items: center;
    padding: 15px 0;
    cursor: pointer;
    color: #3f3f3f;
    font-size: 18px;
}
.quick_btn_box .active{color: #cc5333; }
.quick_btn_box .active span{  opacity: 1;}
.quick_btn_list>span {
    margin-right: 8px;
    opacity: 0;
}
.quick_btn_list:hover {
    color: #cc5333;  
}
.quick_btn_list:hover span {
    opacity: 1;
}

.banner_video {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0;
    padding-top: 0px;
}
.banner_video video{
        width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
} 




.flipped {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg); }
.flipper {
      width: calc(100% / 3);
      position: relative;
      cursor: pointer;
      -webkit-transition: 0.6s;
      -moz-transition: 0.6s;
      -o-transition: 0.6s;
      transition: 0.6s;
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      -o-transform-style: preserve-3d;
      transform-style: preserve-3d; }

.front,
.back {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.front {
  z-index: 2; }

.back {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg); }

.test {
  position: absolute;
  left: 0;
  bottom: 0;
  background: white; }
  .test:after {
    content: '';
    border-width: 20px 0px 20px 15px;
    border-style: solid;
    border-color: transparent #fff; }
    .icon-box {
  display: block;
  position: relative;
  width: calc(100% / 3);
  float: left;
 }
  .icon-box:before {
    content: "";
    display: block;
    padding-top: 120%; }
  .icon-box .teaser,
  .icon-box .content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .icon-box .teaser .icon {
    width: 28%;
    height: 28%; }
    .icon-box .teaser .icon.icon01, .icon-box .teaser .icon.icon02, .icon-box .teaser .icon.icon03, .icon-box .teaser .icon.icon04, .icon-box .teaser .icon.icon05, .icon-box .teaser .icon.icon06 {
      background-repeat: no-repeat;
      background-position: center center;
      background-size: contain; }
  .icon-box .teaser h3 {
    font-size: 0.875em;
    color: #dadada;
    text-transform: uppercase;
    text-align: center; }
  .icon-box .teaser:hover {
    background: #0c263d; }
    .icon-box .teaser .icon{
        position: relative;
    }
    .icon-box .teaser .icon img{
        position: absolute;
    }
     .icon-box .teaser .imggrey{z-index: 2;}
     .icon-box .teaser .imgwhite{z-index: 1;}
     .icon-box .teaser:hover .imggrey{display: none;}
      .icon-box .teaser:hover .imgwhite{display: block;}
    

    .icon-box .teaser:hover .icon.icon01, .icon-box .teaser:hover .icon.icon02, .icon-box .teaser:hover .icon.icon03, .icon-box .teaser:hover .icon.icon04, .icon-box .teaser:hover .icon.icon05, .icon-box .teaser:hover .icon.icon06 {
      background-repeat: no-repeat;
      background-position: center center;
      background-size: contain; }
    .icon-box .teaser:hover h3 {
      color: #fff; }
    .icon-box .content {
    background: #0c263d; }
    .icon-box .content p {
    
      font-size: 1.125em;
      line-height: 1.75em;
      width: 70%;
      margin: 0 auto;
      text-align: center;
      color: #fff;
     }

 
.over{margin-top: 0px;border: 0;padding: 0;}




.contant_one_tit {
    font-size: 48px;
    color: #383838;
   font-family: "Helvetica Condensed";
}
.contant_one_tit i {
    display: block;
    width: 220px;
    height: 3px;
    background: #cc5333;
    margin: 30px 0px 70px 0px;
}
.contant_one_txt p {
    display: block;
    font-size: 16px;
    color: #383838;
    line-height: 30px;
}
.contant_two_tit {
    margin-top: 50px;
    font-size: 30px;
    color: #383838;  
    
}
.contant_two_tit p{
    font-family: "Helvetica Condensed bold";  
    font-weight: bold;
}
.contant_two_tit i {
    display: block;
    width: 220px;
    height: 3px;
    background: #cc5333;
    margin: 50px 0px 50px 0px;    
}
.contant_two_cont>p {
    display: block;
    font-size: 16px;
    color: #383838;
    line-height: 30px;    
}
.contant_one_list_img {
    height: 73px;
    margin-bottom: 30px;
}
.contant_one {
    overflow: hidden;
}
.contant_area {
    margin:100px 0;
}



.contant_one_btn {
    margin-top: 60px;
}
.contant_one_btn span {
    border-bottom: 1px solid #0f2940;
    cursor: pointer;
}
.contant_one_btn>img {
    margin-left: 4px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.contant_one_btn:hover img {
    margin-left: 10px;
}
.contant_one_list:hover {
    background-color: #0c263d;
    color: #fff;
}
.contant_two_list {
    overflow: hidden;
    margin-left: 10%;
}
.contsnt_img>img {
    width: 100%;
}
.contant_two_img {
    position: relative;
}
.change_btn {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: transparent;
    border: 0;
    padding: 0;
    height: 50px;
}
.change_btn img {
    height:100%;
}
.change_left {
    margin-right: 57px;
    z-index: 1;
}
.contant_two_picture {
    padding:0;
}
.contsnt_two,.contsnt_there {
    clear: both;
    margin: 100px 0;
    overflow: hidden;
}
.contant_two_cont {
    padding-left: 8%;
}
.contant_there_box {
    overflow: hidden;
    margin-right: 10%;
    margin-left: 9px;
}
.contant_there_list {
    height: 300px;
    padding: 60px 20px;
}
.contant_there_list_top {
    display: flex;
    align-items: center;
}
.contant_there_list_img {
    border: 1px solid #fed966;
    border-radius: 50%;
    height: 44px;
    width: 44px;
    line-height: 41px;
    text-align: center;
    margin-right: 10px;
}
.contant_there_name {
    font-size: 20px;
    font-family: "Helvetica Condensed bold";
    font-weight: bold;
    text-transform: uppercase;
}
.contant_there_list>p{
    font-size: 16px;
    margin-top: 40px;
}
.contant_there_box>div {
    border: 1px solid #d4d4d4;
    cursor: pointer;
}
.contant_there_box>div:hover {
    background-color: #0c263d;
    color: #fff;
}
.contant_there_box>div:hover:nth-child(1){
    border-radius: 20px 0px 0px 0px;
}
.contant_there_box>div:hover .contant_there_list_img {
    border: 1px solid #fff;    
}
.contant_there_box>div:nth-child(4),.contant_there_box>div:nth-child(5),.contant_there_box>div:nth-child(6) {
    margin-top: -1px;
}
.contant_there_box>div:nth-child(2),.contant_there_box>div:nth-child(3),.contant_there_box>div:nth-child(5),.contant_there_box>div:nth-child(6) {
    margin-left: -1px;
}
.footer {
    position: relative;
    background-color: #1a1a1a;
    overflow: hidden;
}
.footer .foot {
    position: relative;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow: hidden;
    padding: 5% 8% 5% 8%;
}
.footer h3 {
    color: #cc5333;
    margin-bottom: 34px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}
.footer .foot ul {
    overflow: hidden;
}
.footer .foot ul li {
    color: #fff;
    font-size: 16px;
    margin-bottom: 20px;
}
.footer .foot ul li a {
    color: #fff;
}
.footer .foot ul li a:hover {
    color: #e8e8e8;
}
.footer .foot .foot-c {
    position: relative;
    overflow: hidden;
}
.footer .foot .foot-c ul li {
    display: flex;
    align-items: center;
}
.footer .foot .foot-c ul li img {
    margin-right: 12px;
}
.footer .foot .foot-c ul li span {
    display: inline-block;
    max-width: 390px;
}
.pull_area {
    display: flex;
    align-items: center;
}
.pull_img {
    width: 35px;
    margin-right: 10px;
}
.pull_img>img {
    width: 100%;
}
.copy {
    color: #dbdbdb;
    padding: 20px 0 20px 0;
    text-align: center;
    border-top: 1px solid #2e2e2e;
    font-size: 16px;
}
/*what we do*/
.center{margin-left: 10%;}
.ny_banner{
  
    position: relative;
    overflow: hidden;
}
.ny_banner img{width:100%;height: 100%;}
.banner1{
    
    background: url(../images/b2.png);
    
}
.banner2{
    
    background: url(../images/b3.png);
    
}
.ny_con{
   
    overflow: hidden;
    position: absolute;
    top: 40%;
    right: 3%;
    color: #fff;
    text-transform: uppercase;
 
}
.ny_con h1{float: right;position: relative; font-size: 48px;font-weight: bold;display: block;}
.ny_con .position {float: right;}
.ny_con .position a{ font-size: 24px;color: #fff;vertical-align: middle;}
.ny_con .position span{display: inline-block;vertical-align: center;}
.vediolist{position: relative;}
.vediolist a{
    display: block;
    overflow: hidden;
    position: relative;
   
}
.vediolist a img{
    width: 100%;
    height: auto;
    position: relative;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.vediolist  video{
    width: 100%;
    height: auto;
    position: relative;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
}
.vediolist a:hover img{
    overflow: hidden;
    position: relative;
     -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.vediolist i{display: block;background: url(../images/vico.png);border-radius: 20px; position: absolute;z-index: 1111;width: 77px;height: 53px; top:50%;left: 50%;margin-left: -37px;margin-top: -26px;}

.vedio_tit p{font-size: 24px;color: #1a1a1a;text-transform: uppercase;font-family: "Helvetica Condensed";font-weight: bold;margin:90px 0px 30px 0px;}
.vedio_tit span{font-size: 20px;color: #333;}
.vedioitems{margin-bottom: 20px;}
.vedioitems:nth-child(even) .vedio_tit{text-align: right;}

.who p{font-size: 26px;margin-bottom: 20px;}
.sectionqh{
    overflow: hidden;
    position: relative;
}
.sectionqh ul{
    display: flex;
    display: -o-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-flex;
    justify-content: space-between;
    
    margin: 0 -15px;
}
.sectionqh ul li{
   
    margin: 45px 0 0 0;
    list-style-type: none;
    width: 20%;
    -webkit-transition: all 0.5s ease 0s ;
    -moz-transition: all 0.5s ease 0s ;
    -ms-transition: all 0.5s ease 0s ;
    -o-transition: all 0.5s ease 0s ;
    transition: all 0.5s ease 0s ;
}
.sectionqh ul li .li{
    overflow: hidden;
    position: relative;
    height: 540px;
   
}
.sectionqh ul li .li .spI{
    overflow: hidden;
    position: relative;
    height: 540px;
}
.sectionqh ul li .li .spI img{
    width: 100%;
    height: auto;
    min-height: 100%;
}
.sectionqh ul li .li .txt{
    width: 100%;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    padding: 20px 25px 40px 25px;
    background: rgba(18,47,68,0.8);
}
.sectionqh ul li .li .txt h3{
    display: none;
    font-size: 30px;
    color: #24232b;
    font-weight: bold;
    margin: 0;
}
.sectionqh ul li .li .txt i{

    display:none;
    margin:30px 0px;
    width: 220px;
    height: 4px;
    background: #cc5333;
}
.sectionqh ul li .li .txt h4{
    font-size: 16px;
    color: #24232b;
    margin: 15px 0 25px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #d2d2d2;
}
.sectionqh ul li .li .txt p{
    width: 300px;
    display: none;
    color: #24232b;
    font-size: 18px;
    margin: 0;
    line-height: 1.8;
}
.sectionqh ul li .li .more{
   
    position: relative;
    display: block;
}
.sectionqh ul li .li .more a{
    display: block;
 
    height: 45px;
    margin: 5px 0 0 5px;
    padding: 5px 0 0 5px;
  
    -webkit-transition: all 0.3s ease 0s ;
    -moz-transition: all 0.3s ease 0s ;
    -ms-transition: all 0.3s ease 0s ;
    -o-transition: all 0.3s ease 0s ;
    transition: all 0.3s ease 0s ;
}
.sectionqh ul li .li .more a span{
    width: 260px;
    display: block;

    line-height: 25px;
    font-size: 18px;
  
    color: #fff;
    
    -webkit-transition: all 0.5s ease 0s ;
    -moz-transition: all 0.5s ease 0s ;
    -ms-transition: all 0.5s ease 0s ;
    -o-transition: all 0.5s ease 0s ;
    transition: all 0.5s ease 0s ;
}

.sectionqh ul .this-other{
    width: 20%;
    min-height: 533px;
    -webkit-transition: all 0.3s ease 0s ;
    -moz-transition: all 0.3s ease 0s ;
    -ms-transition: all 0.3s ease 0s ;
    -o-transition: all 0.3s ease 0s ;
    transition: all 0.3s ease 0s ;
}
.sectionqh ul .this-other .li .spI{
    height: 540px;
}
.sectionqh ul .this{
    width: 30%;
    -webkit-transition: all 0.3s ease 0s ;
    -moz-transition: all 0.3s ease 0s ;
    -ms-transition: all 0.3s ease 0s ;
    -o-transition: all 0.3s ease 0s ;
    transition: all 0.3s ease 0s ;
}
.sectionqh ul .this .li .txt{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 90px 50px 35px 50px;
}
.sectionqh ul .this .li .txt h3,.sectionqh ul .this .li .txt h4,.sectionqh ul .this .li .txt p{
    color: #fff;
}
.sectionqh ul .this .li .txt{
    background: rgba(0,0,0,0.8);
}
.sectionqh ul .this .li .txt h3{
   display: block;
}
.sectionqh ul .this .li .txt i{
   display: block;
}
.sectionqh ul .this .li .txt p{
    display: block;
}
.sectionqh ul .this .li .spI{
    height: 540px;
}
.sectionqh ul .this .li .more{
    display: none;
}
.contant_one_txt dl dd{
    display: inline-block;
    font-size: 20px;
    font-family: "Helvetica Condensed";
font-weight: 100;
}
.contant_one_txt dl dd b{font-size: 24px;display: block;margin-bottom: 20px;}
.sectionmap{position: relative;overflow: hidden; width: 100%;height: 100%;padding: 50px 0px;background: #f7f7f8;}
.map img{max-width: 100%}
label{font-weight: 100;color: #737373}
.formtt{font-size: 30px;margin-bottom: 30px;}
.submit{border-radius: 0px; width: 210px;height: 58px;line-height: 48px;font-size: 20px;margin-top: 20px;}
.careerlist{
    overflow: hidden;
    position: relative;
    
}


.careerlist  .tic{
    overflow: hidden;
    position: relative;
    margin: 0px 0 0 0;
}
.careerlist  .tic ul{}
.careerlist  .tic ul li{
    display: block;
    overflow: hidden;
}
.careerlist  .tic ul li .li{
    overflow: hidden;
    position: relative;

  
    
}
.careerlist .tic ul li .li .liT{
    overflow: hidden;
    margin:  15px 0px 30px 0;
    cursor: pointer;
    background: #0c263d;
    color: #fff;
    padding: 20px 20px;
}
.careerlist  .tic ul li .li .liT span{
    display: block;
    overflow: hidden;
}
.careerlist .tic ul li .li .liT .sp1{
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #fa9632;
    font-size: 18px;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin-right: 20px;

}
.careerlist  .tic ul li .li .liT .sp2{
    color: #fff;
    font-size: 24px;
    line-height: 40px;
    width: 70%;
    text-transform: uppercase;
}
.careerlist  .tic ul li .li .liT .sp3{
    font-size: 18px;
    color: #fff;
}
.careerlist  .tic ul li .li .liT .sp3 i{
    display: block;
    float: right;
    line-height: 40px;
}
.careerlist .tic ul li .li .liT .sp3 .fa-minus{
    display: none;
}
.careerlist  .tic ul li .li .liT .sp3 .fa-plus{
    display: block;
}
.careerlist  .tic ul li .li .liB{
    overflow: hidden;
    display: none;
    padding: 20px 20px;
    font-size: 20px;
    line-height: 1.6;
    color: #383838;
    
}
.careerlist  .tic ul li .li .liB b{font-size: 20px;margin-top: 20px;color: #1a1a1a;}
.careerlist  .tic ul li .li .liB p{font-size: 20px;font-weight: 100;}
.careerlist  .tic ul li .li .liB a{
display: block;
width: 210px;
height: 58px;
line-height: 58px;
text-transform: uppercase;
color: #383838;
text-align: center;
font-size: 20px;
font-weight: 100;
border: 1px solid #383838;
margin-top:30px;
margin-bottom:30px;
}
.careerlist  .tic ul li .li .liB a:hover{
    background: #0c263d;
    color: #fff;
}
.careerlist  .tic ul .this .li .liT .sp3 .fa-minus{
    display: block;
}
.careerlist  .tic ul .this .li .liT .sp3 .fa-plus{
    display: none;
}
.careerlist  .more{
    overflow: hidden;
    position: relative;
    margin: 20px 0 0 0;
}
.careerlist .more a{
    display: block;
    overflow: hidden;
    position: relative;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #fa9632;
}
.contant_one_txt{position:relative;overflow:hidden;}
.piclist{ width: 100%; height: auto; margin: 0px auto;margin-bottom:150px; position: relative;display:flex;justify-content:space-between;flex-wrap:wrap;}
.piclist .left{width:50%;}
.piclist .right{width:50%;margin-top:50px;}
.piclist .img{position:relative;}
.piclist .img img{width:100%;position:relative;}
.piclist span{display:block;position:absolute;width:100%;top:50px;left:0px;font-size:30px;color:#fff;height:100px;line-height:100px;text-transform:uppercase;font-weight:bold;}
.piclist span i{display:inline-block;width:10px;height:10px;background:#fff;border-radius:50%;margin-left:50px;margin-right:50px;}
.piclist span em{font-style:normal;float:right;padding-right:50px;}
.piclist .tip{display:none;width:100%;height:100%;position:absolute;top:0px;left:0;background:rgba(0,0,0,0.5);}
.piclist .tip p{font-size:24px;line-height:40px;color:#fff;width:80%;margin:80% auto 0px auto;}

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.showmsg{
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top:-380px;
	margin-left:-414px;
	z-index:1002;
	width:828px;
	height:767px;
	background:#fff;
	overflow:hidden;
	box-sizing:border-box;
	padding:30px;
}

.showmsg  h3{
	font-size:30px;
	text-align:center;
	color:#333333;
	margin-top:30px;
	text-transform : uppercase;
	width:100%;
	padding-bottom:20px;
	border-bottom:2px solid #f2f2f2;
	margin-bottom:10px;
	
}
.showmsg .list{
	width:800px;
	margin:20px auto auto auto;
	height:60px;
	
}
.showmsg label{font-size:18px;color:#383838;margin-top:20px;}
.showmsg  em{
	color:red;
	margin:10px 10px 10px 0px;
}
.showmsg  input,textarea{border:none;background:#f2f2f2;font-size:16px;color:#767676;box-sizing:border-box;padding-left:20px;height:50px;}

 form {
    position: relative;
}
.showmsg  a {
	display:block;
}
.showmsg .form-inline{display:flex;justify-content:space-between;}
.flexcode{display:flex;}
.showmsg .btn {
	width:163px;
	height:50px;
	background:#29415f;
	float:right;
	text-align:center;
	font-size:20px;
	color:#ffffff;
	text-transform:uppercase;
	display:block;
	margin:0px;
	border:none;
	cursor:pointer;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;

}
.showmsg .yzm{width:130px;height:50px;background:red;margin-left:30px;}
.showmsg .close{
	position:absolute;
	right:0px;
	top:-80px;
	
}
.showmsg .close img{
	width:31px;
	height:31px;
}
.bos{margin-bottom:0px;}
.offs{margin-top:50px;}

@media screen and (max-width: 1366px){
    .banner_info_rt>p {
        margin: 5% 0 10% 0;
    }
    .baner_link {
        margin-top: 10%;
    }
}

@media screen and (max-width: 991px){
    .show768{display: none;width: 100%;}
    .hide768{display: block;}
    .navbar_header {
        background-color: #000;
    }
    #main-menu-mobile {
        position: absolute;
        top: 50%;
        right: 15px;
        -webkit-transform: translate(0, -50%);
        -khtml-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
        display: flex;
        align-items: center;
    }
    #main-menu-mobile .btn-nav-mobile {
        color: #282828;
        display: inline-block;
        font-size: 16px;
        height: 32px;
        line-height: 32px;
        text-align: center;
        vertical-align: middle;
        width: 30px;
        cursor: pointer;
        position: relative;
        -webkit-transition: all 300ms linear 0ms;
        -khtml-transition: all 300ms linear 0ms;
        -moz-transition: all 300ms linear 0ms;
        -ms-transition: all 300ms linear 0ms;
        -o-transition: all 300ms linear 0ms;
        transition: all 300ms linear 0ms;
    }
    #main-menu-mobile .btn-nav-mobile:before, #main-menu-mobile .btn-nav-mobile:after, #main-menu-mobile .btn-nav-mobile span {
        background-color: #fff;
    }
    #main-menu-mobile .btn-nav-mobile:before, #main-menu-mobile .btn-nav-mobile:after, #main-menu-mobile .btn-nav-mobile span {
        -webkit-transition: all 300ms linear 0ms;
        -khtml-transition: all 300ms linear 0ms;
        -moz-transition: all 300ms linear 0ms;
        -ms-transition: all 300ms linear 0ms;
        -o-transition: all 300ms linear 0ms;
        transition: all 300ms linear 0ms;
        content: "";
        background-color: #fff;
        display: block;
        height: 2px;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        width: 22px;
        top: 21px;
    }
    #main-menu-mobile .btn-nav-mobile:before {
        top: 9px;
    }
    #main-menu-mobile .btn-nav-mobile span {
        top: 15px;
    }
    /*banner*/
    .banner_video video,.banner_info_lf{
        height: 100vh;
    }
    .banner_info_rt>h2 {
        font-size: 20px;
    }
    .banner_info_rt>p {
        margin: 35px 0 70px 0;
        font-size: 16px;
    }
    .banner_info_rt>a{padding: 8px;font-size: 14px;}
    .baner_link>a{font-size: 12px;}
    .baner_link {
        margin-top: 100px;
    }
    .banner_info_rt {
        left: 8%;
    }
    .menu_main {
        display: inline;
    }
    .fixednav {
        height: initial;
    }
    .logo {
        max-height: 90px;
        padding: 14px;
        height: 74px;
    }
    .logo>img{
        height:100%;
    }
/*    .menu_main .navbar_collapse {
        margin-right: -15px;
        margin-left: -15px;
    }*/
    .navbar_collapse {
        display: none;
        background-color: #232323;
        padding: 20px 35px;
    }
    .navbar_nav {
        display: inline;
    }
    .nav_link_wrap {
        padding-top: 0;
    }
    .navbar_nav>li {
        position: relative;
        float: inherit;
        padding: 10px 0;
    }
    /*01*/
    .quick_btn_box{display: none;}
    .contant_one_tit {
        font-size: 22px;
    }
    .contant_one_tit i {
        margin: 20px 0px 40px 0px;
    }
    .contant_one_list {
        padding: 30px 0;
        width: 100%;
    }
    .col-xs-11{width: 100%;}
    
    .col-xs-1{width: 100%;}
    .contant_there_box{margin: 0;}
    .contant_there_list{height: 200px;}
    .contant_one_list_img {
        height: 34px;
    }
    .contant_one_list_img>img {
        height: 100%;
    }
    .contant_area {
        margin:0px 0;
    }
    /*02*/
    .contsnt_two, .contsnt_there {
        margin:50px 0;
    }
    .contant_two_tit i {
        margin: 20px 0px 40px 0px;
    }
    .contant_two_list {
        margin-bottom: 20px;
        margin-left: 0px;
    }
    /*03*/
    .contant_tit {
        margin-left: 0;
        width: 30px;
        height: 100px;
        margin: 0px auto;
        transform: rotate(-90deg); 
        -o-transform: rotate(-90deg); 
        -webkit-transform: rotate(-90deg); 
        -moz-transform: rotate(-90deg); 
        float: left;
        margin-left: 40px;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    
  .contant_two_picture{margin-top: 30px;}
    .contant_one .col-xs-1{width: 100%}

    .contant_there_list {
        padding: 20px 0px;
    }
    .contant_there_list>p {
        margin-top: 20px;
    }
    .contant_there_box>div:nth-child(2), .contant_there_box>div:nth-child(3), .contant_there_box>div:nth-child(5), .contant_there_box>div:nth-child(6) {
        margin-left: 0;
    }
    .contant_there_box>div:nth-child(2), .contant_there_box>div:nth-child(4), .contant_there_box>div:nth-child(6) {
        
    }
    .contant_there_box>div:nth-child(4), .contant_there_box>div:nth-child(5), .contant_there_box>div:nth-child(6) {
         margin-top: 0; 
    }
    .contant_there_box>div:nth-child(3),.contant_there_box>div:nth-child(4), .contant_there_box>div:nth-child(5), .contant_there_box>div:nth-child(6) {
         margin-top: -1px; 
    }
    .contant_there_box>div{
        margin-bottom: 20px;
    }
}
@media screen and (min-width: 992px) {
    #main-menu-mobile, .menu-toggle {
        display: none;
    }

    @media screen and (max-width:1920px) {

.contant_two_cont>p{width:500px;}
.vedio_tit p{margin-top: 160px}
.sectionqh ul li .li .txt p{width: 400px;}
.contant_two_tit{margin-top: 100px;}

}


@media screen and (max-width:1680px) {

}

@media screen and (max-width:1600px) {

}

@media screen and (max-width:1440px) {
.vedio_tit p{margin-top: 90px}
}

@media screen and (max-width:1366px) {

}

@media screen and (max-width:1360px) {

}

@media screen and (max-width:1280px) {
    .banner_info_lf{height: 89vh;}
    .banner_info_rt>h2{font-size: 54px;}
    .contant_two_tit{
        margin-top: 30px;
    }
    .contant_two_tit i{margin:30px 0px;}
    .contant_two_cont>p {
    width: 400px;
}



}
@media screen and (max-width:1024px) {
    .banner_info{height: auto;}
    .banner_info_rt>h2{font-size: 28px;}
    .banner_info_rt{left: 6%;}
    .banner_info_lf{height: 40vh;}
    .contant_one_tit{font-size: 38px;}
    .contant_two_list{margin-left: 0px;}
    .contant_two_tit{margin-top: 30px;margin-bottom: 20px;}
    .contant_two_tit i{margin-top: 20px;margin-bottom: 20px;}
    .contant_there_box{margin-right: 0px;}
    .quick_btn_box{top:10%;}
    .icon-box{width:calc(100% / 2)}
    .center{margin-left: 2%;}
    .vedio_tit p{margin-top: 50px;}
    .sectionqh ul li{margin-top: 0px;}
    .sectionqh ul li .li .txt p{width: 200px;}
    .sectionqh ul li .li .more a span{width: 180px;}
    .ny_banner{height: 395px;}
    .contant_two_cont>p{width: 320px;}
	.contant_tit{margin-top:50px;}
	.contsnt_two{margin-bottom:0px;}
	.sectionqh{margin-top:50px;}
}

}
@media screen and (max-width:768px) {
    .hidden-xs{display: none;}
    .visible-xs{display: block !important;}
    .banner_video video, .banner_info_lf{
        height: auto;
    }
.banner_info_rt{
    top:100px;
}
.contant_one_list{
    width: 50%;
}
.contant_two_tit{
    font-size: 20px;
    margin-top: 30px;
}
.contant_two_tit i{
    margin-bottom: 20px;
}
.contant_there_box{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.contant_there_box>div{
    width: 49%;
}
.contant_there_box>div:hover{
    border-radius: 20px 0px 0px 0px;
}
.banner_info_rt>p{
    display: block;
}
.icon-box{width: 33.333333%;}
.contant_one_btn{margin-bottom: 50px;}
.vedio_tit p{margin:20px 0px;}
.center{margin-left: 2%;}
.sectionqh ul{width:96%;margin:0 auto;flex-wrap: wrap;justify-content: space-between;}
.sectionqh ul .this{width: 49%}
.sectionqh ul .this-other{width: 49%;height: 420px;}
.sectionqh ul li .li{height: 450px;}
.sectionqh ul .this .li .spI{height: 450px;}
.sectionqh ul .this-other{min-height: 420px;}
.formtt{margin-top: 30px;}
.contant_one_tit{margin-top: 50px;}
.contant_one_txt dl dd{margin-bottom: 20px;}
.vedio_tit span{margin-bottom: 20px;display: block;}
.vedioitems:nth-child(even) .vedio_tit{text-align: left;}
.piclist .left{width:90%;margin:0 auto;}
.piclist .img{margin-bottom:20px;}
.piclist .img span{font-size:24px;height:50px;line-height:50px;top:50px;}
.piclist .tip p{font-size:24px;margin-top:70%;line-height:40px;}
.showmsg{width:600px;margin-left:-300px;}
.contant_one_tit{font-size:30px;}
.careerlist .tic ul li .li .liT .sp2{font-size:20px;}
.careerlist .tic ul li .li .liT{margin-bottom:0px;}
}

@media screen and (max-width:767px) {
    .logo img{width: 70px}
    .banner_info_rt>p{margin:5px 0px 10px 0px;}
    .banner_info_rt>h2{font-size: 14px;}
    .baner_link{margin-top: 20px;}
.quick_btn_box{display: none;}
.contant_one_list{
    width: 100%;
}
.contant_one_btn{
    margin-bottom: 50px;
}
.contant_there_box>div{
    width: 100%;
}
.contant_tit{
    width:23px;
}
.contant_there_list{
    padding: 40px 0px;
}
.contsnt_two, .contsnt_there{
    margin-top: 10px;
    margin-bottom: 20px;
}
.contant_two_cont{
    padding-left: 0px;
}
.banner_info_rt>a{
    padding: 2px;
}
.banner_info_rt{
    top: 80px;
}
.baner_link>a{
    padding: 0px;
}
 .banner_info_rt>p{display: none;}
 .icon-box{
    width: 100%;
    margin-bottom: 10px;
 }
 .ny_banner{height: 100%;
}
.ny_con h1{font-size: 16px;}
.ny_con .position a{font-size: 14px;}
.over{margin-top: 0px;}
.contant_one .col-xs-1{height:90px;}
.vedio_tit p{margin-top: 30px;}
.vedio_tit span{display: block; margin-bottom: 30px;font-size: 14px;}
.center {
    margin-left: 0%;
}
.contant_one_tit{width: 100%}
.who p{font-size: 16px;}
.sectionqh{width: 90%;margin:0 auto;}
.sectionqh ul{display: block;}
.sectionqh ul .this-other{width: 100%;margin: 10px auto}
.sectionqh ul .this{
    width: 100%;
    
}
.sectionqh ul li .li .txt p{width: 250px;}

.sectionqh ul li .li{height: 400px;}
.sectionqh ul .this .li .spI{
    height: 400px;
}
.sectionqh ul .this-other{min-height: 410px;}
.sectionqh ul .this .li .txt{padding-top: 60px;}
.contant_one_txt dl dd b{font-size: 18px;}
.contant_one_txt dl dd{width: 100%;font-size: 14px; padding-left: 0px;margin-bottom: 10px;}
.map{width: 100%;}
form{width: 100%;}
.formtt{font-size: 20px;margin-top: 30px;}
.vedioitems:nth-child(even) .vedio_tit{text-align: left;}
.vedio_tit p{
    font-size: 18px;
}
.ny_banner{margin-top: 70px;}
.ny_con{top:20%;}
.careerlist .tic ul li .li .liT .sp2{font-size: 14px;line-height: 30px;}
.piclist .left{width:88%;margin:0 auto;}
.piclist .img{margin-bottom:20px;}
.piclist .img span{font-size:14px;height:50px;line-height:50px;top:10px;}
.piclist .tip p{font-size:14px;margin-top:50%;line-height:24px;}
.showmsg{padding:30px 10px;}
.showmsg h3{font-size:20px;}
.showmsg{width:300px;height:560px;margin-left:-150px;margin-top:-280px;}
.showmsg label{margin-top:0px;}
.showmsg h3{margin-top:0;}
.showmsg input, textarea{height:34px;}
.showmsg .btn{font-size:18px;}
.showmsg .close{top:-70px;}
.showmsg .form-inline{display:block;}
.showmsg .btn{float:none;margin-top:20px;}
.showmsg .yzm{height:auto;}
.showmsg .btn{width:100px;}
.careerlist{padding-bottom:30px;}
.careerlist .tic{margin-top:0px;}
.careerlist .tic ul li .li .liT{margin-bottom:0px;}
.careerlist .tic ul li .li .liB a{width:150px;height:48px;line-height:48px;}
.careerlist .tic ul li .li .liB b{font-size:16px;}
.careerlist .tic ul li .li .liB p{font-size:16px;}

.piclist{margin-bottom:50px;}

.contant_one_tit{font-size:24px;}
.dtt{height:50px;}
.contant_two_list:nth-child(3){margin-bottom:0px;}


}

@media screen and (max-width:414px) {
.banner_info_rt{top: 120px;}
}

@media screen and (max-width:375px) {

    .banner_info_rt{top: 100px;}
  


}

@media screen and (max-width:360px) {
  
  

}

@media screen and (max-width:320px) {
      .banner_info_rt{top: 80px;}
 .banner_info_rt>h2{font-size: 12px;}
 .sectionqh ul .this .li .txt{padding:60px 20px 35px 20px;}
  
}