锘緻charset "utf-8";
/* CSS Document */
@import "font.css";
@media all and (-webkit-read-only) {
    /* 鍦ㄩ槄璇绘ā寮忎笅鐨勬牱寮 */
    body {
        font-size: 14px; /* 璁剧疆涓€涓€傚綋鐨勫瓧浣撳ぇ灏 */
        
    }
}


html {
    width: 100%;
    background: none;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
}
body {
    margin: 0;
    padding: 0;
    min-width: 1180px;
    background: #f8f8f8;
    font-weight:normal;
    font-size:14px;
    color: #666;
    line-height: 24px;
    letter-spacing: 1px; /*璁惧畾瀛椾綋闂磋窛鐨勫睘鎬?/
}
* { padding: 0; margin: 0 auto; list-style-type: none; outline: 0; font-size: 100%; font-family:'SourceHanSansCN-Regular'; }
a { text-decoration: none; border: none; color: #666; cursor: pointer; outline: none; }
a:hover { text-decoration: none; }
img { border: none; border-width: 0px; }
/* 娓呯悊鍏冪礌榛樿鏍峰紡 */
textarea, select, input { appearance: none; -moz-appearance: none; -webkit-appearance: none; }
/*select::-ms-expand{
    display:none;
}*/
/*========================*/
ul li { list-style: none; padding: 0; margin: 0; }
h1,
h2,
h3,
h4,
h5,
h6,
p { margin: 0px; font-weight: normal; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }
button { border: none; background: transparent; }
table { border-collapse: collapse; border-spacing: 0 }
th, td {
    border: 1px solid #ddd; /* 璁剧疆杈规 */
    padding: 8px; /* 鍗曞厓鏍煎唴杈硅窛 */
}

th {
    background-color: #f2f2f2; /* 琛ㄥご鑳屾櫙鑹 */
}
/*===============================All the documents of general Settings================================*/
.insideBox { width: 1120px; margin: 0 auto; }
.minWidthCon { width: 100%; min-width: 1120px; }
.solveCaseBox { margin: 0 auto; padding-top: 100px; padding-bottom: 98px; }
.cNewsContainer { padding-top: 100px; width: 100%; overflow: hidden; }
.oneNameTitle { height: 60px; font-size: 20px; line-height: 60px; text-align: center; margin-bottom: 80px; background: transparent; color: #292929; }
.oneNameTitle:after { content: ''; display: block; width: 70px; height: 2px; margin: 0 auto; position: relative; top: -14px; background: #d71617; }
.oneNameTitle img { display: inline-block; margin-right: 12px; height: 30px; width: auto; vertical-align: middle; }
.oneNameTitle span { display: inline-block; font-size: 20px; color: #292929; margin-left: 2px; position: relative; top: -2px; background: url('../images/hangLine.svg') left 42px no-repeat; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/hangLine.svg",sizingMethod='scale'); }
.topLine { height: 30px; width: 100%; min-width: 1120px; line-height: 30px; background: #efefef; }
.topLine ul.menuTopUser { float: right; padding-right: 30px; }
.topLine ul.menuTopUser li { float: left; width: 75px; font-size: 12px; color: #999; }
.topLine ul.menuTopUser li img { float: left; width: 14px; height: 14px; padding-top: 8px; padding-right: 5px; }
.topMenuWeb { width: 100%; min-width: 1120px; height: 65px; background: #fff; border-bottom: 1px solid #efefef; }
.topMenuWeb .leftLogoBox { float: left; height: 65px; padding-left: 30px; line-height: 65px; }
.topMenuWeb .leftLogoBox img { display: inline-block; width: 98px; height: auto; vertical-align: middle; }
.topMenuWeb .rightMenuBox { float: right; padding-right: 30px; }
.topMenuWeb .rightMenuBox ul li { float: left; width: 120px; height: 63px; cursor: pointer; }
.topMenuWeb .rightMenuBox ul li a { display: block; margin-top: 24px; height: 40px; font-size: 16px; color: #000; text-align: center; line-height: 16.25px; border-right: 1px solid #eee; }
.topMenuWeb .rightMenuBox ul li:last-child a { border-right: none; }
.topMenuWeb .rightMenuBox ul li.active { position: relative; border-bottom: 2px solid #d71718; }
.topMenuWeb .rightMenuBox ul li.active:after { position: absolute; bottom: -2px; left: 55px; content: ''; width: 0; height: 0; border: 8px solid transparent; border-bottom: 10px solid #d71718; }
.bannerOutSideBox { position: relative; width: 100%; overflow: hidden; margin-top: -1px; /*display: inline-block; padding-bottom: 97px;*/ background: #fff; }
.bannerInsideBox { position: absolute; width: 1120px; left: -560px; margin-left: 50%; height: 525px; }
.bannerInsideBox .insideleft { width: 305px; height: 525px; background: #d71718; float: left; }
.bannerOutSideBox .leftRedBox { width: 50%; height: 525px; background: #d71718; float: left; margin-left: -295px; }
.bannerOutSideBox .rightBlackBox { float: right; height: 468px; width: 50%; padding-left: 295px; background: url('../images/bannerBg.jpg') left top, #292929; background-size: auto 100%; position: relative; overflow: hidden; background-repeat-x: repeat; }
.bannerOutSideBox .rightBlackBox .maskLayerBox { width: 100%; height: 100%; background: rgba(0,0,0,.65); overflow: hidden; padding-left: 295px; margin-left: -295px; }
.bannerOutSideBox .rightBlackBox img { height: 290px; position: absolute; top: 98px; left: 355px; overflow: hidden; }
.bannerContentBox { position: absolute; left: 6.2%; bottom: 0; z-index: 1; width: 41.5%; overflow: hidden; }
.bannerShower img { width: 100%; }
.sltCtr { position: absolute; left: 2.5%; top: 3.5%; width: 95%; height: 68%; }
.sliderContainer { height: 100% !important; }
.sliderContainer ul.sysul { height: 100% !important; }
.sliderContainer .sliderLi { float: left; }
.bottomSpaceIndex .dots,.sltCtr .dots { position: absolute; left: 0; right: 0; top: 105%; text-align: center; height: 17%; }
.bottomSpaceIndex .dots li,.sltCtr .dots li { display: inline-block; background: #000; width: 2%; height: 20.9%; margin: 3.5% 2.5% 0; text-indent: -999em; border-radius: 800px; cursor: pointer; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s; }
.bottomSpaceIndex .dots li.active,.sltCtr .dots li.active { background: #d71718; opacity: 1; }
.bottomSpaceIndex .dots{bottom:10px;height:20px;top: inherit;}
.bottomSpaceIndex .dots li{margin:5px 5px 0 0;}
.bannerOutSideBox .tattoo { position: absolute; width: 42%; height: 89%; left: 54.8%; top: 0; }
.bannerOutSideBox .tattoo img { opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); }
.bannerOutSideBox .tattoo .banner-img { position: absolute; display: block; -o-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; opacity: 0; }
.bannerOutSideBox .tattoo .banner-btn-apply {top: 71.2%; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; padding: 11px 30px; text-align: center; background-color: #D81718; color: white; border-radius: 5px; font-size: 16px; display: block; position: absolute; -webkit-animation: bounceLeft 1s ease both; -moz-animation: bounceLeft 1s ease both; -o-animation: bounceLeft 1s ease both; animation: bounceLeft 1s ease both; cursor: pointer;}
.bannerOutSideBox .tattoo .ai-banner-img { top: 42%; left: 0%; width: 81%; -webkit-animation: bounceLeft 1s ease both; -moz-animation: bounceLeft 1s ease both; -o-animation: bounceLeft 1s ease both; animation: bounceLeft 1s ease both; }
.bannerOutSideBox .tattoo .gong-banner-img { top: 60.2%; left: 0.5%; z-index: 20; width: 42%; -webkit-animation: bounceRight 1s ease both; animation: bounceRight 1s ease both; }
.bannerOutSideBox .tattoo .dian-banner-img { top: 19%; left: 52%; z-index: 11; width: 56.5%; -webkit-animation: bounceIn 1s 0.7s ease both; -moz-animation: bounceIn 1s 0.7s ease both; -o-animation: bounceIn 1s 0.7s ease both; animation: bounceIn 1s 0.7s ease both; -webkit-animation-delay: 0.7s; transition-delay: 0.7s; -moz-animation-delay: 0.7s; -o-animation-delay: 0.7s; }
/*.bannerOutSideBox .bannerContentBox {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  width: 1040px;
  height: 555px;
  margin: 0 auto;
  background: transparent;
}*/
/*.bannerShower img {
  margin-top: 136px;
   margin-left: -194px; 
  width: auto;
  height: 457px;
}*/
.pBoxContainer { margin-bottom: 120px; }
.slider img { margin-top: 0px; }
.firstContentBox { position: relative; width: 100%; min-width: 1120px; height: auto; }
.firstContentBox .productBox { width: 100%; padding-top: 120px; }
.firstContentBox .productBox .productOur { width: 1120px; }
.firstContentBox .productBox .productOur ul li { float: left; width: 216px; height: 184px; text-align: center; padding-top: 40px; }
.firstContentBox .productBox .productOur ul li img { width: 100px; height: 100px; transition: transform .3s ease-out .1s; -webkit-transition: transform .3s ease-out .1s; -moz-transition: transform .3s ease-out .1s; -o-transition: transform .3s ease-out .1s; }
.firstContentBox .productBox .productOur ul li:hover img { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
.firstContentBox .productBox .productOur ul li p { padding-top: 30px; font-size: 15px; color: #292929; }
.firstContentBox .productBox .foldBtn { text-align: center; }
.firstContentBox .productBox .foldBtn button { width: 130px; height: 36px; margin: 0 auto; color: #292929; line-height: 34px; background: transparent; border: 1px solid #292929; }
.firstContentBox .productBox .foldBtn button img { display: inline-block; width: auto; height: 10px; margin-right: 8px; vertical-align: middle; }
.firstContentBox .solveCaseBox .caseBox { width: 1120px; height: auto; }
.caseList img { transition: transform .3s ease-out .1s; -webkit-transition: transform .3s ease-out .1s; -moz-transition: transform .3s ease-out .1s; -o-transition: transform .3s ease-out .1s; }
.caseList:hover img { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); }
.firstContentBox .solveCaseBox .caseBox ul li:nth-child(1) { /*margin:0 30px 0 10px;*/ }
.caseList:nth-child(1) > img { width: 111px; height: 111px; left: 74px; top: 57px; }
.firstContentBox .solveCaseBox .caseBox ul li:nth-child(2) { /*margin: 0 30px;*/ }
.caseList:nth-child(2) > img { width: 196px; height: 100px; left: 32px; top: 62px; }
.firstContentBox .solveCaseBox .caseBox ul li:nth-child(3) { /*margin:0 10px 0 30px;*/ }
.caseList:nth-child(3) > img { width: 162px; height: 115px; left: 48px; top: 55px; }
.caseList:nth-child(4) > img { width: 196px; height: 98px; left: 32px; top: 63px; }
.firstContentBox .solveCaseBox .caseBox ul li { float: left; width: 258px; height: 258px; margin-right: 29px; position: relative; background: #fff; }
.firstContentBox .solveCaseBox .caseBox ul li:nth-child(4) { margin-right: 0; }
.firstContentBox .solveCaseBox .caseBox ul li a { position: relative; display: inline-block; width: 258px; height: 258px; }
.firstContentBox .solveCaseBox .caseBox ul li a p { /*   height: 40px; */ margin: 211px 0 24px 0; text-align: center; /*   line-height: 40px; */ color: #000; /*   background: rgba(0, 0, 0, 0.8); */ }
.firstContentBox .solveCaseBox .caseBox ul li a p span { display: inline-block; font-size: 16px; }
.hoverStyle, .basicImg { position: absolute; left: 0px; top: 0px; width: 258px; height: 258px; color: #fff; text-align: center; overflow: hidden; /*   display:none; */ }
.basicImg { opacity: 0; }
.hoverStyle { top: 150px; display: none; }
.firstContentBox .solveCaseBox .caseBox ul li a .hoverStyle h4,
.firstContentBox .solveCaseBox .caseBox ul li a .hoverStyle h6,
.firstContentBox .solveCaseBox .caseBox ul li a .hoverStyle h3 { /* padding-left: 30px; */ font-weight: normal; }
.firstContentBox .solveCaseBox .caseBox ul li a .hoverStyle h4 { margin: 75px auto 0; font-size: 24px; width: 224px; border-bottom: 2px solid #fff; padding-bottom: 10px; /*   /*绉佹湁缂╂斁灞炴€э紱娉細涓嶅吋瀹笽E8浠ヤ笅娴忚鍣
  -ms-transform: scale(1, 1.2);
  transform: scale(1, 1.2);
  /*缂╂斁灞炴€э紱涓や釜鍙傛暟锛?姘村钩缂╂斁姣斾緥,鍨傜洿缂╂斁姣斾緥)锛?琛ㄧず鍘熸瘮渚
  -webkit-transform: scale(1, 1.2);
  -moz-transform: scale(1, 1.2);
  -o-transform: scale(1, 1.2); */ }
.firstContentBox .solveCaseBox .caseBox ul li a .hoverStyle h6 { margin: 94px auto 0; font-size: 20px; line-height: 35px; color: #fff; text-align: center; width: 100%; text-overflow: ellipsis; }
.firstContentBox .solveCaseBox .caseBox ul li a .hoverStyle h3 { margin-top: 60px; font-size: 16px; line-height: 24px; }
.firstContentBox .solveCaseBox .caseBox ul li a .hoverStyle h3 img { display: inline-block; width: 38px; height: auto; margin-left: 8px; vertical-align: middle; }
/* .firstContentBox .solveCaseBox .caseBox ul li:hover .hoverStyle {
  display: block;
} */
.caseBox ul:after { content: '020'; display: block; height: 0; clear: both; visibility: hidden; }
.firstContentBox .softwareBox { width: 100%; overflow: hidden; background: #fff; }
.softwareInsede, .user { height: 600px; margin: 0 auto; position: relative; margin-left: -960px; padding-left: 50%; }
.softwareInsede { position: relative; }
.softwareInsede .softwareleft { position: absolute; height: 600px; width: 1120px; left: 50%; margin-left: -80px; top: 0; }
.softwareInsede .softwareleft h2 { margin-top: 102px; line-height: 64px; font-size: 42px; color: #000; margin-bottom: 56px; }
.softwareInsede .softwareleft .content { width: 324px; line-height: 30px; overflow: hidden; margin-left: 0; border-left: 5px solid #d61917; padding-left: 26px; font-size: 16px; color: #878787; margin-bottom: 40px; }
.softwareInsede .softwareleft .more { width: 120px; line-height: 30px; height: 30px; text-align: center; border-radius: 16px; background: #d61917; font-size: 16px; color: #fff; margin-left: 240px; }
.softwareRight { margin-left: 660px !important; }
.softwareRight .content { border-right: 5px solid #d61917;padding-right: 26px;border-left:none !important}
.insedIndexUserBox { position: relative; height: 600px; margin-left: -960px; padding-left: 50%; }
span.img-btn-user { position: absolute; top: 450px; left: 50%; width: 150px; height: 26px; margin-left: 230px; z-index: 20; line-height: 26px; text-align: center; color: #fff; border-radius: 20px; background: rgba(0,0,0,.4); }
/*span.img-btn-user { position: absolute; top: 492px; left: 50%; width: 100px; height: 26px; margin-left: 270px; z-index: 20; line-height: 26px; text-align: center; color: #fff; border-radius: 20px; background: rgba(0,0,0,.6); }*/
/*span.img-btn-user { position: absolute; top: 440px; left: 50%; width: 230px; height: 34px; font-size: 16px; margin-left: 160px; z-index: 20; line-height: 34px; text-align: center; color: #fff; border-radius: 21px; background: rgba(0,0,0,.6); }*/
a.application-btn-index { position: absolute; top: 492px; left: 50%; display: inline-block; width: 120px; height: 30px; margin-left: 190px; line-height: 30px; text-align: center; color: #fff; border-radius: 20px; background: #d61917; z-index: 12; }
div.look-application-list-index { position: absolute; top: 492px; left: 50%; width: 120px; height: 26px; margin-left: 300px; line-height: 26px; text-align: center; color: #fff; border-radius: 20px; background: rgba(215,23,24,.6); z-index: 12; cursor:pointer; }
.firstContentBox .bottomSpaceIndex { padding-bottom: 80px; margin-bottom: 0px; }
.firstContentBox .userAssemBg { background: #d5d5d6; }
.firstContentBox .solveBoxBg { background: #fff; }
/*.softwareInsede {
	background:url(/images/dev_bg.png) left bottom no-repeat;
}*/
.firstContentBox .softwareBox .softwareInsede .rightTextContent { width: 400px; height: 358px; margin: 18px 60px 0 0; text-align: right; }
.rightTextContent a { display: inline-block; }
.firstContentBox .softwareBox .softwareInsede .rightTextContent h2,
.firstContentBox .softwareBox .softwareInsede .rightTextContent h3 { /*   padding-right: 74px; */ font-weight: normal; }
.firstContentBox .softwareBox .softwareInsede .rightTextContent h2 { margin-top: 50px; padding-bottom: 32px; border-bottom: 1px solid rgba(0,0,0,0.10); }
.firstContentBox .softwareBox .softwareInsede .rightTextContent h2 span { /* display: inline-block; */ font-size: 28px; color: #292929; }
.firstContentBox .softwareBox .softwareInsede .rightTextContent div { margin: 60px 0 80px; font-size: 16px; text-align: left; line-height: 28px; text-indent: 2em; padding-left: 25px; }
.firstContentBox .softwareBox .softwareInsede .rightTextContent h3 { font-size: 16px; }
.firstContentBox .softwareBox .softwareInsede .rightTextContent h3 img, .userLearn img { display: inline-block; width: 38px; height: auto; margin-left: 8px; vertical-align: middle; }

.firstContentBox .copyNewsBox { width: 1120px; margin-bottom: 80px; /*border-top: 1px solid #d8d8d8;*/ }
.firstContentBox .copyNewsBox .innertitle { width: 100%; height: 58px; line-height: 58px; color: #292929; }
.firstContentBox .copyNewsBox .innertitle .left { text-align: left; padding-left: 14px; font-size: 14px; }
.firstContentBox .copyNewsBox .innertitle .left img { }
.firstContentBox .copyNewsBox .innertitle .right { text-align: right; float: right; font-size: 12px; color: #d71718; padding-right: 10px; }
.firstContentBox .copyNewsBox .leftTopSpace { margin: 30px auto; }

.firstContentBox .copyNewsBox ul.news li { float: left; width: 258px; height: 296px; background: #fff; margin-right: 28px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05); box-shadow: 0 1px 2px rgba(0,0,0,0.05); -webkit-transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; overflow: hidden; }
.firstContentBox .copyNewsBox ul.news li:hover { -webkit-box-shadow: 0 8px 15px rgba(0,0,0,0.15); -moz-box-shadow: 0 8px 15px rgba(0,0,0,0.15); box-shadow: 0 8px 15px rgba(0,0,0,0.15); -webkit-transform: translate3d(0,-2px,0); -moz-transform: translate3d(0,-2px,0); transform: translate3d(0,-2px,0); }
.firstContentBox .copyNewsBox ul.news li:nth-child(4) { margin-right: 0; }
.firstContentBox .copyNewsBox ul.news li a { position: relative; display: inline-block; width: 100%; }
.firstContentBox .copyNewsBox ul.news li a .normalBox .imgcontrol { width: 100%; height: 185px; overflow: hidden; }
.firstContentBox .copyNewsBox ul.news li a .normalBox .imgcontrol img { transition: transform .3s ease-out .1s; -webkit-transition: transform .3s ease-out .1s; -moz-transition: transform .3s ease-out .1s; -o-transition: transform .3s ease-out .1s; }
.firstContentBox .copyNewsBox ul.news li a .normalBox:hover .imgcontrol img { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
.firstContentBox .copyNewsBox ul.news li a .normalBox .timeBox { width: 65px; height: 65px; margin: 0; border: 1px solid #494949; color: #494949; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.firstContentBox .copyNewsBox ul.news li a .normalBox .timeBox .dateLine { padding: 5px 5px 0px 5px; font-size: 18px; color: #494949; line-height: 32px; }
.firstContentBox .copyNewsBox ul.news li a .normalBox .timeBox .yearLine { padding: 0px 5px 5px 5px; }
.firstContentBox .copyNewsBox ul.news li a .normalBox h2 { overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; margin: 18px 16px 18px; font-size: 14px; line-height: 24px; height: 48px; }
.firstContentBox .copyNewsBox ul.news li a .normalBox .newsCont { font-size: 14px; font-weight: normal; color: #666; height: 72px; overflow: hidden; position: relative; }
.firstContentBox .copyNewsBox ul.news li a .normalBox .hoverTime { margin: 0 16px; font-size: 12px; line-height: 22px; color: #999; }
.firstContentBox .copyNewsBox .userart { width: 100%; overflow: hidden; }
.firstContentBox .copyNewsBox .userart .leftimg { width: 504px; height: 360px; overflow: hidden; float: left; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.firstContentBox .copyNewsBox .userart .leftimg img { transition: transform .3s ease-out .1s; -webkit-transition: transform .3s ease-out .1s; -moz-transition: transform .3s ease-out .1s; -o-transition: transform .3s ease-out .1s; }
.firstContentBox .copyNewsBox .userart .leftimg:hover img { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
.firstContentBox .copyNewsBox .userart ul.arts { width: 606px; height: 360px; overflow: hidden; float: right; border-top-right-radius: 4px; border-bottom-right-radius: 4px; background: #fff; }
.firstContentBox .copyNewsBox .userart ul.arts .time { float: left; width: 120px; height: 120px; color: #292929; text-align: center; }
.firstContentBox .copyNewsBox .userart ul.arts .time h2 { font-size: 34px; margin-top: 35px; line-height: 32px; }
.firstContentBox .copyNewsBox .userart ul.arts .time h6 { font-size: 12px; line-height: 24px; }
.firstContentBox .copyNewsBox .userart ul.arts .artpl { width: 606px; height: 120px; overflow: hidden; }
.firstContentBox .copyNewsBox .userart ul.arts h3 { font-size: 14px; margin-top: 26px; line-height: 40px; height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666; }
.firstContentBox .copyNewsBox .userart ul.arts p { font-size: 12px; line-height: 20px; height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #999; }
.firstContentBox .copyNewsBox .userart ul.arts .artpl:hover .time { color: #d71718; }
.firstContentBox .copyNewsBox .userart ul.arts .artpl:hover h3 { color: #d71718; }
.firstContentBox .copyNewsBox .readeNewsMoreBtn { width: 100%; height: 20px; margin-top: 20px; font-size: 14px; text-align: right; line-height: 20px; }
.firstContentBox .copyNewsBox .readeNewsMoreBtn a { display: inline-block; height: 20px; vertical-align: middle; color: #666; }
.firstContentBox .copyNewsBox .readeNewsMoreBtn a:hover { color: #d71718; }
.firstContentBox .copyNewsBox .readeNewsMoreBtn span { position: relative; display: inline-block; width: 15px; height: 15px; margin-left: 4px; color: #fff; text-align: center; line-height: 15px; background: #666; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }
.firstContentBox .copyNewsBox .readeNewsMoreBtn a:hover span { background: #d71718; }
.firstContentBox .copyNewsBox .readeNewsMoreBtn span:after { position: absolute; top: 4px; left: 2px; content: ''; width: 6px; height: 6px; border-right: 1px solid #fff; border-top: 1px solid #fff; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); }
.firstContentBox .uesrAssembly .leftAlign { text-align: left; padding-left: 25px; }
.addWhiteBg { padding-top: 100px; padding-bottom: 93px; background: #fff; }


@keyframes moveUp {
    from { opacity: 1; bottom: -390px; }
    to { opacity: 0; bottom: 0px; }
}

@-moz-keyframes moveUp {
    from { opacity: 1; bottom: -390px; }

    to { opacity: 0; bottom: 0px; }
}

@-webkit-keyframes moveUp {
    from { opacity: 0; bottom: -390px; }

    to { bottom: 0px; }
}

@-o-keyframes moveUp {
    from { opacity: 1; bottom: -390px; }
    to { opacity: 0; bottom: 0px; }
}

.mask { width: 258px; height: 258px; position: absolute; background: #000; opacity: 0.65; }
.showFold { text-align: center; margin: 50px 0 0; }
.showFold button { background: #595959; border-radius: 20px; width: 112px; height: 26px; color: #fff; }
.rBtn { display: none; }
.lBtn img, .rBtn img { padding: 6px 0; width: 14px; }
.rBtn span, .lBtn span { position: relative; top: -8px; left: 2px; }

ul.group { height: 448px; width: 1080px; overflow: hidden; transition: height linear .5s; }
.basicImg img { border-radius: 6px; }
.softwareLogo { width: 28px; vertical-align: bottom; }
.leftImgBox { height: 446px; width: 628px; position: relative; }
.user .fr { height: 446px; position: relative; }
.leftImgBox img, .fr img { width: 640px; height: 100%; }
.rMask { height: 0; width: 0; border-color: transparent #f4f4f4 #f4f4f4 transparent; border-width: 223px 79px 223px 79px; border-style: solid; position: absolute; right: -12px; top: 0; }
.lMask { height: 0; width: 0; border-color: #f4f4f4 transparent transparent #f4f4f4; border-width: 223px 91px 223px 91px; border-style: solid; position: absolute; left: -4px; top: 0; }
.learnMore { height: 18px; line-height: 18px; width: 144px; color: #d71718; display: inline-block; text-align: center; }
.activeTitle { color: #000; margin-top: 70px; line-height: 26px; text-align: left; text-indent: 20px; font-size: 24px; padding-bottom: 32px; border-bottom: 1px solid rgba(0,0,0,0.10); font-weight: normal; }
.userActive { width: 410px; margin-left: 50px; }
.userActive a { display: block; text-align: right; color: #d71718; }
.userLearn { text-align: right; margin-left: 16px; height: 28px; display: inline-block; }
.userLearn a { width: 156px; height: 28px; line-height: 28px; color: #d71718; text-align: left; }
.userLearn img { margin: 0 8px 0 0; }
.activeContent { margin: 56px 0 92px; text-align: left; text-indent: 20px; font-size: 16px; height: 72px; }
/*.tfLogo {
	position:absolute;
	right:-70px;
	bottom:-40px;
}*/
.learnMask { position: absolute; left: 436px; bottom: 38px; }
/*.bannerShower {
	position:relative;
}*/

.caseList > img { position: absolute; }
.adderText p { line-height: 12px; font-size: 12px; margin-bottom: 8px; }
.assistLogo { width: 30px; height: 30px; text-align: center; color: #666; font-size: 14px; background: #fff; margin-bottom: 8px; position: fixed; top: 298px; right: 0; z-index: 2; cursor: pointer; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; }
.goTop { top: 426px; }
.goTop:hover { color: #292929; }
.lInfo { width: 30px; text-align: center; font-size: 10px; line-height: 13px; padding: 5px 0; }
.innerInfo { width: 24px; font-size: 12px; }
.innerSecInfo { padding: 2px 0; }
.lInfo p { margin-bottom: 2px; }
.innerInfo img { width: 24px; margin-bottom: 2px; }
.goTop .lInfo { padding-top: 0; }
.goTop .lInfo img { height: 14px; width: 12px; }
.lInfo .triangle:after { content: ''; display: block; width: 0; height: 0; border-bottom: 7px solid transparent; border-top: 7px solid transparent; border-right: 7px solid #d71718; border-left: 7px solid transparent; margin-top: 6px; }
.originInfo { height: 120px; }
.originInfo .rInfo { display: none; font-size: 12px; letter-spacing: 0; text-align: left; }
.rInfo h3 { color: #292929; margin: 18px 0 20px; line-height: 12px; font-weight: normal; }
.originInfo:hover { width: 211px; background: #F2F2F2; border-bottom-left-radius: 5px; border-top-left-radius: 5px; }
.originInfo:hover .rInfo { display: block; float: right; width: 122px; padding: 0 40px 8px 18px; border-left: 1px solid rgba(255,255,255,0.90); }
.originInfo:hover .rInfo p { line-height: 18px; margin-bottom: 2px; }
.originInfo:hover .lInfo { float: left; }
.originInfo:hover .lInfo .triangle:after { transform: rotate(180deg); margin-left: 8px; }
.qqLogo { display: inline-block; margin-left: 12px; vertical-align: bottom; }
/*杞欢璇︽儏椤?/
header { width: 100%; position: fixed; top: 0; z-index: 1; }
.index { width: 100%; position: relative; height: 56px; }
.moduleContainer { height: 55px; color: #292929; top: 0; z-index: 1; background: #fff; border-bottom: 1px solid #e6ebed; }
.mainMoudle { width: 1120px; text-align: center; margin: 0 auto; /*padding:0 89px;*/ }
.lMoudle { float: left; /*position: relative;
    padding-left: 205px;*/ }
.moudleList { font-size: 0; letter-spacing: 0; float: left; }
.moudleList li { display: inline-block; font-size: 14px;width: 110px; line-height: 80px; }
.moudleList li:nth-child(3) {
    width: 160px;
}
.moudleList li:nth-child(4) {
    width: 160px;
}
.moudleList li.active { border-bottom: 2px solid #d71718; }
.moudleList li.active a { color: #d71718; }
.moudleList li a { color: #fff;}
.moudleList li:nth-child(1) { width: 88px; }
.lang_area {
    font-size: 0;
    letter-spacing: 0;
    float: left;
    width: 110px;
}

    .lang_area li {
        display: inline-block;
        font-size: 14px;
        line-height: 55px;
    }

    .lang_area .s_line {
        font-size: 16px;
        color: #292929;
        margin: 0 10px 0 6px;
    }

    .lang_area .lang_ch, .lang_area .lang_en {
        font-size: 16px;
        color: #878787;
        cursor: pointer;
    }

    .lang_area .current {
        color: #292929;
        font-weight: bolder;
    }
.logo { /*position: absolute;
    left: 0;
    top: 16px;
    width: 130px;
    height:54px;*/ background: #fff; }
.logo img { margin: 7px 0; width: 100px; }
.rMoudle { float: right; font-size: 14px; /*line-height: 50px;*/ }
.rMoudle a { color: #fff; }
.switchLanguage { width: 150px; float: left; }
.opt.active { display: none; }
.opt img { width: 33px; height: 16px; vertical-align: middle; }
.userLogin { float: right; }
.load { float: left; width: 70px; height: 26px; margin: 26px 8px; border: 1px solid #ccd5db; border-radius: 4px; line-height: 26px; cursor: pointer; }
.register { float: left; width: 76px; height: 26px; margin: 13.5px 8px; border: 1px solid #e23839; border-radius: 4px; line-height: 26px; cursor: pointer; }

.register { float: right; background: #e23839; color: #fff; }
.userAccount { float: left; width: 68px; height: 50px; padding-left: 20px; text-align: right; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.register:hover { background: #d71718; }
.load:hover { background: #d71718; color: #fff; border: 1px solid #d71718; }
.register img { width: 20px; height: 16px; /*vertical-align: middle;*/ }
.mainContent { background: #fbfbfb; min-width: 1278px; width: 100%; color: #292929; }
.mainLayout { width: 1278px; padding: 126px 0 105px; }
#sideMask { position: fixed; top: 126px; margin-left: 90px; box-shadow: 0 0 1px 1px #e5e5e5; width: 202px; /*height: 290px;*/ }
.industry, .commonProblem, .introduce { margin-left: 90px; position: fixed; top: 126px; width: 226px; }
/*鑷畾涔夋粴鍔ㄦ潯鏍峰紡 */
.commonProblem::scrollbar-face-color { color: transparent; }

.commonProblem::-wekit-scrollbar { width: 4px; background: #fff; }
.commonProblem::-weblit-scrollbar-track { display: none; }
.commonProblem::-webkit-scrollbar-thumb { height: 50px; border-radius: 2px; color: #f4f4f4; }
.commonProblem::-webkit-scrollbar-button { display: none; }
.industryLists > li, .problemOpts > li, .introduce li { width: 202px; cursor: pointer; font-size: 14px; line-height: 60px; text-align: left; padding-left: 25px; background: #fff; /*overflow-x:hidden;*/ }
.problemOpts > li .subClassic { display: none; }
.problemOpts > li:nth-child(1) .subClassic { display: block; }
.industryLists li.active { background: #D71718; }
.industryLists > li:hover, .subClassic > li:hover, .introduceLists > li:hover { color: #D71718; /*width: 182px;*/ background: #f4f4f4; }
.industryLists li.active, .subClassic li.active, .introduceLists li.active { color: #fff; position: relative; background: #D71718; }
.problemOpts > li { padding-left: 0; }
.introduceLists li, .industryLists li { width: 178px; }
.classic { padding-left: 25px; }
.subClassic > li { width: 199px; height: 60px; cursor: pointer; text-align: center; padding: 0; background: #fff; font-size: 14px; color: #747474; margin-left: 3px; }
.industryLists li.active .triangle:after, .subClassic li.active .triangle:after, .introduce li.active .triangle:after { content: ''; display: block; width: 0; height: 0; position: absolute; right: -20px; top: 20px; border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-right: 10px solid transparent; border-left: 10px solid #d71718; }
.industry_case, .employDetail { float: left; padding-left: 365px; width: 826px; text-align: center; }
.industry_title { font-size: 16px; line-height: 18px; }
.line { display: block; width: 70px; height: 2px; margin-top: 4px; background: #d71718; }
.lists, .cases, .detailInfo { padding: 60px; height: 1050px; background: #fff; border: 1px solid #E5E5E5; }
.options { text-align: left; height: 40px; }
.optProblem, .employOpt { width: 120px; font-size: 14px; font-family: 'OPPOSans'; line-height: 16px; padding: 12px 0; cursor: pointer; background: #f9f9f9; border-top: 1px solid #E5E5E5; }
.optProblem.active, .employOpt.active { background: #fff; }
.optProblem:nth-child(1), .employOpt:nth-child(1) { border-left: 1px solid #E5E5E5; }
.optProblem:nth-child(2), .employOpt:nth-child(2) { border-right: 1px solid #E5E5E5; margin-left: -5px; }
.lists li { width: 335px; height: 295px; float: left; margin-bottom: 54px; display: none; }
.lists li:hover, .newsLists li:hover { box-shadow: 0 0 2px 1px #e5e5e5; }
.lists li:hover .solDetail h2, .newsLists li:hover .newsDetail h2 { color: #D71718; }
.lists li.selected { display: block; }
.lists2 li { width: 335px; height: 295px; float: left; margin-bottom: 54px; display: none; }
.lists2 li:hover { box-shadow: 0 0 2px 1px #e5e5e5; }
.lists2 li:hover .solDetail h2 { color: #D71718; }
.lists2 li.selected { display: block; }
.imgContainer { height: 180px; overflow: hidden; }
.newsLists li { width: 211px; float: left; margin: 0 36px 52px 0; display: none; }
.newsLists li.active { display: block; }
.newsLists li:nth-child(3n) { margin-right: 0; }
.newsLists .imgContainer { height: 125px; }
.solDetail { padding: 0 32px 24px; background: #fff; }
.newsDetail { height: 182px; padding: 0 6px; }
.newsDetail span { display: block; font-size: 12px; height: 42px; color: #AFAFAF; line-height: 42px; }
.solDetail h2 { color: #292929; padding: 18px 0 22px; font-size: 16px; font-weight: normal; }
.newsDetail h2 { font-size: 16px; line-height: 18px; font-weight: normal; height: 36px; overflow: hidden; }
.solDetail p { color: #000000; text-align: left; font-size: 12px; line-height: 14px; height: 28px; overflow: hidden; }
.newsDetail p { margin: 22px 0; font-size: 12px; line-height: 18px; /*height:54px;*/ color: #888; /*overflow:hidden;*/ }
.optProblem.active i, .employOpt.active i, .postLine { height: 1px; width: 40px; margin-top: 2px; background: #d71718; text-align: center; display: block; }
.pages { width: 100%; text-align: right; font-size: 14px; }
.commonProblemFind, .notFind, .newsFind, .employ { width: 705px; height: 806px; padding: 0 60px; margin-left: 365px; background: #fff; border: 1px solid #e3e3e3; }
.newsFind { height: 1316px; }

/*.inner_detail {
    height:auto;
}*/
.employ { padding: 56px 60px; }
.cases { /*width:706px;
    height:1187px;*/ display: none; }
.searchTop { margin: 56px 0 0; height: 66px; }
.result_info { line-height: 30px; color: #656565; display: none; }
.count { color: #d71718; }
.problemLists, .newsLists { margin-top: 44px; }
.newsLists:after { content: ''; display: block; height: 0; clear: both; }
.searchTop select { width: 142px; padding: 0 8px; border: 1px solid #E5E5E5; height: 33px; margin-right: 8px; line-height: 35px; position: relative; font-family: 'OPPOSans'; }
.firClassic, .secClassic { background: url(/images/triangleDown.png) 118px center no-repeat; }
input[name="searchText"] { width: 269px; height: 33px; line-height: 33px; padding-left: 8px; border: 1px solid #e5e5e5; position: relative; top: -2px; color: #999; font-family: 'OPPOSans'; }
.newsKeys input[name="searchText"] { width: 440px; }
.doSearch { background: #292929; width: 85px; height: 35px; text-align: center; display: inline-block; position: relative; top: -3px; left: -5px }
.doSearch img { width: 16px; vertical-align: middle; }
input[type="submit"] { color: #fff; border: none; background: #292929; line-height: 35px; }
.problemLists li { height: 100px; cursor: pointer; display: none; margin-bottom: 40px; }
.problemLists li.active { display: block; }
.problemLists li:hover { box-shadow: 0 0 1px 1px #e5e5e5; }
.problemLists li:hover .order { background: #d71718; color: #fff; }
.order { float: left; width: 100px; height: 100px; line-height: 100px; background: #f4f4f4; text-align: center; font-size: 38px; }
.order p { vertical-align: middle; }
.article { float: right; width: 536px; padding: 0 38px 0 30px; }
.article h3 { padding-top: 10px; font-size: 16px; line-height: 18px; }
.article p { font-size: 14px; line-height: 17px; color: #999999; text-indent: 2em; padding: 20px 0 18px; }
.commonProblem.fixHeight { height: 540px; overflow-y: auto; overflow-x: hidden; }
.failInfo { height: 250px; padding: 44px 114px 34px 114px; border-bottom: 1px dotted #999; position: relative; }
.failImg img, .failImg span { position: absolute; }
.failImg img:nth-child(1) { left: 114px; bottom: 46px; }
.failImg img:nth-child(2) { left: 248px; top: 50px; }
.failImg span { left: 264px; top: 60px; font-size: 12px; line-height: 14px; text-indent: 10px; color: #999999; }
.failMessage { position: absolute; bottom: 52px; right: 116px; }
.failMessage h2 { font-size: 20px; color: #999; line-height: 22px; margin-bottom: 36px; }
.failMessage p { line-height: 20px; color: #999; }
/* 鏂伴椈鍐呴〉*/
.news_detail_top { padding: 56px 0 26px; border-bottom: 1px dashed #666; }
.createShare { color: #AFAFAF; line-height: 20px; font-size: 12px; margin-bottom: 10px; }
.news_detail_top h2 { line-height: 30px; font-size: 16px; font-weight: normal; }
.interviewee_intro { margin: 72px 0 25px; }
.interviewee { float: left; width: 146px; height: 302px; background: #F4F4F4; }
.interviewee_detail { float: left; margin-left: 27px; width: 530px; }
.interviewee_detail h3 { font-size: 14px; line-height: 16px; padding: 12px 0 26px; }
.mainIntro { height: 86px; background: #F4F4F4; color: #999999; font-style: italic; padding: 18px 22px 16px 22px; margin-bottom: 52px; }
.interviewee img { height: 234px; width: 130px; }
.interviewee h4 { font-size: 16px; }
.field { font-size: 14px; color: #000000; }
.field p:nth-child(2) { text-align: right; }
.dialogs { padding-bottom: 75px; }
.dialog { margin-bottom: 45px; font-size: 14px; color: #000; line-height: 16px; }
.interviewer { margin-bottom: 10px; }
.ask, .answer { width: 56px; height: 24px; border: 1px solid #D71718; border-radius: 10px; }
.answer { color: #fff; background: #000; }
.questionMark { width: 24px; color: #fff; border-radius: 12px; background: #d71718; }
.employItem { float: left; width: 211px; height: 306px; font-size: 12px; line-height: 14px; color: #999999; text-align: center; margin-right: 36px; overflow: hidden; letter-spacing: 0; }
.employItem:nth-child(3n) { margin-right: 0; }
.employItem:hover { box-shadow: 0 0 1px 1px rgba(0,0,0,0.15); }
.employItem:hover .post, .employ:hover .artPhoto { color: #d71718; }
.post { font-size: 16px; line-height: 18px; margin-bottom: 40px; color: #292929; }
.artPhoto { margin: 25px auto; }
.post_request p { float: left; margin-left: 14px; }
.post_request > div { margin-bottom: 10px; text-align: left; padding: 0 25px; }
.post_request label { text-align: right; float: left; min-width: 60px; }
.detailInfo { padding: 56px 56px 20px; height: auto; text-align: left; }
.detailInfo .post { margin: 0 0 60px; }
.detailInfo .post img { vertical-align: middle; }
.infoTitle { line-height: 30px; background: #F4F4F4; font-size: 14px; padding-left: 14px; }
.basic_discribe { padding: 28px 16px 50px; }
.basic_discribe p { float: left; width: 328px; margin-bottom: 12px; }
.post-describe { padding: 28px 30px 50px; }
.post-describe ol { color: #666666; padding: 20px 18px 0; }
.post-describe ol li { margin-bottom: 12px; }
.detail-describe { margin-bottom: 42px; }
.postLine { position: relative; left: -296px; top: -6px; }

/*鐧诲叆涓庢敞鍐?/
.popuBox { display: none; }

.usercon { width: 100%; padding-bottom: 165px; overflow: hidden; background: #d5d5d6; /*position: fixed;*/ bottom: 0; }
.userconBox { height: 600px; width: 100%; padding-bottom: 80px; }
.bgf8f8f8 { background: #f8f8f8; }
.bgf4f4f4 { background: #f4f4f4; }

.animate { -webkit-animation: Wanimate 1.5s ease both; -moz-animation: Wanimate 1.5s ease both; -o-animation: Wanimate 1.5s ease both; animation: Wanimate 1.5s ease both; }
.opacity0 { opacity: 0; }

.modeling-page footer.bottomCopyBox { height: 165px; background: #292929; line-height: 24px; }
.bottomCopyBox .bottom-link-copy-box { width: 1120px; margin: 0 auto; padding-top: 30px; font-size: 12px; text-indent: 0; letter-spacing: 0; color: #9e9e9e; }
.bottomCopyBox .bottom-link-copy-box a { color: #9e9e9e; }
.bottomCopyBox .bottom-link-copy-box .bottom-left-link { width: 680px; }
.bottomCopyBox .bottom-link-copy-box .bottom-left-link h4 { font-size: 14px; color: #fff; }
.bottomCopyBox .bottom-link-copy-box .bottom-left-link h4 img { width: 14px; height: 14px; margin-right: 10px; }
.bottomCopyBox .bottom-link-copy-box .bottom-left-link ul.link-firend { width: 680px; padding-top: 20px; height: auto; }
.bottomCopyBox .bottom-link-copy-box .bottom-left-link ul.link-firend li { float: left; padding-right: 24px; }
.bottomCopyBox .bottom-link-copy-box .bottom-left-link ul.link-firend li:nth-child(7),
.bottomCopyBox .bottom-link-copy-box .bottom-left-link ul.link-firend li:nth-child(8),
.bottomCopyBox .bottom-link-copy-box .bottom-left-link ul.link-firend li:nth-child(9),
.bottomCopyBox .bottom-link-copy-box .bottom-left-link ul.link-firend li:nth-child(10) { padding-right: 21px; }
/*.bottomCopyBox .bottom-link-copy-box .bottom-left-link ul.link-firend li:nth-child(4),

.bottomCopyBox .bottom-link-copy-box .bottom-left-link ul.link-firend li:nth-child(8),
.bottomCopyBox .bottom-link-copy-box .bottom-left-link ul.link-firend li:nth-child(5){ padding-right: 0; }*/
.bottomCopyBox .bottom-link-copy-box .bottom-left-link ul.link-firend li:nth-child(6),
.bottomCopyBox .bottom-link-copy-box .bottom-left-link ul.link-firend li:nth-child(11) { padding-right: 0; }
.bottomCopyBox .bottom-link-copy-box .bottom-right-copy { width: 255px; }
.bottomCopyBox .bottom-link-copy-box .bottom-right-copy .top-copy-info .code-icon-box { position: relative; }
.bottomCopyBox .bottom-link-copy-box .bottom-right-copy .top-copy-info .code-icon-box .code-small { width: 34px; height: 34px; margin-right: 20px; }
.bottomCopyBox .bottom-link-copy-box .bottom-right-copy .top-copy-info .code-icon-box .code-img { display: none; position: absolute; top: -146px; left: -13px; }
.bottomCopyBox .bottom-link-copy-box .bottom-right-copy .top-copy-info .code-icon-box .code-img .img-code-in { width: 150px; height: 156px; }
.bottomCopyBox .bottom-link-copy-box .bottom-right-copy .top-copy-info .code-icon-box:hover .code-img { display: block; }
.bottomCopyBox .bottom-link-copy-box .bottom-right-copy .top-copy-info p { line-height: 20px; }
.bottomCopyBox .bottom-link-copy-box .bottom-right-copy .top-copy-info .copy-icon { width: 12px; height: 12px; padding-right: 8px; }
.bottomCopyBox .bottom-link-copy-box .bottom-right-copy .down-copy-right { padding-top: 24px; line-height: 20px; }


@media screen and (min-width:0\0) and (min-resolution: .001dpcm) {
    /*IE9 CSS*/
    .bannerOutSideBox .tattoo .banner-img { opacity: 1; }
    .opacity0 { opacity: 1; }
}

@keyframes bounceIn {
    0% { opacity: 0; -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5) }
    100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
}

@-webkit-keyframes bounceIn {
    0% { opacity: 0; -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5) }
    100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
}

@-moz-keyframes bounceIn {
    0% { opacity: 0; -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5) }
    100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
}

@-o-keyframes bounceIn {
    0% { opacity: 0; -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5) }
    100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
}

@keyframes bounceRight {
    0% { opacity: 0; transform: translateX(50%); -webkit-transform: translateX(50%); }
    20% { opacity: 0; transform: translateX(40%); -webkit-transform: translateX(40%); }
    100% { opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); }
}

@-webkit-keyframes bounceRight {
    0% { opacity: 0; transform: translateX(50%); -webkit-transform: translateX(50%); }
    20% { opacity: 0; transform: translateX(40%); -webkit-transform: translateX(40%); }
    100% { opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); }
}

@-moz-keyframes bounceRight {
    0% { opacity: 0; transform: translateX(50%); -webkit-transform: translateX(50%); }
    20% { opacity: 0; transform: translateX(40%); -webkit-transform: translateX(40%); }
    100% { opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); }
}

@-o-keyframes bounceRight {
    0% { opacity: 0; transform: translateX(50%); -webkit-transform: translateX(50%); }
    20% { opacity: 0; transform: translateX(40%); -webkit-transform: translateX(40%); }
    100% { opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); }
}

@keyframes bounceLeft {
    0% { opacity: 0; transform: translateX(-80%); -webkit-transform: translateX(-80%); }
    20% { opacity: 0; transform: translateX(-60%); -webkit-transform: translateX(-60%); }
    100% { opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); }
}

@-webkit-keyframes bounceLeft {
    0% { opacity: 0; transform: translateX(-80%); -webkit-transform: translateX(-80%); }
    20% { opacity: 0; transform: translateX(-60%); -webkit-transform: translateX(-60%); }
    100% { opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); }
}

@-moz-keyframes bounceLeft {
    0% { opacity: 0; transform: translateX(-80%); -webkit-transform: translateX(-80%); }
    20% { opacity: 0; transform: translateX(-60%); -webkit-transform: translateX(-60%); }
    100% { opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); }
}

@-o-keyframes bounceLeft {
    0% { opacity: 0; transform: translateX(-80%); -webkit-transform: translateX(-80%); }
    20% { opacity: 0; transform: translateX(-60%); -webkit-transform: translateX(-60%); }
    100% { opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); }
}

@keyframes Wanimate {
    0% { opacity: 0; transform: translateY(50%); -webkit-transform: translateY(50%); }
    20% { opacity: 0; transform: translateY(40%); -webkit-transform: translateY(40%); }
    100% { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); }
}

@-webkit-keyframes Wanimate {
    0% { opacity: 0; transform: translateY(50%); -webkit-transform: translateY(50%); }
    20% { opacity: 0; transform: translateY(40%); -webkit-transform: translateY(40%); }
    100% { opacity: 1; transform: translateY(0); -webkit-transform: translateX(0); }
}

@-moz-keyframes Wanimate {
    0% { opacity: 0; transform: translateY(50%); -webkit-transform: translateY(50%); }
    20% { opacity: 0; transform: translateY(40%); -webkit-transform: translateY(40%); }
    100% { opacity: 1; transform: translateY(0); -webkit-transform: translateX(0); }
}

@-o-keyframes Wanimate {
    0% { opacity: 0; transform: translateY(50%); -webkit-transform: translateY(50%); }
    20% { opacity: 0; transform: translateY(40%); -webkit-transform: translateY(40%); }
    100% { opacity: 1; transform: translateY(0); -webkit-transform: translateX(0); }
}
/*鍙充晶椋樼獥*/
/*.windAssist {
    position: fixed;
    bottom: 60px;
    right: 15px;
    width:54px;
    height:192px;
    z-index:99;
    background: #000;
}
.languageBox{

}
.showIcon {
    width: 54px;
    height: 54px;
    background: #d71718;
    border-radius: 54px;
    -webkit-border-radius: 54px;
    -moz-border-radius: 54px;
    -ms-border-radius: 54px;
    -o-border-radius: 54px;
}*/




/*20190422 add wind style*/
.wind-application-box { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); z-index: 20; }
.wind-application-box .true-wind-box { position: absolute; top: 40%; left: 50%; width: 855px; min-height: 400px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); background: #fff; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6); -ms-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6); -o-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6); z-index: 22; }
.wind-application-box .true-wind-box .decorate-triangle { position: absolute; left: -10px; top: 2px; width: 0; height: 0; border-width: 0 10px 8px; border-style: solid; border-color: transparent transparent #a01112; }
.wind-application-box .true-wind-box .decorate-triangle:after { content: ''; position: absolute; top: 0; left: 0; width: 10px; height: 10px; background: #fff; border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-top-left-radius: 3px; -ms-border-top-left-radius: 3px; -o-border-top-left-radius: 3px; }
.wind-application-box .true-wind-box .top-title-line-bg { position: absolute; right: 0; top: 10px; width: 835px; height: 40px; padding-left: 30px; font-size: 18px; line-height: 40px; color: #fff; background: #d71718; }
.wind-application-box .true-wind-box .top-title-line-bg .decorate-bar { position: absolute; right: 0; top: 0; padding-left: 20px; width: 80px; height: 40px; overflow: hidden; }
.wind-application-box .true-wind-box .top-title-line-bg .decorate-bar span { display: inline-block; width: 6px; height: 80px; margin-top: -20px; background: #292929; transform: rotate(28deg); -webkit-transform: rotate(28deg); -moz-transform: rotate(28deg); -ms-transform: rotate(28deg); -o-transform: rotate(28deg); }
.wind-application-box .true-wind-box .wind-close-btn { /*position: absolute; bottom: 40px; right: 45px;*/ margin-left: 730px; margin-bottom: 40px; width: 80px; height: 26px; color: #fff; background: #292929; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.wind-application-box .true-wind-box .table-list-application { padding: 90px 45px 50px 45px; max-height: 480px; overflow-y: auto; }
.wind-application-box .true-wind-box .table-list-application .application-down-explain { margin-bottom: 20px; font-size: 14px; line-height: 30px; color: #d71718; /*text-align: center;*/ }
.wind-application-box .true-wind-box .table-list-application table { width: 100%; color: #292929; }
.wind-application-box .true-wind-box .table-list-application table a { display: inline-block; width: 50px; height: 24px; margin: 0 5px; text-align: center; color: #292929; border: 1px solid #292929; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; }
.wind-application-box .true-wind-box .table-list-application table a:hover { color: #fff; background: #292929; }
.wind-application-box .true-wind-box .table-list-application table tr { background: #fff; }
.wind-application-box .true-wind-box .table-list-application table tr:nth-child(even) { background: #f8f8f8; }
.wind-application-box .true-wind-box .table-list-application table tr td { padding: 10px 8px; border: none; }
.wind-application-box .true-wind-box .table-list-application table tr td:nth-child(1) { width: 20px; text-align: center; }
.wind-application-box .true-wind-box .table-list-application table tr td:nth-child(6) { width: 126px; }
.wind-application-box .true-wind-box .table-list-application table tr td:nth-child(6) a:nth-child(2) { color: #d71718; border-color: #d71718; }
.wind-application-box .true-wind-box .table-list-application table tr td:nth-child(6) a:nth-child(2):hover { color: #fff; background: #d71718; }

.modeling-footer .modeling-footer-left .modeling-footer-left-group { position:relative;padding-left:72px;height:96px; }
.modeling-footer .modeling-footer-left .modeling-footer-left-group .modeling-footer-left-group-logo{position:absolute;left:0;top:0; text-align:center;padding:16px 12px;color:#9E9E9E;font-size:12px;line-height:15px;}
.modeling-footer .modeling-footer-left .modeling-footer-left-group .modeling-footer-left-group-logo.m1 > img{display:block;width:24px;height:24px;margin:16px auto 0 auto;}
.modeling-footer .modeling-footer-left .modeling-footer-left-group .modeling-footer-left-group-logo.m2  > img{display:block;width:20px;height:20px;margin:16px auto 0 auto;}
.modeling-footer .modeling-footer-left .modeling-footer-left-group .modeling-footer-left-group-cont {box-sizing:border-box;margin-bottom: 10px}
.modeling-footer .modeling-footer-left .modeling-footer-left-group .modeling-footer-top45 {margin-top: 46px}
.modeling-footer .modeling-footer-left .modeling-footer-left-group .modeling-footer-left-group-cont .cmp-t1{ font-size:12px;font-weight:400;color:#9e9e9e;line-height:15px;}
.modeling-footer .modeling-footer-left .modeling-footer-left-group .modeling-footer-left-group-cont .cmp-t2{ margin-top:10px;font-size:16px;font-weight:400;color:#fff;line-height:25px}
.modeling-footer .modeling-footer-left{margin-left:5px;}

.fixed-header .moduleContainer{position:fixed;z-index:99999;left:0;top:0;right:0;}
.modeling-banner{background:url('../images/modeling/2025-1.png') top center no-repeat, #d5d5d7;position: relative;width:100%;min-width:1120px;background-size:1920px 600px;height:600px;}