@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{ padding: 180px 126px 50px;}
.explain .radio, .feature .radio{ margin: 25px 0;}
.explain .ex-ad{ width: 593px; }
.explain .ex-cont{ width: 520px; padding: 0 40px; }
.explain .ex-cont h1{ line-height: 48px; font-size: 30px; font-family: "Helvetica Neue",Helvetica,Verdana,Arial;}
.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; font-family: "Helvetica Neue",Helvetica,Verdana,Arial;}
.zhiku_question a{ color: #1691c4; margin: 0 25px;}
.zhiku_question .max_margin{ margin: 0 130px; }
.zhiku_question a:hover{ text-decoration: underline;}
.zhiku_question .maxsize{ font-size: 150%;}
.zhiku_question h1{ font-size: 40px; margin: 25px 0;}
.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_question_list a:hover{ color: #ec6500; }
.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; margin-top: 15px;}
.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: 450px; 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; font-family: "Helvetica Neue",Helvetica,Verdana,Arial; line-height: 3em; }
.about_sys_info{ display: flex; justify-content: space-between; margin-top: 60px;}
.about_sys_info>div{ width: 225px;}
.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; font-family: "Helvetica Neue",Helvetica,Verdana,Arial; background-color: #f87f15; color: #fff; flex-shrink: 0;}
.articel_timer p{ margin-left: 70px; font-size: 18px; }
.marquee_img{ margin-top: 70px; }
.marquee_img-list{ max-width: 100%; height: 600px; padding: 40px 0; overflow: hidden; position: relative; }
@keyframes moveimg{
	from { left: 0;}
	to{ left: calc(100% - 13110px);}
}
.marquee_img-list .img_cont{ width: 13110px; 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; }
.marquee_img-list .img_cont:hover{ animation-play-state: paused; }
.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: 45%; margin-top: 35px;}
.team_list-item h3{ margin: 0; height: 58px; line-height: 58px; color: #fff; background-color: #fe9947; font-size: 24px; font-family: "Helvetica Neue",Helvetica,Verdana,Arial; 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{ margin: 80px auto;line-height: 2;}
.contact h1{ font-size: 30px; margin-top: 25px; line-height: 2em;}
.contact h2{ font-size: 18px; height: 36px; margin-bottom: 15px;}
.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: 20px; }
.contact .contact-item.fr{ padding-left: 150px; }

.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: 22px; line-height: 103px; text-align: center; margin: 0 auto 30px;}
.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; }
.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; }


.mgtop{ margin-top: 85px; }
.yellow_title{ display: inline-block; width: 85%;font-size: 30px; font-family: "Helvetica Neue",Helvetica,Verdana,Arial; line-height: 2em; background: #f87a14; color: #fff; padding: 0 30px; }
.chat_code{ margin: 75px 0; }
.w80{ width: 85%; 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; font-family: "Helvetica Neue",Helvetica,Verdana,Arial; margin-bottom:20px; }
.core_list .img-cont{ font-size: 0; line-height: 0; }
.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; font-family: "Helvetica Neue",Helvetica,Verdana,Arial; 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;}

#about{ background: url(/skin/default/images/cloud.png) right top no-repeat; padding-top: 30px; font-family: arial; }
#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;}

