@charset "utf-8";

/* banner */
#banner{ position:relative; z-index:1; height:750px; /*overflow:hidden;*/ text-align:center; background:url(../img/bannerBG.jpg) center top no-repeat #8072d5;}
#bannerCont{ overflow:hidden; height:750px;}
#banner1{ position:absolute; left:-50px; top:210px;}
#banner2{ position:absolute; left:787px; top:255px;}
#bannerBtn1,#bannerBtn2{position:absolute;top:500px; display:inline-block; height:56px; line-height:56px; background-color:#3c3089\9; background-color:rgba(60,48,137,0.75); background-repeat:no-repeat; border-radius:6px;}
#bannerBtn1:hover,#bannerBtn2:hover{ background-color:#3c3089;}
#bannerBtn1{width:180px; left:787px; background-image:url(../img/banner_btn.png); background-position:left top;}
#bannerBtn2{width:170px; left:980px; background-image:url(../img/banner_btn.png); background-position:-192px top; }

/*产品概述*/
#summary{  padding:0 0 290px 0; margin-top:50px; overflow:hidden;}
#summaryCont{ padding-top:25px;}
#curve{ position:absolute; z-index:1; left:0; bottom:0; top:auto; width:100%; background:url(../img/curve.jpg) left bottom no-repeat; height:250px;}
#summary_text{ position:relative; z-index:10; width:600px; overflow:hidden; min-height:520px; padding:0 12px; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; line-height:24px;}
#s_circles{ position:absolute; left:663px; top:200px; width:370px; height:370px; border:#576799 14px solid; border-radius:50%; z-index:2;}
#s_phone{ position:absolute; left:auto; top:0; right:0; z-index:4;}
.s_label{position:absolute;z-index:5; display:inline-block; font-style:normal; color:#fff; font-size:18px; height:45px; line-height:45px;  padding:0 30px; border-radius:20px; background:#576799; }
#s_label1{ z-index:3; background:#f87341; left:730px; top:408px;}
#s_label2{ left:995px; top:130px;}
#s_label3{ left:auto; top:528px; right:0;}

/*八大系统*/
#systems{ overflow:hidden; height:750px; padding-top:60px; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
#systems p{ margin:0 0 46px 0; padding:0; width:420px; float:left; text-align:right;}
#systems p b{ color:#576799; display:inline-block; font-size:22px; font-weight:normal; margin-top:33px;}
#systems p span{ color:#808080;}
#systems p i{ display:inline-block; width:120px; height:120px; background:url(../img/ico_system.png) center top no-repeat; float:right; margin-left:25px;}
#systems p.slideInRight{ float:right; text-align:left;}
#systems p.slideInRight i{ float:left; margin:0 25px 0 0;}
p#system2 i{ background-position:center -120px;}
p#system3 i{ background-position:center -240px;}
p#system4 i{ background-position:center -360px;}
p#system5 i{ background-position:center -480px;}
p#system6 i{ background-position:center -600px;}
#beauty{ position:absolute; left:0; right:0; bottom:0; margin:0 auto; width:285px; height:750px; background:url(../img/beauty.jpg) center bottom no-repeat;}
/*六大系统详细*/
#system_B{ position:relative; background:url(../img/BG2.jpg) center top no-repeat #7b8bd1; padding:100px 0 45px 0;}
#slideIndex{ position:absolute; left:0; top:-45px; right:0; margin:0 auto; width:110px; height:100px; background:url(../img/btns.png) -70px top no-repeat; font-size:32px; line-height:90px; text-align:center; color:#f87341;}
#Slideshow{ position:relative; height:400px; width:1060px; margin:0 auto; overflow:hidden;}
#Slideshow dl{ position:absolute; left:0; top:0; z-index:10; width:1060px; text-align:left; height:400px; overflow:hidden; display:none;}
#Slideshow dl:first-child{ display:block;}
#Slideshow dl dt{ width:530px; float:left; text-align:center;}
#Slideshow dl dt img{ max-width:100%; height:auto;}
#Slideshow dl dd{ width:480px; float:right; color:#fff; font-size:14px; }
#Slideshow dl dd b{ font-weight:normal; font-size:28px; display:inline-block; width:100%; margin:36px 0;}
#Slideshow dl dd p{ margin:0; padding:0 0 0 15px; position:relative; line-height:2em;}
#Slideshow dl dd p:before{ content:"●"; position:absolute; left:0; top:3px; display:inline-block; font-size:11px;}
/*按钮*/
a.prev,a.next{ position:absolute; z-index:10; left:6%; top:50%; margin-top:-35px; height:70px; width:70px; display:inline-block; cursor:hand; cursor:pointer;  background:url(../img/btns.png) left -70px no-repeat;}
a.next{ background-position:left -140px; left:auto; right:6%;}
@media screen and (max-width:1280px){
  a.prev{ left:10px;}
  a.next{ right:10px;}
}

/*核心功能*/
#funcs{ overflow:hidden;}
#funcs dl{ width:25%; float:left; padding:0 25px; margin:10px 0 25px 0; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
#funcs dl dt{ width:100px; height:100px; background:url(../img/btns.png) -70px -100px no-repeat; margin:0 auto; text-align:center;}
#funcs dl dd{ text-align:center; color:#808080; line-height:24px; height:116px; overflow:hidden;}
#funcs dl dd b{ display:inline-block; width:100%; font-size:22px; height:24px; line-height:24px; color:#576799; white-space:normal; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; font-weight:normal; margin:10px 0 8px 0;}
#funcs dl.dl_odd dt{ background-position:-70px -200px;}
#funcs dl.dl_odd dd b{ color:#f87341;}
#funcs dl dt i{ display:inline-block; width:55px; height:55px; background:url(../img/ico_func.png) left top no-repeat; margin-top:22px;}
dl#func2 dt i{ background-position:-55px top;}
dl#func3 dt i{ background-position:-110px top;}
dl#func4 dt i{ background-position:-165px top;}
dl#func5 dt i{ background-position:-220px top;}
dl#func6 dt i{ background-position:-275px top;}
dl#func7 dt i{ background-position:-330px top;}
dl#func8 dt i{ background-position:-385px top;}
dl#func9 dt i{ background-position:-440px top;}
dl#func10 dt i{ background-position:-495px top;}
dl#func11 dt i{ background-position:-550px top;}
dl#func12 dt i{ background-position:-605px top;}

/*应用领域*/
#applica{ background:url(../img/BG3.jpg) center top no-repeat; padding:25px 0 100px 0;}
#applicas a,#applicas em{ position:relative; display:inline-block; width:300px; height:225px; overflow:hidden; float:left; background:#576799;box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
#applicas a:after{ content:""; position:absolute; z-index:1; display:inline-block; width:100%; height:100%; left:0; top:0; background:url(../img/bg5.png) left bottom repeat-x;}
#applicas a img{ width:100%; height:auto;}
#applicas a span{ display:inline-block;  position:absolute; z-index:2; left:0; bottom:15px; top:auto; width:100%; height:20px; line-height:20px; color:#fff; font-size:18px; padding:0 15px;box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
#applicas p a,#applicas p em{ width:150px; height:200px;}
#applicas p a span{ font-size:15px; text-align:center;}
#applicas p em{ font-style:normal; text-align:center; color:#fff; font-size:24px; line-height:30px; padding-top:50px;}

/*简介*/
#about{ background:#f2f3fa;}
#aboutCont{ font-size:15px; text-align:center; color:#576799; padding-bottom:50px; letter-spacing:0.2em;}