@charset "utf-8";
body{ background-size: cover; background-image:url(../images/index_bg.jpg); background-repeat:no-repeat;background-attachment: fixed;}
.banner-container{width:100%; height:550px; position:relative; background-color:#6666FF}

.banner{width:100%;height:550px;background-color:#236FED;background:url(../images/lunbo_bg2.png) no-repeat;    background-size: cover;}
.banner.x1{background:url(../images/lunbo_bg1.png) no-repeat;background-size: cover;}
.banner-content{width:1024px;height:550px;margin:0 auto; position:relative;}
.banner-left{padding-top:190px; color:#FFFFFF;}
.banner-left .site-name{font-size:42px;height:36px;line-height:36px;margin-bottom:30px; }
.banner-left .site-name span.c1{ color:#B8FF4D}
.banner-left .site-name span.c2{ color:#B8FF4D}
.banner-left .client-name{height:14px; font-size:20px; height:120px; line-height:180%; color:#FFFFFF}
.banner .ban-btn{display:block;width:150px;height:46px;line-height:46px;background:#0BCE66;color:#FFFFFF;
  -webkit-border-radius:46px;-moz-border-radius:46px;border-radius:46px;text-decoration:none;text-align:center;font-size:16px;position:relative;}
.banner .ban-btn .down-qr{display:none;position:absolute;left:180px;top:-130px;background:#FFF;width:220px;height:200px;text-align:center;padding-top:20px;box-shadow:0 0 5px #ccc;}
.down-qr .arrow_up{position:absolute;left:-25px;top:142px;width:0;height:0;border-top: 10px transparent dashed;border-left: 10px transparent dashed;border-bottom: 15px transparent dashed;border-right: 15px white solid;border-style:solid;}
.down-qr .qr-title{font-size:18px;line-height:18px;color:#333;margin-bottom:15px;}
.down-qr .qr-img{width:152px;height:152px;margin:0 auto;}
.down-qr .qr-img img{width:152px;height:152px;border:0;}
.ban-btn .for-ho{position:absolute;width:60px;height:46px;background:#FFF;left:130px;top:0;opacity: 0;}
.banner .ban-btn:hover{background:#0AB65B;}
.banner .ban-btn:hover .down-qr{display:block;}
.banner .banner-right{width:300px;height:400px;position: absolute; right:0px; top:130px;}


.indexnav{ position:absolute; width:100%; left:0; top:10px; height:80px;  z-index:1111;}
.indexnav .comnavs{ width:1024px; margin:0 auto; height:80px; font-size:14px;}
.indexnav .comnavs .logo{ width:200px; float:left;  padding-top:12px;}
.indexnav .comnavs .logo img{ width:200px;}
.indexnav .comnavs .logotip{width:200px; float:left;padding-top:30px;}
.indexnav .comnavs .tel{ width:180px; height:38px;float:right;margin-top:26px;color: #FF6600;line-height:38px; margin-right:30px;background-image:url(../images/tel.png); background-repeat:no-repeat; background-position: left center; padding-left:45px; font-size:20px; font-family:Geneva, Arial, Helvetica, sans-serif}
.indexnav .comnavs .nali{float:right; width:700px; text-align:right; padding-top:35px;}
.indexnav .comnavs .nali a.nav{padding-top:10px; padding-bottom:10px; border-bottom:0px #FFFFFF solid; margin-right:0px; margin-left:30px; color:#FFFFFF; text-decoration:none }
.indexnav .comnavs .nali a.nav:hover{ color:#FFFFFF; border-bottom:3px #FFFFFF solid;}
.indexnav .comnavs .nali a.select{color:#FFFFFF; border-bottom:3px #FFFFFF solid; font-weight:bold}
/*统计*/
.index_hand{width:1024px;margin:0 auto;padding:35px 0;}
.index_num{margin: 0px 15% 0px 28%;}
.index_num .numli{width:150px;float:left;border-right:1px solid  #E3E3E3;text-align:center;font-size:14px;line-height:1;}
.index_num .numli.last{border-right:0px;}
.index_num .numli .n{padding-bottom:15px;color:#FF3300;font-size:24px;}
.index_num .numli .n.c2{color:#FD7902}
.index_num .numli .n.c3{color:#3366FF}
.index_num .numli .ntxt{color:#999999}
.index_hand .in_bt{display:block;float:right;width:100px;height:47px;line-height:47px;text-align:center;color:#fff;text-decoration:none;transition:all .3s;-webkit-transition:all .3s;}
.index_hand .in_bt.b1{background:#029834;margin-right:35px;}
.index_hand .in_bt.b1:hover{background:#04832e;}
.index_hand .in_bt.b2{background:#d92d67;margin-right:35px;}
.index_hand .in_bt.b2:hover{background:#bc2d5d;}
.index_hand .in_bt.b3{background:#5d7eef;}
.index_hand .in_bt.b3:hover{background:#516ed0;}
.in_img_box{width:284px;height:526px;}
.in_txt_box{font-size:20px;padding:20px;}

.indextitle{ width:100%; text-align:center; padding-top:50px; padding-bottom:50px; font-size:32px; color: #333333; font-weight:bold}

.index1{ width:1024px; margin:0 auto; height:400px; position:relative;background:url(../images/index_ti_bg.png) no-repeat center bottom; }
.index1 .nt{ width:315px; height:65px; position:absolute; left:0px ; top:0px; background-color:#46D3B3; color:#FFF; text-align:center; font-size:16px; line-height:180%; font-weight:bold;border-radius:65px; padding-top:15px;}
.index1 .nt.x1{left:290px;top:10px; width:400px;}
.index1 .nt.x2{left:0px; top:120px; background-color:#3AD3D1}
.index1 .nt.x3{left:50px; top:250px; background-color:#40AAF8}
.index1 .nt.x4{left:auto; right:0px; top:120px; background-color:#39BCE8}
.index1 .nt.x5{left:auto; right:50px;top:250px; background-color:#448CFA}

.index2{ width:1024px; margin:0 auto; height:625px; position:relative;}
.index2 .cliswli{ padding-left:80px;background:url(../images/a01.png) no-repeat left 10px; height:120px; width:400px;}
.index2 .cliswli .titsh{ color:#000000; font-size:20px; height:40px; font-weight:bold}
.index2 .cliswli .titshtxt{color: #666666; font-size:14px; font-weight:bold; line-height:180%}
.index2 .cliswli.x1{ background-image: url(../images/a01.png)}
.index2 .cliswli.x2{ background-image: url(../images/a02.png)}
.index2 .cliswli.x3{ background-image: url(../images/a03.png)}
.index2 .cliswli.x4{ background-image: url(../images/a04.png)}
.index2 .cliswli.x5{ background-image: url(../images/a05.png)}
.index2 .rightimg{ width:450px; height:600px; position:absolute; right:0px ;top:0px; text-align:right}

.index3{ height:300px;width:1024px; margin:0 auto;position:relative;}
.index3 .tisit{ width:680px; height:90px; border:5px #CCCCCC solid;border-radius:20px; text-align:center; font-size:22px; color:#666666;margin:0 auto; padding-top:30px; background-color:#FFFFFF}
.index3 .tisit span{ color:#FF6600}
.index3 .kfimg{ width:400px; height:180px; text-align:center;margin:0 auto; margin-top:-50px;}

.index4{width:1200px;margin:0 auto; padding-top:30px;}
.index4 .slis{ width:305px; margin-left:40px; margin-right:40px;margin-bottom:50px;margin-top:20px; background-color:#FFFFFF; float:left; height:220px;box-shadow: 0px 0px 30px #DBDBDB; padding-left:215px;background:url(../images/index4_c1.png) no-repeat 40px 50px;background-color:#FFFFFF; padding-top:35px;border-radius:4px;}
.index4 .slis.x1{background-image: url(../images/index4_c1.png)}
.index4 .slis.x2{background-image: url(../images/index4_c2.png)}
.index4 .slis.x3{background-image: url(../images/index4_c3.png)}
.index4 .slis.x4{background-image: url(../images/index4_c4.png)}
.index4 .slis .sdit{ height:45px; font-size:20px; color:#000000; font-weight:bold}
.index4 .slis .sdtxt{ color:#999999; font-size:16px; width:230px; line-height:180%}

.index5{width:1090px; margin:0 auto; text-align:center}

.index6{height:400px;}
.index6 .demoimgbox{height:363px;width:1020px; margin:0 auto;border-left:1px #F0F0F0 solid;border-bottom:1px #F0F0F0 solid;}
.index6 .demoimgbox .imgli{ float:left; height:120px;  width:203px; border-right:1px #F0F0F0 solid; border-top:1px #F0F0F0 solid; background-color:#FFFFFF}

.indexnews{width:1024px;  margin:0 auto;  margin-top:20px;}
.indexnews .list{ width:312px; float:left; }
.indexnews .list.center{width:312px; padding-left:44px;}
.indexnews .list.last{ width:312px; padding-left:44px; float:left}
.indexnews .list .t{ width:312px;}
.indexnews .list .t .th{ width:120px; float: left; font-weight:bold;}
.indexnews .list .t .more{ width:120px; float: right; text-align:right; font-size:12px; padding-top:5px;}
.indexnews .list .imgbox{width:310px; height:96px; border:1px #E1E1E1 solid; margin-top:13px; margin-bottom:8px;}
.indexnews .list .imgbox img{ width:298px; height:84px; margin-left:6px; margin-top:6px; border:0px;}
.indexnews .list .txtl{ height:25px; line-height:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; padding-right:20px;}
.indexnews .list .txtl span{ color:#999999; padding-right:12px; font-size:12px;}

.index7{width:1200px;margin:0 auto; padding-top:30px;}
.index7 .slis{ width:440px; margin-left:40px; margin-right:40px;margin-bottom:50px;margin-top:20px; background-color:#FFFFFF; float:left; height:200px;box-shadow: 0px 0px 30px #DBDBDB;background-color:#FFFFFF; padding-top:35px;border-radius:4px; padding: 20px 40px 0px 40px;}
.index7 .slis .sdit{ height:45px; font-size:20px; color:#000000; font-weight:bold}
.index7 .slis .sdtxt{ font-size:16px; width:450px; margin: 5px 0px; line-height: 30px;}

/*提交留言*/
.lm_box {  width:450px;border-top:1px #E3E3E3 solid;padding-bottom:35px;background:#ffffff;}
.lm_box .lm_tit {  width:450px;padding:20px 0;text-align:center;color:#ff0202;font-weight:600;font-size:18px;}
.lm_box .in_d {  width:300px;height:40px;line-height:40px;margin:0 auto 20px;padding:0 0 0 20px;border-radius:4px;background:#efefef;color:#050505;position:relative;}
.lm_box .in_d .span {  font-weight:600;}
.lm_box .in_b {  width:200px;height:40px;line-height:40px;border:0;background:#efefef;margin-left:.1rem;outline: none;}
.lm_box .in_bt {  width:320px;margin:0 auto;border-radius:4px;height:40px;line-height:40px;text-align:center;color:#ffffff;background:#ff3200;border:0;display:block;outline: none;cursor:pointer;}
.lm_box .in_bt:hover, .lm_box .in_bt:active {  background:#e83004;}
.lm_box .in_bt.disabled {  border:1px solid #e6e6e6;background-color:#FBFBFB;color:#C9C9C9;cursor:not-allowed;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {  -webkit-appearance: none;}
input[type="number"] {  -moz-appearance: textfield;}

/*底部。销荐客-移动互联网时代销售神器*/
.footbtns{ width:100%; height:200px; background-color:#0DD491;}
.footbtns .txt{ text-align:center; font-size:26px; color:#FFFFFF; height:60px; padding-top:40px;}
.footbtns .btss{width:190px; height:46px; line-height:46px; text-align:center;border-radius:4px; background-color:#FFFFFF; color:#000000; margin:0 auto; font-size:18px; cursor:pointer; display:block; text-decoration:none}
.footbtns .btss:hover{ background-color:#F3F3F3}
/*友情链接*/
.links{width:1024px; margin:0 auto; margin-top:25px; margin-bottom:25px;}
.links a{ margin-right:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}