
.indexBanner,
.indexBanner li{height:480px; }

/*banner*/
.indexBanner{ position:relative;}
.main_visual{ height:480px;overflow:hidden;position:relative;}
.main_visual .carousel-dots{ position:absolute; bottom:0; height:50px; width:100%; text-align:center; z-index:999999;}
.main_visual .carousel-dots i{ width:10px; height:10px; cursor:pointer; background:#fff; border-radius:50%; display:inline-block; font-size:0; margin:0 6px;}
.main_visual .carousel-dots i.on{ background:#1b86cc ;}


/*banner*/
.indexBanner .mainbox{ position:relative;}
.indexBanner .companyNews{width:240px;height:405px; position:absolute; background:url(/kesion-ui/2017/rgba255_95.png);top:30px;right:0px; padding-top:10px; z-index:999; box-shadow:0 1px 5px rgba(0,0,0,0.1);}
.indexBanner .companyNews .title{height:36px;line-height:36px;color:#5a5a5a;font-size:16px;padding-left:15px;}
.indexBanner .companyNews .title span{float:right; font-size:14px; margin-right:20px;}

.indexBanner .companyNews dl{padding:0px 15px;}
.indexBanner .companyNews dt{padding:10px 0px 5px 0px;}
.indexBanner .companyNews dt .newstit{font-size:14px;height:44px;line-height: 22px;overflow:hidden;}
.indexBanner .companyNews dt .newstit a{color:#5a5a5a;}
.indexBanner .companyNews dt .newstit a:hover{color:#186594;}
.indexBanner .companyNews dt .info{height:22px;line-height:22px;overflow:hidden;color:#a2a2a2;}
.indexBanner .companyNews dt .info span{float:right;margin-left:15px;}
.indexBanner .companyNews dt .adddate{ line-height:30px;color:#a2a2a2;}


.userData{ height:110px;background:#fff;}
.userData li{width:33.3%;float:left; text-align: center;color:#a2a2a2;line-height:24px;font-size:14px;margin-top:20px; position:relative;}
.userData li .line{width:1px;height:70px; position:absolute;right:0;top:0px;background:#e9e9e9;}
.userData li span{ display:block;font-size:36px;color:#283a46;height:46px; line-height:46px;overflow:hidden;}


.indexProduct{padding:60px 0px 70px 0px;}
.indexProduct .inner{margin-top:20px; background:#fff;}
.indexProduct .productBox{ display:none; overflow:hidden; height:540px; position:relative;}
.indexProduct .productBox .line-x{width:100%;height:1px; position:absolute;top:0;left:0; background:#fff; z-index:9;}
.indexProduct .productBox .line-y{width:1px;height:100%; position:absolute;top:0;right:0; background:#fff; z-index:9;}
.indexProduct .productBox li{float:left;width:184px;border-right:1px solid #e9e9e9; padding:50px 20px; position:relative; cursor:pointer;background:#fff; -webkit-transition: .3s; transition:.3s;}
.indexProduct .productBox .last-li{border-right:1px solid #fff;}

.indexProduct .libox{ position:absolute;top:0;width:100%;left:0;height:270px; background:#fff; display:none;}
.indexProduct .libox img{width:120px;height:120px; display:block; margin:0 auto;margin-top:20px; overflow:hidden;}
.indexProduct .libox .text{ text-align:center;}
.indexProduct .libox strong{ font-size:16px;font-weight:normal; line-height:36px; display:block;margin-top:5px;}
.indexProduct .libox p{ padding:0px 30px; line-height:22px;color:#a2a2a2;}
.indexProduct .libox b{color:#fb2e2b;}
.indexProduct .libox .appTabBox img{width:160px;height:160px;}

.indexProduct .libox .appTab{ text-align:center;margin-top:30px;}
.indexProduct .libox .appTab span{ display:inline-block;}
.indexProduct .libox .appTab i{width:24px;height:24px;float:left; margin:0px 15px;}
.indexProduct .libox .appTab i.ios{background:url(/kesion-ui/2017/ios.png) no-repeat;}
.indexProduct .libox .appTab i.android{background:url(/kesion-ui/2017/android.png) no-repeat;}
.indexProduct .libox .appTab .on.ios{background:url(/kesion-ui/2017/ios-on.png) no-repeat;}
.indexProduct .libox .appTab .on.android{background:url(/kesion-ui/2017/android-on.png) no-repeat;}

.indexProduct .libox .button{margin:20px 60px 0px 60px;}
.indexProduct .libox .button a{ display:block;height:42px; line-height:42px;border:1px solid #1b86cc;font-size:16px;border-radius:30px; text-align:center;color:#1b86cc; -webkit-transition:0.3s; transition:0.3s;}
.indexProduct .libox .button a:hover{ background:#1b86cc;color:#fff;}

.indexProduct .libox .codeTab{height:44px; line-height:44px; position:absolute;bottom:0;width:100%;left:0; font-size:14px; background:#fff;border-top:1px solid #e9e9e9;}
.indexProduct .libox .codeTab .code{}
.indexProduct .libox .codeTab span{width:33.33%;float:left; text-align:center;color:#a2a2a2; position:relative;}
.indexProduct .libox .codeTab .on{color:#1b86cc;}
.indexProduct .libox .codeTab span em{width:1px;height:100%; position:absolute;left:0;top:0; background:#e9e9e9;}
.indexProduct .libox .codeTab2 span{width:50%;}


.indexProduct .productBox li.flex3{width:239px;padding:50px 30px;}
.indexProduct .productBox li.flex4{width:205px;padding:60px 40px 0px 40px;margin-left:20px;}
.indexProduct .productBox li.half3{width:239px; height:130px; padding:26px 30px 0px 30px;border-right:1px solid #e9e9e9;border-top:1px solid #e9e9e9;}
.indexProduct .productBox li.half3 .name{ margin-top:10px;}
.indexProduct .productBox li.half4{width:164px; height:149px;padding:30px 30px 0px 30px;border-top:1px solid #e9e9e9;}
.indexProduct .productBox li.half4 .name{ margin-top:10px;}

.indexProduct .flexItem{ padding-top:30px;height:270px;}
.indexProduct .flexItem .itemTitle{height:40px; line-height:40px; overflow:hidden; font-size:16px; background:url(/kesion-ui/trangle.png) no-repeat left center; padding-left:20px; white-space:nowrap; text-overflow:ellipsis;}
.indexProduct .flexItem .itemTitle a{ color:#1b86cc;}
.indexProduct .flexItem .itemIntro{line-height:22px; height:44px; overflow:hidden; color:#a2a2a2; margin-bottom:18px;}
.indexProduct .flexItem .itemmore{ text-align:right; height:40px; line-height:40px; color:#5a656c}
.indexProduct .flexItem .itemmore span{font-family:simsun;margin-left:2px;}
.indexProduct .eshopItem .itemTitle{ background:url(/kesion-ui/trangle2.png) no-repeat left center; padding-left:20px;}
.indexProduct .eshopItem .itemTitle a{color:#D1612D;}

.indexProduct .dsproduct li{width:178px; }
.indexProduct .dsproduct li.half4{ border:1px solid #e9e9e9; width:158px; box-shadow:none !important;}

.indexProduct .bulidfun ul{ width:1200px; overflow:hidden;}
.indexProduct .bulidfun ul li.half4{width:209px;padding:30px 40px 0px 40px;margin:0px 10px 10px 0px; height:124px;}



.buildbox{position:relative; height:308px; overflow:hidden;}
.buildbox ul{position:absolute; left:0; top:0; width:1000000px;}
.buildbox span{width:40px; height:80px; display:inline-block; position:absolute; top:38%; z-index:99; cursor:pointer;background:url(/kesion-ui/slide_btn.png) no-repeat left center;}
.buildbox span.prev{ left:0; background-position:0 0;}
.buildbox span.next{ right:0; background-position:-40px 0;}

.indexProduct .productBox li:hover{background:#fafafa;}
.indexProduct .productAnimate1 li{ -webkit-transition:0.6s; transition:0.6s;}
.indexProduct .productAnimate1 li:hover{ padding-top:35px; padding-bottom:65px;}


.indexProduct .productBox li .icon{height:60px; overflow:hidden;}
.indexProduct .productBox li .icon1{background:url(/kesion-ui/2017/icon1.png) no-repeat 50% 50%;}
.indexProduct .productBox li .icon2{background:url(/kesion-ui/2017/icon2.png) no-repeat 50% 50%;}
.indexProduct .productBox li .icon3{background:url(/kesion-ui/2017/icon3.png) no-repeat 50% 50%;}
.indexProduct .productBox li .icon4{background:url(/kesion-ui/2017/icon4.png) no-repeat 50% 50%;}
.indexProduct .productBox li .icon5{background:url(/kesion-ui/2017/icon5.png) no-repeat 50% 50%;}
.indexProduct .productBox li .icon6{background:url(/kesion-ui/2017/icon6.png) no-repeat 50% 50%;}
.indexProduct .productBox li .icon7{background:url(/kesion-ui/2017/icon7.png) no-repeat 50% 50%;}
.indexProduct .productBox li .icon8{background:url(/kesion-ui/2017/icon8.png) no-repeat 50% 50%;}
.indexProduct .productBox li .icon9{background:url(/kesion-ui/2017/icon9.png) no-repeat 50% 50%;}
.indexProduct .productBox li .icon10{background:url(/kesion-ui/2017/icon10.png) no-repeat 50% 50%;}
.indexProduct .productBox li .icon11{background:url(/kesion-ui/2017/icon11.png) no-repeat 50% 50%;}
.indexProduct .productBox li .icon12{background:url(/kesion-ui/2017/icon12.png) no-repeat 50% 50%;}
.indexProduct .productBox li .icon13{background:url(/kesion-ui/2017/icon13.png) no-repeat 50% 50%;}
.indexProduct .productBox li .icon14{background:url(/kesion-ui/2017/icon14.png) no-repeat 50% 50%;}
.indexProduct .productBox li .icon15{background:url(/kesion-ui/2017/icon15.png) no-repeat 50% 50%;}
.indexProduct .productBox li .icon16{background:url(/kesion-ui/2017/icon16.png) no-repeat 50% 50%;}
.indexProduct .productBox li .icon17{background:url(/kesion-ui/2017/icon17.png) no-repeat 50% 50%;}
.indexProduct .productBox li .icon18{background:url(/kesion-ui/2017/icon18.png) no-repeat 50% 50%;}
.indexProduct .productBox li .icon19{background:url(/kesion-ui/2017/icon19.png) no-repeat 50% 50%;}
.indexProduct .productBox li .icon20{background:url(/kesion-ui/2017/icon20.png) no-repeat 50% 50%;}

.indexProduct .productBox li .case_img{height:75px; overflow:hidden; text-align:center;}
.indexProduct .productBox li .case_img img{ height:70px; max-width:100%;}
.indexProduct .productBox li .funicon{ width:80px; margin:0 auto; text-align:center; margin-top:10px;}
.indexProduct .productBox li .funicon img{ height:64px; display:block; margin:0 auto;}
.indexProduct .fun-li li{ cursor:inherit;}
.indexProduct .fun-li li.more{ cursor:pointer;}
.indexProduct .fun-li li.more .name{line-height:99px;height:inherit;color:#929292; font-size:16px;}


.indexProduct .templateTop{ padding:30px; position:relative;height:170px; padding-left:320px;border-bottom:1px solid #e9e9e9;}
.indexProduct .templateTop .image{ position:absolute;left:30px;top:30px;}
.indexProduct .templateTop .image img{width:260px;height:170px;}
.indexProduct .templateTop .title{font-size:18px;height:28px; line-height:28px; overflow:hidden;}
.indexProduct .templateTop .info{ line-height:28px; font-size:14px;color:#929292;margin-top:5px;}
.indexProduct .templateTop .info span{ padding-right:30px;}
.indexProduct .templateTop .button{float:left;}
.indexProduct .templateTop .button a{color:#fff; display:block;width:130px;height:36px; line-height:36px;font-size:14px; text-align:center;margin:20px 20px 0px 0px; background:#1b86cc;color:#fff;border:1px solid #1b86cc; border-radius:3px;}
.indexProduct .templateTop .button a:hover{ background:#137dc2;}
.indexProduct .templateTop .download a{background:none; color:#283a46;border:1px solid #334450;}
.indexProduct .templateTop .download a:hover{ background:none;}

.indexProduct .templateBox{width:260px;float:left; padding:30px 0px 0px 30px;}
.indexProduct .templateBox .image{height:170px; overflow:hidden;}
.indexProduct .templateBox img{width:100%;height:100%;}
.indexProduct .templateBox .title{font-size:16px; line-height:26px;height:26px; overflow:hidden; background:#fff;margin-top:10px;}

.indexProduct .templateBox .inner{background:#fff; position:relative; z-index:9;}

.indexProduct .templateBox .info{ line-height:22px;color:#9a9a9a;height:44px; overflow:hidden; position:relative;}
.indexProduct .templateBox .info span{float:right;}

.indexProduct .templateBox .button{height:44px;width:100%; position:absolute;bottom:-44px;left:0px; background:#fff;}
.indexProduct .templateBox .button a{color:#fff; float:left;width:100px;height:30px; line-height:30px;font-size:12px; text-align:center;margin:10px 10px 0px 0px; background:#1b86cc;color:#fff;border:1px solid #1b86cc;border-radius:2px;}
.indexProduct .templateBox .button .download{border:1px solid #334450;background:none; color:#283a46;}


.indexProduct .indexCase li:hover{ background:none;color:#186594;}
.indexProduct .indexCase li .name{margin-top:5px !important;font-size:14px !important;}


.indexProduct .productBox li .name{font-size:16px;height:36px; line-height:36px;overflow:hidden;margin-top:20px; text-align:center;}
.indexProduct .productBox li .intro{line-height:24px;margin-top:5px;color:#a2a2a2;font-size:12px; height:72px; overflow:hidden;}
.indexProduct .productBox li.icmsbg{background:#fff url(2017/img-icms.png) no-repeat;padding-top:10px;height:308px; background-position: 98% 87%;box-shadow: 0 3px 15px rgba(0,0,0,0.1);}
.indexProduct .productBox li.icmsbg .name,
.indexProduct .productBox li.cmsbg .name{text-align: left;font-size:22px;height:42px;line-height:42px;}
.indexProduct .productBox li.cmsbg{background:#fff url(2017/img-cms.png) no-repeat;padding-top:10px;height:308px;background-position: 98% 87%;box-shadow: 0 3px 15px rgba(0,0,0,0.1);}

.indexProduct .productBox li.cmsbg:hover{ box-shadow: 0 3px 15px rgba(0,0,0,0.1);}
.indexProduct .productBox li.icmsbg:hover{ box-shadow: 0 3px 15px rgba(0,0,0,0.1);}

.indexProduct .qwtBox li{border-top:1px solid #e9e9e9;}
.indexProduct .qwtBox li .intro{height:48px;} 


.indexProduct .dynamic{ overflow:hidden;border-top:1px solid #e9e9e9; padding-top:5px;}
.indexProduct .dynamic .title{height:56px;line-height:56px; overflow:hidden; position:relative;font-size:16px; padding:0px 30px;}
.indexProduct .dynamic .title span{background:#fff;float:left; padding-right:30px;color:#a2a2a2; position:relative; z-index: 9; cursor:pointer}
.indexProduct .dynamic .title .on{color:#283a46;}

.indexProduct .dynamic .news-top{width:391px;float:left; margin:0px 0px 15px 30px; padding-right:15px;}
.indexProduct .dynamic .news-top img{width:125px;height:75px;float:left;margin-right:15px;}
.indexProduct .dynamic .news-top .newstit{font-size:16px;height:26px; line-height:26px; overflow:hidden;}
.indexProduct .dynamic .news-top .intro{height:24px; line-height:24px; overflow:hidden;color:#a2a2a2; white-space:nowrap; text-overflow:ellipsis;}


.indexProduct .dynamic .news-li{width:376px;float:left;padding-right:15px; margin-left:30px; font-size:14px; line-height:34px;height:34px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; position:relative; padding-left:14px;}
.indexProduct .dynamic .news-li a{color:#5a5a5a}
.indexProduct .dynamic .news-li a:hover{color:#186594;}
.indexProduct .dynamic .news-li i{width:4px;height:4px;background:#c2c2c2; position:absolute;left:0;top:50%;margin-top:-2px;}
.indexProduct .dynamic .news-li span{float:right; font-size:12px;color:#9a9a9a;}

/*万能建站板块*/
.dynamicLeft{width:239px;float:left;height:540px;border-right:1px solid #e9e9e9; padding:0px 30px; background:#fff;}
.dynamicLeft .title{height:56px; line-height:56px; font-size:16px; overflow:hidden;margin-top:10px;}
.dynamicLeft .dyTitle{height:34px; line-height:34px;font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.dynamicLeft .dyTitle a{color:#5a5a5a;}
.dynamicLeft .dyTitle span{float:right; font-size:12px; color:#9a9a9a;}
.dynamicLeft .kfTab{ margin-bottom:15px;height:26px;}
.dynamicLeft .kfTab span{float:left; padding:0px 10px; margin-right:10px; font-size:14px; cursor:pointer; color:#5a5a5a;height:24px; line-height:24px;border:1px solid #fff;}
.dynamicLeft .kfTab .on{border:1px solid #1b86cc;color:#1b86cc;border-radius:4px;}

.dynamicLeft .dynamicTop{margin-top:0px; padding-bottom:10px;}
.dynamicLeft .dynamicTop .dyTitle{ font-size:16px;height:36px; line-height:36px;font-weight:bold;}
.dynamicLeft .dynamicTop .dyTitle a{color:#283a46;}
.dynamicLeft .dynamicTop .dyTitle a:hover{color:#186594;}
.dynamicLeft dt{margin-top:5px;}
.dynamicLeft dt a:hover{color:#186594;}

.dynamicLeft .intro{ line-height:22px;color:#a2a2a2;height:44px; overflow:hidden;}
.dynamicLeft .date{line-height:22px;color:#a2a2a2; }




.dynamicRight dt{width:405px;float:left; margin:30px 0px 0px 30px;}
.dynamicRight dt img{width:100%; display:block; overflow:hidden;}
.dynamicRight dt .name{ font-size:20px;height:50px; line-height:50px; overflow:hidden; margin-top:10px;}
.dynamicRight dt .intro{ line-height:29px;height:145px; overflow:hidden; font-size:14px;color:#a2a2a2; position:relative;}
.dynamicRight dt .button{position:absolute;width:100%;left:0px;bottom:-45px; background:#fff; padding-top:20px;}
.dynamicRight dt .button a{float:left;width:132px;height:36px; line-height:36px;border:1px solid #334450; font-size:14px; text-align:center; margin-right:20px;border-radius:3px;}
.dynamicRight dt .button a:hover{color:#137dc2;border:1px solid #137dc2;}
.dynamicRight dt .button .download{ background:#1b86cc;border:1px solid #1b86cc;color:#fff;}
.dynamicRight dt .button .download:hover{ background:#137dc2;border:1px solid #137dc2;color:#fff;}


.titleStyle{height:40px;line-height:36px; overflow:hidden;}
.titleStyle h2{font-weight:normal;font-size:36px;color:#142936;}
.tabStyle{float:right;}
.tabStyle li{float:left;font-size:16px; position:relative; margin-left:40px;color:#5a656c;height:40px; line-height: 36px; cursor:pointer;}
.tabStyle li .line{ position:absolute;width:100%;bottom:0;height:3px;background:#283a46; display:none;}
.tabStyle li.on{color:#283a46;font-weight: bold;}
.tabStyle li.on .line{ display:block;}

.dynamicStyle{width:300px;float:left;height:540px; }

.eduDynamic{background:url(/kesion-ui/2017/edu-img.png) no-repeat 50% 0;}

.dsDynamic{background:#b7dcf4 url(2017/eshop-img.png) no-repeat 50% 0;}

.wnDynamic{background:#bbe5fa url(2017/cms-img.png) no-repeat 50% 0;}

.titleInfo{font-size:16px;height:26px;line-height:26px; overflow:hidden;margin-top:5px;color:#a2a2a2;}



.xiaochengxu{height:690px;background:#fff url(2017/xcx.jpg) no-repeat 50% 50%;padding-top:75px;}
.xiaochengxu .title{font-size:36px;color:#142936;height:46px;line-height:46px; overflow:hidden;}
.xiaochengxu .info{font-size:16px;height:26px;line-height:26px; overflow:hidden;margin-top:5px;color:#929292;}
.xiaochengxu ul{padding-top:15px;}
.xiaochengxu li{height:76px;margin-top:40px; position:relative;padding:5px 0px 0px 136px;}
.xiaochengxu li .icon{width:76px;height:76px; position:absolute;left:40px;top:0;}
.xiaochengxu li .icon1{background:url(/kesion-ui/2017/xcx-icon1.png) no-repeat;}
.xiaochengxu li .icon2{background:url(/kesion-ui/2017/xcx-icon2.png) no-repeat;}
.xiaochengxu li .icon3{background:url(/kesion-ui/2017/xcx-icon3.png) no-repeat;}
.xiaochengxu li .icon4{background:url(/kesion-ui/2017/xcx-icon4.png) no-repeat;}
.xiaochengxu li h4{font-size:20px;font-weight:normal;height:40px; line-height:40px; overflow:hidden; display:block;}
.xiaochengxu li p{height:24px; line-height:24px;overflow:hidden;color:#929292;font-size:14px;}
.xiaochengxu .code-img{width:264px;height:468px; position:absolute;right:285px;top:90px; z-index:9;}
.xiaochengxu .code-bg{ background:url(/kesion-ui/2017/rgba0_20.png);width:100%;height:100%;left:0;top:0; position:absolute; display:none;}
.xiaochengxu .code-img img{width:200px; display:block;margin:0 auto;margin-top:120px; overflow:hidden;}


.indexYun{padding:60px 0px 70px 0px; background:#f5f5f5;}
.indexYun .titleStyle h2{}
.indexYun .inner{position:relative; height:340px; overflow:hidden;}
.indexYun ul{margin-top:20px; background:#fff;width:100000px; position:absolute; left:0; top:0;}
.indexYun .slidebtn{position:absolute; top:50%;margin-top:-28px; background:url(/kesion-ui/arrowbtn.png) no-repeat center center; width:36px; height:56px;}
.indexYun .prev{left:0; background-position:0 0;cursor:pointer;}
.indexYun .next{ right:0;background-position:-36px 0;cursor:pointer;}
.indexYun li{width:239px;float:left; padding:60px 30px 50px 30px; transition:.3s; -webkit-transition:.3s;border-right:1px solid #e9e9e9;}
.indexYun li .icon img{ display: block;margin:0 auto; overflow: hidden; height:80px;}
.indexYun li .name{font-size:20px;height:40px;line-height:40px; overflow:hidden; position:relative; text-align: center;margin-top:15px;}
.indexYun li .intro{color:#a2a2a2;line-height:24px;margin-top:5px; font-size:12px; height:96px; overflow: hidden;}
.indexYun li.bg4{width:238px;border-right:0px;}


.inner ul li{ position:relative; overflow:hidden; cursor:pointer;}
.inner ul li .on_show{ position:absolute; right:-295px;bottom:37px; background:#fff; width:236px; height:204px;padding:70px 30px 35px 30px}
.inner ul li .on_show .info{line-height:32px; font-size:18px; text-align:center; margin-bottom:10px;}
.inner ul li .on_show .info font{font-size:14px; color:#a2a2a2; line-height:28px; padding-top:10px; display:block}
.inner ul li .on_show .item{ height:150px; text-align:center; padding-top:35px;}
.inner ul li .on_show .item span{ display:inline-block; width:76px; font-size:14px;}
.inner ul li .on_show .item span img{ width:28px; height:28px; margin:0 auto; margin-bottom:8px;}







.indexService{padding:60px 0px 70px 0px; background:#f9f9f9;}
.indexService li{width:25%;float:left; cursor:pointer; height:300px;overflow:hidden;margin-top:40px;text-align: center; position: relative;}
.indexService li .name{font-size:28px; text-align:center;margin-top:90px; line-height:38px; overflow:hidden; color:#fff; padding: 0 15%; position: relative; z-index: 9; -webkit-transition: 0.3s; transition: 0.3s;}
.indexService li .intro{line-height:29px;font-size:14px;color:#fff;overflow:hidden; padding: 0 15%;margin-top:15px; position: relative; z-index: 9;}
.indexService li img{width:100%; display:block; overflow: hidden;min-width: 100%; position:absolute;left:0;top:0;-webkit-transition: 0.3s; transition: 0.3s;}
.indexService li:hover .name{margin-top:70px;}
.indexService li:hover img{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);}


.indexYs{ padding:60px 0px 65px 0px;background:#fff;}
.indexYs ul{ position:relative; padding-bottom:140px; height:160px;}
.indexYs li{width:175px;float:left;margin:60px 0px 0px 30px; text-align:center; cursor:pointer; overflow:hidden; }
.indexYs li .icon{}
.indexYs li .icon span{-webkit-transition: .3s; transition: .3s; }
.indexYs li .icon img{height:60px; height:60px;display:block; margin:0 auto; margin-top:5px;-webkit-transition: .3s; transition: .3s; }

.indexYs li.hover .icon{}
.indexYs li.hover .icon span{width:118px; height:118px; margin:0 auto; display:inline-block;background:#1B86CC; border-radius:50%; }
.indexYs li.hover .icon img{ width:70px; height:70px; margin:0px auto; margin-top:22px;}
.indexYs li.hover .info{ display:block;}
.indexYs li.hover .text{display:none;}

.indexYs li .text{font-size:16px;height:56px;line-height:56px; overflow:hidden;margin-top:10px;color:#9a9a9a;}
.indexYs li .info{line-height:26px;font-size:14px;color:#a2a2a2; position:absolute; left:20px; bottom:0; width:100%; text-align:left;  display:none; padding-bottom:20px; display:none;}




.close{ position:absolute; right:-13px; top:-13px; width:37px; height:37px; cursor:pointer;text-align:center;}
.close img{width:100%; height:100%; }
.indeximage{ background:url(/kesion-ui/2017/img2.png) no-repeat 50% 0; height:482px; padding:60px 0px 70px 0px;}
.indeximage{}



/**投诉建议**/
input{ outline:none;}
.formbox{ margin-top:30px;padding-left:2em;}
.formbox .form{ width:370px; float:left; /*background:#E4EAEC;*/ background:#fff; margin-right:40px;/* height:50px;*/ line-height:40px; border:1px solid #E0E0E0; position:relative; margin-bottom:20px; }
.formbox .form span{ height:40px; padding:0 20px 0 10px;}
.formbox .form .textbox{ border:0;height:38px; width:63%;}
.formbox .form1{ width:783px;border:1px solid #ddd; height:165px;}
.formbox .form1 span{ display:inline-block; position:absolute; left:0; top:0; z-index:99;}
.formbox .form1 textarea{ border:0;padding:0; width:763px; padding:0 10px; height:160px; outline:none; color:#606466; line-height:30px; text-indent: 8em; position:absolute; left:0; top:0; padding-top:5px;}
.formbox .form2{ border:0; width:783px;}
.formbox .form2 .button{ width:100%; background:#0f78bc; height:45px; line-height:45px; border:0; color:#fff;}
.intro_tit{ font-size:24px; padding-left:24px; background:url(/kesion-ui/2017/tip1.png) no-repeat left center; margin:30px 0; color:#196493;}
.intro_tip{ font-size:20px; background:url(/kesion-ui/2017/tip2.png) no-repeat left center; margin-left:30px; padding:10px 0 10px 20px;}
.intro_cont{ padding-left:45px;}
/**汇款方式**/
.remit_tip{ font-size:20px; background:url(/kesion-ui/2017/tip2.png) no-repeat left center;padding:20px 0 20px 20px;}
.remit_list{ border:1px solid #E6E6E6}
.remit_list .cont_l{width:230px; float:left; height:140px;}
.remit_list .cont_r{ width:678px; float:left; height:100px; padding:20px 0; padding-left:40px;}
.remit_list .cont_l img{ margin-top:50px !important; display:inline-block;}
.remit_list ul{border-bottom:1px dashed #E6E6E6; margin-bottom:-1px; }
.remit_list ul li{ width:197px;float:left; padding:12px 20px; overflow:hidden;}
.remit_list ul li.li01{ width:195px;}
.remit_list ul li.li02{ width:253px;}
.remit_list ul li.li03{ width:230px;}
.remit_list ul li.li04{ width:110px;}
.remit_list ul li img{ margin:0 !important; height:33px; /*width:160px;*/}



.headerbg{ background:url(/imgbox.jpg)  no-repeat 50% -40px; }
.headerbg2{ background:url(/kesion-ui/rgba054.png); position:absolute;left:0;top:0;width:100%;}
.gndzbg{ background:#1dadb3 url(titbg2.png) no-repeat 50% -40px; }

.saas-img{ background:#1578dd url(saas-img.jpg) no-repeat 50% 50%;height:340px; overflow:hidden; }


.edubanner{width:100%;height:1080px; position:relative; overflow:hidden;}
.edubanner .mainbox{top:21%;height:100%; z-index:9;}
.edubanner .edubg{ background:url(/kesion-ui/20167231128.png) no-repeat 50% -150px;height:100%; position:absolute;left:0;top:0;width:100%;}
.edubanner .edubg{animation:myedubg 6s both infinite;-moz-animation:myedubg 6s both infinite; /* Firefox */
-webkit-animation:myedubg 6s both infinite; /* Safari and Chrome */
-o-animation:myedubg 6s both infinite; /* Opera */
}
@keyframes myedubg
{
0%   {transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);}
50% {transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);}
100% {transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);}
}

@-moz-keyframes myedubg /* Firefox */
{
0%   {transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);}
50% {transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);}
100% {transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);}
}

@-webkit-keyframes myedubg /* Safari and Chrome */
{
0%   {transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);}
50% {transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);}
100% {transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);}
}

@-o-keyframes myedubg /* Opera */
{
0%   {transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);}
50% {transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);}
100% {transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);}
}
.textcont{ text-align:center;}
.textcont .title{ color:#fff;height:36px; overflow:hidden; display:none;}
.textcont .title img{height:36px; display:block;margin:0 auto; overflow:hidden;}
.textcont .titleanimate{animation:mytit 1s both;-moz-animation:mytit 1s both; /* Firefox */
-webkit-animation:mytit 1s both; /* Safari and Chrome */
-o-animation:mytit 1s both; /* Opera */
}
@keyframes mytit
{
0%   {margin-top:-80px;}
100% {margin-top:0px;}
}

@-moz-keyframes mytit /* Firefox */
{
0%   {margin-top:-80px;}
100% {margin-top:0px;}
}

@-webkit-keyframes mytit /* Safari and Chrome */
{
0%   {margin-top:-80px;}
100% {margin-top:0px;}
}

@-o-keyframes mytit /* Opera */
{
0%   {margin-top:-80px;}
100% {margin-top:0px;}
}
.textcont .info{height:16px; line-height:16px; overflow:hidden;margin-top:30px; display:none;}
.textcont .info img{height:16px;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7;  opacity: 0.7;}
.textcont .infoanimate{animation:myinfo 1s both;-moz-animation:myinfo 1s both; /* Firefox */
-webkit-animation:myinfo 1s both; /* Safari and Chrome */
-o-animation:myinfo 1s both; /* Opera */
}
@keyframes myinfo
{
0%   {margin-top:70px;}
100% {margin-top:30px;}
}

@-moz-keyframes myinfo /* Firefox */
{
0%   {margin-top:70px;}
100% {margin-top:30px;}
}

@-webkit-keyframes myinfo /* Safari and Chrome */
{
0%   {margin-top:70px;}
100% {margin-top:30px;}
}

@-o-keyframes myinfo /* Opera */
{
0%   {margin-top:70px;}
100% {margin-top:30px;}
}

.edubanner .edu-ys{width:100%; position:absolute;top:12%;}
.edubanner .edu-ys ul li{width:25%;float:left; text-align:center;margin-top:80px; display:none;}
.edubanner .edu-ys ul .lianimate{animation:eduys 1.2s both;-moz-animation:eduys 1.2s both; /* Firefox */
-webkit-animation:eduys 1.2s both; /* Safari and Chrome */
-o-animation:eduys 1.2s both; /* Opera */
}
@keyframes eduys
{
0%   {margin-top:40px;}
100% {margin-top:80px;}
}

@-moz-keyframes eduys /* Firefox */
{
0%   {margin-top:40px;}
100% {margin-top:80px;}
}

@-webkit-keyframes eduys /* Safari and Chrome */
{
0%   {margin-top:40px;}
100% {margin-top:80px;}
}

@-o-keyframes eduys /* Opera */
{
0%   {margin-top:40px;}
100% {margin-top:80px;}
}
.edubanner .edu-ys ul li .icon{width:100px; display:block;margin:0 auto;height:100px; border:1px solid #fff; overflow:hidden;border-radius:50%;}
.edubanner .edu-ys ul li .icon img{ display:block;height:48px;margin:0 auto;margin-top:28px;}
.edubanner .edu-ys ul li .tit{ height:38px;font-size:18px; padding:0px 20px; line-height:38px; overflow:hidden;color:#fff;margin-top:10px;}
.edubanner .edu-ys ul li .info{ line-height:27px;color:#fff; padding:0px 20px;margin-top:15px;}
.edubanner .mainbox2 .edu-ys ul li .info{ padding:0px 40px;}
.edubanner .button{width:210px;height:61px; line-height:61px; position:absolute;bottom:12%;left:50%;margin-left:-105px; text-align:center;color:#fff;font-size:21px;border:1px solid #fff;border-radius:104px; display:none; z-index:99999;-webkit-transition:0.3s; transition:0.3s;}
.edubanner .button a{ display:block;color:#fff;}
.edubanner .button a:hover{color:#fff;}
.edubanner .button:hover{ background:rgba(0,0,0,0.12);}


.edubanner .button2{bottom:6%;}
.edubanner .buttonanimate{ display:block;animation:edubutton 0.6s both;-moz-animation:edubutton 0.6s both; /* Firefox */
-webkit-animation:edubutton 0.6s both; /* Safari and Chrome */
-o-animation:edubutton 0.6s both; /* Opera */
}
@keyframes edubutton
{
0%   {transform:scale(0.6,0.6);-webkit-transform:scale(0.6,0.6);-o-transform:scale(0.6,0.6);}
25% {transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);}
50% {transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);}
75% {transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);}
100% {transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);}
}

@-moz-keyframes edubutton /* Firefox */
{
0%   {transform:scale(0.6,0.6);-webkit-transform:scale(0.6,0.6);-o-transform:scale(0.6,0.6);}
25% {transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);}
50% {transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);}
75% {transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);}
100% {transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);}
}

@-webkit-keyframes edubutton /* Safari and Chrome */
{
0%   {transform:scale(0.6,0.6);-webkit-transform:scale(0.6,0.6);-o-transform:scale(0.6,0.6);}
25% {transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);}
50% {transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);}
75% {transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);}
100% {transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);}
}

@-o-keyframes edubutton /* Opera */
{
0%   {transform:scale(0.6,0.6);-webkit-transform:scale(0.6,0.6);-o-transform:scale(0.6,0.6);}
25% {transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);}
50% {transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);}
75% {transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);}
100% {transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);}
}


.eshopbanner{ overflow:hidden; background:#68dbd6;}
.eshopbanner .mainbox{height:100%;}
.eshopbanner .textcont{ position:absolute;width:100%;left:0;top:18%;}

.eshopbanner .mytext{width:35%; position:absolute;top:46%;left:0; display:none;}
.eshopbanner .mytextanimate{animation:eshoptext 1s both;-moz-animation:eshoptext 1s both; /* Firefox */
-webkit-animation:eshoptext 1s both; /* Safari and Chrome */
-o-animation:eshoptext 1s both; /* Opera */
}
@keyframes eshoptext
{
0%   {margin-top:40px;}
100% {margin-top:0px;}
}

@-moz-keyframes eshoptext /* Firefox */
{
0%   {margin-top:40px;}
100% {margin-top:0px;}
}

@-webkit-keyframes eshoptext /* Safari and Chrome */
{
0%   {margin-top:40px;}
100% {margin-top:0px;}
}

@-o-keyframes eshoptext /* Opera */
{
0%   {margin-top:40px;}
100% {margin-top:0px;}
}

.eshopbanner .mytext .eshopbg{width:617px;height:428px; position:absolute;left:-120px;top:-150px; background:url(/kesion-ui/eshopbg.png) no-repeat; z-index:-9;}
.eshopbanner .mytext .intro{ font-size:18px; line-height:38px;color:#fff;}
.eshopbanner .mytext .button{width:168px;height:48px; line-height:48px; text-align:center;color:#fff;font-size:18px;border-radius:4px;margin-top:30px; background:#f25454; -webkit-transition:0.3s; transition:0.3s;}
.eshopbanner .mytext .button a{ display:block;color:#fff;}
.eshopbanner .mytext .button a:hover{color:#fff;}
.eshopbanner .mytext .button:hover{color:#fff; background:#e74b4b;}
.eshopbanner .img{width:70%; position:absolute;right:-80px;top:40%; display:none;}
.eshopbanner .img .eshopbg2{width:387px;height:216px; position:absolute;right:40px;top:-120px; background:url(/kesion-ui/eshopbg2.png) no-repeat; z-index:-9;}
.eshopbanner .img img{width:100%;}
.eshopbanner .imganimate{animation:eshopimg 1s both;-moz-animation:eshopimg 1s both; /* Firefox */
-webkit-animation:eshopimg 1s both; /* Safari and Chrome */
-o-animation:eshopimg 1s both; /* Opera */
}
@keyframes eshopimg
{
0%   {margin-top:40px;}
100% {margin-top:0px;}
}

@-moz-keyframes eshopimg /* Firefox */
{
0%   {margin-top:40px;}
100% {margin-top:0px;}
}

@-webkit-keyframes eshopimg /* Safari and Chrome */
{
0%   {margin-top:40px;}
100% {margin-top:0px;}
}

@-o-keyframes eshopimg /* Opera */
{
0%   {margin-top:40px;}
100% {margin-top:0px;}
}



.Scopeofservice{ background:#0087c9; overflow:hidden;}
.Scopeofservice .mainbox{height:100%;}
.Scopeofservice .textcont{ position:absolute;width:100%;left:0;top:16%;}
.Scopeofservice .serviceinfo{height:48px; line-height:48px; overflow:hidden; font-size:18px;margin-top:40px;color:#b2dbef; display:none;}
.Scopeofservice .serviceinfoanimate{animation:serviceinfoanimate 1s both;-moz-animation:serviceinfoanimate 1s both; /* Firefox */
-webkit-animation:serviceinfoanimate 1s both; /* Safari and Chrome */
-o-animation:serviceinfoanimate 1s both; /* Opera */
}
@keyframes serviceinfoanimate
{
0%   {margin-left:-100%;}
100% {margin-left:0px;}
}

@-moz-keyframes serviceinfoanimate /* Firefox */
{
0%   {margin-left:-100%;}
100% {margin-left:0px;}
}

@-webkit-keyframes serviceinfoanimate /* Safari and Chrome */
{
0%   {margin-left:-100%;}
100% {margin-left:0px;}
}

@-o-keyframes serviceinfoanimate /* Opera */
{
0%   {margin-left:-100%;}
100% {margin-left:0px;}
}

.Scopeofservice .servicelist{width:100%; position:absolute;top:45%;left:0; overflow:hidden; display:none;}
.Scopeofservice .slanimate{animation:slanimate 1s both;-moz-animation:slanimate 1s both; /* Firefox */
-webkit-animation:slanimate 1s both; /* Safari and Chrome */
-o-animation:slanimate 1s both; /* Opera */
}
@keyframes slanimate
{
0%   {margin-top:40px;}
100% {margin-top:0px;}
}

@-moz-keyframes slanimate /* Firefox */
{
0%   {margin-top:40px;}
100% {margin-top:0px;}
}

@-webkit-keyframes slanimate /* Safari and Chrome */
{
0%   {margin-top:40px;}
100% {margin-top:0px;}
}

@-o-keyframes slanimate /* Opera */
{
0%   {margin-top:40px;}
100% {margin-top:0px;}
}

.Scopeofservice .servicelist ul li{width:25%;float:left;}
.Scopeofservice .servicelist ul li .img{}
.Scopeofservice .servicelist ul li .img img{width:100%; display:block; overflow:hidden; -webkit-transition:0.3s; transition:0.3s;}
.Scopeofservice .servicelist ul li .img:hover img{}
.Scopeofservice .servicelist ul li .box{ padding-bottom:15px; background:#fff;}
.Scopeofservice .servicelist ul li .box .tit{ text-align:center;font-size:21px;height:31px; line-height:31px;margin-top:15px;}
.Scopeofservice .servicelist ul li .box .info{ line-height:24px;font-size:14px; text-align:center;color:#909598;margin-top:10px; padding:0px 20px;height:72px;}

.ulpad20{width:1220px;}
.ulpad20 .box{ margin-right:20px;}
.ulpad40{width:1540px;}
.ulpad40 .box{ margin-right:40px;}


.newsmain{ background:#00a7c9; position:relative;}
.newsmain .mainbox{height:100%;}
.newsmain .mainbox2 .newsbox_l,.newsmain .mainbox2 .newsbox_r{ width:730px;}
.newsmain .textcont{position: absolute; width: 100%; left:0;top:100px;}
.newsbox{}
.newsbox .newsbox_l{ width:590px; position:absolute; left:0; top:33%; background:#fff; display:none}
.newsbox .newsbox_l .newstab{ height:50px; line-height:49px; border-bottom:1px solid #ddd; padding-left:10px;overflow:hidden; }
.newsbox .newsbox_l .newstab ul li{ width:100px; float:left; font-size:16px; text-align:center; cursor:pointer;}
.newsbox .newsbox_l .newstab ul li.current{ border-bottom:1px solid #509ECC; color:#509ECC;}
.newsbox .newsbox_l .news_list{padding:10px 20px; height:343px; overflow:hidden;}
.newsbox .newsbox_l .news_list ul li{ margin:10px 0;}
.newsbox .newsbox_l .news_list .news_img{ width:30%; float:left; height:96px;/* border:1px solid #ddd*/}
.newsbox .newsbox_l .news_list .news_img img{ width:100%; height:100%;}
.newsbox .newsbox_l .news_list .news_txt{ width:67%; float:right;}
.newsbox .newsbox_l .news_list .news_txt .news_name{ font-size:16px; line-height:26px; height:26px; overflow:hidden; margin-bottom:15px;}
.newsbox .newsbox_l .news_list .news_txt .news_info{ font-size:14px; color:#909598; line-height:24px; height:48px; overflow:hidden;}
.newsbox .newsbox_l .news_list .news_txt .date{ margin-top:8px; float:right; color:#909598; background:url(/kesion-ui/datetime.png) no-repeat left center; padding-left:20px; height:22px; line-height:22px;}
.tabsign{}
.newsbox .newsbox_l .tabsign ul li{ height:44px; line-height:40px; margin:6px 0;}
.newsbox .newsbox_l .tabsign ul li i{    width: 10px; height: 10px; float: left; background: #509ECC; border-radius: 50%; display: inline-block; margin-top: 13px; margin-right: 9px;}
.tabsign ul li a{ font-size:17px; display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
.tabsign ul li span{ float:right;color:#909598; padding-left:15px;}
.newsbox .newsbox_l .tabsign ul li.firstone { height:auto; }
.newsbox .newsbox_l .tabsign ul li.firstone .intro{ line-height:24px; height:48px; overflow:hidden; font-size:14px;color:#909598;}


.newsbox .newsbox_r{ width:590px; position:absolute; right:0; top:33%; background:#fff; display:none; overflow:hidden; height:414px;}
.newsbox .newsbox_r .newsban{ width:19999999px; position:absolute;top:0; left:0; height:414px;}
.newsbox .newsbox_r ul li{width:590px; position:relative; float:left;}
.newsmain .mainbox2 .newsbox .newsbox_r ul li{ width:730px;}
.newsbox .newsbox_r img{ width:100%; height:414px;}
.newsbox .newsbox_r .newsbg{ background:rgba(0,0,0,0.3); position:absolute; bottom:0; left:0;width:100%; height:45px; line-height:45px; overflow:hidden;}
.newsbox .newsbox_r .newsbg a{ display:block; padding:0 10px; color:#fff; font-size:15px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
.newsbox .newsbox_r .arrow{}
.newsbox .newsbox_r .arrow a{ background:url(/kesion-ui/arrow.png) no-repeat; height:40px; width:40px; display:none; cursor:pointer;
-moz-animation:mywrap 0.6s ease-in-out 0.3s both; /* Firefox */
-webkit-animation:mywrap 0.6s ease-in-out 0.3s both; /* Safari and Chrome */
-o-animation:mywrap 0.6s ease-in-out 0.3s both; /* Opera */
}
@keyframes mywrap
{
0%   {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;  opacity: 0; }
100% {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;  opacity: 1; }
}

@-moz-keyframes mywrap /* Firefox */
{
0%   {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;  opacity: 0; }
100% {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;  opacity: 1; }
}

@-webkit-keyframes mywrap /* Safari and Chrome */
{
0%   {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;  opacity: 0; }
100% {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;  opacity: 1; }
}

@-o-keyframes mywrap /* Opera */
{
0%   {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;  opacity: 0; }
100% {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;  opacity: 1; }
}

.newsbox .newsbox_r .arrow .prev{ position:absolute; left:1%; top:45%; background-position:0 0;}
.newsbox .newsbox_r .arrow .next{ position:absolute; right:1%; top:45%; background-position:-44px 0;}
.newsbox .newsbox_r:hover .arrow a{ display:block;}



.newsanimate{animation:newsbox 1s both;-moz-animation:newsbox 1s both; /* Firefox */
-webkit-animation:newsbox 1s both; /* Safari and Chrome */
-o-animation:newsbox 1s both; /* Opera */
}
@keyframes newsbox
{
0%   {margin-top:-40px;}
100% {margin-top:0px;}
}

@-moz-keyframes newsbox /* Firefox */
{
0%   {margin-top:-40px;}
100% {margin-top:0px;}
}

@-webkit-keyframes newsbox /* Safari and Chrome */
{
0%   {margin-top:-40px;}
100% {margin-top:0px;}
}

@-o-keyframes newsbox /* Opera */
{
0%   {margin-top:-40px;}
100% {margin-top:0px;}
}



.kesioncase{ background:#32393d url(case.png) no-repeat 50% 0; overflow:hidden;}
.kesioncase .webinfo{ position:absolute;right:0;top:17%;color:#fff; display:none;}
.kesioncase .webinfo ul li{float:left; padding:0px 40px;}
.kesioncase .webinfo strong{ display:block; font-size:36px;height:56px; line-height:56px;font-weight:normal; overflow:hidden;}
.kesioncase .webinfo span{ display:block; overflow:hidden;height:22px; line-height:22px; overflow:hidden;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7;  opacity: 0.7;}

.kesioncase .mainbox{height:100%;}
.kesioncase .textcont{ position:absolute;width:100%;left:0;top:17%;}

.kesioncase .caselist{width:100%; position:absolute;top:35%;left:0; overflow:hidden; display:none;}

.kesioncase .caselist ul li{width:25%;float:left;}
.kesioncase .caselist ul li .img{}
.kesioncase .caselist ul li .img img{width:100%;}
.kesioncase .caselist ul li .box{ background:#fff; padding-bottom:15px;}
.kesioncase .caselist ul li .box .tit{ text-align:center;font-size:18px;height:38px; line-height:38px;margin-top:5px;}
.kesioncase .caselist ul li .box .info{ line-height:22px;font-size:12px;height:88px; overflow:hidden; padding:0px 20px;margin-top:5px; text-align:center;color:#909598;}


/*转动*/
.kesioncase #content{width:100%; overflow:hidden; position:relative;height:675px;}
.kesioncase #contentwrap{width:99999px; overflow:hidden; position:absolute;left:0;top:0;height:100%;}
.kesioncase .contbox{float:left;}

.kesioncase .btnbox{ position:absolute;width:100%;left:0;top:88%; height:40px; display:none;}
.kesioncase .btnbox .btn-margin{width:120px;margin:0 auto;height:40px; overflow:hidden;}
.kesioncase .btnbox .btn-margin #prev{width:40px;float:left;height:40px; background:url(/kesion-ui/prev.png) no-repeat; cursor:pointer;}
.kesioncase .btnbox .btn-margin #next{width:40px;float:right;height:40px; background:url(/kesion-ui/next.png) no-repeat; cursor:pointer;}
.kesioncase .btnanimate{animation:btnanimate 1s both;-moz-animation:btnanimate 1s both; /* Firefox */
-webkit-animation:btnanimate 1s both; /* Safari and Chrome */
-o-animation:btnanimate 1s both; /* Opera */
}
@keyframes btnanimate
{
0%   {margin-top:40px;}
100% {margin-top:0px;}
}

@-moz-keyframes btnanimate /* Firefox */
{
0%   {margin-top:40px;}
100% {margin-top:0px;}
}

@-webkit-keyframes btnanimate /* Safari and Chrome */
{
0%   {margin-top:40px;}
100% {margin-top:0px;}
}

@-o-keyframes btnanimate /* Opera */
{
0%   {margin-top:40px;}
100% {margin-top:0px;}
}


#fp-nav{ position:fixed;right:15px;top:50%; z-index:9999;}
#fp-nav ul li{width:10px;height:10px;margin-top:15px;}
#fp-nav ul li a{ display:block; overflow:hidden;width:10px;height:10px; background:url(/kesion-ui/ydbg2.png) no-repeat;}
#fp-nav ul li a.active{ background:url(/kesion-ui/ydbg.png) no-repeat;}



/*公司动态*/
.mywrap #kfface,.mywrap #customerservice{right:15px;}


.dynamics-title{ padding:20px 0px 60px 0px; background:#db3f3b url(navbg.png) repeat-y 100% 0;}
.dynamics-title .title{ color:#fff;height:36px; overflow:hidden; }
.dynamics-title .title img{height:36px; display:block;margin:0 auto; }

.dynamics-title .info{height:16px; line-height:16px; overflow:hidden;margin-top:30px; }
.dynamics-title .info img{height:16px; display:block;margin:0 auto; }

.years-nav{height:61px; overflow:hidden; text-align:center;padding-top:20px; background:#fff;}

.years-nav a{float:left;font-size:16px;height:46px; line-height:46px; overflow:hidden; margin:0px 20px; color:#5a5a5a;}
.years-nav a.curr{color:#0f78bc;}
.years-nav a:hover{color:#0f78bc;}
.years-nav .dis-maddle{ display:inline-block;}
.years-nav .dis-maddle span{ display:none;}


.columntitle{ padding: 100px 0px 100px 0px; background: #131b20 url(bg/pic1.jpg) no-repeat 50% 50%;  height:200px; text-align: center;}
.columntitle1{background: #131b20 url(bg/bg2.png) no-repeat 50% 50%; }
.columntitle2{background: #131b20 url(bg/banner2.jpg) no-repeat 50% 50%; }
.columntitle3{background: #131b20 url(bg/bg3.jpg) no-repeat 50% 50%; }
.columntitle .title{ overflow: hidden; text-align: left; margin-bottom:30px; padding: 0 10px; font-size: 48px; letter-spacing: 12px;color: #fff;}
.columntitle .title img{/*height:36px;*/}
.columntitle .title span img{height:24px;margin:10px 0px 0px 30px;}
.columntitle .info{    text-align: center;overflow: hidden; color: #fff; font-size: 26px;  letter-spacing: 3px; margin-top: 18px;}
.columntitle .info strong{color:#fff;font-weight:normal; font-size:24px;}


.newslist{ overflow:hidden;}
.newslist ul{padding-top:30px;}
.newslist ul li{background:#fff;margin-top:30px;}
.newslist ul li .box{ padding:30px 0px; margin:0px 30px;height:105px;}
.newslist ul li.noborder .box{border-top:0px;}
.newslist ul li a{font-size:18px;}
.newslist ul li span{width:85px; height:85px;font-size:21px; background:#edf2f4; margin-right:30px; float:left; line-height:22px;padding-top:17px;color:#909598; padding-left:15px;}
.newslist ul li span em{font-size:24px; padding:0px 2px;}
.newslist ul li span b{font-weight:normal;font-size:12px;color:#a0a4a7; line-height:28px}
.newslist ul li .title{height:26px; font-size:16px; line-height:26px;margin-top:12px; overflow:hidden;}
.newslist ul li .intro{color:#909598; line-height:24px;height:48px; overflow:hidden; font-size:12px;margin-top:10px;}
.newslist ul li .intro a{color:#069;font-size:12px; display:none;}
.commend{ margin-top:40px; background:#fff; padding:30px;}
.commend .commend_left{ width:400px; float:left; margin-right:30px; height:185px; overflow:hidden; position:relative}


.commend .commend_left span{width:85px; height:85px;font-size:21px; background:#1b86cc; margin-right:30px; position:absolute;left:0;top:0; line-height:22px;padding-top:17px;color:#fff; padding-left:15px;}
.commend .commend_left span em{font-size:24px; padding:0px 2px;}
.commend .commend_left span b{font-weight:normal;font-size:12px;color:#fff; line-height:28px}
.commend .commend_left span img{height:7px;width:5px;}

.commend .commend_left .img{ width:400px;}
.commend .commend_left img{ width:100%;}
.commend .commend_right{ padding:12px 0;}
.commend .commend_right .title{height: 26px; font-size: 16px; line-height: 26px;overflow: hidden;}
.commend .commend_right .title a{ font-size:18px;}
.commend .commend_right .intro{color: #909598;line-height: 24px; height:96px;overflow: hidden; font-size: 12px; margin-top: 10px; text-indent:2em;}


/*通用分页*/
.fenye{ padding:60px 0px 30px 0px;margin:0 auto;}
.fenye a{ margin:0px 5px;font-size:16px;width:46px;float:left;height:46px; line-height:46px; background:#e8e8e8;border-radius:3px;color:#616466; text-align:center;}
.fenye a img{ display:block; overflow:hidden;height:10px;margin:0 auto;margin-top:18px;}
.fenye a.curr{ background:#1b86cc;color:#fff;}
.fenye a.curr:hover{ background:#1b86cc;color:#fff;}
.fenye a:hover{ background:#e2e2e2;}

.productlist{ padding-bottom:20px; overflow:hidden; }
.productlist.mainbox2{ padding-bottom:0px;margin-top:30px;}
.productlist.mainbox2 #container{width:1560px;}
.productlist.mainbox2 #container .grid .box{ margin:30px 60px 30px 0px;}
.productlist #container{width:1230px;}
.productlist .grid{width:50%;float:left;}
.productlist .grid .img img{width:100%; display:block; overflow:hidden;}
.productlist .grid .box{ background:#fff;margin:50px 30px 0px 0px; padding-bottom:30px;}
.productlist .grid .box .tit{font-size:24px;line-height:34px;margin-top:25px; overflow:hidden; padding:0px 30px;}
.productlist .grid .box .intro{ padding:0px 30px; line-height:27px;color:#909598;margin-top:15px;}
.productlist .grid .box .info{ padding-left:30px;height:32px; line-height:32px;margin-top:15px; overflow:hidden;color:#606466;}
.productlist .grid .box .info span{ padding-right:30px;}

.productlist .grid .box .button{ padding:5px 15px 0px 30px;}
.productlist .grid .box .button dl dt{float:left;}
.productlist .grid .box .button a{float:left; padding:0px 15px;height:32px; line-height:32px;color:#606466; background:#edf2f4;border-radius:3px; margin:15px 15px 0px 0px; -webkit-transition:0.3s; transition:0.3s;}
.productlist .grid .box .button a:hover{ background:#2975a3;color:#fff;}


.version{ overflow:hidden;}
.version .width{width:1230px;}
.version.mainbox2 .width{width:1560px;}
.version.mainbox2 .width .box{ margin-right:60px;}
.version.mainbox2 .width .box ul{margin-top:20px;}
.version .inner{width:50%;float:left;}
.version .inner .box{ margin:30px 30px 0px 0px; padding-bottom:30px;}
.version .inner .box .title{height:38px; line-height:38px;font-size:18px;}
.version .inner .box .title span{ font-size:14px;color:#909598; padding-left:15px;}
.version .inner .box ul{ background:#fff;margin-top:5px; padding:15px 30px 30px 30px;}
.version .inner .box ul li{ line-height:44px; font-size:14px;height:44px;border-top:1px dashed #d0d4d5; background:url(/kesion-ui/list.png) no-repeat 0 50%; padding-left:24px;}
.version .inner .box ul li span{float:right;}
.version .inner .box ul li span a{ padding:0px 10px; margin-left:15px;height:44px; line-height:44px;float:left;border-radius:3px;}
.version .inner .box ul li.clickbtn{ width:132px; text-align:center;margin:0 auto;margin-top:15px;height:36px; line-height:36px; background:#edf2f4;
border-radius:3px; cursor:pointer;border-top:0px; padding-left:0px; -webkit-transition:0.3s; transition:0.3s;}
.version .inner .box ul li.clickbtn:hover{ background:#2975a3;color:#fff;}
.version .inner .box ul li a{color:#18689b;}

/*案例*/
.recommendedcase{height:640px; overflow:hidden;width:100%; overflow:hidden; position:relative;}
.recommendedcase ul li{ position:relative;height:640px;float:left;width:100%; overflow:hidden;}
.recommendedcase ul li .img{width:840px; position:absolute;left:-200px; top:0;height:640px;}
.recommendedcase ul li .img img{width:840px;height:640px;}
.recommendedcase ul li .ct{ padding:0px 0px 0px 570px; padding-top:110px; position:relative; z-index:9;}
.recommendedcase ul li .ct .title{height:50px; line-height:50px; overflow:hidden;font-size:30px;}
.recommendedcase ul li .ct .title a{color:#fff;}
.recommendedcase ul li .ct .intro{color:#fff; line-height:29px;font-size:14px;margin-top:15px;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7;  opacity: 0.7; overflow:hidden;}	
.recommendedcase ul li .ct .intro p{margin-top:15px;}

.recommendedcase ul li .ct .button{width:120px;height:46px; text-align:center;border-radius:4px; line-height:46px;font-size:16px;margin-top:55px;color:#fff; padding:0px 20px;border:1px solid #fff; cursor:pointer;}
.recommendedcase ul li .ct .button:hover{}
	
.recommendedcase .flicking_con{ position:absolute; z-index:9999;left:50%;bottom:30px;}
.recommendedcase .flicking_con a {float:left; width:10px; height:10px;-webkit-transition: .0s; transition: .0s; margin:0 5px; padding:0; background:url(/kesion-ui/ydbg2.png) no-repeat; display:block; text-indent:-1000em}
.recommendedcase .flicking_con a.on {background:url(/kesion-ui/ydbg.png) no-repeat;}


.mycaselist{ overflow:hidden;}
.mycaselist .title{height:44px; line-height:44px; font-size:24px;margin-top:20px; overflow:hidden;}
.mycaselist .title span{ font-size:18px; padding-left:15px;color:#909598;}
.mycaselist .title .more{float:right; font-size:14px;color:#606466;}
.mycaselist .title .more:hover{color:#186594; position:}

.mycaselist ul{width:1220px;}
.mycaselist.mainbox2{margin-top:10px; }
.mycaselist.mainbox2 .title{margin-top:30px;}
.mycaselist.mainbox2 ul{width:1530px;}
.mycaselist.mainbox2 ul li .img img{height:160px;}
.mycaselist.mainbox2 ul li .box{ margin-top:20px; margin-right:30px;}
.mycaselist ul li{width:25%;float:left;}
.mycaselist ul li .img{ overflow:hidden; padding:20px 20px 0px 20px; position:relative;}
.mycaselist ul li .img .imgrgba{width:100%;height:100%; background:url(/kesion-ui/rgba054.png); position:absolute;left:0;top:0; z-index:9; display:none;}
.mycaselist ul li .img img{width:100%; display:block;height:123px; margin:0 auto; overflow:hidden;}
.mycaselist ul li .box{ background:#fff; padding-bottom:183px; margin:10px 20px 10px 0px; position:relative;}
.mycaselist ul li .box .innerbox{height:163px; overflow:hidden; position:absolute;bottom:20px;left:0;width:100%; z-index:9; background:#fff;}
.mycaselist ul li .box .tit{ text-align:center;font-size:18px;height:38px; line-height:38px;margin-top:10px; overflow:hidden; padding:0px 20px;}
.mycaselist ul li .box .info{ line-height:22px;font-size:12px;height:110px; overflow:hidden; padding:0px 20px;margin-top:5px; text-align:center;color:#909598; text-align:left;}
.mycaselist ul li .box .button a{width:110px; display:block;height:36px; line-height:36px;border:1px solid #d0d9dc;border-radius:4px;margin:0 auto; text-align:center;font-size:14px;margin-top:15px;color:#606466;}
.mycaselist ul li .box .button a:hover{ color:#e93c3c;border:1px solid #e93c3c;}


/*案例内容页*/
.anliect{height:315px; padding:60px 0px}
.anliect .left{width:570px;float:left; padding-left:60px;}
.anliect .left .title{font-size:38px;color:#fff;font-weight:bold;height:40px; line-height:40px; overflow:hidden;margin-top:30px;}
.anliect .left .info{ font-size:30px;color:#fff; height:32px; line-height:32px; overflow:hidden;margin-top:30px;}
.anliect .left .what{color:#fff;height:14px; line-height:14px; overflow:hidden;margin-top:60px;}
.anliect .left .alhref{ font-size:24px;color:#fff;height:28px; line-height:26px; overflow:hidden;margin-top:30px;}
.anliect .left .alhref a{color:#fff;}
.anliect .right{width:460px;float:right; margin-right:60px}
.anliect .right img{width:460px;height:315px;}

.anliect2{width:1190px;margin:0 auto; padding:58px 0px 53px 0px}
.anliect2 .left{width:890px;float:left; font-size:16px; line-height:33px;}
.anliect2 .left .info{ font-size:30px; line-height:32px;}
.anliect2 .left .info span{ display:block;height:32px; line-height:32px; overflow:hidden;margin-top:30px; margin-bottom:10px}
.anliect2 .left p{ padding-top:42px; text-indent:2em}
.anliect2 .right{width:270px;float:right;margin-top:2px;}
.anliect2 .right .title{height:40px; line-height:40px; font-size:16px; background:#f1f1f1; padding-left:15px;}
.anliect2 .right ul{ padding:15px}
.anliect2 .right ul li{height:28px; line-height:28px; font-size:14px; background:url(/kesion-ui/list.png) no-repeat 0 50%; padding-left:20px}
.anliect2 .right ul li a{color:#e10000}





/*关于pp电子*/

.aboutClass{height:76px;line-height:76px;background:#f5f5f5;}
.aboutClass li{float:left;padding:0px 25px;font-size:16px;}
.aboutClass a{ display:block;color:#5a5a5a;}
.aboutClass .curr{background:#fff; }
.aboutClass .curr a{color:#0f78bc;}

.aboutusmain{ position:relative; margin-top:40px;padding-bottom:60px;}

.aboutusmain h4{ font-size:30px;font-weight:normal;height:80px; line-height:80px; overflow:hidden;}
.aboutusmain .intro{ padding:15px 0px; font-size:14px;color:#5a5a5a;line-height:34px;}

.aboutusmain .intro p{ text-indent:2em;padding-bottom:15px;}

.aboutusmain .right .photolist{ background:url(/kesion-ui/bg13.png) repeat-y;height:900px; position:relative;margin:15px 0px 0px 15px;}
.aboutusmain .right .photolist ul li{ padding:14px;background:#fff;box-shadow:1px 1px 2px #c1c1c1;}
.aboutusmain .right .photolist ul li:hover{box-shadow:0px 0px 10px #909598;}
.aboutusmain .right .photolist ul li img{width:100%;}
.aboutusmain .right .photolist ul li.li01{width:135px; position:absolute;left:25px;top:30px}
.aboutusmain .right .photolist ul li.li02{width:105px; position:absolute;left:210px;top:90px}
.aboutusmain .right .photolist ul li.li03{width:75px; position:absolute;left:365px;top:30px}
.aboutusmain .right .photolist ul li.li04{width:105px; position:absolute;left:490px;top:90px}
.aboutusmain .right .photolist ul li.li05{width:195px; position:absolute;left:645px;top:60px}
.aboutusmain .right .photolist ul li.li06{width:280px; position:absolute;left:40px;top:275px}
.aboutusmain .right .photolist ul li.li07{width:105px; position:absolute;left:380px;top:335px}
.aboutusmain .right .photolist ul li.li08{width:135px; position:absolute;left:545px;top:275px}
.aboutusmain .right .photolist ul li.li09{width:160px; position:absolute;left:810px;top:465px}
.aboutusmain .right .photolist ul li.li10{width:135px; position:absolute;left:760px;top:285px}
.aboutusmain .right .photolist ul li.li11{width:205px; position:absolute;left:460px;top:540px}

.aboutusmain .right .photolist ul li.li12{width:285px; position:absolute;left:50px;top:570px}


.aboutusmain .right .Contactus .leftbox{width:490px; float:left;}
.aboutusmain .right .Contactus .rightbox{width:430px; float:right; line-height:28px;}
.aboutusmain .right .Contactus .rightbox strong{font-size:18px;}
.aboutusmain .right .zhengshu{ position:relative;}
.aboutusmain .right .zhengshu ul li.title{width:100%;background:none;float:none;margin:20px 0px 0px 0px; text-align:left; font-size:18px;height:40px; line-height:40px;border-bottom:1px solid #ddd;}
.aboutusmain .right .zhengshu ul li{width:240px;background:url(/kesion-ui/imgbox.png) no-repeat; overflow:hidden; text-align:center;float:left;margin:20px 0px 20px 30px}
.aboutusmain .right .zhengshu ul li .imgbox{height:157px; overflow:hidden;margin-bottom:10px;}
.aboutusmain .right .zhengshu ul li .imgbox2{height:157px; overflow:hidden;margin-bottom:10px;}
.aboutusmain .right .zhengshu ul li img{width:220px;margin:10px 0px 0px 10px;}
.aboutusmain .right .zhengshu ul li strong{font-weight:normal; line-height:24px; display:block;margin-top:15px;}

.aboutusmain .right .partner h2{background:url(/kesion-ui/ws.jpg) no-repeat 5px 5px;font-weight:normal;border-bottom:#e8e8e8 1px solid;text-align:left;height:36px;line-height:36px;padding-left:45px;}
.aboutusmain .right .partner h2 a{font-size:18px;color:#333;}
.aboutusmain .right .partner .hz1{padding:8px;}
.aboutusmain .right .partner .hz1 .hz_logo{width:175px;float:left; border:#4898E3 1px solid;padding:2px;}
.aboutusmain .right .partner .hz1 .hz_intro{width:480px;float:right;line-height:24px;}

.aboutusmain .right .partner .hz1 .info{
	font-size:15px;
	padding-bottom:15px;
	clear: both;
	width: 670px;
	margin-right: auto;
	margin-left: auto;
}

.aboutusmain .right .partner .idclogo {
	float: left;
	padding: 1px;
	border: 1px solid #A6CCF1;
	background-color: #FFF;
	display: inline;
	margin-top: 12px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.aboutusmain .right .partner .info h1{ font-size:16px;font-weight:normal;color:#ff6600;}


/*汇款方式*/

.aboutusmain .right .intro h1{ font-size:20px; font-weight:500; color:#CC3300; font-family:"微软雅黑";}
.aboutusmain .right .intro h1 span{ font-size:20px; color:#666666; padding-left:10px;}



/*生长历程*/
.fzlcmain{margin-top:15px;border-left:1px solid #e2e2e2;margin-left:100px;}
.fzlcmain ul li{ padding:80px 15px 30px 30px; position:relative; font-size:16px;}
.fzlcmain ul li span{width:88px;height:35px;color:#fff; text-align:center; /*padding-left:12px;background:url(/kesion-ui/timebg.png) no-repeat;*/ background:#0f78bc; position:absolute;left:-60px;top:21px; line-height:35px; font-size:15px; }



/*程序定制*/

.cxdzmain{ background:url(/kesion-ui/20167311439.png) no-repeat 50% 0; padding-top:50px;}
.cxdzmain .title{height:50px; line-height:50px; font-size:30px; overflow:hidden;}
.cxdzmain .title span{ font-size:18px; padding-left:15px;color:#909598;}

.cxdzmain .cxdzlc{margin-top:40px;}
.cxdzmain .cxdzlc ul li{width:20%;float:left; text-align:center; position:relative;}
.cxdzmain .cxdzlc ul li .icon{width:100px;height:100px;margin:0 auto;border-radius:50%;}
.cxdzmain .cxdzlc ul li .icon img{width:55px; display:block;margin:0 auto;padding-top:23px;}
.cxdzmain .cxdzlc ul li .icon1{ background:#39b7eb;}
.cxdzmain .cxdzlc ul li .icon2{ background:#39d0eb;}
.cxdzmain .cxdzlc ul li .icon3{ background:#2cdca8;}
.cxdzmain .cxdzlc ul li .icon4{ background:#ebc357;}
.cxdzmain .cxdzlc ul li .icon5{ background:#e37f90;}
.cxdzmain .cxdzlc ul li .text{ font-size:16px;height:46px; line-height:46px;color:#606466; overflow:hidden;}
.cxdzmain .cxdzlc ul li .jtbg{width:30px; position:absolute;right:-15px;top:35px;}
.cxdzmain .cxdzlc ul li .jtbg img{width:30px;}

.cxdzmain .lctips{ padding-top:15px; line-height:36px; font-size:16px;color:#606466; }
.cxdzmain .lctips p{ padding-top:20px;}
.cxdzmain .lctips p span{color:#186594;}

.cxdzmain .post{ background:#fff; padding:40px 40px 30px 40px;margin-top:20px;border:1px solid #e1e6e8; box-shadow:0px 1px 3px #e1e6e8;}
.cxdzmain .post .info{ font-size:14px; height:44px; line-height:44px; overflow:hidden;color:#606466;}
.cxdzmain .post .info span{color:#f00;}
.cxdzmain .post label{ display:block; position:relative;margin-top:30px; padding-left:380px;height:44px; line-height:44px; overflow:hidden;}
.cxdzmain .post label span{color:#f00; padding-left:10px;}
.cxdzmain .post label span.tit{color:#909598; position:absolute;width:355px;left:0;top:0; font-size:14px; text-align:right;}	
.cxdzmain .post label .txt{width:310px; padding-left:10px;height:40px; outline:none;border:1px solid #c1c5c6; line-height:40px;font-size:14px;}
.cxdzmain .post label .txtw540{width:490px;border:1px solid #c1c5c6;height:100px; padding:5px 10px; line-height:24px; outline:none; font-size:14px;}
.cxdzmain .post label .txtw60{width:120px;}
.cxdzmain .post label.kflabel{height:112px;}
.cxdzmain .post .mysubmit{height:auto;padding-top:30px;}
.cxdzmain .post .submit{ display:block;height:50px; line-height:50px; font-size:16px; text-align:center;width:220px; background:#1b86cc;color:#fff;border-radius:4px; -webkit-transition:0.3s; transition:0.3s;}
.cxdzmain .post .submit:hover{ background:#1680c6;}


/*网站制作*/
.wzzzmain08{background:none !important}
.wzzzmain08 .wzzzmain08box{width:990px;margin:0 auto; padding:50px 30px}
.wzzzmain08 .wzzzmain08box h4{font-size:25px;font-weight:normal;color:#fff;}
.wzzzmain08 .wzzzmain08box .info{ margin-top:15px; height:25px;font-size:13px;color:#fff}
.wzzzmain08 .wzzzmain08box .label{ display:block; line-height:35px;margin-top:10px;font-size:13px;}
.wzzzmain08 .wzzzmain08box .label .txt{width:230px; padding-left:9px; height:27px; background:url(/kesion-ui/bg74.png) no-repeat;border:0px; margin-right:5px;}
.wzzzmain08 .wzzzmain08box span{color:#ff0}
.wzzzmain08 .wzzzmain08box .label span.title{color:#fff; float:left;width:120px; padding-right:5px; text-align:right;}
.wzzzmain08 .wzzzmain08box .label .txtw60{width:80px; padding-left:7px; height:26px; background:url(/kesion-ui/bg74.png) no-repeat;border:0px; margin-right:5px;}
.wzzzmain08 .wzzzmain08box .label .txtw540{width:350px; padding-left:9px; height:65px; background:url(/kesion-ui/bg75.png) no-repeat;border:0px; margin-right:5px;}
.wzzzmain08 .wzzzmain08box .submit{width:200px; height:35px; line-height:35px; margin-left:127px; background:#ff9736;margin-top:20px; text-align:center;font-size:18px;color:#fff; display:block}
.newscontent .Dg a{ -webkit-transition:0s; transition:0s;}





/**saas**/
.sasever{border-top:1px solid #e9e9e9;padding:60px 40px;}
.cxdzmain .sintro{ font-size:16px; line-height:30px; color:#929292; text-align:center; padding:15px 0px;}
.sasever .sever_l{width:540px; padding-left:50px; color:#929292;}
.sasever .sever_r{width:460px;text-align:center;}
.sasever .sever_r img{ width:480px;}
.sasever .sever_l span{ display:block; margin-top:80px; font-size:24px; line-height:44px; height:44px; margin-bottom:15px; color:#303233}
.sasever ul li{ width:180px; margin:0 10px; float:left; text-align:center;}
.sasever .saimg{ width:150px; height:150px; border-radius:50%; border:1px solid #3AB6EA; margin:0 auto;}
.sasever .saimg span{ display:inline-block; width:120px; height:120px; margin-top:15px; background:#3AB6EA; border-radius:50%;}
.sasever .saimg span img{ width:80px; height:80px; padding-top:20px;}
.sasever .satxt{ font-size:14px; line-height:24px;color:#929292;}
.sasever .satxt span{ display:block; font-size:16px; line-height:36px; height:36px; color:#509ECC; margin-top:15px;}




/*全站搜索*/

.sc_list{width:1200px;margin:0 auto; background:#fff; position:relative;padding-top:15px;}
.sc_list .m-title{padding:0px 30px;font-size:36px;line-height:76px;}
.sc_list .scjg{ clear:both;height:50px; line-height:50px;font-size:15px;color:#666;border-bottom:1px solid #e1e1e1;margin:5px 30px 0px 30px;}
.sc_list .scjg .left{ float:left}
.sc_list .scjg .left strong{ display:none}
.sc_list .scjg .right{ float:right; padding-top:7px; display:none}
.sc_list .scjg .right .searchinput02{width:315px; height:28px; background:url(/kesion-ui/input02.png) no-repeat;border:0px;font-family:"\5FAE\8F6F\96C5\9ED1"; padding-left:13px;color:#999;font-size:12px; line-height:28px;}
.sc_list .scjg .right .scbtn02{width:23px; height:22px; background:url(/kesion-ui/scbtn03.png) no-repeat;border:0px; position:absolute; margin:2px 0px 0px -44px; cursor:pointer;}

.sc_list h4{height:35px; line-height:35px;padding-left:10px;font-family:"\5FAE\8F6F\96C5\9ED1";}
.sc_list ul{padding:10px 30px;}
.sc_list ul li{border-bottom:1px dashed #ddd;padding:15px 0px; line-height:22px;}
.sc_list ul li a.title{font-size:18px;color:#007bbb; float:left;}
.sc_list ul li div{ padding-top:8px;}
.sc_list ul li span.date{padding-left:20px;color:#666; float:left}
.sc_list ul li.fyys{border:0px; text-align:right;margin-top:10px}
.sc_list ul li.fyys:hover{background:none}






.about-bg{height:340px; overflow:hidden;background:url(/kesion-ui/about-us.jpg) no-repeat 50% 50%;}
.news-bg{height:340px; overflow:hidden;background:url(/kesion-ui/news-bg.jpg) no-repeat 50% 50%;}
.download-bg{height:340px; overflow:hidden;background:url(/kesion-ui/download-bg.jpg) no-repeat 50% 50%;}
.case-bg{height:340px; overflow:hidden;background:url(/kesion-ui/case-bg.jpg) no-repeat 50% 50%;}<!--耗时1782866520.3851秒-->