*{margin:0;padding:0;}
body {
  -webkit-text-size-adjust: 100%;
}
html {
  font-size: 12px;
}

a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);color: #ffffff; text-decoration: none;
}
img {
  display: block; width: 100%;
}

body{ background:#f4f6f8;}
#wrapper{ opacity: 0;}
.title{ width: 100%; text-align: center; }
.title img{width: 49.6%; margin: 0 auto; }

.intro{ width: 92%; margin:0 auto; background:#fff; overflow: hidden;}
.intro_top{ color:#4688ff; background:#eaf2ff; text-align: center;  font-weight: bolder;}
.intro_main{ box-sizing: border-box;}
.intro a{ color:#4688ff;}

.it1{ display: flex;align-items: center;  font-weight: bolder;}
.it1 a{ color:#000; }
.it1 img{ width:8%; margin-right: 2%;}
.it1 .arr{ width:5%; margin-left: 2%;}
.intro_main p{color:#838383; }

.it2{ border-bottom:1px solid #eaeaea; position: relative; }
.it2 div,.it3 div{ width: 70%;margin-left:33%; }
.it2 .fpic,.it3 .fpic{ width: 30%; position: absolute; top:0;left:0; }
.it2 .lpic,.it3 .lpic{ width: 23%; position: absolute; top:20%;right:0; }
.it2 div span,.it3 div span{ display: block; font-weight: bolder; color:#000; }

.it2 .hdbtn1{
  position: absolute;
  bottom: 18%;
  right: 13%;
  width: 34%;
  height: 20%;
}


.it3{ position: relative;}

p{max-height:100%;}

@media only screen and (min-width: 320px) {
  .title{  padding:16px 0 16px 0;}
  .intro{ border-radius: 7px;}
  .intro_main{ padding:14px;}
  .intro_top{ font-size:12px;line-height: 30px;}
  .it1{  font-size:14px; }
  .intro_main p{ font-size: 12px;line-height: 24px;  padding:5px 0 5px 0;}
  .it2{ padding-bottom:16px; margin-bottom:9px;  }
  .it2 div p,.it3 div p{ font-size: 11px; margin: 0; padding:0;}
  .it2 div span, .it3 div span{  font-size: 14px; padding:8px 0 0 0;}
  .it3 div p{padding-bottom:5px;}
  .pt5{padding-top:10px;padding-bottom:8px; }
  .pt5 p{line-height:18px ;font-size: 12px;}

}

@media only screen and (min-width: 375px) {
  .title{  padding:19px 0 19px 0;}
  .intro{ border-radius: 8px;}
  .intro_main{ padding:15px;}
  .intro_main p{ font-size: 12px;line-height: 25px;  padding:6px 0 6px 0;}
  .intro_top{ font-size:14px;line-height: 34px;}
  .it1{  font-size:16px; }

  .it2{ padding-bottom:18px; margin-bottom:10px;  }
  .it2 div p,.it3 div p{ font-size: 12px; margin: 0; padding:0;}
  .it2 div span, .it3 div span{  font-size: 16px; padding:10px 0 0 0;}
  .it3 div p{padding-bottom:6px;}
  .pt5{padding-top:12px;padding-bottom:10px;}
  .pt5 p{line-height:20px ;font-size: 12px;}


}
@media only screen and (min-width: 414px) {
  .title{  padding:22px 0 22px 0;}
  .intro{ border-radius: 10px;}
  .intro_main{ padding:17px;}
  .intro_top{ font-size:15px;line-height: 38px;}
  .it1{  font-size:18px; }
  .intro_main p{ font-size: 13px;line-height: 27px;  padding:7px 0 7px 0;}
  .it2{ padding-bottom:20px; margin-bottom:12px;  }
  .it2 div p,.it3 div p{ font-size: 13px; margin: 0; padding:0;}
  .it2 div span, .it3 div span{  font-size: 18px; padding:11px 0 0 0;}
  .it3 div p{padding-bottom:8px;}
  .pt5{padding-top:13px;padding-bottom:12px;}
  .pt5 p{line-height:22px ;font-size: 13px;}


}
@media only screen and (min-width: 750px) {
  .title{  padding:38px 0 38px 0;}
  .intro{ border-radius: 14px;}
  .intro_main{ padding:30px;}
  .intro_top{ font-size:32px;line-height: 68px;}
  .it1{  font-size:32px; }
  .intro_main p{ font-size: 25px;line-height: 50px;  padding:24px 0 24px 0;}
  .it2{ padding-bottom:36px; margin-bottom:20px;  }
  .it2 div p,.it3 div p{ font-size: 24px; margin: 0; padding:0;}
  .it2 div span, .it3 div span{  font-size: 32px; padding:20px 0 0 0;}
  .it3 div p{padding-bottom:12px;}
  .pt5{padding-top:24px; padding-bottom:20px;}
  .pt5 p{line-height:40px ;font-size: 24px;}
 
}