@import url('base.css?v3-31');

body {background-color:#F8F8F9;background-image:linear-gradient(to bottom,#E4E4E5,#F8F8F9);background-position:top;background-repeat:no-repeat;background-size:100% 500px;padding:60px 0 0 70px;}


/*单行文本省略号*/
.txt-ellipsis {overflow:hidden;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap;}

/*多行文本省略号*/
.txt-multi-ellipsis {display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;}

.auto-box {max-width:1400px;min-width:1200px;padding:0 20px;margin:0 auto;position:relative;}

@-webkit-keyframes moveBGColor {
  0% {
    background-position:0 -50vh;
  }
  100% {
    background-position:0 50vh;
  }
}

@keyframes moveBGColor {
  0% {
    background-position:0 -50vh;
  }
  100% {
    background-position:0 50vh;
  }
}

.moveBGColor {
  -webkit-animation-name: moveBGColor;
  animation-name: moveBGColor;
}

.main-left-menu {position:fixed;z-index:10;left:0;top:0;bottom:0;padding:15px;width:40px;background-color:#f5f5f5;background-image:linear-gradient(to bottom,#f5f5f5 45%,#ddd 55%,#f5f5f5 100%);animation:moveBGColor 15s linear infinite;}
.main-left-menu .logo {display:block;background:#F67524;border-radius:5px;overflow:hidden;}
.main-left-menu .logo img {display:block;width:100%;}

.main-left-menu .helpIcon {width:30px;height:30px;text-align:center;line-height:30px;position:fixed;bottom:15px;left:20px;background:#6D98FC;border-radius:100%;font-weight:bold;color:#fff;}

.main-left-menu .list {display:block;margin-top:15px;position:relative;}
.main-left-menu .list li {text-align:center;margin-top:0.5%;position:relative;}
.main-left-menu .list li a {display:block;line-height:40px;text-align:center;color:#999;transition:all .3s;letter-spacing:2px;}
.main-left-menu .list li a[href="IsWorking"] {color:#999;}
.main-left-menu .list li .tip {display:none;position:absolute;top:50%;left:60px;margin-top:-12px;background:rgba(19,24,44,0.9);height:24px;line-height:24px;padding:0 5px;border-radius:3px;color:#fff;word-break:keep-all;}
.main-left-menu .list li:before {display:none;position:absolute;top:50%;left:50px;margin-top:-5px;content:'';width:0px;height:0px;overflow:hidden;border:5px solid transparent;border-right-color:rgba(19,24,44,0.9);}

.main-left-menu .list li.isWorking {display:none;}
.main-left-menu .list li.isWorking .tip {background:#999;}
.main-left-menu .list li.isWorking:before {border-right-color:#999;}

.main-left-menu .list li:hover a {color:#000;}
.main-left-menu .list li:hover .tip {display:block;}
.main-left-menu .list li:hover:before {display:block;}

.main-header {position:fixed;left:70px;right:0;top:0px;z-index:999;height:32px;padding:12px 2%;transition:background .3s;}
.main-header>div {height:32px;position:relative;}
.main-header .list {height:16px;line-height:16px;padding:8px 18px;border-radius:32px;width:360px;background:#F67524;margin:0 auto;overflow:hidden;text-align:center;}
.main-header .list a {color:#fff;transition:all .3s;}
.main-header .list a:hover {color:#000;}
.main-header .list span {margin:0 15px;color:#fff;}
.main-header .list span:first-child {margin-left:0;}
.main-header .list span:last-child {margin-right:0;}
.main-header .list span.split {text-shadow:1px 0 0 #999;}
.main-header .right {position:absolute;width:150px;right:0px;top:0px;text-align:right;display:none !important;}
.main-header .right a {height:22px;line-height:22px;width:56px;margin:4px 5px;border:1px solid #F67524;border-radius:4px;display:inline-block;text-align:center;}
.main-header .right a.reg {background:#F67524;color:#fff;}
.main-header .right a.log {background:#fff;color:#000;}

.main-header .user-menu {position:absolute;width:32px;height:32px;right:-1px;top:0;}
.main-header .user-menu>div {width:32px;height:32px;position:relative;}
.main-header .user-menu>div .title {font-size:18px;line-height:30px;text-align:center;background:#fff;border-radius:32px;transition:all .3s;z-index:2;position:relative;border:1px solid #ccc;}
.main-header .user-menu>div .dropdown-menu {width:130px;right:0;top:30px;background:#fff;border-radius:3px 0 3px 3px;border:1px solid #ccc;z-index:1;}
.main-header .user-menu>div .dropdown-menu ul {padding:5px 10px;}
.main-header .user-menu>div .dropdown-menu li {padding:2px 0;}
.main-header .user-menu>div .dropdown-menu li.split {border-top:1px solid #ccc;margin:5px 8px;}
.main-header .user-menu>div .dropdown-menu li a {display:block;padding:5px 10px;line-height:16px;text-align:left;border-radius:3px;transition:all .3s;}
.main-header .user-menu>div .dropdown-menu li a i {margin-right:8px;}
.main-header .user-menu>div .dropdown-menu li a:hover {text-indent:5px;background:#eee;}

.main-header .user-menu>div:hover .title {border-radius:5px 5px 0 0;border-bottom-color:#fff;}
.main-header .user-menu>div:hover .dropdown-menu {display:block;animation:fadeInUp .3s;}

.main-header.fixed {background:rgba(255,255,255,0.7);}

.staticTip {position:absolute;right:20px;top:0px;width:280px;overflow:hidden;}
.staticTip::before {content:'';margin-left:200px;clear:both;display:block;font-size:0;overflow:hidden;width:0px;height:0px;border-style:solid;border-width:8px 8px;border-color:transparent;border-bottom-color:rgba(0,0,0,0.5);}
.staticTip .box {background:rgba(0,0,0,0.5);padding:10px;border-radius:6px;font-weight:normal;}
.staticTip .box .txt {color:#fff;word-break:break-all;overflow:hidden;}
.staticTip .box .txt .flagTxt {color:#ffff00;font-weight:bold;}

.staticTipImgSearchBut {z-index:1000;top:20px;right:-45px;width:200px;overflow:visible;}
.staticTipImgSearchBut::before {margin-left:120px;position:relative;z-index:1;}
.staticTipImgSearchBut .closeBut {width:16px;height:16px;line-height:16px;text-align:center;float:right;border:1px solid #fff;border-radius:3px;color:#fff;font-size:12px;cursor:pointer;}
.staticTipImgSearchBut .box {background:#444;box-shadow:0px 0px 5px 2px #999;-o-box-shadow:0px 0px 5px 2px #999;-webkit-box-shadow:0px 0px 5px 2px #999;-moz-box-shadow:0px 0px 5px 2px #999;}


.errMessage {border:1px solid #ddd;background:#f0f0f0;padding:5%;width:40%;text-align:center;font-size:20px;color:#999;margin:0 auto;}
.disable {color:#999 !important;}
.disableBG {background-color:#999 !important;}

.pagePos {padding:15px;border:1px solid #e8e8e8;height:20px;font-size:14px;clear:both;background:#fff;margin-top:25px;margin-bottom:25px;border-radius:4px;}
.pagePos span {margin-left:10px;display:inline-block;}
.pagePos span::before {content:'-';margin-right:10px;}

/*----------------首页部分开始----------------*/
.website-nav {overflow:hidden;position:relative;}
.website-nav img {display:block;width:100%;}
.website-nav div {float:left;margin-left:2%;margin-bottom:2%;background:#ccc;}
.website-nav .big-left {width:36%;}
.website-nav .big-cen {width:38%;position:absolute;left:38%;}
.website-nav .big-right {width:18%;float:right;margin-right:2%;}
.website-nav .sma-cen-1 {width:18%;position:absolute;left:38%;bottom:0;}
.website-nav .sma-cen-2 {width:18%;position:absolute;left:58%;bottom:0;}
.website-nav .item {width:30.6666%;}
.website-nav a[href="IsWorking"] img {filter:grayscale(100%);opacity:0.6;}

.project-part {clear:both;overflow:hidden;margin:2%;padding-top:2%;width:96%;border-top:1px solid rgba(160, 175, 185, 0.15);}
.project-part .title {font-weight:bold;clear:both;overflow:hidden;}
.project-part .title .en {color:#adb5bd;font-size:16px;}
.project-part .title .cn {font-size:18px;}
.project-part .title .fr {margin-top:18px;}

.project-part .list {overflow:hidden;}
.project-part .list .item {float:left;margin:1.2% 0 0 1.2%;width:11.45%;}
.project-part .list .item:nth-child(8n+1) {margin-left:0;}
.project-part .list .item img {display:block;width:100%;background:#eee;}
.project-part .list .item a {display:block;}
.project-part .list .item span {display:block;padding:5px 0;line-height:16px;height:16px;}
.project-part .viewMore {padding:2vw 0;text-align:center;}
.project-part .viewMore a {line-height:28px;display:inline-block;padding:0 15px 0 25px;background:#ddd;color:#333;border-radius:28px;transition:all .3s;}
.project-part .viewMore a:hover {background:#F67524;color:#fff;}
/*----------------首页结束----------------*/

footer .copyRight {line-height:1.8em;text-align:center;}
footer .copyRight span {display:inline-block;margin:0 10px;}

.rightBottomMenu {position:fixed;right:5px;bottom:10px;width:40px;padding:5px;z-index:100;user-select:none;}
.rightBottomMenu>div {width:40px;height:40px;border-radius:40px;font-size:20px;background:#fff;box-shadow:0 0 5px rgba(0,0,0,0.3);margin-top:15px;overflow:hidden;}
.rightBottomMenu>div:hover {background:#1bb2ff;color:#fff;}
.rightBottomMenu>div:hover a {color:#fff;}
.rightBottomMenu>div i.aicf {text-align:center;width:40px;height:40px;line-height:40px;display:inline-block;overflow:hidden;}
.rightBottomMenu>div.menus div {text-align:left;}
.rightBottomMenu>div.menus i.aicf {float:left;}
.rightBottomMenu>div.menus a {float:left;font-size:16px;margin:0 0 0 20px;line-height:40px;height:40px;word-break:keep-all;}
.rightBottomMenu>div.menus:hover {width:320px;margin-left:-280px;}
.rightBottomMenu>div.menus:hover i.aicf {background:#fff;border-radius:100%;color:#000;}

/*.rightBottomMenu>div.menus.help a:nth-child(3),.rightBottomMenu>div.menus.help a:nth-child(4) {display:none;}*/
.rightBottomMenu>div.menus.help:hover {width:240px !important;margin-left:-200px !important;}

.rightBottomMenu>div.beiAnCode {width:160px;left:-120px;position:relative;font-size:14px;line-height:40px;text-align:center;}


/*----------------帮助中心页开始----------------*/
.help-part {width:96%;margin-left:2%;background:#fff;border-radius:3px;min-height:-webkit-calc(100vh - 100px);min-height:-moz-calc(100vh - 100px);min-height:calc(100vh - 100px);overflow:hidden;position:relative;}
.help-part .help-part-left {position:absolute;top:0;left:0;bottom:0;background:#eee;width:240px;padding:10px 0;}
.help-part .help-part-left>.title {padding:5px;font-size:22px;line-height:30px;border-bottom:1px solid #ccc;color:#666;font-weight:500;margin:0 25px;}
.help-part .help-part-left>.list {margin-top:15px;}
.help-part .help-part-left>.list li {padding-left:25px;transition:all .3s;}
.help-part .help-part-left>.list li a {display:block;line-height:48px;text-indent:-15px;transition:all .3s;overflow:hidden;}
.help-part .help-part-left>.list li a:before {content:'- ';display:inline-block;width:15px;}
.help-part .help-part-left>.list li:hover,.help-part .help-part-left>.list li.hover {background:#fff;}
.help-part .help-part-left>.list li:hover a {text-indent:0;}
.help-part .help-part-left>.list li.hover a {text-indent:0;}

.help-part .help-part-right {margin-left:240px;padding:50px;}
.help-part .help-part-right>.title {font-size:22px;line-height:30px;color:#666;font-weight:500;}

/*----------------帮助中心页结束----------------*/

.article-content {padding:5% 0;font-size:14px;line-height:1.8em;overflow:hidden;}
.article-content p  {margin:0.5em 0;font-size:1.2em;line-height:1.8em;}
.article-content h6 {margin:0.5em 0;font-size:1.3em;line-height:1.8em;}
.article-content h5 {margin:0.5em 0;font-size:1.4em;line-height:1.8em;}
.article-content h4 {margin:0.5em 0;font-size:1.5em;line-height:1.8em;}
.article-content h3 {margin:0.5em 0;font-size:1.6em;line-height:1.8em;}
.article-content h2 {margin:0.5em 0;font-size:1.7em;line-height:1.8em;}
.article-content h1 {margin:0.5em 0;font-size:1.8em;line-height:1.8em;}

.article-content img {max-width:100% !important;}

.aboutus {position:relative;overflow:hidden;max-width:1280px;}
.aboutus>img {display: block;width:100%;}
.aboutus>.txts {position:absolute;padding:80px 70px;top:0;right:0;bottom:0;left:50%;background-color: rgba(70,70,70,0.9);color:#fff;z-index:1;}
.aboutus .title {font-size:36px;font-weight:bold;}
.aboutus .title>span {border-bottom:6px solid #FAB301;}
.aboutus .sec-title {color:#FAB301;font-size:22px;text-align: center;margin-top: 20px;}
.aboutus .content {text-indent: 2.5em;padding:30px 0;}


/*大的标题*/
.bigTitle-cen {padding:40px 0 20px 0;text-align:center;clear:both;}
.bigTitle-cen .title {font-size:22px;font-weight:bold;text-align:center;line-height:30px;padding-bottom:10px;}
.bigTitle-cen .txt {font-size:14px;color:#999;line-height:22px;}


@media only screen and (max-width:1600px) {
    .aboutus>.txts {padding:40px 30px;}
}

@media only screen and (max-width:1460px) {
    .aboutus>.txts {left:30%;}
}

@media only screen and (max-width:1360px) {
    .aboutus>.txts {position: relative;left:0;color:#000;background-color: #fff;padding: 80px 0px;}
}

@media only screen and (max-width:540px) {
    .main-header>div {padding-right:40px;}
    .main-header .list {padding:8px 8px;width:240px;}
    .website-nav div {float:none !important;width:96% !important;position:unset !important;}
    .main-header .list span {margin:0 3px;}
    .project-part .list .item {float:left;width:47%;margin-left:2% !important;margin-top:3vw;}
}