.service_banner { background-image:url(../img/sitekf.jpg); height:350px;}

.left{float:left}.right{float:right}.clear{clear:both;overflow:hidden;height:0px;line-height:0px}.red{color:#D2072F}.whitebg{background:#fff}
.maxb90{max-width:90%;margin:0 auto}.abouttxt{padding:24px 0;text-align:center;padding-bottom: 36px;}.title-big{font-size:36px;line-height:80px;color:#333;font-weight:600;}.title-small{line-height:24px;color:#878787;font-weight:normal;font-size:14px}.title-small .red{font-size:18px}.aboutlist{width:85%;clear:both;margin:0 auto;padding-bottom:40px}.canlist{width:20%;float:left}.canlist:nth-child(4) .circle-icon{margin-right:30px}.txa_c{text-align:center}.circle-icon{display:inline-block;font-size:48px;text-align:center;width:92px;height:92px;line-height:92px;border-radius:46px;border:solid 1px #cecece;transition:border,box-shadow 0.2s ease;-webkit-transition:border,box-shadow 0.2s ease;-moz-transition:border,box-shadow 0.2s ease}.circle-icon div{width:100%;height:100%;background-position:center center;background-repeat:no-repeat}
.txa_c{text-align:center}.trdcon{display:inline-block}.trd-title{line-height:48px;font-size:23px;color:#333333;text-align:left}.trd-detal{font-size:12px;line-height:24px;color:#666;text-align:left}
.welist{width:16%;padding:0 2%}
.weico1{background-image:url(../img/weico1.png)}.weico2{background-image:url(../img/weico2.png)}
.weico3{background-image:url(../img/weico3.png)}.weico4{background-image:url(../img/weico4.png)}
.weico5{background-image:url(../img/weico5.png)}
.welist:hover .circle-icon .weico1{background-image:url(../img/weico1cur.png);}
.welist:hover .circle-icon .weico2{background-image:url(../img/weico2cur.png);}
.welist:hover .circle-icon .weico3{background-image:url(../img/weico3cur.png);}
.welist:hover .circle-icon .weico4{background-image:url(../img/weico4cur.png);}
.welist:hover .circle-icon .weico5{background-image:url(../img/weico5cur.png);}

.ie8 .welist:hover .circle-icon .weico1, .ie8 .welist:hover .circle-icon .weico2, .ie8 .welist:hover .circle-icon .weico3, .ie8 .welist:hover .circle-icon .weico4, .ie8 .welist:hover .circle-icon .weico5, .ie7 .welist:hover .circle-icon .weico1, .ie7 .welist:hover .circle-icon .weico2, .ie7 .welist:hover .circle-icon .weico3, .ie7 .welist:hover .circle-icon .weico4, .ie7 .welist:hover .circle-icon .weico5{background-color:#D30830}

.weicodiv{text-align:center}.weicodiv .trd-title{text-align:center}
.weicodiv .trd-detal{text-align:center}.upjiao{text-align:center;height:90px;padding-top:20px}.aboutlist .welist:nth-child(4) .circle-icon{margin-right:0}.processdiv{width:100%;overflow:hidden;position:relative}.processdiv img{position:absolute;left:100%;top:0;cursor:pointer}.processdiv #pro1{left:0}

.circle-icon{display:inline-block;font-size:48px;text-align:center;width:92px;height:92px;line-height:92px;border-radius:46px;border:solid 1px #cecece;transition:border,box-shadow 0.2s ease;-webkit-transition:border,box-shadow 0.2s ease;-moz-transition:border,box-shadow 0.2s ease}
.canlist:hover .circle-icon{border-color:#17aef5;box-shadow:inset 0 0 0 50px #17aef5;-webkit-box-shadow:inset 0 0 0 50px #17aef5}
.canlist:hover .circle-icon .circle-icon-1{background-image:url(../img/listico1cur.png)}
.canlist:hover .circle-icon .circle-icon-2{background-image:url(../img/listico2cur.png)}
.canlist:hover .circle-icon .circle-icon-3{background-image:url(../img/listico3cur.png)}
.canlist:hover .circle-icon .circle-icon-4{background-image:url(../img/listico4cur.png)}
.canlist:hover .circle-icon .circle-icon-5{background-image:url(../img/listico5cur.png)}

@media only screen and (max-width:1258px){.main_visual,.main_image{height:550px}
.ban1txt{padding-top:75px}
.ban1txt h4{padding-top:28px}
.ban1txt p{padding-top:55px}
.ban2cloud1 img{width:145px}
.ban2cloud2 img{width:145px}
.ban2cloud3{bottom:17%}
.ban2cloud3 img{width:130px}
.ban2cloud4 img{width:145px}
.ban2pc{width:330px;height:289px;margin-top:-145px;right:17%}
.ban2pc .ban2pcp{width:300px;height:170px;background-size:300px 477px;margin:16px 0 0 13px}
@keyframes ban2pcp{form{background-position:0 0}
to{background-position:0 -307px}}@-webkit-keyframes ban2pcp{form{background-position:0 0}
to{background-position:0 -307px}}@-moz-keyframes ban2pcp{form{background-position:0 0}
to{background-position:0 -307px}}.ban2mobile img{width:400px}
@keyframes ban2mobile{form{bottom:-30%}
to{bottom:20%}}@-webkit-keyframes ban2mobile{form{bottom:-30%}
to{bottom:20%}}@-moz-keyframes ban2mobile{form{bottom:-30%}
to{bottom:20%}}.ban3txt1{padding-top:32px}
.ban3txt2{padding-top:10px}
.ban3txt3{padding-top:10px}
.ban3pc{width:290px;height:232px;margin-left:-90px}
.ban3pc2{margin:27px 0 0 28px}
.ban3pcdiv{width:20px;margin-right:13px;height:110px}
.ban3note{width:200px;height:124px;margin-left:-251px}
.ban3noteimg{background-size:132px auto;background-position:33px center}
.ban3pad{width:85px;height:96px;margin-left:175px}
.ban3pad1{width:60px;height:60px;margin-top:16px}
.ban3pad2,.ban3pad3{border-radius:30px 0 0 30px}
.abouttxt{padding:50px 0}
.title-big{font-size:38px;line-height:74px}
.canbig{padding-bottom:40px}
.aboutlist{width:98%}
.trd-title{font-size:20px}
.caseh2{font-size:48px;padding-top:28px}
.caseh3{font-size:30px;line-height:48px}
.caselist li{width:25%;height:190px}
.caselist li:nth-child(n+9){display:none}
.casetxt h2{font-size:18px;line-height:28px}
.casetxt p{line-height:17px}
.upjiao{height:80px}

}