.content{margin: 0 auto;}
/*banner代码*/
#banner {  margin:0 auto; background:url(./banner.png) no-repeat center center; background-size: cover; height: 428px; position:relative;}
.tit_nav{bottom:0;right:0;position:absolute;}
.tit_nav i{overflow:hidden;width:0;height:0;border-bottom: 40px solid #4C79E0;border-left: 56px solid transparent;position:absolute; left:-56px;}
.tit_nav div p{ line-height:40px; padding-right:10px;background-color:#4C79E0;}
.tit_nav div p a,.tit_nav div p strong{font-size:18px; color:#fff;}

/*简介代码*/
#introduction {margin: 0 auto; background:url(./intro_bgimg.png) no-repeat center center; background-size: cover; height: 230px; }
.intro_box{width:1200px;margin:0 auto;padding:80px 0; }
.intro_box .intro_Btxt,.intro_box .intro_txt{color:#223f76;font-size:18px;line-height: 30px; padding:0 5px; text-shadow:0 0 1px;}
.intro_box .intro_Btxt{font-size:24px;}
/*注意事项和你问我答整体代码*/
.matterQA{ background:url(./matterbgimg.png) no-repeat top center; }
/*注意事项代码*/
.matters{height: 750px;}
.matters_box{width:1200px;margin:0 auto;}
.matters_box .matters_tit{background:url(./matters.png) no-repeat center center; height:150px; text-align:center;}
.matters_box .matters_tit .matters_Btxt{font-size:36px; color:#223f76;letter-spacing: 2px;font-weight: bold;line-height: 150px;} 
.matters_info .f-cf{width:1000px; margin:45px auto 0; text-align: center;}
.matters_info ul li{float: left;  width:303px; margin:0 15px; height:90px;border-radius: 25px;line-height:90px; }
.matters_info ul li p{font-size:24px; color:#223f76; padding-left:60px;}
.matters_info ul li.on p{color:#fff;}
.matters_info .OneMt.on{background:url(./gouwuche.png) #223f76 no-repeat 25% center;}
.matters_info .OneMt{background:url(./gouwuche1.png) #e5e5e5 no-repeat 25% center;}
.matters_info .TwoMt.on{background:url(./shopping.png) #223f76 no-repeat 25% center;}
.matters_info .TwoMt{background:url(./shopping1.png) #e5e5e5 no-repeat 25% center;}
.matters_info .ThrMt.on{background:url(./bag.png) #223f76 no-repeat 25% center;}
.matters_info .ThrMt{background:url(./bag1.png) #e5e5e5 no-repeat 25% center;}
.matters_con1,.matters_con2,.matters_con3{margin-top:20px;}
.matters_con1{background:url(./Tips_bgimg1.png) no-repeat center center; height:480px;}
.matters_con2{background:url(./Tips_bgimg2.png) no-repeat center center; height:520px; background-size: 100% 100%;}
.matters_con3{background:url(./Tips_bgimg3.png) no-repeat center center; height:550px; background-size: 100% 100%;}
.scolltip{height:450px;}
.matters_info .Scr{padding:45px 75px;}
.matters_info .Scr p { color:#333;font-size: 16px; line-height:30px; }
.matters_info .Scr .matters_list_tit{background:url(./tipsbg.png) no-repeat left center; color:#FFF;font-size: 18px;line-height:50px; padding:27px;}
 
/*你问我答代码*/
.faq {background:url(./QAbgimg.png) no-repeat bottom center;background-size: 100%;height: 1200px;  margin-top: 120px;}
.faq_box{width:1200px;margin:90px auto;}
.faq_box .faq_tit{background:url(./q&a.png) no-repeat center center; height:150px; text-align:center;}
.faq_box .faq_tit .faq_Btxt{font-size:36px; color:#223f76;letter-spacing: 2px;font-weight: bold;line-height: 150px;} 
.faq_box .faq_info {background-color: #fff;height:950px;overflow-y: scroll;border:1px solid #e5e5e5;}
.faq_box .faq_info ul { border-bottom: 2px solid #f2f2f2;  padding:25px 20px;}
.faq_box .faq_info ul:last-child,.faq_box .faq_info .last{border:none;}
.faq_box .faq_info .faq_Scr{padding:0px 95px 45px 30px; }
.faq_box .faq_info .faq_Scr p span{font-size:16px;}
.faq_box .faq_info .faq_Scr p .bigT{font-size:18px;}
.faq_box .faq_info .faq_Scr .faqUser .bubble_q {color: #333; background-color: #e8e8e8;margin-left:112px; margin-right:145px; position: relative; border-radius: 15px; border-bottom: 2px solid #ccc;}
.faq_box .faq_info .faq_Scr .faqUser .bubble_q p {padding:25px 35px;}
.faq_box .faq_info .faq_Scr .faqUser .bubble_q p:after{ content: ''; position: absolute;  width: 0; height: 0;  border: 10px solid;  border-color: transparent #e8e8e8 transparent transparent;top: 40px; right: 100%; margin-top: -15px; }
.faq_box .faq_info .faq_Scr .faqKefu .bubble_a { color: #fff;margin-right:112px;margin-left:135px;background-color:#208dec; position: relative; border-radius: 15px; border-bottom: 2px solid #245290; padding-bottom: 25px;}
.faq_box .faq_info .faq_Scr .faqKefu .bubble_a:after{ content: ''; position: absolute;  width: 0; height: 0;  border: 10px solid; left: 100%;top: 50px; margin-top: -15px;border-color: transparent transparent transparent #208dec; } 
.faq_box .faq_info .faq_Scr .faqKefu .bubble_a p { color: #fff; line-height:30px; padding:25px 35px 0px; }
.faq_box .faq_info .faq_Scr .faqKefu {background: url(./QAicon_kefu.png) no-repeat right 40px; padding:24px 0px; }
.faq_box .faq_info .faq_Scr .faqUser {background: url(./QAicon_user.png) no-repeat 5px 24px; padding:24px 0;}

/*法律法规代码*/
.laws{background:url(./laws_bgimg.png) no-repeat center center;height: 648px; margin-bottom:40px;}
.flfg_box{width:1200px;margin:0px auto; padding-top:10px;}
.flfg_box .flfg_tit{background:url(./laws.png) no-repeat center center; height:150px; text-align:center;}
.flfg_box .flfg_tit .flfg_Btxt{font-size:36px; color:#fff;letter-spacing: 2px;font-weight: bold;line-height: 150px;}
.flfg_info{ margin-top:20px;height:425px;background-color:#fff; border-radius: 20px;}
.flfg_info ul{padding:16px 45px;}
.flfg_info ul li p{ padding-left:65px;line-height: 120px; }
.flfg_info ul li p span a{font-size:16px; color: #333; letter-spacing: 1px;}
.flfg_info ul li{height: 120px; background:url(./laws_list_tit1.png) no-repeat 12px center; border-bottom: 1px solid #dde4ed;}
.flfg_info ul li:first-child+li{background:url(./laws_list_tit2.png) no-repeat 12px center; }
.flfg_info ul li:first-child+li+li{background:url(./laws_list_tit3.png) no-repeat 12px center; border:none;}

/*适配代码*/
@media screen and (max-width:1199px) {
  body,html { width:100%;  min-height:100%; } 
  /*banner*/
 #banner {background-size: contain; height: 270px;}
 /*简介代码*/
#introduction {margin:0 auto; height: 120px;background-size: cover; }
.intro_box{width:96%;margin:0 auto;padding:30px 0; }
 /*注意事项和你问我答整体代码*/
.matterQA{background-size: contain;}
  /*注意事项代码*/
.matters{height: auto;}
.matters_box{width:96%;}
.matters_info .f-cf{width:100%; margin-top:25px; display:flex; justify-content: center; align-items: center; align-content: flex-start;}
.matters_info ul li{clear: both; width:30%; height:80px;line-height:80px; }
.matters_con1,.matters_con2,.matters_con3{ margin-top:10px; background-size: cover; height:480px;}
.matters_info .Scr{padding:75px;}
.matters_info .Scr p {line-height:40px;padding-right:45px;}
.matters_info .Scr .matters_list_tit {line-height:0px;}
 /*你问我答代码*/
.faq {background-size:contain;height: 1200px; margin-top: 20px;}
.faq_box{width:96%;margin:50px auto;}
.faq_box .faq_info .faq_Scr{padding-top:15px;}
/*法律法规代码*/
.laws{ margin-bottom: 20px;}
.flfg_box{width:96%;margin:0px auto; padding-top:0px;}
.flfg_info{ margin-top:10px;}
.flfg_info ul{padding:16px 45px;}
.flfg_info ul li p span{width: 100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;}
 }
@media screen and (max-width:1024px) {
  /*banner*/
 #banner {background-position: top center;background-size: cover; height: 200px;}
 /*简介代码*/
#introduction {background-size: cover;height: 200px; }
  .intro_box{margin:0 auto;padding:60px 0; }
  /*注意事项代码*/
.matters_con1,.matters_con2,.matters_con3{background:none;background-color:#d1e9ff; height:auto;}
.matters_info .Scr{padding:20px 35px;}
.matters_info .Scr p {line-height:40px;padding-right:0px;}
 /*你问我答代码*/
.faq {background-size:contain;margin-top: 30px;}
.faq_box{width:96%;margin:10px auto;}
.faq_box .faq_info .faq_Scr{padding:0px; }
.faq_box .faq_info ul {padding-top:20px;}
.faq_box .faq_info .faq_Scr .faqKefu,.faq_box .faq_info .faq_Scr .faqUser {padding-top:0px; margin: 0px;}
.faq_box .faq_info .faq_Scr .faqKefu .bubble_a{margin-left:0px;}
.faq_box .faq_info .faq_Scr .faqUser .bubble_q {margin-right:0px;}
/*法律法规代码*/
.laws{ margin-bottom: 20px;}
.flfg_box{width:96%;margin:0px auto; padding-top:0px;}
.flfg_info{ margin-top:10px;}
.flfg_info ul{padding:8px 45px;}
.flfg_info ul li p span a{letter-spacing: 0px;}
 }
@media screen and (max-width:767px) {
  /*banner*/
 #banner {height: 150px;}
 .tit_nav i{border-bottom-width:28px;border-left-width:40px;left:-40px;}
 .tit_nav div p{line-height:28px;}
 .tit_nav div p a{font-size:16px;}
  .intro_box{padding:20px 0; }
  .matters_box{ padding-top:10px;}
  .matters_info ul{flex-direction: column; margin-top:0px;}
  .matters_info ul li{width:80%; margin-top:10px;}  
  .matters_info .Scr{padding:15px;height:100%;}
 }
@media screen and (max-width:480px) {
  /*banner*/
 #banner {height: 100px;}
  .tit_nav i{border:none;}
  .tit_nav{bottom:-56px; width:100%;}
  .tit_nav div{background-color:#4C79E0;width:45%;height:56px;}
  .tit_nav .mid{width:10%;}
    .tit_nav p{padding-left:10px;padding-right:10px;text-align:center;}
     .tit_nav p a{white-space: wrap; line-height:28px;}
    #introduction{margin-top:56px;}

    
  .intro_box{padding:10px 0;}
  .faq {background-size: contain;margin-bottom: 88px;height:100%;}
  .flfg_box .flfg_tit,.faq_box .faq_tit,.matters_box .matters_tit{background-size: contain; height:100px;}
  .faq_box .faq_tit .faq_Btxt,.flfg_box .flfg_tit .flfg_Btxt,.matters_box .matters_tit .matters_Btxt{font-size:24px; line-height: 100px;} 
   .matters_info .Scr{padding:15px;height:100%;}
  .scolltip{ height:100%;}
  .matters_info .Scr .matters_list_tit{background-color:#65a1c6;text-indent: 0em;}
  .matters_info .Scr p {line-height:35px;padding-right:15px;text-indent: 2em;}
  .laws{ background-size: cover; height:400px;}
  .flfg_info{height:100%;}
  .flfg_info ul li p{ padding-left:55px;line-height:82px; }
  .flfg_info ul li p span a{font-size:16px;letter-spacing: 0px;}
  .flfg_info ul li{height: 100%;}
 }