@charset "utf-8";

/*产品概述*/
#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(../images/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:#f8784b 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:#f87d54; }
#s_label1{ z-index:3; background:#ffa436; left:730px; top:408px;}
#s_label2{ left:995px; top:130px;}
#s_label3{ left:auto; top:528px; right:0;}

/*八大系统*/
#system{ overflow:hidden;}
#systems{ overflow:hidden; height:570px; padding-top:30px; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
#systems p{ margin:0 0 30px 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:23px;}
#systems p span{ color:#808080;}
#systems p i{ display:inline-block; width:100px; height:100px; background:url(../images/ico_system.png) center top no-repeat; float:right; margin-left:35px;}
#systems p.slideInRight{ float:right; text-align:left;}
#systems p.slideInRight i{ float:left; margin:0 35px 0 0;}
p#system2 i{ background-position:center -100px;}
p#system3 i{ background-position:center -200px;}
p#system4 i{ background-position:center -300px;}
p#system5 i{ background-position:center -400px;}
p#system6 i{ background-position:center -500px;}
p#system7 i{ background-position:center -600px;}
p#system8 i{ background-position:center -700px;}
#beauty{ position:absolute; left:0; right:0; bottom:0; margin:0 auto; width:285px; height:570px; background:url(../images/beauty.jpg) center bottom no-repeat;}
/*八大系统详细*/
#system_B{ position:relative; background:url(../images/BG2.jpg) center top no-repeat #f8784b; padding:100px 0 45px 0;}
#slideIndex{ position:absolute; left:0; top:-45px; right:0; margin:0 auto; width:110px; height:100px; background:url(../images/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(../images/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;}
}

/*核心功能*/
#func,#funcs{ overflow:hidden;}
#funcs dl{ width:25%; float:left; padding:0 20px; 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(../images/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(../images/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(../images/BG3.jpg) center top no-repeat; padding:25px 0 50px 0; overflow:hidden;}
#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(../images/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; background:#f87d54; font-size:24px; line-height:30px; padding-top:50px;}

/*加盟*/
#merchants{ position:relative; height:480px; background:url(../images/BG4.jpg) center top no-repeat;}
.coveA{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
#merchantsCont{ text-align:center; color:#fff; font-size:24px; padding-top:70px; letter-spacing:2px; line-height:33px;} 

/*视频*/
#video{ background:#000; text-align:center; padding:3em 0; overflow:hidden;}
#videoBox{ text-align:center; margin:0 auto;}

/*公共*/
a.more{ display:inline-block; height:30px; line-height:30px; padding:0 2em; border:#c4cada 1px solid; color:#979fba;border-radius:20px;}
a.more:hover{ color:#fff; background:#f87d54; border-color:#f87d54; }