@charset "utf-8";
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0,
	font-family:"微软雅黑"
}
html, body {
    height: 100%;
    width: 100%;
    font-size: 14px;
    line-height: 2.2em;
    font-family: "Microsoft YaHei";
    color: #555;
    margin: 0;
    padding: 0;
}
#main_web{min-width:1320px; overflow:hidden; width:100%;}
h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td,section {
    margin: 0;
    padding: 0;
    border: none;
	list-style-type: none;
	list-style: none;
}
input, textarea, select {
    font-family: "Microsoft YaHei";
    font-size: 12px;
    outline: none;
}
img {
    font-size: 0;
    vertical-align: bottom;
    line-height: 0;
    border: 0;
    transition: all linear .4s;
    -webkit-transition: all linear .4s;
}
a, a:visited {
    color: #555;
    text-decoration: none;

}
a:hover {
    color:#0096EB;
    text-decoration: none;
}
.c{clear:both;}
.left{ float:left;}
.right{ float:right;}
.red{color:red;}
.blue{ color:#00679E;}
.orange{color:#FF6600;}
.blak{color:#333333;}
.bai{ color:#fff;}
.f12{ font-size:12px;}
.f16{ font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f30{font-size:30px;}
.f30b{font-size:30px; font-weight:bold; color:#333;}
.f36{font-size:36px; margin-left:16px; width:290px; float:left; height:45px; line-height:45px;}
.f40{font-size:40px;}
.f55{font-size:55px;}

#banner{width:100%;height:720px;background:url(../images/banner.jpg) no-repeat center top}

.header{width:1200px;height: 720px; margin:0 auto;position: relative;}
.header .icon-iphone{position: absolute;right:5px;padding:8px 30px;font-size: 30px; color: #fff; top: 60px;border: 1px solid #fff; border-radius: 30px; display: inline-block}

.header .btn-kt{position: absolute;right:5px;bottom:100px;display:block; width:320px; height:80px; line-height:80px; text-align:center; background:#fff; color:#5070f3; font-weight:bold; font-size:36px; z-index:2; border-radius:15px; }
.header .btn-kt:hover{background:#5070f3; color:#fff;border: 1px solid #fff;}


.case{width:100%; height: 1120px; background: #eaedfb;}
.caseTab{width: 1200px;margin: 0 auto;}
.caseTab .caseNav{height: 200px;}
.caseTab .caseNav li {float: left; width: 200px;margin:0 auto;  text-align: center;  cursor: pointer;}
.caseTab .caseNav li p{font-size: 24px;color:#3693eb; line-height: 60px;}
.caseTab .caseNav li .icon_bg{display: block; width: 200px; height: 120px; background-repeat: no-repeat; background-position: center;background-image: url(../images/icon_bg.png);
	-webkit-transition: -webkit-transform 1s ease-out;
	-moz-transition: -moz-transform 1s ease-out;
	-o-transition: -o-transform 1s ease-out;
	-ms-transition: -ms-transform 1s ease-out;
}
.caseTab .caseNav li:hover .icon_bg{
	-webkit-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg);
	-o-transform: rotateZ(360deg);
	-ms-transform: rotateZ(360deg);
	transform: rotateZ(360deg);

}
.caseTab .caseNav li i{display: block; width: 200px; height: 120px; background-repeat: no-repeat; background-position: center;}
.caseTab .caseNav li i.icon1{ background-image: url(../images/icon1.png);}
.caseTab .caseNav li i.icon2{ background-image: url(../images/icon2.png);}
.caseTab .caseNav li i.icon3{ background-image: url(../images/icon3.png);}
.caseTab .caseNav li i.icon4{ background-image: url(../images/icon4.png);}
.caseTab .caseNav li i.icon5{ background-image: url(../images/icon5.png);}
.caseTab .caseNav li i.icon6{ background-image: url(../images/icon6.png);}

.caseTab .caseNav li.active p{font-weight: bold; color: #2c2d2d;}

.caseBox .imgbox{display: none;}
.caseBox .imgbox.active{display: block;}
.caseBox .info{height: 100px; text-align: center;}
.caseBox .info p{line-height: 30px; font-size: 18px; color: #303030;}

.case2{height: 590px;}
.case2 .caseBox2{width: 1200px; margin: 0 auto; display: block;}

.baijiahaoService_three{padding:15px 0 35px; background:#fff url(../images/process_bg.jpg) no-repeat;}
.technological-process li{width:16.6%; float:left; text-align:center; font-size:16px; line-height:20px; position:relative}
.technological-process li:after{content:""; position:absolute; width:24px; height:16px; right:-10px; top:32px;  background:url(../images/arrow.png) no-repeat right center}
.technological-process li:last-child:after{display:none}
.technological-process li i{display:block; height:55px; margin-bottom:20px}
.technological-process li .t1{background:url(../images/t1.png) no-repeat center bottom}
.technological-process li .t2{background:url(../images/t2.png) no-repeat center bottom}
.technological-process li .t3{background:url(../images/t3.png) no-repeat center bottom}
.technological-process li .t4{background:url(../images/t4.png) no-repeat center bottom}
.technological-process li .t5{background:url(../images/t5.png) no-repeat center bottom}
.technological-process li .t6{background:url(../images/t6.png) no-repeat center bottom}
.technological-process li .c{color:#155dff}


.fl-clr {zoom: 1;}
.fl-clr:after {display: block;clear: both;height: 0;content: "\0020";}


.baijiahaoService_title{text-align:center; padding:40px 0 30px 0}
.baijiahaoService_title .h1{font-size:36px; color:#3693eb; line-height:40px; font-weight:bold; padding-bottom:15px}
.baijiahaoService_title .ioc{height:8px; width:160px; margin:0 auto; display:block; background:url(../images/t_line.png) no-repeat center}

.baijiahaoService_four{background:#3955f6 url(../images/baijiahaoService_four.jpg) no-repeat center 0; padding:30px 0 0 0}
.baijiahaoService_four .baijiahaoService_title .h1{color:#fff}
.baijiahaoService_four .baijiahaoService_title .ioc{background:rgba(255,255,255,0.35)}

.answer-list{color:#fff; margin-left:-140px; padding-bottom:55px; padding-top:15px}
.answer-list li{float:left; width:50%}
.answer-list li .box{margin-left:140px}
.answer-list li .title{font-size:20px; line-height:30px; position:relative; padding-left:40px; margin-bottom:15px}
.answer-list li .text{font-size:16px; line-height:35px; min-height:105px; position:relative; padding-left:40px}
.answer-list li .title:before,
.answer-list li .text:before{position:absolute; width:38px; height:38px; left:-8px; top:-3px; font-size:22px; font-family:Arial, Helvetica, sans-serif; border-radius:50%; font-weight:bold; text-align:center; line-height:38px}
.answer-list li .title:before{content:"Q"; background:#ff5151; color:#fff}
.answer-list li .text:before{content:"A"; background:#fff; color:#344fe6;top: 5px;}



.baijiahaoService_bottom{background:#fff; padding:58px 0 45px 0; overflow:hidden; border-radius:20px 20px 0 0}
.baijiahaoService_bottom .text{float:left; padding-left:95px; padding-top:20px}
.baijiahaoService_bottom .text .h1{font-size:36px; font-weight:bold; line-height:40px; padding:10px 0;color: #303030;}
.baijiahaoService_bottom .text .h2{color:#666666; font-size:20px}
.baijiahaoService_bottom .box{float:right; padding-right:120px; text-align:center}
.baijiahaoService_bottom .box .price{font-size:28px; line-height:50px; padding-bottom:10px;}
.baijiahaoService_bottom .box .price span{font-size:50px; font-weight:bold; color:#5576f6;}
.baijiahaoService_bottom .box .button{display:block; width:325px; height:75px; line-height:75px; text-align:center; font-size:28px; color:#fff; background:#5576f6; border:1px solid #5576f6; border-radius:10px;}
.baijiahaoService_bottom .box .button:hover{background:#5576f6; color:#fff}

.container{max-width:1300px;margin: 0 auto;}
.process_bg{ height: 180px; background: url(../images/process_bg.jpg) no-repeat center top;}



.foot{width:100%;background:#222;height:auto; overflow: hidden;}
.foot_center{margin:0 atuo; padding: 20px 0; text-align: center;color:#CCC;}
.foot_center a{color:#CCC;}
.foot_center a:hover{color:#fff;}



@media(max-width:1320px){

}
@media(min-width:1025px){

}

@media (max-width: 900px){

}

@media screen and (max-width: 768px){


}