body{background-color: white;}
.tit{font-size: 34px; text-align: center; margin: 56px 0px; font-weight: bold;}
.alltitle img {
	height: 60px;
	width: auto;
}
.alltitle button{display: inline-block; padding: 8px; line-height: 1; margin-left: 5px; background-color: #007AFF; color: white; border-radius: 4px;}
.alltitle {
	clear: both;
	overflow: hidden;
	line-height: 60px;
	color: #101010;
	font-size: 20px;
	padding: 10px 0px;
}

.alltitle .container {
	padding: 0px 10px;
}

.fixleft{position: fixed; left: 0px; top: 100px; z-index: 999; font-size: 16px; text-align: center; box-shadow: 0px 0px 2px #ccc;}
.fixleft img{
	width: 100%;
}
.fixleft .ttt {
	padding: 10px; background-color: #00e8fe; color: white; font-size: 16px;
}
.fixrun{position: fixed; z-index: 999; display: none; bottom: -76px; right: 0; text-align: right; transition: all 1s; z-index: 998;}
.fixrun ul li{margin-bottom: 10px;}
.fixrun ul li span{padding: 0px 10px;  background-color: rgba(0,0,0,0.2); display: inline-block; border-radius: 20px; font-size: 14px; color: white; line-height: 2;}
@keyframes fixrun
{
    0% {bottom: -76px;}
    50% {bottom: 12px;}
	100%{bottom: 56px;}
}
.fixleft ul li{
	color: white;
	background-color: #3690c2;
	height: 46px;
	line-height: 46px;
	border-top: 1px solid white;
	position: relative;
	padding: 0px 10px;
	font-size: 16px;
}
.fixleft ul li a{
	color: white;
}
.fixleft ul li img{height: 22px; width: 22px; display: inline-block;}
.fixleft .kefu{background-color: white; text-align: center; padding-bottom: 10px;}
.fixleft .kefu img{width: 120px; display: inline-block; margin: 6px 0px;}
.fixleft .kefu a{display: block; margin: 0 auto; width: 120px; height: 32px; line-height: 32px; background-color: #007AFF; border-radius: 10px; color: white;}


.sec1{ padding: 1px 0px;}
.sec1 ul{display: flex; justify-content: space-around; flex:1; flex-wrap: wrap;}
.sec1 ul li{width: 30%; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; overflow: hidden; box-shadow: 2px 2px 2px #ccc; margin-bottom: 50px;}
.sec1 ul li .txt{text-align: center; font-size: 22px; color: #333; height: 58px; line-height: 58px; background-color: white;}

.sec2 .con{display: flex; justify-content: space-around; flex-wrap: wrap;}
.sec2 .inp{width: 50%;}
.sec2 .inp p{font-size: 16px; color: #333;}
.sec2 .inp font{margin-left: 6px;}
.sec2 .inp input{width: 90%; height: 60px; background-color: #eeeeee; font-size: 18px; padding-left: 5%; margin-top: 12px;}
.sec2 button{width: 490px; display: block; height: 60px; background-color: #3388ff; color: white; font-size: 18px; margin: 0 auto; margin-top: 44px;}
.sec2{padding-bottom: 56px;}

.sec3 .img{float: left; width:50%}
.sec3 .txt{float: left; width:44%; padding-left: 6%;}
.sec3 .txt h3{font-size: 46px; color: #425398; font-weight: bold; margin-top: 100px;}
.sec3 .txt .p{font-size: 22px; color: #333; margin: 36px 0px;}
.sec3 .txt .btn img{float: left; width: 40px; margin-top: 4px;  margin-right: 14px;}
.sec3 .txt .btn{padding: 10px 40px;  text-align: center; display:inline-block; background-color: #3d61b5; color: #ffc96c; border-radius: 96px; font-size: 34px;}
.sec3 .txt .btn span{display: inline-block;}
.sec3{clear: both;overflow: hidden;}

.sec4{background: url(../img/bg.png) no-repeat; background-size: 100% 100%; padding: 36px 0px;}
.sec4 ul{display: flex; justify-content: space-around; padding: 20px 0px;}
.sec4 ul li{width: 170px; height: 206px; background-color: white; border-radius: 10px; box-shadow: 2px 2px 12px #ccc; text-align: center;}
.sec4 ul li img{width: 94px; height: 94px; display: inline-block; margin-top: 22px;}
.sec4 ul li h3{margin-top: 28px; font-size: 22px;}


.sec5{padding: 36px 0px; background-color: #f1f1f1;}
.sec5 ul{display: flex; justify-content: space-around; padding: 20px 0px;}
.sec5 ul li{  text-align: center;}
.sec5 ul li img{width: 148px; height: 148px; display: inline-block; margin-top: 22px;}
.sec5 ul li h3{margin-top: 28px; font-size: 22px;}

.foot{background-color: #000; color: white; line-height: 40px; text-align: center; }
.banner_mobile{display: none;}
.sec6{ padding-bottom: 0px; border-top: 10px solid white;}
.sec6 .list ul{display: flex; flex-wrap: wrap; justify-content: space-around;}
.sec6 .list ul li{width: 46%; box-shadow: 2px 2px 10px #ccc; margin-bottom: 20px;}
.sec6 .list ul li img{width: 100%;}
.sec6 .list ul li .txt{padding: 10px; font-size: 18px;}
.sec6 .list ul li .txt h3{font-size: 18px; font-weight: bold; margin-bottom: 10px;}
@media screen  and (max-width:768px){
	.fixleft{display: none;}
	.container{width: 100%;}
	.banner_pc{display: none;}
	.banner_mobile{display: block;}
	.sec1 ul li{width: 48%; margin-bottom: 20px;}
	.sec1 ul li:last-child{display: none;}
	.tit{font-size: 24px; margin: 20px 0px;}
	.sec1 ul li .txt{font-size: 16px;}
	.sec2{padding-bottom: 20px;}
	.sec2 .inp{width: 100%; margin-bottom: 20px;}
	.sec2 .inp input{width: 100%;}
	.sec2 button{width: 100%; margin-top: 0;}
	.sec3 .img{width: 100%; display: none;}
	.sec3 .txt{width: 100%; padding-left: 0; text-align: center;  margin-bottom: 40px;}
	.sec3 .txt h3{margin-top: 10px; font-size: 26px;}
	.sec3 .txt .btn{font-size: 22px; line-height: 32px;}
	.sec3 .txt .btn img{width: 24px;}
	.sec4{background-size: 100% 100%; padding: 0px; padding-top: 20px;}
	.sec4 ul{flex-wrap: wrap;}
	.sec4 ul li{width: 31%; margin-bottom: 20px; height: 164px;}
	.sec4 ul li img{width: 70px; height: 70px;}
	.sec4 ul li h3{font-size: 16px; margin-top: 10px;}
	.sec5{padding: 0; padding-top: 20px;}
	.sec5 ul{flex-wrap: wrap;}
	.sec5 ul li{width: 25%;}
	.sec5 ul li img{width: 80%; height: auto; margin-top: 0;}
	.sec5 ul li h3{font-size: 18px; margin-top: 10px;}
	.sec3 .txt .p{font-size: 18px;}
	.alltitle{padding: 10px; padding-top: 20px; line-height: 1.2;}
	.alltitle .fr{float: left; font-size: 16px;}
	.alltitle img{max-width: 100%; height: auto; margin-bottom: 10px;}
	.sec6{padding-bottom:0px;}
}