*{ margin:0; padding:0;}
html,body{
height: 100%;
}
.left{
float: left;
}
.right{
float: right;
}
.clearfix:after{
content:'';
display: block;
height:0;
clear:both;
}
.clearfix_pr:after{
content:'';
display: block;
height:0;
clear:both;
}
.main{
width:90%;
margin: 0 auto;
/*min-width: 1333px;*/
}
.main2{
width:80%;
margin: 0 auto;
}
.main3{
width:90%;
margin: 0 auto;
}
.title{
text-align: center;
margin-top: 50px;
margin-bottom: 20px;
}
.title h1{
color: #13012a;
font-size: 36px;
display: inline-block;
line-height: 1.8;
}
.line h2{
border-bottom: 10px solid #2075ec;
}
.line p{
margin: -16px auto 0 auto!important;
width: 200px!important;
}
.title p{
color: #13012a;
font-size: 20px;
margin: 0 auto 0 auto;
background: #FFF;
width: 18%;
}
.title span{
width: 25%;
height: 3px;
background: #000;
margin:20px auto 0 auto;
display:block;
}
/*****************
-------首页------
*****************/
.main2{
width:80%;
margin: 0 auto;
}
.top{
width: 100%;
height: 55px;
color:#FFF;
background: rgba(255,255,255,.7);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2ffffff,endColorstr=#b2ffffff);
position: fixed;
top:0;
left: 0;
z-index: 99;
/* min-width: 1080px; */
}
.top .nav ul li{
float: left;
line-height: 55px;
margin:0 10px;
}
.top .nav ul li a{
color:#333;
font-size: 23px;
padding:3px 30px;
border-radius: 50px;
}
.top .nav ul li a.active{
border:2px solid #2075ec;
color:#2075ec;
}
.swiper-container,.swiper-slide,.swiper-container .swiper-slide img{
width:100%;
min-width: 1480px;
}
.bottom{
background: #222;
padding-top:10px;
min-width: 1280px;
}
.bottom ul li,
.bottom_pr ul li,
.bottom_pb ul li{
float: left;
width: 32%;
margin:0 0.3%;
}
.bottom ul .li_wth{
width: 40%;
}
.bottom ul .li_min{
width: 20%;
}
.bottom ul li h1{
color: #fbfbfb;
border-bottom: 1px solid #292929;
font-size: 28px;
padding-bottom: 10px;
padding-left: 10px;
margin-bottom: 30px;
font-weight: normal;
}
.bottom ul li p{
line-height: 1.9;
color:#787878;
margin-bottom: 6px;
}
.bottom ul li a{
width: 340px;
height: 40px;
/* border:2px solid #9d9d9d; */
font-size: 20px;
line-height: 40px;
text-align: center;
display: inline;
/* border-radius: 70px; */
color:#787878;
margin: 20px 0;
cursor: pointer;
}
.bottom ul li a:hover{
color: #FFF;
}
.bottom ul li p{
margin-left: 8px;
}
.bottom ul li:last-child .left{
width: 230px;
}
.bottom ul li:last-child p{
margin-left: 0px;
}
.bottom .ewm{
float: right;
color:#fefefe;
text-align:center;
margin-top: 10px;
}
.bottom .ewm p{
font-size: 20px;
width: 100%;
line-height: 2.0;
}
.bottom .bot{
height: 60px;
line-height: 60px;
border-top:1px solid #333;
}
.bottom .bot{
color:#636363;
font-size:20px;
}
.bottom ul li p img{
vertical-align: middle;
}
.three{
width: 100%;
min-width: 1480px;
}
.fixed{
position: fixed;
right:0;
top:40%;
z-index: 999;
}.ward{ margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;position: relative;left:0;top:0;}
/*banner*/
.bannerK{width:100%;position: relative;background-image: url("../images/bg3.jpg"); background-repeat: no-repeat; background-size:auto 100%; background-position: center top;background-color:#f8f8f8}
.banner{height:100%; background: none;}
.bannerI{background-image:url(../images/bg1-right.png);position:absolute;right:0;background-position:center;background-repeat:no-repeat; background-size:100%;}
.banN{position:absolute;color:#fff;left:0;}
.banN h4{font-size:26px;font-weight:bold;}
.banN h2{font-size:60px;margin:15px 0;font-weight:bold;}
.banN h5{font-size: 20px; line-height:26px;}
.banNa{padding:0 18px;border-radius:2em;font-size:14px;height:38px;line-height:38px;border:1px solid #C9C9C9;background:#fff;color: #555;white-space:nowrap;text-align:center;cursor:pointer; display:inline-block;}
.banNa:hover{background: rgba(255,255,255,0.8)}
/*title*/
.IndTit{text-align: center;margin-bottom: 30px;}
.IndTit h3{font-size: 30px;font-weight: 700;}
.IndTit p{line-height: 50px;color:#999;display:block;font-size: 15px;letter-spacing:2px;}
/*人工改重结果*/
.IndRepK{position:relative;margin:0 auto;background:url(../images/banner-checkdemo.png) no-repeat center center;}
.IndRepK p{position:absolute;color:#666;}
.IndRepB{text-align:center;}
.IndRepa{background-color:#1E9FFF;padding:0 25px;border-radius:2em;font-size:16px;height:44px;line-height:44px;color: #fff;white-space:nowrap;text-align:center;border:none;cursor:pointer; margin:0 5px;}
.IndRepa:hover{ background:#3cabfe;}
.IndRepa span{width:16px;height:16px;line-height:16px;font-size:16px;text-align: center; border-radius:50%; display: block; border:1px solid #FFF;}
.IndRepa2{background-color: #FF5722;}
.IndRepa2:hover{background-color: #fe8660;}
/*服务流程*/
.IndSer{background-color:#FFF;padding: 80px 0;}
.IndSerK{position: relative;width:100%;background:url(../images/banner-service.png) no-repeat 0 0;}
.IndSerN{top:70px;position: absolute;left:50%;width:50%;}
.IndSerN li{margin-bottom:65px;padding-left:60px;}
.IndSerN li .step-1{background: url(../images/step-1.png) no-repeat 0 0;}
.IndSerN li .step-2{background: url(../images/step-2.png) no-repeat 0 0;}
.IndSerN li .step-3{background: url(../images/step-3.png) no-repeat 0 0;}
.IndSerN li h5{margin-bottom:5px;font-size: 20px;}
.IndSerN li p{color:#777;font-size:14px}
.IndSerN li.step-none{margin-bottom:0;padding-left:0;}
.IndSera{background-color:#1E9FFF;padding:0 50px;border-radius:2em;font-size:14px;height:38px;line-height: 38px;color: #fff;white-space:nowrap;text-align:center;border:none;cursor:pointer; display:inline-block;}
.IndSera:hover{ background:#3cabfe;}
/*降重案例*/
.IndWei,.IndRep{background-color: #f5f5f5;padding: 80px 0;}
.IndWeiN{position:relative;width:100%;background:url(../images/banner-case.png) no-repeat right 0;}
.IndWeiN img{max-width: 100%;}
@media screen and ( min-width:1200px){
.ward{width: 1170px;padding:0 15px}
/*banner*/
.bannerK{height:659px;}
.bannerI{top:100px;width:525px;height:480px;}
.banN{top:200px;}
.banNa{ margin-top: 50px;}
/*人工改重结果*/
.IndRepK{width:895px;height:350px;}
.IndRepK p{font-size:28px;}
.IndRepK p.step-1{top:40px;left:200px;}
.IndRepK p.step-2{top:122px;left:70px;}
.IndRepK p.step-3{top:203px;left:150px;}
.IndRepB{padding-top:300px;}
/*服务流程*/
.IndSerK{height:510px;}
.IndSerN{top: 70px;}
.IndSerN li{margin-bottom:65px;}
.IndSerN li.step-none{margin-bottom:0;}
/*降重案例*/
.IndWeiN{background-size:45%;height:510px;}
}
@media screen and (max-width:1199px ) and ( min-width:992px){
.ward{width:970px;padding:0 15px}
/*banner*/
.bannerK{height: 450px!important;}
.bannerI{top:100px;background-size:contain;width: 328px!important;height: 300px!important;}
.banN{top:120px; left:15px;}
.banNa{ margin-top: 40px;}
/*人工改重结果*/
.IndRepK{width:895px;height:350px;}
.IndRepK p{font-size:28px;}
.IndRepK p.step-1{top:40px;left:200px;}
.IndRepK p.step-2{top:122px;left:70px;}
.IndRepK p.step-3{top:203px;left:150px;}
.IndRepB{padding-top:300px;}
/*服务流程*/
.IndSerK{height:450px;background-size:45%}
.IndSerN{top:25px;}
.IndSerN li{margin-bottom:65px;}
.IndSerN li.step-none{margin-bottom:0;}
/*降重案例*/
.IndWeiN{background-size:45%;height:510px;background-position: right 35px;}
}
@media only screen and (max-width:991px){
.ward{width:750px;}
/*banner*/
.bannerK{height: 450px!important;}
.bannerI{ display: none;}
.banN{top:120px; left:15px;}
.banNa{ margin-top: 40px;}
/*人工改重结果*/
.IndRepK{width:720px;height:279px;background-size:contain;}
.IndRepK p{font-size:22px;}
.IndRepK p.step-1{top:32px;left:164px;}
.IndRepK p.step-2{top:97px;left:64px;}
.IndRepK p.step-3{top:163px;left:123px;}
.IndRepB{padding-top:235px;}
/*服务流程*/
.IndSerK{height:370px;background-size:45%}
.IndSerN{top:25px;}
.IndSerN li{margin-bottom:25px;}
.IndSerN li.step-none{margin-bottom:0;}
/*降重案例*/
.IndWeiN{height:270px;background-position:right 45px;background-size:25%;}
.IndWeiN p:last-child{ display: none;}
}
/*
display:flex;justify-content:space-between;align-items:center; flex-wrap:wrap;align-content:center
|flex-start|flex-end|center|space-between|space-around
overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;
transition:0.5s;
.IndEnvT:before,.IndEnvT:after{display:block;content:'';position: absolute;}
*/
/*****************
-----公司简介-----
*****************/
@media screen and ( min-width:1280px){
}
@media screen and (max-width:1279px ) and ( min-width:960px){
}
@media screen and (max-width:959px ) and ( min-width:640px){
}
@media only screen and (max-width:639px){
}