


.list{ width: 1200px; margin: 0 auto; text-align: center;position:relative; flex-grow: 1;
    display: flex;
    flex-direction: column;}

.soso {width:680px;margin-top:53px;border-radius:15px;height:45px;border:2px solid #77a093;background-color:#286272; margin: 0 auto;}
.soso input {width:390px;height:45px;line-height:45px;float:left;background:no-repeat; text-align:center; color:#e8b869;border:none;outline:none;margin-left:140px;font-size:16px;}
input::-webkit-input-placeholder {color:#e8b869;}
soso input:hover {border:none;}
.soso  .button {width:35px;height:35px;line-height:39px;font-size:14px;float:left;background:url(../images/zp_so2.png) no-repeat;color:#fff;cursor:pointer;margin-top:13px;}

.list_top{ width:980px ; margin: 0 auto;padding-top:50px; text-align: center;display: flex; justify-content: space-between;}

.sf_list,.hh_list{ width: 980px; margin-left: 110px;}
.hh_list{ display: none;}
.sf_list ul,.hh_list ul{ width: 980px; height:265px; margin: 0 ; display: block; padding: 20px 0 0;    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;}
.sf_list li,.hh_list li{     width: 170px;
    display: block;
    height: 202px;
    float: left;
    background: url(../images/zqhjbj.png);
    margin-right: 7px;
    position: relative;
}
.sf_list_img,.sf_list_img img,.hh_list_img,.hh_list_img img{ width: 155px; height: 128px;border-radius: 10px 10px 5px 5px;}
.sf_list li a>img,.hh_list li a >img{ width: 155px; height: 128px;border-radius: 15px 15px 0px 0px;padding:7px  0 0px 1px;border-radius: 10px 10px 5px 5px;}
.sf_list_img,.hh_list_img{ padding:5px  0 0px 7px;}
.sf_list_title h1,.hh_list_title h1{     font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    padding-left: 50px;
    padding-top: 5px;
    padding-bottom: 6px;
    text-align: left;
    height: 19px;
    color: #fff;
}
.sf_list_title p img, .hh_list_title p img{
    position: absolute;
    top: 142px;
    left: 22px;
}

.sf_list_title p,.hh_list_title p{     font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    padding-left: 20px;
    text-align: left;
    height: 30px;}
.sf_list_title p img,.hh_list_title p img{      width: 18px; float: left;
    height: 18px;
    vertical-align: middle;
    margin-top: 1px;
    margin-right: 5px;}
.sf_list_title p span,.hh_list_title p span{
    float: left;
    width: 140px;
    font-size: 11px;
    font-weight: 100;
    line-height: 10px;
    display: block;
    color: #fff;
}

ul.x0{
    display: flex;
    justify-content: center;
}

img.list_bote_2{ float: right; margin:5px 10px;}

.foor{ width: 1200px; margin: 0 auto; text-align: center; padding: 50px 0;}
.foor img{  margin: 0 auto;}
.foor_1{ width: 1200px; margin: 0 auto; text-align: center; padding: 0 0 50px;}
.foor_1 img{  margin: 0 auto;}

.zp_box{    width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
    padding-top: 0px;
    clear: both;}
.zp_box_1,.zp_box_1 a{
	 text-align:left; font-size: 18px; color: #fff; line-height: 76px;
}
.zp_box_2{
	    width: 1200px;
  
    background: #fff;
    border-radius:25px ;
    
}
.zp_box_title{
	padding: 20px 0 0 0;
	text-align: center;
	
}
.zp_box_title h1{ font-size: 34px; font-weight: bold; line-height: 50px;}
.zp_box_title_boot{ width: 1140px; margin: 0 30px;    height: 70px; border-bottom: 1px solid #cee2f3;}
.zp_box_title_boot_1{float: left;}
.zp_box_title_boot_1 p{ float: left; text-align: left; font-size:17px ; font-weight: bold;}
.zp_box_title_boot_1 img{    width: 40px;
    height: 40px;
    float: left;
    margin-right: 10px;
    margin-top: 4px;}
.zp_box_title_boot_2{    width: 170px;
    height: 40px;
    float: right;
    background: #f76b5c;
    border-radius: 20px ;}
.list_bote_1{margin: 10px 10px;float: left;}
.list_bote_2{float: right;
    margin: 5px 10px;}
.zp_box_title_boot_2 span {
    display: block;
    width: 75px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 40px;
    float: left;
}
.zp_box_2_center{ width: 1140px; margin: 0 30px;  text-align: center;}
.zp_box_2_center .content{ width: 800px; height: 450px;margin: 30px auto; }
.center_box{ text-align: left;font-size: 16px;}
.center_box p{    margin: 30px auto 0; font-size: 16px;}









