@keyframes movecloud {
  from{ background-position: 0 0;}
  to{ background-position: 100% 0;}
}
button{ cursor: pointer; }
.account h1{ font-family: "Helvetica Neue",Helvetica,Verdana,Arial;}
.account i{ font-family: "Helvetica Neue",Helvetica,Verdana,Arial; color: #f87a14;}
.account p{ font-size: 26px; margin: 20px 0 70px;}
.account p i{ font-size: 40px;}
.account a{ width:240px; height: 45px; border: 0; border-radius: 25px; font-size: 20px; font-family: "Helvetica Neue",Helvetica,Verdana,Arial; text-align: center; line-height: 45px; color: #fff; position: static!important; background-color: #f87a14; text-shadow: 0 1px 3px rgba(0,0,0,.3)}
.account a:hover{ background-color:#EC5003; transition: all ease .3s; }
.vadio-cont{ width: 100%; min-height: 500px; max-height:710px; position: relative; overflow: hidden; background: #161b26;}
.vadio-cont .account{ position: absolute; font-size: 20px; color: #fff; line-height: 2; transform: translate(-50%, -50%); left: 50%; top: 50%; text-shadow: 1px 1px 3px #000; z-index: 3;}
.vadio-cont:before{ content: ''; width: 100%; height: 100%; position: absolute; z-index: 1; background: rgba(0,0,0, .5);}
.vadio-cont video{ width: 100%; height: auto;}
.article{ min-height: 450px; position: relative;}
.article_back{ position: absolute; width: 100%; height: 4366px; overflow: hidden; z-index: -1;}
.article_back:before{ content: ''; position: absolute; width: 200%; height: 800px; background: linear-gradient(#e6f0fc 450px, #bad5f7 0); transform: rotate(30deg); left: -50%; top: 600px;}
.article_back:after{ content: ''; position: absolute; width: 200%; height: 800px; background: linear-gradient(#e6f0fc 450px, #bad5f7 0); transform: rotate(-30deg); left: -50%; top: 65%;}

.explain{ display: flex; justify-content: space-between; align-items: center; padding: 180px 126px 50px;}
.explain .radio, .feature .radio{ margin: 25px 0;}
.explain .explain-img{ width: 593px; }
.explain .ex-cont{ width: 520px; padding: 0 38px; }
.explain .ex-cont h1{ line-height: 48px; font-size: 30px;}
.explain .ex-cont p{ font-size: 20px; margin: 20px 0; line-height: 180%; color: #515050;}
.explain .ex-icon{ padding-top: 50px; }

.color_orange{ color: #ec6500 !important}
.zhiku{ text-align: center; margin-top: 100px;}
.zhiku_question{ font-size: 24px; }
.zhiku_question a{ color: #1691c4; margin: 0 25px;}
.zhiku_question a:hover{ text-decoration: underline;}
.zhiku_question .maxsize{ font-size: 150%;}
.zhiku_question h1{ font-size: 40px;}
.zhiku_question_list{ display: flex; justify-content: space-around; padding: 0 250px; flex-wrap: wrap; font-size: 20px; line-height: 2em; margin-top: 100px;}
.zhiku_question_list div{ min-width: 170px; text-align: left;}
.zhiku_question_list .col1{ width: 290px;} .zhiku_question_list .col2{ width: 150px;} .zhiku_question_list .col3{ width: 250px;}
.zhiku_question_list a{ color: #515050;}
.zhiku .zhiku_more{ display: inline-block; width: 20px; height: 20px; border-radius: 50%; border: 2px solid #505050; position: relative; margin-top: 30px;}
.zhiku .zhiku_more:before{ content: ''; position: absolute; width: 5px; height: 5px; border: 2px solid #505050; border-width: 0 0 2px 2px; left: 9px; top: 3px; transform: rotate(-45deg) translate(-50%, -50%)}
.zhiku .zhiku_more:hover, .zhiku .zhiku_more:hover:before { border-color: #ec6500;}
.zhiku .button_orange{ width: 180px; height: 48px; }
.banner-min{ background: url('/common/images/banner_min.jpg') center center no-repeat #1d1b28; height: 280px; padding-top: 100px; margin: 150px 0 -150px; border-bottom: 10px solid #161b26; }
.banner-min a{ display: inline-block; background:#f87a14; font-size: 24px; width: 555px; height: 80px; border: 2px solid transparent; color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,.3); border-radius: 80px; line-height: 76px; text-align: center;}
.banner-min a:hover{ background-color: #EC5003; }

/*about us*/
.banner_us{ background: url('/common/images/about_us.jpg') 50% 50% no-repeat;}
article h1{ font-size: 30px; line-height: 3em;}
article p{ font-size: 18px; line-height: 2em; color: #6f6f6f; margin: 20px 0;}
.mgmax{ margin: 50px 0; }
.about_sys{ height: 470px; margin:200px 0; background: #232834; position: relative; color: #fff; }
.about_sys:before, .about_sys:after{ content: ''; position: absolute; background: inherit; width: 100%; height: inherit; top: 0; left: -10px; transform: rotate(5deg); transform-origin: top right;  z-index: -1}
.about_sys:after{ transform: rotate(-5deg); transform-origin: bottom right;}
.about_sys h1, .marquee_img h1{ font-size: 30px; line-height: 3em; }
.about_sys_info{ display: flex; justify-content: space-between; margin-top: 60px;}
.about_sys_info>div{ width: 260px;}
.about_sys_info .radio{ margin-bottom: 50px;}
.about_sys_info p{ font-size: 16px; line-height: 2em; }
.articel_timer{ display: flex; align-items: center;}
.articel_timer time{ width: 127px; height: 39px; text-align: center; line-height: 39px; font-size: 20px; background-color: #f87f15; color: #fff; flex-shrink: 0;}
.articel_timer p{ margin-left: 70px; font-size: 18px; }
.marquee_img-list{ max-width: 100%; height: 600px; padding: 40px 0; overflow: hidden; position: relative; }
@keyframes moveimg{
	from { left: 0;}
	to{ left: calc(100% - 9590px);}
}
.marquee_img-list .img_cont{ width: 9590px; font-size: 0; line-height: 0; position: absolute; left: 0; animation: moveimg linear 50s infinite; }
.marquee_img-list .img_cont>div{ display: inline-block; width: 685px; height: 516px; border: 5px solid #fff; margin-left: -5px; overflow: hidden;}
.marquee_img-list .img_cont img:hover{ transform: scale(1.1, 1.1); transition: all ease 1s; }
.waycop{ height: 660px; margin-bottom: 0; border-bottom: 10px solid #161b26; }
.waycop:before{ transform-origin: left top; transform: rotate(-5deg); left: 10px; }
.waycop:after{ transform: rotate(0deg); }

/*vision*/
.banner_vision{ background: url('/common/images/vision.jpg') 50% 50% no-repeat;}
.banner_team{ background: url('/common/images/team.jpg') 50% 50% no-repeat;}
.banner_contact{ background: url('/common/images/concat.jpg') 50% 50% no-repeat;}
.banner_advant{ background: url('/common/images/advantag.jpg') 50% 50% no-repeat; }
.banner_ocean{ background: url('/common/images/banner_ocean.jpg') 50% 50% no-repeat; }
.banner_import{ background: url('/common/images/banner_import.jpg') 50% 50% no-repeat; }
.banner_air{ background: url('/common/images/banner_air.jpg') 50% 50% no-repeat; }
.banner_amazon{ background: url('/common/images/banner_amazon.jpg') 50% 50% no-repeat; }

.team_list-item{ width: 48%; margin-top: 35px;}
.team_list-item h3{ margin: 0; height: 58px; line-height: 58px; color: #fff; background-color: #fe9947; font-size: 24px; border-radius: 8px 8px 0 0; }
.team_list-item p{ margin: 0; padding: 30px 20px; border: 1px solid #eaeaea; border-top: 0; border-radius: 0 0 8px 8px; }
.team_list-item p.fixedheight{ height: 300px; }

.contact{ line-height: 2;}
.contact h1{ font-size: 30px; margin-top: 25px; line-height: 2em;}
.contact h2{ font-size: 18px;}
.contact h3{ font-size: 14px; }
.contact p{ font-size: 14px; line-height: 2.5em;  margin: 0; color: #6f6f6f;}
.contact .contact-item{ width: 50%; margin-bottom: 40px; }
.contact .contact-item.fr{ padding-left: 80px; }

.concat_txt{ display: inline-block;  width: 275px; }

.m280{ min-height: 280px; }
.font22{ font-size: 22px; line-height: 2em;}
.blue-box{ background-color: #232834; color: #fff; padding: 20px 0; margin: 40px 0;}
.ld_list{ display: flex; justify-content: space-between; padding: 0 25px;}
.ld_list>div{ padding: 35px; font-size: 18px; line-height: 2em;}
.cola3>div{ width: 33.33%; }
.cola4>div{ width: 25%; }
.ld_list h4{ width: 103px; height: 103px; border-radius: 50%; background-color: #f87a14; font-size: 18px; line-height: 103px; text-align: center; margin: 0 auto 30px; color: #fff;}
.marks-box{ line-height: 3em; font-size: 16px; position: relative; padding: 0 60px; margin-bottom: 50px;}
.marks-box:before{ content: ''; width: 42px; height: 42px; background: url(/common/images/icons.png) -91px -132px; position: absolute; left: 0; top: 0}
.marks-box:after{ content: ''; width: 42px; height: 42px; background: url(/common/images/icons.png) -157px -133px; position: absolute; right: 0; bottom: 0}
ul.list{ font-size: 18px; line-height: 2em; color: #6f6f6f}
ul.list li:before{ content: ''; width: 14px; height: 14px; background: #f87a14; display: inline-block; margin-right: 12px; }
.flexbox{ display: flex; justify-content: space-between;  margin-top: 35px;}
.flexbox .radio{ margin: 50px 0 30px; display: inline-flex; justify-content: center; flex-direction: column; align-items: center; }
.flexbox_col4>div{ width: 220px; flex-shrink: 0; padding: 0; text-align: center;  }
.flexbox p{ text-align: left; }
.flexbox-arrow > div{ position: relative; }
.flexbox-arrow > div:not(:last-child):after{ content: ''; border: 3px solid #fe9947; border-width: 3px 3px 0 0; transform: rotate(45deg) translateY(-50%); position: absolute; width: 20px; height: 20px; right: -25px; top: 50%;}
.radio-box{ font-size: 16px; border: 1px solid #e9e9e9; border-radius: 8px; width: 240px; flex-shrink: 0; line-height: 1.5em;}
.radio-box h3{ background-color: #fe9947; padding: 0 20px; color: #fff; border-radius: 8px 8px 0 0; height: 58px; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.radio-box > div{ padding: 20px 15px;}

.pltvideo{ max-width: 100%; }
.mgtop{ margin-top: 85px; }
.yellow_title{ font-size: 30px; line-height: 2em; background: #f87a14; color: #fff; padding: 0 30px; }
.chat_code{ margin: 75px 0; }
.w80{ margin: 80px auto; font-size: 20px; line-height: 2em; }
.col{ width: 50%; }
.core_list{ padding: 108px 0; }
.core_list-blue{ background-color: #e8f0fa; }
.core_list-grey{ background-color: #f8f8f8; }
.core_list ._all{ display: flex; justify-content: space-between; align-items: center; font-size: 18px; line-height: 2em;}
.core_list h1{ font-size: 30px; margin-bottom:20px; }
.core_list .img-cont{ font-size: 0; line-height: 0; }
.core_list ._all div:not(.img-cont){ padding: 0 20px; }
.core_list img:not(:first-child){ margin-left: 5px;  }
.work .core_list img{ max-width: 900px; border-radius: 8px; box-shadow: 3px 3px 15px rgba(0,0,0,.4); }
.work .title{ color: inherit; font-size: 36px; line-height: 2em; margin-top: 150px; }

.ease-move *{ transform:translate3d(0,100px,0); opacity:0; }
.ease-move_show *{transform:translate3d(0,0,0); transition:opacity 1250ms ease 0ms, transform 1250ms cubic-bezier(0.22, 0.61, 0.36, 1) 0ms; opacity: 1;}

.banner .buttons{ width: 1195px; margin: 0 auto; padding-top: 70px;}
.banner .buttons div{ margin-top: 35px;}
.banner .buttons div a{ border: 4px solid hsla(0,0%,100%,.7); border-radius: 60px; display: inline-block; width: 288px; height: 60px; font-size: 18px; flex-shrink: 0; line-height: 52px;  color: #fff; text-align: center; position: relative;}
.banner .buttons div a:not(:first-child){ margin-left: 156px; }
.banner .buttons div a span{ display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 50%; color: #014c7a; font-size: 16px; background-color: hsla(0,0%,100%,.7); position: absolute; left: 11px; top: 50%; transform: translateY(-50%);}
.banner .buttons div a:hover{ background-color: #da731f; border-color: transparent;}
.banner .buttons div:not(:last-child) a:nth-child(2){ padding-left: 40px; }

#about{ background: url(/skin/default/images/cloud.png) right top no-repeat; padding-top: 30px; }
#about h2 { font-size: 20px; padding-left: 32px; height: 15px; line-height: 15px; color: #c45e42; margin-bottom: 19px; background: url(/skin/default/images/others_bg.png) no-repeat 0 -285px;}
#about .info-div { margin-bottom: 14px; }
#about .info-div h3  {  color: #006934; font-size: 14px; margin-bottom: 7px; }
#about .info-div.pri h4 { color: #006934; margin-top: 23px; }
#about .info-div .info-content { background-color: #f7f8f8; padding: 8px 14px 8px; }
#about .info-div .info-content li { padding-left: 24px; margin-bottom: 12px;  background: url(/skin/default/images/others_bg.png) no-repeat -184px -262px; color: #595757; }
#about .info-div p { color: #595757; margin-bottom: 17px; }
#about .info-div.pri p { margin-bottom: 2px; }
#about .info-div .last { margin-bottom: 4px;}