/* 公共样式表css */
.about-history-list .flex-viewport:before{ -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
/* 必要布局样式css */
.marketing {width: 100%;min-width: 1200px;background: url(Img/kon4/marketing-bg.jpg) center top; height: 788px;overflow: hidden;}
.marketing-title {text-align: center;font-size: 32px;color: #FFF; padding-top: 91px;margin-bottom: 15px;}
.marketing-text {text-align: center;display: block; font-size: 14px;color: #888888;}
.click_a {width: 94px; height: 42px; margin: 0 auto; padding-top: 65px;}
.hover_L {float: left;}
.click_a a {display: block; width: 42px;height: 42px; overflow: hidden;}
.hover_R {float: right;}
.click_a img {display: block;float: left;}
.click_a a:hover img { margin-top: -42px;}
.mark-main {width: 100%; overflow: hidden; position: relative; height: 506px;}
.click_con { width: 100%;padding-top: 90px; overflow: hidden; margin-left: -133px;}
.system_list {width: 360px;height: 416px;position: relative;background: #FaFafa;margin: 0 5px; float: left;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;}
.system_list_tit {padding: 34px 30px;border-bottom: 1px solid #ededed;}
.system_list_tit span {display: block;overflow: hidden;}
.system_list_tit span em {display: block; width: 4px; height: 20px;background: #ff9900; float: left; margin-right: 10px;}
.system_list_tit span strong { display: block; float: left; font-size: 20px; line-height: 25px; color: #333;}
.system_list_tit p { display: block;font-size: 12px; color: #999; padding-top: 12px;}
.system_list_con { padding: 15px 28px 0px 28px;}
.mark-main-list {overflow: hidden; height: 80px; margin-bottom: 8px;}
.mark-main-list span {display: block; width: 48px; height: 48px;float: left;margin-right: 10px;border-radius: 5px;overflow: hidden;}
.mark-main-list p {display: block;overflow: hidden; padding-bottom: 4px;}
.mark-main-list span img { width: 100%;}
.mark-main-list p em {display: block; font-size: 14px;color: #333; font-style: normal;}
.mark-main-list p strong {display: block; font-size: 12px; line-height: 20px; color: #888;}
.layer-mask {width: 100%; height: 417px; opacity: 0.3; transition: all 1s; background-color: #000;position: absolute; left: 0; top: 0; right: 0;}
.click_con .new_cur .layer-mask { opacity: 0;}
.click_con .new_cur {z-index: 10;transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2); -o-transform: scale(1.2);-ms-transform: scale(1.2);}

/* 必要布局样式css */
.aui-main {width: 1200px;min-height: 50px;margin: 0 auto;}
.aui-section-box .aui-section-header {text-align: center;}
.aui-section-header-title {text-align: center; color: #383838;font-size: 34px; line-height: 1.5;}
.aui-summary { margin-top: 20px; text-align: center; font-size: 16px;line-height: 22px; color: #9b9ba3;}
.aui-summary a { line-height: 1; border-radius: 2px; cursor: pointer; display: inline-block; vertical-align: baseline; zoom: 1; margin: 0 5px; padding: 0; font-size: 16px;color: #488bff; background-color: #fff;border: 0;}
.aui-summary-tag { margin-left: -5px; margin-right: -8px;}
.aui-section-box .aui-section-body {width: 1000px;position: relative; margin: 100px auto 20px; height: 486px; background: url(Img/kon4/main-bg.png) no-repeat center;background-size: auto 486px;  }
.aui-section-box .aui-section-list .aui-section-list-item {position: absolute; left: 0; top: 0; width: 5px; height: 5px; transition: 0.5s;}
.aui-section-box .aui-section-list .aui-section-list-item { position: absolute; left: 0; top: 0; width: 5px; height: 5px;transition: 0.5s;}
.aui-section-box .aui-section-list .aui-section-list-item .obj { position: absolute;top: 0;width: 150px;transition: 0.5s;z-index: 1;}
.aui-section-box .aui-section-list .aui-section-list-item .shadow { position: absolute;width: 150px;left: 0;top: 76px;opacity: 1;transition: 0.5s; z-index: 0;}
.i-process .btn.cur .obj {top: -20px; transition: 0.65s;}
.i-process .btn.cur .shadow {opacity: 1;transition: 0.65s;transform: scale(0.8,0.8);}
.aui-section-box .aui-section-list .aui-section-list-item.one1 {left: 18px;top: 80px;}
.aui-section-box .aui-section-list .aui-section-list-item.one2 {left: 262px;top: -80px;}
.aui-section-box .aui-section-list .aui-section-list-item.one3 {left: 590px;top: -80px;}
.aui-section-box .aui-section-list .aui-section-list-item.one6 {left: 262px;top: 230px;}
.aui-section-box .aui-section-list .aui-section-list-item.one5 {left: 590px;top: 230px;}
.aui-section-box .aui-section-list .aui-section-list-item.one4 {left: 840px;top: 80px;}
.aui-section-list ul li:first-child { margin-left: 20px;}
.aui-section-list ul li {display: inline-block;vertical-align: baseline; zoom: 1; vertical-align: top; margin-left: 128px; width: 85px;font-size: 20px;line-height: 28px;margin-top: 15px;cursor: pointer;padding-bottom: 15px;}
.aui-section-list ul li a{color: #373d40;}
.aui-section-list ul li.on a{color: #488bff;}
.aui-section-list ul .on {color: #488bff;border-bottom: 4px solid #488bff;}
.aui-section-info {text-align: center;border-top: 1px solid #ececec;}
.aui-section-info ul { margin: 10px 0;display: none;height: 230px; overflow:hidden;}
.aui-section-tab{box-shadow: 0 0 10px #ccc;overflow: hidden;}
.aui-section-info ul li{width: 190px;height: 210px;float: left;background:url(Img/Index/hotli.png) no-repeat;background-size: 100% 100%;
margin: 15px 0px 0 8px;background-color: #fff;border-radius: 3px;}
.aui-section-info ul li a img{width: 168px;margin: 10px 10px 2px;display: block;transition: .5s;}
.aui-section-info ul li a span{display: block;height: 20px;line-height: 18px;margin: 0px auto;font-size: 14px;text-align: center; overflow: hidden;width: 168px;border: 1px solid #69bcff;margin-left: 10px;color: #666;  word-break: break-all;}