@charset "utf-8";

body {
    font-size: 19px;
    line-height: 28px;
    font-family: Microsoft JhengHei;
    letter-spacing: 1px;
    font-weight:bold;
    color:#000;
}
::-webkit-scrollbar { width: 7px;}
::-webkit-scrollbar-track {}
::-webkit-scrollbar-thumb {background-color: #003961;}
html {
    SCROLLBAR-FACE-COLOR: #FFFFFF;
    SCROLLBAR-HIGHLIGHT-COLOR:FFFFFF;
    SCROLLBAR-SHADOW-COLOR: FFFFFF;
    SCROLLBAR-3DLIGHT-COLOR:#E0E0E0;
    SCROLLBAR-DARKSHADOW-COLOR: #E0E0E0;
    SCROLLBAR-ARROW-COLOR: #FF0033;
    CROLLBAR-TRACK-COLOR:#000000;
    background:url("../images/fix_bg.jpg") top center repeat;
	background-attachment: fixed;
	background-size:100%;
}
.pc_wrap{
  width:100%;
   display:block;
} 
.phone_wrap{
   display:none;
} 
p{
 text-align:center;
 margin:10px 0;
 font-size: 18px;
 font-weight: 700;
 color:#000;
}
h1 {
    color: #CD0D18;
}
h2 {
    font-size: 30px;
    text-align:center;
    color: #ECECEC;
    margin-top: 15px;
}
.recommend_wrap h2 {
    color: #fff;
}
h3{
  color: #003961;
  font-size: 24px;
  text-align:center;
  /* letter-spacing: 2px; */
}
h4{
  color: #fff;
  font-size: 24px;
  text-align:center;
  line-height: 32px;
  letter-spacing: 1px;
}
img {
    width:100%;
    height:auto;
}
 ol a{
 color: #C60505!important;
 text-decoration:underline;
 font-weight:bold;
 font-size:21px;
}
.number{
 list-style-type: lower-roman;
}
.computer{display:block;}
.phone{display:none}

/* Head */
.logo {
    float: left;
    margin-left: -3%;
    margin-top: -60%;
    width: 18%;
    position: relative;
}
.head_banner {
    width:100%;
    background-color: #CD0D18;
    padding-bottom: 50px;
}
.head_title {
    width: 46%;
    float: left;
    margin: -60.5% 0 0 27%;
    position: absolute;
}
.head_event {
    width: 64%;
    float: left;
    margin: -16% 0 0 18%;
    position: relative;
}
.head_img1{
    width: 13%;
    float: left;
    margin: -27.5% 0 0 12%;
    position: absolute;
}
.head_card{
    float: left;
    margin: -95% 0 0 5%;
    position: absolute;
    width: 95%;
}
.head_monster{
    float: left;
    margin: -50% 0 0 26%;
    position: absolute;
    width: 100%;
}
.head_img2{
    width: 16%;
    float: left;
    margin: -38% 0 0 70%;
    position: absolute;
}
.head_box{
    width: 1250px;
    height: 290px;
    margin: -6% auto 0 auto;
    position: relative;
}
.head_block1,.head_block2,.head_block3,.head_block4{
    width: 20%;
    height: 310px;
    margin: -130px 1% 0 1%;
    float: left;
    padding: 0 1.5%;
    background-size: contain!important;
}
.head_block_word{
    width: 100%;
    float: left;
    margin: 100px 0 25px 0;
    font-size:19px;
    color:#fff;
    line-height: 33px;
}
.tip1{
    font-size: 34px;
    color:#F9B901;
}
.tip2{
    font-size:36px;
    color:#CD0D18;
}
.head_block1{background:url("../images/head_block1.svg") top center no-repeat;}
.head_block2{background:url("../images/head_block2.svg") top center no-repeat;}
.head_block3{background:url("../images/head_block3.svg") top center no-repeat;}
.head_block4{background:url("../images/head_block4.svg") top center no-repeat;}
.head_banner_pad {display:none;}
.head_banner_phone {display: none;}
.toggle-menu_icon{
    width:30px;
    height:30px;
    float:right;
    margin:15px 15px 0 0;
}

/* Content */
section {
    width: 100%;
    height: auto;
    float: left;
    background-size: 100%;
}
.section_bg1{
     padding: 220px 0 160px 0;
     background: url("../images/page_bg1.jpg") top center no-repeat;
     margin-top: -30px;
     background-size: cover;
}
.section_bg5{
    padding-bottom: 60px;
}
.section_bg6{
    padding: 70px 0;
    background: url("../images/page_bg6.jpg") center center repeat;
}
.section_bg7{
    padding: 70px 0;
}
.container_wrap {
    width: 1200px;
    height:auto;
    margin: 0 auto;
}
.cod-1,.cod-2,.cod-3,.cod-4,.cod-5,.cod-6,.cod-7,.cod-8,.cod-9,.cod-10,.cod-12{
   float: left;
}
.section_bg1 ..cod-6{
   margin:0 2.5%;
   width:95%;
}
.cod-1{width:8.33%;}
.cod-2{width:16.6%;}
.cod-3{width:25%;}
.cod-4{width:33.33%;}
.cod-5{width:41.6%;}
.cod-6{width:50%;}
.cod-7{width:58.3%;}
.cod-8{width:66.6%;}
.cod-9{width:75%;}
.cod-10{width:83.3%;}
.cod-12{width:100%;}
.section_bg2 .cod-7{width: 57%;margin-left: 0.5%;}
.row{
    padding: 15px 0;
    float: left;
    width:100%;
}
.insurance_line{
    padding: 35px 0;
    float: left;
    width:100%;
    background:url("../images/insurance_line.svg") center center repeat-x;
}
.award1,.award2{
    width: 90%;
    height:590px;
    background:url("../images/award_bg1.svg") top center no-repeat;
    background-size: 100%;
    margin:0 5%;
    margin-top: -15px;
    float: left;
}
.award2{
    background:url("../images/award_bg2.svg") top center no-repeat;
}
.award_title{
    width: 70%;
    margin: 90px 15% 0 15%;
    float:left;
}
.award_word_wrap{
    width: 45%;
    margin: 20px 15% 36px 7.5%;
    float:right;
}
.award_word_wrap2{
    width: 45%;
    margin: 20px 7.5% 36px 15%;
    float:left;
}
.award_title_s{
    width:100%;
    float:left;
    background: url("../images/award_title_s.svg") center center no-repeat;
    background-size: contain;
    color: #003961;
    text-align: center;
    height: 50px;
    line-height: 50px;
}
.award_word{
    width:100%;
    float:left;
    margin-top: 15px;
    line-height: 32px;
}
.award_tip{
    width: 65%;
    margin: -3px 10% 0 10%;
    float:left;
    font-weight: normal;
    padding: 10px 5%;
    border-top: #003961 3px dotted;
    border-bottom: #003961 3px dotted;
}
.award_btn{
    width: 70%;
    margin: 0 15%;
    float:left;
}
.award_tip2{
    float:left;
    text-align:center;
    font-weight: normal;
    width: 100%;
    margin-top: 10px;
}
sub{
   vertical-align: 220%;
   line-height: 3px;
   font-size:10px;
   background-color:#000;
   color:#fff;
   padding:1px 5px;
   border-radius:999em;
   margin:0 2px;
} 
.insurance_title{
   width: 64%;
   float:left;
   margin: -50px 18% 25px 18%;
   position: relative;
}
.insurance_title_big{
   width: 94%;
   float:left;
   margin: -45px 3% 25px 3%;
   position: relative;
}
.insurance_title_s{
   width: 64%;
   float:left;
   margin: 0 18%;
   background:url("../images/insurance_title_s.svg") top center no-repeat;
   font-size:28px;
   color:#fff;
   line-height:85px;
   text-align: center;
}
.insurance_car_cicle,.insurance_car_cicle2,.insurance_moto_cicle{
   width: 210px;
   float:left;
   margin: 20px 3.9%;
   background-color:#F7BC00;
   border-radius:200px;
   color:#003961;
   padding: 20px 0;
}
.insurance_car_cicle2{
   background-color:#E2AD6A;
   width: 210px;
   margin: 20px 1.25%;
   padding: 27px 0;
}
.insurance_moto_cicle{
   background-color:#F7BC00;
   width: 210px;
   margin: 20px 2%;
   padding: 25px 0;
}
.insurance_car{
   width: 65%;
   float:left;
   margin: 5px 17.5% 5px 17.5%;
}
.insurance_car2{
   width: 55%;
   float:left;
   margin: 0 22.5% 15px 22.5%;
}
.insurance_moto{
   width: 70%;
   float:left;
   margin: 0 15% 5px 15%;
}
.insurance_word{
  font-size:24px;
  text-align:center;
  line-height: 24px;
}
.insurance_word_s{
  font-size: 16px;
}
.insurance_car_line{
  float:left;
}
.recommend_wrap{
  padding: 40px 15px;
  background-color:#fff;
  border-radius:25px;
  float: left;
}
.recommend_box{
  width: 95%;
  float:left;
  margin: 10px 2.5%;
  background-color:#EFEEEE;
  padding-top: 20px;
}
.insurance_car_img{
  width: 60%;
  float:left;
  margin: 0 20% 10px 20%;
}
.insurance_car_word{
  font-size:24px;
  text-align: center;
}
.recommend_sample{
  width: 92%;
  padding: 25px 1.5%;
  background:url("../images/insurance_frame.svg") center center no-repeat;
  height: 140px;
  background-size: contain;
  line-height: 28px;
  margin: 50px 2.5%;
}
.recommend_sample ul{
  margin-left:25px;
}
.insurance_cloud{
   width: 100%;
   height: 360px;
   background:url("../images/insurance_cloud.svg") center center no-repeat;
   margin-top: 10px;
}
.insurance_cloud_word{
   color:#fff;
   width: 70%;
   margin: 70px 15% 0 15%;
   float:left;
   line-height: 30px;
}
.delete{text-decoration: line-through;}
.insurance_btn{
   width: 45%;
   margin: -50px 27.5% 0 27.5%;
   float:left;
}
.insurance_btn_moto{
   margin: 10px 27.5% 0 27.5%;
}
.insurance_moto_dialog{
   width: 100%;
   height:285px;
   background: url("../images/insurance_moto_dialog.svg") top center no-repeat;
}
.insurance_moto_word{
   margin: 50px 8% 0 42%;
   color:#315487;
   float: left;
   width: 50%;
}
.travel_title{
   width: 55px;
   height:205px;
   background: url("../images/travel_title.svg") top center no-repeat;
   color:#fff;
   writing-mode: vertical-lr;
   font-size:28px;
   letter-spacing:3px;
   text-align:center;
   line-height:55px;
   position: absolute;
   z-index: 9;
   margin-top: 2.3%;
}
.travel_wrap{
   width: 91%;
   float:left;
   background-color:#fff;
   border-radius:25px;
   padding: 30px 2% 30px 5%;
   position: relative;
   margin-left: 2%;
}
.travel_icon_bg{
  width: 86%;
  margin: 0 4.5%;
  padding: 15px 2.5% 0 2.5%;
  background-color:#F7BC00;
  border-radius: 20px;
  float: left;
}
.travel_icon_bg2{
  background-color:#E2AD6A;
}
.travel_icon{
  width: 48%;
  margin: 5px 26% 0 26%;
  float:left;
}
.travel_icon_word{
  width:100%;
  margin-top:15px;
  float:left;
  color:#003961;
  font-size:24px;
}
.travel_box,.travel_box2{
  width:95%;
  background: url("../images/travel_bg1.svg") top right no-repeat;
  margin-left:5%;
  height: 150px;
}
.travel_box2{background: url("../images/travel_bg2.svg") top right no-repeat;}
.travel_word{
  margin: 40px 0 0 0;
  float:left;
  width: 65%;
}
.travel_btn{
  float:left;
  width: 100%;
  margin-top: 25px;
}
.fire_house{
  width: 85%;
  margin: 0 7.5%;
}
.fire_title{
  width: 85%;
  margin: 15px 7.5%;
  background: url("../images/fire_title.svg") top center no-repeat;
  line-height:125px;
  float:left;
  font-size:28px;
  color:#fff;
  text-align:center;
  background-size: contain;
}
.fire_word{
  width: 70%;
  margin: 0 15%;
  float:left;
}
.fire_family{
  width: 70%;
  float:left;
  margin: 0 15%;
}
.fire_btn{
  width: 100%;
  float:left;
  margin-top: -55px;
}
.award_point_bg{
  width: 100%;
  background: url("../images/award_point_bg.svg") top center no-repeat;
  float: left;
}
.award_point_title{
  width: 96%;
  float:left;
  margin: 70px 2% 10px 2%;
}
.award_point_wrap{
  width: 70%;
  float:left;
  margin: 0 6% 0 25%;
}
.award_point_circle{
  width: 78%;
  margin: 15px 6%;
  color:#003961;
  font-size: 26px;
  text-align:center;
  line-height: 35px;
  background: url("../images/award_point_circle.svg") top center no-repeat;
  height: 165px;
  padding: 50px 5% 30px 5%;
}
.award_point_btn{
  width: 55%;
  float:left;
  margin: 20px 22.5%;
}
.award_point_tip{
  color:#fff;
  font-weight: normal;
  text-align:center;
}
.award_list{
  margin: 30px 2.5% 0 2.5%;
  width: 95%;
}
.award_list ol{
  font-weight:normal;
  line-height: 30px;
  font-size: 16px;
  margin-left: 20px;
}
 .company_wrap{
  padding: 30px 10%;
  width: 80%;
  float:left;
  margin-top:30px;
  background-color:#003961;
  border-radius: 30px;
 }
 .social_box{
    width:170px;
    margin:0 auto;
}
.social_box_icon{
  float:left;
  width:65px;
  height:65px;
  margin:0 10px;
}
.copyright {
  color: #fff;
  float: left;
  line-height: 24px;
  text-align: center;
  font-weight: normal;
  margin: 20px auto;
  font-size: 17px;
}
@media(min-width: 280px) and (max-width: 1199px) {
.container_wrap {
    width: 96%;
    margin: 0 2%;
}
.head_banner {
    padding-bottom: 105px;
}  
}
@media(min-width: 280px) and (max-width: 767px) {
body {
    font-size: 17px;
    line-height: 26px;
}
.pc_wrap{
   display:none;
} 
.phone_wrap{
   width:100%;
   display:block;
}  
.hamburger {
    top: 15px!important;
    right: 15px!important;
    padding: 12px 8px!important;
}
.hamburger__icon,
.hamburger__icon:after,
.hamburger__icon:before {
 display:block;
 width: 25px!important;
 height: 2px!important;
}  
.logo {
    margin-left: -15%;
    margin-top: -58%;
    width: 50%;
}
.head_title {
    width: 75%;
    margin: -65% 0 0 12.5%;
}
.head_event {
    width: 100%;
    margin: 35px 0 2.5%;
    position: relative;
}  
h1{ display:block; margin-left:30px;}
.head_img1{
    width: 12%;
    margin: -4% 0 0 0;
}
.head_card{
    margin: -110% 0 0 5%;
    width: 110%;
}
.head_img2{
    width: 18%;
    margin: -17% 0 0 82%;
}
.head_box{
    width: 100%;
    height: 400px;
    margin: 40px auto 0 auto;
}
.head_block1,.head_block2,.head_block3,.head_block4{
    width: 39%;
    height: 200px;
    margin: 10px 3%;
    padding: 0 2%;
    background-size: 120%!important;
}
.head_block_btn{
    width: 120%;
    margin-left: -5px;
}  
.icon::before {
    padding: 3px 1px!important;
    margin-top: 0!important;
}
.icon-forward2:before {
    font-size: 14px!important;
}  
.head_block_word{
    margin: 60px 0 10px 5px;
    line-height: 26px;
    font-size:17px;
}
.tip1{
    font-size: 26px;
}
.tip2{
    font-size: 28px;
}
.cod-1,.cod-2,.cod-3,.cod-4,.cod-5,.cod-6,.cod-7,.cod-8,.cod-9,.cod-10,.cod-12{
   width:100%;
}
.section_bg2 .cod-7{width: 100%;}  
.section_bg1 {
    padding: 200px 0 140px 0;
    background: url(../images/page_bg1.jpg) center center no-repeat;
    margin-top: -120px;
    background-size: cover;
}
.section_bg2{
    margin-top: -60px;
}
.award1,.award2{
    width: 96%;
    height: 400px;
    background: url("../images/award_bg1.svg") center center no-repeat;
    background-size: contain;
    margin: 10px 2%;
    margin-top: 0;
}
.award2{
    background:url("../images/award_bg2.svg") center center no-repeat;
    background-size: contain;
}  
.award_title{
    width: 80%;
    margin: 60px 15% 0 10%;
}
.award_word_wrap{
    width: 60%;
    margin: 5px 5% 36px 10%;
}
.award_word_wrap2{
    width: 60%;
    margin: 5px 7.5% 36px 6%;
    float:left;
}
.award_title_s{
    line-height: 50px;
}
.award_word{
    margin-top: 0;
    line-height: 27px;
}
.award_tip{
    width: 94%;
    margin: -30px 1% 0 1%;
    padding: 5px 1%;
    font-size: 15px;
    line-height: 23px;
}
.award_btn{
    width: 80%;
    margin: -20px 10% 0 10%;
} 
.insurance_title{
   width: 100%;
   margin: -50px 0 10px 0;
}
.insurance_title_s{
   width: 80%;
   margin: 10px 10%;
   font-size: 26px;
}
.insurance_car_line{display:none;} 
.insurance_circle_wrap{
   width: 210px;
   margin:0 auto;
}  
.insurance_car_cicle,.insurance_car_cicle2,.insurance_moto_cicle{
   width: 210px;
   margin: 10px auto;
}
.recommend_wrap{
  padding: 40px 5px;
}  
.recommend_sample{
  width: 90%;
  padding: 10px 2%;
  background: none;
  height: auto;
  margin: 15px 2.5% 0 2.5%;
  border:2px dotted #003961
}
.insurance_cloud{
   background: url("../images/insurance_cloud_phone.svg") top center no-repeat;
   margin-top: 30px;
   background-size:100%;
   height: 340px;
}  
.insurance_cloud_word{
   width: 88%;
   margin: 40px 6% 0 6%;
   line-height: 26px;
}
.insurance_btn{
   width: 90%;
   margin: -50px 5% 0 5%;
   float:left;
}
.insurance_line{
   background-size:200%;
}
.insurance_moto_cicle {
    margin: 10px 0;
    padding: 21px 0;
}
.insurance_btn_moto{
   margin: 15px 5% 0 5%;
}
.travel_icon_bg{
  width: 90%;
  margin: 10px 2%;
  padding: 15px 2% 0 2%;
  background-color:#F7BC00;
  border-radius: 20px;
  float: left;
}
.travel_title{
   width: 70%;
   height:60px;
   background: url("../images/travel_title_phone.svg") top center no-repeat;
   writing-mode: inherit;
   font-size: 24px;
   line-height:65px;
   z-index: 9;
   margin-top: -4%;
   margin-left: 15%;
}
.travel_wrap{
   margin: 20px 1%;
}
.travel_btn {
    /* width: 95%; */
    margin-left: -2.5%;
}  
.fire_house{
  width: 60%;
  margin: 0 20%;
}
.fire_title{
  width: 100%;
  margin: 15px 0;
  line-height:100px;
  float:left;
  font-size:24px;
  color:#fff;
  text-align:center;
  background-size: contain;
}
.fire_word{
  width: 88%;
  margin: 0 6% 20px 6%;
  float:left;
}
.fire_family{
  width: 60%;
  float:left;
  margin: 0 20%;
}
.fire_btn{
  width: 95%;
  margin-left: 2.5%;
}  
.section_bg5{
    padding-bottom: 40px;
}
.award_point_bg{
  background: url("../images/award_point_bg_phone.svg") top center no-repeat;
  height: 1150px;
  background-size:cover;
}
.award_point_wrap{
  width: 250px;
  margin: 0 auto;
  float: none;
}
.award_point_circle{
  width: 80%;
  margin: 15px 5%;
  text-align:center;
  background: url("../images/award_point_circle.svg") top center no-repeat;
  height: 165px;
  padding: 40px 5% 20px 5%;
  background-size: contain;
}
.award_point_title{
  width: 96%;
  margin: 70px 2% 10px 2%;
}
.award_point_btn{
  width: 100%;
  margin: 20px 0;
}
.award_list ol{
  line-height: 24px;
  font-size: 15px;
}
.section_bg7{
    padding: 40px 0;
}
.company_wrap{
  padding: 20px 5%;
  width: 90%;
  margin-top:15px;
}
.copyright {
  font-size: 15px;
}  
}
@media(min-width: 481px) and (max-width: 767px) {
.hamburger {
    padding: 16px 8px!important;
}
.hamburger__icon,
.hamburger__icon:after,
.hamburger__icon:before {
 display:block;
 width: 33px!important;
 height: 3px!important;
}  
.logo {
    margin-left: -10%;
    margin-top: -60%;
    width: 40%;
}
.head_title {
    width: 65%;
    margin: -62% 0 0 17.5%;
}
.head_img1{
    width: 15%;
    margin: -8% 0 0 2%;
}
.head_card{
    margin: -110% 0 0 0;
}
.head_img2{
    width: 20%;
    margin: -23% 0 0 78%;
}
.head_box{
    width: 90%;
    height: 400px;
    margin: 30px auto 0 auto;
}
.head_block1,.head_block2,.head_block3,.head_block4{
    width: 40%;
    margin: 5px 2%;
    background-size: 100%!important;
    height: 265px;
    padding: 0 3%;
} 
.head_block_btn{
    width: 100%;
    margin-left: 0;
}  
.head_block_word{
    margin: 85px 0 20px 5px;
}
.section_bg1 {
    padding: 230px 0 170px 0;
    margin-top: -140px;
    background-size: cover;
}
.award1,.award2{
    width: 78%;
    height: 460px;
    background: url("../images/award_bg1.svg") center center no-repeat;
    background-size: contain;
    margin: 20px 11%;
}
.award2{
    background:url("../images/award_bg2.svg") center center no-repeat;
    background-size: contain;
}  
.award_title{
    width: 60%;
    margin: 60px 20% 0 20%;
}
.award_word_wrap{
    width: 47%;
    margin: 20px 12% 36px 10%;
}
.award_word_wrap2{
    width: 50%;
    margin: 5px 7.5% 36px 12%;
    float:left;
}
.award_title_s{
    margin-bottom:15px;
}
.award_tip{
    width: 70%;
    margin: -12px 15% 0 15%;
    padding: 5px 1%;
    font-size: 15px;
    line-height: 23px;
}
.award_btn{
    margin: 10px 10% 0 10%;
}
.insurance_title{
   width: 80%;
   margin: -50px 10% 10px 10%;
}
.insurance_circle_wrap{
   width: 100%;
}
.insurance_car_cicle,.insurance_car_cicle2,.insurance_moto_cicle{
   width: 180px;
   margin: 10px 1%;
   padding: 11px 0;
} 
.insurance_car_cicle2{
   padding: 18px 0;
} 
.insurance_cloud{
   background: url("../images/insurance_cloud.svg") top center no-repeat;
   margin: 30px 5% 0 5%;
   background-size:100%;
   width:90%;
   height: 320px;
}  
.insurance_cloud_word{
   margin: 50px 10% 0 15%;
}
.travel_title{
   margin-top: -2%;
}
.travel_wrap .cod-4{
   width:50%
}
.travel_box,.travel_box2{
  width:200%;
}
.cod-3{width: 35%;}
.section_bg5 .cod-5{width: 65%;}
.fire_house{
  width: 90%;
  margin: 0 5%;
}
.fire_family{
  width: 40%;
  float:left;
  margin: 0 30%;
}
.award_point_wrap{
  width: 100%;
  margin: 0 auto;
  float: none;
}
.award_point_title{
  width: 96%;
  margin: 60px 2% 10px 2%;
}  
.award_point_circle{
  width: 90%;
  margin: 15px 4%;
  height: 140px;
  padding: 30px 4% 10px 4%;
  font-size: 24px;
  line-height: 28px;
}
.award_point_wrap .cod-4{ width:33.33%;} 
.award_point_bg{
  background: url("../images/award_point_bg_phone.svg") top center no-repeat;
  height: 700px;
  background-size:cover;
} 
}
@media(min-width: 768px) and (max-width: 1199px) {
.pc_wrap{
   display:block;
} 
.phone_wrap{
   display:none;
}
.logo {
    margin-left: -10%;
    margin-top: -60%;
    width: 35%;
}
.head_title {
    width: 60%;
    margin: -62% 0 0 20%;
}
.head_event {
    width: 100%;
    margin: -4% 0 10px 0;
    position: relative;
}  
.head_img1{
    width: 15%;
    margin: -15% 0 0 3%;
}
.head_img2{
    width: 17%;
    margin: -26% 0 0 77%;
}  
.head_box{
    width: 640px;
    height: 560px;
    margin: -15px auto 50px auto;
}
.head_block1,.head_block2,.head_block3,.head_block4{
    width: 40%;
    margin: 5px 3%;
    height: 300px;
    padding: 0 2%;
}
.head_block_word{
    width: 100%;
    margin: 90px 0 25px 0;
}
.company_wrap{
  padding: 30px 3%;
  width: 94%;
  margin-top:15px;
 }  
}
@media(min-width: 768px) and (max-width: 1023px) {
.section_bg1{
    padding: 170px 0 120px 0;
    background: url("../images/page_bg1.jpg") top center no-repeat;
    margin-top: -130px;
    background-size: cover;
}
.section_bg1 .cod-6{
    width: 85%;
    margin: 0 7.5%;
}  
.award1,.award2{
    width: 100%;
    background: url("../images/award_bg1_pad.svg") top center no-repeat;
    background-size: contain;
    margin: 50px 0 0 0;
    height: auto;
}
.award2{
    background:url("../images/award_bg2_pad.svg") center center no-repeat;
    background-size: contain;
    margin: 20px 0 40px 0;
}
.award_title{
    width: 55%;
    margin: 60px 22.5% 0 22.5%;
}
.award_tip{
    margin: -30px 2.5% 25px 2.5%;
    width: 85%;
}
.award_word_wrap{
    margin: 10px 15% 45px 7.5%;
}
.award_word_wrap2{
    margin: 10px 7.5% 20px 15%;
}
.award_tip2{
    margin-bottom: 30px;
}
.section_bg2{
     margin-top: -60px;
}
.insurance_title{
   width: 90%;
   margin: -50px 5% 15px 5%;
}
.insurance_car_line{
  display:none;
}
.section_bg2 .cod-5{width:100%;}
.section_bg2 .cod-7{width: 100%;margin-left: 0;}  
.insurance_circle_wrap{
  width: 68%;
  margin: 0 auto;
}
.insurance_circle_wrap2{
  width: 94%;
  margin: 0 auto;
}
.recommend_wrap .cod-5{
  width: 42%;
}
.recommend_wrap .cod-7{
  width: 58%;
}
.insurance_cloud{
   width: 100%;
   height: 370px;
   background:url("../images/insurance_cloud_phone.svg") center center no-repeat;
   margin-top: -10px;
   background-size: contain;
}
.recommend_sample{
  font-size: 17px;
  line-height:25px;
  background: none;
  border: 2px dotted #003961;
  height: auto;
}
.insurance_cloud_word{
   width: 88%;
   margin: 55px 6% 0 7%;
   float:left;
   line-height: 30px;
}
.insurance_btn{
   width: 80%;
   margin: 0 10%;
}
#section3 .cod-4{width:100%;}
#section3 .cod-8{width:100%;}  
.insurance_moto_word{
   margin: 50px 8% 0 45%;
   color:#315487;
   float: left;
   width: 28%;
}
.insurance_moto_cicle{
   background-color:#F7BC00;
   width: 30.5%;
   margin: 20px 1.25%;
   padding: 21px 0;
}
.travel_wrap{
   width: 86%;
   margin-left: 5%;
}
.travel_wrap .cod-4{width:50%;}
.travel_box,.travel_box2{
  width: 190%;
}
.travel_title{
   margin-top: 15%;
   margin-left: 10px;
}  
.travel_btn{
  width: 100%;
  margin-top: 35px;
}
.travel_icon_word{
  font-size:23px;
}
.section_bg5 .cod-3{width: 35%;}
.section_bg5 .cod-4{width: 80%; margin:20px 10% 0 10%}  
.section_bg5 .cod-5{width: 65%;}
.fire_house{
  width: 90%;
  margin: 0 5%;
}
.fire_family{
  width: 40%;
  float:left;
  margin: 0 30%;
}
.section_bg5{
    padding-bottom: 40px;
}
.award_point_wrap{
  width: 85%;
  margin: 0 0 0 13%;
}
.award_point_title{
  width: 96%;
  margin: 50px 2% 10px 2%;
}  
.award_point_circle{
  width: 94%;
  height: 150px;
  padding: 35px 4% 5px 4%;
  font-size: 23px;
  line-height: 26px;
  background-size: contain;
}
.award_point_wrap .cod-4{width:33.33%;margin-top: -20px;} 
.award_point_bg{
  background: url("../images/award_point_bg.svg") top 15% no-repeat;
  background-size:120%;
}
.award_title_s{
    margin-bottom:15px;
} 
.section_bg6{
    padding: 50px 0;
}
.section_bg7{
    padding: 50px 0;
}  
}
@media(min-width: 1024px) and (max-width: 1199px) {
.head_box{
    width:100%;
    height: 280px;
    margin: -15px auto 60px auto;
}
.head_block1,.head_block2,.head_block3,.head_block4{
    width: 22.8%;
    margin: 5px 0.5%;
    height: 300px;
    padding: 0 0.3% 0 0.8%;
}
.head_block_word{
    width: 100%;
    margin: 80px 0 15px 0;
}
.tip1{
    font-size: 28px;
}
.tip2{
    font-size:30px;
} 
.section_bg1{
     padding: 130px 0 70px 0;
     margin-top: -100px;
}
.award1,.award2{
    width: 95%;
    height: 550px;
    background:url("../images/award_bg1.svg") top center no-repeat;
    background-size: contain;
    margin: 0 2.5%;
}
.award2{
    background:url("../images/award_bg2.svg") top center no-repeat;
    background-size: contain;
}
.award_title{
    width: 70%;
    margin: 65px 15% 0 15%;
}
.award_word_wrap{
    width: 55%;
    margin: 20px 10% 36px 10%;
}
.award_word_wrap2{
    width: 55%;
    margin: 20px 7.5% 15px 10%;
}
.award_tip{
    width: 76%;
    margin: -10px 10% 0 10%;
    padding: 10px 2%;
}
.insurance_circle_wrap{
   width: 100%;
   margin: 0 auto;
}
.insurance_circle_wrap{
   width: 410px;
   margin: 0 auto;
}
.insurance_circle_wrap2{
   width: 560px;
   margin: 0 auto;
}   
.insurance_title_s{
   width: 70%;
   margin: 0 15%;
}
.insurance_car_cicle,.insurance_car_cicle2,.insurance_moto_cicle{
   width: 170px;
   margin: 20px 3%;
   padding: 11px 0;
}
.insurance_car_cicle2{
   width: 170px;
   margin: 20px 1%;
   padding: 16px 0;
}
.insurance_moto_cicle{
   width: 170px;
   margin: 20px 1%;
}
.insurance_btn_moto{
   margin: -50px 27.5% 0 27.5%;
}
.travel_icon_word{
  font-size:22px;
}
.fire_title{
  width: 100%;
  margin: 0;
  font-size:26px;
}
.fire_word{
  width: 90%;
  margin: 0 5%;
}
.section_bg5{
    padding-bottom: 40px;
}
.section_bg6{
    padding: 50px 0;
}
.section_bg7{
    padding: 50px 0;
}
.award_point_bg{
  background-size:contain;
}  
.award_point_circle{
  width: 94%;
  height: 150px;
  padding: 45px 4% 5px 4%;
  font-size: 23px;
  line-height: 26px;
  background-size: contain;
}  
}
@media(min-width: 1179px) and (max-width: 1199px) {
.section_bg1{
     padding: 130px 0 110px 0;
     margin-top: -70px;
}  
}