.pc .yun-content{ margin-top: 50px; }
.pc .yun-content .icons {background: url(/article/images/icons_cn.png) no-repeat; } 
.pc a { cursor: pointer; text-decoration: none; color: inherit; }
.pc a:hover{ color: red; }
.pc .yunbody #footer{ padding: 0; } 
.pc .yunbody #footer span{ right: 0;} 
.pc .yunbody #footer #siteSealFauxBadge {right: -34px;} 
.pc .yunbody .guanzhu { display: none; } 
.pc .yun-head{ height: 123px; position: relative;} 
.pc .yun-head .button{ background:url(/article/images/right-side-bg.png) right no-repeat; height: 32px; width: 895px; padding-top: 35px;} 
.pc .yun-head .button button{ width: 132px; height: 32px; border: 1px solid #01ad73; color: #01ad73; font-size: 16px; border-radius: 5px; background-color: #fff; cursor: pointer;} 
.pc .yun-head .button button:hover{ background-color: #e2f3db} 
.pc .yun-head a{ display: block; width: 137px; height: 38px; line-height: 38px; text-align: center; color: #fff; font-size: 16px; background-color: #f87a14; position: absolute; top: 85px; } 
.pc .yun-head a:hover{ background-color: #7bc5f8;} 
.pc .yun-head .logo{ position: relative; top: -40px; width: 200px; height: 107px; background: url(/article/images/logo.png) no-repeat #f7f8f8; } 
.pc .yun-head .logo:hover { background-color: #f7f8f8; } 
.pc .yun-head .button a, .yun-head .button a:hover, .yun-head .button a:active { background: none; position: static; float: right; } 
.pc h1.articel-title {font-family: "Helvetica Neue",Helvetica,Verdana,Arial; color: #000; font-size: 30px; line-height: 30px; font-weight: normal; text-align: center; margin: 8px 0 30px;  } 
.pc .yun-content{ padding-bottom: 120px;} 
.pc .yun-content .col1{ width: 518px;} 
.pc .yun-content .col2{ width: 278px; margin: 0 10px;} 
.pc .yun-content .col3{ width: 280px;} 
.pc .yun-content .yun-title{ height: 40px; color: #fff; font-size: 16px; line-height: 40px; padding-left: 8px;} 
.pc .yun-content .green .yun-title{ background-color: #f87a14;} 
.pc .yun-content .blue .yun-title{ background-color: #f87a14;} 
.pc .yun-content .grey .yun-title{ background-color: #f87a14;} 
.pc .yun-content .item{ background:#fff; border: 1px solid #e4e4e4; padding: 22px; color: #5e5c5b; line-height: 20px; margin-bottom: 8px; position: relative;} 
.pc .yun-content .item-expand .expand-icon{ display: inline-block; width: 16px; height: 16px; border: 1px solid #c5c5c5; border-radius: 50%; position: absolute; right: 8px; top: 20px; }
.pc .yun-content .item-expand .item-expand-cont{ display: none; }
.pc .yun-content .item-expand .expand-icon:before{ content: ''; width: 5px; height: 5px; border: 1px solid #5c5c5c; border-width: 0 0 1px 1px; transform: rotate(-45deg); position: absolute; left: 5px; top: 4px; }
.pc .yun-content .item-expand_show .expand-icon:before{ transform: rotate(135deg); top: 7px; }
.pc .yun-content .item-expand_show .item-expand-cont{ display: block; }

.pc .yun-content .col1 .articel .item{ padding: 18px 24px;} 
.pc .yun-content .month{ background-position: -478px -315px; padding-left: 32px; color: #000; font-weight: bold;} 
.pc .yun-content h3{ font-size: 16px; color: #f87a14; line-height: 25px;} 
.pc .yun-content .important { background: #f7f8f8; color: #000; padding: 12px; margin:40px 0 25px; font-size: 14px; } 
.pc .yun-content .keyword{ margin-bottom: 12px; } 
.pc .yun-content h4{ font-size: 14px; margin-bottom: 10px;} 
.pc .yun-content .more{ width: 24px; height: 24px; background-position: -416px -313px; margin: 0 -8px -8px 0; cursor: pointer;} 
.pc .yun-content .more:hover{ background-position: -445px -314px;} 
.pc .yun-content .more.close{ background-position: -387px -313px;} 
.pc .yun-content .green .item:hover{ background-color: #f7fdf4;} 
.pc .yun-content .blue .item:hover{ background-color: #ebf7fb;} 
.pc .yun-content .grey .item:hover{ background-color: #f9fbff;} 
.pc .yun-content h1{ line-height: 65px; margin-bottom: 10px; font-size: 20px; text-align: center;} 
.pc .yun-content .yun-articel .item:hover{ background-color: #fff!important;} 
.pc .yun-content .share{ line-height: 35px; padding-top: 15px; font-size: 14px;} 
.pc .yun-content .share .icons{ width: 35px; height: 35px; position: relative; display: inline-block;} 
.pc .yun-content .share span{ margin-right: 10px;} 
.pc .yun-content .weixin{ background-position: -313px 3px;} 
.pc .yun-content .xinlang{ background-position: -352px 3px; display: none !important;} 
.pc .yun-content .share .code-share{ display: none; box-sizing: content-box; padding: 10px 10px 10px 182px; width: 69px; height: 160px; border: 1px solid #eee; position: absolute; line-height: 20px; background-color: #fff; z-index: 10; right: 15px; bottom: 35px;} 
.pc .yun-content .share .code-share img{ width: 160px; height: 160px; position: absolute; left: 10px; top: 10px;} 
.pc .yun-content .share .icons:hover .code-share{ display: block;} 
.pc .yun-content .content { border-bottom: solid 1px #eee; padding-bottom: 80px; } 
.pc .yun-content .content img { margin: 0 0 20px; } 
.pc .yun-content .ask, .yun-content .answer { margin-bottom: 40px;  } 
.pc .yun-content .ask span.icons { width: 108px; height: 108px;  background-position: 0 -613px; float: left;  } 
.pc .yun-content .ask span.triangle { float: left; width: 20px; height: 37px; background:url(/article/images/article_bg3.png) no-repeat; margin-left: 6px; margin-top: 10px;  } 
.pc .yun-content .ask .box { width: 734px; float: left; border: solid 1px #eee; padding: 15px 25px; border-radius: 5px; background: #eee; } 
.pc .yun-content .answer span.icons {  width: 108px; height: 108px; background-position: -148px -613px; float: right;  } 
.pc .yun-content .answer span.triangle { float: right; width: 20px; height: 37px;   background:url(/article/images/article_bg4.png) no-repeat -6px 0; margin-right: 6px; margin-top: 10px; } 
.pc .yun-content .answer .box { border: solid 1px #b5ef71;  width: 734px; float: right;  padding: 15px 25px; border-radius: 5px; background: #b5ef71; } 
.pc .yun-content .foot-about .name { height: 37px; width: 184px; color: #FFF; font-size: 20px; background: #34cbf1; text-align: center; line-height: 37px;   } 
.pc .yun-content .foot-about .words { border: solid 1px #34cbf1; text-indent: 24px; padding: 20px 25px; } 
.pc .yun-content .article-style-1-title { font-size: 14px; color: #000; margin-bottom: 18px; } 
.pc .yun-content .article-style-1-title .blue { display: none; } 
.pc .yun-content .article-style-1-content { text-indent: 24px; margin-bottom: 23px; }
.pc .yun-content .foot-img { display: none; } 

.mb { font-family: "Helvetica Neue",Helvetica,Verdana,Arial,sans-serif; font-size: 1em; color: #525151; padding: 5px; line-height: 1.2em; } 
.mb #main { width: 100%; } 
.mb #header, .mb .yun-head { display: none; } 
.mb .articel-title  { font-weight: normal; font-size: 2em; line-height: 1.4em; color: #000; margin-bottom: 16px; text-align: left; } 
.mb .dates span { margin: 0 12px 0 6px; } 
.mb .dates a { margin-left: 12px; color: #036eb8; } 
.mb .important { border: solid 1px #34cbf1; padding: 5px; margin: 0 0 12px 0;  } 
.mb .blue { color: #036eb8; margin-right: 5px;  } 
.mb .month { display: none; } 
.mb .guanzhu { display: block; } 
.mb .guanzhu img { width: 100%;  } 
.mb .yun-content { padding-bottom: 0; } 
.mb .yun-content .item { border: none; padding: 0; line-height: 2.2em; } 
.mb .ask, .mb .answer { margin-bottom: 60px; } 
.mb .ask img, .mb .answer img { width: 100%; height: auto; } 
.mb .ask { margin-bottom: 40px;  } 
.mb .ask span.icons { width: 13%; height: 102px; float: left;  background: url(/article/images/article_bg1.png) no-repeat; } 
.mb .ask span.triangle { float: left; width: 5%; max-height: 46px; background-position: -124px 0; margin-left: 1px;  margin-top: 10px; background: url(/article/images/article_bg3.png) no-repeat;} 
.mb .ask .box { width:54%; float: left; border: solid 1px #eee; padding: 14px; background: #eee;border-radius: 5px;  } 
.mb .answer span.icons {  width: 13%; height: 102px; float: right; background: url(/article/images/article_bg2.png) no-repeat;  } 
.mb .answer span.triangle { float: right; width: 5%; height: 46px; margin-right: 1px; margin-top: 10px; background: url(/article/images/article_bg4.png) no-repeat -10px 0;  } 
.mb .answer .box { border: solid 1px #b5ef71; background: #b5ef71;  width: 54%; float: right;  padding: 14px; border-radius: 5px; } 
.mb .foot-about .name { height: 37px; width: 184px; color: #FFF; font-size: 1.3em; background: #34cbf1; text-align: center; line-height: 1.8em;   } 
.mb .foot-about .words { border: solid 1px #34cbf1; text-indent: 24px; padding: 16px 8px; } 
.mb .foot-img { padding: 22px 0 22px; text-align: center; display: block; } 
.mb .foot-about img { float: left; width: 45%; } 
.mb .foot-about img.left { margin-right: 10%; } 
.mb .article-style-1-title {  line-height: 1.6em !important; font-size: 1.1em !important; background: #eaf7f9; color: #000; font-weight: normal; padding: 8px 0 8px 16px;; position: relative; box-shadow: 2px 2px 4px #dad9da; margin-bottom: 12px;   } 
.mb .article-style-1-title .blue { display: block; background: #34cbf1; width: 11px; height: 100%; position: absolute; top: 0; left: 0;  } 
.mb .article-style-1-content {background: #f8f8fa; border: solid 1px #ebebeb; padding: 12px 8px; text-indent: 24px; margin-bottom: 24px;   } 
.mb .article-style-1-content img { display: block; margin: 12px 0 12px; text-indent: 0; width: 100%; } 
.mb .share { display: none; }