.mi{
  font-family:  Microsoft YaHei UI-Regular, Microsoft YaHei UI;
  position: relative;
	background: #F5F7FA;
}
.con {
    max-width: 1200px;
    margin: 0 auto;
}
.banner{
	background: url(https://cdn.chiefgr.com/suolue/bg.png)no-repeat;
	width: 100%;
	height: 430px;
	background-size: 100% 100%;
}
.banner h1{
	font-size: 36px;
	font-weight: bold;
	color: #000000;
	line-height: 60px;
	padding-top: 100px;
}
.banner p{
	font-size: 16px;
	font-weight: 300;
	color: #333333;
	margin-top: 10px;
}
.banner .btn-box{
	display: flex;align-items: center;
	margin-top: 30px;
}

.banner .btn-box .btn{
	width: 140px;
	height: 40px;
	background: #000000;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 20px;
	display: flex;align-items: center;justify-content: center;
}
.banner .btn-box .btn:nth-child(2){
	width: 140px;
	height: 40px;
	border: 1px solid #000000;
	font-size: 14px;
	color: #000000;
	background: #FFFFFF;
	line-height: 20px;
	margin-left: 10px;
}

.con1{
	position: relative;
}
.con1 .con1-box{
	margin-top: -50px;
	width: 100%;
	display: flex;justify-content: space-between;
	z-index: 999;
}
.con1 .con1-box .left{
	width: 910px;
	box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.03);
	background: #ffffff;
}
.con1 .nav{
	display: flex;justify-content: space-between;
	
}
.con1 .nav li{
	width: 25%;
	height: 50px;
	border-right:1px solid #DDDDDD;
	font-size: 14px;
	color: #666666;
	display: flex;align-items: center;justify-content: center;
	border-bottom: 1px solid #DDDDDD;
}
.con1 .nav li i{
	width: 40px;
	height: 40px;
	background: url(https://cdn.chiefgr.com/suolue/con1-2-1.png) no-repeat;
	background-size: 100%;
	display:block;
}
.con1 .nav li:last-child{
	border-right:0;
}
.con1 .nav li:nth-child(2) .icon{
	 background: url(https://cdn.chiefgr.com/suolue/con1-3-3.png) no-repeat !important; 
	background-size: 100% 100% !important;
}
.con1 .nav li:nth-child(3) .icon{
	background: url(https://cdn.chiefgr.com/suolue/con1-4-4.png) no-repeat !important;;
	background-size: 100% 100% !important;
}
.con1 .nav li:nth-child(4) .icon{
	background: url(https://cdn.chiefgr.com/suolue/con1-5-5.png) no-repeat !important;;
	background-size: 100% 100% !important;
}
.con1 .nav li:nth-child(2) i{
	width: 40px;
	height: 40px;
	background: url(https://cdn.chiefgr.com/suolue/con1-3.png) no-repeat;
	background-size: 100%;
	display:block;
}
.con1 .nav li:nth-child(3) i{
	width: 40px;
	height: 40px;
	background: url(https://cdn.chiefgr.com/suolue/con1-4.png) no-repeat;
	background-size: 100%;
	display:block;
}
.con1 .nav li:nth-child(4) i{
	width: 40px;
	height: 40px;
	background: url(https://cdn.chiefgr.com/suolue/con1-5.png) no-repeat;
	background-size: 100%;
	display:block;
}
.con1 .nav .active{
	background: url(https://cdn.chiefgr.com/suolue/con1-1.png);
	background-size: 100% 100%;
	width: 25%;
	height: 55px;
	color: #FFFFFF;
	border-bottom: 0;
	border-right: 0;
}
.con1 .nav .active i{
	width: 40px;
	height: 40px;
	background: url(https://cdn.chiefgr.com/suolue/con1-2-2.png) no-repeat;
	background-size: 100%;
	display:block;
}
.con1 .left .cen{
	display: flex;justify-content: space-between;align-items: center;
	flex-wrap: wrap;
	padding:25px 30px 0;
}
.con1 .left .cen .input{
	width: 50%;
	margin-bottom: 30px;
}
.con1 .left .cen .input p{
	font-size: 14px;
	color: #000000;
	line-height: 40px;
}
.con1 .left .cen .input input{
	width: 380px;
	height: 40px;
	background: #F5F7FA;
	outline:none;border:none;
	padding-left: 10px;
	font-size: 13px;
	color: #999999;
}
.con1 .left .cen .input ul{
	display: flex;align-items: center;
}
.con1 .left .cen .input ul li{
	width: 80px;
	height: 30px;
	line-height: 30px;
	background: #F5F7FA;
	border-radius: 5px 5px 5px 5px;
	margin-right: 5px;
	text-align: center;
	font-size: 13px;
	color: #666666;
}
.con1 .left .cen .input ul .active{
	background: rgba(255,109,0,0.1);
	font-size: 13px;
	color: #FF6D00;
}
.con1 .left .foot{
	padding: 0 30px 0;
	
}
.con1 .left .foot .ti{
	display: flex;align-items: center;
	font-size: 12px;
	color: #AAAAAA;
}

.con1 .left .foot .ti img{
	width: 12px;
	height: 12px;
	margin-right: 4px;
}
.con1 .left .foot .btn-box{
	display: flex;align-items: center;justify-content: center;
	margin-top: 60px;
}
.con1 .left .foot .btn-box p{
	font-size: 10px;
	color: #999999;
	line-height: 30px;
	text-align: center;
}
.con1 .left .foot .btn-box .btn1 .btn{
	width: 200px;
	height: 50px;
	background: linear-gradient(90deg, #FD441F 0%, #E1251B 100%);
	border-radius: 50px 50px 50px 50px;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	display: flex;align-items: center;justify-content: center;
}
.con1 .left .foot .btn-box .btn2 .btn{
	width: 200px;
	height: 50px;
	background: #000000;
	border-radius: 50px 50px 50px 50px;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	display: flex;align-items: center;justify-content: center;
	margin-left: 10px;
}
.con1 .left .foot .boot{
	margin-top: 40px;
	padding-bottom: 40px;
}
.con1 .left .foot .boot div{
	color: #333333;
	font-size: 12px;
}
.con1 .left .foot .boot p{
	color: #999999 ;
	font-size: 12px;
	line-height: 24px;
	margin-top: 10px;
}

.con1 .left .foot .boot p span{
	color: #E4291C ;
	font-size: 12px;
}
.con1 .right{
	width: 280px;
	background: #FFFFFF;
	box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.03);
	padding: 0 20px;
}
.con1 .right .title{
	
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: 20px;
  margin-top: 15px;
}
.con1 .right .title h6{
	height: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}
.con1 .right .title i{
	width: 40px;
	height: 0.5px;
	background: #E4281C;
	margin-top: 15px;
	display: block;
}
.con1 .right .one .swiper-container{
	height: 400px;
	margin-bottom: 40px;
}
.con1 .right .one .swiper-container .dongtai a span{
	width: 130px;
	height: 20px;
	background: rgba(225,37,27,0.05);
	font-size: 12px;
	color: #E1251B;
	line-height: 20px;
	text-align: center;
	
}
.con1 .right .one .swiper-container .dongtai a p{
	display: block;
	white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
	font-size: 12px;
	color: #666666;
	margin-top: 5px;
	
}
.con1 .right .two ul li{
	margin-bottom: 20px;
}
.con1 .right .two ul li a{
	display: flex;align-items: center;
}
.con1 .right .two ul li a i{
	width: 8px;
	height: 20px;
	font-size: 12px;
	color: #999999;
	margin-right: 10px;
	line-height: 20px;
}
.con1 .right .two ul li:nth-child(1)  i{
	color: #FF0E00;
}
.con1 .right .two ul li:nth-child(2)  i{
	color: #FF6B00;
}
.con1 .right .two ul li:nth-child(3)  i{
	color: #FFA800;
	
}
.con1 .right .two ul li a p{
	display: block;
	height: 20px;
	font-size: 12px;
	color: #666666;
	line-height: 20px;
	white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}

.con1 .right .two ul li a p span{
	color: #E5291C;
	
}

.public-title{
	margin: 60px 0 30px;
	text-align: center;
}
.public-title h2{
	font-size: 24px;
	font-weight: 400;
	color: #000000;
	line-height: 40px;
}
.public-title p{
	height: 20px;
	font-size: 12px;
	color: #666666;
}
@media (max-width: 630px){
	.con{
		padding: 0 0.24rem;
	}
.banner{
	background: url(https://cdn.chiefgr.com/suolue/m-bg.png)no-repeat;
	width: 100%;
	height: 6.2rem;
	background-size: 100% 100%;
}
.banner h1{
	width: 4.4rem;
	font-size: 0.4rem;
	padding-top:1rem;
	line-height:0.6rem;
}
.banner p{
	width: 3.64rem;
	height: 0.8rem;
	font-size: 0.24rem;
	font-weight: 300;
	color: #333333;
	line-height: 0.4rem;
}
.banner .btn-box .btn{
	width: 2rem;
	height: 0.6rem;
	font-size: 0.24rem;
}
.banner .btn-box .btn:nth-child(2){
	width: 2rem;
  height: 0.6rem;
  font-size: 0.24rem;
	font-size: 0.24rem;
}
.con1 .con1-box{
	margin-top: -1rem;
}
.con1 .con1-box .left{
	width: 100%;
}
.con1 .con1-box{
	top: -1rem;
}
.con1 .nav .active{
	/*background: url(https://cdn.chiefgr.com/suolue/m-con1-1.png);*/
	background-size: 100% 100%;
}
.con1 .nav li i{
	display: none !important;
}
.con1 .nav li{
	font-size: 0.24rem;
}
.con1 .right{
	display: none;
}
.con1 .left .cen{
	padding: 16px 12px 0;
}
.con1 .left .cen .input p{
	font-size: 0.24rem;
}
.con1 .left .cen .input input{
	width: 3rem;
	height: 0.8rem;
	font-size: 0.26rem;
}
.con1 .left .cen .input:nth-child(5){
	width: 100%;
}
.con1 .left .cen .input:nth-child(6){
	width: 100%;
}
.con1 .left .cen .input:nth-child(7){
	width: 100%;
}
.con1 .left .cen .input:nth-child(8){
	width: 100%;
}
.con1 .left .foot{
	padding: 0 0.24rem;
}
.con1 .left .foot .btn-box .btn1 .btn{
	width: 3.2rem;
	height: 0.8rem;
	font-size: 14px;
}
.con1 .left .foot .btn-box{
	margin-top: 20px;
}
.con1 .left .foot .btn-box .btn2 .btn{
	width: 3.2rem;
	height: 0.8rem;
	font-size: 14px;
}
.con1 .left .foot .boot{
	margin-top: 20px;
}
.public-title{
	margin: 0.6rem 0 0.3rem;
}
.public-title h2{
	font-size: 0.36rem;
	line-height: 0.6rem;
}
.public-title p{
	font-size: 0.2rem;
}