@charset "UTF-8";
/* CSS Document */
body{font:12px/1.5 "\5FAE\8F6F\96C5\9ED1",arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
table{border-collapse: collapse;border-spacing: 0;}
img{border:0 none;padding:0;margin:0;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;}
a,a:hover{outline:none;blur:expression(this.onFocus=this.blur());}
.layout{ clear:both;width:1000px;text-align:left;margin:0 auto;overflow:hidden;height:100%;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}

.fl{float:left;}
.fr{float:right;}
.pr{position:relative;}
.abs{position:absolute;}

/*乐语*/
#qiao-wrap{display: none!important;}
#doyoo_panel{display: none!important;}
#doyoo_panel{display: none!important;}
#doyoo_monitor{display: none!important;}
#talk99_message{display: none!important;}
#doyoo_share{display: none!important;}
#doyoo_f_chat{display: none!important;}


/*================  index  ================*/
.set{background:url(../images/set1.jpg) no-repeat;background-size:cover;}
.set .abs{left:50%;top:50%;}

/*set1*/
.set1{background-image:url(../images/set1.jpg);}
.set1 .left{width:303px;height:597px;margin-left:-448px;margin-top:-298px;}
.set1 .top{width:580px;height:220px;margin-left:-43px;margin-top:-220px;}
.set1 .top h2{font-size:68px;color:#fff;line-height: 88px;}
.set1 .top p{font-size:28px;color:#fff;line-height:64px;}

.set1 .ewm-android, .set1 .ewm-ios{width:209px;height:209px;margin-left:-34px;margin-top:55px;display:none;}
.set1 .bottom a{margin-left:247px;width:284px;height:63px;border:1px solid #fff;text-align:center;line-height: 63px;font-size:20px;text-indent:29px;background:url(../images/ios.png) no-repeat 18px center;background-color:rgba(255,255,255,.2);border-radius: 10px;}
.set1 .bottom .btn-android{background-image:url(../images/android.png);margin-top:76px;}
.set1 .btn-ios{margin-top:187px;}
.set1 .bottom a.on{background-image:url(../images/ios-on.png);color:#132759;background-color:#fff;}
.set1 .bottom .btn-android.on{background-image:url(../images/android-on.png);}

/*set2*/
.set2{background-image:url(../images/set2.jpg);}
.set2 h2, .set4 h2{font-size:48px;line-height: 114px;height:114px;margin-top:-290px;color:#fff;}
.set2 .top-left, .set4 .top-left{width:239px;margin-left:-220px;}
.set2 .top-right, .set4 .top-right{width:239px;margin-left:0;}
.set2 .top-right img, .set4 .top-right img{display:inline-block;vertical-align: top;}

.set2 .li1, .set2 .li2, .set2 .li3, .set2 .li4{width:384px;height:150px;}
.set2 .li1, .set2 .li2{margin-top:-140px;}
.set2 .li3, .set2 .li4{margin-top:71px;}
.set2 .li1{margin-left:-494px;}
.set2 .li2{width:420px;margin-left:64px;}
.set2 .li3{margin-left:-410px;}
.set2 .li4{margin-left:5px;}

.set2 .ico1, .set2 .ico2, .set2 .ico3, .set2 .ico4{width:88px;height:88px;}
.set2 .ico1, .set2 .ico2{margin-top:-78px;}
.set2 .ico3, .set2 .ico4{margin-top:132px;}
.set2 .ico1{margin-left:-146px;}
.set2 .ico2{margin-left:48px;margin-top:-78px;}
.set2 .ico3{margin-left:-460px;}
.set2 .ico4{margin-left:350px;}

.set2 .bottom{width:374px;height:38px;margin-left:-187px;margin-top:250px;}
.set2 .bottom h3{font-size:34px;color:#fbeb47;text-align: center;}

/*set3*/
.set3{background:#fff;}
.set3 .left-bg{width:465px;height:465px;margin-top:-140px;margin-left:-524px;z-index:1;}
.set3 .left-phone{width:264px;height:523px;margin-top:-293px;margin-left:-434px;z-index:2;}
.set3 .right-bg, .set3 .right-tit, .set3 .right-text{margin-left:-141px;margin-top:-314px;}
.set3 .right-bg{width:629px;height:634px;z-index:0;}
.set3 h2{font-size:48px;width:50px;line-height:48px;text-align:center;line-height: 150px;margin-top:-315px;}
.set3 .right-tit1{margin-left:93px;}
.set3 .right-tit2{margin-left:143px;}
.set3 .right-tit3{margin-left:193px;}
.set3 .right-tit4{margin-left:243px;}
.set3 .right-img{display:inline-block;width:441px;height:192px;margin-top:-164px;margin-left:-27px;}
.set3 .right-text{width:574px;padding-left:55px;margin-top:93px;}
.set3 p{text-align:center;line-height: 50px;font-size:26px;}
.set3 em{display:inline-block;width:22px;height:22px;background:url(../images/set3-text-icon.png) no-repeat;margin-right:12px;}

/*set4*/
.set4{background-image:url(../images/set4.jpg);}
.set4 .li1{width:238px;height:238px;margin-left:-555px;margin-top:-177px;}
.set4 .li2{width:283px;height:283px;margin-left:-296px;margin-top:-13px;}
.set4 .li3{width:273px;height:273px;margin-left:29px;margin-top:-177px;}
.set4 .li4{width:254px;height:254px;margin-left:302px;margin-top:-30px;}


/*set5*/
.set5{background-image:url(../images/set5.jpg);}
.set5 .left-bg{width:699px;height:623px;margin-left:-614px;margin-top:-352px;}
.set5 .left-phone{width:472px;height:597px;margin-left:-501px;margin-top:-315px;}
.set5 .right{width:346px;height:521px;margin-left:105px;margin-top:-276px;}

.set5 .border-line{width:346px;height:521px;overflow:hidden;top:0;left:0;}
.set5 .border-line1{content:"";width:5px;height:32px;background:#5c42cb;top:0;left:auto;right:0;}
.set5 .border-line2{content:"";width:346px;height:5px;background:#5c42cb;top:0;left:0;}
.set5 .border-line3{content:"";width:5px;height:521px;background:#5c42cb;top:0;left:0;}
.set5 .border-line4{content:"";width:346px;height:5px;background:#5c42cb;top:auto;left:0;bottom:0;}
.set5 .border-line5{content:"";width:5px;height:410px;background:#5c42cb;top:auto;left:auto;bottom:0;right:0;}

.set5 h2{width:200px;height:78px;font-size:48px;color:#5c42cb;margin-left:27px;margin-top:-230px;background:#fff;}
.set5 p{width:294px;height:147px;padding-top:110px;margin:0 auto;font-size:18px;line-height: 36px;}
.set5 a{display:block;width:270px;height:47px;margin:0 auto 30px;background:#5c42cb;border:2px solid #5c42cb;font-size:22px;line-height: 49px;color:#fff;text-align:center;border-radius: 25px;}
.set5 a:hover{color:#5c42cb;background:transparent;}


/*set6*/
.set6{background-image:url(../images/set6.jpg);}
.set6 h2{margin-left:-600px;margin-top:-295px;font-size:48px;color:#fff;width:1200px;text-align:center;line-height: 48px;}
.set6 .left-text1{margin-left:-381px;margin-top:-260px;}
.set6 .left-text2{margin-left:-469px;margin-top:35px;}
.set6 .right-phone{margin-left:-96px;margin-top:-260px;}

.set6 .line1{margin-left:-125px;margin-top:-154px;width:319px;height:48px;}
.set6 .line2{margin-left:-239px;margin-top:40px;width:264px;height:50px;}

.set6 .line1-yuan{width:10px;height:10px;top:0;left:0;overflow:hidden;}
.set6 .yuan1{top:0;left:0;}

.set6 .line1-xie{width:51px;height:44px;top:4px;left:auto;right:0;overflow:hidden;}
.set6 .xie1{top:0;left:0;}

.set6 .line1-xian{width:259px;height:2px;top:4px;left:10px;overflow:hidden;}
.set6 .xian1{content:"";width:259px;height:2px;background:#fff;top:0;left:0;}

.set6 .yuan2{top:auto;left:0;bottom:0;}
.set6 .xie2{top:auto;left:8px;bottom:8px;}
.set6 .xian2{content:"";width:207px;height:2px;background:#fff;top:0;left:auto;right:0;}

.set6 .line2-yuan{width:10px;height:10px;top:auto;left:0;bottom:0;overflow:hidden;}
.set6 .yuan2{top:0;left:0;}

.set6 .line2-xie{width:51px;height:44px;top:auto;left:7px;bottom:6px;overflow:hidden;}
.set6 .xie2{top:0;left:0;;
}

.set6 .line2-xian{width:207px;height:2px;top:0;left:auto;right:0;overflow:hidden;}
.set6 .xian2{content:"";width:207px;height:2px;background:#fff;top:0;left:0;}

/*set7*/
.set7{background-image:url(../images/set7.jpg);}
.set7 .top h2{margin-left:-437px;margin-top:-305px;font-size:48px;color:#fff;width:874px;text-align:center;line-height: 84px;}

.set7 .left, .set7 .right{width:284px;height:310px;margin-top:-80px;}
.set7 .left{margin-left:-412px;}
.set7 .right{margin-left: 35px;}

.set7 .bottom{margin-left:-600px;margin-top:270px;width:1200px;height:22px;text-align:center;}
.set7 .bottom a{font-size:22px;line-height: 22px;}
.set7 .bottom a:hover{color:red;}

/*right1*/
@-webkit-keyframes lineInRight1{
  0%{opacity:0;-webkit-transform:translateY(32px);transform:translateY(32px);}
  100%{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes lineInRight1{
  0%{opacity:0;-webkit-transform:translateY(32px);-ms-transform:translateY(32px);transform:translateY(32px);}
  100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none;}
}
.lineInRight1{-webkit-animation-name:lineInRight1;animation-name:lineInRight1;}

/*top*/
@-webkit-keyframes lineInTop{
  0%{-webkit-transform:translateX(346px);transform:translateX(346px);}
  100%{-webkit-transform:none;transform:none;}
}
@keyframes lineInTop{
  0%{-webkit-transform:translateX(346px);-ms-transform:translateX(346px);transform:translateX(346px);}
  100%{-webkit-transform:none;-ms-transform:none;transform:none;}
}
.lineInTop{-webkit-animation-name:lineInTop;animation-name:lineInTop;}

/*left*/
@-webkit-keyframes lineInLeft{
  0%{-webkit-transform:translateY(-521px);transform:translateY(-521px);}
  100%{-webkit-transform:none;transform:none;}
}
@keyframes lineInLeft{
  0%{-webkit-transform:translateY(-521px);-ms-transform:translateY(-521px);transform:translateY(-521px);}
  100%{-webkit-transform:none;-ms-transform:none;transform:none;}
}
.lineInLeft{-webkit-animation-name:lineInLeft;animation-name:lineInLeft;}

/*bottom*/
@-webkit-keyframes lineInBottom{
  0%{-webkit-transform:translateX(-346px);transform:translateX(-346px);}
  100%{-webkit-transform:none;transform:none;}
}
@keyframes lineInBottom{
  0%{-webkit-transform:translateX(-346px);-ms-transform:translateX(-346px);transform:translateX(-346px);}
  100%{-webkit-transform:none;-ms-transform:none;transform:none;}
}
.lineInBottom{-webkit-animation-name:lineInBottom;animation-name:lineInBottom;}

/*right2*/
@-webkit-keyframes lineInRight2{
  0%{-webkit-transform:translateY(410px);transform:translateY(410px);}
  100%{-webkit-transform:none;transform:none;}
}
@keyframes lineInRight2{
  0%{-webkit-transform:translateY(410px);-ms-transform:translateY(410px);transform:translateY(410px);}
  100%{-webkit-transform:none;-ms-transform:none;transform:none;}
}
.lineInRight2{-webkit-animation-name:lineInRight2;animation-name:lineInRight2;}


/*line1-yuan*/
@-webkit-keyframes lineYuan1{
  0%{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px);}
  100%{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes lineYuan1{
  0%{opacity:0;-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px);}
  100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none;}
}
.lineYuan1{-webkit-animation-name:lineYuan1;animation-name:lineYuan1;}

/*line1-xian*/
@-webkit-keyframes lineXian1{
  0%{opacity:0;-webkit-transform:translateX(259px);transform:translateX(259px);}
  100%{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes lineXian1{
  0%{opacity:0;-webkit-transform:translateX(259px);-ms-transform:translateX(259px);transform:translateX(259px);}
  100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none;}
}
.lineXian1{-webkit-animation-name:lineXian1;animation-name:lineXian1;}

/*line1-xie*/
@-webkit-keyframes lineXie1{
  0%{opacity:0;-webkit-transform:translate(44px,51px);transform:translate(44px,51px);}
  100%{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes lineXie1{
  0%{opacity:0;-webkit-transform:translate(44px,51px);-ms-transform:translate(44px,51px);transform:translate(44px,51px);}
  100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none;}
}
.lineXie1{-webkit-animation-name:lineXie1;animation-name:lineXie1;}

/*line1-xie*/
@-webkit-keyframes lineXie2{
  0%{opacity:0;-webkit-transform:translateX(44px);transform:translateX(44px);}
  100%{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes lineXie2{
  0%{opacity:0;-webkit-transform:translate(51px,-44px);-ms-transform:translate(51px,-44px);transform:translate(51px,-44px);}
  100%{opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}
}
.lineXie2{-webkit-animation-name:lineXie2;animation-name:lineXie2;}


/*================  sylc 使用流程  ================*/
.w1000{width:1000px;margin:0 auto;}
/*head*/
.head{height:84px;}
.head .logo{width:202px;height:56px;margin-top:12px;}
.head .kjdh{width:680px;}
.head ul{height:45px;margin-left:40px;margin-top:19px;text-align:center;width:500px;}
.head li{width:60px;float:left;line-height:35px;font-size: 14px;color:#666;background:url(../images/icon3.png) no-repeat top center;height:65px;margin-left:20px;}
.head li:hover{cursor:pointer;}
.head li:hover p{color:#1b883d;}
.head .li1{background-image:url(../images/icon1.png);}
.head .li1:hover{background-image:url(../images/icon11.png);}
.head .li2{background-image:url(../images/icon2.png);}
.head .li2:hover{background-image:url(../images/icon22.png);}
.head .li3{background-image:url(../images/icon3.png);}
.head .li3:hover{background-image:url(../images/icon33.png);}
.head .li4{background-image:url(../images/icon4.png);}
.head .li4:hover{background-image:url(../images/icon44.png);}
.head .li5{background-image:url(../images/icon5.png);}
.head .li5:hover{background-image:url(../images/icon55.png);}
.head .li6{background-image:url(../images/icon6.png);}
.head .li6:hover{background-image:url(../images/icon66.png);}
.head .phone{width:137px;height:27px;background: url(../images/phone.png) no-repeat center 15px;padding-top:52px;text-align:center;color:#c00505;font-size: 14px;margin-top:0;font-family: Arial;}
.head li a{display:block;width:60px;height:45px;padding-top:20px;}


.sylc h2{height:60px;font-size:34px;background:#3b6cb4;color:#fff;text-indent:100px;line-height: 60px;}
.sylc img{display:block;margin:0 auto;}
.sylc .mt25{margin-top:25px;}
.sylc .mt30{margin-top:30px;}
.sylc .mt36{margin-top:36px;}


/*footer*/
.footer{background:#333333;height:120px;overflow:hidden;font-size:13px;color:#fff;text-align: center;margin-top:65px;}
.footer p{width:1200px;margin:13px auto 0;}
.footer p:first-child{margin-top:20px;}
.footer p a{color:#fff;}